@airpower/web 0.3.1 → 0.3.3

package/dist/main.js

@@ -541,7 +541,7 @@ var zhCn = {
       close: "关闭此对话框"
     },
     upload: {
-      deleteTip: "按 delete 键可删除",
+      deleteTip: "按 Delete 键可删除",
       delete: "删除",
       preview: "查看图片",
       continue: "继续上传"
@@ -9870,7 +9870,7 @@ const _hoisted_5$6 = {
   class: "footer"
 };
 const _hoisted_6$4 = { class: "status" };
-const _hoisted_7$3 = {
+const _hoisted_7$2 = {
   key: 0,
   class: "control"
 };
@@ -10209,7 +10209,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", _hoisted_6$4, [
                   renderSlot(_ctx.$slots, "status", {}, void 0, true)
                 ]),
-                !__props.hideButtons ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
+                !__props.hideButtons ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
                   renderSlot(_ctx.$slots, "leftCtrl", {}, void 0, true),
                   !__props.hideConfirm ? (openBlock(), createBlock(unref(_sfc_main$v), {
                     key: 0,
@@ -14415,7 +14415,7 @@ const _hoisted_3$6 = { class: "web-page-panel-box" };
 const _hoisted_4$4 = { class: "web-page-header" };
 const _hoisted_5$3 = { class: "web-page-title" };
 const _hoisted_6$2 = { class: "web-page-goto" };
-const _hoisted_7$2 = { class: "web-page-jumper" };
+const _hoisted_7$1 = { class: "web-page-jumper" };
 const _hoisted_8$1 = {
   key: 1,
   class: "web-page-total"
@@ -14575,7 +14575,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   }, 1032, ["disabled", "style", "type", "onClick"]);
                 }), 128))
               ]),
-              createElementVNode("div", _hoisted_7$2, [
+              createElementVNode("div", _hoisted_7$1, [
                 createVNode(unref(ElInput), {
                   modelValue: currentPage.value,
                   "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => currentPage.value = $event),
@@ -14626,12 +14626,6 @@ const _hoisted_4$3 = {
 };
 const _hoisted_5$2 = { class: "panel-right" };
 const _hoisted_6$1 = { class: "panel-body" };
-const _hoisted_7$1 = {
-  key: 1,
-  class: "panel-footer"
-};
-const _hoisted_8 = { class: "panel-footer-left" };
-const _hoisted_9 = { class: "panel-footer-right" };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "Panel",
   props: {
@@ -14657,13 +14651,6 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       type: Boolean,
       default: true
     },
-    /**
-     * # 是否隐藏底部
-     */
-    hideFooter: {
-      type: Boolean,
-      default: false
-    },
     /**
      * # 是否显示图标
      */
@@ -14715,20 +14702,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_6$1, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        !__props.hideFooter ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
-          createElementVNode("div", _hoisted_8, [
-            renderSlot(_ctx.$slots, "footerLeft", {}, void 0, true)
-          ]),
-          createElementVNode("div", _hoisted_9, [
-            renderSlot(_ctx.$slots, "footerRight", {}, void 0, true)
-          ])
-        ])) : createCommentVNode("", true)
+        ])
       ], 2);
     };
   }
 });
-const APanel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-b3608452"]]);
+const APanel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-212156a1"]]);
 class DialogProps {
   /**
    * ### 使用无参 `DialogProps` 配置
@@ -17007,6 +16986,7 @@ function useBaseTable(serviceClass, option = {}) {
   return {
     entity,
     service,
+    serviceClass,
     isLoading,
     response,
     request,
@@ -17480,9 +17460,34 @@ const _hoisted_6 = {
   style: { "color": "#aaa" }
 };
 const _hoisted_7 = { class: "ctrlRow" };
+const _hoisted_8 = { class: "a-table-footer" };
+const _hoisted_9 = { class: "left" };
+const _hoisted_10 = { class: "right" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "Table",
   props: {
+    /**
+     * # 直接使用表格Hook
+     * 请注意，将不会再触发一些事件，请使用 Hook 的前后置等拦截方法处理
+     */
+    useHook: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * # 是否禁用分页
+     */
+    disablePage: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * # 表格加载中
+     */
+    loading: {
+      type: Boolean,
+      default: false
+    },
     /**
      * # 隐藏添加按钮
      */
@@ -17558,7 +17563,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
      */
     dataList: {
       type: Array,
-      required: true
+      default: () => []
     },
     /**
      * # 默认选中的数据数组
@@ -17744,7 +17749,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
      */
     entity: {
       type: Function,
-      required: true
+      default: void 0
     },
     /**
      * # 是否显示导入按钮
@@ -17822,27 +17827,115 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     fileEntity: {
       type: Function,
       default: void 0
+    },
+    /**
+     * # 自定义添加事件
+     */
+    onAdd: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * # 自定义详情事件
+     */
+    onDetail: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * # 自定义删除事件
+     */
+    onDelete: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * # 自定义编辑事件
+     */
+    onEdit: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * # 选择变更事件
+     */
+    onSelected: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * # 行添加事件
+     */
+    onAddRow: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * # 排序变更事件
+     */
+    onSortChange: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * # 禁用事件
+     */
+    onDisable: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * # 启用事件
+     */
+    onEnable: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * # 搜索事件
+     */
+    onSearch: {
+      type: Function,
+      default: void 0
     }
   },
