element-ui-pro-components-test 1.5.0

package/lib/editable-pro-table.js

@@ -0,0 +1,2080 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 10);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+
+/***/ }),
+/* 1 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui-pro-components/lib/locale");
+
+/***/ }),
+/* 2 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/custom-render/index.vue?vue&type=script&lang=js
+/* harmony default export */ var custom_rendervue_type_script_lang_js = ({
+  name: 'CustomRender',
+  props: {
+    render: {
+      type: Function,
+      required: true
+    }
+  },
+  render: function (h) {
+    return h("Fragment", [this.render()]);
+  }
+});
+// CONCATENATED MODULE: ./src/components/custom-render/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_custom_rendervue_type_script_lang_js = (custom_rendervue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./src/components/custom-render/index.vue
+var render, staticRenderFns
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  components_custom_rendervue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var custom_render = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui-pro-components/lib/utils/form");
+
+/***/ }),
+/* 4 */,
+/* 5 */,
+/* 6 */,
+/* 7 */,
+/* 8 */
+/***/ (function(module, exports) {
+
+module.exports = require("el-table-prepend");
+
+/***/ }),
+/* 9 */,
+/* 10 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/editable-pro-table/src/index.vue?vue&type=template&id=b4388ac0&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    _vm.formRef ? "fragment" : "el-form",
+    _vm._b({ tag: "component" }, "component", _vm.getDynamicProps, false),
+    [
+      _c(
+        "el-table-prepend",
+        _vm._g(
+          _vm._b(
+            {
+              directives: [
+                {
+                  name: "loading",
+                  rawName: "v-loading",
+                  value: _vm.loading,
+                  expression: "loading",
+                },
+              ],
+              ref: "editableProTableRef",
+              staticClass: "editable-pro-table",
+              class: _vm.className,
+              attrs: { data: _vm.form[_vm.name] },
+              scopedSlots: _vm._u(
+                [
+                  _vm.initializedCreatorProps.position === "top" &&
+                  !_vm.exceedsMax
+                    ? {
+                        key: "prepend",
+                        fn: function () {
+                          return [
+                            _c(
+                              "div",
+                              { staticClass: "btn-add-box" },
+                              [
+                                _c("RecordCreator", {
+                                  attrs: {
+                                    recordCreatorProps:
+                                      _vm.initializedCreatorProps,
+                                    size: _vm.defaultSize,
+                                  },
+                                  nativeOn: {
+                                    click: function ($event) {
+                                      return _vm.addEditRecord(null)
+                                    },
+                                  },
+                                }),
+                              ],
+                              1
+                            ),
+                          ]
+                        },
+                        proxy: true,
+                      }
+                    : null,
+                ],
+                null,
+                true
+              ),
+            },
+            "el-table-prepend",
+            _vm.initializedTableProps,
+            false
+          ),
+          _vm.tableEvents
+        ),
+        _vm._l(_vm.initializedColumns, function (column, index) {
+          return _c(
+            "el-table-column",
+            _vm._b(
+              {
+                key: column.prop || column.key || `${column.type}-col`,
+                scopedSlots: _vm._u(
+                  [
+                    column.renderCellHeader
+                      ? {
+                          key: "header",
+                          fn: function (scope) {
+                            return [
+                              _c("CustomRender", {
+                                attrs: {
+                                  render: () => column.renderCellHeader(scope),
+                                },
+                              }),
+                            ]
+                          },
+                        }
+                      : null,
+                    column.valueType || column.renderField
+                      ? {
+                          key: "default",
+                          fn: function (scope) {
+                            return [
+                              column.valueType === "option"
+                                ? [
+                                    _c("Editable", {
+                                      attrs: {
+                                        editable: _vm.initializedEditable,
+                                        actions: {
+                                          cancelEditable: _vm.cancelEditable,
+                                          startEditable: _vm.startEditable,
+                                          addEditRecord: _vm.addEditRecord,
+                                        },
+                                        validateRow: _vm.validateRow,
+                                        recordKey: scope.row[_vm.rowKey],
+                                        scope: scope,
+                                        name: _vm.name,
+                                        render: (actions) =>
+                                          column.renderCell(scope, actions),
+                                        newLineRecordCache:
+                                          _vm.newLineRecordCache,
+                                        preEditRows: _vm.preEditRows,
+                                        defaultSize: _vm.defaultSize,
+                                      },
+                                      on: {
+                                        delete: _vm.filterByRecordKey,
+                                        cancel: _vm.deleteOrResetRow,
+                                      },
+                                    }),
+                                  ]
+                                : [
+                                    _c("RenderCell", {
+                                      attrs: {
+                                        editable: _vm.initializedEditable,
+                                        column: column,
+                                        name: _vm.name,
+                                        recordKey: scope.row[_vm.rowKey],
+                                        scope: scope,
+                                        cachedOptions: _vm.cachedOptions,
+                                        preEditRows: _vm.preEditRows,
+                                      },
+                                      scopedSlots: _vm._u(
+                                        [
+                                          {
+                                            key: column.prop,
+                                            fn: function (scope) {
+                                              return [
+                                                _vm._t(
+                                                  column.prop,
+                                                  null,
+                                                  null,
+                                                  scope
+                                                ),
+                                              ]
+                                            },
+                                          },
+                                        ],
+                                        null,
+                                        true
+                                      ),
+                                    }),
+                                  ],
+                            ]
+                          },
+                        }
+                      : null,
+                  ],
+                  null,
+                  true
+                ),
+              },
+              "el-table-column",
+              _vm.getColumnProps(column, index),
+              false
+            )
+          )
+        }),
+        1
+      ),
+      _vm.initializedCreatorProps.position === "bottom" && !_vm.exceedsMax
+        ? _c("RecordCreator", {
+            attrs: {
+              recordCreatorProps: _vm.initializedCreatorProps,
+              size: _vm.defaultSize,
+            },
+            nativeOn: {
+              click: function ($event) {
+                return _vm.addEditRecord(null)
+              },
+            },
+          })
+        : _vm._e(),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/index.vue?vue&type=template&id=b4388ac0&scoped=true
+
+// EXTERNAL MODULE: external "el-table-prepend"
+var external_el_table_prepend_ = __webpack_require__(8);
+var external_el_table_prepend_default = /*#__PURE__*/__webpack_require__.n(external_el_table_prepend_);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/editable-pro-table/src/components/RecordCreator.vue?vue&type=template&id=162f12bc&scoped=true
+var RecordCreatorvue_type_template_id_162f12bc_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "el-button",
+    _vm._b(
+      {
+        staticClass: "btn-add",
+        style: _vm.recordCreatorProps.style,
+        attrs: { icon: "el-icon-plus" },
+      },
+      "el-button",
+      _vm.initializedButtonProps,
+      false
+    ),
+    [_vm._v("\n  " + _vm._s(_vm.recordCreatorProps.creatorButtonText) + "\n")]
+  )
+}
+var RecordCreatorvue_type_template_id_162f12bc_scoped_true_staticRenderFns = []
+RecordCreatorvue_type_template_id_162f12bc_scoped_true_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/components/RecordCreator.vue?vue&type=template&id=162f12bc&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/editable-pro-table/src/components/RecordCreator.vue?vue&type=script&lang=js
+/* harmony default export */ var RecordCreatorvue_type_script_lang_js = ({
+  name: 'RecordCreator',
+  props: {
+    recordCreatorProps: {
+      type: [Boolean, Object],
+      required: true
+    },
+    size: {
+      type: String
+    }
+  },
+  computed: {
+    initializedButtonProps() {
+      const {
+        size,
+        recordCreatorProps: {
+          buttonProps = {}
+        }
+      } = this;
+      return {
+        plain: true,
+        ...buttonProps,
+        size
+      };
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/components/RecordCreator.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_RecordCreatorvue_type_script_lang_js = (RecordCreatorvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./packages/editable-pro-table/src/components/RecordCreator.vue?vue&type=style&index=0&id=162f12bc&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
+
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/components/RecordCreator.vue?vue&type=style&index=0&id=162f12bc&prod&scoped=true&lang=css
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/components/RecordCreator.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  components_RecordCreatorvue_type_script_lang_js,
+  RecordCreatorvue_type_template_id_162f12bc_scoped_true_render,
+  RecordCreatorvue_type_template_id_162f12bc_scoped_true_staticRenderFns,
+  false,
+  null,
+  "162f12bc",
+  null
+  
+)
+
+/* harmony default export */ var RecordCreator = (component.exports);
+// EXTERNAL MODULE: ./src/components/custom-render/index.vue + 2 modules
+var custom_render = __webpack_require__(2);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/editable-pro-table/src/components/RenderCell.vue?vue&type=template&id=934d518a&scoped=true
+var RenderCellvue_type_template_id_934d518a_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "Fragment",
+    [
+      _vm.isEditable
+        ? _c("FormItem", {
+            attrs: {
+              formItem: _vm.formItem,
+              formItemProp: _vm.formItemProp,
+              form: _vm.row,
+              name: _vm.name,
+              recordKey: _vm.recordKey,
+              index: _vm.index,
+            },
+            scopedSlots: _vm._u(
+              [
+                {
+                  key: _vm.formItem.prop,
+                  fn: function () {
+                    return [
+                      _vm._t(_vm.formItem.prop, null, null, {
+                        form: _vm.row,
+                        formItem: _vm.formItem,
+                        recordKey: _vm.recordKey,
+                        index: _vm.index,
+                      }),
+                    ]
+                  },
+                  proxy: true,
+                },
+              ],
+              null,
+              true
+            ),
+          })
+        : [
+            _c(
+              "el-form-item",
+              {
+                staticClass: "editable-form-item",
+                attrs: { prop: _vm.formItemProp },
+              },
+              [
+                _vm.column.renderCell
+                  ? _c("CustomRender", {
+                      attrs: { render: () => _vm.column.renderCell(_vm.scope) },
+                    })
+                  : _c(
+                      "span",
+                      {
+                        class: {
+                          "text-ellipsis": _vm.column["show-overflow-tooltip"],
+                        },
+                      },
+                      [_vm._v(_vm._s(_vm.value))]
+                    ),
+              ],
+              1
+            ),
+          ],
+    ],
+    2
+  )
+}
+var RenderCellvue_type_template_id_934d518a_scoped_true_staticRenderFns = []
+RenderCellvue_type_template_id_934d518a_scoped_true_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/components/RenderCell.vue?vue&type=template&id=934d518a&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/editable-pro-table/src/components/FormItem.vue?vue&type=template&id=6714ad42&scoped=true
+var FormItemvue_type_template_id_6714ad42_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "el-form-item",
+    _vm._b(
+      {
+        staticClass: "editable-form-item is-editable",
+        attrs: { prop: _vm.formItemProp, label: "" },
+      },
+      "el-form-item",
+      _vm.normalizedFormItem,
+      false
+    ),
+    [
+      _vm.formItem.renderField
+        ? _c("CustomRender", {
+            attrs: {
+              render: () =>
+                _vm.formItem.renderField({
+                  form: _vm.form,
+                  formItem: _vm.formItem,
+                  recordKey: _vm.recordKey,
+                  index: _vm.index,
+                }),
+            },
+          })
+        : _vm.formItem.valueType === "slot"
+        ? _vm._t(_vm.formItem.prop)
+        : _c(
+            `el-${_vm.formItem.valueType}`,
+            _vm._g(
+              _vm._b(
+                {
+                  tag: "component",
+                  model: {
+                    value: _vm.form[_vm.formItem.prop],
+                    callback: function ($$v) {
+                      _vm.$set(_vm.form, _vm.formItem.prop, $$v)
+                    },
+                    expression: "form[formItem.prop]",
+                  },
+                },
+                "component",
+                _vm.formItem.fieldProps,
+                false
+              ),
+              _vm.normalizedFieldEvents
+            ),
+            [
+              _vm.formItem.valueType === "select"
+                ? [
+                    _vm.isOptionGroup
+                      ? _vm._l(_vm.formItem.options, function (group) {
+                          return _c(
+                            "el-option-group",
+                            _vm._b(
+                              { key: group.label },
+                              "el-option-group",
+                              group,
+                              false
+                            ),
+                            _vm._l(group.options, function (option) {
+                              return _c(
+                                "el-option",
+                                _vm._b(
+                                  { key: option.value },
+                                  "el-option",
+                                  option,
+                                  false
+                                )
+                              )
+                            }),
+                            1
+                          )
+                        })
+                      : _vm._l(_vm.formItem.options, function (option) {
+                          return _c(
+                            "el-option",
+                            _vm._b(
+                              { key: option.value },
+                              "el-option",
+                              option,
+                              false
+                            )
+                          )
+                        }),
+                  ]
+                : _vm.groups.includes(_vm.formItem.valueType)
+                ? _vm._l(_vm.formItem.options, function (option) {
+                    return _c(
+                      _vm.selection[_vm.formItem.valueType],
+                      {
+                        key: option.value,
+                        tag: "component",
+                        attrs: { label: option.value },
+                      },
+                      [_vm._v("\n        " + _vm._s(option.label) + "\n      ")]
+                    )
+                  })
+                : _vm._e(),
+            ],
+            2
+          ),
+    ],
+    2
+  )
+}
+var FormItemvue_type_template_id_6714ad42_scoped_true_staticRenderFns = []
+FormItemvue_type_template_id_6714ad42_scoped_true_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/components/FormItem.vue?vue&type=template&id=6714ad42&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/editable-pro-table/src/components/FormItem.vue?vue&type=script&lang=js
+
+/* harmony default export */ var FormItemvue_type_script_lang_js = ({
+  name: 'FormItem',
+  components: {
+    CustomRender: custom_render["a" /* default */]
+  },
+  props: {
+    // formItem 项
+    formItem: {
+      type: Object,
+      required: true
+    },
+    // 表单数据
+    form: {
+      type: Object,
+      required: true
+    },
+    // 可编辑表格名称
+    name: {
+      type: String
+    },
+    recordKey: {
+      type: [Number, String]
+    },
+    // 下标
+    index: {
+      type: Number
+    },
+    // el-form-item prop
+    formItemProp: {
+      type: String
+    }
+  },
+  computed: {
+    // 过滤 el-form-item 的属性
+    normalizedFormItem() {
+      const {
+        valueType,
+        renderField,
+        fieldProps,
+        fieldEvents,
+        options,
+        valueEnum,
+        optionLoader,
+        initialValue,
+        colProps,
+        ...keys
+      } = this.formItem;
+      return keys;
+    },
+    // 表单事件
+    normalizedFieldEvents() {
+      const {
+        formItem: {
+          fieldEvents
+        }
+      } = this;
+      if (!fieldEvents) {
+        return;
+      }
+      const newEvents = {};
+      const {
+        recordKey,
+        form: row,
+        index
+      } = this;
+      for (const eventName in fieldEvents) {
+        const handler = (...args) => {
+          var _fieldEvents$eventNam;
+          return (_fieldEvents$eventNam = fieldEvents[eventName]) === null || _fieldEvents$eventNam === void 0 ? void 0 : _fieldEvents$eventNam.call(fieldEvents, ...args, {
+            recordKey,
+            row,
+            index
+          });
+        };
+        newEvents[eventName] = handler;
+      }
+      return newEvents;
+    },
+    isOptionGroup() {
+      var _this$formItem$option, _this$formItem$option2;
+      return (_this$formItem$option = this.formItem.options) === null || _this$formItem$option === void 0 ? void 0 : (_this$formItem$option2 = _this$formItem$option[0]) === null || _this$formItem$option2 === void 0 ? void 0 : _this$formItem$option2.options;
+    }
+  },
+  data() {
+    return {
+      groups: ['radio-group', 'checkbox-group'],
+      // valueType
+      selection: {
+        // 选项组对应的组件
+        'radio-group': 'el-radio',
+        'checkbox-group': 'el-checkbox'
+      }
+    };
+  }
+});
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/components/FormItem.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_FormItemvue_type_script_lang_js = (FormItemvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./packages/editable-pro-table/src/components/FormItem.vue?vue&type=style&index=0&id=6714ad42&prod&lang=less&scoped=true
+// extracted by mini-css-extract-plugin
+
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/components/FormItem.vue?vue&type=style&index=0&id=6714ad42&prod&lang=less&scoped=true
+
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/components/FormItem.vue
+
+
+
+
+
+
+/* normalize component */
+
+var FormItem_component = Object(componentNormalizer["a" /* default */])(
+  components_FormItemvue_type_script_lang_js,
+  FormItemvue_type_template_id_6714ad42_scoped_true_render,
+  FormItemvue_type_template_id_6714ad42_scoped_true_staticRenderFns,
+  false,
+  null,
+  "6714ad42",
+  null
+  
+)
+
+/* harmony default export */ var FormItem = (FormItem_component.exports);
+// EXTERNAL MODULE: external "element-ui-pro-components/lib/utils/form"
+var form_ = __webpack_require__(3);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/editable-pro-table/src/components/RenderCell.vue?vue&type=script&lang=js
+
+
+
+/* harmony default export */ var RenderCellvue_type_script_lang_js = ({
+  name: 'RenderCell',
+  components: {
+    FormItem: FormItem,
+    CustomRender: custom_render["a" /* default */]
+  },
+  props: {
+    editable: {
+      type: Object,
+      required: true
+    },
+    // 列
+    column: {
+      type: Object,
+      required: true
+    },
+    // 数据
+    scope: {
+      type: Object
+    },
+    name: {
+      type: String,
+      required: true
+    },
+    recordKey: {
+      type: [String, Number]
+    },
+    cachedOptions: {
+      type: Object
+    },
+    preEditRows: {
+      type: Map
+    }
+  },
+  computed: {
+    // 表单项
+    formItem() {
+      const {
+        column,
+        column: {
+          prop,
+          formItemProps = {},
+          valueType,
+          renderField,
+          fieldProps = {},
+          fieldEvents
+        }
+      } = this;
+      // 设置 placeholder
+      Object(form_["setPlaceholder"])(fieldProps, valueType);
+
+      // 设置 select options
+      Object(form_["setSelectOptions"])(column, this.cachedOptions);
+
+      // 设置 cascader options
+      Object(form_["setCascaderOptions"])(fieldProps, column, this.cachedOptions);
+      return {
+        ...formItemProps,
+        prop,
+        valueType,
+        renderField,
+        fieldProps,
+        fieldEvents,
+        options: column.options
+      };
+    },
+    // 行数据
+    row() {
+      return this.scope.row;
+    },
+    // 下标
+    index() {
+      return this.scope.$index;
+    },
+    // 可编辑表格 el-form-item prop
+    formItemProp() {
+      const {
+        formItem: {
+          prop
+        },
+        name,
+        index
+      } = this;
+      return `${name}.${index}.${prop}`;
+    },
+    isEditable() {
+      var _this$preEditRows$get;
+      const {
+        editable: {
+          editableKeys
+        },
+        recordKey,
+        formItem: {
+          prop
+        },
+        column: {
+          readonly,
+          editable
+        }
+      } = this;
+      const preEditCellValue = (_this$preEditRows$get = this.preEditRows.get(this.recordKey)) === null || _this$preEditRows$get === void 0 ? void 0 : _this$preEditRows$get[prop];
+      return (editableKeys === null || editableKeys === void 0 ? void 0 : editableKeys.some(key => recordKey === key)) && readonly !== true && (editable ? editable === null || editable === void 0 ? void 0 : editable(preEditCellValue, this.row, this.index) : true);
+    },
+    // 文本
+    value() {
+      const {
+        column: {
+          formatter
+        },
+        formItem,
+        scope,
+        row,
+        index
+      } = this;
+      const {
+        prop,
+        valueType,
+        options,
+        valueEnum
+      } = formItem;
+      const cellValue = row[prop];
+      if (formatter) {
+        // formatter
+        return formatter(row, scope.column, cellValue, index);
+      } else if (valueType === 'select') {
+        // 选择器
+        if (valueEnum) {
+          // 枚举
+          if (valueEnum instanceof Map) {
+            return valueEnum.get(cellValue);
+          } else {
+            return valueEnum[cellValue];
+          }
+        } else {
+          // options
+          const map = (options || []).reduce((accu, cur) => ({
+            ...accu,
+            [cur.value]: cur.label
+          }), {});
+          return map[cellValue];
+        }
+      }
+      return cellValue !== null && cellValue !== void 0 ? cellValue : '-';
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/components/RenderCell.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_RenderCellvue_type_script_lang_js = (RenderCellvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./packages/editable-pro-table/src/components/RenderCell.vue?vue&type=style&index=0&id=934d518a&prod&lang=less&scoped=true
+// extracted by mini-css-extract-plugin
+
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/components/RenderCell.vue?vue&type=style&index=0&id=934d518a&prod&lang=less&scoped=true
+
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/components/RenderCell.vue
+
+
+
+
+
+
+/* normalize component */
+
+var RenderCell_component = Object(componentNormalizer["a" /* default */])(
+  components_RenderCellvue_type_script_lang_js,
+  RenderCellvue_type_template_id_934d518a_scoped_true_render,
+  RenderCellvue_type_template_id_934d518a_scoped_true_staticRenderFns,
+  false,
+  null,
+  "934d518a",
+  null
+  
+)
+
+/* harmony default export */ var RenderCell = (RenderCell_component.exports);
+// EXTERNAL MODULE: external "element-ui-pro-components/lib/locale"
+var locale_ = __webpack_require__(1);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/editable-pro-table/src/components/Editable.vue?vue&type=script&lang=js
+
+/* harmony default export */ var Editablevue_type_script_lang_js = ({
+  name: 'Editable',
+  props: {
+    // 可编辑配置
+    editable: {
+      type: Object,
+      required: true
+    },
+    actions: {
+      type: Object,
+      required: true
+    },
+    validateRow: {
+      type: Function
+    },
+    recordKey: {
+      type: [String, Number]
+    },
+    render: {
+      type: Function,
+      required: true
+    },
+    scope: {
+      type: Object
+    },
+    newLineRecordCache: {
+      type: Object
+    },
+    name: {
+      type: String
+    },
+    preEditRows: {
+      type: Map
+    },
+    defaultSize: {
+      type: String
+    }
+  },
+  computed: {
+    isEditable() {
+      const {
+        editable: {
+          editableKeys
+        },
+        recordKey
+      } = this;
+      return editableKeys === null || editableKeys === void 0 ? void 0 : editableKeys.some(key => recordKey === key);
+    },
+    isNewLineRecordCache() {
+      var _this$newLineRecordCa;
+      return ((_this$newLineRecordCa = this.newLineRecordCache) === null || _this$newLineRecordCa === void 0 ? void 0 : _this$newLineRecordCa.options.recordKey) === this.recordKey;
+    }
+  },
+  data() {
+    return {
+      saveLoading: false,
+      deleteLoading: false,
+      visible: false
+    };
+  },
+  methods: {
+    /**
+     * @desc 保存
+     */
+    async save() {
+      // 手动销毁
+      this.visible = false;
+      const {
+        validateRow,
+        scope: {
+          row,
+          $index
+        },
+        recordKey
+      } = this;
+      const res = await validateRow($index);
+      if (!res) {
+        return;
+      }
+      try {
+        var _this$editable$onSave, _this$editable;
+        this.saveLoading = true;
+        const res = await ((_this$editable$onSave = (_this$editable = this.editable).onSave) === null || _this$editable$onSave === void 0 ? void 0 : _this$editable$onSave.call(_this$editable, recordKey, row, this.preEditRows.get(recordKey)));
+        this.saveLoading = false;
+        if (res === false) {
+          return;
+        }
+        this.actions.cancelEditable(recordKey, row);
+      } catch (err) {
+        this.saveLoading = false;
+        console.error('err', err);
+      }
+    },
+    /**
+     * @desc 删除
+     */
+    async delete() {
+      try {
+        var _this$editable$onDele, _this$editable2;
+        this.deleteLoading = true;
+        const {
+          scope: {
+            row
+          },
+          recordKey
+        } = this;
+        const res = await ((_this$editable$onDele = (_this$editable2 = this.editable).onDelete) === null || _this$editable$onDele === void 0 ? void 0 : _this$editable$onDele.call(_this$editable2, recordKey, row));
+        this.deleteLoading = false;
+        if (res === false) {
+          return;
+        }
+        this.visible = false;
+        await this.actions.cancelEditable(recordKey, row);
+        this.$emit('delete', recordKey);
+      } catch (err) {
+        this.deleteLoading = false;
+        console.error('err', err);
+      }
+    },
+    /**
+     * @desc 取消
+     */
+    async cancel() {
+      try {
+        // 手动销毁
+        this.visible = false;
+        const {
+          recordKey,
+          scope: {
+            row,
+            $index
+          }
+        } = this;
+        await this.actions.cancelEditable(recordKey, row);
+        this.$emit('cancel', recordKey, $index);
+      } catch (err) {
+        console.error('err', err);
+      }
+    }
+  },
+  render: function (h) {
+    const {
+      saveText,
+      deleteText,
+      cancelText,
+      deletePopconfirmMessage
+    } = this.editable;
+    const {
+      defaultSize
+    } = this;
+    const doms = {
+      save: h("el-button", {
+        "class": "btn-save",
+        "attrs": {
+          "type": "text",
+          "size": defaultSize,
+          "loading": this.saveLoading
+        },
+        "on": {
+          "click": this.save
+        },
+        "key": "save"
+      }, [saveText]),
+      delete: h("el-popover", {
+        "attrs": {
+          "placement": "top",
+          "popper-class": "editable-pro-table__popover--delete",
+          "trigger": "click",
+          "value": this.visible
+        },
+        "on": {
+          "input": val => this.visible = val
+        },
+        "key": "delete"
+      }, [h("i", {
+        "class": "el-icon-info"
+      }), h("span", [deletePopconfirmMessage]), h("div", [h("el-button", {
+        "attrs": {
+          "size": "mini",
+          "type": "text"
+        },
+        "on": {
+          "click": () => this.visible = false
+        }
+      }, [Object(locale_["t"])('elProComponents.editableProTable.cancelButtonText')]), h("el-button", {
+        "attrs": {
+          "type": "primary",
+          "size": "mini",
+          "loading": this.deleteLoading
+        },
+        "on": {
+          "click": this.delete
+        }
+      }, [Object(locale_["t"])('elProComponents.editableProTable.confirmButtonText')])]), h("el-button", {
+        "slot": "reference",
+        "attrs": {
+          "type": "text",
+          "size": defaultSize
+        }
+      }, [deleteText])]),
+      cancel: h("el-button", {
+        "class": "btn-cancel",
+        "attrs": {
+          "type": "text",
+          "size": defaultSize
+        },
+        "on": {
+          "click": this.cancel
+        },
+        "key": "cancel"
+      }, [cancelText])
+    };
+    const {
+      editable: {
+        editableKeys,
+        onChange,
+        onSave,
+        onDelete,
+        onCancel,
+        actionRender
+      },
+      scope: {
+        row
+      },
+      isNewLineRecordCache
+    } = this;
+    const {
+      recordKey,
+      scope: {
+        $index
+      },
+      actions: {
+        cancelEditable,
+        addEditRecord
+      },
+      name,
+      newLineRecordCache
+    } = this;
+    const config = {
+      editableKeys,
+      setEditableRowKeys: keys => onChange === null || onChange === void 0 ? void 0 : onChange(keys),
+      recordKey,
+      preEditRow: this.preEditRows.get(recordKey),
+      index: $index,
+      onSave,
+      onDelete,
+      onCancel,
+      cancelEditable,
+      newLineConfig: newLineRecordCache,
+      saveText,
+      deleteText,
+      cancelText,
+      deletePopconfirmMessage,
+      addEditRecord,
+      tableName: name
+    };
+    const defaultDoms = [doms.save, !isNewLineRecordCache && doms.delete, doms.cancel].filter(Boolean);
+    const actionDoms = typeof actionRender === 'function' ? actionRender(row, config, doms) : defaultDoms;
+    return h("Fragment", [this.isEditable ? actionDoms : this.render(this.actions)]);
+  }
+});
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/components/Editable.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_Editablevue_type_script_lang_js = (Editablevue_type_script_lang_js); 
+// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./packages/editable-pro-table/src/components/Editable.vue?vue&type=style&index=0&id=7488f54c&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
+
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/components/Editable.vue?vue&type=style&index=0&id=7488f54c&prod&scoped=true&lang=css
+
+// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./packages/editable-pro-table/src/components/Editable.vue?vue&type=style&index=1&id=7488f54c&prod&lang=less
+// extracted by mini-css-extract-plugin
+
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/components/Editable.vue?vue&type=style&index=1&id=7488f54c&prod&lang=less
+
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/components/Editable.vue
+var Editable_render, Editable_staticRenderFns
+
+
+
+
+
+
+/* normalize component */
+
+var Editable_component = Object(componentNormalizer["a" /* default */])(
+  components_Editablevue_type_script_lang_js,
+  Editable_render,
+  Editable_staticRenderFns,
+  false,
+  null,
+  "7488f54c",
+  null
+  
+)
+
+/* harmony default export */ var Editable = (Editable_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/editable-pro-table/src/index.vue?vue&type=script&lang=js
+
+
+
+
+
+
+/* harmony default export */ var srcvue_type_script_lang_js = ({
+  name: 'EditableProTable',
+  components: {
+    ElTablePrepend: external_el_table_prepend_default.a,
+    RecordCreator: RecordCreator,
+    CustomRender: custom_render["a" /* default */],
+    RenderCell: RenderCell,
+    Editable: Editable
+  },
+  // 组件外 el-form 的引用
+  inject: {
+    formRef: {
+      from: 'elForm',
+      default: null
+    }
+  },
+  props: {
+    // el-table 的数据
+    dataSource: {
+      type: Array,
+      required: true,
+      default: () => []
+    },
+    // 新建一行数据的相关配置
+    recordCreatorProps: {
+      type: [Boolean, Object],
+      default: true
+    },
+    // 最大的行数
+    maxLength: {
+      type: Number
+    },
+    // 可编辑表格的相关配置
+    editable: {
+      type: Object
+    },
+    // 行数据的 Key
+    rowKey: {
+      type: String
+    },
+    // 表格名称
+    name: {
+      type: String,
+      default: 'dataSource'
+    },
+    // el-table 的类名
+    className: {
+      type: String
+    },
+    // 加载中
+    loading: {
+      type: Boolean
+    },
+    // el-table attributes 的配置
+    tableProps: {
+      type: Object
+    },
+    // el-table events 的配置
+    tableEvents: {
+      type: Object
+    },
+    // 列定义
+    columns: {
+      type: Array,
+      required: true,
+      default: () => []
+    },
+    // 默认的 size
+    defaultSize: {
+      type: String,
+      validator: function (value) {
+        return ['medium', 'small', 'mini'].includes(value);
+      }
+    },
+    // 固定列是否使用 position: sticky 实现
+    sticky: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    getDynamicProps() {
+      const {
+        formRef,
+        form,
+        defaultSize
+      } = this;
+      if (!formRef) {
+        return {
+          ref: 'formRef',
+          model: form,
+          size: defaultSize
+        };
+      }
+      return;
+    },
+    // recordCreatorProps 初始化
+    initializedCreatorProps() {
+      const {
+        recordCreatorProps
+      } = this;
+      if (recordCreatorProps) {
+        const defaultRecordCreatorProps = {
+          position: 'bottom',
+          newRecordType: 'cache',
+          creatorButtonText: Object(locale_["t"])('elProComponents.editableProTable.add'),
+          onlyAddOneLineAlertMessage: Object(locale_["t"])('elProComponents.editableProTable.onlyAddOneLine')
+        };
+        if (typeof recordCreatorProps === 'object') {
+          return {
+            ...defaultRecordCreatorProps,
+            ...recordCreatorProps
+          };
+        }
+        return defaultRecordCreatorProps;
+      }
+      return false;
+    },
+    // 是否超过了最大的行数
+    exceedsMax() {
+      const {
+        maxLength
+      } = this;
+      if (typeof maxLength === 'number') {
+        return this.form[this.name].length >= maxLength;
+      }
+      return false;
+    },
+    // editable 初始化
+    initializedEditable() {
+      const defaultEditable = {
+        type: 'single',
+        saveText: Object(locale_["t"])('elProComponents.editableProTable.save'),
+        deleteText: Object(locale_["t"])('elProComponents.editableProTable.delete'),
+        cancelText: Object(locale_["t"])('elProComponents.editableProTable.cancel'),
+        deletePopconfirmMessage: Object(locale_["t"])('elProComponents.editableProTable.deleteThisLine'),
+        onlyOneLineEditorAlertMessage: Object(locale_["t"])('elProComponents.editableProTable.onlyOneLineEditor')
+      };
+      return {
+        ...defaultEditable,
+        ...this.editable
+      };
+    },
+    // tableProps 初始化
+    initializedTableProps() {
+      const {
+        rowKey,
+        tableProps = {},
+        defaultSize: size
+      } = this;
+      return {
+        ...tableProps,
+        rowKey,
+        size,
+        'cell-style': data => this.getCellStyle(data, tableProps['cell-style']),
+        'header-cell-style': data => this.getCellStyle(data, tableProps['header-cell-style'])
+      };
+    },
+    // columns 初始化
+    initializedColumns() {
+      return this.columns.filter(item => !item.hideInTable);
+    },
+    // 计算定位的偏移
+    calculateOffset() {
+      const offset = {};
+      const {
+        initializedColumns,
+        sticky
+      } = this;
+      let totalLeftOffset = 0;
+      let leftIndex = -1;
+      for (let i = 0; i < initializedColumns.length; i++) {
+        const col = initializedColumns[i];
+        const isSticky = sticky !== false && col.fixed === 'left';
+        if (isSticky) {
+          leftIndex = i;
+          offset[i] = totalLeftOffset;
+          totalLeftOffset += col.width || col.minWidth;
+        }
+      }
+      let totalRightOffset = 0;
+      let rightIndex = -1;
+      for (let i = initializedColumns.length - 1; i >= 0; i--) {
+        const col = initializedColumns[i];
+        const isSticky = sticky !== false && col.fixed === 'right';
+        if (isSticky) {
+          rightIndex = i;
+          offset[i] = totalRightOffset;
+          totalRightOffset += col.width || col.minWidth;
+        }
+      }
+      return {
+        offset,
+        leftIndex,
+        rightIndex
+      };
+    }
+  },
+  data() {
+    return {
+      cachedOptions: {},
+      // 下拉数据 { [prop]: data }
+      form: {
+        [this.name]: this.dataSource
+      },
+      newLineRecordCache: undefined,
+      // 新增一行草稿数据
+      preEditRows: new Map() // 编辑前行数据
+    };
+  },
+  created() {
+    // 获取异步数据
+    this.getOptions();
+  },
+  watch: {
+    // 监听元数据变化
+    dataSource(newValue) {
+      this.form[this.name] = newValue;
+    }
+  },
+  methods: {
+    /**
+     * @desc 获取异步下拉数据
+     */
+    getOptions() {
+      for (const item of this.columns) {
+        const {
+          prop,
+          optionLoader
+        } = item;
+        if (typeof optionLoader === 'function') {
+          optionLoader().then(res => {
+            this.cachedOptions = {
+              ...this.cachedOptions,
+              [prop]: res
+            };
+          });
+        }
+      }
+    },
+    /**
+     * @desc 初始化表单字段
+     */
+    getInitialValues() {
+      return this.initializedColumns.reduce((accu, cur) => {
+        const {
+          prop
+        } = cur;
+        if (!prop) {
+          return accu;
+        }
+        return {
+          ...accu,
+          [prop]: undefined
+        };
+      }, {});
+    },
+    /**
+     * 新增一行的方法
+     * @param record 数据
+     * @param newLine 新增一行的配置
+     */
+    addEditRecord(record, newLine) {
+      var _record;
+      const {
+        initializedCreatorProps: {
+          onlyAddOneLineAlertMessage
+        }
+      } = this;
+      // 只能新增一行校验
+      if (this.newLineRecordCache) {
+        this.$message.warning(onlyAddOneLineAlertMessage);
+        return;
+      }
+
+      // 只能同时编辑一行校验
+      if (!this.validateCanStartEdit()) {
+        return;
+      }
+      const {
+        form,
+        name,
+        rowKey
+      } = this;
+      const {
+        initializedCreatorProps: {
+          position,
+          newRecordType,
+          record: defaultRecord
+        }
+      } = this;
+      const dataSource = form[name];
+      const newLineConfig = {
+        position,
+        newRecordType,
+        ...(newLine || {})
+      };
+      const index = newLineConfig.position === 'top' ? dataSource.length : 0;
+      record = (_record = record) !== null && _record !== void 0 ? _record : defaultRecord;
+      const newRecord = {
+        ...this.getInitialValues(),
+        ...(typeof record === 'function' ? record(index, dataSource) : record)
+      };
+      if (!newRecord[rowKey]) {
+        console.error('Error: 请设置 recordCreatorProps.record 并返回一个唯一的key');
+        return;
+      }
+
+      // 记录缓存数据
+      if (newLineConfig.newRecordType !== 'dataSource') {
+        this.newLineRecordCache = {
+          // 深拷贝防止引用
+          defaultValue: JSON.parse(JSON.stringify(newRecord)),
+          options: {
+            ...newLineConfig,
+            recordKey: newRecord[rowKey]
+          }
+        };
+      } else {
+        this.newLineRecordCache = undefined;
+      }
+
+      // 插入数据
+      if (newLineConfig.position === 'top') {
+        dataSource.unshift(newRecord);
+      } else {
+        dataSource.push(newRecord);
+      }
+
+      // 更新 editableKeys
+      const {
+        initializedEditable: {
+          editableKeys,
+          onChange
+        }
+      } = this;
+      const newKeys = [...editableKeys, newRecord[rowKey]];
+      const editableRows = dataSource.filter(item => editableKeys.includes(item[rowKey]));
+      onChange === null || onChange === void 0 ? void 0 : onChange(newKeys, editableRows);
+    },
+    /**
+     * @desc 获取 column 配置
+     * @param col 列
+     */
+    getColumnProps(col, index) {
+      // 筛选 el-column 属性
+      const {
+        formItemProps,
+        renderLabel,
+        valueType,
+        renderField,
+        fieldProps,
+        fieldEvents,
+        options,
+        valueEnum,
+        optionLoader,
+        renderCellHeader,
+        renderCell,
+        editable,
+        readonly,
+        key,
+        ...keys
+      } = col;
+      const {
+        sticky
+      } = this;
+      const getStickyClassName = (fixed, sticky) => {
+        if (!sticky) return '';
+        if (fixed === 'left') return 'editable-pro-table__fixed-left';
+        if (fixed === 'right') return 'editable-pro-table__fixed-right';
+        return '';
+      };
+      let className = col['class-name'] || '';
+      if (col.fixed && sticky) {
+        className += ' ' + getStickyClassName(col.fixed, sticky);
+      }
+      if (this.calculateOffset.leftIndex === index) {
+        className += ' ' + 'editable-pro-table__fixed-start-shadow';
+      } else if (this.calculateOffset.rightIndex === index) {
+        className += ' ' + 'editable-pro-table__fixed-end-shadow';
+      }
+      return {
+        ...keys,
+        fixed: col.fixed && sticky ? undefined : col.fixed,
+        'class-name': className
+      };
+    },
+    /**
+     * @desc 获取待校验的字段
+     * @param index 下标
+     * @returns {Array}
+     */
+    getValidateFields(index) {
+      return this.columns.filter(item => item.valueType && item.valueType !== 'option' || item.renderField).map(item => `${this.name}.${index}.${item.prop}`);
+    },
+    /**
+     * @desc 校验行
+     * @param index 下标
+     */
+    validateRow(index) {
+      return new Promise(async resolve => {
+        const fields = this.getValidateFields(index);
+        const promises = fields.map(field => new Promise(resolve => {
+          var _this$getFormRef;
+          (_this$getFormRef = this.getFormRef()) === null || _this$getFormRef === void 0 ? void 0 : _this$getFormRef.validateField(field, error => {
+            resolve(!error);
+          });
+        }));
+        const res = await Promise.all(promises);
+        resolve(!res.some(item => !item));
+      });
+    },
+    /**
+     * @desc 验证是否可以开始编辑
+     * @returns {Boolean}
+     */
+    validateCanStartEdit() {
+      const {
+        initializedEditable: {
+          type,
+          editableKeys,
+          onlyOneLineEditorAlertMessage
+        }
+      } = this;
+      if (editableKeys.length && type === 'single') {
+        this.$message.warning(onlyOneLineEditorAlertMessage);
+        return false;
+      }
+      return true;
+    },
+    /**
+     * @desc 退出编辑
+     * @param recordKey 
+     */
+    clearEditableState(recordKey) {
+      const {
+        initializedEditable: {
+          editableKeys,
+          onChange
+        }
+      } = this;
+      if (!editableKeys.includes(recordKey)) {
+        return true;
+      }
+      const newKeys = editableKeys.filter(item => item !== recordKey);
+      onChange === null || onChange === void 0 ? void 0 : onChange(newKeys);
+    },
+    /**
+     * @desc 清除新增行缓存
+     * @param recordKey 
+     */
+    clearNewLineCache(recordKey) {
+      var _this$newLineRecordCa;
+      if (((_this$newLineRecordCa = this.newLineRecordCache) === null || _this$newLineRecordCa === void 0 ? void 0 : _this$newLineRecordCa.options.recordKey) === recordKey) {
+        this.newLineRecordCache = null;
+      }
+    },
+    /**
+     * @desc 取消编辑
+     * @param {String | Number} recordKey 值
+     * @param {Object} editRow 行数据
+     * @param {Object} originRow 初始行数据
+     */
+    async cancelEditable(recordKey, editRow) {
+      try {
+        var _this$editable$onCanc, _this$editable;
+        const originRow = this.preEditRows.get(recordKey);
+        await ((_this$editable$onCanc = (_this$editable = this.editable).onCancel) === null || _this$editable$onCanc === void 0 ? void 0 : _this$editable$onCanc.call(_this$editable, recordKey, editRow, originRow));
+
+        // 退出编辑
+        this.clearEditableState(recordKey);
+
+        // 清除新增行缓存
+        this.clearNewLineCache(recordKey);
+      } catch (err) {
+        console.error('err', err);
+      }
+      return true;
+    },
+    /**
+     * @desc 查找行数据
+     * @param recordKey
+     */
+    findRecordByKey(recordKey) {
+      const dataSource = this.form[this.name];
+      const record = dataSource.find(item => item[this.rowKey] === recordKey);
+      return JSON.parse(JSON.stringify(record));
+    },
+    /**
+     * @desc 开始编辑指定字段
+     * @param {String | Number} recordKey 值
+     * @returns {Boolean}
+     */
+    startEditable(recordKey) {
+      if (!this.validateCanStartEdit()) {
+        return false;
+      }
+      const {
+        initializedEditable: {
+          editableKeys,
+          onChange
+        }
+      } = this;
+      const isAlreadyEditable = editableKeys === null || editableKeys === void 0 ? void 0 : editableKeys.some(key => key === recordKey);
+      if (!isAlreadyEditable) {
+        onChange === null || onChange === void 0 ? void 0 : onChange([...editableKeys, recordKey]);
+        // 更新 preEditRows
+        this.preEditRows.set(recordKey, this.findRecordByKey(recordKey));
+      }
+      return true;
+    },
+    /**
+     * @desc 删除
+     * @param recordKey 
+     */
+    filterByRecordKey(recordKey) {
+      const {
+        form,
+        name,
+        rowKey
+      } = this;
+      const dataSource = form[name];
+      const index = dataSource.findIndex(item => item[rowKey] === recordKey);
+      if (index !== -1) {
+        dataSource.splice(index, 1);
+      }
+    },
+    /**
+     * @desc 取消
+     * @param recordKey 
+     * @param index
+     */
+    deleteOrResetRow(recordKey, index) {
+      const {
+        initializedCreatorProps: {
+          newRecordType
+        }
+      } = this;
+      const preEditRow = this.preEditRows.get(recordKey);
+      if (preEditRow) {
+        // 重置为默认值
+        const {
+          form,
+          name,
+          rowKey
+        } = this;
+        const dataSource = form[name];
+        const index = dataSource.findIndex(item => item[rowKey] === recordKey);
+        if (index !== -1) {
+          dataSource.splice(index, 1, preEditRow);
+        }
+      } else {
+        if (newRecordType !== 'dataSource') {
+          // 没有历史值 则删除
+          this.filterByRecordKey(recordKey);
+        } else {
+          // 重置为新增的初始值
+          const {
+            initializedCreatorProps: {
+              record
+            },
+            form,
+            name,
+            rowKey
+          } = this;
+          const dataSource = form[name];
+          const newRecord = {
+            ...this.getInitialValues(),
+            ...(typeof record === 'function' ? record(index, dataSource) : record)
+          };
+          // 防止 rowKey 覆盖
+          delete newRecord[rowKey];
+          this.setRowData(index, newRecord);
+        }
+      }
+    },
+    /**
+     * @desc 获取 form ref
+     */
+    getFormRef() {
+      return this.formRef || this.$refs.formRef;
+    },
+    /**
+     * @desc 获取 table ref
+     */
+    getTableRef() {
+      return this.$refs.editableProTableRef;
+    },
+    /**
+     * @desc 获取行数据
+     */
+    getRowData(rowIndex) {
+      const dataSource = this.form[this.name];
+      if (typeof rowIndex === 'number' && rowIndex < dataSource.length) {
+        return dataSource[rowIndex];
+      } else {
+        return dataSource.find(item => item[this.rowKey] === rowIndex);
+      }
+    },
+    /**
+     * @desc 获取整个 table 的数据
+     */
+    getRowsData() {
+      return this.form[this.name];
+    },
+    /**
+     * @desc 设置一行的数据
+     */
+    setRowData(rowIndex, data) {
+      const dataSource = this.form[this.name];
+      if (typeof rowIndex === 'number' && rowIndex < dataSource.length) {
+        console.log({
+          ...dataSource[rowIndex],
+          ...data
+        });
+        dataSource.splice(rowIndex, 1, {
+          ...dataSource[rowIndex],
+          ...data
+        });
+      } else {
+        const index = dataSource.findIndex(item => item[this.rowKey] === rowIndex);
+        if (index !== -1) {
+          dataSource.splice(index, 1, {
+            ...dataSource[index],
+            ...data
+          });
+        }
+      }
+    },
+    /**
+     * @desc cellStyle
+     */
+    getCellStyle({
+      row,
+      column,
+      rowIndex,
+      columnIndex
+    }, parentCellStyle) {
+      const parentStyle = parentCellStyle === null || parentCellStyle === void 0 ? void 0 : parentCellStyle({
+        row,
+        column,
+        rowIndex,
+        columnIndex
+      });
+      const childStyle = this.getStickyStyle(columnIndex, this.initializedColumns[columnIndex].fixed);
+      if (typeof parentStyle === 'string') {
+        let cellStyleString = '';
+        cellStyleString += parentStyle + ';';
+        if (childStyle) {
+          const childStyleString = Object.entries(childStyle).map(([key, value]) => {
+            return `${key}: ${value};`;
+          });
+          cellStyleString += childStyleString;
+        }
+        return cellStyleString;
+      }
+      if (parentStyle instanceof Object) {
+        return {
+          ...parentStyle,
+          ...(childStyle || {})
+        };
+      }
+      return childStyle;
+    },
+    /**
+     * @desc 获取 sticky 的样式
+     * @param {Number} index 下标
+     * @param {String} fixed 固定位置
+     */
+    getStickyStyle(index, fixed) {
+      const offset = this.calculateOffset.offset[index];
+      if (offset !== undefined) {
+        return {
+          [fixed]: `${offset}px`
+        };
+      }
+      return;
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var editable_pro_table_srcvue_type_script_lang_js = (srcvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./packages/editable-pro-table/src/index.vue?vue&type=style&index=0&id=b4388ac0&prod&lang=less&scoped=true
+// extracted by mini-css-extract-plugin
+
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/index.vue?vue&type=style&index=0&id=b4388ac0&prod&lang=less&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./packages/editable-pro-table/src/index.vue?vue&type=style&index=1&id=b4388ac0&prod&lang=less
+// extracted by mini-css-extract-plugin
+
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/index.vue?vue&type=style&index=1&id=b4388ac0&prod&lang=less
+
+// CONCATENATED MODULE: ./packages/editable-pro-table/src/index.vue
+
+
+
+
+
+
+
+/* normalize component */
+
+var src_component = Object(componentNormalizer["a" /* default */])(
+  editable_pro_table_srcvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "b4388ac0",
+  null
+  
+)
+
+/* harmony default export */ var src = (src_component.exports);
+// CONCATENATED MODULE: ./packages/editable-pro-table/index.js
+
+
+// 为组件提供 install 方法
+src.install = function (Vue) {
+  Vue.component(src.name, src);
+};
+
+// 默认导出组件
+/* harmony default export */ var editable_pro_table = __webpack_exports__["default"] = (src);
+
+/***/ })
+/******/ ]);