vue2-components-plus 1.0.68 → 1.0.70

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

@@ -331,16 +331,16 @@ function registerDirective(Vue2) {
   Vue2.directive("enterClick", enterClickDirective);
   Vue2.directive("enter-click", enterClickDirective);
 }
-var ThemeVar$1 = /*#__PURE__*/_createClass(function ThemeVar() {
+var ThemeVar = /*#__PURE__*/_createClass(function ThemeVar() {
   _classCallCheck(this, ThemeVar);
 });
-ThemeVar$1.VARS = {};
-function loadCssVars$1() {
+ThemeVar.VARS = {};
+function loadCssVars() {
   if (typeof document === "undefined") {
-    return ThemeVar$1.VARS;
+    return ThemeVar.VARS;
   }
-  if (Object.keys(ThemeVar$1.VARS).length > 0) {
-    return ThemeVar$1.VARS;
+  if (Object.keys(ThemeVar.VARS).length > 0) {
+    return ThemeVar.VARS;
   }
   var variables = {};
   Array.from(document.styleSheets || []).forEach(function (sheet) {
@@ -361,7 +361,7 @@ function loadCssVars$1() {
       });
     });
   });
-  ThemeVar$1.VARS = variables;
+  ThemeVar.VARS = variables;
   return variables;
 }
 function toKebabCase$1(value) {
@@ -1201,40 +1201,7 @@ var _sfc_render$5 = function render() {
 var _sfc_staticRenderFns$5 = [];
 var __component__$5 = /* @__PURE__ */normalizeComponent(_sfc_main$5, _sfc_render$5, _sfc_staticRenderFns$5, false, null, "a83d5d48", null, null);
 var 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 DynamicFormTitle_vue_vue_type_style_index_0_scoped_5d766a25_lang = "";
 var _sfc_main$4 = {
   name: "NsFormTitle",
   props: {
@@ -1265,7 +1232,7 @@ var _sfc_render$4 = function render2() {
   }, [_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 __component__$4 = /* @__PURE__ */normalizeComponent(_sfc_main$4, _sfc_render$4, _sfc_staticRenderFns$4, false, null, "5d766a25", null, null);
 var NsFormTitle = __component__$4.exports;
 function getImageBaseUrl(instance) {
   var _a;
@@ -1773,8 +1740,193 @@ var _sfc_staticRenderFns$3 = [];
 var __component__$3 = /* @__PURE__ */normalizeComponent(_sfc_main$3, _sfc_render$3, _sfc_staticRenderFns$3, false, null, "90982d04", null, null);
 var NsSearch = __component__$3.exports;
 var RESERVED_KEYS = ["children", "slot", "headerSlot", "buttons", "enum", "type", "imageWidth", "imageHeight", "linkText"];
+function getColumnProps(column) {
+  var props = __spreadValues({}, column);
+  RESERVED_KEYS.forEach(function (key) {
+    return delete props[key];
+  });
+  return props;
+}
+function getRenderer(slotRenderers, name) {
+  return name ? slotRenderers[name] : null;
+}
+function getCellValue(row, column) {
+  return column.prop ? row[column.prop] : void 0;
+}
+function isVisible(config, row) {
+  if (typeof config.show === "function") {
+    return config.show(row) !== false;
+  }
+  if (config.show === void 0) {
+    return true;
+  }
+  return !!config.show;
+}
+function isDisabled(config, row) {
+  return typeof config.disabled === "function" ? !!config.disabled(row) : !!config.disabled;
+}
+function emit(listeners, name) {
+  for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+    args[_key2 - 2] = arguments[_key2];
+  }
+  var handler = listeners && listeners[name];
+  if (!handler) {
+    return;
+  }
+  if (Array.isArray(handler)) {
+    handler.forEach(function (fn) {
+      return typeof fn === "function" && fn.apply(void 0, args);
+    });
+    return;
+  }
+  if (typeof handler === "function") {
+    handler.apply(void 0, args);
+  }
+}
+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;
+}
+function renderActionButtons(h, scope, column, slotRenderers, listeners) {
+  var buttons = Array.isArray(column.buttons) ? column.buttons : [];
+  return buttons.filter(function (button) {
+    return isVisible(button, scope.row);
+  }).map(function (button, index2) {
+    var slotRenderer = getRenderer(slotRenderers, 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: isDisabled(button, scope.row)
+      },
+      on: {
+        click: function click() {
+          if (typeof button.handler === "function") {
+            button.handler(scope.row, scope.$index);
+          }
+          emit(listeners, "button-click", scope.row, column, button);
+        }
+      }
+    }, [button.label]);
+  });
+}
+function renderTag(h, scope, column) {
+  var cellValue = 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) : resolveEnumText(column, cellValue);
+  return h("el-tag", {
+    props: {
+      type: tagType || "info",
+      size: column.tagSize || "small"
+    }
+  }, [text]);
+}
+function renderImage(h, scope, column) {
+  var src = 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"
+    }
+  });
+}
+function renderLink(h, scope, column, slotRenderers, listeners) {
+  var renderer = getRenderer(slotRenderers, column.slot);
+  if (renderer) {
+    return renderer(scope);
+  }
+  var cellValue = getCellValue(scope.row, column);
+  return h("el-button", {
+    props: {
+      type: "text"
+    },
+    on: {
+      click: function click() {
+        return emit(listeners, "link-click", scope.row, column);
+      }
+    }
+  }, [column.linkText || cellValue || "-"]);
+}
+function renderDefaultCell(h, scope, column, slotRenderers, listeners) {
+  var renderer = getRenderer(slotRenderers, column.slot);
+  if (renderer) {
+    return renderer(scope);
+  }
+  if (column.type === "action") {
+    return h("div", {
+      class: "ns-table-column__actions"
+    }, renderActionButtons(h, scope, column, slotRenderers, listeners));
+  }
+  if (column.type === "tag") {
+    return renderTag(h, scope, column);
+  }
+  if (column.type === "image") {
+    return renderImage(h, scope, column);
+  }
+  if (column.type === "link") {
+    return renderLink(h, scope, column, slotRenderers, listeners);
+  }
+  var cellValue = getCellValue(scope.row, column);
+  if (typeof column.formatter === "function") {
+    return column.formatter(scope.row, column, cellValue);
+  }
+  if (column.enum) {
+    return resolveEnumText(column, cellValue);
+  }
+  return cellValue === void 0 || cellValue === null || cellValue === "" ? "-" : cellValue;
+}
+function renderColumn(h, column, slotRenderers, listeners) {
+  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: slotRenderers
+      },
+      on: listeners
+    });
+  }) : [];
+  var headerRenderer = getRenderer(slotRenderers, column.headerSlot);
+  return h("el-table-column", {
+    props: getColumnProps(column),
+    scopedSlots: children.length ? headerRenderer ? {
+      header: headerRenderer
+    } : void 0 : __spreadValues({
+      default: function _default(scope) {
+        return renderDefaultCell(h, scope, column, slotRenderers, listeners);
+      }
+    }, headerRenderer ? {
+      header: headerRenderer
+    } : {})
+  }, children);
+}
 var TableColumn = {
   name: "NsTableColumn",
+  functional: true,
   props: {
     column: {
       type: Object,
@@ -1787,192 +1939,8 @@ var TableColumn = {
       }
     }
   },
-  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);
+  render: function render(h, ctx) {
+    return renderColumn(h, ctx.props.column, ctx.props.slotRenderers || {}, ctx.listeners || {});
   }
 };
 var TableColumn$1 = TableColumn;
