├── index.js
├── doc
    └── image
    │   └── banner.png
├── .babelrc
├── .gitignore
├── .editorconfig
├── src
    ├── index.js
    ├── components
    │   ├── renderComponent.vue
    │   ├── renderCustomComponent.vue
    │   └── d2-column.vue
    ├── mixin
    │   ├── add.js
    │   ├── handleRow.js
    │   ├── pagination.js
    │   ├── utils.js
    │   ├── remove.js
    │   ├── edit.js
    │   ├── exposeMethods.js
    │   ├── data.js
    │   ├── base.js
    │   └── dialog.js
    └── d2-crud.vue
├── cdn.sh
├── LICENSE
├── package.json
├── README.md
├── webpack.config.js
└── dist
    └── d2-crud.js


/index.js:
--------------------------------------------------------------------------------
1 | module.exports = require('./src')
2 | 


--------------------------------------------------------------------------------
/doc/image/banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/d2-projects/d2-crud/HEAD/doc/image/banner.png


--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": [
3 |     ["env", { "modules": false }],
4 |     "stage-3"
5 |   ]
6 | }
7 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules/
 3 | npm-debug.log
 4 | yarn-error.log
 5 | 
 6 | # Editor directories and files
 7 | .idea
 8 | *.suo
 9 | *.ntvs*
10 | *.njsproj
11 | *.sln
12 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | indent_style = space
 6 | indent_size = 2
 7 | end_of_line = lf
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import d2Crud from './d2-crud.vue'
 2 | 
 3 | const install = (Vue, options) => {
 4 |   if (options) {
 5 |     Vue.prototype.$d2CrudSize = options.size ? options.size : null
 6 |   } else {
 7 |     Vue.prototype.$d2CrudSize = null
 8 |   }
 9 |   Vue.component('d2Crud', d2Crud)
10 | }
11 | if (typeof window !== 'undefined' && window.Vue) {
12 |   install(window.Vue)
13 | }
14 | 
15 | export default Object.assign(d2Crud, { install })
16 | 


--------------------------------------------------------------------------------
/cdn.sh:
--------------------------------------------------------------------------------
 1 | # chmod +x ./cdn.sh
 2 | # ./cdn.sh
 3 | 
 4 | VERSION=2.0.5
 5 | FOLDER=d2-crud
 6 | NAME=@d2-projects/d2-crud
 7 | 
 8 | qshell account
 9 | qshell qupload2 \
10 | --src-dir=/Users/liyang/Documents/code/$FOLDER/dist \
11 | --bucket=d2-cdn \
12 | --key-prefix=packages/$NAME@$VERSION/ \
13 | --overwrite=true \
14 | --check-exists=true \
15 | --check-hash=true \
16 | --check-size=true \
17 | --rescan-local=true \
18 | --thread-count=32
19 | 
20 | echo done 上传完成


--------------------------------------------------------------------------------
/src/components/renderComponent.vue:
--------------------------------------------------------------------------------
 1 | <script>
 2 | export default {
 3 |   name: 'render-component',
 4 |   props: {
 5 |     /**
 6 |      * @description 传入的render函数
 7 |      */
 8 |     renderFunction: {
 9 |       type: Function,
10 |       required: true
11 |     },
12 |     /**
13 |      * @description 传入的scope
14 |      */
15 |     scope: {
16 |       default: null
17 |     },
18 |   },
19 |   render (h) {
20 |     return this.handleRender(h, this.scope)
21 |   },
22 |   methods: {
23 |     handleRender (h, scope) {
24 |       if (typeof scope === 'string') {
25 |         return this.renderFunction(h, scope)
26 |       }
27 |       return this.renderFunction(h, scope.row, scope.column, scope.$index)
28 |     }
29 |   }
30 | }
31 | </script>
32 | 


--------------------------------------------------------------------------------
/src/mixin/add.js:
--------------------------------------------------------------------------------
 1 | import _forEach from 'lodash.foreach'
 2 | import _clonedeep from 'lodash.clonedeep'
 3 | 
 4 | export default {
 5 |   methods: {
 6 |     /**
 7 |      * @description 新增行数据
 8 |      */
 9 |     handleAdd (templage = null) {
10 |       this.formMode = 'add'
11 |       this.$emit('dialog-open', {
12 |         mode: 'add'
13 |       })
14 |       this.isDialogShow = true
15 |       if (templage) {
16 |         this.formData = _clonedeep(templage)
17 |         this.addTemplateStorage = _clonedeep(templage)
18 |       } else {
19 |         this.formData = this.addTemplate ? _clonedeep(this.addTemplate) : {}
20 |         this.addTemplateStorage = this.addTemplate ? _clonedeep(this.addTemplate) : {}
21 |       }
22 |       _forEach(this.formData, (value, key) => {
23 |         this.formData[key] = this.addTemplateStorage[key].value
24 |       })
25 |     }
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/src/mixin/handleRow.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   props: {
 3 |     /**
 4 |      * @description 默认排序
 5 |      */
 6 |     rowHandle: {
 7 |       type: Object,
 8 |       default: null
 9 |     }
10 |   },
11 |   methods: {
12 |     /**
13 |      * @description 控制操作列 show 的方法
14 |      */
15 |     handleRowHandleButtonShow (show = true, index, row) {
16 |       if (typeof show === 'boolean') {
17 |         return show
18 |       } else if (typeof show === 'function') {
19 |         return show(index, row)
20 |       }
21 |       return Boolean(show)
22 |     },
23 |     /**
24 |      * @description 控制操作列 disabled 的方法
25 |      */
26 |     handleRowHandleButtonDisabled (disabled = false, index, row) {
27 |       if (typeof disabled === 'boolean') {
28 |         return disabled
29 |       } else if (typeof disabled === 'function') {
30 |         return disabled(index, row)
31 |       }
32 |       return Boolean(disabled)
33 |     }
34 |   }
35 | }
36 | 


--------------------------------------------------------------------------------
/src/mixin/pagination.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   props: {
 3 |     /**
 4 |      * @description 表格数据
 5 |      */
 6 |     pagination: {
 7 |       type: Object,
 8 |       default: null
 9 |     }
10 |   },
11 |   methods: {
12 |     /**
13 |      * @description 每页条数改变
14 |      */
15 |     handlePaginationSizeChange (pageSize) {
16 |       this.$emit('pagination-size-change', pageSize)
17 |     },
18 |     /**
19 |      * @description 当前页码改变
20 |      */
21 |     handlePaginationCurrentChange (currentPage) {
22 |       this.$emit('pagination-current-change', currentPage)
23 |     },
24 |     /**
25 |      * @description 上一页
26 |      */
27 |     handlePaginationPrevClick (currentPage) {
28 |       this.$emit('pagination-prev-click', currentPage)
29 |     },
30 |     /**
31 |      * @description 下一页
32 |      */
33 |     handlePaginationNextClick (currentPage) {
34 |       this.$emit('pagination-next-click', currentPage)
35 |     }
36 |   }
37 | }
38 | 


--------------------------------------------------------------------------------
/src/mixin/utils.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   methods: {
 3 |     /**
 4 |      * @description 组件属性默认值
 5 |      */
 6 |     handleAttribute (attribute, defaultValue) {
 7 |       if (attribute === false || attribute === 0 || attribute === '') {
 8 |         return attribute
 9 |       }
10 |       return attribute || defaultValue
11 |     },
12 |     /**
13 |      * @description 根据dialog模式渲染不同表单
14 |      */
15 |     handleFormTemplateMode (key) {
16 |       if (this.formMode === 'edit') {
17 |         return this.editTemplateStorage[key]
18 |       } else if (this.formMode === 'add') {
19 |         return this.addTemplateStorage[key]
20 |       }
21 |     },
22 |     /**
23 |      * @description 根据dialog模式渲染不同表单校验规则
24 |      */
25 |     handleFormRulesMode () {
26 |       if (this.formMode === 'edit') {
27 |         return this.editRules
28 |       } else if (this.formMode === 'add') {
29 |         return this.addRules
30 |       }
31 |     }
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/src/components/renderCustomComponent.vue:
--------------------------------------------------------------------------------
 1 | <script>
 2 | export default {
 3 |   name: 'render-custom-component',
 4 |   props: {
 5 |     /**
 6 |      * @description v-model双向绑定的值
 7 |      */
 8 |     value: {
 9 |       required: true
10 |     },
11 |     /**
12 |      * @description 传入的组件名
13 |      */
14 |     componentName: {
15 |       required: true
16 |     },
17 |     /**
18 |      * @description 传入的自定义参数
19 |      */
20 |     props: {
21 |       default: null
22 |     },
23 |     /**
24 |      * @description 传入的行数据
25 |      */
26 |     scope: {
27 |       default: null
28 |     }
29 |   },
30 |   render (h) {
31 |     let self = this
32 |     return h(self.componentName, {
33 |       props: {
34 |         value: self.value,
35 |         scope: self.scope,
36 |         ...self.props
37 |       },
38 |       on: {
39 |         input: function (event) {
40 |           self.$emit('input', event)
41 |         }
42 |       }
43 |     })
44 |   }
45 | }
46 | </script>
47 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 sunhaoxiang
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/src/mixin/remove.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   methods: {
 3 |     /**
 4 |      * @description 删除行
 5 |      */
 6 |     handleRemove (index, indexrow) {
 7 |       if ((!('confirm' in this.rowHandle.remove)) || this.rowHandle.remove.confirm === true) {
 8 |         this.$confirm(this.handleAttribute(this.rowHandle.remove.confirmText, '确定删除吗？'), this.handleAttribute(this.rowHandle.remove.confirmTitle, '删除'), {
 9 |           confirmButtonText: this.handleAttribute(this.rowHandle.remove.confirmButtonText, '确定'),
10 |           cancelButtonText: this.handleAttribute(this.rowHandle.remove.cancelButtonText, '取消'),
11 |           type: this.handleAttribute(this.rowHandle.remove.type, 'error')
12 |         }).then(() => {
13 |           this.$emit('row-remove', {index, row: indexrow}, () => {
14 |             this.handleRemoveDone(index)
15 |           })
16 |         }).catch(() => {})
17 |       } else {
18 |         this.$emit('row-remove', {index, row: indexrow}, () => {
19 |           this.handleRemoveDone(index)
20 |         })
21 |       }
22 |     },
23 |     /**
24 |      * @description 删除完成
25 |      */
26 |     handleRemoveDone (index) {
27 |       this.handleRemoveRow(index)
28 |     }
29 |   }
30 | }
31 | 


--------------------------------------------------------------------------------
/src/mixin/edit.js:
--------------------------------------------------------------------------------
 1 | import _forEach from 'lodash.foreach'
 2 | import _clonedeep from 'lodash.clonedeep'
 3 | 
 4 | export default {
 5 |   data () {
 6 |     return {
 7 |       /**
 8 |        * @description 被编辑行的索引
 9 |        */
10 |       editIndex: 0
11 |     }
12 |   },
13 |   methods: {
14 |     /**
15 |      * @description 编辑行数据
16 |      * @param {Number} index 行所在索引
17 |      * @param {Object} row 行数据
18 |      */
19 |     handleEdit (index, row, templage = null) {
20 |       this.formMode = 'edit'
21 |       this.editDataStorage = _clonedeep(row)
22 |       this.isDialogShow = true
23 |       this.$emit('dialog-open', {
24 |         mode: 'edit',
25 |         row
26 |       })
27 |       this.editIndex = index
28 |       if (templage) {
29 |         this.formData = _clonedeep(templage)
30 |         this.editTemplateStorage = _clonedeep(templage)
31 |       } else {
32 |         this.formData = this.editTemplate ? _clonedeep(this.editTemplate) : {}
33 |         this.editTemplateStorage = this.editTemplate ? _clonedeep(this.editTemplate) : {}
34 |       }
35 |       _forEach(this.formData, (value, key) => {
36 |         this.formData[key] = row.hasOwnProperty(key) ? row[key] : (this.formData[key] || '')
37 |       })
38 |     }
39 |   }
40 | }
41 | 


