vue-devui 1.0.0-rc.3 → 1.0.0-rc.4

package/switch/index.es.js

@@ -2,7 +2,7 @@ import { defineComponent, renderSlot, useSlots, createVNode } from "vue";
 const switchProps = {
   size: {
     type: String,
-    default: "middle"
+    default: "md"
   },
   color: {
     type: String,

package/switch/index.umd.js

@@ -1 +1 @@
-(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const r={size:{type:String,default:"middle"},color:{type:String,default:void 0},checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0},change:{type:Function,default:void 0},"onUpdate:checked":{type:Function,default:void 0}};var g="",i=e.defineComponent({name:"DSwitch",props:r,emits:["change","update:checked"],setup(t,o){const d=()=>{if(t.disabled)return Promise.resolve(!1);if(t.beforeChange){const c=t.beforeChange(!t.checked);return typeof c=="boolean"?Promise.resolve(c):c}return Promise.resolve(!0)};return{toggle:()=>{d().then(c=>{!c||(o.emit("update:checked",!t.checked),o.emit("change",!t.checked))})}}},render(){const{size:t,checked:o,disabled:d,color:s,toggle:c}=this,u={"devui-switch":!0,[`devui-switch-${t}`]:t!=="","devui-checked":o,"devui-disabled":d},a=[`background: ${o&&!d?s:""}`,`border-color: ${o&&!d?s:""}`],h=e.renderSlot(e.useSlots(),"checkedContent"),f=e.renderSlot(e.useSlots(),"uncheckedContent");return e.createVNode("span",{class:u,style:a,onClick:c},[e.createVNode("span",{class:"devui-switch-inner-wrapper"},[e.createVNode("div",{class:"devui-switch-inner"},[o?h:f])]),e.createVNode("small",null,null)])}}),l={title:"Switch \u5F00\u5173",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(t){t.component(i.name,i)}};n.Switch=i,n.default=l,n.switchProps=r,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});
+(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const r={size:{type:String,default:"md"},color:{type:String,default:void 0},checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0},change:{type:Function,default:void 0},"onUpdate:checked":{type:Function,default:void 0}};var g="",i=e.defineComponent({name:"DSwitch",props:r,emits:["change","update:checked"],setup(t,o){const d=()=>{if(t.disabled)return Promise.resolve(!1);if(t.beforeChange){const c=t.beforeChange(!t.checked);return typeof c=="boolean"?Promise.resolve(c):c}return Promise.resolve(!0)};return{toggle:()=>{d().then(c=>{!c||(o.emit("update:checked",!t.checked),o.emit("change",!t.checked))})}}},render(){const{size:t,checked:o,disabled:d,color:s,toggle:c}=this,u={"devui-switch":!0,[`devui-switch-${t}`]:t!=="","devui-checked":o,"devui-disabled":d},a=[`background: ${o&&!d?s:""}`,`border-color: ${o&&!d?s:""}`],h=e.renderSlot(e.useSlots(),"checkedContent"),f=e.renderSlot(e.useSlots(),"uncheckedContent");return e.createVNode("span",{class:u,style:a,onClick:c},[e.createVNode("span",{class:"devui-switch-inner-wrapper"},[e.createVNode("div",{class:"devui-switch-inner"},[o?h:f])]),e.createVNode("small",null,null)])}}),l={title:"Switch \u5F00\u5173",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(t){t.component(i.name,i)}};n.Switch=i,n.default=l,n.switchProps=r,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/switch/style.css