-  emits: ["add", "detail", "delete", "edit", "selectChanged", "addRow", "sortChanged", "disable", "enable", "search"],
-  setup(__props, { expose: __expose, emit: __emit }) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
-    const emits = __emit;
     __expose({
       resetSearch: onReset,
       search: onSearch
     });
     const airTableRef = ref();
     const tableId = `table_${Math.random()}`;
-    const entityInstance = Transformer.newInstance(props.entity);
-    const modelConfig = getModelConfig(props.entity);
+    const hook = props.useHook;
+    const ServiceClass = props.service || (hook == null ? void 0 : hook.serviceClass);
+    let EntityClass;
+    if (ServiceClass) {
+      EntityClass = Transformer.newInstance(ServiceClass).entityClass;
+    } else {
+      EntityClass = props.entity;
+    }
+    if (!EntityClass) {
+      throw new Error("[ATable] entity/service/useHook 三者必须传入一个");
+    }
+    const entityInstance = Transformer.newInstance(EntityClass);
+    const modelConfig = getModelConfig(EntityClass);
+    const dataListRef = computed(() => {
+      return hook ? hook.response.value.list : props.dataList;
+    });
+    const selectListRef = computed(() => {
+      return hook ? hook.selectList.value : props.selectList;
+    });
+    const isLoadingRef = computed(() => {
+      return hook ? hook.isLoading.value : props.loading;
+    });
     const {
       allColumnList,
       isColumnSelectorEnabled,
       updateSelectKeys,
       showColumnList
     } = useTableColumn({
-      entityClass: props.entity,
+      entityClass: EntityClass,
       customColumns: props.columnList,
       hideColumnSelector: props.hideColumnSelector,
       modelConfig
@@ -17851,7 +17944,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       var _a, _b;
       for (const row of list) {
         (_a = airTableRef.value) == null ? void 0 : _a.toggleRowSelection(row, false);
-        for (const selectedRow of props.selectList) {
+        for (const selectedRow of selectListRef.value) {
           if (selectedRow.id === row.id) {
             (_b = airTableRef.value) == null ? void 0 : _b.toggleRowSelection(row, true);
           }
@@ -17862,7 +17955,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     }
     function toggleSelection() {
-      selectRow(props.dataList);
+      selectRow(dataListRef.value);
     }
     const {
       isAddRowDisabled,
@@ -17872,7 +17965,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       isDisableChangeStatus,
       isDeleteDisabled
     } = useTableButton({
-      entityClass: props.entity,
+      entityClass: EntityClass,
       editPermission: props.editPermission,
       deletePermission: props.deletePermission,
       addRowPermission: props.addRowPermission,
@@ -17887,14 +17980,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       selectable: props.selectable,
       isAddDisabled: props.disableAddRow
     });
-    const searchFieldList = computed(() => props.searchParams || getSearchConfigList(props.entity));
+    const searchFieldList = computed(() => props.searchParams || getSearchConfigList(EntityClass));
     function getStringValue(data) {
       if (data === void 0 || data === null) {
         return "";
       }
       return data.toString();
     }
-    const request = ref(new QueryRequestPage(props.entity));
+    const request = ref(new QueryRequestPage(EntityClass));
     function onExport() {
       if (!props.service) {
         FeedbackUtil.toastError("请先传入 service 参数");
@@ -17909,7 +18002,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     }
     async function handleDelete(item) {
       if (props.customDelete) {
-        emits("delete", item);
+        if (props.onDelete) {
+          props.onDelete(item);
+        } else if (hook) {
+          hook.onDelete(item);
+        }
         return;
       }
       try {
@@ -17929,7 +18026,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           cancelButtonText: WebI18n.get().Cancel,
           type: "warning"
         });
-        emits("delete", item);
+        if (props.onDelete) {
+          props.onDelete(item);
+        } else if (hook) {
+          hook.onDelete(item);
+        }
       } catch (e) {
         console.error(e);
       }
@@ -17950,7 +18051,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     function handleSelectChanged(list) {
       const selectAll = list.map((item) => item.copy());
       list.forEach((find) => {
-        if (inCurrentPage(props.dataList, find)) {
+        if (inCurrentPage(dataListRef.value, find)) {
           return;
         }
         const exist = selectAll.find((item) => item.id === find.id);
@@ -17958,16 +18059,24 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           selectAll.push(find);
         }
       });
-      emits("selectChanged", selectAll);
+      if (props.onSelected) {
+        props.onSelected(selectAll);
+      } else if (hook) {
+        hook.onSelected(selectAll);
+      }
     }
     function handleSortChanged(data) {
+      let callback;
       if (data.prop && data.order) {
         const sort = new QuerySort();
         sort.field = data.prop;
         sort.direction = data.order === "descending" ? "desc" : "asc";
-        emits("sortChanged", sort);
-      } else {
-        emits("sortChanged", void 0);
+        callback = sort;
+      }
+      if (props.onSortChange) {
+        props.onSortChange(callback);
+      } else if (hook) {
+        hook.onSortChanged(callback);
       }
     }
     function getRowEntity(scope) {
@@ -17987,7 +18096,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return "";
     }
     watch(
-      () => props.dataList,
+      () => dataListRef,
       () => {
         nextTick(() => {
           toggleSelection();
@@ -17998,7 +18107,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     );
     watch(
-      () => props.selectList,
+      () => selectListRef,
       () => {
         nextTick(() => {
           if (airTableRef.value) {
@@ -18014,6 +18123,48 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
       return WebConfig.apiUrl + url;
     }
+    function handleAdd() {
+      if (props.onAdd) {
+        props.onAdd();
+      } else if (hook) {
+        hook.onAdd();
+      }
+    }
+    function handleAddRow(row) {
+      if (props.onAddRow) {
+        props.onAddRow(row);
+      } else if (hook && hook.onAddRow) {
+        hook.onAddRow(row);
+      }
+    }
+    function handleEdit(row) {
+      if (props.onEdit) {
+        props.onEdit(row);
+      } else if (hook) {
+        hook.onEdit(row);
+      }
+    }
+    function handleDetail(row) {
+      if (props.onDetail) {
+        props.onDetail(row);
+      } else if (hook) {
+        hook.onDetail(row);
+      }
+    }
+    function handleDisable(row) {
+      if (props.onDisable) {
+        props.onDisable(row);
+      } else if (hook) {
+        hook.onDisable(row);
+      }
+    }
+    function handleEnable(row) {
+      if (props.onEnable) {
+        props.onEnable(row);
+      } else if (hook) {
+        hook.onEnable(row);
+      }
+    }
     async function onImport() {
       let url = props.importUrl;
       if (!url) {
@@ -18077,11 +18228,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       } else {
         searchFilter.value = entityInstance.copy();
       }
-      request.value = new QueryRequestPage(props.entity);
+      request.value = new QueryRequestPage(EntityClass);
       request.value.exclude("filter");
     }
     function onSearch() {
-      request.value = new QueryRequestPage(props.entity);
+      request.value = new QueryRequestPage(EntityClass);
       const keys = Object.keys(searchFilter.value);
       keys.forEach((key) => {
         if (searchFilter.value[key] === "") {
@@ -18092,316 +18243,340 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (request.value.page) {
         request.value.page.pageNum = 1;
       }
-      emits("search", request.value);
+      if (props.onSearch) {
+        props.onSearch(request.value);
+      } else if (hook) {
+        hook.onSearch(request.value);
+      }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        style: normalizeStyle({ height: __props.autoHeight ? "auto" : "0px" }),
-        class: "a-table-container"
-      }, [
-        createElementVNode("div", _hoisted_1$2, [
-          createElementVNode("div", _hoisted_2$2, [
-            renderSlot(_ctx.$slots, "left", {}, () => [
-              renderSlot(_ctx.$slots, "beforeButton"),
-              renderSlot(_ctx.$slots, "addButton", {}, () => [
-                props.entity && !__props.hideAdd ? (openBlock(), createBlock(unref(_sfc_main$v), {
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", {
+          style: normalizeStyle({ height: __props.autoHeight ? "auto" : "0px" }),
+          class: "a-table-container"
+        }, [
+          createElementVNode("div", _hoisted_1$2, [
+            createElementVNode("div", _hoisted_2$2, [
+              renderSlot(_ctx.$slots, "left", {}, () => [
+                renderSlot(_ctx.$slots, "beforeButton"),
+                renderSlot(_ctx.$slots, "addButton", {}, () => [
+                  !__props.hideAdd ? (openBlock(), createBlock(unref(_sfc_main$v), {
+                    key: 0,
+                    permission: __props.addPermission || unref(PermissionUtil).get(unref(EntityClass), unref(PermissionAction).ADD),
+                    icon: "ADD",
+                    primary: "",
+                    onClick: _cache[0] || (_cache[0] = ($event) => handleAdd())
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(modelConfig).addTitle || unref(WebI18n).get().Add), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["permission"])) : createCommentVNode("", true)
+                ]),
+                __props.showImport ? (openBlock(), createBlock(unref(_sfc_main$v), {
                   key: 0,
-                  permission: __props.addPermission || unref(PermissionUtil).get(__props.entity, unref(PermissionAction).ADD),
-                  icon: "ADD",
-                  primary: "",
-                  onClick: _cache[0] || (_cache[0] = ($event) => emits("add"))
+                  permission: __props.importPermission || unref(PermissionUtil).get(unref(EntityClass), unref(PermissionAction).IMPORT),
+                  icon: "IMPORT",
+                  onClick: _cache[1] || (_cache[1] = ($event) => onImport())
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(modelConfig).addTitle || unref(WebI18n).get().Add), 1)
+                    createTextVNode(toDisplayString(unref(WebI18n).get().Import), 1)
                   ]),
                   _: 1
-                }, 8, ["permission"])) : createCommentVNode("", true)
+                }, 8, ["permission"])) : createCommentVNode("", true),
+                renderSlot(_ctx.$slots, "afterButton")
+              ])
+            ]),
+            createElementVNode("div", _hoisted_3$2, [
+              renderSlot(_ctx.$slots, "beforeSearch"),
+              createElementVNode("div", _hoisted_4$1, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(searchFieldList.value, (item) => {
+                  return openBlock(), createElementBlock(Fragment, {
+                    key: item.key
+                  }, [
+                    !item.hide ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      style: normalizeStyle({ width: `${item.width || 150}px` }),
+                      class: "a-table-toolbar-search-item"
+                    }, [
+                      renderSlot(_ctx.$slots, item.key, { data: searchFilter.value }, () => [
+                        unref(getDictionary)(unref(EntityClass), item.key) ? (openBlock(), createBlock(unref(ElSelect), {
+                          key: 0,
+                          modelValue: searchFilter.value[item.key],
+                          "onUpdate:modelValue": ($event) => searchFilter.value[item.key] = $event,
+                          clearable: item.clearable !== false,
+                          filterable: item.filterable,
+                          placeholder: `${unref(getFieldLabel)(unref(EntityClass), item.key)}...`,
+                          onChange: _cache[2] || (_cache[2] = ($event) => onSearch()),
+                          onClear: ($event) => searchFilter.value[item.key] = void 0
+                        }, {
+                          default: withCtx(() => {
+                            var _a;
+                            return [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList((_a = unref(getDictionary)(unref(EntityClass), item.key)) == null ? void 0 : _a.toArray(), (enumItem) => {
+                                return openBlock(), createElementBlock(Fragment, null, [
+                                  !enumItem.disabled ? (openBlock(), createBlock(unref(ElOption), {
+                                    key: enumItem.key.toString(),
+                                    label: enumItem.label,
+                                    value: enumItem.key
+                                  }, null, 8, ["label", "value"])) : createCommentVNode("", true)
+                                ], 64);
+                              }), 256))
+                            ];
+                          }),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue", "clearable", "filterable", "placeholder", "onClear"])) : (openBlock(), createBlock(unref(ElInput), {
+                          key: 1,
+                          modelValue: searchFilter.value[item.key],
+                          "onUpdate:modelValue": ($event) => searchFilter.value[item.key] = $event,
+                          clearable: item.clearable !== false,
+                          placeholder: `${unref(getFieldLabel)(unref(EntityClass), item.key)}...`,
+                          onBlur: _cache[3] || (_cache[3] = ($event) => onSearch()),
+                          onClear: onSearch,
+                          onKeydown: withKeys(onSearch, ["enter"])
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "clearable", "placeholder"]))
+                      ])
+                    ], 4)) : createCommentVNode("", true)
+                  ], 64);
+                }), 128))
               ]),
-              __props.showImport ? (openBlock(), createBlock(unref(_sfc_main$v), {
+              __props.showExport ? (openBlock(), createBlock(unref(_sfc_main$v), {
                 key: 0,
-                permission: __props.importPermission || unref(PermissionUtil).get(__props.entity, unref(PermissionAction).IMPORT),
-                icon: "IMPORT",
-                onClick: _cache[1] || (_cache[1] = ($event) => onImport())
+                permission: __props.exportPermission || unref(PermissionUtil).get(unref(EntityClass), unref(PermissionAction).EXPORT),
+                icon: "EXPORT",
+                onClick: _cache[4] || (_cache[4] = ($event) => onExport())
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(WebI18n).get().Import), 1)
+                  createTextVNode(toDisplayString(unref(WebI18n).get().Export) + ": ", 1)
                 ]),
                 _: 1
               }, 8, ["permission"])) : createCommentVNode("", true),
-              renderSlot(_ctx.$slots, "afterButton")
+              renderSlot(_ctx.$slots, "afterSearch"),
+              unref(isColumnSelectorEnabled) ? (openBlock(), createBlock(unref(ColumnSelector), {
+                key: 1,
+                "column-list": unref(allColumnList),
+                "entity-class": unref(EntityClass),
+                onChanged: _cache[5] || (_cache[5] = ($event) => unref(updateSelectKeys)($event))
+              }, null, 8, ["column-list", "entity-class"])) : createCommentVNode("", true)
             ])
           ]),
-          createElementVNode("div", _hoisted_3$2, [
-            renderSlot(_ctx.$slots, "beforeSearch"),
-            createElementVNode("div", _hoisted_4$1, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(searchFieldList.value, (item) => {
-                return openBlock(), createElementBlock(Fragment, {
-                  key: item.key
-                }, [
-                  !item.hide ? (openBlock(), createElementBlock("div", {
-                    key: 0,
-                    style: normalizeStyle({ width: `${item.width || 150}px` }),
-                    class: "a-table-toolbar-search-item"
-                  }, [
-                    renderSlot(_ctx.$slots, item.key, { data: searchFilter.value }, () => [
-                      unref(getDictionary)(__props.entity, item.key) ? (openBlock(), createBlock(unref(ElSelect), {
-                        key: 0,
-                        modelValue: searchFilter.value[item.key],
-                        "onUpdate:modelValue": ($event) => searchFilter.value[item.key] = $event,
-                        clearable: item.clearable !== false,
-                        filterable: item.filterable,
-                        placeholder: `${unref(getFieldLabel)(__props.entity, item.key)}...`,
-                        onChange: _cache[2] || (_cache[2] = ($event) => onSearch()),
-                        onClear: ($event) => searchFilter.value[item.key] = void 0
-                      }, {
-                        default: withCtx(() => {
-                          var _a;
-                          return [
-                            (openBlock(true), createElementBlock(Fragment, null, renderList((_a = unref(getDictionary)(__props.entity, item.key)) == null ? void 0 : _a.toArray(), (enumItem) => {
-                              return openBlock(), createElementBlock(Fragment, null, [
-                                !enumItem.disabled ? (openBlock(), createBlock(unref(ElOption), {
-                                  key: enumItem.key.toString(),
-                                  label: enumItem.label,
-                                  value: enumItem.key
-                                }, null, 8, ["label", "value"])) : createCommentVNode("", true)
-                              ], 64);
-                            }), 256))
-                          ];
-                        }),
-                        _: 2
-                      }, 1032, ["modelValue", "onUpdate:modelValue", "clearable", "filterable", "placeholder", "onClear"])) : (openBlock(), createBlock(unref(ElInput), {
-                        key: 1,
-                        modelValue: searchFilter.value[item.key],
-                        "onUpdate:modelValue": ($event) => searchFilter.value[item.key] = $event,
-                        clearable: item.clearable !== false,
-                        placeholder: `${unref(getFieldLabel)(__props.entity, item.key)}...`,
-                        onBlur: _cache[3] || (_cache[3] = ($event) => onSearch()),
-                        onClear: onSearch,
-                        onKeydown: withKeys(onSearch, ["enter"])
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "clearable", "placeholder"]))
-                    ])
-                  ], 4)) : createCommentVNode("", true)
-                ], 64);
-              }), 128))
+          unref(allColumnList) ? withDirectives((openBlock(), createBlock(unref(ElTable), {
+            key: 0,
+            id: tableId,
+            ref_key: "airTableRef",
+            ref: airTableRef,
+            data: dataListRef.value,
+            "row-class-name": tableRowClassName,
+            "row-key": (row) => `${row.id}`,
+            class: "a-table",
+            flexible: "",
+            height: "100%",
+            onSelect: handleSelectChanged,
+            onSelectAll: handleSelectChanged,
+            onSortChange: handleSortChanged
+          }, {
+            empty: withCtx(() => [
+              _cache[7] || (_cache[7] = createElementVNode("img", {
+                alt: "",
+                src: _imports_0,
+                style: { "width": "80px" }
+              }, null, -1)),
+              createElementVNode("div", null, toDisplayString(__props.emptyText || unref(modelConfig).tableEmptyText || unref(WebI18n).get().NoData), 1)
             ]),
-            __props.showExport ? (openBlock(), createBlock(unref(_sfc_main$v), {
-              key: 0,
-              permission: __props.exportPermission || unref(PermissionUtil).get(__props.entity, unref(PermissionAction).EXPORT),
-              icon: "EXPORT",
-              onClick: _cache[4] || (_cache[4] = ($event) => onExport())
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(WebI18n).get().Export) + ": ", 1)
-              ]),
-              _: 1
-            }, 8, ["permission"])) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "afterSearch"),
-            unref(isColumnSelectorEnabled) ? (openBlock(), createBlock(unref(ColumnSelector), {
-              key: 1,
-              "column-list": unref(allColumnList),
-              "entity-class": __props.entity,
-              onChanged: _cache[5] || (_cache[5] = ($event) => unref(updateSelectKeys)($event))
-            }, null, 8, ["column-list", "entity-class"])) : createCommentVNode("", true)
-          ])
-        ]),
-        unref(allColumnList) ? (openBlock(), createBlock(unref(ElTable), {
-          key: 0,
-          id: tableId,
-          ref_key: "airTableRef",
-          ref: airTableRef,
-          data: __props.dataList,
-          "row-class-name": tableRowClassName,
-          "row-key": (row) => `${row.id}`,
-          class: "a-table",
-          flexible: "",
-          height: "100%",
-          onSelect: handleSelectChanged,
-          onSelectAll: handleSelectChanged,
-          onSortChange: handleSortChanged
-        }, {
-          empty: withCtx(() => [
-            _cache[6] || (_cache[6] = createElementVNode("img", {
-              alt: "",
-              src: _imports_0,
-              style: { "width": "80px" }
-            }, null, -1)),
-            createElementVNode("div", null, toDisplayString(__props.emptyText || unref(modelConfig).tableEmptyText || unref(WebI18n).get().NoData), 1)
-          ]),
-          default: withCtx(() => [
-            __props.showSelect ? (openBlock(), createBlock(unref(ElTableColumn), {
-              key: 0,
-              "reserve-selection": true,
-              selectable: unref(isSelectable),
-              fixed: "left",
-              type: "selection",
-              width: "40"
-            }, null, 8, ["selectable"])) : createCommentVNode("", true),
-            !__props.hideIndex ? (openBlock(), createBlock(unref(ElTableColumn), {
-              key: 1,
-              label: unref(WebI18n).get().ID || "序号",
-              fixed: "left",
-              type: "index",
-              width: "60"
-            }, null, 8, ["label"])) : createCommentVNode("", true),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(showColumnList), (item) => {
-              return openBlock(), createBlock(unref(ElTableColumn), {
-                key: item.key,
-                align: item.align,
-                fixed: item.fixed,
-                label: unref(getFieldLabel)(__props.entity, item.key),
-                "min-width": item.minWidth || "auto",
-                prop: item.key,
-                sortable: item.sortable,
-                width: item.width || "auto"
-              }, {
-                default: withCtx((scope) => [
-                  scope.$index >= 0 ? renderSlot(_ctx.$slots, item.key, {
-                    key: 0,
-                    data: getRowEntity(scope),
-                    index: scope.$index
-                  }, () => [
-                    item.prefixText ? (openBlock(), createElementBlock("span", _hoisted_5$1, toDisplayString(item.prefixText), 1)) : createCommentVNode("", true),
-                    unref(getDictionary)(__props.entity, item.key) ? (openBlock(), createBlock(unref(EnumColumn), {
-                      key: 1,
-                      column: item,
-                      data: scope.row,
-                      dictionary: unref(getDictionary)(__props.entity, item.key)
-                    }, null, 8, ["column", "data", "dictionary"])) : item.phone ? (openBlock(), createBlock(unref(APhone), {
-                      key: 2,
-                      desensitize: item.desensitize,
-                      phone: getValue(scope, item.key)
-                    }, null, 8, ["desensitize", "phone"])) : item.datetime ? (openBlock(), createBlock(unref(ADateTime), {
-                      key: 3,
-                      formatter: item.datetime === true ? unref(DateTimeFormatter).FULL_DATE_TIME : item.datetime,
-                      "milli-second": getValue(scope, item.key)
-                    }, null, 8, ["formatter", "milli-second"])) : item.money ? (openBlock(), createBlock(unref(AMoney), {
-                      key: 4,
-                      money: getValue(scope, item.key)
-                    }, null, 8, ["money"])) : item.payload ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
-                      item.array ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                        createTextVNode(toDisplayString(getPayloadArray(scope, item.key).map((payload) => payload.getPayloadLabel()).join(",")), 1)
-                      ], 64)) : (openBlock(), createBlock(unref(APayload), {
+            default: withCtx(() => [
+              __props.showSelect ? (openBlock(), createBlock(unref(ElTableColumn), {
+                key: 0,
+                "reserve-selection": true,
+                selectable: unref(isSelectable),
+                fixed: "left",
+                type: "selection",
+                width: "40"
+              }, null, 8, ["selectable"])) : createCommentVNode("", true),
+              !__props.hideIndex ? (openBlock(), createBlock(unref(ElTableColumn), {
+                key: 1,
+                label: unref(WebI18n).get().ID || "序号",
+                fixed: "left",
+                type: "index",
+                width: "60"
+              }, null, 8, ["label"])) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(showColumnList), (item) => {
+                return openBlock(), createBlock(unref(ElTableColumn), {
+                  key: item.key,
+                  align: item.align,
+                  fixed: item.fixed,
+                  label: unref(getFieldLabel)(unref(EntityClass), item.key),
+                  "min-width": item.minWidth || "auto",
+                  prop: item.key,
+                  sortable: item.sortable,
+                  width: item.width || "auto"
+                }, {
+                  default: withCtx((scope) => [
+                    scope.$index >= 0 ? renderSlot(_ctx.$slots, item.key, {
+                      key: 0,
+                      data: getRowEntity(scope),
+                      index: scope.$index
+                    }, () => [
+                      item.prefixText ? (openBlock(), createElementBlock("span", _hoisted_5$1, toDisplayString(item.prefixText), 1)) : createCommentVNode("", true),
+                      unref(getDictionary)(unref(EntityClass), item.key) ? (openBlock(), createBlock(unref(EnumColumn), {
                         key: 1,
-                        payload: getValue(scope, item.key)
-                      }, null, 8, ["payload"]))
-                    ], 64)) : item.desensitize ? (openBlock(), createBlock(unref(ADesensitize), {
-                      key: 6,
-                      content: getValue(scope, item.key),
-                      type: item.desensitize
-                    }, null, 8, ["content", "type"])) : item.copy ? (openBlock(), createBlock(unref(_sfc_main$4), {
-                      key: 7,
-                      column: item,
-                      data: scope.row
-                    }, null, 8, ["column", "data"])) : (openBlock(), createElementBlock("div", {
-                      key: 8,
-                      class: normalizeClass([item.wrap ? "" : "nowrap", "a-table-column"])
-                    }, toDisplayString(getStringValue(getValue(scope, item.key)) ?? item.emptyValue), 3)),
-                    item.suffixText ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(item.suffixText), 1)) : createCommentVNode("", true)
-                  ]) : createCommentVNode("", true)
+                        column: item,
+                        data: scope.row,
+                        dictionary: unref(getDictionary)(unref(EntityClass), item.key)
+                      }, null, 8, ["column", "data", "dictionary"])) : item.phone ? (openBlock(), createBlock(unref(APhone), {
+                        key: 2,
+                        desensitize: item.desensitize,
+                        phone: getValue(scope, item.key)
+                      }, null, 8, ["desensitize", "phone"])) : item.datetime ? (openBlock(), createBlock(unref(ADateTime), {
+                        key: 3,
+                        formatter: item.datetime === true ? unref(DateTimeFormatter).FULL_DATE_TIME : item.datetime,
+                        "milli-second": getValue(scope, item.key)
+                      }, null, 8, ["formatter", "milli-second"])) : item.money ? (openBlock(), createBlock(unref(AMoney), {
+                        key: 4,
+                        money: getValue(scope, item.key)
+                      }, null, 8, ["money"])) : item.payload ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
+                        item.array ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                          createTextVNode(toDisplayString(getPayloadArray(scope, item.key).map((payload) => payload.getPayloadLabel()).join(",")), 1)
+                        ], 64)) : (openBlock(), createBlock(unref(APayload), {
+                          key: 1,
+                          payload: getValue(scope, item.key)
+                        }, null, 8, ["payload"]))
+                      ], 64)) : item.desensitize ? (openBlock(), createBlock(unref(ADesensitize), {
+                        key: 6,
+                        content: getValue(scope, item.key),
+                        type: item.desensitize
+                      }, null, 8, ["content", "type"])) : item.copy ? (openBlock(), createBlock(unref(_sfc_main$4), {
+                        key: 7,
+                        column: item,
+                        data: scope.row
+                      }, null, 8, ["column", "data"])) : (openBlock(), createElementBlock("div", {
+                        key: 8,
+                        class: normalizeClass([item.wrap ? "" : "nowrap", "a-table-column"])
+                      }, toDisplayString(getStringValue(getValue(scope, item.key)) ?? item.emptyValue), 3)),
+                      item.suffixText ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(item.suffixText), 1)) : createCommentVNode("", true)
+                    ]) : createCommentVNode("", true)
+                  ]),
+                  _: 2
+                }, 1032, ["align", "fixed", "label", "min-width", "prop", "sortable", "width"]);
+              }), 128)),
+              !__props.hideCtrl ? (openBlock(), createBlock(unref(ElTableColumn), {
+                key: 2,
+                width: __props.ctrlWidth || "90px",
+                align: "right",
+                fixed: "right"
+              }, {
+                header: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(WebI18n).get().Operation), 1)
                 ]),