--------------------------------------------------------------------------------
/src/mixin/exposeMethods.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   methods: {
 3 |     /**
 4 |      * @description 外部暴露的更新单元格数据方法
 5 |      */
 6 |     updateCell (rowIndex, key, value) {
 7 |       this.$set(this.d2CrudData, rowIndex, {
 8 |         ...this.d2CrudData[rowIndex],
 9 |         [key]: value
10 |       })
11 |     },
12 |     /**
13 |      * @description 外部暴露的新增行方法
14 |      */
15 |     addRow (row) {
16 |       this.handleAddRow(row)
17 |     },
18 |     /**
19 |      * @description 外部暴露的编辑行方法
20 |      */
21 |     updateRow (index, row) {
22 |       this.handleUpdateRow(index, row)
23 |     },
24 |     /**
25 |      * @description 外部暴露的删除行方法
26 |      */
27 |     removeRow (index) {
28 |       this.handleRemoveRow(index)
29 |     },
30 |     /**
31 |      * @description 外部暴露的打开模态框方法
32 |      */
33 |     showDialog ({
34 |       mode,
35 |       rowIndex = 0,
36 |       template = null
37 |     }) {
38 |       if (mode === 'edit') {
39 |         this.handleEdit(rowIndex, this.d2CrudData[rowIndex], template)
40 |       } else if (mode === 'add') {
41 |         this.handleAdd(template)
42 |       }
43 |     },
44 |     /**
45 |      * @description 外部暴露的关闭模态框方法
46 |      */
47 |     closeDialog () {
48 |       this.handleCloseDialog()
49 |     }
50 |   }
51 | }
52 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@d2-projects/d2-crud",
 3 |   "description": "A d2-projects project",
 4 |   "version": "2.0.5",
 5 |   "author": "孙昊翔 <673686754@qq.com>",
 6 |   "license": "MIT",
 7 |   "private": false,
 8 |   "main": "dist/d2-crud.js",
 9 |   "repository": {
10 |     "type": "git",
11 |     "url": "https://github.com/d2-projects/d2-crud"
12 |   },
13 |   "keywords": [
14 |     "d2-crud",
15 |     "table",
16 |     "d2-projects",
17 |     "vue",
18 |     "element"
19 |   ],
20 |   "scripts": {
21 |     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
22 |   },
23 |   "dependencies": {
24 |     "lodash.clonedeep": "^4.5.0",
25 |     "lodash.foreach": "^4.5.0",
26 |     "lodash.get": "^4.4.2",
27 |     "lodash.set": "^4.3.2",
28 |     "vue": "^2.5.19"
29 |   },
30 |   "browserslist": [
31 |     "> 1%",
32 |     "last 2 versions",
33 |     "not ie <= 8"
34 |   ],
35 |   "devDependencies": {
36 |     "babel-core": "^6.26.0",
37 |     "babel-loader": "^7.1.2",
38 |     "babel-preset-env": "^1.6.0",
39 |     "babel-preset-stage-3": "^6.24.1",
40 |     "cross-env": "^5.0.5",
41 |     "css-loader": "^0.28.7",
42 |     "file-loader": "^1.1.4",
43 |     "node-sass": "^4.5.3",
44 |     "sass-loader": "^6.0.6",
45 |     "vue-loader": "^13.0.5",
46 |     "vue-template-compiler": "^2.5.19",
47 |     "webpack": "^3.6.0",
48 |     "webpack-dev-server": "^2.9.1"
49 |   }
50 | }
51 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ![](https://raw.githubusercontent.com/d2-projects/d2-crud/master/doc/image/banner.png)
 2 | 
 3 | ![npm](https://img.shields.io/npm/v/@d2-projects/d2-crud.svg)
 4 | ![npm](https://img.shields.io/npm/dt/@d2-projects/d2-crud.svg)
 5 | ![GitHub license](https://img.shields.io/github/license/d2-projects/d2-crud.svg)
 6 | 
 7 | 
 8 | ## 介绍
 9 | 
10 | [D2-Crud](https://github.com/d2-projects/d2-crud)是一套基于[Vue.js 2.2.0+](https://cn.vuejs.org/)和[Element UI 2.0.0+](http://element-cn.eleme.io/#/zh-CN)的表格组件。`D2-Crud` 将 `Element` 的功能进行了封装，并增加了表格的增删改查、数据校验、表格内编辑等常用的功能。大部分功能可由配置 `json` 实现，在实现并扩展了 `Element` 表格组件功能的同时，降低了开发难度，减少了代码量，大大简化了开发流程。
11 | 
12 | 
13 | ## 文档和示例
14 | 
15 | 文档：<https://d2.pub/zh/doc/d2-crud-v2>   
16 | 示例：<https://d2.pub/d2-admin/preview/#/demo/d2-crud/index>
17 | 
18 | ## 功能
19 | 
20 | - 继承了 Element 中表格所有功能
21 | - 新增表格数据
22 | - 修改表格数据
23 | - 删除表格数据
24 | - 使用 Element 中的组件渲染表格内容和表单内容
25 | - 表单校验
26 | - 表格内编辑
27 | - 渲染自定义组件
28 | 
29 | ## 安装
30 | 
31 | 使用npm
32 | ``` bash
33 | npm i element-ui @d2-projects/d2-crud -S
34 | ```
35 | 
36 | 使用yarn
37 | ``` bash
38 | yarn add element-ui @d2-projects/d2-crud
39 | ```
40 | 
41 | ## 在项目中使用
42 | 
43 | 在`main.js`中写入以下内容：
44 | 
45 | ``` js
46 | import Vue from 'vue'
47 | import ElementUI from 'element-ui'
48 | import 'element-ui/lib/theme-chalk/index.css'
49 | import D2Crud from '@d2-projects/d2-crud'
50 | 
51 | Vue.use(ElementUI)
52 | Vue.use(D2Crud)
53 | 
54 | new Vue({
55 |   el: '#app',
56 |   render: h => h(App)
57 | })
58 | ```
59 | 
60 | 之后就可以在项目中使用 `D2-Crud` 了。
61 | 
62 | ## CDN
63 | 
64 | externals: D2Crud
65 | 
66 | https://cdn.d2.pub/packages/@d2-projects/d2-crud@2.0.5/d2-crud.js


--------------------------------------------------------------------------------
/src/mixin/data.js:
--------------------------------------------------------------------------------
  1 | import _clonedeep from 'lodash.clonedeep'
  2 | import _get from 'lodash.get'
  3 | import _set from 'lodash.set'
  4 | 
  5 | export default {
  6 |   props: {
  7 |     /**
  8 |      * @description 表格数据
  9 |      */
 10 |     data: {
 11 |       type: Array,
 12 |       required: true
 13 |     }
 14 |   },
 15 |   data () {
 16 |     return {
 17 |       /**
 18 |        * @description 表格内部数据
 19 |        */
 20 |       d2CrudData: []
 21 |     }
 22 |   },
 23 |   computed: {
 24 |     d2CrudDataLength () {
 25 |       return this.d2CrudData.length
 26 |     }
 27 |   },
 28 |   watch: {
 29 |     data () {
 30 |       this.handleDataChange()
 31 |     }
 32 |   },
 33 |   mounted () {
 34 |     this.handleDataChange()
 35 |   },
 36 |   methods: {
 37 |     /**
 38 |      * @description lodash.get
 39 |      */
 40 |     _get,
 41 |     /**
 42 |      * @description lodash.set
 43 |      */
 44 |     _set,
 45 |     /**
 46 |      * @description 同步外部表格数据到d2CrudData内部
 47 |      */
 48 |     handleDataChange () {
 49 |       if (this.d2CrudData !== this.data) {
 50 |         this.d2CrudData = _clonedeep(this.data)
 51 |       }
 52 |     },
 53 |     /**
 54 |      * @description 排序时数据变化
 55 |      */
 56 |     handleSortDataChange () {
 57 |       this.$nextTick(() => {
 58 |         this.d2CrudData = this.$refs.elTable.store.states.data
 59 |       })
 60 |     },
 61 |     /**
 62 |      * @description 排序状态
 63 |      */
 64 |     handleSortChange ({ column, prop, order }) {
 65 |       this.handleSortDataChange()
 66 |       this.$emit('sort-change', { column, prop, order })
 67 |     },
 68 |     /**
 69 |      * @description 更新行数据
 70 |      * @param {Number} index 表格数据索引
 71 |      * @param {Object} row 更新的表格行数据
 72 |      */
 73 |     handleUpdateRow (index, row) {
 74 |       this.$set(this.d2CrudData, index, row)
 75 |       if (this.defaultSort) {
 76 |         this.handleSortDataChange()
 77 |       }
 78 |     },
 79 |     /**
 80 |      * @description 新增行数据
 81 |      * @param {Object} row 新增的表格行数据
 82 |      */
 83 |     handleAddRow (row) {
 84 |       this.$set(this.d2CrudData, this.d2CrudData.length, row)
 85 |       if (this.defaultSort) {
 86 |         this.handleSortDataChange()
 87 |       }
 88 |     },
 89 |     /**
 90 |      * @description 删除行
 91 |      * @param {Object} index 被删除行索引
 92 |      */
 93 |     handleRemoveRow (index) {
 94 |       this.$delete(this.d2CrudData, index)
 95 |       if (this.defaultSort) {
 96 |         this.handleSortDataChange()
 97 |       }
 98 |     }
 99 |   }
100 | }
101 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
  1 | var path = require('path')
  2 | var webpack = require('webpack')
  3 | 
  4 | module.exports = {
  5 |   entry: './src/index.js',
  6 |   output: {
  7 |     path: path.resolve(__dirname, './dist'),
  8 |     publicPath: '/dist/',
  9 |     filename: 'd2-crud.js',
 10 |     library: 'D2Crud',
 11 |     libraryTarget: 'umd',
 12 |     umdNamedDefine: true
 13 |   },
 14 |   module: {
 15 |     rules: [
 16 |       {
 17 |         test: /\.css$/,
 18 |         use: [
 19 |           'vue-style-loader',
 20 |           'css-loader'
 21 |         ],
 22 |       },
 23 |       {
 24 |         test: /\.scss$/,
 25 |         use: [
 26 |           'vue-style-loader',
 27 |           'css-loader',
 28 |           'sass-loader'
 29 |         ],
 30 |       },
 31 |       {
 32 |         test: /\.sass$/,
 33 |         use: [
 34 |           'vue-style-loader',
 35 |           'css-loader',
 36 |           'sass-loader?indentedSyntax'
 37 |         ],
 38 |       },
 39 |       {
 40 |         test: /\.vue$/,
 41 |         loader: 'vue-loader',
 42 |         options: {
 43 |           loaders: {
 44 |             // Since sass-loader (weirdly) has SCSS as its default parse mode, we map
 45 |             // the "scss" and "sass" values for the lang attribute to the right configs here.
 46 |             // other preprocessors should work out of the box, no loader config like this necessary.
 47 |             'scss': [
 48 |               'vue-style-loader',
 49 |               'css-loader',
 50 |               'sass-loader'
 51 |             ],
 52 |             'sass': [
 53 |               'vue-style-loader',
 54 |               'css-loader',
 55 |               'sass-loader?indentedSyntax'
 56 |             ]
 57 |           }
 58 |           // other vue-loader options go here
 59 |         }
 60 |       },
 61 |       {
 62 |         test: /\.js$/,
 63 |         loader: 'babel-loader',
 64 |         exclude: /node_modules/
 65 |       },
 66 |       {
 67 |         test: /\.(png|jpg|gif|svg)$/,
 68 |         loader: 'file-loader',
 69 |         options: {
 70 |           name: '[name].[ext]?[hash]'
 71 |         }
 72 |       }
 73 |     ]
 74 |   },
 75 |   resolve: {
 76 |     alias: {
 77 |       'vue$': 'vue/dist/vue.esm.js'
 78 |     },
 79 |     extensions: ['*', '.js', '.vue', '.json']
 80 |   },
 81 |   devServer: {
 82 |     historyApiFallback: true,
 83 |     noInfo: true,
 84 |     overlay: true
 85 |   },
 86 |   performance: {
 87 |     hints: false
 88 |   },
 89 |   devtool: '#eval-source-map'
 90 | }
 91 | 
 92 | if (process.env.NODE_ENV === 'production') {
 93 |   module.exports.devtool = '#source-map'
 94 |   // http://vue-loader.vuejs.org/en/workflow/production.html
 95 |   module.exports.plugins = (module.exports.plugins || []).concat([
 96 |     new webpack.DefinePlugin({
 97 |       'process.env': {
 98 |         NODE_ENV: '"production"'
 99 |       }
100 |     }),
101 |     new webpack.optimize.UglifyJsPlugin({
102 |       sourceMap: true,
103 |       compress: {
104 |         warnings: false
105 |       }
106 |     }),
107 |     new webpack.LoaderOptionsPlugin({
108 |       minimize: true
109 |     })
110 |   ])
111 | }
112 | 


--------------------------------------------------------------------------------
/src/mixin/base.js:
--------------------------------------------------------------------------------
  1 | export default {
  2 |   props: {
  3 |     /**
  4 |      * @description 表头数据
  5 |      */
  6 |     columns: {
  7 |       type: Array,
  8 |       required: true
  9 |     },
 10 |     /**
 11 |      * @description 表格加载
 12 |      */
 13 |     loading: {
 14 |       type: Boolean,
 15 |       default: false
 16 |     },
 17 |     /**
 18 |      * @description 表格加载配置
 19 |      */
 20 |     loadingOptions: {
 21 |       type: Object,
 22 |       default: null
 23 |     },
 24 |     /**
 25 |      * @description 表格配置
 26 |      */
 27 |     options: {
 28 |       type: Object,
 29 |       default: null
 30 |     },
 31 |     /**
 32 |      * @description 索引
 33 |      */
 34 |     indexRow: {
 35 |       default: null
 36 |     },
 37 |     /**
 38 |      * @description 多选
 39 |      */
 40 |     selectionRow: {
 41 |       default: null
 42 |     }
 43 |   },
 44 |   methods: {
 45 |     /**
 46 |      * @description 行选中状态
 47 |      */
 48 |     handleCurrentChange (currentRow, oldCurrentRow) {
 49 |       this.$emit('current-change', currentRow, oldCurrentRow)
 50 |     },
 51 |     /**
 52 |      * @description 勾选数据时触发的事件
 53 |      */
 54 |     handleSelect (selection, row) {
 55 |       this.$emit('select', selection, row)
 56 |     },
 57 |     /**
 58 |      * @description 勾选全选时触发的事件
 59 |      */
 60 |     handleSelectAll (selection) {
 61 |       this.$emit('select-all', selection)
 62 |     },
 63 |     /**
 64 |      * @description 复选框选择项发生变化时触发的事件
 65 |      */
 66 |     handleSelectionChange (selection) {
 67 |       this.$emit('selection-change', selection)
 68 |     },
 69 |     /**
 70 |      * @description 单元格 hover 进入时触发的事件
 71 |      */
 72 |     handleCellMouseEnter (row, column, cell, event) {
 73 |       this.$emit('cell-mouse-enter', row, column, cell, event)
 74 |     },
 75 |     /**
 76 |      * @description 单元格 hover 退出时触发的事件
 77 |      */
 78 |     handleCellMouseLeave (row, column, cell, event) {
 79 |       this.$emit('cell-mouse-leave', row, column, cell, event)
 80 |     },
 81 |     /**
 82 |      * @description 单元格点击时触发的事件
 83 |      */
 84 |     handleCellClick (row, column, cell, event) {
 85 |       this.$emit('cell-click', row, column, cell, event)
 86 |     },
 87 |     /**
 88 |      * @description 单元格双击时触发的事件
 89 |      */
 90 |     handleCellDblclick (row, column, cell, event) {
 91 |       this.$emit('cell-dblclick', row, column, cell, event)
 92 |     },
 93 |     /**
 94 |      * @description 行点击时触发的事件
 95 |      */
 96 |     handleRowClick (row, event, column) {
 97 |       this.$emit('row-click', row, event, column)
 98 |     },
 99 |     /**
100 |      * @description 行右键点击时触发的事件
101 |      */
102 |     handleRowContextmenu (row, event) {
103 |       this.$emit('row-contextmenu', row, event)
104 |     },
105 |     /**
106 |      * @description 行双击时触发的事件
107 |      */
108 |     handleRowDblclick (row, event) {
109 |       this.$emit('row-dblclick', row, event)
110 |     },
111 |     /**
112 |      * @description 表头点击时触发的事件
113 |      */
114 |     handleHeaderClick (column, event) {
115 |       this.$emit('header-click', column, event)
116 |     },
117 |     /**
118 |      * @description 表头右键点击时触发的事件
119 |      */
120 |     handleHeaderContextmenu (column, event) {
121 |       this.$emit('header-contextmenu', column, event)
122 |     }
123 |   }
124 | }
125 | 


--------------------------------------------------------------------------------
/src/mixin/dialog.js:
--------------------------------------------------------------------------------
  1 | import _forEach from 'lodash.foreach'
  2 | import _clonedeep from 'lodash.clonedeep'
  3 | 
  4 | export default {
  5 |   props: {
  6 |     /**
  7 |      * @description dialog配置
  8 |      */
  9 |     formOptions: {
 10 |       type: Object,
 11 |       default: null
 12 |     },
 13 |     /**
 14 |      * @description dialog新增标题
 15 |      */
 16 |     addTitle: {
 17 |       type: String,
 18 |       default: '添加'
 19 |     },
 20 |     /**
 21 |      * @description dialog修改标题
 22 |      */
 23 |     editTitle: {
 24 |       type: String,
 25 |       default: '编辑'
 26 |     },
 27 |     /**
 28 |      * @description 新增表单模板
 29 |      */
 30 |     addTemplate: {
 31 |       type: Object,
 32 |       default: null
 33 |     },
 34 |     /**
 35 |      * @description 修改表单模板
 36 |      */
 37 |     editTemplate: {
 38 |       type: Object,
 39 |       default: null
 40 |     },
 41 |     /**
 42 |      * @description 新增表单校验规则
 43 |      */
 44 |     addRules: {
 45 |       type: Object,
 46 |       default: null
 47 |     },
 48 |     /**
 49 |      * @description 编辑表单校验规则
 50 |      */
 51 |     editRules: {
 52 |       type: Object,
 53 |       default: null
 54 |     }
 55 |   },
 56 |   data () {
 57 |     return {
 58 |       /**
 59 |        * @description dialog显示与隐藏
 60 |        */
 61 |       isDialogShow: false,
 62 |       /**
 63 |        * @description 表单数据
 64 |        */
 65 |       formData: {},
 66 |       /**
 67 |        * @description 表单模式
 68 |        */
 69 |       formMode: 'edit',
 70 |       /**
 71 |        * @description 编辑暂存数据，用于储存不在editTemplate中的数据
 72 |        */
 73 |       editDataStorage: {},
 74 |       /**
 75 |        * @description 新增表单模板暂存
 76 |        */
 77 |       addTemplateStorage: {},
 78 |       /**
 79 |        * @description 修改表单模板暂存
 80 |        */
 81 |       editTemplateStorage: {}
 82 |     }
 83 |   },
 84 |   methods: {
 85 |     /**
 86 |      * @description 保存行数据
 87 |      */
 88 |     handleDialogSave () {
 89 |       this.$refs.form.validate((valid) => {
 90 |         if (!valid) {
 91 |           return false
 92 |         }
 93 |         let rowData = {}
 94 |         if (this.formMode === 'edit') {
 95 |           rowData = _clonedeep(this.editDataStorage)
 96 |           _forEach(this.formData, (value, key) => {
 97 |             this._set(rowData, key, value)
 98 |           })
 99 |           this.$emit('row-edit', {
100 |             index: this.editIndex,
101 |             row: rowData
102 |           }, (param = null) => {
103 |             if (param === false) {
104 |               this.handleCloseDialog()
105 |               return
106 |             }
107 |             this.handleDialogSaveDone({
108 |               ...rowData,
109 |               ...param
110 |             })
111 |           })
112 |         } else if (this.formMode === 'add') {
113 |           _forEach(this.formData, (value, key) => {
114 |             this._set(rowData, key, value)
115 |           })
116 |           this.$emit('row-add', rowData, (param = null) => {
117 |             if (param === false) {
118 |               this.handleCloseDialog()
119 |               return
120 |             }
121 |             this.handleDialogSaveDone({
122 |               ...rowData,
123 |               ...param
124 |             })
125 |           })
126 |         }
127 |       })
128 |     },
129 |     /**
130 |      * @description 取消保存行数据
131 |      */
132 |     handleDialogCancel (done) {
133 |       this.$emit('dialog-cancel', done)
134 |     },
135 |     /**
136 |      * @description 保存完成
137 |      */
138 |     handleDialogSaveDone (rowData) {
139 |       if (this.formMode === 'edit') {
140 |         this.handleUpdateRow(this.editIndex, rowData)
141 |         this.editDataStorage = {}
142 |       } else if (this.formMode === 'add') {
143 |         this.handleAddRow(rowData)
144 |       }
145 |       this.handleCloseDialog()
146 |     },
147 |     /**
148 |      * @description 关闭模态框
149 |      */
150 |     handleCloseDialog () {
151 |       this.isDialogShow = false
152 |     }
153 |   }
154 | }
155 | 


--------------------------------------------------------------------------------
/src/components/d2-column.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <el-table-column
  4 |       v-for="(item, index) in columns"
  5 |       :key="index"
  6 |       :label="handleAttribute(item.title, '')"
  7 |       :prop="handleAttribute(item.key, null)"
  8 |       v-bind="item"
  9 |     >
 10 |       <template slot-scope="scope">
 11 |         <el-input
 12 |           v-if="item.component && item.component.name === 'el-input'"
 13 |           v-model="scope.row[item.key]"
 14 |           v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
 15 |         >
 16 |         </el-input>
 17 |         <el-input-number
 18 |           v-else-if="item.component && item.component.name === 'el-input-number'"
 19 |           v-model="scope.row[item.key]"
 20 |           v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
 21 |         >
 22 |         </el-input-number>
 23 |         <el-radio-group
 24 |           v-else-if="item.component && item.component.name === 'el-radio'"
 25 |           v-model="scope.row[item.key]"
 26 |           v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
 27 |         >
 28 |           <template v-if="item.component.buttonMode">
 29 |             <el-radio-button
 30 |               v-for="option in item.component.options"
 31 |               :key="option.value"
 32 |               :label="option.value"
 33 |             >
 34 |               {{option.label}}
 35 |             </el-radio-button>
 36 |           </template>
 37 |           <template v-else>
 38 |             <el-radio
 39 |               v-for="option in item.component.options"
 40 |               :key="option.value"
 41 |               :label="option.value"
 42 |             >
 43 |               {{option.label}}
 44 |             </el-radio>
 45 |           </template>
 46 |         </el-radio-group>
 47 |         <el-checkbox-group
 48 |           v-else-if="item.component && item.component.name === 'el-checkbox'"
 49 |           v-model="scope.row[item.key]"
 50 |           v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
 51 |         >
 52 |           <template v-if="item.component.buttonMode">
 53 |             <el-checkbox-button
 54 |               v-for="option in item.component.options"
 55 |               :key="option.value"
 56 |               :label="option.value"
 57 |             >
 58 |               {{option.label}}
 59 |             </el-checkbox-button>
 60 |           </template>
 61 |           <template v-else>
 62 |             <el-checkbox
 63 |               v-for="option in item.component.options"
 64 |               :key="option.value"
 65 |               :label="option.value"
 66 |             >
 67 |               {{option.label}}
 68 |             </el-checkbox>
 69 |           </template>
 70 |         </el-checkbox-group>
 71 |         <el-select
 72 |           v-else-if="item.component && item.component.name === 'el-select'"
 73 |           v-model="scope.row[item.key]"
 74 |           v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
 75 |         >
 76 |           <el-option
 77 |             v-for="option in item.component.options"
 78 |             :key="option.value"
 79 |             v-bind="option"
 80 |           >
 81 |           </el-option>
 82 |         </el-select>
 83 |         <el-cascader
 84 |           v-else-if="item.component && item.component.name === 'el-cascader'"
 85 |           v-model="scope.row[item.key]"
 86 |           v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
 87 |         >
 88 |         </el-cascader>
 89 |         <el-switch
 90 |           v-else-if="item.component && item.component.name === 'el-switch'"
 91 |           v-model="scope.row[item.key]"
 92 |           v-bind="item.component"
 93 |         >
 94 |         </el-switch>
 95 |         <el-slider
 96 |           v-else-if="item.component && item.component.name === 'el-slider'"
 97 |           v-model="scope.row[item.key]"
 98 |           v-bind="item.component"
 99 |         >
100 |         </el-slider>
101 |         <el-time-select
102 |           v-else-if="item.component && item.component.name === 'el-time-select'"
103 |           v-model="scope.row[item.key]"
104 |           v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
105 |         >
106 |         </el-time-select>
107 |         <el-time-picker
108 |           v-else-if="item.component && item.component.name === 'el-time-picker'"
109 |           v-model="scope.row[item.key]"
110 |           v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
111 |         >
112 |         </el-time-picker>
113 |         <el-date-picker
114 |           v-else-if="item.component && item.component.name === 'el-date-picker'"
115 |           v-model="scope.row[item.key]"
116 |           v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
117 |         >
118 |         </el-date-picker>
119 |         <el-rate
120 |           v-else-if="item.component && item.component.name === 'el-rate'"
121 |           v-model="scope.row[item.key]"
122 |           v-bind="item.component"
123 |         >
124 |         </el-rate>
125 |         <el-color-picker
126 |           v-else-if="item.component && item.component.name === 'el-color-picker'"
127 |           v-model="scope.row[item.key]"
128 |           v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
129 |         >
130 |         </el-color-picker>
131 |         <el-tag
132 |           v-else-if="item.component && item.component.name === 'el-tag'"
133 |           v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
134 |         >
135 |           {{scope.row[item.key]}}
136 |         </el-tag>
137 |         <render-component
138 |           v-else-if="item.component && item.component.render"
139 |           :render-function="item.component.render"
140 |           :scope="scope"
141 |         >
142 |         </render-component>
143 |         <template v-else>{{scope.row[item.key]}}</template>
144 |       </template>
145 |       <d2-column v-if="item.children" :columns="item.children"></d2-column>
146 |     </el-table-column>
147 |   </div>
148 | </template>
149 | 
150 | <script>
151 | import utils from '../mixin/utils'
152 | import renderComponent from '../components/renderComponent.vue'
153 | 
154 | export default {
155 |   name: 'd2-column',
156 |   mixins: [
157 |     utils
158 |   ],
159 |   components: {
160 |     renderComponent
161 |   },
162 |   props: {
163 |     /**
164 |      * @description 表头数据
165 |      */
166 |     columns: {
167 |       type: Array,
168 |       required: true,
169 |     }
170 |   }
171 | }
172 | </script>
173 | 


--------------------------------------------------------------------------------
/src/d2-crud.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div
  3 |     class="d2-crud"
  4 |     v-loading="loading"
  5 |     :element-loading-text="loadingOptions ? handleAttribute(loadingOptions.text, null) : null"
  6 |     :element-loading-spinner="loadingOptions ? handleAttribute(loadingOptions.spinner, null) : null"
  7 |     :element-loading-background="loadingOptions ? handleAttribute(loadingOptions.background, null) : null"
  8 |   >
  9 |     <div class="d2-crud-header" v-if="$slots.header">
 10 |       <slot name="header"></slot>
 11 |     </div>
 12 |     <div class="d2-crud-body">
 13 |       <el-table
 14 |         ref="elTable"
 15 |         :data="d2CrudData"
 16 |         v-bind="options"
 17 |         @current-change="handleCurrentChange"
 18 |         @select="handleSelect"
 19 |         @select-all="handleSelectAll"
 20 |         @selection-change="handleSelectionChange"
 21 |         @sort-change="handleSortChange"
 22 |         @cell-mouse-enter="handleCellMouseEnter"
 23 |         @cell-mouse-leave="handleCellMouseLeave"
 24 |         @cell-click="handleCellClick"
 25 |         @cell-dblclick="handleCellDblclick"
 26 |         @row-click="handleRowClick"
 27 |         @row-contextmenu="handleRowContextmenu"
 28 |         @row-dblclick="handleRowDblclick"
 29 |         @header-click="handleHeaderClick"
 30 |         @header-contextmenu="handleHeaderContextmenu"
 31 |       >
 32 |         <el-table-column
 33 |           v-if="selectionRow || selectionRow === ''"
 34 |           type="selection"
 35 |           :label="handleAttribute(selectionRow.title, '')"
 36 |           v-bind="selectionRow"
 37 |         >
 38 |         </el-table-column>
 39 |         <el-table-column
 40 |           v-if="indexRow || indexRow === ''"
 41 |           type="index"
 42 |           :label="handleAttribute(indexRow.title, '')"
 43 |           v-bind="indexRow"
 44 |         >
 45 |         </el-table-column>
 46 |         <!-- 暂不使用d2-column递归组件，有bug -->
 47 |         <el-table-column
 48 |           v-for="(item, index) in columns"
 49 |           :key="index"
 50 |           :label="handleAttribute(item.title, '')"
 51 |           :prop="handleAttribute(item.key, null)"
 52 |           v-bind="item"
 53 |         >
 54 |           <template slot-scope="scope">
 55 |             <el-input
 56 |               v-if="item.component && item.component.name === 'el-input'"
 57 |               v-model="scope.row[item.key]"
 58 |               v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
 59 |               @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item.key, value: scope.row[item.key], row: scope.row})"
 60 |             >
 61 |             </el-input>
 62 |             <el-input-number
 63 |               v-else-if="item.component && item.component.name === 'el-input-number'"
 64 |               v-model="scope.row[item.key]"
 65 |               v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
 66 |               @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item.key, value: scope.row[item.key], row: scope.row})"
 67 |             >
 68 |             </el-input-number>
 69 |             <el-radio-group
 70 |               v-else-if="item.component && item.component.name === 'el-radio'"
 71 |               v-model="scope.row[item.key]"
 72 |               v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
 73 |               @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item.key, value: scope.row[item.key], row: scope.row})"
 74 |             >
 75 |               <template v-if="item.component.buttonMode">
 76 |                 <el-radio-button
 77 |                   v-for="option in item.component.options"
 78 |                   :key="option.value"
 79 |                   :label="option.value"
 80 |                 >
 81 |                   {{option.label}}
 82 |                 </el-radio-button>
 83 |               </template>
 84 |               <template v-else>
 85 |                 <el-radio
 86 |                   v-for="option in item.component.options"
 87 |                   :key="option.value"
 88 |                   :label="option.value"
 89 |                 >
 90 |                   {{option.label}}
 91 |                 </el-radio>
 92 |               </template>
 93 |             </el-radio-group>
 94 |             <el-checkbox-group
 95 |               v-else-if="item.component && item.component.name === 'el-checkbox'"
 96 |               v-model="scope.row[item.key]"
 97 |               v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
 98 |               @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item.key, value: scope.row[item.key], row: scope.row})"
 99 |             >
