@opentiny/vue-docs 1.0.0 → 1.0.2

package/resources/pc/demo/grid/tiny-first-menu/get-row-method.spec.js

@@ -0,0 +1,41 @@
+import { test, expect } from '@playwright/test'
+
+test('获取表格行方法', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-event/tiny-first-menu-get-row-method')
+  await page
+    .getByRole('row', {
+      name: '1 GFD科技YX公司 华东区 福州 公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+    })
+    .locator('span')
+    .click()
+  await page.getByRole('button', { name: '当前行', exact: true }).click()
+
+  await expect(
+    page.getByText('当前行数据是：{"id":"1","name":"GFD科技YX公司","area":"华东区","address":"福州","introduction":"')
+  ).toBeVisible()
+  await page.getByRole('button', { name: '确认' }).click()
+  await page.getByRole('button', { name: '当前行号' }).click()
+
+  await expect(page.getByText('当前选中行号是：0')).toBeVisible()
+  await page.getByRole('button', { name: '确认' }).click()
+  await page.getByRole('button', { name: 'Radio单选选中行' }).click()
+
+  await expect(
+    page.getByText('单选选中行数据是：{"id":"1","name":"GFD科技YX公司","area":"华东区","address":"福州","introduction"')
+  ).toBeVisible()
+  await page.getByRole('button', { name: '确认' }).click()
+  await page.getByRole('button', { name: 'rowId获取当前行' }).click()
+
+  await expect(
+    page.getByText('根据 rowId 获取的当前行：{"id":"1","name":"GFD科技YX公司","area":"华东区","address":"福州","introd')
+  ).toBeVisible()
+  await page.getByRole('button', { name: '确认' }).click()
+  await page.getByRole('button', { name: 'tr元素获取行信息' }).click()
+
+  await expect(
+    page.getByText(
+      '根据 tr 元素获取对应的 row 信息：{"item":{"id":"1","name":"GFD科技YX公司","area":"华东区","address"'
+    )
+  ).toBeVisible()
+})

package/resources/pc/demo/grid/tree-table/hasTreeExpand.spec.js

@@ -0,0 +1,9 @@
+import { test, expect } from '@playwright/test'
+
+test('检查树节点是否已展开', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-tree-grid/tree-table-hasTreeExpand')
+  await page.getByRole('cell', { name: '1' }).locator('i').click()
+
+  await expect(page.getByText('当前展开行：1')).toBeVisible()
+})

package/resources/pc/demo/grid/tree-table/tree-grid-base.spec.js

@@ -0,0 +1,12 @@
+import { test, expect } from '@playwright/test'
+
+test('树表有子级的数据结构', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-tree-grid/tree-table-tree-grid-base')
+  await page.getByRole('row', { name: 'GFD科技YX公司 华东区 800' }).locator('i').click()
+  await page.getByRole('row', { name: 'WWWW科技YX公司 华南区 500' }).locator('i').click()
+  await page.getByRole('row', { name: 'TGBYX公司 华南区 360' }).locator('i').click()
+  await page.getByRole('row', { name: 'YHN科技YX公司 华南区 810' }).locator('i').click()
+
+  await expect(page.getByText('WSX科技YX公司')).toBeVisible()
+})

package/resources/pc/demo/grid/tree-table/tree-grid-data.spec.js

@@ -0,0 +1,11 @@
+import { test, expect } from '@playwright/test'
+
+test('树表扁平化数据结构', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-tree-grid/tree-table-tree-grid-data')
+  await page.getByRole('row', { name: '康康物业YX公司 华南区 400' }).locator('i').click()
+  await page.getByRole('row', { name: 'IK有限责任公司 华南区 400' }).locator('span').nth(1).click()
+  await page.getByText('IK有限责任股份YX公司').click()
+
+  await expect(page.getByRole('row', { name: 'IK有限责任股份YX公司 华南区 455' }).getByText('华南区')).toBeVisible()
+})

package/resources/pc/demo/grid/tree-table/tree-grid-expand-config.spec.js

