@ctzy-web-client/plugin-component-vue 1.0.25 → 1.0.27

package/lib/datatable-settings/datatable-settings.js

@@ -10,255 +10,201 @@ var rxjs = require('rxjs');
 var db = require('../utils/db.js');
 var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
 
-const _sfc_main = {
-  __name: 'datatable-settings',
-  props: {
-  dataTable: {
-    type: Object,
-    required: true,
-  },
-},
-  emits: [
-  'reset-columns',
-  'sort-change',
-  'close',
-  'visible-change',
-  'column-visible-change'
-],
-  setup(__props, { emit }) {
-
-const props = __props;
-
-defineOptions({ name: 'BwaDataTableSetting' });
-
-
-
-
-
-const attrs = vue.useAttrs();
-
-const ns = webBaseClientVue.useNamespace('datatable-settings');
-
-const value = vue.ref(false);
-
-const handleClose = () => {
-  value.value = false;
-  emit('close');
-};
-
-const handleColumnVisibleChange = (column, visible) => {
-  const  tableColumns = [...displaySearchedColumns.value,...hiddenSearchedColumns.value ];
-  emit('column-visible-change', tableColumns);
-};
-
-// 监听value变化，emit visible-change事件
-vue.watch(value, (newValue) => {
-  emit('visible-change', newValue);
-});
-
-const appName = webBaseClientVue.useValue('AppName');
-const userService = webBaseClientVue.useService('UserService');
-
-const userID = vue.computed(() => vue.unref(userService)?.userInfo?.id || '');
-
-const isShowResetColumn = vue.computed(
-  () => !props.dataTable.isDefaultColumnSort()
-);
-
-const key = vue.computed(
-  () => `${vue.unref(appName)}_${props.dataTable.name}_settings`
-);
-
-const search = vue.ref('');
-
-const columns = vue.computed(() =>
-  props.dataTable
-    .getColumns()
-    .filter((column) => column.settings.visible)
-    .filter((column) => column.settings.visible)
-);
-
-const initColumns = async () => {
-  let persistentColumnInfos = [];
-
-  const result = await db.dataModelDB.tableHeaderSettings
-    .where('[app+tableName+userID]')
-    .equals([vue.unref(appName), props.dataTable.name, vue.unref(userID)])
-    .toArray();
-
-  if (result.length) {
-    persistentColumnInfos = result[0]?.columnInfo ?? [];
-  }
-
-  if (persistentColumnInfos.some((item) => typeof item === 'string')) {
-    persistentColumnInfos = persistentColumnInfos.map((columnInfo) => {
-      return typeof columnInfo === 'object'
-        ? columnInfo
-        : { name: columnInfo, visible: true };
-    });
-  }
-
-  const _dataTable = props.dataTable;
-  let dataTableColumns = _dataTable
-    .getColumns()
-    .slice()
-    .filter((item) => item.settings.visible);
-
-  persistentColumnInfos = persistentColumnInfos.filter(
-    (item) =>
-      dataTableColumns.findIndex((column) => column.name === item.name) !== -1
-  );
-
-  if (!persistentColumnInfos) {
-    return dataTableColumns;
-  }
-
-  let sortedColumns = persistentColumnInfos
-    .map((columnInfo) =>
-      dataTableColumns.find((column) => column.name === columnInfo.name)
-    )
-    .filter(Boolean);
-
-  dataTableColumns = sortedColumns.concat(
-    dataTableColumns.filter(
-      (column) => !sortedColumns.find((col) => column.name === col.name)
-    )
-  );
-
-  for (const column of dataTableColumns) {
-    const persistentItem = persistentColumnInfos.find(
-      (item) => item.name === column.name
-    );
-    column.visible = persistentItem?.visible ?? column.visible;
-  }
-
-  props.dataTable.setDisplayColumns(
-    dataTableColumns.filter((column) => column.visible)
-  );
-
-  return dataTableColumns;
-};
-
-const resetColumns = () => {
-  const _dataTable = props.dataTable;
-
-  _dataTable.resetColumnSort();
-  emit('reset-columns');
-};
-
-const allSearchedColumns = vue.computed(() => {
-  const _search = vue.unref(search);
-  return vue.unref(columns).filter((column) => column.title.indexOf(_search) > -1);
-});
-
-const hiddenSearchedColumns = vue.computed(() =>
-  vue.unref(allSearchedColumns).filter((item) => !item.visible)
-);
-
-const displaySearchedColumns = vue.computed(() => {
-  const _search = vue.unref(search);
-  return props.dataTable
-    .getDisplayColumns()
-    .filter((column) => column.settings.visible)
-    .filter((column) => column.title.indexOf(_search) > -1);
-});
-
-const handleSortChange = (sort) => {
-  const _columns = vue.unref(columns);
-  const displayColumns = sort
-    .map(
-      (attrName) =>
-        _columns.find((column) => column.attrName === attrName) ?? null
-    )
-    .filter(Boolean);
-
-  props.dataTable.setDisplayColumns(displayColumns);
-    const tableColumns = [...displaySearchedColumns.value,...hiddenSearchedColumns.value ];
-  emit('column-visible-change', tableColumns);
-  emit('sort-change', sort, displayColumns);
-};
-
-const scope = vue.getCurrentScope();
-
-const handleInitCompleted = async () => {
-  const dataTableColumns = await initColumns();
-
-  const subscription = props.dataTable
-    .getDisplayColumnsSubject()
-    .pipe(
-      rxjs.map((displayColumns) => {
-        const hiddenColumns = dataTableColumns.filter(
-          (column) =>
-            !displayColumns.find(
-              (displayColumn) => displayColumn.attrName === column.attrName
-            )
-        );
-
-        return [...displayColumns, ...hiddenColumns].map((column) => ({
-          name: column.name,
-          visible: column.visible,
-        }));
-      })
-    )
-    .subscribe({
-      next: (columnInfo) => {
-        db.dataModelDB.tableHeaderSettings.put({
-          app: vue.unref(appName),
-          tableName: props.dataTable.name,
-          userID: vue.unref(userID),
-          columnInfo: columnInfo,
-        });
-      },
-    });
-
-  scope.run(() => {
-    vue.onScopeDispose(() => {
-      subscription.unsubscribe();
-    });
-  });
-};
-
-if (!props.dataTable.inited) {
-  webBaseClientVue.useEventDispatcher(props.dataTable, 'init-completed', handleInitCompleted);
-} else {
-  handleInitCompleted();
-}
-
-return (_ctx, _cache) => {
-  const _component_RefreshRight = vue.resolveComponent("RefreshRight");
-  const _component_Close = vue.resolveComponent("Close");
-
-  return (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTooltip), vue.mergeProps({
-    visible: value.value,
-    "onUpdate:visible": _cache[1] || (_cache[1] = $event => ((value).value = $event))
-  }, vue.unref(attrs), {
-    effect: "light",
-    "show-arrow": false,
-    trigger: "click",
-    "popper-class": vue.unref(ns).b(),
-    "gpu-acceleration": false,
-    placement: "bottom",
-    "append-to": ".bwa-application"
-  }), {
-    content: vue.withCtx(() => [
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(vue.unref(ns).e('content'))
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ns).e('header'))
-        }, [
-          vue.createTextVNode(" 表头设置 "),
-          vue.createElementVNode("span", {
-            class: vue.normalizeClass(vue.unref(ns).e('tools'))
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
+const __default__ = vue.defineComponent({ name: "BwaDataTableSetting" });
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    dataTable: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: [
+    "reset-columns",
+    "sort-change",
+    "close",
+    "visible-change",
+    "column-visible-change"
+  ],
+  setup(__props, { emit: __emit }) {
+    ;
+    const props = __props;
+    const emit = __emit;
+    const attrs = vue.useAttrs();
+    const ns = webBaseClientVue.useNamespace("datatable-settings");
+    const value = vue.ref(false);
+    const handleClose = () => {
+      value.value = false;
+      emit("close");
+    };
+    const handleColumnVisibleChange = (column, visible) => {
+      const tableColumns = [...displaySearchedColumns.value, ...hiddenSearchedColumns.value];
+      emit("column-visible-change", tableColumns);
+    };
+    vue.watch(value, (newValue) => {
+      emit("visible-change", newValue);
+    });
+    const appName = webBaseClientVue.useValue("AppName");
+    const userService = webBaseClientVue.useService("UserService");
+    const userID = vue.computed(() => {
+      var _a, _b;
+      return ((_b = (_a = vue.unref(userService)) == null ? void 0 : _a.userInfo) == null ? void 0 : _b.id) || "";
+    });
+    const isShowResetColumn = vue.computed(
+      () => !props.dataTable.isDefaultColumnSort()
+    );
+    const key = vue.computed(
+      () => `${vue.unref(appName)}_${props.dataTable.name}_settings`
+    );
+    const search = vue.ref("");
+    const columns = vue.computed(
+      () => props.dataTable.getColumns().filter((column) => column.settings.visible).filter((column) => column.settings.visible)
+    );
+    const initColumns = async () => {
+      var _a, _b, _c;
+      let persistentColumnInfos = [];
+      const result = await db.dataModelDB.tableHeaderSettings.where("[app+tableName+userID]").equals([vue.unref(appName), props.dataTable.name, vue.unref(userID)]).toArray();
+      if (result.length) {
+        persistentColumnInfos = (_b = (_a = result[0]) == null ? void 0 : _a.columnInfo) != null ? _b : [];
+      }
+      if (persistentColumnInfos.some((item) => typeof item === "string")) {
+        persistentColumnInfos = persistentColumnInfos.map((columnInfo) => {
+          return typeof columnInfo === "object" ? columnInfo : { name: columnInfo, visible: true };
+        });
+      }
+      const _dataTable = props.dataTable;
+      let dataTableColumns = _dataTable.getColumns().slice().filter((item) => item.settings.visible);
+      persistentColumnInfos = persistentColumnInfos.filter(
+        (item) => dataTableColumns.findIndex((column) => column.name === item.name) !== -1
+      );
+      if (!persistentColumnInfos) {
+        return dataTableColumns;
+      }
+      let sortedColumns = persistentColumnInfos.map(
+        (columnInfo) => dataTableColumns.find((column) => column.name === columnInfo.name)
+      ).filter(Boolean);
+      dataTableColumns = sortedColumns.concat(
+        dataTableColumns.filter(
+          (column) => !sortedColumns.find((col) => column.name === col.name)
+        )
+      );
+      for (const column of dataTableColumns) {
+        const persistentItem = persistentColumnInfos.find(
+          (item) => item.name === column.name
+        );
+        column.visible = (_c = persistentItem == null ? void 0 : persistentItem.visible) != null ? _c : column.visible;
+      }
+      props.dataTable.setDisplayColumns(
+        dataTableColumns.filter((column) => column.visible)
+      );
+      return dataTableColumns;
+    };
+    const resetColumns = () => {
+      const _dataTable = props.dataTable;
+      _dataTable.resetColumnSort();
+      emit("reset-columns");
+    };
+    const allSearchedColumns = vue.computed(() => {
+      const _search = vue.unref(search);
+      return vue.unref(columns).filter((column) => column.title.indexOf(_search) > -1);
+    });
+    const hiddenSearchedColumns = vue.computed(
+      () => vue.unref(allSearchedColumns).filter((item) => !item.visible)
+    );
+    const displaySearchedColumns = vue.computed(() => {
+      const _search = vue.unref(search);
+      return props.dataTable.getDisplayColumns().filter((column) => column.settings.visible).filter((column) => column.title.indexOf(_search) > -1);
+    });
+    const handleSortChange = (sort) => {
+      const _columns = vue.unref(columns);
+      const displayColumns = sort.map(
+        (attrName) => {
+          var _a;
+          return (_a = _columns.find((column) => column.attrName === attrName)) != null ? _a : null;
+        }
+      ).filter(Boolean);
+      props.dataTable.setDisplayColumns(displayColumns);
+      const tableColumns = [...displaySearchedColumns.value, ...hiddenSearchedColumns.value];
+      emit("column-visible-change", tableColumns);
+      emit("sort-change", sort, displayColumns);
+    };
+    const scope = vue.getCurrentScope();
+    const handleInitCompleted = async () => {
+      const dataTableColumns = await initColumns();
+      const subscription = props.dataTable.getDisplayColumnsSubject().pipe(
+        rxjs.map((displayColumns) => {
+          const hiddenColumns = dataTableColumns.filter(
+            (column) => !displayColumns.find(
+              (displayColumn) => displayColumn.attrName === column.attrName
+            )
+          );
+          return [...displayColumns, ...hiddenColumns].map((column) => ({
+            name: column.name,
+            visible: column.visible
+          }));
+        })
+      ).subscribe({
+        next: (columnInfo) => {
+          db.dataModelDB.tableHeaderSettings.put({
+            app: vue.unref(appName),
+            tableName: props.dataTable.name,
+            userID: vue.unref(userID),
+            columnInfo
+          });
+        }
+      });
+      scope.run(() => {
+        vue.onScopeDispose(() => {
+          subscription.unsubscribe();
+        });
+      });
+    };
+    if (!props.dataTable.inited) {
+      webBaseClientVue.useEventDispatcher(props.dataTable, "init-completed", handleInitCompleted);
+    } else {
+      handleInitCompleted();
+    }
+    return (_ctx, _cache) => {
+      const _component_RefreshRight = vue.resolveComponent("RefreshRight");
+      const _component_Close = vue.resolveComponent("Close");
+      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTooltip), vue.mergeProps({
+        visible: value.value,
+        "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => value.value = $event)
+      }, vue.unref(attrs), {
+        effect: "light",
+        "show-arrow": false,
+        trigger: "click",
+        "popper-class": vue.unref(ns).b(),
+        "gpu-acceleration": false,
+        placement: "bottom",
+        "append-to": ".bwa-application"
+      }), {
+        content: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("content"))
           }, [
-            (vue.unref(isShowResetColumn))
-              ? (vue.openBlock(), vue.createElementBlock("span", {
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("header"))
+            }, [
+              _cache[2] || (_cache[2] = vue.createTextVNode(" \u8868\u5934\u8BBE\u7F6E ", -1)),
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(vue.unref(ns).e("tools"))
+              }, [
+                isShowResetColumn.value ? (vue.openBlock(), vue.createElementBlock("span", {
                   key: 0,
-                  class: vue.normalizeClass([vue.unref(ns).e('tools-item'), vue.unref(ns).e('refresh')]),
+                  class: vue.normalizeClass([vue.unref(ns).e("tools-item"), vue.unref(ns).e("refresh")]),
                   onClick: resetColumns
                 }, [
                   vue.createVNode(vue.unref(ElementPlus.ElTooltip), {
-                    content: "恢复默认",
+                    content: "\u6062\u590D\u9ED8\u8BA4",
                     "append-to": ".bwa-application"
                   }, {
                     default: vue.withCtx(() => [
@@ -266,123 +212,135 @@ return (_ctx, _cache) => {
                         default: vue.withCtx(() => [
                           vue.createVNode(_component_RefreshRight)
                         ]),
-                        _: 1 /* STABLE */
+                        _: 1
                       })
                     ]),
-                    _: 1 /* STABLE */
+                    _: 1
                   })
-                ], 2 /* CLASS */))
-              : vue.createCommentVNode("v-if", true),
-            vue.createElementVNode("span", {
-              class: vue.normalizeClass([vue.unref(ns).e('tools-item'), vue.unref(ns).e('close')]),
-              onClick: handleClose
-            }, [
-              vue.createVNode(vue.unref(ElementPlus.ElTooltip), {
-                content: "关闭",
-                "append-to": ".bwa-application"
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(ElementPlus.ElIcon), null, {
+                ], 2)) : vue.createCommentVNode("v-if", true),
+                vue.createElementVNode("span", {
+                  class: vue.normalizeClass([vue.unref(ns).e("tools-item"), vue.unref(ns).e("close")]),
+                  onClick: handleClose
+                }, [
+                  vue.createVNode(vue.unref(ElementPlus.ElTooltip), {
+                    content: "\u5173\u95ED",
+                    "append-to": ".bwa-application"
+                  }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_component_Close)
+                      vue.createVNode(vue.unref(ElementPlus.ElIcon), null, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_Close)
+                        ]),
+                        _: 1
+                      })
                     ]),
-                    _: 1 /* STABLE */
+                    _: 1
                   })
-                ]),
-                _: 1 /* STABLE */
-              })
-            ], 2 /* CLASS */)
-          ], 2 /* CLASS */)
-        ], 2 /* CLASS */),
-        vue.createCommentVNode(" <div :class=\"ns.e('search')\">\r\n          <ElInput\r\n            v-model=\"search\"\r\n            :clearable=\"true\"\r\n            prefix-icon=\"Search\"\r\n            placeholder=\"请输入关键词搜索\"\r\n          />\r\n        </div> "),
-        vue.createVNode(vue.unref(ElementPlus.ElScrollbar), { "max-height": "500px" }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(ns).e('main'))
-            }, [
-              (vue.unref(displaySearchedColumns).length)
-                ? (vue.openBlock(), vue.createElementBlock("div", {
+                ], 2)
+              ], 2)
+            ], 2),
+            vue.createCommentVNode(` <div :class="ns.e('search')">\r
+          <ElInput\r
+            v-model="search"\r
+            :clearable="true"\r
+            prefix-icon="Search"\r
+            placeholder="\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22"\r
+          />\r
+        </div> `),
+            vue.createVNode(vue.unref(ElementPlus.ElScrollbar), { "max-height": "500px" }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(ns).e("main"))
+                }, [
+                  displaySearchedColumns.value.length ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: 0,
-                    class: vue.normalizeClass(vue.unref(ns).b('section'))
+                    class: vue.normalizeClass(vue.unref(ns).b("section"))
                   }, [
                     vue.createElementVNode("div", {
-                      class: vue.normalizeClass(vue.unref(ns).be('section', 'header'))
-                    }, "显示字段", 2 /* CLASS */),
+                      class: vue.normalizeClass(vue.unref(ns).be("section", "header"))
+                    }, "\u663E\u793A\u5B57\u6BB5", 2),
                     vue.createVNode(vue.unref(index.BwaDraglist), {
-                      data: vue.unref(displaySearchedColumns),
+                      data: displaySearchedColumns.value,
                       labelAttr: "title",
                       idAttr: "attrName",
                       onSortChange: handleSortChange
                     }, {
                       default: vue.withCtx(({ item }) => [
                         vue.createElementVNode("div", {
-                          class: vue.normalizeClass(vue.unref(ns).be('section', 'content'))
+                          class: vue.normalizeClass(vue.unref(ns).be("section", "content"))
                         }, [
                           vue.createElementVNode("div", {
-                            class: vue.normalizeClass(vue.unref(ns).e('field-item'))
+                            class: vue.normalizeClass(vue.unref(ns).e("field-item"))
                           }, [
-                            vue.createElementVNode("span", null, vue.toDisplayString(item.title), 1 /* TEXT */),
+                            vue.createElementVNode("span", null, vue.toDisplayString(item.title), 1),
                             vue.createVNode(vue.unref(ElementPlus.ElSwitch), {
                               modelValue: item.visible,
-                              "onUpdate:modelValue": $event => ((item.visible) = $event),
+                              "onUpdate:modelValue": ($event) => item.visible = $event,
                               disabled: item.settings.disabled,
-                              onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(() => {}, ["stop"])),
+                              onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                              }, ["stop"])),
                               onChange: (val) => handleColumnVisibleChange(item, val)
-                            }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "disabled", "onChange"])
-                          ], 2 /* CLASS */)
-                        ], 2 /* CLASS */)
+                            }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "onChange"])
+                          ], 2)
+                        ], 2)
                       ]),
