From 89838b7fbab2244ae76bd04c7828f146db580fa3 Mon Sep 17 00:00:00 2001 From: xuliangzhan Date: Sun, 27 Sep 2020 19:32:51 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=88=86=E7=BB=84=E5=88=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.en.md | 2 +- README.md | 2 +- README.zh-TW.md | 2 +- examples/App.vue | 9 + examples/api/table-colgroup.js | 56 +++ examples/assets/style/layout.scss | 1 + examples/i18n/lang/en-US.js | 1 + examples/i18n/lang/zh-CN.js | 1 + examples/i18n/lang/zh-TC.js | 1 + .../renderer/components/FilterContent.vue | 2 + .../renderer/components/FilterExcel.vue | 93 +---- .../renderer/components/ToolbarInput.vue | 31 -- examples/plugins/xtable/renderer/toolbar.js | 5 - examples/views/api/API.vue | 85 +++-- examples/views/table/advanced/Custom.vue | 16 +- examples/views/table/advanced/Footer.vue | 8 +- examples/views/table/advanced/MergeCell.vue | 104 +++--- examples/views/table/advanced/Toolbar.vue | 24 +- examples/views/table/base/Data.vue | 12 +- examples/views/table/base/Filter.vue | 32 +- examples/views/table/base/FixedFull.vue | 48 +-- examples/views/table/base/Group.vue | 80 ++-- examples/views/table/base/Overflow.vue | 24 +- examples/views/table/base/Resizable.vue | 56 +-- examples/views/table/edit/CellDisable.vue | 8 +- examples/views/table/edit/CellValid.vue | 24 +- examples/views/table/edit/Click.vue | 16 +- .../views/table/edit/FooterImmediately.vue | 8 +- examples/views/table/edit/Select.vue | 16 +- examples/views/table/edit/Template.vue | 10 +- examples/views/table/grid/FullEdit.vue | 4 +- examples/views/table/grid/FullQuery.vue | 4 +- examples/views/table/plugin/Menus.vue | 24 +- examples/views/table/renderer/Default.vue | 5 + examples/views/table/renderer/Edit.vue | 5 + examples/views/table/scroll/Group.vue | 32 +- examples/views/table/tree/Basic.vue | 8 +- gulpfile.js | 58 +-- helper/vetur/attributes.json | 60 ++- helper/vetur/tags.json | 23 +- package.json | 2 +- packages/body/index.js | 8 - packages/cell/index.js | 4 - packages/column/index.js | 2 + packages/column/src/column.js | 4 +- packages/column/src/group.js | 6 + packages/filter/src/mixin.js | 5 +- packages/filter/src/panel.js | 2 +- packages/locale/lang/en-US.js | 1 + packages/locale/lang/ja-JP.js | 1 + packages/locale/lang/zh-CN.js | 3 +- packages/locale/lang/zh-TC.js | 1 + packages/pager/src/pager.js | 4 +- packages/table/index.js | 2 + packages/{body => table}/src/body.js | 2 +- packages/{cell => table}/src/cell.js | 10 +- packages/table/src/methods.js | 2 +- packages/table/src/table.js | 342 +++++++++--------- packages/toolbar/src/toolbar.js | 32 +- packages/tools/src/utils.js | 5 + packages/vxe-table.js | 1 - styles/body.scss | 1 - styles/cell.scss | 1 - styles/index.js | 1 - styles/modules.scss | 1 - tsconfig.json | 2 +- types/column.d.ts | 4 +- types/grid.d.ts | 16 +- 68 files changed, 744 insertions(+), 721 deletions(-) create mode 100644 examples/api/table-colgroup.js delete mode 100644 examples/plugins/xtable/renderer/components/ToolbarInput.vue delete mode 100644 packages/body/index.js delete mode 100644 packages/cell/index.js create mode 100644 packages/column/src/group.js rename packages/{body => table}/src/body.js (99%) rename packages/{cell => table}/src/cell.js (98%) delete mode 100644 styles/body.scss delete mode 100644 styles/cell.scss delete mode 100644 styles/index.js diff --git a/README.en.md b/README.en.md index d51de0fac..d8dfbd138 100644 --- a/README.en.md +++ b/README.en.md @@ -82,7 +82,7 @@ Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | ## Installing -Dependent: [vue](https://www.npmjs.com/package/vue) 2.6.x, [xe-utils](https://www.npmjs.com/package/xe-utils) 3.x +Version:[vue](https://www.npmjs.com/package/vue) 2.6.x, Dependent: [xe-utils](https://www.npmjs.com/package/xe-utils) 3.x ```shell npm install xe-utils vxe-table diff --git a/README.md b/README.md index 6582cc476..ddfac39bf 100644 --- a/README.md +++ b/README.md @@ -82,7 +82,7 @@ Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | ## 安装 -依赖库:[vue](https://www.npmjs.com/package/vue) 2.6.x, [xe-utils](https://www.npmjs.com/package/xe-utils) 3.x +版本:[vue](https://www.npmjs.com/package/vue) 2.6.x, 依赖库:[xe-utils](https://www.npmjs.com/package/xe-utils) 3.x ```shell npm install xe-utils vxe-table diff --git a/README.zh-TW.md b/README.zh-TW.md index 41f7d3fd5..4093a1b92 100644 --- a/README.zh-TW.md +++ b/README.zh-TW.md @@ -82,7 +82,7 @@ Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | ## 安裝 -依賴庫:[vue](https://www.npmjs.com/package/vue) 2.6.x, [xe-utils](https://www.npmjs.com/package/xe-utils) 3.x +版本:[vue](https://www.npmjs.com/package/vue) 2.6.x, 依賴庫:[xe-utils](https://www.npmjs.com/package/xe-utils) 3.x ```shell npm install xe-utils vxe-table diff --git a/examples/App.vue b/examples/App.vue index 72947d292..152491ac8 100644 --- a/examples/App.vue +++ b/examples/App.vue @@ -1991,6 +1991,15 @@ export default { } } }, + { + label: 'app.aside.nav.vxeTableColgroup', + locat: { + name: 'VXEAPI', + params: { + name: 'table-colgroup' + } + } + }, { label: 'app.aside.nav.vxeTableColumn', locat: { diff --git a/examples/api/table-colgroup.js b/examples/api/table-colgroup.js new file mode 100644 index 000000000..50cf52ad0 --- /dev/null +++ b/examples/api/table-colgroup.js @@ -0,0 +1,56 @@ +import XEUtils from 'xe-utils' +import columnAPI from './column' + +const apis = [ + { + name: 'Props', + descKey: 'app.api.title.props', + version: '', + type: '', + enum: '', + defVal: '', + list: XEUtils.clone(columnAPI.find(item => item.name === 'Props'), true).list.filter(item => [ + 'field', + 'title', + 'width', + 'min-width', + 'resizable', + 'visible', + 'fixed', + 'align', + 'header-align', + 'show-overflow', + 'show-header-overflow', + 'header-class-name' + ].includes(item.name)) + }, + { + name: 'Slots', + descKey: 'app.api.title.slots', + version: '', + type: '', + enum: '', + defVal: '', + list: [] + }, + { + name: 'Events', + descKey: 'app.api.title.events', + version: '', + type: '', + enum: '', + defVal: '', + list: [] + }, + { + name: 'Methods', + descKey: 'app.api.title.methods', + version: '', + type: '', + enum: '', + defVal: '', + list: [] + } +] + +export default apis diff --git a/examples/assets/style/layout.scss b/examples/assets/style/layout.scss index 300ccf096..0e31b1dcf 100644 --- a/examples/assets/style/layout.scss +++ b/examples/assets/style/layout.scss @@ -10,6 +10,7 @@ body { } ul { list-style: none; + padding: 0; } .link { cursor: pointer; diff --git a/examples/i18n/lang/en-US.js b/examples/i18n/lang/en-US.js index 857fc28ba..fffe00762 100644 --- a/examples/i18n/lang/en-US.js +++ b/examples/i18n/lang/en-US.js @@ -235,6 +235,7 @@ export default { api: 'API', vxeTable: 'vxe-table', + vxeTableColgroup: 'vxe-table-colgroup', vxeTableColumn: 'vxe-table-column', vxeGrid: 'vxe-grid', vxeVirtualTree: 'vxe-virtual-tree', diff --git a/examples/i18n/lang/zh-CN.js b/examples/i18n/lang/zh-CN.js index 634c96b43..c55d4d5d6 100644 --- a/examples/i18n/lang/zh-CN.js +++ b/examples/i18n/lang/zh-CN.js @@ -234,6 +234,7 @@ export default { api: 'API', vxeTable: 'vxe-table', + vxeTableColgroup: 'vxe-table-colgroup', vxeTableColumn: 'vxe-table-column', vxeGrid: 'vxe-grid', vxeVirtualTree: 'vxe-virtual-tree', diff --git a/examples/i18n/lang/zh-TC.js b/examples/i18n/lang/zh-TC.js index 8a44d4187..4e472a842 100644 --- a/examples/i18n/lang/zh-TC.js +++ b/examples/i18n/lang/zh-TC.js @@ -234,6 +234,7 @@ export default { api: 'API', vxeTable: 'vxe-table', + vxeTableColgroup: 'vxe-table-colgroup', vxeTableColumn: 'vxe-table-column', vxeGrid: 'vxe-grid', vxeVirtualTree: 'vxe-virtual-tree', diff --git a/examples/plugins/xtable/renderer/components/FilterContent.vue b/examples/plugins/xtable/renderer/components/FilterContent.vue index 974c1d1a8..2a4361873 100644 --- a/examples/plugins/xtable/renderer/components/FilterContent.vue +++ b/examples/plugins/xtable/renderer/components/FilterContent.vue @@ -116,6 +116,8 @@ export default { } .my-filter-content .my-fc-search-list { margin: 0; + padding: 0; + list-style: none; } .my-filter-content .my-fc-search-list-body { overflow: auto; diff --git a/examples/plugins/xtable/renderer/components/FilterExcel.vue b/examples/plugins/xtable/renderer/components/FilterExcel.vue index a38bdea01..0dabdcdd9 100644 --- a/examples/plugins/xtable/renderer/components/FilterExcel.vue +++ b/examples/plugins/xtable/renderer/components/FilterExcel.vue @@ -52,7 +52,6 @@ diff --git a/examples/plugins/xtable/renderer/toolbar.js b/examples/plugins/xtable/renderer/toolbar.js index 5c54f8b41..2b8134c00 100644 --- a/examples/plugins/xtable/renderer/toolbar.js +++ b/examples/plugins/xtable/renderer/toolbar.js @@ -1,10 +1,5 @@ -import Vue from 'vue' import VXETable from '../../../../packages/v-x-e-table' -import ToolbarInput from './components/ToolbarInput.vue' - -Vue.component(ToolbarInput.name, ToolbarInput) - // 创建一个简单的工具栏-按钮渲染 VXETable.renderer.add('ToolbarButtonRefresh', { renderButton (h, renderOpts, params) { diff --git a/examples/views/api/API.vue b/examples/views/api/API.vue index 60fda542a..66673c2dd 100644 --- a/examples/views/api/API.vue +++ b/examples/views/api/API.vue @@ -63,6 +63,7 @@ import XEUtils from 'xe-utils' import pack from '../../../package.json' import XEClipboard from 'xe-clipboard' import tableAPI from '../../api/table' +import tableColgroupAPI from '../../api/table-colgroup' import tableColumnAPI from '../../api/column' import toolbarAPI from '../../api/toolbar' import gridAPI from '../../api/grid' @@ -88,48 +89,49 @@ import switchAPI from '../../api/switch' import listAPI from '../../api/list' import pulldownAPI from '../../api/pulldown' -// import i18n from '../../i18n' -// const attributes = window.attributes = {} -// const tags = window.tags = {} +import i18n from '../../i18n' +const attributes = window.attributes = {} +const tags = window.tags = {} -// const tagMaps = [ -// ['vxe-table', tableAPI, { subtags: ['vxe-table-column'], description: '基础表格' }], -// ['vxe-table-column', tableColumnAPI, { description: '基础表格 - 列' }], -// ['vxe-grid', gridAPI, { description: '高级表格' }], -// ['vxe-toolbar', toolbarAPI, { description: '工具栏' }], -// ['vxe-pager', pagerAPI, { description: '分页' }], -// ['vxe-radio', radioAPI, { description: '单选框' }], -// ['vxe-radio-group', radioGroupAPI, { description: '单选组' }], -// ['vxe-radio-button', radioButtonAPI, { description: '单选按钮' }], -// ['vxe-checkbox', checkboxAPI, { description: '复选框' }], -// ['vxe-checkbox-group', checkboxGroupAPI, { description: '复选组' }], -// ['vxe-switch', switchAPI, { description: '开关按钮' }], -// ['vxe-input', inputAPI, { description: '输入框' }], -// ['vxe-select', selectAPI, { subtags: ['vxe-optgroup', 'vxe-option'], description: '下拉框' }], -// ['vxe-optgroup', optgroupAPI, { subtags: ['vxe-option'], description: '下拉框 - 分组' }], -// ['vxe-option', optionAPI, { description: '下拉框 - 选项' }], -// ['vxe-button', buttonAPI, { description: '按钮' }], -// ['vxe-tooltip', tooltipAPI, { description: '工具提示' }], -// ['vxe-modal', modalAPI, { description: '模态窗口' }], -// ['vxe-form', formAPI, { subtags: ['vxe-form-item'], description: '表单' }], -// ['vxe-form-item', formItemAPI, { description: '表单 - 项' }], -// ['vxe-list', listAPI, { description: '列表' }], -// ['vxe-pulldown', pulldownAPI, { description: '下拉容器' }] -// ] +const tagMaps = [ + ['vxe-table', tableAPI, { subtags: ['vxe-table-column'], description: '基础表格' }], + ['vxe-table-colgroup', tableColgroupAPI, { description: '基础表格 - 分组列' }], + ['vxe-table-column', tableColumnAPI, { description: '基础表格 - 列' }], + ['vxe-grid', gridAPI, { description: '高级表格' }], + ['vxe-toolbar', toolbarAPI, { description: '工具栏' }], + ['vxe-pager', pagerAPI, { description: '分页' }], + ['vxe-radio', radioAPI, { description: '单选框' }], + ['vxe-radio-group', radioGroupAPI, { description: '单选组' }], + ['vxe-radio-button', radioButtonAPI, { description: '单选按钮' }], + ['vxe-checkbox', checkboxAPI, { description: '复选框' }], + ['vxe-checkbox-group', checkboxGroupAPI, { description: '复选组' }], + ['vxe-switch', switchAPI, { description: '开关按钮' }], + ['vxe-input', inputAPI, { description: '输入框' }], + ['vxe-select', selectAPI, { subtags: ['vxe-optgroup', 'vxe-option'], description: '下拉框' }], + ['vxe-optgroup', optgroupAPI, { subtags: ['vxe-option'], description: '下拉框 - 分组' }], + ['vxe-option', optionAPI, { description: '下拉框 - 选项' }], + ['vxe-button', buttonAPI, { description: '按钮' }], + ['vxe-tooltip', tooltipAPI, { description: '工具提示' }], + ['vxe-modal', modalAPI, { description: '模态窗口' }], + ['vxe-form', formAPI, { subtags: ['vxe-form-item'], description: '表单' }], + ['vxe-form-item', formItemAPI, { description: '表单 - 项' }], + ['vxe-list', listAPI, { description: '列表' }], + ['vxe-pulldown', pulldownAPI, { description: '下拉容器' }] +] -// tagMaps.forEach(confs => { -// const props = confs[1].find(item => item.name === 'Props').list -// const keys = [] -// props.forEach(item => { -// const name = XEUtils.kebabCase(item.name) -// attributes[`${confs[0]}/${name}`] = { -// type: XEUtils.toString(item.type).toLowerCase(), -// description: item.descKey ? i18n.t(item.descKey) : item.desc -// } -// keys.push(name) -// }) -// tags[confs[0]] = Object.assign({ attributes: keys }, confs[2]) -// }) +tagMaps.forEach(confs => { + const props = confs[1].find(item => item.name === 'Props').list + const keys = [] + props.forEach(item => { + const name = XEUtils.kebabCase(item.name) + attributes[`${confs[0]}/${name}`] = { + type: XEUtils.toString(item.type).toLowerCase(), + description: item.descKey ? i18n.t(item.descKey) : item.desc + } + keys.push(name) + }) + tags[confs[0]] = Object.assign({ attributes: keys }, confs[2]) +}) export default { data () { @@ -232,6 +234,9 @@ export default { case 'table': apis = tableAPI break + case 'table-colgroup': + apis = tableColgroupAPI + break case 'table-column': apis = tableColumnAPI break diff --git a/examples/views/table/advanced/Custom.vue b/examples/views/table/advanced/Custom.vue index c0052833e..3e2592fb4 100644 --- a/examples/views/table/advanced/Custom.vue +++ b/examples/views/table/advanced/Custom.vue @@ -78,14 +78,14 @@ - + - + - - + +

