@aplus-frontend/ui 0.1.25 → 0.1.27

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

@@ -0,0 +1,17 @@
+import { ColumnsType } from 'ant-design-vue/es/table';
+import { ApColumnState } from '../../interface';
+/**
+ * 根据列状态重新生成表格列配置
+ * @param columns 表格列数组
+ * @param columnStateList 表格列状态数组
+ * @returns
+ */
+export default function generateColumnsByColumnState(columns: ColumnsType, columnStateList: ApColumnState[]): ColumnsType;
+export declare function customCloneColumnStates<T extends ApColumnState | ApColumnState[]>(columnStates: T): T;
+/**
+ * 克隆列设置用的label，并为其添加额外的props
+ * @param node
+ * @param overrideProps
+ * @returns
+ */
+export declare function cloneLabelNode(node: any): any;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("lodash-unified"),s=require("vue");function r(e,l){var u;const n=[];for(const t of l){const i=e.find(o=>o.key===t.key);if((u=t.children)!=null&&u.length){const o=r(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 f(e){return c.cloneDeepWith(e,(l,n)=>{if(n==="label")return l})}const a={display:"inline","-webkit-line-clamp":"unset","-webkit-box-orient":"unset",overflow:"unset","text-overflow":"unset","white-space":"unset",wordBreak:"unset"};function d(e){return s.isVNode(e)?s.cloneVNode(e,{style:a}):e}exports.cloneLabelNode=d;exports.customCloneColumnStates=f;exports.default=r;

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

@@ -0,0 +1,39 @@
+.aplus-ap-column-setting-wrapper {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  height: 100%;
+}
+.aplus-ap-column-setting-left {
+  flex: 1;
+  flex-shrink: 1;
+  min-width: 0;
+  padding-inline: 20px;
+  display: flex;
+  flex-direction: column;
+}
+.aplus-ap-column-setting-left__header {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px;
+}
+.aplus-ap-column-setting-left__content {
+  flex: 1;
+  padding-inline: 12px;
+  padding-block: 16px;
+  overflow-y: auto;
+}
+.aplus-ap-column-setting-left__content .ant-checkbox-wrapper {
+  max-width: 100%;
+}
+.aplus-ap-column-setting-left__content .ant-checkbox-wrapper > span:last-child {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.aplus-ap-column-setting-right {
+  width: 240px;
+}

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

@@ -0,0 +1,7 @@
+.aplus-select-group-header {
+  background-color: #F2F6F9;
+  padding: 4px 12px;
+  border-radius: 4px;
+  margin-bottom: 16px;
+  margin-inline: -12px;
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const d=require("../utils/returnData.js"),j=require("../hooks/useOss.js"),i=require("ant-design-vue"),b=require("@ant-design/icons-vue"),q=require("../utils/accept.js");require("../styles/multiple-file.css");const D=require("../../config-provider/hooks/use-locale.js"),L=require("../../config-provider/hooks/use-namespace.js"),I={class:"multiple-file-context"},P={key:0},O={key:1},z=e.defineComponent({__name:"MultipleFile",setup(M){const{t:o}=D.useLocale(),{b:y}=L.useNamespace("ap-upload-multiple-file"),{put:T}=j.useOss(),U=e.inject("theme"),A=e.inject("dirName"),h=e.inject("accept")||"*",w=e.inject("maxSize")??500,B=e.inject("title")||o("ap.apUpload.uploadFile"),g=e.inject("subTitle"),r=e.inject("maxCount")??10,c=e.inject("uploadingCount"),C=e.inject("beforeUpload"),_=e.inject("customRequest"),E=e.inject("getOssAccess"),s=e.inject("value"),m=[],l=e.inject("needName"),f=e.ref(null);e.watch(()=>s==null?void 0:s.value,function(t){!f.value.fileList.length&&t&&e.nextTick(()=>{const n=t.map(a=>{const u=d.getPath(l,a),x=d.getName(l,a),k=new File([a],x,{});return k.response=u,k.uid=u,k});if(r&&n.length>r){i.message.warning(o("ap.apUpload.fileInitializationException",{maxCount:r}));return}n.forEach(a=>{p.push(a),m.push({uid:a.uid,path:a.response})}),f.value.fileList=n})});let p=[],N;function v(t){setTimeout(()=>{const n=f.value.fileList.findIndex(a=>a.uid===t.uid);n>=0&&f.value.fileList.splice(n,1)})}function F(t){if(r&&r>1&&p.length>=r)return clearTimeout(N),N=setTimeout(()=>{i.message.warning(o("ap.apUpload.maxUploadFiles",{maxCount:r}))}),v(t),!1;if(typeof C=="function"){if(C(t)===!1)return v(t),!1}else{if(t.size>w*1024*1024)return i.message.warning(o("ap.apUpload.maxUploadFileSize",{maxSize:w})),v(t),!1;if(!q.fileMatchesAccept(t,h))return i.message.warning(o("ap.apUpload.fileFormatNotSupported")),v(t),!1}r&&r===1&&(p=[],s.value=void 0),p.push(t)}async function R(t){if(c.value++,typeof _=="function"){_({onProgress:n=>{setTimeout(()=>{t.onProgress({percent:n})})},onError:n=>{i.message.warning(n||o("ap.apUpload.networkAnomaly")),setTimeout(()=>{t.onError({name:n,message:n})}),c.value--},onSuccess:n=>{setTimeout(()=>{t.onSuccess(n)}),s.value?s.value.push(d.getReturnData(l,n,t.file.name)):s.value=[d.getReturnData(l,n,t.file.name)],m.push({uid:t.file.uid,path:n}),c.value--},file:t.file});return}try{const n=await j.getOssInstance(E);t.file.oss=n,T({file:t.file,dirName:A,oss:n,successCallBack(a){t.onSuccess(a),s.value?s.value.push(d.getReturnData(l,a,t.file.name)):s.value=[d.getReturnData(l,a,t.file.name)],m.push({uid:t.file.uid,path:a}),c.value--},errorCallBack(a){i.message.warning(a||o("ap.apUpload.networkAnomaly")),t.onError({name:a,message:a}),c.value--},progressCallBack(a){t.onProgress({percent:a})}})}catch(n){i.message.warning(typeof(n==null?void 0:n.message)=="string"?n.message:o("ap.apUpload.networkAnomaly")),t.onError({name:(n==null?void 0:n.message)||o("ap.apUpload.networkAnomaly"),message:(n==null?void 0:n.message)||o("ap.apUpload.networkAnomaly")}),c.value--}}function S(t){var a;if(t.response){if(Array.isArray(s.value)){const u=m.findIndex(x=>x.uid===t.uid);u>=0&&(s==null||s.value.splice(u,1),m.splice(u,1)),s.value.length===0&&(s.value=void 0)}}else(a=t==null?void 0:t.oss)==null||a.pauseUpload();const n=p.findIndex(u=>u.uid===t.uid);return p.splice(n,1),Promise.resolve(!0)}return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({[e.unref(y)()]:!0,[e.unref(y)("admin")]:e.unref(U)==="admin"})},[e.createVNode(e.unref(i.Upload),{ref_key:"uploadRef",ref:f,accept:e.unref(h),multiple:"",maxCount:e.unref(r),progress:{strokeWidth:3,showInfo:!1,strokeColor:"#0070FF"},beforeUpload:F,customRequest:R,onRemove:S},{default:e.withCtx(()=>[e.createElementVNode("div",I,[e.createVNode(e.unref(i.Button),{class:"file-btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(b.UploadOutlined)),e.createTextVNode(" "+e.toDisplayString(e.unref(B)),1)]),_:1}),e.createElementVNode("div",{class:"sub-title",onClick:n[0]||(n[0]=e.withModifiers(()=>{},["stop"]))},[typeof e.unref(g)=="string"?(e.openBlock(),e.createElementBlock("div",P,e.toDisplayString(e.unref(g)||`${e.unref(o)("ap.apUpload.supportExtension")}：${e.unref(q.getAcceptText)(e.unref(h))}`),1)):e.unref(g)?(e.openBlock(),e.createElementBlock("div",O,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(g))))])):e.createCommentVNode("",!0)])])]),_:1},8,["accept","maxCount"])],2))}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const f=require("../utils/returnData.js"),q=require("../hooks/useOss.js"),c=require("ant-design-vue"),R=require("@ant-design/icons-vue"),T=require("../utils/accept.js");require("../styles/multiple-file.css");const I=require("../../config-provider/hooks/use-locale.js"),P=require("../../config-provider/hooks/use-namespace.js"),O={class:"multiple-file-context"},z={key:0},M={key:1},V=e.defineComponent({__name:"MultipleFile",setup($){const{t:o}=I.useLocale(),{b:y}=P.useNamespace("ap-upload-multiple-file"),{put:U}=q.useOss(),A=e.inject("theme"),B=e.inject("dirName"),x=e.inject("accept")||"*",w=e.inject("maxSize")??500,E=e.inject("title")||o("ap.apUpload.uploadFile"),v=e.inject("subTitle"),i=e.inject("maxCount")??10,p=e.inject("uploadingCount"),C=e.inject("beforeUpload"),_=e.inject("customRequest"),F=e.inject("getOssAccess"),s=e.inject("value"),g=[],d=e.inject("needName"),l=e.ref(null);e.watch(()=>s==null?void 0:s.value,function(t){var n,a;!((a=(n=l==null?void 0:l.value)==null?void 0:n.fileList)!=null&&a.length)&&t&&e.nextTick(()=>{const r=t.map(u=>{const j=f.getPath(d,u),L=f.getName(d,u),k=new File([u],L,{});return k.response=j,k.uid=j,k});if(i&&r.length>i){c.message.warning(o("ap.apUpload.fileInitializationException",{maxCount:i}));return}r.forEach(u=>{m.push(u),g.push({uid:u.uid,path:u.response})}),l.value.fileList=r})},{immediate:!0});let m=[],N;function h(t){setTimeout(()=>{const n=l.value.fileList.findIndex(a=>a.uid===t.uid);n>=0&&l.value.fileList.splice(n,1)})}function S(t){if(i&&i>1&&m.length>=i)return clearTimeout(N),N=setTimeout(()=>{c.message.warning(o("ap.apUpload.maxUploadFiles",{maxCount:i}))}),h(t),!1;if(typeof C=="function"){if(C(t)===!1)return h(t),!1}else{if(t.size>w*1024*1024)return c.message.warning(o("ap.apUpload.maxUploadFileSize",{maxSize:w})),h(t),!1;if(!T.fileMatchesAccept(t,x))return c.message.warning(o("ap.apUpload.fileFormatNotSupported")),h(t),!1}i&&i===1&&(m=[],s.value=void 0),m.push(t)}async function b(t){if(p.value++,typeof _=="function"){_({onProgress:n=>{setTimeout(()=>{t.onProgress({percent:n})})},onError:n=>{c.message.warning(n||o("ap.apUpload.networkAnomaly")),setTimeout(()=>{t.onError({name:n,message:n})}),p.value--},onSuccess:n=>{setTimeout(()=>{t.onSuccess(n)}),s.value?s.value.push(f.getReturnData(d,n,t.file.name)):s.value=[f.getReturnData(d,n,t.file.name)],g.push({uid:t.file.uid,path:n}),p.value--},file:t.file});return}try{const n=await q.getOssInstance(F);t.file.oss=n,U({file:t.file,dirName:B,oss:n,successCallBack(a){t.onSuccess(a),s.value?s.value.push(f.getReturnData(d,a,t.file.name)):s.value=[f.getReturnData(d,a,t.file.name)],g.push({uid:t.file.uid,path:a}),p.value--},errorCallBack(a){c.message.warning(a||o("ap.apUpload.networkAnomaly")),t.onError({name:a,message:a}),p.value--},progressCallBack(a){t.onProgress({percent:a})}})}catch(n){c.message.warning(typeof(n==null?void 0:n.message)=="string"?n.message:o("ap.apUpload.networkAnomaly")),t.onError({name:(n==null?void 0:n.message)||o("ap.apUpload.networkAnomaly"),message:(n==null?void 0:n.message)||o("ap.apUpload.networkAnomaly")}),p.value--}}function D(t){var a;if(t.response){if(Array.isArray(s.value)){const r=g.findIndex(u=>u.uid===t.uid);r>=0&&(s==null||s.value.splice(r,1),g.splice(r,1)),s.value.length===0&&(s.value=void 0)}}else(a=t==null?void 0:t.oss)==null||a.pauseUpload();const n=m.findIndex(r=>r.uid===t.uid);return m.splice(n,1),Promise.resolve(!0)}return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({[e.unref(y)()]:!0,[e.unref(y)("admin")]:e.unref(A)==="admin"})},[e.createVNode(e.unref(c.Upload),{ref_key:"uploadRef",ref:l,accept:e.unref(x),multiple:"",maxCount:e.unref(i),progress:{strokeWidth:3,showInfo:!1,strokeColor:"#0070FF"},beforeUpload:S,customRequest:b,onRemove:D},{default:e.withCtx(()=>[e.createElementVNode("div",O,[e.createVNode(e.unref(c.Button),{class:"file-btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(R.UploadOutlined)),e.createTextVNode(" "+e.toDisplayString(e.unref(E)),1)]),_:1}),e.createElementVNode("div",{class:"sub-title",onClick:n[0]||(n[0]=e.withModifiers(()=>{},["stop"]))},[typeof e.unref(v)=="string"?(e.openBlock(),e.createElementBlock("div",z,e.toDisplayString(e.unref(v)||`${e.unref(o)("ap.apUpload.supportExtension")}：${e.unref(T.getAcceptText)(e.unref(x))}`),1)):e.unref(v)?(e.openBlock(),e.createElementBlock("div",M,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(v))))])):e.createCommentVNode("",!0)])])]),_:1},8,["accept","maxCount"])],2))}});exports.default=V;

package/lib/src/ap-upload/components/Picture.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const m=require("../utils/returnData.js"),B=require("@ant-design/icons-vue"),_=require("../hooks/useOss.js"),U=require("../utils/accept.js"),l=require("ant-design-vue");require("../styles/picture.css");const O=require("../../config-provider/hooks/use-locale.js"),$=require("../../config-provider/hooks/use-namespace.js"),T=["accept"],L={class:"picture-context"},M={class:"picture-item-box"},G=["src"],H={class:"picture-item-shadow"},J=["onClick"],K={key:0,class:"picture-item-uploading"},Q={class:"picture-title"},W={key:0},X={key:1},Y=e.defineComponent({__name:"Picture",setup(Z){const{t:u}=O.useLocale(),{b:y}=$.useNamespace("ap-upload-picture"),{put:S}=_.useOss(),j=e.inject("theme"),q=e.inject("dirName"),v=e.inject("accept")||"image/*",k=e.inject("maxSize")??5,x=e.inject("title"),r=e.inject("maxCount")??10,p=e.inject("uploadingCount"),w=e.inject("beforeUpload"),N=e.inject("customRequest"),C=e.inject("getOssAccess"),h=e.ref(null),i=e.inject("value"),f=e.inject("needName");let o=e.ref([]);const g=[];e.watch(()=>i==null?void 0:i.value,async function(t){if(!o.value.length&&t){const s=[];for(let n of t){const a=m.getPath(f,n),c=m.getName(f,n),d=await _.getOssInstance(C),I=await d.getSignatureUrl(a),z={...new File([n],c,{}),uid:`${new Date().getTime()}-${Math.random()}`,thumbUrl:I,status:"success",percent:100,path:a};s.push(z),d.destroy()}if(r&&s.length>r){l.message.warning(u("ap.apUpload.fileInitializationException",{maxCount:r}));return}s.forEach(n=>{o.value.push(n),g.push({uid:n.uid,path:n.path})})}});function D(){var t;(t=h.value)==null||t.click()}function V(t){const s=t.target;P(s==null?void 0:s.files)}function P(t){if(t!=null&&t.length)for(let s=0;s<t.length;s++)R(t[s]);h.value&&(h.value.value="")}let E;function R(t){if(r&&r>1&&o.value.length>=r)return clearTimeout(E),E=setTimeout(()=>{l.message.warning(u("ap.apUpload.maxUploadPicture",{maxCount:r}))}),!1;if(typeof w=="function"){if(w(t)===!1)return!1}else{if(t.size>k*1024*1024)return l.message.warning(u("ap.apUpload.maxUploadFileSize",{maxSize:k})),!1;if(!/image\/\w+/.test(t.type)||!U.fileMatchesAccept(t,v))return l.message.warning(u("ap.apUpload.pictureFormatNotSupported")),!1}const s=new FileReader;s.readAsDataURL(t),s.onload=function(){const n={...t,uid:`${new Date().getTime()}-${Math.random()}`,thumbUrl:this.result,status:"uploading",percent:0};b(n,t)},s.onerror=function(){l.message.warning(u("ap.apUpload.imageParsingFailed"))}}async function b(t,s){if(p.value++,typeof N=="function"){N({onProgress:n=>{const a=o.value.find(c=>c.uid===t.uid);a&&(a.percent=n)},onError:n=>{l.message.warning(n||u("ap.apUpload.networkAnomaly"));const a=o.value.findIndex(c=>c.uid===t.uid);a>-1&&o.value.splice(a,1),p.value--},onSuccess:n=>{const a=o.value.find(c=>c.uid===t.uid);a&&(a.status="success",a.path=n),i.value?i.value.push(m.getReturnData(f,n,s.name)):i.value=[m.getReturnData(f,n,s.name)],g.push({uid:t.uid,path:n}),p.value--},file:s});return}try{const n=await _.getOssInstance(C);t.oss=n,o.value.push(t),S({file:s,dirName:q,oss:n,successCallBack(a){const c=o.value.find(d=>d.uid===t.uid);c&&(c.status="success",c.path=a),i.value?i.value.push(m.getReturnData(f,a,s.name)):i.value=[m.getReturnData(f,a,s.name)],g.push({uid:t.uid,path:a}),p.value--},errorCallBack(a){l.message.warning(a||u("ap.apUpload.networkAnomaly"));const c=o.value.findIndex(d=>d.uid===t.uid);c>-1&&o.value.splice(c,1),p.value--},progressCallBack(a){const c=o.value.find(d=>d.uid===t.uid);c&&(c.percent=a)}})}catch(n){l.message.warning(typeof(n==null?void 0:n.message)=="string"?n.message:u("ap.apUpload.networkAnomaly"));const a=o.value.findIndex(c=>c.uid===t.uid);a>-1&&o.value.splice(a,1),p.value--}}function A(t){var n;if(t.path){if(Array.isArray(i.value)){const a=g.findIndex(c=>c.uid===t.uid);a>=0&&(i==null||i.value.splice(a,1),g.splice(a,1)),i.value.length===0&&(i.value=void 0)}}else(n=t==null?void 0:t.oss)==null||n.pauseUpload();const s=o.value.findIndex(a=>a.uid===t.uid);return o.value.splice(s,1),Promise.resolve(!0)}return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({[e.unref(y)()]:!0,[e.unref(y)("admin")]:e.unref(j)==="admin"})},[e.createElementVNode("input",{style:{display:"none"},type:"file",ref_key:"fileRef",ref:h,accept:e.unref(v),onChange:V},null,40,T),e.createElementVNode("div",L,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),n=>(e.openBlock(),e.createElementBlock("div",{class:"picture-item",key:n.uid},[e.createElementVNode("div",M,[e.createElementVNode("img",{src:n.thumbUrl,alt:""},null,8,G),e.withDirectives(e.createElementVNode("div",H,[e.createElementVNode("div",{class:"picture-item-close",onClick:a=>A(n)},[e.createVNode(e.unref(B.CloseOutlined))],8,J),n.status==="uploading"?(e.openBlock(),e.createElementBlock("div",K,[e.createVNode(e.unref(l.Progress),{percent:n.percent,strokeColor:"#ffffff",trailColor:"rgba(255, 255, 255, 0.3)",size:4,showInfo:!1},null,8,["percent"])])):e.createCommentVNode("",!0)],512),[[e.vShow,n.status==="uploading"]])])]))),128)),e.unref(r)===void 0||e.unref(o).length<e.unref(r)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"picture-upload",onClick:D},[e.createVNode(e.unref(B.PlusOutlined)),e.createElementVNode("div",null,e.toDisplayString(e.unref(u)("ap.apUpload.update")),1)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Q,[e.unref(x)?(e.openBlock(),e.createElementBlock("div",W,e.toDisplayString(e.unref(x)),1)):(e.openBlock(),e.createElementBlock("div",X,e.toDisplayString(`${e.unref(u)("ap.apUpload.supportExtension")}：${e.unref(U.getAcceptText)(e.unref(v))}，${e.unref(u)("ap.apUpload.maxUploadPictureSize",{maxSize:e.unref(k)})}`),1))])],2))}});exports.default=Y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const m=require("../utils/returnData.js"),U=require("@ant-design/icons-vue"),_=require("../hooks/useOss.js"),S=require("../utils/accept.js"),l=require("ant-design-vue");require("../styles/picture.css");const $=require("../../config-provider/hooks/use-locale.js"),T=require("../../config-provider/hooks/use-namespace.js"),M=["accept"],L={class:"picture-context"},G={class:"picture-item-box"},H=["src"],J={class:"picture-item-shadow"},K=["onClick"],Q={key:0,class:"picture-item-uploading"},W={class:"picture-title"},X={key:0},Y={key:1},Z=e.defineComponent({__name:"Picture",setup(F){const{t:u}=$.useLocale(),{b:y}=T.useNamespace("ap-upload-picture"),{put:j}=_.useOss(),q=e.inject("theme"),D=e.inject("dirName"),v=e.inject("accept")||"image/*",k=e.inject("maxSize")??5,x=e.inject("title"),r=e.inject("maxCount")??10,p=e.inject("uploadingCount"),w=e.inject("beforeUpload"),N=e.inject("customRequest"),C=e.inject("getOssAccess"),h=e.ref(null),i=e.inject("value"),f=e.inject("needName");let o=e.ref([]);const g=[];e.watch(()=>i==null?void 0:i.value,async function(t){var s;if(!((s=o==null?void 0:o.value)!=null&&s.length)&&t){const a=[];for(let n of t){const c=m.getPath(f,n),d=m.getName(f,n),B=await _.getOssInstance(C),z=await B.getSignatureUrl(c),O={...new File([n],d,{}),uid:`${new Date().getTime()}-${Math.random()}`,thumbUrl:z,status:"success",percent:100,path:c};a.push(O),B.destroy()}if(r&&a.length>r){l.message.warning(u("ap.apUpload.fileInitializationException",{maxCount:r}));return}a.forEach(n=>{o.value.push(n),g.push({uid:n.uid,path:n.path})})}},{immediate:!0});function V(){var t;(t=h.value)==null||t.click()}function P(t){const s=t.target;R(s==null?void 0:s.files)}function R(t){if(t!=null&&t.length)for(let s=0;s<t.length;s++)b(t[s]);h.value&&(h.value.value="")}let E;function b(t){if(r&&r>1&&o.value.length>=r)return clearTimeout(E),E=setTimeout(()=>{l.message.warning(u("ap.apUpload.maxUploadPicture",{maxCount:r}))}),!1;if(typeof w=="function"){if(w(t)===!1)return!1}else{if(t.size>k*1024*1024)return l.message.warning(u("ap.apUpload.maxUploadFileSize",{maxSize:k})),!1;if(!/image\/\w+/.test(t.type)||!S.fileMatchesAccept(t,v))return l.message.warning(u("ap.apUpload.pictureFormatNotSupported")),!1}const s=new FileReader;s.readAsDataURL(t),s.onload=function(){const a={...t,uid:`${new Date().getTime()}-${Math.random()}`,thumbUrl:this.result,status:"uploading",percent:0};A(a,t)},s.onerror=function(){l.message.warning(u("ap.apUpload.imageParsingFailed"))}}async function A(t,s){if(p.value++,typeof N=="function"){N({onProgress:a=>{const n=o.value.find(c=>c.uid===t.uid);n&&(n.percent=a)},onError:a=>{l.message.warning(a||u("ap.apUpload.networkAnomaly"));const n=o.value.findIndex(c=>c.uid===t.uid);n>-1&&o.value.splice(n,1),p.value--},onSuccess:a=>{const n=o.value.find(c=>c.uid===t.uid);n&&(n.status="success",n.path=a),i.value?i.value.push(m.getReturnData(f,a,s.name)):i.value=[m.getReturnData(f,a,s.name)],g.push({uid:t.uid,path:a}),p.value--},file:s});return}try{const a=await _.getOssInstance(C);t.oss=a,o.value.push(t),j({file:s,dirName:D,oss:a,successCallBack(n){const c=o.value.find(d=>d.uid===t.uid);c&&(c.status="success",c.path=n),i.value?i.value.push(m.getReturnData(f,n,s.name)):i.value=[m.getReturnData(f,n,s.name)],g.push({uid:t.uid,path:n}),p.value--},errorCallBack(n){l.message.warning(n||u("ap.apUpload.networkAnomaly"));const c=o.value.findIndex(d=>d.uid===t.uid);c>-1&&o.value.splice(c,1),p.value--},progressCallBack(n){const c=o.value.find(d=>d.uid===t.uid);c&&(c.percent=n)}})}catch(a){l.message.warning(typeof(a==null?void 0:a.message)=="string"?a.message:u("ap.apUpload.networkAnomaly"));const n=o.value.findIndex(c=>c.uid===t.uid);n>-1&&o.value.splice(n,1),p.value--}}function I(t){var a;if(t.path){if(Array.isArray(i.value)){const n=g.findIndex(c=>c.uid===t.uid);n>=0&&(i==null||i.value.splice(n,1),g.splice(n,1)),i.value.length===0&&(i.value=void 0)}}else(a=t==null?void 0:t.oss)==null||a.pauseUpload();const s=o.value.findIndex(n=>n.uid===t.uid);return o.value.splice(s,1),Promise.resolve(!0)}return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({[e.unref(y)()]:!0,[e.unref(y)("admin")]:e.unref(q)==="admin"})},[e.createElementVNode("input",{style:{display:"none"},type:"file",ref_key:"fileRef",ref:h,accept:e.unref(v),onChange:P},null,40,M),e.createElementVNode("div",L,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),a=>(e.openBlock(),e.createElementBlock("div",{class:"picture-item",key:a.uid},[e.createElementVNode("div",G,[e.createElementVNode("img",{src:a.thumbUrl,alt:""},null,8,H),e.withDirectives(e.createElementVNode("div",J,[e.createElementVNode("div",{class:"picture-item-close",onClick:n=>I(a)},[e.createVNode(e.unref(U.CloseOutlined))],8,K),a.status==="uploading"?(e.openBlock(),e.createElementBlock("div",Q,[e.createVNode(e.unref(l.Progress),{percent:a.percent,strokeColor:"#ffffff",trailColor:"rgba(255, 255, 255, 0.3)",size:4,showInfo:!1},null,8,["percent"])])):e.createCommentVNode("",!0)],512),[[e.vShow,a.status==="uploading"]])])]))),128)),e.unref(r)===void 0||e.unref(o).length<e.unref(r)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"picture-upload",onClick:V},[e.createVNode(e.unref(U.PlusOutlined)),e.createElementVNode("div",null,e.toDisplayString(e.unref(u)("ap.apUpload.update")),1)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",W,[e.unref(x)?(e.openBlock(),e.createElementBlock("div",X,e.toDisplayString(e.unref(x)),1)):(e.openBlock(),e.createElementBlock("div",Y,e.toDisplayString(`${e.unref(u)("ap.apUpload.supportExtension")}：${e.unref(S.getAcceptText)(e.unref(v))}，${e.unref(u)("ap.apUpload.maxUploadPictureSize",{maxSize:e.unref(k)})}`),1))])],2))}});exports.default=Z;