@antsoo-lib/components 0.1.13 → 0.1.15

package/dist/lib/upload/UploadList/ListItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),X=require("@ant-design/icons-vue/DeleteOutlined"),Y=require("@ant-design/icons-vue/DownloadOutlined"),Z=require("@ant-design/icons-vue/EyeOutlined"),ee=require("../../_util/transition.js"),t=require("../../_util/type.js"),oe=require("../../config-provider/hooks/useConfigInject.js"),ne=require("../../progress/index.js"),te=require("../../tooltip/index.js"),D=()=>({prefixCls:String,locale:t.objectType(void 0),file:t.objectType(),items:t.arrayType(),listType:t.stringType(),isImgUrl:t.functionType(),showRemoveIcon:t.booleanType(),showDownloadIcon:t.booleanType(),showPreviewIcon:t.booleanType(),removeIcon:t.functionType(),downloadIcon:t.functionType(),previewIcon:t.functionType(),iconRender:t.functionType(),actionIconRender:t.functionType(),itemRender:t.functionType(),onPreview:t.functionType(),onClose:t.functionType(),onDownload:t.functionType(),progress:t.objectType()}),re=o.defineComponent({compatConfig:{MODE:3},name:"ListItem",inheritAttrs:!1,props:D(),setup(a,{slots:i,attrs:q}){const f=o.shallowRef(!1),v=o.shallowRef();o.onMounted(()=>{v.value=setTimeout(()=>{f.value=!0},300)}),o.onBeforeUnmount(()=>{clearTimeout(v.value)});const l=o.shallowRef(a.file?.status);o.watch(()=>a.file?.status,n=>{n!=="removed"&&(l.value=n)});const{rootPrefixCls:U}=oe.default("upload",a),O=o.computed(()=>ee.getTransitionProps(`${U.value}-fade`));return()=>{const{prefixCls:n,locale:u,listType:s,file:e,items:x,progress:S,iconRender:j=i.iconRender,actionIconRender:w=i.actionIconRender,itemRender:g=i.itemRender,isImgUrl:d,showPreviewIcon:_,showRemoveIcon:E,showDownloadIcon:M,previewIcon:y=i.previewIcon,removeIcon:I=i.removeIcon,downloadIcon:N=i.downloadIcon,onPreview:c,onDownload:T,onClose:h}=a,{class:b,style:F}=q,p=j({file:e});let m=o.createVNode("div",{class:`${n}-text-icon`},[p]);if(s==="picture"||s==="picture-card")if(l.value==="uploading"||!e.thumbUrl&&!e.url){const r={[`${n}-list-item-thumbnail`]:!0,[`${n}-list-item-file`]:l.value!=="uploading"};m=o.createVNode("div",{class:r},[p])}else{const r=d?.(e)?o.createVNode("img",{src:e.thumbUrl||e.url,alt:e.name,class:`${n}-list-item-image`,crossorigin:e.crossOrigin},null):p,Q={[`${n}-list-item-thumbnail`]:!0,[`${n}-list-item-file`]:d&&!d(e)};m=o.createVNode("a",{class:Q,onClick:W=>c(e,W),href:e.url||e.thumbUrl,target:"_blank",rel:"noopener noreferrer"},[r])}const L={[`${n}-list-item`]:!0,[`${n}-list-item-${l.value}`]:!0},A=typeof e.linkProps=="string"?JSON.parse(e.linkProps):e.linkProps,C=E?w({customIcon:I?I({file:e}):o.createVNode(X,null,null),callback:()=>h(e),prefixCls:n,title:u.removeFile}):null,P=M&&l.value==="done"?w({customIcon:N?N({file:e}):o.createVNode(Y,null,null),callback:()=>T(e),prefixCls:n,title:u.downloadFile}):null,V=s!=="picture-card"&&o.createVNode("span",{key:"download-delete",class:[`${n}-list-item-actions`,{picture:s==="picture"}]},[P,C]),R=`${n}-list-item-name`,B=e.url?[o.createVNode("a",{key:"view",target:"_blank",rel:"noopener noreferrer",class:R,title:e.name,...A,href:e.url,onClick:r=>c(e,r)},[e.name]),V]:[o.createVNode("span",{key:"view",class:R,onClick:r=>c(e,r),title:e.name},[e.name]),V],J={pointerEvents:"none",opacity:.5},z=_?o.createVNode("a",{href:e.url||e.thumbUrl,target:"_blank",rel:"noopener noreferrer",style:e.url||e.thumbUrl?void 0:J,onClick:r=>c(e,r),title:u.previewFile},[y?y({file:e}):o.createVNode(Z,null,null)]):null,G=s==="picture-card"&&l.value!=="uploading"&&o.createVNode("span",{class:`${n}-list-item-actions`},[z,l.value==="done"&&P,C]),$=o.createVNode("div",{class:L},[m,B,G,f.value&&o.createVNode(o.Transition,O.value,{default:()=>[o.withDirectives(o.createVNode("div",{class:`${n}-list-item-progress`},["percent"in e?o.createVNode(ne.default,{...S,type:"line",percent:e.percent},null):null]),[[o.vShow,l.value==="uploading"]])]})]),H={[`${n}-list-item-container`]:!0,[`${b}`]:!!b},K=e.response&&typeof e.response=="string"?e.response:e.error?.statusText||e.error?.message||u.uploadError,k=l.value==="error"?o.createVNode(te.default,{title:K,getPopupContainer:r=>r.parentNode},{default:()=>[$]}):$;return o.createVNode("div",{class:H,style:F},[g?g({originNode:k,file:e,fileList:x,actions:{download:T.bind(null,e),preview:c.bind(null,e),remove:h.bind(null,e)}}):k])}}});exports.default=re;exports.listItemProps=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),f=require("@antsoo-lib/icons"),Y=require("../../_util/transition.js"),t=require("../../_util/type.js"),Z=require("../../config-provider/hooks/useConfigInject.js"),ee=require("../../progress/index.js"),oe=require("../../tooltip/index.js"),U=()=>({prefixCls:String,locale:t.objectType(void 0),file:t.objectType(),items:t.arrayType(),listType:t.stringType(),isImgUrl:t.functionType(),showRemoveIcon:t.booleanType(),showDownloadIcon:t.booleanType(),showPreviewIcon:t.booleanType(),removeIcon:t.functionType(),downloadIcon:t.functionType(),previewIcon:t.functionType(),iconRender:t.functionType(),actionIconRender:t.functionType(),itemRender:t.functionType(),onPreview:t.functionType(),onClose:t.functionType(),onDownload:t.functionType(),progress:t.objectType()}),ne=o.defineComponent({compatConfig:{MODE:3},name:"ListItem",inheritAttrs:!1,props:U(),setup(c,{slots:i,attrs:O}){const v=o.shallowRef(!1),w=o.shallowRef();o.onMounted(()=>{w.value=setTimeout(()=>{v.value=!0},300)}),o.onBeforeUnmount(()=>{clearTimeout(w.value)});const r=o.shallowRef(c.file?.status);o.watch(()=>c.file?.status,n=>{n!=="removed"&&(r.value=n)});const{rootPrefixCls:q}=Z.default("upload",c),x=o.computed(()=>Y.getTransitionProps(`${q.value}-fade`));return()=>{const{prefixCls:n,locale:u,listType:s,file:e,items:S,progress:j,iconRender:_=i.iconRender,actionIconRender:g=i.actionIconRender,itemRender:y=i.itemRender,isImgUrl:d,showPreviewIcon:E,showRemoveIcon:M,showDownloadIcon:F,previewIcon:I=i.previewIcon,removeIcon:N=i.removeIcon,downloadIcon:T=i.downloadIcon,onPreview:a,onDownload:h,onClose:b}=c,{class:C,style:L}=O,p=_({file:e});let m=o.createVNode("div",{class:`${n}-text-icon`},[p]);if(s==="picture"||s==="picture-card")if(r.value==="uploading"||!e.thumbUrl&&!e.url){const l={[`${n}-list-item-thumbnail`]:!0,[`${n}-list-item-file`]:r.value!=="uploading"};m=o.createVNode("div",{class:l},[p])}else{const l=d?.(e)?o.createVNode("img",{src:e.thumbUrl||e.url,alt:e.name,class:`${n}-list-item-image`,crossorigin:e.crossOrigin},null):p,W={[`${n}-list-item-thumbnail`]:!0,[`${n}-list-item-file`]:d&&!d(e)};m=o.createVNode("a",{class:W,onClick:X=>a(e,X),href:e.url||e.thumbUrl,target:"_blank",rel:"noopener noreferrer"},[l])}const A={[`${n}-list-item`]:!0,[`${n}-list-item-${r.value}`]:!0},B=typeof e.linkProps=="string"?JSON.parse(e.linkProps):e.linkProps,P=M?g({customIcon:N?N({file:e}):o.createVNode(f.DeleteOutlined,null,null),callback:()=>b(e),prefixCls:n,title:u.removeFile}):null,V=F&&r.value==="done"?g({customIcon:T?T({file:e}):o.createVNode(f.DownloadOutlined,null,null),callback:()=>h(e),prefixCls:n,title:u.downloadFile}):null,R=s!=="picture-card"&&o.createVNode("span",{key:"download-delete",class:[`${n}-list-item-actions`,{picture:s==="picture"}]},[V,P]),$=`${n}-list-item-name`,J=e.url?[o.createVNode("a",{key:"view",target:"_blank",rel:"noopener noreferrer",class:$,title:e.name,...B,href:e.url,onClick:l=>a(e,l)},[e.name]),R]:[o.createVNode("span",{key:"view",class:$,onClick:l=>a(e,l),title:e.name},[e.name]),R],z={pointerEvents:"none",opacity:.5},G=E?o.createVNode("a",{href:e.url||e.thumbUrl,target:"_blank",rel:"noopener noreferrer",style:e.url||e.thumbUrl?void 0:z,onClick:l=>a(e,l),title:u.previewFile},[I?I({file:e}):o.createVNode(f.EyeOutlined,null,null)]):null,H=s==="picture-card"&&r.value!=="uploading"&&o.createVNode("span",{class:`${n}-list-item-actions`},[G,r.value==="done"&&V,P]),k=o.createVNode("div",{class:A},[m,J,H,v.value&&o.createVNode(o.Transition,x.value,{default:()=>[o.withDirectives(o.createVNode("div",{class:`${n}-list-item-progress`},["percent"in e?o.createVNode(ee.default,{...j,type:"line",percent:e.percent},null):null]),[[o.vShow,r.value==="uploading"]])]})]),K={[`${n}-list-item-container`]:!0,[`${C}`]:!!C},Q=e.response&&typeof e.response=="string"?e.response:e.error?.statusText||e.error?.message||u.uploadError,D=r.value==="error"?o.createVNode(oe.default,{title:Q,getPopupContainer:l=>l.parentNode},{default:()=>[k]}):k;return o.createVNode("div",{class:K,style:L},[y?y({originNode:D,file:e,fileList:S,actions:{download:h.bind(null,e),preview:a.bind(null,e),remove:b.bind(null,e)}}):D])}}});exports.default=ne;exports.listItemProps=U;