@@ -2001,7 +1969,7 @@ function resetPagination(pagination) {
   pagination.pageSize = 10;
   return pagination;
 }
-var PageTable_vue_vue_type_style_index_0_scoped_9ad56349_lang = "";
+var PageTable_vue_vue_type_style_index_0_scoped_31eeea22_lang = "";
 var RESERVED_LISTENERS = ["add", "selection-change", "sort-change", "row-click", "size-change", "current-change", "link-click"];
 var _sfc_main$2 = {
   name: "NsTable",
@@ -2144,7 +2112,9 @@ var _sfc_main$2 = {
   },
   data: function data() {
     return {
-      internalPagination: createPagination()
+      internalPagination: createPagination(),
+      resizeObserver: null,
+      layoutTimer: null
     };
   },
   computed: {
@@ -2165,12 +2135,9 @@ var _sfc_main$2 = {
       return listeners;
     },
     resolvedHeight: function resolvedHeight() {
-      if (this.height !== void 0) {
+      if (this.height !== void 0 && this.height !== null && this.height !== "") {
         return this.height;
       }
-      if (this.autoHeight && this.maxHeight === void 0) {
-        return "100%";
-      }
       return void 0;
     },
     resolvedMaxHeight: function resolvedMaxHeight() {
@@ -2196,9 +2163,65 @@ var _sfc_main$2 = {
         }
       },
       immediate: true
+    },
+    tableData: {
+      handler: function handler() {
+        this.scheduleLayout();
+      },
+      deep: true,
+      immediate: true
+    },
+    columns: {
+      handler: function handler() {
+        this.scheduleLayout();
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  mounted: function mounted() {
+    this.scheduleLayout();
+    this.initResizeObserver();
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    if (this.layoutTimer) {
+      clearTimeout(this.layoutTimer);
+      this.layoutTimer = null;
     }
   },
   methods: {
+    scheduleLayout: function scheduleLayout() {
+      var _this7 = this;
+      this.$nextTick(function () {
+        _this7.doLayout();
+        if (_this7.layoutTimer) {
+          clearTimeout(_this7.layoutTimer);
+        }
+        _this7.layoutTimer = setTimeout(function () {
+          _this7.doLayout();
+          _this7.layoutTimer = null;
+        }, 50);
+      });
+    },
+    initResizeObserver: function initResizeObserver() {
+      var _this8 = this;
+      if (typeof ResizeObserver === "undefined") {
+        return;
+      }
+      this.resizeObserver = new ResizeObserver(function () {
+        _this8.scheduleLayout();
+      });
+      if (this.$el) {
+        this.resizeObserver.observe(this.$el);
+      }
+      if (this.$el && this.$el.parentElement) {
+        this.resizeObserver.observe(this.$el.parentElement);
+      }
+    },
     handleAdd: function handleAdd() {
       this.$emit("add");
     },
@@ -2236,33 +2259,33 @@ var _sfc_main$2 = {
       return this.$refs.tableRef && this.$refs.tableRef.selection ? this.$refs.tableRef.selection : [];
     },
     getSelectionKeys: function getSelectionKeys() {
-      var _this0 = this;
+      var _this9 = 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];
+        return typeof _this9.rowKey === "function" ? _this9.rowKey(row) : row[_this9.rowKey];
       });
     },
     setSelectionRows: function setSelectionRows(rows) {
-      var _this1 = this;
+      var _this0 = this;
       if (!this.$refs.tableRef) return;
       this.$refs.tableRef.clearSelection();
       (rows || []).forEach(function (row) {
-        _this1.$refs.tableRef.toggleRowSelection(row, true);
+        _this0.$refs.tableRef.toggleRowSelection(row, true);
       });
     },
     setSelectionKeys: function setSelectionKeys(keys) {
-      var _this10 = this;
+      var _this1 = 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;
+        var row = (_this1.tableData || []).find(function (item) {
+          return (typeof _this1.rowKey === "function" ? _this1.rowKey(item) : item[_this1.rowKey]) === key;
         });
         if (row) {
-          _this10.$refs.tableRef.toggleRowSelection(row, true);
+          _this1.$refs.tableRef.toggleRowSelection(row, true);
         }
       });
     },
