element-ui-pro-components-test 1.5.0

package/lib/pro-table.js

@@ -0,0 +1,2779 @@
+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 = 9);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 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 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/pro-form-item/index.vue?vue&type=template&id=8611eff6
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "el-form-item",
+    _vm._b(
+      {
+        scopedSlots: _vm._u(
+          [
+            _vm.formItem.renderLabel
+              ? {
+                  key: "label",
+                  fn: function () {
+                    return [
+                      _c("CustomRender", {
+                        attrs: { render: _vm.formItem.renderLabel },
+                      }),
+                    ]
+                  },
+                  proxy: true,
+                }
+              : null,
+          ],
+          null,
+          true
+        ),
+      },
+      "el-form-item",
+      _vm.normalizedFormItem,
+      false
+    ),
+    [
+      _vm.formItem.renderField
+        ? _c("CustomRender", {
+            attrs: {
+              render: () =>
+                _vm.formItem.renderField({
+                  form: _vm.form,
+                  formItem: _vm.formItem,
+                }),
+            },
+          })
+        : _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.formItem.fieldEvents
+            ),
+            [
+              _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 staticRenderFns = []
+render._withStripped = true
+
+
+// CONCATENATED MODULE: ./src/components/pro-form-item/index.vue?vue&type=template&id=8611eff6
+
+// EXTERNAL MODULE: ./src/components/custom-render/index.vue + 2 modules
+var custom_render = __webpack_require__(2);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/pro-form-item/index.vue?vue&type=script&lang=js
+
+/* harmony default export */ var pro_form_itemvue_type_script_lang_js = ({
+  name: 'ProFormItem',
+  components: {
+    CustomRender: custom_render["a" /* default */]
+  },
+  props: {
+    // formItem 项
+    formItem: {
+      type: Object,
+      required: true
+    },
+    // 表单数据
+    form: {
+      type: Object,
+      required: true
+    }
+  },
+  computed: {
+    // 过滤 el-form-item 的属性
+    normalizedFormItem() {
+      const {
+        renderLabel,
+        valueType,
+        renderField,
+        fieldProps,
+        fieldEvents,
+        options,
+        valueEnum,
+        optionLoader,
+        initialValue,
+        colProps,
+        ...keys
+      } = this.formItem;
+      return keys;
+    },
+    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: ./src/components/pro-form-item/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_pro_form_itemvue_type_script_lang_js = (pro_form_itemvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./src/components/pro-form-item/index.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  components_pro_form_itemvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var pro_form_item = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+/* 5 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui-pro-components/lib/utils/breakpoints");
+
+/***/ }),
+/* 6 */,
+/* 7 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui-pro-components/lib/utils/debounce");
+
+/***/ }),
+/* 8 */,
+/* 9 */
+/***/ (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/pro-table/src/index.vue?vue&type=template&id=0d0329af&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "div",
+    { staticClass: "pro-table" },
+    [
+      _vm.search
+        ? [
+            _c(
+              "el-form",
+              {
+                staticClass: "pro-table__form",
+                class: _vm.searchProps.className,
+                attrs: {
+                  "label-width": _vm.searchProps.labelWidth,
+                  "label-position": _vm.searchProps.labelPosition,
+                  model: _vm.form,
+                  size: _vm.defaultSize,
+                },
+              },
+              [
+                _c(
+                  "el-row",
+                  _vm._b({}, "el-row", _vm.searchProps.rowProps, false),
+                  [
+                    _vm._l(_vm.formItems, function (formItem, index) {
+                      return _c(
+                        "el-col",
+                        _vm._b(
+                          {
+                            key: formItem.prop || formItem.key,
+                            style: {
+                              display: index >= _vm.searchCount ? "none" : "",
+                            },
+                          },
+                          "el-col",
+                          _vm.searchProps.colProps,
+                          false
+                        ),
+                        [
+                          _c("ProFormItem", {
+                            attrs: { form: _vm.form, formItem: formItem },
+                            scopedSlots: _vm._u(
+                              [
+                                {
+                                  key: formItem.prop,
+                                  fn: function () {
+                                    return [
+                                      _vm._t(formItem.prop, null, null, {
+                                        form: _vm.form,
+                                        formItem,
+                                      }),
+                                    ]
+                                  },
+                                  proxy: true,
+                                },
+                              ],
+                              null,
+                              true
+                            ),
+                          }),
+                        ],
+                        1
+                      )
+                    }),
+                    _c(
+                      "el-col",
+                      _vm._b(
+                        { key: "search", staticClass: "search-wrapper" },
+                        "el-col",
+                        _vm.searchColConfig,
+                        false
+                      ),
+                      [
+                        _c(
+                          "el-button",
+                          {
+                            attrs: {
+                              icon: "el-icon-refresh",
+                              size: _vm.defaultSize,
+                            },
+                            on: { click: _vm.handleReset },
+                          },
+                          [_vm._v(_vm._s(_vm.searchProps.resetText))]
+                        ),
+                        _c(
+                          "el-button",
+                          {
+                            attrs: {
+                              type: "primary",
+                              icon: "el-icon-search",
+                              loading: _vm.loading,
+                              size: _vm.defaultSize,
+                            },
+                            on: { click: _vm.handleSearch },
+                          },
+                          [_vm._v(_vm._s(_vm.searchProps.searchText))]
+                        ),
+                        _vm.showExpandToggle
+                          ? [
+                              _c(
+                                "el-button",
+                                {
+                                  staticClass: "btn-collapse",
+                                  attrs: {
+                                    type: "text",
+                                    size: _vm.defaultSize,
+                                  },
+                                  on: { click: _vm.handleCollapse },
+                                },
+                                [
+                                  _vm._v(
+                                    "\n              " +
+                                      _vm._s(
+                                        _vm.collapsed
+                                          ? _vm.t(
+                                              "elProComponents.proTable.expand"
+                                            )
+                                          : _vm.t(
+                                              "elProComponents.proTable.collapse"
+                                            )
+                                      ) +
+                                      "\n              "
+                                  ),
+                                  _c("ArrowIcon", {
+                                    staticStyle: { transition: "0.3s" },
+                                    style: {
+                                      transform: `rotate(${
+                                        _vm.collapsed ? 0 : 0.5
+                                      }turn)`,
+                                    },
+                                  }),
+                                ],
+                                1
+                              ),
+                            ]
+                          : _vm._e(),
+                      ],
+                      2
+                    ),
+                  ],
+                  2
+                ),
+              ],
+              1
+            ),
+          ]
+        : _vm._e(),
+      _vm.$slots.default || _vm.columnSettings
+        ? _c(
+            "div",
+            { staticClass: "pro-table__toolbar" },
+            [
+              _vm._t("default"),
+              _vm.columnSettings
+                ? _c(
+                    "div",
+                    { staticClass: "pro-table__toolbar-items" },
+                    [
+                      _c("ColumnSettings", {
+                        attrs: {
+                          columns: _vm.settingColumns,
+                          columnSettings: _vm.initializedColumnSettings,
+                        },
+                      }),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+            ],
+            2
+          )
+        : _vm._e(),
+      _c(
+        "el-table",
+        _vm._g(
+          _vm._b(
+            {
+              directives: [
+                {
+                  name: "loading",
+                  rawName: "v-loading",
+                  value: _vm.loading,
+                  expression: "loading",
+                },
+              ],
+              key: _vm.tableKey,
+              ref: "tableRef",
+              staticClass: "pro-table__table",
+              class: _vm.className,
+              attrs: { data: _vm.dataSource },
+            },
+            "el-table",
+            _vm.initializedTableProps,
+            false
+          ),
+          _vm.initializedTableEvents
+        ),
+        _vm._l(_vm.normalizedColumns, function (column) {
+          return _c(
+            "el-table-column",
+            _vm._b(
+              {
+                key:
+                  column.prop ||
+                  column.nonElColumnProps.key ||
+                  `${column.type}-col`,
+                scopedSlots: _vm._u(
+                  [
+                    column.nonElColumnProps.renderCellHeader
+                      ? {
+                          key: "header",
+                          fn: function (scope) {
+                            return [
+                              _c("CustomRender", {
+                                attrs: {
+                                  render: () =>
+                                    column.nonElColumnProps.renderCellHeader(
+                                      scope
+                                    ),
+                                },
+                              }),
+                            ]
+                          },
+                        }
+                      : null,
+                    column.nonElColumnProps.renderCell
+                      ? {
+                          key: "default",
+                          fn: function (scope) {
+                            return [
+                              _c("CustomRender", {
+                                attrs: {
+                                  render: () =>
+                                    column.nonElColumnProps.renderCell(scope),
+                                },
+                              }),
+                            ]
+                          },
+                        }
+                      : column.nonElColumnProps.valueEnum
+                      ? {
+                          key: "default",
+                          fn: function (scope) {
+                            return [
+                              _c("span", [
+                                _vm._v(
+                                  "\n          " +
+                                    _vm._s(_vm.getOptionLabel(column, scope)) +
+                                    "\n        "
+                                ),
+                              ]),
+                            ]
+                          },
+                        }
+                      : null,
+                  ],
+                  null,
+                  true
+                ),
+              },
+              "el-table-column",
+              {
+                ...column,
+                nonElColumnProps: undefined,
+              },
+              false
+            )
+          )
+        }),
+        1
+      ),
+      _c(
+        "el-pagination",
+        _vm._b(
+          {
+            staticClass: "pro-table__pagination",
+            on: {
+              "current-change": _vm.handleCurrentChange,
+              "size-change": _vm.handleSizeChange,
+            },
+          },
+          "el-pagination",
+          _vm.initializedPaginationProps,
+          false
+        )
+      ),
+    ],
+    2
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/pro-table/src/index.vue?vue&type=template&id=0d0329af&scoped=true
+
+// EXTERNAL MODULE: external "element-ui-pro-components/lib/utils/form"
+var form_ = __webpack_require__(3);
+
+// EXTERNAL MODULE: external "element-ui-pro-components/lib/utils/breakpoints"
+var breakpoints_ = __webpack_require__(5);
+
+// EXTERNAL MODULE: external "element-ui-pro-components/lib/utils/debounce"
+var debounce_ = __webpack_require__(7);
+
+// EXTERNAL MODULE: ./src/components/pro-form-item/index.vue + 4 modules
+var pro_form_item = __webpack_require__(4);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/components/svg/ArrowIcon.vue?vue&type=template&id=03c6aa2a&scoped=true
+var ArrowIconvue_type_template_id_03c6aa2a_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "svg",
+    {
+      attrs: {
+        viewBox: "64 64 896 896",
+        focusable: "false",
+        "data-icon": "down",
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+        "aria-hidden": "true",
+        xmlns: "http://www.w3.org/2000/svg",
+        "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      },
+    },
+    [
+      _c("path", {
+        attrs: {
+          d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
+        },
+      }),
+    ]
+  )
+}
+var ArrowIconvue_type_template_id_03c6aa2a_scoped_true_staticRenderFns = []
+ArrowIconvue_type_template_id_03c6aa2a_scoped_true_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/ArrowIcon.vue?vue&type=template&id=03c6aa2a&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/components/svg/ArrowIcon.vue?vue&type=script&lang=js
+/* harmony default export */ var ArrowIconvue_type_script_lang_js = ({
+  name: 'ArrowIcon'
+});
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/ArrowIcon.vue?vue&type=script&lang=js
+ /* harmony default export */ var svg_ArrowIconvue_type_script_lang_js = (ArrowIconvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/ArrowIcon.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  svg_ArrowIconvue_type_script_lang_js,
+  ArrowIconvue_type_template_id_03c6aa2a_scoped_true_render,
+  ArrowIconvue_type_template_id_03c6aa2a_scoped_true_staticRenderFns,
+  false,
+  null,
+  "03c6aa2a",
+  null
+  
+)
+
+/* harmony default export */ var ArrowIcon = (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/pro-table/src/components/ColumnSettings.vue?vue&type=template&id=1789e606&scoped=true
+var ColumnSettingsvue_type_template_id_1789e606_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "el-popover",
+    {
+      attrs: {
+        "popper-class": "column-settings-popover",
+        placement: "bottom-end",
+        trigger: "click",
+      },
+    },
+    [
+      _c(
+        "div",
+        {
+          staticClass: "pro-table__toolbar-item",
+          attrs: { slot: "reference" },
+          slot: "reference",
+        },
+        [
+          _c(
+            "el-tooltip",
+            {
+              attrs: {
+                content: _vm.columnSettings.columnSetting,
+                placement: "top",
+              },
+            },
+            [_c("SettingIcon")],
+            1
+          ),
+        ],
+        1
+      ),
+      _c(
+        "div",
+        { staticClass: "popover-header" },
+        [
+          _vm.columnSettings.checkable
+            ? _c(
+                "el-checkbox",
+                {
+                  attrs: {
+                    value: _vm.checkAll,
+                    indeterminate: _vm.isIndeterminate,
+                  },
+                  on: { change: _vm.handleChange },
+                },
+                [
+                  _vm._v(
+                    "\n      " +
+                      _vm._s(_vm.columnSettings.columnDisplay) +
+                      "\n    "
+                  ),
+                ]
+              )
+            : _c("span", { staticClass: "column-display" }, [
+                _vm._v(_vm._s(_vm.columnSettings.columnDisplay)),
+              ]),
+          _c(
+            "a",
+            {
+              staticClass: "btn-reset",
+              attrs: { type: "text" },
+              on: { click: _vm.handleReset },
+            },
+            [_vm._v(_vm._s(_vm.columnSettings.resetText))]
+          ),
+        ],
+        1
+      ),
+      _c(
+        "div",
+        { staticClass: "popover-content" },
+        [
+          _c("ColumnSettingsItem", {
+            attrs: {
+              columns: _vm.leftFixedColumns,
+              columnSettings: _vm.columnSettings,
+            },
+          }),
+          _c("ColumnSettingsItem", {
+            attrs: {
+              columns: _vm.noFixedColumns,
+              columnSettings: _vm.columnSettings,
+            },
+          }),
+          _c("ColumnSettingsItem", {
+            attrs: {
+              columns: _vm.rightFixedColumns,
+              columnSettings: _vm.columnSettings,
+            },
+          }),
+        ],
+        1
+      ),
+    ]
+  )
+}
+var ColumnSettingsvue_type_template_id_1789e606_scoped_true_staticRenderFns = []
+ColumnSettingsvue_type_template_id_1789e606_scoped_true_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/pro-table/src/components/ColumnSettings.vue?vue&type=template&id=1789e606&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/components/svg/SettingIcon.vue?vue&type=template&id=5f121054&scoped=true
+var SettingIconvue_type_template_id_5f121054_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "svg",
+    {
+      staticClass: "icon",
+      attrs: {
+        t: "1768525838046",
+        viewBox: "0 0 1024 1024",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        "p-id": "10889",
+        "xmlns:xlink": "http://www.w3.org/1999/xlink",
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+      },
+    },
+    [
+      _c("path", {
+        attrs: {
+          d: "M924.8 625.7l-65.5-56c3.1-19 4.7-38.4 4.7-57.8s-1.6-38.8-4.7-57.8l65.5-56c10.1-8.6 13.8-22.6 9.3-35.2l-0.9-2.6c-18.1-50.5-44.9-96.9-79.7-137.9l-1.8-2.1c-8.6-10.1-22.5-13.9-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85c-2.4-13.1-12.7-23.3-25.8-25.7l-2.7-0.5c-52.1-9.4-106.9-9.4-159 0l-2.7 0.5c-13.1 2.4-23.4 12.6-25.8 25.7l-15.8 85.4c-35.9 13.6-69.2 32.9-99 57.4l-81.9-29.1c-12.5-4.4-26.5-0.7-35.1 9.5l-1.8 2.1c-34.8 41.1-61.6 87.5-79.7 137.9l-0.9 2.6c-4.5 12.5-0.8 26.5 9.3 35.2l66.3 56.6c-3.1 18.8-4.6 38-4.6 57.1 0 19.2 1.5 38.4 4.6 57.1L99 625.5c-10.1 8.6-13.8 22.6-9.3 35.2l0.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1c8.6 10.1 22.5 13.9 35.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4c2.4 13.1 12.7 23.3 25.8 25.7l2.7 0.5c26.1 4.7 52.8 7.1 79.5 7.1 26.7 0 53.5-2.4 79.5-7.1l2.7-0.5c13.1-2.4 23.4-12.6 25.8-25.7l15.7-85c36.2-13.6 69.7-32.9 99.7-57.6l81.3 28.9c12.5 4.4 26.5 0.7 35.1-9.5l1.8-2.1c34.8-41.1 61.6-87.5 79.7-137.9l0.9-2.6c4.5-12.3 0.8-26.3-9.3-35zM788.3 465.9c2.5 15.1 3.8 30.6 3.8 46.1s-1.3 31-3.8 46.1l-6.6 40.1 74.7 63.9c-11.3 26.1-25.6 50.7-42.6 73.6L721 702.8l-31.4 25.8c-23.9 19.6-50.5 35-79.3 45.8l-38.1 14.3-17.9 97c-28.1 3.2-56.8 3.2-85 0l-17.9-97.2-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9-93.4 33.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5 0-15.3 1.2-30.6 3.7-45.5l6.5-40-75.5-64.5c11.3-26.1 25.6-50.7 42.6-73.6l93.4 33.2 31.4-25.9c23.7-19.5 50.2-34.9 78.7-45.7l37.9-14.3 17.9-97.2c28.1-3.2 56.8-3.2 85 0l17.9 97 38.1 14.3c28.7 10.8 55.4 26.2 79.3 45.8l31.4 25.8 92.8-32.9c17 22.9 31.2 47.6 42.6 73.6L781.8 426l6.5 39.9z",
+          "p-id": "10890",
+        },
+      }),
+      _c("path", {
+        attrs: {
+          d: "M512 326c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176z m79.2 255.2C570 602.3 541.9 614 512 614c-29.9 0-58-11.7-79.2-32.8C411.7 560 400 531.9 400 502c0-29.9 11.7-58 32.8-79.2C454 401.6 482.1 390 512 390c29.9 0 58 11.6 79.2 32.8C612.3 444 624 472.1 624 502c0 29.9-11.7 58-32.8 79.2z",
+          "p-id": "10891",
+        },
+      }),
+    ]
+  )
+}
+var SettingIconvue_type_template_id_5f121054_scoped_true_staticRenderFns = []
+SettingIconvue_type_template_id_5f121054_scoped_true_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/SettingIcon.vue?vue&type=template&id=5f121054&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/components/svg/SettingIcon.vue?vue&type=script&lang=js
+/* harmony default export */ var SettingIconvue_type_script_lang_js = ({
+  name: 'SettingIcon'
+});
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/SettingIcon.vue?vue&type=script&lang=js
+ /* harmony default export */ var svg_SettingIconvue_type_script_lang_js = (SettingIconvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/SettingIcon.vue
+
+
+
+
+
+/* normalize component */
+
+var SettingIcon_component = Object(componentNormalizer["a" /* default */])(
+  svg_SettingIconvue_type_script_lang_js,
+  SettingIconvue_type_template_id_5f121054_scoped_true_render,
+  SettingIconvue_type_template_id_5f121054_scoped_true_staticRenderFns,
+  false,
+  null,
+  "5f121054",
+  null
+  
+)
+
+/* harmony default export */ var SettingIcon = (SettingIcon_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/components/ColumnSettingsItem.vue?vue&type=template&id=754a43f6&scoped=true
+var ColumnSettingsItemvue_type_template_id_754a43f6_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _vm.columns.length
+    ? _c("div", { staticClass: "column-settings-item-list" }, [
+        _c("div", { staticClass: "title" }, [_vm._v(_vm._s(_vm.title))]),
+        _c(
+          "div",
+          { ref: "dragDropZoneRef", staticClass: "drag-drop-zone" },
+          _vm._l(_vm.columns, function (column, index) {
+            return _c(
+              "div",
+              {
+                key: column.prop,
+                staticClass: "column-settings-item",
+                class: {
+                  draggable: _vm.draggable,
+                  dragging: _vm.dragIndex === index,
+                },
+                attrs: { draggable: _vm.draggable },
+                on: {
+                  dragstart: (e) => _vm.onDragstart(e, index),
+                  dragenter: function ($event) {
+                    $event.preventDefault()
+                    return _vm.onDragenter.apply(null, arguments)
+                  },
+                  dragover: function ($event) {
+                    $event.preventDefault()
+                    return ((e) => _vm.onDragover(e, index)).apply(
+                      null,
+                      arguments
+                    )
+                  },
+                  dragleave: _vm.onDragleave,
+                  drop: (e) => _vm.onDrop(e, index),
+                  dragend: _vm.onDragend,
+                },
+              },
+              [
+                _vm.draggable
+                  ? _c(
+                      "span",
+                      { staticClass: "icon icon-holder" },
+                      [_c("HolderIcon")],
+                      1
+                    )
+                  : _vm._e(),
+                _c("span", { staticClass: "switcher" }),
+                _c(
+                  _vm.dynamicComponent,
+                  _vm._g(
+                    _vm._b(
+                      { tag: "component" },
+                      "component",
+                      _vm.dynamicComponent === "el-checkbox"
+                        ? { value: column.checkable, disabled: column.disabled }
+                        : { class: "text-wrapper" },
+                      false
+                    ),
+                    _vm.dynamicComponent === "el-checkbox"
+                      ? {
+                          change: (checked) =>
+                            _vm.handleChange(checked, column.prop),
+                        }
+                      : {}
+                  ),
+                  [
+                    _c("span", { staticClass: "label" }, [
+                      _vm._v(_vm._s(column.label)),
+                    ]),
+                    _c("ColumnAlignSettings", { attrs: { column: column } }),
+                    index === 0 && _vm.dropIndex === index
+                      ? _c("div", { staticClass: "indicator head-indicator" })
+                      : _vm.dropIndex === index + 1
+                      ? _c("div", { staticClass: "indicator tail-indicator" })
+                      : _vm._e(),
+                  ],
+                  1
+                ),
+              ],
+              1
+            )
+          }),
+          0
+        ),
+      ])
+    : _vm._e()
+}
+var ColumnSettingsItemvue_type_template_id_754a43f6_scoped_true_staticRenderFns = []
+ColumnSettingsItemvue_type_template_id_754a43f6_scoped_true_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/pro-table/src/components/ColumnSettingsItem.vue?vue&type=template&id=754a43f6&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/components/svg/HolderIcon.vue?vue&type=template&id=4567deaf&scoped=true
+var HolderIconvue_type_template_id_4567deaf_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "svg",
+    {
+      staticClass: "icon",
+      attrs: {
+        t: "1768466031154",
+        viewBox: "0 0 1024 1024",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        "p-id": "4754",
+        "xmlns:xlink": "http://www.w3.org/1999/xlink",
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+      },
+    },
+    [
+      _c("path", {
+        attrs: {
+          d: "M300 276.497a56 56 0 1 0 56-96.994 56 56 0 0 0-56 96.994z m0 284a56 56 0 1 0 56-96.994 56 56 0 0 0-56 96.994zM640 228a56 56 0 1 0 112 0 56 56 0 0 0-112 0z m0 284a56 56 0 1 0 112 0 56 56 0 0 0-112 0zM300 844.497a56 56 0 1 0 56-96.994 56 56 0 0 0-56 96.994zM640 796a56 56 0 1 0 112 0 56 56 0 0 0-112 0z",
+          "p-id": "4755",
+        },
+      }),
+    ]
+  )
+}
+var HolderIconvue_type_template_id_4567deaf_scoped_true_staticRenderFns = []
+HolderIconvue_type_template_id_4567deaf_scoped_true_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/HolderIcon.vue?vue&type=template&id=4567deaf&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/components/svg/HolderIcon.vue?vue&type=script&lang=js
+/* harmony default export */ var HolderIconvue_type_script_lang_js = ({
+  name: 'HolderIcon'
+});
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/HolderIcon.vue?vue&type=script&lang=js
+ /* harmony default export */ var svg_HolderIconvue_type_script_lang_js = (HolderIconvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/HolderIcon.vue
+
+
+
+
+
+/* normalize component */
+
+var HolderIcon_component = Object(componentNormalizer["a" /* default */])(
+  svg_HolderIconvue_type_script_lang_js,
+  HolderIconvue_type_template_id_4567deaf_scoped_true_render,
+  HolderIconvue_type_template_id_4567deaf_scoped_true_staticRenderFns,
+  false,
+  null,
+  "4567deaf",
+  null
+  
+)
+
+/* harmony default export */ var HolderIcon = (HolderIcon_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/components/ColumnAlignSettings.vue?vue&type=template&id=5f8a700e&scoped=true
+var ColumnAlignSettingsvue_type_template_id_5f8a700e_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "span",
+    { staticClass: "icon-algin-group" },
+    [
+      _vm.column.fixed !== "left"
+        ? [
+            _c(
+              "el-tooltip",
+              {
+                attrs: {
+                  content: _vm.t("elProComponents.tableToolBar.leftPin"),
+                  placement: "top",
+                },
+              },
+              [
+                _c("VerticalAlignTopIcon", {
+                  nativeOn: {
+                    click: function ($event) {
+                      $event.stopPropagation()
+                      $event.preventDefault()
+                      return _vm.handleAlgin("left")
+                    },
+                  },
+                }),
+              ],
+              1
+            ),
+          ]
+        : _vm._e(),
+      _vm.column.fixed === "left" || _vm.column.fixed === "right"
+        ? [
+            _c(
+              "el-tooltip",
+              {
+                attrs: {
+                  content: _vm.t("elProComponents.tableToolBar.noPin"),
+                  placement: "top",
+                },
+              },
+              [
+                _c("VerticalAlginMiddleIcon", {
+                  nativeOn: {
+                    click: function ($event) {
+                      $event.stopPropagation()
+                      $event.preventDefault()
+                      return _vm.handleAlgin()
+                    },
+                  },
+                }),
+              ],
+              1
+            ),
+          ]
+        : _vm._e(),
+      _vm.column.fixed !== "right"
+        ? [
+            _c(
+              "el-tooltip",
+              {
+                attrs: {
+                  content: _vm.t("elProComponents.tableToolBar.rightPin"),
+                  placement: "top",
+                },
+              },
+              [
+                _c("VerticalAlginBottomIcon", {
+                  nativeOn: {
+                    click: function ($event) {
+                      $event.stopPropagation()
+                      $event.preventDefault()
+                      return _vm.handleAlgin("right")
+                    },
+                  },
+                }),
+              ],
+              1
+            ),
+          ]
+        : _vm._e(),
+    ],
+    2
+  )
+}
+var ColumnAlignSettingsvue_type_template_id_5f8a700e_scoped_true_staticRenderFns = []
+ColumnAlignSettingsvue_type_template_id_5f8a700e_scoped_true_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/pro-table/src/components/ColumnAlignSettings.vue?vue&type=template&id=5f8a700e&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/components/svg/VerticalAlignTopIcon.vue?vue&type=template&id=157c15ff&scoped=true
+var VerticalAlignTopIconvue_type_template_id_157c15ff_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "svg",
+    {
+      staticClass: "icon",
+      attrs: {
+        t: "1768466090113",
+        viewBox: "0 0 1024 1024",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        "p-id": "5827",
+        "xmlns:xlink": "http://www.w3.org/1999/xlink",
+        width: "1em",
+        height: "1em",
+      },
+    },
+    [
+      _c("path", {
+        attrs: {
+          d: "M955.968 100.864v66.944h-864V100.864h864zM528.064 215.616l150.784 150.784H565.76V928H490.24l0.128-561.6H377.216L528 215.68z",
+          fill: "currentColor",
+          "p-id": "5828",
+        },
+      }),
+    ]
+  )
+}
+var VerticalAlignTopIconvue_type_template_id_157c15ff_scoped_true_staticRenderFns = []
+VerticalAlignTopIconvue_type_template_id_157c15ff_scoped_true_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/VerticalAlignTopIcon.vue?vue&type=template&id=157c15ff&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/components/svg/VerticalAlignTopIcon.vue?vue&type=script&lang=js
+/* harmony default export */ var VerticalAlignTopIconvue_type_script_lang_js = ({
+  name: 'VerticalAlignTopIcon'
+});
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/VerticalAlignTopIcon.vue?vue&type=script&lang=js
+ /* harmony default export */ var svg_VerticalAlignTopIconvue_type_script_lang_js = (VerticalAlignTopIconvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/VerticalAlignTopIcon.vue
+
+
+
+
+
+/* normalize component */
+
+var VerticalAlignTopIcon_component = Object(componentNormalizer["a" /* default */])(
+  svg_VerticalAlignTopIconvue_type_script_lang_js,
+  VerticalAlignTopIconvue_type_template_id_157c15ff_scoped_true_render,
+  VerticalAlignTopIconvue_type_template_id_157c15ff_scoped_true_staticRenderFns,
+  false,
+  null,
+  "157c15ff",
+  null
+  
+)
+
+/* harmony default export */ var VerticalAlignTopIcon = (VerticalAlignTopIcon_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/components/svg/VerticalAlginBottomIcon.vue?vue&type=template&id=5f3f60a5&scoped=true
+var VerticalAlginBottomIconvue_type_template_id_5f3f60a5_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "svg",
+    {
+      staticClass: "icon",
+      attrs: {
+        t: "1768466105119",
+        viewBox: "0 0 1024 1024",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        "p-id": "6880",
+        "xmlns:xlink": "http://www.w3.org/1999/xlink",
+        width: "1em",
+        height: "1em",
+      },
+    },
+    [
+      _c("path", {
+        attrs: {
+          d: "M955.968 928v-66.944h-864V928h864z m-427.904-114.752l150.784-150.784H565.76V100.864H490.24l0.128 561.6H377.216l150.848 150.784z",
+          fill: "currentColor",
+          "p-id": "6881",
+        },
+      }),
+    ]
+  )
+}
+var VerticalAlginBottomIconvue_type_template_id_5f3f60a5_scoped_true_staticRenderFns = []
+VerticalAlginBottomIconvue_type_template_id_5f3f60a5_scoped_true_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/VerticalAlginBottomIcon.vue?vue&type=template&id=5f3f60a5&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/components/svg/VerticalAlginBottomIcon.vue?vue&type=script&lang=js
+/* harmony default export */ var VerticalAlginBottomIconvue_type_script_lang_js = ({
+  name: 'VerticalAlignBottomIcon'
+});
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/VerticalAlginBottomIcon.vue?vue&type=script&lang=js
+ /* harmony default export */ var svg_VerticalAlginBottomIconvue_type_script_lang_js = (VerticalAlginBottomIconvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/VerticalAlginBottomIcon.vue
+
+
+
+
+
+/* normalize component */
+
+var VerticalAlginBottomIcon_component = Object(componentNormalizer["a" /* default */])(
+  svg_VerticalAlginBottomIconvue_type_script_lang_js,
+  VerticalAlginBottomIconvue_type_template_id_5f3f60a5_scoped_true_render,
+  VerticalAlginBottomIconvue_type_template_id_5f3f60a5_scoped_true_staticRenderFns,
+  false,
+  null,
+  "5f3f60a5",
+  null
+  
+)
+
+/* harmony default export */ var VerticalAlginBottomIcon = (VerticalAlginBottomIcon_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/components/svg/VerticalAlginMiddleIcon.vue?vue&type=template&id=5047af18&scoped=true
+var VerticalAlginMiddleIconvue_type_template_id_5047af18_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "svg",
+    {
+      staticClass: "icon",
+      attrs: {
+        t: "1768466311335",
+        viewBox: "0 0 1024 1024",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        "p-id": "9722",
+        "xmlns:xlink": "http://www.w3.org/1999/xlink",
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+      },
+    },
+    [
+      _c("path", {
+        attrs: {
+          d: "M512 614.4l-153.6 153.6 102.4 0 0 204.8 102.4 0 0-204.8 102.4 0L512 614.4zM665.6 256l-102.4 0L563.2 51.2 460.8 51.2l0 204.8L358.4 256l153.6 153.6L665.6 256zM921.6 512c0-28.3136-2.4576-51.2-30.72-51.2L133.12 460.8C104.8576 460.8 102.4 483.6864 102.4 512c0 28.2112 2.4576 51.2 30.72 51.2L890.88 563.2C919.1424 563.2 921.6 540.2112 921.6 512z",
+          "p-id": "9723",
+        },
+      }),
+    ]
+  )
+}
+var VerticalAlginMiddleIconvue_type_template_id_5047af18_scoped_true_staticRenderFns = []
+VerticalAlginMiddleIconvue_type_template_id_5047af18_scoped_true_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/VerticalAlginMiddleIcon.vue?vue&type=template&id=5047af18&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/components/svg/VerticalAlginMiddleIcon.vue?vue&type=script&lang=js
+/* harmony default export */ var VerticalAlginMiddleIconvue_type_script_lang_js = ({
+  name: 'VerticalAlignMiddleIcon'
+});
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/VerticalAlginMiddleIcon.vue?vue&type=script&lang=js
+ /* harmony default export */ var svg_VerticalAlginMiddleIconvue_type_script_lang_js = (VerticalAlginMiddleIconvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./packages/pro-table/src/components/svg/VerticalAlginMiddleIcon.vue
+
+
+
+
+
+/* normalize component */
+
+var VerticalAlginMiddleIcon_component = Object(componentNormalizer["a" /* default */])(
+  svg_VerticalAlginMiddleIconvue_type_script_lang_js,
+  VerticalAlginMiddleIconvue_type_template_id_5047af18_scoped_true_render,
+  VerticalAlginMiddleIconvue_type_template_id_5047af18_scoped_true_staticRenderFns,
+  false,
+  null,
+  "5047af18",
+  null
+  
+)
+
+/* harmony default export */ var VerticalAlginMiddleIcon = (VerticalAlginMiddleIcon_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/pro-table/src/components/ColumnAlignSettings.vue?vue&type=script&lang=js
+
+
+
+
+/* harmony default export */ var ColumnAlignSettingsvue_type_script_lang_js = ({
+  name: "ColumnAlginSettings",
+  inject: ["onColumnSettingsChange"],
+  components: {
+    VerticalAlignTopIcon: VerticalAlignTopIcon,
+    VerticalAlginMiddleIcon: VerticalAlginMiddleIcon,
+    VerticalAlginBottomIcon: VerticalAlginBottomIcon
+  },
+  props: {
+    // 单个列表项
+    column: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  methods: {
+    /**
+     * @desc 支持国际化
+     * @param key 
+     */
+    t(key) {
+      return Object(locale_["t"])(key);
+    },
+    /**
+     * @desc 监听修改
+     * @param {string | undefined} fixed 固定位置
+     */
+    handleAlgin(fixed) {
+      const {
+        prop
+      } = this.column;
+      // ProTable provide 提供
+      this.onColumnSettingsChange({
+        event: "align",
+        prop,
+        fixed
+      });
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/pro-table/src/components/ColumnAlignSettings.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_ColumnAlignSettingsvue_type_script_lang_js = (ColumnAlignSettingsvue_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/pro-table/src/components/ColumnAlignSettings.vue?vue&type=style&index=0&id=5f8a700e&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
+
+// CONCATENATED MODULE: ./packages/pro-table/src/components/ColumnAlignSettings.vue?vue&type=style&index=0&id=5f8a700e&prod&scoped=true&lang=css
+
+// CONCATENATED MODULE: ./packages/pro-table/src/components/ColumnAlignSettings.vue
+
+
+
+
+
+
+/* normalize component */
+
+var ColumnAlignSettings_component = Object(componentNormalizer["a" /* default */])(
+  components_ColumnAlignSettingsvue_type_script_lang_js,
+  ColumnAlignSettingsvue_type_template_id_5f8a700e_scoped_true_render,
+  ColumnAlignSettingsvue_type_template_id_5f8a700e_scoped_true_staticRenderFns,
+  false,
+  null,
+  "5f8a700e",
+  null
+  
+)
+
+/* harmony default export */ var ColumnAlignSettings = (ColumnAlignSettings_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/components/ColumnSettingsItem.vue?vue&type=script&lang=js
+
+
+
+/* harmony default export */ var ColumnSettingsItemvue_type_script_lang_js = ({
+  name: 'ColumnSettingsItem',
+  components: {
+    HolderIcon: HolderIcon,
+    ColumnAlignSettings: ColumnAlignSettings
+  },
+  inject: ["onColumnSettingsChange"],
+  props: {
+    // 列表项
+    columns: {
+      type: Array,
+      required: true,
+      default: () => []
+    },
+    // 列设置
+    columnSettings: {
+      type: Object
+    }
+  },
+  computed: {
+    // 列类型
+    title() {
+      const {
+        columns
+      } = this;
+      if (Array.isArray(columns) && columns.length) {
+        const fixed = columns[0].fixed;
+        return fixed === "left" ? Object(locale_["t"])('elProComponents.tableToolBar.leftFixedTitle') : fixed === "right" ? Object(locale_["t"])('elProComponents.tableToolBar.rightFixedTitle') : Object(locale_["t"])('elProComponents.tableToolBar.noFixedTitle');
+      }
+      return "";
+    },
+    // 是否支持拖动
+    draggable() {
+      var _this$columns;
+      return this.columnSettings.draggable && ((_this$columns = this.columns) === null || _this$columns === void 0 ? void 0 : _this$columns.length) > 1;
+    },
+    // 动态组件
+    dynamicComponent() {
+      return this.columnSettings.checkable ? 'el-checkbox' : 'span';
+    }
+  },
+  data() {
+    return {
+      dragIndex: -1,
+      // 开始拖动目标的下标
+      dropIndex: -1 // 可释放目标的下标
+    };
+  },
+  methods: {
+    /**
+     * @desc 监听修改
+     * @param {Boolean} checked 状态
+     * @param {String} prop 属性
+     */
+    handleChange(checked, prop) {
+      // ProTable provide 提供
+      this.onColumnSettingsChange({
+        event: "check",
+        checked,
+        prop
+      });
+    },
+    /**
+     * @desc 获取光标位置
+     * @param {Object} e
+     * @returns {String} top | bottom
+     */
+    getCursorPos(e) {
+      // 1. 获取元素的位置和尺寸
+      const rect = e.target.getBoundingClientRect();
+
+      // 2. 获取鼠标相对于元素的位置
+      const relativeY = e.clientY - rect.top;
+
+      // 3. 判断光标在释放目标位置的上半还是下半
+      const cursorPos = relativeY < rect.height / 2 ? "top" : "bottom";
+      return cursorPos;
+    },
+    /**
+     * @desc 获取释放位置下标
+     * @param {Object} e
+     * @param {Number} dropIndex 释放目标的下标
+     */
+    getDropIndex(e, dropIndex) {
+      // 获取光标位置
+      const cursorPos = this.getCursorPos(e);
+
+      // 光标在释放目标位置上半 则在释放目标位置上方插入
+      // 光标在释放目标位置下半 则在释放目标位置下方插入
+      const targetDropIndex = cursorPos === 'top' ? dropIndex : dropIndex + 1;
+
+      // 当前拖拽的方向
+      const dragDirection = this.dragIndex < dropIndex ? "down" : "up";
+
+      // 释放位置 = 开始拖拽位置
+      if (targetDropIndex === this.dragIndex) {
+        return -1;
+      }
+
+      // 拖拽方向：down && 相邻 则说明位置不变
+      const isNear = Math.abs(targetDropIndex - this.dragIndex) === 1;
+      if (isNear && dragDirection === 'down') {
+        return -1;
+      }
+      return targetDropIndex;
+    },
+    /**
+     * @desc 开始拖动
+     * @param {Object} e 拖拽元素对象
+     * @param {Number} index 下标
+     */
+    onDragstart(e, index) {
+      e.dataTransfer.effectAllowed = "move";
+      e.dataTransfer.dropEffect = "move";
+      this.dragIndex = index;
+    },
+    /**
+     * @desc 拖入到释放目标
+     * @param {Object} e 拖拽元素对象
+     */
+    onDragenter(e) {
+      if (this.dragIndex === -1) {
+        // 其它拖拽区域
+        e.dataTransfer.dropEffect = 'none';
+      } else {
+        e.dataTransfer.dropEffect = 'move';
+      }
+    },
+    /**
+     * @desc 拖拽到释放目标上
+     * @param {Object} e 释放目标对象
+     * @param {Number} dropIndex 下标
+     */
+    onDragover(e, dropIndex) {
+      // ***参数是在事件绑定时确定的 而不是在事件触发时***
+
+      // 如果拖动到其它列 
+      if (this.dragIndex < 0) {
+        e.dataTransfer.dropEffect = 'none';
+        return;
+      }
+
+      // 释放目标是开始拖动目标 则退出
+      if (this.dragIndex === dropIndex) {
+        this.dropIndex = -1;
+        return;
+      }
+
+      // 获取释放位置下标
+      this.dropIndex = this.getDropIndex(e, dropIndex);
+    },
+    /**
+     * @desc 离开可释放目标
+     */
+    onDragleave(e) {
+      const dragDropZoneRef = this.$refs.dragDropZoneRef;
+      // 是否在列表区域内
+      if (dragDropZoneRef.contains(e.relatedTarget)) {
+        return;
+      }
+      this.dropIndex = -1;
+    },
+    /**
+     * @desc 释放目标停止拖拽
+     * @param {Object} e 释放目标对象
+     * @param {Number} dropIndex 释放的下标
+     */
+    onDrop(e, dropIndex) {
+      if (this.dragIndex === dropIndex) {
+        this.dropIndex = -1;
+        return;
+      }
+
+      // 获取释放位置下标
+      const index = this.getDropIndex(e, dropIndex);
+      if (index > -1) {
+        const {
+          columns
+        } = this;
+        const fromProp = columns[this.dragIndex].prop;
+        // 是否拖拽到最后一列
+        const isAfter = index === this.columns.length;
+        const toProp = isAfter ? columns[index - 1].prop : columns[index].prop;
+        // ProTable provide 提供
+        this.onColumnSettingsChange({
+          event: 'drop',
+          fromProp,
+          toProp,
+          isAfter
+        });
+      }
+    },
+    /**
+     * @desc 结束拖拽
+     */
+    onDragend() {
+      // 重置
+      this.dragIndex = -1;
+      this.dropIndex = -1;
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/pro-table/src/components/ColumnSettingsItem.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_ColumnSettingsItemvue_type_script_lang_js = (ColumnSettingsItemvue_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/pro-table/src/components/ColumnSettingsItem.vue?vue&type=style&index=0&id=754a43f6&prod&lang=less&scoped=true
+// extracted by mini-css-extract-plugin
+
+// CONCATENATED MODULE: ./packages/pro-table/src/components/ColumnSettingsItem.vue?vue&type=style&index=0&id=754a43f6&prod&lang=less&scoped=true
+
+// CONCATENATED MODULE: ./packages/pro-table/src/components/ColumnSettingsItem.vue
+
+
+
+
+
+
+/* normalize component */
+
+var ColumnSettingsItem_component = Object(componentNormalizer["a" /* default */])(
+  components_ColumnSettingsItemvue_type_script_lang_js,
+  ColumnSettingsItemvue_type_template_id_754a43f6_scoped_true_render,
+  ColumnSettingsItemvue_type_template_id_754a43f6_scoped_true_staticRenderFns,
+  false,
+  null,
+  "754a43f6",
+  null
+  
+)
+
+/* harmony default export */ var ColumnSettingsItem = (ColumnSettingsItem_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/components/ColumnSettings.vue?vue&type=script&lang=js
+
+
+/* harmony default export */ var ColumnSettingsvue_type_script_lang_js = ({
+  name: 'ColumnSettings',
+  components: {
+    SettingIcon: SettingIcon,
+    ColumnSettingsItem: ColumnSettingsItem
+  },
+  inject: ["onColumnSettingsChange"],
+  props: {
+    // 列表项
+    columns: {
+      type: Array,
+      required: true
+    },
+    // 列设置
+    columnSettings: {
+      type: Object
+    }
+  },
+  computed: {
+    // 固定在左侧列
+    leftFixedColumns() {
+      return this.columns.filter(item => item.fixed === "left");
+    },
+    // 不固定列
+    noFixedColumns() {
+      return this.columns.filter(item => item.fixed !== "left" && item.fixed !== "right");
+    },
+    // 固定在右侧列
+    rightFixedColumns() {
+      return this.columns.filter(item => item.fixed === "right");
+    },
+    // 列展示勾选状态
+    checkAll() {
+      return this.columns.length === this.columns.filter(item => item.checkable).length;
+    },
+    // 表示 checkbox 的不确定状态
+    isIndeterminate() {
+      return !this.checkAll && this.columns.filter(item => !item.disabled && item.checkable).length > 0;
+    }
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    /**
+     * @desc 监听修改
+     * @param {Boolean} checked 状态
+     */
+    handleChange(checked) {
+      // ProTable provide 提供
+      this.onColumnSettingsChange({
+        event: "checkAll",
+        checked
+      });
+    },
+    /**
+     * @desc 重置
+     */
+    handleReset() {
+      // ProTable provide 提供
+      this.onColumnSettingsChange({
+        event: "reset"
+      });
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/pro-table/src/components/ColumnSettings.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_ColumnSettingsvue_type_script_lang_js = (ColumnSettingsvue_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/pro-table/src/components/ColumnSettings.vue?vue&type=style&index=0&id=1789e606&prod&lang=less&scoped=true
+// extracted by mini-css-extract-plugin
+
+// CONCATENATED MODULE: ./packages/pro-table/src/components/ColumnSettings.vue?vue&type=style&index=0&id=1789e606&prod&lang=less&scoped=true
+
+// CONCATENATED MODULE: ./packages/pro-table/src/components/ColumnSettings.vue
+
+
+
+
+
+
+/* normalize component */
+
+var ColumnSettings_component = Object(componentNormalizer["a" /* default */])(
+  components_ColumnSettingsvue_type_script_lang_js,
+  ColumnSettingsvue_type_template_id_1789e606_scoped_true_render,
+  ColumnSettingsvue_type_template_id_1789e606_scoped_true_staticRenderFns,
+  false,
+  null,
+  "1789e606",
+  null
+  
+)
+
+/* harmony default export */ var ColumnSettings = (ColumnSettings_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/pro-table/src/index.vue?vue&type=script&lang=js
+
+
+
+
+
+
+
+
+/* harmony default export */ var srcvue_type_script_lang_js = ({
+  name: 'ProTable',
+  components: {
+    ProFormItem: pro_form_item["a" /* default */],
+    CustomRender: custom_render["a" /* default */],
+    ArrowIcon: ArrowIcon,
+    ColumnSettings: ColumnSettings
+  },
+  provide() {
+    if (!this.columnSettings) {
+      return;
+    }
+    return {
+      // 监听列设置修改
+      onColumnSettingsChange: this.onColumnSettingsChange
+    };
+  },
+  props: {
+    // 搜索表单
+    search: {
+      type: [Boolean, Object],
+      default: true
+    },
+    // el-table 的类名
+    className: {
+      type: String
+    },
+    // el-table 的数据
+    dataSource: {
+      type: Array
+    },
+    // 表格数据请求加载状态
+    loading: {
+      type: Boolean
+    },
+    // 数据总条数
+    total: {
+      type: Number,
+      default: 0
+    },
+    // el-table attributes 的配置
+    tableProps: {
+      type: Object,
+      default: () => ({})
+    },
+    // el-table events 的配置
+    tableEvents: {
+      type: Object,
+      default: () => ({})
+    },
+    // 列定义
+    columns: {
+      type: Array,
+      required: true,
+      default: () => []
+    },
+    // el-pagination attributes 的配置
+    paginationProps: {
+      type: Object,
+      default: () => ({})
+    },
+    // 分页参数字段映射配置
+    paginationMapping: {
+      type: Object,
+      default: () => ({})
+    },
+    // 表单默认值
+    initialValues: {
+      type: Object,
+      default: () => ({})
+    },
+    // 默认的 size
+    defaultSize: {
+      type: String,
+      validator: function (value) {
+        return ['medium', 'small', 'mini'].includes(value);
+      }
+    },
+    // 是否需要手动触发首次请求
+    manualRequest: {
+      type: Boolean,
+      default: false
+    },
+    // 列设置
+    columnSettings: {
+      type: [Boolean, Object],
+      default: true
+    }
+  },
+  computed: {
+    // search 初始化
+    searchProps() {
+      const {
+        search
+      } = this;
+      if (search) {
+        const defaultSearch = {
+          searchText: Object(locale_["t"])('elProComponents.proTable.search'),
+          resetText: Object(locale_["t"])('elProComponents.proTable.reset'),
+          labelWidth: "80px",
+          rowProps: {
+            gutter: 8
+          },
+          colProps: breakpoints_["defaultColConfig"],
+          collapsed: true,
+          // 默认收起
+          defaultExpandedRows: 2
+        };
+        if (typeof search === "object") {
+          var _ref, _search$collapsed;
+          return {
+            ...defaultSearch,
+            ...this.search,
+            collapsed: (_ref = (_search$collapsed = search.collapsed) !== null && _search$collapsed !== void 0 ? _search$collapsed : search.defaultCollapsed) !== null && _ref !== void 0 ? _ref : defaultSearch.collapsed
+          };
+        }
+        return {
+          ...defaultSearch
+        };
+      }
+      return false;
+    },
+    // 表单项
+    formItems() {
+      const {
+        columns
+      } = this;
+      return columns
+      // 过滤 隐藏的 & 无表单类型的
+      .filter(item => !item.hideInSearch && (!!item.valueType || item.renderField))
+      // 权重大排序在前
+      .sort((a, b) => b.order - a.order)
+      // 筛选
+      .map(col => {
+        const {
+          label,
+          prop,
+          formItemProps = {},
+          renderLabel,
+          valueType,
+          renderField,
+          fieldProps = {},
+          fieldEvents,
+          initialValue
+        } = col;
+        // 设置 el-form-item
+        formItemProps.label = formItemProps.label || label;
+        formItemProps.prop = formItemProps.prop || prop;
+
+        // 设置 placeholder
+        Object(form_["setPlaceholder"])(fieldProps, valueType);
+
+        // 设置 select options
+        Object(form_["setSelectOptions"])(col, this.cachedOptions);
+
+        // 设置 cascader options
+        Object(form_["setCascaderOptions"])(fieldProps, col, this.cachedOptions);
+        return {
+          ...formItemProps,
+          renderLabel,
+          valueType,
+          renderField,
+          fieldProps,
+          fieldEvents,
+          options: col.options,
+          initialValue
+        };
+      });
+    },
+    // 表单项总个数
+    totalSearchCount() {
+      return this.formItems.length;
+    },
+    // 标准化列定义配置
+    normalizedColumns() {
+      const {
+        columns,
+        initializedColumnSettings,
+        columnSettingsRule
+      } = this;
+      let normalizedColumns = columns
+      // 筛选隐藏项
+      .filter(item => !item.hideInTable).map(col => {
+        // 筛选 el-column 属性
+        const {
+          formItemProps,
+          renderLabel,
+          valueType,
+          renderField,
+          fieldProps,
+          fieldEvents,
+          options,
+          valueEnum,
+          optionLoader,
+          initialValue,
+          order,
+          hideInSearch,
+          renderCellHeader,
+          renderCell,
+          disabled,
+          key,
+          ...keys
+        } = col;
+        return {
+          ...keys,
+          nonElColumnProps: {
+            valueEnum,
+            renderCellHeader,
+            renderCell,
+            key,
+            disabled
+          }
+        };
+      });
+
+      // 合并列设置规则
+      if (initializedColumnSettings && columnSettingsRule !== null && columnSettingsRule !== void 0 && columnSettingsRule.length) {
+        normalizedColumns = normalizedColumns.map(col => {
+          const rule = columnSettingsRule.find(item => (col.prop || col.nonElColumnProps.key) === item.prop);
+          if (rule) {
+            const {
+              checkable,
+              fixed,
+              index
+            } = rule;
+            col.nonElColumnProps = {
+              ...col.nonElColumnProps,
+              checkable,
+              index
+            };
+            return {
+              ...col,
+              fixed
+            };
+          }
+          return col;
+        });
+      }
+
+      // 列设置处理
+      const {
+        draggable,
+        checkable
+      } = initializedColumnSettings;
+
+      // 支持拖拽排序
+      if (draggable) {
+        normalizedColumns.sort((a, b) => a.nonElColumnProps.index - b.nonElColumnProps.index);
+      }
+
+      // 支持显示/隐藏列
+      if (checkable) {
+        normalizedColumns = normalizedColumns.filter(item => item.nonElColumnProps.checkable || !!item.type);
+      }
+      return normalizedColumns;
+    },
+    // 列设置的列表项
+    settingColumns() {
+      const {
+        columnSettings
+      } = this;
+      if (!columnSettings) {
+        return [];
+      }
+      const {
+        columnSettingsRule,
+        columns
+      } = this;
+      return columnSettingsRule.map(rule => {
+        const col = columns.find(item => rule.prop === (item.prop || item.key));
+        if (col) {
+          const {
+            label,
+            disabled
+          } = col;
+          return {
+            ...rule,
+            label,
+            disabled
+          };
+        }
+        return rule;
+      });
+    },
+    // columnSettings 初始化
+    initializedColumnSettings() {
+      const {
+        columnSettings
+      } = this;
+      if (columnSettings) {
+        const defaultColumnSettings = {
+          columnSetting: Object(locale_["t"])('elProComponents.tableToolBar.columnSetting'),
+          columnDisplay: Object(locale_["t"])('elProComponents.tableToolBar.columnDisplay'),
+          resetText: Object(locale_["t"])('elProComponents.tableToolBar.reset'),
+          draggable: true,
+          checkable: true
+        };
+
+        // 如果不是对象，返回默认值
+        if (typeof columnSettings === 'object') {
+          // 合并基本设置
+          return {
+            ...defaultColumnSettings,
+            ...columnSettings
+          };
+        }
+        return defaultColumnSettings;
+      }
+      return false;
+    },
+    // tableProps 初始化
+    initializedTableProps() {
+      const {
+        tableProps,
+        defaultSize
+      } = this;
+      return {
+        size: defaultSize,
+        ...tableProps
+      };
+    },
+    // tableEvents 初始化
+    initializedTableEvents() {
+      return {
+        'sort-change': this.sortChange,
+        // 排序
+        ...this.tableEvents
+      };
+    },
+    // paginationProps 初始化
+    initializedPaginationProps() {
+      return {
+        "page-sizes": [10, 20, 30, 50],
+        layout: "total, sizes, prev, pager, next, jumper",
+        "hide-on-single-page": true,
+        ...this.paginationProps,
+        "current-page": this.pageNum,
+        "page-size": this.pageSize,
+        total: this.total
+      };
+    }
+  },
+  data() {
+    return {
+      cachedOptions: {},
+      // 下拉数据 { [prop]: data }
+      form: this.initForm(),
+      // 表单数据
+      showExpandToggle: false,
+      // 是否显示展开、收起
+      searchColConfig: breakpoints_["defaultColConfig"],
+      // search Col 配置
+      collapsed: true,
+      // 展开、收起
+      searchCount: 0,
+      // 收起展示的表单个数收起展示的表单个数
+      tableKey: 1,
+      // table key
+      pageNum: 1,
+      // 页码
+      pageSize: this.paginationProps["page-size"] || 10,
+      // 页数
+      columnSettingsRule: [] // 列设置规则
+    };
+  },
+  watch: {
+    // 监听表单项总个数
+    totalSearchCount() {
+      this.calculateSearchLayout();
+    },
+    // 监听 search.collapsed
+    "search.collapsed": function (newValue) {
+      if (newValue !== this.collapsed) {
+        this.handleCollapse();
+      }
+    }
+  },
+  created() {
+    // 获取异步数据
+    this.getOptions();
+    // 是否手动执行
+    if (!this.manualRequest) {
+      this.handleSearch();
+    }
+    // 开启列设置
+    if (this.columnSettings) {
+      this.columnSettingsRule = this.initializeColumnSettingsRule();
+    }
+  },
+  mounted() {
+    // 是否支持响应式
+    const isResponsive = this.isResponsive();
+    // 计算是否需要展开、收起以及位置
+    this.calculateSearchLayout(isResponsive);
+
+    // 监听 window 宽度变化
+    if (isResponsive) {
+      // window 宽度变化防抖
+      this.debounceResize = Object(debounce_["debounce"])(this.resize);
+      // 监听 window resize
+      window.addEventListener("resize", this.debounceResize);
+    }
+  },
+  methods: {
+    /**
+     * @desc 多语言支持
+     */
+    t(key) {
+      return Object(locale_["t"])(key);
+    },
+    /**
+     * @desc 获取异步下拉数据
+     */
+    getOptions() {
+      const {
+        columns
+      } = this;
+      for (const column of columns) {
+        const {
+          prop,
+          fieldProps = {},
+          optionLoader
+        } = column;
+        if (optionLoader && typeof optionLoader === "function") {
+          optionLoader().then(res => {
+            const key = fieldProps.prop || prop;
+            this.cachedOptions = {
+              ...this.cachedOptions,
+              [key]: res
+            };
+          });
+        }
+      }
+    },
+    /**
+     * @desc 初始化表单数据
+     */
+    initForm() {
+      const {
+        columns
+      } = this;
+      // 兼容
+      if (!columns.length) {
+        return {};
+      }
+      const data = columns
+      // 筛选表单类型
+      .filter(item => !!item.valueType).reduce((accu, cur) => {
+        const {
+          prop,
+          fieldProps = {},
+          initialValue
+        } = cur;
+        const key = fieldProps.prop || prop;
+        if (!key) {
+          return accu;
+        }
+        return {
+          ...accu,
+          [key]: initialValue
+        };
+      }, {});
+      return {
+        ...this.initialValues,
+        ...data
+      };
+    },
+    /**
+     * @desc 是否需要支持响应式
+     * @returns {boolean}
+     */
+    isResponsive() {
+      const {
+        searchProps: {
+          colProps
+        }
+      } = this;
+      const keys = Object.keys(colProps);
+      return keys.some(key => breakpoints_["BREAKPOINT_ORDER"].includes(key));
+    },
+    /**
+     * @desc 计算搜索区域的布局配置（展开/收起状态）
+     * @param {boolean} isResponsive 是否是响应式
+     */
+    calculateSearchLayout(isResponsive = false) {
+      const {
+        searchProps: {
+          colProps,
+          defaultExpandedRows
+        },
+        totalSearchCount
+      } = this;
+
+      // 1. 计算每个表单项所占的栅格跨度
+      this.cachedSpanPerField = isResponsive ? Object(breakpoints_["calculateCurrentSpan"])(colProps) : colProps.span || 8;
+
+      // 2. 计算最大可展示的表单项数量
+      this.maxVisibleFields = Math.floor(breakpoints_["GRID_COLUMNS"] / this.cachedSpanPerField * defaultExpandedRows) - 1;
+
+      // 3. 判断是否需要显示展开/收起按钮
+      this.showExpandToggle = totalSearchCount > this.maxVisibleFields;
+      if (this.showExpandToggle) {
+        this.collapsed = this.searchProps.collapsed;
+      }
+
+      // 4. 更新布局配置
+      this.updateSearchLayout();
+    },
+    /**
+     * @desc 更新搜索按钮的位置
+     */
+    updateSearchLayout() {
+      const {
+        searchProps: {
+          colProps
+        },
+        cachedSpanPerField
+      } = this;
+
+      // 1. 计算可见的表单项数量
+      this.searchCount = this.showExpandToggle && this.collapsed ? this.maxVisibleFields : this.totalSearchCount;
+
+      // 2. 计算搜索按钮的位置
+      const restSpan = breakpoints_["GRID_COLUMNS"] - cachedSpanPerField * this.searchCount % breakpoints_["GRID_COLUMNS"];
+
+      // 3. 计算偏差值 offset
+      const offset = restSpan - cachedSpanPerField;
+      this.searchColConfig = {
+        ...colProps,
+        offset
+      };
+    },
+    /**
+     * @desc 宽度变化
+     * @param {Array} entries 监听元素数据
+     */
+    resize() {
+      // 重新计算
+      this.calculateSearchLayout(true);
+    },
+    /**
+     * @desc 点击展开、收起
+     */
+    handleCollapse() {
+      this.collapsed = !this.collapsed;
+      this.$emit("onCollapse", this.collapsed);
+      if (this.showExpandToggle) {
+        // 更新展开、收起的位置
+        this.updateSearchLayout();
+      }
+    },
+    /**s
+     * @desc 获取选择器枚举标签
+     * @param {Object} column 列数据
+     * @param {Object} row 行数据
+     */
+    getOptionLabel(column, scope) {
+      var _scope$row, _scope$row2;
+      return column.nonElColumnProps.valueEnum instanceof Map ? column.nonElColumnProps.valueEnum.get((_scope$row = scope.row) === null || _scope$row === void 0 ? void 0 : _scope$row[column.prop]) : column.nonElColumnProps.valueEnum[(_scope$row2 = scope.row) === null || _scope$row2 === void 0 ? void 0 : _scope$row2[column.prop]];
+    },
+    /**s
+     * @desc 表单请求参数（分页）
+     */
+    getParams() {
+      const {
+        pageNum,
+        pageSize,
+        paginationMapping: {
+          pageKey,
+          sizeKey
+        }
+      } = this;
+      return {
+        ...this.form,
+        [pageKey || "pageNum"]: pageNum,
+        [sizeKey || "pageSize"]: pageSize
+      };
+    },
+    /**
+     * @desc 重置
+     */
+    handleReset() {
+      this.form = this.initForm();
+      // 重置第一页
+      this.pageNum = 1;
+      this.$emit("onParams", this.getParams());
+      this.$emit("onReset");
+    },
+    /**
+     * @desc 查询
+     */
+    handleSearch() {
+      // 重置第一页
+      this.pageNum = 1;
+      const params = this.getParams();
+      this.$emit("onParams", params);
+      this.$emit("onSubmit", params);
+    },
+    /**
+     * @desc 刷新
+     * @param {boolean} resetPageIndex 是否重置页码
+     */
+    reload(resetPageIndex = true) {
+      if (resetPageIndex) {
+        this.pageNum = 1;
+      }
+      this.$emit("onParams", this.getParams());
+    },
+    /**
+     * @desc 排序
+     * @param {String} prop 属性
+     * @param {String} order 升序: ASC 倒序: DESC
+     */
+    sortChange({
+      prop,
+      order
+    }) {
+      // 重置第一页
+      this.pageNum = 1;
+      this.$emit("onParams", {
+        ...this.getParams(),
+        prop,
+        order
+      });
+    },
+    /**
+     * @desc 监听页码修改
+     * @param {Number} page 页码
+     */
+    handleCurrentChange(page) {
+      this.pageNum = page;
+      this.$emit("onParams", this.getParams());
+    },
+    /**
+     * @desc 监听页数修改
+     * @param {Number} pageSize 页数
+     */
+    handleSizeChange(pageSize) {
+      this.pageSize = pageSize;
+      // 重置页码（防止分页组件自动计算页码）
+      this.pageNum = 1;
+      this.$emit("onParams", this.getParams());
+    },
+    /**
+     * @desc 获取 table ref
+     */
+    getTableRef() {
+      return this.$refs.tableRef;
+    },
+    /**
+     * @desc 初始化列设置
+     */
+    initializeColumnSettingsRule() {
+      return this.columns
+      // 过滤隐藏的 && (columnConfig.prop || columnConfig.key)
+      .filter(item => !item.hideInTable && (item.prop || item.key)).map((col, index) => {
+        const {
+          prop,
+          key,
+          fixed
+        } = col;
+        return {
+          prop: prop || key,
+          fixed,
+          checkable: true,
+          index
+        };
+      });
+    },
+    /**
+     * @desc 全选、取消全选
+     * @param {Boolean} checked 勾选状态
+     */
+    checkAllRule(checked) {
+      this.columnSettingsRule = this.columnSettingsRule.map(rule => {
+        const col = this.columns.find(item => (item.prop || item.key) === rule.prop);
+        if (col) {
+          return {
+            ...rule,
+            checkable: !col.disabled ? checked : rule.checkable
+          };
+        }
+        return rule;
+      });
+    },
+    /**
+     * @desc 单个勾选、取消勾选
+     * @param {String} prop 标识
+     * @param {Boolean} checked 勾选状态
+     */
+    checkRule(prop, checked) {
+      const {
+        columnSettingsRule
+      } = this;
+      const index = columnSettingsRule.findIndex(item => item.prop === prop);
+      if (index !== -1) {
+        columnSettingsRule.splice(index, 1, {
+          ...columnSettingsRule[index],
+          checkable: checked
+        });
+      }
+    },
+    /**
+     * @desc 固定位置修改
+     * @param {String} prop 属性
+     * @param {String | undefined} fixed 固定位置
+     */
+    handleAlignRule(prop, fixed) {
+      const {
+        columnSettingsRule
+      } = this;
+      const index = columnSettingsRule.findIndex(item => item.prop === prop);
+      if (index !== -1) {
+        const rule = columnSettingsRule[index];
+        columnSettingsRule.splice(index, 1, {
+          ...rule,
+          fixed
+        });
+      }
+    },
+    /**
+     * @desc 重置列设置规则
+     */
+    handleResetRule() {
+      this.columnSettingsRule = this.initializeColumnSettingsRule();
+    },
+    /**
+     * @desc 拖拽更新
+     * @param {String} fromProp 拖拽开始列
+     * @param {String} toProp 释放目标列
+     * @param {Boolean} isAfter 是否拖拽到分组的最后一列
+     */
+    handleDropRule(fromProp, toProp, isAfter = false) {
+      const {
+        columnSettingsRule
+      } = this;
+      const fromIndex = columnSettingsRule.findIndex(item => (item.prop || item.key) === fromProp);
+      if (fromIndex === -1) {
+        return;
+      }
+      const toIndex = columnSettingsRule.findIndex(item => (item.prop || item.key) === toProp);
+      if (toIndex === -1) {
+        return;
+      }
+      // 向上拖拽
+      const isUp = fromIndex > toIndex;
+      // 开始移动下标
+      const startIndex = isUp ? toIndex : fromIndex + 1;
+      // 结束移动下标
+      const endIndex = isUp ? fromIndex : isAfter ? toIndex + 1 : toIndex;
+      // 移动
+      for (let i = startIndex; i < endIndex; ++i) {
+        const column = columnSettingsRule[i];
+        columnSettingsRule.splice(i, 1, {
+          ...column,
+          index: isUp ? column.index + 1 : column.index - 1
+        });
+      }
+      const fromColumn = columnSettingsRule[fromIndex];
+      if (isUp) {
+        // 先删除 后插入
+        columnSettingsRule.splice(fromIndex, 1);
+        columnSettingsRule.splice(toIndex, 0, {
+          ...fromColumn,
+          index: toIndex
+        });
+      } else {
+        // 先插入 后删除
+        columnSettingsRule.splice(endIndex, 0, {
+          ...fromColumn,
+          index: endIndex - 1
+        });
+        columnSettingsRule.splice(fromIndex, 1);
+      }
+    },
+    /**
+     * @desc el-table 列的数量发生变化时需要重新布局
+     */
+    doLayout() {
+      this.$nextTick(() => {
+        var _this$$refs$tableRef;
+        // 对 Table 进行重新布局
+        (_this$$refs$tableRef = this.$refs.tableRef) === null || _this$$refs$tableRef === void 0 ? void 0 : _this$$refs$tableRef.doLayout();
+      });
+    },
+    /**
+     * @desc el-table 重新渲染
+     */
+    updateTableKey() {
+      this.tableKey = Math.random().toString().slice(2, 8);
+      this.$nextTick(() => {
+        this.$emit('onKeyChange');
+      });
+    },
+    /**
+     * @desc 监听列设置修改
+     * @param { Object } data 数据
+     * @param {String} data.event 事件类型
+     */
+    onColumnSettingsChange(data) {
+      const {
+        event,
+        prop,
+        checked,
+        fixed,
+        fromProp,
+        toProp,
+        isAfter
+      } = data;
+      // 勾选或取消勾选
+      switch (event) {
+        case "checkAll":
+          this.checkAllRule(checked);
+          this.doLayout();
+          break;
+        case "check":
+          this.checkRule(prop, checked);
+          this.doLayout();
+          break;
+        case "align":
+          this.handleAlignRule(prop, fixed);
+          break;
+        case "reset":
+          this.handleResetRule();
+          // 更新 table key
+          this.updateTableKey();
+          break;
+        case 'drop':
+          this.handleDropRule(fromProp, toProp, isAfter);
+          // 更新 table key
+          this.updateTableKey();
+          break;
+        default:
+          break;
+      }
+    }
+  },
+  beforeDestroy() {
+    var _this$debounceResize;
+    // 清除 resize
+    window.removeEventListener("resize", this.resize);
+    // 取消防抖
+    (_this$debounceResize = this.debounceResize) === null || _this$debounceResize === void 0 ? void 0 : _this$debounceResize.cancel();
+  }
+});
+// CONCATENATED MODULE: ./packages/pro-table/src/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var 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/pro-table/src/index.vue?vue&type=style&index=0&id=0d0329af&prod&lang=less&scoped=true
+// extracted by mini-css-extract-plugin
+
+// CONCATENATED MODULE: ./packages/pro-table/src/index.vue?vue&type=style&index=0&id=0d0329af&prod&lang=less&scoped=true
+
+// CONCATENATED MODULE: ./packages/pro-table/src/index.vue
+
+
+
+
+
+
+/* normalize component */
+
+var src_component = Object(componentNormalizer["a" /* default */])(
+  pro_table_srcvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "0d0329af",
+  null
+  
+)
+
+/* harmony default export */ var src = (src_component.exports);
+// CONCATENATED MODULE: ./packages/pro-table/index.js
+
+
+// 为组件提供 install 方法
+src.install = function (Vue) {
+  Vue.component(src.name, src);
+};
+
+// 默认导出组件
+/* harmony default export */ var pro_table = __webpack_exports__["default"] = (src);
+
+/***/ })
+/******/ ]);