package/dist/lib/upload/UploadList/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),L=require("@ant-design/icons-vue/FileTwoTone"),y=require("@ant-design/icons-vue/LoadingOutlined"),O=require("@ant-design/icons-vue/PaperClipOutlined"),$=require("@ant-design/icons-vue/PictureTwoTone"),E=require("../../_util/collapseMotion.js"),P=require("../../_util/props-util/index.js"),j=require("../../_util/transition.js");require("../../button/index.js");const M=require("../../config-provider/hooks/useConfigInject.js"),S=require("../interface.js"),T=require("../utils.js"),G=require("./ListItem.js"),z=require("../../_util/props-util/initDefaultProps.js"),b=require("../../button/button.js"),B=(e,{slots:c})=>P.filterEmpty(c.default?.())[0],H=n.defineComponent({compatConfig:{MODE:3},name:"AUploadList",props:z.default(S.uploadListProps(),{listType:"text",progress:{strokeWidth:2,showInfo:!1},showRemoveIcon:!0,showDownloadIcon:!1,showPreviewIcon:!0,previewFile:T.previewImage,isImageUrl:T.isImageUrl,items:[],appendActionVisible:!0}),setup(e,{slots:c,expose:R}){const f=n.shallowRef(!1);n.onMounted(()=>{f.value==!0});const s=n.shallowRef([]);n.watch(()=>e.items,(t=[])=>{s.value=t.slice()},{immediate:!0,deep:!0}),n.watchEffect(()=>{if(e.listType!=="picture"&&e.listType!=="picture-card")return;let t=!1;(e.items||[]).forEach((o,l)=>{typeof document>"u"||typeof window>"u"||!window.FileReader||!window.File||!(o.originFileObj instanceof File||o.originFileObj instanceof Blob)||o.thumbUrl!==void 0||(o.thumbUrl="",e.previewFile&&e.previewFile(o.originFileObj).then(r=>{const i=r||"";i!==o.thumbUrl&&(s.value[l].thumbUrl=i,t=!0)}))}),t&&n.triggerRef(s)});const w=(t,o)=>{if(e.onPreview)return o?.preventDefault(),e.onPreview(t)},m=t=>{typeof e.onDownload=="function"?e.onDownload(t):t.url&&window.open(t.url)},q=t=>{e.onRemove?.(t)},D=({file:t})=>{const o=e.iconRender||c.iconRender;if(o)return o({file:t,listType:e.listType});const l=t.status==="uploading",r=e.isImageUrl&&e.isImageUrl(t)?n.createVNode($,null,null):n.createVNode(L,null,null);let i=l?n.createVNode(y,null,null):n.createVNode(O,null,null);return e.listType==="picture"?i=l?n.createVNode(y,null,null):r:e.listType==="picture-card"&&(i=l?e.locale.uploading:r),i},U=t=>{const{customIcon:o,callback:l,prefixCls:r,title:i}=t,a={type:"text",size:"small",title:i,onClick:d=>{l();try{d?.currentTarget?.blur?.()}catch{}},class:`${r}-list-item-action`};return i===e.locale?.downloadFile&&(a.disabled=!1),P.isValidElement(o)?n.createVNode(b.default,a,{icon:()=>o}):n.createVNode(b.default,a,{default:()=>[n.createVNode("span",null,[o])]})};R({handlePreview:w,handleDownload:m});const{prefixCls:u,rootPrefixCls:V}=M.default("upload",e),C=n.computed(()=>({[`${u.value}-list`]:!0,[`${u.value}-list-${e.listType}`]:!0})),N=n.computed(()=>{const t={...E.default(`${V.value}-motion-collapse`)};delete t.onAfterAppear,delete t.onAfterEnter,delete t.onAfterLeave;const o={...j.getTransitionGroupProps(`${u.value}-${e.listType==="picture-card"?"animate-inline":"animate"}`),class:C.value,appear:f.value};return e.listType!=="picture-card"?{...t,...o}:o});return()=>{const{listType:t,locale:o,isImageUrl:l,showPreviewIcon:r,showRemoveIcon:i,showDownloadIcon:a,removeIcon:v,previewIcon:d,downloadIcon:p,progress:A,appendAction:I,itemRender:F,appendActionVisible:_}=e,k=I?.(),g=s.value;return n.createVNode(n.TransitionGroup,{...N.value,tag:"div"},{default:()=>[g.map(h=>{const{uid:x}=h;return n.createVNode(G.default,{key:x,locale:o,prefixCls:u.value,file:h,items:g,progress:A,listType:t,isImgUrl:l,showPreviewIcon:r,showRemoveIcon:i,showDownloadIcon:a,onPreview:w,onDownload:m,onClose:q,removeIcon:v,previewIcon:d,downloadIcon:p,itemRender:F},{...c,iconRender:D,actionIconRender:U})}),I?n.withDirectives(n.createVNode(B,{key:"__ant_upload_appendAction"},{default:()=>k}),[[n.vShow,!!_]]):null]})}}});exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),c=require("@antsoo-lib/icons"),k=require("../../_util/collapseMotion.js"),P=require("../../_util/props-util/index.js"),x=require("../../_util/transition.js");require("../../button/index.js");const $=require("../../config-provider/hooks/useConfigInject.js"),E=require("../interface.js"),T=require("../utils.js"),j=require("./ListItem.js"),M=require("../../_util/props-util/initDefaultProps.js"),b=require("../../button/button.js"),S=(e,{slots:s})=>P.filterEmpty(s.default?.())[0],G=n.defineComponent({compatConfig:{MODE:3},name:"AUploadList",props:M.default(E.uploadListProps(),{listType:"text",progress:{strokeWidth:2,showInfo:!1},showRemoveIcon:!0,showDownloadIcon:!1,showPreviewIcon:!0,previewFile:T.previewImage,isImageUrl:T.isImageUrl,items:[],appendActionVisible:!0}),setup(e,{slots:s,expose:R}){const w=n.shallowRef(!1);n.onMounted(()=>{w.value==!0});const u=n.shallowRef([]);n.watch(()=>e.items,(t=[])=>{u.value=t.slice()},{immediate:!0,deep:!0}),n.watchEffect(()=>{if(e.listType!=="picture"&&e.listType!=="picture-card")return;let t=!1;(e.items||[]).forEach((o,l)=>{typeof document>"u"||typeof window>"u"||!window.FileReader||!window.File||!(o.originFileObj instanceof File||o.originFileObj instanceof Blob)||o.thumbUrl!==void 0||(o.thumbUrl="",e.previewFile&&e.previewFile(o.originFileObj).then(r=>{const i=r||"";i!==o.thumbUrl&&(u.value[l].thumbUrl=i,t=!0)}))}),t&&n.triggerRef(u)});const m=(t,o)=>{if(e.onPreview)return o?.preventDefault(),e.onPreview(t)},v=t=>{typeof e.onDownload=="function"?e.onDownload(t):t.url&&window.open(t.url)},D=t=>{e.onRemove?.(t)},U=({file:t})=>{const o=e.iconRender||s.iconRender;if(o)return o({file:t,listType:e.listType});const l=t.status==="uploading",r=e.isImageUrl&&e.isImageUrl(t)?n.createVNode(c.PictureTwoTone,null,null):n.createVNode(c.FileTwoTone,null,null);let i=l?n.createVNode(c.LoadingOutlined,null,null):n.createVNode(c.PaperClipOutlined,null,null);return e.listType==="picture"?i=l?n.createVNode(c.LoadingOutlined,null,null):r:e.listType==="picture-card"&&(i=l?e.locale.uploading:r),i},V=t=>{const{customIcon:o,callback:l,prefixCls:r,title:i}=t,a={type:"text",size:"small",title:i,onClick:f=>{l();try{f?.currentTarget?.blur?.()}catch{}},class:`${r}-list-item-action`};return i===e.locale?.downloadFile&&(a.disabled=!1),P.isValidElement(o)?n.createVNode(b.default,a,{icon:()=>o}):n.createVNode(b.default,a,{default:()=>[n.createVNode("span",null,[o])]})};R({handlePreview:m,handleDownload:v});const{prefixCls:d,rootPrefixCls:C}=$.default("upload",e),q=n.computed(()=>({[`${d.value}-list`]:!0,[`${d.value}-list-${e.listType}`]:!0})),N=n.computed(()=>{const t={...k.default(`${C.value}-motion-collapse`)};delete t.onAfterAppear,delete t.onAfterEnter,delete t.onAfterLeave;const o={...x.getTransitionGroupProps(`${d.value}-${e.listType==="picture-card"?"animate-inline":"animate"}`),class:q.value,appear:w.value};return e.listType!=="picture-card"?{...t,...o}:o});return()=>{const{listType:t,locale:o,isImageUrl:l,showPreviewIcon:r,showRemoveIcon:i,showDownloadIcon:a,removeIcon:p,previewIcon:f,downloadIcon:I,progress:A,appendAction:g,itemRender:F,appendActionVisible:_}=e,L=g?.(),h=u.value;return n.createVNode(n.TransitionGroup,{...N.value,tag:"div"},{default:()=>[h.map(y=>{const{uid:O}=y;return n.createVNode(j.default,{key:O,locale:o,prefixCls:d.value,file:y,items:h,progress:A,listType:t,isImgUrl:l,showPreviewIcon:r,showRemoveIcon:i,showDownloadIcon:a,onPreview:m,onDownload:v,onClose:D,removeIcon:p,previewIcon:f,downloadIcon:I,itemRender:F},{...s,iconRender:U,actionIconRender:V})}),g?n.withDirectives(n.createVNode(S,{key:"__ant_upload_appendAction"},{default:()=>L}),[[n.vShow,!!_]]):null]})}}});exports.default=G;

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@antsoo-lib/components",
-  "version": "0.1.13",
+  "type": "module",
+  "version": "0.1.15",
   "private": false,
   "publishConfig": {
     "access": "public",
@@ -14,16 +15,6 @@
       "import": "./dist/es/index.mjs",
       "require": "./dist/lib/index.js"
     },
-    "./locale/zh-CN": {
-      "types": "./dist/es/locale/zh_CN.d.ts",
-      "import": "./dist/es/locale/zh_CN.mjs",
-      "require": "./dist/lib/locale/zh_CN.js"
-    },
-    "./locale/en-US": {
-      "types": "./dist/es/locale/en_US.d.ts",
-      "import": "./dist/es/locale/en_US.mjs",
-      "require": "./dist/lib/locale/en_US.js"
-    },
     "./components": {
       "types": "./dist/es/components.d.ts",
       "import": "./dist/es/components.mjs",
@@ -50,11 +41,11 @@
     "vue": "^3.5.0",
     "lodash-es": "^4.17.15",
     "dayjs": "^1.11.15",
+    "@antsoo-lib/icons": "0.1.1",
     "@antsoo-lib/utils": "0.1.2"
   },
   "dependencies": {
     "@ant-design/colors": "^7.2.1",
-    "@ant-design/icons-vue": "^7.0.1",
     "@babel/runtime": "^7.10.5",
     "@ctrl/tinycolor": "^3.5.0",
     "@emotion/hash": "^0.9.2",