@@ -0,0 +1,17 @@
+import { test, expect } from '@playwright/test'
+
+test('基本用法', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-tree-grid/tree-table-tree-grid-expand-config')
+  await page
+    .getByRole('row', {
+      name: '公司名称：GFD科技YX公司 区域：华东区 员工数：800 公司简介：公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+    })
+    .getByText('公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。')
+    .click()
+  await page.getByText('区域：华南区').click()
+  await page.getByRole('row', { name: '3 TGBYX公司 华南区 360' }).locator('i').nth(1).click()
+  await page.getByRole('row', { name: '2 WWWW科技YX公司 华南区 500' }).locator('i').nth(1).click()
+
+  await expect(page.getByText('员工数：500')).toBeVisible()
+})

package/resources/pc/demo/grid/tree-table/tree-grid-expand.spec.js

@@ -0,0 +1,16 @@
+import { test, expect } from '@playwright/test'
+
+test('test', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-tree-grid/tree-table-tree-grid-expand')
+  await page.getByRole('row', { name: '1 GFD科技YX公司 华东区 800' }).locator('i').nth(1).click()
+  await page.getByRole('row', { name: '3 TGBYX公司 华南区 360' }).locator('i').nth(1).click()
+
+  await expect(
+    page
+      .getByRole('cell', {
+        name: '公司名称：TGBYX公司 区域：华南区 员工数：360 公司简介：公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+      })
+      .getByText('公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。')
+  ).toBeVisible()
+})

package/resources/pc/demo/grid/tree-table/tree-grid-fixed-column.spec.js

@@ -0,0 +1,9 @@
+import { test, expect } from '@playwright/test'
+
+test('test', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-tree-grid/tree-table-tree-grid-fixed-column')
+  const fixedColumn = await page.locator('//*[@id="preview"]/div[2]/div[2]/div/div/div/div[3]/table/tbody/tr[1]/td[1]')
+
+  await expect(fixedColumn).toHaveCSS('left', '0px')
+})

package/resources/pc/demo/grid/tree-table/tree-grid-index.spec.js

@@ -0,0 +1,13 @@
+import { test, expect } from '@playwright/test'
+
+test('展开行序号列配置', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-tree-grid/tree-table-tree-grid-index')
+  await page.getByRole('row', { name: '1 GFD科技YX公司 华东区 800' }).locator('i').click()
+  await page.getByRole('row', { name: '2 WWWW科技YX公司 华南区 500' }).locator('i').click()
+  await page.getByRole('row', { name: '3 TGBYX公司 华南区 360' }).locator('i').click()
+  await page.getByText('3.1').click()
+  await page.getByRole('row', { name: '4 康康物业YX公司 华南区 400' }).locator('i').click()
+
+  await expect(page.getByText('4.1')).toBeVisible()
+})

package/resources/pc/demo/grid/tree-table/tree-grid-insert-delete-update.spec.js

@@ -0,0 +1,35 @@
+import { test, expect } from '@playwright/test'
+
+test.describe('树表增删改功能', () => {
+  test('树表增删测试', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('http://localhost:7130/pc/grid-tree-grid/tree-table-tree-grid-insert-delete-update')
+    await page.getByRole('button', { name: '新增' }).click()
+    await page.getByRole('row', { name: '1 新数据' }).getByRole('textbox').click()
+    await page.getByRole('row', { name: '1 新数据' }).getByRole('textbox').fill('ee')
+    await page.locator('.tiny-grid-toolbar').click()
+    await page.getByRole('row', { name: '1 新数据 ee' }).locator('i').click()
+    await page.getByText('新数据', { exact: true }).click()
+    await page.getByText('新数据-child').click()
+    await page.getByRole('row', { name: '2 GFD科技YX公司 华东区 800' }).locator('span').nth(2).click()
+    const selectTr = await page.locator('//*[@id="preview"]/div[2]/div[2]/div/div/div[2]/div[3]/table/tbody/tr[3]')
+
+    await expect(selectTr).toHaveClass(/row__selected/)
+    await page.getByRole('button', { name: '移除选中' }).click()
+
+    await expect(selectTr).not.toHaveClass(/row__selected/)
+  })
+
+  test('树表修改测试', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('http://localhost:7130/pc/grid-tree-grid/tree-table-tree-grid-insert-delete-update')
+    await page.getByRole('row', { name: '2 WWWW科技YX公司 华南区 500' }).locator('i').click()
+    await page.getByRole('row', { name: '3 WWWW科技股份有限子公司 华南区 720' }).getByText('华南区').click()
+    await page.getByRole('row', { name: '3 WWWW科技股份有限子公司 720' }).getByRole('textbox').click()
+    await page.getByRole('row', { name: '3 WWWW科技股份有限子公司 720' }).getByRole('textbox').fill('华南区ee')
+    await page.getByText('WWWW科技YX公司').click()
+    await page.getByRole('button', { name: '获取修改' }).click()
+
+    await expect(page.getByText('1').nth(1)).toBeVisible()
+  })
+})

