backend-management-ui 1.5.8 → 1.6.0

package/index.common.js

@@ -0,0 +1,1293 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
+var _Symbol = require('@babel/runtime-corejs3/core-js-stable/symbol');
+var _getIteratorMethod = require('@babel/runtime-corejs3/core-js/get-iterator-method');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/esm/asyncToGenerator');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/esm/defineProperty');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+var _typeof = require('@babel/runtime-corejs3/helpers/esm/typeof');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
+var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
+var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+var _endsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefaultLegacy(_forEachInstanceProperty);
+var _Object$keys__default = /*#__PURE__*/_interopDefaultLegacy(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefaultLegacy(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefaultLegacy(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefaultLegacy(_Object$getOwnPropertyDescriptor);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefaultLegacy(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefaultLegacy(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_Object$defineProperty);
+var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefaultLegacy(_sliceInstanceProperty);
+var _Array$from__default = /*#__PURE__*/_interopDefaultLegacy(_Array$from);
+var _Symbol__default = /*#__PURE__*/_interopDefaultLegacy(_Symbol);
+var _getIteratorMethod__default = /*#__PURE__*/_interopDefaultLegacy(_getIteratorMethod);
+var _Array$isArray__default = /*#__PURE__*/_interopDefaultLegacy(_Array$isArray);
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
+var _everyInstanceProperty__default = /*#__PURE__*/_interopDefaultLegacy(_everyInstanceProperty);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefaultLegacy(_includesInstanceProperty);
+var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefaultLegacy(_mapInstanceProperty);
+var _Object$assign__default = /*#__PURE__*/_interopDefaultLegacy(_Object$assign);
+var _someInstanceProperty__default = /*#__PURE__*/_interopDefaultLegacy(_someInstanceProperty);
+var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefaultLegacy(_startsWithInstanceProperty);
+var _endsWithInstanceProperty__default = /*#__PURE__*/_interopDefaultLegacy(_endsWithInstanceProperty);
+
+var _deepcopy = function deepcopy(obj) {
+  if (obj === null || _typeof__default["default"](obj) !== "object") return obj;
+  if (obj instanceof Date) return new Date(obj);
+  if (obj instanceof Array) return _mapInstanceProperty__default["default"](obj).call(obj, function (item) {
+    return _deepcopy(item);
+  });
+  if (obj instanceof Object) {
+    var newObj = {};
+    for (var key in obj) {
+      newObj[key] = _deepcopy(obj[key]);
+    }
+    return newObj;
+  }
+};
+
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol__default["default"] && _getIteratorMethod__default["default"](r) || r["@@iterator"]; if (!t) { if (_Array$isArray__default["default"](r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { var _context8; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty__default["default"](_context8 = {}.toString.call(r)).call(_context8, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from__default["default"](r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$1(Object(t), !0)).call(_context6, function (r) { _defineProperty__default["default"](e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$1(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+/**
+ * @desc 表单组件
+ * @params formRef ref
+ * @params model modelForm
+ * @params formConfig
+ * @params formConfig
+ * @params formConfig
+ * @params formConfig
+ */
+var componentMap = {
+  input: "el-input",
+  select: "el-select",
+  datePicker: "el-date-picker"
+};
+var script$4 = {
+  name: "UiForm",
+  props: {
+    formRef: {
+      type: String,
+      "default": "formRef"
+    },
+    model: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    formConfig: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      },
+      validator: function validator(val) {
+        return _everyInstanceProperty__default["default"](val).call(val, function (row) {
+          return row.prop || row.key;
+        });
+      }
+    },
+    showOperateBtn: {
+      type: Boolean,
+      "default": true
+    },
+    defaultBtn: {
+      type: Boolean,
+      "default": true
+    },
+    resetBtnText: {
+      type: String,
+      "default": "重置"
+    },
+    searchBtnText: {
+      type: String,
+      "default": "查询"
+    },
+    apiMapConfig: {
+      // { [prop]: [api] } 或 {[prop]: {url: [api], params: [params]}}
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      tempFormConfig: []
+    };
+  },
+  watch: {
+    formConfig: {
+      immediate: true,
+      deep: true,
+      handler: function handler(val) {
+        this.tempFormConfig = _deepcopy(val);
+        this.initOptions();
+      }
+    }
+  },
+  methods: {
+    getComponentName: function getComponentName(componentName) {
+      return componentMap[componentName] || componentName || "el-input";
+    },
+    handleBindAttrs: function handleBindAttrs(item) {
+      var _item$attrs, _context, _context2;
+      var style = {
+        width: ((_item$attrs = item.attrs) === null || _item$attrs === void 0 ? void 0 : _item$attrs.width) || "220px"
+      };
+      var placeholder = "";
+      var componentName = this.getComponentName(item.component);
+      if (_includesInstanceProperty__default["default"](_context = ["el-select", "select", "el-date-picker", "el-virtual-select"]).call(_context, componentName)) {
+        placeholder = "\u8BF7\u9009\u62E9".concat(item.label);
+      }
+      if (_includesInstanceProperty__default["default"](_context2 = ["el-input", "input"]).call(_context2, componentName)) {
+        placeholder = "\u8BF7\u8F93\u5165".concat(item.label);
+      }
+      var baseAttrs = _objectSpread$1({
+        style: style,
+        placeholder: placeholder,
+        clearable: true
+      }, item.attrs || {});
+      if (componentName === "el-virtual-select") {
+        return _objectSpread$1(_objectSpread$1({}, baseAttrs), {}, {
+          options: item.options || []
+        });
+      }
+      return baseAttrs;
+    },
+    isSelectComponent: function isSelectComponent(componentName) {
+      var _context3;
+      return _includesInstanceProperty__default["default"](_context3 = ["el-select", "select"]).call(_context3, this.getComponentName(componentName));
+    },
+    isRadioGroupComponent: function isRadioGroupComponent(componentName) {
+      return this.getComponentName(componentName) === "el-radio-group";
+    },
+    isVirtualSelectComponent: function isVirtualSelectComponent(componentName) {
+      return this.getComponentName(componentName) === "el-virtual-select";
+    },
+    initOptions: function initOptions() {
+      var _this = this;
+      return _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+        var _iterator, _step, _item$options, item, apiConfig, optionsRequired, _ref, url, _ref$params, params, res, options, _t2;
+        return _regeneratorRuntime__default["default"].wrap(function (_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              _iterator = _createForOfIteratorHelper(_this.tempFormConfig);
+              _context4.prev = 1;
+              _iterator.s();
+            case 2:
+              if ((_step = _iterator.n()).done) {
+                _context4.next = 7;
+                break;
+              }
+              item = _step.value;
+              // const
+              apiConfig = item.api || _this.apiMapConfig[item.prop];
+              optionsRequired = _this.isSelectComponent(item.component) || _this.isRadioGroupComponent(item.component) || _this.isVirtualSelectComponent(item.component);
+              if (!(optionsRequired && apiConfig && !((_item$options = item.options) !== null && _item$options !== void 0 && _item$options.length))) {
+                _context4.next = 6;
+                break;
+              }
+              _context4.prev = 3;
+              _ref = typeof apiConfig === "function" ? {
+                url: apiConfig
+              } : apiConfig, url = _ref.url, _ref$params = _ref.params, params = _ref$params === void 0 ? {} : _ref$params;
+              _context4.next = 4;
+              return url(params);
+            case 4:
+              res = _context4.sent;
+              options = item.format ? item.format(res) : (res === null || res === void 0 ? void 0 : res.data) || [];
+              _this.$set(item, "options", options);
+              _context4.next = 6;
+              break;
+            case 5:
+              _context4.prev = 5;
+              _context4["catch"](3);
+              _this.$set(item, "options", []);
+            case 6:
+              _context4.next = 2;
+              break;
+            case 7:
+              _context4.next = 9;
+              break;
+            case 8:
+              _context4.prev = 8;
+              _t2 = _context4["catch"](1);
+              _iterator.e(_t2);
+            case 9:
+              _context4.prev = 9;
+              _iterator.f();
+              return _context4.finish(9);
+            case 10:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee, null, [[1, 8, 9, 10], [3, 5]]);
+      }))();
+    },
+    resetForm: function resetForm() {
+      this.$refs[this.formRef].resetFields();
+      this.$emit("reset");
+    },
+    getOptions: function getOptions() {
+      var _context5;
+      var propOptionsMap = {};
+      _forEachInstanceProperty__default["default"](_context5 = this.tempFormConfig).call(_context5, function (row) {
+        if (row.options) {
+          propOptionsMap[row.prop] = row.options;
+        }
+      });
+      return propOptionsMap;
+    }
+  }
+};
+
+function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+    if (typeof shadowMode !== 'boolean') {
+        createInjectorSSR = createInjector;
+        createInjector = shadowMode;
+        shadowMode = false;
+    }
+    // Vue.extend constructor export interop.
+    const options = typeof script === 'function' ? script.options : script;
+    // render functions
+    if (template && template.render) {
+        options.render = template.render;
+        options.staticRenderFns = template.staticRenderFns;
+        options._compiled = true;
+        // functional template
+        if (isFunctionalTemplate) {
+            options.functional = true;
+        }
+    }
+    // scopedId
+    if (scopeId) {
+        options._scopeId = scopeId;
+    }
+    let 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 (style) {
+                style.call(this, createInjectorSSR(context));
+            }
+            // register component module identifier for async chunk inference
+            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 (style) {
+        hook = shadowMode
+            ? function (context) {
+                style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
+            }
+            : function (context) {
+                style.call(this, createInjector(context));
+            };
+    }
+    if (hook) {
+        if (options.functional) {
+            // register for functional component in vue file
+            const originalRender = options.render;
+            options.render = function renderWithStyleInjection(h, context) {
+                hook.call(context);
+                return originalRender(h, context);
+            };
+        }
+        else {
+            // inject component registration as beforeCreate hook
+            const existing = options.beforeCreate;
+            options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+        }
+    }
+    return script;
+}
+
+/* script */
+var __vue_script__$4 = script$4;
+
+/* template */
+var __vue_render__$4 = function __vue_render__() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('el-form', _vm._g(_vm._b({
+    ref: _vm.formRef,
+    staticClass: "bm-form",
+    attrs: {
+      "model": _vm.model
+    }
+  }, 'el-form', _vm.$attrs, false), _vm.$listeners), [_vm._l(_vm.tempFormConfig, function (item, index) {
+    return _c('el-form-item', _vm._b({
+      key: (item.prop || item.key) + "-" + index,
+      attrs: {
+        "label": item.label,
+        "prop": item.prop
+      }
+    }, 'el-form-item', item.formItemAttrs, false), [_vm._t("item-" + (item.prop || item.key), function () {
+      return [_c(_vm.getComponentName(item.component), _vm._g(_vm._b({
+        tag: "component",
+        model: {
+          value: _vm.model[item.prop],
+          callback: function callback($$v) {
+            _vm.$set(_vm.model, item.prop, $$v);
+          },
+          expression: "model[item.prop]"
+        }
+      }, 'component', _vm.handleBindAttrs(item), false), item.events), [_vm.isSelectComponent(item.component) && item.options ? _vm._l(item.options, function (opt) {
+        return _c('el-option', {
+          key: item.prop + "-" + opt.value,
+          attrs: {
+            "label": opt.label,
+            "value": opt.value
+          }
+        });
+      }) : _vm._e(), _vm._v(" "), _vm.isRadioGroupComponent(item.component) && item.options ? _vm._l(item.options, function (opt) {
+        return _c('el-radio', {
+          key: item.prop + "-" + opt.value,
+          attrs: {
+            "label": opt.value
+          }
+        }, [_vm._v("\n            " + _vm._s(opt.label) + "\n          ")]);
+      }) : _vm._e()], 2)];
+    }, {
+      "item": item,
+      "model": _vm.model,
+      "index": index
+    })], 2);
+  }), _vm._v(" "), _vm.showOperateBtn ? _c('el-form-item', {
+    attrs: {
+      "label": ""
+    }
+  }, [_vm.defaultBtn ? [_c('el-button', {
+    on: {
+      "click": _vm.resetForm
+    }
+  }, [_vm._v(_vm._s(_vm.resetBtnText))]), _vm._v(" "), _c('el-button', {
+    attrs: {
+      "type": "primary"
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.$emit('search');
+      }
+    }
+  }, [_vm._v(_vm._s(_vm.searchBtnText))])] : _vm._e(), _vm._v(" "), _vm._t("customBtn")], 2) : _vm._e()], 2);
+};
+var __vue_staticRenderFns__$4 = [];
+
+/* style */
+var __vue_inject_styles__$4 = undefined;
+/* scoped */
+var __vue_scope_id__$4 = undefined;
+/* module identifier */
+var __vue_module_identifier__$4 = undefined;
+/* functional template */
+var __vue_is_functional_template__$4 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__$4 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$4,
+  staticRenderFns: __vue_staticRenderFns__$4
+}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);
+
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty__default["default"](e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/**
+ * @desc 基础表格: 多选列、序号和操作列分开配置，也可以在tableColumns配置，这时需要插槽
+ * @params
+ */
+var renderNode = {
+  functional: true,
+  props: {
+    render: {
+      type: Function,
+      required: true,
+      validator: function validator(val) {
+        // 新增：props 校验
+        return typeof val === 'function';
+      }
+    },
+    params: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      },
+      validator: function validator(val) {
+        return _typeof__default["default"](val) === 'object' && val !== null;
+      }
+    }
+  },
+  render: function render(h, ctx) {
+    try {
+      var render = ctx.render,
+        params = ctx.params;
+      var vnode = render(params);
+      return vnode || h('span', '');
+    } catch (error) {
+      return h('span', {
+        style: {
+          color: '#f56c6c'
+        }
+      }, 'vnode渲染异常');
+    }
+  }
+};
+var script$3 = {
+  name: "UiTable",
+  components: {
+    renderNode: renderNode
+  },
+  props: {
+    data: {
+      type: Array,
+      required: true,
+      "default": function _default() {
+        return [];
+      }
+    },
+    loading: {
+      type: Boolean,
+      "default": false
+    },
+    showSelection: {
+      type: Boolean,
+      "default": false
+    },
+    showIndex: {
+      type: Boolean,
+      "default": false
+    },
+    indexConfig: {
+      type: Object,
+      "default": function _default() {
+        return {
+          type: "index",
+          label: "序号",
+          width: 55,
+          fixed: "left",
+          align: "center"
+        };
+      }
+    },
+    tableColumns: {
+      type: Array,
+      required: true,
+      "default": function _default() {
+        return [];
+      }
+    },
+    showOperation: {
+      type: Boolean,
+      "default": false
+    },
+    operationConfig: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    showPagination: {
+      type: Boolean,
+      "default": true
+    },
+    paginationConfig: {
+      type: Object,
+      "default": function _default() {
+        return {
+          pageNum: 1,
+          pageSize: 10
+        };
+      }
+    },
+    total: {
+      type: Number,
+      "default": 0
+    }
+  },
+  mounted: function mounted() {
+    var _context,
+      _this = this;
+    var bool = _someInstanceProperty__default["default"](_context = this.tableColumns).call(_context, function (row) {
+      var hasIndex = row.type === "index" && _this.showIndex;
+      var hasSelection = row.type === "selection" && _this.showSelection;
+      var hasOperate = (row.label === "操作" || row.prop === "operation") && _this.showOperation;
+      return hasIndex || hasSelection || hasOperate;
+    });
+    if (bool) {
+      console.warn("序号列、多选列、操作列的一项或者多项存在重复配置，请检查传入的props和tableColumns");
+    }
+  },
+  computed: {
+    mergeOperation: function mergeOperation() {
+      var defaultConfig = {
+        label: "操作",
+        prop: "operation",
+        width: 180,
+        fixed: "right",
+        align: "center"
+      };
+      return _objectSpread(_objectSpread({}, defaultConfig), this.operationConfig);
+    }
+  },
+  methods: {
+    getColumnProps: function getColumnProps(col) {
+      var _context2;
+      // 可以配置列属性允许白名单，避免污染，这里是抽离自定义的属性
+      var obj = {};
+      var exclusion = ["headerSlot", "render", "component", "componentProps", "componentEvents", "slot", "clickable", "clickableClass", "onCellClick"];
+      _forEachInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](col)).call(_context2, function (key) {
+        if (!_includesInstanceProperty__default["default"](exclusion).call(exclusion, key)) {
+          obj[key] = col[key];
+        }
+      });
+      return _objectSpread({
+        align: "center"
+      }, obj);
+    },
+    getRenderParams: function getRenderParams(scope) {
+      return {
+        row: scope.row,
+        column: scope.column,
+        $h: this.$createElement,
+        index: scope.$index
+      };
+    },
+    getCellActiveClass: function getCellActiveClass(scope, col) {
+      if (typeof col.clickableClass === "function") {
+        return col.clickableClass(scope, col);
+      }
+      if (typeof col.clickableClass === "boolean") return col.clickableClass;
+      return false;
+    },
+    handleCellClick: function handleCellClick(scope, col) {
+      var row = scope.row,
+        $index = scope.$index;
+      var canClick = col.clickable || this.getCellActiveClass(scope, col);
+      if (!canClick) return;
+      if (typeof col.onCellClick === "function") {
+        col.onCellClick({
+          row: row,
+          column: col,
+          index: $index
+        });
+      }
+    },
+    getTableColumnValue: function getTableColumnValue(col, scope) {
+      var row = scope.row,
+        $index = scope.$index;
+      if (typeof col.formatter === "function") {
+        // formatter重写了，和el-table-column的属性参数有所不同
+        return col.formatter(row[col.prop], row, $index);
+      }
+      return row[col.prop];
+    },
+    // 对外暴露的表格实例
+    getTableEl: function getTableEl() {
+      return this.$refs.table;
+    },
+    handleSizeChange: function handleSizeChange(pageSize) {
+      this.$emit("change-size", pageSize);
+      this.$emit("change-pagination", _objectSpread(_objectSpread({}, this.paginationConfig), {}, {
+        pageSize: pageSize,
+        pageNum: 1
+      }));
+    },
+    handleCurrentChange: function handleCurrentChange(pageNum) {
+      this.$emit("change-page", pageNum);
+      this.$emit("change-pagination", _objectSpread(_objectSpread({}, this.paginationConfig), {}, {
+        pageNum: pageNum
+      }));
+    }
+  }
+};
+
+const isOldIE = typeof navigator !== 'undefined' &&
+    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+function createInjector(context) {
+    return (id, style) => addStyle(id, style);
+}
+let HEAD;
+const styles = {};
+function addStyle(id, css) {
+    const group = isOldIE ? css.media || 'default' : id;
+    const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
+    if (!style.ids.has(id)) {
+        style.ids.add(id);
+        let code = css.source;
+        if (css.map) {
+            // https://developer.chrome.com/devtools/docs/javascript-debugging
+            // this makes source maps inside style tags work properly in Chrome
+            code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+            // http://stackoverflow.com/a/26603875
+            code +=
+                '\n/*# sourceMappingURL=data:application/json;base64,' +
+                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
+                    ' */';
+        }
+        if (!style.element) {
+            style.element = document.createElement('style');
+            style.element.type = 'text/css';
+            if (css.media)
+                style.element.setAttribute('media', css.media);
+            if (HEAD === undefined) {
+                HEAD = document.head || document.getElementsByTagName('head')[0];
+            }
+            HEAD.appendChild(style.element);
+        }
+        if ('styleSheet' in style.element) {
+            style.styles.push(code);
+            style.element.styleSheet.cssText = style.styles
+                .filter(Boolean)
+                .join('\n');
+        }
+        else {
+            const index = style.ids.size - 1;
+            const textNode = document.createTextNode(code);
+            const nodes = style.element.childNodes;
+            if (nodes[index])
+                style.element.removeChild(nodes[index]);
+            if (nodes.length)
+                style.element.insertBefore(textNode, nodes[index]);
+            else
+                style.element.appendChild(textNode);
+        }
+    }
+}
+
+var __vue_script__$3 = script$3;
+
+/* template */
+var __vue_render__$3 = function __vue_render__() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    staticClass: "bm-table-container"
+  }, [_c('el-table', _vm._g(_vm._b({
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: _vm.loading,
+      expression: "loading"
+    }],
+    ref: "table",
+    staticClass: "bm-table",
+    attrs: {
+      "data": _vm.data
+    }
+  }, 'el-table', _Object$assign__default["default"]({}, {
+    border: true
+  }, _vm.$attrs), false), _vm.$listeners), [_vm.showSelection ? _c('el-table-column', {
+    attrs: {
+      "type": "selection",
+      "width": "55",
+      "align": "center",
+      "fixed": "left"
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.showIndex ? _c('el-table-column', _vm._b({}, 'el-table-column', _vm.indexConfig, false)) : _vm._e(), _vm._v(" "), _vm._l(_vm.tableColumns, function (col, index) {
+    return _c('el-table-column', _vm._b({
+      key: col.prop + "-col-" + index,
+      scopedSlots: _vm._u([col.headerSlot ? {
+        key: "header",
+        fn: function fn(ref) {
+          var column = ref.column;
+          var $index = ref.$index;
+          return [_vm._t("header-" + col.prop, function () {
+            return [_vm._v("\n                    " + _vm._s(column.label) + "\n                ")];
+          }, {
+            "column": column,
+            "index": $index
+          })];
+        }
+      } : null, {
+        key: "default",
+        fn: function fn(scope) {
+          return [typeof col.render === 'function' ? [_c('render-node', {
+            attrs: {
+              "render": col.render,
+              "params": _vm.getRenderParams(scope)
+            }
+          })] : col.component ? [_c(col.component, _vm._g(_vm._b({
+            tag: "component",
+            attrs: {
+              "row": scope.row,
+              "column": scope.column,
+              "index": scope.$index
+            }
+          }, 'component', col.componentProps || {}, false), col.componentEvents || {}))] : col.slot ? [_vm._t(col.prop, null, null, scope)] : [_c('div', {
+            staticClass: "bm-table-cell",
+            "class": {
+              'bm-cell-active': _vm.getCellActiveClass(scope, col)
+            },
+            on: {
+              "click": function click($event) {
+                return _vm.handleCellClick(scope, col);
+              }
+            }
+          }, [_vm._v("\n                        " + _vm._s(_vm.getTableColumnValue(col, scope)) + "\n                    ")])]];
+        }
+      }], null, true)
+    }, 'el-table-column', _vm.getColumnProps(col), false));
+  }), _vm._v(" "), _vm.showOperation ? _c('el-table-column', _vm._b({
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function fn(scope) {
+        return [_vm._t("operation", null, null, scope)];
+      }
+    }], null, true)
+  }, 'el-table-column', _vm.mergeOperation, false)) : _vm._e()], 2), _vm._v(" "), _vm.showPagination ? _c('el-pagination', {
+    staticClass: "bm-pagination",
+    attrs: {
+      "current-page": _vm.paginationConfig.pageNum,
+      "page-sizes": _vm.paginationConfig.pageSizes || [10, 20, 50, 100],
+      "page-size": _vm.paginationConfig.pageSize,
+      "layout": "total, sizes, prev, pager, next, jumper",
+      "total": _vm.total
+    },
+    on: {
+      "size-change": _vm.handleSizeChange,
+      "current-change": _vm.handleCurrentChange
+    }
+  }) : _vm._e()], 1);
+};
+var __vue_staticRenderFns__$3 = [];
+
+/* style */
+var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
+  if (!inject) return;
+  inject("data-v-071ee91e_0", {
+    source: ".bm-table-container[data-v-071ee91e]{box-sizing:border-box}.bm-table-container .bm-pagination[data-v-071ee91e]{display:flex;justify-content:flex-end;margin-top:20px}.bm-table-container .bm-table-cell[data-v-071ee91e]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-table-container .bm-cell-active[data-v-071ee91e]{color:#02a7f0;cursor:pointer}.bm-table-container[data-v-071ee91e] :deep(.el-tablethead){color:#606266}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+var __vue_scope_id__$3 = "data-v-071ee91e";
+/* module identifier */
+var __vue_module_identifier__$3 = undefined;
+/* functional template */
+var __vue_is_functional_template__$3 = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__$3 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$3,
+  staticRenderFns: __vue_staticRenderFns__$3
+}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, createInjector, undefined, undefined);
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script$2 = {
+  name: 'UiDialog',
+  props: {
+    visible: {
+      type: Boolean,
+      "default": false
+    },
+    width: {
+      type: String,
+      "default": '50%'
+    },
+    closeOnClickModal: {
+      type: Boolean,
+      "default": false
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      "default": false
+    },
+    title: {
+      type: String,
+      "default": '弹框标题'
+    },
+    defaultFooter: {
+      type: Boolean,
+      "default": true
+    },
+    showCancel: {
+      type: Boolean,
+      "default": false
+    },
+    cancelText: {
+      type: String,
+      "default": '取消'
+    },
+    showConfirm: {
+      type: Boolean,
+      "default": true
+    },
+    confirmText: {
+      type: String,
+      "default": '确定'
+    },
+    customFooter: {
+      type: Boolean,
+      "default": false
+    }
+  },
+  computed: {
+    show: {
+      get: function get() {
+        return this.visible;
+      },
+      set: function set(val) {
+        this.$emit('update:visible', val);
+        if (!val) this.$emit('close');
+      }
+    }
+  },
+  methods: {}
+};
+
+/* script */
+var __vue_script__$2 = script$2;
+
+/* template */
+var __vue_render__$2 = function __vue_render__() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('el-dialog', _vm._g(_vm._b({
+    staticClass: "bm-dialog",
+    attrs: {
+      "visible": _vm.show,
+      "width": _vm.width || _vm.$attrs.width,
+      "close-on-click-modal": _vm.closeOnClickModal,
+      "close-on-press-escape": _vm.closeOnPressEscape
+    },
+    on: {
+      "update:visible": function updateVisible($event) {
+        _vm.show = $event;
+      }
+    },
+    scopedSlots: _vm._u([{
+      key: "title",
+      fn: function fn() {
+        return [_vm._t("headerPrefix"), _vm._v(" "), _c('div', {
+          staticClass: "header-title"
+        }, [_vm._v(_vm._s(_vm.title))]), _vm._v(" "), _vm._t("headerSuffix")];
+      },
+      proxy: true
+    }, {
+      key: "footer",
+      fn: function fn() {
+        return [_vm.defaultFooter ? [_vm.showCancel ? _c('el-button', {
+          on: {
+            "click": function click($event) {
+              return _vm.$emit('cancel');
+            }
+          }
+        }, [_vm._v(_vm._s(_vm.cancelText))]) : _vm._e(), _vm._v(" "), _vm.showConfirm ? _c('el-button', {
+          attrs: {
+            "type": "primary"
+          },
+          on: {
+            "click": function click($event) {
+              return _vm.$emit('confirm');
+            }
+          }
+        }, [_vm._v(" " + _vm._s(_vm.confirmText))]) : _vm._e()] : _vm._e(), _vm._v(" "), _vm.customFooter ? void 0 : _vm._e()];
+      },
+      proxy: true
+    }], null, true)
+  }, 'el-dialog', _vm.$attrs, false), _vm.$listeners), [_vm._v(" "), _vm._t("default")], 2);
+};
+var __vue_staticRenderFns__$2 = [];
+
+/* style */
+var __vue_inject_styles__$2 = undefined;
+/* scoped */
+var __vue_scope_id__$2 = undefined;
+/* module identifier */
+var __vue_module_identifier__$2 = undefined;
+/* functional template */
+var __vue_is_functional_template__$2 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__$2 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$2,
+  staticRenderFns: __vue_staticRenderFns__$2
+}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+// 权限扩展，遇到再考虑
+/**
+ * @desc 按钮组
+ * @params btns 按钮配置数组，支持按钮的所有属性（通过attrs配置）
+ * @params disabledAll 禁用所有按钮组
+ */
+var script$1 = {
+  name: "UiBtns",
+  props: {
+    btns: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    disabledAll: {
+      type: Boolean,
+      "default": false
+    },
+    context: {
+      // 上下文，
+      type: [Object, Array, String, Number, Boolean],
+      "default": null
+    }
+  },
+  methods: {
+    handleDisabled: function handleDisabled(btn) {
+      if (this.disabledAll) return true;
+      if (typeof btn.disabled === "boolean") return btn.disabled;
+      if (typeof btn.disabled === "function") return btn.disabled(this.context);
+      return false;
+    },
+    handleClick: function handleClick(btn, event) {
+      var actionFn = typeof btn.action === "function";
+      if (actionFn && btn.eventName) {
+        console.warn("\u6309\u94AE\u3010".concat(btn.label, "\u3011\u540C\u65F6\u914D\u7F6E\u4E86action\u548CeventName\uFF0C\u53EF\u80FD\u5BFC\u81F4\u91CD\u590D\u6267\u884C"));
+      }
+      if (actionFn) {
+        btn.action.call(this, {
+          btn: btn,
+          event: event,
+          context: this.context
+        });
+      }
+      if (btn.eventName) {
+        this.$emit(btn.eventName, {
+          btn: btn,
+          event: event,
+          context: this.context
+        });
+      }
+    }
+  }
+};
+
+/* script */
+var __vue_script__$1 = script$1;
+
+/* template */
+var __vue_render__$1 = function __vue_render__() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    staticClass: "bm-btns"
+  }, _vm._l(_vm.btns, function (btn, index) {
+    return _c('el-button', _vm._b({
+      key: "" + btn.label + index,
+      attrs: {
+        "type": btn.type || 'primary',
+        "disabled": _vm.handleDisabled(btn)
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.handleClick(btn, $event);
+        }
+      }
+    }, 'el-button', btn.attrs, false), [_vm._v("\n        " + _vm._s(btn.label) + "\n    ")]);
+  }), 1);
+};
+var __vue_staticRenderFns__$1 = [];
+
+/* style */
+var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
+  if (!inject) return;
+  inject("data-v-2608b465_0", {
+    source: ".bm-btns[data-v-2608b465]{display:inline-block}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+var __vue_scope_id__$1 = "data-v-2608b465";
+/* module identifier */
+var __vue_module_identifier__$1 = undefined;
+/* functional template */
+var __vue_is_functional_template__$1 = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__$1 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$1,
+  staticRenderFns: __vue_staticRenderFns__$1
+}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, createInjector, undefined, undefined);
+
+//
+//
+//
+//
+//
+//
+
+var defaultEmptyObject = {};
+var script = {
+  name: "Status",
+  props: {
+    row: {
+      type: Object,
+      "default": function _default() {
+        return defaultEmptyObject;
+      }
+    },
+    // row 有传值时statusName将会当做字段名
+    statusName: {
+      type: String,
+      required: true
+    }
+  },
+  computed: {
+    isDefaultEmptyRow: function isDefaultEmptyRow() {
+      return this.row === defaultEmptyObject;
+    },
+    currentStatusName: function currentStatusName() {
+      // row是默认值的空对象
+      if (this.isDefaultEmptyRow) {
+        return this.statusName;
+      } else {
+        if (!this.statusName) return "";
+        return this.row[this.statusName];
+      }
+    },
+    className: function className() {
+      var _context, _context2, _context3, _context4;
+      if (!this.currentStatusName) return "";
+      var basic = this.currentStatusName ? "bm-status-basic" : "";
+      if (_startsWithInstanceProperty__default["default"](_context = this.currentStatusName).call(_context, "待")) {
+        return "bm-status-tag--info ".concat(basic);
+      }
+      if (_endsWithInstanceProperty__default["default"](_context2 = this.currentStatusName).call(_context2, "中")) {
+        return "bm-status-tag--primary ".concat(basic);
+      }
+      if (_endsWithInstanceProperty__default["default"](_context3 = this.currentStatusName).call(_context3, "成功")) {
+        return "bm-status-tag--success ".concat(basic);
+      }
+      if (_endsWithInstanceProperty__default["default"](_context4 = this.currentStatusName).call(_context4, "失败")) {
+        return "bm-status-tag--error ".concat(basic);
+      }
+      return basic;
+    }
+  }
+};
+
+/* script */
+var __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function __vue_render__() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    staticClass: "bm-status-tag",
+    "class": _vm.className
+  }, [_vm._v("\n  " + _vm._s(_vm.currentStatusName ? _vm.currentStatusName || "未知状态" : "-") + "\n")]);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
+  if (!inject) return;
+  inject("data-v-0b5907a5_0", {
+    source: ".bm-status-basic[data-v-0b5907a5]{padding:0 8px;line-height:1.5;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;box-sizing:border-box;vertical-align:middle}.bm-status-tag[data-v-0b5907a5]{display:inline-block;color:#606266;font-size:12px}.bm-status-tag--info[data-v-0b5907a5]{color:#909399;border:1px solid #d3d4d6;background-color:#f4f4f5}.bm-status-tag--primary[data-v-0b5907a5]{color:#409eff;border:1px solid #b3d8ff;background-color:#ecf5ff}.bm-status-tag--success[data-v-0b5907a5]{color:#67c23a;border:1px solid #c2e7b0;background-color:#f0f9eb}.bm-status-tag--error[data-v-0b5907a5]{color:#f56c6c;border:1px solid #fbc4c4;background-color:#fef0f0}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+var __vue_scope_id__ = "data-v-0b5907a5";
+/* module identifier */
+var __vue_module_identifier__ = undefined;
+/* functional template */
+var __vue_is_functional_template__ = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
+
+var components = [__vue_component__$4, __vue_component__$3, __vue_component__$2, __vue_component__$1, __vue_component__];
+var _install = function install(VueInstance) {
+  if (!VueInstance.prototype.$ELEMENT) {
+    console.error("使用BackendManagementUI前请先注册ElementUI");
+    return;
+  }
+  if (!VueInstance || !VueInstance.component) {
+    console.warn("Vue is required");
+    return;
+  }
+  if (_install.installed) return;
+  _forEachInstanceProperty__default["default"](components).call(components, function (component) {
+    var componentName = component.name || component.__name;
+    if (componentName) VueInstance.component(componentName, component);
+  });
+  _install.installed = true;
+};
+if (typeof window !== "undefined" && window.Vue) {
+  window.Vue.use({
+    install: _install
+  });
+}
+
+// 导出：支持全局导入 + 按需导入
+var index = {
+  version: "1.0.0",
+  install: _install,
+  UiForm: __vue_component__$4,
+  UiTable: __vue_component__$3,
+  UiDialog: __vue_component__$2,
+  UiBtns: __vue_component__$1,
+  Status: __vue_component__
+};
+
+exports.Status = __vue_component__;
+exports.UiBtns = __vue_component__$1;
+exports.UiDialog = __vue_component__$2;
+exports.UiForm = __vue_component__$4;
+exports.UiTable = __vue_component__$3;
+exports["default"] = index;