@opentiny/vue-docs 2.2.22 → 3.16.0

package/demos/pc/app/tree-menu/accordion-composition-api.vue

@@ -9,155 +9,166 @@ import { TreeMenu as TinyTreeMenu } from '@opentiny/vue'
 const treeData = ref([
   {
     id: 100,
-    label: '首页'
+    label: '组件总览'
   },
   {
     id: 200,
-    label: '指南',
+    label: '使用指南',
     children: [
       {
         id: 201,
+        label: '更新日志'
+      },
+      { id: 202, label: '环境准备' },
+      { id: 203, label: '安装' },
+      {
+        id: 204,
         label: '引入组件',
         children: [
-          { id: 20101, label: '按需引入' },
-          { id: 20102, label: '完整引入' }
+          { id: 20401, label: '按需引入' },
+          { id: 20402, label: '完整引入' }
         ]
       },
-      { id: 202, label: '后端适配器' },
-      { id: 203, label: '服务代理' },
-      { id: 204, label: '构建部署' }
+      { id: 205, label: '开发示例' },
+      { id: 206, label: '国际化' },
+      { id: 207, label: '主题配置' },
+      { id: 208, label: '表单校验配置' },
+      { id: 209, label: '常见问题' }
     ]
   },
   {
     id: 300,
-    label: '组件',
+    label: '框架风格',
     children: [
       {
         id: 301,
-        label: '表单组件',
-        children: [
-          {
-            id: 30101,
-            label: 'Button 按钮',
-            url: 'button'
-          },
-          {
-            id: 30102,
-            label: 'Datepicker 日期',
-            url: 'datepicker'
-          },
-          {
-            id: 30103,
-            label: 'Dropdown 下拉框',
-            url: 'dropdown'
-          },
-          {
-            id: 30104,
-            label: 'DropTimes 下拉时间',
-            url: 'droptimes'
-          },
-          {
-            id: 30105,
-            label: 'Input 输入框',
-            url: 'input'
-          }
-        ]
+        label: 'Color 色彩'
       },
-      { id: 302, label: '数据组件' },
-      { id: 303, label: '导航组件' },
-      { id: 304, label: '业务组件' }
+      { id: 302, label: 'Container 版型' },
+      { id: 303, label: 'Font 字体' },
+      { id: 304, label: 'Icon 图标' },
+      { id: 305, label: 'Layout 布局' }
     ]
   },
   {
     id: 400,
-    label: '教程',
+    label: '导航组件',
     children: [
       {
         id: 401,
-        label: '页面布局',
+        label: 'Anchor 锚点'
+      },
+      { id: 402, label: 'Guide 引导' },
+      { id: 403, label: 'Breadcrumb 面包屑' }
+    ]
+  },
+  {
+    id: 500,
+    label: '容器组件',
+    children: [
+      {
+        id: 501,
+        label: 'Carousel 走马灯'
+      },
+      { id: 502, label: 'Collapse 折叠面板' },
+      { id: 503, label: 'DialogBox 对话框' }
+    ]
+  },
+  {
+    id: 600,
+    label: '表单组件',
+    children: [
+      {
+        id: 60101,
+        label: 'Button 按钮',
+        url: 'button'
+      },
+      {
+        id: 60102,
+        label: 'DatePicker 日期选择器',
+        url: 'date-picker'
+      },
+      {
+        id: 60103,
+        label: 'Select 选择器',
+        url: 'select'
+      },
+      {
+        id: 60104,
+        label: 'DropTimes 下拉时间',
+        url: 'drop-times'
+      },
+      {
+        id: 60105,
+        label: 'Input 输入框',
+        url: 'input'
+      }
+    ]
+  },
+  {
+    id: 700,
+    label: '业务组件',
+    children: [
+      {
+        id: 701,
+        label: 'Amount 金额'
+      },
+      { id: 702, label: 'Area 片区' },
+      { id: 703, label: 'Company 公司' }
+    ]
+  },
+  {
+    id: 800,
+    label: '其他组件',
+    children: [
+      {
+        id: 801,
+        label: '废弃组件',
         children: [
           {
-            id: 40101,
-            label: '添加标签页',
-            url: 'addtabs'
+            id: 80101,
+            label: 'CreditCardForm 信用卡表单',
+            url: 'credit-card-form'
           },
           {
-            id: 40102,
-            label: '标签页配置',
-            url: 'tabsattr'
+            id: 80102,
+            label: 'DetailPage 表头详情栏',
+            url: 'detail-page'
           }
         ]
       },
       {
-        id: 402,
-        label: '查询功能',
+        id: 802,
+        label: '新增组件',
         children: [
           {
-            id: 40201,
-            label: '添加查询页面',
-            url: 'addlist'
+            id: 80201,
+            label: 'QrCode 二维码',
+            url: 'qr-code'
           },
           {
-            id: 40202,
-            label: '列表属性配置',
-            url: 'listattr'
+            id: 80202,
+            label: 'Watermark 水印',
+            url: 'watermark'
           },
           {
-            id: 40203,
-            label: '通讯录查询',
-            url: 'searchfunc'
-          }
-        ]
-      },
-      {
-        id: 403,
-        label: '新增功能',
-        children: [
-          {
-            id: 40301,
-            label: '表单新增功能',
-            url: 'addservice'
+            id: 80203,
+            label: 'MindMap 脑图',
+            url: 'mind-map'
           },
           {
-            id: 40302,
-            label: '表单数据验证',
-            url: 'valid'
+            id: 80204,
+            label: 'Skeleton 骨架屏',
+            url: 'skeleton'
           }
         ]
       },
       {
-        id: 404,
-        label: '编辑功能',
-        children: [
-          {
-            id: 40401,
-            label: '开启编辑功能',
-            url: 'editattr'
-          },
-          {
-            id: 40402,
-            label: '保存表格数据',
-            url: 'savefunc'
-          }
-        ]
-      }
+        id: 803,
+        label: 'BulletinBoard 公告牌'
+      },
+      { id: 804, label: 'Calendar 日历' }
     ]
-  },
-  {
-    id: 500,
-    label: '规范'
-  },
-  {
-    id: 600,
-    label: '性能'
-  },
-  {
-    id: 700,
-    label: '案例'
-  },
-  {
-    id: 800,
-    label: '更新日志'
   }
 ])
 </script>