package/resources/pc/demo/grid/tree-table/tree-grid-insert-delete-update.vue

@@ -10,11 +10,11 @@
       <template #toolbar>
         <tiny-grid-toolbar class="customizedBox">
           <template #buttons>
-            <tiny-button @click="insertEvent">新增</tiny-button>
-            <tiny-button @click="removeEvent">移除选中</tiny-button>
-            <tiny-button @click="getRemoveEvent">获取删除</tiny-button>
-            <tiny-button @click="getUpdateEvent">获取修改</tiny-button>
-            <tiny-button @click="clearTreeExpand">清空展开状态</tiny-button>
+            <tiny-button @click="insertEvent"> 新增 </tiny-button>
+            <tiny-button @click="removeEvent"> 移除选中 </tiny-button>
+            <tiny-button @click="getRemoveEvent"> 获取删除 </tiny-button>
+            <tiny-button @click="getUpdateEvent"> 获取修改 </tiny-button>
+            <tiny-button @click="clearTreeExpand"> 清空展开状态 </tiny-button>
           </template>
         </tiny-grid-toolbar>
       </template>
@@ -22,7 +22,11 @@
       <tiny-grid-column type="index" width="80"></tiny-grid-column>
       <tiny-grid-column field="name" title="公司名称"></tiny-grid-column>
       <tiny-grid-column field="area" title="区域" :editor="{ component: 'input', autoselect: true }"></tiny-grid-column>
-      <tiny-grid-column field="employees" title="员工数" :editor="{ component: 'input', autoselect: true }"></tiny-grid-column>
+      <tiny-grid-column
+        field="employees"
+        title="员工数"
+        :editor="{ component: 'input', autoselect: true }"
+      ></tiny-grid-column>
     </tiny-grid>
   </div>
 </template>
@@ -202,28 +206,37 @@ export default {
   methods: {
     insertEvent() {
       let tree = this.$refs.tree
-
-      tree
-        .createRow({
-          name: '新数据',
-          isNew: true
-        })
-        .then((newRow) => {
-          // 插入到第一行
-          this.tableData = [newRow, ...this.tableData]
-          let activeRow = this.tableData[0]
-          tree.refreshData().then(() => tree.setActiveRow(activeRow))
-        })
+      const row = {
+        name: '新数据',
+        isNew: true,
+        children: [
+          {
+            name: '新数据-child'
+          }
+        ]
+      }
+      tree.createRow(row).then((newRow) => {
+        // 插入到第一行
+        this.tableData = [newRow, ...this.tableData]
+        let activeRow = this.tableData[0]
+        tree.refreshData().then(() => tree.setActiveRow(activeRow))
+      })
     },
     removeEvent() {
+      const isSameObject = (obj1, obj2) => JSON.stringify(obj1) === JSON.stringify(obj2)
       let tree = this.$refs.tree
-
       let removeRecords = tree.getSelectRecords()
-
       let tableData = this.tableData
 
       this.tableData = copy(tableData, removeRecords)
 
+      for (let i = 0; i < this.tableData.length; i++) {
+        for (let j = 0; j < removeRecords.length; j++) {
+          if (isSameObject(this.tableData[i], removeRecords[j])) {
+            this.tableData.splice(i, 1)
+          }
+        }
+      }
       this.removeList = removeRecords.map((item) => ({ ...item }))
     },
 

package/resources/pc/demo/grid/tree-table/tree-grid-keyboard-operation.spec.js

@@ -0,0 +1,16 @@
+import { test, expect } from '@playwright/test'
+
+test('树表高亮键盘操作', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-tree-grid/tree-table-tree-grid-keyboard-operation')
+  await page.getByRole('row', { name: '3 TGBYX公司 华南区 360' }).locator('i').click()
+  await page.getByRole('row', { name: '5 YHN科技YX公司 华南区 810' }).locator('i').click()
+  await page.getByText('6', { exact: true }).click()
+  const currentRow = page.locator('//*[@id="preview"]/div[2]/div[2]/div/div/div/div[3]/table/tbody/tr[6]')
+
+  await expect(currentRow).toHaveClass(/row__current/)
+  await page.locator('body').press('ArrowDown')
+  const nextCurrentRow = page.locator('//*[@id="preview"]/div[2]/div[2]/div/div/div/div[3]/table/tbody/tr[7]')
+
+  await expect(nextCurrentRow).toHaveClass(/row__current/)
+})

package/resources/pc/demo/grid/tree-table/tree-grid-operation-column.spec.js

@@ -0,0 +1,14 @@
+import { test, expect } from '@playwright/test'
+
+test('树表操作列测试', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-tree-grid/tree-table-tree-grid-operation-column')
+  await page.getByRole('row', { name: '1 GFD科技YX公司 华东区 800' }).locator('i').click()
+  await page.getByRole('row', { name: '2 GFD科技股份有限子公司 华东区 700' }).locator('label span').click()
+  await page.getByRole('row', { name: '3 WWWW科技YX公司 华南区 500' }).locator('i').click()
+  await page.getByRole('row', { name: '4 WWWW科技股份有限子公司 华南区 720' }).locator('label span').click()
+  await page.getByRole('row', { name: '6 康康物业YX公司 华南区 400' }).locator('i').click()
+  await page.getByRole('row', { name: '8 IK有限责任公司 华南区 400' }).locator('i').click()
+
+  await expect(page.getByRole('row', { name: '9 IK有限责任股份YX公司 华南区 455' })).toBeVisible()
+})

