release 1.5.6 (#1616)

Author: xingyan95

packages/devui-vue/devui-cli/commands/build.js

@@ -33,6 +33,7 @@ const rollupOptions = {
     /^mermaid/,
     'xss',
     'diff2html',
+    'echarts',
   ],
   output: {
     globals: {

packages/devui-vue/devui-cli/shared/constant.js

@@ -29,7 +29,58 @@ exports.VITEPRESS_SIDEBAR_FILE_EN = resolve(
   `config/${this.VITEPRESS_SIDEBAR_FILE_NAME_EN}`
 );
 // 这里的分类顺序将会影响最终生成的页面侧边栏顺序
-exports.VITEPRESS_SIDEBAR_CATEGORY = ['通用', '导航', '反馈', '数据录入', '数据展示', '布局', '演进中'];
+exports.VITEPRESS_SIDEBAR_CATEGORY = ['通用', 'DesignToken', '导航', '反馈', '数据录入', '数据展示', '布局', '演进中'];
+exports.DESIGN_TOKENS_INFO = [
+  {
+    category: 'DesignToken',
+    text: 'Animation 动效',
+    status: '100%',
+    name: 'design-animation',
+    link: "/components/design-animation/",
+  },
+  {
+    category: 'DesignToken',
+    text: 'BorderRadius 圆角',
+    status: '100%',
+    name: 'design-radius',
+    link: "/components/design-radius/",
+  },
+  {
+    category: 'DesignToken',
+    text: 'Color 颜色',
+    status: '100%',
+    name: 'design-color',
+    link: "/components/design-color/",
+  },
+  {
+    category: 'DesignToken',
+    text: 'Font 字体',
+    status: '100%',
+    name: 'design-font',
+    link: "/components/design-font/",
+  },
+  {
+    category: 'DesignToken',
+    text: 'Link 链接',
+    status: '100%',
+    name: 'design-link',
+    link: "/components/design-link/",
+  },
+  {
+    category: 'DesignToken',
+    text: 'Shadow 阴影',
+    status: '100%',
+    name: 'design-shadow',
+    link: "/components/design-shadow/",
+  },
+  {
+    category: 'DesignToken',
+    text: 'ZIndex 层级',
+    status: '100%',
+    name: 'design-zindex',
+    link: "/components/design-zindex/",
+  }
+];
 exports.VITEPRESS_SIDEBAR_CATEGORY_EN = [
   'General',
   'Navigation',

packages/devui-vue/devui-cli/templates/vitepress-sidebar.js

@@ -5,6 +5,7 @@ const {
   VITEPRESS_SIDEBAR_CATEGORY_EN,
   VITEPRESS_SIDEBAR_CATEGORY_ZH_TO_EN,
   SITES_COMPONENTS_DIR_NAME_EN,
+  DESIGN_TOKENS_INFO
 } = require('../shared/constant');
 const logger = require('../shared/logger');
 const { isReadyToRelease } = require('../shared/utils');
@@ -69,6 +70,10 @@ exports.createVitepressSidebarTemplates = (componentsInfo = []) => {
           text: '在 Nuxt3 中使用',
           link: '/nuxt3/',
         },
+        {
+          "text": "Design Token",
+          "children": DESIGN_TOKENS_INFO
+        },
       ],
       handler: generateZhMenus,
       lang: 'zh',
@@ -87,6 +92,10 @@ exports.createVitepressSidebarTemplates = (componentsInfo = []) => {
           text: 'Theme Guide',
           link: '/theme-guide/',
         },
+        {
+          "text": "Design Token",
+          "children": DESIGN_TOKENS_INFO
+        },
       ],
       handler: generateEnMenus,
       lang: 'en',

packages/devui-vue/devui/alert/src/components/alert-close-icon.tsx

@@ -1,19 +1,9 @@
 const AlertCloseIcon = (): JSX.Element => (
-  <svg width='10px' height='10px' viewBox='0 0 10 10' version='1.1' xmlns='http://www.w3.org/2000/svg'>
-    <g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'>
-      <g transform='translate(-3.000000, -3.000000)' fill-rule='nonzero'>
-        <path d='M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891 \
-        12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416 \
-        12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416 \
-        C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749 \
-        L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548 \
-        11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858 \
-        3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894 \
-        C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416 \
-        L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908 \
-        2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057 \
-        C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936 \
-        L8,6.85411161 L11.6426,3.19816936 Z'></path>
+  <svg width="10px" height="10px" viewBox="0 0 10 10" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+      <g transform="translate(-3.000000, -3.000000)" fill-rule="nonzero">
+        <path
+          d="M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891 12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416 12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416 C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749 L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548 11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858 3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894 C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416 L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908 2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057 C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936 L8,6.85411161 L11.6426,3.19816936 Z"></path>
       </g>
     </g>
   </svg>

packages/devui-vue/devui/alert/src/components/alert-type-icon.tsx

@@ -27,19 +27,12 @@ const AlertTypeIcon = (props: { type: AlertType }): JSX.Element => (
           <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
             <path
               class="warning-outer"
-              d="M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117 \
-              15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 \
-              14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 \
-              0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 \
-              C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 \
-              C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"></path>
+              d="M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"></path>
             <path
               class="warning-inner"
               stroke-width="0.3"
               fill-rule="nonzero"
-              d="M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 \
-              L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 \
-              L8.96842105,4.5 L8.62102372,9.86842105 Z"></path>
+              d="M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"></path>
           </g>
         );
       case 'info':

packages/devui-vue/devui/avatar/src/components/icon-body.tsx

@@ -22,11 +22,7 @@ export const IconBody = (props: IconPropsType): JSX.Element => {
       >
         <circle id="Oval" fill="#CACFD8" cx="15" cy="15" r="15"></circle>
         <path
-          d="M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866,\
-            11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068,\
-            7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068,\
-            16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296,\
-            16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z"
+          d="M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866, 11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068, 7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068, 16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296, 16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z"
           id="形状结合"
           fill="#FFFFFF"
         ></path>