@aplus-frontend/ui 0.1.26 → 0.1.27

package/lib/src/ap-table/components/style/setting/sortable-item-meta.css

@@ -0,0 +1,50 @@
+.aplus-sortable-item-meta {
+  padding: 6px 8px;
+  margin-top: 4px;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: center;
+}
+.aplus-sortable-item-meta:hover {
+  background-color: #F1F7FF;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.aplus-sortable-item-meta:hover .aplus-sortable-item-meta-right {
+  display: block;
+}
+.aplus-sortable-item-meta:hover .aplus-sortable-item-meta-left__holder {
+  color: var(--basic-color-primary, #0070ff) !important;
+}
+.aplus-sortable-item-meta-left {
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+}
+.aplus-sortable-item-meta-left__indicator {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: 16px;
+  height: 16px;
+  margin-right: 4px;
+  flex-shrink: 0;
+}
+.aplus-sortable-item-meta-left__label-wrapper {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.aplus-sortable-item-meta-right {
+  display: none;
+  padding-left: 12px;
+}
+.aplus-sortable-item-meta .is-level2 {
+  margin-left: 16px;
+}
+.aplus-sortable-item-meta-action-icon:hover {
+  color: var(--basic-color-primary, #0070ff);
+}

package/lib/src/ap-table/components/style/setting/sortable-item.css

@@ -0,0 +1,3 @@
+.aplus-sortable-item .is-hidden {
+  display: none;
+}

package/lib/src/ap-table/components/style/setting/sorter.css

@@ -0,0 +1,26 @@
+.aplus-column-setting-sorter {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.aplus-column-setting-sorter-section-title {
+  font-size: 12px;
+  line-height: 20px;
+  color: #8896b0;
+  padding: 2px 8px;
+  margin: 4px;
+}
+.aplus-column-setting-sorter-header {
+  padding: 16px 20px;
+}
+.aplus-column-setting-sorter-header-title {
+  font-size: 14px;
+  line-height: 22px;
+  font-weight: bold;
+  color: #182948;
+}
+.aplus-column-setting-sorter-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px 12px 12px 8px;
+}

package/lib/src/ap-table/constants.d.ts

@@ -1,6 +1,6 @@
 import { ApFieldPassword } from '../ap-field';
 import { ApTableValueFields, ValueEnum } from './interface';
-import { CSSProperties, CreateComponentPublicInstance, ExtractPropTypes, PropType, HTMLAttributes, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, VNode, RendererNode, RendererElement, DefineComponent, PublicProps, ComputedRef } from 'vue';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, HTMLAttributes, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, VNode, RendererNode, RendererElement, CSSProperties, DefineComponent, PublicProps, ComputedRef } from 'vue';
 import { ColSize } from 'ant-design-vue/es/grid';
 import { ApFieldDateProps, ApFormItemSlots, ApFieldDateRangeProps, ApFieldNumberProps, ApFieldRadioProps, ApFieldSelectProps, ApFieldSwitchProps, ApFieldTextProps, ApFormItemTextPassword, ApFieldTextAreaProps, ApFieldCheckboxProps, ApFieldTextPasswordProps, FieldMode, GroupActionTypes } from '..';
 import { RuleObject } from 'ant-design-vue/es/form';
@@ -5242,7 +5242,11 @@ export declare const apTableFormItemMap: {
             focus: (options?: InputFocusOptions) => void;
             blur: () => void;
             input: any;
-            setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => void;
+            setSelectionRange: (start: number, end: number, direction
+            /**
+             * 不需要渲染到Form表单的valueType字段
+             */
+            ?: "forward" | "backward" | "none") => void;
             select: () => void;
         }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
             label: {
@@ -5653,7 +5657,11 @@ export declare const apTableFormItemMap: {
             focus: (options?: InputFocusOptions) => void;
             blur: () => void;
             input: any;
-            setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => void;
+            setSelectionRange: (start: number, end: number, direction
+            /**
+             * 不需要渲染到Form表单的valueType字段
+             */
+            ?: "forward" | "backward" | "none") => void;
             select: () => void;
         }, {}, {}, {}, {
             disabled: boolean;
@@ -5866,7 +5874,11 @@ export declare const apTableFormItemMap: {
         focus: (options?: InputFocusOptions) => void;
         blur: () => void;
         input: any;
-        setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => void;
+        setSelectionRange: (start: number, end: number, direction
+        /**
+         * 不需要渲染到Form表单的valueType字段
+         */
+        ?: "forward" | "backward" | "none") => void;
         select: () => void;
     }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
         disabled: boolean;
@@ -13919,7 +13931,11 @@ export declare const apTableRenderItemMap: {
             focus: (options?: InputFocusOptions) => void;
             blur: () => void;
             input: any;
-            setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => void;
+            setSelectionRange: (start: number, end: number, direction
+            /**
+             * 不需要渲染到Form表单的valueType字段
+             */
+            ?: "forward" | "backward" | "none") => void;
             select: () => void;
         }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
             "update:value": (...args: any[]) => void;
@@ -14229,7 +14245,11 @@ export declare const apTableRenderItemMap: {
             focus: (options?: InputFocusOptions) => void;
             blur: () => void;
             input: any;
-            setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => void;
+            setSelectionRange: (start: number, end: number, direction
+            /**
+             * 不需要渲染到Form表单的valueType字段
+             */
+            ?: "forward" | "backward" | "none") => void;
             select: () => void;
         }, {}, {}, {}, {
             type: "number" | "reset" | "submit" | "button" | "search" | "time" | "month" | "date" | "week" | "hidden" | "checkbox" | "radio" | "color" | "text" | "range" | "image" | "tel" | "url" | "email" | "datetime-local" | "file" | "password";
@@ -14390,7 +14410,11 @@ export declare const apTableRenderItemMap: {
         focus: (options?: InputFocusOptions) => void;
         blur: () => void;
         input: any;
-        setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => void;
+        setSelectionRange: (start: number, end: number, direction
+        /**
+         * 不需要渲染到Form表单的valueType字段
+         */
+        ?: "forward" | "backward" | "none") => void;
         select: () => void;
     }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
         "update:value": (...args: any[]) => void;
@@ -15632,4 +15656,3 @@ export declare const apTableRenderItemMap: {
  * 不需要渲染到Form表单的valueType字段
  */
 export declare const noRenderAsFormItemValueList: (keyof ApTableValueFields)[];
-export declare const ellipsisTitleStyle: CSSProperties;

package/lib/src/ap-table/constants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../ap-action/index.js");require("../ap-field/index.js");require("../ap-form/index.js");require("./components/index/index.vue.js");require("./components/status/index.vue.js");const t=require("../ap-form/items/date/index.vue.js"),_=require("../ap-form/items/date-range/index.vue.js"),u=require("../ap-form/items/number/index.vue.js"),r=require("../ap-form/items/radio/index.vue.js"),i=require("../ap-form/items/select/index.vue.js"),s=require("../ap-form/items/switch/index.vue.js"),e=require("../ap-form/items/text/index.js"),n=require("../ap-form/items/text-area/index.vue.js"),a=require("../ap-form/items/checkbox/index.vue.js"),p=require("../ap-field/date/index.vue.js"),l=require("../ap-field/date-range/index.vue.js"),d=require("../ap-field/number/index.vue.js"),c=require("../ap-field/radio/index.vue.js"),o=require("../ap-field/select/index.vue.js"),v=require("../ap-field/switch/index.vue.js"),x=require("../ap-field/text/index.js"),q=require("../ap-field/text-area/index.vue.js"),g=require("../ap-field/checkbox/index.vue.js"),f=require("../ap-action/group/index.vue.js"),y=require("./components/index/index.vue2.js"),m=require("./components/status/index.vue2.js"),$=require("../ap-field/text/password.vue.js"),b={date:t.default,dateRange:_.default,number:u.default,radio:r.default,select:i.default,switch:s.default,text:e.ApFormItemText,textArea:n.default,checkbox:a.default,password:e.ApFormItemText.Password},w={date:p.default,dateRange:l.default,number:d.default,radio:c.default,select:o.default,switch:v.default,text:x.ApFieldText,textArea:q.default,checkbox:g.default,action:f.default,index:y.default,status:m.default,password:$.default},T=["action","index"],h={display:"-webkit-inline-box","-webkit-line-clamp":2,"-webkit-box-orient":"vertical",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"normal",maxWidth:"100%",verticalAlign:"middle",wordBreak:"break-all",flex:1};exports.apTableFormItemMap=b;exports.apTableRenderItemMap=w;exports.ellipsisTitleStyle=h;exports.noRenderAsFormItemValueList=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../ap-action/index.js");require("../ap-field/index.js");require("../ap-form/index.js");require("./components/index/index.vue.js");require("./components/status/index.vue.js");const t=require("../ap-form/items/date/index.vue.js"),_=require("../ap-form/items/date-range/index.vue.js"),u=require("../ap-form/items/number/index.vue.js"),r=require("../ap-form/items/radio/index.vue.js"),s=require("../ap-form/items/select/index.vue.js"),i=require("../ap-form/items/switch/index.vue.js"),e=require("../ap-form/items/text/index.js"),n=require("../ap-form/items/text-area/index.vue.js"),p=require("../ap-form/items/checkbox/index.vue.js"),a=require("../ap-field/date/index.vue.js"),d=require("../ap-field/date-range/index.vue.js"),c=require("../ap-field/number/index.vue.js"),l=require("../ap-field/radio/index.vue.js"),o=require("../ap-field/select/index.vue.js"),v=require("../ap-field/switch/index.vue.js"),x=require("../ap-field/text/index.js"),q=require("../ap-field/text-area/index.vue.js"),g=require("../ap-field/checkbox/index.vue.js"),f=require("../ap-action/group/index.vue.js"),y=require("./components/index/index.vue2.js"),$=require("./components/status/index.vue2.js"),m=require("../ap-field/text/password.vue.js"),b={date:t.default,dateRange:_.default,number:u.default,radio:r.default,select:s.default,switch:i.default,text:e.ApFormItemText,textArea:n.default,checkbox:p.default,password:e.ApFormItemText.Password},I={date:a.default,dateRange:d.default,number:c.default,radio:l.default,select:o.default,switch:v.default,text:x.ApFieldText,textArea:q.default,checkbox:g.default,action:f.default,index:y.default,status:$.default,password:m.default},T=["action","index"];exports.apTableFormItemMap=b;exports.apTableRenderItemMap=I;exports.noRenderAsFormItemValueList=T;

package/lib/src/ap-table/context.d.ts

@@ -0,0 +1,31 @@
+import { ColumnType } from 'ant-design-vue/es/table';
+import { ComputedRef, InjectionKey } from 'vue';
+import { ApTableProps } from './interface';
+type TableSize = ApTableProps['size'];
+type ApTableContextProps<RecordType> = {
+    /**
+     * 表格列配置
+     */
+    columns?: ComputedRef<ColumnType<RecordType>[]>;
+    /**
+     * 表格列配置备份（只有在props变更后才会变更）
+     */
+    columnsBackup?: ComputedRef<ColumnType<RecordType>[]>;
+    /**
+     * 更新数据源的方法
+     * @param name
+     * @param value
+     * @param triggerChange 是否触发外部的`onValuesChange`函数
+     * @returns
+     */
+    updateColumns?: (nextColumns: ColumnType<RecordType>[]) => void;
+    /**
+     * ApForm内部实例
+     */
+    size?: ComputedRef<TableSize>;
+    updateSize?: (nextSize: TableSize) => void;
+};
+export declare const ApTableContextKey: InjectionKey<ApTableContextProps<any>>;
+export declare function useProvideApTable<ModelType>(state: ApTableContextProps<ModelType>): void;
+export declare function useInjectApTable(): ApTableContextProps<any>;
+export {};

package/lib/src/ap-table/context.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=Symbol("apTableContextKey");function u(o){e.provide(t,o)}function n(){return e.inject(t,{columns:e.computed(()=>[]),updateColumns:()=>{},size:e.computed(()=>"middle"),updateSize:()=>{}})}exports.ApTableContextKey=t;exports.useInjectApTable=n;exports.useProvideApTable=u;

package/lib/src/ap-table/hooks/use-table-column-state.d.ts

@@ -0,0 +1,18 @@
+import { ApColumnState } from '../interface';
+import { Ref, ComputedRef } from 'vue';
+export declare const useTableColumnState: (initialColumnState: ApColumnState[]) => {
+    columnState: Ref<{
+        key: string | number;
+        show?: boolean | undefined;
+        fixed?: ("left" | "right") | undefined;
+        disabled?: boolean | undefined;
+        label?: any;
+        children?: any[] | undefined;
+    }[]>;
+    selectAll: () => void;
+    unSelectAll: () => void;
+    toggleSelect: (key: string, show?: boolean) => void;
+    setColumnState: (nextColumnState: ApColumnState[]) => void;
+    isAllSelected: ComputedRef<boolean>;
+    toggleSelectAll: () => void;
+};

package/lib/src/ap-table/hooks/use-table-column-state.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),d=require("../../utils/index.js");function r(s,e){s.forEach(u=>{var o;e(u),(o=u.children)!=null&&o.length&&r(u.children,e)})}const h=s=>{const e=l.ref(s),u=l.computed(()=>l.unref(e).every(t=>t.show));function o(){const t=l.unref(e);r(t,n=>{!n.disabled&&(n.show=!0)})}function f(){const t=l.unref(e);r(t,n=>{!n.disabled&&(n.show=!1)})}function i(){l.unref(u)?f():o()}function a(t,n){r(l.unref(e),c=>{c.key===t&&(c.show=d.isDef(n)?n:!c.show)})}function S(t){e.value=t}return{columnState:e,selectAll:o,unSelectAll:f,toggleSelect:a,setColumnState:S,isAllSelected:u,toggleSelectAll:i}};exports.useTableColumnState=h;

package/lib/src/ap-table/hooks/use-table-content-height.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("@vueuse/core"),r=require("vue");function g(t){if(!t)return 0;const e=parseFloat(t);return Number.isNaN(e)?0:e}function s(t){if(!t)return 0;const e=getComputedStyle(t);return t.clientHeight+g(e.marginTop)+g(e.marginBottom)}const p=t=>{const e=r.ref(),{height:f}=m.useElementSize(e),u=r.ref();let a=!1;const h=r.computed(()=>{var o,c,l;const i=((c=(o=e.value)==null?void 0:o.querySelector(".ant-table-header"))==null?void 0:c.clientHeight)||47,n=(l=e.value)==null?void 0:l.querySelector(".ant-pagination"),d=n?s(n):r.unref(u);return n&&(a=!0),Math.ceil(r.unref(f)-i-(d||0)-((t==null?void 0:t.offset)||0))});return r.onUpdated(()=>{var n;if(a)return;const i=(n=e.value)==null?void 0:n.querySelector(".ant-pagination");if(!i){u.value=0;return}u.value=s(i),a=!0}),{contentRef:e,height:h}};exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("@vueuse/core"),r=require("vue");function f(t){if(!t)return 0;const e=parseFloat(t);return Number.isNaN(e)?0:e}function d(t){if(!t)return 0;const e=getComputedStyle(t);return t.clientHeight+f(e.marginTop)+f(e.marginBottom)}const b=t=>{const e=r.ref(),{height:p}=S.useElementSize(e),i=r.ref();let u=!1;const H=r.computed(()=>{var c,l,g,s,h;const n=((l=(c=e.value)==null?void 0:c.querySelector(".aplus-ap-table-header-wrapper"))==null?void 0:l.clientHeight)||0,a=((s=(g=e.value)==null?void 0:g.querySelector(".ant-table-header"))==null?void 0:s.clientHeight)||47,o=(h=e.value)==null?void 0:h.querySelector(".ant-pagination"),m=o?d(o):r.unref(i);return o&&(u=!0),Math.ceil(r.unref(p)-a-n-(m||0)-((t==null?void 0:t.offset)||0))});return r.onUpdated(()=>{var a;if(u)return;const n=(a=e.value)==null?void 0:a.querySelector(".ant-pagination");if(!n){i.value=0;return}i.value=d(n),u=!0}),{contentRef:e,height:H}};exports.default=b;

package/lib/src/ap-table/hooks/use-table-paging.d.ts

@@ -91,4 +91,5 @@ export declare const useTablePaging: <DataType = any, ParamsType = Record<string
         dataSource: DataType[];
     }>;
     dataSource: ComputedRef<DataType[]>;
+    setDataSource: (dataSource: DataType[]) => void;
 };

package/lib/src/ap-table/hooks/use-table-paging.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),O=require("../utils.js"),X=require("lodash-unified");require("../../config-provider/index.js");const Y=require("../../config-provider/hooks/use-locale.js"),Z=require("../../config-provider/hooks/use-namespace.js"),_=({manual:j=!1,defaultCurrent:R=1,defaultPageSize:V=10,request:D,defaultParams:M={},defaultData:A=[],formatParams:x,paramsValueTypeMap:z,resetFieldsIgnores:q,filterFields:B,sortFields:E,showLessItems:b=!1,showTotal:L=!0})=>{let P=0,f={};const $=t=>x?x(t):t,c=e.ref(),i=e.ref(R),d=e.ref(V),{t:S}=Y.useLocale(),{b:T}=Z.useNamespace("ap-table"),o=e.ref({total:0,records:A,loading:!1}),y=async t=>{var r;const n=$(t),a=Date.now();P=a,o.value.loading=!0;try{const s=await D({...M,...n});P===a&&(o.value.total=s.total||((r=s.data)==null?void 0:r.length)||0,o.value.records=[...s.data||[]])}catch{P===a&&(o.value.records=[],o.value.total=0)}finally{o.value.loading=!1}},N=t=>{const n={};return Object.entries(t).forEach(([a,r])=>{if(n[a]=r,z&&r){const s=z[a];s&&(n[a]=O.parseFieldValue(s,r))}}),n},J=async t=>{var r,s,g,p,h,l,m;const n=((s=(r=c.value)==null?void 0:r.apForm)==null?void 0:s.getFieldsValue())||{},a={};Object.entries(n).forEach(([v,u])=>{q&&q.indexOf(v)>-1&&(a[v]=u)}),await((p=(g=c.value)==null?void 0:g.apForm)==null?void 0:p.resetFields()),(m=(l=(h=c.value)==null?void 0:h.apForm)==null?void 0:l.setFieldsValue)==null||m.call(l,a),e.nextTick(()=>{t==null||t()})},F=t=>{f=t;const n=N(t);y(n)},Q=t=>{F({...f,...t})},w=()=>{var n,a;const t=((a=(n=c.value)==null?void 0:n.apForm)==null?void 0:a.getFieldsValue(!0))||{};i.value=1,F({...t,current:1,pageSize:f.pageSize||V})},U=()=>{J(w)},G=()=>{F(f)},H=t=>{const n=e.unref(o).total-t,a=Math.ceil(n/e.unref(d)),r=e.unref(i)>a?a:e.unref(i);Q({current:r>0?r:1})},C=(t,n,a)=>{var h,l,m,v;const r=((l=(h=c.value)==null?void 0:h.apForm)==null?void 0:l.getFieldsValue(!0))||{};i.value=t.current,d.value=t.pageSize;const s=X.isArray(a)?[...a]:[a],g={};for(const u of s)(m=e.unref(E))!=null&&m.includes(u.field)&&(g[O.dataIndexToStr(u.field)]=u.order);const p={};for(const u of Object.keys(n))(v=e.unref(B))!=null&&v.includes(u)&&(p[u]=n[u]);F({...r,filter:p,sort:g,current:t.current,pageSize:t.pageSize})};e.onMounted(()=>{var n,a;const t=((a=(n=c.value)==null?void 0:n.apForm)==null?void 0:a.getFieldsValue(!0))||{};if(f={current:e.unref(i),pageSize:e.unref(d),...t},!j){const r=N(f);y(r)}});const K=e.computed(()=>e.unref(o).total===0?"-":`${e.unref(i.value)}/${Math.ceil(e.unref(o).total/e.unref(d))}`),W=e.computed(()=>({loading:e.unref(o).loading,pagination:{current:e.unref(i),pageSize:e.unref(d),total:e.unref(o).total,showSizeChanger:!b,showQuickJumper:!b,showLessItems:b,size:"default",showTotal:L?t=>e.createVNode("span",{class:T("pagination-total-wrapper")},[S("ap.apTable.pagination.totalLeftPrefix")," ",e.createVNode("span",{class:T("pagination-count-text")},[t])," ",S("ap.apTable.pagination.totalLeftSuffix"),e.createVNode("span",{class:T("pagination--total-right")},[S("ap.apTable.pagination.totalRightPrefix")," ",e.createVNode("span",{class:T("pagination-count-text")},[e.unref(K)])," ",S("ap.apTable.pagination.totalRightSuffix")])]):void 0},onChange:C,dataSource:e.unref(o).records}));return{formRef:c,submit:w,reset:U,refresh:G,refreshByDelete:H,data:o,current:i,pageSize:d,handleTableChange:C,tableProps:W,dataSource:e.computed(()=>e.unref(o).records)}};exports.useTablePaging=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),O=require("../utils.js"),Y=require("lodash-unified");require("../../config-provider/index.js");const Z=require("../../config-provider/hooks/use-locale.js"),_=require("../../config-provider/hooks/use-namespace.js"),I=({manual:j=!1,defaultCurrent:D=1,defaultPageSize:V=10,request:R,defaultParams:M={},defaultData:A=[],formatParams:x,paramsValueTypeMap:z,resetFieldsIgnores:q,filterFields:B,sortFields:E,showLessItems:P=!1,showTotal:L=!0})=>{let S=0,f={};const $=e=>x?x(e):e,l=t.ref(),i=t.ref(D),g=t.ref(V),{t:T}=Z.useLocale(),{b:F}=_.useNamespace("ap-table"),r=t.ref({total:0,records:A,loading:!1}),y=async e=>{var o;const n=$(e),a=Date.now();S=a,r.value.loading=!0;try{const s=await R({...M,...n});S===a&&(r.value.total=s.total||((o=s.data)==null?void 0:o.length)||0,r.value.records=[...s.data||[]])}catch{S===a&&(r.value.records=[],r.value.total=0)}finally{r.value.loading=!1}},N=e=>{const n={};return Object.entries(e).forEach(([a,o])=>{if(n[a]=o,z&&o){const s=z[a];s&&(n[a]=O.parseFieldValue(s,o))}}),n},J=async e=>{var o,s,p,d,h,c,v;const n=((s=(o=l.value)==null?void 0:o.apForm)==null?void 0:s.getFieldsValue())||{},a={};Object.entries(n).forEach(([m,u])=>{q&&q.indexOf(m)>-1&&(a[m]=u)}),await((d=(p=l.value)==null?void 0:p.apForm)==null?void 0:d.resetFields()),(v=(c=(h=l.value)==null?void 0:h.apForm)==null?void 0:c.setFieldsValue)==null||v.call(c,a),t.nextTick(()=>{e==null||e()})},b=e=>{f=e;const n=N(e);y(n)},Q=e=>{b({...f,...e})},w=()=>{var n,a;const e=((a=(n=l.value)==null?void 0:n.apForm)==null?void 0:a.getFieldsValue(!0))||{};i.value=1,b({...e,current:1,pageSize:f.pageSize||V})},U=()=>{J(w)},G=()=>{b(f)},H=e=>{const n=t.unref(r).total-e,a=Math.ceil(n/t.unref(g)),o=t.unref(i)>a?a:t.unref(i);Q({current:o>0?o:1})},C=(e,n,a)=>{var h,c,v,m;const o=((c=(h=l.value)==null?void 0:h.apForm)==null?void 0:c.getFieldsValue(!0))||{};i.value=e.current,g.value=e.pageSize;const s=Y.isArray(a)?[...a]:[a],p={};for(const u of s)(v=t.unref(E))!=null&&v.includes(u.field)&&(p[O.dataIndexToStr(u.field)]=u.order);const d={};for(const u of Object.keys(n))(m=t.unref(B))!=null&&m.includes(u)&&(d[u]=n[u]);b({...o,filter:d,sort:p,current:e.current,pageSize:e.pageSize})};t.onMounted(()=>{var n,a;const e=((a=(n=l.value)==null?void 0:n.apForm)==null?void 0:a.getFieldsValue(!0))||{};if(f={current:t.unref(i),pageSize:t.unref(g),...e},!j){const o=N(f);y(o)}});const K=t.computed(()=>t.unref(r).total===0?"-":`${t.unref(i.value)}/${Math.ceil(t.unref(r).total/t.unref(g))}`);function W(e){e!=null&&e.length&&(r.value.records=e,r.value.total=e.length)}const X=t.computed(()=>({loading:t.unref(r).loading,pagination:{current:t.unref(i),pageSize:t.unref(g),total:t.unref(r).total,showSizeChanger:!P,showQuickJumper:!P,showLessItems:P,size:"default",showTotal:L?e=>t.createVNode("span",{class:F("pagination-total-wrapper")},[T("ap.apTable.pagination.totalLeftPrefix")," ",t.createVNode("span",{class:F("pagination-count-text")},[e])," ",T("ap.apTable.pagination.totalLeftSuffix"),t.createVNode("span",{class:F("pagination--total-right")},[T("ap.apTable.pagination.totalRightPrefix")," ",t.createVNode("span",{class:F("pagination-count-text")},[t.unref(K)])," ",T("ap.apTable.pagination.totalRightSuffix")])]):void 0},onChange:C,dataSource:t.unref(r).records}));return{formRef:l,submit:w,reset:U,refresh:G,refreshByDelete:H,data:r,current:i,pageSize:g,handleTableChange:C,tableProps:X,dataSource:t.computed(()=>t.unref(r).records),setDataSource:W}};exports.useTablePaging=I;