@@ -2444,7 +2467,7 @@ var _sfc_render$2 = function render4() {
   })], 1) : _vm._e()]);
 };
 var _sfc_staticRenderFns$2 = [];
-var __component__$2 = /* @__PURE__ */normalizeComponent(_sfc_main$2, _sfc_render$2, _sfc_staticRenderFns$2, false, null, "9ad56349", null, null);
+var __component__$2 = /* @__PURE__ */normalizeComponent(_sfc_main$2, _sfc_render$2, _sfc_staticRenderFns$2, false, null, "31eeea22", null, null);
 var NsTable = __component__$2.exports;
 var PageContainer_vue_vue_type_style_index_0_scoped_1c664e81_lang = "";
 var _sfc_main$1 = {
@@ -2571,9 +2594,9 @@ var _sfc_main$1 = {
     },
     tableData: {
       handler: function handler() {
-        var _this11 = this;
+        var _this10 = this;
         this.$nextTick(function () {
-          _this11.syncSelectionToCurrentPage();
+          _this10.syncSelectionToCurrentPage();
         });
       },
       deep: true,
@@ -2591,21 +2614,21 @@ var _sfc_main$1 = {
       this.$refs.tableRef && this.$refs.tableRef.clearSelection && this.$refs.tableRef.clearSelection();
     },
     syncSelectionToCurrentPage: function syncSelectionToCurrentPage() {
-      var _this12 = this;
+      var _this11 = 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);
+        var key = _this11.getRowKey(row);
+        if (_this11.pendingSelectionKeys.has(key)) {
+          _this11.$set(_this11.selectionRowMap, key, row);
+          _this11.$refs.tableRef.toggleRowSelection(row, true);
         }
       });
       this.$nextTick(function () {
-        _this12.isSyncingSelection = false;
+        _this11.isSyncingSelection = false;
       });
     },
     handleSearch: function handleSearch(params) {
@@ -2653,7 +2676,7 @@ var _sfc_main$1 = {
       }
     },
     handleSelectionChange: function handleSelectionChange(selection) {
-      var _this13 = this;
+      var _this12 = this;
       if (this.isSyncingSelection) {
         return;
       }
@@ -2662,16 +2685,16 @@ var _sfc_main$1 = {
         return;
       }
       var currentPageKeys = (this.tableData || []).map(function (row) {
-        return _this13.getRowKey(row);
+        return _this12.getRowKey(row);
       });
       currentPageKeys.forEach(function (key) {
-        _this13.pendingSelectionKeys.delete(key);
-        _this13.$delete(_this13.selectionRowMap, key);
+        _this12.pendingSelectionKeys.delete(key);
+        _this12.$delete(_this12.selectionRowMap, key);
       });
       (selection || []).forEach(function (row) {
-        var key = _this13.getRowKey(row);
-        _this13.pendingSelectionKeys.add(key);
-        _this13.$set(_this13.selectionRowMap, key, row);
+        var key = _this12.getRowKey(row);
+        _this12.pendingSelectionKeys.add(key);
+        _this12.$set(_this12.selectionRowMap, key, row);
       });
       this.$emit("selection-change", Object.values(this.selectionRowMap));
     },
