@aplus-frontend/ui 7.7.4 → 7.7.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/src/ap-action/group/index.vue.d.ts +1 -0
- package/es/src/ap-action/group/index.vue.mjs +28 -28
- package/es/src/ap-action/item-popconfirm/index.vue.d.ts +25 -1
- package/es/src/ap-button/ap-action-button.vue.d.ts +2 -1
- package/es/src/ap-button/ap-button.vue.d.ts +2 -1
- package/es/src/ap-field/number/index.vue.d.ts +20 -0
- package/es/src/ap-field/number/index.vue.mjs +11 -10
- package/es/src/ap-field/number/read.vue2.mjs +3 -2
- package/es/src/ap-field/select/index.vue.d.ts +12 -4
- package/es/src/ap-field/tree-select/index.vue.d.ts +2 -0
- package/es/src/ap-form/items/number/index.vue.d.ts +22 -0
- package/es/src/ap-form/items/select/index.vue.d.ts +18 -6
- package/es/src/ap-form/items/tree-select/index.vue.d.ts +2 -0
- package/es/src/ap-form/modal-form/index.vue.d.ts +25 -1
- package/es/src/ap-form/search-form/components/popover-filter.vue.d.ts +19 -1
- package/es/src/ap-table/constants.d.ts +22 -3
- package/es/src/business/ap-batch-action-group/index.d.ts +34 -4
- package/es/src/business/ap-descriptions/ap-descriptions.vue.d.ts +3 -10
- package/es/src/business/ap-descriptions/ap-descriptions.vue.mjs +58 -79
- package/es/src/business/ap-descriptions/interface.d.ts +2 -3
- package/es/src/business/ap-upload/apUpload.vue.d.ts +9 -0
- package/es/src/business/ap-upload/apUpload.vue.mjs +33 -29
- package/es/src/business/ap-upload/apUploadTypes.d.ts +4 -0
- package/es/src/business/ap-upload/components/MultipleFile.vue2.mjs +50 -49
- package/es/src/business/ap-upload/components/Picture.vue2.mjs +66 -65
- package/es/src/business/ap-upload/components/SingleFile.vue2.mjs +95 -94
- package/es/src/business/ap-upload/hooks/useOss.d.ts +2 -1
- package/es/src/business/ap-upload/hooks/useOss.mjs +26 -24
- package/es/src/version.d.ts +1 -1
- package/es/src/version.mjs +1 -1
- package/lib/src/ap-action/group/index.vue.d.ts +1 -0
- package/lib/src/ap-action/group/index.vue.js +1 -1
- package/lib/src/ap-action/item-popconfirm/index.vue.d.ts +25 -1
- package/lib/src/ap-button/ap-action-button.vue.d.ts +2 -1
- package/lib/src/ap-button/ap-button.vue.d.ts +2 -1
- package/lib/src/ap-field/number/index.vue.d.ts +20 -0
- package/lib/src/ap-field/number/index.vue.js +1 -1
- package/lib/src/ap-field/number/read.vue2.js +1 -1
- package/lib/src/ap-field/select/index.vue.d.ts +12 -4
- package/lib/src/ap-field/tree-select/index.vue.d.ts +2 -0
- package/lib/src/ap-form/items/number/index.vue.d.ts +22 -0
- package/lib/src/ap-form/items/select/index.vue.d.ts +18 -6
- package/lib/src/ap-form/items/tree-select/index.vue.d.ts +2 -0
- package/lib/src/ap-form/modal-form/index.vue.d.ts +25 -1
- package/lib/src/ap-form/search-form/components/popover-filter.vue.d.ts +19 -1
- package/lib/src/ap-table/constants.d.ts +22 -3
- package/lib/src/business/ap-batch-action-group/index.d.ts +34 -4
- package/lib/src/business/ap-descriptions/ap-descriptions.vue.d.ts +3 -10
- package/lib/src/business/ap-descriptions/ap-descriptions.vue.js +1 -1
- package/lib/src/business/ap-descriptions/interface.d.ts +2 -3
- package/lib/src/business/ap-upload/apUpload.vue.d.ts +9 -0
- package/lib/src/business/ap-upload/apUpload.vue.js +1 -1
- package/lib/src/business/ap-upload/apUploadTypes.d.ts +4 -0
- package/lib/src/business/ap-upload/components/MultipleFile.vue2.js +1 -1
- package/lib/src/business/ap-upload/components/Picture.vue2.js +1 -1
- package/lib/src/business/ap-upload/components/SingleFile.vue2.js +1 -1
- package/lib/src/business/ap-upload/hooks/useOss.d.ts +2 -1
- package/lib/src/business/ap-upload/hooks/useOss.js +1 -1
- package/lib/src/version.d.ts +1 -1
- package/lib/src/version.js +1 -1
- package/package.json +5 -5
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { DescriptionsProps } from '@aplus-frontend/antdv';
|
|
1
|
+
import { DescriptionItemType, DescriptionsProps } from '@aplus-frontend/antdv';
|
|
2
2
|
import { CSSProperties, StyleValue, VNode, VNodeChild } from 'vue';
|
|
3
3
|
import { formatterMap } from './formatter';
|
|
4
4
|
/** 字段路径 */
|
|
@@ -19,10 +19,9 @@ type AllKeys<T, P extends string = '', Level extends unknown[] = []> = Level['le
|
|
|
19
19
|
]> : never);
|
|
20
20
|
}[keyof T] : never;
|
|
21
21
|
/** 基本描述类型 */
|
|
22
|
-
export interface ItemSchema<T extends Recordable = Recordable> {
|
|
22
|
+
export interface ItemSchema<T extends Recordable = Recordable> extends Omit<DescriptionItemType, 'children'> {
|
|
23
23
|
label: VNodeChild | VNode;
|
|
24
24
|
field: Extract<AllKeys<T>, string> | (string & {}) | string[];
|
|
25
|
-
span?: number;
|
|
26
25
|
prefix?: VNodeChild | VNode;
|
|
27
26
|
suffix?: VNodeChild | VNode;
|
|
28
27
|
contentStyle?: CSSProperties;
|
|
@@ -85,6 +85,10 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
|
|
|
85
85
|
type: BooleanConstructor;
|
|
86
86
|
default: boolean;
|
|
87
87
|
};
|
|
88
|
+
baseDirName: {
|
|
89
|
+
type: StringConstructor;
|
|
90
|
+
default: string;
|
|
91
|
+
};
|
|
88
92
|
}>, {
|
|
89
93
|
done: ComputedRef<boolean>;
|
|
90
94
|
clear: typeof clear;
|
|
@@ -164,6 +168,10 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
|
|
|
164
168
|
type: BooleanConstructor;
|
|
165
169
|
default: boolean;
|
|
166
170
|
};
|
|
171
|
+
baseDirName: {
|
|
172
|
+
type: StringConstructor;
|
|
173
|
+
default: string;
|
|
174
|
+
};
|
|
167
175
|
}>> & Readonly<{
|
|
168
176
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
169
177
|
}>, {
|
|
@@ -185,6 +193,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
|
|
|
185
193
|
subTitle: string | VNode< RendererNode, RendererElement, {
|
|
186
194
|
[key: string]: any;
|
|
187
195
|
}>;
|
|
196
|
+
baseDirName: string;
|
|
188
197
|
showUploadErrorMsg: boolean;
|
|
189
198
|
maxCountErrorMsg: string;
|
|
190
199
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");require("./components/SingleFile.vue.js");require("./components/MultipleFile.vue.js");require("./components/Picture.vue.js");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");require("./components/SingleFile.vue.js");require("./components/MultipleFile.vue.js");require("./components/Picture.vue.js");const q=require("./utils/accept.js"),F=require("./hooks/useOss.js"),M=require("@aplus-frontend/antdv"),x=require("./style/index.js"),N=require("../../config-provider/hooks/use-locale.js"),E=require("../../config-provider/hooks/use-namespace.js"),U=require("./components/Picture.vue2.js"),h=require("./components/MultipleFile.vue2.js"),O=require("./components/SingleFile.vue2.js"),R=require("../../config-provider/hooks/use-global-config.js"),j=["id"],z=e.defineComponent({name:"AplusFileUpload",__name:"apUpload",props:{dirName:{type:String,default:void 0},type:{type:String,default:"singleFile"},value:{type:[String,Object,Array],default:void 0},needName:{type:[Boolean,Object],default:void 0},accept:{type:String,default:void 0},maxSize:{type:Number,default:void 0},title:{type:String,default:""},subTitle:{type:[String,Object],default:""},maxCount:{type:Number,default:void 0},beforeUpload:{type:Function,default:void 0},customRequest:{type:Function,default:void 0},getOssAccess:{type:Function,default:void 0},onChange:{type:Function,default:void 0},maxSizeErrorMsg:{type:String,default:void 0},maxCountErrorMsg:{type:String,default:void 0},acceptErrorMsg:{type:String,default:void 0},onRemove:{type:Function,default:void 0},showUploadErrorMsg:{type:Boolean,default:!0},baseDirName:{type:String,default:"Frontend-Upload"}},emits:["update:value"],setup(d,{expose:p,emit:c}){const{t:a,lang:v}=N.useLocale();q.injectLocaleToAccept(a),F.injectLocaleToOss(a,v);const{b:m}=E.useNamespace("ap-upload"),f=x.default("ap-upload"),u=e.ref(null),t=d,g=c,_={singleFile:O.default,multipleFile:h.default,picture:U.default},i=M.Form.useInjectFormItemContext(),y=e.computed({get(){return t.value},set(o){g("update:value",o),i?.onFieldChange(),t.onChange?.(o)}}),r=R.useGlobalConfig("apUpload");e.provide("value",y),e.provide("dirName",t.dirName??r.value?.dirName),e.provide("needName",t.needName??r.value?.needName??!1),e.provide("accept",t.accept??r.value?.accept??""),e.provide("maxSize",t.maxSize),e.provide("title",t.title),e.provide("subTitle",t.subTitle),e.provide("maxCount",t.maxCount),e.provide("beforeUpload",t.beforeUpload),e.provide("customRequest",t.customRequest),e.provide("baseDirName",t.baseDirName??"Frontend-Upload"),e.provide("getOssAccess",t.getOssAccess??r.value?.getOssAccess),e.provide("maxSizeErrorMsg",t.maxSizeErrorMsg),e.provide("maxCountErrorMsg",t.maxCountErrorMsg),e.provide("acceptErrorMsg",t.acceptErrorMsg),e.provide("onRemove",t.onRemove),e.provide("showUploadErrorMsg",t.showUploadErrorMsg);const b=e.computed(()=>n.value===0),n=e.ref(0);e.provide("uploadingCount",n);function C(){s(void 0)}function s(o){u?.value?.setValue?.(o)}return p({done:b,clear:C,setValue:s}),(o,A)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(i)?.id.value,class:e.normalizeClass([e.unref(m)(),e.unref(f)])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(_[t.type]),e.mergeProps(o.$attrs,{ref_key:"uploadRef",ref:u}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),l=>({name:l,fn:e.withCtx(S=>[e.renderSlot(o.$slots,l,e.normalizeProps(e.guardReactiveProps(S||{})))])}))]),1040))],10,j))}});exports.default=z;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../config-provider/index.js");const h=require("../utils/returnData.js"),C=require("../hooks/useOss.js"),i=require("@aplus-frontend/antdv"),q=require("@ant-design/icons-vue"),T=require("../utils/accept.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../config-provider/index.js");const h=require("../utils/returnData.js"),C=require("../hooks/useOss.js"),i=require("@aplus-frontend/antdv"),q=require("@ant-design/icons-vue"),T=require("../utils/accept.js"),W=require("../style/index.js"),H=require("../../../config-provider/hooks/use-global-config.js"),J=require("../../../config-provider/hooks/use-locale.js"),K=require("../../../config-provider/hooks/use-namespace.js"),Q={class:"multiple-file-context"},X={key:0},Y={key:1},Z=e.defineComponent({__name:"MultipleFile",setup(ee,{expose:F}){const y=H.useGlobalConfig("downloadCenterTriggerConfig"),{t:a}=J.useLocale(),{b:R}=K.useNamespace("ap-upload-multiple-file"),A=W.default("ap-upload"),{put:B}=C.useOss(),I=e.inject("dirName"),M=e.inject("baseDirName"),w=e.inject("accept")||"*",k=e.inject("maxSize")??500,S=e.inject("title")||a("ap.apUpload.uploadFile"),d=e.inject("subTitle"),r=e.inject("maxCount")??10,c=e.inject("uploadingCount"),N=e.inject("beforeUpload"),j=e.inject("customRequest"),E=e.inject("getOssAccess"),D=e.inject("maxSizeErrorMsg"),L=e.inject("maxCountErrorMsg"),O=e.inject("acceptErrorMsg"),b=e.inject("onRemove"),x=e.inject("showUploadErrorMsg"),s=e.inject("value"),l=[],m=e.inject("needName"),p=e.ref(null);e.watch(()=>s?.value,function(t){!p?.value?.fileList?.length&&t&&U(t)},{immediate:!0});function U(t){if(!t){u=[],p.value.fileList=[],s.value=void 0,l.splice(0,l.length);return}e.nextTick(()=>{const o=t.map(n=>{const g=h.getPath(m,n),G=h.getName(m,n),v=new File([n],G,{});return v.response=g,v.uid=g,v.status="done",v});if(r&&o.length>r){i.message.warning(a("ap.apUpload.fileInitializationException",{maxCount:r}));return}o.forEach(n=>{u.push(n),l.push({uid:n.uid,path:n.response})}),p.value.fileList=o,s.value=t})}F({setValue:U});let u=[],_;function f(t){setTimeout(()=>{const o=p.value.fileList.findIndex(n=>n.uid===t.uid);o>=0&&p.value.fileList.splice(o,1)})}async function V(t){if(r&&r>1&&u.length>=r)return clearTimeout(_),_=setTimeout(()=>{i.message.warning(L||a("ap.apUpload.maxUploadFiles",{maxCount:r}))}),f(t),!1;if(t.size>k*1024*1024)return i.message.warning(D||a("ap.apUpload.maxUploadFileSize",{maxSize:k})),f(t),!1;if(!T.fileMatchesAccept(t,w))return i.message.warning(O||a("ap.apUpload.fileFormatNotSupported")),f(t),!1;if(typeof N=="function"&&await N(t)===!1)return f(t),!1;r&&r===1&&(u=[],s.value=void 0),u.push(t)}async function z(t){if(c.value++,typeof j=="function"){j({onProgress:o=>{setTimeout(()=>{t.onProgress({percent:o})})},onError:o=>{x&&i.message.warning(o||a("ap.apUpload.networkAnomaly")),setTimeout(()=>{t.onError({name:o,message:o})}),c.value--},onSuccess:o=>{setTimeout(()=>{t.onSuccess(o)}),s.value=[...s.value||[],h.getReturnData(m,o,t.file.name)],l.push({uid:t.file.uid,path:o}),c.value--},file:t.file});return}try{const o=await C.getOssInstance(E);t.file.oss=o,B({file:t.file,dirName:I,oss:o,successCallBack(n){t.onSuccess(n),s.value=[...s.value||[],h.getReturnData(m,n,t.file.name)],l.push({uid:t.file.uid,path:n}),c.value--},errorCallBack(n){x&&i.message.warning(n||a("ap.apUpload.networkAnomaly")),t.onError({name:n,message:n}),c.value--},progressCallBack(n){t.onProgress({percent:n})},baseDirName:M})}catch(o){x&&i.message.warning(typeof o?.message=="string"?o.message:a("ap.apUpload.networkAnomaly")),t.onError({name:o?.message||a("ap.apUpload.networkAnomaly"),message:o?.message||a("ap.apUpload.networkAnomaly")}),c.value--}}function P(t){if(b&&b?.(t),t.response){if(Array.isArray(s.value)){const n=l.findIndex(g=>g.uid===t.uid);n>=0&&(s?.value.splice(n,1),l.splice(n,1)),s.value.length===0&&(s.value=void 0)}}else t?.oss?.pauseUpload();const o=u.findIndex(n=>n.uid===t.uid);return u.splice(o,1),Promise.resolve(!0)}const $=async t=>{if(y.value?.trigger){let o=[t].map(n=>({objectName:n.response,fileName:n.name}));y.value?.trigger?.(o)}else(await C.getOssInstance(E)).downloadFile([{path:t.response,fileName:t.name}])};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({[e.unref(R)()]:!0,[e.unref(A)??""]:!0})},[e.createVNode(e.unref(i.Upload),{ref_key:"uploadRef",ref:p,accept:e.unref(w),multiple:"","max-count":e.unref(r),progress:{strokeWidth:3,showInfo:!1,strokeColor:"#0070FF"},"before-upload":V,"custom-request":z,"show-upload-list":{showDownloadIcon:!0,showRemoveIcon:!0},onRemove:P,onDownload:$},{downloadIcon:e.withCtx(()=>[e.createVNode(e.unref(q.VerticalAlignBottomOutlined))]),default:e.withCtx(()=>[e.createElementVNode("div",Q,[e.createVNode(e.unref(i.Button),{class:"file-btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(q.UploadOutlined)),e.createTextVNode(" "+e.toDisplayString(e.unref(S)),1)]),_:1}),e.createElementVNode("div",{class:"sub-title",onClick:o[0]||(o[0]=e.withModifiers(()=>{},["stop"]))},[typeof e.unref(d)=="string"?(e.openBlock(),e.createElementBlock("div",X,e.toDisplayString(e.unref(d)||`${e.unref(a)("ap.apUpload.supportExtension")}:${e.unref(T.getAcceptText)(e.unref(w))}`),1)):e.unref(d)?(e.openBlock(),e.createElementBlock("div",Y,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d))))])):e.createCommentVNode("",!0)])])]),_:1},8,["accept","max-count"])],2))}});exports.default=Z;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../config-provider/index.js");const v=require("../utils/returnData.js"),B=require("@ant-design/icons-vue"),y=require("../hooks/useOss.js"),S=require("../utils/accept.js"),l=require("@aplus-frontend/antdv"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../config-provider/index.js");const v=require("../utils/returnData.js"),B=require("@ant-design/icons-vue"),y=require("../hooks/useOss.js"),S=require("../utils/accept.js"),l=require("@aplus-frontend/antdv"),K=require("lodash-unified"),Q=require("../style/index.js"),W=require("../../../config-provider/hooks/use-locale.js"),X=require("../../../config-provider/hooks/use-namespace.js"),Y=["accept"],Z={class:"picture-context"},F={class:"picture-item-box"},ee=["src"],te={class:"picture-item-shadow"},ne=["onClick"],ae={key:0,class:"picture-item-uploading"},se={class:"picture-title"},oe={key:0},ce={key:1},re=e.defineComponent({__name:"Picture",setup(ie,{expose:b}){const{t:i}=W.useLocale(),{b:q}=X.useNamespace("ap-upload-picture"),M=Q.default("ap-upload"),{put:R}=y.useOss(),D=e.inject("dirName"),P=e.inject("baseDirName"),h=e.inject("accept")||"image/*",k=e.inject("maxSize")??5,_=e.inject("title"),u=e.inject("maxCount")??10,f=e.inject("uploadingCount"),w=e.inject("beforeUpload"),E=e.inject("customRequest"),U=e.inject("getOssAccess"),z=e.inject("maxSizeErrorMsg"),A=e.inject("maxCountErrorMsg"),I=e.inject("acceptErrorMsg"),m=e.ref(null),r=e.inject("value"),g=e.inject("needName"),N=e.inject("onRemove"),x=e.inject("showUploadErrorMsg");let o=e.ref([]);const p=[];e.watch(()=>r?.value,async function(n){!o?.value?.length&&n&&C(n)},{immediate:!0});function C(n){if(!n){r.value=void 0,p.splice(0,p.length),o.value=[];return}e.nextTick(async()=>{const s=[];for(let t of n){const a=v.getPath(g,t),c=v.getName(g,t),d=await y.getOssInstance(U),H=await d.getSignatureUrl(a),J={...typeof t=="string"?{}:t,...new File([t],c,{}),uid:`${new Date().getTime()}-${Math.random()}`,thumbUrl:H,status:"success",percent:100,path:a};s.push(J),d.destroy()}if(u&&s.length>u){l.message.warning(i("ap.apUpload.fileInitializationException",{maxCount:u}));return}s.forEach(t=>{o.value.push(t),p.push({uid:t.uid,path:t.path})}),r.value=n})}b({setValue:C});function $(){m.value?.click()}function O(n){const s=n.target;T(s?.files)}function T(n){if(n?.length)for(let s=0;s<n.length;s++)L(n[s]);m.value&&(m.value.value="")}let j;async function L(n){if(u&&u>1&&o.value.length>=u)return clearTimeout(j),j=setTimeout(()=>{l.message.warning(A||i("ap.apUpload.maxUploadPicture",{maxCount:u}))}),!1;if(n.size>k*1024*1024)return l.message.warning(z||i("ap.apUpload.maxUploadFileSize",{maxSize:k})),!1;if(!/image\/\w+/.test(n.type)||!S.fileMatchesAccept(n,h))return l.message.warning(I||i("ap.apUpload.pictureFormatNotSupported")),!1;if(typeof w=="function"&&await w(n)===!1)return!1;const s=new FileReader;s.readAsDataURL(n),s.onload=function(){const t={...n,uid:`${new Date().getTime()}-${Math.random()}`,thumbUrl:this.result,status:"uploading",percent:0};G(t,n)},s.onerror=function(){l.message.warning(i("ap.apUpload.imageParsingFailed"))}}async function G(n,s){if(f.value++,typeof E=="function"){E({onProgress:t=>{const a=o.value.find(c=>c.uid===n.uid);a&&(a.percent=t)},onError:t=>{x&&l.message.warning(t||i("ap.apUpload.networkAnomaly"));const a=o.value.findIndex(c=>c.uid===n.uid);a>-1&&o.value.splice(a,1),f.value--},onSuccess:t=>{const a=o.value.find(c=>c.uid===n.uid);a&&(a.status="success",a.path=t),r.value=[...r.value||[],v.getReturnData(g,t,s.name)],p.push({uid:n.uid,path:t}),f.value--},file:s});return}try{const t=await y.getOssInstance(U);n.oss=t,o.value.push(n),R({file:s,dirName:D,oss:t,successCallBack(a){const c=o.value.find(d=>d.uid===n.uid);c&&(c.status="success",c.path=a),r.value=[...r.value||[],v.getReturnData(g,a,s.name)],p.push({uid:n.uid,path:a}),f.value--},errorCallBack(a){x&&l.message.warning(a||i("ap.apUpload.networkAnomaly"));const c=o.value.findIndex(d=>d.uid===n.uid);c>-1&&o.value.splice(c,1),f.value--},progressCallBack(a){const c=o.value.find(d=>d.uid===n.uid);c&&(c.percent=a)},baseDirName:P})}catch(t){x&&l.message.warning(typeof t?.message=="string"?t.message:i("ap.apUpload.networkAnomaly"));const a=o.value.findIndex(c=>c.uid===n.uid);a>-1&&o.value.splice(a,1),f.value--}}function V(n){if(N&&N?.(n),n.path&&r){if(Array.isArray(r.value)){const t=p.findIndex(a=>a.uid===n.uid);if(t>=0){const a=r?.value?.slice()??[];a?.splice(t,1),r.value=a,p.splice(t,1)}r.value.length===0&&(r.value=void 0)}}else n?.oss?.pauseUpload();const s=o.value.findIndex(t=>t.uid===n.uid);return o.value.splice(s,1),Promise.resolve(!0)}return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({[e.unref(q)()]:!0,[e.unref(M)??""]:!0})},[e.createElementVNode("input",{ref_key:"fileRef",ref:m,style:{display:"none"},type:"file",accept:e.unref(h),onChange:O},null,40,Y),e.createElementVNode("div",Z,[e.renderSlot(n.$slots,"pictureContext",{fileList:e.unref(o).map(t=>({...e.unref(K.omit)(t,"oss"),oss:{pauseUpload:t?.oss?.pauseUpload}})),remove:V},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),t=>(e.openBlock(),e.createElementBlock("div",{key:t.uid,class:"picture-item"},[e.createElementVNode("div",F,[e.createElementVNode("img",{src:t.thumbUrl,alt:""},null,8,ee),e.withDirectives(e.createElementVNode("div",te,[e.createElementVNode("div",{class:"picture-item-close",onClick:a=>V(t)},[e.createVNode(e.unref(B.CloseOutlined))],8,ne),t.status==="uploading"?(e.openBlock(),e.createElementBlock("div",ae,[e.createVNode(e.unref(l.Progress),{percent:t.percent,"stroke-color":"#ffffff","trail-color":"rgba(255, 255, 255, 0.3)",size:4,"show-info":!1},null,8,["percent"])])):e.createCommentVNode("",!0)],512),[[e.vShow,t.status==="uploading"]])])]))),128))]),e.unref(u)===void 0||e.unref(o).length<e.unref(u)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"picture-upload",onClick:$},[e.createVNode(e.unref(B.PlusOutlined)),e.createElementVNode("div",null,e.toDisplayString(e.unref(i)("ap.apUpload.update")),1)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",se,[e.unref(_)?(e.openBlock(),e.createElementBlock("div",oe,e.toDisplayString(e.unref(_)),1)):(e.openBlock(),e.createElementBlock("div",ce,e.toDisplayString(`${e.unref(i)("ap.apUpload.supportExtension")}:${e.unref(S.getAcceptText)(e.unref(h))},${e.unref(i)("ap.apUpload.maxUploadPictureSize",{maxSize:e.unref(k)})}`),1))])],2))}});exports.default=re;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../config-provider/index.js");const
|
|
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"),A=require("../hooks/useOss.js"),M=require("../utils/accept.js"),s=require("@aplus-frontend/antdv"),te=require("@ant-design/icons-vue"),R=require("../assets/single-file-icon.png.js"),ae=require("../style/index.js"),ne=require("../../../config-provider/hooks/use-token.js"),oe=require("../../../config-provider/hooks/use-locale.js"),le=require("../../../config-provider/hooks/use-namespace.js"),re=["accept"],se={key:0,class:"state-un"},ce=["src"],ue={class:"state-un-title"},ie={class:"state-un-subtitle"},pe={key:1,class:"state-ing"},de={class:"left"},fe=["src"],ve={class:"center"},me={class:"center-progress"},ge=e.defineComponent({__name:"SingleFile",setup(he,{expose:T}){const{t:l}=oe.useLocale(),{b:w}=le.useNamespace("ap-upload-single-file"),O=ae.default("ap-upload"),{put:P,client:U}=A.useOss(),L=e.inject("dirName"),I=e.inject("baseDirName"),v=e.inject("accept")||"*",m=e.inject("maxSize")??500,$=e.inject("title")||l("ap.apUpload.clickOrDragUpload"),g=e.inject("subTitle"),{token:C}=ne.useToken(),r=e.inject("value"),h=e.inject("needName"),c=e.inject("uploadingCount"),S=e.inject("beforeUpload"),j=e.inject("customRequest"),G=e.inject("getOssAccess"),W=e.inject("maxSizeErrorMsg"),H=e.inject("acceptErrorMsg"),F=e.inject("onRemove"),k=e.inject("showUploadErrorMsg"),n=e.ref(null);e.watch(()=>r?.value,function(t){n.value===null&&t&&V(t)},{immediate:!0});function V(t){t?setTimeout(()=>{const a=D.getName(h,t);o.value=3,n.value=new File([t],a,{}),r.value=t}):(o.value=1,n.value=null,r.value=void 0)}T({setValue:V});const o=e.ref(1),i=e.ref(0),p=e.ref(null),b=e.computed(()=>n.value&&r?.value);function J(){o.value===1&&p.value?.click()}function q(t){t.preventDefault(),t.stopPropagation()}function K(t){t.dataTransfer.dropEffect="copy",t.preventDefault(),t.stopPropagation()}function Q(t){B(t)}function X(t){if(t.preventDefault(),t.stopPropagation(),o.value!==1)return;var a=t.dataTransfer,d=[],x=0,z=a.files.length;function u(){x===z-1&&Q(d),x++}if(a.items!==void 0)for(var _=0;_<a.items.length;_++){var y=a.items[_];if(y.kind==="file"&&y.webkitGetAsEntry().isFile){var ee=y.getAsFile();d.push(ee),u()}}else for(let E=0;E<z;E++){var f=a.files[E];if(f.type)d.push(f),u();else try{var N=new FileReader;N.readAsDataURL(f.slice(0,3)),N.addEventListener("load",function(){d.push(f),u()},!1),N.addEventListener("error",function(){s.message.warning(l("ap.apUpload.foldersNotSupported")),u()},!1)}catch{s.message.warning(l("ap.apUpload.foldersNotSupported")),u()}}}async function Y(t){const a=t.target;await B(a?.files),p.value&&(p.value.value="")}async function B(t){if(t?.length){if(t[0].size>m*1024*1024){s.message.warning(W||l("ap.apUpload.maxUploadFileSize",{maxSize:m}));return}if(!M.fileMatchesAccept(t[0],v)){s.message.warning(H||l("ap.apUpload.fileFormatNotSupported"));return}if(typeof S=="function"&&await S(t[0])===!1)return;if(n.value=t[0],o.value=2,i.value=0,c.value++,typeof j=="function"){j({onProgress:a=>{i.value=a},onError:a=>{k&&s.message.warning(a||l("ap.apUpload.networkAnomaly")),o.value=1,n.value=null,c.value--},onSuccess:a=>{r.value=D.getReturnData(h,a,n.value.name),o.value=3,c.value--},file:t[0]});return}try{await A.useOssInit(G),P({file:n.value,dirName:L,oss:U,successCallBack(a){r.value=D.getReturnData(h,a,n.value.name),o.value=3,c.value--},errorCallBack(a){k&&s.message.warning(a||l("ap.apUpload.networkAnomaly")),o.value=1,n.value=null,c.value--},progressCallBack(a){i.value=a},baseDirName:I})}catch(a){k&&s.message.warning(typeof a?.message=="string"?a.message:l("ap.apUpload.networkAnomaly")),o.value=1,n.value=null,c.value--}}}function Z(){F&&F?.(n.value),n.value&&!r?.value&&U.pauseUpload(),o.value=1,n.value=null,r.value=void 0}return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({[e.unref(w)()]:!0,[e.unref(w)("un")]:o.value===1,[e.unref(O)??""]:!0}),onClick:J,onDragenter:q,onDragover:K,onDragleave:q,onDrop:X},[e.createElementVNode("input",{ref_key:"fileRef",ref:p,style:{display:"none"},type:"file",accept:e.unref(v),onChange:Y},null,40,re),o.value===1?(e.openBlock(),e.createElementBlock("div",se,[e.createElementVNode("img",{class:"state-un-icon",src:e.unref(R.default)},null,8,ce),e.createElementVNode("div",ue,e.toDisplayString(e.unref($)),1),e.createElementVNode("div",ie,e.toDisplayString(typeof e.unref(g)=="string"&&e.unref(g).length>0?e.unref(g):`${e.unref(l)("ap.apUpload.supportExtension")}:${e.unref(M.getAcceptText)(e.unref(v))},${e.unref(l)("ap.apUpload.maxWarnUploadFileSize",{maxSize:e.unref(m)})}`),1)])):e.createCommentVNode("",!0),[2,3].includes(o.value)?(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("div",de,[e.createElementVNode("img",{src:e.unref(R.default)},null,8,fe)]),e.createElementVNode("div",ve,[e.createElementVNode("div",{class:"center-title",style:e.normalizeStyle({color:b.value?"#0070FF":"#182948"})},e.toDisplayString(n.value?.name),5),e.createElementVNode("div",me,[b.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(s.Progress),{key:0,percent:i.value,size:4,"show-info":!1,"trail-color":e.unref(C).borderColorBase,"stroke-color":e.unref(C).colorPrimary},null,8,["percent","trail-color","stroke-color"]))])]),e.createElementVNode("div",{class:"right",onClick:e.withModifiers(Z,["stop"])},[e.createVNode(e.unref(te.DeleteOutlined))])])):e.createCommentVNode("",!0)],34))}});exports.default=ge;
|
|
@@ -4,13 +4,14 @@ import { Ref } from 'vue';
|
|
|
4
4
|
export type { Oss } from '@aplus-frontend/oss';
|
|
5
5
|
export type GetOssAccess = () => Promise<accessCreate>;
|
|
6
6
|
export declare function injectLocaleToOss(tValue: Translator, langValue: Ref<string>): void;
|
|
7
|
-
declare function put({ file, dirName, oss, successCallBack, errorCallBack, progressCallBack }: {
|
|
7
|
+
declare function put({ file, dirName, oss, successCallBack, errorCallBack, progressCallBack, baseDirName }: {
|
|
8
8
|
file: File;
|
|
9
9
|
dirName: string;
|
|
10
10
|
oss: Oss;
|
|
11
11
|
successCallBack: (saveUrl: string, previewUrl: string) => void;
|
|
12
12
|
errorCallBack: (msg: string) => void;
|
|
13
13
|
progressCallBack: (p: number) => void;
|
|
14
|
+
baseDirName?: string;
|
|
14
15
|
}): Promise<void>;
|
|
15
16
|
export declare function useOss(): {
|
|
16
17
|
client: Oss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@aplus-frontend/oss");let n,l;function d(e,s){n=e,l=s}const m={"zh-cn":"zh_CN",en:"en_US"};function c(){return m[l.value]??"zh_CN"}async function w({file:e,dirName:s,oss:a,successCallBack:p,errorCallBack:o,progressCallBack:O,baseDirName:g="Frontend-Upload"}){if(!s){o("required dirName");return}try{const t=await a.put({fileName:e.name,dirName:s,data:e,progressCallBack:r=>{O(r)},baseDirName:g});if(t.status===204)return;if(t.status===200){const{saveUrl:r,previewUrl:f}=t;p(r,f)}else o(t?.message||n("ap.apUpload.networkAnomaly"))}catch(t){o(t)}}function u(){return{client:i.client,put:w}}async function y(e){if(!e)throw new Error(`${n("ap.apUpload.pleasePass")}getOssAccess`);return await i.client.initOssClient({getOssAccess:e,locale:c(),onFailure:s=>{throw new Error(typeof s?.message=="string"?s.message:n("ap.apUpload.FailedToObtainOssTemporaryPermissions"))}}),u()}async function U(e){if(!e)throw new Error(`${n("ap.apUpload.pleasePass")}getOssAccess`);const s=i.createOssInstance();return await s.initOssClient({getOssAccess:e,locale:c(),onFailure:a=>{throw new Error(typeof a?.message=="string"?a.message:n("ap.apUpload.FailedToObtainOssTemporaryPermissions"))}}),s}exports.getOssInstance=U;exports.injectLocaleToOss=d;exports.useOss=u;exports.useOssInit=y;
|
package/lib/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "7.7.
|
|
1
|
+
declare const _default: "7.7.5";
|
|
2
2
|
export default _default;
|
package/lib/src/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.7.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.7.5";exports.default=e;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aplus-frontend/ui",
|
|
3
|
-
"version": "7.7.
|
|
3
|
+
"version": "7.7.5",
|
|
4
4
|
"main": "./lib/index.js",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -43,16 +43,16 @@
|
|
|
43
43
|
"@aplus-frontend/hooks": "1.0.7"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
|
-
"@aplus-frontend/antdv": "^1.2.
|
|
46
|
+
"@aplus-frontend/antdv": "^1.2.22",
|
|
47
47
|
"@aplus-frontend/icon": "^2.0.4",
|
|
48
|
-
"@aplus-frontend/oss": "^1.1.
|
|
48
|
+
"@aplus-frontend/oss": "^1.1.9",
|
|
49
49
|
"vue": "^3.5.21",
|
|
50
50
|
"vxe-table": "^4.13.37"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@aplus-frontend/antdv": "^1.2.
|
|
53
|
+
"@aplus-frontend/antdv": "^1.2.22",
|
|
54
54
|
"@aplus-frontend/icon": "^2.0.4",
|
|
55
|
-
"@aplus-frontend/oss": "^1.1.
|
|
55
|
+
"@aplus-frontend/oss": "^1.1.9",
|
|
56
56
|
"@emotion/serialize": "^1.3.3",
|
|
57
57
|
"@types/sortablejs": "^1.15.8",
|
|
58
58
|
"@vue/test-utils": "^2.4.6",
|