@aplus-frontend/ui 7.12.6 → 7.13.0

package/lib/src/ap-table/components/setting/template/edit-form.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./edit-form.vue2.js");exports.default=e.default;

package/lib/src/ap-table/components/setting/template/edit-form.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@aplus-frontend/antdv"),u=require("../../../../ap-form/index.js");require("../../../../config-provider/index.js");const c=require("../../../../config-provider/hooks/use-locale.js"),s=require("../../../../ap-form/items/text/index.js"),f=e.defineComponent({__name:"edit-form",props:{onConfirm:{type:Function},onCancel:{type:Function},initialValues:{}},setup(r){const o=r,{t}=c.useLocale(),l=e.ref();async function i(){const n=await l.value?.validateFields();o.onConfirm(n?.label)}return(n,p)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.unref(u.ApForm),{ref_key:"formRef",ref:l,colon:!1,"label-col":{span:24},"initial-values":n.initialValues},{default:e.withCtx(()=>[e.createVNode(e.unref(s.ApFormItemText),{rules:[{required:!0,message:e.unref(t)("ap.apTable.setting.templateNamePlaceholder")}],name:"label",label:e.unref(t)("ap.apTable.setting.templateName")},null,8,["rules","label"])]),_:1},8,["initial-values"]),e.createVNode(e.unref(a.Flex),{justify:"end",gap:8},{default:e.withCtx(()=>[e.createVNode(e.unref(a.Button),{style:{height:"24px"},onClick:n.onCancel},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("ap.common.cancelText")),1)]),_:1},8,["onClick"]),e.createVNode(e.unref(a.Button),{style:{height:"24px"},type:"primary",onClick:i},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("ap.common.save")),1)]),_:1})]),_:1})]))}});exports.default=f;

package/lib/src/ap-table/components/setting/template/index.vue.d.ts