@@ -2685,14 +2708,14 @@ var _sfc_main$1 = {
       this.$emit("link-click", row, column);
     },
     initSearchAndLoad: function initSearchAndLoad() {
-      var _this14 = this;
+      var _this13 = this;
       this.$nextTick(function () {
-        if (_this14.showSearch && _this14.$refs.searchRef) {
-          _this14.$emit("search", _this14.$refs.searchRef.getFormData());
+        if (_this13.showSearch && _this13.$refs.searchRef) {
+          _this13.$emit("search", _this13.$refs.searchRef.getFormData());
           return;
         }
-        if (_this14.loadData) {
-          _this14.loadData();
+        if (_this13.loadData) {
+          _this13.loadData();
         }
       });
     },
@@ -2720,7 +2743,7 @@ var _sfc_main$1 = {
       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;
+      var _this14 = this;
       if (!this.currentRowKey) {
         this.$refs.tableRef && this.$refs.tableRef.setSelectionRows(rows);
         return;
@@ -2728,23 +2751,23 @@ var _sfc_main$1 = {
       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);
+        var key = _this14.getRowKey(row);
+        _this14.pendingSelectionKeys.add(key);
+        _this14.$set(_this14.selectionRowMap, key, row);
       });
       this.syncSelectionToCurrentPage();
     },
     setSelectionKeys: function setSelectionKeys(keys) {
-      var _this16 = this;
+      var _this15 = 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);
+        var key = _this15.getRowKey(row);
+        if (_this15.pendingSelectionKeys.has(key)) {
+          _this15.$set(_this15.selectionRowMap, key, row);
         }
       });
       this.syncSelectionToCurrentPage();
@@ -2753,16 +2776,16 @@ var _sfc_main$1 = {
       this.resetSelectionState();
     },
     selectAll: function selectAll() {
-      var _this17 = this;
+      var _this16 = 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);
+        var key = _this16.getRowKey(row);
+        _this16.pendingSelectionKeys.add(key);
+        _this16.$set(_this16.selectionRowMap, key, row);
       });
       this.$refs.tableRef.setSelectionRows(this.tableData);
     },