{{ $t('app.body.button.showCode') }}

@@ -266,14 +266,14 @@ export default { - + - + - - + + `, ` diff --git a/examples/views/table/advanced/Footer.vue b/examples/views/table/advanced/Footer.vue index 92763a2d6..37c4e0ba5 100644 --- a/examples/views/table/advanced/Footer.vue +++ b/examples/views/table/advanced/Footer.vue @@ -73,10 +73,10 @@ :footer-cell-class-name="footerCellClassName3" :data="tableData"> - + - + @@ -263,10 +263,10 @@ export default { :footer-cell-class-name="footerCellClassName3" :data="tableData"> - + - + diff --git a/examples/views/table/advanced/MergeCell.vue b/examples/views/table/advanced/MergeCell.vue index 108f249a8..735dbbe0e 100644 --- a/examples/views/table/advanced/MergeCell.vue +++ b/examples/views/table/advanced/MergeCell.vue @@ -18,53 +18,53 @@ :footer-method="footerMethod" :data="tableData"> - + - - + + - + - + - + - - - + + + - - - + + + - + - - - + + + - + - - - - - + + + + + - + - + - - + +

{{ $t('app.body.button.showCode') }}

@@ -156,53 +156,53 @@ export default { :footer-method="footerMethod" :data="tableData"> - + - - + + - + - + - + - - - + + + - - - + + + - + - - - + + + - + - - - - - + + + + + - + - + - - + + `, ` diff --git a/examples/views/table/advanced/Toolbar.vue b/examples/views/table/advanced/Toolbar.vue index 09107c1e1..ba840979a 100644 --- a/examples/views/table/advanced/Toolbar.vue +++ b/examples/views/table/advanced/Toolbar.vue @@ -13,17 +13,17 @@ height="300" :data="tableData1"> - - + + - + - + - + - +

{{ $t('app.body.button.showCode') }}

@@ -103,17 +103,17 @@ export default { height="300" :data="tableData1"> - - + + - + - + - + - + `, ` diff --git a/examples/views/table/base/Data.vue b/examples/views/table/base/Data.vue index 1cfcf9735..51e525f52 100644 --- a/examples/views/table/base/Data.vue +++ b/examples/views/table/base/Data.vue @@ -70,14 +70,14 @@ export default { { name: 'Test2', age: 28, sex: '男', role: '后端', content: '' }, { name: 'Test4', age: 26, sex: '男', role: '前端', content: '我是链接' }, { name: 'Test3', age: 20, sex: '女', role: '程序员鼓励师', content: '' }, - { name: 'Test1', age: 22, sex: '女', role: '设计师', content: '
在线观看.avi
' } + { name: 'Test1', age: 22, sex: '女', role: '设计师', content: '
我是 Htmp 片段
' } ], tableData2: [ { userInfo: { name: 'Test1', age: 22 }, other: [ { sex: '女' }, - { more: { content: '
在线观看.avi
' } } + { more: { content: '
我是 Htmp 片段
' } } ], role: '设计师' }, @@ -109,7 +109,7 @@ export default { tableData3: [ [101, 'Test4', '男', 26, '我是链接', '前端'], [102, 'Test2', '男', 28, '', '后端'], - [103, 'Test1', '女', 22, '
在线观看.avi
', '设计师'], + [103, 'Test1', '女', 22, '
我是 Htmp 片段
', '设计师'], [104, 'Test3', '女', 20, '', '程序员鼓励师'] ], demoCodes: [ @@ -132,7 +132,7 @@ export default { { name: 'Test2', age: 28, sex: '男', role: '后端', content: '' }, { name: 'Test4', age: 26, sex: '男', role: '前端', content: '我是链接' }, { name: 'Test3', age: 20, sex: '女', role: '程序员鼓励师', content: '' }, - { name: 'Test1', age: 22, sex: '女', role: '设计师', content: '
在线观看.avi
' } + { name: 'Test1', age: 22, sex: '女', role: '设计师', content: '
我是 Htmp 片段
' } ] } } @@ -158,7 +158,7 @@ export default { userInfo: { name: 'Test1', age: 22 }, other: [ { sex: '女' }, - { more: { content: '
在线观看.avi
' } } + { more: { content: '
我是 Htmp 片段
' } } ], role: '设计师' }, @@ -210,7 +210,7 @@ export default { tableData: [ [101, 'Test4', '男', 26, '我是链接', '前端'], [102, 'Test2', '男', 28, '', '后端'], - [103, 'Test1', '女', 22, '
在线观看.avi
', '设计师'], + [103, 'Test1', '女', 22, '
我是 Htmp 片段
', '设计师'], [104, 'Test3', '女', 20, '', '程序员鼓励师'] ] } diff --git a/examples/views/table/base/Filter.vue b/examples/views/table/base/Filter.vue index fdcb1083a..3e423e3c2 100644 --- a/examples/views/table/base/Filter.vue +++ b/examples/views/table/base/Filter.vue @@ -39,19 +39,19 @@ highlight-hover-row :data="tableData"> - + - - - - + + + + - - - + + + @@ -121,19 +121,19 @@ export default { highlight-hover-row :data="tableData"> - + - - - - + + + + - - - + + + `, diff --git a/examples/views/table/base/FixedFull.vue b/examples/views/table/base/FixedFull.vue index b798ced84..29c7b6a75 100644 --- a/examples/views/table/base/FixedFull.vue +++ b/examples/views/table/base/FixedFull.vue @@ -74,22 +74,22 @@ border height="400" :data="tableData"> - + - - + + - + - - - + + + - +

{{ $t('app.body.button.showCode') }}

@@ -170,22 +170,24 @@ export default { - - - - - - - - + + + + + + + + + + + + + + + + `, ` diff --git a/examples/views/table/base/Group.vue b/examples/views/table/base/Group.vue index 8e31dbdd8..121f4ca30 100644 --- a/examples/views/table/base/Group.vue +++ b/examples/views/table/base/Group.vue @@ -6,20 +6,20 @@ border height="400" :data="tableData"> - + - - + + - + - - - + + + - + @@ -46,28 +46,28 @@ ref="xTable" height="400" :data="tableData"> - + - - + + - - + + - + - - - + + + - - + + - +

{{ $t('app.body.button.showCode') }}

@@ -102,20 +102,20 @@ export default { border height="400" :data="tableData"> - + - - + + - + - - - + + + - + `, @@ -152,28 +152,28 @@ export default { ref="xTable" height="400" :data="tableData"> - + - - + + - - + + - + - - - + + + - - + + - + `, ` diff --git a/examples/views/table/base/Overflow.vue b/examples/views/table/base/Overflow.vue index 2699ac167..af8c7a3e7 100644 --- a/examples/views/table/base/Overflow.vue +++ b/examples/views/table/base/Overflow.vue @@ -48,16 +48,16 @@ - - + + - - + + - - + +

{{ $t('app.body.button.showCode') }}

@@ -155,16 +155,16 @@ export default { - - + + - - + + - - + + `, ` diff --git a/examples/views/table/base/Resizable.vue b/examples/views/table/base/Resizable.vue index 14b3874ac..c12be355e 100644 --- a/examples/views/table/base/Resizable.vue +++ b/examples/views/table/base/Resizable.vue @@ -126,18 +126,18 @@ border resizable :data="tableData"> - + - - + + - + - - + + @@ -154,22 +154,22 @@ border resizable :data="tableData"> - + - - + + - + - - - + + + - +

{{ $t('app.body.button.showCode') }}

@@ -373,18 +373,18 @@ export default { border resizable :data="tableData"> - + - - + + - + - - + + `, @@ -411,22 +411,22 @@ export default { border resizable :data="tableData"> - + - - + + - + - - - + + + - + `, ` diff --git a/examples/views/table/edit/CellDisable.vue b/examples/views/table/edit/CellDisable.vue index 0fb9eeb83..62c8896a7 100644 --- a/examples/views/table/edit/CellDisable.vue +++ b/examples/views/table/edit/CellDisable.vue @@ -34,10 +34,10 @@ @edit-actived="editActivedEvent"> - + - +

{{ $t('app.body.button.showCode') }}

@@ -114,10 +114,10 @@ export default { @edit-actived="editActivedEvent"> - + - + `, ` diff --git a/examples/views/table/edit/CellValid.vue b/examples/views/table/edit/CellValid.vue index 16f8a78a4..d4b99e3a9 100644 --- a/examples/views/table/edit/CellValid.vue +++ b/examples/views/table/edit/CellValid.vue @@ -31,17 +31,17 @@ :edit-config="{trigger: 'click', mode: 'cell', showStatus: true}"> - + - - - + + + - - + +

{{ $t('app.body.button.showCode') }}

@@ -121,17 +121,17 @@ export default { :edit-config="{trigger: 'click', mode: 'cell', showStatus: true}"> - + - - - + + + - - + + `, ` diff --git a/examples/views/table/edit/Click.vue b/examples/views/table/edit/Click.vue index 3e6fe9194..9bb01ddd7 100644 --- a/examples/views/table/edit/Click.vue +++ b/examples/views/table/edit/Click.vue @@ -33,16 +33,16 @@ :data="tableData" :edit-config="{trigger: 'click', mode: 'row'}"> - + - - + + - + @@ -124,16 +124,16 @@ export default { :data="tableData" :edit-config="{trigger: 'click', mode: 'row'}"> - + - - + + - + `, diff --git a/examples/views/table/edit/FooterImmediately.vue b/examples/views/table/edit/FooterImmediately.vue index 19a2707c0..9f3c7fbc6 100644 --- a/examples/views/table/edit/FooterImmediately.vue +++ b/examples/views/table/edit/FooterImmediately.vue @@ -28,12 +28,12 @@ :data="tableData" :edit-config="{trigger: 'click', mode: 'row'}"> - + - +

{{ $t('app.body.button.showCode') }}

@@ -77,12 +77,12 @@ export default { :data="tableData" :edit-config="{trigger: 'click', mode: 'row'}"> - + - + `, ` diff --git a/examples/views/table/edit/Select.vue b/examples/views/table/edit/Select.vue index 88eb34137..f9ae6fa3b 100644 --- a/examples/views/table/edit/Select.vue +++ b/examples/views/table/edit/Select.vue @@ -9,13 +9,13 @@ :data="tableData" :edit-config="{trigger: 'click', mode: 'cell'}"> - + - - + + - +

{{ $t('app.body.button.showCode') }}

@@ -63,13 +63,13 @@ export default { :data="tableData" :edit-config="{trigger: 'click', mode: 'cell'}"> - + - - + + - + `, ` diff --git a/examples/views/table/edit/Template.vue b/examples/views/table/edit/Template.vue index 95e933275..6bcd32f6d 100644 --- a/examples/views/table/edit/Template.vue +++ b/examples/views/table/edit/Template.vue @@ -43,7 +43,7 @@ - + - +