package/resources/pc/demo/icon/basic-usage.spec.js

@@ -0,0 +1,16 @@
+import { test, expect } from '@playwright/test';
+
+test('test', async ({ page }) => {
+    await page.goto('http://localhost:7130/pc/icon/basic-usage');
+    await page.getByText('基本用法').nth(1).click();
+    await page.locator('.icon-demo > svg').first().click();
+    await expect(page.locator('.icon-demo > svg').first()).toHaveClass(/icon-share/);
+    await page.locator('svg:nth-child(2)').first().click();
+    await expect(page.locator('svg:nth-child(2)').first()).toHaveClass(/icon-del/);
+    await page.locator('svg:nth-child(3)').click();
+    await expect(page.locator('svg:nth-child(3)')).toHaveClass(/icon-writing/);
+    await page.locator('svg:nth-child(4)').click();
+    await expect(page.locator('svg:nth-child(4)')).toHaveClass(/icon-ascending/);
+    await page.locator('.icon').click();
+    await expect(page.locator('.icon')).toHaveClass(/icon-clockWork/);
+});

package/resources/pc/demo/icon/iconGroups.js

@@ -0,0 +1,318 @@
+export const iconGroups = {
+  Tools: [
+    'IconAdd',
+    'IconAlignBaseline',
+    'IconAlignCenter',
+    'IconAlignFlexCenter',
+    'IconAlignFlexEnd',
+    'IconAlignFlexStart',
+    'IconAlignJustify',
+    'IconAlignLeft',
+    'IconAlignRight',
+    'IconAlignStretch',
+    'IconApp',
+    'IconApplication',
+    'IconAssociation',
+    'IconAttachment',
+    'IconBarChart',
+    'IconBefilter',
+    'IconBoxSolid',
+    'IconCheckOut',
+    'IconCheckedTrue',
+    'IconClearFilter',
+    'IconConmentRefresh',
+    'IconCopySolid',
+    'IconCopy',
+    'IconDefinedFiltration',
+    'IconDel',
+    'IconDeleted',
+    'IconDerive',
+    'IconDeletePage',
+    'IconDescending',
+    'IconColReverse',
+    'IconDirectionCol',
+    'IconDirectionRow',
+    'IconRowReverse',
+    'IconDownloadCloud',
+    'IconDownloadLink',
+    'IconDownload',
+    'IconDraft',
+    'IconEdit',
+    'IconEditorTab',
+    'IconExport',
+    'IconExpressSearch',
+    'IconFileCloudupload',
+    'IconFileExcel',
+    'IconFile',
+    'IconFilesCircle',
+    'IconFiles',
+    'IconFiletext',
+    'IconFileupload',
+    'IconFiltered',
+    'IconFlag',
+    'IconFolderClosed',
+    'IconFolderOpened',
+    'IconFontColor',
+    'IconFontFamily',
+    'IconFontSize',
+    'IconFontStyle',
+    'IconFontWeight',
+    'IconFreezeLeft',
+    'IconFreezeRight',
+    'IconFullscreen',
+    'IconFullscreenLeft',
+    'IconGrade',
+    'IconGroupTransfer',
+    'IconHalfchecked',
+    'IconHalfselect',
+    'IconHideLeft',
+    'IconHideRight',
+    'IconHideTopleft',
+    'IconImport',
+    'IconJusitfyCenter',
+    'IconJusitfyFlexEnd',
+    'IconJusitfySpaceAround',
+    'IconJusitfySpaceBetween',
+    'IconJustitfyFlexStart',
+    'IconLeftFrozen',
+    'IconLineHeight',
+    'IconLineThrought',
+    'IconLink',
+    'IconMinscreenLeft',
+    'IconMinscreen',
+    'IconMinusCircle',
+    'IconMinusSquare',
+    'IconMinus',
+    'IconNew',
+    'IconNoPremission',
+    'IconPagelink',
+    'IconPlusCircle',
+    'IconPlusSquare',
+    'IconPreChecked',
+    'IconPushpin',
+    'IconRedo',
+    'IconRefres',
+    'IconRenew',
+    'IconRepeat',
+    'IconReplace',
+    'IconRightFrozen',
+    'IconSandwichCollapse',
+    'IconSandwichExpand',
+    'IconSave',
+    'IconScissor',
+    'IconSearch',
+    'IconSelect',
+    'IconSeparate',
+    'IconSetting',
+    'IconSortDefault',
+    'IconSort',
+    'IconStreamSolid',
+    'IconTextAlign',
+    'IconTextTab',
+    'IconText',
+    'IconTotal',
+    'IconUndelete',
+    'IconUndo',
+    'IconUnfilter',
+    'IconUnfreeze',
+    'IconUpload',
+    'IconView',
+    'IconZoomIn',
+    'IconZoomOut'
+  ],
+  Editor: [
+    'IconEditorAlignCenter',
+    'IconEditorAlignLeft',
+    'IconEditorAlignRight',
+    'IconEditorBackground',
+    'IconEditorBold',
+    'IconEditorCode',
+    'IconEditorDeleteline',
+    'IconEditorEraser',
+    'IconEditorItalic',
+    'IconEditorLeftBorder',
+    'IconEditorList',
+    'IconEditorListDot',
+    'IconEditorListNum',
+    'IconEditorMenuLeft',
+    'IconEditorMenuRight',
+    'IconEditorQuote',
+    'IconEditorRedo',
+    'IconEditorRightBorder',
+    'IconEditorSub',
+    'IconEditorSubtitle',
+    'IconEditorSuper',
+    'IconEditorTable',
+    'IconEditorTextcolor',
+    'IconEditorTitle',
+    'IconEditorUnderline',
+    'IconEditorUndo',
+    'IconEditorVideo',
+    'IconOperationfaildL',
+    'IconOuterLink',
+    'IconTextDecoration',
+    'IconUnderline',
+    'IconWriting'
+  ],
+  Arrow: [
+    'IconArrowDown',
+    'IconArrowLeft',
+    'IconArrowRight',
+    'IconArrowUp',
+    'IconAscending',
+    'IconChevronDown',
+    'IconChevronLeft',
+    'IconChevronRight',
+    'IconChevronUp',
+    'IconDefault',
+    'IconDeltaDownO',
+    'IconDeltaDown',
+    'IconDeltaLeftO',
+    'IconDeltaLeft',
+    'IconDeltaRightO',
+    'IconDeltaRight',
+    'IconDeltaUpO',
+    'IconDeltaUp',
+    'IconDoubleLeft',
+    'IconDoubleRight',
+    'IconDownO',
+    'IconDown',
+    'IconDownWard',
+    'IconEnd',
+    'IconLeftO',
+    'IconLeftWard',
+    'IconLeftWardArrow',
+    'IconLeft',
+    'IconPopup',
+    'IconRightO',
+    'IconRight',
+    'IconRightward',
+    'IconTriangleDown',
+    'IconUpO',
+    'IconUp',
+    'IconUpWard'
+  ],
+  Symbols: [
+    'IconBusy',
+    'IconCheck',
+    'IconCheckedLinear',
+    'IconCheckedSur',
+    'IconCloseCircle',
+    'IconCloseSquare',
+    'IconCode',
+    'IconCommission',
+    'IconCueL',
+    'IconCrop',
+    'IconDotIpv4',
+    'IconEllipsis',
+    'IconError',
+    'IconEyeclose',
+    'IconEyeopen',
+    'IconFrownO',
+    'IconFrown',
+    'IconGroup',
+    'IconHeartempty',
+    'IconHelpCircle',
+    'IconHelpQuery',
+    'IconHelpSolid',
+    'IconHelp',
+    'IconHelpful',
+    'IconLeave',
+    'IconLoading',
+    'IconLock',
+    'IconMale',
+    'IconMeh',
+    'IconMore',
+    'IconPlus',
+    'IconNodeOpen',
+    'IconNode',
+    'IconNone',
+    'IconOffLine',
+    'IconOnLine',
+    'IconPanelMax',
+    'IconPanelMini',
+    'IconPanelNormal',
+    'IconRadio',
+    'IconRadioselected',
+    'IconSmileO',
+    'IconSmile',
+    'IconStarActive',
+    'IconStarDisable',
+    'IconStarO',
+    'IconStop',
+    'IconSuccess',
+    'IconSuccessful',
+    'IconInfoSolid',
+    'IconInfoCircle',
+    'IconInfo',
+    'IconOperationfaild',
+    'IconUnknow',
+    'IconUnknown',
+    'IconWarning',
+    'IconWarningTriangle',
+    'IconClose',
+    'IconYes'
+  ],
+  Media: [
+    'IconCourse',
+    'IconCustom',
+    'IconCustomerService',
+    'IconDialog',
+    'IconDialog2',
+    'IconInformation',
+    'IconMessageCircle',
+    'IconPagerFirst',
+    'IconPagerLast',
+    'IconPagerNext',
+    'IconPagerPrev',
+    'IconPauseCircle',
+    'IconPause',
+    'IconPicture',
+    'IconStartCircle',
+    'IconStart',
+    'IconTime'
+  ],
+  Brands: ['IconAngularjs', 'IconEspaceAuto', 'IconEspace', 'IconNodejs', 'IconReactjs', 'IconVuejs'],
+  Objects: [
+    'IconBoat',
+    'IconCalculator',
+    'IconCalendar',
+    'IconClockWork',
+    'IconCloudDownload',
+    'IconCloudUpload',
+    'IconCoin',
+    'IconTaskCooperation',
+    'IconTelephoneCircle',
+    'IconTelephone'
+  ],
+  Charts: ['IconAreaChart', 'IconDotChart', 'IconLineChart', 'IconPieChart', 'IconStatistics'],
+  IT: [
+    'IconAdministrator',
+    'IconDataSource',
+    'IconDesktopView',
+    'IconEmailAdd',
+    'IconEmailCircle',
+    'IconExcel',
+    'IconException',
+    'IconExclamation',
+    'IconLanguage',
+    'IconMailContent',
+    'IconMail',
+    'IconMarkOn',
+    'IconMobileView',
+    'IconMobile',
+    'IconPrintPreview',
+    'IconReplies',
+    'IconSent',
+    'IconShare',
+    'IconShareArrow',
+    'IconShoppingCard',
+    'IconTabletView',
+    'IconUnlock',
+    'IconUnsent',
+    'IconUser',
+    'IconVersiontree',
+    'IconWebPlus',
+    'IconJs'
+  ]
+}

package/resources/pc/demo/icon/list.spec.js

@@ -0,0 +1,8 @@
+import { test, expect } from '@playwright/test';
+
+test('test', async ({ page }) => {
+    await page.goto('http://localhost:7130/pc/icon/show-title');
+    await page.getByText('显示 Title').nth(1).click();
+    await page.getByTitle('复制').locator('svg').click();
+    await expect(page.locator('//*[@id="preview"]/div[2]/div[2]')).toHaveAttribute('title', '复制')
+});