package/lib/src/ap-table/interface.d.ts

@@ -72,6 +72,52 @@ export type CommonFieldReturnType = ApFormItemProps & {
     placeholder?: string;
     disabled?: boolean;
 };
+export type ApTableSettingType = {
+    /**
+     * 用于持久化缓存的key
+     */
+    persistenceKey?: string;
+    /**
+     * 持久化类型
+     */
+    persistenceType?: 'localStorage' | 'sessionStorage';
+    /**
+     * 列的默认状态
+     */
+    defaultValue?: Recordable<Omit<ApColumnState, 'children' | 'key'>>;
+    /**
+     * 列状态变更时的回调（注意，返回的是全量状态）
+     * @param val
+     * @returns
+     */
+    onChange?: (val: ApColumnState[]) => void;
+};
+export type ApColumnState = {
+    /**
+     * 列的唯一标识
+     */
+    key: string | number;
+    /**
+     * 列是否显示
+     */
+    show?: boolean;
+    /**
+     * 列的固定状态
+     */
+    fixed?: 'left' | 'right';
+    /**
+     * 是否可以修改列状态
+     */
+    disabled?: boolean;
+    /**
+     * 列对应显示的文本
+     */
+    label?: any;
+    /**
+     * 子节点状态
+     */
+    children?: ApColumnState[];
+};
 export type FieldPropsType<ReturnType, RecordType, ExtraValueType, ValueType extends ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType> = ReturnType | ((opt: Partial<{
     value: any;
     text: any;
@@ -81,7 +127,7 @@ export type FieldPropsType<ReturnType, RecordType, ExtraValueType, ValueType ext
     column: ApColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>;
 }>) => ReturnType);
 export type ApColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? ExtraProColumnType<RecordType> & {
-    children?: ApColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>[];
+    children?: Omit<ApColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>, 'fixed'>[];
     /**
      * 表单项所占据的格子数（1-24格）
      */
@@ -267,6 +313,10 @@ export type ApTableProps<RecordType = any, ParamsType = any> = Omit<TableProps<R
      * 设置表格列是否可以resize
      */
     columnResizable?: ColumnType['resizable'];
+    /**
+     * 是否开启表格设置
+     */
+    settings?: true | ApTableSettingType;
 };
 export type ApTableExpose<SearchParamsType = Recordable, RecordType = any> = {
     /**

package/lib/src/ap-table/style/ap-table.css

@@ -7,7 +7,9 @@
   display: flex;
   flex-direction: column;
 }
-.aplus-ap-table-adaptive .ant-table-wrapper,
+.aplus-ap-table-adaptive .ant-table-wrapper {
+  flex: 1;
+}
 .aplus-ap-table-adaptive .ant-spin-nested-loading,
 .aplus-ap-table-adaptive .ant-spin-container {
   height: 100%;
@@ -35,6 +37,8 @@
 .aplus-ap-table__table-wrapper {
   flex: 1;
   max-height: 100%;
+  display: flex;
+  flex-direction: column;
 }
 .aplus-ap-table__table-wrapper-card {
   padding: 16px;
@@ -98,3 +102,27 @@
 .aplus-ap-table-pagination-total-wrapper {
   color: var(--ap-table-pagination-total-color, #526A90);
 }
+.aplus-ap-table-header {
+  padding-bottom: 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.aplus-ap-table-header__title {
+  flex: 1;
+  flex-shrink: 1;
+  min-width: 0;
+}
+.aplus-ap-table-table-header__title {
+  display: -webkit-inline-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: normal;
+  max-width: 100%;
+  vertical-align: middle;
+  word-break: break-all;
+  flex: 1;
+}

package/lib/src/ap-table/utils.d.ts

@@ -8423,7 +8423,7 @@ export declare function updateFormProps(item: ApColumnType<any, any>, fieldProps
  * @returns
  */
 export declare function objectToString(value: any): any;
-export declare function getTableTitle(column: ApColumnType<any>, slot?: (props: {
+export declare function getTableTitle(column: ApColumnType<any>, titleNodeClassName: string, slot?: (props: {
     title: any;
     column: ApColumnType<any>;
 }) => any, tooltipColor?: string): number | boolean | void | VNodeArrayChildren | import("vue/jsx-runtime").JSX.Element | ((props: ColumnTitleProps<any>) => VNodeArrayChildren | VueNode) | null;

package/lib/src/ap-table/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),i=require("lodash-unified"),c=require("./constants.js"),T=require("@fruits-chain/utils");require("../ap-form/index.js");const g=require("ant-design-vue"),b=require("@ant-design/icons-vue"),y=require("../ap-form/ap-form-item.vue.js");function h(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!u.isVNode(e)}const d=(e,t,n)=>{let r={};return i.isObject(e)?Object.keys(e).forEach(s=>{i.isObject(e[s])?r[s]=d(e[s],t[s],n):r[s]=n(e[s],t)}):r=n(e,t),r},j=(e,t)=>{switch(e){case"dayjs":return t.valueOf();case"dayjsRange":return t.map(n=>n.valueOf());case"dayjsDayRange":{const[n,r]=t;return[n.startOf("day").valueOf(),r.endOf("day").valueOf()]}case"multiple":case"multipleNumber":return i.isArray(t)?t:[t];case"boolean":return t;case"object":return t;default:return t}};function F(e){return i.isArray(e)?e.join("."):e}function N(e){const t=Object.prototype.toString.call(e).match(/^\[object (.*)\]$/)[1].toLowerCase();return t==="string"&&typeof e=="object"?"object":e===null?"null":e===void 0?"undefined":t}const f=e=>N(e)==="map"?e:new Map(Object.entries(e||{})),a=e=>{const t=[],n=f(e);return n.forEach((r,s)=>{const o=n.get(s)||n.get(`${s}`);if(o){if(typeof o=="object"&&(o!=null&&o.text)){t.push({text:o==null?void 0:o.text,value:s,label:o==null?void 0:o.text,disabled:o.disabled});return}t.push({text:o,label:o,value:s})}}),t},O=e=>i.isUndefined(e)||e<0?0:e,S=(e,t,n)=>{if(n)return n;const r=["select","date"],s=["text","textArea","number"];if(t==="dateRange")return[e("ap.common.chooseText"),e("ap.common.chooseText")];if(r.includes(t))return e("ap.common.chooseText");if(s.includes(t))return e("ap.common.inputText")};function p(e,t){return!e||!i.isFunction(e)?e:e(t)}function V(e){let t=e.valueType||"text";return e.valueEnum&&(t="status"),t}function E(e,t,n,r){var l;const s=c.apTableRenderItemMap[e];if(s)return u.createVNode(s,u.mergeProps(t,{mode:"read"}),null);const o=r==null?void 0:r[e];return((l=o==null?void 0:o.render)==null?void 0:l.call(o,t.value,n,t))||t.value}function P(e,t){if(e.customRenderFormItem)return()=>{const s=e.customRenderFormItem(e);return u.cloneVNode(s,{...e.fieldProps,span:e.span,...s.props||{}})};const n=c.apTableFormItemMap[e.valueType];if(n)return n;const r=t==null?void 0:t[e.valueType];return()=>{var o;const s=(o=r==null?void 0:r.renderFormItem)==null?void 0:o.call(r,e.fieldProps.field);return s?u.createVNode(y.default,u.mergeProps(e.fieldProps,{span:e.span}),h(s)?s:{default:()=>[s]}):null}}function v(e,t){const n=p(e.fieldProps,t),r=(n==null?void 0:n.field)||n||{},s=e.valueType==="switch",o=e.valueType==="index",l=s?{checked:t.value}:{value:o?t.index+1:t.value};return e.valueEnum&&(r.valueEnum=e.valueEnum),{...i.omit(r,["request"]),...l}}function I(e){const t={...e};return i.isBoolean(e.filters)&&e.filters&&e.valueEnum&&(t.filters=a(e.valueEnum)),t}function C(e,t){var r;const n=t||{};return e.valueEnum&&!((r=n.field)!=null&&r.options)&&(n.field={...n.field,options:a(e.valueEnum)}),n}function q(e){if(!T.isType("Object")(e))return e;try{return JSON.stringify(e)}catch{return e}}function x(e,t,n){const r=t==null?void 0:t({title:e.title,column:e});if(r&&(r.length>1||r[0].children&&r[0].children!=="v-if"))return r;const o=i.isString(e.title)?u.createVNode("span",{style:c.ellipsisTitleStyle,title:e.title},[e.title]):e.title,l=e.tooltip?i.isString(e.tooltip)?u.createVNode(u.Fragment,null,[e.tooltip]):e.tooltip(e):null,m=()=>u.createVNode("span",{style:{display:"inline-flex",alignItems:"center"}},[o,u.createVNode(g.Tooltip,{title:l,placement:"bottom"},{default:()=>[u.createVNode(b.QuestionCircleOutlined,{style:{padding:"4px",color:n,verticalAlign:"middle"}},null)]})]);return l?m:o}exports.apColumnToColumn=I;exports.dataIndexToStr=F;exports.formatParamsValueType=d;exports.getColumnOrder=O;exports.getFieldProps=p;exports.getPlaceholder=S;exports.getSearchFormItemRenderNode=P;exports.getTableCellRenderNode=E;exports.getTableRenderProps=v;exports.getTableRenderType=V;exports.getTableTitle=x;exports.objectToMap=f;exports.objectToString=q;exports.parseFieldValue=j;exports.updateFormProps=C;exports.valueEnumToArray=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),i=require("lodash-unified"),d=require("./constants.js"),g=require("@fruits-chain/utils");require("../ap-form/index.js");const b=require("ant-design-vue"),y=require("@ant-design/icons-vue"),h=require("../ap-form/ap-form-item.vue.js");function j(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!u.isVNode(e)}const f=(e,t,n)=>{let o={};return i.isObject(e)?Object.keys(e).forEach(r=>{i.isObject(e[r])?o[r]=f(e[r],t[r],n):o[r]=n(e[r],t)}):o=n(e,t),o},F=(e,t)=>{switch(e){case"dayjs":return t.valueOf();case"dayjsRange":return t.map(n=>n.valueOf());case"dayjsDayRange":{const[n,o]=t;return[n.startOf("day").valueOf(),o.endOf("day").valueOf()]}case"multiple":case"multipleNumber":return i.isArray(t)?t:[t];case"boolean":return t;case"object":return t;default:return t}};function N(e){return i.isArray(e)?e.join("."):e}function O(e){const t=Object.prototype.toString.call(e).match(/^\[object (.*)\]$/)[1].toLowerCase();return t==="string"&&typeof e=="object"?"object":e===null?"null":e===void 0?"undefined":t}const p=e=>O(e)==="map"?e:new Map(Object.entries(e||{})),c=e=>{const t=[],n=p(e);return n.forEach((o,r)=>{const s=n.get(r)||n.get(`${r}`);if(s){if(typeof s=="object"&&(s!=null&&s.text)){t.push({text:s==null?void 0:s.text,value:r,label:s==null?void 0:s.text,disabled:s.disabled});return}t.push({text:s,label:s,value:r})}}),t},S=e=>i.isUndefined(e)||e<0?0:e,V=(e,t,n)=>{if(n)return n;const o=["select","date"],r=["text","textArea","number"];if(t==="dateRange")return[e("ap.common.chooseText"),e("ap.common.chooseText")];if(o.includes(t))return e("ap.common.chooseText");if(r.includes(t))return e("ap.common.inputText")};function m(e,t){return!e||!i.isFunction(e)?e:e(t)}function E(e){let t=e.valueType||"text";return e.valueEnum&&(t="status"),t}function P(e,t,n,o){var l;const r=d.apTableRenderItemMap[e];if(r)return u.createVNode(r,u.mergeProps(t,{mode:"read"}),null);const s=o==null?void 0:o[e];return((l=s==null?void 0:s.render)==null?void 0:l.call(s,t.value,n,t))||t.value}function v(e,t){if(e.customRenderFormItem)return()=>{const r=e.customRenderFormItem(e);return u.cloneVNode(r,{...e.fieldProps,span:e.span,...r.props||{}})};const n=d.apTableFormItemMap[e.valueType];if(n)return n;const o=t==null?void 0:t[e.valueType];return()=>{var s;const r=(s=o==null?void 0:o.renderFormItem)==null?void 0:s.call(o,e.fieldProps.field);return r?u.createVNode(h.default,u.mergeProps(e.fieldProps,{span:e.span}),j(r)?r:{default:()=>[r]}):null}}function I(e,t){const n=m(e.fieldProps,t),o=(n==null?void 0:n.field)||n||{},r=e.valueType==="switch",s=e.valueType==="index",l=r?{checked:t.value}:{value:s?t.index+1:t.value};return e.valueEnum&&(o.valueEnum=e.valueEnum),{...i.omit(o,["request"]),...l}}function q(e){const t={...e};return i.isBoolean(e.filters)&&e.filters&&e.valueEnum&&(t.filters=c(e.valueEnum)),t}function x(e,t){var o;const n=t||{};return e.valueEnum&&!((o=n.field)!=null&&o.options)&&(n.field={...n.field,options:c(e.valueEnum)}),n}function C(e){if(!g.isType("Object")(e))return e;try{return JSON.stringify(e)}catch{return e}}function _(e,t,n,o){const r=n==null?void 0:n({title:e.title,column:e});if(r&&(r.length>1||r[0].children&&r[0].children!=="v-if"))return r;const l=i.isString(e.title)?u.createVNode("span",{class:t,title:e.title},[e.title]):e.title,a=e.tooltip?i.isString(e.tooltip)?u.createVNode(u.Fragment,null,[e.tooltip]):e.tooltip(e):null,T=u.createVNode("span",{style:{display:"inline-flex",alignItems:"center"}},[l,u.createVNode(b.Tooltip,{title:a,placement:"bottom"},{default:()=>[u.createVNode(y.QuestionCircleOutlined,{style:{padding:"4px",color:o,verticalAlign:"middle"}},null)]})]);return a?T:l}exports.apColumnToColumn=q;exports.dataIndexToStr=N;exports.formatParamsValueType=f;exports.getColumnOrder=S;exports.getFieldProps=m;exports.getPlaceholder=V;exports.getSearchFormItemRenderNode=v;exports.getTableCellRenderNode=P;exports.getTableRenderProps=I;exports.getTableRenderType=E;exports.getTableTitle=_;exports.objectToMap=p;exports.objectToString=C;exports.parseFieldValue=F;exports.updateFormProps=x;exports.valueEnumToArray=c;

package/lib/src/business/ap-attachment/ApAttachment.d.ts

@@ -42,7 +42,7 @@ declare const _default: DefineComponent<{
     toolTipBgColor: {
         type: StringConstructor;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+}, () => false | import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     attachmentList: {
         type: PropType<Array<AttachmentItemProps>>;
         default: never[];

package/lib/src/business/ap-attachment/ApAttachment.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("ant-design-vue");require("../../config-provider/index.js");const L=require("./constans.js"),v=require("../../ap-download/utils/getFileInfo.js");require("./style.css");const x=require("../../ap-download/hooks/index.js"),O=require("lodash-unified"),T=require("../../config-provider/hooks/use-namespace.js"),h=require("../../config-provider/hooks/use-global-config.js"),b=require("../../config-provider/hooks/use-locale.js"),P=e.defineComponent({name:"ApAttachment",props:L.ApAttachmentProps(),setup(t){const{b:g,e:o}=T.useNamespace("ap-attachment"),N=h.useGlobalConfig("uiMode"),p=h.useGlobalConfig("apUpload"),{lang:A,t:c}=b.useLocale(),s=e.useSlots(),V=e.computed(()=>A.value==="zh-cn"?"zh_CN":"en_US"),l=e.computed(()=>t.attachmentList.length===1),r=e.computed(()=>t.attachmentList.length>0?t.attachmentList[0].fileName:""),w=e.computed(()=>l.value?r.value:c("ap.apAttachment.downloadall")),d=e.computed(()=>t.color?t.color:N.value==="aplus"?"#0070FF":"#1890FF"),C=e.computed(()=>({width:l.value?"auto":"266px"})),m=e.computed(()=>({"--download-main-color":d.value,"--download-main-color-opacity":v.getHexWithOpacity(d.value,.6)})),q=e.computed(()=>{var a;return t.getOssAccess||((a=p.value)==null?void 0:a.getOssAccess)}),y=e.computed(()=>{const a=s.default?s.default()[0]:null;return a?e.cloneVNode(a,{style:{"font-size":"16px"}}):null}),u=async a=>{if(!t.disabled){const n=await x.useOssInit(q.value,e.unref(V)),i=O.isArray(e.toRaw(a))?e.toRaw(a):[e.toRaw(a)];await n.downloadFile(v.getFileInfo(t.needName,i))}},F=a=>a&&a.length>0?e.createVNode("ul",{class:[o("file-list")],style:m.value},[a.map((n,i)=>e.createVNode("li",{key:i,class:[o("file-item")],onClick:()=>u(n)},[n.fileName])),e.createVNode("li",{class:[o("down-load-all")],onClick:()=>u(t.attachmentList)},[c("ap.apAttachment.downloadall")])]):null;return()=>e.createVNode("div",{class:[g()],style:[C.value,m.value]},[e.createVNode(f.Tooltip,{title:w.value,placement:t.textToolTipPlacement,color:t.toolTipBgColor},{default:()=>[e.createVNode("div",{class:[o("content")],onClick:()=>u(l.value?t.attachmentList[0]:t.attachmentList)},[s.default?e.createVNode("div",{class:[o("text-render")]},[y.value,e.createTextVNode(" ")]):null,e.createVNode("div",{class:[o("text-inner")]},[r.value])])]}),e.createVNode(f.Popover,{content:F(t.attachmentList),placement:t.fileMorePopoverPlacement,color:"#fff"},{default:()=>[!l.value&&e.createVNode("div",{class:[o("more")]},[c("ap.apAttachment.more")])]})])}});exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("ant-design-vue");require("../../config-provider/index.js");const F=require("./constans.js"),v=require("../../ap-download/utils/getFileInfo.js");require("./style.css");const x=require("../../ap-download/hooks/index.js"),O=require("lodash-unified"),T=require("../../config-provider/hooks/use-namespace.js"),h=require("../../config-provider/hooks/use-global-config.js"),b=require("../../config-provider/hooks/use-locale.js"),P=e.defineComponent({name:"ApAttachment",props:F.ApAttachmentProps(),setup(t){const{b:g,e:o}=T.useNamespace("ap-attachment"),N=h.useGlobalConfig("uiMode"),p=h.useGlobalConfig("apUpload"),{lang:A,t:c}=b.useLocale(),s=e.useSlots(),V=e.computed(()=>A.value==="zh-cn"?"zh_CN":"en_US"),n=e.computed(()=>t.attachmentList.length===1),r=e.computed(()=>t.attachmentList.length>0?t.attachmentList[0].fileName:""),w=e.computed(()=>n.value?r.value:c("ap.apAttachment.downloadall")),d=e.computed(()=>t.color?t.color:N.value==="aplus"?"#0070FF":"#1890FF"),C=e.computed(()=>({width:n.value?"auto":"266px"})),m=e.computed(()=>({"--download-main-color":d.value,"--download-main-color-opacity":v.getHexWithOpacity(d.value,.6)})),L=e.computed(()=>{var a;return t.getOssAccess||((a=p.value)==null?void 0:a.getOssAccess)}),q=e.computed(()=>{const a=s.default?s.default()[0]:null;return a?e.cloneVNode(a,{style:{"font-size":"16px"}}):null}),i=async a=>{if(!t.disabled){const l=await x.useOssInit(L.value,e.unref(V)),u=O.isArray(e.toRaw(a))?e.toRaw(a):[e.toRaw(a)];await l.downloadFile(v.getFileInfo(t.needName,u))}},y=a=>a&&a.length>0?e.createVNode("ul",{class:[o("file-list")],style:m.value},[a.map((l,u)=>e.createVNode("li",{key:u,class:[o("file-item")],onClick:()=>i(l)},[l.fileName])),e.createVNode("li",{class:[o("down-load-all")],onClick:()=>i(t.attachmentList)},[c("ap.apAttachment.downloadall")])]):null;return()=>{var a;return((a=t.attachmentList)==null?void 0:a.length)>0&&e.createVNode("div",{class:[g()],style:[C.value,m.value]},[e.createVNode(f.Tooltip,{title:w.value,placement:t.textToolTipPlacement,color:t.toolTipBgColor},{default:()=>[e.createVNode("div",{class:[o("content")],onClick:()=>i(n.value?t.attachmentList[0]:t.attachmentList)},[s.default?e.createVNode("div",{class:[o("text-render")]},[q.value,e.createTextVNode(" ")]):null,e.createVNode("div",{class:[o("text-inner")]},[r.value])])]}),e.createVNode(f.Popover,{content:y(t.attachmentList),placement:t.fileMorePopoverPlacement,color:"#fff"},{default:()=>[!n.value&&e.createVNode("div",{class:[o("more")]},[c("ap.apAttachment.more")])]})])}}});exports.default=P;

package/lib/src/business/ap-attachment/style.css

@@ -39,6 +39,8 @@
   max-width: 312px;
   display: flex;
   flex-direction: column;
+  margin: 0;
+  padding: 0;
 }
 .aplus-ap-attachment__file-item {
   flex: 1;

package/lib/src/business/hooks/usePageListApTable.d.ts

@@ -38,11 +38,11 @@ export declare function usePageListApTable(props?: UsePageListApTable): [ApTable
         dataSource: any;
         rowSelection?: {
             select: (item: any) => void;
+            selectAll: () => void;
+            unSelectAll: () => void;
             selectedRows: any[];
             unSelect: (item: any) => void;
             isSelected: (item: any) => boolean;
-            selectAll: () => void;
-            unSelectAll: () => void;
             clearAll: () => void;
             toggleSelect: (item: any) => void;
         } | undefined;

package/lib/src/business/index.d.ts

@@ -2748,7 +2748,7 @@ export declare const ApAttachment: DefineComponent<{
     toolTipBgColor: {
         type: StringConstructor;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+}, () => false | import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     attachmentList: {
         type: PropType<Array< AttachmentItemProps>>;
         default: never[];

package/lib/src/editable-table/interface.d.ts

@@ -12,7 +12,7 @@ export type EditableColumnType<RecordType = any, ExtraValueType = 'text', ValueT
     /**
      * 在title之后展示一个icon并触发tooltip
      */
-    tooltip?: string;
+    tooltip?: any;
     /**
      * 是否可以复制（不可编辑模式下可用）
      */

package/lib/src/locale/lang/en.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={name:"en",ap:{button:{prefix:"Prefix"},icon:{picker:{placeholder:"Click the select icon",search:"Search icon",copy:"Copy icon successfully!"}},form:{item:{apiSelect:{loadingTip:"Wait for data loading to complete..."}},maxTip:"The number of characters should be less than {count}"},common:{okText:"OK",cancelText:"Cancel",resetText:"Reset",queryText:"Search",expandText:"Unfold",closeText:"Put away",inputText:"Please enter",chooseText:"Please choose",redo:"Refresh",back:"Back",more:"More"},cropper:{modalTitle:"Avatar upload",okText:"Confirm and upload	",selectImage:"Select Image",rotateLeft:"Counterclockwise rotation",rotateRight:"Clockwise rotation",scaleX:"Flip horizontal",scaleY:"Flip vertical",zoomIn:"Zoom in",zoomOut:"Zoom out",preview:"Preview",imageTooBig:"Image too big",uploadSuccess:"Uploaded success!"},modal:{restore:"Restore",maximize:"Maximize",close:"Close"},countdown:{normalText:"Get SMS code",sendText:"Reacquire in {sec}s"},table:{settingColumn:"Column settings",settingColumnShow:"Column display",settingIndexColumnShow:"Index Column",settingSelectColumnShow:"Selection Column",settingFixedLeft:"Fixed Left",settingFixedRight:"Fixed Right",settingFullScreen:"Full Screen",settingDens:"Density",settingDensDefault:"Default",settingDensMiddle:"Middle",settingDensSmall:"Compact",selectionBarTips:"{count} records selected.",selectionBarEmpty:"No records selected.",selectionBarClear:"Clear",total:"total of {total}",index:"Index"},apForm:{search:{search:"Search",reset:"Reset"}},apTable:{pagination:{totalLeftPrefix:"Total",totalLeftSuffix:"items",totalRightPrefix:"Page",totalRightSuffix:""}},apUpload:{update:"Upload",pictureType:"Image type",videoType:"Video type",audioType:"Audio type",documentType:"Document type",allTypes:"All types",networkAnomaly:"Network abnormality",FailedToObtainOssTemporaryPermissions:"Failed to obtain temporary OSS permissions",pleasePass:"Please pass in",supportExtension:"Support extensions",uploadFile:"Upload files",fileInitializationException:"If the initial number of initialized files exceeds {maxCount}, subsequent uploaded files will be out of sync with the data",maxUploadFiles:"Upload a maximum of {maxCount} files",maxUploadPicture:"Upload a maximum of {maxCount} images",maxUploadFileSize:"The file size does not exceed {maxSize}MB",maxWarnUploadFileSize:"The file size is smaller than {maxSize}MB",maxUploadPictureSize:"The image size is smaller than {maxSize}MB",fileFormatNotSupported:"Files in this format are not supported",pictureFormatNotSupported:"Images in this format are not supported",imageParsingFailed:"Image parsing failed",clickOrDragUpload:"Click or drag the file",foldersNotSupported:"Do not support uploading folders"},apCustomColumn:{title:"Custom table",selectDes:"Please select the fields that you want to display in the table",allSelect:"check all"},apExportGroup:{exportError:"Export error",exportSelected:"Export selected",exportAll:"Export all",export:"Export"},apBatchAction:{selected:"Selected",piecesOfData:"Pieces of data",empty:"Empty"},apApBatchActionGroup:{batchOperation:"Batch operation"},workOrderModal:{createTickets:"Create ticket",submit:"Confirm",cancel:"Cancel",ticketsTitle:"Ticket Title",noEmpty:"No empty",pleaseEntry:"please enter",ticketsType:"Ticket Type",ticketsDetail:"Ticket Detail",ticketsLevel:"Priority",operationSuccess:"operate successfully",fileSizeMax:"Single file size limit",fileCountMax:"Limit the number to {x} at a time"},apTableModal:{titleSuffixOne:"You can add up to {maxCount},",titleSuffixTwo:"Added",titleSuffixThree:"",messageMaxCount:"You can select up to {maxCount} data entries"},apAttachment:{downloadall:"Download All",more:"More"}}};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={name:"en",ap:{button:{prefix:"Prefix"},icon:{picker:{placeholder:"Click the select icon",search:"Search icon",copy:"Copy icon successfully!"}},form:{item:{apiSelect:{loadingTip:"Wait for data loading to complete..."}},maxTip:"The number of characters should be less than {count}"},common:{okText:"OK",cancelText:"Cancel",resetText:"Reset",queryText:"Search",expandText:"Unfold",closeText:"Put away",inputText:"Please enter",chooseText:"Please choose",redo:"Refresh",back:"Back",more:"More"},cropper:{modalTitle:"Avatar upload",okText:"Confirm and upload	",selectImage:"Select Image",rotateLeft:"Counterclockwise rotation",rotateRight:"Clockwise rotation",scaleX:"Flip horizontal",scaleY:"Flip vertical",zoomIn:"Zoom in",zoomOut:"Zoom out",preview:"Preview",imageTooBig:"Image too big",uploadSuccess:"Uploaded success!"},modal:{restore:"Restore",maximize:"Maximize",close:"Close"},countdown:{normalText:"Get SMS code",sendText:"Reacquire in {sec}s"},table:{settingColumn:"Column settings",settingColumnShow:"Column display",settingIndexColumnShow:"Index Column",settingSelectColumnShow:"Selection Column",settingFixedLeft:"Fixed Left",settingFixedRight:"Fixed Right",settingFullScreen:"Full Screen",settingDens:"Density",settingDensDefault:"Default",settingDensMiddle:"Middle",settingDensSmall:"Compact",selectionBarTips:"{count} records selected.",selectionBarEmpty:"No records selected.",selectionBarClear:"Clear",total:"total of {total}",index:"Index"},apForm:{search:{search:"Search",reset:"Reset"}},apTable:{pagination:{totalLeftPrefix:"Total",totalLeftSuffix:"items",totalRightPrefix:"Page",totalRightSuffix:""},setting:{title:"Custom Table",selectAll:"Select All",unSelectAll:"Deselect All",selectAllTip:"Please select the columns to display in the table.",sizeSmall:"Small",sizeNormal:"Normal",selectCount:"Selected fields ({count})",reset:"Reset",fixToLeft:"Fixed on the left",fixToRight:"Fixed on the right",unFixed:"Not fixed",delete:"Delete"}},apUpload:{update:"Upload",pictureType:"Image type",videoType:"Video type",audioType:"Audio type",documentType:"Document type",allTypes:"All types",networkAnomaly:"Network abnormality",FailedToObtainOssTemporaryPermissions:"Failed to obtain temporary OSS permissions",pleasePass:"Please pass in",supportExtension:"Support extensions",uploadFile:"Upload files",fileInitializationException:"If the initial number of initialized files exceeds {maxCount}, subsequent uploaded files will be out of sync with the data",maxUploadFiles:"Upload a maximum of {maxCount} files",maxUploadPicture:"Upload a maximum of {maxCount} images",maxUploadFileSize:"The file size does not exceed {maxSize}MB",maxWarnUploadFileSize:"The file size is smaller than {maxSize}MB",maxUploadPictureSize:"The image size is smaller than {maxSize}MB",fileFormatNotSupported:"Files in this format are not supported",pictureFormatNotSupported:"Images in this format are not supported",imageParsingFailed:"Image parsing failed",clickOrDragUpload:"Click or drag the file",foldersNotSupported:"Do not support uploading folders"},apCustomColumn:{title:"Custom table",selectDes:"Please select the fields that you want to display in the table",allSelect:"check all"},apExportGroup:{exportError:"Export error",exportSelected:"Export selected",exportAll:"Export all",export:"Export"},apBatchAction:{selected:"Selected",piecesOfData:"Pieces of data",empty:"Empty"},apApBatchActionGroup:{batchOperation:"Batch operation"},workOrderModal:{createTickets:"Create ticket",submit:"Confirm",cancel:"Cancel",ticketsTitle:"Ticket Title",noEmpty:"No empty",pleaseEntry:"please enter",ticketsType:"Ticket Type",ticketsDetail:"Ticket Detail",ticketsLevel:"Priority",operationSuccess:"operate successfully",fileSizeMax:"Single file size limit",fileCountMax:"Limit the number to {x} at a time"},apTableModal:{titleSuffixOne:"You can add up to {maxCount},",titleSuffixTwo:"Added",titleSuffixThree:"",messageMaxCount:"You can select up to {maxCount} data entries"},apAttachment:{downloadall:"Download All",more:"More"}}};exports.default=e;

package/lib/src/locale/lang/zh-cn.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={name:"zh-cn",ap:{button:{prefix:"前缀"},icon:{picker:{placeholder:"点击选择图标",search:"搜索图标",copy:"复制图标成功！"}},form:{item:{apiSelect:{loadingTip:"请等待数据加载完成..."}},maxTip:"字符数应小于{count}位"},common:{okText:"确认",cancelText:"取消",resetText:"重置",queryText:"查询",expandText:"展开",closeText:"收起",inputText:"请输入",chooseText:"请选择",redo:"刷新",back:"返回",more:"更多"},cropper:{modalTitle:"头像上传",okText:"确认并上传",selectImage:"选择图片",rotateLeft:"逆时针旋转",rotateRight:"顺时针旋转",scaleX:"水平翻转",scaleY:"垂直翻转",zoomIn:"放大",zoomOut:"缩小",preview:"预览",imageTooBig:"图片超限",uploadSuccess:"上传成功"},modal:{restore:"还原",maximize:"最大化",close:"关闭"},countdown:{normalText:"获取验证码",sendText:"{sec}秒后重新获取"},table:{settingColumn:"列设置",settingColumnShow:"列展示",settingIndexColumnShow:"序号列",settingSelectColumnShow:"勾选列",settingFixedLeft:"固定到左侧",settingFixedRight:"固定到右侧",settingFullScreen:"全屏",settingDens:"密度",settingDensDefault:"默认",settingDensMiddle:"中等",settingDensSmall:"紧凑",selectionBarTips:"已选择{count}条记录",selectionBarEmpty:"未选中任何记录",selectionBarClear:"清空",total:"共 {total} 条数据",index:"索引"},apForm:{search:{search:"查询",reset:"重置"}},apTable:{pagination:{totalLeftPrefix:"共",totalLeftSuffix:"条记录",totalRightPrefix:"第",totalRightSuffix:"页"}},apUpload:{update:"上传",pictureType:"图片类型",videoType:"视频类型",audioType:"音频类型",documentType:"文档类型",allTypes:"全部类型",networkAnomaly:"网络异常",FailedToObtainOssTemporaryPermissions:"获取oss临时权限失败",pleasePass:"请传入",supportExtension:"支持扩展名",uploadFile:"上传文件",fileInitializationException:"文件初始化个数超过{maxCount}个,后续上传的文件会与数据不同步",maxUploadFiles:"最多上传{maxCount}个文件",maxUploadPicture:"最多上传{maxCount}张图片",maxUploadFileSize:"文件大小不超过{maxSize}MB",maxWarnUploadFileSize:"文件大小小于{maxSize}MB",maxUploadPictureSize:"图片大小小于{maxSize}MB",fileFormatNotSupported:"不支持该格式的文件",pictureFormatNotSupported:"不支持该格式的图片",imageParsingFailed:"图片解析失败",clickOrDragUpload:"点击或将文件拖拽到这里上传",foldersNotSupported:"不支持上传文件夹"},apCustomColumn:{title:"自定义表格",selectDes:"请选择需要展示在表格的字段",allSelect:"全选"},apExportGroup:{exportError:"导出失败",exportSelected:"导出所选",exportAll:"导出全部",export:"导出"},apBatchAction:{selected:"已选",piecesOfData:"条数据",empty:"清空"},apApBatchActionGroup:{batchOperation:"批量操作"},workOrderModal:{createTickets:"创建工单",submit:"确定",cancel:"取消",ticketsTitle:"工单标题",noEmpty:"不可为空",pleaseEntry:"请输入",ticketsType:"工单类型",ticketsDetail:"工单详情",ticketsLevel:"优先级",operationSuccess:"操作成功",fileSizeMax:"单个文件大小限制",fileCountMax:"单次数量限制 {x} 个"},apTableModal:{titleSuffixOne:"最多可添加{maxCount}个，",titleSuffixTwo:"已添加",titleSuffixThree:"个",messageMaxCount:"最多选择{maxCount}条数据"},apAttachment:{downloadall:"下载全部",more:"更多"}}};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={name:"zh-cn",ap:{button:{prefix:"前缀"},icon:{picker:{placeholder:"点击选择图标",search:"搜索图标",copy:"复制图标成功！"}},form:{item:{apiSelect:{loadingTip:"请等待数据加载完成..."}},maxTip:"字符数应小于{count}位"},common:{okText:"确认",cancelText:"取消",resetText:"重置",queryText:"查询",expandText:"展开",closeText:"收起",inputText:"请输入",chooseText:"请选择",redo:"刷新",back:"返回",more:"更多"},cropper:{modalTitle:"头像上传",okText:"确认并上传",selectImage:"选择图片",rotateLeft:"逆时针旋转",rotateRight:"顺时针旋转",scaleX:"水平翻转",scaleY:"垂直翻转",zoomIn:"放大",zoomOut:"缩小",preview:"预览",imageTooBig:"图片超限",uploadSuccess:"上传成功"},modal:{restore:"还原",maximize:"最大化",close:"关闭"},countdown:{normalText:"获取验证码",sendText:"{sec}秒后重新获取"},table:{settingColumn:"列设置",settingColumnShow:"列展示",settingIndexColumnShow:"序号列",settingSelectColumnShow:"勾选列",settingFixedLeft:"固定到左侧",settingFixedRight:"固定到右侧",settingFullScreen:"全屏",settingDens:"密度",settingDensDefault:"默认",settingDensMiddle:"中等",settingDensSmall:"紧凑",selectionBarTips:"已选择{count}条记录",selectionBarEmpty:"未选中任何记录",selectionBarClear:"清空",total:"共 {total} 条数据",index:"索引"},apForm:{search:{search:"查询",reset:"重置"}},apTable:{pagination:{totalLeftPrefix:"共",totalLeftSuffix:"条记录",totalRightPrefix:"第",totalRightSuffix:"页"},setting:{title:"自定义表格",selectAll:"全选",unSelectAll:"取消全选",selectAllTip:"请选择需要展示在表格的字段",sizeSmall:"紧凑",sizeNormal:"正常",selectCount:"已选字段({count})",reset:"重置",fixToLeft:"固定在左侧",fixToRight:"固定在右侧",unFixed:"不固定",delete:"删除"}},apUpload:{update:"上传",pictureType:"图片类型",videoType:"视频类型",audioType:"音频类型",documentType:"文档类型",allTypes:"全部类型",networkAnomaly:"网络异常",FailedToObtainOssTemporaryPermissions:"获取oss临时权限失败",pleasePass:"请传入",supportExtension:"支持扩展名",uploadFile:"上传文件",fileInitializationException:"文件初始化个数超过{maxCount}个,后续上传的文件会与数据不同步",maxUploadFiles:"最多上传{maxCount}个文件",maxUploadPicture:"最多上传{maxCount}张图片",maxUploadFileSize:"文件大小不超过{maxSize}MB",maxWarnUploadFileSize:"文件大小小于{maxSize}MB",maxUploadPictureSize:"图片大小小于{maxSize}MB",fileFormatNotSupported:"不支持该格式的文件",pictureFormatNotSupported:"不支持该格式的图片",imageParsingFailed:"图片解析失败",clickOrDragUpload:"点击或将文件拖拽到这里上传",foldersNotSupported:"不支持上传文件夹"},apCustomColumn:{title:"自定义表格",selectDes:"请选择需要展示在表格的字段",allSelect:"全选"},apExportGroup:{exportError:"导出失败",exportSelected:"导出所选",exportAll:"导出全部",export:"导出"},apBatchAction:{selected:"已选",piecesOfData:"条数据",empty:"清空"},apApBatchActionGroup:{batchOperation:"批量操作"},workOrderModal:{createTickets:"创建工单",submit:"确定",cancel:"取消",ticketsTitle:"工单标题",noEmpty:"不可为空",pleaseEntry:"请输入",ticketsType:"工单类型",ticketsDetail:"工单详情",ticketsLevel:"优先级",operationSuccess:"操作成功",fileSizeMax:"单个文件大小限制",fileCountMax:"单次数量限制 {x} 个"},apTableModal:{titleSuffixOne:"最多可添加{maxCount}个，",titleSuffixTwo:"已添加",titleSuffixThree:"个",messageMaxCount:"最多选择{maxCount}条数据"},apAttachment:{downloadall:"下载全部",more:"更多"}}};exports.default=e;

package/lib/src/theme/ap-attachment/ap-attachment.css

@@ -39,6 +39,8 @@
   max-width: 312px;
   display: flex;
   flex-direction: column;
+  margin: 0;
+  padding: 0;
 }
 .aplus-ap-attachment__file-item {
   flex: 1;

package/lib/src/theme/ap-download/ap-download.css

@@ -14,6 +14,9 @@
   font-size: 18px;
   margin-right: 5px;
 }
+.aplus-ap-download-inner-wrapper .text {
+  color: var(--download-main-color);
+}
 .aplus-ap-download-inner-wrapper:hover {
   color: var(--download-main-color-opacity);
 }