hy-dispatch-ui-v3 0.1.0

package/lib/components/appTable/appTable.vue.js

@@ -0,0 +1,582 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var iconsVue = require('@element-plus/icons-vue');
+var index$3 = require('../appTooltip/index.js');
+var index$1 = require('./js/index.js');
+var search = require('./js/search.js');
+var columnSelect = require('./cpns/columnSelect.vue.js');
+var useMixins = require('../../hooks/useMixins.js');
+var index = require('../appSearch/index.js');
+var adaptive = require('../../utils/adaptive.js');
+var index$2 = require('../svgIcon/index.js');
+var useLocale = require('../../hooks/useLocale.js');
+var is = require('../../utils/is.js');
+
+import "./style/appTable.scss";
+
+const __default__ = vue.defineComponent({
+  name: "AppTable"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    // 表格配置项
+    rowKey: {
+      // 选中的参数
+      type: [String, Function],
+      required: false,
+      default: "id"
+    },
+    tableColumns: {
+      // 表格的列
+      type: Array,
+      required: true,
+      default: () => []
+    },
+    rowClassName: {
+      // 自定义某一行需要展示的颜色
+      type: Function,
+      required: false,
+      default: () => {
+        return null;
+      }
+    },
+    showHeader: {
+      // 是否显示表头
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    beforeDataHandler: {
+      // 渲染表格数据之前处理
+      type: Function
+    },
+    isShowAllSelect: {
+      // 全选禁用
+      type: Boolean,
+      default: () => false
+    },
+    emptyText: {
+      // 空数据时显示的文本内容
+      type: String
+    },
+    fontSize: {
+      // 字体大小
+      type: Number,
+      default: 14
+    },
+    onRowContextmenu: {
+      type: Function,
+      required: false
+    },
+    showLoading: {
+      // 是否显示加载状态框
+      type: Boolean,
+      default: true
+    },
+    showEditColumn: {
+      type: Boolean,
+      default: true
+    },
+    // 查询过滤配置项
+    url: {
+      // 自定义请求地址
+      type: String,
+      required: false
+    },
+    controller: {
+      // 表格的controller名
+      type: String,
+      default: "",
+      required: false
+    },
+    filterColumns: {
+      // 表格筛选配置
+      type: Array,
+      required: false,
+      default: () => []
+    },
+    requestParams: {
+      // 请求时的额外参数
+      type: Object,
+      required: false,
+      default: () => ({})
+    },
+    isJsonData: {
+      // 接口请求是否为json格式
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    defaultGetData: {
+      // 是否自动获取表格数据
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    searchArr: {
+      // 除了配置了isSearch以外的搜索项
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    // 分页配置
+    layout: {
+      type: String,
+      required: false,
+      default: "sizes, prev, pager, next, jumper"
+    },
+    pagerCount: {
+      // 页码按钮的数量，当总页数超过该值时会折叠
+      type: Number,
+      required: false,
+      default: 7
+    },
+    showPagination: {
+      // 是否显示分页
+      type: Boolean,
+      required: false,
+      default: true
+    }
+  },
+  emits: ["row-click", "select-all", "on-select-checkbox", "reqSuccess"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { t } = useLocale.useLocale();
+    const containerRef = vue.useTemplateRef("containerRef");
+    const tableRef = vue.useTemplateRef("tableRef");
+    const appSearchRef = vue.useTemplateRef("appSearchRef");
+    const tableDropdownRef = vue.useTemplateRef("tableDropdownRef");
+    const operatorDropdownRef = vue.useTemplateRef("operatorDropdownRef");
+    const {
+      // useAppTableWrapper
+      // 表格配置项
+      tableDataSource,
+      tableColumns,
+      tableColumnsEditablele,
+      searchPlaceholder,
+      onTableColumnsSelectHandler,
+      // 表格行操作配置
+      getRowKey,
+      tableTriggerRef,
+      getSelectedList,
+      setTableRowClassName,
+      onTableRowClickHandler,
+      onTableRowContextmenuHandler,
+      onTableSelectAllHandler,
+      // 表单查询
+      formModel,
+      formColumns,
+      totalElements,
+      onSearchQueryHandler,
+      getData,
+      setData,
+      resetFn,
+      getTotalElements,
+      onSizeChangeHandler,
+      onCurrentChangeHandler,
+      // useAppTableSearch
+      showFilter,
+      switchShowFilter,
+      getTableDataSource
+    } = useMixins.useMixins(
+      {
+        props,
+        emits,
+        containerRef,
+        tableRef,
+        tableDropdownRef,
+        operatorDropdownRef,
+        appSearchRef
+      },
+      [
+        index$1.useAppTableWrapper,
+        search.useAppTableSearch
+      ]
+    );
+    if (props.defaultGetData) {
+      getData(1);
+    }
+    __expose({
+      getData,
+      setData,
+      resetFn,
+      getSelectedList,
+      getTotalElements,
+      getTableDataSource
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          ref_key: "containerRef",
+          ref: containerRef,
+          class: "w-full h-full flex flex-col text-main text-sm"
+        },
+        [
+          vue.createElementVNode("div", { class: "min-h-[36px] flex flex-row-reverse items-center justify-between gap-3 mb-4" }, [
+            vue.createElementVNode("div", { class: "flex gap-3 whitespace-nowrap" }, [
+              __props.showEditColumn ? (vue.openBlock(), vue.createBlock(columnSelect.default, {
+                key: 0,
+                columns: vue.unref(tableColumns),
+                "columns-editable": vue.unref(tableColumnsEditablele),
+                onConfirm: vue.unref(onTableColumnsSelectHandler)
+              }, null, 8, ["columns", "columns-editable", "onConfirm"])) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode("div", {
+                class: "flex items-center gap-[10px] clickBox px-3 select-none rounded hover:bg-backgroundv2",
+                onClick: vue.unref(switchShowFilter)
+              }, [
+                vue.createVNode(vue.unref(elementPlus.ElIcon), { size: "12" }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.Filter))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                vue.createElementVNode(
+                  "span",
+                  null,
+                  vue.toDisplayString(vue.unref(showFilter) ? vue.unref(t)("table.hideFilter") : vue.unref(t)("table.displayFilter")),
+                  1
+                  /* TEXT */
+                )
+              ], 8, ["onClick"]),
+              vue.unref(searchPlaceholder) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElInput), {
+                key: 1,
+                modelValue: vue.unref(formModel).query,
+                "onUpdate:modelValue": ($event) => vue.unref(formModel).query = $event,
+                class: "w-[124px]",
+                placeholder: vue.unref(t)("table.searchFor", [vue.unref(searchPlaceholder)]),
+                onKeydown: vue.withKeys(vue.unref(onSearchQueryHandler), ["enter"])
+              }, {
+                append: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(elementPlus.ElButton), {
+                    icon: vue.unref(iconsVue.Search),
+                    onClick: vue.unref(onSearchQueryHandler)
+                  }, null, 8, ["icon", "onClick"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onKeydown"])) : vue.createCommentVNode("v-if", true)
+            ]),
+            _ctx.$slots["operator-left-box"] ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: "w-0 flex-1"
+            }, [
+              vue.renderSlot(_ctx.$slots, "operator-left-box")
+            ])) : vue.createCommentVNode("v-if", true)
+          ]),
+          vue.createVNode(vue.unref(index.AppSearch), {
+            ref_key: "appSearchRef",
+            ref: appSearchRef,
+            model: vue.unref(formModel),
+            columns: vue.unref(formColumns),
+            hidden: !vue.unref(showFilter),
+            class: vue.normalizeClass({ "mb-4": vue.unref(showFilter) }),
+            onSearch: ($event) => vue.unref(getData)(1)
+          }, null, 8, ["model", "columns", "hidden", "class", "onSearch"]),
+          vue.createElementVNode("div", { class: "h-0 flex-1 flex flex-col border border-border rounded pb-5 overflow-hidden" }, [
+            vue.renderSlot(_ctx.$slots, "table", {}, () => [
+              vue.createVNode(vue.unref(elementPlus.ElTable), vue.mergeProps({
+                ref_key: "tableRef",
+                ref: tableRef,
+                "row-key": vue.unref(getRowKey),
+                data: vue.unref(tableDataSource),
+                "show-header": __props.showHeader,
+                effect: "dark",
+                "row-class-name": vue.unref(setTableRowClassName),
+                class: ["w-full h-0 flex-1", { hideSelect: !__props.isShowAllSelect }],
+                style: {
+                  "font-size": `${vue.unref(adaptive.parseRem)(__props.fontSize)}rem`
+                },
+                onSelectAll: vue.unref(onTableSelectAllHandler),
+                onRowClick: vue.unref(onTableRowClickHandler),
+                onRowContextmenu: vue.unref(onTableRowContextmenuHandler)
+              }, _ctx.$attrs), {
+                empty: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "empty", {}, () => [
+                    vue.createElementVNode(
+                      "span",
+                      null,
+                      vue.toDisplayString(__props.emptyText || vue.unref(t)("hy.noData")),
+                      1
+                      /* TEXT */
+                    )
+                  ])
+                ]),
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(vue.unref(tableColumns), (column) => {
+                      var _a;
+                      return vue.openBlock(), vue.createElementBlock(
+                        vue.Fragment,
+                        {
+                          key: column.prop
+                        },
+                        [
+                          ((_a = vue.unref(tableColumnsEditablele)[column.prop]) == null ? void 0 : _a.checked) ? (vue.openBlock(), vue.createBlock(
+                            vue.unref(elementPlus.ElTableColumn),
+                            vue.mergeProps({
+                              key: 0,
+                              ref_for: true
+                            }, column),
+                            {
+                              header: vue.withCtx((scope) => [
+                                vue.renderSlot(_ctx.$slots, column.headerSlot, vue.mergeProps({ ref_for: true }, scope), () => {
+                                  var _a2, _b;
+                                  return [
+                                    !vue.unref(is.isEmpty)((_a2 = scope.column) == null ? void 0 : _a2.label) ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.AppTooltip), {
+                                      key: 0,
+                                      "over-line": 1,
+                                      content: (_b = scope.column) == null ? void 0 : _b.label
+                                    }, null, 8, ["content"])) : vue.createCommentVNode("v-if", true)
+                                  ];
+                                })
+                              ]),
+                              default: vue.withCtx((scope) => {
+                                var _a2, _b;
+                                return [
+                                  (column == null ? void 0 : column.slot) ? vue.renderSlot(_ctx.$slots, column == null ? void 0 : column.slot, vue.mergeProps({
+                                    key: 0,
+                                    ref_for: true
+                                  }, scope)) : column.prop === "operator" ? (vue.openBlock(), vue.createElementBlock(
+                                    vue.Fragment,
+                                    { key: 1 },
+                                    [
+                                      (vue.openBlock(true), vue.createElementBlock(
+                                        vue.Fragment,
+                                        null,
+                                        vue.renderList(vue.unref(index$1.operatorFilterHandler)(column, scope, "default"), (citem, cindex) => {
+                                          return vue.openBlock(), vue.createBlock(vue.unref(index$2.IconBox), {
+                                            key: cindex,
+                                            "svg-name": citem.svgName,
+                                            altText: citem.label,
+                                            onClick: vue.withModifiers(($event) => vue.unref(index$1.operatorClickHandler)(cindex, column, scope, "default"), ["stop"])
+                                          }, null, 8, ["svg-name", "altText", "onClick"]);
+                                        }),
+                                        128
+                                        /* KEYED_FRAGMENT */
+                                      )),
+                                      ((_a2 = vue.unref(index$1.operatorFilterHandler)(column, scope, "more")) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdown), {
+                                        key: 0,
+                                        ref_for: true,
+                                        ref_key: "operatorDropdownRef",
+                                        ref: operatorDropdownRef,
+                                        trigger: "click",
+                                        class: "ml-3",
+                                        "popper-style": "min-width: 150px",
+                                        placement: "bottom",
+                                        onCommand: ($event) => vue.unref(index$1.operatorClickHandler)($event, column, scope, "more")
+                                      }, {
+                                        dropdown: vue.withCtx(() => [
+                                          vue.createVNode(
+                                            vue.unref(elementPlus.ElDropdownMenu),
+                                            null,
+                                            {
+                                              default: vue.withCtx(() => [
+                                                (vue.openBlock(true), vue.createElementBlock(
+                                                  vue.Fragment,
+                                                  null,
+                                                  vue.renderList(vue.unref(index$1.operatorFilterHandler)(column, scope, "more"), (citem, cindex) => {
+                                                    return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
+                                                      key: cindex,
+                                                      command: cindex,
+                                                      disabled: vue.unref(index$1.operatorDisabledHandler)(citem, scope)
+                                                    }, {
+                                                      default: vue.withCtx(() => [
+                                                        vue.createElementVNode("span", null, [
+                                                          vue.createElementVNode(
+                                                            "span",
+                                                            null,
+                                                            vue.toDisplayString(citem.label),
+                                                            1
+                                                            /* TEXT */
+                                                          ),
+                                                          vue.unref(index$1.operatorDisabledHandler)(citem, scope) ? (vue.openBlock(), vue.createElementBlock(
+                                                            "span",
+                                                            {
+                                                              key: 0,
+                                                              class: "text-xs leading-1"
+                                                            },
+                                                            "\uFF08" + vue.toDisplayString(vue.unref(index$1.operatorDisableTextdHandler)(citem, scope)) + "\uFF09",
+                                                            1
+                                                            /* TEXT */
+                                                          )) : vue.createCommentVNode("v-if", true)
+                                                        ])
+                                                      ]),
+                                                      _: 2
+                                                      /* DYNAMIC */
+                                                    }, 1032, ["command", "disabled"]);
+                                                  }),
+                                                  128
+                                                  /* KEYED_FRAGMENT */
+                                                ))
+                                              ]),
+                                              _: 2
+                                              /* DYNAMIC */
+                                            },
+                                            1024
+                                            /* DYNAMIC_SLOTS */
+                                          )
+                                        ]),
+                                        default: vue.withCtx(() => [
+                                          vue.createVNode(vue.unref(index$2.IconBox), {
+                                            key: "more",
+                                            "svg-name": "v3-base-more",
+                                            altText: vue.unref(t)("table.moreOperations"),
+                                            onClick: vue.withModifiers(() => {
+                                            }, ["stop"])
+                                          }, null, 8, ["altText", "onClick"])
+                                        ]),
+                                        _: 2
+                                        /* DYNAMIC */
+                                      }, 1032, ["onCommand"])) : vue.createCommentVNode("v-if", true)
+                                    ],
+                                    64
+                                    /* STABLE_FRAGMENT */
+                                  )) : ((_b = scope.column) == null ? void 0 : _b.type) === "default" ? (vue.openBlock(), vue.createElementBlock(
+                                    vue.Fragment,
+                                    { key: 2 },
+                                    [
+                                      !vue.unref(is.isEmpty)(scope.row[scope.column.property]) ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.AppTooltip), {
+                                        key: 0,
+                                        "over-line": 2,
+                                        content: scope.row[scope.column.property]
+                                      }, null, 8, ["content"])) : (vue.openBlock(), vue.createElementBlock("span", {
+                                        key: 1,
+                                        class: "text-auxiliary"
+                                      }, "- -"))
+                                    ],
+                                    64
+                                    /* STABLE_FRAGMENT */
+                                  )) : vue.createCommentVNode("v-if", true)
+                                ];
+                              }),
+                              _: 2
+                              /* DYNAMIC */
+                            },
+                            1040
+                            /* FULL_PROPS, DYNAMIC_SLOTS */
+                          )) : vue.createCommentVNode("v-if", true)
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      );
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 16, ["row-key", "data", "show-header", "row-class-name", "class", "style", "onSelectAll", "onRowClick", "onRowContextmenu"])
+            ]),
+            vue.createCommentVNode(" \u5206\u9875 "),
+            __props.showPagination ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: "flex items-center justify-center min-h-6 relative mt-3"
+            }, [
+              vue.createElementVNode(
+                "div",
+                { class: "absolute left-4 top-1/2 transform -translate-y-1/2 text-sm" },
+                vue.toDisplayString(vue.unref(t)("table.aTotalOfPiecesOfData", [100])),
+                1
+                /* TEXT */
+              ),
+              vue.createVNode(vue.unref(elementPlus.ElPagination), {
+                "current-page": vue.unref(formModel).page,
+                "onUpdate:currentPage": ($event) => vue.unref(formModel).page = $event,
+                "page-size": vue.unref(formModel).size,
+                "onUpdate:pageSize": ($event) => vue.unref(formModel).size = $event,
+                total: vue.unref(totalElements),
+                "pager-count": __props.pagerCount,
+                "page-sizes": [10, 15, 30, 50, 100],
+                layout: __props.layout,
+                size: "small",
+                background: "",
+                "hide-on-single-page": "",
+                onSizeChange: vue.unref(onSizeChangeHandler),
+                onCurrentChange: vue.unref(onCurrentChangeHandler)
+              }, null, 8, ["current-page", "onUpdate:currentPage", "page-size", "onUpdate:pageSize", "total", "pager-count", "layout", "onSizeChange", "onCurrentChange"])
+            ])) : vue.createCommentVNode("v-if", true)
+          ]),
+          vue.createCommentVNode(" \u8868\u683C\u884C\u53F3\u952E\u5C55\u793A\u64CD\u4F5C\u5217\u8868 "),
+          vue.createVNode(vue.unref(elementPlus.ElDropdown), {
+            ref_key: "tableDropdownRef",
+            ref: tableDropdownRef,
+            "virtual-ref": vue.unref(tableTriggerRef),
+            "popper-style": "min-width: 150px",
+            "show-arrow": false,
+            "popper-options": {
+              modifiers: [{ name: "offset", options: { offset: [0, 0] } }]
+            },
+            "virtual-triggering": "",
+            trigger: "contextmenu",
+            placement: "bottom",
+            onCommand: ($event) => vue.unref(index$1.operatorClickHandler)($event, vue.unref(tableTriggerRef).column, vue.unref(tableTriggerRef).scope)
+          }, {
+            dropdown: vue.withCtx(() => [
+              vue.createVNode(vue.unref(elementPlus.ElDropdownMenu), null, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(vue.unref(index$1.operatorFilterHandler)(vue.unref(tableTriggerRef).column, vue.unref(tableTriggerRef).scope), (citem, cindex) => {
+                      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
+                        key: cindex,
+                        command: cindex,
+                        disabled: vue.unref(index$1.operatorDisabledHandler)(citem, vue.unref(tableTriggerRef).scope)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createElementVNode("span", null, [
+                            vue.createElementVNode(
+                              "span",
+                              null,
+                              vue.toDisplayString(citem.label),
+                              1
+                              /* TEXT */
+                            ),
+                            vue.unref(index$1.operatorDisabledHandler)(citem, vue.unref(tableTriggerRef).scope) ? (vue.openBlock(), vue.createElementBlock(
+                              "span",
+                              {
+                                key: 0,
+                                class: "text-xs leading-1"
+                              },
+                              "\uFF08" + vue.toDisplayString(vue.unref(index$1.operatorDisableTextdHandler)(citem, vue.unref(tableTriggerRef).scope)) + "\uFF09",
+                              1
+                              /* TEXT */
+                            )) : vue.createCommentVNode("v-if", true)
+                          ])
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["command", "disabled"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["virtual-ref", "onCommand"])
+        ],
+        512
+        /* NEED_PATCH */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=appTable.vue.js.map

package/lib/components/appTable/appTable.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appTable.vue.js","sources":["../../../packages/components/appTable/appTable.vue"],"sourcesContent":["<script setup>\nimport { ref, useTemplateRef } from 'vue'\nimport {\n  ElButton,\n  ElIcon,\n  ElInput,\n  ElTable,\n  ElTableColumn,\n  ElPagination,\n  ElDropdown,\n  ElDropdownMenu,\n  ElDropdownItem,\n} from 'element-plus'\nimport { Filter, Search } from '@element-plus/icons-vue'\nimport {\n  AppSearch,\n  IconBox,\n} from '@hy-dispatch-ui-v3/components'\nimport { useLocale, useMixins } from '@hy-dispatch-ui-v3/hooks'\nimport { isEmpty, parseRem } from '@hy-dispatch-ui-v3/utils'\nimport AppTooltip from '../appTooltip'\nimport {\n  useAppTableWrapper,\n  operatorFilterHandler,\n  operatorClickHandler,\n  operatorDisabledHandler,\n  operatorDisableTextdHandler,\n} from './js/index'\nimport { useAppTableSearch } from './js/search.js'\nimport ColumnSelect from './cpns/columnSelect.vue'\nimport './style/appTable.scss'\n\ndefineOptions({\n  name: 'AppTable',\n})\n\nconst props = defineProps({\n  // 表格配置项\n  rowKey: {\n    // 选中的参数\n    type: [String, Function],\n    required: false,\n    default: 'id',\n  },\n  tableColumns: {\n    // 表格的列\n    type: Array,\n    required: true,\n    default: () => [],\n  },\n  rowClassName: {\n    // 自定义某一行需要展示的颜色\n    type: Function,\n    required: false,\n    default: () => {\n      return null\n    },\n  },\n  showHeader: {\n    // 是否显示表头\n    type: Boolean,\n    required: false,\n    default: true,\n  },\n  beforeDataHandler: {\n    // 渲染表格数据之前处理\n    type: Function,\n  },\n  isShowAllSelect: {\n    // 全选禁用\n    type: Boolean,\n    default: () => false,\n  },\n  emptyText: {\n    // 空数据时显示的文本内容\n    type: String,\n  },\n  fontSize: {\n    // 字体大小\n    type: Number,\n    default: 14,\n  },\n  onRowContextmenu: {\n    type: Function,\n    required: false,\n  },\n  showLoading: {\n    // 是否显示加载状态框\n    type: Boolean,\n    default: true,\n  },\n  showEditColumn: {\n    type: Boolean,\n    default: true,\n  },\n  // 查询过滤配置项\n  url: {\n    // 自定义请求地址\n    type: String,\n    required: false,\n  },\n  controller: {\n    // 表格的controller名\n    type: String,\n    default: '',\n    required: false,\n  },\n  filterColumns: {\n    // 表格筛选配置\n    type: Array,\n    required: false,\n    default: () => [],\n  },\n  requestParams: {\n    // 请求时的额外参数\n    type: Object,\n    required: false,\n    default: () => ({})\n  },\n  isJsonData: {\n    // 接口请求是否为json格式\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  defaultGetData: {\n    // 是否自动获取表格数据\n    type: Boolean,\n    required: false,\n    default: true\n  },\n  searchArr: {\n    // 除了配置了isSearch以外的搜索项\n    type: Array,\n    default: () => {\n      return []\n    },\n  },\n  // 分页配置\n  layout: {\n    type: String,\n    required: false,\n    default: 'sizes, prev, pager, next, jumper',\n  },\n  pagerCount: {\n    // 页码按钮的数量，当总页数超过该值时会折叠\n    type: Number,\n    required: false,\n    default: 7,\n  },\n  showPagination: {\n    // 是否显示分页\n    type: Boolean,\n    required: false,\n    default: true,\n  },\n})\nconst emits = defineEmits(['row-click', 'select-all', 'on-select-checkbox', 'reqSuccess'])\n\nconst { t } = useLocale()\n\nconst containerRef = useTemplateRef('containerRef')\nconst tableRef = useTemplateRef('tableRef')\nconst appSearchRef = useTemplateRef('appSearchRef')\nconst tableDropdownRef = useTemplateRef('tableDropdownRef')\nconst operatorDropdownRef = useTemplateRef('operatorDropdownRef')\n\nconst {\n  // useAppTableWrapper\n  // 表格配置项\n  tableDataSource,\n  tableColumns,\n  tableColumnsEditablele,\n  searchPlaceholder,\n  onTableColumnsSelectHandler,\n  // 表格行操作配置\n  getRowKey,\n  tableTriggerRef,\n  getSelectedList,\n  setTableRowClassName,\n  onTableRowClickHandler,\n  onTableRowContextmenuHandler,\n  onTableSelectAllHandler,\n  // 表单查询\n  formModel,\n  formColumns,\n  totalElements,\n  onSearchQueryHandler,\n  getData,\n  setData,\n  resetFn,\n  getTotalElements,\n  onSizeChangeHandler,\n  onCurrentChangeHandler,\n  // useAppTableSearch\n  showFilter,\n  switchShowFilter,\n  getTableDataSource,\n} = useMixins(\n  {\n    props,\n    emits,\n    containerRef,\n    tableRef,\n    tableDropdownRef,\n    operatorDropdownRef,\n    appSearchRef,\n  },\n  [\n    useAppTableWrapper,\n    useAppTableSearch,\n  ],\n)\n\n// 是否默认调接口\nif (props.defaultGetData) {\n  getData(1)\n}\n\ndefineExpose({\n  getData,\n  setData,\n  resetFn,\n  getSelectedList,\n  getTotalElements,\n  getTableDataSource,\n})\n</script>\n\n<template>\n  <div\n    ref=\"containerRef\"\n    class=\"w-full h-full flex flex-col text-main text-sm\"\n  >\n    <div class=\"min-h-[36px] flex flex-row-reverse items-center justify-between gap-3 mb-4\">\n      <div class=\"flex gap-3 whitespace-nowrap\">\n        <ColumnSelect\n          v-if=\"showEditColumn\"\n          :columns=\"tableColumns\"\n          :columns-editable=\"tableColumnsEditablele\"\n          @confirm=\"onTableColumnsSelectHandler\"\n        />\n        <div\n          class=\"flex items-center gap-[10px] clickBox px-3 select-none rounded hover:bg-backgroundv2\"\n          @click=\"switchShowFilter\"\n        >\n          <el-icon size=\"12\"><Filter /></el-icon>\n          <span>{{ showFilter ? t('table.hideFilter') : t('table.displayFilter') }}</span>\n        </div>\n        <el-input\n          v-if=\"searchPlaceholder\"\n          v-model=\"formModel.query\"\n          class=\"w-[124px]\"\n          :placeholder=\"t('table.searchFor', [searchPlaceholder])\"\n          @keydown.enter=\"onSearchQueryHandler\"\n        >\n          <template #append>\n            <el-button :icon=\"Search\" @click=\"onSearchQueryHandler\" />\n          </template>\n        </el-input>\n      </div>\n      <div v-if=\"$slots['operator-left-box']\" class=\"w-0 flex-1\">\n        <slot name=\"operator-left-box\" />\n      </div>\n    </div>\n    <AppSearch\n      ref=\"appSearchRef\"\n      :model=\"formModel\"\n      :columns=\"formColumns\"\n      :hidden=\"!showFilter\"\n      :class=\"{ 'mb-4': showFilter }\"\n      @search=\"getData(1)\"\n    />\n    <div class=\"h-0 flex-1 flex flex-col border border-border rounded pb-5 overflow-hidden\">\n      <slot name=\"table\">\n        <el-table\n          ref=\"tableRef\"\n          :row-key=\"getRowKey\"\n          :data=\"tableDataSource\"\n          :show-header=\"showHeader\"\n          effect=\"dark\"\n          :row-class-name=\"setTableRowClassName\"\n          class=\"w-full h-0 flex-1\"\n          :class=\"{ hideSelect: !isShowAllSelect }\"\n          :style=\"{\n            'font-size': `${parseRem(fontSize)}rem`,\n          }\"\n          @select-all=\"onTableSelectAllHandler\"\n          @row-click=\"onTableRowClickHandler\"\n          @row-contextmenu=\"onTableRowContextmenuHandler\"\n          v-bind=\"$attrs\"\n        >\n          <template\n            v-for=\"(column) in tableColumns\"\n            :key=\"column.prop\"\n          >\n            <el-table-column\n              v-if=\"tableColumnsEditablele[column.prop]?.checked\"\n              v-bind=\"column\"\n            >\n              <template #header=\"scope\">\n                <slot :name=\"column.headerSlot\" v-bind=\"scope\">\n                  <AppTooltip\n                    v-if=\"!isEmpty(scope.column?.label)\"\n                    :over-line=\"1\"\n                    :content=\"scope.column?.label\"\n                  />\n                </slot>\n              </template>\n              <template #default=\"scope\">\n                <slot\n                  v-if=\"column?.slot\"\n                  :name=\"column?.slot\"\n                  v-bind=\"scope\"\n                />\n                <template v-else-if=\"column.prop === 'operator'\">\n                  <IconBox\n                    v-for=\"(citem, cindex) in operatorFilterHandler(column, scope, 'default')\"\n                    :key=\"cindex\"\n                    :svg-name=\"citem.svgName\"\n                    :altText=\"citem.label\"\n                    @click.stop=\"operatorClickHandler(cindex, column, scope, 'default')\"\n                  />\n                  <el-dropdown\n                    v-if=\"operatorFilterHandler(column, scope, 'more')?.length\"\n                    ref=\"operatorDropdownRef\"\n                    trigger=\"click\"\n                    class=\"ml-3\"\n                    popper-style=\"min-width: 150px\"\n                    placement=\"bottom\"\n                    @command=\"operatorClickHandler($event, column, scope, 'more')\"\n                  >\n                    <IconBox\n                      key=\"more\"\n                      svg-name=\"v3-base-more\"\n                      :altText=\"t('table.moreOperations')\"\n                      @click.stop\n                    />\n                    <template #dropdown>\n                      <el-dropdown-menu>\n                        <el-dropdown-item\n                          v-for=\"(citem, cindex) in operatorFilterHandler(column, scope, 'more')\"\n                          :key=\"cindex\"\n                          :command=\"cindex\"\n                          :disabled=\"operatorDisabledHandler(citem, scope)\"\n                        >\n                          <span>\n                            <span>{{ citem.label }}</span>\n                            <span\n                              v-if=\"operatorDisabledHandler(citem, scope)\"\n                              class=\"text-xs leading-1\"\n                            >（{{ operatorDisableTextdHandler(citem, scope) }}）</span>\n                          </span>\n                        </el-dropdown-item>\n                      </el-dropdown-menu>\n                    </template>\n                  </el-dropdown>\n                </template>\n                <template v-else-if=\"scope.column?.type === 'default'\">\n                  <AppTooltip\n                    v-if=\"!isEmpty(scope.row[scope.column.property])\"\n                    :over-line=\"2\"\n                    :content=\"scope.row[scope.column.property]\"\n                  />\n                  <span v-else class=\"text-auxiliary\">- -</span>\n                </template>\n              </template>\n            </el-table-column>\n          </template>\n          <template #empty>\n            <slot name=\"empty\">\n              <span>{{ emptyText || t('hy.noData') }}</span>\n            </slot>\n          </template>\n        </el-table>\n      </slot>\n      <!-- 分页 -->\n      <div\n        v-if=\"showPagination\"\n        class=\"flex items-center justify-center min-h-6 relative mt-3\"\n      >\n        <div\n          class=\"absolute left-4 top-1/2 transform -translate-y-1/2 text-sm\"\n        >{{ t('table.aTotalOfPiecesOfData', [100]) }}</div>\n        <el-pagination\n          v-model:current-page=\"formModel.page\"\n          v-model:page-size=\"formModel.size\"\n          :total=\"totalElements\"\n          :pager-count=\"pagerCount\"\n          :page-sizes=\"[10, 15, 30, 50, 100]\"\n          :layout=\"layout\"\n          size=\"small\"\n          background\n          hide-on-single-page\n          @size-change=\"onSizeChangeHandler\"\n          @current-change=\"onCurrentChangeHandler\"\n        />\n      </div>\n    </div>\n    <!-- 表格行右键展示操作列表 -->\n    <el-dropdown\n      ref=\"tableDropdownRef\"\n      :virtual-ref=\"tableTriggerRef\"\n      popper-style=\"min-width: 150px\"\n      :show-arrow=\"false\"\n      :popper-options=\"{\n        modifiers: [{ name: 'offset', options: { offset: [0, 0] } }],\n      }\"\n      virtual-triggering\n      trigger=\"contextmenu\"\n      placement=\"bottom\"\n      @command=\"operatorClickHandler($event, tableTriggerRef.column, tableTriggerRef.scope)\"\n    >\n      <template #dropdown>\n        <el-dropdown-menu>\n          <el-dropdown-item\n            v-for=\"(citem, cindex) in operatorFilterHandler(tableTriggerRef.column, tableTriggerRef.scope)\"\n            :key=\"cindex\"\n            :command=\"cindex\"\n            :disabled=\"operatorDisabledHandler(citem, tableTriggerRef.scope)\"\n          >\n            <span>\n              <span>{{ citem.label }}</span>\n              <span\n                v-if=\"operatorDisabledHandler(citem, tableTriggerRef.scope)\"\n                class=\"text-xs leading-1\"\n              >（{{ operatorDisableTextdHandler(citem, tableTriggerRef.scope) }}）</span>\n            </span>\n          </el-dropdown-item>\n        </el-dropdown-menu>\n      </template>\n    </el-dropdown>\n  </div>\n</template>\n"],"names":["useTemplateRef","useMixins","useAppTableWrapper","useAppTableSearch","_openBlock","_createElementBlock","_createElementVNode","_createBlock","ColumnSelect"],"mappings":";;;;;;;;;;;;;;;;;;AA6BA,OAAO,CAAA,GAAA,CAAA,eAAoB,EAAC,CAAA,+BAAqB,CAAA,CAAA;;;;;;AAGnC;AACd,IAAE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAA,MAAM,mBAAQ,GAAAA,kBAAA,CAAA,qBAAA,CAAA;AAyHd,IAAA,MAAM;;AAEN;;AAEA,MAAM,YAAY;AAClB,MAAM,sBAAW;AACjB,MAAM,iBAAe;AACrB,MAAM,2BAAmB;AACzB;;AAEA,MAAM,eAAA;AACN,MAAK,eAAA;AACL,MAAM,oBAAG;AACT,MAAE,sBAAe;AACjB,MAAE,4BAAY;AACd,MAAE,uBAAsB;AACxB;AACA,MAAE,SAAA;AACF,MAAM,WAAK;AACX,MAAE,aAAS;AACX,MAAE,oBAAe;AACjB,MAAE,OAAA;AACF,MAAE,OAAA;AACF,MAAE,OAAA;AACF,MAAE,gBAAA;AACF,MAAE,mBAAuB;AACzB,MAAM,sBAAE;AACR;AACA,MAAE,UAAW;AACb,MAAE,gBAAa;AACf,MAAE;AACF,KAAE,GAAAC,mBAAO;AACT,MAAE;AACF,QAAE,KAAO;AACT,QAAE,KAAA;AACF,QAAE,YAAA;AACF,QAAE,QAAA;AACF,QAAK,gBAAA;AACL,QAAE,mBAAU;AACZ,QAAE;AACF,OAAE;AACF,MAAI;AACJ,QAAEC,0BAAA;AACF,QAAIC;AACJ;AACA,KAAI;AACJ,IAAI,IAAA,KAAQ,CAAA,cAAA,EAAA;AACZ,MAAI,OAAA,CAAA,CAAA,CAAA;AACJ,IAAI;AACJ,IAAI,QAAA,CAAA;AACJ,MAAG,OAAA;AACH,MAAE,OAAA;AACF,MAAI,OAAA;AACJ,MAAI,eAAiB;AACrB,MAAG,gBAAA;AACH,MAAA;;AAEA,IAAI,OAAK,CAAA,IAAA,EAAA,MAAA,KAAA;AACT,MAAI,OAAMC,aAAA,EAAe,EAACC,sBAAA;AAC1B,QAAE,KAAS;AACX,QAAA;;AAEA,UAAa,GAAA,EAAA,YAAA;AACb,UAAS,KAAA,EAAA;AACT,SAAS;AACT,QAAE;AACF,UAAEC,sBAAe,CAAA,KAAA,EAAA,EAAA,KAAA,EAAA,4EAAA,EAAA,EAAA;AACjB,YAAEA,sBAAgB,CAAA,KAAA,EAAA,EAAA,KAAA,EAAA,8BAAA,EAAA,EAAA;AAClB,cAAE,OAAkB,CAAA,cAAA,IAAAF,aAAA,EAAA,EAAAG,eAAA,CAAAC,oBAAA,EAAA;AACpB,gBAAC,GAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}