@airpower/web 1.3.5 → 1.4.0

package/dist/components/datetime/DateTime.vue.d.ts

@@ -16,7 +16,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     /**
      * ### 时间格式化模板
-     * 建议使用 `DateTimeFormatter`
      */
     formatter: {
         type: typeof DateTimeFormatter;
@@ -46,7 +45,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     /**
      * ### 时间格式化模板
-     * 建议使用 `DateTimeFormatter`
      */
     formatter: {
         type: typeof DateTimeFormatter;
@@ -60,9 +58,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{}>, {
+    formatter: DateTimeFormatter;
     milliSecond: number;
     date: Date;
-    formatter: DateTimeFormatter;
     isFriendly: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/desensitize/Desensitize.vue.d.ts

@@ -16,7 +16,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     /**
      * ### 脱敏开始保留
-     * 默认使用传入的参数
+     * 默认使用传入 `type` 默认的参数
      */
     head: {
         type: NumberConstructor;
@@ -24,7 +24,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     /**
      * ### 脱敏末尾保留
-     * 默认使用传入的参数
+     * 默认使用传入 `type` 默认的参数
      */
     tail: {
         type: NumberConstructor;
@@ -54,7 +54,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     /**
      * ### 脱敏开始保留
-     * 默认使用传入的参数
+     * 默认使用传入 `type` 默认的参数
      */
     head: {
         type: NumberConstructor;
@@ -62,7 +62,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     /**
      * ### 脱敏末尾保留
-     * 默认使用传入的参数
+     * 默认使用传入 `type` 默认的参数
      */
     tail: {
         type: NumberConstructor;

package/dist/components/group/Group.vue.d.ts

@@ -128,12 +128,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>> & Readonly<{}>, {
     title: string;
     minHeight: string;
+    collapse: boolean;
     hideTitle: boolean;
     column: number;
     autoHeight: boolean;
     autoCol: boolean;
     disableCollapse: boolean;
-    collapse: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/panel/Panel.vue.d.ts

@@ -12,7 +12,6 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * ### 卡片的标题
-     * 默认读取当前路由元数据里的 `name` 属性
      */
     title: {
         type: StringConstructor;
@@ -49,7 +48,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * ### 卡片的标题
-     * 默认读取当前路由元数据里的 `name` 属性
      */
     title: {
         type: StringConstructor;

package/dist/components/select/Selector.vue.d.ts

@@ -24,7 +24,7 @@ declare const _default: <E extends RootEntity, S extends AbstractCurdService<E>>
         /**
          * ### 选择器使用的字段列表
          */
-        columnList?: Array<ITableColumn>;
+        columnList?: Array<ITableColumn<E>>;
         /**
          * ### `Editor`
          * 传入后方可开启选择器快捷添加功能

package/dist/components/table/Table.vue.d.ts

@@ -8,6 +8,7 @@ import { QueryRequest } from '../../model/query/QueryRequest';
 import { RootEntity } from '../../model/RootEntity';
 import { AbstractCurdService } from '../../service/AbstractCurdService';
 import { CurdServiceConstructor } from '../../service/type';
+import { ITableButton } from './TableButton';
 import { QueryRequestPage } from '../../model/query/QueryRequestPage';
 import { QuerySort } from '../../model/query/QuerySort';
 declare const _default: <E extends RootEntity, S extends AbstractCurdService<E>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
@@ -19,9 +20,10 @@ declare const _default: <E extends RootEntity, S extends AbstractCurdService<E>>
         selectList: E[];
         emptyText: string;
         addPermission: string;
-        columnList: ITableColumn[];
+        columnList: ITableColumn<E>[];
         searchParams: ISearchField[];
         hideAdd: boolean;
+        buttons: ITableButton<E>[];
         useHook: ITableResult<E, S>;
         disablePage: boolean;
         editPermission: string;
@@ -81,8 +83,9 @@ declare const _default: <E extends RootEntity, S extends AbstractCurdService<E>>
         readonly loading: boolean;
         readonly autoHeight: boolean;
         readonly selectList: E[];
-        readonly columnList: ITableColumn[];
+        readonly columnList: ITableColumn<E>[];
         readonly hideAdd: boolean;
+        readonly buttons: ITableButton<E>[];
         readonly disablePage: boolean;
         readonly dataList: E[];
         readonly hideEdit: boolean;
@@ -144,7 +147,7 @@ declare const _default: <E extends RootEntity, S extends AbstractCurdService<E>>
         readonly onSortChange?: ((sort?: QuerySort) => void) | undefined;
         readonly onDisable?: ((row: E) => void) | undefined;
         readonly onEnable?: ((row: E) => void) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "loading" | "entity" | "onSearch" | "autoHeight" | "selectList" | "emptyText" | "addPermission" | "columnList" | "searchParams" | "hideAdd" | "useHook" | "disablePage" | "editPermission" | "disablePermission" | "enablePermission" | "detailPermission" | "deletePermission" | "addRowPermission" | "exportPermission" | "importPermission" | "dataList" | "hideEdit" | "disableEdit" | "disableAddRow" | "disableChangeStatus" | "disableDetail" | "disableDelete" | "disableRow" | "hideDelete" | "selectable" | "showSelect" | "showEnableAndDisable" | "fieldCacheKey" | "hideColumnSelector" | "ctrlWidth" | "hideCtrl" | "showDetail" | "showAddRow" | "customDelete" | "deleteTitle" | "deleteContent" | "showImport" | "importTitle" | "exportParam" | "showExport" | "defaultFilter" | "importUrl" | "importTemplateUrl" | "fileEntity" | "onAdd" | "onDetail" | "onDelete" | "onEdit" | "onSelected" | "onAddRow" | "onSortChange" | "onDisable" | "onEnable" | "isTree">, "service" | ("loading" | "entity" | "onSearch" | "autoHeight" | "selectList" | "emptyText" | "addPermission" | "columnList" | "searchParams" | "hideAdd" | "useHook" | "disablePage" | "editPermission" | "disablePermission" | "enablePermission" | "detailPermission" | "deletePermission" | "addRowPermission" | "exportPermission" | "importPermission" | "dataList" | "hideEdit" | "disableEdit" | "disableAddRow" | "disableChangeStatus" | "disableDetail" | "disableDelete" | "disableRow" | "hideDelete" | "selectable" | "showSelect" | "showEnableAndDisable" | "fieldCacheKey" | "hideColumnSelector" | "ctrlWidth" | "hideCtrl" | "showDetail" | "showAddRow" | "customDelete" | "deleteTitle" | "deleteContent" | "showImport" | "importTitle" | "exportParam" | "showExport" | "defaultFilter" | "importUrl" | "importTemplateUrl" | "fileEntity" | "onAdd" | "onDetail" | "onDelete" | "onEdit" | "onSelected" | "onAddRow" | "onSortChange" | "onDisable" | "onEnable" | "isTree")> & {} & Partial<{}>> & import('vue').PublicProps;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "loading" | "entity" | "onSearch" | "autoHeight" | "selectList" | "emptyText" | "addPermission" | "columnList" | "searchParams" | "hideAdd" | "buttons" | "useHook" | "disablePage" | "editPermission" | "disablePermission" | "enablePermission" | "detailPermission" | "deletePermission" | "addRowPermission" | "exportPermission" | "importPermission" | "dataList" | "hideEdit" | "disableEdit" | "disableAddRow" | "disableChangeStatus" | "disableDetail" | "disableDelete" | "disableRow" | "hideDelete" | "selectable" | "showSelect" | "showEnableAndDisable" | "fieldCacheKey" | "hideColumnSelector" | "ctrlWidth" | "hideCtrl" | "showDetail" | "showAddRow" | "customDelete" | "deleteTitle" | "deleteContent" | "showImport" | "importTitle" | "exportParam" | "showExport" | "defaultFilter" | "importUrl" | "importTemplateUrl" | "fileEntity" | "onAdd" | "onDetail" | "onDelete" | "onEdit" | "onSelected" | "onAddRow" | "onSortChange" | "onDisable" | "onEnable" | "isTree">, "service" | ("loading" | "entity" | "onSearch" | "autoHeight" | "selectList" | "emptyText" | "addPermission" | "columnList" | "searchParams" | "hideAdd" | "buttons" | "useHook" | "disablePage" | "editPermission" | "disablePermission" | "enablePermission" | "detailPermission" | "deletePermission" | "addRowPermission" | "exportPermission" | "importPermission" | "dataList" | "hideEdit" | "disableEdit" | "disableAddRow" | "disableChangeStatus" | "disableDetail" | "disableDelete" | "disableRow" | "hideDelete" | "selectable" | "showSelect" | "showEnableAndDisable" | "fieldCacheKey" | "hideColumnSelector" | "ctrlWidth" | "hideCtrl" | "showDetail" | "showAddRow" | "customDelete" | "deleteTitle" | "deleteContent" | "showImport" | "importTitle" | "exportParam" | "showExport" | "defaultFilter" | "importUrl" | "importTemplateUrl" | "fileEntity" | "onAdd" | "onDetail" | "onDelete" | "onEdit" | "onSelected" | "onAddRow" | "onSortChange" | "onDisable" | "onEnable" | "isTree")> & {} & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         resetSearch: () => void;
         search: () => void;

package/dist/components/table/TableButton.d.ts

@@ -0,0 +1,29 @@
+import { RootEntity } from '../../model/RootEntity';
+/**
+ * # 表格按钮
+ * @author Hamm.cn
+ */
+export interface ITableButton<E extends RootEntity> {
+    /**
+     * ### 按钮标题
+     */
+    label: string;
+    /**
+     * ### 按钮点击回调
+     * @param row 行数据
+     */
+    click: (row: E) => void;
+    /**
+     * ### 按钮是否禁用
+     * @param row 行数据
+     */
+    disabled?: (row: E) => boolean;
+    /**
+     * ### 是否是危险按钮
+     */
+    dangerButton?: boolean;
+    /**
+     * ### 是否是警告按钮
+     */
+    warningButton?: boolean;
+}

package/dist/components/table/component/ColumnSelector.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: <E extends RootEntity>(__VLS_props: NonNullable<Awaited<
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onChanged?: ((args_0: string[]) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onChanged"> & {
-        columnList: Array<ITableColumn>;
+        columnList: Array<ITableColumn<E>>;
         entityClass: ITransformerConstructor<E>;
     } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;

package/dist/components/table/component/CopyColumn.vue.d.ts

@@ -2,7 +2,7 @@ import { ITableColumn } from '../../../decorator/@Table/ITableColumn';
 import { RootEntity } from '../../../model/RootEntity';
 declare const _default: <E extends RootEntity>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & {
-        column: ITableColumn;
+        column: ITableColumn<E>;
         data: E;
     } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;

package/dist/components/table/component/EnumColumn.vue.d.ts

@@ -3,7 +3,7 @@ import { WebEnumConstructor } from '../../../enum/type';
 import { RootEntity } from '../../../model/RootEntity';
 declare const _default: <E extends RootEntity>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & {
-        column: ITableColumn;
+        column: ITableColumn<E>;
         data: E;
         dictionary: WebEnumConstructor;
     } & Partial<{}>> & import('vue').PublicProps;

package/dist/components/table/index.d.ts

@@ -1,2 +1,3 @@
+import { ITableButton } from './TableButton';
 import { default as ATable } from './Table.vue';
-export { ATable, };
+export { ATable, ITableButton, };

package/dist/components/table/useTableColumn.d.ts

@@ -16,7 +16,7 @@ export declare function useTableColumn<E extends RootEntity>(params: {
     /**
      * ### 自定义字段
      */
-    customColumns: Array<ITableColumn>;
+    customColumns: Array<ITableColumn<E>>;
     /**
      * ### 字段缓存key
      */
@@ -31,8 +31,8 @@ export declare function useTableColumn<E extends RootEntity>(params: {
     modelConfig: IModelConfig;
 }): {
     updateSelectKeys: (list?: string[]) => void;
-    allColumnList: Ref<ITableColumn[], ITableColumn[]>;
+    allColumnList: Ref<ITableColumn<E>[], ITableColumn<E>[]>;
     selectKeys: Ref<string[], string[]>;
-    showColumnList: Ref<ITableColumn[], ITableColumn[]>;
+    showColumnList: Ref<ITableColumn<E>[], ITableColumn<E>[]>;
     isColumnSelectorEnabled: Ref<boolean, boolean>;
 };

package/dist/decorator/@Table/ITableColumn.d.ts

@@ -1,4 +1,5 @@
 import { DateTimeFormatter, DesensitizeType } from '@airpower/util';
+import { RootEntity } from '../../model/RootEntity';
 import { IBaseField } from '../common/IBaseField';
 import { IElementTableColumn } from './IElementTableColumn';
 /**
@@ -6,7 +7,7 @@ import { IElementTableColumn } from './IElementTableColumn';
  *
  * @author Hamm.cn
  */
-export interface ITableColumn extends IBaseField, IElementTableColumn {
+export interface ITableColumn<E extends RootEntity> extends IBaseField, IElementTableColumn {
     /**
      * ### 是否是金额
      */
@@ -85,4 +86,9 @@ export interface ITableColumn extends IBaseField, IElementTableColumn {
      * ### 是否是日期时间
      */
     datetime?: boolean | DateTimeFormatter;
+    /**
+     * ### 格式化
+     * @param row 行数据
+     */
+    formatter?: (row: E) => string;
 }

package/dist/decorator/@Table/Table.d.ts

@@ -1,20 +1,20 @@
 import { ITransformerConstructor, TransformerField } from '@airpower/transformer';
-import { RootModel } from '../../model/RootModel';
+import { RootEntity } from '../../model/RootEntity';
 import { FieldConfigOptionalKey } from '../@Field/type';
 import { ITableColumn } from './ITableColumn';
 /**
  * ### 为属性标记是表格字段
  * @param config 表格列的配置
  */
-export declare function Table<M extends RootModel>(config?: FieldConfigOptionalKey<ITableColumn>): (instance: M, field: keyof M) => void;
+export declare function Table<E extends RootEntity>(config?: FieldConfigOptionalKey<ITableColumn<E>>): (instance: E, field: keyof E) => void;
 /**
  * ### 获取对象的属性表格的配置
  * @param Class 目标类
  * @param field 属性名
  */
-export declare function getTableConfig<M extends RootModel>(Class: ITransformerConstructor<M>, field: TransformerField<M>): ITableColumn;
+export declare function getTableConfig<E extends RootEntity>(Class: ITransformerConstructor<E>, field: TransformerField<E>): ITableColumn<E>;
 /**
  * ### 获取字段标记的表格字段配置列表
  * @param Class 目标类
  */
-export declare function getTableConfigList<M extends RootModel>(Class: ITransformerConstructor<M>): Array<ITableColumn>;
+export declare function getTableConfigList<E extends RootEntity>(Class: ITransformerConstructor<E>): Array<ITableColumn<E>>;

package/dist/main.js

@@ -1,5 +1,5 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, computed, resolveComponent, createBlock, mergeProps, toHandlers, withCtx, renderSlot, unref, createVNode, createTextVNode, toDisplayString, ref, withModifiers, normalizeClass, onMounted, watch, resolveDirective, Transition, normalizeStyle, withDirectives, createCommentVNode, nextTick, inject, shallowRef, shallowReactive, reactive, h, provide, getCurrentInstance, watchEffect, Fragment, renderList, vShow, useSlots, createSlots, createApp, onUpdated, mergeModels, useModel, withKeys } from "vue";
-import ElementPlus, { ElButton, ElMessage, ElMessageBox, ElIcon, ElEmpty, ElFormItem, ElSubMenu, ElMenuItem, ElPagination, ElPopover, ElRadioGroup, ElRadioButton, ElInput, ElUpload, ElLink, ElTabPane, ElCheckTag, ElSelect, ElOption, ElTable, ElTableColumn } from "element-plus";
+import { defineComponent, createElementBlock, openBlock, createElementVNode, computed, createBlock, unref, mergeProps, toHandlers, withCtx, renderSlot, resolveComponent, createVNode, createTextVNode, toDisplayString, ref, withModifiers, normalizeClass, onMounted, watch, resolveDirective, Transition, normalizeStyle, withDirectives, createCommentVNode, nextTick, inject, shallowRef, shallowReactive, reactive, h, provide, getCurrentInstance, watchEffect, Fragment, renderList, vShow, useSlots, createSlots, createApp, onUpdated, mergeModels, useModel, withKeys } from "vue";
+import ElementPlus, { ElLink, ElButton, ElMessage, ElMessageBox, ElIcon, ElEmpty, ElFormItem, ElSubMenu, ElMenuItem, ElMenu, ElImage, ElUpload, ElPagination, ElPopover, ElRadioGroup, ElRadioButton, ElInput, ElProgress, ElTabPane, ElTabs, ElCheckTag, ElSelect, ElOption, ElTable, ElTableColumn, ElTree } from "element-plus";
 import axios from "axios";
 /*! Element Plus Icons Vue v2.3.1 */
 var arrow_down_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -1323,8 +1323,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      const _component_ElLink = resolveComponent("ElLink");
-      return __props.link ? (openBlock(), createBlock(_component_ElLink, mergeProps({
+      return __props.link ? (openBlock(), createBlock(unref(ElLink), mergeProps({
         key: 0,
         disabled: isDisabled.value,
         type: __props.danger ? "danger" : __props.warning ? "warning" : __props.primary ? "primary" : __props.success ? "success" : "default",
@@ -2425,7 +2424,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ACopy = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-997899dc"]]);
+const ACopy = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-b77c3899"]]);
 var cryptoJs$1 = { exports: {} };
 function commonjsRequire(path) {
   throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
@@ -9898,7 +9897,6 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     },
     /**
      * ### 时间格式化模板
-     * 建议使用 `DateTimeFormatter`
      */
     formatter: {
       type: DateTimeFormatter,
@@ -9950,7 +9948,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ADateTime = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-9a815beb"]]);
+const ADateTime = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-f4449296"]]);
 const _hoisted_1$h = { class: "a-desensitize" };
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "Desensitize",
@@ -9971,7 +9969,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     },
     /**
      * ### 脱敏开始保留
-     * 默认使用传入的参数
+     * 默认使用传入 `type` 默认的参数
      */
     head: {
       type: Number,
@@ -9979,7 +9977,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     },
     /**
      * ### 脱敏末尾保留
-     * 默认使用传入的参数
+     * 默认使用传入 `type` 默认的参数
      */
     tail: {
       type: Number,
@@ -10024,7 +10022,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ADesensitize = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-d78b4ba9"]]);
+const ADesensitize = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-8bc9a38b"]]);
 const _hoisted_1$g = ["id"];
 const _hoisted_2$c = ["id"];
 const _hoisted_3$a = { class: "title" };
@@ -13382,8 +13380,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      const _component_el_menu = resolveComponent("el-menu");
-      return openBlock(), createBlock(_component_el_menu, {
+      return openBlock(), createBlock(unref(ElMenu), {
         "default-active": defaultMenu.value,
         router: true,
         "unique-opened": __props.uniqueOpened,
@@ -13435,6 +13432,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       type: Boolean,
       default: false
     },
+    /**
+     * ### 头部高度
+     */
     headerHeight: {
       type: Number,
       default: 40
@@ -13482,7 +13482,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Frame = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-53b58994"]]);
+const Frame = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-2803d92b"]]);
 const _hoisted_1$e = {
   key: 0,
   class: "group-title"
@@ -13561,7 +13561,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       if (!props.column || props.column < 1) {
         return 1;
       }
-      return Math.min(props.column, 4);
+      return Math.min(props.column, 3);
     }
     const isCollapse = ref(props.collapse);
     function getBodyClass() {
@@ -13819,15 +13819,12 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     }
     init();
     return (_ctx, _cache) => {
-      const _component_el_image = resolveComponent("el-image");
-      const _component_el_upload = resolveComponent("el-upload");
-      const _component_el_icon = resolveComponent("el-icon");
       const _directive_loading = resolveDirective("loading");
       return openBlock(), createElementBlock("div", {
         style: normalizeStyle({ width: `${__props.width}px`, height: `${__props.height}px` }),
         class: "a-image"
       }, [
-        createVNode(_component_el_image, {
+        createVNode(unref(ElImage), {
           "preview-src-list": [imageUrl.value],
           src: imageUrl.value,
           "z-index": 99,
@@ -13844,7 +13841,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           key: 0,
           class: normalizeClass([imageUrl.value ? "image-preview-color" : "", "image-upload"])
         }, [
-          !imageUrl.value ? (openBlock(), createBlock(_component_el_upload, {
+          !imageUrl.value ? (openBlock(), createBlock(unref(ElUpload), {
             key: 0,
             action: uploadUrl.value,
             "before-upload": beforeUpload,
@@ -13860,7 +13857,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           [_directive_loading, isUploading.value]
         ]) : createCommentVNode("", true),
         imageUrl.value && __props.upload && __props.entity ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
-          __props.clearable ? (openBlock(), createBlock(_component_el_icon, {
+          __props.clearable ? (openBlock(), createBlock(unref(ElIcon), {
             key: 0,
             onClick: imageRemoved
           }, {
@@ -14770,7 +14767,6 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   props: {
     /**
      * ### 卡片的标题
-     * 默认读取当前路由元数据里的 `name` 属性
      */
     title: {
       type: String,
@@ -14843,7 +14839,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const APanel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-62d334f9"]]);
+const APanel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-bcd0fd2f"]]);
 class DialogProps {
   /**
    * ### 使用无参 `DialogProps` 配置
@@ -15251,7 +15247,6 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     }
     createExportTask();
     return (_ctx, _cache) => {
-      const _component_el_progress = resolveComponent("el-progress");
       const _component_el_button = resolveComponent("el-button");
       const _component_el_result = resolveComponent("el-result");
       return openBlock(), createBlock(unref(ADialog), {
@@ -15266,10 +15261,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$8, [
             isLoading.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createVNode(_component_el_progress, {
+              createVNode(unref(ElProgress), {
                 duration: 1,
-                format: () => {
-                },
                 indeterminate: true,
                 percentage: 100,
                 "stroke-width": 10
@@ -15772,13 +15765,12 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       return DesensitizeUtil.desensitize(props.phone, props.desensitize, props.desensitizeHead, props.desensitizeTail);
     });
     return (_ctx, _cache) => {
-      const _component_el_icon = resolveComponent("el-icon");
       return __props.phone && unref(ValidateUtil).isTelephoneOrMobilePhone(__props.phone) ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "a-phone",
         onClick: _cache[0] || (_cache[0] = ($event) => callPhone())
       }, [
-        createVNode(_component_el_icon, null, {
+        createVNode(unref(ElIcon), null, {
           default: withCtx(() => [
             createVNode(unref(iphone_default))
           ]),
@@ -15789,7 +15781,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const APhone = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-8e8f9579"]]);
+const APhone = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-d871cd10"]]);
 /*!
  * qrcode.vue v3.6.0
  * A Vue.js component to generate QRCode. Both support Vue 2 and Vue 3
@@ -16907,7 +16899,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       emits("clear");
     }
     return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
       const _component_el_input = resolveComponent("el-input");
       return openBlock(), createBlock(_component_el_input, {
         disabled: __props.disabled,
@@ -16918,7 +16909,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         !__props.disabled ? {
           name: "append",
           fn: withCtx(() => [
-            !result.value ? (openBlock(), createBlock(_component_el_button, {
+            !result.value ? (openBlock(), createBlock(unref(ElButton), {
               key: 0,
               disabled: __props.disabled,
               onClick: _cache[0] || (_cache[0] = ($event) => onSelect())
@@ -16927,7 +16918,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(__props.selectLabel), 1)
               ]),
               _: 1
-            }, 8, ["disabled"])) : (openBlock(), createBlock(_component_el_button, {
+            }, 8, ["disabled"])) : (openBlock(), createBlock(unref(ElButton), {
               key: 1,
               disabled: __props.disabled,
               onClick: _cache[1] || (_cache[1] = ($event) => onClear())
@@ -17210,7 +17201,6 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       onReloadData();
     }
     return (_ctx, _cache) => {
-      const _component_ElLink = resolveComponent("ElLink");
       return openBlock(), createBlock(unref(ADialog), {
         "disable-confirm": unref(disableConfirm),
         height: _ctx.height || "70%",
@@ -17233,6 +17223,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             "column-list": fields.value,
             "data-list": _ctx.unPaginate || _ctx.treeList ? unref(list) : unref(response).list,
             entity: unref(entity),
+            "hide-add": _ctx.hideAdd,
             "hide-ctrl": props.props.isMultiple,
             "on-add": onAdd,
             "on-search": unref(onSearch),
@@ -17243,7 +17234,6 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             "ctrl-width": "60px",
             "hide-delete": "",
             "hide-edit": "",
-            "hide-add": _ctx.hideAdd,
             "hide-field-selector": ""
           }, createSlots({ _: 2 }, [
             renderList(unref(slots), (index, name) => {
@@ -17260,7 +17250,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             !props.props.isMultiple ? {
               name: "customRow",
               fn: withCtx(({ data }) => [
-                createVNode(_component_ElLink, {
+                createVNode(unref(ElLink), {
                   disabled: data.isDisabled,
                   underline: "never",
                   onClick: ($event) => props.props.onConfirm(data)
@@ -17274,7 +17264,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["column-list", "data-list", "entity", "hide-ctrl", "on-search", "on-selected", "search-params", "select-list", "show-select", "hide-add"])
+          ]), 1032, ["column-list", "data-list", "entity", "hide-add", "hide-ctrl", "on-search", "on-selected", "search-params", "select-list", "show-select"])
         ]),
         _: 3
       }, 8, ["disable-confirm", "height", "hide-footer", "loading", "title", "width"]);
@@ -17306,20 +17296,23 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = {};
-function _sfc_render(_ctx, _cache) {
-  const _component_el_tabs = resolveComponent("el-tabs");
-  return openBlock(), createBlock(_component_el_tabs, {
-    class: "a-tabs",
-    type: "border-card"
-  }, {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default", {}, void 0, true)
-    ]),
-    _: 3
-  });
-}
-const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render], ["__scopeId", "data-v-e84efaee"]]);
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "Tabs",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElTabs), {
+        class: "a-tabs",
+        type: "border-card"
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-d6771081"]]);
 const _hoisted_1$4 = {
   key: 0,
   class: "a-field-selector-dialog"
@@ -17401,7 +17394,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ColumnSelector = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-520a2ab9"]]);
+const ColumnSelector = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-ed37e00b"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "CopyColumn",
   props: {
@@ -17448,7 +17441,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EnumColumn = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-c27bd252"]]);
+const EnumColumn = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-49ebb298"]]);
 function useTableButton(params) {
   const {
     entityClass,
@@ -17576,7 +17569,7 @@ const _hoisted_5$1 = {
   style: { "color": "#aaa", "margin-right": "3px" }
 };
 const _hoisted_6 = {
-  key: 10,
+  key: 11,
   style: { "color": "#aaa" }
 };
 const _hoisted_7 = { class: "ctrlRow" };
@@ -17586,6 +17579,13 @@ const _hoisted_10 = { class: "right" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "Table",
   props: {
+    /**
+     * ### 按钮
+     */
+    buttons: {
+      type: Array,
+      default: () => []
+    },
     /**
      * ### 直接使用表格Hook
      * 请注意，将不会再触发一些事件，请使用 Hook 的前后置等拦截方法处理
@@ -18536,28 +18536,30 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     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,
+                    item.formatter ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                      createTextVNode(toDisplayString(item.formatter(getValue(scope, item.key))), 1)
+                    ], 64)) : unref(getDictionary)(unref(EntityClass), item.key) ? (openBlock(), createBlock(unref(EnumColumn), {
+                      key: 2,
                       column: item,
                       data: scope.row,
                       dictionary: unref(getDictionary)(unref(EntityClass), item.key)
                     }, null, 8, ["column", "data", "dictionary"])) : item.image ? (openBlock(), createBlock(unref(_sfc_main$k), {
-                      key: 2,
-                      src: getValue(scope, item.key),
-                      width: item.imageWidth || 40,
-                      height: item.imageHeight || 40
-                    }, null, 8, ["src", "width", "height"])) : item.phone ? (openBlock(), createBlock(unref(APhone), {
                       key: 3,
+                      height: item.imageHeight || 40,
+                      src: getValue(scope, item.key),
+                      width: item.imageWidth || 40
+                    }, null, 8, ["height", "src", "width"])) : item.phone ? (openBlock(), createBlock(unref(APhone), {
+                      key: 4,
                       desensitize: item.desensitize,
                       phone: getValue(scope, item.key)
                     }, null, 8, ["desensitize", "phone"])) : item.datetime ? (openBlock(), createBlock(unref(ADateTime), {
-                      key: 4,
+                      key: 5,
                       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: 5,
+                      key: 6,
                       money: getValue(scope, item.key)
-                    }, null, 8, ["money"])) : item.payload ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [
+                    }, null, 8, ["money"])) : item.payload ? (openBlock(), createElementBlock(Fragment, { key: 7 }, [
                       item.array ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                         createTextVNode(toDisplayString(getPayloadArray(scope, item.key).map((payload) => payload.getPayloadLabel()).join(",")), 1)
                       ], 64)) : (openBlock(), createBlock(unref(APayload), {
@@ -18565,15 +18567,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         payload: getValue(scope, item.key)
                       }, null, 8, ["payload"]))
                     ], 64)) : item.desensitize ? (openBlock(), createBlock(unref(ADesensitize), {
-                      key: 7,
+                      key: 8,
                       content: getValue(scope, item.key),
                       type: item.desensitize
                     }, null, 8, ["content", "type"])) : item.copy ? (openBlock(), createBlock(unref(_sfc_main$4), {
-                      key: 8,
+                      key: 9,
                       column: item,
                       data: scope.row
                     }, null, 8, ["column", "data"])) : (openBlock(), createElementBlock("div", {
-                      key: 9,
+                      key: 10,
                       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)
@@ -18598,6 +18600,20 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     data: getRowEntity(scope),
                     index: scope.$index
                   }) : createCommentVNode("", true),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.buttons, (button, index) => {
+                    return openBlock(), createBlock(unref(ElLink), {
+                      key: index,
+                      disabled: button.disabled ? button.disabled(getRowEntity(scope)) : false,
+                      type: button.dangerButton ? "danger" : button.warningButton ? "warning" : "default",
+                      underline: "never",
+                      onClick: ($event) => handleDelete(getRowEntity(scope))
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(button.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["disabled", "type", "onClick"]);
+                  }), 128)),
                   __props.showAddRow ? (openBlock(), createBlock(unref(ElLink), {
                     key: 1,
                     disabled: unref(isAddRowDisabled)(getRowEntity(scope)),
@@ -18818,8 +18834,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return node.name?.indexOf(value) !== -1;
     }
     return (_ctx, _cache) => {
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_tree = resolveComponent("el-tree");
       const _directive_loading = resolveDirective("loading");
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         !__props.hideTree ? (openBlock(), createElementBlock("div", {
@@ -18839,14 +18853,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             ]),
             default: withCtx(() => [
               __props.searchable ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
-                createVNode(_component_el_input, {
+                createVNode(unref(ElInput), {
                   modelValue: searchKeyword.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchKeyword.value = $event),
                   placeholder: __props.placeholder,
                   clearable: ""
                 }, null, 8, ["modelValue", "placeholder"])
               ])) : createCommentVNode("", true),
-              withDirectives(createVNode(_component_el_tree, {
+              withDirectives(createVNode(unref(ElTree), {
                 ref_key: "treeRef",
                 ref: treeRef,
                 "current-node-key": currentData.value ? currentData.value.id : 0,
@@ -18932,15 +18946,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       window.location.replace(WebConfig.loginUrl);
     }
     return (_ctx, _cache) => {
-      const _component_el_image = resolveComponent("el-image");
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_button = resolveComponent("el-button");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
           class: "a-user-head",
           onClick: _cache[0] || (_cache[0] = ($event) => isDialogShow.value = true)
         }, [
-          createVNode(_component_el_image, { src: userAvatar.value }, null, 8, ["src"])
+          createVNode(unref(ElImage), { src: userAvatar.value }, null, 8, ["src"])
         ]),
         isDialogShow.value ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -18961,13 +18972,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], true)
                 ]),
                 createElementVNode("div", _hoisted_4, [
-                  createVNode(_component_el_button, {
+                  createVNode(unref(ElButton), {
                     text: "",
                     type: "danger",
                     onClick: logout
                   }, {
                     default: withCtx(() => [
-                      createVNode(_component_el_icon, null, {
+                      createVNode(unref(ElIcon), null, {
                         default: withCtx(() => [
                           createVNode(unref(switch_button_default))
                         ]),
@@ -18992,7 +19003,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const User = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-245c0051"]]);
+const User = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5925b035"]]);
 class WebEnum extends Enum {
   color;
   disabled;

package/dist/web.css

@@ -438,30 +438,30 @@ textarea {
   100% {
     transform: rotate(360deg);
   }
-}.a-copy[data-v-997899dc] {
+}.a-copy[data-v-b77c3899] {
   font-size: inherit;
   color: inherit;
   display: flex;
   flex-direction: row;
   align-items: center;
 }
-.a-copy[data-v-997899dc] .el-link {
+.a-copy[data-v-b77c3899] .el-link {
   overflow: hidden;
   text-overflow: ellipsis;
-}.a-friend-datetime[data-v-9a815beb],
-.a-friend-datetime[data-v-9a815beb] * {
+}.a-friend-datetime[data-v-f4449296],
+.a-friend-datetime[data-v-f4449296] * {
   user-select: none !important;
-}.a-desensitize[data-v-d78b4ba9] {
+}.a-desensitize[data-v-8bc9a38b] {
   display: flex !important;
   flex-direction: row;
   align-items: center;
 }
-.a-desensitize .icon[data-v-d78b4ba9] {
+.a-desensitize .icon[data-v-8bc9a38b] {
   margin-right: 3px;
   font-weight: bold;
   cursor: pointer;
 }
-.a-desensitize .desensitize[data-v-d78b4ba9] {
+.a-desensitize .desensitize[data-v-8bc9a38b] {
   color: red;
 }.web-dialog[data-v-937b915a] {
   z-index: 99;
@@ -609,7 +609,7 @@ textarea {
 .a-menu-tree .airpower {
   display: inline-block;
   font-size: 16px;
-}.a-frame[data-v-53b58994] {
+}.a-frame[data-v-2803d92b] {
   position: fixed;
   left: 0;
   right: 0;
@@ -618,7 +618,7 @@ textarea {
   display: flex;
   flex-direction: column;
 }
-.a-frame .a-header[data-v-53b58994] {
+.a-frame .a-header[data-v-2803d92b] {
   padding: 5px 15px;
   display: flex;
   flex-direction: row;
@@ -627,21 +627,21 @@ textarea {
   background-color: #fff;
   height: 40px;
 }
-.a-frame .a-header .a-logo[data-v-53b58994] {
+.a-frame .a-header .a-logo[data-v-2803d92b] {
   word-break: keep-all;
   text-align: center;
   cursor: pointer;
   user-select: none;
   height: 100%;
 }
-.a-frame .a-header .a-logo span[data-v-53b58994] {
+.a-frame .a-header .a-logo span[data-v-2803d92b] {
   margin-left: 16px;
   font-size: 24px;
   font-weight: bold;
   color: var(--el-color-primary);
   user-select: none;
 }
-.a-frame .a-header .a-navigator[data-v-53b58994] {
+.a-frame .a-header .a-navigator[data-v-2803d92b] {
   flex: 1;
   font-size: 14px;
   color: #aaa;
@@ -651,21 +651,21 @@ textarea {
   width: 0;
   margin: 0 20px;
 }
-.a-frame .a-main[data-v-53b58994] {
+.a-frame .a-main[data-v-2803d92b] {
   flex: 1;
   height: 0;
   display: flex;
   flex-direction: row;
   background-color: var(--el-color-primary-light-9);
 }
-.a-frame .a-main .a-left[data-v-53b58994] {
+.a-frame .a-main .a-left[data-v-2803d92b] {
   display: flex;
   flex-direction: column;
   background: #fff;
   margin: 5px;
   border-radius: 4px;
 }
-.a-frame .a-main .a-left .a-menu[data-v-53b58994] {
+.a-frame .a-main .a-left .a-menu[data-v-2803d92b] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -675,7 +675,7 @@ textarea {
   overflow-y: auto;
   padding: 10px;
 }
-.a-frame .a-main .a-left .a-menu .item[data-v-53b58994] {
+.a-frame .a-main .a-left .a-menu .item[data-v-2803d92b] {
   padding: 5px 15px;
   cursor: pointer;
   transition: all 0.3s;
@@ -687,18 +687,18 @@ textarea {
   justify-content: center;
   align-items: center;
 }
-.a-frame .a-main .a-left .a-menu .item i[data-v-53b58994] {
+.a-frame .a-main .a-left .a-menu .item i[data-v-2803d92b] {
   margin-right: 3px;
   font-weight: bold;
 }
-.a-frame .a-main .a-left .a-menu .item[data-v-53b58994]:hover {
+.a-frame .a-main .a-left .a-menu .item[data-v-2803d92b]:hover {
   background-color: #f5f5f5;
 }
-.a-frame .a-main .a-left .a-menu[data-v-53b58994]::-webkit-scrollbar {
+.a-frame .a-main .a-left .a-menu[data-v-2803d92b]::-webkit-scrollbar {
   width: 0;
   height: 0;
 }
-.a-frame .a-main .a-right[data-v-53b58994] {
+.a-frame .a-main .a-right[data-v-2803d92b] {
   flex: 1;
   width: 0;
   display: flex;
@@ -1012,7 +1012,7 @@ textarea {
 .web-page-panel-box .web-page-jumper {
   display: flex;
   flex-direction: row;
-}.web-panel[data-v-62d334f9] {
+}.web-panel[data-v-bcd0fd2f] {
   display: flex;
   flex: 1;
   flex-direction: column;
@@ -1021,7 +1021,7 @@ textarea {
   overflow: hidden;
   height: 0;
 }
-.web-panel .panel-header[data-v-62d334f9] {
+.web-panel .panel-header[data-v-bcd0fd2f] {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -1029,41 +1029,41 @@ textarea {
   padding: 10px 15px;
   user-select: none;
 }
-.web-panel .panel-header .panel-left[data-v-62d334f9] {
+.web-panel .panel-header .panel-left[data-v-bcd0fd2f] {
   display: flex;
   flex-direction: row;
   align-items: center;
   flex: 1;
   width: 0;
 }
-.web-panel .panel-header .panel-left .panel-icon[data-v-62d334f9] {
+.web-panel .panel-header .panel-left .panel-icon[data-v-bcd0fd2f] {
   font-size: 20px;
   color: var(--el-color-primary);
   display: flex;
   flex-direction: row;
   align-items: center;
 }
-.web-panel .panel-header .panel-left .panel-title[data-v-62d334f9] {
+.web-panel .panel-header .panel-left .panel-title[data-v-bcd0fd2f] {
   font-size: 16px;
   color: #333;
   font-weight: bold;
   margin-left: 3px;
 }
-.web-panel .panel-header .panel-right[data-v-62d334f9] {
+.web-panel .panel-header .panel-right[data-v-bcd0fd2f] {
   color: #aaa;
   font-size: 14px;
 }
-.web-panel .panel-header .panel-right .panel-full[data-v-62d334f9] {
+.web-panel .panel-header .panel-right .panel-full[data-v-bcd0fd2f] {
   font-size: 20px;
   cursor: pointer;
   font-weight: bold;
   margin: -5px 0px;
   transition: all 0.3s;
 }
-.web-panel .panel-header .panel-right .panel-full[data-v-62d334f9]:hover {
+.web-panel .panel-header .panel-right .panel-full[data-v-bcd0fd2f]:hover {
   color: var(--primary-color);
 }
-.web-panel .panel-body[data-v-62d334f9] {
+.web-panel .panel-body[data-v-bcd0fd2f] {
   display: flex;
   flex: 1;
   flex-direction: column;
@@ -1073,7 +1073,7 @@ textarea {
   padding: 10px;
   position: relative;
 }
-.fullscreen[data-v-62d334f9] {
+.fullscreen[data-v-bcd0fd2f] {
   position: fixed !important;
   left: 0;
   right: 0;
@@ -1179,14 +1179,14 @@ textarea {
 }
 .a-phone-call__content > span .icon[data-v-23375435] {
   margin-right: 3px;
-}.a-phone[data-v-8e8f9579] {
+}.a-phone[data-v-d871cd10] {
   display: flex;
   flex-direction: row;
   align-items: center;
   cursor: pointer;
   transition: all 0.3s;
 }
-.a-phone[data-v-8e8f9579]:hover {
+.a-phone[data-v-d871cd10]:hover {
   color: var(--primary-color);
 }.a-qrcode[data-v-024409f5] {
   position: relative;
@@ -1197,26 +1197,26 @@ textarea {
   cursor: default;
   user-select: none;
   pointer-events: none;
-}.a-tabs[data-v-e84efaee] {
+}.a-tabs[data-v-d6771081] {
   min-height: 100px;
   flex: 1;
   height: 0;
 }
-.a-tabs[data-v-e84efaee] .el-tabs__content {
+.a-tabs[data-v-d6771081] .el-tabs__content {
   display: flex;
   flex-direction: column;
   flex: 1;
   height: 0;
   padding: 10px 20px;
 }
-.a-tabs[data-v-e84efaee] .el-tabs__content .el-tab-pane {
+.a-tabs[data-v-d6771081] .el-tabs__content .el-tab-pane {
   display: flex;
   flex-direction: column;
   flex: 1;
   height: 0;
   overflow: hidden;
   overflow-y: auto;
-}.el-check-tag[data-v-520a2ab9] {
+}.el-check-tag[data-v-ed37e00b] {
   font-weight: normal !important;
   user-select: none;
   font-size: 13px;
@@ -1224,7 +1224,7 @@ textarea {
   margin-bottom: 5px;
   padding: 4px 10px;
 }
-.a-field-selector-bg[data-v-520a2ab9] {
+.a-field-selector-bg[data-v-ed37e00b] {
   position: fixed;
   left: 0;
   right: 0;
@@ -1233,7 +1233,7 @@ textarea {
   background-color: rgba(0, 0, 0, 0.1);
   z-index: 9999999;
 }
-.a-field-selector-dialog[data-v-520a2ab9] {
+.a-field-selector-dialog[data-v-ed37e00b] {
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
   position: absolute;
   right: 0;
@@ -1246,13 +1246,13 @@ textarea {
   overflow: hidden;
   z-index: 99999991;
 }
-.a-field-selector-dialog .a-field-selector-title[data-v-520a2ab9] {
+.a-field-selector-dialog .a-field-selector-title[data-v-ed37e00b] {
   margin-bottom: 10px;
   border-bottom: 1px solid var(--el-color-primary-light-9);
   padding: 8px 16px;
   font-size: 15px;
 }
-.a-field-selector-dialog .a-field-selector-list[data-v-520a2ab9] {
+.a-field-selector-dialog .a-field-selector-list[data-v-ed37e00b] {
   padding: 5px 15px 10px 15px;
   display: flex;
   flex-wrap: wrap;
@@ -1261,13 +1261,13 @@ textarea {
   flex: 1;
   height: 0;
   align-content: flex-start;
-}.a-enum-column[data-v-c27bd252] {
+}.a-enum-column[data-v-49ebb298] {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
 }
-.a-enum-column .light[data-v-c27bd252] {
+.a-enum-column .light[data-v-49ebb298] {
   width: 8px;
   height: 8px;
   border-radius: 100%;
@@ -1460,13 +1460,13 @@ textarea {
   overflow: hidden;
   text-overflow: ellipsis;
   user-select: none;
-}.a-user[data-v-245c0051] {
+}.a-user[data-v-5925b035] {
   display: flex;
   flex-direction: row;
   align-items: center;
   position: relative;
 }
-.a-user .a-user-head[data-v-245c0051] {
+.a-user .a-user-head[data-v-5925b035] {
   border-radius: 8px;
   cursor: pointer;
   width: 36px;
@@ -1474,11 +1474,11 @@ textarea {
   background-color: #eee;
   overflow: hidden;
 }
-.a-user .a-user-head[data-v-245c0051] * {
+.a-user .a-user-head[data-v-5925b035] * {
   width: 100%;
   height: 100%;
 }
-.a-user .a-user-cover[data-v-245c0051] {
+.a-user .a-user-cover[data-v-5925b035] {
   position: fixed;
   left: 0;
   right: 0;
@@ -1487,7 +1487,7 @@ textarea {
   z-index: 99;
   background-color: rgba(0, 0, 0, 0.05);
 }
-.a-user .a-user-dialog[data-v-245c0051] {
+.a-user .a-user-dialog[data-v-5925b035] {
   position: absolute;
   right: 0;
   top: 50px;
@@ -1498,27 +1498,27 @@ textarea {
   display: flex;
   flex-direction: column;
 }
-.a-user .a-user-dialog .a-user-body[data-v-245c0051] {
+.a-user .a-user-dialog .a-user-body[data-v-5925b035] {
   flex: 1;
   height: 0;
   overflow: hidden;
   overflow-y: auto;
   padding: 10px;
 }
-.a-user .a-user-dialog .a-user-body .slot[data-v-245c0051] {
+.a-user .a-user-dialog .a-user-body .slot[data-v-5925b035] {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
 }
-.a-user .a-user-dialog .a-user-header[data-v-245c0051] {
+.a-user .a-user-dialog .a-user-header[data-v-5925b035] {
   border-bottom: 1px solid #f5f5f5;
   padding: 10px;
   display: flex;
   flex-direction: row;
   align-items: center;
 }
-.a-user .a-user-dialog .a-user-header .a-user-title[data-v-245c0051] {
+.a-user .a-user-dialog .a-user-header .a-user-title[data-v-5925b035] {
   flex: 1;
   font-size: 16px;
   font-weight: bold;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@airpower/web",
   "type": "module",
-  "version": "1.3.5",
+  "version": "1.4.0",
   "description": "AirPower-Web",
   "author": {
     "name": "Hamm",