vue-devui 1.0.0-beta.220801 → 1.0.0-beta.220808

package/message/index.es.js

@@ -1,22 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, toRefs, computed, createVNode, resolveDynamicComponent, mergeProps, watch, Transition, shallowReactive, createApp, onUnmounted, isVNode, reactive } from "vue";
 const isString = (val) => typeof val === "string";
 const DEFAULT_PREFIX = "icon";
@@ -381,9 +362,10 @@ var Message$1 = defineComponent({
       if (!shadow.value) {
         messageStyles["box-shadow"] = "none";
       }
-      return __spreadProps(__spreadValues({}, messageStyles), {
+      return {
+        ...messageStyles,
         top: `${lastOffset.value}px`
-      });
+      };
     });
     const renderIcon = computed(() => {
       const iconClasses = computed(() => ({
@@ -417,7 +399,9 @@ var Message$1 = defineComponent({
       }, {
         default: () => [visible.value && createVNode("div", {
           "class": classes.value,
-          "style": __spreadValues({}, styles.value),
+          "style": {
+            ...styles.value
+          },
           "onMouseenter": interrupt,
           "onMouseleave": removeReset
         }, [renderIcon.value, renderText.value, renderClose.value])]
@@ -471,7 +455,10 @@ const normalizeOptions = (params) => {
   const options = !params || isString(params) ? {
     message: params
   } : params;
-  const normalized = __spreadValues(__spreadValues({}, defaultOptions), options);
+  const normalized = {
+    ...defaultOptions,
+    ...options
+  };
   return normalized;
 };
 let seed = 0;
@@ -479,13 +466,15 @@ function open(options) {
   const originOnClose = options.onClose || null;
   const messageContent = options.message;
   delete options.message;
-  const props = reactive(__spreadProps(__spreadValues(__spreadValues({}, defaultOptions), options), {
+  const props = reactive({
+    ...defaultOptions,
+    ...options,
     onClose: () => {
       props.visible = false;
       deleteInstance(props.id);
       originOnClose == null ? void 0 : originOnClose();
     }
-  }));
+  });
   seed++;
   const id = `message_${seed}`;
   props.id = id;
@@ -495,31 +484,37 @@ function open(options) {
 }
 function message(params) {
   const options = normalizeOptions(params);
-  open(__spreadValues({}, options));
+  open({
+    ...options
+  });
 }
 function success(params) {
   const options = normalizeOptions(params);
-  open(__spreadProps(__spreadValues({}, options), {
+  open({
+    ...options,
     type: "success"
-  }));
+  });
 }
 function error(params) {
   const options = normalizeOptions(params);
-  open(__spreadProps(__spreadValues({}, options), {
+  open({
+    ...options,
     type: "error"
-  }));
+  });
 }
 function warning(params) {
   const options = normalizeOptions(params);
-  open(__spreadProps(__spreadValues({}, options), {
+  open({
+    ...options,
     type: "warning"
-  }));
+  });
 }
 function info(params) {
   const options = normalizeOptions(params);
-  open(__spreadProps(__spreadValues({}, options), {
+  open({
+    ...options,
     type: "info"
-  }));
+  });
 }
 const Message = Object.assign(message, {
   success,

package/message/index.umd.js

@@ -1 +1 @@
-var ie=Object.defineProperty,ue=Object.defineProperties;var de=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var me=Object.prototype.hasOwnProperty,fe=Object.prototype.propertyIsEnumerable;var L=(c,e,f)=>e in c?ie(c,e,{enumerable:!0,configurable:!0,writable:!0,value:f}):c[e]=f,p=(c,e)=>{for(var f in e||(e={}))me.call(e,f)&&L(c,f,e[f]);if(B)for(var f of B(e))fe.call(e,f)&&L(c,f,e[f]);return c},b=(c,e)=>ue(c,de(e));(function(c,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis!="undefined"?globalThis:c||self,e(c.index={},c.Vue))})(this,function(c,e){"use strict";const f=n=>typeof n=="string",_={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},k={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function C(n,t,s){let o=n;return t&&(o+=`__${t}`),s&&(o+=`--${s}`),o}function v(n,t=!1){const s=t?`.devui-${n}`:`devui-${n}`;return{b:()=>C(s),e:l=>l?C(s,l):"",m:l=>l?C(s,"",l):"",em:(l,d)=>l&&d?C(s,l,d):""}}var ge="",A=e.defineComponent({name:"DSvgIcon",props:k,setup(n){const{name:t,color:s,size:o}=e.toRefs(n),r=v("svg-icon"),a=e.computed(()=>`#icon-${t.value}`),g=e.computed(()=>typeof o.value=="number"?`${o.value}px`:o.value),l={width:g.value,height:g.value};return()=>e.createVNode("svg",{class:r.b(),style:l},[e.createVNode("use",{"xlink:href":a.value,fill:s.value},null)])}});function O(n){return/^((http|https):)?\/\//.test(n)}function R(n,t){const{component:s,name:o,size:r,color:a,classPrefix:g,rotate:l}=e.toRefs(n),d=v("icon"),i=e.computed(()=>typeof r.value=="number"?`${r.value}px`:r.value),m=s.value?e.resolveDynamicComponent(s.value):e.resolveDynamicComponent(A),y=()=>e.createVNode("img",e.mergeProps({src:o.value,alt:o.value.split("/")[o.value.split("/").length-1],class:[(l==null?void 0:l.value)==="infinite"&&d.m("spin")],style:{width:i.value||"",transform:`rotate(${l==null?void 0:l.value}deg)`,verticalAlign:"middle"}},t.attrs),null),x=()=>e.createVNode(m,e.mergeProps({name:o.value,color:a.value,size:i.value,class:[(l==null?void 0:l.value)==="infinite"&&d.m("spin")],style:{transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null),h=()=>{const z=/^icon-/.test(o.value)?o.value:`${g.value}-${o.value}`;return e.createVNode("i",e.mergeProps({class:[g.value,z,(l==null?void 0:l.value)==="infinite"&&d.m("spin")],style:{fontSize:i.value,color:a.value,transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null)};return{iconDom:()=>s.value?x():O(o.value)?y():h()}}var j=e.defineComponent({name:"DIcon",props:_,emits:["click"],setup(n,t){const{disabled:s,operable:o}=e.toRefs(n),{iconDom:r}=R(n,t),a=v("icon"),g=e.computed(()=>({[a.e("container")]:!0,[a.m("disabled")]:s.value,[a.m("operable")]:o.value})),l=d=>{s.value||t.emit("click",d)};return()=>{var d,i,m,y;return e.createVNode("div",{class:g.value,onClick:l},[(i=(d=t.slots).prefix)==null?void 0:i.call(d),r(),(y=(m=t.slots).suffix)==null?void 0:y.call(m)])}}}),ve="";e.defineComponent({name:"DIconGroup",setup(n,t){const s=v("icon-group");return()=>{var o,r;return e.createVNode("div",{class:s.b()},[(r=(o=t.slots).default)==null?void 0:r.call(o)])}}});var E=e.defineComponent({emits:["click"],setup(n,{emit:t}){const s=v("message");return()=>e.createVNode("div",{class:s.e("icon-close"),onClick:o=>t("click",o)},[e.createVNode(j,{name:"close",size:"14px"},null)])}});const S={id:{type:String,default:""},visible:{type:Boolean,default:!1},message:{type:String,default:""},type:{type:String,default:"normal"},bordered:{type:Boolean,default:!0},shadow:{type:Boolean,default:!0},duration:{type:Number,default:3e3},showClose:{type:Boolean,default:!1},onClose:{type:Function}},V=v("message");function F(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:V.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"},null)])}function U(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:V.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z"},null)])}function q(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:V.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"},null)])}function G(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:V.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"},null)])}var ye="",X=e.defineComponent({name:"DMessage",props:S,emits:["destroy","close"],setup(n,{emit:t,slots:s}){const{visible:o,message:r,type:a,bordered:g,shadow:l,showClose:d}=e.toRefs(n),i=v("message");let m=null,y;const x=()=>{t("destroy")},h=()=>{var u;m&&clearTimeout(m),m=null,(u=n.onClose)==null||u.call(n)},P=()=>{m&&(clearTimeout(m),m=null)},z=()=>{if(n.visible){const u=n.duration-(Date.now()-y);m=setTimeout(h,u)}};e.watch(()=>n.visible,u=>{u&&(y=Date.now(),n.duration&&(m=setTimeout(h,n.duration)))});const oe=e.computed(()=>({[i.b()]:!0,[i.m(a.value)]:!0})),se=e.computed(()=>H(n.id)),le=e.computed(()=>{const u={};return g.value||(u.border="none"),l.value||(u["box-shadow"]="none"),b(p({},u),{top:`${se.value}px`})}),ae=e.computed(()=>{const u=e.computed(()=>({[i.e("image")]:!0,[i.em("image",a.value)]:!0}));return!(!a.value||a.value==="normal")&&e.createVNode("span",{class:u.value},[a.value&&(a.value==="success"&&e.createVNode(F,null,null)||a.value==="info"&&e.createVNode(q,null,null)||a.value==="warning"&&e.createVNode(U,null,null)||a.value==="error"&&e.createVNode(G,null,null))])}),ce=e.computed(()=>{var T;const u=e.computed(()=>({[i.e("content")]:!0,[i.em("content",a.value)]:!0}));return e.createVNode("span",{class:u.value},[r.value?r.value:(T=s.default)==null?void 0:T.call(s)])}),re=e.computed(()=>d.value&&e.createVNode("span",{class:[i.e("close")],onClick:h},[e.createVNode(E,null,null)]));return()=>e.createVNode(e.Transition,{name:"message-fade",onAfterLeave:x},{default:()=>[o.value&&e.createVNode("div",{class:oe.value,style:p({},le.value),onMouseenter:P,onMouseleave:z},[ae.value,ce.value,re.value])]})}});function W(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const I=e.shallowReactive([]),H=n=>I.findIndex(s=>s.id===n)*65+80,J=n=>{const t=I.findIndex(s=>s.id===n);return t!==-1&&I.splice(t,1),t},K=(n,t,s)=>{const o=document.createElement("div");o.id=n;const r=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(X,e.mergeProps(t,{id:n,onDestroy:r.unmount}),W(s)?s:{default:()=>[s]})}});return document.body.appendChild(o),r.mount(o),{id:n,props:t}},D={duration:3e3,type:"normal"},w=n=>{const t=!n||f(n)?{message:n}:n;return p(p({},D),t)};let $=0;function N(n){const t=n.onClose||null,s=n.message;delete n.message;const o=e.reactive(b(p(p({},D),n),{onClose:()=>{o.visible=!1,J(o.id),t==null||t()}}));$++;const r=`message_${$}`;o.id=r;const a=K(r,o,s);I.push(a),o.visible=!0}function Q(n){const t=w(n);N(p({},t))}function Y(n){const t=w(n);N(b(p({},t),{type:"success"}))}function Z(n){const t=w(n);N(b(p({},t),{type:"error"}))}function ee(n){const t=w(n);N(b(p({},t),{type:"warning"}))}function ne(n){const t=w(n);N(b(p({},t),{type:"info"}))}const M=Object.assign(Q,{success:Y,error:Z,warning:ee,info:ne});var te={title:"Message \u5168\u5C40\u63D0\u793A",category:"\u53CD\u9988",status:"100%",install(n){n.config.globalProperties.$message=M}};c.Message=M,c.default=te,c.messageProps=S,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"});
+(function(f,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis!="undefined"?globalThis:f||self,e(f.index={},f.Vue))})(this,function(f,e){"use strict";const M=n=>typeof n=="string",P={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},T={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function w(n,t,s){let o=n;return t&&(o+=`__${t}`),s&&(o+=`--${s}`),o}function p(n,t=!1){const s=t?`.devui-${n}`:`devui-${n}`;return{b:()=>w(s),e:l=>l?w(s,l):"",m:l=>l?w(s,"",l):"",em:(l,u)=>l&&u?w(s,l,u):""}}var ae="",B=e.defineComponent({name:"DSvgIcon",props:T,setup(n){const{name:t,color:s,size:o}=e.toRefs(n),c=p("svg-icon"),a=e.computed(()=>`#icon-${t.value}`),m=e.computed(()=>typeof o.value=="number"?`${o.value}px`:o.value),l={width:m.value,height:m.value};return()=>e.createVNode("svg",{class:c.b(),style:l},[e.createVNode("use",{"xlink:href":a.value,fill:s.value},null)])}});function L(n){return/^((http|https):)?\/\//.test(n)}function _(n,t){const{component:s,name:o,size:c,color:a,classPrefix:m,rotate:l}=e.toRefs(n),u=p("icon"),r=e.computed(()=>typeof c.value=="number"?`${c.value}px`:c.value),d=s.value?e.resolveDynamicComponent(s.value):e.resolveDynamicComponent(B),g=()=>e.createVNode("img",e.mergeProps({src:o.value,alt:o.value.split("/")[o.value.split("/").length-1],class:[(l==null?void 0:l.value)==="infinite"&&u.m("spin")],style:{width:r.value||"",transform:`rotate(${l==null?void 0:l.value}deg)`,verticalAlign:"middle"}},t.attrs),null),C=()=>e.createVNode(d,e.mergeProps({name:o.value,color:a.value,size:r.value,class:[(l==null?void 0:l.value)==="infinite"&&u.m("spin")],style:{transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null),b=()=>{const V=/^icon-/.test(o.value)?o.value:`${m.value}-${o.value}`;return e.createVNode("i",e.mergeProps({class:[m.value,V,(l==null?void 0:l.value)==="infinite"&&u.m("spin")],style:{fontSize:r.value,color:a.value,transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null)};return{iconDom:()=>s.value?C():L(o.value)?g():b()}}var k=e.defineComponent({name:"DIcon",props:P,emits:["click"],setup(n,t){const{disabled:s,operable:o}=e.toRefs(n),{iconDom:c}=_(n,t),a=p("icon"),m=e.computed(()=>({[a.e("container")]:!0,[a.m("disabled")]:s.value,[a.m("operable")]:o.value})),l=u=>{s.value||t.emit("click",u)};return()=>{var u,r,d,g;return e.createVNode("div",{class:m.value,onClick:l},[(r=(u=t.slots).prefix)==null?void 0:r.call(u),c(),(g=(d=t.slots).suffix)==null?void 0:g.call(d)])}}}),ce="";e.defineComponent({name:"DIconGroup",setup(n,t){const s=p("icon-group");return()=>{var o,c;return e.createVNode("div",{class:s.b()},[(c=(o=t.slots).default)==null?void 0:c.call(o)])}}});var A=e.defineComponent({emits:["click"],setup(n,{emit:t}){const s=p("message");return()=>e.createVNode("div",{class:s.e("icon-close"),onClick:o=>t("click",o)},[e.createVNode(k,{name:"close",size:"14px"},null)])}});const I={id:{type:String,default:""},visible:{type:Boolean,default:!1},message:{type:String,default:""},type:{type:String,default:"normal"},bordered:{type:Boolean,default:!0},shadow:{type:Boolean,default:!0},duration:{type:Number,default:3e3},showClose:{type:Boolean,default:!1},onClose:{type:Function}},N=p("message");function O(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:N.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"},null)])}function R(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:N.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z"},null)])}function j(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:N.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"},null)])}function E(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:N.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"},null)])}var re="",F=e.defineComponent({name:"DMessage",props:I,emits:["destroy","close"],setup(n,{emit:t,slots:s}){const{visible:o,message:c,type:a,bordered:m,shadow:l,showClose:u}=e.toRefs(n),r=p("message");let d=null,g;const C=()=>{t("destroy")},b=()=>{var i;d&&clearTimeout(d),d=null,(i=n.onClose)==null||i.call(n)},D=()=>{d&&(clearTimeout(d),d=null)},V=()=>{if(n.visible){const i=n.duration-(Date.now()-g);d=setTimeout(b,i)}};e.watch(()=>n.visible,i=>{i&&(g=Date.now(),n.duration&&(d=setTimeout(b,n.duration)))});const Z=e.computed(()=>({[r.b()]:!0,[r.m(a.value)]:!0})),ee=e.computed(()=>q(n.id)),ne=e.computed(()=>{const i={};return m.value||(i.border="none"),l.value||(i["box-shadow"]="none"),{...i,top:`${ee.value}px`}}),te=e.computed(()=>{const i=e.computed(()=>({[r.e("image")]:!0,[r.em("image",a.value)]:!0}));return!(!a.value||a.value==="normal")&&e.createVNode("span",{class:i.value},[a.value&&(a.value==="success"&&e.createVNode(O,null,null)||a.value==="info"&&e.createVNode(j,null,null)||a.value==="warning"&&e.createVNode(R,null,null)||a.value==="error"&&e.createVNode(E,null,null))])}),oe=e.computed(()=>{var $;const i=e.computed(()=>({[r.e("content")]:!0,[r.em("content",a.value)]:!0}));return e.createVNode("span",{class:i.value},[c.value?c.value:($=s.default)==null?void 0:$.call(s)])}),se=e.computed(()=>u.value&&e.createVNode("span",{class:[r.e("close")],onClick:b},[e.createVNode(A,null,null)]));return()=>e.createVNode(e.Transition,{name:"message-fade",onAfterLeave:C},{default:()=>[o.value&&e.createVNode("div",{class:Z.value,style:{...ne.value},onMouseenter:D,onMouseleave:V},[te.value,oe.value,se.value])]})}});function U(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const h=e.shallowReactive([]),q=n=>h.findIndex(s=>s.id===n)*65+80,G=n=>{const t=h.findIndex(s=>s.id===n);return t!==-1&&h.splice(t,1),t},X=(n,t,s)=>{const o=document.createElement("div");o.id=n;const c=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(F,e.mergeProps(t,{id:n,onDestroy:c.unmount}),U(s)?s:{default:()=>[s]})}});return document.body.appendChild(o),c.mount(o),{id:n,props:t}},x={duration:3e3,type:"normal"},v=n=>{const t=!n||M(n)?{message:n}:n;return{...x,...t}};let z=0;function y(n){const t=n.onClose||null,s=n.message;delete n.message;const o=e.reactive({...x,...n,onClose:()=>{o.visible=!1,G(o.id),t==null||t()}});z++;const c=`message_${z}`;o.id=c;const a=X(c,o,s);h.push(a),o.visible=!0}function W(n){const t=v(n);y({...t})}function H(n){const t=v(n);y({...t,type:"success"})}function J(n){const t=v(n);y({...t,type:"error"})}function K(n){const t=v(n);y({...t,type:"warning"})}function Q(n){const t=v(n);y({...t,type:"info"})}const S=Object.assign(W,{success:H,error:J,warning:K,info:Q});var Y={title:"Message \u5168\u5C40\u63D0\u793A",category:"\u53CD\u9988",status:"100%",install(n){n.config.globalProperties.$message=S}};f.Message=S,f.default=Y,f.messageProps=I,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/modal/index.es.js

@@ -1,39 +1,4 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import { defineComponent, toRefs, computed, createVNode, resolveDynamicComponent, mergeProps, watch, onUnmounted, Transition, ref, unref, nextTick, onMounted, Teleport, h, render } from "vue";
+import { defineComponent, toRefs, computed, createVNode, resolveDynamicComponent, mergeProps, watch, onUnmounted, Transition, ref, nextTick, unref, onMounted, Teleport, h, render } from "vue";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 const modalProps = {
   modelValue: {
@@ -661,7 +626,9 @@ var Modal = defineComponent({
           var _a;
           return [showModal.value && createVNode("div", mergeProps({
             "class": ns.b()
-          }, attrs), [showClose.value && createVNode(Icon, {
+          }, attrs, {
+            "onClick": (e) => e.stopPropagation()
+          }), [showClose.value && createVNode(Icon, {
             "name": "close",
             "class": "btn-close",
             "size": "var(--devui-font-size-md,12px)",
@@ -716,15 +683,16 @@ class ModalService extends CommonModalService {
   open(props = {}) {
     const anchor = document.createElement("div");
     this.anchorContainer.appendChild(anchor);
-    const _a = props, { header, content, footer } = _a, resProps = __objRest(_a, ["header", "content", "footer"]);
+    const { header, content, footer, ...resProps } = props;
     const renderOrigin = (propsValue, onUpdateModelValue) => {
-      return this.renderModal(anchor, __spreadProps(__spreadValues({}, propsValue), {
+      return this.renderModal(anchor, {
+        ...propsValue,
         modelValue: true,
         "onUpdate:modelValue": onUpdateModelValue
-      }), { header, default: content, footer });
+      }, { header, default: content, footer });
     };
     const hide = () => {
-      var _a2, _b, _c;
+      var _a, _b, _c;
       const innerNeedHideOrNot = (value) => {
         if (!value) {
           hide();
@@ -732,13 +700,13 @@ class ModalService extends CommonModalService {
       };
       renderOrigin(resProps, (value) => {
         if (!value) {
-          this.renderModal(anchor, __spreadProps(__spreadValues({}, resProps), { modelValue: false }));
+          this.renderModal(anchor, { ...resProps, modelValue: false });
           this.renderNull(anchor);
         } else {
           renderOrigin(resProps, innerNeedHideOrNot);
         }
       });
-      (_c = (_b = (_a2 = vm == null ? void 0 : vm.component) == null ? void 0 : _a2.exposed) == null ? void 0 : _b.handleVisibleChange) == null ? void 0 : _c.call(_b, false);
+      (_c = (_b = (_a = vm == null ? void 0 : vm.component) == null ? void 0 : _a.exposed) == null ? void 0 : _b.handleVisibleChange) == null ? void 0 : _c.call(_b, false);
     };
     const needHideOrNot = (value) => {
       if (!value) {
@@ -750,7 +718,7 @@ class ModalService extends CommonModalService {
     return { hide };
   }
 }
-__publicField(ModalService, "token", "MODAL_SERVICE_TOKEN");
+ModalService.token = "MODAL_SERVICE_TOKEN";
 var index = {
   title: "Modal \u5F39\u7A97",
   category: "\u53CD\u9988",

package/modal/index.umd.js

@@ -1 +1 @@
-var le=Object.defineProperty,ae=Object.defineProperties;var re=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var D=(s,e,u)=>e in s?le(s,e,{enumerable:!0,configurable:!0,writable:!0,value:u}):s[e]=u,S=(s,e)=>{for(var u in e||(e={}))$.call(e,u)&&D(s,u,e[u]);if(E)for(var u of E(e))z.call(e,u)&&D(s,u,e[u]);return s},A=(s,e)=>ae(s,re(e));var R=(s,e)=>{var u={};for(var v in s)$.call(s,v)&&e.indexOf(v)<0&&(u[v]=s[v]);if(s!=null&&E)for(var v of E(s))e.indexOf(v)<0&&z.call(s,v)&&(u[v]=s[v]);return u};var L=(s,e,u)=>(D(s,typeof e!="symbol"?e+"":e,u),u);(function(s,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],e):(s=typeof globalThis!="undefined"?globalThis:s||self,e(s.index={},s.Vue,s.dom))})(this,function(s,e,u){"use strict";const v={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function},escapable:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0}},F={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},U={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function b(n,t,o){let l=n;return t&&(l+=`__${t}`),o&&(l+=`--${o}`),l}function C(n,t=!1){const o=t?`.devui-${n}`:`devui-${n}`;return{b:()=>b(o),e:r=>r?b(o,r):"",m:r=>r?b(o,"",r):"",em:(r,c)=>r&&c?b(o,r,c):""}}var de="",_=e.defineComponent({name:"DSvgIcon",props:U,setup(n){const{name:t,color:o,size:l}=e.toRefs(n),a=C("svg-icon"),d=e.computed(()=>`#icon-${t.value}`),i=e.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),r={width:i.value,height:i.value};return()=>e.createVNode("svg",{class:a.b(),style:r},[e.createVNode("use",{"xlink:href":d.value,fill:o.value},null)])}});function j(n){return/^((http|https):)?\/\//.test(n)}function H(n,t){const{component:o,name:l,size:a,color:d,classPrefix:i,rotate:r}=e.toRefs(n),c=C("icon"),f=e.computed(()=>typeof a.value=="number"?`${a.value}px`:a.value),p=o.value?e.resolveDynamicComponent(o.value):e.resolveDynamicComponent(_),m=()=>e.createVNode("img",e.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(r==null?void 0:r.value)==="infinite"&&c.m("spin")],style:{width:f.value||"",transform:`rotate(${r==null?void 0:r.value}deg)`,verticalAlign:"middle"}},t.attrs),null),y=()=>e.createVNode(p,e.mergeProps({name:l.value,color:d.value,size:f.value,class:[(r==null?void 0:r.value)==="infinite"&&c.m("spin")],style:{transform:`rotate(${r==null?void 0:r.value}deg)`}},t.attrs),null),h=()=>{const w=/^icon-/.test(l.value)?l.value:`${i.value}-${l.value}`;return e.createVNode("i",e.mergeProps({class:[i.value,w,(r==null?void 0:r.value)==="infinite"&&c.m("spin")],style:{fontSize:f.value,color:d.value,transform:`rotate(${r==null?void 0:r.value}deg)`}},t.attrs),null)};return{iconDom:()=>o.value?y():j(l.value)?m():h()}}var q=e.defineComponent({name:"DIcon",props:F,emits:["click"],setup(n,t){const{disabled:o,operable:l}=e.toRefs(n),{iconDom:a}=H(n,t),d=C("icon"),i=e.computed(()=>({[d.e("container")]:!0,[d.m("disabled")]:o.value,[d.m("operable")]:l.value})),r=c=>{o.value||t.emit("click",c)};return()=>{var c,f,p,m;return e.createVNode("div",{class:i.value,onClick:r},[(f=(c=t.slots).prefix)==null?void 0:f.call(c),a(),(m=(p=t.slots).suffix)==null?void 0:m.call(p)])}}}),se="";e.defineComponent({name:"DIconGroup",setup(n,t){const o=C("icon-group");return()=>{var l,a;return e.createVNode("div",{class:o.b()},[(a=(l=t.slots).default)==null?void 0:a.call(l)])}}});const X={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function M(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const n=document.documentElement.scrollTop,t=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${n}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{t?document.documentElement.setAttribute("style",t):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=n}}}function Y(n,t){let o;const l=d=>{d.preventDefault(),t.emit("click",d),n.closeOnClickOverlay&&t.emit("update:modelValue",!1)},a=()=>{o==null||o()};return e.watch(()=>n.modelValue,d=>{d?n.lockScroll&&(o=M()):a()}),e.onUnmounted(a),{onClick:l}}var ce="";const G=e.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:X,emits:["update:modelValue","click"],setup(n,t){const{modelValue:o}=e.toRefs(n),l=C("fixed-overlay"),{onClick:a}=Y(n,t);return()=>e.createVNode(e.Transition,{name:l.m("fade")},{default:()=>{var d,i;return[o.value&&e.createVNode("div",e.mergeProps({class:l.b()},t.attrs,{onClick:a}),[(i=(d=t.slots).default)==null?void 0:i.call(d)])]}})}}),K={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0}};function J(n){const t=/(auto|scroll|hidden)/;for(let o=n;o=o.parentElement;o.parentElement!==document.body){const l=window.getComputedStyle(o);if(t.test(l.overflow+l.overflowX+l.overflowY))return o}return window}function Q(n,t,o,l){let{x:a,y:d}=t;if(!n){const{width:i,height:r}=l;a&&o.includes("start")&&(a=12),a&&o.includes("end")&&(a=Math.round(i-24)),d&&o.includes("start")&&(d=10),d&&o.includes("end")&&(d=r-14)}return{x:a,y:d}}function W(n,t){const o=e.ref(),l=e.ref();let a=null;const d=(r,c,f,p)=>{const{x:m,y}=Q(n.isArrowCenter,f,c,p.getBoundingClientRect()),h={top:"bottom",right:"left",bottom:"top",left:"right"}[c.split("-")[0]];Object.assign(r.style,{left:m?`${m}px`:"",top:y?`${y}px`:"",right:"",bottom:"",[h]:"-4px"})},i=async()=>{const r=n.origin,c=e.unref(o.value),f=e.unref(l.value),p=[u.offset(n.offset),u.autoPlacement({alignment:n.align,allowedPlacements:n.position})];n.showArrow&&p.push(u.arrow({element:f})),n.shiftOffset!==void 0&&p.push(u.shift());const{x:m,y,placement:h,middlewareData:g}=await u.computePosition(r,c,{strategy:"fixed",middleware:p});let w=m,B=y;if(n.shiftOffset!==void 0){const{x:T,y:I}=g.shift;T<0&&(w-=n.shiftOffset),T>0&&(w+=n.shiftOffset),I<0&&(B-=n.shiftOffset),I>0&&(B+=n.shiftOffset)}t("positionChange",h),Object.assign(c.style,{top:`${B}px`,left:`${w}px`}),n.showArrow&&d(f,h,g.arrow,c)};return e.watch(()=>n.modelValue,()=>{n.modelValue&&n.origin?(a=J(n.origin),e.nextTick(i),a==null||a.addEventListener("scroll",i),a!==window&&window.addEventListener("scroll",i),window.addEventListener("resize",i)):(a==null||a.removeEventListener("scroll",i),a!==window&&window.removeEventListener("scroll",i),window.removeEventListener("resize",i))}),e.onUnmounted(()=>{a==null||a.removeEventListener("scroll",i),a!==window&&window.removeEventListener("scroll",i),window.removeEventListener("resize",i)}),{arrowRef:l,overlayRef:o,updatePosition:i}}var ue="";e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:K,emits:["update:modelValue","positionChange"],setup(n,{slots:t,attrs:o,emit:l,expose:a}){const d=C("flexible-overlay"),{arrowRef:i,overlayRef:r,updatePosition:c}=W(n,l);return a({updatePosition:c}),()=>{var f;return n.modelValue&&e.createVNode("div",e.mergeProps({ref:r,class:d.b()},o),[(f=t.default)==null?void 0:f.call(t),n.showArrow&&e.createVNode("div",{ref:i,class:d.e("arrow")},null)])}}});const Z=typeof window!="undefined";function ee(n,t){function o(){t("update:modelValue",!1)}function l(){n.beforeClose?n.beforeClose(o):o()}function a(){n.closeOnClickOverlay&&l()}function d(){l()}function i(r){r.keyCode===27&&l()}return e.onMounted(()=>{n.escapable&&window.addEventListener("keydown",i)}),e.onUnmounted(()=>{n.escapable&&window.addEventListener("keydown",i)}),{onCloseBtnClick:d,onOverlayClick:a}}function te(n){const t=e.ref(!1),o=e.ref(!1);let l;const a=()=>{l==null||l()};return e.watch(()=>n.modelValue,d=>{d?(n.lockScroll&&(l=M()),t.value=!0,e.nextTick(()=>{o.value=!0})):(a(),o.value=!1,setTimeout(()=>{t.value=!1},100))},{immediate:!0}),e.onUnmounted(a),{showContainer:t,showModal:o}}var N=e.defineComponent({name:"DModalHeader",setup(n,{slots:t}){const o=C("modal");return()=>{var l;return e.createVNode("div",{class:o.e("header")},[(l=t.default)==null?void 0:l.call(t)])}}}),x=e.defineComponent({name:"DModalBody",setup(n,{slots:t}){const o=C("modal");return()=>{var l;return e.createVNode("div",{class:o.e("body")},[(l=t.default)==null?void 0:l.call(t)])}}}),fe="",V=e.defineComponent({name:"DModal",inheritAttrs:!1,props:v,emits:["update:modelValue"],setup(n,{slots:t,attrs:o,emit:l}){const a=C("modal"),{modelValue:d,title:i,showClose:r,showOverlay:c,appendToBody:f}=e.toRefs(n),{onCloseBtnClick:p,onOverlayClick:m}=ee(n,l),{showContainer:y,showModal:h}=te(n);return()=>e.createVNode(e.Teleport,{to:"body",disabled:!f.value},{default:()=>[c.value&&e.createVNode(G,{modelValue:d.value,"onUpdate:modelValue":g=>d.value=g,"lock-scroll":!1,style:{zIndex:"calc(var(--devui-z-index-modal, 1050) - 1)"}},null),y.value&&e.createVNode("div",{class:a.e("container"),onClick:m},[e.createVNode(e.Transition,{name:a.m("wipe")},{default:()=>{var g;return[h.value&&e.createVNode("div",e.mergeProps({class:a.b()},o),[r.value&&e.createVNode(q,{name:"close",class:"btn-close",size:"var(--devui-font-size-md,12px)",onClick:p},null),t.header?t.header():i.value&&e.createVNode(N,null,{default:()=>[i.value]}),e.createVNode(x,null,{default:()=>{var w;return[(w=t.default)==null?void 0:w.call(t)]}}),(g=t.footer)==null?void 0:g.call(t)])]}})])]})}}),P=e.defineComponent({name:"DModalFooter",setup(n,{slots:t}){const o=C("modal");return()=>{var l;return e.createVNode("div",{class:o.e("footer")},[(l=t.default)==null?void 0:l.call(t)])}}});class ne{constructor(t){this.anchorContainer=t}renderModal(t,o,l){const a=e.h(this.component(),o,l);return e.render(a,t),a}renderNull(t){setTimeout(()=>{e.render(null,t)},500)}}let O;class k extends ne{component(){return V}open(t={}){const o=document.createElement("div");this.anchorContainer.appendChild(o);const p=t,{header:l,content:a,footer:d}=p,i=R(p,["header","content","footer"]),r=(m,y)=>this.renderModal(o,A(S({},m),{modelValue:!0,"onUpdate:modelValue":y}),{header:l,default:a,footer:d}),c=()=>{var y,h,g;const m=w=>{w||c()};r(i,w=>{w?r(i,m):(this.renderModal(o,A(S({},i),{modelValue:!1})),this.renderNull(o))}),(g=(h=(y=O==null?void 0:O.component)==null?void 0:y.exposed)==null?void 0:h.handleVisibleChange)==null||g.call(h,!1)},f=m=>{m||c()};return this.renderModal(o,{modelValue:!1}),O=r(i,f),{hide:c}}}L(k,"token","MODAL_SERVICE_TOKEN");var oe={title:"Modal \u5F39\u7A97",category:"\u53CD\u9988",status:"100%",install(n){if(n.component(V.name,V),n.component(N.name,N),n.component(x.name,x),n.component(P.name,P),!Z)return;let t=document.getElementById("d-modal-anchors-container");t||(t=document.createElement("div"),t.setAttribute("id","d-modal-anchors-container"),document.body.appendChild(t)),n.provide(k.token,new k(t))}};s.Modal=V,s.default=oe,s.modalProps=v,Object.defineProperty(s,"__esModule",{value:!0}),s[Symbol.toStringTag]="Module"});
+(function(h,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],t):(h=typeof globalThis!="undefined"?globalThis:h||self,t(h.index={},h.Vue,h.dom))})(this,function(h,t,g){"use strict";const k={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function},escapable:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0}},M={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},P={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function C(n,e,o){let l=n;return e&&(l+=`__${e}`),o&&(l+=`--${o}`),l}function v(n,e=!1){const o=e?`.devui-${n}`:`devui-${n}`;return{b:()=>C(o),e:r=>r?C(o,r):"",m:r=>r?C(o,"",r):"",em:(r,d)=>r&&d?C(o,r,d):""}}var Q="",T=t.defineComponent({name:"DSvgIcon",props:P,setup(n){const{name:e,color:o,size:l}=t.toRefs(n),a=v("svg-icon"),s=t.computed(()=>`#icon-${e.value}`),i=t.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),r={width:i.value,height:i.value};return()=>t.createVNode("svg",{class:a.b(),style:r},[t.createVNode("use",{"xlink:href":s.value,fill:o.value},null)])}});function I(n){return/^((http|https):)?\/\//.test(n)}function $(n,e){const{component:o,name:l,size:a,color:s,classPrefix:i,rotate:r}=t.toRefs(n),d=v("icon"),c=t.computed(()=>typeof a.value=="number"?`${a.value}px`:a.value),u=o.value?t.resolveDynamicComponent(o.value):t.resolveDynamicComponent(T),f=()=>t.createVNode("img",t.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{width:c.value||"",transform:`rotate(${r==null?void 0:r.value}deg)`,verticalAlign:"middle"}},e.attrs),null),m=()=>t.createVNode(u,t.mergeProps({name:l.value,color:s.value,size:c.value,class:[(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{transform:`rotate(${r==null?void 0:r.value}deg)`}},e.attrs),null),y=()=>{const w=/^icon-/.test(l.value)?l.value:`${i.value}-${l.value}`;return t.createVNode("i",t.mergeProps({class:[i.value,w,(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{fontSize:c.value,color:s.value,transform:`rotate(${r==null?void 0:r.value}deg)`}},e.attrs),null)};return{iconDom:()=>o.value?m():I(l.value)?f():y()}}var z=t.defineComponent({name:"DIcon",props:M,emits:["click"],setup(n,e){const{disabled:o,operable:l}=t.toRefs(n),{iconDom:a}=$(n,e),s=v("icon"),i=t.computed(()=>({[s.e("container")]:!0,[s.m("disabled")]:o.value,[s.m("operable")]:l.value})),r=d=>{o.value||e.emit("click",d)};return()=>{var d,c,u,f;return t.createVNode("div",{class:i.value,onClick:r},[(c=(d=e.slots).prefix)==null?void 0:c.call(d),a(),(f=(u=e.slots).suffix)==null?void 0:f.call(u)])}}}),W="";t.defineComponent({name:"DIconGroup",setup(n,e){const o=v("icon-group");return()=>{var l,a;return t.createVNode("div",{class:o.b()},[(a=(l=e.slots).default)==null?void 0:a.call(l)])}}});const R={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function B(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const n=document.documentElement.scrollTop,e=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${n}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{e?document.documentElement.setAttribute("style",e):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=n}}}function L(n,e){let o;const l=s=>{s.preventDefault(),e.emit("click",s),n.closeOnClickOverlay&&e.emit("update:modelValue",!1)},a=()=>{o==null||o()};return t.watch(()=>n.modelValue,s=>{s?n.lockScroll&&(o=B()):a()}),t.onUnmounted(a),{onClick:l}}var Z="";const F=t.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:R,emits:["update:modelValue","click"],setup(n,e){const{modelValue:o}=t.toRefs(n),l=v("fixed-overlay"),{onClick:a}=L(n,e);return()=>t.createVNode(t.Transition,{name:l.m("fade")},{default:()=>{var s,i;return[o.value&&t.createVNode("div",t.mergeProps({class:l.b()},e.attrs,{onClick:a}),[(i=(s=e.slots).default)==null?void 0:i.call(s)])]}})}}),U={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0}};function _(n){const e=/(auto|scroll|hidden)/;for(let o=n;o=o.parentElement;o.parentElement!==document.body){const l=window.getComputedStyle(o);if(e.test(l.overflow+l.overflowX+l.overflowY))return o}return window}function j(n,e,o,l){let{x:a,y:s}=e;if(!n){const{width:i,height:r}=l;a&&o.includes("start")&&(a=12),a&&o.includes("end")&&(a=Math.round(i-24)),s&&o.includes("start")&&(s=10),s&&o.includes("end")&&(s=r-14)}return{x:a,y:s}}function H(n,e){const o=t.ref(),l=t.ref();let a=null;const s=(r,d,c,u)=>{const{x:f,y:m}=j(n.isArrowCenter,c,d,u.getBoundingClientRect()),y={top:"bottom",right:"left",bottom:"top",left:"right"}[d.split("-")[0]];Object.assign(r.style,{left:f?`${f}px`:"",top:m?`${m}px`:"",right:"",bottom:"",[y]:"-4px"})},i=async()=>{const r=n.origin,d=t.unref(o.value),c=t.unref(l.value),u=[g.offset(n.offset),g.autoPlacement({alignment:n.align,allowedPlacements:n.position})];n.showArrow&&u.push(g.arrow({element:c})),n.shiftOffset!==void 0&&u.push(g.shift());const{x:f,y:m,placement:y,middlewareData:p}=await g.computePosition(r,d,{strategy:"fixed",middleware:u});let w=f,x=m;if(n.shiftOffset!==void 0){const{x:D,y:A}=p.shift;D<0&&(w-=n.shiftOffset),D>0&&(w+=n.shiftOffset),A<0&&(x-=n.shiftOffset),A>0&&(x+=n.shiftOffset)}e("positionChange",y),Object.assign(d.style,{top:`${x}px`,left:`${w}px`}),n.showArrow&&s(c,y,p.arrow,d)};return t.watch(()=>n.modelValue,()=>{n.modelValue&&n.origin?(a=_(n.origin),t.nextTick(i),a==null||a.addEventListener("scroll",i),a!==window&&window.addEventListener("scroll",i),window.addEventListener("resize",i)):(a==null||a.removeEventListener("scroll",i),a!==window&&window.removeEventListener("scroll",i),window.removeEventListener("resize",i))}),t.onUnmounted(()=>{a==null||a.removeEventListener("scroll",i),a!==window&&window.removeEventListener("scroll",i),window.removeEventListener("resize",i)}),{arrowRef:l,overlayRef:o,updatePosition:i}}var ee="";t.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:U,emits:["update:modelValue","positionChange"],setup(n,{slots:e,attrs:o,emit:l,expose:a}){const s=v("flexible-overlay"),{arrowRef:i,overlayRef:r,updatePosition:d}=H(n,l);return a({updatePosition:d}),()=>{var c;return n.modelValue&&t.createVNode("div",t.mergeProps({ref:r,class:s.b()},o),[(c=e.default)==null?void 0:c.call(e),n.showArrow&&t.createVNode("div",{ref:i,class:s.e("arrow")},null)])}}});const q=typeof window!="undefined";function X(n,e){function o(){e("update:modelValue",!1)}function l(){n.beforeClose?n.beforeClose(o):o()}function a(){n.closeOnClickOverlay&&l()}function s(){l()}function i(r){r.keyCode===27&&l()}return t.onMounted(()=>{n.escapable&&window.addEventListener("keydown",i)}),t.onUnmounted(()=>{n.escapable&&window.addEventListener("keydown",i)}),{onCloseBtnClick:s,onOverlayClick:a}}function Y(n){const e=t.ref(!1),o=t.ref(!1);let l;const a=()=>{l==null||l()};return t.watch(()=>n.modelValue,s=>{s?(n.lockScroll&&(l=B()),e.value=!0,t.nextTick(()=>{o.value=!0})):(a(),o.value=!1,setTimeout(()=>{e.value=!1},100))},{immediate:!0}),t.onUnmounted(a),{showContainer:e,showModal:o}}var O=t.defineComponent({name:"DModalHeader",setup(n,{slots:e}){const o=v("modal");return()=>{var l;return t.createVNode("div",{class:o.e("header")},[(l=e.default)==null?void 0:l.call(e)])}}}),E=t.defineComponent({name:"DModalBody",setup(n,{slots:e}){const o=v("modal");return()=>{var l;return t.createVNode("div",{class:o.e("body")},[(l=e.default)==null?void 0:l.call(e)])}}}),te="",b=t.defineComponent({name:"DModal",inheritAttrs:!1,props:k,emits:["update:modelValue"],setup(n,{slots:e,attrs:o,emit:l}){const a=v("modal"),{modelValue:s,title:i,showClose:r,showOverlay:d,appendToBody:c}=t.toRefs(n),{onCloseBtnClick:u,onOverlayClick:f}=X(n,l),{showContainer:m,showModal:y}=Y(n);return()=>t.createVNode(t.Teleport,{to:"body",disabled:!c.value},{default:()=>[d.value&&t.createVNode(F,{modelValue:s.value,"onUpdate:modelValue":p=>s.value=p,"lock-scroll":!1,style:{zIndex:"calc(var(--devui-z-index-modal, 1050) - 1)"}},null),m.value&&t.createVNode("div",{class:a.e("container"),onClick:f},[t.createVNode(t.Transition,{name:a.m("wipe")},{default:()=>{var p;return[y.value&&t.createVNode("div",t.mergeProps({class:a.b()},o,{onClick:w=>w.stopPropagation()}),[r.value&&t.createVNode(z,{name:"close",class:"btn-close",size:"var(--devui-font-size-md,12px)",onClick:u},null),e.header?e.header():i.value&&t.createVNode(O,null,{default:()=>[i.value]}),t.createVNode(E,null,{default:()=>{var w;return[(w=e.default)==null?void 0:w.call(e)]}}),(p=e.footer)==null?void 0:p.call(e)])]}})])]})}}),S=t.defineComponent({name:"DModalFooter",setup(n,{slots:e}){const o=v("modal");return()=>{var l;return t.createVNode("div",{class:o.e("footer")},[(l=e.default)==null?void 0:l.call(e)])}}});class G{constructor(e){this.anchorContainer=e}renderModal(e,o,l){const a=t.h(this.component(),o,l);return t.render(a,e),a}renderNull(e){setTimeout(()=>{t.render(null,e)},500)}}let V;class N extends G{component(){return b}open(e={}){const o=document.createElement("div");this.anchorContainer.appendChild(o);const{header:l,content:a,footer:s,...i}=e,r=(u,f)=>this.renderModal(o,{...u,modelValue:!0,"onUpdate:modelValue":f},{header:l,default:a,footer:s}),d=()=>{var f,m,y;const u=p=>{p||d()};r(i,p=>{p?r(i,u):(this.renderModal(o,{...i,modelValue:!1}),this.renderNull(o))}),(y=(m=(f=V==null?void 0:V.component)==null?void 0:f.exposed)==null?void 0:m.handleVisibleChange)==null||y.call(m,!1)},c=u=>{u||d()};return this.renderModal(o,{modelValue:!1}),V=r(i,c),{hide:d}}}N.token="MODAL_SERVICE_TOKEN";var K={title:"Modal \u5F39\u7A97",category:"\u53CD\u9988",status:"100%",install(n){if(n.component(b.name,b),n.component(O.name,O),n.component(E.name,E),n.component(S.name,S),!q)return;let e=document.getElementById("d-modal-anchors-container");e||(e=document.createElement("div"),e.setAttribute("id","d-modal-anchors-container"),document.body.appendChild(e)),n.provide(N.token,new N(e))}};h.Modal=b,h.default=K,h.modalProps=k,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/notification/index.es.js

@@ -1,22 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, toRefs, computed, createVNode, resolveDynamicComponent, mergeProps, watch, Transition, reactive, createApp, onUnmounted, isVNode } from "vue";
 const notificationProps = {
   modelValue: {
@@ -520,11 +501,13 @@ class NotificationService {
     const content = options.content;
     let timer;
     delete options.content;
-    const props = reactive(__spreadProps(__spreadValues(__spreadValues({}, defaultOptions), options), {
+    const props = reactive({
+      ...defaultOptions,
+      ...options,
       onClose: () => {
         close(props, originOnClose);
       }
-    }));
+    });
     initInstance(props, content);
     props.modelValue = true;
     clearTimeout(timer);

package/notification/index.umd.js

@@ -1 +1 @@
-var O=Object.defineProperty,H=Object.defineProperties;var W=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var L=(r,e,d)=>e in r?O(r,e,{enumerable:!0,configurable:!0,writable:!0,value:d}):r[e]=d,C=(r,e)=>{for(var d in e||(e={}))J.call(e,d)&&L(r,d,e[d]);if(k)for(var d of k(e))Q.call(e,d)&&L(r,d,e[d]);return r},x=(r,e)=>H(r,W(e));(function(r,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis!="undefined"?globalThis:r||self,e(r.index={},r.Vue))})(this,function(r,e){"use strict";const d={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}},I={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},S={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function h(n,t,o){let i=n;return t&&(i+=`__${t}`),o&&(i+=`--${o}`),i}function p(n,t=!1){const o=t?`.devui-${n}`:`devui-${n}`;return{b:()=>h(o),e:l=>l?h(o,l):"",m:l=>l?h(o,"",l):"",em:(l,c)=>l&&c?h(o,l,c):""}}var ee="",D=e.defineComponent({name:"DSvgIcon",props:S,setup(n){const{name:t,color:o,size:i}=e.toRefs(n),a=p("svg-icon"),s=e.computed(()=>`#icon-${t.value}`),u=e.computed(()=>typeof i.value=="number"?`${i.value}px`:i.value),l={width:u.value,height:u.value};return()=>e.createVNode("svg",{class:a.b(),style:l},[e.createVNode("use",{"xlink:href":s.value,fill:o.value},null)])}});function P(n){return/^((http|https):)?\/\//.test(n)}function T(n,t){const{component:o,name:i,size:a,color:s,classPrefix:u,rotate:l}=e.toRefs(n),c=p("icon"),f=e.computed(()=>typeof a.value=="number"?`${a.value}px`:a.value),g=o.value?e.resolveDynamicComponent(o.value):e.resolveDynamicComponent(D),m=()=>e.createVNode("img",e.mergeProps({src:i.value,alt:i.value.split("/")[i.value.split("/").length-1],class:[(l==null?void 0:l.value)==="infinite"&&c.m("spin")],style:{width:f.value||"",transform:`rotate(${l==null?void 0:l.value}deg)`,verticalAlign:"middle"}},t.attrs),null),v=()=>e.createVNode(g,e.mergeProps({name:i.value,color:s.value,size:f.value,class:[(l==null?void 0:l.value)==="infinite"&&c.m("spin")],style:{transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null),G=()=>{const K=/^icon-/.test(i.value)?i.value:`${u.value}-${i.value}`;return e.createVNode("i",e.mergeProps({class:[u.value,K,(l==null?void 0:l.value)==="infinite"&&c.m("spin")],style:{fontSize:f.value,color:s.value,transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null)};return{iconDom:()=>o.value?v():P(i.value)?m():G()}}var $=e.defineComponent({name:"DIcon",props:I,emits:["click"],setup(n,t){const{disabled:o,operable:i}=e.toRefs(n),{iconDom:a}=T(n,t),s=p("icon"),u=e.computed(()=>({[s.e("container")]:!0,[s.m("disabled")]:o.value,[s.m("operable")]:i.value})),l=c=>{o.value||t.emit("click",c)};return()=>{var c,f,g,m;return e.createVNode("div",{class:u.value,onClick:l},[(f=(c=t.slots).prefix)==null?void 0:f.call(c),a(),(m=(g=t.slots).suffix)==null?void 0:m.call(g)])}}}),te="";e.defineComponent({name:"DIconGroup",setup(n,t){const o=p("icon-group");return()=>{var i,a;return e.createVNode("div",{class:o.b()},[(a=(i=t.slots).default)==null?void 0:a.call(i)])}}});var _=e.defineComponent({emits:["click"],setup(n,{emit:t}){const o=p("notification");return()=>e.createVNode("div",{class:o.e("icon-close"),onClick:i=>t("click",i)},[e.createVNode($,{name:"close",size:"14px"},null)])}});const N=p("notification"),V={"xmlns:xlink":"http://www.w3.org/1999/xlink"},y={"xlink:href":"#path-s"};function E(){return e.createVNode("svg",e.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},V),[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",y,null)]),e.createVNode("use",e.mergeProps({id:"Mask",class:N.e("image-success-path")},y),null)])])}function M(){return e.createVNode("svg",e.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},V),[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:N.e("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:N.e("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 R(){return e.createVNode("svg",e.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},V),[e.createVNode("g",{id:"info",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:N.e("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 z(){return e.createVNode("svg",e.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},V),[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",y,null)]),e.createVNode("use",e.mergeProps({id:"Mask",class:N.e("image-error-path")},y),null)])])}var B=e.defineComponent({props:{type:{type:String,default:"normal"}},setup(n){const{type:t}=e.toRefs(n),o=p("notification"),i=e.computed(()=>({[o.e("image")]:!0,[o.em("image",t.value)]:!0}));return()=>e.createVNode("span",{class:i.value},[t.value&&t.value!=="normal"&&(t.value==="success"&&e.createVNode(E,null,null)||t.value==="info"&&e.createVNode(R,null,null)||t.value==="warning"&&e.createVNode(M,null,null)||t.value==="error"&&e.createVNode(z,null,null))])}});function j(n){return{classes:e.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${n.type}`]:!0}))}}function A(n,t){let o=null,i;const a=()=>{var c;o&&clearTimeout(o),o=null,(c=n.onClose)==null||c.call(n),t("update:modelValue",!1)},s=()=>{o&&(clearTimeout(o),o=null)},u=()=>{if(!n.modelValue){const c=n.duration-(Date.now()-i);o=setTimeout(a,c)}},l=()=>{t("destroy")};return e.watch(()=>n.modelValue,c=>{c&&(i=Date.now(),n.duration&&(o=setTimeout(a,n.duration)))}),{interrupt:s,removeReset:u,close:a,handleDestroy:l}}var ne="",w=e.defineComponent({name:"DNotification",props:d,emits:["update:modelValue","destroy"],setup(n,{emit:t,slots:o}){const{modelValue:i,title:a,type:s}=e.toRefs(n),{classes:u}=j(n),{interrupt:l,removeReset:c,close:f,handleDestroy:g}=A(n,t),m=p("notification");return()=>e.createVNode(e.Transition,{name:"notification-fade",onAfterLeave:g},{default:()=>{var v;return[i.value&&e.createVNode("div",{class:m.b()},[e.createVNode("div",{class:u.value,onMouseenter:l,onMouseleave:c},[e.createVNode("div",{class:m.e("item")},[e.createVNode(_,{onClick:f},null),a.value&&e.createVNode(B,{type:s.value},null),e.createVNode("div",{class:m.e("message")},[e.createVNode("span",{class:m.e("title")},[a.value]),e.createVNode("span",{class:m.e("content")},[(v=o.default)==null?void 0:v.call(o)])])])])])]}})}});function F(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const Z={modelValue:!1,duration:3e3,type:"normal"};function U(n,t){const o=document.createElement("div");o.classList.add("notification__warpper");const i=document.body.lastElementChild;let a=50;if(i==null?void 0:i.classList.contains("notification__warpper")){const l=i.lastElementChild.getBoundingClientRect(),c=l.height,f=l.top;a=c+f}const s=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(w,e.mergeProps(n,{onDestroy:s.unmount,style:[`top: ${a}px`]}),F(t)?t:{default:()=>[t]})}});return document.body.appendChild(o),s.mount(o),s}function X(n,t){n.modelValue=!1,t==null||t()}class b{static open(t){const o=t.onClose||null,i=t.content;let a;delete t.content;const s=e.reactive(x(C(C({},Z),t),{onClose:()=>{X(s,o)}}));U(s,i),s.modelValue=!0,clearTimeout(a),t.duration&&s.onClose&&(a=setTimeout(s.onClose,t.duration))}}var q={title:"Notification \u5168\u5C40\u901A\u77E5",category:"\u53CD\u9988",status:"100%",install(n){n.component(w.name,w),n.config.globalProperties.$notificationService=b}};r.Notification=w,r.NotificationService=b,r.default=q,r.notificationProps=d,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});
+(function(d,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis!="undefined"?globalThis:d||self,e(d.index={},d.Vue))})(this,function(d,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}},b={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},k={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function N(n,t,o){let i=n;return t&&(i+=`__${t}`),o&&(i+=`--${o}`),i}function m(n,t=!1){const o=t?`.devui-${n}`:`devui-${n}`;return{b:()=>N(o),e:l=>l?N(o,l):"",m:l=>l?N(o,"",l):"",em:(l,c)=>l&&c?N(o,l,c):""}}var q="",L=e.defineComponent({name:"DSvgIcon",props:k,setup(n){const{name:t,color:o,size:i}=e.toRefs(n),a=m("svg-icon"),s=e.computed(()=>`#icon-${t.value}`),r=e.computed(()=>typeof i.value=="number"?`${i.value}px`:i.value),l={width:r.value,height:r.value};return()=>e.createVNode("svg",{class:a.b(),style:l},[e.createVNode("use",{"xlink:href":s.value,fill:o.value},null)])}});function x(n){return/^((http|https):)?\/\//.test(n)}function I(n,t){const{component:o,name:i,size:a,color:s,classPrefix:r,rotate:l}=e.toRefs(n),c=m("icon"),u=e.computed(()=>typeof a.value=="number"?`${a.value}px`:a.value),p=o.value?e.resolveDynamicComponent(o.value):e.resolveDynamicComponent(L),f=()=>e.createVNode("img",e.mergeProps({src:i.value,alt:i.value.split("/")[i.value.split("/").length-1],class:[(l==null?void 0:l.value)==="infinite"&&c.m("spin")],style:{width:u.value||"",transform:`rotate(${l==null?void 0:l.value}deg)`,verticalAlign:"middle"}},t.attrs),null),w=()=>e.createVNode(p,e.mergeProps({name:i.value,color:s.value,size:u.value,class:[(l==null?void 0:l.value)==="infinite"&&c.m("spin")],style:{transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null),Z=()=>{const U=/^icon-/.test(i.value)?i.value:`${r.value}-${i.value}`;return e.createVNode("i",e.mergeProps({class:[r.value,U,(l==null?void 0:l.value)==="infinite"&&c.m("spin")],style:{fontSize:u.value,color:s.value,transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null)};return{iconDom:()=>o.value?w():x(i.value)?f():Z()}}var S=e.defineComponent({name:"DIcon",props:b,emits:["click"],setup(n,t){const{disabled:o,operable:i}=e.toRefs(n),{iconDom:a}=I(n,t),s=m("icon"),r=e.computed(()=>({[s.e("container")]:!0,[s.m("disabled")]:o.value,[s.m("operable")]:i.value})),l=c=>{o.value||t.emit("click",c)};return()=>{var c,u,p,f;return e.createVNode("div",{class:r.value,onClick:l},[(u=(c=t.slots).prefix)==null?void 0:u.call(c),a(),(f=(p=t.slots).suffix)==null?void 0:f.call(p)])}}}),G="";e.defineComponent({name:"DIconGroup",setup(n,t){const o=m("icon-group");return()=>{var i,a;return e.createVNode("div",{class:o.b()},[(a=(i=t.slots).default)==null?void 0:a.call(i)])}}});var D=e.defineComponent({emits:["click"],setup(n,{emit:t}){const o=m("notification");return()=>e.createVNode("div",{class:o.e("icon-close"),onClick:i=>t("click",i)},[e.createVNode(S,{name:"close",size:"14px"},null)])}});const g=m("notification"),h={"xmlns:xlink":"http://www.w3.org/1999/xlink"},V={"xlink:href":"#path-s"};function P(){return e.createVNode("svg",e.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},h),[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",V,null)]),e.createVNode("use",e.mergeProps({id:"Mask",class:g.e("image-success-path")},V),null)])])}function T(){return e.createVNode("svg",e.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},h),[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:g.e("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:g.e("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 $(){return e.createVNode("svg",e.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},h),[e.createVNode("g",{id:"info",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:g.e("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 _(){return e.createVNode("svg",e.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},h),[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",V,null)]),e.createVNode("use",e.mergeProps({id:"Mask",class:g.e("image-error-path")},V),null)])])}var E=e.defineComponent({props:{type:{type:String,default:"normal"}},setup(n){const{type:t}=e.toRefs(n),o=m("notification"),i=e.computed(()=>({[o.e("image")]:!0,[o.em("image",t.value)]:!0}));return()=>e.createVNode("span",{class:i.value},[t.value&&t.value!=="normal"&&(t.value==="success"&&e.createVNode(P,null,null)||t.value==="info"&&e.createVNode($,null,null)||t.value==="warning"&&e.createVNode(T,null,null)||t.value==="error"&&e.createVNode(_,null,null))])}});function M(n){return{classes:e.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${n.type}`]:!0}))}}function R(n,t){let o=null,i;const a=()=>{var c;o&&clearTimeout(o),o=null,(c=n.onClose)==null||c.call(n),t("update:modelValue",!1)},s=()=>{o&&(clearTimeout(o),o=null)},r=()=>{if(!n.modelValue){const c=n.duration-(Date.now()-i);o=setTimeout(a,c)}},l=()=>{t("destroy")};return e.watch(()=>n.modelValue,c=>{c&&(i=Date.now(),n.duration&&(o=setTimeout(a,n.duration)))}),{interrupt:s,removeReset:r,close:a,handleDestroy:l}}var K="",y=e.defineComponent({name:"DNotification",props:v,emits:["update:modelValue","destroy"],setup(n,{emit:t,slots:o}){const{modelValue:i,title:a,type:s}=e.toRefs(n),{classes:r}=M(n),{interrupt:l,removeReset:c,close:u,handleDestroy:p}=R(n,t),f=m("notification");return()=>e.createVNode(e.Transition,{name:"notification-fade",onAfterLeave:p},{default:()=>{var w;return[i.value&&e.createVNode("div",{class:f.b()},[e.createVNode("div",{class:r.value,onMouseenter:l,onMouseleave:c},[e.createVNode("div",{class:f.e("item")},[e.createVNode(D,{onClick:u},null),a.value&&e.createVNode(E,{type:s.value},null),e.createVNode("div",{class:f.e("message")},[e.createVNode("span",{class:f.e("title")},[a.value]),e.createVNode("span",{class:f.e("content")},[(w=o.default)==null?void 0:w.call(o)])])])])])]}})}});function z(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const B={modelValue:!1,duration:3e3,type:"normal"};function j(n,t){const o=document.createElement("div");o.classList.add("notification__warpper");const i=document.body.lastElementChild;let a=50;if(i!=null&&i.classList.contains("notification__warpper")){const l=i.lastElementChild.getBoundingClientRect(),c=l.height,u=l.top;a=c+u}const s=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(y,e.mergeProps(n,{onDestroy:s.unmount,style:[`top: ${a}px`]}),z(t)?t:{default:()=>[t]})}});return document.body.appendChild(o),s.mount(o),s}function A(n,t){n.modelValue=!1,t==null||t()}class C{static open(t){const o=t.onClose||null,i=t.content;let a;delete t.content;const s=e.reactive({...B,...t,onClose:()=>{A(s,o)}});j(s,i),s.modelValue=!0,clearTimeout(a),t.duration&&s.onClose&&(a=setTimeout(s.onClose,t.duration))}}var F={title:"Notification \u5168\u5C40\u901A\u77E5",category:"\u53CD\u9988",status:"100%",install(n){n.component(y.name,y),n.config.globalProperties.$notificationService=C}};d.Notification=y,d.NotificationService=C,d.default=F,d.notificationProps=v,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/overlay/index.es.js

@@ -1,4 +1,4 @@
-import { watch, onUnmounted, defineComponent, toRefs, createVNode, Transition, mergeProps, ref, unref, nextTick } from "vue";
+import { watch, onUnmounted, defineComponent, toRefs, createVNode, Transition, mergeProps, ref, nextTick, unref } from "vue";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 const fixedOverlayProps = {
   modelValue: {

package/overlay/index.umd.js

@@ -1 +1 @@
-(function(a,l){typeof exports=="object"&&typeof module!="undefined"?l(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],l):(a=typeof globalThis!="undefined"?globalThis:a||self,l(a.index={},a.Vue,a.dom))})(this,function(a,l,f){"use strict";const b={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function P(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const e=document.documentElement.scrollTop,t=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${e}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{t?document.documentElement.setAttribute("style",t):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=e}}}function k(e,t){let n;const i=s=>{s.preventDefault(),t.emit("click",s),e.closeOnClickOverlay&&t.emit("update:modelValue",!1)},o=()=>{n==null||n()};return l.watch(()=>e.modelValue,s=>{s?e.lockScroll&&(n=P()):o()}),l.onUnmounted(o),{onClick:i}}function y(e,t,n){let i=e;return t&&(i+=`__${t}`),n&&(i+=`--${n}`),i}function g(e,t=!1){const n=t?`.devui-${e}`:`devui-${e}`;return{b:()=>y(n),e:d=>d?y(n,d):"",m:d=>d?y(n,"",d):"",em:(d,c)=>d&&c?y(n,d,c):""}}var j="";const O=l.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:b,emits:["update:modelValue","click"],setup(e,t){const{modelValue:n}=l.toRefs(e),i=g("fixed-overlay"),{onClick:o}=k(e,t);return()=>l.createVNode(l.Transition,{name:i.m("fade")},{default:()=>{var s,r;return[n.value&&l.createVNode("div",l.mergeProps({class:i.b()},t.attrs,{onClick:o}),[(r=(s=t.slots).default)==null?void 0:r.call(s)])]}})}}),A={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0}};function L(e){const t=/(auto|scroll|hidden)/;for(let n=e;n=n.parentElement;n.parentElement!==document.body){const i=window.getComputedStyle(n);if(t.test(i.overflow+i.overflowX+i.overflowY))return n}return window}function $(e,t,n,i){let{x:o,y:s}=t;if(!e){const{width:r,height:d}=i;o&&n.includes("start")&&(o=12),o&&n.includes("end")&&(o=Math.round(r-24)),s&&n.includes("start")&&(s=10),s&&n.includes("end")&&(s=d-14)}return{x:o,y:s}}function F(e,t){const n=l.ref(),i=l.ref();let o=null;const s=(d,c,u,m)=>{const{x:w,y:v}=$(e.isArrowCenter,u,c,m.getBoundingClientRect()),h={top:"bottom",right:"left",bottom:"top",left:"right"}[c.split("-")[0]];Object.assign(d.style,{left:w?`${w}px`:"",top:v?`${v}px`:"",right:"",bottom:"",[h]:"-4px"})},r=async()=>{const d=e.origin,c=l.unref(n.value),u=l.unref(i.value),m=[f.offset(e.offset),f.autoPlacement({alignment:e.align,allowedPlacements:e.position})];e.showArrow&&m.push(f.arrow({element:u})),e.shiftOffset!==void 0&&m.push(f.shift());const{x:w,y:v,placement:h,middlewareData:V}=await f.computePosition(d,c,{strategy:"fixed",middleware:m});let p=w,x=v;if(e.shiftOffset!==void 0){const{x:C,y:B}=V.shift;C<0&&(p-=e.shiftOffset),C>0&&(p+=e.shiftOffset),B<0&&(x-=e.shiftOffset),B>0&&(x+=e.shiftOffset)}t("positionChange",h),Object.assign(c.style,{top:`${x}px`,left:`${p}px`}),e.showArrow&&s(u,h,V.arrow,c)};return l.watch(()=>e.modelValue,()=>{e.modelValue&&e.origin?(o=L(e.origin),l.nextTick(r),o==null||o.addEventListener("scroll",r),o!==window&&window.addEventListener("scroll",r),window.addEventListener("resize",r)):(o==null||o.removeEventListener("scroll",r),o!==window&&window.removeEventListener("scroll",r),window.removeEventListener("resize",r))}),l.onUnmounted(()=>{o==null||o.removeEventListener("scroll",r),o!==window&&window.removeEventListener("scroll",r),window.removeEventListener("resize",r)}),{arrowRef:i,overlayRef:n,updatePosition:r}}var N="";const E=l.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:A,emits:["update:modelValue","positionChange"],setup(e,{slots:t,attrs:n,emit:i,expose:o}){const s=g("flexible-overlay"),{arrowRef:r,overlayRef:d,updatePosition:c}=F(e,i);return o({updatePosition:c}),()=>{var u;return e.modelValue&&l.createVNode("div",l.mergeProps({ref:d,class:s.b()},n),[(u=t.default)==null?void 0:u.call(t),e.showArrow&&l.createVNode("div",{ref:r,class:s.e("arrow")},null)])}}}),S=typeof window!="undefined";var T={title:"Overlay \u906E\u7F69\u5C42",category:"\u901A\u7528",status:"100%",install(e){if(e.component(O.name,O),e.component(E.name,E),S&&!document.getElementById("d-overlay-anchor")){const t=document.createElement("div");t.setAttribute("id","d-overlay-anchor"),t.style.position="fixed",t.style.left="0",t.style.top="0",t.style.zIndex="1000",document.body.appendChild(t)}}};a.FixedOverlay=O,a.FlexibleOverlay=E,a.default=T,a.fixedOverlayProps=b,a.flexibleOverlayProps=A,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});
+(function(a,l){typeof exports=="object"&&typeof module!="undefined"?l(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],l):(a=typeof globalThis!="undefined"?globalThis:a||self,l(a.index={},a.Vue,a.dom))})(this,function(a,l,f){"use strict";const b={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function P(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const e=document.documentElement.scrollTop,t=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${e}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{t?document.documentElement.setAttribute("style",t):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=e}}}function k(e,t){let o;const i=s=>{s.preventDefault(),t.emit("click",s),e.closeOnClickOverlay&&t.emit("update:modelValue",!1)},n=()=>{o==null||o()};return l.watch(()=>e.modelValue,s=>{s?e.lockScroll&&(o=P()):n()}),l.onUnmounted(n),{onClick:i}}function y(e,t,o){let i=e;return t&&(i+=`__${t}`),o&&(i+=`--${o}`),i}function g(e,t=!1){const o=t?`.devui-${e}`:`devui-${e}`;return{b:()=>y(o),e:d=>d?y(o,d):"",m:d=>d?y(o,"",d):"",em:(d,c)=>d&&c?y(o,d,c):""}}var j="";const O=l.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:b,emits:["update:modelValue","click"],setup(e,t){const{modelValue:o}=l.toRefs(e),i=g("fixed-overlay"),{onClick:n}=k(e,t);return()=>l.createVNode(l.Transition,{name:i.m("fade")},{default:()=>{var s,r;return[o.value&&l.createVNode("div",l.mergeProps({class:i.b()},t.attrs,{onClick:n}),[(r=(s=t.slots).default)==null?void 0:r.call(s)])]}})}}),A={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0}};function L(e){const t=/(auto|scroll|hidden)/;for(let o=e;o=o.parentElement;o.parentElement!==document.body){const i=window.getComputedStyle(o);if(t.test(i.overflow+i.overflowX+i.overflowY))return o}return window}function $(e,t,o,i){let{x:n,y:s}=t;if(!e){const{width:r,height:d}=i;n&&o.includes("start")&&(n=12),n&&o.includes("end")&&(n=Math.round(r-24)),s&&o.includes("start")&&(s=10),s&&o.includes("end")&&(s=d-14)}return{x:n,y:s}}function F(e,t){const o=l.ref(),i=l.ref();let n=null;const s=(d,c,u,m)=>{const{x:w,y:v}=$(e.isArrowCenter,u,c,m.getBoundingClientRect()),h={top:"bottom",right:"left",bottom:"top",left:"right"}[c.split("-")[0]];Object.assign(d.style,{left:w?`${w}px`:"",top:v?`${v}px`:"",right:"",bottom:"",[h]:"-4px"})},r=async()=>{const d=e.origin,c=l.unref(o.value),u=l.unref(i.value),m=[f.offset(e.offset),f.autoPlacement({alignment:e.align,allowedPlacements:e.position})];e.showArrow&&m.push(f.arrow({element:u})),e.shiftOffset!==void 0&&m.push(f.shift());const{x:w,y:v,placement:h,middlewareData:V}=await f.computePosition(d,c,{strategy:"fixed",middleware:m});let p=w,x=v;if(e.shiftOffset!==void 0){const{x:C,y:B}=V.shift;C<0&&(p-=e.shiftOffset),C>0&&(p+=e.shiftOffset),B<0&&(x-=e.shiftOffset),B>0&&(x+=e.shiftOffset)}t("positionChange",h),Object.assign(c.style,{top:`${x}px`,left:`${p}px`}),e.showArrow&&s(u,h,V.arrow,c)};return l.watch(()=>e.modelValue,()=>{e.modelValue&&e.origin?(n=L(e.origin),l.nextTick(r),n==null||n.addEventListener("scroll",r),n!==window&&window.addEventListener("scroll",r),window.addEventListener("resize",r)):(n==null||n.removeEventListener("scroll",r),n!==window&&window.removeEventListener("scroll",r),window.removeEventListener("resize",r))}),l.onUnmounted(()=>{n==null||n.removeEventListener("scroll",r),n!==window&&window.removeEventListener("scroll",r),window.removeEventListener("resize",r)}),{arrowRef:i,overlayRef:o,updatePosition:r}}var N="";const E=l.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:A,emits:["update:modelValue","positionChange"],setup(e,{slots:t,attrs:o,emit:i,expose:n}){const s=g("flexible-overlay"),{arrowRef:r,overlayRef:d,updatePosition:c}=F(e,i);return n({updatePosition:c}),()=>{var u;return e.modelValue&&l.createVNode("div",l.mergeProps({ref:d,class:s.b()},o),[(u=t.default)==null?void 0:u.call(t),e.showArrow&&l.createVNode("div",{ref:r,class:s.e("arrow")},null)])}}}),S=typeof window!="undefined";var T={title:"Overlay \u906E\u7F69\u5C42",category:"\u901A\u7528",status:"100%",install(e){if(e.component(O.name,O),e.component(E.name,E),S&&!document.getElementById("d-overlay-anchor")){const t=document.createElement("div");t.setAttribute("id","d-overlay-anchor"),t.style.position="fixed",t.style.left="0",t.style.top="0",t.style.zIndex="1000",document.body.appendChild(t)}}};a.FixedOverlay=O,a.FlexibleOverlay=E,a.default=T,a.fixedOverlayProps=b,a.flexibleOverlayProps=A,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.0.0-beta.220801",
+  "version": "1.0.0-beta.220808",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [

package/pagination/index.umd.js

@@ -1 +1 @@
-(function(p,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(p=typeof globalThis!="undefined"?globalThis:p||self,t(p.index={},p.Vue))})(this,function(p,t){"use strict";const k={pageSize:{type:Number,default:10},total:{type:Number,default:0},pageSizeOptions:{type:Array,default:()=>[5,10,20,50]},pageSizeDirection:{type:Array,default:()=>["centerDown","centerUp"]},pageIndex:{type:Number,default:1},maxItems:{type:Number,default:10},preLink:{type:String,default:"&lt;"},nextLink:{type:String,default:"&gt;"},size:{type:String,default:""},canJumpPage:{type:Boolean,default:!1},canChangePageSize:{type:Boolean,default:!1},canViewTotal:{type:Boolean,default:!1},totalItemText:{type:String},goToText:{type:String},showJumpButton:{type:Boolean,default:!1},showTruePageIndex:{type:Boolean,default:!1},lite:{type:Boolean,default:!1},showPageSelector:{type:Boolean,default:!0},haveConfigMenu:{type:Boolean,default:!1},autoFixPageIndex:{type:Boolean,default:!0},autoHide:{type:Boolean,default:!1},"onUpdate:pageIndex":{type:Function},"onUpdate:pageSize":{type:Function},onPageIndexChange:{type:Function},onPageSizeChange:{type:Function}},j=(e,n,u)=>{const o=e,l=n;if(l>=u)return[2,u];const i=l-2;let a=o-(i>>1),s=o+(i-1>>1);return a<2&&(a=2,s=l-2),s>u&&(a=u-l+3,s=u),[a,s]};function $(e){return new Array(e||1).fill(0).map((n,u)=>({name:`${u+1}/${e}`,value:u+1}))}function y(e,n,u){document.addEventListener?e&&n&&u&&e.addEventListener(n,u,!1):e&&n&&u&&e.attachEvent("on"+n,u)}function O(e,n,u){document.removeEventListener?e&&n&&u&&e.removeEventListener(n,u,!1):e&&n&&u&&e.detachEvent("on"+n,u)}const H=typeof window!="undefined",m=Symbol("@@clickoutside"),S=new Map;let A,T=0,v=!0;function w(e,n,u){return H&&v&&(v=!1,y(document,"mousedown",o=>{A=o}),y(document,"mouseup",o=>{for(const[l,i]of S)i[m].documentHandler(o,A)})),function(o,l){!u||!n.instance||!o.target||!l.target||e.contains(o.target)||e.contains(l.target)||e===o.target||e[m].bindingFn&&e[m].bindingFn()}}const J={beforeMount:function(e,n,u){T++,S.set(T,e),e[m]={nid:T,documentHandler:w(e,n,u),bindingFn:n.value}},updated:function(e,n,u){e[m].documentHandler=w(e,n,u),e[m].bindingFn=n.value},unmounted:function(e){S.delete(e[m].nid),delete e[m]}};function P(e,n,u){let o=e;return n&&(o+=`__${n}`),u&&(o+=`--${u}`),o}function B(e,n=!1){const u=n?`.devui-${e}`:`devui-${e}`;return{b:()=>P(u),e:s=>s?P(u,s):"",m:s=>s?P(u,"",s):"",em:(s,c)=>s&&c?P(u,s,c):""}}var U=t.defineComponent({directives:{clickoutside:J},props:{currentPageSize:Number,pageSizeChange:Function,pageSizeOptions:Array},setup(){const e=t.ref(null),n=t.ref(!1),u=o=>{n.value=n.value?!1:!!o};return t.onMounted(()=>{y(e.value,"click",u)}),t.onUnmounted(()=>{O(e.value,"click",u)}),{paginationConfig:e,isShowConfig:n,closeConfigMenu:u}},render(){var s;const{closeConfigMenu:e,currentPageSize:n,pageSizeChange:u,pageSizeOptions:o,isShowConfig:l,$slots:i}=this,a=B("pagination");return t.withDirectives(t.createVNode("div",{class:a.e("config"),ref:"paginationConfig"},[t.createVNode("div",{class:a.e("setup-icon")},[t.createVNode("i",{class:"icon-setting",style:"font-weight: bold;"},null)]),l&&t.createVNode("div",{class:a.e("config-container")},[(s=i.default)==null?void 0:s.call(i),t.createVNode("div",{class:a.e("config-item")},[t.createVNode("div",{class:"config-item-title"},[t.createTextVNode("\u6BCF\u9875\u6761\u6570")]),t.createVNode("div",{class:a.e("number")},[o.map(c=>t.createVNode("div",{class:{choosed:c===n},key:c,onClick:u.bind(null,{value:c})},[c]))])])])]),[[t.resolveDirective("clickoutside"),e]])}});const R={goToText:String,size:{type:String,default:""},pageIndex:Number,showJumpButton:Boolean,totalPages:Number,cursor:Number,onChangeCursorEmit:Function};var _=t.defineComponent({props:R,emits:["changeCursorEmit"],setup(e,{emit:n}){const{pageIndex:u,totalPages:o,cursor:l}=t.toRefs(e),i=t.ref(u==null?void 0:u.value);t.watch(()=>u==null?void 0:u.value,d=>{i.value=d});let a=u==null?void 0:u.value;return{inputNum:i,jumpPageChange:d=>{a=+d,i.value=d,isNaN(d)&&setTimeout(()=>{i.value=u==null?void 0:u.value},300)},jump:d=>{a>(o==null?void 0:o.value)||(d==="btn"||d.key==="Enter")&&(l==null?void 0:l.value)!==a&&n("changeCursorEmit",a)}}},render(){const{goToText:e,size:n,inputNum:u,jumpPageChange:o,jump:l,showJumpButton:i}=this,a=B("pagination"),s={class:[a.e("input"),n?a.em("input",n):""],size:n,modelValue:String(u),"onUpdate:modelValue":o,onKeydown:l};return t.createVNode("div",{class:a.e("jump-container")},[e,t.createVNode(t.resolveComponent("d-input"),s,null),e==="\u8DF3\u81F3"&&"\u9875",i&&t.createVNode("div",{class:[a.e("jump-button"),n?a.em("jump-size",n):a.em("jump-size","default")],onClick:l.bind(null,"btn"),title:e},[t.createVNode("div",{class:a.e("go")},null)])])}});const q={size:{type:String,default:""},preLink:String,nextLink:String,lite:Boolean,cursor:Number,maxItems:Number,totalPages:Number,onChangeCursorEmit:Function,showTruePageIndex:Boolean};var G=t.defineComponent({props:q,emits:["changeCursorEmit"],setup(e,{emit:n}){return{showPageNum:t.computed(()=>j(e.cursor,e.maxItems,e.totalPages)),changeCursor:a=>{if(isNaN(a))return;const s=a<1?1:a>e.totalPages?e.totalPages:a|0;n("changeCursorEmit",s)},prevChange:a=>{if(e.cursor>1){const s=a===-1?e.cursor-1:a;n("changeCursorEmit",s)}},nextChange:a=>{if(e.cursor<e.totalPages){const s=a===-1?e.cursor+1:a;n("changeCursorEmit",s)}}}},render(){const{size:e,preLink:n,nextLink:u,lite:o,changeCursor:l,cursor:i,showPageNum:a,prevChange:s,totalPages:c,nextChange:d,showTruePageIndex:h}=this,r=B("pagination");return t.createVNode("ul",{class:[r.e("list"),e?r.m(e):""]},[t.createVNode("li",{onClick:s.bind(null,-1),class:{[r.e("item")]:!0,disabled:i<=1}},[t.createVNode("a",{innerHTML:n,class:r.e("link")},null)]),!o&&t.createVNode(t.Fragment,null,[t.createVNode("li",{onClick:l.bind(null,1),class:{[r.e("item")]:!0,active:i===1}},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("1")])]),a[0]>2&&t.createVNode("li",{onClick:s.bind(null,a[0]-1),class:r.e("item")},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("...")])]),(()=>{const C=[];for(let f=a[0];f<=a[1];f++)C.push(t.createVNode("li",{onClick:l.bind(null,f),key:f,class:{[r.e("item")]:!0,active:i===f}},[t.createVNode("a",{class:r.e("link")},[f])]));return C})(),a[1]<c-1&&t.createVNode("li",{onClick:d.bind(null,a[1]+1),class:r.e("item")},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("...")])]),a[1]<c&&t.createVNode("li",{onClick:l.bind(null,c),class:{[r.e("item")]:!0,active:i===c}},[t.createVNode("a",{class:r.e("link")},[c])]),h&&i>c&&c>0&&t.createVNode(t.Fragment,null,[i>c+1&&t.createVNode("li",{class:[r.e("item"),"disabled"]},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("...")])]),t.createVNode("li",{class:[r.e("item"),"disabled","active"]},[t.createVNode("a",{class:r.e("link")},[i])])])]),t.createVNode("li",{onClick:d.bind(null,-1),class:{[r.e("item")]:!0,disabled:i>=c}},[t.createVNode("a",{innerHTML:u,class:r.e("link")},null)])])}});function I(...e){const n=u=>u&&typeof u=="object";return e.reduce((u,o)=>(Object.keys(o).forEach(l=>{const i=u[l],a=o[l];Array.isArray(i)&&Array.isArray(a)?u[l]=Array.from(new Set([...a,...i])):n(i)&&n(a)?u[l]=I(i,a):u[l]=a}),u),{})}var K={pagination:{totalItemText:"\u6240\u6709\u6761\u76EE",goToText:"\u8DF3\u81F3"},accordion:{loading:"\u52A0\u8F7D\u4E2D",noData:"\u6CA1\u6709\u6570\u636E"},autoCompleteDropdown:{latestInput:"\u6700\u8FD1\u8F93\u5165"},cascaderList:{noData:"\u6CA1\u6709\u6570\u636E"},colorPicker:{foundationPanel:"\u57FA\u7840\u9762\u677F",advancedPanel:"\u9AD8\u7EA7\u9762\u677F"},datePickerPro:{ok:"\u786E\u5B9A",placeholder:"\u8BF7\u9009\u62E9\u65E5\u671F",month1:"1\u6708",month2:"2\u6708",month3:"3\u6708",month4:"4\u6708",month5:"5\u6708",month6:"6\u6708",month7:"7\u6708",month8:"8\u6708",month9:"9\u6708",month10:"10\u6708",month11:"11\u6708",month12:"12\u6708",year:"\u5E74",startPlaceholder:"\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F",endPlaceholder:"\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F",getWeekDays(){return["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"]},getTimeArr(){return["\u65F6","\u5206","\u79D2"]},getYearMonthStr(e,n){return`${e}\u5E74${n}\u6708`}},editableSelect:{noRelatedRecords:"\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",noData:"\u6CA1\u6709\u6570\u636E"},input:{placeholder:"\u8BF7\u8F93\u5165"},splitterBar:{collapse:"\u6536\u8D77",expand:"\u5C55\u5F00"},stepsGuide:{previous:"\u4E0A\u4E00\u6B65",continue:"\u6211\u77E5\u9053\u5566\uFF0C\u7EE7\u7EED",ok:"\u6211\u77E5\u9053\u5566"},table:{selectAll:"\u5168\u9009",ok:"\u786E\u5B9A"},timePopup:{ok:"\u786E\u5B9A"},transfer:{unit:"\u9879",panelUnit:"\u9879",headerUnit:"\u9879",noData:"\u6682\u65E0\u6570\u636E",placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22"},tree:{loading:"\u52A0\u8F7D\u4E2D",newNode:"\u65B0\u8282\u70B9",selectPlaceholder:"\u8BF7\u9009\u62E9"},upload:{placeholder:"\u9009\u62E9\u6587\u4EF6",getExistSameNameFilesMsg(e){return`\u60A8\u4E0A\u4F20\u7684 "${e}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`},getAllFilesBeyondMaximalFileSizeMsg(e){return`\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`},getBeyondMaximalFileSizeMsg(e,n){return`\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`},getNotAllowedFileTypeMsg(e,n){return`\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`}},search:{placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"},select:{placeholder:"\u8BF7\u9009\u62E9",noDataText:"\u65E0\u6570\u636E",noMatchText:"\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",loadingText:"\u52A0\u8F7D\u4E2D..."},tagInput:{maxTagsText:"\u5DF2\u8FBE\u5230\u6700\u5927\u4E2A\u6570\uFF1A"},timeSelect:{placeholder:"\u8BF7\u9009\u62E9\u65F6\u95F4"}};const x=t.ref("zh-CN");let b=t.reactive({[x.value]:K});const W={messages(){return b[x.value]},lang(){return x.value},use(e,n){x.value=e,this.add({[e]:n})},add(e={}){b=I(b,e)}},Y=e=>e.substring(1).replace(/^\S/,n=>n.toLocaleLowerCase());function M(e,n){const u=n.split(".");let o=e;return u.forEach(l=>{var i;o=(i=o[l])!=null?i:""}),o}function Q(e,n,u){const o=u||Y(e)+".";return l=>{var s;const i=((s=n==null?void 0:n.appContext.config.globalProperties.langMessages)==null?void 0:s.value)||W.messages();return M(i,o+l)||M(i,l)}}var de="",D=t.defineComponent({name:"DPagination",components:{ConfigMenu:U,JumpPage:_,PageNumBtn:G},props:k,emits:["pageIndexChange","pageSizeChange","update:pageSize","update:pageIndex"],setup(e,{emit:n,slots:u}){const o=t.getCurrentInstance(),l=Q("DPagination",o),{autoHide:i,pageSizeOptions:a,total:s,canChangePageSize:c,lite:d,size:h,pageSizeDirection:r,showPageSelector:C,canViewTotal:f,totalItemText:Z,maxItems:ee,preLink:te,nextLink:ue,showTruePageIndex:ne,canJumpPage:ae,goToText:oe,pageIndex:ie,showJumpButton:le,haveConfigMenu:se}=t.toRefs(e),E=B("pagination"),F=t.computed(()=>Math.ceil(e.total/e.pageSize)),re=t.computed(()=>$(F.value)),N=t.computed({get(){return!e.showTruePageIndex&&e.pageIndex>F.value?(n("update:pageIndex",F.value||1),F.value||1):e.pageIndex||1},set(g){n("update:pageIndex",g)}}),z=t.computed({get(){return e.pageSize},set(g){n("update:pageSize",g)}}),V=g=>{N.value=g,n("pageIndexChange",g)},L=g=>{z.value=g.value,e.autoFixPageIndex&&t.nextTick(()=>{N.value>F.value&&V(F.value)}),n("pageSizeChange",g.value)},ce=g=>{V(g.value)};return()=>i.value&&Math.min(...a.value)>s.value?null:t.createVNode("div",{class:E.b()},[c.value&&!d.value&&t.createVNode("div",{class:[E.e("size"),h.value?E.em("size",h.value):""]},[t.createVNode(t.resolveComponent("d-select"),{options:a.value,modelValue:z.value,onValueChange:L,pageSizeDirection:r.value},null)]),(!d.value||d.value&&C.value)&&f.value&&t.createVNode("div",{class:E.e("total-size")},[Z.value||l("totalItemText"),t.createTextVNode(": "),s.value]),d.value&&C.value&&t.createVNode("div",{class:E.e("size")},[t.createVNode(t.resolveComponent("d-select"),{options:re.value,disabled:s.value===0,modelValue:N.value,onValueChange:ce,pageSizeDirection:r.value},null)]),t.createVNode(t.resolveComponent("page-num-btn"),t.mergeProps({cursor:N.value,totalPages:F.value,size:h.value,lite:d.value,maxItems:ee.value,preLink:te.value,nextLink:ue.value,showTruePageIndex:ne.value},{onChangeCursorEmit:V}),null),ae.value&&!d.value&&t.createVNode(t.resolveComponent("jump-page"),t.mergeProps({goToText:oe.value||l("goToText"),size:h.value,pageIndex:ie.value,totalPages:F.value,cursor:N.value,showJumpButton:le.value},{onChangeCursorEmit:V}),null),d.value&&se.value&&t.createVNode(t.resolveComponent("config-menu"),{currentPageSize:z.value,pageSizeChange:L,pageSizeOptions:a.value},{default:()=>{var g;return[(g=u.default)==null?void 0:g.call(u)]}})])}}),X={title:"Pagination \u5206\u9875",category:"\u5BFC\u822A",status:"100%",install(e){e.component(D.name,D)}};p.Pagination=D,p.default=X,p.paginationProps=k,Object.defineProperty(p,"__esModule",{value:!0}),p[Symbol.toStringTag]="Module"});
+(function(p,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(p=typeof globalThis!="undefined"?globalThis:p||self,t(p.index={},p.Vue))})(this,function(p,t){"use strict";const k={pageSize:{type:Number,default:10},total:{type:Number,default:0},pageSizeOptions:{type:Array,default:()=>[5,10,20,50]},pageSizeDirection:{type:Array,default:()=>["centerDown","centerUp"]},pageIndex:{type:Number,default:1},maxItems:{type:Number,default:10},preLink:{type:String,default:"&lt;"},nextLink:{type:String,default:"&gt;"},size:{type:String,default:""},canJumpPage:{type:Boolean,default:!1},canChangePageSize:{type:Boolean,default:!1},canViewTotal:{type:Boolean,default:!1},totalItemText:{type:String},goToText:{type:String},showJumpButton:{type:Boolean,default:!1},showTruePageIndex:{type:Boolean,default:!1},lite:{type:Boolean,default:!1},showPageSelector:{type:Boolean,default:!0},haveConfigMenu:{type:Boolean,default:!1},autoFixPageIndex:{type:Boolean,default:!0},autoHide:{type:Boolean,default:!1},"onUpdate:pageIndex":{type:Function},"onUpdate:pageSize":{type:Function},onPageIndexChange:{type:Function},onPageSizeChange:{type:Function}},j=(e,n,u)=>{const o=e,l=n;if(l>=u)return[2,u];const i=l-2;let a=o-(i>>1),s=o+(i-1>>1);return a<2&&(a=2,s=l-2),s>u&&(a=u-l+3,s=u),[a,s]};function $(e){return new Array(e||1).fill(0).map((n,u)=>({name:`${u+1}/${e}`,value:u+1}))}function S(e,n,u){document.addEventListener?e&&n&&u&&e.addEventListener(n,u,!1):e&&n&&u&&e.attachEvent("on"+n,u)}function O(e,n,u){document.removeEventListener?e&&n&&u&&e.removeEventListener(n,u,!1):e&&n&&u&&e.detachEvent("on"+n,u)}const H=typeof window!="undefined",m=Symbol("@@clickoutside"),y=new Map;let A,T=0,v=!0;function w(e,n,u){return H&&v&&(v=!1,S(document,"mousedown",o=>{A=o}),S(document,"mouseup",o=>{for(const[l,i]of y)i[m].documentHandler(o,A)})),function(o,l){!u||!n.instance||!o.target||!l.target||e.contains(o.target)||e.contains(l.target)||e===o.target||e[m].bindingFn&&e[m].bindingFn()}}const J={beforeMount:function(e,n,u){T++,y.set(T,e),e[m]={nid:T,documentHandler:w(e,n,u),bindingFn:n.value}},updated:function(e,n,u){e[m].documentHandler=w(e,n,u),e[m].bindingFn=n.value},unmounted:function(e){y.delete(e[m].nid),delete e[m]}};function P(e,n,u){let o=e;return n&&(o+=`__${n}`),u&&(o+=`--${u}`),o}function B(e,n=!1){const u=n?`.devui-${e}`:`devui-${e}`;return{b:()=>P(u),e:s=>s?P(u,s):"",m:s=>s?P(u,"",s):"",em:(s,c)=>s&&c?P(u,s,c):""}}var U=t.defineComponent({directives:{clickoutside:J},props:{currentPageSize:Number,pageSizeChange:Function,pageSizeOptions:Array},setup(){const e=t.ref(null),n=t.ref(!1),u=o=>{n.value=n.value?!1:!!o};return t.onMounted(()=>{S(e.value,"click",u)}),t.onUnmounted(()=>{O(e.value,"click",u)}),{paginationConfig:e,isShowConfig:n,closeConfigMenu:u}},render(){var s;const{closeConfigMenu:e,currentPageSize:n,pageSizeChange:u,pageSizeOptions:o,isShowConfig:l,$slots:i}=this,a=B("pagination");return t.withDirectives(t.createVNode("div",{class:a.e("config"),ref:"paginationConfig"},[t.createVNode("div",{class:a.e("setup-icon")},[t.createVNode("i",{class:"icon-setting",style:"font-weight: bold;"},null)]),l&&t.createVNode("div",{class:a.e("config-container")},[(s=i.default)==null?void 0:s.call(i),t.createVNode("div",{class:a.e("config-item")},[t.createVNode("div",{class:"config-item-title"},[t.createTextVNode("\u6BCF\u9875\u6761\u6570")]),t.createVNode("div",{class:a.e("number")},[o.map(c=>t.createVNode("div",{class:{choosed:c===n},key:c,onClick:u.bind(null,{value:c})},[c]))])])])]),[[t.resolveDirective("clickoutside"),e]])}});const R={goToText:String,size:{type:String,default:""},pageIndex:Number,showJumpButton:Boolean,totalPages:Number,cursor:Number,onChangeCursorEmit:Function};var _=t.defineComponent({props:R,emits:["changeCursorEmit"],setup(e,{emit:n}){const{pageIndex:u,totalPages:o,cursor:l}=t.toRefs(e),i=t.ref(u==null?void 0:u.value);t.watch(()=>u==null?void 0:u.value,d=>{i.value=d});let a=u==null?void 0:u.value;return{inputNum:i,jumpPageChange:d=>{a=+d,i.value=d,isNaN(d)&&setTimeout(()=>{i.value=u==null?void 0:u.value},300)},jump:d=>{a>(o==null?void 0:o.value)||(d==="btn"||d.key==="Enter")&&(l==null?void 0:l.value)!==a&&n("changeCursorEmit",a)}}},render(){const{goToText:e,size:n,inputNum:u,jumpPageChange:o,jump:l,showJumpButton:i}=this,a=B("pagination"),s={class:[a.e("input"),n?a.em("input",n):""],size:n,modelValue:String(u),"onUpdate:modelValue":o,onKeydown:l};return t.createVNode("div",{class:a.e("jump-container")},[e,t.createVNode(t.resolveComponent("d-input"),s,null),e==="\u8DF3\u81F3"&&"\u9875",i&&t.createVNode("div",{class:[a.e("jump-button"),n?a.em("jump-size",n):a.em("jump-size","default")],onClick:l.bind(null,"btn"),title:e},[t.createVNode("div",{class:a.e("go")},null)])])}});const q={size:{type:String,default:""},preLink:String,nextLink:String,lite:Boolean,cursor:Number,maxItems:Number,totalPages:Number,onChangeCursorEmit:Function,showTruePageIndex:Boolean};var G=t.defineComponent({props:q,emits:["changeCursorEmit"],setup(e,{emit:n}){return{showPageNum:t.computed(()=>j(e.cursor,e.maxItems,e.totalPages)),changeCursor:a=>{if(isNaN(a))return;const s=a<1?1:a>e.totalPages?e.totalPages:a|0;n("changeCursorEmit",s)},prevChange:a=>{if(e.cursor>1){const s=a===-1?e.cursor-1:a;n("changeCursorEmit",s)}},nextChange:a=>{if(e.cursor<e.totalPages){const s=a===-1?e.cursor+1:a;n("changeCursorEmit",s)}}}},render(){const{size:e,preLink:n,nextLink:u,lite:o,changeCursor:l,cursor:i,showPageNum:a,prevChange:s,totalPages:c,nextChange:d,showTruePageIndex:h}=this,r=B("pagination");return t.createVNode("ul",{class:[r.e("list"),e?r.m(e):""]},[t.createVNode("li",{onClick:s.bind(null,-1),class:{[r.e("item")]:!0,disabled:i<=1}},[t.createVNode("a",{innerHTML:n,class:r.e("link")},null)]),!o&&t.createVNode(t.Fragment,null,[t.createVNode("li",{onClick:l.bind(null,1),class:{[r.e("item")]:!0,active:i===1}},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("1")])]),a[0]>2&&t.createVNode("li",{onClick:s.bind(null,a[0]-1),class:r.e("item")},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("...")])]),(()=>{const C=[];for(let f=a[0];f<=a[1];f++)C.push(t.createVNode("li",{onClick:l.bind(null,f),key:f,class:{[r.e("item")]:!0,active:i===f}},[t.createVNode("a",{class:r.e("link")},[f])]));return C})(),a[1]<c-1&&t.createVNode("li",{onClick:d.bind(null,a[1]+1),class:r.e("item")},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("...")])]),a[1]<c&&t.createVNode("li",{onClick:l.bind(null,c),class:{[r.e("item")]:!0,active:i===c}},[t.createVNode("a",{class:r.e("link")},[c])]),h&&i>c&&c>0&&t.createVNode(t.Fragment,null,[i>c+1&&t.createVNode("li",{class:[r.e("item"),"disabled"]},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("...")])]),t.createVNode("li",{class:[r.e("item"),"disabled","active"]},[t.createVNode("a",{class:r.e("link")},[i])])])]),t.createVNode("li",{onClick:d.bind(null,-1),class:{[r.e("item")]:!0,disabled:i>=c}},[t.createVNode("a",{innerHTML:u,class:r.e("link")},null)])])}});function I(...e){const n=u=>u&&typeof u=="object";return e.reduce((u,o)=>(Object.keys(o).forEach(l=>{const i=u[l],a=o[l];Array.isArray(i)&&Array.isArray(a)?u[l]=Array.from(new Set([...a,...i])):n(i)&&n(a)?u[l]=I(i,a):u[l]=a}),u),{})}var K={pagination:{totalItemText:"\u6240\u6709\u6761\u76EE",goToText:"\u8DF3\u81F3"},accordion:{loading:"\u52A0\u8F7D\u4E2D",noData:"\u6CA1\u6709\u6570\u636E"},autoCompleteDropdown:{latestInput:"\u6700\u8FD1\u8F93\u5165"},cascaderList:{noData:"\u6CA1\u6709\u6570\u636E"},colorPicker:{foundationPanel:"\u57FA\u7840\u9762\u677F",advancedPanel:"\u9AD8\u7EA7\u9762\u677F"},datePickerPro:{ok:"\u786E\u5B9A",placeholder:"\u8BF7\u9009\u62E9\u65E5\u671F",month1:"1\u6708",month2:"2\u6708",month3:"3\u6708",month4:"4\u6708",month5:"5\u6708",month6:"6\u6708",month7:"7\u6708",month8:"8\u6708",month9:"9\u6708",month10:"10\u6708",month11:"11\u6708",month12:"12\u6708",year:"\u5E74",startPlaceholder:"\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F",endPlaceholder:"\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F",getWeekDays(){return["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"]},getTimeArr(){return["\u65F6","\u5206","\u79D2"]},getYearMonthStr(e,n){return`${e}\u5E74${n}\u6708`}},editableSelect:{noRelatedRecords:"\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",noData:"\u6CA1\u6709\u6570\u636E"},input:{placeholder:"\u8BF7\u8F93\u5165"},splitterBar:{collapse:"\u6536\u8D77",expand:"\u5C55\u5F00"},stepsGuide:{previous:"\u4E0A\u4E00\u6B65",continue:"\u6211\u77E5\u9053\u5566\uFF0C\u7EE7\u7EED",ok:"\u6211\u77E5\u9053\u5566"},table:{selectAll:"\u5168\u9009",ok:"\u786E\u5B9A"},timePopup:{ok:"\u786E\u5B9A"},transfer:{unit:"\u9879",panelUnit:"\u9879",headerUnit:"\u9879",noData:"\u6682\u65E0\u6570\u636E",placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22"},tree:{loading:"\u52A0\u8F7D\u4E2D",newNode:"\u65B0\u8282\u70B9",selectPlaceholder:"\u8BF7\u9009\u62E9"},upload:{placeholder:"\u9009\u62E9\u6587\u4EF6",getExistSameNameFilesMsg(e){return`\u60A8\u4E0A\u4F20\u7684 "${e}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`},getAllFilesBeyondMaximalFileSizeMsg(e){return`\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`},getBeyondMaximalFileSizeMsg(e,n){return`\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`},getNotAllowedFileTypeMsg(e,n){return`\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`}},search:{placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"},select:{placeholder:"\u8BF7\u9009\u62E9",noDataText:"\u65E0\u6570\u636E",noMatchText:"\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",loadingText:"\u52A0\u8F7D\u4E2D..."},tagInput:{maxTagsText:"\u5DF2\u8FBE\u5230\u6700\u5927\u4E2A\u6570\uFF1A"},timeSelect:{placeholder:"\u8BF7\u9009\u62E9\u65F6\u95F4"}};const x=t.ref("zh-CN");let b=t.reactive({[x.value]:K});const W={messages(){return b[x.value]},lang(){return x.value},use(e,n){x.value=e,this.add({[e]:n})},add(e={}){b=I(b,e)}},Y=e=>e.substring(1).replace(/^\S/,n=>n.toLocaleLowerCase());function M(e,n){const u=n.split(".");let o=e;return u.forEach(l=>{var i;o=(i=o[l])!=null?i:""}),o}function Q(e,n,u){const o=u||Y(e)+".";return l=>{var s;const i=((s=n==null?void 0:n.appContext.config.globalProperties.langMessages)==null?void 0:s.value)||W.messages();return M(i,o+l)||M(i,l)}}var de="",D=t.defineComponent({name:"DPagination",components:{ConfigMenu:U,JumpPage:_,PageNumBtn:G},props:k,emits:["pageIndexChange","pageSizeChange","update:pageSize","update:pageIndex"],setup(e,{emit:n,slots:u}){const o=t.getCurrentInstance(),l=Q("DPagination",o),{autoHide:i,pageSizeOptions:a,total:s,canChangePageSize:c,lite:d,size:h,pageSizeDirection:r,showPageSelector:C,canViewTotal:f,totalItemText:Z,maxItems:ee,preLink:te,nextLink:ue,showTruePageIndex:ne,canJumpPage:ae,goToText:oe,pageIndex:ie,showJumpButton:le,haveConfigMenu:se}=t.toRefs(e),E=B("pagination"),F=t.computed(()=>Math.ceil(e.total/e.pageSize)),re=t.computed(()=>$(F.value)),N=t.computed({get(){return!e.showTruePageIndex&&e.pageIndex>F.value?(n("update:pageIndex",F.value||1),F.value||1):e.pageIndex||1},set(g){n("update:pageIndex",g)}}),z=t.computed({get(){return e.pageSize},set(g){n("update:pageSize",g)}}),V=g=>{N.value=g,n("pageIndexChange",g)},L=g=>{z.value=g.value,e.autoFixPageIndex&&t.nextTick(()=>{N.value>F.value&&V(F.value)}),n("pageSizeChange",g.value)},ce=g=>{V(g.value)};return()=>i.value&&Math.min(...a.value)>s.value?null:t.createVNode("div",{class:E.b()},[c.value&&!d.value&&t.createVNode("div",{class:[E.e("size"),h.value?E.em("size",h.value):""]},[t.createVNode(t.resolveComponent("d-select"),{options:a.value,modelValue:z.value,onValueChange:L,pageSizeDirection:r.value},null)]),(!d.value||d.value&&C.value)&&f.value&&t.createVNode("div",{class:E.e("total-size")},[Z.value||l("totalItemText"),t.createTextVNode(": "),s.value]),d.value&&C.value&&t.createVNode("div",{class:E.e("size")},[t.createVNode(t.resolveComponent("d-select"),{options:re.value,disabled:s.value===0,modelValue:N.value,onValueChange:ce,pageSizeDirection:r.value},null)]),t.createVNode(t.resolveComponent("page-num-btn"),t.mergeProps({cursor:N.value,totalPages:F.value,size:h.value,lite:d.value,maxItems:ee.value,preLink:te.value,nextLink:ue.value,showTruePageIndex:ne.value},{onChangeCursorEmit:V}),null),ae.value&&!d.value&&t.createVNode(t.resolveComponent("jump-page"),t.mergeProps({goToText:oe.value||l("goToText"),size:h.value,pageIndex:ie.value,totalPages:F.value,cursor:N.value,showJumpButton:le.value},{onChangeCursorEmit:V}),null),d.value&&se.value&&t.createVNode(t.resolveComponent("config-menu"),{currentPageSize:z.value,pageSizeChange:L,pageSizeOptions:a.value},{default:()=>{var g;return[(g=u.default)==null?void 0:g.call(u)]}})])}}),X={title:"Pagination \u5206\u9875",category:"\u5BFC\u822A",status:"100%",install(e){e.component(D.name,D)}};p.Pagination=D,p.default=X,p.paginationProps=k,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/panel/index.umd.js

@@ -1 +1 @@
-(function(l,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis!="undefined"?globalThis:l||self,e(l.index={},l.Vue))})(this,function(l,e){"use strict";const y={type:{type:String,default:"default"},cssClass:{type:String,default:""},isCollapsed:{type:Boolean,default:!1},beforeToggle:{type:Function,default:null},showAnimation:{type:Boolean,default:!0},hasLeftPadding:{type:Boolean,default:!0}},v=e.reactive({});class f{static getByKey(n){return v[n]}static state(){return v}static setData(n,c){v[n]=e.ref(c)}}var k="",h=e.defineComponent({name:"DPanel",props:y,emits:["toggle"],setup(a,n){e.provide("beforeToggle",a.beforeToggle),e.provide("showAnimation",e.computed(()=>a.showAnimation)),e.provide("hasLeftPadding",e.computed(()=>a.hasLeftPadding));const c=e.ref(a.isCollapsed),g=e.computed(()=>a.type),d=e.computed(()=>a.cssClass),t=new Date().getTime().toString()+Math.random(),u=()=>{n.emit("toggle",f.getByKey(`isCollapsed[${t}]`))};return f.setData(`isCollapsed[${t}]`,c.value),()=>{var p,o;return e.createVNode("div",{onClick:u,class:`devui-panel devui-panel-${g.value} ${d.value}`},[(o=(p=n.slots).default)==null?void 0:o.call(p)])}}}),P=e.defineComponent({name:"DPanelHeader",props:y,emits:["toggle"],setup(a,n){const c=e.inject("beforeToggle"),d=Object.keys(f.state()).pop(),t=e.ref(f.state()[d]),u=e.ref();let p=null;const o=e.ref(t.value);let m=!0;const r=()=>{if(o.value=!o.value,!u.value){o.value&&(f.setData(`${d}`,o.value),t.value=o.value,n.emit("toggle",o.value));return}o.value!==void 0&&(f.setData(`${d}`,o.value),t.value=o.value,n.emit("toggle",o.value))},s=async()=>{if(c){const i=c(t,r);typeof i!="undefined"?i instanceof Promise?m=await i:m=i:m=!0}return m};s().then(i=>u.value=i);const b=()=>{s().then(i=>{if(u.value=i,!i){t.value||(f.setData(`${d}`,!t.value),t.value=!t.value,n.emit("toggle",t.value));return}t.value!==void 0&&(f.setData(`${d}`,!t.value),t.value=!t.value,n.emit("toggle",t.value))})};return()=>{var i,T;return n.slots.default&&(p=e.createVNode("div",{class:"devui-panel-heading",onClick:b,style:{cursor:u.value?"pointer":"auto"}},[(T=(i=n.slots).default)==null?void 0:T.call(i)])),p}}}),C=e.defineComponent({name:"DPanelBody",props:y,setup(a,n){const c=e.inject("showAnimation"),g=e.inject("hasLeftPadding"),t=Object.keys(f.state()).pop(),u=f.state(),p=e.ref();e.onMounted(()=>{if(p.value){const r=p.value;u[t]&&(r.style.height=`${r.offsetHeight}px`)}});const o=r=>{const s=r;s.style.height="";const b=s.offsetHeight;s.style.height="0px",s.offsetHeight,s.style.height=`${b}px`},m=r=>{const s=r;s.style.height="0px"};return()=>e.createVNode("div",{class:`devui-panel devui-panel-${a.type} ${a.cssClass}`},[e.createVNode(e.Transition,{name:c.value?"devui-panel":"",onEnter:o,onLeave:m},{default:()=>{var r,s;return[u[t]===void 0||u[t]?e.createVNode("div",{ref:p,class:`devui-panel-body ${u[t]!==void 0?"devui-panel-body-collapse":""} ${g.value?"":"no-left-padding"}`},[e.createVNode("div",{class:"devui-panel-content"},[(s=(r=n.slots).default)==null?void 0:s.call(r)])]):null]}})])}}),$=e.defineComponent({name:"DPanelFooter",setup(a,n){return()=>{var g,d;return n.slots.default?e.createVNode("div",{class:"devui-panel-footer"},[(d=(g=n.slots).default)==null?void 0:d.call(g)]):null}}}),D={title:"Panel \u9762\u677F",category:"\u901A\u7528",status:"100%",install(a){a.component(h.name,h),a.component(P.name,P),a.component(C.name,C),a.component($.name,$)}};l.Panel=h,l.PanelBody=C,l.PanelFooter=$,l.PanelHeader=P,l.default=D,l.panelProps=y,Object.defineProperty(l,"__esModule",{value:!0}),l[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 y={type:{type:String,default:"default"},cssClass:{type:String,default:""},isCollapsed:{type:Boolean,default:!1},beforeToggle:{type:Function,default:null},showAnimation:{type:Boolean,default:!0},hasLeftPadding:{type:Boolean,default:!0}},v=e.reactive({});class f{static getByKey(n){return v[n]}static state(){return v}static setData(n,c){v[n]=e.ref(c)}}var k="",h=e.defineComponent({name:"DPanel",props:y,emits:["toggle"],setup(a,n){e.provide("beforeToggle",a.beforeToggle),e.provide("showAnimation",e.computed(()=>a.showAnimation)),e.provide("hasLeftPadding",e.computed(()=>a.hasLeftPadding));const c=e.ref(a.isCollapsed),g=e.computed(()=>a.type),d=e.computed(()=>a.cssClass),t=new Date().getTime().toString()+Math.random(),u=()=>{n.emit("toggle",f.getByKey(`isCollapsed[${t}]`))};return f.setData(`isCollapsed[${t}]`,c.value),()=>{var p,o;return e.createVNode("div",{onClick:u,class:`devui-panel devui-panel-${g.value} ${d.value}`},[(o=(p=n.slots).default)==null?void 0:o.call(p)])}}}),P=e.defineComponent({name:"DPanelHeader",props:y,emits:["toggle"],setup(a,n){const c=e.inject("beforeToggle"),d=Object.keys(f.state()).pop(),t=e.ref(f.state()[d]),u=e.ref();let p=null;const o=e.ref(t.value);let m=!0;const r=()=>{if(o.value=!o.value,!u.value){o.value&&(f.setData(`${d}`,o.value),t.value=o.value,n.emit("toggle",o.value));return}o.value!==void 0&&(f.setData(`${d}`,o.value),t.value=o.value,n.emit("toggle",o.value))},l=async()=>{if(c){const i=c(t,r);typeof i!="undefined"?i instanceof Promise?m=await i:m=i:m=!0}return m};l().then(i=>u.value=i);const b=()=>{l().then(i=>{if(u.value=i,!i){t.value||(f.setData(`${d}`,!t.value),t.value=!t.value,n.emit("toggle",t.value));return}t.value!==void 0&&(f.setData(`${d}`,!t.value),t.value=!t.value,n.emit("toggle",t.value))})};return()=>{var i,T;return n.slots.default&&(p=e.createVNode("div",{class:"devui-panel-heading",onClick:b,style:{cursor:u.value?"pointer":"auto"}},[(T=(i=n.slots).default)==null?void 0:T.call(i)])),p}}}),C=e.defineComponent({name:"DPanelBody",props:y,setup(a,n){const c=e.inject("showAnimation"),g=e.inject("hasLeftPadding"),t=Object.keys(f.state()).pop(),u=f.state(),p=e.ref();e.onMounted(()=>{if(p.value){const r=p.value;u[t]&&(r.style.height=`${r.offsetHeight}px`)}});const o=r=>{const l=r;l.style.height="";const b=l.offsetHeight;l.style.height="0px",l.offsetHeight,l.style.height=`${b}px`},m=r=>{const l=r;l.style.height="0px"};return()=>e.createVNode("div",{class:`devui-panel devui-panel-${a.type} ${a.cssClass}`},[e.createVNode(e.Transition,{name:c.value?"devui-panel":"",onEnter:o,onLeave:m},{default:()=>{var r,l;return[u[t]===void 0||u[t]?e.createVNode("div",{ref:p,class:`devui-panel-body ${u[t]!==void 0?"devui-panel-body-collapse":""} ${g.value?"":"no-left-padding"}`},[e.createVNode("div",{class:"devui-panel-content"},[(l=(r=n.slots).default)==null?void 0:l.call(r)])]):null]}})])}}),$=e.defineComponent({name:"DPanelFooter",setup(a,n){return()=>{var g,d;return n.slots.default?e.createVNode("div",{class:"devui-panel-footer"},[(d=(g=n.slots).default)==null?void 0:d.call(g)]):null}}}),D={title:"Panel \u9762\u677F",category:"\u901A\u7528",status:"100%",install(a){a.component(h.name,h),a.component(P.name,P),a.component(C.name,C),a.component($.name,$)}};s.Panel=h,s.PanelBody=C,s.PanelFooter=$,s.PanelHeader=P,s.default=D,s.panelProps=y,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/popover/index.es.js

@@ -1,4 +1,4 @@
-import { watch, onUnmounted, defineComponent, toRefs, createVNode, Transition, mergeProps, ref, unref, nextTick, Comment, Text, h, Fragment, inject, withDirectives, cloneVNode, computed, onMounted, provide, Teleport, withModifiers } from "vue";
+import { watch, onUnmounted, defineComponent, toRefs, createVNode, Transition, mergeProps, ref, nextTick, unref, Comment, Text, Fragment, h, inject, withDirectives, cloneVNode, computed, onMounted, provide, Teleport, withModifiers } from "vue";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 const fixedOverlayProps = {
   modelValue: {