@@ -0,0 +1,11 @@
+import { ApColumnTemplate } from '../../..';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    customizeTemplateList: ApColumnTemplate[];
+    persistenceKey: string;
+    onActiveChange: (nextActiveKey: string) => void;
+};
+declare const _default: DefineComponent<__VLS_Props, {
+    updateActiveKey: (key: string) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/lib/src/ap-table/components/setting/template/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue2.js");exports.default=e.default;

package/lib/src/ap-table/components/setting/template/index.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@aplus-frontend/antdv");require("../../../../config-provider/index.js");const c=require("../context.js");require("./item.vue.js");const p=require("../../../../config-provider/hooks/use-locale.js"),m=require("../../../../config-provider/hooks/use-namespace.js"),v=require("./item.vue2.js"),d=e.defineComponent({__name:"index",props:{customizeTemplateList:{},persistenceKey:{},onActiveChange:{type:Function}},setup(_,{expose:i}){const{t:a}=p.useLocale(),{b:r}=m.useNamespace("ap-column-setting-template-list"),{activeKey:s}=c.useInjectApColumnSetting();function o(t){s.value=t}function u(t){s.value=t}return i({updateActiveKey:u}),(t,f)=>(e.openBlock(),e.createBlock(e.unref(l.Flex),{vertical:"",class:e.normalizeClass(e.unref(r)())},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("title"))},e.toDisplayString(e.unref(a)("ap.apTable.setting.templateSetting")),3),e.createVNode(e.unref(l.Divider),{style:{margin:"0"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("content"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.customizeTemplateList,n=>(e.openBlock(),e.createBlock(v.default,{key:n.key,value:n,"is-active":e.unref(s)===n.key,"should-remove":t.customizeTemplateList.length>1,onClick:()=>o(n.key)},null,8,["value","is-active","should-remove","onClick"]))),128))],2)]),_:1},8,["class"]))}});exports.default=d;

package/lib/src/ap-table/components/setting/template/item.vue.d.ts

@@ -0,0 +1,13 @@
+import { ApColumnTemplate } from '../../../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    value: ApColumnTemplate;
+    isActive: boolean;
+    onClick: () => void;
+    /**
+     * 是否可以删除
+     */
+    shouldRemove?: boolean;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/lib/src/ap-table/components/setting/template/item.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./item.vue2.js");exports.default=e.default;

package/lib/src/ap-table/components/setting/template/item.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@ant-design/icons-vue"),s=require("@aplus-frontend/antdv");require("../../../../config-provider/index.js");const d=require("../context.js");require("./edit-form.vue.js");const m=require("../../../../config-provider/hooks/use-namespace.js"),f=require("./edit-form.vue2.js"),v=e.defineComponent({__name:"item",props:{value:{},isActive:{type:Boolean},onClick:{type:Function},shouldRemove:{type:Boolean}},setup(u){const a=u,{b:n}=m.useNamespace("ap-column-setting-template-item"),o=e.ref(!1),{deleteTemplate:p}=d.useInjectApColumnSetting();function c(t){if(!t||t===a.value.label)return;const l=a.value;l.label=t,o.value=!1}return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(n)(),{[e.unref(n)("active")]:t.isActive}]),onClick:l[3]||(l[3]=(...r)=>t.onClick&&t.onClick(...r))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n)("label"))},e.toDisplayString(t.value.label),3),e.createVNode(e.unref(s.Flex),{gap:8,class:e.normalizeClass(e.unref(n)("action-wrapper"))},{default:e.withCtx(()=>[e.createVNode(e.unref(s.Popover),{open:o.value,trigger:"click",arrow:!1,placement:"bottom","destroy-tooltip-on-hide":""},{content:e.withCtx(()=>[e.createVNode(f.default,{"initial-values":{label:t.value.label},onConfirm:c,onCancel:l[1]||(l[1]=()=>o.value=!1)},null,8,["initial-values"])]),default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n)("icon-wrapper")),onClick:l[0]||(l[0]=e.withModifiers(r=>o.value=!0,["stop"]))},[e.createVNode(e.unref(i.EditOutlined))],2)]),_:1},8,["open"]),t.shouldRemove?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n)("icon-wrapper")),onClick:l[2]||(l[2]=e.withModifiers(()=>e.unref(p)(t.value.key),["stop"]))},[e.createVNode(e.unref(i.DeleteOutlined))],2)):e.createCommentVNode("",!0)]),_:1},8,["class"])],2))}});exports.default=v;

package/lib/src/ap-table/components/setting/tree-select/index.vue.d.ts

@@ -1,4 +1,4 @@
 import { ApTableSettingTreeSelectProps } from '../../interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<ApTableSettingTreeSelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApTableSettingTreeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: DefineComponent<ApTableSettingTreeSelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApTableSettingTreeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/lib/src/ap-table/components/setting/tree-select/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@aplus-frontend/antdv"),h=require("../../../context.js");require("../select-group/index.vue.js");const _=require("../utils.js"),g=require("../select-group/index.vue2.js"),C=e.defineComponent({__name:"index",props:{value:{}},setup(a){const u=a,{columnsBackup:d,renderConfig:i}=h.useInjectApTable(),s=e.computed(()=>[...e.unref(d)||[]].sort((t,n)=>t.children?.length&&!n.children?.length?1:!t.children?.length&&n.children?.length?-1:0));function c(r){return u.value.find(t=>t.key===r.key)}function f(r){const t=c(r);return{checked:t?.show,disabled:t?.disabled}}function k(r,t){const o=u.value?.find(p=>p.key===r);o&&(o.show=t)}return(r,t)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.unref(l.Row),{gutter:[24,12],align:"middle"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,n=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n.key},[n.children?.length?(e.openBlock(),e.createBlock(e.unref(l.Col),{key:1,span:24},{default:e.withCtx(()=>[e.createVNode(g.default,{value:c(n)},null,8,["value"])]),_:2},1024)):(e.openBlock(),e.createBlock(e.unref(l.Col),{key:0,span:8},{default:e.withCtx(()=>[e.createVNode(e.unref(l.Checkbox),e.mergeProps({ref_for:!0},f(n),{"onUpdate:checked":o=>k(n.key,o)}),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(_.getLabelNode)(n,e.unref(i)))))]),_:2},1040,["onUpdate:checked"])]),_:2},1024))],64))),128))]),_:1})]))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@aplus-frontend/antdv"),p=require("../../../context.js");require("../select-group/index.vue.js");const _=require("../utils.js"),g=require("../select-group/index.vue2.js"),C={key:0},m=e.defineComponent({__name:"index",props:{value:{}},setup(a){const l=a,{columnsBackup:s,renderConfig:d}=p.useInjectApTable(),i=e.computed(()=>[...e.unref(s)||[]].sort((t,n)=>t.children?.length&&!n.children?.length?1:!t.children?.length&&n.children?.length?-1:0));function c(r){return l.value.find(t=>t.key===r.key)}function k(r){const t=c(r);return{checked:t?.show,disabled:t?.disabled}}function f(r,t){const o=l.value?.find(h=>h.key===r);o&&(o.show=t)}return(r,t)=>r.value?.length?(e.openBlock(),e.createElementBlock("div",C,[e.createVNode(e.unref(u.Row),{gutter:[24,12]},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,n=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n.key},[n.children?.length?(e.openBlock(),e.createBlock(e.unref(u.Col),{key:1,span:24},{default:e.withCtx(()=>[e.createVNode(g.default,{value:c(n)},null,8,["value"])]),_:2},1024)):(e.openBlock(),e.createBlock(e.unref(u.Col),{key:0,span:8},{default:e.withCtx(()=>[e.createVNode(e.unref(u.Checkbox),e.mergeProps({ref_for:!0},k(n),{"onUpdate:checked":o=>f(n.key,o)}),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(_.getLabelNode)(n,e.unref(d)))))]),_:2},1040,["onUpdate:checked"])]),_:2},1024))],64))),128))]),_:1})])):e.createCommentVNode("",!0)}});exports.default=m;

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

@@ -33,3 +33,4 @@ export declare function getLabelRenderNode(node: any): any;
  * @returns
  */
 export declare function getColumnStateString(columnStates: ApColumnState[]): ApTableSettingDefaultValueType;
+export declare function isEqualColumnStateIgnoreLabel(a: ApColumnState[], b: ApColumnState[]): boolean;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("lodash-unified"),u=require("vue"),c=require("../../utils.js");function s(e,r){const n=[];for(const t of r){const i=e.find(o=>o.key===t.key);if(t.children?.length){const o=s(i.children,t.children);o.length&&n.push({...i,fixed:t.fixed,children:o})}else{if(!t.show)continue;n.push({...i,fixed:t.fixed})}}return n}function a(e){return l.cloneDeepWith(e,(r,n)=>{if(n==="label")return r})}function d(e,r){const n=e.title,t=l.isArray(n)?n[0]:n;return u.isVNode(t)?t:c.getTableTitle(e,r?.className||"",void 0,r?.color)}function f(e){return u.isVNode(e)?e:l.isArray(e)?e[0]:e}function h(e){function r(n){const t={};return n.forEach((i,o)=>{t[i.key]={...l.omit(i,["label","key","children"]),order:o,children:i.children?.length?r(i.children):void 0}}),t}return r(e)}exports.customCloneColumnStates=a;exports.default=s;exports.getColumnStateString=h;exports.getLabelNode=d;exports.getLabelRenderNode=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("lodash-unified"),u=require("vue"),a=require("../../utils.js");function s(e,r){const n=[];for(const t of r){const i=e.find(l=>l.key===t.key);if(t.children?.length){const l=s(i.children,t.children);l.length&&n.push({...i,fixed:t.fixed,children:l})}else{if(!t.show)continue;n.push({...i,fixed:t.fixed})}}return n}function c(e){return o.cloneDeepWith(e,(r,n)=>{if(n==="label")return r})}function d(e,r){const n=e.title,t=o.isArray(n)?n[0]:n;return u.isVNode(t)?t:a.getTableTitle(e,r?.className||"",void 0,r?.color)}function f(e){return u.isVNode(e)?e:o.isArray(e)?e[0]:e}function g(e){function r(n){const t={};return n.forEach((i,l)=>{t[i.key]={...o.omit(i,["label","key","children"]),order:l,children:i.children?.length?r(i.children):void 0}}),t}return r(e)}function h(e,r){return o.isEqualWith(e,r,(n,t,i)=>{if(i==="label")return!0})}exports.customCloneColumnStates=c;exports.default=s;exports.getColumnStateString=g;exports.getLabelNode=d;exports.getLabelRenderNode=f;exports.isEqualColumnStateIgnoreLabel=h;

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

@@ -1549,26 +1549,24 @@ export declare const apTableFormItemMap: {
                     itemIcon: any;
                     removeIcon: any;
                     clearIcon: any;
-                    dropdownRender: any;
-                    option: any;
                     placeholder: any;
                     tagRender: any;
                     maxTagPlaceholder: any;
                     optionLabel: any;
                     default: any;
+                    dropdownRender: any;
                 }> & {
                     notFoundContent: any;
                     suffixIcon: any;
                     itemIcon: any;
                     removeIcon: any;
                     clearIcon: any;
-                    dropdownRender: any;
-                    option: any;
                     placeholder: any;
                     tagRender: any;
                     maxTagPlaceholder: any;
                     optionLabel: any;
                     default: any;
+                    dropdownRender: any;
                 };
             }) | null;
         }, any, ComponentProvideOptions, {

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

@@ -1,30 +1,11 @@
-import { Ref, ComputedRef, ShallowRef } from 'vue';
-import { ApColumnState, ApTableSettingType } from '../interface';
-export declare const useTableColumnState: (columnSetting: ApTableSettingType, persistenceKey: Ref<string | undefined>, initialColumnState: ApColumnState[]) => {
-    columnState: Ref<{
-        key: string | number;
-        show?: boolean | undefined;
-        fixed?: "left" | "right" | undefined;
-        disabled?: boolean | undefined;
-        label?: any;
-        children?: /*elided*/ any[] | undefined;
-        order?: number | undefined;
-    }[], ApColumnState[] | {
-        key: string | number;
-        show?: boolean | undefined;
-        fixed?: "left" | "right" | undefined;
-        disabled?: boolean | undefined;
-        label?: any;
-        children?: /*elided*/ any[] | undefined;
-        order?: number | undefined;
-    }[]>;
+import { Ref, ComputedRef } from 'vue';
+import { ApColumnState } from '../interface';
+export declare const useTableColumnState: (initialColumnState: ApColumnState[]) => {
+    columnState: Ref<ApColumnState[], ApColumnState[]>;
     selectAll: () => void;
     unSelectAll: () => void;
     toggleSelect: (key: string, show?: boolean) => void;
     setColumnState: (nextColumnState: ApColumnState[]) => void;
     isAllSelected: ComputedRef<boolean>;
     toggleSelectAll: () => void;
-    columnStateBackup: ShallowRef<ApColumnState[], ApColumnState[]>;
-    setColumnStateBackup: (nextBackup: ApColumnState[]) => void;
-    cacheColumnStateIfNeeded: (nextColumnState: ApColumnState[]) => void;
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("@aplus-frontend/antdv/es/theme/internal"),f=require("lodash-unified"),i=require("vue");require("../../config-provider/index.js");require("../../utils/index.js");const d=require("../components/setting/utils.js"),R=require("../context.js"),W=require("../utils.js"),z=require("../../config-provider/hooks/use-namespace.js"),D=require("../../utils/is.js");function g(r,n){r.forEach(o=>{n(o),o.children?.length&&g(o.children,n)})}function G(r,n){if(!n)return{};const o=r.getItem(n);return o?JSON.parse(o):{}}function q(r,n){if(f.isObject(r)&&f.isObject(n))return f.mergeWith({},r,n,q)}const k=Number.MAX_SAFE_INTEGER;function P(r,n,o,a){return a?a.fixed:n?n.fixed:o&&"fixed"in o?o.fixed:f.isBoolean(r.fixed)?r.fixed?"left":void 0:r.fixed}const U=(r,n,o)=>{const{be:a}=z.useNamespace("ap-table"),[X,y]=J.useToken(),c=i.ref(o),h=i.shallowRef(d.customCloneColumnStates(o)),{columnsBackup:x,updateColumns:N}=R.useInjectApTable(),A=r.persistenceType||"localStorage",C=window[A];function O(){const e=G(C,i.unref(n)),t=f.mergeWith({},r.defaultValue||{},e,q),s=i.unref(x);function l(j,M,_){return j.map(u=>{const T=M?.[u.key]||{},S={key:u.key,label:f.isString(u.title)?W.getTableTitle(u,a("table-header","title"),void 0,y.value.colorTextTertiary):u.title,show:!0,fixed:P(u,e[u.key],r.defaultValue?.[u.key],_),disabled:!1,...f.omit(T,["children","fixed"])};return S.children=u.children?.length?l(u.children,T.children,S):void 0,S}).sort(B)}return l(s||[],t)}function B(e,t){const s=f.isNumber(e.order)?e.order:k;let l=f.isNumber(t.order)?t.order:k;return e.fixed==="right"&&t.fixed!=="right"&&(l=s-1),t.fixed==="left"&&e.fixed!=="left"&&(l=s-1),s-l}const m=i.computed(()=>i.unref(c).every(e=>e.show));function b(){const e=i.unref(c);g(e,t=>{!t.disabled&&(t.show=!0)})}function p(){const e=i.unref(c);g(e,t=>{!t.disabled&&(t.show=!1)})}function E(){i.unref(m)?p():b()}function F(e,t){g(i.unref(c),s=>{s.key===e&&(s.show=D.isDef(t)?t:!s.show)})}function v(e){c.value=e}function I(e){h.value=e}function w(e){if(i.unref(n)){const t=d.getColumnStateString(e);C.setItem(i.unref(n),JSON.stringify(t))}}return i.watchEffect(()=>{const e=O();v(e),r.onChange?.(e),N?.(d.default(i.unref(x),i.unref(e))),h.value=d.customCloneColumnStates(e),w(e)}),{columnState:c,selectAll:b,unSelectAll:p,toggleSelect:F,setColumnState:v,isAllSelected:m,toggleSelectAll:E,columnStateBackup:h,setColumnStateBackup:I,cacheColumnStateIfNeeded:w}};exports.useTableColumnState=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue");require("../../utils/index.js");const d=require("../../utils/is.js");function u(o,e){o.forEach(r=>{e(r),r.children?.length&&u(r.children,e)})}const h=o=>{const e=l.ref(o),r=l.computed(()=>l.unref(e).every(t=>t.show));function c(){const t=l.unref(e);u(t,n=>{!n.disabled&&(n.show=!0)})}function i(){const t=l.unref(e);u(t,n=>{!n.disabled&&(n.show=!1)})}function f(){l.unref(r)?i():c()}function a(t,n){u(l.unref(e),s=>{s.key===t&&(s.show=d.isDef(n)?n:!s.show)})}function S(t){e.value=t}return{columnState:e,selectAll:c,unSelectAll:i,toggleSelect:a,setColumnState:S,isAllSelected:r,toggleSelectAll:f}};exports.useTableColumnState=h;

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

@@ -0,0 +1,49 @@
+import { Ref } from 'vue';
+import { ApColumnTemplate, ApTableSettingType } from '..';
+export declare const useTableTemplateStorage: (columnSetting: ApTableSettingType, persistenceKey: Ref<string | undefined>) => {
+    basicTemplate: Ref<ApColumnTemplate | undefined, ApColumnTemplate | undefined>;
+    customizeTemplateList: Ref<{
+        columnState: {
+            key: string | number;
+            show?: boolean | undefined;
+            fixed?: "left" | "right" | undefined;
+            disabled?: boolean | undefined;
+            label?: any;
+            children?: /*elided*/ any[] | undefined;
+            order?: number | undefined;
+        }[];
+        label: string;
+        key: string;
+        size?: "middle" | "small" | undefined;
+    }[], ApColumnTemplate[] | {
+        columnState: {
+            key: string | number;
+            show?: boolean | undefined;
+            fixed?: "left" | "right" | undefined;
+            disabled?: boolean | undefined;
+            label?: any;
+            children?: /*elided*/ any[] | undefined;
+            order?: number | undefined;
+        }[];
+        label: string;
+        key: string;
+        size?: "middle" | "small" | undefined;
+    }[]>;
+    syncTemplateListToStorage: (nextTemplateList: ApColumnTemplate[]) => void;
+    addTemplate: (template: ApColumnTemplate) => void;
+    deleteTemplate: (key: string) => void;
+    updateTemplate: (key: string, newTemplate: Partial<ApColumnTemplate>) => {
+        columnState: {
+            key: string | number;
+            show?: boolean | undefined;
+            fixed?: "left" | "right" | undefined;
+            disabled?: boolean | undefined;
+            label?: any;
+            children?: /*elided*/ any[] | undefined;
+            order?: number | undefined;
+        }[];
+        label: string;
+        key: string;
+        size?: "middle" | "small" | undefined;
+    };
+};

package/lib/src/ap-table/hooks/use-table-template-storage.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("@aplus-frontend/antdv/es/theme/internal"),s=require("lodash-unified"),d=require("vue");require("../../config-provider/index.js");const x=require("../../utils/index.js"),j=require("../components/setting/utils.js"),w=require("../context.js"),B=require("../utils.js"),E=require("../../config-provider/hooks/use-namespace.js");function C(t,e,i,n){return n?n.fixed:e?e.fixed:i&&"fixed"in i?i.fixed:s.isBoolean(t.fixed)?t.fixed?"left":void 0:t.fixed}const S=Number.MAX_SAFE_INTEGER,F=x.randomStr();function J(t,e){const i=s.isNumber(t.order)?t.order:S;let n=s.isNumber(e.order)?e.order:S;return t.fixed==="right"&&e.fixed!=="right"&&(n=i-1),e.fixed==="left"&&t.fixed!=="left"&&(n=i-1),i-n}function L(t,e){e&&t.removeItem(e)}function M(t,e){if(!e)return[];const i=t.getItem(e);if(!i)return[];const n=JSON.parse(i);return Array.isArray(n)?n:(L(t,e),[])}function h(t,e){if(s.isObject(t)&&s.isObject(e))return s.mergeWith({},t,e,h)}const W=(t,e)=>{const{columnsBackup:i,size:n}=w.useInjectApTable(),{be:b}=E.useNamespace("ap-table"),[G,y]=_.useToken(),g=d.ref(),o=d.ref(q(M(localStorage,d.unref(e))));d.watch([i,n],([r,a])=>{r&&(g.value={label:"basic_template",columnState:c(r),key:F,size:a})},{immediate:!0,deep:!0});function q(r){return r.length?r.map(a=>({...a,columnState:c(i.value,a.columnState,!1)})):[{label:"默认模版",key:x.randomStr(),size:n?.value,columnState:c(i?.value||[])}]}function c(r,a={},u=!0){const f=s.mergeWith({},u?t.defaultValue||{}:{},a,h);function v(A,O,z){return A.map(l=>{const T=O?.[l.key]||{},m={key:l.key,label:s.isString(l.title)?B.getTableTitle(l,b("table-header","title"),void 0,y.value.colorTextTertiary):l.title,show:!0,fixed:C(l,void 0,u?t.defaultValue?.[l.key]:void 0,z),disabled:!1,...s.omit(T,["children","fixed"])};return m.children=l.children?.length?v(l.children,T.children,m):void 0,m}).sort(J)}return v(r||[],f)}function p(r){if(d.unref(e)){const a=r.map(u=>({...u,columnState:j.getColumnStateString(u.columnState)}));localStorage.setItem(d.unref(e),JSON.stringify(a))}}function k(r){o.value.push(r)}function N(r){const a=o.value.findIndex(u=>u.key===r);o.value.splice(a,1)}function I(r,a){const u=o.value.findIndex(f=>f.key===r);return o.value[u]={...o.value[u],...a},o.value[u]}return d.watch(()=>o.value,r=>{p(r)},{deep:!0,immediate:!0}),{basicTemplate:g,customizeTemplateList:o,syncTemplateListToStorage:p,addTemplate:k,deleteTemplate:N,updateTemplate:I}};exports.useTableTemplateStorage=W;

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

@@ -81,10 +81,12 @@ export type CommonFieldReturnType = ApFormItemProps & {
 export type ApTableSettingType = {
     /**
      * 用于持久化缓存的key
+     * @since 7.13.0 在此版本后必填
      */
-    persistenceKey?: string;
+    persistenceKey: string;
     /**
      * 持久化类型
+     * @deprecated 已废弃，将只使用localStorage
      */
     persistenceType?: 'localStorage' | 'sessionStorage';
     /**
@@ -96,7 +98,7 @@ export type ApTableSettingType = {
      * @param val
      * @returns
      */
-    onChange?: (val: ApColumnState[]) => void;
+    onChange?: (val: ApColumnState[], template: ApColumnTemplate) => void;
 };
 export type ApTableSettingDefaultValueType = Recordable<Omit<ApColumnState, 'label' | 'key' | 'children'> & {
     children?: ApTableSettingDefaultValueType;
@@ -131,6 +133,27 @@ export type ApColumnState = {
      */
     order?: number;
 };
+export type ApColumnCachedTemplate = Omit<ApColumnTemplate, 'columnState'> & {
+    columnState: ApTableSettingDefaultValueType;
+};
+export type ApColumnTemplate = {
+    /**
+     * 列状态
+     */
+    columnState: ApColumnState[];
+    /**
+     * 模板名称
+     */
+    label: string;
+    /**
+     * 模版唯一标识
+     */
+    key: string;
+    /**
+     * 表格尺寸
+     */
+    size?: 'middle' | 'small';
+};
 export type FieldPropsType<ReturnType, RecordType, ExtraValueType, ValueType extends ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType> = ReturnType | ((opt: Partial<{
     value: any;
     text: any;
@@ -345,7 +368,7 @@ export type ApTableProps<RecordType = any, ParamsType = any> = Omit<TableProps<R
     /**
      * 是否开启表格设置
      */
-    settings?: true | ApTableSettingType;
+    settings?: ApTableSettingType;
 };
 export type ApTableExpose<SearchParamsType = Recordable, RecordType = any> = {
     /**

package/lib/src/ap-table/style/index.d.ts

@@ -4,6 +4,7 @@ export type ApTableToken = {
     apTableHeaderBg: string;
     apTableIndexSize: number;
     apTableSettingRightWidth: number;
+    apTableSettingLeftWidth: number;
 };
 export declare const defaultValue: (token: BaseToken) => ApTableToken;
 export declare const genSettingTriggerBtnStyle: StyleMixin;

package/lib/src/ap-table/style/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../style/index.js"),d=require("../../utils/cssinjs/index.js"),l=t=>({apTableHeaderBg:t.tableHeaderBg,apTableIndexSize:14,apTableSettingRightWidth:240}),i=t=>({[`.${t.namespace}-ap-table-setting-trigger-button`]:{color:t.textColor2,"&:hover":{color:"unset"}}}),r=t=>{const{componentCls:e,namespace:o}=t,a=`--${o}-ap-table-scroll-bar-width`;return{[e]:{...n.resetScrollbar(t),"&-wrapper":{padding:t.space,backgroundColor:"#fff","&:has(.ant-pagination)":{paddingBlockEnd:0}},"&-adaptive":{height:"100%",display:"flex",flexDirection:"column",".ant-table-wrapper":{flex:1},".ant-spin-nested-loading,.ant-spin-container":{height:"100%"},".ant-spin-container":{display:"flex",flexDirection:"column"},".ant-table":{flex:1},".ant-table-container,.ant-table-content":{height:"100%"},".ant-table-content > table":{height:"100%"}},[`${e}__search-wrapper`]:{padding:t.space,paddingBlockEnd:0,backgroundColor:"#fff",marginBlockEnd:"10px",borderRadius:t.borderRadius},[`${e}__table-wrapper`]:{flex:1,maxHeight:"100%",display:"flex",flexDirection:"column"},[`${e}__table-wrapper-card`]:{padding:t.space,borderRadius:t.borderRadius,backgroundColor:"#fff",overflow:"hidden","&:has(.ant-pagination)":{paddingBlockEnd:0}},[`${e}-table`]:{"ul.ant-table-pagination.ant-pagination":{marginBlock:t.space,alignItems:"center",".ant-pagination-total-text":{flex:1,height:"unset",lineHeight:t.lineHeight,display:"flex",alignItems:"center"}},"tr > th.ant-table-cell":{"&::before":{backgroundColor:"#D8DDE5 !important"},backgroundColor:t.apTableHeaderBg}},".ant-table.ant-table-middle .ant-table-row .ant-table-cell:not(.ant-table-selection-column)":{padding:"9px 12px"},".ant-table.ant-table-middle .ant-table-thead .ant-table-cell:not(.ant-table-selection-column)":{padding:"9px 12px"},".ant-table.ant-table-small .ant-table-row .ant-table-cell:not(.ant-table-selection-column)":{padding:"6px 9px"},".ant-table.ant-table-small .ant-table-thead .ant-table-cell:not(.ant-table-selection-column)":{padding:"6px 9px"},".ant-table-placeholder .ant-table-expanded-row-fixed":{"&::after":{borderInlineEndWidth:"0px !important"}},".ant-table-column-sorters":{justifyContent:"unset",display:"inline-flex",".ant-table-column-title":{flex:"unset"}},".ant-table-filter-column":{justifyContent:"unset",display:"inline-flex",".ant-table-column-title":{flex:"unset"},".ant-table-filter-trigger":{marginInlineStart:"2px",paddingInlineStart:"2px"}},".ant-table-cell .ant-typography":{marginBlockEnd:0},"&-pagination-count-text":{color:t.textColor1},"&-pagination--total-right":{paddingLeft:"12px"},"&-pagination-total-wrapper":{color:t.textColor2},[`${e}-header`]:{paddingBlockEnd:t.space,display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"nowrap","&__title":{flex:1,flexShrink:1,minWidth:0}},[`${e}-table-header__title`]:{...n.multiRows(t),textAlign:"right"},...i(t),"&--sticky-relative":{".ant-table-container":{"& > div:last-child":{marginBottom:`calc(var(${a}) * -1)`,clipPath:`inset(0 0 var(${a}) 0)`}}},"&--sticky-absolute":{".ant-table-container":{"& > div:last-child":{paddingBottom:"15px",marginBottom:"-15px",clipPath:"inset(0 0 15px 0)"}}}}}},p=d.genComponentStyleHook("ApTable",t=>[r(t)],l);exports.default=p;exports.defaultValue=l;exports.genApTableStyle=r;exports.genSettingTriggerBtnStyle=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../style/index.js"),d=require("../../utils/cssinjs/index.js"),l=t=>({apTableHeaderBg:t.tableHeaderBg,apTableIndexSize:14,apTableSettingRightWidth:240,apTableSettingLeftWidth:240}),i=t=>({[`.${t.namespace}-ap-table-setting-trigger-button`]:{color:t.textColor2,"&:hover":{color:"unset"}}}),r=t=>{const{componentCls:e,namespace:o}=t,a=`--${o}-ap-table-scroll-bar-width`;return{[e]:{...n.resetScrollbar(t),"&-wrapper":{padding:t.space,backgroundColor:"#fff","&:has(.ant-pagination)":{paddingBlockEnd:0}},"&-adaptive":{height:"100%",display:"flex",flexDirection:"column",".ant-table-wrapper":{flex:1},".ant-spin-nested-loading,.ant-spin-container":{height:"100%"},".ant-spin-container":{display:"flex",flexDirection:"column"},".ant-table":{flex:1},".ant-table-container,.ant-table-content":{height:"100%"},".ant-table-content > table":{height:"100%"}},[`${e}__search-wrapper`]:{padding:t.space,paddingBlockEnd:0,backgroundColor:"#fff",marginBlockEnd:"10px",borderRadius:t.borderRadius},[`${e}__table-wrapper`]:{flex:1,maxHeight:"100%",display:"flex",flexDirection:"column"},[`${e}__table-wrapper-card`]:{padding:t.space,borderRadius:t.borderRadius,backgroundColor:"#fff",overflow:"hidden","&:has(.ant-pagination)":{paddingBlockEnd:0}},[`${e}-table`]:{"ul.ant-table-pagination.ant-pagination":{marginBlock:t.space,alignItems:"center",".ant-pagination-total-text":{flex:1,height:"unset",lineHeight:t.lineHeight,display:"flex",alignItems:"center"}},"tr > th.ant-table-cell":{"&::before":{backgroundColor:"#D8DDE5 !important"},backgroundColor:t.apTableHeaderBg}},".ant-table.ant-table-middle .ant-table-row .ant-table-cell:not(.ant-table-selection-column)":{padding:"9px 12px"},".ant-table.ant-table-middle .ant-table-thead .ant-table-cell:not(.ant-table-selection-column)":{padding:"9px 12px"},".ant-table.ant-table-small .ant-table-row .ant-table-cell:not(.ant-table-selection-column)":{padding:"6px 9px"},".ant-table.ant-table-small .ant-table-thead .ant-table-cell:not(.ant-table-selection-column)":{padding:"6px 9px"},".ant-table-placeholder .ant-table-expanded-row-fixed":{"&::after":{borderInlineEndWidth:"0px !important"}},".ant-table-column-sorters":{justifyContent:"unset",display:"inline-flex",".ant-table-column-title":{flex:"unset"}},".ant-table-filter-column":{justifyContent:"unset",display:"inline-flex",".ant-table-column-title":{flex:"unset"},".ant-table-filter-trigger":{marginInlineStart:"2px",paddingInlineStart:"2px"}},".ant-table-cell .ant-typography":{marginBlockEnd:0},"&-pagination-count-text":{color:t.textColor1},"&-pagination--total-right":{paddingLeft:"12px"},"&-pagination-total-wrapper":{color:t.textColor2},[`${e}-header`]:{paddingBlockEnd:t.space,display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"nowrap","&__title":{flex:1,flexShrink:1,minWidth:0}},[`${e}-table-header__title`]:{...n.multiRows(t),textAlign:"right"},...i(t),"&--sticky-relative":{".ant-table-container":{"& > div:last-child":{marginBottom:`calc(var(${a}) * -1)`,clipPath:`inset(0 0 var(${a}) 0)`}}},"&--sticky-absolute":{".ant-table-container":{"& > div:last-child":{paddingBottom:"15px",marginBottom:"-15px",clipPath:"inset(0 0 15px 0)"}}}}}},p=d.genComponentStyleHook("ApTable",t=>[r(t)],l);exports.default=p;exports.defaultValue=l;exports.genApTableStyle=r;exports.genSettingTriggerBtnStyle=i;

package/lib/src/ap-table/style/setting.d.ts

@@ -6,5 +6,7 @@ export declare const genTableSettingSelectGroupStyle: GenStyleFunc;
 export declare const genTableSettingSortableItemMetaStyle: GenStyleFunc;
 export declare const genTableSettingSortableItemStyle: GenStyleFunc;
 export declare const genTableSettingSorterStyle: GenStyleFunc;
+export declare const genTableSettingTemplateListStyle: GenStyleFunc;
+export declare const genTableSettingTemplateItemStyle: GenStyleFunc;
 declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;

package/lib/src/ap-table/style/setting.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../style/index.js"),d=require("../../utils/cssinjs/index.js"),p=require("./index.js"),a=e=>{const{componentCls:l,namespace:t}=e;return{[l]:{[`${l}-wrapper`]:{display:"flex",flexDirection:"row",flexWrap:"nowrap",height:"100%",paddingBlockEnd:e.spaceLG,[`.${t}-ap-table-table-header__title`]:{...i.singleRow(e)},[`.${t}-ap-grid-table-header__title`]:{...i.singleRow(e),fontWeight:"normal",color:e.textColor1},[`.${t}-ag-grid-table-header__title`]:{...i.singleRow(e)}},[`${l}-left`]:{flex:1,flexShrink:1,minWidth:0,paddingInline:"20px",display:"flex",flexDirection:"column","&__header":{display:"flex",flexDirection:"row",flexWrap:"nowrap",justifyContent:"space-between",alignItems:"center",padding:e.space,"&-tips":{color:e.textColor3}},"&__content":{flex:1,padding:e.spaceLG,overflowY:"auto",".ant-col":{lineHeight:0},".ant-checkbox-wrapper":{maxWidth:"100%",display:"inline-flex",alignItems:"center","> span:last-child":{flex:1,minWidth:0}}}},[`${l}-right`]:{width:e.apTableSettingRightWidth}}}},n=e=>{const{componentCls:l}=e;return{[l]:{[`${l}-select-group`]:{"&-header":{backgroundColor:"#F2F6F9",paddingInline:e.spaceLG,paddingBlock:e.spaceXS,borderRadius:e.borderRadius,marginBlockEnd:e.spaceLG,marginInline:e.calc(e.spaceLG).mul(-1).equal(),display:"flex"}}}}},r=e=>{const{componentCls:l}=e,t=`${l}-sortable-item-meta`;return{[l]:{[t]:{paddingInline:e.space,paddingBlock:e.spaceSM,marginBlockStart:e.spaceXS,display:"flex",flexDirection:"row",flexWrap:"nowrap",justifyContent:"space-between",alignItems:"center","&:hover":{backgroundColor:e.calc(e.colorPrimary).colorMix(8),borderRadius:e.borderRadiusSM,cursor:"pointer",[`${t}-right`]:{display:"block"},[`${t}-left__holder`]:{color:`${e.colorPrimary} !important`}},"&-left":{flex:1,display:"inline-flex",alignItems:"center",minWidth:0,"&__indicator":{display:"inline-flex",justifyContent:"center",alignItems:"center",width:"16px",height:"16px",marginInlineEnd:e.spaceXS,flexShrink:0},"&__label-wrapper":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},"&-right":{display:"none",paddingInlineStart:e.spaceLG},".is-level2":{marginInlineStart:e.spaceXL},"&-action-item":{"&:hover":{color:e.colorPrimary}}}}}},o=e=>{const{componentCls:l}=e;return{[l]:{[`${e.componentCls}-sortable-item`]:{".is-hidden":{display:"none"}}}}},c=e=>{const{componentCls:l}=e;return{[l]:{[`${e.componentCls}-sorter`]:{display:"flex",flexDirection:"column",height:"100%","&-section-title":{fontSize:e.fontSize,lineHeight:e.lineHeight,color:e.textColor3,paddingInline:e.space,paddingBlock:e.spaceXXS,margin:e.spaceXS},"&-header":{paddingInline:"20px",paddingBlock:e.spaceLG,"&-title":{...i.resetComponent(e),fontWeight:"bold",color:e.textColor1}},"&-content":{flex:1,overflowY:"auto",paddingBlockStart:e.space,paddingInlineEnd:e.spaceLG,paddingBlockEnd:0,paddingInlineStart:e.space}}}}},s=d.genComponentStyleHook("ApTable.Setting",e=>[a(e),n(e),o(e),r(e),c(e)],p.defaultValue);exports.default=s;exports.genTableSettingSelectGroupStyle=n;exports.genTableSettingSortableItemMetaStyle=r;exports.genTableSettingSortableItemStyle=o;exports.genTableSettingSorterStyle=c;exports.genTableSettingStyle=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../style/index.js"),s=require("../../utils/cssinjs/index.js"),g=require("./index.js"),t=e=>{const{componentCls:l,namespace:i}=e;return{[l]:{".ant-modal-content":{padding:0},"div.ant-modal-header":{marginBottom:0,padding:"12px 20px",borderBottom:`1px solid ${e.antdv.colorSplit}`},".ant-modal-footer":{padding:"12px 20px",marginTop:0,borderTop:"1px solid #E9EDF3"},[`${l}-wrapper`]:{display:"flex",flexDirection:"row",flexWrap:"nowrap",height:"100%",[`.${i}-ap-table-table-header__title`]:{...a.singleRow(e)},[`.${i}-ap-grid-table-header__title`]:{...a.singleRow(e),fontWeight:"normal",color:e.textColor1},[`.${i}-ag-grid-table-header__title`]:{...a.singleRow(e)}},[`${l}-left`]:{width:e.apTableSettingLeftWidth},[`${l}-center`]:{flex:1,flexShrink:1,minWidth:0,paddingInline:e.spaceLG,display:"flex",flexDirection:"column","&__header":{display:"flex",flexDirection:"row",flexWrap:"nowrap",justifyContent:"space-between",alignItems:"center",paddingInline:e.space,paddingBlock:e.spaceMD,"&-tips":{color:e.textColor3}},"&__tip-wrapper":{flex:1,display:"flex",alignItems:"center"},"&__content":{flex:1,padding:e.spaceLG,overflowY:"auto",".ant-col":{lineHeight:0},".ant-checkbox-wrapper":{maxWidth:"100%",display:"inline-flex",alignItems:"center",lineHeight:0,"> span:last-child":{flex:1,minWidth:0}}}},[`${l}-right`]:{width:e.apTableSettingRightWidth},[`${l}-modify-tip`]:{color:e.colorWarn}}}},n=e=>{const{componentCls:l}=e;return{[l]:{[`${l}-select-group`]:{"&-header":{backgroundColor:"#F2F6F9",paddingInline:e.spaceLG,paddingBlock:e.spaceXS,borderRadius:e.borderRadius,marginBlockEnd:e.spaceLG,marginInline:e.calc(e.spaceLG).mul(-1).equal(),display:"flex"}}}}},r=e=>{const{componentCls:l}=e,i=`${l}-sortable-item-meta`;return{[l]:{[i]:{paddingInline:e.space,paddingBlock:e.spaceSM,marginBlockStart:e.spaceXS,display:"flex",flexDirection:"row",flexWrap:"nowrap",justifyContent:"space-between",alignItems:"center","&:hover":{backgroundColor:e.calc(e.colorPrimary).colorMix(8),borderRadius:e.borderRadiusSM,cursor:"pointer",[`${i}-right`]:{display:"block"},[`${i}-left__holder`]:{color:`${e.colorPrimary} !important`}},"&-left":{flex:1,display:"inline-flex",alignItems:"center",minWidth:0,"&__indicator":{display:"inline-flex",justifyContent:"center",alignItems:"center",width:"16px",height:"16px",marginInlineEnd:e.spaceXS,flexShrink:0},"&__label-wrapper":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},"&-right":{display:"none",paddingInlineStart:e.spaceLG},".is-level2":{marginInlineStart:e.spaceXL},"&-action-item":{"&:hover":{color:e.colorPrimary}}}}}},o=e=>{const{componentCls:l}=e;return{[l]:{[`${e.componentCls}-sortable-item`]:{".is-hidden":{display:"none"}}}}},c=e=>{const{componentCls:l}=e;return{[l]:{[`${e.componentCls}-sorter`]:{display:"flex",flexDirection:"column",height:"100%","&-section-title":{fontSize:e.fontSize,lineHeight:e.lineHeight,color:e.textColor3,paddingInline:e.space,paddingBlock:e.spaceXXS,margin:e.spaceXS},"&-header":{paddingInline:"20px",paddingBlock:e.spaceXL,"&-title":{...a.resetComponent(e),fontWeight:"bold",color:e.textColor1}},"&-content":{flex:1,overflowY:"auto",paddingBlockStart:e.space,paddingInlineEnd:e.spaceLG,paddingBlockEnd:0,paddingInlineStart:e.space}}}}},p=e=>{const{componentCls:l}=e;return{[l]:{[`${e.componentCls}-template-list`]:{height:"100%","&-title":{paddingInline:20,paddingBlock:e.spaceXL,fontWeight:"bold"},"&-content":{flex:1,overflow:"auto",paddingInline:e.spaceLG,paddingBlock:e.space}}}}},d=e=>{const{componentCls:l}=e,i=`${e.componentCls}-template-item`;return{[l]:{[i]:{display:"flex",flexDirection:"row",flexWrap:"nowrap",justifyContent:"space-between",paddingInline:e.space,paddingBlock:e.spaceSM,borderRadius:e.borderRadius,marginBlockEnd:e.spaceXS,"&:last-child":{marginBottom:0},"&:hover":{backgroundColor:e.calc(e.colorPrimary).colorMix(5),cursor:"pointer",[`${e.componentCls}-template-item-action-wrapper`]:{display:"flex"}},"&-label":{...a.singleRow(e),lineHeight:"20px"},"&-action-wrapper":{display:"none"},"&-icon-wrapper":{paddingInline:e.spaceXS,borderRadius:e.borderRadius,"&:hover":{backgroundColor:e.colorBg1}}},[`${i}-active`]:{backgroundColor:e.calc(e.colorPrimary).colorMix(5),"&-label":{color:e.colorPrimary}}}}},m=s.genComponentStyleHook("ApTable.Setting",e=>[t(e),n(e),o(e),r(e),c(e),d(e),p(e)],g.defaultValue);exports.default=m;exports.genTableSettingSelectGroupStyle=n;exports.genTableSettingSortableItemMetaStyle=r;exports.genTableSettingSortableItemStyle=o;exports.genTableSettingSorterStyle=c;exports.genTableSettingStyle=t;exports.genTableSettingTemplateItemStyle=d;exports.genTableSettingTemplateListStyle=p;

package/lib/src/business/ag-grid-modal/style/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../../utils/cssinjs/index.js"),t=e=>{const{componentCls:o}=e,i=`${o}--table-layout`;return{[`${o}--bordered`]:{border:`${e.lineWidth} ${e.lineType} ${e.colorBg1}`,padding:e.spaceXL,borderRadius:e.borderRadius,"--ag-grid-modal-layout-divider-offset":"32px"},[i]:{boxSizing:"border-box",display:"flex",flex:1,justifyContent:"space-between",height:"100%",[`${i}-left`]:{flex:1,minWidth:0,paddingInlineEnd:e.spaceXL,boxSizing:"border-box",display:"flex",flexDirection:"column","&-content":{flex:1}},[`${i}-right`]:{maxHeight:"100%",width:e.agGridModalRightWidth,paddingInlineStart:e.spaceXL,position:"relative",display:"flex",flexDirection:"column","&-content":{flexGrow:1,height:0,overflowY:"hidden",paddingTop:e.space,"&:hover":{overflowY:"auto"}},"&::before":{content:'""',height:"calc(100% + var(--ag-grid-modal-layout-divider-offset,16px))",width:e.lineWidth,backgroundColor:e.colorBg1,position:"absolute",left:0,top:"-16px"}}}}},d=l.genComponentStyleHook("ApTableModal",e=>[t(e)],{agGridModalRightWidth:410});exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../../../utils/cssinjs/index.js"),l=e=>{const{componentCls:o}=e,i=`${o}--table-layout`;return{[`${o}--bordered`]:{border:`${e.lineWidth} ${e.lineType} ${e.borderColorBase}`,padding:e.spaceXL,borderRadius:e.borderRadius,"--ag-grid-modal-layout-divider-offset":"32px"},[i]:{boxSizing:"border-box",display:"flex",flex:1,justifyContent:"space-between",height:"100%",[`${i}-left`]:{flex:1,minWidth:0,paddingInlineEnd:e.spaceXL,boxSizing:"border-box",display:"flex",flexDirection:"column","&-content":{flex:1}},[`${i}-right`]:{maxHeight:"100%",width:e.agGridModalRightWidth,paddingInlineStart:e.spaceXL,position:"relative",display:"flex",flexDirection:"column","&-content":{flexGrow:1,height:0,overflowY:"hidden",paddingTop:e.space,"&:hover":{overflowY:"auto"}},"&::before":{content:'""',height:"calc(100% + var(--ag-grid-modal-layout-divider-offset,16px))",width:e.lineWidth,backgroundColor:e.borderColorBase,position:"absolute",left:0,top:"-16px"}}}}},t=d.genComponentStyleHook("ApTableModal",e=>[l(e)],{agGridModalRightWidth:410});exports.default=t;

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"),h=require("@ant-design/icons-vue"),d=require("@aplus-frontend/antdv"),_=require("@aplus-frontend/icon"),q=require("lodash-unified"),M=require("../../config-provider/hooks/use-token.js"),R=require("../../utils/warning.js");require("../../config-provider/index.js");const j=require("../ap-download/hooks/index.js"),m=require("../ap-download/utils/getFileInfo.js"),z=require("../ap-file-preview/index.js"),G=require("./constans.js"),W=require("./style/index.js"),$=require("../../config-provider/hooks/use-namespace.js"),b=require("../../config-provider/hooks/use-global-config.js"),B=require("../../config-provider/hooks/use-locale.js"),D=e.defineComponent({name:"ApAttachment",props:G.ApAttachmentProps(),setup(t,{emit:w}){const{b:x,e:l}=$.useNamespace("ap-attachment"),V=W.default("ap-attachment"),f=b.useGlobalConfig("apUpload"),L=b.useGlobalConfig("downloadCenterTriggerConfig"),{token:A}=M.useToken(),{lang:T,t:i}=B.useLocale(),s=e.ref(!1),u=e.ref(""),v=e.useSlots(),O=e.computed(()=>T.value==="zh-cn"?"zh_CN":"en_US"),c=e.computed(()=>t.needName??(f?.value?.needName===!0?{nameKey:"fileName",pathKey:"path"}:f?.value?.needName??{nameKey:"fileName",pathKey:"filePath"})),p=e.computed(()=>t.attachmentList.length===1),C=e.computed(()=>c.value?t.attachmentList.length>0&&c.value&&c.value?.nameKey?t.attachmentList[0][c.value.nameKey]:"":t.attachmentList.length>0?t.attachmentList[0].fileName:""),k=e.computed(()=>p.value?C.value:i("ap.apAttachment.downloadall")),y=e.computed(()=>({"--download-main-color":A.value?.colorLink,"--download-main-color-opacity":m.getHexWithOpacity(A.value?.colorLink,.6)})),I=e.computed(()=>t.getOssAccess||f.value?.getOssAccess),P=e.computed(()=>{const a=v.default?v.default()[0]:null;return a?e.cloneVNode(a,{style:{"font-size":"16px"}}):null}),g=e.ref(!1),N=q.debounce(async(a,n)=>{if(!t.disabled){s.value=!0,n&&(u.value=n);try{const o=q.isArray(e.toRaw(a))?e.toRaw(a):[e.toRaw(a)];if(L.value?.trigger){const r=m.getFileInfo(c.value,o).map(F=>({objectName:F.path,fileName:F.fileName}));L.value?.trigger(r),w("downloadCallback",r)}else{const r=await(await j.useOssInit(I.value,e.unref(O))).downloadFile(m.getFileInfo(c.value,o));w("downloadCallback",r)}}catch(o){R.warning(!1,o)}finally{s.value=!1,u.value=""}}},500),K=a=>{const n=m.getFileInfo(c.value,a)?.[0];z.ApFilePreview.createFilePreviewModal({src:n.path,fileName:n.fileName}),g.value=!1},S=a=>a&&a.length>0?e.createVNode("ul",{class:[l("file-list"),V.value],style:y.value},[a.map((n,o)=>e.createVNode("li",{key:o,class:[l("file-item")]},[s.value&&u.value===o+1?e.createVNode("span",{class:[l("spin")]},[e.createVNode(h.LoadingOutlined,{spin:!0},null)]):null,e.createVNode(d.Tooltip,{title:i("ap.apAppendix.previewFile")},{default:()=>[e.createVNode("span",{class:[l("file-item-text")],onClick:()=>K(n)},[n.fileName])]}),e.createVNode(d.Tooltip,{title:i("ap.apAppendix.downloadFile")},{default:()=>[e.createVNode("span",{class:[l("file-item-download")],onClick:()=>N(n,o+1)},[e.createVNode(_.IconApAdLineDownload,null,null)])]})])),e.createVNode("li",{class:[l("download-all")],onClick:()=>N(t.attachmentList,"all")},[s.value&&u.value==="all"?e.createVNode("span",{class:[l("spin")]},[e.createVNode(h.LoadingOutlined,{spin:!0},null)]):null,i("ap.apAttachment.downloadall")])]):null;return()=>t.attachmentList?.length>0&&e.createVNode("div",{class:[x(),V.value],style:[y.value]},[e.createVNode(d.Tooltip,{title:k.value,placement:t.textToolTipPlacement,color:t.toolTipBgColor},{default:()=>[e.createVNode("div",{class:[l("content")],onClick:()=>N(p.value?t.attachmentList[0]:t.attachmentList,"global")},[s.value&&u.value==="global"?e.createVNode("div",{class:[l("spin")]},[e.createVNode(h.LoadingOutlined,{spin:!0},null)]):null,v.default?e.createVNode("div",{class:[l("text-render")]},[P.value,e.createTextVNode(" ")]):null,e.createVNode("div",{class:[l("text-inner")],style:{"max-width":t.maxWidth?t.maxWidth+"px":"auto"}},[C.value])])]}),e.createVNode(d.Popover,{content:S(t.attachmentList),placement:t.fileMorePopoverPlacement,color:"#fff",open:g.value,"onUpdate:open":a=>g.value=a},{default:()=>[!p.value&&e.createVNode("div",{class:[l("more")]},[i("ap.apAttachment.more")])]})])}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("@ant-design/icons-vue"),s=require("@aplus-frontend/antdv"),F=require("@aplus-frontend/icon"),x=require("lodash-unified"),_=require("../../config-provider/hooks/use-token.js"),M=require("../../utils/warning.js");require("../../config-provider/index.js");const R=require("../ap-download/hooks/index.js"),m=require("../ap-download/utils/getFileInfo.js"),j=require("../ap-file-preview/index.js"),z=require("./constans.js"),G=require("./style/index.js"),W=require("../../config-provider/hooks/use-namespace.js"),q=require("../../config-provider/hooks/use-global-config.js"),B=require("../../config-provider/hooks/use-locale.js"),D=e.defineComponent({name:"ApAttachment",props:z.ApAttachmentProps(),setup(t,{emit:g}){const{b:T,e:l}=W.useNamespace("ap-attachment"),h=G.default("ap-attachment"),f=q.useGlobalConfig("apUpload"),w=q.useGlobalConfig("downloadCenterTriggerConfig"),{token:V}=_.useToken(),{lang:b,t:i}=B.useLocale(),r=e.ref(!1),u=e.ref(""),p=e.useSlots(),k=e.computed(()=>b.value==="zh-cn"?"zh_CN":"en_US"),c=e.computed(()=>t.needName??(f?.value?.needName===!0?{nameKey:"fileName",pathKey:"path"}:f?.value?.needName??{nameKey:"fileName",pathKey:"filePath"})),O=e.computed(()=>t.attachmentList.length===1),I=e.computed(()=>c.value?t.attachmentList.length>0&&c.value&&c.value?.nameKey?t.attachmentList[0][c.value.nameKey]:"":t.attachmentList.length>0?t.attachmentList[0].fileName:""),A=e.computed(()=>({"--download-main-color":V.value?.colorLink,"--download-main-color-opacity":m.getHexWithOpacity(V.value?.colorLink,.6)})),P=e.computed(()=>t.getOssAccess||f.value?.getOssAccess),K=e.computed(()=>{const a=p.default?p.default()[0]:null;return a?e.cloneVNode(a,{style:{"font-size":"16px"}}):null}),v=e.ref(!1),N=x.debounce(async(a,n)=>{if(!t.disabled){r.value=!0,n&&(u.value=n);try{const o=x.isArray(e.toRaw(a))?e.toRaw(a):[e.toRaw(a)];if(w.value?.trigger){const d=m.getFileInfo(c.value,o).map(C=>({objectName:C.path,fileName:C.fileName}));w.value?.trigger(d),g("downloadCallback",d)}else{const d=await(await R.useOssInit(P.value,e.unref(k))).downloadFile(m.getFileInfo(c.value,o));g("downloadCallback",d)}}catch(o){M.warning(!1,o)}finally{r.value=!1,u.value=""}}},500),L=a=>{const n=m.getFileInfo(c.value,a)?.[0];j.ApFilePreview.createFilePreviewModal({src:n.path,fileName:n.fileName}),v.value=!1},S=a=>a&&a.length>0?e.createVNode("ul",{class:[l("file-list"),h.value],style:A.value},[a.map((n,o)=>e.createVNode("li",{key:o,class:[l("file-item")]},[r.value&&u.value===o+1?e.createVNode("span",{class:[l("spin")]},[e.createVNode(y.LoadingOutlined,{spin:!0},null)]):null,e.createVNode(s.Tooltip,{title:i("ap.apAppendix.previewFile")},{default:()=>[e.createVNode("span",{class:[l("file-item-text")],onClick:()=>L(n)},[n.fileName])]}),e.createVNode(s.Tooltip,{title:i("ap.apAppendix.downloadFile")},{default:()=>[e.createVNode("span",{class:[l("file-item-download")],onClick:()=>N(n,o+1)},[e.createVNode(F.IconApAdLineDownload,null,null)])]})])),e.createVNode("li",{class:[l("download-all")],onClick:()=>N(t.attachmentList,"all")},[r.value&&u.value==="all"?e.createVNode("span",{class:[l("spin")]},[e.createVNode(y.LoadingOutlined,{spin:!0},null)]):null,i("ap.apAttachment.downloadall")])]):null;return()=>t.attachmentList?.length>0&&e.createVNode("div",{class:[T(),h.value],style:[A.value]},[e.createVNode("div",{class:[l("content")]},[e.createVNode(s.Tooltip,{title:i("ap.apAppendix.previewFile"),placement:t.textToolTipPlacement,color:t.toolTipBgColor},{default:()=>[e.createVNode("div",{class:[l("content-text")],onClick:()=>L(t.attachmentList[0])},[p.default?e.createVNode("div",{class:[l("text-render")]},[K.value,e.createTextVNode(" ")]):null,e.createVNode("div",{class:[l("text-inner")],style:{"max-width":t.maxWidth?t.maxWidth+"px":"auto"}},[I.value])])]}),e.createVNode(s.Tooltip,{title:i("ap.apAppendix.downloadFile"),placement:t.textToolTipPlacement,color:t.toolTipBgColor},{default:()=>[e.createVNode("span",{class:[l("content-download")],onClick:()=>N(t.attachmentList[0],0)},[e.createVNode(F.IconApAdLineDownload,null,null)])]})]),e.createVNode(s.Popover,{content:S(t.attachmentList),placement:t.fileMorePopoverPlacement,color:"#fff",open:v.value,"onUpdate:open":a=>v.value=a},{default:()=>[!O.value&&e.createVNode("div",{class:[l("more")]},[i("ap.apAttachment.all")])]})])}});exports.default=D;

package/lib/src/business/ap-attachment/style/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../../utils/cssinjs/index.js"),i=o=>{const{componentCls:e}=o;return{[e]:{display:"flex",justifyContent:"space-between",alignItems:"center",[`${e}__content`]:{width:"80%",flex:1,display:"flex",flexShrink:0,alignItems:"center"},[`${e}__text-render`]:{color:"var(--download-main-color)",marginInlineEnd:o.spaceXS,"&:hover":{color:"var(--download-main-color-opacity)"}},[`${e}__text-inner`]:{flex:1,flexShrink:0,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:o.fontSize,cursor:"pointer",color:"var(--download-main-color)","&:hover":{color:"var(--download-main-color-opacity)"}},[`${e}__more`]:{fontSize:o.fontSize,lineHeight:o.lineHeight,cursor:"pointer",color:"var(--download-main-color)",marginInlineStart:o.space,"&:hover":{color:"var(--download-main-color-opacity)"}}},[`${e}__spin`]:{float:"left",marginRight:o.spaceXS},[`${e}__file-list`]:{maxWidth:o.apAttachmentListMaxWidth,display:"flex",flexDirection:"column",margin:0,padding:0,[`${e}__file-item`]:{flex:1,wordWrap:"break-word",marginBlockEnd:o.spaceLG,fontSize:o.fontSize,color:o.textColor1,"&:hover":{[`${e}__file-item-download`]:{opacity:1}},"&-text":{cursor:"pointer","&:hover":{color:"var(--download-main-color)"}},"&-download":{cursor:"pointer",color:"var(--download-main-color)",marginLeft:o.space,opacity:0,fontSize:o.fontSizeXL}},[`${e}__download-all`]:{fontSize:o.fontSize,color:"var(--download-main-color)",cursor:"pointer",marginBlockEnd:0,"&:hover":{color:"var(--download-main-color-opacity)"}}}}},n=r.genComponentStyleHook("ApAttachment",o=>[i(o)],{apAttachmentListMaxWidth:312});exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../../utils/cssinjs/index.js"),i=o=>{const{componentCls:e}=o;return{[e]:{display:"flex",justifyContent:"space-between",alignItems:"center",[`${e}__content`]:{width:"80%",flex:1,overflow:"hidden",display:"flex",alignItems:"center","&:hover":{[`${e}__content-download`]:{opacity:1}},"&-text":{display:"flex",alignItems:"center",overflow:"hidden"},"&-download":{cursor:"pointer",color:"var(--download-main-color)",marginLeft:o.space,opacity:0,fontSize:o.fontSizeXL}},[`${e}__text-render`]:{color:"var(--download-main-color)",marginInlineEnd:o.spaceXS,"&:hover":{color:"var(--download-main-color-opacity)"}},[`${e}__text-inner`]:{flex:1,flexShrink:0,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:o.fontSize,cursor:"pointer",color:"var(--download-main-color)","&:hover":{color:"var(--download-main-color-opacity)"}},[`${e}__more`]:{fontSize:o.fontSize,lineHeight:o.lineHeight,cursor:"pointer",color:"var(--download-main-color)",marginInlineStart:o.space,"&:hover":{color:"var(--download-main-color-opacity)"}}},[`${e}__spin`]:{float:"left",marginRight:o.spaceXS},[`${e}__file-list`]:{maxWidth:o.apAttachmentListMaxWidth,display:"flex",flexDirection:"column",margin:0,padding:0,[`${e}__file-item`]:{flex:1,wordWrap:"break-word",marginBlockEnd:o.spaceLG,fontSize:o.fontSize,color:o.textColor1,"&:hover":{[`${e}__file-item-download`]:{opacity:1}},"&-text":{cursor:"pointer","&:hover":{color:"var(--download-main-color)"}},"&-download":{cursor:"pointer",color:"var(--download-main-color)",marginLeft:o.space,opacity:0,fontSize:o.fontSizeXL}},[`${e}__download-all`]:{fontSize:o.fontSize,color:"var(--download-main-color)",cursor:"pointer",marginBlockEnd:0,"&:hover":{color:"var(--download-main-color-opacity)"}}}}},n=r.genComponentStyleHook("ApAttachment",o=>[i(o)],{apAttachmentListMaxWidth:312});exports.default=n;

package/lib/src/business/ap-batch-action-group/ApBatchActionGroup.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("@ant-design/icons-vue"),v=require("@aplus-frontend/antdv"),S=require("@aplus-frontend/hooks"),L=require("../../ap-table/context.js");require("../../ap-button/index.js");require("../../config-provider/index.js");require("./MenuItemGroup.vue.js");const x=require("./style/index.js"),N=require("../../config-provider/hooks/use-namespace.js"),A=require("../../config-provider/hooks/use-locale.js"),f=require("./MenuItemGroup.vue2.js"),R=require("../../ap-button/ap-button.vue.js"),D=e.defineComponent({__name:"ApBatchActionGroup",props:{selectedRows:{},buttonProps:{},menuList:{}},setup(b,{expose:h}){const{b:c}=N.useNamespace("ap-batch-action-group"),_=x.default("ap-batch-action-group"),{t:w}=A.useLocale(),{columns:P,dataSource:y}=L.useInjectApTable(),t=b,{hasPermission:g}=S.usePermission(),p=e.useSlots(),i=e.computed(()=>t?.buttonProps?.dropdownType||"default"),n=e.computed(()=>t?.buttonProps?.type||"borderLink"),d=e.computed(()=>t?.buttonProps?.content||w("ap.apApBatchActionGroup.batchOperation")),k=e.computed(()=>t?.selectedRows||[]),s=e.computed(()=>t?.buttonProps?.disabled??(Array.isArray(t.selectedRows)?k.value.length===0:!1)),B=e.computed(()=>n.value==="borderLink"?s.value?void 0:"var(--ap-button-border-link-color)":void 0),u=e.computed(()=>t?.menuList?.filter(o=>{let a=o?.ifShow;return!o?.ifShow&&o?.auth&&(a=()=>g(o.auth)),a?.()??!0})||[]);function m(){return t?.buttonProps?{...t.buttonProps,type:n.value==="borderLink"?"default":n.value}:{}}return h({columns:P,dataSource:y}),(o,a)=>u.value.length&&i.value==="dropdown"?(e.openBlock(),e.createBlock(e.unref(v.DropdownButton),e.mergeProps({key:0,class:[e.unref(c)(),e.unref(_)]},{...o.$attrs,...m(),disabled:s.value}),e.createSlots({overlay:e.withCtx(()=>[e.createVNode(f.default,e.mergeProps({...t},{"menu-list":u.value}),null,16,["menu-list"])]),default:e.withCtx(()=>[e.createElementVNode("span",{style:e.normalizeStyle({color:B.value})},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h("span",[d.value]))))],4)]),_:2},[e.renderList(p,(q,r)=>({name:r,fn:e.withCtx(l=>[e.renderSlot(o.$slots,r,e.normalizeProps(e.guardReactiveProps(l||{})))])}))]),1040,["class"])):u.value.length&&i.value==="default"?(e.openBlock(),e.createBlock(e.unref(v.Dropdown),{key:1,class:e.normalizeClass([e.unref(c)()]),disabled:s.value},e.createSlots({overlay:e.withCtx(()=>[e.createVNode(f.default,e.mergeProps({...t},{"menu-list":u.value}),null,16,["menu-list"])]),default:e.withCtx(()=>[e.createVNode(e.unref(R.default),e.normalizeProps(e.guardReactiveProps({...o.$attrs,...m(),type:n.value})),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h("span",[d.value])))),e.createVNode(e.unref(C.DownOutlined))]),_:1},16)]),_:2},[e.renderList(p,(q,r)=>({name:r,fn:e.withCtx(l=>[e.renderSlot(o.$slots,r,e.normalizeProps(e.guardReactiveProps(l||{})))])}))]),1032,["class","disabled"])):e.createCommentVNode("",!0)}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("@ant-design/icons-vue"),v=require("@aplus-frontend/antdv"),S=require("@aplus-frontend/hooks"),L=require("../../ap-table/context.js");require("../../ap-button/index.js");require("../../config-provider/index.js");require("./MenuItemGroup.vue.js");const x=require("./style/index.js"),N=require("../../config-provider/hooks/use-namespace.js"),A=require("../../config-provider/hooks/use-locale.js"),f=require("./MenuItemGroup.vue2.js"),R=require("../../ap-button/ap-button.vue.js"),D=e.defineComponent({__name:"ApBatchActionGroup",props:{selectedRows:{},buttonProps:{},menuList:{}},setup(b,{expose:h}){const{b:c}=N.useNamespace("ap-batch-action-group"),_=x.default("ap-batch-action-group"),{t:w}=A.useLocale(),{columns:P,dataSource:y}=L.useInjectApTable(),t=b,{hasPermission:g}=S.usePermission(),p=e.useSlots(),i=e.computed(()=>t?.buttonProps?.dropdownType||"default"),n=e.computed(()=>t?.buttonProps?.type||"borderLink"),d=e.computed(()=>t?.buttonProps?.content||w("ap.apApBatchActionGroup.batchOperation")),k=e.computed(()=>t?.selectedRows||[]),s=e.computed(()=>t?.buttonProps?.disabled??(Array.isArray(t.selectedRows)?k.value.length===0:!1)),B=e.computed(()=>n.value==="borderLink"?s.value?void 0:"var(--ap-button-border-link-color)":void 0),u=e.computed(()=>t?.menuList?.filter(o=>{if(o==="divider")return!0;let a=o?.ifShow;return!o?.ifShow&&o?.auth&&(a=()=>g(o.auth)),a?.()??!0})||[]);function m(){return t?.buttonProps?{...t.buttonProps,type:n.value==="borderLink"?"default":n.value}:{}}return h({columns:P,dataSource:y}),(o,a)=>u.value.length&&i.value==="dropdown"?(e.openBlock(),e.createBlock(e.unref(v.DropdownButton),e.mergeProps({key:0,class:[e.unref(c)(),e.unref(_)]},{...o.$attrs,...m(),disabled:s.value}),e.createSlots({overlay:e.withCtx(()=>[e.createVNode(f.default,e.mergeProps({...t},{"menu-list":u.value}),null,16,["menu-list"])]),default:e.withCtx(()=>[e.createElementVNode("span",{style:e.normalizeStyle({color:B.value})},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h("span",[d.value]))))],4)]),_:2},[e.renderList(p,(q,r)=>({name:r,fn:e.withCtx(l=>[e.renderSlot(o.$slots,r,e.normalizeProps(e.guardReactiveProps(l||{})))])}))]),1040,["class"])):u.value.length&&i.value==="default"?(e.openBlock(),e.createBlock(e.unref(v.Dropdown),{key:1,class:e.normalizeClass([e.unref(c)()]),disabled:s.value},e.createSlots({overlay:e.withCtx(()=>[e.createVNode(f.default,e.mergeProps({...t},{"menu-list":u.value}),null,16,["menu-list"])]),default:e.withCtx(()=>[e.createVNode(e.unref(R.default),e.normalizeProps(e.guardReactiveProps({...o.$attrs,...m(),type:n.value})),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h("span",[d.value])))),e.createVNode(e.unref(C.DownOutlined))]),_:1},16)]),_:2},[e.renderList(p,(q,r)=>({name:r,fn:e.withCtx(l=>[e.renderSlot(o.$slots,r,e.normalizeProps(e.guardReactiveProps(l||{})))])}))]),1032,["class","disabled"])):e.createCommentVNode("",!0)}});exports.default=D;

package/lib/src/business/ap-batch-action-group/MenuItemGroup.vue.d.ts

@@ -1,7 +1,7 @@
 import { ApBatchActionGroupMenuProps, ApBatchActionGroupProps } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = ApBatchActionGroupProps & {
-    menuList: ApBatchActionGroupMenuProps[];
+    menuList: (ApBatchActionGroupMenuProps | 'divider')[];
 };
 declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/lib/src/business/ap-batch-action-group/MenuItemGroup.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@ant-design/icons-vue"),c=require("@aplus-frontend/antdv"),i={style:{display:"flex","align-items":"center"}},f=e.defineComponent({__name:"MenuItemGroup",props:{selectedRows:{},buttonProps:{},menuList:{}},setup(u){const l=u,n=e.ref({});async function a(r,s){const t=r?.id||s;n.value[t]=!0;try{await r?.onClick?.({selectedRows:l?.selectedRows})}finally{n.value[t]=void 0}}return(r,s)=>(e.openBlock(),e.createBlock(e.unref(c.Menu),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.menuList,(t,o)=>(e.openBlock(),e.createBlock(e.unref(c.MenuItem),e.mergeProps({key:t?.id||o},{ref_for:!0},{...t,onClick:()=>a(t,o),disabled:n.value[t?.id||o]??(typeof t?.disabled=="function"?t?.disabled({selectedRows:l?.selectedRows}):t?.disabled)??!1}),{default:e.withCtx(()=>[e.createElementVNode("div",i,[e.withDirectives(e.createVNode(e.unref(d.LoadingOutlined),{style:{"margin-right":"10px"}},null,512),[[e.vShow,n.value[t?.id||o]]]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h(e.Fragment,[t?.content]))))])]),_:2},1040))),128))]),_:1}))}});exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@ant-design/icons-vue"),c=require("@aplus-frontend/antdv"),i={style:{display:"flex","align-items":"center"}},p=e.defineComponent({__name:"MenuItemGroup",props:{selectedRows:{},buttonProps:{},menuList:{}},setup(u){const l=u,o=e.ref({});async function a(r,s){const t=r?.id||s;o.value[t]=!0;try{await r?.onClick?.({selectedRows:l?.selectedRows})}finally{o.value[t]=void 0}}return(r,s)=>(e.openBlock(),e.createBlock(e.unref(c.Menu),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.menuList,(t,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t==="divider"?`divider-${n}`:t?.id||n},[t==="divider"?(e.openBlock(),e.createBlock(e.unref(c.Menu).Divider,{key:0})):(e.openBlock(),e.createBlock(e.unref(c.MenuItem),e.mergeProps({key:t?.id||n},{ref_for:!0},{...t,onClick:()=>a(t,n),disabled:o.value[t?.id||n]??(typeof t?.disabled=="function"?t?.disabled({selectedRows:l?.selectedRows}):t?.disabled)??!1}),{default:e.withCtx(()=>[e.createElementVNode("div",i,[e.withDirectives(e.createVNode(e.unref(d.LoadingOutlined),{style:{"margin-right":"10px"}},null,512),[[e.vShow,o.value[t?.id||n]]]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h(e.Fragment,[t?.content]))))])]),_:2},1040))],64))),128))]),_:1}))}});exports.default=p;

package/lib/src/business/ap-batch-action-group/index.d.ts

@@ -322,7 +322,7 @@ declare const ApBatchActionGroup: {
             type?: ButtonType | "borderLink" | undefined;
             content?: VNodeChild;
         }) | undefined;
-        menuList?: ApBatchActionGroupMenuProps<any>[] | undefined;
+        menuList?: ("divider" | ApBatchActionGroupMenuProps<any>)[] | undefined;
     }> & Readonly<{}>, {
         columns: ComputedRef<TableColumnsType<any>> | undefined;
         dataSource: ComputedRef<any[]> | undefined;
@@ -644,7 +644,7 @@ declare const ApBatchActionGroup: {
             type?: ButtonType | "borderLink" | undefined;
             content?: VNodeChild;
         }) | undefined;
-        menuList?: ApBatchActionGroupMenuProps<any>[] | undefined;
+        menuList?: ("divider" | ApBatchActionGroupMenuProps<any>)[] | undefined;
     }> & Readonly<{}>, {
         columns: ComputedRef<TableColumnsType<any>> | undefined;
         dataSource: ComputedRef<any[]> | undefined;
@@ -963,7 +963,7 @@ declare const ApBatchActionGroup: {
         type?: ButtonType | "borderLink" | undefined;
         content?: VNodeChild;
     }) | undefined;
-    menuList?: ApBatchActionGroupMenuProps<any>[] | undefined;
+    menuList?: ("divider" | ApBatchActionGroupMenuProps<any>)[] | undefined;
 }> & Readonly<{}>, {
     columns: ComputedRef<TableColumnsType<any>> | undefined;
     dataSource: ComputedRef<any[]> | undefined;

package/lib/src/business/ap-batch-action-group/interface.d.ts

@@ -43,7 +43,7 @@ export type ApBatchActionGroupProps<RecordType = any> = {
     /**
      * 下拉列表配置
      */
-    menuList?: ApBatchActionGroupMenuProps<RecordType>[];
+    menuList?: (ApBatchActionGroupMenuProps<RecordType> | 'divider')[];
 };
 export type ApBatchActionGroupExpose<RecordType = any> = {
     columns?: ColumnType<any>[];

package/lib/src/business/ap-draggable-grid/ApDraggableGrid.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),ee=require("@aplus-frontend/antdv"),w=require("../../utils/warning.js");require("../../config-provider/index.js");const re=require("./constans.js"),te=require("./style/index.js"),E=require("./utils/sortItemsByRowAndCol.js"),oe=require("../../config-provider/hooks/use-namespace.js"),ae=["data-span","data-index","data-row","data-col","data-height","data-module","draggable"],ne=t.defineComponent({__name:"ApDraggableGrid",props:re.ApDraggableGridProps(),emits:["onGridListChange"],setup(_,{expose:J,emit:z}){const c=_,{b:q,e:T,m:j}=oe.useNamespace("ap-draggable-grid"),U=te.default("ap-draggable-grid"),L=t.ref(!1),x=t.ref(!1),M=t.computed(()=>T("item")),H=t.computed(()=>T("dragging")),G=t.computed(()=>T("overlay")),V=t.computed(()=>c.customWrapper?`.${c.customWrapper} .${M.value}:not(.${H.value})`:`.${M.value}:not(.${H.value})`),K=z,g=t.useTemplateRef("gridContainer"),$=t.ref([]);t.watch(()=>c.gridList,e=>{Array.isArray(e)&&i(e)},{deep:!0,immediate:!0});function i(e){const a=[...e].sort((r,u)=>r.row-u.row);$.value=a.map(r=>({...r})),K("onGridListChange",JSON.parse(JSON.stringify($.value)))}const Q=e=>({gridColumn:`${e.col} / span ${e.span}`,gridRow:e.row,minHeight:e.showHeight?e.showHeight+"px":`${c.gridItemHeight}px`,height:e.showHeight?e.showHeight+"px":`${c.gridItemHeight}px`,boxShadow:c.gridItemShadow?c.gridItemShadow:"none"});async function k(){if(i([]),typeof c.request=="function")try{L.value=!0;const e=await c.request();Array.isArray(e)&&i(e),w.warning(Array.isArray(e),"ApDraggableGrid: 请求函数必须返回一个符合 ApDraggableGridItemBase 数组的格式")}catch(e){w.warning(!1,`ApDraggableGrid: 请求错误: ${e}`)}finally{L.value=!1}}let A=t.ref(null),C=t.ref(null),h=null,R=!1,b=null;const F=e=>{if(!R&&(R=!0,e.dataTransfer&&e.target instanceof HTMLElement)){const a=e.target.dataset;e.dataTransfer.setData("text/plain",a.module),e.dataTransfer.effectAllowed="move",A.value={span:Number(a.span),col:Number(a.col),row:Number(a.row),module:a.module,height:Number(a.height),index:Number(a.index)},h=e.target,h.style.opacity="0"}},O=e=>{if(e.preventDefault(),b&&clearTimeout(b),b=window.setTimeout(()=>{R=!1,b=null},300),e.dataTransfer&&e.target instanceof HTMLElement){const a=e.target.closest(V.value);if(!a)return;const r=a.dataset;document.querySelectorAll(`.${c.customWrapper} div[data-row="${r.row}"]`).forEach(l=>{l.classList.add(G.value)}),C.value={span:Number(r.span),col:Number(r.col),row:Number(r.row),module:r.module,height:Number(r.height),index:Number(r.index)}}},P=e=>{e.preventDefault(),h&&(h.style.opacity="1",h=null),X(A,C)&&Y(A,C),document.querySelectorAll(`.${G.value}`).forEach(a=>{a.classList.remove(G.value)}),A.value=null,C.value=null,x.value=!1},W=()=>{h&&(h.style.opacity="1",h=null),A.value=null,C.value=null,x.value=!1},X=(e,a)=>{const{span:r,module:u}=e.value,{span:l,module:f}=a.value;return!(u===f&&r===l)},Y=(e,a)=>{if(!e.value||!a.value)return;const{span:r,col:u,row:l,module:f,height:D,index:d}=e.value,{span:S,col:y,row:p,module:Z,height:B,index:m}=a.value;if(l===p&&u===y&&r===S&&D===B&&f===Z)return;let o=[...t.toRaw($.value)];const N=JSON.parse(JSON.stringify(o));if(l===p)if(d>m){d-m===1?(o[m].col=r+y,o[d].col=y):(o.forEach((v,n)=>{n<d&&n>=m&&(v.col+=S)}),o[d].col=y);const s=E.sortItemsByRowAndCol(o);if(!I(s)){w.note(!1,"交换后的布局无效，恢复原始布局");return}i(s);return}else{m-d===1?(o[d].col=S+1,o[m].col=u):(o.forEach((v,n)=>{n>d&&n<=m&&(v.col-=S)}),o[d].col=y);const s=E.sortItemsByRowAndCol(o);if(!I(s)){i(N);return}i(s);return}else if(p<l){if(r===24){const s=[];for(let n=p;n<l;n++)s.push(n);o.forEach(n=>{s.includes(n.row)&&(n.row+=1)}),o[d].row=p;const v=E.sortItemsByRowAndCol(o);if(!I(v)){w.note(!1,"交换后的布局无效，恢复原始布局"),i(N);return}i(v);return}if(r===S&&D===B){o[d].row=p,o[d].col=y,o[m].row=l,o[m].col=u;const s=E.sortItemsByRowAndCol(o);if(!I(s)){w.note(!1,"交换后的布局无效，恢复原始布局"),i(N);return}i(s);return}}else{if(r===24){const s=[];for(let n=l+1;n<=p;n++)s.push(n);o.forEach(n=>{s.includes(n.row)&&(n.row-=1)}),o[d].row=p;const v=E.sortItemsByRowAndCol(o);if(!I(v)){w.note(!1,"交换后的布局无效，恢复原始布局"),i(N);return}i(v);return}if(r===S&&D===B){o[d].row=p,o[d].col=y,o[m].row=l,o[m].col=u;const s=E.sortItemsByRowAndCol(o);if(!I(s)){w.note(!1,"交换后的布局无效，恢复原始布局"),i(N);return}i(s);return}}},I=e=>{const a={};e.forEach(r=>{a[r.row]||(a[r.row]=[]),a[r.row].push(r)});for(const r in a){const u=a[r].sort((f,D)=>f.col-D.col);let l=1;for(const f of u){if(f.col<l)return w.note(!1,`行 ${r} 中的元素重叠: 元素 ${f.module} 在列 ${f.col}, 但当前列已经是 ${l}`),!1;if(l=f.col+f.span,l>25)return w.note(!1,`行 ${r} 中的元素超出界限: 元素 ${f.module} 在列 ${f.col} 跨度 ${f.span}`),!1}}return!0};return t.onMounted(async()=>{await k(),!c.disableDrag&&g.value&&(g.value.addEventListener("dragstart",F),g.value.addEventListener("dragover",O),g.value.addEventListener("drop",P),g.value.addEventListener("dragend",W))}),t.onUnmounted(()=>{g.value&&(g.value.removeEventListener("dragstart",F),g.value.removeEventListener("dragover",O),g.value.removeEventListener("drop",P),g.value.removeEventListener("dragend",W),b&&clearTimeout(b))}),J({setGridItems:e=>{i(e)},getGridItems:()=>JSON.parse(JSON.stringify($.value)),refreshGrid:()=>{(async()=>{await k()})()}}),(e,a)=>(t.openBlock(),t.createBlock(t.unref(ee.Spin),{spinning:L.value},{default:t.withCtx(()=>[t.createElementVNode("div",{ref_key:"gridContainer",ref:g,class:t.normalizeClass([L.value?t.unref(q)("loading"):t.unref(q)(),c.customWrapper,t.unref(U)]),style:t.normalizeStyle({width:typeof e.gridWidth=="number"?`${e.gridWidth}px`:e.gridWidth,gap:`${e.gapWidth}px`})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList($.value,(r,u)=>(t.openBlock(),t.createElementBlock("div",{key:u,class:t.normalizeClass([t.unref(T)("item"),c.disableDrag?"":t.unref(j)("canDrag")]),"data-span":r.span,"data-index":u,"data-row":r.row,"data-col":r.col,"data-height":r.height,"data-module":r.module,style:t.normalizeStyle([Q(r)]),draggable:!c.disableDrag},[t.renderSlot(e.$slots,"item",{item:r,index:u})],14,ae))),128))],6)]),_:3},8,["spinning"]))}});exports.default=ne;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),ee=require("@aplus-frontend/antdv"),w=require("../../utils/warning.js");require("../../config-provider/index.js");const re=require("./constans.js"),te=require("./style/index.js"),E=require("./utils/sortItemsByRowAndCol.js"),oe=require("../../config-provider/hooks/use-namespace.js"),ae=["data-span","data-index","data-row","data-col","data-height","data-module","draggable"],ne=t.defineComponent({__name:"ApDraggableGrid",props:re.ApDraggableGridProps(),emits:["onGridListChange"],setup(_,{expose:J,emit:z}){const c=_,{b:q,e:T,m:j}=oe.useNamespace("ap-draggable-grid"),U=te.default("ap-draggable-grid"),L=t.ref(!1),x=t.ref(!1),M=t.computed(()=>T("item")),H=t.computed(()=>T("dragging")),G=t.computed(()=>T("overlay")),V=t.computed(()=>c.customWrapper?`.${c.customWrapper} .${M.value}:not(.${H.value})`:`.${M.value}:not(.${H.value})`),K=z,g=t.useTemplateRef("gridContainer"),$=t.ref([]);t.watch(()=>c.gridList,e=>{Array.isArray(e)&&i(e)},{deep:!0,immediate:!0});function i(e){const a=[...e].sort((r,u)=>r.row-u.row);$.value=a.map(r=>({...r})),K("onGridListChange",JSON.parse(JSON.stringify($.value)))}const Q=e=>({gridColumn:`${e.col} / span ${e.span}`,gridRow:e.row,minHeight:e.showHeight?e.showHeight+"px":`${c.gridItemHeight}px`,height:e.showHeight?e.showHeight+"px":`${c.gridItemHeight}px`,boxShadow:c.gridItemShadow?c.gridItemShadow:"none"});async function k(){if(i([]),typeof c.request=="function")try{L.value=!0;const e=await c.request();Array.isArray(e)&&i(e),w.warning(Array.isArray(e),"ApDraggableGrid: 请求函数必须返回一个符合 ApDraggableGridItemBase 数组的格式")}catch(e){w.warning(!1,`ApDraggableGrid: 请求错误: ${e}`)}finally{L.value=!1}}let A=t.ref(null),C=t.ref(null),h=null,R=!1,b=null;const F=e=>{if(!R&&(R=!0,e.dataTransfer&&e.target instanceof HTMLElement)){const a=e.target.dataset;e.dataTransfer.setData("text/plain",a.module),e.dataTransfer.effectAllowed="move",A.value={span:Number(a.span),col:Number(a.col),row:Number(a.row),module:a.module,height:Number(a.height),index:Number(a.index)},h=e.target,h.style.opacity="0"}},O=e=>{if(e.preventDefault(),b&&clearTimeout(b),b=window.setTimeout(()=>{R=!1,b=null},300),e.dataTransfer&&e.target instanceof HTMLElement){const a=e.target.closest(V.value);if(!a)return;const r=a.dataset;document.querySelectorAll(`.${c.customWrapper} div[data-row="${r.row}"]`).forEach(l=>{l.classList.add(G.value)}),C.value={span:Number(r.span),col:Number(r.col),row:Number(r.row),module:r.module,height:Number(r.height),index:Number(r.index)}}},P=e=>{e.preventDefault(),h&&(h.style.opacity="1",h=null),X(A,C)&&Y(A,C),document.querySelectorAll(`.${G.value}`).forEach(a=>{a.classList.remove(G.value)}),A.value=null,C.value=null,x.value=!1},W=()=>{h&&(h.style.opacity="1",h=null),A.value=null,C.value=null,x.value=!1},X=(e,a)=>{const{span:r,module:u}=e.value,{span:l,module:f}=a.value;return!(u===f&&r===l)},Y=(e,a)=>{if(!e.value||!a.value)return;const{span:r,col:u,row:l,module:f,height:D,index:d}=e.value,{span:S,col:y,row:p,module:Z,height:B,index:m}=a.value;if(l===p&&u===y&&r===S&&D===B&&f===Z)return;let o=[...t.toRaw($.value)];const N=JSON.parse(JSON.stringify(o));if(l===p)if(d>m){d-m===1?(o[m].col=r+y,o[d].col=y):(o.forEach((v,n)=>{n<d&&n>=m&&(v.col+=S)}),o[d].col=y);const s=E.sortItemsByRowAndCol(o);if(!I(s)){w.note(!1,"交换后的布局无效，恢复原始布局");return}i(s);return}else{m-d===1?(o[d].col=S+1,o[m].col=u):(o.forEach((v,n)=>{n>d&&n<=m&&(v.col-=S)}),o[d].col=y);const s=E.sortItemsByRowAndCol(o);if(!I(s)){i(N);return}i(s);return}else if(p<l){if(r===24){const s=[];for(let n=p;n<l;n++)s.push(n);o.forEach(n=>{s.includes(n.row)&&(n.row+=1)}),o[d].row=p;const v=E.sortItemsByRowAndCol(o);if(!I(v)){w.note(!1,"交换后的布局无效，恢复原始布局"),i(N);return}i(v);return}if(r===S&&D===B){o[d].row=p,o[d].col=y,o[m].row=l,o[m].col=u;const s=E.sortItemsByRowAndCol(o);if(!I(s)){w.note(!1,"交换后的布局无效，恢复原始布局"),i(N);return}i(s);return}}else{if(r===24){const s=[];for(let n=l+1;n<=p;n++)s.push(n);o.forEach(n=>{s.includes(n.row)&&(n.row-=1)}),o[d].row=p;const v=E.sortItemsByRowAndCol(o);if(!I(v)){w.note(!1,"交换后的布局无效，恢复原始布局"),i(N);return}i(v);return}if(r===S&&D===B){o[d].row=p,o[d].col=y,o[m].row=l,o[m].col=u;const s=E.sortItemsByRowAndCol(o);if(!I(s)){w.note(!1,"交换后的布局无效，恢复原始布局"),i(N);return}i(s);return}}},I=e=>{const a={};e.forEach(r=>{a[r.row]||(a[r.row]=[]),a[r.row].push(r)});for(const r in a){const u=a[r].sort((f,D)=>f.col-D.col);let l=1;for(const f of u){if(f.col<l)return w.note(!1,`行 ${r} 中的元素重叠: 元素 ${f.module} 在列 ${f.col}, 但当前列已经是 ${l}`),!1;if(l=f.col+f.span,l>25)return w.note(!1,`行 ${r} 中的元素超出界限: 元素 ${f.module} 在列 ${f.col} 跨度 ${f.span}`),!1}}return!0};return t.onMounted(async()=>{await k(),!c.disableDrag&&g.value&&(g.value.addEventListener("dragstart",F),g.value.addEventListener("dragover",O),g.value.addEventListener("drop",P),g.value.addEventListener("dragend",W))}),t.onUnmounted(()=>{g.value&&(g.value.removeEventListener("dragstart",F),g.value.removeEventListener("dragover",O),g.value.removeEventListener("drop",P),g.value.removeEventListener("dragend",W),b&&clearTimeout(b))}),J({setGridItems:e=>{i(e)},getGridItems:()=>JSON.parse(JSON.stringify($.value)),refreshGrid:()=>{(async()=>await k())()}}),(e,a)=>(t.openBlock(),t.createBlock(t.unref(ee.Spin),{spinning:L.value},{default:t.withCtx(()=>[t.createElementVNode("div",{ref_key:"gridContainer",ref:g,class:t.normalizeClass([L.value?t.unref(q)("loading"):t.unref(q)(),c.customWrapper,t.unref(U)]),style:t.normalizeStyle({width:typeof e.gridWidth=="number"?`${e.gridWidth}px`:e.gridWidth,gap:`${e.gapWidth}px`})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList($.value,(r,u)=>(t.openBlock(),t.createElementBlock("div",{key:u,class:t.normalizeClass([t.unref(T)("item"),c.disableDrag?"":t.unref(j)("canDrag")]),"data-span":r.span,"data-index":u,"data-row":r.row,"data-col":r.col,"data-height":r.height,"data-module":r.module,style:t.normalizeStyle([Q(r)]),draggable:!c.disableDrag},[t.renderSlot(e.$slots,"item",{item:r,index:u})],14,ae))),128))],6)]),_:3},8,["spinning"]))}});exports.default=ne;

package/lib/src/business/ap-upload/components/MultipleFile.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("@ant-design/icons-vue"),i=require("@aplus-frontend/antdv"),Q=require("@aplus-frontend/icon"),X=require("../../ap-file-preview/index.js");require("../../../config-provider/index.js");const b=require("../hooks/useOss.js"),Y=require("../style/index.js"),I=require("../utils/accept.js"),x=require("../utils/returnData.js"),Z=require("../../../config-provider/hooks/use-global-config.js"),ee=require("../../../config-provider/hooks/use-locale.js"),te=require("../../../config-provider/hooks/use-namespace.js"),oe={class:"multiple-file-context"},ne={key:0},se={key:1},ae=e.defineComponent({__name:"MultipleFile",setup(re,{expose:P}){const C=Z.useGlobalConfig("downloadCenterTriggerConfig"),{t:r}=ee.useLocale(),{b:T}=te.useNamespace("ap-upload-multiple-file"),D=Y.default("ap-upload"),{put:M}=b.useOss(),R=e.inject("dirName"),S=e.inject("baseDirName"),k=e.inject("accept")||"*",j=e.inject("maxSize")??500,B=e.inject("title")||r("ap.apUpload.uploadFile"),m=e.inject("subTitle"),c=e.inject("maxCount")??10,p=e.inject("uploadingCount"),N=e.inject("beforeUpload"),E=e.inject("customRequest"),f=e.inject("getOssAccess"),L=e.inject("maxSizeErrorMsg"),O=e.inject("maxCountErrorMsg"),V=e.inject("acceptErrorMsg"),U=e.inject("onRemove"),y=e.inject("showUploadErrorMsg"),_=e.inject("bucket"),z=e.inject("showDownload")??!0,g=e.inject("showPreview")??!0,a=e.inject("value"),u=[],w=e.inject("needName"),d=e.ref(null);e.watch(()=>a?.value,function(t){!d?.value?.fileList?.length&&t&&q(t)},{immediate:!0});function q(t){if(!t){l=[],d.value.fileList=[],a.value=void 0,u.splice(0,u.length);return}e.nextTick(()=>{const o=t.map(n=>{const s=x.getPath(w,n),A=x.getName(w,n),v=new File([n],A,{});return v.response=s,v.uid=s,v.status="done",v});if(c&&o.length>c){i.message.warning(r("ap.apUpload.fileInitializationException",{maxCount:c}));return}o.forEach(n=>{l.push(n),u.push({uid:n.uid,path:n.response})}),d.value.fileList=o,a.value=t})}P({setValue:q});let l=[],F;function h(t){setTimeout(()=>{const o=d.value.fileList.findIndex(n=>n.uid===t.uid);o>=0&&d.value.fileList.splice(o,1)})}async function $(t){if(c&&c>1&&l.length>=c)return clearTimeout(F),F=setTimeout(()=>{i.message.warning(O||r("ap.apUpload.maxUploadFiles",{maxCount:c}))}),h(t),!1;if(t.size>j*1024*1024)return i.message.warning(L||r("ap.apUpload.maxUploadFileSize",{maxSize:j})),h(t),!1;if(!I.fileMatchesAccept(t,k))return i.message.warning(V||r("ap.apUpload.fileFormatNotSupported")),h(t),!1;if(typeof N=="function"&&await N(t)===!1)return h(t),!1;c&&c===1&&(l=[],a.value=void 0),l.push(t)}async function G(t){if(p.value++,typeof E=="function"){E({onProgress:o=>{setTimeout(()=>{t.onProgress({percent:o})})},onError:o=>{y&&i.message.warning(o||r("ap.apUpload.networkAnomaly")),setTimeout(()=>{t.onError({name:o,message:o})}),p.value--},onSuccess:o=>{setTimeout(()=>{t.onSuccess(o)}),a.value=[...a.value||[],x.getReturnData(w,o,t.file.name)],u.push({uid:t.file.uid,path:o}),p.value--},file:t.file});return}try{const o=await(_?f(_):f()),n=await b.getOssInstance(async()=>o);t.file.oss=n,M({file:t.file,dirName:R,oss:n,successCallBack(s){t.onSuccess(s),a.value=[...a.value||[],x.getReturnData(w,s,t.file.name)],u.push({uid:t.file.uid,path:s}),p.value--},errorCallBack(s){y&&i.message.warning(s||r("ap.apUpload.networkAnomaly")),t.onError({name:s,message:s}),p.value--},progressCallBack(s){t.onProgress({percent:s})},baseDirName:S,bucket:o?.bucket})}catch(o){y&&i.message.warning(typeof o?.message=="string"?o.message:r("ap.apUpload.networkAnomaly")),t.onError({name:o?.message||r("ap.apUpload.networkAnomaly"),message:o?.message||r("ap.apUpload.networkAnomaly")}),p.value--}}function W(t){if(U&&U?.(t),t.response){if(Array.isArray(a.value)){const n=u.findIndex(s=>s.uid===t.uid);n>=0&&(a?.value.splice(n,1),u.splice(n,1)),a.value.length===0&&(a.value=void 0)}}else t?.oss?.pauseUpload();const o=l.findIndex(n=>n.uid===t.uid);return l.splice(o,1),Promise.resolve(!0)}const H=async t=>{if(C.value?.trigger){let o=[t].map(n=>({objectName:n.response,fileName:n.name}));C.value?.trigger?.(o)}else{const o=t.response?.match(/^([^:]+):(.*)$/),n=o?.[1],s=o?.[2]??t.response;(await b.getOssInstance(()=>n?f?.(n):f?.())).downloadFile([{path:s,fileName:t.name}])}},J=t=>{(typeof g=="function"?g(t):g)&&X.ApFilePreview.createFilePreviewModal({src:t.response,fileName:t.name})};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({[e.unref(T)()]:!0,[e.unref(D)??""]:!0})},[e.createVNode(e.unref(i.Upload),{ref_key:"uploadRef",ref:d,accept:e.unref(k),multiple:"","max-count":e.unref(c),progress:{strokeWidth:3,showInfo:!1,strokeColor:"#0070FF"},"before-upload":$,"custom-request":G,"show-upload-list":{showDownloadIcon:e.unref(z),showRemoveIcon:!0,showPreviewIcon:e.unref(g)},onPreview:J,onRemove:W,onDownload:H},{downloadIcon:e.withCtx(()=>[e.createVNode(e.unref(Q.IconApAdLineDownload),{class:"anticon anticon-vertical-align-bottom"})]),default:e.withCtx(()=>[e.createElementVNode("div",oe,[e.createVNode(e.unref(i.Button),{class:"file-btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(K.UploadOutlined)),e.createTextVNode(" "+e.toDisplayString(e.unref(B)),1)]),_:1}),e.createElementVNode("div",{class:"sub-title",onClick:o[0]||(o[0]=e.withModifiers(()=>{},["stop"]))},[typeof e.unref(m)=="string"?(e.openBlock(),e.createElementBlock("div",ne,e.toDisplayString(e.unref(m)||`${e.unref(r)("ap.apUpload.supportExtension")}：${e.unref(I.getAcceptText)(e.unref(k))}`),1)):e.unref(m)?(e.openBlock(),e.createElementBlock("div",se,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(m))))])):e.createCommentVNode("",!0)])])]),_:1},8,["accept","max-count","show-upload-list"])],2))}});exports.default=ae;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("@ant-design/icons-vue"),i=require("@aplus-frontend/antdv"),Q=require("@aplus-frontend/icon"),X=require("../../ap-file-preview/index.js");require("../../../config-provider/index.js");const b=require("../hooks/useOss.js"),Y=require("../style/index.js"),A=require("../utils/accept.js"),x=require("../utils/returnData.js"),Z=require("../../../config-provider/hooks/use-global-config.js"),ee=require("../../../config-provider/hooks/use-locale.js"),te=require("../../../config-provider/hooks/use-namespace.js"),oe={class:"multiple-file-context"},ne={key:0},se={key:1},ae=e.defineComponent({__name:"MultipleFile",setup(re,{expose:D}){const C=Z.useGlobalConfig("downloadCenterTriggerConfig"),{t:r}=ee.useLocale(),{b:P}=te.useNamespace("ap-upload-multiple-file"),T=Y.default("ap-upload"),{put:M}=b.useOss(),R=e.inject("dirName"),S=e.inject("baseDirName"),k=e.inject("accept")||"*",j=e.inject("maxSize")??500,B=e.inject("title")||r("ap.apUpload.uploadFile"),m=e.inject("subTitle"),c=e.inject("maxCount")??10,p=e.inject("uploadingCount"),N=e.inject("beforeUpload"),U=e.inject("customRequest"),f=e.inject("getOssAccess"),L=e.inject("maxSizeErrorMsg"),O=e.inject("maxCountErrorMsg"),V=e.inject("acceptErrorMsg"),E=e.inject("onRemove"),y=e.inject("showUploadErrorMsg"),_=e.inject("bucket"),z=e.inject("showDownload")??!0,g=e.inject("showPreview")??!0,a=e.inject("value"),u=[],w=e.inject("needName"),d=e.ref(null);e.watch(()=>a?.value,function(t){!d?.value?.fileList?.length&&t&&q(t)},{immediate:!0});function q(t){if(!t){l=[],d.value.fileList=[],a.value=void 0,u.splice(0,u.length);return}e.nextTick(()=>{const o=t.map(n=>{const s=x.getPath(w,n),I=x.getName(w,n),v=new File([n],I,{});return v.response=s,v.uid=crypto.randomUUID(),v.status="done",v});if(c&&o.length>c){i.message.warning(r("ap.apUpload.fileInitializationException",{maxCount:c}));return}o.forEach(n=>{l.push(n),u.push({uid:n.uid,path:n.response})}),d.value.fileList=o,a.value=t})}D({setValue:q});let l=[],F;function h(t){setTimeout(()=>{const o=d.value.fileList.findIndex(n=>n.uid===t.uid);o>=0&&d.value.fileList.splice(o,1)})}async function $(t){if(c&&c>1&&l.length>=c)return clearTimeout(F),F=setTimeout(()=>{i.message.warning(O||r("ap.apUpload.maxUploadFiles",{maxCount:c}))}),h(t),!1;if(t.size>j*1024*1024)return i.message.warning(L||r("ap.apUpload.maxUploadFileSize",{maxSize:j})),h(t),!1;if(!A.fileMatchesAccept(t,k))return i.message.warning(V||r("ap.apUpload.fileFormatNotSupported")),h(t),!1;if(typeof N=="function"&&await N(t)===!1)return h(t),!1;c&&c===1&&(l=[],a.value=void 0),l.push(t)}async function G(t){if(p.value++,typeof U=="function"){U({onProgress:o=>{setTimeout(()=>{t.onProgress({percent:o})})},onError:o=>{y&&i.message.warning(o||r("ap.apUpload.networkAnomaly")),setTimeout(()=>{t.onError({name:o,message:o})}),p.value--},onSuccess:o=>{setTimeout(()=>{t.onSuccess(o)}),a.value=[...a.value||[],x.getReturnData(w,o,t.file.name)],u.push({uid:t.file.uid,path:o}),p.value--},file:t.file});return}try{const o=await(_?f(_):f()),n=await b.getOssInstance(async()=>o);t.file.oss=n,M({file:t.file,dirName:R,oss:n,successCallBack(s){t.onSuccess(s),a.value=[...a.value||[],x.getReturnData(w,s,t.file.name)],u.push({uid:t.file.uid,path:s}),p.value--},errorCallBack(s){y&&i.message.warning(s||r("ap.apUpload.networkAnomaly")),t.onError({name:s,message:s}),p.value--},progressCallBack(s){t.onProgress({percent:s})},baseDirName:S,bucket:o?.bucket})}catch(o){y&&i.message.warning(typeof o?.message=="string"?o.message:r("ap.apUpload.networkAnomaly")),t.onError({name:o?.message||r("ap.apUpload.networkAnomaly"),message:o?.message||r("ap.apUpload.networkAnomaly")}),p.value--}}function W(t){if(E&&E?.(t),t.response){if(Array.isArray(a.value)){const n=u.findIndex(s=>s.uid===t.uid);n>=0&&(a?.value.splice(n,1),u.splice(n,1)),a.value.length===0&&(a.value=void 0)}}else t?.oss?.pauseUpload();const o=l.findIndex(n=>n.uid===t.uid);return l.splice(o,1),Promise.resolve(!0)}const H=async t=>{if(C.value?.trigger){let o=[t].map(n=>({objectName:n.response,fileName:n.name}));C.value?.trigger?.(o)}else{const o=t.response?.match(/^([^:]+):(.*)$/),n=o?.[1],s=o?.[2]??t.response;(await b.getOssInstance(()=>n?f?.(n):f?.())).downloadFile([{path:s,fileName:t.name}])}},J=t=>{(typeof g=="function"?g(t):g)&&X.ApFilePreview.createFilePreviewModal({src:t.response,fileName:t.name})};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({[e.unref(P)()]:!0,[e.unref(T)??""]:!0})},[e.createVNode(e.unref(i.Upload),{ref_key:"uploadRef",ref:d,accept:e.unref(k),multiple:"","max-count":e.unref(c),progress:{strokeWidth:3,showInfo:!1,strokeColor:"#0070FF"},"before-upload":$,"custom-request":G,"show-upload-list":{showDownloadIcon:e.unref(z),showRemoveIcon:!0,showPreviewIcon:e.unref(g)},onPreview:J,onRemove:W,onDownload:H},{downloadIcon:e.withCtx(()=>[e.createVNode(e.unref(Q.IconApAdLineDownload),{class:"anticon anticon-vertical-align-bottom"})]),default:e.withCtx(()=>[e.createElementVNode("div",oe,[e.createVNode(e.unref(i.Button),{class:"file-btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(K.UploadOutlined)),e.createTextVNode(" "+e.toDisplayString(e.unref(B)),1)]),_:1}),e.createElementVNode("div",{class:"sub-title",onClick:o[0]||(o[0]=e.withModifiers(()=>{},["stop"]))},[typeof e.unref(m)=="string"?(e.openBlock(),e.createElementBlock("div",ne,e.toDisplayString(e.unref(m)||`${e.unref(r)("ap.apUpload.supportExtension")}：${e.unref(A.getAcceptText)(e.unref(k))}`),1)):e.unref(m)?(e.openBlock(),e.createElementBlock("div",se,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(m))))])):e.createCommentVNode("",!0)])])]),_:1},8,["accept","max-count","show-upload-list"])],2))}});exports.default=ae;