vue2-components-plus 1.0.70 → 1.0.80

package/dist/vue2-components-plus.js

@@ -290,15 +290,15 @@ function registerDirective(Vue2) {
   Vue2.directive("enterClick", enterClickDirective);
   Vue2.directive("enter-click", enterClickDirective);
 }
-class ThemeVar {
-}
-ThemeVar.VARS = {};
-function loadCssVars() {
+let ThemeVar$1 = class ThemeVar {
+};
+ThemeVar$1.VARS = {};
+function loadCssVars$1() {
   if (typeof document === "undefined") {
-    return ThemeVar.VARS;
+    return ThemeVar$1.VARS;
   }
-  if (Object.keys(ThemeVar.VARS).length > 0) {
-    return ThemeVar.VARS;
+  if (Object.keys(ThemeVar$1.VARS).length > 0) {
+    return ThemeVar$1.VARS;
   }
   const variables = {};
   Array.from(document.styleSheets || []).forEach((sheet) => {
@@ -317,7 +317,7 @@ function loadCssVars() {
       });
     });
   });
-  ThemeVar.VARS = variables;
+  ThemeVar$1.VARS = variables;
   return variables;
 }
 function toKebabCase$1(value) {
@@ -1060,7 +1060,37 @@ var __component__$5 = /* @__PURE__ */ normalizeComponent(
   null
 );
 const NsForm = __component__$5.exports;
-const DynamicFormTitle_vue_vue_type_style_index_0_scoped_5d766a25_lang = "";
+class ThemeVar2 {
+}
+ThemeVar2.VARS = {};
+function loadCssVars() {
+  if (typeof document === "undefined") {
+    return ThemeVar2.VARS;
+  }
+  if (Object.keys(ThemeVar2.VARS).length > 0) {
+    return ThemeVar2.VARS;
+  }
+  const variables = {};
+  Array.from(document.styleSheets || []).forEach((sheet) => {
+    let cssRules = [];
+    try {
+      cssRules = Array.from(sheet.cssRules || []);
+    } catch (error) {
+      cssRules = [];
+    }
+    cssRules.forEach((rule) => {
+      if (rule.selectorText !== ":root") {
+        return;
+      }
+      Array.from(rule.style || []).filter((name) => name.indexOf("--matrix-") === 0).forEach((name) => {
+        variables[name] = rule.style.getPropertyValue(name).trim();
+      });
+    });
+  });
+  ThemeVar2.VARS = variables;
+  return variables;
+}
+const DynamicFormTitle_vue_vue_type_style_index_0_scoped_29c80ec1_lang = "";
 const _sfc_main$4 = {
   name: "NsFormTitle",
   props: {
@@ -1086,7 +1116,7 @@ var __component__$4 = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$4,
   false,
   null,
-  "5d766a25",
+  "29c80ec1",
   null,
   null
 );
@@ -1500,175 +1530,8 @@ const RESERVED_KEYS = [
   "imageHeight",
   "linkText"
 ];
-function getColumnProps(column) {
-  const props = __spreadValues({}, column);
-  RESERVED_KEYS.forEach((key) => 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, ...args) {
-  const handler = listeners && listeners[name];
-  if (!handler) {
-    return;
-  }
-  if (Array.isArray(handler)) {
-    handler.forEach((fn) => typeof fn === "function" && fn(...args));
-    return;
-  }
-  if (typeof handler === "function") {
-    handler(...args);
-  }
-}
-function resolveEnumText(column, value) {
-  const enumList = column.enum || column.options || [];
-  if (!Array.isArray(enumList)) {
-    return value;
-  }
-  const matched = enumList.find((item) => item.value === value);
-  return matched ? matched.label : value;
-}
-function renderActionButtons(h, scope, column, slotRenderers, listeners) {
-  const buttons = Array.isArray(column.buttons) ? column.buttons : [];
-  return buttons.filter((button) => isVisible(button, scope.row)).map((button, index2) => {
-    const slotRenderer = getRenderer(slotRenderers, button.slot);
-    if (slotRenderer) {
-      return slotRenderer(__spreadProps(__spreadValues({}, scope), { row: scope.row, column, 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: () => {
-            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) {
-  const cellValue = getCellValue(scope.row, column);
-  const tagType = typeof column.tagType === "function" ? column.tagType(scope.row, cellValue) : column.tagType;
-  const 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) {
-  const 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,
-      alt: column.label || "image"
-    }
-  });
-}
-function renderLink(h, scope, column, slotRenderers, listeners) {
-  const renderer = getRenderer(slotRenderers, column.slot);
-  if (renderer) {
-    return renderer(scope);
-  }
-  const cellValue = getCellValue(scope.row, column);
-  return h(
-    "el-button",
-    {
-      props: {
-        type: "text"
-      },
-      on: {
-        click: () => emit(listeners, "link-click", scope.row, column)
-      }
-    },
-    [column.linkText || cellValue || "-"]
-  );
-}
-function renderDefaultCell(h, scope, column, slotRenderers, listeners) {
-  const 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);
-  }
-  const 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) {
-  const children = Array.isArray(column.children) ? column.children.map(
-    (child, index2) => h(TableColumn, {
-      key: child.prop || child.label || index2,
-      props: {
-        column: child,
-        slotRenderers
-      },
-      on: listeners
-    })
-  ) : [];
-  const headerRenderer = getRenderer(slotRenderers, column.headerSlot);
-  return h(
-    "el-table-column",
-    {
-      props: getColumnProps(column),
-      scopedSlots: children.length ? headerRenderer ? { header: headerRenderer } : void 0 : __spreadValues({
-        default: (scope) => renderDefaultCell(h, scope, column, slotRenderers, listeners)
-      }, headerRenderer ? { header: headerRenderer } : {})
-    },
-    children
-  );
-}
 const TableColumn = {
   name: "NsTableColumn",
-  functional: true,
   props: {
     column: {
       type: Object,
@@ -1679,8 +1542,166 @@ const TableColumn = {
       default: () => ({})
     }
   },
-  render(h, ctx) {
-    return renderColumn(h, ctx.props.column, ctx.props.slotRenderers || {}, ctx.listeners || {});
+  methods: {
+    getColumnProps(column) {
+      const props = __spreadValues({}, column);
+      RESERVED_KEYS.forEach((key) => delete props[key]);
+      return props;
+    },
+    getRenderer(name) {
+      return name ? this.slotRenderers[name] : null;
+    },
+    getCellValue(row, column) {
+      return column.prop ? row[column.prop] : void 0;
+    },
+    isVisible(config, row) {
+      if (typeof config.show === "function") {
+        return config.show(row) !== false;
+      }
+      if (config.show === void 0) {
+        return true;
+      }
+      return !!config.show;
+    },
+    isDisabled(config, row) {
+      return typeof config.disabled === "function" ? !!config.disabled(row) : !!config.disabled;
+    },
+    renderActionButtons(h, scope, column) {
+      const buttons = Array.isArray(column.buttons) ? column.buttons : [];
+      return buttons.filter((button) => this.isVisible(button, scope.row)).map((button, index2) => {
+        const slotRenderer = this.getRenderer(button.slot);
+        if (slotRenderer) {
+          return slotRenderer(__spreadProps(__spreadValues({}, scope), { row: scope.row, column, 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: this.isDisabled(button, scope.row)
+            },
+            on: {
+              click: () => {
+                if (typeof button.handler === "function") {
+                  button.handler(scope.row, scope.$index);
+                }
+                this.$emit("button-click", scope.row, column, button);
+              }
+            }
+          },
+          [button.label]
+        );
+      });
+    },
+    renderTag(h, scope, column) {
+      const cellValue = this.getCellValue(scope.row, column);
+      const tagType = typeof column.tagType === "function" ? column.tagType(scope.row, cellValue) : column.tagType;
+      const 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(h, scope, column) {
+      const 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,
+          alt: column.label || "image"
+        }
+      });
+    },
+    renderLink(h, scope, column) {
+      const renderer = this.getRenderer(column.slot);
+      if (renderer) {
+        return renderer(scope);
+      }
+      const cellValue = this.getCellValue(scope.row, column);
+      return h(
+        "el-button",
+        {
+          props: {
+            type: "text"
+          },
+          on: {
+            click: () => this.$emit("link-click", scope.row, column)
+          }
+        },
+        [column.linkText || cellValue || "-"]
+      );
+    },
+    resolveEnumText(column, value) {
+      const enumList = column.enum || column.options || [];
+      if (!Array.isArray(enumList)) {
+        return value;
+      }
+      const matched = enumList.find((item) => item.value === value);
+      return matched ? matched.label : value;
+    },
+    renderDefaultCell(h, scope, column) {
+      const 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);
+      }
+      const 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(h, column) {
+      const children = Array.isArray(column.children) ? column.children.map(
+        (child, index2) => h(TableColumn, {
+          key: child.prop || child.label || index2,
+          props: {
+            column: child,
+            slotRenderers: this.slotRenderers
+          },
+          on: {
+            "link-click": (...args) => this.$emit("link-click", ...args),
+            "button-click": (...args) => this.$emit("button-click", ...args)
+          }
+        })
+      ) : [];
+      const headerRenderer = this.getRenderer(column.headerSlot);
+      return h(
+        "el-table-column",
+        {
+          props: this.getColumnProps(column),
+          scopedSlots: children.length ? headerRenderer ? { header: headerRenderer } : void 0 : __spreadValues({
+            default: (scope) => this.renderDefaultCell(h, scope, column)
+          }, headerRenderer ? { header: headerRenderer } : {})
+        },
+        children
+      );
+    }
+  },
+  render(h) {
+    return this.renderColumn(h, this.column);
   }
 };
 const TableColumn$1 = TableColumn;
@@ -1711,7 +1732,7 @@ function resetPagination(pagination) {
   pagination.pageSize = 10;
   return pagination;
 }
-const PageTable_vue_vue_type_style_index_0_scoped_31eeea22_lang = "";
+const PageTable_vue_vue_type_style_index_0_scoped_86cf2232_lang = "";
 const RESERVED_LISTENERS = ["add", "selection-change", "sort-change", "row-click", "size-change", "current-change", "link-click"];
 const _sfc_main$2 = {
   name: "NsTable",
@@ -1817,6 +1838,10 @@ const _sfc_main$2 = {
       type: Number,
       default: null
     },
+    useDefaultPage: {
+      type: Boolean,
+      default: true
+    },
     pageSizes: {
       type: Array,
       default: () => [10, 20, 50, 100]
@@ -1844,9 +1869,7 @@ const _sfc_main$2 = {
   },
   data() {
     return {
-      internalPagination: createPagination(),
-      resizeObserver: null,
-      layoutTimer: null
+      internalPagination: createPagination()
     };
   },
   computed: {
@@ -1865,9 +1888,12 @@ const _sfc_main$2 = {
       return listeners;
     },
     resolvedHeight() {
-      if (this.height !== void 0 && this.height !== null && this.height !== "") {
+      if (this.height !== void 0) {
         return this.height;
       }
+      if (this.autoHeight && this.maxHeight === void 0) {
+        return "100%";
+      }
       return void 0;
     },
     resolvedMaxHeight() {
@@ -1893,63 +1919,9 @@ const _sfc_main$2 = {
         }
       },
       immediate: true
-    },
-    tableData: {
-      handler() {
-        this.scheduleLayout();
-      },
-      deep: true,
-      immediate: true
-    },
-    columns: {
-      handler() {
-        this.scheduleLayout();
-      },
-      deep: true,
-      immediate: true
-    }
-  },
-  mounted() {
-    this.scheduleLayout();
-    this.initResizeObserver();
-  },
-  beforeDestroy() {
-    if (this.resizeObserver) {
-      this.resizeObserver.disconnect();
-      this.resizeObserver = null;
-    }
-    if (this.layoutTimer) {
-      clearTimeout(this.layoutTimer);
-      this.layoutTimer = null;
     }
   },
   methods: {
-    scheduleLayout() {
-      this.$nextTick(() => {
-        this.doLayout();
-        if (this.layoutTimer) {
-          clearTimeout(this.layoutTimer);
-        }
-        this.layoutTimer = setTimeout(() => {
-          this.doLayout();
-          this.layoutTimer = null;
-        }, 50);
-      });
-    },
-    initResizeObserver() {
-      if (typeof ResizeObserver === "undefined") {
-        return;
-      }
-      this.resizeObserver = new ResizeObserver(() => {
-        this.scheduleLayout();
-      });
-      if (this.$el) {
-        this.resizeObserver.observe(this.$el);
-      }
-      if (this.$el && this.$el.parentElement) {
-        this.resizeObserver.observe(this.$el.parentElement);
-      }
-    },
     handleAdd() {
       this.$emit("add");
     },
@@ -1964,12 +1936,16 @@ const _sfc_main$2 = {
     },
     handleSizeChange(size) {
       this.internalPagination.pageSize = size;
-      this.$emit("update:pageSize", size);
+      if (!this.useDefaultPage) {
+        this.$emit("update:pageSize", size);
+      }
       this.$emit("size-change", size);
     },
     handleCurrentChange(page) {
       this.internalPagination.currentPage = page;
-      this.$emit("update:currentPage", page);
+      if (!this.useDefaultPage) {
+        this.$emit("update:currentPage", page);
+      }
       this.$emit("current-change", page);
     },
     handleLinkClick(row, column) {
@@ -2053,15 +2029,21 @@ const _sfc_main$2 = {
     },
     resetPage() {
       this.internalPagination.currentPage = 1;
-      this.$emit("update:currentPage", 1);
+      if (!this.useDefaultPage) {
+        this.$emit("update:currentPage", 1);
+      }
     },
     setPage(page) {
       this.internalPagination.currentPage = page;
-      this.$emit("update:currentPage", page);
+      if (!this.useDefaultPage) {
+        this.$emit("update:currentPage", page);
+      }
     },
     setPageSize(size) {
       this.internalPagination.pageSize = size;
-      this.$emit("update:pageSize", size);
+      if (!this.useDefaultPage) {
+        this.$emit("update:pageSize", size);
+      }
     },
     getPagination() {
       return {
@@ -2093,12 +2075,12 @@ var __component__$2 = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$2,
   false,
   null,
-  "31eeea22",
+  "86cf2232",
   null,
   null
 );
 const NsTable = __component__$2.exports;
-const PageContainer_vue_vue_type_style_index_0_scoped_1c664e81_lang = "";
+const PageContainer_vue_vue_type_style_index_0_scoped_0d1f3c53_lang = "";
 const _sfc_main$1 = {
   name: "NsTableContainer",
   components: {
@@ -2166,24 +2148,37 @@ const _sfc_main$1 = {
       type: Object,
       default: () => ({})
     },
-    loadData: {
-      type: Function,
-      default: null
+    useDefaultPage: {
+      type: Boolean,
+      default: true
     }
   },
   data() {
     return {
       internalPagination: createPagination(),
+      internalSearchParams: {},
+      internalSortState: { prop: "", order: "" },
       pendingSelectionKeys: /* @__PURE__ */ new Set(),
       selectionRowMap: {},
-      isSyncingSelection: false
+      isSyncingSelection: false,
+      _emitSearchTimer: null
     };
   },
+  beforeDestroy() {
+    if (this._emitSearchTimer) {
+      clearTimeout(this._emitSearchTimer);
+      this._emitSearchTimer = null;
+    }
+  },
   computed: {
     currentPageModel() {
+      if (this.useDefaultPage)
+        return this.internalPagination.currentPage;
       return this.currentPage === null ? this.internalPagination.currentPage : this.currentPage;
     },
     pageSizeModel() {
+      if (this.useDefaultPage)
+        return this.internalPagination.pageSize;
       return this.pageSize === null ? this.internalPagination.pageSize : this.pageSize;
     },
     currentRowKey() {
@@ -2193,6 +2188,8 @@ const _sfc_main$1 = {
   watch: {
     currentPage: {
       handler(value) {
+        if (this.useDefaultPage)
+          return;
         if (value !== null) {
           this.internalPagination.currentPage = value;
         }
@@ -2201,6 +2198,8 @@ const _sfc_main$1 = {
     },
     pageSize: {
       handler(value) {
+        if (this.useDefaultPage)
+          return;
         if (value !== null) {
           this.internalPagination.pageSize = value;
         }
@@ -2247,14 +2246,17 @@ const _sfc_main$1 = {
     },
     handleSearch(params) {
       this.resetSelectionState();
+      let nextParams = params || {};
       if (params && params._resetPage) {
         const _a = params, { _resetPage } = _a, searchParams = __objRest(_a, ["_resetPage"]);
+        nextParams = searchParams;
         this.internalPagination.currentPage = 1;
-        this.$emit("update:currentPage", 1);
-        this.$emit("search", searchParams);
-        return;
+        if (!this.useDefaultPage) {
+          this.$emit("update:currentPage", 1);
+        }
       }
-      this.$emit("search", params);
+      this.internalSearchParams = __spreadValues({}, nextParams);
+      this.emitSearch();
     },
     handleReset() {
       this.resetSelectionState();
@@ -2265,27 +2267,35 @@ const _sfc_main$1 = {
     },
     handleSizeChange(size) {
       this.internalPagination.pageSize = size;
-      this.$emit("update:pageSize", size);
+      const maxPage = Math.max(1, Math.ceil((this.total || 0) / size));
+      if (this.internalPagination.currentPage > maxPage) {
+        this.internalPagination.currentPage = maxPage;
+      }
+      if (!this.useDefaultPage) {
+        this.$emit("update:pageSize", size);
+        this.$emit("update:currentPage", this.internalPagination.currentPage);
+      }
       this.$emit("size-change", size);
       this.$emit("page-change", {
-        currentPage: this.currentPageModel,
+        currentPage: this.internalPagination.currentPage,
         pageSize: size
       });
-      if (this.loadData) {
-        this.loadData();
-      }
+      this.emitSearch();
     },
     handleCurrentChange(page) {
+      if (this.internalPagination.currentPage === page) {
+        return;
+      }
       this.internalPagination.currentPage = page;
-      this.$emit("update:currentPage", page);
+      if (!this.useDefaultPage) {
+        this.$emit("update:currentPage", page);
+      }
       this.$emit("current-change", page);
       this.$emit("page-change", {
         currentPage: page,
         pageSize: this.pageSizeModel
       });
-      if (this.loadData) {
-        this.loadData();
-      }
+      this.emitSearch();
     },
     handleSelectionChange(selection) {
       if (this.isSyncingSelection) {
@@ -2308,7 +2318,9 @@ const _sfc_main$1 = {
       this.$emit("selection-change", Object.values(this.selectionRowMap));
     },
     handleSortChange(sort) {
+      this.internalSortState = sort || { prop: "", order: "" };
       this.$emit("sort-change", sort);
+      this.emitSearch();
     },
     handleRowClick(row, column, event) {
       this.$emit("row-click", row, column, event);
@@ -2316,15 +2328,32 @@ const _sfc_main$1 = {
     handleLinkClick(row, column) {
       this.$emit("link-click", row, column);
     },
+    buildLoadQuery() {
+      return __spreadProps(__spreadValues({}, this.internalSearchParams), {
+        [this.pageNumberKey]: this.currentPageModel,
+        [this.pageSizeKey]: this.pageSizeModel,
+        sort: __spreadValues({}, this.internalSortState)
+      });
+    },
+    emitSearch() {
+      if (this._emitSearchTimer) {
+        clearTimeout(this._emitSearchTimer);
+      }
+      this._emitSearchTimer = setTimeout(() => {
+        this._emitSearchTimer = null;
+        this.$emit("search", this.buildLoadQuery());
+      }, 0);
+    },
+    reload() {
+      this.emitSearch();
+    },
     initSearchAndLoad() {
       this.$nextTick(() => {
         if (this.showSearch && this.$refs.searchRef) {
-          this.$emit("search", this.$refs.searchRef.getFormData());
-          return;
-        }
-        if (this.loadData) {
-          this.loadData();
+          const formData = this.$refs.searchRef.getFormData();
+          this.internalSearchParams = __spreadValues({}, formData);
         }
+        this.emitSearch();
       });
     },
     getSearchFormData() {
@@ -2411,7 +2440,7 @@ const _sfc_main$1 = {
 };
 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, "enter-trigger": _vm.enterTrigger, "slot-renderers": _vm.$scopedSlots }, on: { "search": _vm.handleSearch, "reset": _vm.handleReset } }, "page-search", _vm.searchProps, false)) : _vm._e(), _vm._t("extend"), _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))], 2);
+  return _c("div", { staticClass: "page-container" }, [_vm.showSearch ? _c("page-search", _vm._b({ ref: "searchRef", attrs: { "items": _vm.searchItems, "external-params": _vm.externalSearchParams, "enter-trigger": _vm.enterTrigger, "slot-renderers": _vm.$scopedSlots }, on: { "search": _vm.handleSearch, "reset": _vm.handleReset } }, "page-search", _vm.searchProps, false)) : _vm._e(), _vm._t("extend"), _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, "use-default-page": _vm.useDefaultPage, "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))], 2);
 };
 var _sfc_staticRenderFns$1 = [];
 var __component__$1 = /* @__PURE__ */ normalizeComponent(
@@ -2420,7 +2449,7 @@ var __component__$1 = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns$1,
   false,
   null,
-  "1c664e81",
+  "0d1f3c53",
   null,
   null
 );
@@ -2681,7 +2710,7 @@ const _sfc_main = {
     }
   },
   mounted() {
-    loadCssVars();
+    loadCssVars$1();
     this.visible = true;
     this.updateModalStyle();
     this.syncDialogInstance();
@@ -3185,7 +3214,7 @@ function install2(Vue2, options = {}) {
     }
   });
   setExternalApp(Vue2, options);
-  loadCssVars();
+  loadCssVars$1();
   if (Vue2 && Vue2.prototype) {
     Vue2.prototype.$NsDialog = NsDialog;
     Vue2.prototype.$closeAllNsDialog = closeAllNsDialog;