-                _: 2
-              }, 1032, ["align", "fixed", "label", "min-width", "prop", "sortable", "width"]);
-            }), 128)),
-            !__props.hideCtrl ? (openBlock(), createBlock(unref(ElTableColumn), {
-              key: 2,
-              width: __props.ctrlWidth || "90px",
-              align: "right",
-              fixed: "right"
-            }, {
-              header: withCtx(() => [
-                createTextVNode(toDisplayString(unref(WebI18n).get().Operation), 1)
-              ]),
-              default: withCtx((scope) => [
-                createElementVNode("div", _hoisted_7, [
-                  scope.$index >= 0 ? renderSlot(_ctx.$slots, "customRow", {
-                    key: 0,
-                    data: getRowEntity(scope),
-                    index: scope.$index
-                  }) : createCommentVNode("", true),
-                  !__props.hideCtrl ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    __props.showAddRow ? (openBlock(), createBlock(unref(ElLink), {
+                default: withCtx((scope) => [
+                  createElementVNode("div", _hoisted_7, [
+                    scope.$index >= 0 ? renderSlot(_ctx.$slots, "customRow", {
                       key: 0,
-                      disabled: unref(isAddRowDisabled)(getRowEntity(scope)),
-                      underline: false,
-                      onClick: ($event) => emits("addRow", getRowEntity(scope))
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(WebI18n).get().Add), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["disabled", "onClick"])) : createCommentVNode("", true),
-                    !props.hideEdit ? (openBlock(), createBlock(unref(ElLink), {
-                      key: 1,
-                      disabled: unref(isEditDisabled)(getRowEntity(scope)),
-                      underline: false,
-                      onClick: ($event) => emits("edit", getRowEntity(scope))
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(WebI18n).get().Update), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["disabled", "onClick"])) : createCommentVNode("", true),
-                    __props.showDetail ? (openBlock(), createBlock(unref(ElLink), {
-                      key: 2,
-                      disabled: unref(isDetailDisabled)(getRowEntity(scope)),
-                      underline: false,
-                      onClick: ($event) => emits("detail", getRowEntity(scope))
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(WebI18n).get().Detail), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["disabled", "onClick"])) : createCommentVNode("", true),
-                    __props.showEnableAndDisable ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-                      getRowEntity(scope).isDisabled ? (openBlock(), createBlock(unref(ElLink), {
+                      data: getRowEntity(scope),
+                      index: scope.$index
+                    }) : createCommentVNode("", true),
+                    !__props.hideCtrl ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                      __props.showAddRow ? (openBlock(), createBlock(unref(ElLink), {
                         key: 0,
-                        disabled: unref(isDisableChangeStatus)(getRowEntity(scope)),
+                        disabled: unref(isAddRowDisabled)(getRowEntity(scope)),
                         underline: false,
-                        onClick: ($event) => emits("enable", getRowEntity(scope))
+                        onClick: ($event) => handleAddRow(getRowEntity(scope))
                       }, {
                         default: withCtx(() => [
-                          createTextVNode(toDisplayString(unref(WebI18n).get().Enable), 1)
+                          createTextVNode(toDisplayString(unref(WebI18n).get().Add), 1)
                         ]),
                         _: 2
-                      }, 1032, ["disabled", "onClick"])) : (openBlock(), createBlock(unref(ElLink), {
+                      }, 1032, ["disabled", "onClick"])) : createCommentVNode("", true),
+                      !props.hideEdit ? (openBlock(), createBlock(unref(ElLink), {
                         key: 1,
-                        disabled: unref(isDisableChangeStatus)(getRowEntity(scope)),
+                        disabled: unref(isEditDisabled)(getRowEntity(scope)),
                         underline: false,
-                        type: "warning",
-                        onClick: ($event) => emits("disable", getRowEntity(scope))
+                        onClick: ($event) => handleEdit(getRowEntity(scope))
                       }, {
                         default: withCtx(() => [
-                          createTextVNode(toDisplayString(unref(WebI18n).get().Disable), 1)
+                          createTextVNode(toDisplayString(unref(WebI18n).get().Update), 1)
                         ]),
                         _: 2
-                      }, 1032, ["disabled", "onClick"]))
+                      }, 1032, ["disabled", "onClick"])) : createCommentVNode("", true),
+                      __props.showDetail ? (openBlock(), createBlock(unref(ElLink), {
+                        key: 2,
+                        disabled: unref(isDetailDisabled)(getRowEntity(scope)),
+                        underline: false,
+                        onClick: ($event) => handleDetail(getRowEntity(scope))
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(WebI18n).get().Detail), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["disabled", "onClick"])) : createCommentVNode("", true),
+                      __props.showEnableAndDisable ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+                        getRowEntity(scope).isDisabled ? (openBlock(), createBlock(unref(ElLink), {
+                          key: 0,
+                          disabled: unref(isDisableChangeStatus)(getRowEntity(scope)),
+                          underline: false,
+                          onClick: ($event) => handleEnable(getRowEntity(scope))
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(WebI18n).get().Enable), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["disabled", "onClick"])) : (openBlock(), createBlock(unref(ElLink), {
+                          key: 1,
+                          disabled: unref(isDisableChangeStatus)(getRowEntity(scope)),
+                          underline: false,
+                          type: "warning",
+                          onClick: ($event) => handleDisable(getRowEntity(scope))
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(WebI18n).get().Disable), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["disabled", "onClick"]))
+                      ], 64)) : createCommentVNode("", true),
+                      !__props.hideDelete ? (openBlock(), createBlock(unref(ElLink), {
+                        key: 4,
+                        disabled: unref(isDeleteDisabled)(getRowEntity(scope)),
+                        underline: false,
+                        type: "danger",
+                        onClick: ($event) => handleDelete(getRowEntity(scope))
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(WebI18n).get().Delete), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["disabled", "onClick"])) : createCommentVNode("", true)
                     ], 64)) : createCommentVNode("", true),
-                    !__props.hideDelete ? (openBlock(), createBlock(unref(ElLink), {
-                      key: 4,
-                      disabled: unref(isDeleteDisabled)(getRowEntity(scope)),
-                      underline: false,
-                      type: "danger",
-                      onClick: ($event) => handleDelete(getRowEntity(scope))
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(WebI18n).get().Delete), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["disabled", "onClick"])) : createCommentVNode("", true)
-                  ], 64)) : createCommentVNode("", true),
-                  scope.index >= 0 ? renderSlot(_ctx.$slots, "endRow", {
-                    key: 2,
-                    data: getRowEntity(scope),
-                    index: scope.$index
-                  }) : createCommentVNode("", true)
-                ])
-              ]),
-              _: 3
-            }, 8, ["width"])) : createCommentVNode("", true)
+                    scope.index >= 0 ? renderSlot(_ctx.$slots, "endRow", {
+                      key: 2,
+                      data: getRowEntity(scope),
+                      index: scope.$index
+                    }) : createCommentVNode("", true)
+                  ])
+                ]),
+                _: 3
+              }, 8, ["width"])) : createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 8, ["data", "row-key"])), [
+            [_directive_loading, isLoadingRef.value]
+          ]) : createCommentVNode("", true)
+        ], 4),
+        createElementVNode("div", _hoisted_8, [
+          createElementVNode("div", _hoisted_9, [
+            renderSlot(_ctx.$slots, "beforePage"),
+            !__props.disablePage && unref(hook) ? (openBlock(), createBlock(unref(_sfc_main$h), {
+              key: 0,
+              response: unref(hook).response.value,
+              class: "a-table-page",
+              onChanged: _cache[6] || (_cache[6] = ($event) => unref(hook).onPageChanged($event))
+            }, null, 8, ["response"])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "afterPage")
           ]),
-          _: 3
-        }, 8, ["data", "row-key"])) : createCommentVNode("", true)
-      ], 4);
+          createElementVNode("div", _hoisted_10, [
+            renderSlot(_ctx.$slots, "footerRight")
+          ])
+        ])
+      ], 64);
     };
   }
 });