100 |               <template v-if="item.component.buttonMode">
101 |                 <el-checkbox-button
102 |                   v-for="option in item.component.options"
103 |                   :key="option.value"
104 |                   :label="option.value"
105 |                 >
106 |                   {{option.label}}
107 |                 </el-checkbox-button>
108 |               </template>
109 |               <template v-else>
110 |                 <el-checkbox
111 |                   v-for="option in item.component.options"
112 |                   :key="option.value"
113 |                   :label="option.value"
114 |                 >
115 |                   {{option.label}}
116 |                 </el-checkbox>
117 |               </template>
118 |             </el-checkbox-group>
119 |             <el-select
120 |               v-else-if="item.component && item.component.name === 'el-select'"
121 |               v-model="scope.row[item.key]"
122 |               v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
123 |               @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item.key, value: scope.row[item.key], row: scope.row})"
124 |             >
125 |               <el-option
126 |                 v-for="option in item.component.options"
127 |                 :key="option.value"
128 |                 v-bind="option"
129 |               >
130 |               </el-option>
131 |             </el-select>
132 |             <el-cascader
133 |               v-else-if="item.component && item.component.name === 'el-cascader'"
134 |               v-model="scope.row[item.key]"
135 |               v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
136 |               @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item.key, value: scope.row[item.key], row: scope.row})"
137 |             >
138 |             </el-cascader>
139 |             <el-switch
140 |               v-else-if="item.component && item.component.name === 'el-switch'"
141 |               v-model="scope.row[item.key]"
142 |               v-bind="item.component"
143 |               @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item.key, value: scope.row[item.key], row: scope.row})"
144 |             >
145 |             </el-switch>
146 |             <el-slider
147 |               v-else-if="item.component && item.component.name === 'el-slider'"
148 |               v-model="scope.row[item.key]"
149 |               v-bind="item.component"
150 |               @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item.key, value: scope.row[item.key], row: scope.row})"
151 |             >
152 |             </el-slider>
153 |             <el-time-select
154 |               v-else-if="item.component && item.component.name === 'el-time-select'"
155 |               v-model="scope.row[item.key]"
156 |               v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
157 |               @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item.key, value: scope.row[item.key], row: scope.row})"
158 |             >
159 |             </el-time-select>
160 |             <el-time-picker
161 |               v-else-if="item.component && item.component.name === 'el-time-picker'"
162 |               v-model="scope.row[item.key]"
163 |               v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
164 |               @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item.key, value: scope.row[item.key], row: scope.row})"
165 |             >
166 |             </el-time-picker>
167 |             <el-date-picker
168 |               v-else-if="item.component && item.component.name === 'el-date-picker'"
169 |               v-model="scope.row[item.key]"
170 |               v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
171 |               @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item.key, value: scope.row[item.key], row: scope.row})"
172 |             >
173 |             </el-date-picker>
174 |             <el-rate
175 |               v-else-if="item.component && item.component.name === 'el-rate'"
176 |               v-model="scope.row[item.key]"
177 |               v-bind="item.component"
178 |               @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item.key, value: scope.row[item.key], row: scope.row})"
179 |             >
180 |             </el-rate>
181 |             <el-color-picker
182 |               v-else-if="item.component && item.component.name === 'el-color-picker'"
183 |               v-model="scope.row[item.key]"
184 |               v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item.component) : item.component"
185 |               @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item.key, value: scope.row[item.key], row: scope.row})"
186 |             >
187 |             </el-color-picker>
188 |             <render-custom-component
189 |               v-else-if="item.component && item.component.name"
190 |               v-model="scope.row[item.key]"
191 |               :component-name="item.component.name"
192 |               :props="item.component.props ? item.component.props : null"
193 |               :scope="scope">
194 |             </render-custom-component>
195 |             <render-component
196 |               v-else-if="item.component && item.component.render"
197 |               :render-function="item.component.render"
198 |               :scope="scope"
199 |             >
200 |             </render-component>
201 |             <template v-else>{{item.formatter ? item.formatter(scope.row, scope.column, _get(scope.row, item.key), scope.$index) : _get(scope.row, item.key)}}</template>
202 |           </template>
203 |           <template v-if="item.children">
204 |             <el-table-column
205 |               v-for="(item2, index2) in item.children"
206 |               :key="index2"
207 |               :label="handleAttribute(item2.title, '')"
208 |               :prop="handleAttribute(item2.key, null)"
209 |               v-bind="item2"
210 |             >
211 |               <template slot-scope="scope">
212 |                 <el-input
213 |                   v-if="item2.component && item2.component.name === 'el-input'"
214 |                   v-model="scope.row[item2.key]"
215 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item2.component) : item2.component"
216 |                   @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item2.key, value: scope.row[item2.key], row: scope.row})"
217 |                 >
218 |                 </el-input>
219 |                 <el-input-number
220 |                   v-else-if="item2.component && item2.component.name === 'el-input-number'"
221 |                   v-model="scope.row[item2.key]"
222 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item2.component) : item2.component"
223 |                   @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item2.key, value: scope.row[item2.key], row: scope.row})"
224 |                 >
225 |                 </el-input-number>
226 |                 <el-radio-group
227 |                   v-else-if="item2.component && item2.component.name === 'el-radio'"
228 |                   v-model="scope.row[item2.key]"
229 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item2.component) : item2.component"
230 |                   @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item2.key, value: scope.row[item2.key], row: scope.row})"
231 |                 >
232 |                   <template v-if="item2.component.buttonMode">
233 |                     <el-radio-button
234 |                       v-for="option in item2.component.options"
235 |                       :key="option.value"
236 |                       :label="option.value"
237 |                     >
238 |                       {{option.label}}
239 |                     </el-radio-button>
240 |                   </template>
241 |                   <template v-else>
242 |                     <el-radio
243 |                       v-for="option in item2.component.options"
244 |                       :key="option.value"
245 |                       :label="option.value"
246 |                     >
247 |                       {{option.label}}
248 |                     </el-radio>
249 |                   </template>
250 |                 </el-radio-group>
251 |                 <el-checkbox-group
252 |                   v-else-if="item2.component && item2.component.name === 'el-checkbox'"
253 |                   v-model="scope.row[item2.key]"
254 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item2.component) : item2.component"
255 |                   @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item2.key, value: scope.row[item2.key], row: scope.row})"
256 |                 >
257 |                   <template v-if="item2.component.buttonMode">
258 |                     <el-checkbox-button
259 |                       v-for="option in item2.component.options"
260 |                       :key="option.value"
261 |                       :label="option.value"
262 |                     >
263 |                       {{option.label}}
264 |                     </el-checkbox-button>
265 |                   </template>
266 |                   <template v-else>
267 |                     <el-checkbox
268 |                       v-for="option in item2.component.options"
269 |                       :key="option.value"
270 |                       :label="option.value"
271 |                     >
272 |                       {{option.label}}
273 |                     </el-checkbox>
274 |                   </template>
275 |                 </el-checkbox-group>
276 |                 <el-select
277 |                   v-else-if="item2.component && item2.component.name === 'el-select'"
278 |                   v-model="scope.row[item2.key]"
279 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item2.component) : item2.component"
280 |                   @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item2.key, value: scope.row[item2.key], row: scope.row})"
281 |                 >
282 |                   <el-option
283 |                     v-for="option in item2.component.options"
284 |                     :key="option.value"
285 |                     v-bind="option"
286 |                   >
287 |                   </el-option>
288 |                 </el-select>
289 |                 <el-cascader
290 |                   v-else-if="item2.component && item2.component.name === 'el-cascader'"
291 |                   v-model="scope.row[item2.key]"
292 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item2.component) : item2.component"
293 |                   @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item2.key, value: scope.row[item2.key], row: scope.row})"
294 |                 >
295 |                 </el-cascader>
296 |                 <el-switch
297 |                   v-else-if="item2.component && item2.component.name === 'el-switch'"
298 |                   v-model="scope.row[item2.key]"
299 |                   v-bind="item2.component"
300 |                   @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item2.key, value: scope.row[item2.key], row: scope.row})"
301 |                 >
302 |                 </el-switch>
303 |                 <el-slider
304 |                   v-else-if="item2.component && item2.component.name === 'el-slider'"
305 |                   v-model="scope.row[item2.key]"
306 |                   v-bind="item2.component"
307 |                   @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item2.key, value: scope.row[item2.key], row: scope.row})"
308 |                 >
309 |                 </el-slider>
310 |                 <el-time-select
311 |                   v-else-if="item2.component && item2.component.name === 'el-time-select'"
312 |                   v-model="scope.row[item2.key]"
313 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item2.component) : item2.component"
314 |                   @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item2.key, value: scope.row[item2.key], row: scope.row})"
315 |                 >
316 |                 </el-time-select>
317 |                 <el-time-picker
318 |                   v-else-if="item2.component && item2.component.name === 'el-time-picker'"
319 |                   v-model="scope.row[item2.key]"
320 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item2.component) : item2.component"
321 |                   @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item2.key, value: scope.row[item2.key], row: scope.row})"
322 |                 >
323 |                 </el-time-picker>
324 |                 <el-date-picker
325 |                   v-else-if="item2.component && item2.component.name === 'el-date-picker'"
326 |                   v-model="scope.row[item2.key]"
327 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item2.component) : item2.component"
328 |                   @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item2.key, value: scope.row[item2.key], row: scope.row})"
329 |                 >
330 |                 </el-date-picker>
331 |                 <el-rate
332 |                   v-else-if="item2.component && item2.component.name === 'el-rate'"
333 |                   v-model="scope.row[item2.key]"
334 |                   v-bind="item2.component"
335 |                   @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item2.key, value: scope.row[item2.key], row: scope.row})"
336 |                 >
337 |                 </el-rate>
338 |                 <el-color-picker
339 |                   v-else-if="item2.component && item2.component.name === 'el-color-picker'"
340 |                   v-model="scope.row[item2.key]"
341 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item2.component) : item2.component"
342 |                   @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item2.key, value: scope.row[item2.key], row: scope.row})"
343 |                 >
344 |                 </el-color-picker>
345 |                 <render-custom-component
346 |                   v-else-if="item2.component && item2.component.name"
347 |                   v-model="scope.row[item2.key]"
348 |                   :component-name="item2.component.name"
349 |                   :props="item2.component.props ? item2.component.props : null"
350 |                   :scope="scope">
351 |                 </render-custom-component>
352 |                 <render-component
353 |                   v-else-if="item2.component && item2.component.render"
354 |                   :render-function="item2.component.render"
355 |                   :scope="scope"
356 |                 >
357 |                 </render-component>
358 |                 <template v-else>{{item2.formatter ? item2.formatter(scope.row, scope.column, _get(scope.row, item2.key), scope.$index) : _get(scope.row, item2.key)}}</template>
359 |               </template>
360 |               <template v-if="item2.children">
361 |                 <el-table-column
362 |                   v-for="(item3, index3) in item2.children"
363 |                   :key="index3"
364 |                   :label="handleAttribute(item3.title, '')"
365 |                   :prop="handleAttribute(item3.key, null)"
366 |                   v-bind="item3"
367 |                 >
368 |                   <template slot-scope="scope">
369 |                     <el-input
370 |                       v-if="item3.component && item3.component.name === 'el-input'"
371 |                       v-model="scope.row[item3.key]"
372 |                       v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item3.component) : item3.component"
373 |                       @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item3.key, value: scope.row[item3.key], row: scope.row})"
374 |                     >
375 |                     </el-input>
376 |                     <el-input-number
377 |                       v-else-if="item3.component && item3.component.name === 'el-input-number'"
378 |                       v-model="scope.row[item3.key]"
379 |                       v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item3.component) : item3.component"
380 |                       @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item3.key, value: scope.row[item3.key], row: scope.row})"
381 |                     >
382 |                     </el-input-number>
383 |                     <el-radio-group
384 |                       v-else-if="item3.component && item3.component.name === 'el-radio'"
385 |                       v-model="scope.row[item3.key]"
386 |                       v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item3.component) : item3.component"
387 |                       @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item3.key, value: scope.row[item3.key], row: scope.row})"
388 |                     >
389 |                       <template v-if="item3.component.buttonMode">
390 |                         <el-radio-button
391 |                           v-for="option in item3.component.options"
392 |                           :key="option.value"
393 |                           :label="option.value"
394 |                         >
395 |                           {{option.label}}
396 |                         </el-radio-button>
397 |                       </template>
398 |                       <template v-else>
399 |                         <el-radio
400 |                           v-for="option in item3.component.options"
401 |                           :key="option.value"
402 |                           :label="option.value"
403 |                         >
404 |                           {{option.label}}
405 |                         </el-radio>
406 |                       </template>
407 |                     </el-radio-group>
408 |                     <el-checkbox-group
409 |                       v-else-if="item3.component && item3.component.name === 'el-checkbox'"
410 |                       v-model="scope.row[item3.key]"
411 |                       v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item3.component) : item3.component"
412 |                       @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item3.key, value: scope.row[item3.key], row: scope.row})"
413 |                     >
414 |                       <template v-if="item3.component.buttonMode">
415 |                         <el-checkbox-button
416 |                           v-for="option in item3.component.options"
417 |                           :key="option.value"
418 |                           :label="option.value"
419 |                         >
420 |                           {{option.label}}
421 |                         </el-checkbox-button>
422 |                       </template>
423 |                       <template v-else>
424 |                         <el-checkbox
425 |                           v-for="option in item3.component.options"
426 |                           :key="option.value"
427 |                           :label="option.value"
428 |                         >
429 |                           {{option.label}}
430 |                         </el-checkbox>
431 |                       </template>
432 |                     </el-checkbox-group>
433 |                     <el-select
434 |                       v-else-if="item3.component && item3.component.name === 'el-select'"
435 |                       v-model="scope.row[item3.key]"
436 |                       v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item3.component) : item3.component"
437 |                       @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item3.key, value: scope.row[item3.key], row: scope.row})"
438 |                     >
439 |                       <el-option
440 |                         v-for="option in item3.component.options"
441 |                         :key="option.value"
442 |                         v-bind="option"
443 |                       >
444 |                       </el-option>
445 |                     </el-select>
446 |                     <el-cascader
447 |                       v-else-if="item3.component && item3.component.name === 'el-cascader'"
448 |                       v-model="scope.row[item3.key]"
449 |                       v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item3.component) : item3.component"
450 |                       @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item3.key, value: scope.row[item3.key], row: scope.row})"
451 |                     >
452 |                     </el-cascader>
453 |                     <el-switch
454 |                       v-else-if="item3.component && item3.component.name === 'el-switch'"
455 |                       v-model="scope.row[item3.key]"
456 |                       v-bind="item3.component"
457 |                       @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item3.key, value: scope.row[item3.key], row: scope.row})"
458 |                     >
459 |                     </el-switch>
460 |                     <el-slider
461 |                       v-else-if="item3.component && item3.component.name === 'el-slider'"
462 |                       v-model="scope.row[item3.key]"
463 |                       v-bind="item3.component"
464 |                       @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item3.key, value: scope.row[item3.key], row: scope.row})"
465 |                     >
466 |                     </el-slider>
467 |                     <el-time-select
468 |                       v-else-if="item3.component && item3.component.name === 'el-time-select'"
469 |                       v-model="scope.row[item3.key]"
470 |                       v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item3.component) : item3.component"
471 |                       @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item3.key, value: scope.row[item3.key], row: scope.row})"
472 |                     >
473 |                     </el-time-select>
474 |                     <el-time-picker
475 |                       v-else-if="item3.component && item3.component.name === 'el-time-picker'"
476 |                       v-model="scope.row[item3.key]"
477 |                       v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item3.component) : item3.component"
478 |                       @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item3.key, value: scope.row[item3.key], row: scope.row})"
479 |                     >
480 |                     </el-time-picker>
481 |                     <el-date-picker
482 |                       v-else-if="item3.component && item3.component.name === 'el-date-picker'"
483 |                       v-model="scope.row[item3.key]"
484 |                       v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item3.component) : item3.component"
485 |                       @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item3.key, value: scope.row[item3.key], row: scope.row})"
486 |                     >
487 |                     </el-date-picker>
488 |                     <el-rate
489 |                       v-else-if="item3.component && item3.component.name === 'el-rate'"
490 |                       v-model="scope.row[item3.key]"
491 |                       v-bind="item3.component"
492 |                       @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item3.key, value: scope.row[item3.key], row: scope.row})"
493 |                     >
494 |                     </el-rate>
495 |                     <el-color-picker
496 |                       v-else-if="item3.component && item3.component.name === 'el-color-picker'"
497 |                       v-model="scope.row[item3.key]"
498 |                       v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item3.component) : item3.component"
499 |                       @change="$emit('cell-data-change', {rowIndex: scope.$index, key: item3.key, value: scope.row[item3.key], row: scope.row})"
500 |                     >
501 |                     </el-color-picker>
502 |                     <render-custom-component
503 |                       v-else-if="item3.component && item3.component.name"
504 |                       v-model="scope.row[item3.key]"
505 |                       :component-name="item3.component.name"
506 |                       :props="item3.component.props ? item3.component.props : null"
507 |                       :scope="scope">
508 |                     </render-custom-component>
509 |                     <render-component
510 |                       v-else-if="item3.component && item3.component.render"
511 |                       :render-function="item3.component.render"
512 |                       :scope="scope"
513 |                     >
514 |                     </render-component>
515 |                     <template v-else>{{item3.formatter ? item3.formatter(scope.row, scope.column, _get(scope.row, item3.key), scope.$index) : _get(scope.row, item3.key)}}</template>
516 |                   </template>
517 |                   <!-- <d2-column v-if="item.children" :columns="item.children"></d2-column> -->
518 |                 </el-table-column>
519 |               </template>
520 |               <!-- <d2-column v-if="item.children" :columns="item.children"></d2-column> -->
521 |             </el-table-column>
522 |           </template>
523 |           <!-- <d2-column v-if="item.children" :columns="item.children"></d2-column> -->
524 |         </el-table-column>
525 |         <!-- <d2-column :columns="columns"></d2-column> -->
526 |         <el-table-column
527 |           v-if="rowHandle"
528 |           :label="handleAttribute(rowHandle.columnHeader, '操作')"
529 |           v-bind="rowHandle"
530 |         >
531 |           <template slot-scope="scope">
532 |             <el-button
533 |               v-if="rowHandle.edit && handleRowHandleButtonShow(rowHandle.edit.show, scope.$index, scope.row)"
534 |               :disabled="handleRowHandleButtonDisabled(rowHandle.edit.disabled, scope.$index, scope.row)"
535 |               v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, rowHandle.edit) : rowHandle.edit"
536 |               @click="handleEdit(scope.$index, scope.row)"
537 |             >
538 |               {{handleAttribute(rowHandle.edit.text, '编辑')}}
539 |             </el-button>
540 |             <el-button
541 |               v-if="rowHandle.remove && handleRowHandleButtonShow(rowHandle.remove.show, scope.$index, scope.row)"
542 |               :type="handleAttribute(rowHandle.remove.type, 'danger')"
543 |               :disabled="handleRowHandleButtonDisabled(rowHandle.remove.disabled, scope.$index, scope.row)"
544 |               v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, rowHandle.remove) : rowHandle.remove"
545 |               @click="handleRemove(scope.$index, scope.row)"
546 |             >
547 |               {{handleAttribute(rowHandle.remove.text, '删除')}}
548 |             </el-button>
549 |             <template
550 |               v-for="(item, index) in handleAttribute(rowHandle.custom, [])"
551 |               :key="index">
552 |               <el-button
553 |                 v-if="handleRowHandleButtonShow(item.show, scope.$index, scope.row)"
554 |                 :disabled="handleRowHandleButtonDisabled(item.disabled, scope.$index, scope.row)"
555 |                 v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, item) : item"
556 |                 @click="$emit(item.emit, {index: scope.$index, row: scope.row})"
557 |               >
558 |                 {{item.text}}
559 |               </el-button>
560 |             </template>
561 |           </template>
562 |         </el-table-column>
563 |       </el-table>
564 |     </div>
565 |     <div class="d2-crud-pagination" v-if="pagination">
566 |       <el-pagination
567 |         v-bind="pagination"
568 |         @size-change="handlePaginationSizeChange"
569 |         @current-change="handlePaginationCurrentChange"
570 |         @prev-click="handlePaginationPrevClick"
571 |         @next-click="handlePaginationNextClick"
572 |       >
573 |       </el-pagination>
574 |     </div>
575 |     <el-dialog
576 |       v-if="isDialogShow"
577 |       :title="formMode === 'edit' ? editTitle : addTitle"
578 |       :visible.sync="isDialogShow"
579 |       :before-close="handleDialogCancel"
580 |       v-bind="formOptions"
581 |     >
582 |       <el-form
583 |         ref="form"
584 |         :model="formData"
585 |         :rules="handleFormRulesMode()"
586 |         v-bind="formOptions"
587 |       >
588 |         <el-row v-bind="formOptions">
589 |           <template v-for="(value, key, index) in formData" :key="index">
590 |             <el-col
591 |               v-if="handleFormTemplateMode(key).component ? handleAttribute(handleFormTemplateMode(key).component.show, true) : true"
592 |               :span="handleFormTemplateMode(key).component ? handleAttribute(handleFormTemplateMode(key).component.span, 24) : 24"
593 |               :offset="handleFormTemplateMode(key).component ? handleAttribute(handleFormTemplateMode(key).component.offset, 0) : 0"
594 |             >
595 |               <el-form-item
596 |                 :label="handleFormTemplateMode(key).title"
597 |                 :prop="key"
598 |               >
599 |                 <el-input
600 |                   v-if="(!handleFormTemplateMode(key).component) ||((!handleFormTemplateMode(key).component.name) && (!handleFormTemplateMode(key).component.render)) || handleFormTemplateMode(key).component.name === 'el-input'"
601 |                   v-model="formData[key]"
602 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, handleFormTemplateMode(key).component) : handleFormTemplateMode(key).component"
603 |                   @change="$emit('form-data-change', {key: key, value: value})"
604 |                 >
605 |                 </el-input>
606 |                 <el-input-number
607 |                   v-else-if="handleFormTemplateMode(key).component.name === 'el-input-number'"
608 |                   v-model="formData[key]"
609 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, handleFormTemplateMode(key).component) : handleFormTemplateMode(key).component"
610 |                   @change="$emit('form-data-change', {key: key, value: value})"
611 |                 >
612 |                 </el-input-number>
613 |                 <el-radio-group
614 |                   v-else-if="handleFormTemplateMode(key).component.name === 'el-radio'"
615 |                   v-model="formData[key]"
616 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, handleFormTemplateMode(key).component) : handleFormTemplateMode(key).component"
617 |                   @change="$emit('form-data-change', {key: key, value: value})"
618 |                 >
619 |                   <template v-if="handleFormTemplateMode(key).component.buttonMode">
620 |                     <el-radio-button
621 |                       v-for="option in handleFormTemplateMode(key).component.options"
622 |                       :key="option.value"
623 |                       :label="option.value"
624 |                     >
625 |                       {{option.label}}
626 |                     </el-radio-button>
627 |                   </template>
628 |                   <template v-else>
629 |                     <el-radio
630 |                       v-for="option in handleFormTemplateMode(key).component.options"
631 |                       :key="option.value"
632 |                       :label="option.value"
633 |                     >
634 |                       {{option.label}}
635 |                     </el-radio>
636 |                   </template>
637 |                 </el-radio-group>
638 |                 <el-checkbox-group
639 |                   v-else-if="handleFormTemplateMode(key).component.name === 'el-checkbox'"
640 |                   v-model="formData[key]"
641 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, handleFormTemplateMode(key).component) : handleFormTemplateMode(key).component"
642 |                   @change="$emit('form-data-change', {key: key, value: value})"
643 |                 >
644 |                   <template v-if="handleFormTemplateMode(key).component.buttonMode">
645 |                     <el-checkbox-button
646 |                       v-for="option in handleFormTemplateMode(key).component.options"
647 |                       :key="option.value"
648 |                       :label="option.value"
649 |                     >
650 |                       {{option.label}}
651 |                     </el-checkbox-button>
652 |                   </template>
653 |                   <template v-else>
654 |                     <el-checkbox
655 |                       v-for="option in handleFormTemplateMode(key).component.options"
656 |                       :key="option.value"
657 |                       :label="option.value"
658 |                     >
659 |                       {{option.label}}
660 |                     </el-checkbox>
661 |                   </template>
662 |                 </el-checkbox-group>
663 |                 <el-select
664 |                   v-else-if="handleFormTemplateMode(key).component.name === 'el-select'"
665 |                   v-model="formData[key]"
666 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, handleFormTemplateMode(key).component) : handleFormTemplateMode(key).component"
667 |                   @change="$emit('form-data-change', {key: key, value: value})"
668 |                 >
669 |                   <el-option
670 |                     v-for="option in handleFormTemplateMode(key).component.options"
671 |                     :key="option.value"
672 |                     v-bind="option"
673 |                   >
674 |                   </el-option>
675 |                 </el-select>
676 |                 <el-cascader
677 |                   v-else-if="handleFormTemplateMode(key).component.name === 'el-cascader'"
678 |                   v-model="formData[key]"
679 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, handleFormTemplateMode(key).component) : handleFormTemplateMode(key).component"
680 |                   @change="$emit('form-data-change', {key: key, value: value})"
681 |                 >
682 |                 </el-cascader>
683 |                 <el-switch
684 |                   v-else-if="handleFormTemplateMode(key).component.name === 'el-switch'"
685 |                   v-model="formData[key]"
686 |                   v-bind="handleFormTemplateMode(key).component"
687 |                   @change="$emit('form-data-change', {key: key, value: value})"
688 |                 >
689 |                 </el-switch>
690 |                 <el-slider
691 |                   v-else-if="handleFormTemplateMode(key).component.name === 'el-slider'"
692 |                   v-model="formData[key]"
693 |                   v-bind="handleFormTemplateMode(key).component"
694 |                   @change="$emit('form-data-change', {key: key, value: value})"
695 |                 >
696 |                 </el-slider>
697 |                 <el-time-select
698 |                   v-else-if="handleFormTemplateMode(key).component.name === 'el-time-select'"
699 |                   v-model="formData[key]"
700 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, handleFormTemplateMode(key).component) : handleFormTemplateMode(key).component"
701 |                   @change="$emit('form-data-change', {key: key, value: value})"
702 |                 >
703 |                 </el-time-select>
704 |                 <el-time-picker
705 |                   v-else-if="handleFormTemplateMode(key).component.name === 'el-time-picker'"
706 |                   v-model="formData[key]"
707 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, handleFormTemplateMode(key).component) : handleFormTemplateMode(key).component"
708 |                   @change="$emit('form-data-change', {key: key, value: value})"
709 |                 >
710 |                 </el-time-picker>
711 |                 <el-date-picker
712 |                   v-else-if="handleFormTemplateMode(key).component.name === 'el-date-picker'"
713 |                   v-model="formData[key]"
714 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, handleFormTemplateMode(key).component) : handleFormTemplateMode(key).component"
715 |                   @change="$emit('form-data-change', {key: key, value: value})"
716 |                 >
717 |                 </el-date-picker>
718 |                 <el-rate
719 |                   v-else-if="handleFormTemplateMode(key).component.name === 'el-rate'"
720 |                   v-model="formData[key]"
721 |                   v-bind="handleFormTemplateMode(key).component"
722 |                   @change="$emit('form-data-change', {key: key, value: value})"
723 |                 >
724 |                 </el-rate>
725 |                 <el-color-picker
726 |                   v-else-if="handleFormTemplateMode(key).component.name === 'el-color-picker'"
727 |                   v-model="formData[key]"
728 |                   v-bind="$d2CrudSize ? Object.assign({ size: $d2CrudSize}, handleFormTemplateMode(key).component) : handleFormTemplateMode(key).component"
729 |                   @change="$emit('form-data-change', {key: key, value: value})"
730 |                 >
731 |                 </el-color-picker>
732 |                 <render-custom-component
733 |                   v-else-if="handleFormTemplateMode(key).component.name"
734 |                   v-model="formData[key]"
735 |                   :component-name="handleFormTemplateMode(key).component.name"
736 |                   :props="handleFormTemplateMode(key).component.props ? handleFormTemplateMode(key).component.props : null"
737 |                 >
738 |                 </render-custom-component>
739 |                 <render-component
740 |                   v-else-if="handleFormTemplateMode(key).component.render"
741 |                   :render-function="handleFormTemplateMode(key).component.render"
742 |                   :scope="formData[key]"
743 |                 >
744 |                 </render-component>
745 |               </el-form-item>
746 |             </el-col>
747 |           </template>
748 |         </el-row>
749 |       </el-form>
750 |       <div slot="footer">
751 |         <el-button
752 |           :size="formOptions ? handleAttribute(formOptions.saveButtonSize, null) : null"
753 |           :type="formOptions ? handleAttribute(formOptions.saveButtonType, null) : null"
754 |           :icon="formOptions ? handleAttribute(formOptions.saveButtonIcon, null) : null"
755 |           :loading="formOptions ? handleAttribute(formOptions.saveLoading, false) : false"
756 |           @click="handleDialogSave"
757 |         >
758 |         {{formOptions ? handleAttribute(formOptions.saveButtonText, '确定') : '确定'}}
759 |         </el-button>
760 |       </div>
761 |     </el-dialog>
762 |   </div>
763 | </template>
764 | 
765 | <script>
766 | import base from './mixin/base'
767 | import handleRow from './mixin/handleRow'
768 | import data from './mixin/data'
769 | import edit from './mixin/edit'
770 | import add from './mixin/add'
771 | import remove from './mixin/remove'
772 | import dialog from './mixin/dialog'
773 | import pagination from './mixin/pagination'
774 | import exposeMethods from './mixin/exposeMethods.js'
775 | import utils from './mixin/utils'
776 | import renderComponent from './components/renderComponent.vue'
777 | import renderCustomComponent from './components/renderCustomComponent.vue'
778 | // import d2Column from './components/d2-column.vue'
779 | 
780 | export default {
781 |   name: 'd2-crud',
782 |   mixins: [
783 |     base,
784 |     data,
785 |     handleRow,
786 |     edit,
787 |     add,
788 |     remove,
789 |     dialog,
790 |     pagination,
791 |     exposeMethods,
792 |     utils
793 |   ],
794 |   components: {
795 |     renderComponent,
796 |     renderCustomComponent
797 |     // d2Column
798 |   }
799 | }
800 | </script>
801 | 
802 | <style lang="scss" scoped>
803 | .d2-crud {
804 |   .d2-crud-header {
805 |     border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
806 |   }
807 |   .d2-crud-body {
808 |     padding: 15px 0;
809 |     overflow: hidden;
810 |   }
811 |   .d2-crud-pagination {
812 |     padding: 15px 0;
813 |   }
814 | }
815 | </style>
816 | 


