@opentiny/vue-docs 3.23.0 → 3.24.0

package/demos/apis/dialog-select.js

@@ -31,6 +31,20 @@ export default {
           mode: ['pc'],
           pcDemo: 'nest-grid-multi'
         },
+        {
+          name: 'lock-scroll',
+          type: 'boolean',
+          defaultValue: 'true',
+          desc: {
+            'zh-CN': '设置弹出面板的锁定滚动',
+            'en-US': 'Set the lock scroll of the pop-up panel.'
+          },
+          meta: {
+            stable: '3.24.0'
+          },
+          mode: ['pc'],
+          pcDemo: 'nest-grid-multi'
+        },
         {
           name: 'grid-op',
           typeAnchorName: 'IGridOption',
@@ -374,6 +388,34 @@ export default {
           },
           mode: ['pc'],
           pcDemo: ''
+        },
+        {
+          name: 'delete',
+          type: '(row: IData) => void',
+          meta: {
+            stable: '3.24.0'
+          },
+          defaultValue: '',
+          desc: {
+            'zh-CN': '已选栏的选项的删除事件',
+            'en-US': 'The delete event of the selected column options when displaying data in a table'
+          },
+          mode: ['pc'],
+          pcDemo: 'nest-grid-multi'
+        },
+        {
+          name: 'clear',
+          type: '() => void',
+          meta: {
+            stable: '3.24.0'
+          },
+          defaultValue: '',
+          desc: {
+            'zh-CN': '已选栏的清空事件',
+            'en-US': 'The clear event of the selected column when displaying data in a table'
+          },
+          mode: ['pc'],
+          pcDemo: 'nest-grid-multi'
         }
       ],
       methods: [

package/demos/apis/popeditor.js

@@ -344,6 +344,20 @@ export default {
           mode: ['pc'],
           pcDemo: 'title'
         },
+        {
+          name: 'lock-scroll',
+          type: 'boolean',
+          defaultValue: 'true',
+          desc: {
+            'zh-CN': '设置弹出面板的锁定滚动',
+            'en-US': 'Set the lock scroll of the pop-up panel.'
+          },
+          meta: {
+            stable: '3.24.0'
+          },
+          mode: ['pc'],
+          pcDemo: 'condition-layout'
+        },
         {
           name: 'trigger',
           type: "'default' | 'cell' | 'row'",

package/demos/apis/steps.js

@@ -115,6 +115,21 @@ export default {
           mode: ['pc'],
           pcDemo: 'node-width'
         },
+        {
+          name: 'itemStyle',
+          type: 'Object',
+          defaultValue: '{}',
+          meta: {
+            stable: '3.24.0'
+          },
+          desc: {
+            'zh-CN':
+              '自定义单链型步骤条块的内联样式，数据类型为{ [statusName: string]: styleObject },，不同状态可根据key值差异化配置， key值为status字段的值，value值为对应节点的样式对象',
+            'en-US':
+              'Customize the inline style of single chain step blocks, with data type {[statusName: string]: styleObject}. Different states can be configured differently based on key values, where the key value is the value of the status field and the value value is the style object of the corresponding node'
+          },
+          mode: ['mobile-first']
+        },
         {
           name: 'line',
           type: 'boolean',

package/demos/apis/text-popup.js

@@ -39,7 +39,7 @@ export default {
           pcDemo: 'separtor'
         },
         {
-          name: 'value',
+          name: 'modelValue',
           type: 'string',
           defaultValue: '',
           desc: {
@@ -47,7 +47,7 @@ export default {
             'en-US': 'Bound Value'
           },
           mode: ['pc'],
-          pcDemo: 'value'
+          pcDemo: 'modelValue'
         },
         {
           name: 'width',

package/demos/apis/user-head.js

@@ -79,11 +79,12 @@ export default {
         },
         {
           name: 'modelValue',
-          type: 'string',
+          type: 'Component | string',
           defaultValue: '',
           desc: {
-            'zh-CN': '设置头像值。',
-            'en-US': 'Set the profile picture.'
+            'zh-CN': 'type=icon 时为图标组件，type=label时为字体串，type=image时为资源路径',
+            'en-US':
+              'If type is set to icon, it should be an icon component . If type is set to label, it indicates the font string. If type is set to image, it indicates the resource path'
           },
           mode: ['pc'],
           pcDemo: 'basic-usage'
@@ -124,26 +125,14 @@ export default {
           pcDemo: 'image-user-head',
           mfDemo: ''
         },
-        {
-          name: 'v-model',
-          type: 'string',
-          defaultValue: '',
-          desc: {
-            'zh-CN': 'type=icon 时为图标类名，type=label 时为字体串，type=image 时为资源路径',
-            'en-US':
-              'If type is set to icon, it indicates the icon class name. If type is set to label, it indicates the font string. If type is set to image, it indicates the resource path'
-          },
-          mode: ['pc', 'mobile-first'],
-          pcDemo: 'icon-user-head',
-          mfDemo: ''
-        },
         {
           name: 'value',
           type: 'string',
           defaultValue: '',
           desc: {
-            'zh-CN': 'type=icon 时为图标类名，type=label时为字体串，type=image时为资源路径',
-            'en-US': ''
+            'zh-CN': 'type=icon 时为图标组件，type=label时为字体串，type=image时为资源路径',
+            'en-US':
+              'If type is set to icon, it should be an icon component . If type is set to label, it indicates the font string. If type is set to image, it indicates the resource path'
           },
           mode: ['mobile-first'],
           mfDemo: ''

package/demos/mobile-first/app/pager/webdoc/pager.js

@@ -62,54 +62,6 @@ export default {
       },
       codeFiles: ['custom-next-prev-text.vue']
     },
-    {
-      demoId: 'current-change',
-      name: {
-        'zh-CN': '当前页改变事件',
-        'en-US': ''
-      },
-      desc: {
-        'zh-CN': '`current-change` 切换当前页码时触发',
-        'en-US': ''
-      },
-      codeFiles: ['current-change.vue']
-    },
-    {
-      demoId: 'prev-click',
-      name: {
-        'zh-CN': '上一页事件',
-        'en-US': ''
-      },
-      desc: {
-        'zh-CN': '`prev-click` 切换至前一页时触发',
-        'en-US': ''
-      },
-      codeFiles: ['prev-click.vue']
-    },
-    {
-      demoId: 'next-click',
-      name: {
-        'zh-CN': '下一页事件',
-        'en-US': ''
-      },
-      desc: {
-        'zh-CN': '`next-click` 切换至后一页时触发',
-        'en-US': ''
-      },
-      codeFiles: ['next-click.vue']
-    },
-    {
-      demoId: 'before-page-change',
-      name: {
-        'zh-CN': '切换分页前事件',
-        'en-US': ''
-      },
-      desc: {
-        'zh-CN': '`before-page-change` 切换分页前事件',
-        'en-US': ''
-      },
-      codeFiles: ['before-page-change.vue']
-    },
     {
       demoId: 'pager-show-total-loading',
       name: {

package/demos/mobile-first/app/steps/vertical.vue

@@ -1,5 +1,12 @@
 <template>
-  <tiny-steps vertical :data="data" :visible-num="4" :active="advancedActive" @click="advancedClick"></tiny-steps>
+  <tiny-steps
+    :itemStyle="itemStyle"
+    vertical
+    :data="data"
+    :visible-num="4"
+    :active="advancedActive"
+    @click="advancedClick"
+  ></tiny-steps>
 </template>
 
 <script>
@@ -12,6 +19,12 @@ export default {
   data() {
     return {
       advancedActive: 1,
+      itemStyle: {
+        doing: { cursor: 'help' },
+        disabled: { cursor: 'not-allowed' },
+        done: { cursor: 'wait' },
+        none: { cursor: 'pointer' }
+      },
       data: [
         {
           name: 'Basic Info',

package/demos/pc/app/calendar-view/calendar-event.spec.ts

@@ -6,12 +6,12 @@ test('事件', async ({ page }) => {
   const timeInput = page.locator('.tiny-calendar-view').locator('.tiny-input__inner')
   const timeBtn = page.getByRole('textbox', { name: '年 05 月' })
   const leftYear = page.getByRole('button', { name: '前一年' })
-  const month6 = page.getByText('六月')
+  const month6 = page.getByText('6 月')
   const leftSvg = page.locator('.header-left > .tiny-svg')
   const rightSvg = page.locator('.header-right > .tiny-svg')
   const mode = page.locator('label').nth(2)
   const modalVal = page.getByText('模式切换事件：schedule')
-  const date =  page.getByText('30周一')
+  const date = page.getByText('30周一')
   const dateVal = page.locator('div').filter({ hasText: '点击日期： 2022-5-30；日程事件：[]' }).nth(1)
 
   await timeBtn.click()

package/demos/pc/app/date-panel/basic-usage.spec.ts

@@ -10,10 +10,10 @@ test('[DatePanel] 测试月份/年份/日期选择', async ({ page }) => {
 
   // 选择年份展示月份面板
   await page.getByRole('cell', { name: '2025' }).first().click()
-  await expect(page.getByRole('cell', { name: '一月', exact: true }).first()).toBeVisible()
+  await expect(page.getByRole('cell', { name: '1 月', exact: true }).first()).toBeVisible()
 
   // 选择月份展示日期面板
-  await page.getByRole('cell', { name: '一月', exact: true }).first().click()
+  await page.getByRole('cell', { name: '1 月', exact: true }).first().click()
   await expect(page.getByRole('cell', { name: '15' }).locator('div').first()).toBeVisible()
 
   // 选择日期
@@ -21,7 +21,7 @@ test('[DatePanel] 测试月份/年份/日期选择', async ({ page }) => {
   await expect(page.locator('.value')).toHaveText('2025-01-16')
 
   // 月份面板
-  await page.getByText('七月').first().click()
+  await page.getByText('7 月').first().click()
   await expect(page.locator('.month')).toHaveText('2025-07')
 
   // 年份面板
@@ -35,9 +35,9 @@ test('[DatePanel] 测试月份/年份/日期选择', async ({ page }) => {
   await expect(page.locator('.value1')).toHaveText('[ "2024-12-19", "2024-12-28" ]')
 
   // monthRange
-  await page.getByText('七月').nth(1).click()
-  await page.getByText('六月').nth(2).click()
-  await expect(page.locator('.value2')).toHaveText('[ "2024-07", "2025-06" ]')
+  await page.locator('#basic-usage').getByText('7 月').nth(1).click()
+  await page.locator('#basic-usage').getByText('6 月').nth(2).click()
+  await expect(page.locator('.value2')).toHaveText('[ "2024-03", "2025-02" ]')
 
   // yearRange
   await page.getByText('2037').click()

package/demos/pc/app/date-panel/custom-week.spec.ts

@@ -8,7 +8,7 @@ test('[DatePanel] 测试周次序号', async ({ page }) => {
   // 选择年份月份日期
   await page.getByRole('button', { name: '2025 年' }).click()
   await page.getByText('2026').click()
-  await page.getByText('三月').click()
+  await page.getByText('3 月').click()
   await expect(page.getByText('12w')).toBeVisible()
 
   // 选择下个月

package/demos/pc/app/date-panel/disabled-date.spec.ts

@@ -19,8 +19,8 @@ test('[DatePanel] 测试时间禁用', async ({ page }) => {
     .filter({ hasText: /^2025 年6 月$/ })
     .getByLabel('前一年')
     .click()
-  await page.getByText('一月', { exact: true }).first().click()
-  await page.getByText('六月').first().click()
+  await page.getByText('1 月', { exact: true }).first().click()
+  await page.getByText('6 月').nth(2).click()
   await expect(page.locator('.month')).toHaveText('2024-06')
 
   // 年份面板
@@ -31,21 +31,20 @@ test('[DatePanel] 测试时间禁用', async ({ page }) => {
   // dateRange
   await page.locator('.tiny-date-range-picker__header > button').first().click()
   await page.getByRole('cell', { name: '16' }).nth(1).click()
-  await page.locator('div').filter({ hasText: /^18$/ }).nth(2).click()
+  await page.locator('div').filter({ hasText: /^18$/ }).nth(1).click()
   await expect(page.locator('.value1')).toHaveText('[ "2025-01-15", "2025-02-15" ]')
 
   await page.locator('div:nth-child(2) > .tiny-date-range-picker__header > button').first().click()
   await page.locator('#disabled-date').getByText('31', { exact: true }).nth(2).click()
   await expect(page.locator('.value1')).toHaveText('[ "2025-01-15", "2025-02-15" ]')
 
-  await page.locator('#disabled-date').getByText('15').nth(3).click()
-  await page.locator('#disabled-date').getByText('19').nth(2).click()
-  await expect(page.locator('.value1')).toHaveText('[ "2025-02-15", "2025-02-19" ]')
+  await page.locator('#disabled-date').getByText('15').nth(2).click()
+  await expect(page.locator('.value1')).toHaveText('[ "2025-01-31", "2025-02-15" ]')
 
   // monthRange
-  await page.getByText('一月', { exact: true }).nth(1).click()
-  await page.getByText('二月', { exact: true }).nth(1).click()
-  await page.getByText('五月').nth(2).click()
+  await page.getByText('1 月', { exact: true }).nth(1).click()
+  await page.getByText('2 月', { exact: true }).nth(1).click()
+  await page.getByText('5 月').nth(2).click()
   await expect(page.locator('.value2')).toHaveText('[ "2024-02", "2025-05" ]')
 
   // yearRange

package/demos/pc/app/date-panel/event.spec.ts

@@ -10,7 +10,7 @@ test('[DatePanel] 测试事件', async ({ page }) => {
 
   // 月份面板
   await page.waitForTimeout(1000)
-  await page.getByText('七月').first().click()
+  await page.getByText('7 月').first().click()
   await expect(page.getByText('触发 月份面板选中 事件，组件绑定值为：2025-')).toBeVisible()
 
   // 年份面板
@@ -26,9 +26,9 @@ test('[DatePanel] 测试事件', async ({ page }) => {
 
   // monthRange
   await page.waitForTimeout(1000)
-  await page.locator('#event').getByText('七月').nth(2).click()
-  await page.locator('#event').getByText('五月').nth(2).click()
-  await expect(page.getByText('触发 月份区间面板选中 事件，组件绑定值为：2025-05,2025-')).toBeVisible()
+  await page.getByText('5 月').nth(2).click()
+  await page.getByText('7 月').nth(2).click()
+  await expect(page.getByText('触发 月份区间面板选中 事件，组件绑定值为：2024-07,2025-')).toBeVisible()
 
   // yearRange
   await page.waitForTimeout(1000)

package/demos/pc/app/date-panel/format.spec.ts

@@ -13,7 +13,7 @@ test('[DatePanel] 测试格式化', async ({ page }) => {
   await expect(page.locator('.value1')).toHaveText('[ "2025/01/28", "2025/02/12" ]')
 
   // monthRange
-  await page.locator('#format').getByText('三月').first().click()
-  await page.locator('#format').getByText('五月').nth(1).click()
+  await page.locator('#format').getByText('3 月').first().click()
+  await page.locator('#format').getByText('5 月').nth(1).click()
   await expect(page.locator('.value2')).toHaveText('[ "2024/03", "2025/05" ]')
 })

package/demos/pc/app/date-panel/readonly.spec.ts

@@ -13,7 +13,7 @@ test('[DatePanel] 测试只读', async ({ page }) => {
   await expect(page.locator('.value')).toHaveText('2025-01-15')
 
   // 月份面板
-  await page.getByText('七月').first().click()
+  await page.getByText('7 月').first().click()
   await expect(page.locator('.month')).toHaveText('2025-01')
 
   // 年份面板
@@ -26,8 +26,8 @@ test('[DatePanel] 测试只读', async ({ page }) => {
   await expect(page.locator('.value1')).toHaveText('[ "2025-01-15", "2025-02-15" ]')
 
   // monthRange
-  await page.getByText('二月').first().click()
-  await page.getByText('九月').nth(1).click()
+  await page.getByText('2 月').first().click()
+  await page.getByText('9 月').nth(1).click()
   await expect(page.locator('.value2')).toHaveText('[ "2024-03", "2025-02" ]')
 
   // yearRange

package/demos/pc/app/date-panel/unlink-panels.spec.ts

@@ -27,8 +27,8 @@ test('[DatePanel] 测试范围选择取消面板联动', async ({ page }) => {
   await page.getByText('2023 年').click()
   await expect(page.getByText('2023 年')).toBeVisible()
   // 联动
-  await page.getByText('一月', { exact: true }).first().click()
-  await page.getByText('六月').nth(1).click()
+  await page.getByText('1 月', { exact: true }).first().click()
+  await page.getByText('6 月').nth(1).click()
   await expect(page.locator('.value-link1')).toHaveText('[ "2023-01", "2024-06" ]')
 
   // 不联动
@@ -43,8 +43,8 @@ test('[DatePanel] 测试范围选择取消面板联动', async ({ page }) => {
       '.tiny-month-range > .tiny-picker-panel__body-wrapper > .tiny-picker-panel__body > div:nth-child(2) > .tiny-date-range-picker__header > button:nth-child(2)'
     )
     .click()
-  await page.getByText('六月').nth(2).click()
-  await page.getByText('五月').nth(3).click()
+  await page.getByText('6 月').nth(2).click()
+  await page.getByText('5 月').nth(3).click()
   await expect(page.locator('.value-unlink1')).toHaveText('[ "2023-06", "2025-05" ]')
 
   // yaerRange

package/demos/pc/app/date-picker/basic-usage.spec.ts

@@ -62,7 +62,7 @@ test('[DatePicker] 测试月份/年份选择', async ({ page }) => {
   // 选择月份
   await dateInput.click()
   await page.getByRole('button', { name: '4 月' }).click()
-  await page.getByRole('cell', { name: '六月' }).locator('a').click()
+  await page.getByRole('cell', { name: '6 月' }).locator('a').click()
   await page.getByRole('rowgroup').getByText('4').first().click()
   await expect(dateInput).toHaveValue('2023-06-04')
 
@@ -70,7 +70,7 @@ test('[DatePicker] 测试月份/年份选择', async ({ page }) => {
   await dateInput.click()
   await page.getByRole('button', { name: '2023 年' }).click()
   await page.getByRole('cell', { name: '2024' }).getByText('2024').click()
-  await page.getByRole('cell', { name: '二月', exact: true }).locator('a').click()
+  await page.getByRole('cell', { name: '2 月', exact: true }).locator('a').click()
   await page.getByRole('rowgroup').getByText('7').first().click()
   await expect(dateInput).toHaveValue('2024-02-07')
 })

package/demos/pc/app/date-picker/date-range.spec.ts

@@ -65,7 +65,7 @@ test('测试日期范围选择', async ({ page }) => {
   // 月份范围
   const startMonth = page.getByPlaceholder('开始月份')
   const endMonth = page.getByPlaceholder('结束月份')
-  await startMonth.click()
+  await startMonth.first().click()
   await page.waitForTimeout(100)
   await startMonth.fill('2023-05')
   await startMonth.press('Tab')
@@ -73,9 +73,9 @@ test('测试日期范围选择', async ({ page }) => {
   await endMonth.press('Enter')
   await startMonth.click()
   await page.waitForTimeout(100)
-  await page.getByText('一月').first().click()
+  await page.getByText('1 月').first().click()
   await page.waitForTimeout(100)
-  await page.getByText('十二月').first().click()
+  await page.getByText('12 月').first().click()
   await page.waitForTimeout(100)
   await expect(startMonth).toHaveValue('2023-01')
   await expect(endMonth).toHaveValue('2023-12')

package/demos/pc/app/dialog-select/nest-grid-multi-composition-api.vue

@@ -19,9 +19,12 @@
       @size-change="onSizeChange"
       @current-change="onCurrentChange"
       @change="onDialogSelectChange"
+      @clear="onDialogSelectClear"
+      @delete="onDialogSelectDelete"
       value-field="id"
       text-field="name"
       :main-height="240"
+      :lock-scroll="false"
     >
       <template #search>
         <div class="tiny-demo-search">
@@ -45,7 +48,7 @@
 
 <script setup lang="ts">
 import { reactive, ref } from 'vue'
-import { TinyDialogSelect, TinyButton, TinySearch, TinySelect } from '@opentiny/vue'
+import { TinyDialogSelect, TinyButton, TinySearch, TinySelect, TinyModal } from '@opentiny/vue'
 import Sortable from 'sortablejs'
 
 // 模拟服务侧数据
@@ -189,6 +192,21 @@ const onDialogSelectChange = (values, texts, selectedDatas) => {
   // 打印 change 回调数据，控制台查看
   console.log({ values, texts, selectedDatas })
 }
+
+const onDialogSelectClear = () => {
+  TinyModal.message({
+    message: '清空成功',
+    type: 'success'
+  })
+}
+
+const onDialogSelectDelete = (row) => {
+  console.log('删除成功', row)
+  TinyModal.message({
+    message: '删除成功',
+    type: 'success'
+  })
+}
 </script>
 
 <style scoped lang="less">

package/demos/pc/app/dialog-select/nest-grid-multi.spec.ts

@@ -0,0 +1,19 @@
+import { test, expect } from '@playwright/test'
+
+test('dialogSelect 表格多选', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('dialog-select#nest-grid-multi')
+  const demo = page.locator('#nest-grid-multi')
+
+  await demo.getByRole('button', { name: '打开窗口' }).click()
+  await expect(page.locator('body')).not.toHaveClass(/dialog-box__scroll-lock/)
+  await page
+    .locator('div')
+    .filter({ hasText: /^GFD 科技有限公司福州WSX 科技有限公司黄冈暂无数据$/ })
+    .getByRole('img')
+    .nth(1)
+    .click()
+  await expect(page.getByText('删除成功')).toBeVisible()
+  await page.getByText('清空').click()
+  await expect(page.getByText('清空成功')).toBeVisible()
+})

package/demos/pc/app/dialog-select/nest-grid-multi.vue

@@ -19,9 +19,12 @@
       @size-change="onSizeChange"
       @current-change="onCurrentChange"
       @change="onDialogSelectChange"
+      @clear="onDialogSelectClear"
+      @delete="onDialogSelectDelete"
       value-field="id"
       text-field="name"
       :main-height="240"
+      :lock-scroll="false"
     >
       <template #search>
         <div class="tiny-demo-search">
@@ -44,7 +47,7 @@
 </template>
 
 <script>
-import { TinyDialogSelect, TinyButton, TinySearch, TinySelect } from '@opentiny/vue'
+import { TinyDialogSelect, TinyButton, TinySearch, TinySelect, TinyModal } from '@opentiny/vue'
 import Sortable from 'sortablejs'
 
 // 模拟服务侧数据
@@ -187,6 +190,19 @@ export default {
     onDialogSelectChange(values, texts, selectedDatas) {
       // 打印 change 回调数据，控制台查看
       console.log({ values, texts, selectedDatas })
+    },
+    onDialogSelectClear() {
+      TinyModal.message({
+        message: '清空成功',
+        type: 'success'
+      })
+    },
+    onDialogSelectDelete(row) {
+      console.log('删除成功', row)
+      TinyModal.message({
+        message: '删除成功',
+        type: 'success'
+      })
     }
   }
 }

package/demos/pc/app/dialog-select/webdoc/dialog-select.js

@@ -12,9 +12,9 @@ export default {
       },
       desc: {
         'zh-CN':
-          '<p>通过 <code>auto-lookup</code>、<code>lookup-method</code> 属性 和 <code>change</code> 事件设置初始化时数据的反查回显功能。</p> \n<p>表格多选场景需要设置 <code>popselector</code> 为 <code>grid</code>，<code>multi</code> 为 <code>true</code>，<code>checkRowKeys</code> 设置默认选中数据。</p >\n',
+          '<p>通过 <code>auto-lookup</code>、<code>lookup-method</code> 属性 和 <code>change</code> 事件设置初始化时数据的反查回显功能。</p> \n<p>表格多选场景需要设置 <code>popselector</code> 为 <code>grid</code>，<code>multi</code> 为 <code>true</code>，<code>checkRowKeys</code> 设置默认选中数据。<code>lock-scroll</code> 配置弹出窗口时是否禁用滚动条。</p >\n',
         'en-US':
-          '<p>Use the <code>auto-lookup</code>,<code>lookup-method</code> attributes, and <code>change</code> event settings to perform data backtracking during initialization. <code>autoLookup</code>The default value is <code>true</code>. </p>\n<p> Multiple selection scenarios in the table require setting<code>popcollector</code>as grid,<code>multi</code>as true, and<code>checkRowKeys</code>as default selected data. </p >\n'
+          '<p>Use the <code>auto-lookup</code>,<code>lookup-method</code> attributes, and <code>change</code> event settings to perform data backtracking during initialization. <code>autoLookup</code>The default value is <code>true</code>. </p>\n<p> Multiple selection scenarios in the table require setting<code>popcollector</code>as grid,<code>multi</code>as true, and<code>checkRowKeys</code>as default selected data. <code>lock-scroll</code>Configure whether to disable the scrollbar when a pop-up window appears.</p >\n'
       },
       codeFiles: ['nest-grid-multi.vue']
     },