package/demos/pc/app/tree-menu/accordion.spec.ts

@@ -7,13 +7,13 @@ test('手风琴', async ({ page }) => {
   const wrap = page.locator('#accordion')
   const treeMenu = wrap.locator('.tiny-tree-menu')
 
-  await treeMenu.getByTitle('指南').click()
+  await treeMenu.getByTitle('使用指南').click()
   await expect(treeMenu.getByTitle('引入组件')).toBeVisible()
-  await expect(treeMenu.getByTitle('构建部署')).toBeVisible()
+  await expect(treeMenu.getByTitle('环境准备')).toBeVisible()
   await treeMenu.getByTitle('引入组件').click()
   await expect(treeMenu.getByTitle('按需引入')).toBeVisible()
   await expect(treeMenu.getByTitle('完整引入')).toBeVisible()
-  await treeMenu.getByTitle('指南').click()
+  await treeMenu.getByTitle('使用指南').click()
   await expect(treeMenu.getByTitle('引入组件')).not.toBeVisible()
-  await expect(treeMenu.getByTitle('完整引入')).not.toBeVisible()
+  await expect(treeMenu.getByTitle('环境准备')).not.toBeVisible()
 })

package/demos/pc/app/tree-menu/accordion.vue

@@ -14,159 +14,166 @@ export default {
       treeData: [
         {
           id: 100,
-          label: '首页'
+          label: '组件总览'
         },
         {
           id: 200,
-          label: '指南',
+          label: '使用指南',
           children: [
             {
               id: 201,
+              label: '更新日志'
+            },
+            { id: 202, label: '环境准备' },
+            { id: 203, label: '安装' },
+            {
+              id: 204,
               label: '引入组件',
               children: [
-                { id: 20101, label: '按需引入' },
-                { id: 20102, label: '完整引入' }
+                { id: 20401, label: '按需引入' },
+                { id: 20402, label: '完整引入' }
               ]
             },
-            { id: 202, label: '后端适配器' },
-            { id: 203, label: '服务代理' },
-            { id: 204, label: '构建部署' }
+            { id: 205, label: '开发示例' },
+            { id: 206, label: '国际化' },
+            { id: 207, label: '主题配置' },
+            { id: 208, label: '表单校验配置' },
+            { id: 209, label: '常见问题' }
           ]
         },
         {
           id: 300,
-          label: '组件',
+          label: '框架风格',
           children: [
-            {
-              id: 300,
-              label: '组件'
-            },
             {
               id: 301,
-              label: '表单组件',
-              children: [
-                {
-                  id: 30101,
-                  label: 'Button 按钮',
-                  url: 'button'
-                },
-                {
-                  id: 30102,
-                  label: 'Datepicker 日期',
-                  url: 'datepicker'
-                },
-                {
-                  id: 30103,
-                  label: 'Dropdown 下拉框',
-                  url: 'dropdown'
-                },
-                {
-                  id: 30104,
-                  label: 'DropTimes 下拉时间',
-                  url: 'droptimes'
-                },
-                {
-                  id: 30105,
-                  label: 'Input 输入框',
-                  url: 'input'
-                }
-              ]
+              label: 'Color 色彩'
             },
-            { id: 302, label: '数据组件' },
-            { id: 303, label: '导航组件' },
-            { id: 304, label: '业务组件' }
+            { id: 302, label: 'Container 版型' },
+            { id: 303, label: 'Font 字体' },
+            { id: 304, label: 'Icon 图标' },
+            { id: 305, label: 'Layout 布局' }
           ]
         },
         {
           id: 400,
-          label: '教程',
+          label: '导航组件',
           children: [
             {
               id: 401,
-              label: '页面布局',
+              label: 'Anchor 锚点'
+            },
+            { id: 402, label: 'Guide 引导' },
+            { id: 403, label: 'Breadcrumb 面包屑' }
+          ]
+        },
+        {
+          id: 500,
+          label: '容器组件',
+          children: [
+            {
+              id: 501,
+              label: 'Carousel 走马灯'
+            },
+            { id: 502, label: 'Collapse 折叠面板' },
+            { id: 503, label: 'DialogBox 对话框' }
+          ]
+        },
+        {
+          id: 600,
+          label: '表单组件',
+          children: [
+            {
+              id: 60101,
+              label: 'Button 按钮',
+              url: 'button'
+            },
+            {
+              id: 60102,
+              label: 'DatePicker 日期选择器',
+              url: 'date-picker'
+            },
+            {
+              id: 60103,
+              label: 'Select 选择器',
+              url: 'select'
+            },
+            {
+              id: 60104,
+              label: 'DropTimes 下拉时间',
+              url: 'drop-times'
+            },
+            {
+              id: 60105,
+              label: 'Input 输入框',
+              url: 'input'
+            }
+          ]
+        },
+        {
+          id: 700,
+          label: '业务组件',
+          children: [
+            {
+              id: 701,
+              label: 'Amount 金额'
+            },
+            { id: 702, label: 'Area 片区' },
+            { id: 703, label: 'Company 公司' }
+          ]
+        },
+        {
+          id: 800,
+          label: '其他组件',
+          children: [
+            {
+              id: 801,
+              label: '废弃组件',
               children: [
                 {
-                  id: 40101,
-                  label: '添加标签页',
-                  url: 'addtabs'
+                  id: 80101,
+                  label: 'CreditCardForm 信用卡表单',
+                  url: 'credit-card-form'
                 },
                 {
-                  id: 40102,
-                  label: '标签页配置',
-                  url: 'tabsattr'
+                  id: 80102,
+                  label: 'DetailPage 表头详情栏',
+                  url: 'detail-page'
                 }
               ]
             },
             {
-              id: 402,
-              label: '查询功能',
+              id: 802,
+              label: '新增组件',
               children: [
                 {
-                  id: 40201,
-                  label: '添加查询页面',
-                  url: 'addlist'
+                  id: 80201,
+                  label: 'QrCode 二维码',
+                  url: 'qr-code'
                 },
                 {
-                  id: 40202,
-                  label: '列表属性配置',
-                  url: 'listattr'
+                  id: 80202,
+                  label: 'Watermark 水印',
+                  url: 'watermark'
                 },
                 {
-                  id: 40203,
-                  label: '通讯录查询',
-                  url: 'searchfunc'
-                }
-              ]
-            },
-            {
-              id: 403,
-              label: '新增功能',
-              children: [
-                {
-                  id: 40301,
-                  label: '表单新增功能',
-                  url: 'addservice'
+                  id: 80203,
+                  label: 'MindMap 脑图',
+                  url: 'mind-map'
                 },
                 {
-                  id: 40302,
-                  label: '表单数据验证',
-                  url: 'valid'
+                  id: 80204,
+                  label: 'Skeleton 骨架屏',
+                  url: 'skeleton'
                 }
               ]
             },
             {
-              id: 404,
-              label: '编辑功能',
-              children: [
-                {
-                  id: 40401,
-                  label: '开启编辑功能',
-                  url: 'editattr'
-                },
-                {
-                  id: 40402,
-                  label: '保存表格数据',
-                  url: 'savefunc'
-                }
-              ]
-            }
+              id: 803,
+              label: 'BulletinBoard 公告牌'
+            },
+            { id: 804, label: 'Calendar 日历' }
           ]
-        },
-        {
-          id: 500,
-          label: '规范'
-        },
-        {
-          id: 600,
-          label: '性能'
-        },
-        {
-          id: 700,
-          label: '案例'
-        },
-        {
-          id: 800,
-          label: '更新日志'
         }
       ]
     }