@@ -1 +1 @@
-:host{display:inline-block;font-size:0;vertical-align:middle}.devui-switch{width:36px;height:18px;border-radius:10px;background:var(--devui-line, #adb0b8);border:1px solid var(--devui-line, #adb0b8);position:relative;display:inline-block;box-sizing:content-box;overflow:visible;padding:0;margin:0 5px 0 0;cursor:pointer;transition:var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1)) all}.devui-switch:not(.devui-checked):hover{border-color:var(--devui-line, #adb0b8)}.devui-switch:active{border-color:var(--devui-brand-active-focus, #344899)}.devui-switch.devui-checked:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-switch .devui-switch-inner-wrapper{display:inline-block;width:100%;height:100%;padding-left:16px;font-size:var(--devui-font-size, 12px);color:var(--devui-global-bg, #f3f6f8)}.devui-switch .devui-switch-inner-wrapper .devui-switch-inner{color:#fff;font-weight:700;display:flex;width:100%;height:100%;align-items:center;justify-content:center;float:right}.devui-switch.devui-checked .devui-switch-inner-wrapper{padding-left:unset;padding-right:16px}.devui-switch small{width:16px;height:16px;background:var(--devui-light-text, #ffffff);border-radius:100%;position:absolute;top:1px;left:1px;transition:var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1)) all}.devui-switch.devui-checked small{left:19px}.devui-switch.devui-switch-large{width:58px;height:30px;border-radius:16px}.devui-switch.devui-switch-large .devui-switch-inner-wrapper{padding-left:28px;font-size:var(--devui-font-size-modal-title, 18px)}.devui-switch.devui-switch-large.devui-checked .devui-switch-inner-wrapper{padding-left:unset;padding-right:28px}.devui-switch.devui-switch-large small{width:28px;height:28px;top:1px;left:1px}.devui-switch.devui-switch-large.devui-checked small{background:var(--devui-light-text, #ffffff);left:29px}.devui-switch.devui-switch-small{width:30px;height:14px;border-radius:8px}.devui-switch.devui-switch-small .devui-switch-inner-wrapper{padding-left:12px;font-size:var(--devui-font-size, 12px)}.devui-switch.devui-switch-small.devui-checked .devui-switch-inner-wrapper{padding-left:unset;padding-right:12px}.devui-switch.devui-switch-small small{width:12px;height:12px;position:absolute}.devui-switch.devui-switch-small.devui-checked small{left:17px}.devui-switch.devui-checked{background:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-switch.devui-checked:hover{background:var(--devui-brand-active, #526ecc);border-color:var(--devui-brand-active, #526ecc)}.devui-switch.devui-checked:active{background:var(--devui-brand-active-focus, #344899);border-color:var(--devui-brand-active-focus, #344899)}.devui-switch.devui-disabled,.devui-switch.devui-disabled:hover,.devui-switch.devui-disabled:active,.devui-switch.devui-disabled.devui-checked{cursor:not-allowed}.devui-switch.devui-disabled,.devui-switch.devui-disabled:hover,.devui-switch.devui-disabled:active{background-color:var(--devui-disabled-line, #dfe1e6);border-color:var(--devui-disabled-line, #dfe1e6)}.devui-switch.devui-disabled small,.devui-switch.devui-disabled:hover small,.devui-switch.devui-disabled:active small{background-color:var(--devui-unavailable, #f5f5f6)}.devui-switch.devui-disabled.devui-checked{background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-switch.devui-disabled.devui-checked small{background-color:var(--devui-light-text, #ffffff)}
+:host{display:inline-block;font-size:0;vertical-align:middle}.devui-switch{width:36px;height:18px;border-radius:10px;background:var(--devui-line, #adb0b8);border:1px solid var(--devui-line, #adb0b8);position:relative;display:inline-block;box-sizing:content-box;overflow:visible;padding:0;margin:0 5px 0 0;cursor:pointer;transition:var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1)) all}.devui-switch:not(.devui-checked):hover{border-color:var(--devui-line, #adb0b8)}.devui-switch:active{border-color:var(--devui-brand-active-focus, #344899)}.devui-switch.devui-checked:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-switch .devui-switch-inner-wrapper{display:inline-block;width:100%;height:100%;padding-left:16px;font-size:var(--devui-font-size, 12px);color:var(--devui-global-bg, #f3f6f8)}.devui-switch .devui-switch-inner-wrapper .devui-switch-inner{color:#fff;font-weight:700;display:flex;width:100%;height:100%;align-items:center;justify-content:center;float:right}.devui-switch.devui-checked .devui-switch-inner-wrapper{padding-left:unset;padding-right:16px}.devui-switch small{width:16px;height:16px;background:var(--devui-light-text, #ffffff);border-radius:100%;position:absolute;top:1px;left:1px;transition:var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1)) all}.devui-switch.devui-checked small{left:19px}.devui-switch.devui-switch-lg{width:58px;height:30px;border-radius:16px}.devui-switch.devui-switch-lg .devui-switch-inner-wrapper{padding-left:28px;font-size:var(--devui-font-size-modal-title, 18px)}.devui-switch.devui-switch-lg.devui-checked .devui-switch-inner-wrapper{padding-left:unset;padding-right:28px}.devui-switch.devui-switch-lg small{width:28px;height:28px;top:1px;left:1px}.devui-switch.devui-switch-lg.devui-checked small{background:var(--devui-light-text, #ffffff);left:29px}.devui-switch.devui-switch-sm{width:30px;height:14px;border-radius:8px}.devui-switch.devui-switch-sm .devui-switch-inner-wrapper{padding-left:12px;font-size:var(--devui-font-size, 12px)}.devui-switch.devui-switch-sm.devui-checked .devui-switch-inner-wrapper{padding-left:unset;padding-right:12px}.devui-switch.devui-switch-sm small{width:12px;height:12px;position:absolute}.devui-switch.devui-switch-sm.devui-checked small{left:17px}.devui-switch.devui-checked{background:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-switch.devui-checked:hover{background:var(--devui-brand-active, #526ecc);border-color:var(--devui-brand-active, #526ecc)}.devui-switch.devui-checked:active{background:var(--devui-brand-active-focus, #344899);border-color:var(--devui-brand-active-focus, #344899)}.devui-switch.devui-disabled,.devui-switch.devui-disabled:hover,.devui-switch.devui-disabled:active,.devui-switch.devui-disabled.devui-checked{cursor:not-allowed}.devui-switch.devui-disabled,.devui-switch.devui-disabled:hover,.devui-switch.devui-disabled:active{background-color:var(--devui-disabled-line, #dfe1e6);border-color:var(--devui-disabled-line, #dfe1e6)}.devui-switch.devui-disabled small,.devui-switch.devui-disabled:hover small,.devui-switch.devui-disabled:active small{background-color:var(--devui-unavailable, #f5f5f6)}.devui-switch.devui-disabled.devui-checked{background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-switch.devui-disabled.devui-checked small{background-color:var(--devui-light-text, #ffffff)}

package/timeline/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent, toRefs, createVNode, inject, createTextVNode, provide, ref, reactive, onMounted, watch, toRef, nextTick, Fragment } from "vue";
+import { defineComponent, toRefs, createVNode, inject, provide, ref, reactive, onMounted, watch, toRef, nextTick, Fragment } from "vue";
 const timeAxisProps = {
   direction: {
     type: String,
@@ -139,7 +139,7 @@ var TimelineItem = defineComponent({
             color: props.dotColor
           },
           "class": `${itemClass}-dot`
-        }, [createTextVNode(" "), (_b = (_a = ctx.slots).dot) == null ? void 0 : _b.call(_a)]);
+        }, [" ", (_b = (_a = ctx.slots).dot) == null ? void 0 : _b.call(_a)]);
       } else {
         return createVNode("div", {
           "class": `${itemClass}-dot ${itemClass}-type-${props.type}`,

package/timeline/index.umd.js

@@ -1 +1 @@
-(function(s,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis!="undefined"?globalThis:s||self,e(s.index={},s.Vue))})(this,function(s,e){"use strict";const h={direction:{type:String,default:"vertical"},center:{type:Boolean,default:!1},mode:{type:String,default:"normal"},timePosition:{type:String,default:"left"}},b={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var I=e.defineComponent({name:"DIcon",props:b,setup(t){const{name:l,size:u,color:i,classPrefix:c}=e.toRefs(t);return()=>/^((https?):)?\/\//.test(l.value)?e.createVNode("img",{src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],style:{width:u.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${c.value} ${c.value}-${l.value}`,style:{fontSize:u.value,color:i.value}},null)}});const z={time:{type:String},dotColor:{type:String},lineStyle:{type:String,default:"solid"},lineColor:{type:String},position:{type:String},timePosition:{type:String,default:"left"},type:{type:String,default:"primary"}};var p=e.defineComponent({name:"DTimelineItem",components:{DIcon:I},props:z,emits:[],setup(t,l){const u=e.inject("timeAxis"),i="devui-timeline-item",c=()=>{var o,a;return e.createVNode("div",{class:`${i}-time`},[l.slots.time?(a=(o=l.slots).time)==null?void 0:a.call(o):t.time])},n=()=>{var o,a;return e.createVNode("div",{class:`${i}-content`},[(a=(o=l.slots).default)==null?void 0:a.call(o,t)])},f=o=>o.includes(t.position)?n():u.props.direction==="horizontal"||t.timePosition==="left"?c():"",d=o=>o==="primary"?"":e.createVNode("i",{class:`icon-${o==="success"?"right":o}-o`},null),m=()=>{var o,a;return l.slots.dot?e.createVNode("div",{style:{color:t.dotColor},class:`${i}-dot`},[e.createTextVNode(" "),(a=(o=l.slots).dot)==null?void 0:a.call(o)]):e.createVNode("div",{class:`${i}-dot ${i}-type-${t.type}`,style:{borderColor:t.dotColor}},[d(t.type)])};return()=>e.createVNode("div",{class:i},[e.createVNode("div",{class:`${i}-data-left ${i}-data-top`},[f(["top","left"])]),e.createVNode("div",{class:`${i}-axis`},[m(),u.props.direction==="vertical"&&t.timePosition==="bottom"?c():"",e.createVNode("div",{class:`${i}-line ${i}-line-style-${t.lineStyle}`,style:{borderColor:t.lineColor}},[l.slots.extra?e.createVNode("div",{class:`${i}-line-extra`},[l.slots.extra()]):""])]),e.createVNode("div",{class:`${i}-data-right ${i}-data-bottom`},[f(["right","bottom"])])])}}),q="",y=e.defineComponent({name:"DTimeline",components:{TimelineItem:p},props:h,emits:[],setup(t,l){e.provide("timeAxis",{ctx:l,props:t});const u=e.ref(),i=e.reactive({marginLeft:"0px",height:"auto"}),c=()=>{i.height="auto",i.marginLeft="0px",t.direction==="horizontal"&&e.nextTick(()=>{var f;const n=u.value;t.center&&(i.marginLeft=(((f=n==null?void 0:n.firstElementChild)==null?void 0:f.clientWidth)||0)/2+"px"),i.height=Math.max(...Array.from(n==null?void 0:n.querySelectorAll(".devui-timeline-item-data-top")).map(d=>d.clientHeight),...Array.from(n==null?void 0:n.querySelectorAll(".devui-timeline-item-data-bottom")).map(d=>d.clientHeight))*2+Math.max(...Array.from(n==null?void 0:n.querySelectorAll(".devui-timeline-item-axis")).map(d=>d.clientHeight))+"px"})};return e.onMounted(()=>{c()}),e.watch(e.toRef(t,"direction"),()=>{c()}),()=>{const n=(m,o)=>o?e.createVNode(m,{position:o},null):e.createVNode(m,null,null),f=()=>{var a,S,$;const m=($=(S=(a=l.slots).default)==null?void 0:S.call(a))!=null?$:[];let o;return m.length===1&&m[0].type===e.Fragment?o=m[0].children||[]:o=m,o.map((r,g)=>{var V,N,P,A,v,x,C,T;return g+1===o.length&&!((V=r.props)==null?void 0:V.lineStyle)&&!((N=r.props)==null?void 0:N["line-style"])&&(r=e.createVNode(r,{"line-style":"none"},null)),!((P=r.props)==null?void 0:P.timePosition)&&!((A=r.props)==null?void 0:A["time-position"])&&(r=e.createVNode(r,{"time-position":t.timePosition?t.timePosition:"left"},null)),t.direction==="horizontal"?((v=r.props)==null?void 0:v.position)==="top"||((x=r.props)==null?void 0:x.position)==="bottom"?r:t.mode==="alternative"?n(r,g%2===0?"bottom":"top"):n(r,"bottom"):((C=r.props)==null?void 0:C.position)==="left"||((T=r.props)==null?void 0:T.position)==="right"?r:t.mode==="alternative"?n(r,g%2===0?"left":"right"):n(r,"right")})},d=()=>t.direction==="horizontal"?"horizontal":"vertical";return e.createVNode("div",{class:`devui-timeline devui-timeline-${d()}  ${t.center?"devui-timeline-"+d()+"-center":""} `,ref:u,style:i},[f()])}}}),D={title:"Timeline \u65F6\u95F4\u8F74",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.component(y.name,y),t.component(p.name,p)}};s.Timeline=y,s.TimelineItem=p,s.default=D,s.timeAxisProps=h,Object.defineProperty(s,"__esModule",{value:!0}),s[Symbol.toStringTag]="Module"});
+(function(s,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis!="undefined"?globalThis:s||self,e(s.index={},s.Vue))})(this,function(s,e){"use strict";const h={direction:{type:String,default:"vertical"},center:{type:Boolean,default:!1},mode:{type:String,default:"normal"},timePosition:{type:String,default:"left"}},b={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var I=e.defineComponent({name:"DIcon",props:b,setup(t){const{name:l,size:u,color:i,classPrefix:c}=e.toRefs(t);return()=>/^((https?):)?\/\//.test(l.value)?e.createVNode("img",{src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],style:{width:u.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${c.value} ${c.value}-${l.value}`,style:{fontSize:u.value,color:i.value}},null)}});const z={time:{type:String},dotColor:{type:String},lineStyle:{type:String,default:"solid"},lineColor:{type:String},position:{type:String},timePosition:{type:String,default:"left"},type:{type:String,default:"primary"}};var p=e.defineComponent({name:"DTimelineItem",components:{DIcon:I},props:z,emits:[],setup(t,l){const u=e.inject("timeAxis"),i="devui-timeline-item",c=()=>{var o,a;return e.createVNode("div",{class:`${i}-time`},[l.slots.time?(a=(o=l.slots).time)==null?void 0:a.call(o):t.time])},n=()=>{var o,a;return e.createVNode("div",{class:`${i}-content`},[(a=(o=l.slots).default)==null?void 0:a.call(o,t)])},f=o=>o.includes(t.position)?n():u.props.direction==="horizontal"||t.timePosition==="left"?c():"",d=o=>o==="primary"?"":e.createVNode("i",{class:`icon-${o==="success"?"right":o}-o`},null),m=()=>{var o,a;return l.slots.dot?e.createVNode("div",{style:{color:t.dotColor},class:`${i}-dot`},[" ",(a=(o=l.slots).dot)==null?void 0:a.call(o)]):e.createVNode("div",{class:`${i}-dot ${i}-type-${t.type}`,style:{borderColor:t.dotColor}},[d(t.type)])};return()=>e.createVNode("div",{class:i},[e.createVNode("div",{class:`${i}-data-left ${i}-data-top`},[f(["top","left"])]),e.createVNode("div",{class:`${i}-axis`},[m(),u.props.direction==="vertical"&&t.timePosition==="bottom"?c():"",e.createVNode("div",{class:`${i}-line ${i}-line-style-${t.lineStyle}`,style:{borderColor:t.lineColor}},[l.slots.extra?e.createVNode("div",{class:`${i}-line-extra`},[l.slots.extra()]):""])]),e.createVNode("div",{class:`${i}-data-right ${i}-data-bottom`},[f(["right","bottom"])])])}}),q="",y=e.defineComponent({name:"DTimeline",components:{TimelineItem:p},props:h,emits:[],setup(t,l){e.provide("timeAxis",{ctx:l,props:t});const u=e.ref(),i=e.reactive({marginLeft:"0px",height:"auto"}),c=()=>{i.height="auto",i.marginLeft="0px",t.direction==="horizontal"&&e.nextTick(()=>{var f;const n=u.value;t.center&&(i.marginLeft=(((f=n==null?void 0:n.firstElementChild)==null?void 0:f.clientWidth)||0)/2+"px"),i.height=Math.max(...Array.from(n==null?void 0:n.querySelectorAll(".devui-timeline-item-data-top")).map(d=>d.clientHeight),...Array.from(n==null?void 0:n.querySelectorAll(".devui-timeline-item-data-bottom")).map(d=>d.clientHeight))*2+Math.max(...Array.from(n==null?void 0:n.querySelectorAll(".devui-timeline-item-axis")).map(d=>d.clientHeight))+"px"})};return e.onMounted(()=>{c()}),e.watch(e.toRef(t,"direction"),()=>{c()}),()=>{const n=(m,o)=>o?e.createVNode(m,{position:o},null):e.createVNode(m,null,null),f=()=>{var a,S,$;const m=($=(S=(a=l.slots).default)==null?void 0:S.call(a))!=null?$:[];let o;return m.length===1&&m[0].type===e.Fragment?o=m[0].children||[]:o=m,o.map((r,g)=>{var V,N,P,v,A,C,x,T;return g+1===o.length&&!((V=r.props)==null?void 0:V.lineStyle)&&!((N=r.props)==null?void 0:N["line-style"])&&(r=e.createVNode(r,{"line-style":"none"},null)),!((P=r.props)==null?void 0:P.timePosition)&&!((v=r.props)==null?void 0:v["time-position"])&&(r=e.createVNode(r,{"time-position":t.timePosition?t.timePosition:"left"},null)),t.direction==="horizontal"?((A=r.props)==null?void 0:A.position)==="top"||((C=r.props)==null?void 0:C.position)==="bottom"?r:t.mode==="alternative"?n(r,g%2===0?"bottom":"top"):n(r,"bottom"):((x=r.props)==null?void 0:x.position)==="left"||((T=r.props)==null?void 0:T.position)==="right"?r:t.mode==="alternative"?n(r,g%2===0?"left":"right"):n(r,"right")})},d=()=>t.direction==="horizontal"?"horizontal":"vertical";return e.createVNode("div",{class:`devui-timeline devui-timeline-${d()}  ${t.center?"devui-timeline-"+d()+"-center":""} `,ref:u,style:i},[f()])}}}),D={title:"Timeline \u65F6\u95F4\u8F74",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.component(y.name,y),t.component(p.name,p)}};s.Timeline=y,s.TimelineItem=p,s.default=D,s.timeAxisProps=h,Object.defineProperty(s,"__esModule",{value:!0}),s[Symbol.toStringTag]="Module"});

package/upload/index.es.js

@@ -104,6 +104,105 @@ var Close = defineComponent({
     }, null)]);
   }
 });
+function SuccessIcon() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg",
+    "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  }, [createVNode("defs", null, [createVNode("polygon", {
+    "id": "path-s",
+    "points": "6.53553391 9.77817459 12.1923882 4.12132034 13.6066017 5.53553391            6.53553391 12.6066017 3 9.07106781 4.41421356 7.65685425 6.53553391 9.77817459"
+  }, null)]), createVNode("g", {
+    "id": "correct",
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("mask", {
+    "id": "mask-2",
+    "fill": "white"
+  }, [createVNode("use", {
+    "xlink:href": "#path-s"
+  }, null)]), createVNode("use", {
+    "id": "Mask",
+    "class": "devui-notification-image-success-path",
+    "xlink:href": "#path-s"
+  }, null)])]);
+}
+function WarningIcon() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg",
+    "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  }, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("path", {
+    "class": "devui-icon-warning-outer",
+    "d": "M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117            15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873            0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"
+  }, null), createVNode("path", {
+    "class": "devui-icon-warning-inner",
+    "stroke-width": "0.3",
+    "fill-rule": "nonzero",
+    "d": "M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105            L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"
+  }, null)])]);
+}
+function InfoIcon() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg",
+    "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  }, [createVNode("g", {
+    "id": "info",
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("path", {
+    "class": "devui-notification-image-info-path",
+    "d": "M7,13 L7,6 L9,6 L9,13 L7,13 Z M7,5 L7,3 L9,3 L9,5 L7,5 Z",
+    "id": "info"
+  }, null)])]);
+}
+function ErrorIcon() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg",
+    "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  }, [createVNode("defs", null, [createVNode("polygon", {
+    "id": "path-e",
+    "points": "8.07106781 6.65685425 10.8994949 3.82842712 12.3137085 5.24264069 9.48528137 8.07106781 12.3137085            10.8994949 10.8994949 12.3137085 8.07106781 9.48528137 5.24264069 12.3137085 3.82842712 10.8994949 6.65685425            8.07106781 3.82842712 5.24264069 5.24264069 3.82842712"
+  }, null)]), createVNode("g", {
+    "id": "error",
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("mask", {
+    "id": "mask-2",
+    "fill": "white"
+  }, [createVNode("use", {
+    "xlink:href": "#path-e"
+  }, null)]), createVNode("use", {
+    "id": "Mask",
+    "class": "devui-notification-image-error-path",
+    "xlink:href": "#path-e"
+  }, null)])]);
+}
 var TypeIcon = defineComponent({
   props: {
     type: {
@@ -119,18 +218,9 @@ var TypeIcon = defineComponent({
       "devui-notification-image": true,
       [`devui-notification-image-${type.value}`]: true
     }));
-    const severityIconMap = {
-      info: "info-o",
-      success: "right-o",
-      warning: "warning-o",
-      error: "error-o"
-    };
     return () => createVNode("span", {
       "class": classes.value
-    }, [type.value !== "normal" && createVNode(Icon, {
-      "name": severityIconMap[type.value],
-      "size": "16px"
-    }, null)]);
+    }, [type.value && type.value !== "normal" && (type.value === "success" && createVNode(SuccessIcon, null, null) || type.value === "info" && createVNode(InfoIcon, null, null) || type.value === "warning" && createVNode(WarningIcon, null, null) || type.value === "error" && createVNode(ErrorIcon, null, null))]);
   }
 });
 function useNotification(props) {

package/upload/index.umd.js

@@ -1 +1 @@
-var xe=Object.defineProperty,Me=Object.defineProperties;var Be=Object.getOwnPropertyDescriptors;var Y=Object.getOwnPropertySymbols;var Oe=Object.prototype.hasOwnProperty,Le=Object.prototype.propertyIsEnumerable;var L=(f,t,V)=>t in f?xe(f,t,{enumerable:!0,configurable:!0,writable:!0,value:V}):f[t]=V,P=(f,t)=>{for(var V in t||(t={}))Oe.call(t,V)&&L(f,V,t[V]);if(Y)for(var V of Y(t))Le.call(t,V)&&L(f,V,t[V]);return f},Z=(f,t)=>Me(f,Be(t));var E=(f,t,V)=>(L(f,typeof t!="symbol"?t+"":t,V),V);(function(f,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(f=typeof globalThis!="undefined"?globalThis:f||self,t(f.index={},f.Vue))})(this,function(f,t){"use strict";const V={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}},J={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var $=t.defineComponent({name:"DIcon",props:J,setup(e){const{name:n,size:o,color:s,classPrefix:a}=t.toRefs(e);return()=>/^((https?):)?\/\//.test(n.value)?t.createVNode("img",{src:n.value,alt:n.value.split("/")[n.value.split("/").length-1],style:{width:o.value,verticalAlign:"text-bottom"}},null):t.createVNode("i",{class:`${a.value} ${a.value}-${n.value}`,style:{fontSize:o.value,color:s.value}},null)}}),K=t.defineComponent({emits:["click"],setup(e,{emit:n}){return()=>t.createVNode("div",{class:"devui-notification-icon-close",onClick:o=>n("click",o)},[t.createVNode($,{name:"close",size:"14px"},null)])}}),Q=t.defineComponent({props:{type:{type:String,default:"normal"}},setup(e){const{type:n}=t.toRefs(e),o=t.computed(()=>({"devui-notification-image":!0,[`devui-notification-image-${n.value}`]:!0})),s={info:"info-o",success:"right-o",warning:"warning-o",error:"error-o"};return()=>t.createVNode("span",{class:o.value},[n.value!=="normal"&&t.createVNode($,{name:s[n.value],size:"16px"},null)])}});function U(e){return{classes:t.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${e.type}`]:!0}))}}function ee(e,n){let o=null,s;const a=()=>{var C;clearTimeout(o),o=null,(C=e.onClose)==null||C.call(e),n("update:modelValue",!1)},p=()=>{o&&(clearTimeout(o),o=null)},g=()=>{if(!e.modelValue){const C=e.duration-(Date.now()-s);o=setTimeout(a,C)}},b=()=>{n("destroy")};return t.watch(()=>e.modelValue,C=>{C&&(s=Date.now(),e.duration&&(o=setTimeout(a,e.duration)))}),{interrupt:p,removeReset:g,close:a,handleDestroy:b}}var Pe="",te=t.defineComponent({name:"DNotification",props:V,emits:["update:modelValue","destroy"],setup(e,{emit:n,slots:o}){const{modelValue:s,title:a,type:p}=t.toRefs(e),{classes:g}=U(e),{interrupt:b,removeReset:C,close:u,handleDestroy:r}=ee(e,n);return()=>t.createVNode(t.Transition,{name:"notification-fade",onAfterLeave:r},{default:()=>{var m;return[s.value&&t.createVNode("div",{class:"devui-notification"},[t.createVNode("div",{class:g.value,onMouseenter:b,onMouseleave:C},[t.createVNode("div",{class:"devui-notification-item"},[t.createVNode(K,{onClick:u},null),a.value&&t.createVNode(Q,{type:p.value},null),t.createVNode("div",{class:"devui-notification-message"},[t.createVNode("span",{class:"devui-notification-title"},[a.value]),t.createVNode("span",{class:"devui-notification-content"},[(m=o.default)==null?void 0:m.call(o)])])])])])]}})}});function ne(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const oe={modelValue:!1,duration:3e3,type:"normal"};function ie(e,n){const o=document.createElement("div"),s=t.createApp({setup(){return t.onUnmounted(()=>{document.body.removeChild(o)}),()=>t.createVNode(te,t.mergeProps(e,{onDestroy:s.unmount}),ne(n)?n:{default:()=>[n]})}});return document.body.appendChild(o),s.mount(o),s}function le(e,n){e.modelValue=!1,n==null||n()}class se{static open(n){const o=n.onClose||null,s=n.content;let a;delete n.content;const p=t.reactive(Z(P(P({},oe),n),{onClose:()=>{le(p,o)}}));ie(p,s),p.modelValue=!0,clearTimeout(a),n.duration&&(a=setTimeout(p.onClose,n.duration))}}class ae{constructor(){E(this,"uri");E(this,"method");E(this,"maximumSize");E(this,"headers");E(this,"authToken");E(this,"authTokenHeader");E(this,"additionalParameter");E(this,"fileFieldName");E(this,"checkSameName");E(this,"withCredentials");E(this,"responseType")}}class re{constructor(){E(this,"accept");E(this,"multiple");E(this,"webkitdirectory")}}var v=(e=>(e[e.preLoad=0]="preLoad",e[e.uploading=1]="uploading",e[e.uploaded=2]="uploaded",e[e.failed=3]="failed",e))(v||{});const z={accept:{type:String},webkitdirectory:{type:Boolean,default:!1},uploadOptions:{type:Object},multiple:{type:Boolean,default:!1},autoUpload:{type:Boolean,default:!0},placeholder:{type:String,default:"\u9009\u62E9\u6587\u4EF6"},modelValue:{type:Array,default:()=>[]},droppable:{type:Boolean,default:!1},beforeUpload:{type:Function},dynamicUploadOptionsFn:{type:Function},disabled:{type:Boolean,default:!1},onChange:{type:Function},fileDrop:{type:Function,default:void 0},fileOver:{type:Function,default:void 0},fileSelect:{type:Function,default:void 0},deleteUploadedFile:{type:Function,default:void 0},"on-error":{type:Function,default:void 0},"on-success":{type:Function,default:void 0},oneTimeUpload:{type:Boolean,default:!1}},ue=e=>`\u6700\u5927\u652F\u6301\u4E0A\u4F20${e}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`,ce=(e,n)=>`\u6700\u5927\u652F\u6301\u4E0A\u4F20${n}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${e}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`,de=(e,n)=>`\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${n}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${e}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`,fe=e=>`\u60A8\u4E0A\u4F20\u7684 "${e}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`,pe=()=>{const e=t.ref(""),n=u=>{const r=document.createEvent("MouseEvents");r.initMouseEvent("click",!0,!0,window,1,0,0,0,0,!1,!1,!1,!1,0,null),u.dispatchEvent(r)},o=({multiple:u,accept:r,webkitdirectory:m})=>new Promise(w=>{const l=document.getElementById("d-upload-temp");l&&document.body.removeChild(l);const i=document.createElement("input");i.style.position="fixed",i.style.left="-2000px",i.style.top="-2000px",i.setAttribute("id","d-upload-temp"),i.setAttribute("type","file"),u&&i.setAttribute("multiple",""),r&&i.setAttribute("accept",r),m&&i.setAttribute("webkitdirectory",""),i.addEventListener("change",h=>{w(Array.prototype.slice.call(h.target.files))}),document.body.appendChild(i),n(i)}),s=(u,r)=>{if(u){const m=u.split(","),w=r.type.replace(/\/.*$/,"");return m.some(l=>{const i=l.trim();return i.startsWith(".")?r.name.toLowerCase().indexOf(i.toLowerCase(),r.name.toLowerCase().length-i.toLowerCase().length)>-1:/\/\*$/.test(i)?w===i.replace(/\/.*$/,""):r.type===i})}return!0},a=(u,r)=>r?u>1024*1024*r:!1;return{triggerSelectFiles:u=>{const{multiple:r,accept:m,webkitdirectory:w}=u;return o({multiple:r,accept:m,webkitdirectory:w})},_validateFiles:(u,r,m)=>s(r,u)?m&&a(u.size,m.maximumSize)?{checkError:!0,errorMsg:ce(u.name,m.maximumSize||0)}:{checkError:!1,errorMsg:void 0}:{checkError:!0,errorMsg:de(u.name,r)},triggerDropFiles:u=>Promise.resolve(u),checkAllFilesSize:(u,r)=>{if(a(u,r))return e.value=ue(r),{checkError:!0,errorMsg:e.value}}}};class _{constructor(n,o){E(this,"xhr");E(this,"status");E(this,"response");E(this,"percentage",0);this.file=n,this.uploadOptions=o,this.file=n,this.uploadOptions=o,this.status=v.preLoad}send(n){return new Promise((o,s)=>{const{uri:a,method:p,headers:g,authToken:b,authTokenHeader:C,additionalParameter:u,fileFieldName:r,withCredentials:m,responseType:w}=this.uploadOptions||{},l=C||"Authorization",i=r||"file";this.xhr=new XMLHttpRequest,this.xhr.open(p||"POST",a||""),m&&(this.xhr.withCredentials=m),w&&(this.xhr.responseType=w),b&&this.xhr.setRequestHeader(l,b),g&&Object.keys(g).forEach(S=>{var N;(N=this.xhr)==null||N.setRequestHeader(S,g[S])}),this.xhr.upload.onprogress=S=>{this.percentage=Math.round(S.loaded*100/S.total)};const h=n&&n.length?this.oneTimeUploadFiles(i,u,n):this.parallelUploadFiles(i,u);this.xhr.send(h),this.status=v.uploading,this.xhr.onabort=()=>{this.status=v.preLoad,this.xhr=null},this.xhr.onerror=()=>{var S,N;this.response=(S=this.xhr)==null?void 0:S.response,this.status=v.failed,s({file:this.file,response:(N=this.xhr)==null?void 0:N.response})},this.xhr.onload=()=>{var S,N,D;((S=this.xhr)==null?void 0:S.readyState)===4&&this.xhr.status>=200&&this.xhr.status<300?(this.response=this.xhr.response,this.status=v.uploaded,o({file:this.file,response:this.xhr.response})):(this.response=(N=this.xhr)==null?void 0:N.response,this.status=v.failed,s({file:this.file,response:(D=this.xhr)==null?void 0:D.response}))}})}parallelUploadFiles(n,o){const s=new FormData;return s.append(n,this.file,this.file.name),o&&Object.keys(o).forEach(a=>{s.append(a,o[a])}),s}oneTimeUploadFiles(n,o,s){const a=new FormData;return s.forEach(p=>{a.append(n,p.file,p.file.name),o&&Object.keys(o).forEach(g=>{a.append(g,o[g])})}),a}cancel(){this.xhr&&this.xhr.abort()}}const me=()=>{const e=t.ref([]),n=t.ref([]),o=l=>{let i=!0;for(let h=0;h<e.value.length;h++)if(l===e.value[h].file.name){i=!1,n.value.indexOf(l)===-1&&n.value.push(l);break}return i},s=(l,i)=>{i&&i.checkSameName?o(l.name)&&e.value.push(new _(l,i)):e.value.push(new _(l,i))},a=()=>e.value.map(l=>l.file),p=()=>e.value.map(l=>l),g=async l=>{if(!l||!l.length)return Promise.reject("no files");let i=[];return await l[0].send(l).finally(()=>i=l.map(h=>(h.status=l[0].status,h.percentage=l[0].percentage,{file:h.file,response:l[0].response}))),i};return{fileUploaders:e,getFiles:a,addFile:s,getFullFiles:p,deleteFile:l=>{const i=e.value.find(h=>h.file===l);i==null||i.cancel(),e.value=e.value.filter(h=>l!==h.file)},upload:async l=>{let i=[];if(l){l.percentage=0;const h=await l.send();i.push(h)}else{const h=e.value.filter(D=>D.status===v.preLoad),S=e.value.filter(D=>D.status===v.failed),N=h.length>0?h:S;i=await Promise.all(N.map(async D=>(D.percentage=0,await D.send())))}return i.length>0?Promise.resolve(i):Promise.reject("no files")},removeFiles:()=>{e.value=[],n.value=[]},getSameNameFiles:()=>n.value.join(),resetSameNameFiles:()=>{n.value=[]},_oneTimeUpload:()=>{const l=e.value.filter(i=>i.status!==v.uploaded);return g(l)}}};var $e="",A=t.defineComponent({name:"DUpload",props:z,emits:["fileDrop","fileOver","fileSelect","deleteUploadedFile","update:modelValue"],setup(e,n){const{uploadOptions:o,placeholder:s,autoUpload:a,disabled:p,beforeUpload:g,droppable:b,oneTimeUpload:C,modelValue:u,multiple:r,accept:m,webkitdirectory:w}=t.toRefs(e),{triggerSelectFiles:l,_validateFiles:i,triggerDropFiles:h,checkAllFilesSize:S}=pe(),{fileUploaders:N,addFile:D,getFullFiles:R,deleteFile:j,upload:Ne,resetSameNameFiles:Ve,removeFiles:M,_oneTimeUpload:Ce,getSameNameFiles:Se}=me(),B=t.ref(!1),T=d=>{se.open({type:"warning",content:d})},ke=()=>{var F;let d=0;if(N.value.forEach(y=>{d+=y.file.size;const k=i(y.file,(m==null?void 0:m.value)||"",y.uploadOptions);if(k&&k.checkError){j(y.file),T(k.errorMsg);return}}),C.value){const y=S(d,((F=o==null?void 0:o.value)==null?void 0:F.maximumSize)||0);y&&y.checkError&&(M(),T(y.errorMsg))}},we=d=>{B.value=d,n.emit("fileOver",d)},H=d=>{const F=u.value.filter(y=>y.name!==d.name);n.emit("deleteUploadedFile",d),n.emit("update:modelValue",F)},De=(d,F,y)=>{d.stopPropagation(),y===v.uploaded&&H(F),j(F)},be=()=>{let d=Promise.resolve(!0);if(g==null?void 0:g.value){const F=g==null?void 0:g.value(R());typeof F!="undefined"&&(typeof F=="boolean"?d=Promise.resolve(F):d=F)}return d},q=(d,F)=>{d&&d.stopPropagation(),be().then(y=>{if(!y){M();return}const k=C.value?Ce():Ne(F);k==null||k.then(c=>{e["on-success"]&&e["on-success"](c);const O=[...c.map(Ae=>Ae.file),...u.value];n.emit("update:modelValue",O)}).catch(c=>{e["on-error"]&&e["on-error"](c)})})},W=d=>{Ve(),d.then(F=>{F.forEach(c=>{r.value||M(),D(c,o==null?void 0:o.value)}),ke();const y=Se();(o==null?void 0:o.value)&&o.value.checkSameName&&y.length&&T(fe(y));const k=N.value.filter(c=>c.status===v.preLoad).map(c=>c.file);n.emit("fileSelect",k),a.value&&q()}).catch(F=>{T(F.message)})},X=()=>{p.value||W(l({accept:m==null?void 0:m.value,multiple:r.value,webkitdirectory:w.value}))},Te=d=>{B.value=!1,W(h(d)),n.emit("fileDrop",d)};return()=>{var d,F,y,k;return t.createVNode("div",null,[t.withDirectives(t.createVNode("div",{class:"devui-upload",style:`border: ${B.value?"1px solid #15bf15":"0"}`},[((F=(d=n.slots).default)==null?void 0:F.call(d))?t.createVNode("div",{onClick:X},[n.slots.default()]):t.createVNode("div",{class:`devui-input-group ${p.value?"disabled":""}`,onClick:X},[N.value.length===0&&t.createVNode("div",{class:"devui-form-control devui-upload-placeholder"},[s.value]),N.value.length>0&&t.createVNode("ul",{class:"devui-form-control devui-files-list"},[N.value.map((c,G)=>t.createVNode("li",{key:G,class:"devui-file-item devui-file-tag",style:"display: inline-block; margin: 0 2px 2px 0",title:c.file.name},[t.createVNode("span",{class:`devui-filename ${c.status===v.failed?"devui-failed-color":""}`},[c.file.name]),t.createVNode(t.resolveComponent("d-icon"),{name:"close",class:`${(c==null?void 0:c.status)===v.failed?"devui-upload-delete-file-button":""} ${(c==null?void 0:c.status)===v.uploading||(c==null?void 0:c.status)===v.uploaded?"devui-uploading-delete":""}`,onClick:O=>De(O,c.file,c.status)},null),c.status===v.uploading&&t.createVNode("div",{class:"icon devui-upload-progress"},[t.createVNode(t.resolveComponent("d-progress"),{isCircle:!0,percentage:c.percentage,barbgcolor:"#50D4AB",strokeWidth:8,showContent:!1},null)]),c.status===v.failed&&t.createVNode(t.resolveComponent("d-icon"),{name:"running",onClick:q},null),c.status===v.uploaded&&t.createVNode(t.resolveComponent("d-icon"),{name:"right",color:"#50d4ab"},null)]))]),t.createVNode("span",{class:"devui-input-group-addon"},[t.createVNode(t.resolveComponent("d-icon"),{name:"more-operate",color:"#252b3a"},null)])])]),[[t.resolveDirective("file-drop"),{droppable:b,isSingle:!r,onFileDrop:Te,onFileOver:we}]]),t.createVNode("div",null,[(k=(y=n.slots)["uploaded-files"])==null?void 0:k.call(y,{uploadedFiles:u.value,deleteFile:H})])])}}});const I=e=>{var n;return e.dataTransfer?e.dataTransfer:(n=e.originalEvent)==null?void 0:n.dataTransfer},he=e=>e?e.indexOf?e.indexOf("Files")!==-1:e.contains?e.contains("Files"):!1:!1,x=e=>{e.preventDefault(),e.stopPropagation()},Fe=(e,n)=>{const{onFileOver:o}=n.value;e.addEventListener("dragover",s=>{const a=I(s);!he(a.types)||(x(s),o&&o(!0))})},ve=(e,n)=>{const{onFileOver:o}=n.value;e.addEventListener("dragleave",s=>{s.currentTarget!==e&&(x(s),o&&o(!0))})},ge=(e,n)=>{const{onFileDrop:o,isSingle:s}=n.value;e.addEventListener("drop",a=>{const p=I(a);!p||(x(a),s?o&&o([p.files[0]]):o&&o(Array.from(p.files)))})},ye={mounted:(e,n)=>{const{droppable:o}=n.value;!o||(Fe(e,n),ve(e,n),ge(e,n))}};var Ee={title:"Upload \u4E0A\u4F20",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(e){e.directive("file-drop",ye),e.component(A.name,A)}};f.IFileOptions=re,f.IUploadOptions=ae,f.Upload=A,f.UploadStatus=v,f.default=Ee,f.uploadProps=z,Object.defineProperty(f,"__esModule",{value:!0}),f[Symbol.toStringTag]="Module"});
+var Oe=Object.defineProperty,Pe=Object.defineProperties;var $e=Object.getOwnPropertyDescriptors;var X=Object.getOwnPropertySymbols;var ze=Object.prototype.hasOwnProperty,Ie=Object.prototype.propertyIsEnumerable;var O=(p,e,V)=>e in p?Oe(p,e,{enumerable:!0,configurable:!0,writable:!0,value:V}):p[e]=V,P=(p,e)=>{for(var V in e||(e={}))ze.call(e,V)&&O(p,V,e[V]);if(X)for(var V of X(e))Ie.call(e,V)&&O(p,V,e[V]);return p},G=(p,e)=>Pe(p,$e(e));var w=(p,e,V)=>(O(p,typeof e!="symbol"?e+"":e,V),V);(function(p,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis!="undefined"?globalThis:p||self,e(p.index={},p.Vue))})(this,function(p,e){"use strict";const V={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}},Y={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var J=e.defineComponent({name:"DIcon",props:Y,setup(t){const{name:n,size:o,color:s,classPrefix:a}=e.toRefs(t);return()=>/^((https?):)?\/\//.test(n.value)?e.createVNode("img",{src:n.value,alt:n.value.split("/")[n.value.split("/").length-1],style:{width:o.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${a.value} ${a.value}-${n.value}`,style:{fontSize:o.value,color:s.value}},null)}}),K=e.defineComponent({emits:["click"],setup(t,{emit:n}){return()=>e.createVNode("div",{class:"devui-notification-icon-close",onClick:o=>n("click",o)},[e.createVNode(J,{name:"close",size:"14px"},null)])}});function Q(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("defs",null,[e.createVNode("polygon",{id:"path-s",points:"6.53553391 9.77817459 12.1923882 4.12132034 13.6066017 5.53553391            6.53553391 12.6066017 3 9.07106781 4.41421356 7.65685425 6.53553391 9.77817459"},null)]),e.createVNode("g",{id:"correct",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("mask",{id:"mask-2",fill:"white"},[e.createVNode("use",{"xlink:href":"#path-s"},null)]),e.createVNode("use",{id:"Mask",class:"devui-notification-image-success-path","xlink:href":"#path-s"},null)])])}function U(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:"devui-icon-warning-outer",d:"M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117            15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873            0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"},null),e.createVNode("path",{class:"devui-icon-warning-inner","stroke-width":"0.3","fill-rule":"nonzero",d:"M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105            L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"},null)])])}function ee(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{id:"info",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:"devui-notification-image-info-path",d:"M7,13 L7,6 L9,6 L9,13 L7,13 Z M7,5 L7,3 L9,3 L9,5 L7,5 Z",id:"info"},null)])])}function te(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("defs",null,[e.createVNode("polygon",{id:"path-e",points:"8.07106781 6.65685425 10.8994949 3.82842712 12.3137085 5.24264069 9.48528137 8.07106781 12.3137085            10.8994949 10.8994949 12.3137085 8.07106781 9.48528137 5.24264069 12.3137085 3.82842712 10.8994949 6.65685425            8.07106781 3.82842712 5.24264069 5.24264069 3.82842712"},null)]),e.createVNode("g",{id:"error",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("mask",{id:"mask-2",fill:"white"},[e.createVNode("use",{"xlink:href":"#path-e"},null)]),e.createVNode("use",{id:"Mask",class:"devui-notification-image-error-path","xlink:href":"#path-e"},null)])])}var ne=e.defineComponent({props:{type:{type:String,default:"normal"}},setup(t){const{type:n}=e.toRefs(t),o=e.computed(()=>({"devui-notification-image":!0,[`devui-notification-image-${n.value}`]:!0}));return()=>e.createVNode("span",{class:o.value},[n.value&&n.value!=="normal"&&(n.value==="success"&&e.createVNode(Q,null,null)||n.value==="info"&&e.createVNode(ee,null,null)||n.value==="warning"&&e.createVNode(U,null,null)||n.value==="error"&&e.createVNode(te,null,null))])}});function oe(t){return{classes:e.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${t.type}`]:!0}))}}function ie(t,n){let o=null,s;const a=()=>{var k;clearTimeout(o),o=null,(k=t.onClose)==null||k.call(t),n("update:modelValue",!1)},f=()=>{o&&(clearTimeout(o),o=null)},v=()=>{if(!t.modelValue){const k=t.duration-(Date.now()-s);o=setTimeout(a,k)}},D=()=>{n("destroy")};return e.watch(()=>t.modelValue,k=>{k&&(s=Date.now(),t.duration&&(o=setTimeout(a,t.duration)))}),{interrupt:f,removeReset:v,close:a,handleDestroy:D}}var _e="",le=e.defineComponent({name:"DNotification",props:V,emits:["update:modelValue","destroy"],setup(t,{emit:n,slots:o}){const{modelValue:s,title:a,type:f}=e.toRefs(t),{classes:v}=oe(t),{interrupt:D,removeReset:k,close:u,handleDestroy:r}=ie(t,n);return()=>e.createVNode(e.Transition,{name:"notification-fade",onAfterLeave:r},{default:()=>{var m;return[s.value&&e.createVNode("div",{class:"devui-notification"},[e.createVNode("div",{class:v.value,onMouseenter:D,onMouseleave:k},[e.createVNode("div",{class:"devui-notification-item"},[e.createVNode(K,{onClick:u},null),a.value&&e.createVNode(ne,{type:f.value},null),e.createVNode("div",{class:"devui-notification-message"},[e.createVNode("span",{class:"devui-notification-title"},[a.value]),e.createVNode("span",{class:"devui-notification-content"},[(m=o.default)==null?void 0:m.call(o)])])])])])]}})}});function se(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const ae={modelValue:!1,duration:3e3,type:"normal"};function re(t,n){const o=document.createElement("div"),s=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(le,e.mergeProps(t,{onDestroy:s.unmount}),se(n)?n:{default:()=>[n]})}});return document.body.appendChild(o),s.mount(o),s}function ue(t,n){t.modelValue=!1,n==null||n()}class ce{static open(n){const o=n.onClose||null,s=n.content;let a;delete n.content;const f=e.reactive(G(P(P({},ae),n),{onClose:()=>{ue(f,o)}}));re(f,s),f.modelValue=!0,clearTimeout(a),n.duration&&(a=setTimeout(f.onClose,n.duration))}}class de{constructor(){w(this,"uri");w(this,"method");w(this,"maximumSize");w(this,"headers");w(this,"authToken");w(this,"authTokenHeader");w(this,"additionalParameter");w(this,"fileFieldName");w(this,"checkSameName");w(this,"withCredentials");w(this,"responseType")}}class pe{constructor(){w(this,"accept");w(this,"multiple");w(this,"webkitdirectory")}}var F=(t=>(t[t.preLoad=0]="preLoad",t[t.uploading=1]="uploading",t[t.uploaded=2]="uploaded",t[t.failed=3]="failed",t))(F||{});const $={accept:{type:String},webkitdirectory:{type:Boolean,default:!1},uploadOptions:{type:Object},multiple:{type:Boolean,default:!1},autoUpload:{type:Boolean,default:!0},placeholder:{type:String,default:"\u9009\u62E9\u6587\u4EF6"},modelValue:{type:Array,default:()=>[]},droppable:{type:Boolean,default:!1},beforeUpload:{type:Function},dynamicUploadOptionsFn:{type:Function},disabled:{type:Boolean,default:!1},onChange:{type:Function},fileDrop:{type:Function,default:void 0},fileOver:{type:Function,default:void 0},fileSelect:{type:Function,default:void 0},deleteUploadedFile:{type:Function,default:void 0},"on-error":{type:Function,default:void 0},"on-success":{type:Function,default:void 0},oneTimeUpload:{type:Boolean,default:!1}},fe=t=>`\u6700\u5927\u652F\u6301\u4E0A\u4F20${t}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`,me=(t,n)=>`\u6700\u5927\u652F\u6301\u4E0A\u4F20${n}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${t}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`,he=(t,n)=>`\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${n}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${t}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`,ge=t=>`\u60A8\u4E0A\u4F20\u7684 "${t}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`,Fe=()=>{const t=e.ref(""),n=u=>{const r=document.createEvent("MouseEvents");r.initMouseEvent("click",!0,!0,window,1,0,0,0,0,!1,!1,!1,!1,0,null),u.dispatchEvent(r)},o=({multiple:u,accept:r,webkitdirectory:m})=>new Promise(C=>{const l=document.getElementById("d-upload-temp");l&&document.body.removeChild(l);const i=document.createElement("input");i.style.position="fixed",i.style.left="-2000px",i.style.top="-2000px",i.setAttribute("id","d-upload-temp"),i.setAttribute("type","file"),u&&i.setAttribute("multiple",""),r&&i.setAttribute("accept",r),m&&i.setAttribute("webkitdirectory",""),i.addEventListener("change",h=>{C(Array.prototype.slice.call(h.target.files))}),document.body.appendChild(i),n(i)}),s=(u,r)=>{if(u){const m=u.split(","),C=r.type.replace(/\/.*$/,"");return m.some(l=>{const i=l.trim();return i.startsWith(".")?r.name.toLowerCase().indexOf(i.toLowerCase(),r.name.toLowerCase().length-i.toLowerCase().length)>-1:/\/\*$/.test(i)?C===i.replace(/\/.*$/,""):r.type===i})}return!0},a=(u,r)=>r?u>1024*1024*r:!1;return{triggerSelectFiles:u=>{const{multiple:r,accept:m,webkitdirectory:C}=u;return o({multiple:r,accept:m,webkitdirectory:C})},_validateFiles:(u,r,m)=>s(r,u)?m&&a(u.size,m.maximumSize)?{checkError:!0,errorMsg:me(u.name,m.maximumSize||0)}:{checkError:!1,errorMsg:void 0}:{checkError:!0,errorMsg:he(u.name,r)},triggerDropFiles:u=>Promise.resolve(u),checkAllFilesSize:(u,r)=>{if(a(u,r))return t.value=fe(r),{checkError:!0,errorMsg:t.value}}}};class z{constructor(n,o){w(this,"xhr");w(this,"status");w(this,"response");w(this,"percentage",0);this.file=n,this.uploadOptions=o,this.file=n,this.uploadOptions=o,this.status=F.preLoad}send(n){return new Promise((o,s)=>{const{uri:a,method:f,headers:v,authToken:D,authTokenHeader:k,additionalParameter:u,fileFieldName:r,withCredentials:m,responseType:C}=this.uploadOptions||{},l=k||"Authorization",i=r||"file";this.xhr=new XMLHttpRequest,this.xhr.open(f||"POST",a||""),m&&(this.xhr.withCredentials=m),C&&(this.xhr.responseType=C),D&&this.xhr.setRequestHeader(l,D),v&&Object.keys(v).forEach(x=>{var N;(N=this.xhr)==null||N.setRequestHeader(x,v[x])}),this.xhr.upload.onprogress=x=>{this.percentage=Math.round(x.loaded*100/x.total)};const h=n&&n.length?this.oneTimeUploadFiles(i,u,n):this.parallelUploadFiles(i,u);this.xhr.send(h),this.status=F.uploading,this.xhr.onabort=()=>{this.status=F.preLoad,this.xhr=null},this.xhr.onerror=()=>{var x,N;this.response=(x=this.xhr)==null?void 0:x.response,this.status=F.failed,s({file:this.file,response:(N=this.xhr)==null?void 0:N.response})},this.xhr.onload=()=>{var x,N,S;((x=this.xhr)==null?void 0:x.readyState)===4&&this.xhr.status>=200&&this.xhr.status<300?(this.response=this.xhr.response,this.status=F.uploaded,o({file:this.file,response:this.xhr.response})):(this.response=(N=this.xhr)==null?void 0:N.response,this.status=F.failed,s({file:this.file,response:(S=this.xhr)==null?void 0:S.response}))}})}parallelUploadFiles(n,o){const s=new FormData;return s.append(n,this.file,this.file.name),o&&Object.keys(o).forEach(a=>{s.append(a,o[a])}),s}oneTimeUploadFiles(n,o,s){const a=new FormData;return s.forEach(f=>{a.append(n,f.file,f.file.name),o&&Object.keys(o).forEach(v=>{a.append(v,o[v])})}),a}cancel(){this.xhr&&this.xhr.abort()}}const ve=()=>{const t=e.ref([]),n=e.ref([]),o=l=>{let i=!0;for(let h=0;h<t.value.length;h++)if(l===t.value[h].file.name){i=!1,n.value.indexOf(l)===-1&&n.value.push(l);break}return i},s=(l,i)=>{i&&i.checkSameName?o(l.name)&&t.value.push(new z(l,i)):t.value.push(new z(l,i))},a=()=>t.value.map(l=>l.file),f=()=>t.value.map(l=>l),v=async l=>{if(!l||!l.length)return Promise.reject("no files");let i=[];return await l[0].send(l).finally(()=>i=l.map(h=>(h.status=l[0].status,h.percentage=l[0].percentage,{file:h.file,response:l[0].response}))),i};return{fileUploaders:t,getFiles:a,addFile:s,getFullFiles:f,deleteFile:l=>{const i=t.value.find(h=>h.file===l);i==null||i.cancel(),t.value=t.value.filter(h=>l!==h.file)},upload:async l=>{let i=[];if(l){l.percentage=0;const h=await l.send();i.push(h)}else{const h=t.value.filter(S=>S.status===F.preLoad),x=t.value.filter(S=>S.status===F.failed),N=h.length>0?h:x;i=await Promise.all(N.map(async S=>(S.percentage=0,await S.send())))}return i.length>0?Promise.resolve(i):Promise.reject("no files")},removeFiles:()=>{t.value=[],n.value=[]},getSameNameFiles:()=>n.value.join(),resetSameNameFiles:()=>{n.value=[]},_oneTimeUpload:()=>{const l=t.value.filter(i=>i.status!==F.uploaded);return v(l)}}};var Re="",L=e.defineComponent({name:"DUpload",props:$,emits:["fileDrop","fileOver","fileSelect","deleteUploadedFile","update:modelValue"],setup(t,n){const{uploadOptions:o,placeholder:s,autoUpload:a,disabled:f,beforeUpload:v,droppable:D,oneTimeUpload:k,modelValue:u,multiple:r,accept:m,webkitdirectory:C}=e.toRefs(t),{triggerSelectFiles:l,_validateFiles:i,triggerDropFiles:h,checkAllFilesSize:x}=Fe(),{fileUploaders:N,addFile:S,getFullFiles:_,deleteFile:R,upload:Ee,resetSameNameFiles:Ce,removeFiles:A,_oneTimeUpload:Se,getSameNameFiles:De}=ve(),M=e.ref(!1),b=d=>{ce.open({type:"warning",content:d})},be=()=>{var g;let d=0;if(N.value.forEach(y=>{d+=y.file.size;const E=i(y.file,(m==null?void 0:m.value)||"",y.uploadOptions);if(E&&E.checkError){R(y.file),b(E.errorMsg);return}}),k.value){const y=x(d,((g=o==null?void 0:o.value)==null?void 0:g.maximumSize)||0);y&&y.checkError&&(A(),b(y.errorMsg))}},Le=d=>{M.value=d,n.emit("fileOver",d)},j=d=>{const g=u.value.filter(y=>y.name!==d.name);n.emit("deleteUploadedFile",d),n.emit("update:modelValue",g)},Te=(d,g,y)=>{d.stopPropagation(),y===F.uploaded&&j(g),R(g)},Ae=()=>{let d=Promise.resolve(!0);if(v==null?void 0:v.value){const g=v==null?void 0:v.value(_());typeof g!="undefined"&&(typeof g=="boolean"?d=Promise.resolve(g):d=g)}return d},H=(d,g)=>{d&&d.stopPropagation(),Ae().then(y=>{if(!y){A();return}const E=k.value?Se():Ee(g);E==null||E.then(c=>{t["on-success"]&&t["on-success"](c);const B=[...c.map(Be=>Be.file),...u.value];n.emit("update:modelValue",B)}).catch(c=>{t["on-error"]&&t["on-error"](c)})})},Z=d=>{Ce(),d.then(g=>{g.forEach(c=>{r.value||A(),S(c,o==null?void 0:o.value)}),be();const y=De();(o==null?void 0:o.value)&&o.value.checkSameName&&y.length&&b(ge(y));const E=N.value.filter(c=>c.status===F.preLoad).map(c=>c.file);n.emit("fileSelect",E),a.value&&H()}).catch(g=>{b(g.message)})},q=()=>{f.value||Z(l({accept:m==null?void 0:m.value,multiple:r.value,webkitdirectory:C.value}))},Me=d=>{M.value=!1,Z(h(d)),n.emit("fileDrop",d)};return()=>{var d,g,y,E;return e.createVNode("div",null,[e.withDirectives(e.createVNode("div",{class:"devui-upload",style:`border: ${M.value?"1px solid #15bf15":"0"}`},[((g=(d=n.slots).default)==null?void 0:g.call(d))?e.createVNode("div",{onClick:q},[n.slots.default()]):e.createVNode("div",{class:`devui-input-group ${f.value?"disabled":""}`,onClick:q},[N.value.length===0&&e.createVNode("div",{class:"devui-form-control devui-upload-placeholder"},[s.value]),N.value.length>0&&e.createVNode("ul",{class:"devui-form-control devui-files-list"},[N.value.map((c,W)=>e.createVNode("li",{key:W,class:"devui-file-item devui-file-tag",style:"display: inline-block; margin: 0 2px 2px 0",title:c.file.name},[e.createVNode("span",{class:`devui-filename ${c.status===F.failed?"devui-failed-color":""}`},[c.file.name]),e.createVNode(e.resolveComponent("d-icon"),{name:"close",class:`${(c==null?void 0:c.status)===F.failed?"devui-upload-delete-file-button":""} ${(c==null?void 0:c.status)===F.uploading||(c==null?void 0:c.status)===F.uploaded?"devui-uploading-delete":""}`,onClick:B=>Te(B,c.file,c.status)},null),c.status===F.uploading&&e.createVNode("div",{class:"icon devui-upload-progress"},[e.createVNode(e.resolveComponent("d-progress"),{isCircle:!0,percentage:c.percentage,barbgcolor:"#50D4AB",strokeWidth:8,showContent:!1},null)]),c.status===F.failed&&e.createVNode(e.resolveComponent("d-icon"),{name:"running",onClick:H},null),c.status===F.uploaded&&e.createVNode(e.resolveComponent("d-icon"),{name:"right",color:"#50d4ab"},null)]))]),e.createVNode("span",{class:"devui-input-group-addon"},[e.createVNode(e.resolveComponent("d-icon"),{name:"more-operate",color:"#252b3a"},null)])])]),[[e.resolveDirective("file-drop"),{droppable:D,isSingle:!r,onFileDrop:Me,onFileOver:Le}]]),e.createVNode("div",null,[(E=(y=n.slots)["uploaded-files"])==null?void 0:E.call(y,{uploadedFiles:u.value,deleteFile:j})])])}}});const I=t=>{var n;return t.dataTransfer?t.dataTransfer:(n=t.originalEvent)==null?void 0:n.dataTransfer},ye=t=>t?t.indexOf?t.indexOf("Files")!==-1:t.contains?t.contains("Files"):!1:!1,T=t=>{t.preventDefault(),t.stopPropagation()},we=(t,n)=>{const{onFileOver:o}=n.value;t.addEventListener("dragover",s=>{const a=I(s);!ye(a.types)||(T(s),o&&o(!0))})},Ne=(t,n)=>{const{onFileOver:o}=n.value;t.addEventListener("dragleave",s=>{s.currentTarget!==t&&(T(s),o&&o(!0))})},Ve=(t,n)=>{const{onFileDrop:o,isSingle:s}=n.value;t.addEventListener("drop",a=>{const f=I(a);!f||(T(a),s?o&&o([f.files[0]]):o&&o(Array.from(f.files)))})},ke={mounted:(t,n)=>{const{droppable:o}=n.value;!o||(we(t,n),Ne(t,n),Ve(t,n))}};var xe={title:"Upload \u4E0A\u4F20",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(t){t.directive("file-drop",ke),t.component(L.name,L)}};p.IFileOptions=pe,p.IUploadOptions=de,p.Upload=L,p.UploadStatus=F,p.default=xe,p.uploadProps=$,Object.defineProperty(p,"__esModule",{value:!0}),p[Symbol.toStringTag]="Module"});

package/upload/style.css

@@ -1 +1 @@
-.devui-notification{position:fixed;top:50px;right:20px;width:20em;word-break:normal;word-wrap:break-word;z-index:1060}.devui-notification a:link,.devui-notification a:visited{color:var(--devui-link-light, #96adfa)}.devui-notification a:hover,.devui-notification a:active{color:var(--devui-link-light-active, #beccfa)}.devui-notification-item-container{position:relative;margin:0 0 8px;opacity:.95;filter:alpha(opacity=95);box-shadow:var(--devui-shadow-length-feedback-overlay, 0 4px 16px 0) var(--devui-shadow, rgba(0, 0, 0, .2));border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e)}.devui-notification-item{position:relative;display:block;padding:12px 16px}.devui-notification-icon-close{position:absolute;top:7px;right:10px;cursor:pointer}.devui-notification-icon-close i.icon{color:var(--devui-light-text, #ffffff)!important}.devui-notification-title{font-size:var(--devui-font-size-card-title, 14px);padding:0 0 calc(.5em - 2px) 0;display:block;font-weight:700}.devui-notification-image{position:absolute;display:inline-block;width:16px;height:16px;border-radius:50%;left:16px;top:14px;padding:0;line-height:1}.devui-notification-image.devui-notification-image-warn i.icon{color:var(--devui-warning, #fac20a)!important}.devui-notification-image.devui-notification-image-info i.icon{color:var(--devui-info, #5e7ce0)!important}.devui-notification-image.devui-notification-image-error i.icon{color:var(--devui-danger, #f66f6a)!important}.devui-notification-image.devui-notification-image-success i.icon{color:var(--devui-success, #50d4ab)!important}.devui-notification-image .devui-notification-image-info-path,.devui-notification-image .devui-notification-image-error-path,.devui-notification-image .devui-notification-image-success-path{fill:var(--devui-light-text, #ffffff)}.devui-notification-message{margin-left:20px}.devui-notification-message .devui-notification-content{font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-notification-message-common .devui-notification-message{margin-left:0}.devui-notification-message p{font-size:var(--devui-font-size, 12px);margin-top:4px}.notification-fade-enter-active,.notification-fade-leave-active{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.notification-fade-enter-from,.notification-fade-leave-to{transform:translate(100%)}.devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:400;line-height:1.5}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:700;line-height:1.5}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:700;line-height:1.5}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:700;line-height:1.5}.devui-input-group{position:relative;display:flex!important;align-items:center;border-collapse:separate;width:360px}.devui-input-group:not(.disabled):hover .devui-input-group-addon{border-color:var(--devui-form-control-line-active, #5e7ce0);background-color:var(--devui-dividing-line, #dfe1e6);font-weight:700}.devui-input-group:not(.disabled):hover .devui-form-control{border-color:var(--devui-form-control-line-active, #5e7ce0);border-right-color:var(--devui-form-control-line, #adb0b8)}.devui-input-group:not(.disabled) .devui-input-group-addon:active{border-color:var(--devui-form-control-line-active, #5e7ce0);border-right-color:var(--devui-form-control-line, #adb0b8);background-color:var(--devui-dividing-line, #dfe1e6)}.devui-input-group .devui-input-group-addon{width:36px;white-space:nowrap;font-size:var(--devui-font-size-icon, 16px);font-weight:400;line-height:1;color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f8f8f8);border-top:1px solid var(--devui-form-control-line, #adb0b8);border-bottom:1px solid var(--devui-form-control-line, #adb0b8);border-right:1px solid var(--devui-form-control-line, #adb0b8);border-radius:0 var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0;transition:border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));cursor:pointer;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.devui-input-group .devui-form-control{cursor:pointer;display:block;width:100%;min-height:28px;height:unset;padding:4px 8px;font-size:var(--devui-font-size, 12px);line-height:1.5;background-image:none;border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px);transition:border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),box-shadow var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-input-group .devui-form-control.devui-files-list{max-height:52px;padding:2px 2px 0;overflow-x:hidden;overflow-y:auto;max-width:100%;margin:0}.devui-input-group .devui-form-control.devui-files-list .devui-file-item{height:22px;line-height:22px;padding:0 48px 0 12px}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag{position:relative;background-color:var(--devui-label-bg, #eef0f5);border-radius:var(--devui-border-radius, 2px);max-width:100%}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .devui-filename{height:100%;display:inline-block;vertical-align:middle;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon{position:absolute;cursor:pointer;right:8px;top:50%;transform:translateY(-50%)}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon.icon-right{color:var(--devui-success, #50d4ab)}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon.icon-running{font-size:16px}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon.devui-upload-delete-file-button{margin-right:20px}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon.devui-uploading-delete,.devui-input-group .devui-form-control.devui-files-list .devui-file-tag:hover .devui-upload-progress,.devui-input-group .devui-form-control.devui-files-list .devui-file-tag:hover .icon-right{display:none}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag:hover .icon-close{display:inline-block}.devui-input-group.disabled .devui-upload-placeholder{color:var(--devui-disabled-text, #adb0b8)}.devui-input-group .devui-upload-placeholder{max-height:28px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--devui-placeholder, #8a8e99)}.devui-input-group .devui-upload-progress{width:16px;height:16px}.devui-input-group.disabled .devui-form-control,.devui-input-group.disabled .devui-input-group-addon{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-form-control{outline:none}.devui-input-group.disabled .devui-upload-delete-file-button{cursor:not-allowed;pointer-events:none}.devui-loading{color:var(--devui-aide-text, #8a8e99)}.devui-failed-color{color:var(--devui-danger, #f66f6a)}.devui-upload{display:flex}.devui-upload-tip{height:18px;margin-top:8px;font-size:12px}.devui-upload-tip .icon{margin-right:8px;font-size:16px;vertical-align:middle}.devui-upload-tip .icon-right-o{color:var(--devui-success, #50d4ab)}.devui-upload-tip .devui-upload-failed{color:var(--devui-danger, #f66f6a)}.devui-upload-tip a{color:var(--devui-link, #526ecc);cursor:pointer}
+.devui-notification{position:fixed;top:50px;right:20px;width:20em;word-break:normal;word-wrap:break-word;z-index:1060}.devui-notification a:link,.devui-notification a:visited{color:var(--devui-link-light, #96adfa)}.devui-notification a:hover,.devui-notification a:active{color:var(--devui-link-light-active, #beccfa)}.devui-notification-item-container{position:relative;margin:0 0 8px;opacity:.95;filter:alpha(opacity=95);box-shadow:var(--devui-shadow-length-feedback-overlay, 0 4px 16px 0) var(--devui-shadow, rgba(0, 0, 0, .2));border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e)}.devui-notification-item{position:relative;display:block;padding:12px 16px}.devui-notification-icon-close{position:absolute;top:7px;right:10px;cursor:pointer}.devui-notification-icon-close i.icon{color:var(--devui-light-text, #ffffff)!important}.devui-notification-title{font-size:var(--devui-font-size-card-title, 14px);padding:0 0 calc(.5em - 2px) 0;display:block;font-weight:700}.devui-notification-image{position:absolute;display:inline-block;width:16px;height:16px;border-radius:50%;left:16px;top:14px;padding:0;line-height:1}.devui-notification-image.devui-notification-image-warning path.devui-icon-warning-outer{fill:var(--devui-warning-line, #fa9841)}.devui-notification-image.devui-notification-image-warning path.devui-icon-warning-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-notification-image.devui-notification-image-info{background-color:var(--devui-info, #5e7ce0)}.devui-notification-image.devui-notification-image-error{background-color:var(--devui-danger, #f66f6a)}.devui-notification-image.devui-notification-image-success{background-color:var(--devui-success, #50d4ab)}.devui-notification-image .devui-notification-image-info-path,.devui-notification-image .devui-notification-image-error-path,.devui-notification-image .devui-notification-image-success-path{fill:var(--devui-light-text, #ffffff)}.devui-notification-message{margin-left:20px}.devui-notification-message .devui-notification-content{font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-notification-message-common .devui-notification-message{margin-left:0}.devui-notification-message p{font-size:var(--devui-font-size, 12px);margin-top:4px}.notification-fade-enter-active,.notification-fade-leave-active{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.notification-fade-enter-from,.notification-fade-leave-to{transform:translate(100%)}.devui-input-group{position:relative;display:flex!important;align-items:center;border-collapse:separate;width:360px}.devui-input-group:not(.disabled):hover .devui-input-group-addon{border-color:var(--devui-form-control-line-active, #5e7ce0);background-color:var(--devui-dividing-line, #dfe1e6);font-weight:700}.devui-input-group:not(.disabled):hover .devui-form-control{border-color:var(--devui-form-control-line-active, #5e7ce0);border-right-color:var(--devui-form-control-line, #adb0b8)}.devui-input-group:not(.disabled) .devui-input-group-addon:active{border-color:var(--devui-form-control-line-active, #5e7ce0);border-right-color:var(--devui-form-control-line, #adb0b8);background-color:var(--devui-dividing-line, #dfe1e6)}.devui-input-group .devui-input-group-addon{width:36px;white-space:nowrap;font-size:var(--devui-font-size-icon, 16px);font-weight:400;line-height:1;color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f8f8f8);border-top:1px solid var(--devui-form-control-line, #adb0b8);border-bottom:1px solid var(--devui-form-control-line, #adb0b8);border-right:1px solid var(--devui-form-control-line, #adb0b8);border-radius:0 var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0;transition:border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));cursor:pointer;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.devui-input-group .devui-form-control{cursor:pointer;display:block;width:100%;min-height:28px;height:unset;padding:4px 8px;font-size:var(--devui-font-size, 12px);line-height:1.5;background-image:none;border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px);transition:border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),box-shadow var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-input-group .devui-form-control.devui-files-list{max-height:52px;padding:2px 2px 0;overflow-x:hidden;overflow-y:auto;max-width:100%;margin:0}.devui-input-group .devui-form-control.devui-files-list .devui-file-item{height:22px;line-height:22px;padding:0 48px 0 12px}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag{position:relative;background-color:var(--devui-label-bg, #eef0f5);border-radius:var(--devui-border-radius, 2px);max-width:100%}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .devui-filename{height:100%;display:inline-block;vertical-align:middle;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon{position:absolute;cursor:pointer;right:8px;top:50%;transform:translateY(-50%)}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon.icon-right{color:var(--devui-success, #50d4ab)}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon.icon-running{font-size:16px}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon.devui-upload-delete-file-button{margin-right:20px}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon.devui-uploading-delete,.devui-input-group .devui-form-control.devui-files-list .devui-file-tag:hover .devui-upload-progress,.devui-input-group .devui-form-control.devui-files-list .devui-file-tag:hover .icon-right{display:none}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag:hover .icon-close{display:inline-block}.devui-input-group.disabled .devui-upload-placeholder{color:var(--devui-disabled-text, #adb0b8)}.devui-input-group .devui-upload-placeholder{max-height:28px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--devui-placeholder, #8a8e99)}.devui-input-group .devui-upload-progress{width:16px;height:16px}.devui-input-group.disabled .devui-form-control,.devui-input-group.disabled .devui-input-group-addon{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-form-control{outline:none}.devui-input-group.disabled .devui-upload-delete-file-button{cursor:not-allowed;pointer-events:none}.devui-loading{color:var(--devui-aide-text, #8a8e99)}.devui-failed-color{color:var(--devui-danger, #f66f6a)}.devui-upload{display:flex}.devui-upload-tip{height:18px;margin-top:8px;font-size:12px}.devui-upload-tip .icon{margin-right:8px;font-size:16px;vertical-align:middle}.devui-upload-tip .icon-right-o{color:var(--devui-success, #50d4ab)}.devui-upload-tip .devui-upload-failed{color:var(--devui-danger, #f66f6a)}.devui-upload-tip a{color:var(--devui-link, #526ecc);cursor:pointer}