-                      _: 1 /* STABLE */
-                    }, 8 /* PROPS */, ["data"]),
-                    vue.createCommentVNode(" <div\r\n                v-show=\"!displaySearchedColumns.length\"\r\n                :class=\"ns.be('section', 'empty')\"\r\n              >\r\n                暂无字段\r\n              </div> ")
-                  ], 2 /* CLASS */))
-                : vue.createCommentVNode("v-if", true),
-              (vue.unref(hiddenSearchedColumns).length)
-                ? (vue.openBlock(), vue.createElementBlock("div", {
+                      _: 1
+                    }, 8, ["data"]),
+                    vue.createCommentVNode(` <div\r
+                v-show="!displaySearchedColumns.length"\r
+                :class="ns.be('section', 'empty')"\r
+              >\r
+                \u6682\u65E0\u5B57\u6BB5\r
+              </div> `)
+                  ], 2)) : vue.createCommentVNode("v-if", true),
+                  hiddenSearchedColumns.value.length ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: 1,
-                    class: vue.normalizeClass(vue.unref(ns).b('section'))
+                    class: vue.normalizeClass(vue.unref(ns).b("section"))
                   }, [
                     vue.createElementVNode("div", {
-                      class: vue.normalizeClass(vue.unref(ns).be('section', 'header'))
-                    }, "未显示字段", 2 /* CLASS */),
+                      class: vue.normalizeClass(vue.unref(ns).be("section", "header"))
+                    }, "\u672A\u663E\u793A\u5B57\u6BB5", 2),
                     vue.createElementVNode("div", {
-                      class: vue.normalizeClass(vue.unref(ns).be('section', 'content'))
+                      class: vue.normalizeClass(vue.unref(ns).be("section", "content"))
                     }, [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(hiddenSearchedColumns), (column) => {
-                        return (vue.openBlock(), vue.createElementBlock("div", {
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(hiddenSearchedColumns.value, (column) => {
+                        return vue.openBlock(), vue.createElementBlock("div", {
                           key: column.attrName,
-                          class: vue.normalizeClass(vue.unref(ns).e('field-item'))
+                          class: vue.normalizeClass(vue.unref(ns).e("field-item"))
                         }, [
-                          vue.createElementVNode("span", null, vue.toDisplayString(column.title), 1 /* TEXT */),
+                          vue.createElementVNode("span", null, vue.toDisplayString(column.title), 1),
                           vue.createVNode(vue.unref(ElementPlus.ElSwitch), {
                             modelValue: column.visible,
-                            "onUpdate:modelValue": $event => ((column.visible) = $event),
+                            "onUpdate:modelValue": ($event) => column.visible = $event,
                             disabled: column.settings.disabled,
                             onChange: (val) => handleColumnVisibleChange(column, val)
-                          }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "disabled", "onChange"])
-                        ], 2 /* CLASS */))
-                      }), 128 /* KEYED_FRAGMENT */))
-                    ], 2 /* CLASS */),
-                    vue.createCommentVNode(" <div\r\n                v-show=\"!hiddenSearchedColumns.length\"\r\n                :class=\"ns.be('section', 'empty')\"\r\n              >\r\n                暂无字段\r\n              </div> ")
-                  ], 2 /* CLASS */))
-                : vue.createCommentVNode("v-if", true)
-            ], 2 /* CLASS */)
-          ]),
-          _: 1 /* STABLE */
-        })
-      ], 2 /* CLASS */)
-    ]),
-    default: vue.withCtx(() => [
-      vue.createElementVNode("span", null, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ])
-    ]),
-    _: 3 /* FORWARDED */
-  }, 16 /* FULL_PROPS */, ["visible", "popper-class"]))
-}
-}
-
-};
-var DataTableSettings = /*#__PURE__*/_pluginVue_exportHelper["default"](_sfc_main, [['__file',"datatable-settings.vue"]]);
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "onChange"])
+                        ], 2);
+                      }), 128))
+                    ], 2),
+                    vue.createCommentVNode(` <div\r
+                v-show="!hiddenSearchedColumns.length"\r
+                :class="ns.be('section', 'empty')"\r
+              >\r
+                \u6682\u65E0\u5B57\u6BB5\r
+              </div> `)
+                  ], 2)) : vue.createCommentVNode("v-if", true)
+                ], 2)
+              ]),
+              _: 1
+            })
+          ], 2)
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("span", null, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        _: 3
+      }, 16, ["visible", "popper-class"]);
+    };
+  }
+});
+var DataTableSettings = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "datatable-settings.vue"]]);
 
 exports["default"] = DataTableSettings;