@@ -3079,33 +3102,33 @@ var _sfc_main = {
       if (!this.isMaximized) this.currentY = value;
     },
     visible: function visible() {
-      var _this18 = this;
+      var _this17 = this;
       this.$nextTick(function () {
-        _this18.applyDialogLayout();
-        _this18.syncDialogInstance();
-        _this18.triggerDomCompleted();
+        _this17.applyDialogLayout();
+        _this17.syncDialogInstance();
+        _this17.triggerDomCompleted();
       });
     }
   },
   mounted: function mounted() {
-    var _this19 = this;
-    loadCssVars$1();
+    var _this18 = this;
+    loadCssVars();
     this.visible = true;
     this.updateModalStyle();
     this.syncDialogInstance();
     this.$nextTick(function () {
-      _this19.applyDialogLayout();
-      _this19.triggerDomCompleted();
+      _this18.applyDialogLayout();
+      _this18.triggerDomCompleted();
     });
     document.addEventListener("keydown", this.handleKeydown);
     window.addEventListener("resize", this.applyDialogLayout);
   },
   updated: function updated() {
-    var _this20 = this;
+    var _this19 = this;
     this.syncDialogInstance();
     this.triggerDomCompleted();
     this.$nextTick(function () {
-      _this20.applyDialogLayout();
+      _this19.applyDialogLayout();
     });
   },
   beforeDestroy: function beforeDestroy() {
@@ -3142,10 +3165,10 @@ var _sfc_main = {
       return Number.isNaN(Number(str)) ? str : "".concat(Number(str), "px");
     },
     resolvePadding: function resolvePadding() {
-      var _this21 = this;
+      var _this20 = this;
       if (Array.isArray(this.dialogPadding)) {
         return this.dialogPadding.map(function (item) {
-          return _this21.normalizeSize(item);
+          return _this20.normalizeSize(item);
         }).join(" ");
       }
       if (this.dialogPadding === -1 || this.dialogPadding === "-1") {
@@ -3166,11 +3189,11 @@ var _sfc_main = {
       return source;
     },
     mergeEvents: function mergeEvents() {
-      var _this22 = this;
+      var _this21 = this;
       var listeners = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       return __spreadProps(__spreadValues({}, listeners), {
         close: function close() {
-          return _this22.closeDialog();
+          return _this21.closeDialog();
         }
       });
     },
@@ -3240,25 +3263,25 @@ var _sfc_main = {
       }
     },
     syncDialogInstance: function syncDialogInstance() {
-      var _this23 = this;
+      var _this22 = 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;
+          _this22.currentTitle = newOption.title;
         }
         if (Object.prototype.hasOwnProperty.call(newOption, "width")) {
-          _this23.currentWidth = newOption.width;
+          _this22.currentWidth = newOption.width;
         }
         if (Object.prototype.hasOwnProperty.call(newOption, "height")) {
-          _this23.currentHeight = newOption.height;
+          _this22.currentHeight = newOption.height;
         }
         if (Object.prototype.hasOwnProperty.call(newOption, "x")) {
-          _this23.currentX = newOption.x;
+          _this22.currentX = newOption.x;
         }
         if (Object.prototype.hasOwnProperty.call(newOption, "y")) {
-          _this23.currentY = newOption.y;
+          _this22.currentY = newOption.y;
         }
         var mergedOption = __spreadValues({}, newOption);
         delete mergedOption.title;
@@ -3266,20 +3289,20 @@ var _sfc_main = {
         delete mergedOption.height;
         delete mergedOption.x;
         delete mergedOption.y;
-        _this23.currentOption = __spreadValues(__spreadValues({}, _this23.currentOption), mergedOption);
+        _this22.currentOption = __spreadValues(__spreadValues({}, _this22.currentOption), mergedOption);
       };
       this.dialogInstance.callMethod = function (methodName) {
-        var target = _this23.$refs.contentRef;
+        var target = _this22.$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];
+          for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+            args[_key3 - 1] = arguments[_key3];
           }
           return target[methodName].apply(target, args);
         }
         return void 0;
       };
       this.dialogInstance.close = function () {
-        return _this23.closeDialog();
+        return _this22.closeDialog();
       };
     },
     triggerDomCompleted: function triggerDomCompleted() {
@@ -3292,7 +3315,7 @@ var _sfc_main = {
       }
     },
     toggleMaximize: function toggleMaximize() {
-      var _this24 = this;
+      var _this23 = this;
       if (!this.showMaximizeButton) return;
       if (!this.isMaximized) {
         this.originalSize = {
@@ -3316,7 +3339,7 @@ var _sfc_main = {
       }
       this.notifySizeChange();
       this.$nextTick(function () {
-        return _this24.applyDialogLayout(false);
+        return _this23.applyDialogLayout(false);
       });
     },
     closeDialog: function closeDialog() {
@@ -3333,7 +3356,7 @@ var _sfc_main = {
       }
     },
     dealConfirm: function dealConfirm() {
-      var _this25 = this;
+      var _this24 = this;
       var vm = this;
       var loadingController = {
         get value() {
@@ -3355,8 +3378,8 @@ var _sfc_main = {
         return;
       }
       this.confirm(function () {
-        _this25.footerLoading = false;
-        _this25.visible = false;
+        _this24.footerLoading = false;
+        _this24.visible = false;
       }, this.$refs.contentRef, loadingController);
     },
     handleKeydown: function handleKeydown(event) {
@@ -3688,7 +3711,7 @@ function install2(Vue2) {
     }
   });
   setExternalApp(Vue2, options);
-  loadCssVars$1();
+  loadCssVars();
   if (Vue2 && Vue2.prototype) {
     Vue2.prototype.$NsDialog = NsDialog;
     Vue2.prototype.$closeAllNsDialog = closeAllNsDialog;