vue2-components-plus 1.0.16 → 1.0.18

package/dist/vue2-components-plus.es5.js

@@ -0,0 +1,3456 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NsDialog = NsDialog;
+exports.NsTableContainer = exports.NsTable = exports.NsSearch = exports.NsFormTitle = exports.NsForm = void 0;
+exports.closeAllNsDialog = closeAllNsDialog;
+exports.createPagination = createPagination;
+exports.createPaginationWithCustomKeys = createPaginationWithCustomKeys;
+exports["default"] = void 0;
+exports.getAllFormKvData = getAllFormKvData;
+exports.getAllFormNodeByKey = getAllFormNodeByKey;
+exports.getAllFormNodeRefByKey = getAllFormNodeRefByKey;
+exports.install = install2;
+exports.resetPagination = resetPagination;
+exports.setExternalApp = setExternalApp;
+exports.useFileUpload = useFileUpload;
+var _vue = _interopRequireWildcard(require("vue"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _defineAccessor(e, r, n, t) { var c = { configurable: !0, enumerable: !0 }; return c[e] = t, Object.defineProperty(r, n, c); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _toArray(r) { return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest(); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(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) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(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; }
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = function __defNormalProp(obj, key, value) {
+  return key in obj ? __defProp(obj, key, {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: value
+  }) : obj[key] = value;
+};
+var __spreadValues = function __spreadValues(a, b) {
+  for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols) {
+    var _iterator = _createForOfIteratorHelper(__getOwnPropSymbols(b)),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var prop = _step.value;
+        if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  return a;
+};
+var __spreadProps = function __spreadProps(a, b) {
+  return __defProps(a, __getOwnPropDescs(b));
+};
+var __objRest = function __objRest(source, exclude) {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols) {
+    var _iterator2 = _createForOfIteratorHelper(__getOwnPropSymbols(source)),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var prop = _step2.value;
+        if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+  }
+  return target;
+};
+var main = "";
+function parseBindingValue(binding) {
+  var defaultConfig = {
+    maxLength: 50,
+    pattern: null,
+    min: null,
+    max: null,
+    "int": false
+  };
+  var value = binding.value;
+  if (typeof value === "number") {
+    return __spreadProps(__spreadValues({}, defaultConfig), {
+      maxLength: value
+    });
+  }
+  if (value && _typeof(value) === "object") {
+    return {
+      maxLength: value.maxLength || defaultConfig.maxLength,
+      pattern: value.pattern || null,
+      min: typeof value.min === "number" ? value.min : null,
+      max: typeof value.max === "number" ? value.max : null,
+      "int": !!value["int"]
+    };
+  }
+  return defaultConfig;
+}
+function formatNumberInput(value, maxLength) {
+  var allowNegative = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var result = "";
+  var hasMinus = false;
+  var hasDot = false;
+  String(value || "").split("").forEach(function (_char, index2) {
+    if (_char === "-") {
+      if (allowNegative && index2 === 0 && !hasMinus) {
+        result += _char;
+        hasMinus = true;
+      }
+      return;
+    }
+    if (_char === ".") {
+      if (index2 !== 0 && !hasDot && result[result.length - 1] !== "-") {
+        result += _char;
+        hasDot = true;
+      }
+      return;
+    }
+    if (/^\d$/.test(_char)) {
+      var current = hasMinus ? result.slice(1) : result;
+      if (current === "0" && _char !== "0" && !hasDot) {
+        result = hasMinus ? "-" : "";
+      }
+      result += _char;
+    }
+  });
+  return result.slice(0, maxLength);
+}
+function formatIntegerInput(value, maxLength, config) {
+  var result = "";
+  var hasMinus = false;
+  var allowNegative = config.min !== null && config.min < 0;
+  String(value || "").split("").forEach(function (_char2, index2) {
+    if (_char2 === "-") {
+      if (allowNegative && index2 === 0 && !hasMinus) {
+        result += _char2;
+        hasMinus = true;
+      }
+      return;
+    }
+    if (/^\d$/.test(_char2)) {
+      var current = hasMinus ? result.slice(1) : result;
+      if (current === "0" && _char2 !== "0") {
+        result = hasMinus ? "-" : "";
+      }
+      result += _char2;
+    }
+  });
+  return result.slice(0, maxLength);
+}
+function formatRangeInput(value, config) {
+  if (config["int"]) {
+    var result2 = formatIntegerInput(value, config.maxLength || 50, config);
+    if (result2 === "" || result2 === "-") return result2;
+    var numberValue2 = parseInt(result2, 10);
+    if (Number.isNaN(numberValue2)) return "";
+    if (config.min !== null && numberValue2 < config.min) return String(Math.ceil(config.min));
+    if (config.max !== null && numberValue2 > config.max) return String(Math.floor(config.max));
+    return result2;
+  }
+  var allowNegative = config.min !== null && config.min < 0;
+  var result = formatNumberInput(value, config.maxLength || 50, allowNegative);
+  if (result === "" || result === "-" || result === ".") return result;
+  var numberValue = parseFloat(result);
+  if (Number.isNaN(numberValue)) return "";
+  if (config.min !== null && numberValue < config.min) return String(config.min);
+  if (config.max !== null && numberValue > config.max) return String(config.max);
+  return result;
+}
+function formatRegexInput(value, maxLength, pattern) {
+  var result = "";
+  String(value || "").split("").forEach(function (_char3) {
+    if (result.length >= maxLength) return;
+    var nextValue = result + _char3;
+    if (pattern.test(nextValue)) {
+      result = nextValue;
+    }
+  });
+  return result;
+}
+function getInputElement(el) {
+  if (!el) return null;
+  if (el.tagName === "INPUT" || el.tagName === "TEXTAREA") {
+    return el;
+  }
+  return el.querySelector("input, textarea");
+}
+function updateInputValue(inputEl, binding) {
+  if (!inputEl) return;
+  var config = parseBindingValue(binding);
+  var nextValue = inputEl.value || "";
+  if (binding.modifiers.range) {
+    nextValue = formatRangeInput(nextValue, config);
+  } else if (binding.modifiers.number) {
+    nextValue = formatNumberInput(nextValue, config.maxLength);
+  } else if (binding.modifiers.regex && config.pattern) {
+    nextValue = formatRegexInput(nextValue, config.maxLength, config.pattern);
+  } else {
+    nextValue = String(nextValue).slice(0, config.maxLength);
+  }
+  if (nextValue !== inputEl.value) {
+    inputEl.value = nextValue;
+    inputEl.dispatchEvent(new Event("input", {
+      bubbles: true
+    }));
+  }
+}
+function bindLengthDirective(el, binding) {
+  var inputEl = getInputElement(el);
+  if (!inputEl) return;
+  var composing = false;
+  var handleCompositionStart = function handleCompositionStart() {
+    composing = true;
+  };
+  var handleCompositionEnd = function handleCompositionEnd() {
+    composing = false;
+    updateInputValue(inputEl, binding);
+  };
+  var handleInput = function handleInput() {
+    if (!composing) {
+      updateInputValue(inputEl, binding);
+    }
+  };
+  inputEl.addEventListener("compositionstart", handleCompositionStart);
+  inputEl.addEventListener("compositionend", handleCompositionEnd);
+  inputEl.addEventListener("input", handleInput);
+  updateInputValue(inputEl, binding);
+  el.__nsLengthHandlers = {
+    inputEl: inputEl,
+    handleCompositionStart: handleCompositionStart,
+    handleCompositionEnd: handleCompositionEnd,
+    handleInput: handleInput
+  };
+}
+function unbindLengthDirective(el) {
+  var handlers = el.__nsLengthHandlers;
+  if (!handlers) return;
+  handlers.inputEl.removeEventListener("compositionstart", handlers.handleCompositionStart);
+  handlers.inputEl.removeEventListener("compositionend", handlers.handleCompositionEnd);
+  handlers.inputEl.removeEventListener("input", handlers.handleInput);
+  delete el.__nsLengthHandlers;
+}
+function registerDirective(Vue2) {
+  Vue2.directive("sline", {
+    inserted: function inserted(el) {
+      el.style.whiteSpace = "nowrap";
+      el.style.overflow = "hidden";
+      el.style.textOverflow = "ellipsis";
+      el.style.display = "inline-block";
+      el.style.maxWidth = "100%";
+    }
+  });
+  Vue2.directive("permission", {
+    inserted: function inserted(el, binding) {
+      var permissionList = [];
+      try {
+        permissionList = JSON.parse(sessionStorage.getItem("btnsPermission") || localStorage.getItem("btnsPermission") || "[]");
+      } catch (error) {
+        permissionList = [];
+      }
+      if (!Array.isArray(permissionList)) {
+        permissionList = [];
+      }
+      var selector = binding.modifiers["class"] ? "class" : "id";
+      var isDisplayNone = !!binding.modifiers.display;
+      var matched = selector === "class" ? permissionList.some(function (item) {
+        return el.classList.contains(item);
+      }) : permissionList.includes(el.getAttribute("id"));
+      if (!matched) {
+        if (isDisplayNone) {
+          el.style.display = "none";
+        } else {
+          el.style.visibility = "hidden";
+          el.style.pointerEvents = "none";
+        }
+      }
+    }
+  });
+  Vue2.directive("length", {
+    inserted: function inserted(el, binding) {
+      bindLengthDirective(el, binding);
+    },
+    componentUpdated: function componentUpdated(el, binding) {
+      var inputEl = getInputElement(el);
+      updateInputValue(inputEl, binding);
+    },
+    unbind: function unbind(el) {
+      unbindLengthDirective(el);
+    }
+  });
+  Vue2.directive("event-unuse", {
+    inserted: function inserted(el) {
+      el.style.pointerEvents = "none";
+    }
+  });
+  Vue2.directive("event-use", {
+    inserted: function inserted(el) {
+      el.style.pointerEvents = "auto";
+    }
+  });
+}
+var ThemeVar$1 = /*#__PURE__*/_createClass(function ThemeVar() {
+  _classCallCheck(this, ThemeVar);
+});
+ThemeVar$1.VARS = {};
+function loadCssVars$1() {
+  if (typeof document === "undefined") {
+    return ThemeVar$1.VARS;
+  }
+  if (Object.keys(ThemeVar$1.VARS).length > 0) {
+    return ThemeVar$1.VARS;
+  }
+  var variables = {};
+  Array.from(document.styleSheets || []).forEach(function (sheet) {
+    var cssRules = [];
+    try {
+      cssRules = Array.from(sheet.cssRules || []);
+    } catch (error) {
+      cssRules = [];
+    }
+    cssRules.forEach(function (rule) {
+      if (rule.selectorText !== ":root") {
+        return;
+      }
+      Array.from(rule.style || []).filter(function (name) {
+        return name.indexOf("--matrix-") === 0;
+      }).forEach(function (name) {
+        variables[name] = rule.style.getPropertyValue(name).trim();
+      });
+    });
+  });
+  ThemeVar$1.VARS = variables;
+  return variables;
+}
+function toKebabCase$1(value) {
+  if (typeof value !== "string") return value;
+  if (value.indexOf("-") > -1) return value.toLowerCase();
+  return value.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function normalizeComponent$1(component) {
+  if (!component) return "span";
+  if (typeof component === "string") {
+    return toKebabCase$1(component);
+  }
+  return component;
+}
+function cloneVNodeWithSlot(vnode, slotName) {
+  if (!vnode || slotName === "default") {
+    return vnode;
+  }
+  var data = vnode.data || (vnode.data = {});
+  data.slot = slotName;
+  return vnode;
+}
+function normalizeChildren(result, slotName) {
+  if (!result) return [];
+  var list = Array.isArray(result) ? result : [result];
+  return list.map(function (item) {
+    return cloneVNodeWithSlot(item, slotName);
+  }).filter(Boolean);
+}
+function isComponentName(component, names) {
+  var name = String(typeof component === "string" ? component : component && component.name ? component.name : "").replace(/-/g, "").toLowerCase();
+  return names.some(function (item) {
+    return name === item.toLowerCase();
+  });
+}
+var FormFieldRenderer = {
+  name: "NsFormFieldRenderer",
+  inheritAttrs: false,
+  props: {
+    field: {
+      type: Object,
+      required: true
+    },
+    value: {
+      "default": void 0
+    }
+  },
+  mounted: function mounted() {
+    this.emitRef();
+  },
+  updated: function updated() {
+    this.emitRef();
+  },
+  methods: {
+    emitRef: function emitRef() {
+      this.$emit("ref", this.$refs.control || null);
+    },
+    getComponent: function getComponent() {
+      return normalizeComponent$1(this.field.component);
+    },
+    isUpload: function isUpload() {
+      return isComponentName(this.field.component, ["elupload"]);
+    },
+    rendersOptionsByChildren: function rendersOptionsByChildren() {
+      return isComponentName(this.field.component, ["elselect", "elradiogroup", "elcheckboxgroup"]);
+    },
+    isFullWidthComponent: function isFullWidthComponent() {
+      return isComponentName(this.field.component, ["elinput", "elselect", "elcascader", "eldatepicker", "eltimepicker", "elinputnumber", "elautocomplete"]);
+    },
+    buildProps: function buildProps() {
+      var _this = this;
+      var params = this.field.params || {};
+      var result = {};
+      Object.keys(params).forEach(function (key) {
+        if (key.indexOf("v-") === 0) return;
+        if (key === "rules" || key === "style") return;
+        if (key === "options" && _this.rendersOptionsByChildren()) return;
+        result[key] = params[key];
+      });
+      if (!this.isUpload()) {
+        result.value = this.value;
+      }
+      return result;
+    },
+    buildStyle: function buildStyle() {
+      var params = this.field.params || {};
+      var style = __spreadValues(__spreadValues({}, this.field.style || {}), params.style || {});
+      if (this.isFullWidthComponent() && style.width === void 0) {
+        style.width = "100%";
+      }
+      return style;
+    },
+    buildDirectives: function buildDirectives() {
+      var params = this.field.params || {};
+      return Object.keys(params).filter(function (key) {
+        return key.indexOf("v-") === 0;
+      }).map(function (key) {
+        var _key$split = key.split("v-"),
+          _key$split2 = _slicedToArray(_key$split, 2),
+          definition = _key$split2[1];
+        var _definition$split = definition.split("."),
+          _definition$split2 = _toArray(_definition$split),
+          name = _definition$split2[0],
+          modifiers = _arrayLikeToArray(_definition$split2).slice(1);
+        var modifierObject = {};
+        modifiers.forEach(function (item) {
+          modifierObject[item] = true;
+        });
+        return {
+          name: name,
+          value: params[key],
+          modifiers: modifierObject
+        };
+      });
+    },
+    buildEvents: function buildEvents() {
+      var _this2 = this;
+      var userEvents = this.field.events || {};
+      var listeners = {};
+      Object.keys(userEvents).forEach(function (name) {
+        listeners[name] = function () {
+          userEvents[name].apply(userEvents, arguments);
+        };
+      });
+      if (!this.isUpload()) {
+        var originalInput = listeners.input;
+        listeners.input = function (val) {
+          _this2.$emit("input", val);
+          if (originalInput) {
+            for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+              args[_key - 1] = arguments[_key];
+            }
+            originalInput.apply(void 0, [val].concat(args));
+          }
+        };
+      }
+      return listeners;
+    },
+    buildScopedSlots: function buildScopedSlots() {
+      var slots = this.field.slots || {};
+      var scopedSlots = {};
+      Object.keys(slots).forEach(function (name) {
+        if (typeof slots[name] === "function") {
+          scopedSlots[name] = function (scope) {
+            return slots[name](scope);
+          };
+        }
+      });
+      return scopedSlots;
+    },
+    renderOptionNodes: function renderOptionNodes(h) {
+      var params = this.field.params || {};
+      var options = params.options || [];
+      var component = this.getComponent();
+      if (!Array.isArray(options) || options.length === 0) {
+        return [];
+      }
+      if (isComponentName(component, ["elselect"])) {
+        return options.map(function (option, index2) {
+          return h("el-option", {
+            key: option.value !== void 0 ? option.value : index2,
+            props: {
+              label: option.label,
+              value: option.value,
+              disabled: option.disabled
+            }
+          });
+        });
+      }
+      if (isComponentName(component, ["elradiogroup"])) {
+        return options.map(function (option, index2) {
+          return h("el-radio", {
+            key: option.value !== void 0 ? option.value : index2,
+            props: {
+              label: option.value,
+              disabled: option.disabled
+            }
+          }, [option.label]);
+        });
+      }
+      if (isComponentName(component, ["elcheckboxgroup"])) {
+        return options.map(function (option, index2) {
+          return h("el-checkbox", {
+            key: option.value !== void 0 ? option.value : index2,
+            props: {
+              label: option.value,
+              disabled: option.disabled
+            }
+          }, [option.label]);
+        });
+      }
+      return [];
+    }
+  },
+  render: function render(h) {
+    var _this3 = this;
+    var component = this.getComponent();
+    var slotNodes = [];
+    var slots = this.field.slots || {};
+    Object.keys(slots).forEach(function (name) {
+      if (typeof slots[name] === "function") {
+        slotNodes.push.apply(slotNodes, _toConsumableArray(normalizeChildren(slots[name]({
+          field: _this3.field,
+          value: _this3.value
+        }), name)));
+      }
+    });
+    return h(component, {
+      ref: "control",
+      props: this.buildProps(),
+      style: this.buildStyle(),
+      on: this.buildEvents(),
+      directives: this.buildDirectives(),
+      scopedSlots: this.buildScopedSlots()
+    }, [].concat(_toConsumableArray(this.renderOptionNodes(h)), slotNodes));
+  }
+};
+function isNotNull(value) {
+  if (Array.isArray(value)) {
+    return true;
+  }
+  if (value === 0 || value === "0") {
+    return true;
+  }
+  return !(value === "" || value === null || typeof value === "undefined" || value === "null" || value === "undefined" || String(value).trim() === "" || String(value).trim() === "undefined");
+}
+var DynamicForm_vue_vue_type_style_index_0_scoped_4efb4504_lang = "";
+function normalizeComponent(scriptExports, render7, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
+  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
+  if (render7) {
+    options.render = render7;
+    options.staticRenderFns = staticRenderFns;
+    options._compiled = true;
+  }
+  if (functionalTemplate) {
+    options.functional = true;
+  }
+  if (scopeId) {
+    options._scopeId = "data-v-" + scopeId;
+  }
+  var hook;
+  if (moduleIdentifier) {
+    hook = function hook(context) {
+      context = context ||
+      // cached call
+      this.$vnode && this.$vnode.ssrContext ||
+      // stateful
+      this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
+        context = __VUE_SSR_CONTEXT__;
+      }
+      if (injectStyles) {
+        injectStyles.call(this, context);
+      }
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier);
+      }
+    };
+    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) {
+      options._injectStyles = hook;
+      var originalRender = options.render;
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context);
+        return originalRender(h, context);
+      };
+    } else {
+      var existing = options.beforeCreate;
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+    }
+  }
+  return {
+    exports: scriptExports,
+    options: options
+  };
+}
+function deepClone(value) {
+  if (value === null || _typeof(value) !== "object") {
+    return value;
+  }
+  if (Array.isArray(value)) {
+    return value.map(function (item) {
+      return deepClone(item);
+    });
+  }
+  var result = {};
+  Object.keys(value).forEach(function (key) {
+    result[key] = deepClone(value[key]);
+  });
+  return result;
+}
+function normalizeComponentName(component) {
+  var name = String(typeof component === "string" ? component : component && component.name ? component.name : "");
+  return name.replace(/-/g, "").toLowerCase();
+}
+var _sfc_main$5 = {
+  name: "NsForm",
+  components: {
+    FormFieldRenderer: FormFieldRenderer
+  },
+  props: {
+    model: {
+      type: String,
+      "default": ""
+    },
+    readOnly: {
+      type: Boolean,
+      "default": false
+    },
+    labelWidth: {
+      type: String,
+      "default": "80px"
+    },
+    superLabelWidth: {
+      type: String,
+      "default": "30px"
+    },
+    labelColor: {
+      type: String,
+      "default": "#0A7BFF"
+    },
+    gapH: {
+      type: String,
+      "default": "10px"
+    },
+    gapV: {
+      type: String,
+      "default": "10px"
+    },
+    height: {
+      type: String,
+      "default": "32px"
+    },
+    rows: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    backgroundColor: {
+      type: String,
+      "default": ""
+    },
+    valueEmptyTag: {
+      type: String,
+      "default": "--"
+    },
+    formPropKey: {
+      type: String,
+      "default": "rows"
+    },
+    hasPoint: {
+      type: Boolean,
+      "default": false
+    }
+  },
+  data: function data() {
+    return {
+      componentRefs: {}
+    };
+  },
+  computed: {
+    formClassList: function formClassList() {
+      return {
+        "is-vertical": this.model.indexOf("vertical") > -1,
+        "is-table": this.model.indexOf("table") > -1,
+        "is-readonly": this.readOnly
+      };
+    },
+    wrapperStyle: function wrapperStyle() {
+      return {
+        "--ns-form-label-width": this.normalizeSize(this.labelWidth),
+        "--ns-form-super-label-width": this.normalizeSize(this.superLabelWidth),
+        "--ns-form-label-color": this.labelColor,
+        "--ns-form-row-gap": this.gapV,
+        "--ns-form-col-gap": this.gapH,
+        "--ns-form-item-height": this.normalizeSize(this.height),
+        "--ns-form-background-color": this.backgroundColor || "#ffffff"
+      };
+    },
+    rowStyle: function rowStyle() {
+      return {
+        marginBottom: this.model.indexOf("table") > -1 ? "0" : this.gapV
+      };
+    },
+    labelStyle: function labelStyle() {
+      return {
+        width: this.normalizeSize(this.labelWidth),
+        color: this.labelColor
+      };
+    },
+    groupLabelStyle: function groupLabelStyle() {
+      return {
+        width: this.normalizeSize(this.superLabelWidth),
+        color: this.labelColor
+      };
+    },
+    valueStyle: function valueStyle() {
+      return {
+        minHeight: this.normalizeSize(this.height)
+      };
+    }
+  },
+  watch: {
+    rows: {
+      handler: function handler(newRows) {
+        this.initializeDefaultValues(newRows);
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  methods: {
+    walkFields: function walkFields(callback) {
+      (this.rows || []).forEach(function (row, rowIndex) {
+        (row || []).forEach(function (item, itemIndex) {
+          callback(item, rowIndex, itemIndex, null, null);
+          (item.children || []).forEach(function (child, childIndex) {
+            callback(child, rowIndex, itemIndex, childIndex, item);
+          });
+        });
+      });
+    },
+    initializeDefaultValues: function initializeDefaultValues(rows) {
+      var _this4 = this;
+      (rows || []).forEach(function (row) {
+        (row || []).forEach(function (item) {
+          if (item && item.key && item.defaultValue === void 0) {
+            _this4.$set(item, "defaultValue", deepClone(item.value));
+          }
+          (item.children || []).forEach(function (child) {
+            if (child && child.key && child.defaultValue === void 0) {
+              _this4.$set(child, "defaultValue", deepClone(child.value));
+            }
+          });
+        });
+      });
+    },
+    normalizeSize: function normalizeSize(value) {
+      if (value === null || value === void 0 || value === "") return "";
+      return /^\d+$/.test(String(value)) ? "".concat(value, "px") : String(value);
+    },
+    hasChildren: function hasChildren(item) {
+      return Array.isArray(item.children) && item.children.length > 0;
+    },
+    getItemStyle: function getItemStyle(item, row) {
+      if (item.span === 0) {
+        return {
+          display: "none"
+        };
+      }
+      if (typeof item.span === "string" && item.span.indexOf("%") > -1) {
+        return {
+          flex: "0 0 ".concat(item.span),
+          maxWidth: item.span
+        };
+      }
+      if (item.span !== void 0 && item.span !== null && item.span !== "") {
+        var span = Number(item.span);
+        if (!Number.isNaN(span)) {
+          var width2 = span > 24 ? "".concat(span, "px") : "".concat(span / 24 * 100, "%");
+          return {
+            flex: "0 0 ".concat(width2),
+            maxWidth: width2
+          };
+        }
+      }
+      var columns = (row || []).filter(function (field) {
+        return field && field.span !== 0;
+      }).length || 1;
+      var width = "calc(".concat(100 / columns, "% - ").concat(this.gapH, ")");
+      return {
+        flex: "0 0 ".concat(width),
+        maxWidth: width
+      };
+    },
+    getFieldRules: function getFieldRules(field) {
+      if (this.readOnly) return [];
+      return field.params && field.params.rules || [];
+    },
+    isRequiredField: function isRequiredField(field) {
+      if (!field || this.readOnly) return false;
+      if (typeof field.required === "boolean") {
+        return field.required;
+      }
+      return this.getFieldRules(field).some(function (rule) {
+        return rule && rule.required;
+      });
+    },
+    getFieldRequired: function getFieldRequired(field) {
+      if (!field || this.readOnly) return false;
+      return field && typeof field.required === "boolean" ? field.required : void 0;
+    },
+    updateFieldValue: function updateFieldValue(field, value) {
+      this.$set(field, "value", value);
+    },
+    setComponentRef: function setComponentRef(field, ref) {
+      if (!field || !field.key) return;
+      this.$set(field, "ref", ref);
+      this.$set(this.componentRefs, field.key, ref);
+    },
+    showReadOnlyText: function showReadOnlyText(field) {
+      return this.readOnly && !(field && field.readOnlyUseComponent);
+    },
+    normalizeDisplayValue: function normalizeDisplayValue(value, field) {
+      if (isNotNull(value)) {
+        if (Array.isArray(value)) {
+          return value.join("，");
+        }
+        return value;
+      }
+      return field && field.valueEmptyTag || this.valueEmptyTag;
+    },
+    getReadOnlyDisplayValue: function getReadOnlyDisplayValue(field) {
+      var _a, _b, _c;
+      if (!field) {
+        return this.valueEmptyTag;
+      }
+      if (typeof ((_a = field.params) == null ? void 0 : _a.formatter) === "function") {
+        return field.params.formatter(field.value, field) || this.valueEmptyTag;
+      }
+      if (!isNotNull(field.value)) {
+        return field.valueEmptyTag || this.valueEmptyTag;
+      }
+      if (this.isUploadComponent(field)) {
+        return (field.value || []).map(function (item) {
+          return item.fileName || item.name || item.filePath;
+        }).filter(Boolean).join("，") || field.valueEmptyTag || this.valueEmptyTag;
+      }
+      if (this.isSwitchComponent(field)) {
+        return field.value ? ((_b = field.params) == null ? void 0 : _b.activeText) || "是" : ((_c = field.params) == null ? void 0 : _c.inactiveText) || "否";
+      }
+      if (this.isSelectLikeComponent(field)) {
+        return this.getOptionDisplayText(field);
+      }
+      if (this.isCascaderComponent(field)) {
+        return this.getCascaderDisplayValue(field);
+      }
+      if (Array.isArray(field.value)) {
+        return field.value.join("，");
+      }
+      return field.value;
+    },
+    getOptionDisplayText: function getOptionDisplayText(field) {
+      var _a;
+      var options = ((_a = field.params) == null ? void 0 : _a.options) || [];
+      var rawValue = field.value;
+      var valueList = Array.isArray(rawValue) ? rawValue : typeof rawValue === "string" && rawValue.indexOf(",") > -1 ? rawValue.split(",").filter(Boolean) : [rawValue];
+      var labels = valueList.map(function (value) {
+        var option = options.find(function (item) {
+          return item.value === value;
+        });
+        return option ? option.label : value;
+      }).filter(function (item) {
+        return item !== void 0 && item !== null && item !== "";
+      });
+      return labels.join("，") || field.valueEmptyTag || this.valueEmptyTag;
+    },
+    getCascaderDisplayValue: function getCascaderDisplayValue(field) {
+      var _a, _b, _c, _d;
+      var params = field.params || {};
+      var options = params.options || [];
+      var propConfig = {
+        value: ((_a = params.props) == null ? void 0 : _a.value) || "value",
+        label: ((_b = params.props) == null ? void 0 : _b.label) || "label",
+        children: ((_c = params.props) == null ? void 0 : _c.children) || "children",
+        multiple: !!((_d = params.props) == null ? void 0 : _d.multiple),
+        separator: params.separator || " / "
+      };
+      var normalizePath = function normalizePath(pathValue) {
+        if (Array.isArray(pathValue)) return pathValue;
+        if (typeof pathValue === "string" && pathValue.indexOf(",") > -1) {
+          return pathValue.split(",").filter(Boolean);
+        }
+        return [pathValue];
+      };
+      var getPathLabels = function getPathLabels(pathValue) {
+        var labels = [];
+        var currentOptions = options;
+        normalizePath(pathValue).forEach(function (value) {
+          var current = (currentOptions || []).find(function (item) {
+            return item[propConfig.value] === value;
+          });
+          if (current) {
+            labels.push(current[propConfig.label]);
+            currentOptions = current[propConfig.children];
+          }
+        });
+        return labels.join(propConfig.separator);
+      };
+      if (propConfig.multiple && Array.isArray(field.value) && Array.isArray(field.value[0])) {
+        return field.value.map(function (item) {
+          return getPathLabels(item);
+        }).join("，");
+      }
+      return getPathLabels(field.value);
+    },
+    isSelectLikeComponent: function isSelectLikeComponent(field) {
+      return ["elselect", "elradiogroup", "elcheckboxgroup"].includes(normalizeComponentName(field.component));
+    },
+    isSwitchComponent: function isSwitchComponent(field) {
+      return normalizeComponentName(field.component) === "elswitch";
+    },
+    isCascaderComponent: function isCascaderComponent(field) {
+      return normalizeComponentName(field.component) === "elcascader";
+    },
+    isUploadComponent: function isUploadComponent(field) {
+      return normalizeComponentName(field.component) === "elupload";
+    },
+    getFormNodeByKey: function getFormNodeByKey(key) {
+      for (var rowIndex = 0; rowIndex < this.rows.length; rowIndex += 1) {
+        var row = this.rows[rowIndex];
+        for (var colIndex = 0; colIndex < row.length; colIndex += 1) {
+          var item = row[colIndex];
+          if (item.key === key) return item;
+          for (var childIndex = 0; childIndex < (item.children || []).length; childIndex += 1) {
+            var child = item.children[childIndex];
+            if (child.key === key) return child;
+          }
+        }
+      }
+      return null;
+    },
+    getFormNodeRefByKey: function getFormNodeRefByKey(key) {
+      return this.componentRefs[key] || null;
+    },
+    getFormKvData: function getFormKvData() {
+      var result = {};
+      this.walkFields(function (field) {
+        if (!field || !field.key) return;
+        result[field.key] = Array.isArray(field.value) && Array.isArray(field.delValue) ? field.value.concat(field.delValue) : field.value;
+      });
+      return result;
+    },
+    resetForm: function resetForm() {
+      var _this5 = this;
+      var triggerEvents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      this.walkFields(function (field) {
+        var _a, _b;
+        if (!field || !field.key) return;
+        var oldValue = deepClone(field.value);
+        var nextValue = field.defaultValue !== void 0 ? deepClone(field.defaultValue) : Array.isArray(field.value) ? [] : typeof field.value === "boolean" ? false : typeof field.value === "number" ? 0 : "";
+        _this5.$set(field, "value", nextValue);
+        if (field.delValue !== void 0) {
+          _this5.$set(field, "delValue", []);
+        }
+        if (field.params && Array.isArray(field.params.fileList)) {
+          field.params.fileList.splice(0, field.params.fileList.length);
+        }
+        if (triggerEvents && JSON.stringify(oldValue) !== JSON.stringify(nextValue)) {
+          if (typeof ((_a = field.events) == null ? void 0 : _a.change) === "function") {
+            _this5.$nextTick(function () {
+              return field.events.change(nextValue);
+            });
+          }
+          if (typeof ((_b = field.events) == null ? void 0 : _b.input) === "function") {
+            _this5.$nextTick(function () {
+              return field.events.input(nextValue);
+            });
+          }
+        }
+      });
+    },
+    setFormData: function setFormData(data) {
+      var _this6 = this;
+      if (!data || _typeof(data) !== "object") {
+        return;
+      }
+      this.walkFields(function (field) {
+        if (!field || !field.key || !Object.prototype.hasOwnProperty.call(data, field.key)) return;
+        var nextValue = deepClone(data[field.key]);
+        if (_this6.isCascaderComponent(field) && typeof nextValue === "string" && nextValue.indexOf(",") > -1) {
+          nextValue = nextValue.split(",").filter(Boolean);
+        }
+        _this6.$set(field, "value", nextValue);
+        if (_this6.isUploadComponent(field)) {
+          var fileList = Array.isArray(nextValue) ? deepClone(nextValue) : [];
+          if (field.params) {
+            _this6.$set(field.params, "fileList", fileList);
+          }
+        }
+      });
+    },
+    initDefaultValues: function initDefaultValues() {
+      this.initializeDefaultValues(this.rows);
+    }
+  }
+};
+var _sfc_render$5 = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _vm.rows && _vm.rows.length ? _c("div", {
+    staticClass: "ns-dynamic-form",
+    "class": _vm.formClassList,
+    style: _vm.wrapperStyle
+  }, _vm._l(_vm.rows, function (row, rowIndex) {
+    return _c("div", {
+      key: "row-".concat(rowIndex),
+      staticClass: "ns-dynamic-form__row",
+      style: _vm.rowStyle
+    }, _vm._l(row, function (item, itemIndex) {
+      return _c("div", {
+        key: item.key || "".concat(rowIndex, "-").concat(itemIndex),
+        staticClass: "ns-dynamic-form__item",
+        "class": {
+          "has-children": _vm.hasChildren(item)
+        },
+        style: _vm.getItemStyle(item, row)
+      }, [_vm.hasChildren(item) ? [!item.hideLabel && item.label ? _c("div", {
+        staticClass: "ns-dynamic-form__group-label",
+        style: _vm.groupLabelStyle
+      }, [_vm._v(" " + _vm._s(item.label) + " ")]) : _vm._e(), _c("div", {
+        staticClass: "ns-dynamic-form__children"
+      }, _vm._l(item.children, function (child, childIndex) {
+        return _c("div", {
+          key: child.key || "".concat(rowIndex, "-").concat(itemIndex, "-").concat(childIndex),
+          staticClass: "ns-dynamic-form__child"
+        }, [!child.hideLabel && child.label ? _c("div", {
+          staticClass: "ns-dynamic-form__label",
+          "class": {
+            "has-point": _vm.hasPoint || _vm.isRequiredField(child)
+          },
+          style: _vm.labelStyle
+        }, [_vm._v(" " + _vm._s(child.label) + " ")]) : _vm._e(), _c("div", {
+          staticClass: "ns-dynamic-form__value",
+          style: _vm.valueStyle
+        }, [_vm.showReadOnlyText(child) ? [_c("span", {
+          directives: [{
+            name: "sline",
+            rawName: "v-sline"
+          }]
+        }, [_vm._v(_vm._s(_vm.getReadOnlyDisplayValue(child)))])] : child.component ? [_c("el-form-item", {
+          staticClass: "ns-dynamic-form__form-item",
+          attrs: {
+            "label-width": "0px",
+            "prop": "".concat(_vm.formPropKey, ".").concat(rowIndex, ".").concat(itemIndex, ".children.").concat(childIndex, ".value"),
+            "rules": _vm.getFieldRules(child),
+            "required": _vm.getFieldRequired(child)
+          }
+        }, [_c("form-field-renderer", {
+          attrs: {
+            "field": child,
+            "value": child.value
+          },
+          on: {
+            "input": function input($event) {
+              return _vm.updateFieldValue(child, $event);
+            },
+            "ref": function ref($event) {
+              return _vm.setComponentRef(child, $event);
+            }
+          }
+        })], 1)] : [_c("span", {
+          directives: [{
+            name: "sline",
+            rawName: "v-sline"
+          }]
+        }, [_vm._v(_vm._s(_vm.normalizeDisplayValue(child.value, child)))])]], 2)]);
+      }), 0)] : [!item.hideLabel && item.label ? _c("div", {
+        staticClass: "ns-dynamic-form__label",
+        "class": {
+          "has-point": _vm.hasPoint || _vm.isRequiredField(item)
+        },
+        style: _vm.labelStyle
+      }, [_vm._v(" " + _vm._s(item.label) + " ")]) : _vm._e(), _c("div", {
+        staticClass: "ns-dynamic-form__value",
+        style: _vm.valueStyle
+      }, [_vm.showReadOnlyText(item) ? [_c("span", {
+        directives: [{
+          name: "sline",
+          rawName: "v-sline"
+        }]
+      }, [_vm._v(_vm._s(_vm.getReadOnlyDisplayValue(item)))])] : item.component ? [_c("el-form-item", {
+        staticClass: "ns-dynamic-form__form-item",
+        attrs: {
+          "label-width": "0px",
+          "prop": "".concat(_vm.formPropKey, ".").concat(rowIndex, ".").concat(itemIndex, ".value"),
+          "rules": _vm.getFieldRules(item),
+          "required": _vm.getFieldRequired(item)
+        }
+      }, [_c("form-field-renderer", {
+        attrs: {
+          "field": item,
+          "value": item.value
+        },
+        on: {
+          "input": function input($event) {
+            return _vm.updateFieldValue(item, $event);
+          },
+          "ref": function ref($event) {
+            return _vm.setComponentRef(item, $event);
+          }
+        }
+      })], 1)] : [_c("span", {
+        directives: [{
+          name: "sline",
+          rawName: "v-sline"
+        }]
+      }, [_vm._v(_vm._s(_vm.normalizeDisplayValue(item.value, item)))])]], 2)]], 2);
+    }), 0);
+  }), 0) : _vm._e();
+};
+var _sfc_staticRenderFns$5 = [];
+var __component__$5 = /* @__PURE__ */normalizeComponent(_sfc_main$5, _sfc_render$5, _sfc_staticRenderFns$5, false, null, "4efb4504", null, null);
+var NsForm = exports.NsForm = __component__$5.exports;
+var ThemeVar2 = /*#__PURE__*/_createClass(function ThemeVar2() {
+  _classCallCheck(this, ThemeVar2);
+});
+ThemeVar2.VARS = {};
+function loadCssVars() {
+  if (typeof document === "undefined") {
+    return ThemeVar2.VARS;
+  }
+  if (Object.keys(ThemeVar2.VARS).length > 0) {
+    return ThemeVar2.VARS;
+  }
+  var variables = {};
+  Array.from(document.styleSheets || []).forEach(function (sheet) {
+    var cssRules = [];
+    try {
+      cssRules = Array.from(sheet.cssRules || []);
+    } catch (error) {
+      cssRules = [];
+    }
+    cssRules.forEach(function (rule) {
+      if (rule.selectorText !== ":root") {
+        return;
+      }
+      Array.from(rule.style || []).filter(function (name) {
+        return name.indexOf("--matrix-") === 0;
+      }).forEach(function (name) {
+        variables[name] = rule.style.getPropertyValue(name).trim();
+      });
+    });
+  });
+  ThemeVar2.VARS = variables;
+  return variables;
+}
+var DynamicFormTitle_vue_vue_type_style_index_0_scoped_29c80ec1_lang = "";
+var _sfc_main$4 = {
+  name: "NsFormTitle",
+  props: {
+    title: {
+      type: String,
+      "default": ""
+    }
+  },
+  mounted: function mounted() {
+    loadCssVars();
+  }
+};
+var _sfc_render$4 = function render2() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "ns-form-title"
+  }, [_c("div", {
+    staticClass: "ns-form-title__header"
+  }, [_vm._t("title", function () {
+    return [_c("span", {
+      staticClass: "ns-form-title__icon"
+    }), _c("span", {
+      staticClass: "ns-form-title__text"
+    }, [_vm._v(_vm._s(_vm.title))])];
+  })], 2), _c("div", {
+    staticClass: "ns-form-title__content"
+  }, [_vm._t("default")], 2)]);
+};
+var _sfc_staticRenderFns$4 = [];
+var __component__$4 = /* @__PURE__ */normalizeComponent(_sfc_main$4, _sfc_render$4, _sfc_staticRenderFns$4, false, null, "29c80ec1", null, null);
+var NsFormTitle = exports.NsFormTitle = __component__$4.exports;
+function getImageBaseUrl(instance) {
+  var _a;
+  return ((_a = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a.$ImageBaseUrl) || "";
+}
+function getFieldPathByKey(rows, key) {
+  var formPropKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "rows";
+  for (var rowIndex = 0; rowIndex < rows.length; rowIndex += 1) {
+    var row = rows[rowIndex];
+    for (var colIndex = 0; colIndex < row.length; colIndex += 1) {
+      var item = row[colIndex];
+      if (item.key === key) {
+        return "".concat(formPropKey, ".").concat(rowIndex, ".").concat(colIndex, ".value");
+      }
+      if (Array.isArray(item.children)) {
+        for (var childIndex = 0; childIndex < item.children.length; childIndex += 1) {
+          var child = item.children[childIndex];
+          if (child.key === key) {
+            return "".concat(formPropKey, ".").concat(rowIndex, ".").concat(colIndex, ".children.").concat(childIndex, ".value");
+          }
+        }
+      }
+    }
+  }
+  return null;
+}
+function useFileUpload(state) {
+  var instance = (0, _vue.getCurrentInstance)();
+  function handleFormatFileList(field, fileList) {
+    var baseUrl = getImageBaseUrl(instance);
+    var nextList = Array.isArray(fileList) ? fileList : [];
+    nextList.forEach(function (item) {
+      if (item.filePath && !item.url) {
+        item.url = "".concat(baseUrl).concat(item.filePath);
+      }
+      if (!item.name) {
+        item.name = item.fileName || item.name || item.filePath || "未命名文件";
+      }
+    });
+    if (field && field.params) {
+      field.params.fileList = nextList;
+    }
+    if (field) {
+      field.value = nextList.slice();
+    }
+    return nextList;
+  }
+  function handleRemoveFile(file, fileList, fieldKey) {
+    var rows = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : state.rows;
+    var field = getAllFormNodeByKey(rows, fieldKey);
+    if (!field) {
+      return fileList;
+    }
+    var nextValue = (fileList || []).map(function (item) {
+      return __spreadProps(__spreadValues({}, item), {
+        fileName: item.response ? item.response.data.fileName : item.fileName,
+        filePath: item.response ? item.response.data.filePath : item.filePath,
+        fileSize: item.response ? item.response.data.fileSize : item.fileSize
+      });
+    });
+    if (!Array.isArray(field.delValue)) {
+      field.delValue = [];
+    }
+    if (!file.response && file.status === "success") {
+      field.delValue.push(__spreadProps(__spreadValues({}, file), {
+        isDelete: 1
+      }));
+    }
+    field.value = nextValue;
+    if (field.params) {
+      field.params.fileList = fileList || [];
+    }
+    return fileList;
+  }
+  function handleFileSuccessFile(response, file, fileList, fieldKey) {
+    var rows = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : state.rows;
+    var field = getAllFormNodeByKey(rows, fieldKey);
+    if (!field) {
+      return fileList;
+    }
+    if (!Array.isArray(field.value)) {
+      field.value = [];
+    }
+    if (file && file.status === "success" && response && response.data) {
+      field.value.push(__spreadValues({}, response.data));
+    }
+    if (field.params) {
+      field.params.fileList = fileList || [];
+    }
+    return fileList;
+  }
+  function handleCheckFileRequire(rows, key, formRef) {
+    var formPropKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "rows";
+    var field = getAllFormNodeByKey(rows, key);
+    if (field && !Array.isArray(field.value)) {
+      field.value = [];
+    }
+    var fieldPath = getFieldPathByKey(rows, key, formPropKey);
+    (0, _vue.nextTick)(function () {
+      var formInstance = formRef && (formRef.value || formRef);
+      if (fieldPath && formInstance && typeof formInstance.validateField === "function") {
+        formInstance.validateField(fieldPath);
+      }
+    });
+  }
+  return {
+    handleFormatFileList: handleFormatFileList,
+    handleRemoveFile: handleRemoveFile,
+    handleFileSuccessFile: handleFileSuccessFile,
+    handleCheckFileRequire: handleCheckFileRequire
+  };
+}
+function installComponent(component) {
+  component.install = function install3(Vue2) {
+    Vue2.component(component.name, component);
+  };
+}
+installComponent(NsForm);
+installComponent(NsFormTitle);
+var originalNsFormInstall = NsForm.install;
+NsForm.install = function install(Vue2) {
+  registerDirective(Vue2);
+  originalNsFormInstall(Vue2);
+};
+function getAllFormKvData(rows) {
+  var result = {};
+  (rows || []).forEach(function (row) {
+    (row || []).forEach(function (item) {
+      if (item && item.key) {
+        result[item.key] = Array.isArray(item.value) && Array.isArray(item.delValue) ? item.value.concat(item.delValue) : item.value;
+      }
+      (item.children || []).forEach(function (child) {
+        if (child && child.key) {
+          result[child.key] = Array.isArray(child.value) && Array.isArray(child.delValue) ? child.value.concat(child.delValue) : child.value;
+        }
+      });
+    });
+  });
+  return result;
+}
+function getAllFormNodeByKey(rows, key) {
+  for (var rowIndex = 0; rowIndex < (rows || []).length; rowIndex += 1) {
+    var row = rows[rowIndex] || [];
+    for (var colIndex = 0; colIndex < row.length; colIndex += 1) {
+      var item = row[colIndex];
+      if (item && item.key === key) {
+        return item;
+      }
+      var children = item && item.children || [];
+      for (var childIndex = 0; childIndex < children.length; childIndex += 1) {
+        if (children[childIndex] && children[childIndex].key === key) {
+          return children[childIndex];
+        }
+      }
+    }
+  }
+  return null;
+}
+function getAllFormNodeRefByKey(rows, key) {
+  var node = getAllFormNodeByKey(rows, key);
+  return node ? node.ref || null : null;
+}
+if (typeof globalThis !== "undefined") {
+  globalThis.getAllFormKvData = getAllFormKvData;
+  globalThis.getAllFormNodeByKey = getAllFormNodeByKey;
+  globalThis.getAllFormNodeRefByKey = getAllFormNodeRefByKey;
+}
+var SlotRenderer = {
+  name: "NsSlotRenderer",
+  functional: true,
+  props: {
+    renderer: {
+      type: Function,
+      "default": null
+    },
+    scope: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    }
+  },
+  render: function render(h, ctx) {
+    var renderer = ctx.props.renderer;
+    return renderer ? renderer(ctx.props.scope || {}) : null;
+  }
+};
+var PageSearch_vue_vue_type_style_index_0_scoped_9eea70d9_lang = "";
+function toKebabCase(value) {
+  if (typeof value !== "string") return value;
+  if (value.indexOf("-") > -1) return value.toLowerCase();
+  return value.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+var _sfc_main$3 = {
+  name: "NsSearch",
+  components: {
+    SlotRenderer: SlotRenderer
+  },
+  inheritAttrs: false,
+  props: {
+    items: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    externalParams: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    defaultSpan: {
+      type: Number,
+      "default": 6
+    },
+    showCollapse: {
+      type: Boolean,
+      "default": true
+    },
+    collapseLimit: {
+      type: Number,
+      "default": 3
+    },
+    slotRenderers: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      formData: {},
+      isCollapsed: true
+    };
+  },
+  computed: {
+    visibleItems: function visibleItems() {
+      if (!this.showCollapse || !this.isCollapsed) {
+        return this.items;
+      }
+      return this.items.slice(0, this.collapseLimit);
+    }
+  },
+  watch: {
+    items: {
+      handler: function handler() {
+        this.initFormData();
+      },
+      deep: true,
+      immediate: true
+    },
+    externalParams: {
+      handler: function handler() {
+        this.formData = __spreadValues(__spreadValues({}, this.formData), this.externalParams);
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  methods: {
+    normalizeComponent: function normalizeComponent(component) {
+      return typeof component === "string" ? toKebabCase(component) : component;
+    },
+    initFormData: function initFormData() {
+      var nextData = {};
+      (this.items || []).forEach(function (item) {
+        nextData[item.prop] = item.defaultValue !== void 0 ? item.defaultValue : void 0;
+      });
+      this.formData = __spreadValues(__spreadValues({}, nextData), this.externalParams);
+    },
+    isSlotItem: function isSlotItem(item) {
+      return item && (item.type === "slot" || item.slot === true || typeof item.slot === "string");
+    },
+    getSlotRenderer: function getSlotRenderer(item) {
+      var name = typeof item.slot === "string" ? item.slot : item.slotName || item.prop;
+      return this.slotRenderers[name] || null;
+    },
+    isSelectComponent: function isSelectComponent(item) {
+      var name = String(this.normalizeComponent(item.component || "") || "");
+      return name === "el-select";
+    },
+    handleSearch: function handleSearch() {
+      this.$emit("search", __spreadProps(__spreadValues({}, this.formData), {
+        _resetPage: true
+      }));
+    },
+    handleReset: function handleReset() {
+      var nextData = {};
+      (this.items || []).forEach(function (item) {
+        nextData[item.prop] = item.defaultValue !== void 0 ? item.defaultValue : void 0;
+      });
+      this.formData = __spreadValues(__spreadValues({}, nextData), this.externalParams);
+      this.$emit("search", __spreadProps(__spreadValues({}, this.formData), {
+        _resetPage: true
+      }));
+      this.$emit("reset");
+    },
+    toggleCollapse: function toggleCollapse() {
+      this.isCollapsed = !this.isCollapsed;
+    },
+    getFormData: function getFormData() {
+      return __spreadValues({}, this.formData);
+    },
+    setFormData: function setFormData(data) {
+      this.formData = __spreadValues(__spreadValues({}, this.formData), data || {});
+    },
+    resetForm: function resetForm() {
+      this.handleReset();
+    },
+    validate: function validate() {
+      return this.$refs.formRef && this.$refs.formRef.validate ? this.$refs.formRef.validate() : Promise.resolve(true);
+    },
+    clearValidate: function clearValidate(props) {
+      if (this.$refs.formRef && this.$refs.formRef.clearValidate) {
+        this.$refs.formRef.clearValidate(props);
+      }
+    }
+  }
+};
+var _sfc_render$3 = function render3() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "page-search"
+  }, [_c("el-form", _vm._b({
+    ref: "formRef",
+    staticClass: "page-search__form",
+    attrs: {
+      "inline": true,
+      "model": _vm.formData
+    }
+  }, "el-form", _vm.$attrs, false), [_c("el-row", {
+    attrs: {
+      "gutter": 16
+    }
+  }, [_vm._l(_vm.visibleItems, function (item, index2) {
+    return _c("el-col", {
+      key: item.prop || index2,
+      attrs: {
+        "span": item.span || _vm.defaultSpan
+      }
+    }, [_c("el-form-item", _vm._b({
+      attrs: {
+        "label": item.label,
+        "prop": item.prop
+      }
+    }, "el-form-item", item.formItemAttrs || {}, false), [_vm.isSlotItem(item) ? _c("slot-renderer", {
+      attrs: {
+        "renderer": _vm.getSlotRenderer(item),
+        "scope": {
+          formData: _vm.formData,
+          item: item
+        }
+      }
+    }) : _c(_vm.normalizeComponent(item.component || "el-input"), _vm._g(_vm._b({
+      tag: "component",
+      model: {
+        value: _vm.formData[item.prop],
+        callback: function callback($$v) {
+          _vm.$set(_vm.formData, item.prop, $$v);
+        },
+        expression: "formData[item.prop]"
+      }
+    }, "component", item.attrs || {}, false), item.events || {}), [_vm.isSelectComponent(item) ? _vm._l(item.children || [], function (option, optionIndex) {
+      return _c("el-option", {
+        key: option.value !== void 0 ? option.value : optionIndex,
+        attrs: {
+          "label": option.label,
+          "value": option.value,
+          "disabled": option.disabled
+        }
+      });
+    }) : _vm._e()], 2)], 1)], 1);
+  }), _c("el-col", {
+    staticClass: "page-search__actions",
+    attrs: {
+      "span": _vm.defaultSpan
+    }
+  }, [_c("el-form-item", {
+    attrs: {
+      "label-width": "0"
+    }
+  }, [_c("el-button", {
+    attrs: {
+      "type": "primary"
+    },
+    on: {
+      "click": _vm.handleSearch
+    }
+  }, [_vm._v("查询")]), _c("el-button", {
+    on: {
+      "click": _vm.handleReset
+    }
+  }, [_vm._v("重置")]), _vm.showCollapse && _vm.items.length > _vm.collapseLimit ? _c("el-button", {
+    attrs: {
+      "type": "text"
+    },
+    on: {
+      "click": _vm.toggleCollapse
+    }
+  }, [_vm._v(" " + _vm._s(_vm.isCollapsed ? "展开" : "收起") + " ")]) : _vm._e()], 1)], 1)], 2)], 1)], 1);
+};
+var _sfc_staticRenderFns$3 = [];
+var __component__$3 = /* @__PURE__ */normalizeComponent(_sfc_main$3, _sfc_render$3, _sfc_staticRenderFns$3, false, null, "9eea70d9", null, null);
+var NsSearch = exports.NsSearch = __component__$3.exports;
+var RESERVED_KEYS = ["children", "slot", "headerSlot", "buttons", "enum", "type", "imageWidth", "imageHeight", "linkText"];
+var TableColumn = {
+  name: "NsTableColumn",
+  props: {
+    column: {
+      type: Object,
+      required: true
+    },
+    slotRenderers: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    }
+  },
+  methods: {
+    getColumnProps: function getColumnProps(column) {
+      var props = __spreadValues({}, column);
+      RESERVED_KEYS.forEach(function (key) {
+        return delete props[key];
+      });
+      return props;
+    },
+    getRenderer: function getRenderer(name) {
+      return name ? this.slotRenderers[name] : null;
+    },
+    getCellValue: function getCellValue(row, column) {
+      return column.prop ? row[column.prop] : void 0;
+    },
+    isVisible: function isVisible(config, row) {
+      if (typeof config.show === "function") {
+        return config.show(row) !== false;
+      }
+      if (config.show === void 0) {
+        return true;
+      }
+      return !!config.show;
+    },
+    isDisabled: function isDisabled(config, row) {
+      return typeof config.disabled === "function" ? !!config.disabled(row) : !!config.disabled;
+    },
+    renderActionButtons: function renderActionButtons(h, scope, column) {
+      var _this7 = this;
+      var buttons = Array.isArray(column.buttons) ? column.buttons : [];
+      return buttons.filter(function (button) {
+        return _this7.isVisible(button, scope.row);
+      }).map(function (button, index2) {
+        var slotRenderer = _this7.getRenderer(button.slot);
+        if (slotRenderer) {
+          return slotRenderer(__spreadProps(__spreadValues({}, scope), {
+            row: scope.row,
+            column: column,
+            button: button
+          }));
+        }
+        return h("el-button", {
+          key: button.label || index2,
+          props: {
+            size: button.size || "mini",
+            type: button.link ? "text" : button.type || "text",
+            icon: typeof button.icon === "string" ? button.icon : void 0,
+            disabled: _this7.isDisabled(button, scope.row)
+          },
+          on: {
+            click: function click() {
+              if (typeof button.handler === "function") {
+                button.handler(scope.row, scope.$index);
+              }
+              _this7.$emit("button-click", scope.row, column, button);
+            }
+          }
+        }, [button.label]);
+      });
+    },
+    renderTag: function renderTag(h, scope, column) {
+      var cellValue = this.getCellValue(scope.row, column);
+      var tagType = typeof column.tagType === "function" ? column.tagType(scope.row, cellValue) : column.tagType;
+      var text = typeof column.formatter === "function" ? column.formatter(scope.row, column, cellValue) : this.resolveEnumText(column, cellValue);
+      return h("el-tag", {
+        props: {
+          type: tagType || "info",
+          size: column.tagSize || "small"
+        }
+      }, [text]);
+    },
+    renderImage: function renderImage(h, scope, column) {
+      var src = this.getCellValue(scope.row, column);
+      if (!src) {
+        return "-";
+      }
+      return h("img", {
+        style: {
+          width: column.imageWidth || "40px",
+          height: column.imageHeight || "40px",
+          objectFit: "cover",
+          borderRadius: "4px"
+        },
+        attrs: {
+          src: src,
+          alt: column.label || "image"
+        }
+      });
+    },
+    renderLink: function renderLink(h, scope, column) {
+      var _this8 = this;
+      var renderer = this.getRenderer(column.slot);
+      if (renderer) {
+        return renderer(scope);
+      }
+      var cellValue = this.getCellValue(scope.row, column);
+      return h("el-button", {
+        props: {
+          type: "text"
+        },
+        on: {
+          click: function click() {
+            return _this8.$emit("link-click", scope.row, column);
+          }
+        }
+      }, [column.linkText || cellValue || "-"]);
+    },
+    resolveEnumText: function resolveEnumText(column, value) {
+      var enumList = column["enum"] || column.options || [];
+      if (!Array.isArray(enumList)) {
+        return value;
+      }
+      var matched = enumList.find(function (item) {
+        return item.value === value;
+      });
+      return matched ? matched.label : value;
+    },
+    renderDefaultCell: function renderDefaultCell(h, scope, column) {
+      var renderer = this.getRenderer(column.slot);
+      if (renderer) {
+        return renderer(scope);
+      }
+      if (column.type === "action") {
+        return h("div", {
+          "class": "ns-table-column__actions"
+        }, this.renderActionButtons(h, scope, column));
+      }
+      if (column.type === "tag") {
+        return this.renderTag(h, scope, column);
+      }
+      if (column.type === "image") {
+        return this.renderImage(h, scope, column);
+      }
+      if (column.type === "link") {
+        return this.renderLink(h, scope, column);
+      }
+      var cellValue = this.getCellValue(scope.row, column);
+      if (typeof column.formatter === "function") {
+        return column.formatter(scope.row, column, cellValue);
+      }
+      if (column["enum"]) {
+        return this.resolveEnumText(column, cellValue);
+      }
+      return cellValue === void 0 || cellValue === null || cellValue === "" ? "-" : cellValue;
+    },
+    renderColumn: function renderColumn(h, column) {
+      var _this9 = this;
+      var children = Array.isArray(column.children) ? column.children.map(function (child, index2) {
+        return h(TableColumn, {
+          key: child.prop || child.label || index2,
+          props: {
+            column: child,
+            slotRenderers: _this9.slotRenderers
+          },
+          on: {
+            "link-click": function linkClick() {
+              for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                args[_key2] = arguments[_key2];
+              }
+              return _this9.$emit.apply(_this9, ["link-click"].concat(args));
+            },
+            "button-click": function buttonClick() {
+              for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+                args[_key3] = arguments[_key3];
+              }
+              return _this9.$emit.apply(_this9, ["button-click"].concat(args));
+            }
+          }
+        });
+      }) : [];
+      var headerRenderer = this.getRenderer(column.headerSlot);
+      return h("el-table-column", {
+        props: this.getColumnProps(column),
+        scopedSlots: children.length ? headerRenderer ? {
+          header: headerRenderer
+        } : void 0 : __spreadValues({
+          "default": function _default(scope) {
+            return _this9.renderDefaultCell(h, scope, column);
+          }
+        }, headerRenderer ? {
+          header: headerRenderer
+        } : {})
+      }, children);
+    }
+  },
+  render: function render(h) {
+    return this.renderColumn(h, this.column);
+  }
+};
+var TableColumn$1 = TableColumn;
+var DEFAULT_PAGINATION = {
+  total: 0,
+  currentPage: 1,
+  pageSize: 10
+};
+var DEFAULT_KEY_CONFIG = {
+  totalKey: "total",
+  currentPageKey: "currentPage",
+  pageSizeKey: "pageSize"
+};
+function createPagination() {
+  var customParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return __spreadValues(__spreadValues({}, DEFAULT_PAGINATION), customParams);
+}
+function createPaginationWithCustomKeys(pagination) {
+  var keyConfig = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var config = __spreadValues(__spreadValues({}, DEFAULT_KEY_CONFIG), keyConfig);
+  return _defineProperty(_defineProperty(_defineProperty({}, config.totalKey, pagination.total), config.currentPageKey, pagination.currentPage), config.pageSizeKey, pagination.pageSize);
+}
+function resetPagination(pagination) {
+  pagination.total = 0;
+  pagination.currentPage = 1;
+  pagination.pageSize = 10;
+  return pagination;
+}
+var PageTable_vue_vue_type_style_index_0_scoped_e9b089a2_lang = "";
+var RESERVED_LISTENERS = ["add", "selection-change", "sort-change", "row-click", "size-change", "current-change", "link-click"];
+var _sfc_main$2 = {
+  name: "NsTable",
+  components: {
+    SlotRenderer: SlotRenderer,
+    TableColumn: TableColumn$1
+  },
+  inheritAttrs: false,
+  props: {
+    tableData: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    columns: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    actionButtons: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    showAddButton: {
+      type: Boolean,
+      "default": true
+    },
+    addButtonText: {
+      type: String,
+      "default": "新增"
+    },
+    showHeaderToolbar: {
+      type: Boolean,
+      "default": true
+    },
+    showSelection: {
+      type: Boolean,
+      "default": false
+    },
+    showIndex: {
+      type: Boolean,
+      "default": false
+    },
+    border: {
+      type: Boolean,
+      "default": true
+    },
+    stripe: {
+      type: Boolean,
+      "default": false
+    },
+    height: {
+      type: [String, Number],
+      "default": void 0
+    },
+    maxHeight: {
+      type: [String, Number],
+      "default": void 0
+    },
+    rowKey: {
+      type: [String, Function],
+      "default": void 0
+    },
+    defaultExpandAll: {
+      type: Boolean,
+      "default": false
+    },
+    highlightCurrentRow: {
+      type: Boolean,
+      "default": false
+    },
+    loading: {
+      type: Boolean,
+      "default": false
+    },
+    showPagination: {
+      type: Boolean,
+      "default": true
+    },
+    total: {
+      type: Number,
+      "default": 0
+    },
+    currentPage: {
+      type: Number,
+      "default": null
+    },
+    pageSize: {
+      type: Number,
+      "default": null
+    },
+    pageSizes: {
+      type: Array,
+      "default": function _default() {
+        return [10, 20, 50, 100];
+      }
+    },
+    paginationLayout: {
+      type: String,
+      "default": "total, sizes, prev, pager, next, jumper"
+    },
+    pageNumberKey: {
+      type: String,
+      "default": "currentPage"
+    },
+    pageSizeKey: {
+      type: String,
+      "default": "pageSize"
+    },
+    pageTotalKey: {
+      type: String,
+      "default": "total"
+    },
+    slotRenderers: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      internalPagination: createPagination()
+    };
+  },
+  computed: {
+    currentPageModel: function currentPageModel() {
+      return this.currentPage === null ? this.internalPagination.currentPage : this.currentPage;
+    },
+    pageSizeModel: function pageSizeModel() {
+      return this.pageSize === null ? this.internalPagination.pageSize : this.pageSize;
+    },
+    mergedAttrs: function mergedAttrs() {
+      return this.$attrs || {};
+    },
+    mergedListeners: function mergedListeners() {
+      var listeners = __spreadValues({}, this.$listeners || {});
+      RESERVED_LISTENERS.forEach(function (name) {
+        return delete listeners[name];
+      });
+      return listeners;
+    }
+  },
+  watch: {
+    currentPage: {
+      handler: function handler(value) {
+        if (value !== null) {
+          this.internalPagination.currentPage = value;
+        }
+      },
+      immediate: true
+    },
+    pageSize: {
+      handler: function handler(value) {
+        if (value !== null) {
+          this.internalPagination.pageSize = value;
+        }
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    handleAdd: function handleAdd() {
+      this.$emit("add");
+    },
+    handleSelectionChange: function handleSelectionChange(selection) {
+      this.$emit("selection-change", selection);
+    },
+    handleSortChange: function handleSortChange(sort) {
+      this.$emit("sort-change", sort);
+    },
+    handleRowClick: function handleRowClick(row, column, event) {
+      this.$emit("row-click", row, column, event);
+    },
+    handleSizeChange: function handleSizeChange(size) {
+      this.internalPagination.pageSize = size;
+      this.$emit("update:pageSize", size);
+      this.$emit("size-change", size);
+    },
+    handleCurrentChange: function handleCurrentChange(page) {
+      this.internalPagination.currentPage = page;
+      this.$emit("update:currentPage", page);
+      this.$emit("current-change", page);
+    },
+    handleLinkClick: function handleLinkClick(row, column) {
+      this.$emit("link-click", row, column);
+    },
+    getIndex: function getIndex(index2) {
+      if (!this.showPagination) {
+        return index2 + 1;
+      }
+      var currentPage = Number(this.currentPageModel || 1);
+      var pageSize = Number(this.pageSizeModel || 10);
+      return (currentPage - 1) * pageSize + index2 + 1;
+    },
+    getSelectionRows: function getSelectionRows() {
+      return this.$refs.tableRef && this.$refs.tableRef.selection ? this.$refs.tableRef.selection : [];
+    },
+    getSelectionKeys: function getSelectionKeys() {
+      var _this0 = this;
+      var rows = this.getSelectionRows();
+      if (!this.rowKey) {
+        return rows;
+      }
+      return rows.map(function (row) {
+        return typeof _this0.rowKey === "function" ? _this0.rowKey(row) : row[_this0.rowKey];
+      });
+    },
+    setSelectionRows: function setSelectionRows(rows) {
+      var _this1 = this;
+      if (!this.$refs.tableRef) return;
+      this.$refs.tableRef.clearSelection();
+      (rows || []).forEach(function (row) {
+        _this1.$refs.tableRef.toggleRowSelection(row, true);
+      });
+    },
+    setSelectionKeys: function setSelectionKeys(keys) {
+      var _this10 = this;
+      if (!this.$refs.tableRef || !this.rowKey) return;
+      this.$refs.tableRef.clearSelection();
+      (keys || []).forEach(function (key) {
+        var row = (_this10.tableData || []).find(function (item) {
+          return (typeof _this10.rowKey === "function" ? _this10.rowKey(item) : item[_this10.rowKey]) === key;
+        });
+        if (row) {
+          _this10.$refs.tableRef.toggleRowSelection(row, true);
+        }
+      });
+    },
+    isRowSelected: function isRowSelected(row) {
+      return this.getSelectionRows().includes(row);
+    },
+    isKeySelected: function isKeySelected(key) {
+      return this.getSelectionKeys().includes(key);
+    },
+    clearSelection: function clearSelection() {
+      if (this.$refs.tableRef) {
+        this.$refs.tableRef.clearSelection();
+      }
+    },
+    toggleRowSelection: function toggleRowSelection(row, selected) {
+      if (this.$refs.tableRef) {
+        this.$refs.tableRef.toggleRowSelection(row, selected);
+      }
+    },
+    toggleAllSelection: function toggleAllSelection() {
+      if (this.$refs.tableRef) {
+        this.$refs.tableRef.toggleAllSelection();
+      }
+    },
+    selectAll: function selectAll() {
+      this.toggleAllSelection();
+    },
+    clearAllSelection: function clearAllSelection() {
+      this.clearSelection();
+    },
+    clearSort: function clearSort() {
+      this.$refs.tableRef && this.$refs.tableRef.clearSort && this.$refs.tableRef.clearSort();
+    },
+    clearFilter: function clearFilter(columnKey) {
+      this.$refs.tableRef && this.$refs.tableRef.clearFilter && this.$refs.tableRef.clearFilter(columnKey);
+    },
+    doLayout: function doLayout() {
+      this.$refs.tableRef && this.$refs.tableRef.doLayout && this.$refs.tableRef.doLayout();
+    },
+    sort: function sort(prop, order) {
+      this.$refs.tableRef && this.$refs.tableRef.sort && this.$refs.tableRef.sort(prop, order);
+    },
+    resetPage: function resetPage() {
+      this.internalPagination.currentPage = 1;
+      this.$emit("update:currentPage", 1);
+    },
+    setPage: function setPage(page) {
+      this.internalPagination.currentPage = page;
+      this.$emit("update:currentPage", page);
+    },
+    setPageSize: function setPageSize(size) {
+      this.internalPagination.pageSize = size;
+      this.$emit("update:pageSize", size);
+    },
+    getPagination: function getPagination() {
+      return _defineProperty(_defineProperty(_defineProperty({}, this.pageTotalKey, this.total), this.pageNumberKey, this.currentPageModel), this.pageSizeKey, this.pageSizeModel);
+    },
+    setPagination: function setPagination(pagination) {
+      if (pagination.currentPage !== void 0) {
+        this.setPage(pagination.currentPage);
+      }
+      if (pagination.pageSize !== void 0) {
+        this.setPageSize(pagination.pageSize);
+      }
+    }
+  }
+};
+var _sfc_render$2 = function render4() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "page-table"
+  }, [_vm.showHeaderToolbar ? _c("div", {
+    staticClass: "page-table__header"
+  }, [_c("slot-renderer", {
+    attrs: {
+      "renderer": _vm.slotRenderers["header-left"],
+      "scope": {
+        tableData: _vm.tableData
+      }
+    }
+  }), _c("div", {
+    staticClass: "page-table__actions"
+  }, [_c("slot-renderer", {
+    attrs: {
+      "renderer": _vm.slotRenderers["header-actions"],
+      "scope": {
+        tableData: _vm.tableData
+      }
+    }
+  }), _vm.showAddButton && !_vm.slotRenderers["header-actions"] ? _c("el-button", {
+    attrs: {
+      "type": "primary",
+      "size": "small"
+    },
+    on: {
+      "click": _vm.handleAdd
+    }
+  }, [_vm._v(" " + _vm._s(_vm.addButtonText) + " ")]) : _vm._e()], 1)], 1) : _vm._e(), _c("el-table", _vm._g(_vm._b({
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: _vm.loading,
+      expression: "loading"
+    }],
+    ref: "tableRef",
+    attrs: {
+      "data": _vm.tableData,
+      "border": _vm.border,
+      "stripe": _vm.stripe,
+      "height": _vm.height,
+      "max-height": _vm.maxHeight,
+      "row-key": _vm.rowKey,
+      "default-expand-all": _vm.defaultExpandAll,
+      "highlight-current-row": _vm.highlightCurrentRow
+    },
+    on: {
+      "selection-change": _vm.handleSelectionChange,
+      "sort-change": _vm.handleSortChange,
+      "row-click": _vm.handleRowClick
+    }
+  }, "el-table", _vm.mergedAttrs, false), _vm.mergedListeners), [_vm.showSelection ? _c("el-table-column", {
+    attrs: {
+      "type": "selection",
+      "width": "55",
+      "reserve-selection": !!_vm.rowKey
+    }
+  }) : _vm._e(), _vm.showIndex ? _c("el-table-column", {
+    attrs: {
+      "type": "index",
+      "label": "序号",
+      "width": "60",
+      "index": _vm.getIndex
+    }
+  }) : _vm._e(), _vm._l(_vm.columns, function (column, index2) {
+    return _c("table-column", {
+      key: column.prop || column.label || index2,
+      attrs: {
+        "column": column,
+        "slot-renderers": _vm.slotRenderers
+      },
+      on: {
+        "link-click": _vm.handleLinkClick
+      }
+    });
+  }), _c("template", {
+    slot: "empty"
+  }, [_vm.slotRenderers.empty ? _c("slot-renderer", {
+    attrs: {
+      "renderer": _vm.slotRenderers.empty,
+      "scope": {
+        tableData: _vm.tableData
+      }
+    }
+  }) : _c("div", {
+    staticClass: "page-table__empty"
+  }, [_vm._v("暂无数据")])], 1)], 2), _vm.showPagination ? _c("div", {
+    staticClass: "page-table__pagination"
+  }, [_c("el-pagination", {
+    attrs: {
+      "background": "",
+      "current-page": _vm.currentPageModel,
+      "page-size": _vm.pageSizeModel,
+      "page-sizes": _vm.pageSizes,
+      "total": _vm.total,
+      "layout": _vm.paginationLayout
+    },
+    on: {
+      "size-change": _vm.handleSizeChange,
+      "current-change": _vm.handleCurrentChange
+    }
+  })], 1) : _vm._e()], 1);
+};
+var _sfc_staticRenderFns$2 = [];
+var __component__$2 = /* @__PURE__ */normalizeComponent(_sfc_main$2, _sfc_render$2, _sfc_staticRenderFns$2, false, null, "e9b089a2", null, null);
+var NsTable = exports.NsTable = __component__$2.exports;
+var PageContainer_vue_vue_type_style_index_0_scoped_400797f6_lang = "";
+var _sfc_main$1 = {
+  name: "NsTableContainer",
+  components: {
+    PageSearch: NsSearch,
+    PageTable: NsTable
+  },
+  props: {
+    showSearch: {
+      type: Boolean,
+      "default": true
+    },
+    externalSearchParams: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    searchItems: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    tableData: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    columns: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    actionButtons: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    total: {
+      type: Number,
+      "default": 0
+    },
+    currentPage: {
+      type: Number,
+      "default": null
+    },
+    pageSize: {
+      type: Number,
+      "default": null
+    },
+    pageNumberKey: {
+      type: String,
+      "default": "currentPage"
+    },
+    pageSizeKey: {
+      type: String,
+      "default": "pageSize"
+    },
+    pageTotalKey: {
+      type: String,
+      "default": "total"
+    },
+    searchProps: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    tableProps: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    loadData: {
+      type: Function,
+      "default": null
+    }
+  },
+  data: function data() {
+    return {
+      internalPagination: createPagination(),
+      pendingSelectionKeys: /* @__PURE__ */new Set(),
+      selectionRowMap: {},
+      isSyncingSelection: false
+    };
+  },
+  computed: {
+    currentPageModel: function currentPageModel() {
+      return this.currentPage === null ? this.internalPagination.currentPage : this.currentPage;
+    },
+    pageSizeModel: function pageSizeModel() {
+      return this.pageSize === null ? this.internalPagination.pageSize : this.pageSize;
+    },
+    currentRowKey: function currentRowKey() {
+      return this.tableProps && this.tableProps.rowKey;
+    }
+  },
+  watch: {
+    currentPage: {
+      handler: function handler(value) {
+        if (value !== null) {
+          this.internalPagination.currentPage = value;
+        }
+      },
+      immediate: true
+    },
+    pageSize: {
+      handler: function handler(value) {
+        if (value !== null) {
+          this.internalPagination.pageSize = value;
+        }
+      },
+      immediate: true
+    },
+    tableData: {
+      handler: function handler() {
+        var _this11 = this;
+        this.$nextTick(function () {
+          _this11.syncSelectionToCurrentPage();
+        });
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  methods: {
+    getRowKey: function getRowKey(row) {
+      if (!this.currentRowKey) return row;
+      return typeof this.currentRowKey === "function" ? this.currentRowKey(row) : row[this.currentRowKey];
+    },
+    resetSelectionState: function resetSelectionState() {
+      this.pendingSelectionKeys = /* @__PURE__ */new Set();
+      this.selectionRowMap = {};
+      this.$refs.tableRef && this.$refs.tableRef.clearSelection && this.$refs.tableRef.clearSelection();
+    },
+    syncSelectionToCurrentPage: function syncSelectionToCurrentPage() {
+      var _this12 = this;
+      if (!this.currentRowKey || !this.$refs.tableRef) {
+        return;
+      }
+      this.isSyncingSelection = true;
+      this.$refs.tableRef.clearSelection();
+      (this.tableData || []).forEach(function (row) {
+        var key = _this12.getRowKey(row);
+        if (_this12.pendingSelectionKeys.has(key)) {
+          _this12.$set(_this12.selectionRowMap, key, row);
+          _this12.$refs.tableRef.toggleRowSelection(row, true);
+        }
+      });
+      this.$nextTick(function () {
+        _this12.isSyncingSelection = false;
+      });
+    },
+    handleSearch: function handleSearch(params) {
+      this.resetSelectionState();
+      if (params && params._resetPage) {
+        var _a = params,
+          _resetPage = _a._resetPage,
+          searchParams = __objRest(_a, ["_resetPage"]);
+        this.internalPagination.currentPage = 1;
+        this.$emit("update:currentPage", 1);
+        this.$emit("search", searchParams);
+        return;
+      }
+      this.$emit("search", params);
+    },
+    handleReset: function handleReset() {
+      this.resetSelectionState();
+      this.$emit("reset");
+    },
+    handleAdd: function handleAdd() {
+      this.$emit("add");
+    },
+    handleSizeChange: function handleSizeChange(size) {
+      this.internalPagination.pageSize = size;
+      this.$emit("update:pageSize", size);
+      this.$emit("size-change", size);
+      this.$emit("page-change", {
+        currentPage: this.currentPageModel,
+        pageSize: size
+      });
+      if (this.loadData) {
+        this.loadData();
+      }
+    },
+    handleCurrentChange: function handleCurrentChange(page) {
+      this.internalPagination.currentPage = page;
+      this.$emit("update:currentPage", page);
+      this.$emit("current-change", page);
+      this.$emit("page-change", {
+        currentPage: page,
+        pageSize: this.pageSizeModel
+      });
+      if (this.loadData) {
+        this.loadData();
+      }
+    },
+    handleSelectionChange: function handleSelectionChange(selection) {
+      var _this13 = this;
+      if (this.isSyncingSelection) {
+        return;
+      }
+      if (!this.currentRowKey) {
+        this.$emit("selection-change", selection);
+        return;
+      }
+      var currentPageKeys = (this.tableData || []).map(function (row) {
+        return _this13.getRowKey(row);
+      });
+      currentPageKeys.forEach(function (key) {
+        _this13.pendingSelectionKeys["delete"](key);
+        _this13.$delete(_this13.selectionRowMap, key);
+      });
+      (selection || []).forEach(function (row) {
+        var key = _this13.getRowKey(row);
+        _this13.pendingSelectionKeys.add(key);
+        _this13.$set(_this13.selectionRowMap, key, row);
+      });
+      this.$emit("selection-change", Object.values(this.selectionRowMap));
+    },
+    handleSortChange: function handleSortChange(sort) {
+      this.$emit("sort-change", sort);
+    },
+    handleRowClick: function handleRowClick(row, column, event) {
+      this.$emit("row-click", row, column, event);
+    },
+    handleLinkClick: function handleLinkClick(row, column) {
+      this.$emit("link-click", row, column);
+    },
+    initSearchAndLoad: function initSearchAndLoad() {
+      var _this14 = this;
+      this.$nextTick(function () {
+        if (_this14.showSearch && _this14.$refs.searchRef) {
+          _this14.$emit("search", _this14.$refs.searchRef.getFormData());
+          return;
+        }
+        if (_this14.loadData) {
+          _this14.loadData();
+        }
+      });
+    },
+    getSearchFormData: function getSearchFormData() {
+      return this.$refs.searchRef ? this.$refs.searchRef.getFormData() : {};
+    },
+    setSearchFormData: function setSearchFormData(data) {
+      this.$refs.searchRef && this.$refs.searchRef.setFormData(data);
+    },
+    resetSearchForm: function resetSearchForm() {
+      this.$refs.searchRef && this.$refs.searchRef.resetForm();
+    },
+    validateSearchForm: function validateSearchForm() {
+      return this.$refs.searchRef ? this.$refs.searchRef.validate() : Promise.resolve(true);
+    },
+    getPagination: function getPagination() {
+      return _defineProperty(_defineProperty(_defineProperty({}, this.pageTotalKey, this.total), this.pageNumberKey, this.currentPageModel), this.pageSizeKey, this.pageSizeModel);
+    },
+    getSelectionRows: function getSelectionRows() {
+      var _a, _b;
+      return this.currentRowKey ? Object.values(this.selectionRowMap) : ((_b = (_a = this.$refs.tableRef) == null ? void 0 : _a.getSelectionRows) == null ? void 0 : _b.call(_a)) || [];
+    },
+    getSelectionKeys: function getSelectionKeys() {
+      var _a, _b;
+      return this.currentRowKey ? Array.from(this.pendingSelectionKeys) : ((_b = (_a = this.$refs.tableRef) == null ? void 0 : _a.getSelectionKeys) == null ? void 0 : _b.call(_a)) || [];
+    },
+    setSelectionRows: function setSelectionRows(rows) {
+      var _this15 = this;
+      if (!this.currentRowKey) {
+        this.$refs.tableRef && this.$refs.tableRef.setSelectionRows(rows);
+        return;
+      }
+      this.pendingSelectionKeys = /* @__PURE__ */new Set();
+      this.selectionRowMap = {};
+      (rows || []).forEach(function (row) {
+        var key = _this15.getRowKey(row);
+        _this15.pendingSelectionKeys.add(key);
+        _this15.$set(_this15.selectionRowMap, key, row);
+      });
+      this.syncSelectionToCurrentPage();
+    },
+    setSelectionKeys: function setSelectionKeys(keys) {
+      var _this16 = this;
+      if (!this.currentRowKey) {
+        this.$refs.tableRef && this.$refs.tableRef.setSelectionKeys(keys);
+        return;
+      }
+      this.pendingSelectionKeys = new Set(keys || []);
+      (this.tableData || []).forEach(function (row) {
+        var key = _this16.getRowKey(row);
+        if (_this16.pendingSelectionKeys.has(key)) {
+          _this16.$set(_this16.selectionRowMap, key, row);
+        }
+      });
+      this.syncSelectionToCurrentPage();
+    },
+    clearAllSelection: function clearAllSelection() {
+      this.resetSelectionState();
+    },
+    selectAll: function selectAll() {
+      var _this17 = this;
+      if (!this.$refs.tableRef) return;
+      if (!this.currentRowKey) {
+        this.$refs.tableRef.selectAll();
+        return;
+      }
+      (this.tableData || []).forEach(function (row) {
+        var key = _this17.getRowKey(row);
+        _this17.pendingSelectionKeys.add(key);
+        _this17.$set(_this17.selectionRowMap, key, row);
+      });
+      this.$refs.tableRef.setSelectionRows(this.tableData);
+    },
+    isRowSelected: function isRowSelected(row) {
+      var _a, _b;
+      return this.currentRowKey ? this.pendingSelectionKeys.has(this.getRowKey(row)) : (_b = (_a = this.$refs.tableRef) == null ? void 0 : _a.isRowSelected) == null ? void 0 : _b.call(_a, row);
+    },
+    isKeySelected: function isKeySelected(key) {
+      var _a, _b;
+      return this.currentRowKey ? this.pendingSelectionKeys.has(key) : (_b = (_a = this.$refs.tableRef) == null ? void 0 : _a.isKeySelected) == null ? void 0 : _b.call(_a, key);
+    }
+  }
+};
+var _sfc_render$1 = function render5() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "page-container"
+  }, [_vm.showSearch ? _c("page-search", _vm._b({
+    ref: "searchRef",
+    attrs: {
+      "items": _vm.searchItems,
+      "external-params": _vm.externalSearchParams,
+      "slot-renderers": _vm.$scopedSlots
+    },
+    on: {
+      "search": _vm.handleSearch,
+      "reset": _vm.handleReset
+    }
+  }, "page-search", _vm.searchProps, false)) : _vm._e(), _c("page-table", _vm._b({
+    ref: "tableRef",
+    attrs: {
+      "table-data": _vm.tableData,
+      "columns": _vm.columns,
+      "action-buttons": _vm.actionButtons,
+      "total": _vm.total,
+      "current-page": _vm.currentPageModel,
+      "page-size": _vm.pageSizeModel,
+      "page-number-key": _vm.pageNumberKey,
+      "page-size-key": _vm.pageSizeKey,
+      "page-total-key": _vm.pageTotalKey,
+      "slot-renderers": _vm.$scopedSlots
+    },
+    on: {
+      "add": _vm.handleAdd,
+      "selection-change": _vm.handleSelectionChange,
+      "sort-change": _vm.handleSortChange,
+      "row-click": _vm.handleRowClick,
+      "size-change": _vm.handleSizeChange,
+      "current-change": _vm.handleCurrentChange,
+      "link-click": _vm.handleLinkClick
+    }
+  }, "page-table", _vm.tableProps, false))], 1);
+};
+var _sfc_staticRenderFns$1 = [];
+var __component__$1 = /* @__PURE__ */normalizeComponent(_sfc_main$1, _sfc_render$1, _sfc_staticRenderFns$1, false, null, "400797f6", null, null);
+var NsTableContainer = exports.NsTableContainer = __component__$1.exports;
+[NsTableContainer, NsSearch, NsTable].forEach(function (component) {
+  component.install = function install3(Vue2) {
+    Vue2.component(component.name, component);
+  };
+});
+var NsDialog_vue_vue_type_style_index_0_scoped_e8cb0826_lang = "";
+var _sfc_main = {
+  name: "NsDialogComponent",
+  props: {
+    className: {
+      type: String,
+      "default": ""
+    },
+    title: {
+      type: String,
+      "default": ""
+    },
+    width: {
+      type: [Number, String],
+      "default": 500
+    },
+    height: {
+      type: [Number, String],
+      "default": ""
+    },
+    modal: {
+      type: Boolean,
+      "default": true
+    },
+    dialogPadding: {
+      type: [Number, String, Array],
+      "default": -1
+    },
+    modalColor: {
+      type: String,
+      "default": "rgba(0, 0, 0, 0.45)"
+    },
+    closeOnClickModal: {
+      type: Boolean,
+      "default": true
+    },
+    dom: {
+      type: [Object, Function],
+      "default": null
+    },
+    option: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    events: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    domCompleted: {
+      type: Function,
+      "default": null
+    },
+    headerDom: {
+      type: [Object, Function],
+      "default": null
+    },
+    headerOption: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    headerEvents: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    showFooter: {
+      type: Boolean,
+      "default": true
+    },
+    footerDom: {
+      type: [Object, Function],
+      "default": null
+    },
+    footerOption: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    footerTitle: {
+      type: Object,
+      "default": function _default() {
+        return {
+          close: "取消",
+          confirm: "确定"
+        };
+      }
+    },
+    footerEvents: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    footerButtonReverse: {
+      type: Boolean,
+      "default": false
+    },
+    immediately: {
+      type: Boolean,
+      "default": false
+    },
+    close: {
+      type: Function,
+      "default": null
+    },
+    closed: {
+      type: Function,
+      "default": null
+    },
+    draggable: {
+      type: Boolean,
+      "default": false
+    },
+    confirm: {
+      type: Function,
+      "default": null
+    },
+    x: {
+      type: [Number, String],
+      "default": null
+    },
+    y: {
+      type: [Number, String],
+      "default": null
+    },
+    maxSize: {
+      type: Function,
+      "default": null
+    },
+    dialogInstance: {
+      type: Object,
+      "default": null
+    },
+    containerId: {
+      type: String,
+      "default": ""
+    }
+  },
+  data: function data() {
+    return {
+      visible: false,
+      currentTitle: this.title,
+      currentOption: __spreadValues({}, this.option),
+      currentWidth: this.width,
+      currentHeight: this.height,
+      currentX: this.x,
+      currentY: this.y,
+      footerLoading: false,
+      isMaximized: false,
+      originalSize: {
+        width: this.width,
+        height: this.height,
+        x: this.x,
+        y: this.y
+      },
+      dragContext: null,
+      domCompletedCalled: false
+    };
+  },
+  computed: {
+    normalizedWidth: function normalizedWidth() {
+      return this.normalizeSize(this.currentWidth || this.width || 500);
+    },
+    bodyStyle: function bodyStyle() {
+      var padding = this.resolvePadding();
+      if (!this.currentHeight) {
+        return {
+          padding: padding,
+          minHeight: "auto",
+          maxHeight: "none",
+          overflow: "auto"
+        };
+      }
+      return {
+        padding: padding,
+        height: "100%",
+        minHeight: 0,
+        overflow: "auto",
+        flex: "1 1 auto"
+      };
+    },
+    dialogCustomClass: function dialogCustomClass() {
+      return ["ns-dialog-plus", this.className, this.hasAbsolutePosition ? "ns-dialog-plus--absolute" : ""].filter(Boolean).join(" ");
+    },
+    modalClassName: function modalClassName() {
+      return "ns-dialog-plus-modal ns-dialog-plus-modal--".concat(this.containerId);
+    },
+    resolvedDom: function resolvedDom() {
+      return this.resolveComponent(this.dom);
+    },
+    resolvedHeaderDom: function resolvedHeaderDom() {
+      return this.resolveComponent(this.headerDom);
+    },
+    resolvedFooterDom: function resolvedFooterDom() {
+      return this.resolveComponent(this.footerDom);
+    },
+    footerButtonText: function footerButtonText() {
+      var _a, _b;
+      return {
+        close: ((_a = this.footerTitle) == null ? void 0 : _a.close) || "取消",
+        confirm: ((_b = this.footerTitle) == null ? void 0 : _b.confirm) || "确定"
+      };
+    },
+    showMaximizeButton: function showMaximizeButton() {
+      return typeof this.maxSize === "function";
+    },
+    hasAbsolutePosition: function hasAbsolutePosition() {
+      return this.currentX !== null || this.currentY !== null;
+    }
+  },
+  watch: {
+    option: {
+      handler: function handler(value) {
+        this.currentOption = __spreadValues({}, value);
+      },
+      deep: true
+    },
+    title: function title(value) {
+      this.currentTitle = value;
+    },
+    width: function width(value) {
+      if (!this.isMaximized) this.currentWidth = value;
+    },
+    height: function height(value) {
+      if (!this.isMaximized) this.currentHeight = value;
+    },
+    x: function x(value) {
+      if (!this.isMaximized) this.currentX = value;
+    },
+    y: function y(value) {
+      if (!this.isMaximized) this.currentY = value;
+    },
+    visible: function visible() {
+      var _this18 = this;
+      this.$nextTick(function () {
+        _this18.applyDialogLayout();
+        _this18.syncDialogInstance();
+        _this18.triggerDomCompleted();
+      });
+    }
+  },
+  mounted: function mounted() {
+    var _this19 = this;
+    loadCssVars$1();
+    this.visible = true;
+    this.updateModalStyle();
+    this.syncDialogInstance();
+    this.$nextTick(function () {
+      _this19.applyDialogLayout();
+      _this19.triggerDomCompleted();
+    });
+    document.addEventListener("keydown", this.handleKeydown);
+  },
+  updated: function updated() {
+    var _this20 = this;
+    this.syncDialogInstance();
+    this.triggerDomCompleted();
+    this.$nextTick(function () {
+      _this20.applyDialogLayout();
+    });
+  },
+  beforeDestroy: function beforeDestroy() {
+    document.removeEventListener("keydown", this.handleKeydown);
+    this.removeDragListeners();
+    this.removeModalStyle();
+  },
+  methods: {
+    normalizeSize: function normalizeSize(value) {
+      if (value === null || value === void 0 || value === "") return "";
+      if (typeof value === "number" && isFinite(value)) return "".concat(value, "px");
+      var str = String(value).trim();
+      if (str === "") return "";
+      return Number.isNaN(Number(str)) ? str : "".concat(Number(str), "px");
+    },
+    resolvePadding: function resolvePadding() {
+      var _this21 = this;
+      if (Array.isArray(this.dialogPadding)) {
+        return this.dialogPadding.map(function (item) {
+          return _this21.normalizeSize(item);
+        }).join(" ");
+      }
+      if (this.dialogPadding === -1 || this.dialogPadding === "-1") {
+        return "16px 20px";
+      }
+      return this.normalizeSize(this.dialogPadding);
+    },
+    resolveComponent: function resolveComponent(source) {
+      if (!source) return null;
+      if (source["default"]) {
+        return source["default"];
+      }
+      if (typeof source.then === "function") {
+        return function () {
+          return source;
+        };
+      }
+      return source;
+    },
+    mergeEvents: function mergeEvents() {
+      var _this22 = this;
+      var listeners = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      return __spreadProps(__spreadValues({}, listeners), {
+        close: function close() {
+          return _this22.closeDialog();
+        }
+      });
+    },
+    resolveDialogElement: function resolveDialogElement() {
+      return this.$el && this.$el.querySelector ? this.$el.querySelector(".el-dialog") : null;
+    },
+    resolveWrapperElement: function resolveWrapperElement() {
+      return this.$el && this.$el.querySelector ? this.$el.querySelector(".el-dialog__wrapper") : null;
+    },
+    applyDialogLayout: function applyDialogLayout() {
+      var dialog = this.resolveDialogElement();
+      if (!dialog) return;
+      if (this.currentHeight) {
+        dialog.style.height = this.normalizeSize(this.currentHeight);
+        dialog.style.display = "flex";
+        dialog.style.flexDirection = "column";
+      } else {
+        dialog.style.height = "";
+      }
+      if (this.hasAbsolutePosition) {
+        dialog.style.position = "fixed";
+        dialog.style.margin = "0";
+        if (this.currentX !== null) {
+          dialog.style.left = this.normalizeSize(this.currentX);
+        }
+        if (this.currentY !== null) {
+          dialog.style.top = this.normalizeSize(this.currentY);
+        }
+      } else {
+        dialog.style.position = "";
+        dialog.style.left = "";
+        dialog.style.top = "";
+      }
+    },
+    updateModalStyle: function updateModalStyle() {
+      if (!this.containerId) return;
+      var styleEl = document.getElementById("style-".concat(this.containerId));
+      if (!styleEl) {
+        styleEl = document.createElement("style");
+        styleEl.id = "style-".concat(this.containerId);
+        document.head.appendChild(styleEl);
+      }
+      styleEl.textContent = ".".concat(this.modalClassName.replace(/ /g, "."), " { background-color: ").concat(this.modalColor, " !important; }");
+    },
+    removeModalStyle: function removeModalStyle() {
+      if (!this.containerId) return;
+      var styleEl = document.getElementById("style-".concat(this.containerId));
+      if (styleEl && styleEl.parentNode) {
+        styleEl.parentNode.removeChild(styleEl);
+      }
+    },
+    syncDialogInstance: function syncDialogInstance() {
+      var _this23 = this;
+      if (!this.dialogInstance) return;
+      this.dialogInstance.domRef = this.$refs.contentRef || null;
+      this.dialogInstance.updateOption = function () {
+        var newOption = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        if (Object.prototype.hasOwnProperty.call(newOption, "title")) {
+          _this23.currentTitle = newOption.title;
+        }
+        if (Object.prototype.hasOwnProperty.call(newOption, "width")) {
+          _this23.currentWidth = newOption.width;
+        }
+        if (Object.prototype.hasOwnProperty.call(newOption, "height")) {
+          _this23.currentHeight = newOption.height;
+        }
+        if (Object.prototype.hasOwnProperty.call(newOption, "x")) {
+          _this23.currentX = newOption.x;
+        }
+        if (Object.prototype.hasOwnProperty.call(newOption, "y")) {
+          _this23.currentY = newOption.y;
+        }
+        var mergedOption = __spreadValues({}, newOption);
+        delete mergedOption.title;
+        delete mergedOption.width;
+        delete mergedOption.height;
+        delete mergedOption.x;
+        delete mergedOption.y;
+        _this23.currentOption = __spreadValues(__spreadValues({}, _this23.currentOption), mergedOption);
+      };
+      this.dialogInstance.callMethod = function (methodName) {
+        var target = _this23.$refs.contentRef;
+        if (target && typeof target[methodName] === "function") {
+          for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
+            args[_key4 - 1] = arguments[_key4];
+          }
+          return target[methodName].apply(target, args);
+        }
+        return void 0;
+      };
+      this.dialogInstance.close = function () {
+        return _this23.closeDialog();
+      };
+    },
+    triggerDomCompleted: function triggerDomCompleted() {
+      if (this.domCompletedCalled) return;
+      if (this.$refs.contentRef) {
+        this.domCompletedCalled = true;
+        if (typeof this.domCompleted === "function") {
+          this.domCompleted(this.$refs.contentRef);
+        }
+      }
+    },
+    toggleMaximize: function toggleMaximize() {
+      var _this24 = this;
+      if (!this.showMaximizeButton) return;
+      if (!this.isMaximized) {
+        this.originalSize = {
+          width: this.currentWidth,
+          height: this.currentHeight,
+          x: this.currentX,
+          y: this.currentY
+        };
+        var maxConfig = this.maxSize ? this.maxSize() || {} : {};
+        this.currentWidth = maxConfig.width || "100vw";
+        this.currentHeight = maxConfig.height || "100vh";
+        this.currentX = maxConfig.x !== void 0 ? maxConfig.x : 0;
+        this.currentY = maxConfig.y !== void 0 ? maxConfig.y : 0;
+        this.isMaximized = true;
+      } else {
+        this.currentWidth = this.originalSize.width;
+        this.currentHeight = this.originalSize.height;
+        this.currentX = this.originalSize.x;
+        this.currentY = this.originalSize.y;
+        this.isMaximized = false;
+      }
+      this.$nextTick(function () {
+        return _this24.applyDialogLayout();
+      });
+    },
+    closeDialog: function closeDialog() {
+      this.visible = false;
+    },
+    dealClose: function dealClose() {
+      if (typeof this.close === "function") {
+        this.close();
+      }
+    },
+    dealClosed: function dealClosed() {
+      if (typeof this.closed === "function") {
+        this.closed();
+      }
+    },
+    dealConfirm: function dealConfirm() {
+      var _this25 = this;
+      this.footerLoading = true;
+      if (!this.confirm) {
+        this.footerLoading = false;
+        return;
+      }
+      if (this.immediately) {
+        this.footerLoading = false;
+        this.visible = false;
+        this.confirm(null, this.$refs.contentRef);
+        return;
+      }
+      this.confirm(function () {
+        _this25.footerLoading = false;
+        _this25.visible = false;
+        _this25.$message && _this25.$message.success && _this25.$message.success("操作成功");
+      }, this.$refs.contentRef, _defineAccessor("set", {
+        value: this.footerLoading
+      }, "value", function (nextValue) {
+        this.footerLoading = nextValue;
+      }));
+    },
+    handleKeydown: function handleKeydown(event) {
+      if (!this.visible || !this.showFooter) return;
+      if (event.key === "Enter" && !this.footerDom) {
+        event.preventDefault();
+        this.dealConfirm();
+      }
+    },
+    handleDragStart: function handleDragStart(event) {
+      if (!this.draggable || event.button !== 0) {
+        return;
+      }
+      var dialog = this.resolveDialogElement();
+      if (!dialog) return;
+      var rect = dialog.getBoundingClientRect();
+      this.currentX = rect.left;
+      this.currentY = rect.top;
+      this.dragContext = {
+        startX: event.clientX,
+        startY: event.clientY,
+        originX: rect.left,
+        originY: rect.top
+      };
+      document.addEventListener("mousemove", this.handleDragMove);
+      document.addEventListener("mouseup", this.handleDragEnd);
+    },
+    handleDragMove: function handleDragMove(event) {
+      if (!this.dragContext) return;
+      var deltaX = event.clientX - this.dragContext.startX;
+      var deltaY = event.clientY - this.dragContext.startY;
+      this.currentX = this.dragContext.originX + deltaX;
+      this.currentY = this.dragContext.originY + deltaY;
+      this.applyDialogLayout();
+    },
+    handleDragEnd: function handleDragEnd() {
+      this.removeDragListeners();
+    },
+    removeDragListeners: function removeDragListeners() {
+      document.removeEventListener("mousemove", this.handleDragMove);
+      document.removeEventListener("mouseup", this.handleDragEnd);
+      this.dragContext = null;
+    }
+  }
+};
+var _sfc_render = function render6() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("el-dialog", {
+    attrs: {
+      "visible": _vm.visible,
+      "width": _vm.normalizedWidth,
+      "modal": _vm.modal,
+      "modal-class": _vm.modalClassName,
+      "show-close": false,
+      "append-to-body": false,
+      "close-on-click-modal": _vm.closeOnClickModal,
+      "custom-class": _vm.dialogCustomClass
+    },
+    on: {
+      "update:visible": function updateVisible($event) {
+        _vm.visible = $event;
+      },
+      "close": _vm.dealClose,
+      "closed": _vm.dealClosed
+    }
+  }, [_c("div", {
+    staticClass: "ns-dialog-plus__header",
+    attrs: {
+      "slot": "title"
+    },
+    on: {
+      "mousedown": _vm.handleDragStart
+    },
+    slot: "title"
+  }, [_c("div", {
+    staticClass: "ns-dialog-plus__title"
+  }, [_vm.resolvedHeaderDom ? _c(_vm.resolvedHeaderDom, _vm._g(_vm._b({
+    tag: "component"
+  }, "component", _vm.headerOption, false), _vm.mergeEvents(_vm.headerEvents))) : [_vm._v(_vm._s(_vm.currentTitle))]], 2), _c("div", {
+    staticClass: "dialog-controls"
+  }, [_vm.showMaximizeButton ? _c("span", {
+    staticClass: "dialog-icon dialog-maximize",
+    attrs: {
+      "title": "最大化/还原"
+    },
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.toggleMaximize.apply(null, arguments);
+      }
+    }
+  }, [!_vm.isMaximized ? _c("i", {
+    staticClass: "el-icon-full-screen"
+  }) : _c("i", {
+    staticClass: "el-icon-zoom-out"
+  })]) : _vm._e(), _c("span", {
+    staticClass: "dialog-icon dialog-close",
+    attrs: {
+      "title": "关闭"
+    },
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.closeDialog.apply(null, arguments);
+      }
+    }
+  }, [_c("i", {
+    staticClass: "el-icon-close"
+  })])])]), _c("div", {
+    staticClass: "ns-dialog-plus__body",
+    style: _vm.bodyStyle
+  }, [_c(_vm.resolvedDom, _vm._g(_vm._b({
+    ref: "contentRef",
+    tag: "component"
+  }, "component", _vm.currentOption, false), _vm.mergeEvents(_vm.events)))], 1), _vm.showFooter ? _c("div", {
+    staticClass: "ns-dialog-plus__footer",
+    attrs: {
+      "slot": "footer"
+    },
+    slot: "footer"
+  }, [_vm.resolvedFooterDom ? _c(_vm.resolvedFooterDom, _vm._g(_vm._b({
+    tag: "component"
+  }, "component", _vm.footerOption, false), _vm.mergeEvents(_vm.footerEvents))) : [_vm.footerButtonReverse ? _c("el-button", {
+    attrs: {
+      "type": "primary",
+      "loading": _vm.footerLoading
+    },
+    on: {
+      "click": _vm.dealConfirm
+    }
+  }, [_vm._v(_vm._s(_vm.footerButtonText.confirm))]) : _vm._e(), _c("el-button", {
+    on: {
+      "click": _vm.closeDialog
+    }
+  }, [_vm._v(_vm._s(_vm.footerButtonText.close))]), !_vm.footerButtonReverse ? _c("el-button", {
+    attrs: {
+      "type": "primary",
+      "loading": _vm.footerLoading
+    },
+    on: {
+      "click": _vm.dealConfirm
+    }
+  }, [_vm._v(_vm._s(_vm.footerButtonText.confirm))]) : _vm._e()]], 2) : _vm._e()]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "e8cb0826", null, null);
+var NsDialogComponent = __component__.exports;
+var dialogInstances = typeof window !== "undefined" ? window.__dialogInstances = window.__dialogInstances || [] : [];
+var externalVue = _vue["default"];
+var externalStore = null;
+var externalPinia = null;
+var dialogSeed = 0;
+function resolveContextValue(primaryValue) {
+  var fallbackValues = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  if (primaryValue) {
+    return primaryValue;
+  }
+  return fallbackValues.find(Boolean) || null;
+}
+function resolveVueConstructor(app) {
+  if (!app) return null;
+  if (app.extend) {
+    return app;
+  }
+  if (app.constructor && app.constructor.extend) {
+    return app.constructor;
+  }
+  return null;
+}
+function resolveStore(app) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return resolveContextValue(options.store, [app && app.$store, app && app.$options && app.$options.store, app && app.store, externalStore]);
+}
+function resolvePinia(app) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return resolveContextValue(options.pinia, [app && app.$pinia, app && app.$options && app.$options.pinia, app && app.pinia, externalPinia]);
+}
+function setExternalApp(app) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (!app) return;
+  var resolvedVue = resolveVueConstructor(app);
+  if (resolvedVue) {
+    externalVue = resolvedVue;
+  }
+  externalStore = resolveStore(app, options);
+  externalPinia = resolvePinia(app, options);
+}
+function resolveMountTarget(selector) {
+  if (typeof document === "undefined") {
+    return null;
+  }
+  return document.querySelector(selector) || document.body;
+}
+function removeDialogInstance(instance) {
+  var index2 = dialogInstances.findIndex(function (item) {
+    return item.id === instance.id;
+  });
+  if (index2 > -1) {
+    dialogInstances.splice(index2, 1);
+  }
+}
+function closeAllNsDialog() {
+  dialogInstances.slice().forEach(function (instance) {
+    if (instance && typeof instance.close === "function") {
+      instance.close();
+    }
+  });
+}
+function NsDialog(data) {
+  var modal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var appendTo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "#app";
+  if (!data || !data.dom) {
+    return false;
+  }
+  var mountTarget = resolveMountTarget(appendTo);
+  if (!mountTarget) {
+    return false;
+  }
+  var callerVm = this && this._isVue ? this : null;
+  var _a = data,
+    dataStore = _a.store,
+    dataPinia = _a.pinia,
+    dialogData = __objRest(_a, ["store", "pinia"]);
+  var store = resolveStore(callerVm, {
+    store: dataStore
+  });
+  var pinia = resolvePinia(callerVm, {
+    pinia: dataPinia
+  });
+  var id = dialogData.id || "ns-dialog-".concat(Date.now(), "-").concat(dialogSeed++);
+  var container = document.createElement("div");
+  container.id = id;
+  mountTarget.appendChild(container);
+  var instance = {
+    id: id,
+    "class": dialogData["class"] || "",
+    element: container,
+    vm: null,
+    domRef: null,
+    updateOption: function updateOption() {},
+    callMethod: function callMethod() {},
+    close: function close() {}
+  };
+  var DialogConstructor = (externalVue || _vue["default"]).extend(NsDialogComponent);
+  var propsData = __spreadProps(__spreadValues({}, dialogData), {
+    className: dialogData["class"] || "",
+    modal: modal,
+    footerButtonReverse: true,
+    containerId: id,
+    dialogInstance: instance,
+    close: function close() {
+      if (typeof dialogData.close === "function") {
+        dialogData.close();
+      }
+    },
+    closed: function closed() {
+      try {
+        if (typeof dialogData.closed === "function") {
+          dialogData.closed();
+        }
+      } finally {
+        if (instance.vm) {
+          instance.vm.$destroy();
+        }
+        if (container.parentNode) {
+          container.parentNode.removeChild(container);
+        }
+        removeDialogInstance(instance);
+      }
+    }
+  });
+  var vmOptions = {
+    propsData: propsData
+  };
+  if (store) {
+    vmOptions.store = store;
+  }
+  if (pinia) {
+    vmOptions.pinia = pinia;
+  }
+  var vm = new DialogConstructor(vmOptions);
+  instance.vm = vm;
+  instance.close = function () {
+    if (vm && typeof vm.closeDialog === "function") {
+      vm.closeDialog();
+    }
+  };
+  dialogInstances.push(instance);
+  vm.$mount(container);
+  return instance;
+}
+var components = [NsForm, NsFormTitle, NsTableContainer, NsSearch, NsTable];
+function install2(Vue2) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (install2.installed) return;
+  install2.installed = true;
+  registerDirective(Vue2);
+  components.forEach(function (component) {
+    if (component && component.name) {
+      Vue2.component(component.name, component);
+    }
+  });
+  setExternalApp(Vue2, options);
+  loadCssVars$1();
+  if (Vue2 && Vue2.prototype) {
+    Vue2.prototype.$NsDialog = NsDialog;
+    Vue2.prototype.$closeAllNsDialog = closeAllNsDialog;
+  }
+  if (typeof window !== "undefined") {
+    window.NsDialog = NsDialog;
+    window.closeAllNsDialog = closeAllNsDialog;
+  }
+}
+var index = exports["default"] = {
+  install: install2,
+  NsForm: NsForm,
+  NsFormTitle: NsFormTitle,
+  NsTableContainer: NsTableContainer,
+  NsSearch: NsSearch,
+  NsTable: NsTable,
+  NsDialog: NsDialog,
+  closeAllNsDialog: closeAllNsDialog,
+  setExternalApp: setExternalApp,
+  useFileUpload: useFileUpload,
+  getAllFormNodeByKey: getAllFormNodeByKey,
+  getAllFormKvData: getAllFormKvData,
+  getAllFormNodeRefByKey: getAllFormNodeRefByKey,
+  createPagination: createPagination,
+  createPaginationWithCustomKeys: createPaginationWithCustomKeys,
+  resetPagination: resetPagination
+};