--------------------------------------------------------------------------------
/dist/d2-crud.js:
--------------------------------------------------------------------------------
1 | !function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define("D2Crud",[],n):"object"==typeof exports?exports.D2Crud=n():e.D2Crud=n()}("undefined"!=typeof self?self:this,function(){return function(e){function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}var t={};return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:o})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="/dist/",n(n.s=7)}([function(e,n,t){(function(e,t){function o(e,n){return e.set(n[0],n[1]),e}function r(e,n){return e.add(n),e}function a(e,n){for(var t=-1,o=e?e.length:0;++t<o&&!1!==n(e[t],t,e););return e}function i(e,n){for(var t=-1,o=n.length,r=e.length;++t<o;)e[r+t]=n[t];return e}function c(e,n,t,o){var r=-1,a=e?e.length:0;for(o&&a&&(t=e[++r]);++r<a;)t=n(t,e[r],r,e);return t}function l(e,n){for(var t=-1,o=Array(e);++t<e;)o[t]=n(t);return o}function u(e,n){return null==e?void 0:e[n]}function d(e){var n=!1;if(null!=e&&"function"!=typeof e.toString)try{n=!!(e+"")}catch(e){}return n}function s(e){var n=-1,t=Array(e.size);return e.forEach(function(e,o){t[++n]=[o,e]}),t}function p(e,n){return function(t){return e(n(t))}}function m(e){var n=-1,t=Array(e.size);return e.forEach(function(e){t[++n]=e}),t}function f(e){var n=-1,t=e?e.length:0;for(this.clear();++n<t;){var o=e[n];this.set(o[0],o[1])}}function h(){this.__data__=In?In(null):{}}function y(e){return this.has(e)&&delete this.__data__[e]}function b(e){var n=this.__data__;if(In){var t=n[e];return t===ze?void 0:t}return vn.call(n,e)?n[e]:void 0}function v(e){var n=this.__data__;return In?void 0!==n[e]:vn.call(n,e)}function w(e,n){return this.__data__[e]=In&&void 0===n?ze:n,this}function k(e){var n=-1,t=e?e.length:0;for(this.clear();++n<t;){var o=e[n];this.set(o[0],o[1])}}function g(){this.__data__=[]}function _(e){var n=this.__data__,t=B(n,e);return!(t<0)&&(t==n.length-1?n.pop():jn.call(n,t,1),!0)}function $(e){var n=this.__data__,t=B(n,e);return t<0?void 0:n[t][1]}function x(e){return B(this.__data__,e)>-1}function C(e,n){var t=this.__data__,o=B(t,e);return o<0?t.push([e,n]):t[o][1]=n,this}function S(e){var n=-1,t=e?e.length:0;for(this.clear();++n<t;){var o=e[n];this.set(o[0],o[1])}}function j(){this.__data__={hash:new f,map:new(Mn||k),string:new f}}function O(e){return ie(this,e).delete(e)}function z(e){return ie(this,e).get(e)}function D(e){return ie(this,e).has(e)}function T(e,n){return ie(this,e).set(e,n),this}function M(e){this.__data__=new k(e)}function F(){this.__data__=new k}function A(e){return this.__data__.delete(e)}function R(e){return this.__data__.get(e)}function I(e){return this.__data__.has(e)}function H(e,n){var t=this.__data__;if(t instanceof k){var o=t.__data__;if(!Mn||o.length<Oe-1)return o.push([e,n]),this;t=this.__data__=new S(o)}return t.set(e,n),this}function P(e,n){var t=Vn(e)||ve(e)?l(e.length,String):[],o=t.length,r=!!o;for(var a in e)!n&&!vn.call(e,a)||r&&("length"==a||se(a,o))||t.push(a);return t}function E(e,n,t){var o=e[n];vn.call(e,n)&&be(o,t)&&(void 0!==t||n in e)||(e[n]=t)}function B(e,n){for(var t=e.length;t--;)if(be(e[t][0],n))return t;return-1}function U(e,n){return e&&oe(n,Ce(n),e)}function N(e,n,t,o,r,i,c){var l;if(o&&(l=i?o(e,r,i,c):o(e)),void 0!==l)return l;if(!$e(e))return e;var u=Vn(e);if(u){if(l=le(e),!n)return te(e,l)}else{var s=Gn(e),p=s==Ae||s==Re;if(Wn(e))return J(e,n);if(s==Pe||s==Te||p&&!i){if(d(e))return i?e:{};if(l=ue(p?{}:e),!n)return re(e,U(l,e))}else{if(!rn[s])return i?e:{};l=de(e,s,N,n)}}c||(c=new M);var m=c.get(e);if(m)return m;if(c.set(e,l),!u)var f=t?ae(e):Ce(e);return a(f||e,function(r,a){f&&(a=r,r=e[a]),E(l,a,N(r,n,t,o,a,e,c))}),l}function L(e){return $e(e)?Cn(e):{}}function q(e,n,t){var o=n(e);return Vn(e)?o:i(o,t(e))}function G(e){return wn.call(e)}function V(e){return!(!$e(e)||me(e))&&(ge(e)||d(e)?kn:tn).test(he(e))}function W(e){if(!fe(e))return Dn(e);var n=[];for(var t in Object(e))vn.call(e,t)&&"constructor"!=t&&n.push(t);return n}function J(e,n){if(n)return e.slice();var t=new e.constructor(e.length);return e.copy(t),t}function X(e){var n=new e.constructor(e.byteLength);return new $n(n).set(new $n(e)),n}function K(e,n){var t=n?X(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.byteLength)}function Q(e,n,t){return c(n?t(s(e),!0):s(e),o,new e.constructor)}function Y(e){var n=new e.constructor(e.source,nn.exec(e));return n.lastIndex=e.lastIndex,n}function Z(e,n,t){return c(n?t(m(e),!0):m(e),r,new e.constructor)}function ee(e){return Ln?Object(Ln.call(e)):{}}function ne(e,n){var t=n?X(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.length)}function te(e,n){var t=-1,o=e.length;for(n||(n=Array(o));++t<o;)n[t]=e[t];return n}function oe(e,n,t,o){t||(t={});for(var r=-1,a=n.length;++r<a;){var i=n[r],c=o?o(t[i],e[i],i,t,e):void 0;E(t,i,void 0===c?e[i]:c)}return t}function re(e,n){return oe(e,qn(e),n)}function ae(e){return q(e,Ce,qn)}function ie(e,n){var t=e.__data__;return pe(n)?t["string"==typeof n?"string":"hash"]:t.map}function ce(e,n){var t=u(e,n);return V(t)?t:void 0}function le(e){var n=e.length,t=e.constructor(n);return n&&"string"==typeof e[0]&&vn.call(e,"index")&&(t.index=e.index,t.input=e.input),t}function ue(e){return"function"!=typeof e.constructor||fe(e)?{}:L(xn(e))}function de(e,n,t,o){var r=e.constructor;switch(n){case Le:return X(e);case Me:case Fe:return new r(+e);case qe:return K(e,o);case Ge:case Ve:case We:case Je:case Xe:case Ke:case Qe:case Ye:case Ze:return ne(e,o);case Ie:return Q(e,o,t);case He:case Ue:return new r(e);case Ee:return Y(e);case Be:return Z(e,o,t);case Ne:return ee(e)}}function se(e,n){return!!(n=null==n?De:n)&&("number"==typeof e||on.test(e))&&e>-1&&e%1==0&&e<n}function pe(e){var n=typeof e;return"string"==n||"number"==n||"symbol"==n||"boolean"==n?"__proto__"!==e:null===e}function me(e){return!!yn&&yn in e}function fe(e){var n=e&&e.constructor;return e===("function"==typeof n&&n.prototype||fn)}function he(e){if(null!=e){try{return bn.call(e)}catch(e){}try{return e+""}catch(e){}}return""}function ye(e){return N(e,!0,!0)}function be(e,n){return e===n||e!==e&&n!==n}function ve(e){return ke(e)&&vn.call(e,"callee")&&(!Sn.call(e,"callee")||wn.call(e)==Te)}function we(e){return null!=e&&_e(e.length)&&!ge(e)}function ke(e){return xe(e)&&we(e)}function ge(e){var n=$e(e)?wn.call(e):"";return n==Ae||n==Re}function _e(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=De}function $e(e){var n=typeof e;return!!e&&("object"==n||"function"==n)}function xe(e){return!!e&&"object"==typeof e}function Ce(e){return we(e)?P(e):W(e)}function Se(){return[]}function je(){return!1}var Oe=200,ze="__lodash_hash_undefined__",De=9007199254740991,Te="[object Arguments]",Me="[object Boolean]",Fe="[object Date]",Ae="[object Function]",Re="[object GeneratorFunction]",Ie="[object Map]",He="[object Number]",Pe="[object Object]",Ee="[object RegExp]",Be="[object Set]",Ue="[object String]",Ne="[object Symbol]",Le="[object ArrayBuffer]",qe="[object DataView]",Ge="[object Float32Array]",Ve="[object Float64Array]",We="[object Int8Array]",Je="[object Int16Array]",Xe="[object Int32Array]",Ke="[object Uint8Array]",Qe="[object Uint8ClampedArray]",Ye="[object Uint16Array]",Ze="[object Uint32Array]",en=/[\\^$.*+?()[\]{}|]/g,nn=/\w*$/,tn=/^\[object .+?Constructor\]$/,on=/^(?:0|[1-9]\d*)$/,rn={};rn[Te]=rn["[object Array]"]=rn[Le]=rn[qe]=rn[Me]=rn[Fe]=rn[Ge]=rn[Ve]=rn[We]=rn[Je]=rn[Xe]=rn[Ie]=rn[He]=rn[Pe]=rn[Ee]=rn[Be]=rn[Ue]=rn[Ne]=rn[Ke]=rn[Qe]=rn[Ye]=rn[Ze]=!0,rn["[object Error]"]=rn[Ae]=rn["[object WeakMap]"]=!1;var an="object"==typeof e&&e&&e.Object===Object&&e,cn="object"==typeof self&&self&&self.Object===Object&&self,ln=an||cn||Function("return this")(),un="object"==typeof n&&n&&!n.nodeType&&n,dn=un&&"object"==typeof t&&t&&!t.nodeType&&t,sn=dn&&dn.exports===un,pn=Array.prototype,mn=Function.prototype,fn=Object.prototype,hn=ln["__core-js_shared__"],yn=function(){var e=/[^.]+$/.exec(hn&&hn.keys&&hn.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),bn=mn.toString,vn=fn.hasOwnProperty,wn=fn.toString,kn=RegExp("^"+bn.call(vn).replace(en,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),gn=sn?ln.Buffer:void 0,_n=ln.Symbol,$n=ln.Uint8Array,xn=p(Object.getPrototypeOf,Object),Cn=Object.create,Sn=fn.propertyIsEnumerable,jn=pn.splice,On=Object.getOwnPropertySymbols,zn=gn?gn.isBuffer:void 0,Dn=p(Object.keys,Object),Tn=ce(ln,"DataView"),Mn=ce(ln,"Map"),Fn=ce(ln,"Promise"),An=ce(ln,"Set"),Rn=ce(ln,"WeakMap"),In=ce(Object,"create"),Hn=he(Tn),Pn=he(Mn),En=he(Fn),Bn=he(An),Un=he(Rn),Nn=_n?_n.prototype:void 0,Ln=Nn?Nn.valueOf:void 0;f.prototype.clear=h,f.prototype.delete=y,f.prototype.get=b,f.prototype.has=v,f.prototype.set=w,k.prototype.clear=g,k.prototype.delete=_,k.prototype.get=$,k.prototype.has=x,k.prototype.set=C,S.prototype.clear=j,S.prototype.delete=O,S.prototype.get=z,S.prototype.has=D,S.prototype.set=T,M.prototype.clear=F,M.prototype.delete=A,M.prototype.get=R,M.prototype.has=I,M.prototype.set=H;var qn=On?p(On,Object):Se,Gn=G;(Tn&&Gn(new Tn(new ArrayBuffer(1)))!=qe||Mn&&Gn(new Mn)!=Ie||Fn&&"[object Promise]"!=Gn(Fn.resolve())||An&&Gn(new An)!=Be||Rn&&"[object WeakMap]"!=Gn(new Rn))&&(Gn=function(e){var n=wn.call(e),t=n==Pe?e.constructor:void 0,o=t?he(t):void 0;if(o)switch(o){case Hn:return qe;case Pn:return Ie;case En:return"[object Promise]";case Bn:return Be;case Un:return"[object WeakMap]"}return n});var Vn=Array.isArray,Wn=zn||je;t.exports=ye}).call(n,t(2),t(17)(e))},function(e,n){e.exports=function(e,n,t,o,r,a){var i,c=e=e||{},l=typeof e.default;"object"!==l&&"function"!==l||(i=e,c=e.default);var u="function"==typeof c?c.options:c;n&&(u.render=n.render,u.staticRenderFns=n.staticRenderFns,u._compiled=!0),t&&(u.functional=!0),r&&(u._scopeId=r);var d;if(a?(d=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},u._ssrRegister=d):o&&(d=o),d){var s=u.functional,p=s?u.render:u.beforeCreate;s?(u._injectStyles=d,u.render=function(e,n){return d.call(n),p(e,n)}):u.beforeCreate=p?[].concat(p,d):[d]}return{esModule:i,exports:c,options:u}}},function(e,n){var t;t=function(){return this}();try{t=t||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(t=window)}e.exports=t},function(e,n){function t(e,n){for(var t=-1,o=e?e.length:0;++t<o&&!1!==n(e[t],t,e););return e}function o(e,n){for(var t=-1,o=Array(e);++t<e;)o[t]=n(t);return o}function r(e,n){var t=T(e)||d(e)?o(e.length,String):[],r=t.length,a=!!r;for(var i in e)!n&&!C.call(e,i)||a&&("length"==i||c(i,r))||t.push(i);return t}function a(e,n){return e&&D(e,n,b)}function i(e){if(!l(e))return O(e);var n=[];for(var t in Object(e))C.call(e,t)&&"constructor"!=t&&n.push(t);return n}function c(e,n){return!!(n=null==n?w:n)&&("number"==typeof e||$.test(e))&&e>-1&&e%1==0&&e<n}function l(e){var n=e&&e.constructor;return e===("function"==typeof n&&n.prototype||x)}function u(e,n){return(T(e)?t:z)(e,"function"==typeof n?n:v)}function d(e){return p(e)&&C.call(e,"callee")&&(!j.call(e,"callee")||S.call(e)==k)}function s(e){return null!=e&&f(e.length)&&!m(e)}function p(e){return y(e)&&s(e)}function m(e){var n=h(e)?S.call(e):"";return n==g||n==_}function f(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=w}function h(e){var n=typeof e;return!!e&&("object"==n||"function"==n)}function y(e){return!!e&&"object"==typeof e}function b(e){return s(e)?r(e):i(e)}function v(e){return e}var w=9007199254740991,k="[object Arguments]",g="[object Function]",_="[object GeneratorFunction]",$=/^(?:0|[1-9]\d*)$/,x=Object.prototype,C=x.hasOwnProperty,S=x.toString,j=x.propertyIsEnumerable,O=function(e,n){return function(t){return e(n(t))}}(Object.keys,Object),z=function(e,n){return function(t,o){if(null==t)return t;if(!s(t))return e(t,o);for(var r=t.length,a=n?r:-1,i=Object(t);(n?a--:++a<r)&&!1!==o(i[a],a,i););return t}}(a),D=function(e){return function(n,t,o){for(var r=-1,a=Object(n),i=o(n),c=i.length;c--;){var l=i[e?c:++r];if(!1===t(a[l],l,a))break}return n}}(),T=Array.isArray;e.exports=u},function(e,n,t){"use strict";var o=t(14),r=t(15),a=t(16),i=t(20),c=t(21),l=t(22),u=t(23),d=t(24),s=t(25),p=t(26),m=t(27),f=t(28);n.a={name:"d2-crud",mixins:[o.a,a.a,r.a,i.a,c.a,l.a,u.a,d.a,s.a,p.a],components:{renderComponent:m.a,renderCustomComponent:f.a}}},function(e,n,t){"use strict";n.a={name:"render-component",props:{renderFunction:{type:Function,required:!0},scope:{default:null}},render:function(e){return this.handleRender(e,this.scope)},methods:{handleRender:function(e,n){return"string"==typeof n?this.renderFunction(e,n):this.renderFunction(e,n.row,n.column,n.$index)}}}},function(e,n,t){"use strict";var o=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e};n.a={name:"render-custom-component",props:{value:{required:!0},componentName:{required:!0},props:{default:null},scope:{default:null}},render:function(e){var n=this;return e(n.componentName,{props:o({value:n.value,scope:n.scope},n.props),on:{input:function(e){n.$emit("input",e)}}})}}},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var o=t(8),r=function(e,n){e.prototype.$d2CrudSize=n&&n.size?n.size:null,e.component("d2Crud",o.a)};"undefined"!=typeof window&&window.Vue&&r(window.Vue),n.default=Object.assign(o.a,{install:r})},function(e,n,t){"use strict";function o(e){t(9)}var r=t(4),a=t(29),i=t(1),c=o,l=i(r.a,a.a,!1,c,"data-v-b902a420",null);n.a=l.exports},function(e,n,t){var o=t(10);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);t(12)("9b580b3c",o,!0,{})},function(e,n,t){n=e.exports=t(11)(!1),n.push([e.i,".d2-crud .d2-crud-header[data-v-b902a420]{border-bottom:1px dotted rgba(0,0,0,.2)}.d2-crud .d2-crud-body[data-v-b902a420]{padding:15px 0;overflow:hidden}.d2-crud .d2-crud-pagination[data-v-b902a420]{padding:15px 0}",""])},function(e,n){function t(e,n){var t=e[1]||"",r=e[3];if(!r)return t;if(n&&"function"==typeof btoa){var a=o(r);return[t].concat(r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"})).concat([a]).join("\n")}return[t].join("\n")}function o(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var n=[];return n.toString=function(){return this.map(function(n){var o=t(n,e);return n[2]?"@media "+n[2]+"{"+o+"}":o}).join("")},n.i=function(e,t){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},r=0;r<this.length;r++){var a=this[r][0];"number"==typeof a&&(o[a]=!0)}for(r=0;r<e.length;r++){var i=e[r];"number"==typeof i[0]&&o[i[0]]||(t&&!i[2]?i[2]=t:t&&(i[2]="("+i[2]+") and ("+t+")"),n.push(i))}},n}},function(e,n,t){function o(e){for(var n=0;n<e.length;n++){var t=e[n],o=d[t.id];if(o){o.refs++;for(var r=0;r<o.parts.length;r++)o.parts[r](t.parts[r]);for(;r<t.parts.length;r++)o.parts.push(a(t.parts[r]));o.parts.length>t.parts.length&&(o.parts.length=t.parts.length)}else{for(var i=[],r=0;r<t.parts.length;r++)i.push(a(t.parts[r]));d[t.id]={id:t.id,refs:1,parts:i}}}}function r(){var e=document.createElement("style");return e.type="text/css",s.appendChild(e),e}function a(e){var n,t,o=document.querySelector("style["+b+'~="'+e.id+'"]');if(o){if(f)return h;o.parentNode.removeChild(o)}if(v){var a=m++;o=p||(p=r()),n=i.bind(null,o,a,!1),t=i.bind(null,o,a,!0)}else o=r(),n=c.bind(null,o),t=function(){o.parentNode.removeChild(o)};return n(e),function(o){if(o){if(o.css===e.css&&o.media===e.media&&o.sourceMap===e.sourceMap)return;n(e=o)}else t()}}function i(e,n,t,o){var r=t?"":o.css;if(e.styleSheet)e.styleSheet.cssText=w(n,r);else{var a=document.createTextNode(r),i=e.childNodes;i[n]&&e.removeChild(i[n]),i.length?e.insertBefore(a,i[n]):e.appendChild(a)}}function c(e,n){var t=n.css,o=n.media,r=n.sourceMap;if(o&&e.setAttribute("media",o),y.ssrId&&e.setAttribute(b,n.id),r&&(t+="\n/*# sourceURL="+r.sources[0]+" */",t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}var l="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!l)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var u=t(13),d={},s=l&&(document.head||document.getElementsByTagName("head")[0]),p=null,m=0,f=!1,h=function(){},y=null,b="data-vue-ssr-id",v="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,n,t,r){f=t,y=r||{};var a=u(e,n);return o(a),function(n){for(var t=[],r=0;r<a.length;r++){var i=a[r],c=d[i.id];c.refs--,t.push(c)}n?(a=u(e,n),o(a)):a=[];for(var r=0;r<t.length;r++){var c=t[r];if(0===c.refs){for(var l=0;l<c.parts.length;l++)c.parts[l]();delete d[c.id]}}}};var w=function(){var e=[];return function(n,t){return e[n]=t,e.filter(Boolean).join("\n")}}()},function(e,n){e.exports=function(e,n){for(var t=[],o={},r=0;r<n.length;r++){var a=n[r],i=a[0],c=a[1],l=a[2],u=a[3],d={id:e+":"+r,css:c,media:l,sourceMap:u};o[i]?o[i].parts.push(d):t.push(o[i]={id:i,parts:[d]})}return t}},function(e,n,t){"use strict";n.a={props:{columns:{type:Array,required:!0},loading:{type:Boolean,default:!1},loadingOptions:{type:Object,default:null},options:{type:Object,default:null},indexRow:{default:null},selectionRow:{default:null}},methods:{handleCurrentChange:function(e,n){this.$emit("current-change",e,n)},handleSelect:function(e,n){this.$emit("select",e,n)},handleSelectAll:function(e){this.$emit("select-all",e)},handleSelectionChange:function(e){this.$emit("selection-change",e)},handleCellMouseEnter:function(e,n,t,o){this.$emit("cell-mouse-enter",e,n,t,o)},handleCellMouseLeave:function(e,n,t,o){this.$emit("cell-mouse-leave",e,n,t,o)},handleCellClick:function(e,n,t,o){this.$emit("cell-click",e,n,t,o)},handleCellDblclick:function(e,n,t,o){this.$emit("cell-dblclick",e,n,t,o)},handleRowClick:function(e,n,t){this.$emit("row-click",e,n,t)},handleRowContextmenu:function(e,n){this.$emit("row-contextmenu",e,n)},handleRowDblclick:function(e,n){this.$emit("row-dblclick",e,n)},handleHeaderClick:function(e,n){this.$emit("header-click",e,n)},handleHeaderContextmenu:function(e,n){this.$emit("header-contextmenu",e,n)}}}},function(e,n,t){"use strict";n.a={props:{rowHandle:{type:Object,default:null}},methods:{handleRowHandleButtonShow:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],n=arguments[1],t=arguments[2];return"boolean"==typeof e?e:"function"==typeof e?e(n,t):Boolean(e)},handleRowHandleButtonDisabled:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=arguments[1],t=arguments[2];return"boolean"==typeof e?e:"function"==typeof e?e(n,t):Boolean(e)}}}},function(e,n,t){"use strict";var o=t(0),r=t.n(o),a=t(18),i=t.n(a),c=t(19),l=t.n(c);n.a={props:{data:{type:Array,required:!0}},data:function(){return{d2CrudData:[]}},computed:{d2CrudDataLength:function(){return this.d2CrudData.length}},watch:{data:function(){this.handleDataChange()}},mounted:function(){this.handleDataChange()},methods:{_get:i.a,_set:l.a,handleDataChange:function(){this.d2CrudData!==this.data&&(this.d2CrudData=r()(this.data))},handleSortDataChange:function(){var e=this;this.$nextTick(function(){e.d2CrudData=e.$refs.elTable.store.states.data})},handleSortChange:function(e){var n=e.column,t=e.prop,o=e.order;this.handleSortDataChange(),this.$emit("sort-change",{column:n,prop:t,order:o})},handleUpdateRow:function(e,n){this.$set(this.d2CrudData,e,n),this.defaultSort&&this.handleSortDataChange()},handleAddRow:function(e){this.$set(this.d2CrudData,this.d2CrudData.length,e),this.defaultSort&&this.handleSortDataChange()},handleRemoveRow:function(e){this.$delete(this.d2CrudData,e),this.defaultSort&&this.handleSortDataChange()}}}},function(e,n){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),e.webpackPolyfill=1),e}},function(e,n,t){(function(n){function t(e,n){return null==e?void 0:e[n]}function o(e){var n=!1;if(null!=e&&"function"!=typeof e.toString)try{n=!!(e+"")}catch(e){}return n}function r(e){var n=-1,t=e?e.length:0;for(this.clear();++n<t;){var o=e[n];this.set(o[0],o[1])}}function a(){this.__data__=ye?ye(null):{}}function i(e){return this.has(e)&&delete this.__data__[e]}function c(e){var n=this.__data__;if(ye){var t=n[e];return t===L?void 0:t}return de.call(n,e)?n[e]:void 0}function l(e){var n=this.__data__;return ye?void 0!==n[e]:de.call(n,e)}function u(e,n){return this.__data__[e]=ye&&void 0===n?L:n,this}function d(e){var n=-1,t=e?e.length:0;for(this.clear();++n<t;){var o=e[n];this.set(o[0],o[1])}}function s(){this.__data__=[]}function p(e){var n=this.__data__,t=_(n,e);return!(t<0)&&(t==n.length-1?n.pop():fe.call(n,t,1),!0)}function m(e){var n=this.__data__,t=_(n,e);return t<0?void 0:n[t][1]}function f(e){return _(this.__data__,e)>-1}function h(e,n){var t=this.__data__,o=_(t,e);return o<0?t.push([e,n]):t[o][1]=n,this}function y(e){var n=-1,t=e?e.length:0;for(this.clear();++n<t;){var o=e[n];this.set(o[0],o[1])}}function b(){this.__data__={hash:new r,map:new(he||d),string:new r}}function v(e){return j(this,e).delete(e)}function w(e){return j(this,e).get(e)}function k(e){return j(this,e).has(e)}function g(e,n){return j(this,e).set(e,n),this}function _(e,n){for(var t=e.length;t--;)if(R(e[t][0],n))return t;return-1}function $(e,n){n=z(n,e)?[n]:S(n);for(var t=0,o=n.length;null!=e&&t<o;)e=e[M(n[t++])];return t&&t==o?e:void 0}function x(e){return!(!H(e)||T(e))&&(I(e)||o(e)?pe:ee).test(F(e))}function C(e){if("string"==typeof e)return e;if(E(e))return ve?ve.call(e):"";var n=e+"";return"0"==n&&1/e==-q?"-0":n}function S(e){return ke(e)?e:we(e)}function j(e,n){var t=e.__data__;return D(n)?t["string"==typeof n?"string":"hash"]:t.map}function O(e,n){var o=t(e,n);return x(o)?o:void 0}function z(e,n){if(ke(e))return!1;var t=typeof e;return!("number"!=t&&"symbol"!=t&&"boolean"!=t&&null!=e&&!E(e))||(X.test(e)||!J.test(e)||null!=n&&e in Object(n))}function D(e){var n=typeof e;return"string"==n||"number"==n||"symbol"==n||"boolean"==n?"__proto__"!==e:null===e}function T(e){return!!le&&le in e}function M(e){if("string"==typeof e||E(e))return e;var n=e+"";return"0"==n&&1/e==-q?"-0":n}function F(e){if(null!=e){try{return ue.call(e)}catch(e){}try{return e+""}catch(e){}}return""}function A(e,n){if("function"!=typeof e||n&&"function"!=typeof n)throw new TypeError(N);var t=function(){var o=arguments,r=n?n.apply(this,o):o[0],a=t.cache;if(a.has(r))return a.get(r);var i=e.apply(this,o);return t.cache=a.set(r,i),i};return t.cache=new(A.Cache||y),t}function R(e,n){return e===n||e!==e&&n!==n}function I(e){var n=H(e)?se.call(e):"";return n==G||n==V}function H(e){var n=typeof e;return!!e&&("object"==n||"function"==n)}function P(e){return!!e&&"object"==typeof e}function E(e){return"symbol"==typeof e||P(e)&&se.call(e)==W}function B(e){return null==e?"":C(e)}function U(e,n,t){var o=null==e?void 0:$(e,n);return void 0===o?t:o}var N="Expected a function",L="__lodash_hash_undefined__",q=1/0,G="[object Function]",V="[object GeneratorFunction]",W="[object Symbol]",J=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,X=/^\w*$/,K=/^\./,Q=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Y=/[\\^$.*+?()[\]{}|]/g,Z=/\\(\\)?/g,ee=/^\[object .+?Constructor\]$/,ne="object"==typeof n&&n&&n.Object===Object&&n,te="object"==typeof self&&self&&self.Object===Object&&self,oe=ne||te||Function("return this")(),re=Array.prototype,ae=Function.prototype,ie=Object.prototype,ce=oe["__core-js_shared__"],le=function(){var e=/[^.]+$/.exec(ce&&ce.keys&&ce.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),ue=ae.toString,de=ie.hasOwnProperty,se=ie.toString,pe=RegExp("^"+ue.call(de).replace(Y,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),me=oe.Symbol,fe=re.splice,he=O(oe,"Map"),ye=O(Object,"create"),be=me?me.prototype:void 0,ve=be?be.toString:void 0;r.prototype.clear=a,r.prototype.delete=i,r.prototype.get=c,r.prototype.has=l,r.prototype.set=u,d.prototype.clear=s,d.prototype.delete=p,d.prototype.get=m,d.prototype.has=f,d.prototype.set=h,y.prototype.clear=b,y.prototype.delete=v,y.prototype.get=w,y.prototype.has=k,y.prototype.set=g;var we=A(function(e){e=B(e);var n=[];return K.test(e)&&n.push(""),e.replace(Q,function(e,t,o,r){n.push(o?r.replace(Z,"$1"):t||e)}),n});A.Cache=y;var ke=Array.isArray;e.exports=U}).call(n,t(2))},function(e,n,t){(function(n){function t(e,n){return null==e?void 0:e[n]}function o(e){var n=!1;if(null!=e&&"function"!=typeof e.toString)try{n=!!(e+"")}catch(e){}return n}function r(e){var n=-1,t=e?e.length:0;for(this.clear();++n<t;){var o=e[n];this.set(o[0],o[1])}}function a(){this.__data__=ke?ke(null):{}}function i(e){return this.has(e)&&delete this.__data__[e]}function c(e){var n=this.__data__;if(ke){var t=n[e];return t===G?void 0:t}return fe.call(n,e)?n[e]:void 0}function l(e){var n=this.__data__;return ke?void 0!==n[e]:fe.call(n,e)}function u(e,n){return this.__data__[e]=ke&&void 0===n?G:n,this}function d(e){var n=-1,t=e?e.length:0;for(this.clear();++n<t;){var o=e[n];this.set(o[0],o[1])}}function s(){this.__data__=[]}function p(e){var n=this.__data__,t=$(n,e);return!(t<0)&&(t==n.length-1?n.pop():ve.call(n,t,1),!0)}function m(e){var n=this.__data__,t=$(n,e);return t<0?void 0:n[t][1]}function f(e){return $(this.__data__,e)>-1}function h(e,n){var t=this.__data__,o=$(t,e);return o<0?t.push([e,n]):t[o][1]=n,this}function y(e){var n=-1,t=e?e.length:0;for(this.clear();++n<t;){var o=e[n];this.set(o[0],o[1])}}function b(){this.__data__={hash:new r,map:new(we||d),string:new r}}function v(e){return O(this,e).delete(e)}function w(e){return O(this,e).get(e)}function k(e){return O(this,e).has(e)}function g(e,n){return O(this,e).set(e,n),this}function _(e,n,t){var o=e[n];fe.call(e,n)&&H(o,t)&&(void 0!==t||n in e)||(e[n]=t)}function $(e,n){for(var t=e.length;t--;)if(H(e[t][0],n))return t;return-1}function x(e){return!(!E(e)||F(e))&&(P(e)||o(e)?ye:oe).test(R(e))}function C(e,n,t,o){if(!E(e))return e;n=T(n,e)?[n]:j(n);for(var r=-1,a=n.length,i=a-1,c=e;null!=c&&++r<a;){var l=A(n[r]),u=t;if(r!=i){var d=c[l];u=o?o(d,l,c):void 0,void 0===u&&(u=E(d)?d:D(n[r+1])?[]:{})}_(c,l,u),c=c[l]}return e}function S(e){if("string"==typeof e)return e;if(U(e))return _e?_e.call(e):"";var n=e+"";return"0"==n&&1/e==-V?"-0":n}function j(e){return xe(e)?e:$e(e)}function O(e,n){var t=e.__data__;return M(n)?t["string"==typeof n?"string":"hash"]:t.map}function z(e,n){var o=t(e,n);return x(o)?o:void 0}function D(e,n){return!!(n=null==n?W:n)&&("number"==typeof e||re.test(e))&&e>-1&&e%1==0&&e<n}function T(e,n){if(xe(e))return!1;var t=typeof e;return!("number"!=t&&"symbol"!=t&&"boolean"!=t&&null!=e&&!U(e))||(Y.test(e)||!Q.test(e)||null!=n&&e in Object(n))}function M(e){var n=typeof e;return"string"==n||"number"==n||"symbol"==n||"boolean"==n?"__proto__"!==e:null===e}function F(e){return!!pe&&pe in e}function A(e){if("string"==typeof e||U(e))return e;var n=e+"";return"0"==n&&1/e==-V?"-0":n}function R(e){if(null!=e){try{return me.call(e)}catch(e){}try{return e+""}catch(e){}}return""}function I(e,n){if("function"!=typeof e||n&&"function"!=typeof n)throw new TypeError(q);var t=function(){var o=arguments,r=n?n.apply(this,o):o[0],a=t.cache;if(a.has(r))return a.get(r);var i=e.apply(this,o);return t.cache=a.set(r,i),i};return t.cache=new(I.Cache||y),t}function H(e,n){return e===n||e!==e&&n!==n}function P(e){var n=E(e)?he.call(e):"";return n==J||n==X}function E(e){var n=typeof e;return!!e&&("object"==n||"function"==n)}function B(e){return!!e&&"object"==typeof e}function U(e){return"symbol"==typeof e||B(e)&&he.call(e)==K}function N(e){return null==e?"":S(e)}function L(e,n,t){return null==e?e:C(e,n,t)}var q="Expected a function",G="__lodash_hash_undefined__",V=1/0,W=9007199254740991,J="[object Function]",X="[object GeneratorFunction]",K="[object Symbol]",Q=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Y=/^\w*$/,Z=/^\./,ee=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,ne=/[\\^$.*+?()[\]{}|]/g,te=/\\(\\)?/g,oe=/^\[object .+?Constructor\]$/,re=/^(?:0|[1-9]\d*)$/,ae="object"==typeof n&&n&&n.Object===Object&&n,ie="object"==typeof self&&self&&self.Object===Object&&self,ce=ae||ie||Function("return this")(),le=Array.prototype,ue=Function.prototype,de=Object.prototype,se=ce["__core-js_shared__"],pe=function(){var e=/[^.]+$/.exec(se&&se.keys&&se.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),me=ue.toString,fe=de.hasOwnProperty,he=de.toString,ye=RegExp("^"+me.call(fe).replace(ne,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),be=ce.Symbol,ve=le.splice,we=z(ce,"Map"),ke=z(Object,"create"),ge=be?be.prototype:void 0,_e=ge?ge.toString:void 0;r.prototype.clear=a,r.prototype.delete=i,r.prototype.get=c,r.prototype.has=l,r.prototype.set=u,d.prototype.clear=s,d.prototype.delete=p,d.prototype.get=m,d.prototype.has=f,d.prototype.set=h,y.prototype.clear=b,y.prototype.delete=v,y.prototype.get=w,y.prototype.has=k,y.prototype.set=g;var $e=I(function(e){e=N(e);var n=[];return Z.test(e)&&n.push(""),e.replace(ee,function(e,t,o,r){n.push(o?r.replace(te,"$1"):t||e)}),n});I.Cache=y;var xe=Array.isArray;e.exports=L}).call(n,t(2))},function(e,n,t){"use strict";var o=t(3),r=t.n(o),a=t(0),i=t.n(a);n.a={data:function(){return{editIndex:0}},methods:{handleEdit:function(e,n){var t=this,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;this.formMode="edit",this.editDataStorage=i()(n),this.isDialogShow=!0,this.$emit("dialog-open",{mode:"edit",row:n}),this.editIndex=e,o?(this.formData=i()(o),this.editTemplateStorage=i()(o)):(this.formData=this.editTemplate?i()(this.editTemplate):{},this.editTemplateStorage=this.editTemplate?i()(this.editTemplate):{}),r()(this.formData,function(e,o){t.formData[o]=n.hasOwnProperty(o)?n[o]:t.formData[o]||""})}}}},function(e,n,t){"use strict";var o=t(3),r=t.n(o),a=t(0),i=t.n(a);n.a={methods:{handleAdd:function(){var e=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;this.formMode="add",this.$emit("dialog-open",{mode:"add"}),this.isDialogShow=!0,n?(this.formData=i()(n),this.addTemplateStorage=i()(n)):(this.formData=this.addTemplate?i()(this.addTemplate):{},this.addTemplateStorage=this.addTemplate?i()(this.addTemplate):{}),r()(this.formData,function(n,t){e.formData[t]=e.addTemplateStorage[t].value})}}}},function(e,n,t){"use strict";n.a={methods:{handleRemove:function(e,n){var t=this;"confirm"in this.rowHandle.remove&&!0!==this.rowHandle.remove.confirm?this.$emit("row-remove",{index:e,row:n},function(){t.handleRemoveDone(e)}):this.$confirm(this.handleAttribute(this.rowHandle.remove.confirmText,"确定删除吗？"),this.handleAttribute(this.rowHandle.remove.confirmTitle,"删除"),{confirmButtonText:this.handleAttribute(this.rowHandle.remove.confirmButtonText,"确定"),cancelButtonText:this.handleAttribute(this.rowHandle.remove.cancelButtonText,"取消"),type:this.handleAttribute(this.rowHandle.remove.type,"error")}).then(function(){t.$emit("row-remove",{index:e,row:n},function(){t.handleRemoveDone(e)})}).catch(function(){})},handleRemoveDone:function(e){this.handleRemoveRow(e)}}}},function(e,n,t){"use strict";var o=t(3),r=t.n(o),a=t(0),i=t.n(a),c=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e};n.a={props:{formOptions:{type:Object,default:null},addTitle:{type:String,default:"添加"},editTitle:{type:String,default:"编辑"},addTemplate:{type:Object,default:null},editTemplate:{type:Object,default:null},addRules:{type:Object,default:null},editRules:{type:Object,default:null}},data:function(){return{isDialogShow:!1,formData:{},formMode:"edit",editDataStorage:{},addTemplateStorage:{},editTemplateStorage:{}}},methods:{handleDialogSave:function(){var e=this;this.$refs.form.validate(function(n){if(!n)return!1;var t={};"edit"===e.formMode?(t=i()(e.editDataStorage),r()(e.formData,function(n,o){e._set(t,o,n)}),e.$emit("row-edit",{index:e.editIndex,row:t},function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(!1===n)return void e.handleCloseDialog();e.handleDialogSaveDone(c({},t,n))})):"add"===e.formMode&&(r()(e.formData,function(n,o){e._set(t,o,n)}),e.$emit("row-add",t,function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(!1===n)return void e.handleCloseDialog();e.handleDialogSaveDone(c({},t,n))}))})},handleDialogCancel:function(e){this.$emit("dialog-cancel",e)},handleDialogSaveDone:function(e){"edit"===this.formMode?(this.handleUpdateRow(this.editIndex,e),this.editDataStorage={}):"add"===this.formMode&&this.handleAddRow(e),this.handleCloseDialog()},handleCloseDialog:function(){this.isDialogShow=!1}}}},function(e,n,t){"use strict";n.a={props:{pagination:{type:Object,default:null}},methods:{handlePaginationSizeChange:function(e){this.$emit("pagination-size-change",e)},handlePaginationCurrentChange:function(e){this.$emit("pagination-current-change",e)},handlePaginationPrevClick:function(e){this.$emit("pagination-prev-click",e)},handlePaginationNextClick:function(e){this.$emit("pagination-next-click",e)}}}},function(e,n,t){"use strict";function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var r=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e};n.a={methods:{updateCell:function(e,n,t){this.$set(this.d2CrudData,e,r({},this.d2CrudData[e],o({},n,t)))},addRow:function(e){this.handleAddRow(e)},updateRow:function(e,n){this.handleUpdateRow(e,n)},removeRow:function(e){this.handleRemoveRow(e)},showDialog:function(e){var n=e.mode,t=e.rowIndex,o=void 0===t?0:t,r=e.template,a=void 0===r?null:r;"edit"===n?this.handleEdit(o,this.d2CrudData[o],a):"add"===n&&this.handleAdd(a)},closeDialog:function(){this.handleCloseDialog()}}}},function(e,n,t){"use strict";n.a={methods:{handleAttribute:function(e,n){return!1===e||0===e||""===e?e:e||n},handleFormTemplateMode:function(e){return"edit"===this.formMode?this.editTemplateStorage[e]:"add"===this.formMode?this.addTemplateStorage[e]:void 0},handleFormRulesMode:function(){return"edit"===this.formMode?this.editRules:"add"===this.formMode?this.addRules:void 0}}}},function(e,n,t){"use strict";var o=t(5),r=t(1),a=r(o.a,null,!1,null,null,null);n.a=a.exports},function(e,n,t){"use strict";var o=t(6),r=t(1),a=r(o.a,null,!1,null,null,null);n.a=a.exports},function(e,n,t){"use strict";var o=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{directives:[{name:"loading",rawName:"v-loading",value:e.loading,expression:"loading"}],staticClass:"d2-crud",attrs:{"element-loading-text":e.loadingOptions?e.handleAttribute(e.loadingOptions.text,null):null,"element-loading-spinner":e.loadingOptions?e.handleAttribute(e.loadingOptions.spinner,null):null,"element-loading-background":e.loadingOptions?e.handleAttribute(e.loadingOptions.background,null):null}},[e.$slots.header?t("div",{staticClass:"d2-crud-header"},[e._t("header")],2):e._e(),e._v(" "),t("div",{staticClass:"d2-crud-body"},[t("el-table",e._b({ref:"elTable",attrs:{data:e.d2CrudData},on:{"current-change":e.handleCurrentChange,select:e.handleSelect,"select-all":e.handleSelectAll,"selection-change":e.handleSelectionChange,"sort-change":e.handleSortChange,"cell-mouse-enter":e.handleCellMouseEnter,"cell-mouse-leave":e.handleCellMouseLeave,"cell-click":e.handleCellClick,"cell-dblclick":e.handleCellDblclick,"row-click":e.handleRowClick,"row-contextmenu":e.handleRowContextmenu,"row-dblclick":e.handleRowDblclick,"header-click":e.handleHeaderClick,"header-contextmenu":e.handleHeaderContextmenu}},"el-table",e.options,!1),[e.selectionRow||""===e.selectionRow?t("el-table-column",e._b({attrs:{type:"selection",label:e.handleAttribute(e.selectionRow.title,"")}},"el-table-column",e.selectionRow,!1)):e._e(),e._v(" "),e.indexRow||""===e.indexRow?t("el-table-column",e._b({attrs:{type:"index",label:e.handleAttribute(e.indexRow.title,"")}},"el-table-column",e.indexRow,!1)):e._e(),e._v(" "),e._l(e.columns,function(n,o){return t("el-table-column",e._b({key:o,attrs:{label:e.handleAttribute(n.title,""),prop:e.handleAttribute(n.key,null)},scopedSlots:e._u([{key:"default",fn:function(o){return[n.component&&"el-input"===n.component.name?t("el-input",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item.key]"}},"el-input",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-input-number"===n.component.name?t("el-input-number",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item.key]"}},"el-input-number",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-radio"===n.component.name?t("el-radio-group",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item.key]"}},"el-radio-group",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1),[n.component.buttonMode?e._l(n.component.options,function(n){return t("el-radio-button",{key:n.value,attrs:{label:n.value}},[e._v("\n                "+e._s(n.label)+"\n              ")])}):e._l(n.component.options,function(n){return t("el-radio",{key:n.value,attrs:{label:n.value}},[e._v("\n                "+e._s(n.label)+"\n              ")])})],2):n.component&&"el-checkbox"===n.component.name?t("el-checkbox-group",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item.key]"}},"el-checkbox-group",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1),[n.component.buttonMode?e._l(n.component.options,function(n){return t("el-checkbox-button",{key:n.value,attrs:{label:n.value}},[e._v("\n                "+e._s(n.label)+"\n              ")])}):e._l(n.component.options,function(n){return t("el-checkbox",{key:n.value,attrs:{label:n.value}},[e._v("\n                "+e._s(n.label)+"\n              ")])})],2):n.component&&"el-select"===n.component.name?t("el-select",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item.key]"}},"el-select",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1),e._l(n.component.options,function(n){return t("el-option",e._b({key:n.value},"el-option",n,!1))}),1):n.component&&"el-cascader"===n.component.name?t("el-cascader",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item.key]"}},"el-cascader",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-switch"===n.component.name?t("el-switch",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item.key]"}},"el-switch",n.component,!1)):n.component&&"el-slider"===n.component.name?t("el-slider",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item.key]"}},"el-slider",n.component,!1)):n.component&&"el-time-select"===n.component.name?t("el-time-select",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item.key]"}},"el-time-select",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-time-picker"===n.component.name?t("el-time-picker",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item.key]"}},"el-time-picker",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-date-picker"===n.component.name?t("el-date-picker",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item.key]"}},"el-date-picker",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-rate"===n.component.name?t("el-rate",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item.key]"}},"el-rate",n.component,!1)):n.component&&"el-color-picker"===n.component.name?t("el-color-picker",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item.key]"}},"el-color-picker",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&n.component.name?t("render-custom-component",{attrs:{"component-name":n.component.name,props:n.component.props?n.component.props:null,scope:o},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item.key]"}}):n.component&&n.component.render?t("render-component",{attrs:{"render-function":n.component.render,scope:o}}):[e._v(e._s(n.formatter?n.formatter(o.row,o.column,e._get(o.row,n.key),o.$index):e._get(o.row,n.key)))]]}}],null,!0)},"el-table-column",n,!1),[e._v(" "),n.children?e._l(n.children,function(n,o){return t("el-table-column",e._b({key:o,attrs:{label:e.handleAttribute(n.title,""),prop:e.handleAttribute(n.key,null)},scopedSlots:e._u([{key:"default",fn:function(o){return[n.component&&"el-input"===n.component.name?t("el-input",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item2.key]"}},"el-input",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-input-number"===n.component.name?t("el-input-number",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item2.key]"}},"el-input-number",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-radio"===n.component.name?t("el-radio-group",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item2.key]"}},"el-radio-group",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1),[n.component.buttonMode?e._l(n.component.options,function(n){return t("el-radio-button",{key:n.value,attrs:{label:n.value}},[e._v("\n                    "+e._s(n.label)+"\n                  ")])}):e._l(n.component.options,function(n){return t("el-radio",{key:n.value,attrs:{label:n.value}},[e._v("\n                    "+e._s(n.label)+"\n                  ")])})],2):n.component&&"el-checkbox"===n.component.name?t("el-checkbox-group",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item2.key]"}},"el-checkbox-group",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1),[n.component.buttonMode?e._l(n.component.options,function(n){return t("el-checkbox-button",{key:n.value,attrs:{label:n.value}},[e._v("\n                    "+e._s(n.label)+"\n                  ")])}):e._l(n.component.options,function(n){return t("el-checkbox",{key:n.value,attrs:{label:n.value}},[e._v("\n                    "+e._s(n.label)+"\n                  ")])})],2):n.component&&"el-select"===n.component.name?t("el-select",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item2.key]"}},"el-select",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1),e._l(n.component.options,function(n){return t("el-option",e._b({key:n.value},"el-option",n,!1))}),1):n.component&&"el-cascader"===n.component.name?t("el-cascader",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item2.key]"}},"el-cascader",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-switch"===n.component.name?t("el-switch",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item2.key]"}},"el-switch",n.component,!1)):n.component&&"el-slider"===n.component.name?t("el-slider",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item2.key]"}},"el-slider",n.component,!1)):n.component&&"el-time-select"===n.component.name?t("el-time-select",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item2.key]"}},"el-time-select",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-time-picker"===n.component.name?t("el-time-picker",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item2.key]"}},"el-time-picker",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-date-picker"===n.component.name?t("el-date-picker",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item2.key]"}},"el-date-picker",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-rate"===n.component.name?t("el-rate",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item2.key]"}},"el-rate",n.component,!1)):n.component&&"el-color-picker"===n.component.name?t("el-color-picker",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item2.key]"}},"el-color-picker",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&n.component.name?t("render-custom-component",{attrs:{"component-name":n.component.name,props:n.component.props?n.component.props:null,scope:o},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item2.key]"}}):n.component&&n.component.render?t("render-component",{attrs:{"render-function":n.component.render,scope:o}}):[e._v(e._s(n.formatter?n.formatter(o.row,o.column,e._get(o.row,n.key),o.$index):e._get(o.row,n.key)))]]}}],null,!0)},"el-table-column",n,!1),[e._v(" "),n.children?e._l(n.children,function(n,o){return t("el-table-column",e._b({key:o,attrs:{label:e.handleAttribute(n.title,""),prop:e.handleAttribute(n.key,null)},scopedSlots:e._u([{key:"default",fn:function(o){return[n.component&&"el-input"===n.component.name?t("el-input",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item3.key]"}},"el-input",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-input-number"===n.component.name?t("el-input-number",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item3.key]"}},"el-input-number",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-radio"===n.component.name?t("el-radio-group",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item3.key]"}},"el-radio-group",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1),[n.component.buttonMode?e._l(n.component.options,function(n){return t("el-radio-button",{key:n.value,attrs:{label:n.value}},[e._v("\n                        "+e._s(n.label)+"\n                      ")])}):e._l(n.component.options,function(n){return t("el-radio",{key:n.value,attrs:{label:n.value}},[e._v("\n                        "+e._s(n.label)+"\n                      ")])})],2):n.component&&"el-checkbox"===n.component.name?t("el-checkbox-group",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item3.key]"}},"el-checkbox-group",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1),[n.component.buttonMode?e._l(n.component.options,function(n){return t("el-checkbox-button",{key:n.value,attrs:{label:n.value}},[e._v("\n                        "+e._s(n.label)+"\n                      ")])}):e._l(n.component.options,function(n){return t("el-checkbox",{key:n.value,attrs:{label:n.value}},[e._v("\n                        "+e._s(n.label)+"\n                      ")])})],2):n.component&&"el-select"===n.component.name?t("el-select",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item3.key]"}},"el-select",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1),e._l(n.component.options,function(n){return t("el-option",e._b({key:n.value},"el-option",n,!1))}),1):n.component&&"el-cascader"===n.component.name?t("el-cascader",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item3.key]"}},"el-cascader",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-switch"===n.component.name?t("el-switch",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item3.key]"}},"el-switch",n.component,!1)):n.component&&"el-slider"===n.component.name?t("el-slider",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item3.key]"}},"el-slider",n.component,!1)):n.component&&"el-time-select"===n.component.name?t("el-time-select",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item3.key]"}},"el-time-select",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-time-picker"===n.component.name?t("el-time-picker",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item3.key]"}},"el-time-picker",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-date-picker"===n.component.name?t("el-date-picker",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item3.key]"}},"el-date-picker",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&"el-rate"===n.component.name?t("el-rate",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item3.key]"}},"el-rate",n.component,!1)):n.component&&"el-color-picker"===n.component.name?t("el-color-picker",e._b({on:{change:function(t){return e.$emit("cell-data-change",{rowIndex:o.$index,key:n.key,value:o.row[n.key],row:o.row})}},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item3.key]"}},"el-color-picker",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},n.component):n.component,!1)):n.component&&n.component.name?t("render-custom-component",{attrs:{"component-name":n.component.name,props:n.component.props?n.component.props:null,scope:o},model:{value:o.row[n.key],callback:function(t){e.$set(o.row,n.key,t)},expression:"scope.row[item3.key]"}}):n.component&&n.component.render?t("render-component",{attrs:{"render-function":n.component.render,scope:o}}):[e._v(e._s(n.formatter?n.formatter(o.row,o.column,e._get(o.row,n.key),o.$index):e._get(o.row,n.key)))]]}}],null,!0)},"el-table-column",n,!1))}):e._e()],2)}):e._e()],2)}),e._v(" "),e.rowHandle?t("el-table-column",e._b({attrs:{label:e.handleAttribute(e.rowHandle.columnHeader,"操作")},scopedSlots:e._u([{key:"default",fn:function(n){return[e.rowHandle.edit&&e.handleRowHandleButtonShow(e.rowHandle.edit.show,n.$index,n.row)?t("el-button",e._b({attrs:{disabled:e.handleRowHandleButtonDisabled(e.rowHandle.edit.disabled,n.$index,n.row)},on:{click:function(t){return e.handleEdit(n.$index,n.row)}}},"el-button",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},e.rowHandle.edit):e.rowHandle.edit,!1),[e._v("\n            "+e._s(e.handleAttribute(e.rowHandle.edit.text,"编辑"))+"\n          ")]):e._e(),e._v(" "),e.rowHandle.remove&&e.handleRowHandleButtonShow(e.rowHandle.remove.show,n.$index,n.row)?t("el-button",e._b({attrs:{type:e.handleAttribute(e.rowHandle.remove.type,"danger"),disabled:e.handleRowHandleButtonDisabled(e.rowHandle.remove.disabled,n.$index,n.row)},on:{click:function(t){return e.handleRemove(n.$index,n.row)}}},"el-button",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},e.rowHandle.remove):e.rowHandle.remove,!1),[e._v("\n            "+e._s(e.handleAttribute(e.rowHandle.remove.text,"删除"))+"\n          ")]):e._e(),e._v(" "),e._l(e.handleAttribute(e.rowHandle.custom,[]),function(o,r){return[e.handleRowHandleButtonShow(o.show,n.$index,n.row)?t("el-button",e._b({attrs:{disabled:e.handleRowHandleButtonDisabled(o.disabled,n.$index,n.row)},on:{click:function(t){return e.$emit(o.emit,{index:n.$index,row:n.row})}}},"el-button",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},o):o,!1),[e._v("\n              "+e._s(o.text)+"\n            ")]):e._e()]})]}}],null,!1,937460079)},"el-table-column",e.rowHandle,!1)):e._e()],2)],1),e._v(" "),e.pagination?t("div",{staticClass:"d2-crud-pagination"},[t("el-pagination",e._b({on:{"size-change":e.handlePaginationSizeChange,"current-change":e.handlePaginationCurrentChange,"prev-click":e.handlePaginationPrevClick,"next-click":e.handlePaginationNextClick}},"el-pagination",e.pagination,!1))],1):e._e(),e._v(" "),e.isDialogShow?t("el-dialog",e._b({attrs:{title:"edit"===e.formMode?e.editTitle:e.addTitle,visible:e.isDialogShow,"before-close":e.handleDialogCancel},on:{"update:visible":function(n){e.isDialogShow=n}}},"el-dialog",e.formOptions,!1),[t("el-form",e._b({ref:"form",attrs:{model:e.formData,rules:e.handleFormRulesMode()}},"el-form",e.formOptions,!1),[t("el-row",e._b({},"el-row",e.formOptions,!1),[e._l(e.formData,function(n,o,r){return[!e.handleFormTemplateMode(o).component||e.handleAttribute(e.handleFormTemplateMode(o).component.show,!0)?t("el-col",{attrs:{span:e.handleFormTemplateMode(o).component?e.handleAttribute(e.handleFormTemplateMode(o).component.span,24):24,offset:e.handleFormTemplateMode(o).component?e.handleAttribute(e.handleFormTemplateMode(o).component.offset,0):0}},[t("el-form-item",{attrs:{label:e.handleFormTemplateMode(o).title,prop:o}},[e.handleFormTemplateMode(o).component&&(e.handleFormTemplateMode(o).component.name||e.handleFormTemplateMode(o).component.render)&&"el-input"!==e.handleFormTemplateMode(o).component.name?"el-input-number"===e.handleFormTemplateMode(o).component.name?t("el-input-number",e._b({on:{change:function(t){return e.$emit("form-data-change",{key:o,value:n})}},model:{value:e.formData[o],callback:function(n){e.$set(e.formData,o,n)},expression:"formData[key]"}},"el-input-number",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},e.handleFormTemplateMode(o).component):e.handleFormTemplateMode(o).component,!1)):"el-radio"===e.handleFormTemplateMode(o).component.name?t("el-radio-group",e._b({on:{change:function(t){return e.$emit("form-data-change",{key:o,value:n})}},model:{value:e.formData[o],callback:function(n){e.$set(e.formData,o,n)},expression:"formData[key]"}},"el-radio-group",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},e.handleFormTemplateMode(o).component):e.handleFormTemplateMode(o).component,!1),[e.handleFormTemplateMode(o).component.buttonMode?e._l(e.handleFormTemplateMode(o).component.options,function(n){return t("el-radio-button",{key:n.value,attrs:{label:n.value}},[e._v("\n                    "+e._s(n.label)+"\n                  ")])}):e._l(e.handleFormTemplateMode(o).component.options,function(n){return t("el-radio",{key:n.value,attrs:{label:n.value}},[e._v("\n                    "+e._s(n.label)+"\n                  ")])})],2):"el-checkbox"===e.handleFormTemplateMode(o).component.name?t("el-checkbox-group",e._b({on:{change:function(t){return e.$emit("form-data-change",{key:o,value:n})}},model:{value:e.formData[o],callback:function(n){e.$set(e.formData,o,n)},expression:"formData[key]"}},"el-checkbox-group",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},e.handleFormTemplateMode(o).component):e.handleFormTemplateMode(o).component,!1),[e.handleFormTemplateMode(o).component.buttonMode?e._l(e.handleFormTemplateMode(o).component.options,function(n){return t("el-checkbox-button",{key:n.value,attrs:{label:n.value}},[e._v("\n                    "+e._s(n.label)+"\n                  ")])}):e._l(e.handleFormTemplateMode(o).component.options,function(n){return t("el-checkbox",{key:n.value,attrs:{label:n.value}},[e._v("\n                    "+e._s(n.label)+"\n                  ")])})],2):"el-select"===e.handleFormTemplateMode(o).component.name?t("el-select",e._b({on:{change:function(t){return e.$emit("form-data-change",{key:o,value:n})}},model:{value:e.formData[o],callback:function(n){e.$set(e.formData,o,n)},expression:"formData[key]"}},"el-select",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},e.handleFormTemplateMode(o).component):e.handleFormTemplateMode(o).component,!1),e._l(e.handleFormTemplateMode(o).component.options,function(n){return t("el-option",e._b({key:n.value},"el-option",n,!1))}),1):"el-cascader"===e.handleFormTemplateMode(o).component.name?t("el-cascader",e._b({on:{change:function(t){return e.$emit("form-data-change",{key:o,value:n})}},model:{value:e.formData[o],callback:function(n){e.$set(e.formData,o,n)},expression:"formData[key]"}},"el-cascader",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},e.handleFormTemplateMode(o).component):e.handleFormTemplateMode(o).component,!1)):"el-switch"===e.handleFormTemplateMode(o).component.name?t("el-switch",e._b({on:{change:function(t){return e.$emit("form-data-change",{key:o,value:n})}},model:{value:e.formData[o],callback:function(n){e.$set(e.formData,o,n)},expression:"formData[key]"}},"el-switch",e.handleFormTemplateMode(o).component,!1)):"el-slider"===e.handleFormTemplateMode(o).component.name?t("el-slider",e._b({on:{change:function(t){return e.$emit("form-data-change",{key:o,value:n})}},model:{value:e.formData[o],callback:function(n){e.$set(e.formData,o,n)},expression:"formData[key]"}},"el-slider",e.handleFormTemplateMode(o).component,!1)):"el-time-select"===e.handleFormTemplateMode(o).component.name?t("el-time-select",e._b({on:{change:function(t){return e.$emit("form-data-change",{key:o,value:n})}},model:{value:e.formData[o],callback:function(n){e.$set(e.formData,o,n)},expression:"formData[key]"}},"el-time-select",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},e.handleFormTemplateMode(o).component):e.handleFormTemplateMode(o).component,!1)):"el-time-picker"===e.handleFormTemplateMode(o).component.name?t("el-time-picker",e._b({on:{change:function(t){return e.$emit("form-data-change",{key:o,value:n})}},model:{value:e.formData[o],callback:function(n){e.$set(e.formData,o,n)},expression:"formData[key]"}},"el-time-picker",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},e.handleFormTemplateMode(o).component):e.handleFormTemplateMode(o).component,!1)):"el-date-picker"===e.handleFormTemplateMode(o).component.name?t("el-date-picker",e._b({on:{change:function(t){return e.$emit("form-data-change",{key:o,value:n})}},model:{value:e.formData[o],callback:function(n){e.$set(e.formData,o,n)},expression:"formData[key]"}},"el-date-picker",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},e.handleFormTemplateMode(o).component):e.handleFormTemplateMode(o).component,!1)):"el-rate"===e.handleFormTemplateMode(o).component.name?t("el-rate",e._b({on:{change:function(t){return e.$emit("form-data-change",{key:o,value:n})}},model:{value:e.formData[o],callback:function(n){e.$set(e.formData,o,n)},expression:"formData[key]"}},"el-rate",e.handleFormTemplateMode(o).component,!1)):"el-color-picker"===e.handleFormTemplateMode(o).component.name?t("el-color-picker",e._b({on:{change:function(t){return e.$emit("form-data-change",{key:o,value:n})}},model:{value:e.formData[o],callback:function(n){e.$set(e.formData,o,n)},expression:"formData[key]"}},"el-color-picker",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},e.handleFormTemplateMode(o).component):e.handleFormTemplateMode(o).component,!1)):e.handleFormTemplateMode(o).component.name?t("render-custom-component",{attrs:{"component-name":e.handleFormTemplateMode(o).component.name,props:e.handleFormTemplateMode(o).component.props?e.handleFormTemplateMode(o).component.props:null},model:{value:e.formData[o],callback:function(n){e.$set(e.formData,o,n)},expression:"formData[key]"}}):e.handleFormTemplateMode(o).component.render?t("render-component",{attrs:{"render-function":e.handleFormTemplateMode(o).component.render,scope:e.formData[o]}}):e._e():t("el-input",e._b({on:{change:function(t){return e.$emit("form-data-change",{key:o,value:n})}},model:{value:e.formData[o],callback:function(n){e.$set(e.formData,o,n)},expression:"formData[key]"}},"el-input",e.$d2CrudSize?Object.assign({size:e.$d2CrudSize},e.handleFormTemplateMode(o).component):e.handleFormTemplateMode(o).component,!1))],1)],1):e._e()]})],2)],1),e._v(" "),t("div",{attrs:{slot:"footer"},slot:"footer"},[t("el-button",{attrs:{size:e.formOptions?e.handleAttribute(e.formOptions.saveButtonSize,null):null,type:e.formOptions?e.handleAttribute(e.formOptions.saveButtonType,null):null,icon:e.formOptions?e.handleAttribute(e.formOptions.saveButtonIcon,null):null,loading:!!e.formOptions&&e.handleAttribute(e.formOptions.saveLoading,!1)},on:{click:e.handleDialogSave}},[e._v("\n      "+e._s(e.formOptions?e.handleAttribute(e.formOptions.saveButtonText,"确定"):"确定")+"\n      ")])],1)],1):e._e()],1)},r=[],a={render:o,staticRenderFns:r};n.a=a}])});
2 | //# sourceMappingURL=d2-crud.js.map


--------------------------------------------------------------------------------