vue-devui 1.0.0-rc.0 → 1.0.0-rc.1

package/countdown/index.es.js

@@ -130,8 +130,9 @@ var Countdown = defineComponent({
     };
     const startTime = () => {
       getTime();
-      if (countdown2.value)
+      if (countdown2.value) {
         return;
+      }
       countdown2.value = setInterval(() => {
         const t = getTime();
         if (t === 0) {

package/date-picker/index.es.js

@@ -1,20 +1,4 @@
-var __defProp = Object.defineProperty;
-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;
-};
-import { defineComponent, inject, computed, ref, watch, createVNode, withDirectives, mergeProps, resolveDirective, resolveComponent, createTextVNode, reactive, onMounted, onUnmounted } from "vue";
+import { defineComponent, inject, computed, ref, watch, createVNode, withDirectives, mergeProps, resolveDirective, resolveComponent, toRefs, createTextVNode, reactive, onMounted, onUnmounted } from "vue";
 const getDateTime = (d) => {
   const year = d.getFullYear();
   const month = d.getMonth() + 1;
@@ -395,55 +379,53 @@ var Input = defineComponent({
 Input.install = function(app) {
   app.component(Input.name, Input);
 };
+const iconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  size: {
+    type: String,
+    default: "inherit"
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  classPrefix: {
+    type: String,
+    default: "icon"
+  }
+};
 var Icon = defineComponent({
   name: "DIcon",
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    size: {
-      type: String,
-      default: "inherit"
-    },
-    color: {
-      type: String,
-      default: "inherit"
-    },
-    classPrefix: {
-      type: String,
-      default: "icon"
-    }
-  },
+  props: iconProps,
   setup(props) {
-    return __spreadValues({}, props);
-  },
-  render() {
     const {
       name,
       size,
       color,
       classPrefix
-    } = this;
-    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
-      "src": name,
-      "alt": name.split("/")[name.split("/").length - 1],
-      "style": {
-        width: size,
-        verticalAlign: "text-bottom"
-      }
-    }, null) : createVNode("i", {
-      "class": `${classPrefix} ${classPrefix}-${name}`,
-      "style": {
-        fontSize: size,
-        color
-      }
-    }, null);
+    } = toRefs(props);
+    return () => {
+      return /^((https?):)?\/\//.test(name.value) ? createVNode("img", {
+        "src": name.value,
+        "alt": name.value.split("/")[name.value.split("/").length - 1],
+        "style": {
+          width: size.value,
+          verticalAlign: "text-bottom"
+        }
+      }, null) : createVNode("i", {
+        "class": `${classPrefix.value} ${classPrefix.value}-${name.value}`,
+        "style": {
+          fontSize: size.value,
+          color: color.value
+        }
+      }, null);
+    };
   }
 });
-Icon.install = function(app) {
-  app.component(Icon.name, Icon);
-};
 const handleCalendarSwitchState = (state, index2, pos, date) => {
   switch (index2) {
     case 0:
@@ -490,8 +472,9 @@ const formatValue = (state, props) => {
   }
 };
 const formatPlaceholder = (props) => {
-  if (!props)
+  if (!props) {
     return "";
+  }
   const format = props.format || `y/MM/dd`;
   const sp = props.rangeSpliter || "-";
   return props.range ? `${format} ${sp} ${format}` : format;

package/date-picker/index.umd.js

@@ -1 +1 @@
-var Me=Object.defineProperty;var G=Object.getOwnPropertySymbols;var Ne=Object.prototype.hasOwnProperty,pe=Object.prototype.propertyIsEnumerable;var Z=(f,a,g)=>a in f?Me(f,a,{enumerable:!0,configurable:!0,writable:!0,value:g}):f[a]=g,J=(f,a)=>{for(var g in a||(a={}))Ne.call(a,g)&&Z(f,g,a[g]);if(G)for(var g of G(a))pe.call(a,g)&&Z(f,g,a[g]);return f};(function(f,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(f=typeof globalThis!="undefined"?globalThis:f||self,a(f.index={},f.Vue))})(this,function(f,a){"use strict";const g=e=>{const n=e.getFullYear(),t=e.getMonth()+1,o=e.getDate(),l=e.getDay(),r=e.getHours(),c=e.getMinutes(),s=e.getSeconds(),i=e.getMilliseconds();return[n,t,o,l,r,c,s,i]},b=(e,n,t=2,o="0")=>(e+"").padStart(Math.min(n.length,t),o),k=(e,n)=>{const t=g(n);let o=e;return o=o.replace(/y+/g,l=>{const r=t[0]+"";return l.length===2?r.substring(2):r}),o=o.replace(/M+/g,l=>b(t[1],l)),o=o.replace(/d+/g,l=>b(t[2],l)),o=o.replace(/h+/g,l=>b(t[4],l)),o=o.replace(/m+/g,l=>b(t[5],l)),o=o.replace(/s+/g,l=>b(t[6],l)),o},Q=(e,n,t,o="-")=>{const l=[n,t];return n.getTime()>t.getTime()&&l.reverse(),`${k(e,l[0])} ${o} ${k(e,l[1])}`},R=(e,n)=>{if(!n)return!1;for(;e;){if(e===n)return!0;e=e.parentNode}return!1},j=(e,...n)=>{typeof e=="function"&&e(...n)},ee=e=>{const n=e.getFullYear(),t=e.getMonth()+1,o=e.getDate(),l=e.getDay(),r=e.getHours(),c=e.getMinutes(),s=e.getSeconds(),i=e.getMilliseconds();return{year:n,y:n,month:t,M:t,date:o,d:o,day:l,hour:r,H:r,h:r,minute:c,m:c,second:s,s,ms:i}},te=(e,n)=>{const t=new Date(e,n-1,1),o=new Date(e,n,0),l=[];let r=t.getDay();for(;r>0;)r-=1,l.push({date:new Date(e,n-1,-r),current:-1});r=o.getDate()-t.getDate();for(let s=0;s<=r;s++){const i=new Date(t);i.setDate(s+1),l.push({date:i,current:0})}r=o.getDay();let c=o;for(let s=r;s<6;s++)c=new Date(e,n,s-r+1),l.push({date:c,current:1});if(l.length<42){r=c.getDate();for(let s=1;s<=7;s++)c=new Date(e,n,r+s),l.push({date:c,current:1})}return l},ne=(e=new Date)=>{e instanceof Date||(e=new Date);const{year:n,month:t}=ee(e),o=te(n,t),l=[];for(;o.length>0;)l.push(o.splice(0,7));return l},ae=["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],x=(e,...n)=>{typeof e=="function"&&e(...n)},oe=(e,n)=>{const t=e.getFullYear()*12+e.getMonth(),o=n.getFullYear()*12+n.getMonth();return t-o},E=(e,n)=>{const t=new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime(),o=new Date(n.getFullYear(),n.getMonth(),n.getDate()).getTime();return(t-o)/864e5},h=(e,n,t,o)=>!e||!n?!0:t==="year"?n.getFullYear()-e.getFullYear()>o:oe(n,e)>o,v=e=>{if(!e||typeof e!="string")return null;const[n="",t=""]=e.split(/([ ]|T)+/);if(!n)return null;const[o,l,r]=n.split(/[^\d]+/),c=p(o),s=p(l),i=p(r)||1;if(!c||!s)return null;const w=re(t);return new Date(c,s-1,i,...w)},p=(e,n)=>{if(!e||typeof e!="string")return n;const t=parseInt(e);return isNaN(t)?n:t},re=e=>{const[n,t,o,l]=e.split(/[\:\.]+/);return[p(n,0),p(t,0),p(o,0),p(l,0)]},S=(e,n,t="d")=>{const o=U(e,t),l=U(n,t);return o<l?-1:o>l?1:0},U=(e,n)=>{switch(n){case"y":return e.getFullYear();case"m":return e.getFullYear()*12+e.getMonth()}return e.getTime()/864e5>>0},B=(e,n,t)=>!(n instanceof Date&&S(n,e,"d")>0||t instanceof Date&&S(e,t,"d")>0),le={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},modelValue:{type:String,default:""},"update:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var xe="";const se=Symbol("dFormItem"),_={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var F=a.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,n){n.value&&e.focus()}}},props:le,emits:["update:modelValue","focus","blur","change","keydown"],setup(e,n){const t=a.inject(se,{}),o=Object.keys(t).length>0,l=a.computed(()=>`devui-input-${e.size}`),r=a.ref(!1),c=a.ref("text"),s=a.computed(()=>({error:e.error,[e.cssClass]:!0,"devui-input-restore":r.value,[l.value]:e.size!==""})),i=a.computed(()=>c.value==="password");return a.watch(()=>e.showPassword,M=>{c.value=M?"password":"text",r.value=e.showPassword},{immediate:!0}),{inputCls:s,inputType:c,showPreviewIcon:i,showPwdIcon:r,onInput:M=>{n.emit("update:modelValue",M.target.value),o&&t.formItemMitt.emit(_.input)},onFocus:()=>{n.emit("focus")},onBlur:()=>{n.emit("blur"),o&&t.formItemMitt.emit(_.blur)},onChange:M=>{n.emit("change",M.target.value),o&&t.formItemMitt.emit(_.change)},onKeydown:M=>{n.emit("keydown",M)},onChangeInputType:()=>{c.value=c.value==="password"?"text":"password"}}},render(){const{modelValue:e,showPreviewIcon:n,showPwdIcon:t,inputCls:o,inputType:l,maxLength:r,autoFocus:c,placeholder:s,disabled:i,onInput:w,onFocus:D,onBlur:u,onChange:N,onKeydown:y,onChangeInputType:d}=this;return a.createVNode("div",{class:"devui-input__wrap"},[a.withDirectives(a.createVNode("input",a.mergeProps({dinput:!0},{value:e,disabled:i,type:l,maxlength:r,placeholder:s,class:o,onInput:w,onFocus:D,onBlur:u,onChange:N,onKeydown:y}),null),[[a.resolveDirective("focus"),c]]),t&&a.createVNode("div",{class:"devui-input__preview",onClick:d},[n?a.createVNode(a.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:1},null):a.createVNode(a.resolveComponent("d-icon"),{name:"preview",size:"12px",key:2},null)])])}});F.install=function(e){e.component(F.name,F)};var $=a.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(e){return J({},e)},render(){const{name:e,size:n,color:t,classPrefix:o}=this;return/^((https?):)?\/\//.test(e)?a.createVNode("img",{src:e,alt:e.split("/")[e.split("/").length-1],style:{width:n,verticalAlign:"text-bottom"}},null):a.createVNode("i",{class:`${o} ${o}-${e}`,style:{fontSize:n,color:t}},null)}});$.install=function(e){e.component($.name,$)};const P=(e,n,t,o)=>{switch(n){case 0:const l=new Date(o);l.setFullYear(l.getFullYear()-1),t===0?e.current=l:e.next=l;break;case 1:const r=new Date(o);r.setMonth(r.getMonth()-1),t===0?e.current=r:e.next=r;break;case 2:const c=new Date(o);c.setMonth(c.getMonth()+1),t===0?e.current=c:e.next=c;break;case 3:const s=new Date(o);s.setFullYear(s.getFullYear()+1),t===0?e.current=s:e.next=s;break}},z=(e,n)=>{const{format:t="y/MM/dd",range:o,rangeSpliter:l="-"}=n||{};if(o){if(e.start){if(!e.end)return k(t,e.start)}else return"";if(e.end<e.start){const r=e.end;e.end=e.start,e.start=r}return Q(t,e.start,e.end,l)}else return e.start?k(t,e.start):""},T=e=>{if(!e)return"";const n=e.format||"y/MM/dd",t=e.rangeSpliter||"-";return e.range?`${n} ${t} ${n}`:n},V=e=>e.toDateString(),ce=(e,n,t="cell")=>{if(B(n.date,e.dateMin,e.dateMax)){if(n.current!==0)return`${t} not-current`}else return`${t} disabled`;const o=V(n.date);if(e.type==="range"){if(e.dateStart){if(V(e.dateStart)===o)return`${t} selected`;if(e.dateEnd&&V(e.dateEnd)===o)return`${t} selected`;const l=e.dateEnd||e.dateHover;if(l){const r=l>e.dateStart?[e.dateStart,l]:[l,e.dateStart];if(n.date>r[0]&&n.date<r[1])return`${t} innerday`}}return t}else return e.dateStart&&V(e.dateStart)===o?`${t} selected`:t},ie=(e,n)=>{!B(n.date,e.dateMin,e.dateMax)||(e.type==="range"?e.dateStart?e.dateEnd?x(e.onReset,n.date):E(e.dateStart,n.date)!==0&&(x(e.onSelectEnd,n.date),typeof e.onChange=="function"&&e.onChange(e.type,e)):x(e.onSelectStart,n.date):(x(e.onSelected,n.date),typeof e.onChange=="function"&&e.onChange(e.type,e)))},de=(e,n)=>{if(n.current!==0)return;const{dateMin:t,dateMax:o}=e;if(!(t&&E(n.date,t)<0)&&!(o&&E(o,n.date)<0)&&e.type==="range"){const l=V(n.date);if(!e.dateStart||V(e.dateStart)===l||e.dateEnd)return;x(e.onSelecting,n.date)}},X=e=>{const{color:n="#585d6b",rotate:t=0}=e;return a.createVNode("svg",{style:{transform:`rotate(${t}deg)`},width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[a.createVNode("g",{fill:n,transform:"translate(-1.000000, -1.000000)"},[a.createVNode("path",{d:"M11,1.83333333 L11,10.1666667 L7,7.38833333 L7,10.1666667 L1,6 L7,1.83333333 L7,4.61033333 L11,1.83333333 Z"},null)])])},q=e=>{const{color:n="#585d6b",rotate:t=0}=e;return a.createVNode("svg",{style:{transform:`rotate(${t}deg)`},width:"6px",height:"10px",viewBox:"0 0 6 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[a.createVNode("g",{fill:n,transform:"translate(-3.000000, -1.000000)"},[a.createVNode("polygon",{points:"6 3 10.1666667 9 1.83333333 9"},null)])])};var Se="";const Y=e=>{const{button:n,disabled:t=!1,rotate:o=0,date:l,pos:r}=e,c=t?"#cfd0d3":"#585d6b",s=`${t?"disabled":""}`,i=t?void 0:()=>x(e.cb,l,r);return a.createVNode("a",{class:s,onClick:i},[a.createVNode(n,{color:c,rotate:o},null)])},ue=e=>{const{date:n}=e;return a.createVNode("a",{class:"title"},[`${n.getFullYear()}\u5E74${(n.getMonth()+1+"").padStart(2,"0")}\u6708`])},fe=e=>{const{type:n,current:t,compare:o,pos:l,dateMax:r,dateMin:c,onPreviousYear:s,onPreviousMonth:i,onNextMonth:w,onNextYear:D}=e,u=[!1,!1,!1,!1];return n==="range"?l===1?(u[0]=!h(o,t,"year",1),u[1]=!h(o,t,"month",1),u[2]=!h(t,r,"month",0),u[3]=!h(t,r,"year",0)):(u[0]=!h(c,t,"year",0),u[1]=!h(c,t,"month",0),u[2]=!h(t,o,"month",1),u[3]=!h(t,o,"year",1)):(u[0]=!h(c,t,"year",0),u[1]=!h(c,t,"month",0),u[2]=!h(t,r,"month",0),u[3]=!h(t,r,"year",0)),a.createVNode("div",{class:"devui-calendar-toolbar"},[a.createVNode(Y,{disabled:u[0],date:t,pos:l,button:X,cb:s},null),a.createVNode(Y,{disabled:u[1],date:t,pos:l,button:q,rotate:-90,cb:i},null),a.createVNode(ue,{date:t},null),a.createVNode(Y,{disabled:u[2],date:t,pos:l,button:q,rotate:90,cb:w},null),a.createVNode(Y,{disabled:u[3],date:t,pos:l,button:X,rotate:180,cb:D},null)])},me=e=>{const{onSelected:n=()=>0,disabled:t=!1}=e;return a.createVNode("div",{class:`today-container ${t?"disabled":""}`},[a.createVNode("button",{class:"today-button",disabled:t,onClick:t?void 0:()=>n(new Date)},[a.createTextVNode("\u4ECA\u5929")])])};var Ve="";const A=e=>{const n=new Date;return a.createVNode("div",{class:"devui-calendar-panel"},[a.createVNode(fe,{current:e.current,compare:e.compare,pos:e.pos,type:e.type,showTime:e.showTime,onPreviousYear:e.onPreviousYear,onPreviousMonth:e.onPreviousMonth,onNextMonth:e.onNextMonth,onNextYear:e.onNextYear,dateMax:e.dateMax,dateMin:e.dateMin},null),a.createVNode("ol",{class:"head row"},[ae.map(t=>a.createVNode("li",{class:"cell"},[t]))]),a.createVNode("ul",{class:"body"},[ne(e.current).map(t=>a.createVNode("li",{class:"row"},[t.map(o=>a.createVNode("span",{class:ce(e,o),onClick:()=>ie(e,o),onMouseenter:()=>de(e,o)},[o.date.getDate()]))]))]),e.type!=="range"?a.createVNode(me,{disabled:!B(n,e.dateMin,e.dateMax),onSelected:t=>{typeof e.onToday=="function"&&e.onToday(t,0)}},null):null])};var Ce="";const L=a.defineComponent({props:{size:{type:Number,default:26},items:{type:Array},selectedIndex:{type:Number},className:{type:String},itemClassNormal:{type:String},itemClassSelected:{type:String},onChange:{type:Function}},setup(e){const{items:n=[0,1,2,3,4,5,6,7,8,9],selectedIndex:t=0,size:o=26,className:l="",itemClassNormal:r="",itemClassSelected:c="selected",onChange:s}=e||{};let i=0,w=0;const D=a.ref(),u=a.ref();let N=null,y=null;const d=a.reactive({selectedIndex:t,barOpacity:0,x:0,y:0,transition:"none"}),M=m=>{m.stopPropagation(),m.preventDefault(),N=[m.clientX,m.clientY],d.transition="none"},we=m=>{m.stopPropagation(),m.preventDefault(),!(!N||!y)&&(d.x=y[0]+m.clientX-N[0],d.y=Math.min(i,Math.max(w,y[1]+m.clientY-N[1])),d.selectedIndex=(i-d.y+o/2)/o>>0)},W=m=>{if(m.stopPropagation(),m.preventDefault(),N=null,d.y=i-d.selectedIndex*o,d.transition="transform 0.1s",y[0]=d.x,y[1]=d.y,typeof s=="function"){const C=d.selectedIndex,O=n[C];s(O,C)}};return a.onMounted(()=>{const{height:m}=D.value.getBoundingClientRect(),{height:C}=u.value.getBoundingClientRect();i=(m-o)/2,w=(m+o)/2-C,y=[0,i-d.selectedIndex*o],d.x=y[0],d.y=y[1],d.barOpacity=1,d.transition="transform 0.1s"}),()=>a.createVNode("div",{ref:D,class:`devui-vertical-slider ${l}`},[a.createVNode("div",{ref:u,class:"movable-bar",style:{opacity:d.barOpacity,transform:`translateY(${d.y}px)`,transition:d.transition}},[n.map((m,C)=>{const O=C===d.selectedIndex?c:r;return a.createVNode("span",{class:`slider-item ${O}`,style:{height:`${o}px`,lineHeight:`${o}px`}},[m])})]),a.createVNode("div",{class:"slider-mask",onMousedown:M,onMousemove:we,onMouseup:W,onMouseout:W},null)])}});var be="";const H=a.defineComponent({props:{time:{type:Date}},setup(e){const{time:n=new Date}=e||{},t=a.reactive({hour:n.getHours(),minute:n.getMinutes(),second:n.getSeconds()}),o=Array(24).fill(0).map((r,c)=>`${c}`.padStart(2,"0")),l=Array(60).fill(0).map((r,c)=>`${c}`.padStart(2,"0"));return()=>a.createVNode("div",{class:"devui-calendar-timepicker"},[a.createVNode("div",{class:"head"},[a.createVNode("div",{class:"chars"},[a.createVNode("span",null,[t.hour.toString().padStart(2,"0"),a.createTextVNode(":"),t.minute.toString().padStart(2,"0"),a.createTextVNode(":"),t.second.toString().padStart(2,"0")])])]),a.createVNode("div",{class:"select"},[a.createVNode(L,{items:o,selectedIndex:t.hour,onChange:(r,c)=>t.hour=c},null),a.createVNode(L,{items:l,selectedIndex:t.minute,onChange:(r,c)=>t.minute=c},null),a.createVNode(L,{items:l,selectedIndex:t.second,onChange:(r,c)=>t.second=c},null)])])}});var Ie="";const ge=e=>{const{showTime:n=!1}=e;let{current:t}=e;if(t instanceof Date||(t=new Date),e.type==="range"){let{next:o}=e;return o instanceof Date||(o=new Date(t.getFullYear(),t.getMonth()+1,1)),a.createVNode("div",{class:"devui-calendar-container"},[a.createVNode(A,a.mergeProps(e,{pos:0,current:t,compare:o}),null),n?a.createVNode(H,{time:t},null):null,a.createVNode(A,a.mergeProps(e,{pos:1,current:o,compare:t}),null),n?a.createVNode(H,{time:o},null):null])}else return a.createVNode("div",{class:"devui-calendar-container"},[a.createVNode(A,a.mergeProps(e,{pos:0,current:t}),null),n?a.createVNode(H,{time:t},null):null])};var ke="";const he=e=>{const[n,t]=[e.start,e.end].sort((o,l)=>o.getTime()-l.getTime());e.start=n,e.end=t,S(n,t,"m")!==0?(e.current=n,e.next=t):(S(n,e.current)<0&&(e.current=n),S(e.next,t)<0&&(e.next=t))};var I=a.defineComponent({name:"DDatepicker",props:{selectedDateChange:{type:Function},autoClose:{type:Boolean,default:!1},range:{type:Boolean,default:!1},showTime:{type:Boolean,default:!1},format:{type:String,default:"y/MM/dd"},rangeSpliter:{type:String,default:"-"},attachInputDom:{type:String},dateMin:{type:String},dateMax:{type:String}},setup(e){const n=a.ref(null),t=a.ref(null),o=v(e.dateMin)||new Date,l=new Date(o.getFullYear(),o.getMonth()+1,1),r=a.reactive({show:!1,value:"",placeholder:T(e),current:o,next:l});r.value=z(r,e),r.placeholder=T(e);const c=s=>{s.stopPropagation(),!(R(s.target,n.value)||R(s.target,t.value))&&(r.show=!1)};return a.onMounted(()=>{document.addEventListener("click",c)}),a.onUnmounted(()=>{document.removeEventListener("click",c)}),()=>a.createVNode("div",{class:"devui-datepicker-container"},[a.createVNode("div",{class:"input-container",ref:t},[a.createVNode(F,{ref:t,class:"datepicker-input",modelValue:r.value,placeholder:r.placeholder,onFocus:()=>r.show=!0},null),a.createVNode($,{size:"small",name:"calendar",class:"datepicker-input-icon"},null)]),a.createVNode("div",{class:"devui-datepicker-panel",ref:n},[r.show?a.createVNode(ge,{type:e.range?"range":"select",showTime:e.showTime,current:r.current,next:r.next,dateMin:v(e.dateMin),dateMax:v(e.dateMax),dateStart:r.start,dateEnd:r.end,dateHover:r.hover,onReset:s=>{r.end=r.hover=void 0,r.start=s},onChange:()=>{r.value=z(r,e),r.placeholder=T(e),j(e.selectedDateChange,r.value),e.autoClose&&(r.show=!1)},onToday:s=>{r.current=s,r.start=s,r.value=z(r,e),r.placeholder=T(e),j(e.selectedDateChange,r.value),e.autoClose&&(r.show=!1)},onSelected:s=>{r.start=s,S(r.current,s)!==0&&(r.current=s)},onSelectStart:s=>r.start=s,onSelectEnd:s=>{r.end=s,he(r)},onSelecting:s=>r.hover=s,onPreviousYear:(s,i)=>P(r,0,i,s),onPreviousMonth:(s,i)=>P(r,1,i,s),onNextMonth:(s,i)=>P(r,2,i,s),onNextYear:(s,i)=>P(r,3,i,s)},null):null])])}}),Fe="";const K=a.defineComponent({name:"DStickSlider",props:{},setup(){const e=a.reactive({showButtons:!1,selectedIndex:0}),n=()=>{e.showButtons=!1},t=l=>{l.stopPropagation(),e.showButtons=!0},o=l=>{l.stopPropagation(),n()};return()=>a.createVNode("div",{class:"devui-stick-slider",onMousedown:t,onMouseup:o,onMouseleave:o},[a.createVNode("div",{class:"sub-buttons",style:{display:e.showButtons?"":"none"}},[Array(16).fill(null).map((l,r)=>a.createVNode("div",{class:`button ${r===e.selectedIndex?"selected":""}`,onMouseenter:()=>e.selectedIndex=r},[r]))]),a.createVNode("div",{class:"main-button"},null)])}});I.install=function(e){e.component(I.name,I),e.component(K.name,K)};var ye={title:"DatePicker \u65E5\u671F\u9009\u62E9\u5668",category:"\u6570\u636E\u5F55\u5165",status:"50%",install(e){e.use(I)}};f.DatePicker=I,f.StickSlider=K,f.default=ye,Object.defineProperty(f,"__esModule",{value:!0}),f[Symbol.toStringTag]="Module"});
+(function(h,o){typeof exports=="object"&&typeof module!="undefined"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(h=typeof globalThis!="undefined"?globalThis:h||self,o(h.index={},h.Vue))})(this,function(h,o){"use strict";const q=e=>{const n=e.getFullYear(),t=e.getMonth()+1,a=e.getDate(),l=e.getDay(),r=e.getHours(),c=e.getMinutes(),s=e.getSeconds(),i=e.getMilliseconds();return[n,t,a,l,r,c,s,i]},C=(e,n,t=2,a="0")=>(e+"").padStart(Math.min(n.length,t),a),I=(e,n)=>{const t=q(n);let a=e;return a=a.replace(/y+/g,l=>{const r=t[0]+"";return l.length===2?r.substring(2):r}),a=a.replace(/M+/g,l=>C(t[1],l)),a=a.replace(/d+/g,l=>C(t[2],l)),a=a.replace(/h+/g,l=>C(t[4],l)),a=a.replace(/m+/g,l=>C(t[5],l)),a=a.replace(/s+/g,l=>C(t[6],l)),a},W=(e,n,t,a="-")=>{const l=[n,t];return n.getTime()>t.getTime()&&l.reverse(),`${I(e,l[0])} ${a} ${I(e,l[1])}`},H=(e,n)=>{if(!n)return!1;for(;e;){if(e===n)return!0;e=e.parentNode}return!1},K=(e,...n)=>{typeof e=="function"&&e(...n)},G=e=>{const n=e.getFullYear(),t=e.getMonth()+1,a=e.getDate(),l=e.getDay(),r=e.getHours(),c=e.getMinutes(),s=e.getSeconds(),i=e.getMilliseconds();return{year:n,y:n,month:t,M:t,date:a,d:a,day:l,hour:r,H:r,h:r,minute:c,m:c,second:s,s,ms:i}},Z=(e,n)=>{const t=new Date(e,n-1,1),a=new Date(e,n,0),l=[];let r=t.getDay();for(;r>0;)r-=1,l.push({date:new Date(e,n-1,-r),current:-1});r=a.getDate()-t.getDate();for(let s=0;s<=r;s++){const i=new Date(t);i.setDate(s+1),l.push({date:i,current:0})}r=a.getDay();let c=a;for(let s=r;s<6;s++)c=new Date(e,n,s-r+1),l.push({date:c,current:1});if(l.length<42){r=c.getDate();for(let s=1;s<=7;s++)c=new Date(e,n,r+s),l.push({date:c,current:1})}return l},J=(e=new Date)=>{e instanceof Date||(e=new Date);const{year:n,month:t}=G(e),a=Z(n,t),l=[];for(;a.length>0;)l.push(a.splice(0,7));return l},Q=["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],D=(e,...n)=>{typeof e=="function"&&e(...n)},ee=(e,n)=>{const t=e.getFullYear()*12+e.getMonth(),a=n.getFullYear()*12+n.getMonth();return t-a},$=(e,n)=>{const t=new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime(),a=new Date(n.getFullYear(),n.getMonth(),n.getDate()).getTime();return(t-a)/864e5},m=(e,n,t,a)=>!e||!n?!0:t==="year"?n.getFullYear()-e.getFullYear()>a:ee(n,e)>a,T=e=>{if(!e||typeof e!="string")return null;const[n="",t=""]=e.split(/([ ]|T)+/);if(!n)return null;const[a,l,r]=n.split(/[^\d]+/),c=N(a),s=N(l),i=N(r)||1;if(!c||!s)return null;const y=te(t);return new Date(c,s-1,i,...y)},N=(e,n)=>{if(!e||typeof e!="string")return n;const t=parseInt(e);return isNaN(t)?n:t},te=e=>{const[n,t,a,l]=e.split(/[\:\.]+/);return[N(n,0),N(t,0),N(a,0),N(l,0)]},x=(e,n,t="d")=>{const a=O(e,t),l=O(n,t);return a<l?-1:a>l?1:0},O=(e,n)=>{switch(n){case"y":return e.getFullYear();case"m":return e.getFullYear()*12+e.getMonth()}return e.getTime()/864e5>>0},Y=(e,n,t)=>!(n instanceof Date&&x(n,e,"d")>0||t instanceof Date&&x(e,t,"d")>0),ne={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},modelValue:{type:String,default:""},"update:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var we="";const ae=Symbol("dFormItem"),E={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var k=o.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,n){n.value&&e.focus()}}},props:ne,emits:["update:modelValue","focus","blur","change","keydown"],setup(e,n){const t=o.inject(ae,{}),a=Object.keys(t).length>0,l=o.computed(()=>`devui-input-${e.size}`),r=o.ref(!1),c=o.ref("text"),s=o.computed(()=>({error:e.error,[e.cssClass]:!0,"devui-input-restore":r.value,[l.value]:e.size!==""})),i=o.computed(()=>c.value==="password");return o.watch(()=>e.showPassword,w=>{c.value=w?"password":"text",r.value=e.showPassword},{immediate:!0}),{inputCls:s,inputType:c,showPreviewIcon:i,showPwdIcon:r,onInput:w=>{n.emit("update:modelValue",w.target.value),a&&t.formItemMitt.emit(E.input)},onFocus:()=>{n.emit("focus")},onBlur:()=>{n.emit("blur"),a&&t.formItemMitt.emit(E.blur)},onChange:w=>{n.emit("change",w.target.value),a&&t.formItemMitt.emit(E.change)},onKeydown:w=>{n.emit("keydown",w)},onChangeInputType:()=>{c.value=c.value==="password"?"text":"password"}}},render(){const{modelValue:e,showPreviewIcon:n,showPwdIcon:t,inputCls:a,inputType:l,maxLength:r,autoFocus:c,placeholder:s,disabled:i,onInput:y,onFocus:p,onBlur:u,onChange:M,onKeydown:g,onChangeInputType:d}=this;return o.createVNode("div",{class:"devui-input__wrap"},[o.withDirectives(o.createVNode("input",o.mergeProps({dinput:!0},{value:e,disabled:i,type:l,maxlength:r,placeholder:s,class:a,onInput:y,onFocus:p,onBlur:u,onChange:M,onKeydown:g}),null),[[o.resolveDirective("focus"),c]]),t&&o.createVNode("div",{class:"devui-input__preview",onClick:d},[n?o.createVNode(o.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:1},null):o.createVNode(o.resolveComponent("d-icon"),{name:"preview",size:"12px",key:2},null)])])}});k.install=function(e){e.component(k.name,k)};const oe={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var re=o.defineComponent({name:"DIcon",props:oe,setup(e){const{name:n,size:t,color:a,classPrefix:l}=o.toRefs(e);return()=>/^((https?):)?\/\//.test(n.value)?o.createVNode("img",{src:n.value,alt:n.value.split("/")[n.value.split("/").length-1],style:{width:t.value,verticalAlign:"text-bottom"}},null):o.createVNode("i",{class:`${l.value} ${l.value}-${n.value}`,style:{fontSize:t.value,color:a.value}},null)}});const v=(e,n,t,a)=>{switch(n){case 0:const l=new Date(a);l.setFullYear(l.getFullYear()-1),t===0?e.current=l:e.next=l;break;case 1:const r=new Date(a);r.setMonth(r.getMonth()-1),t===0?e.current=r:e.next=r;break;case 2:const c=new Date(a);c.setMonth(c.getMonth()+1),t===0?e.current=c:e.next=c;break;case 3:const s=new Date(a);s.setFullYear(s.getFullYear()+1),t===0?e.current=s:e.next=s;break}},B=(e,n)=>{const{format:t="y/MM/dd",range:a,rangeSpliter:l="-"}=n||{};if(a){if(e.start){if(!e.end)return I(t,e.start)}else return"";if(e.end<e.start){const r=e.end;e.end=e.start,e.start=r}return W(t,e.start,e.end,l)}else return e.start?I(t,e.start):""},F=e=>{if(!e)return"";const n=e.format||"y/MM/dd",t=e.rangeSpliter||"-";return e.range?`${n} ${t} ${n}`:n},S=e=>e.toDateString(),le=(e,n,t="cell")=>{if(Y(n.date,e.dateMin,e.dateMax)){if(n.current!==0)return`${t} not-current`}else return`${t} disabled`;const a=S(n.date);if(e.type==="range"){if(e.dateStart){if(S(e.dateStart)===a)return`${t} selected`;if(e.dateEnd&&S(e.dateEnd)===a)return`${t} selected`;const l=e.dateEnd||e.dateHover;if(l){const r=l>e.dateStart?[e.dateStart,l]:[l,e.dateStart];if(n.date>r[0]&&n.date<r[1])return`${t} innerday`}}return t}else return e.dateStart&&S(e.dateStart)===a?`${t} selected`:t},se=(e,n)=>{!Y(n.date,e.dateMin,e.dateMax)||(e.type==="range"?e.dateStart?e.dateEnd?D(e.onReset,n.date):$(e.dateStart,n.date)!==0&&(D(e.onSelectEnd,n.date),typeof e.onChange=="function"&&e.onChange(e.type,e)):D(e.onSelectStart,n.date):(D(e.onSelected,n.date),typeof e.onChange=="function"&&e.onChange(e.type,e)))},ce=(e,n)=>{if(n.current!==0)return;const{dateMin:t,dateMax:a}=e;if(!(t&&$(n.date,t)<0)&&!(a&&$(a,n.date)<0)&&e.type==="range"){const l=S(n.date);if(!e.dateStart||S(e.dateStart)===l||e.dateEnd)return;D(e.onSelecting,n.date)}},j=e=>{const{color:n="#585d6b",rotate:t=0}=e;return o.createVNode("svg",{style:{transform:`rotate(${t}deg)`},width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[o.createVNode("g",{fill:n,transform:"translate(-1.000000, -1.000000)"},[o.createVNode("path",{d:"M11,1.83333333 L11,10.1666667 L7,7.38833333 L7,10.1666667 L1,6 L7,1.83333333 L7,4.61033333 L11,1.83333333 Z"},null)])])},U=e=>{const{color:n="#585d6b",rotate:t=0}=e;return o.createVNode("svg",{style:{transform:`rotate(${t}deg)`},width:"6px",height:"10px",viewBox:"0 0 6 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[o.createVNode("g",{fill:n,transform:"translate(-3.000000, -1.000000)"},[o.createVNode("polygon",{points:"6 3 10.1666667 9 1.83333333 9"},null)])])};var Me="";const P=e=>{const{button:n,disabled:t=!1,rotate:a=0,date:l,pos:r}=e,c=t?"#cfd0d3":"#585d6b",s=`${t?"disabled":""}`,i=t?void 0:()=>D(e.cb,l,r);return o.createVNode("a",{class:s,onClick:i},[o.createVNode(n,{color:c,rotate:a},null)])},ie=e=>{const{date:n}=e;return o.createVNode("a",{class:"title"},[`${n.getFullYear()}\u5E74${(n.getMonth()+1+"").padStart(2,"0")}\u6708`])},de=e=>{const{type:n,current:t,compare:a,pos:l,dateMax:r,dateMin:c,onPreviousYear:s,onPreviousMonth:i,onNextMonth:y,onNextYear:p}=e,u=[!1,!1,!1,!1];return n==="range"?l===1?(u[0]=!m(a,t,"year",1),u[1]=!m(a,t,"month",1),u[2]=!m(t,r,"month",0),u[3]=!m(t,r,"year",0)):(u[0]=!m(c,t,"year",0),u[1]=!m(c,t,"month",0),u[2]=!m(t,a,"month",1),u[3]=!m(t,a,"year",1)):(u[0]=!m(c,t,"year",0),u[1]=!m(c,t,"month",0),u[2]=!m(t,r,"month",0),u[3]=!m(t,r,"year",0)),o.createVNode("div",{class:"devui-calendar-toolbar"},[o.createVNode(P,{disabled:u[0],date:t,pos:l,button:j,cb:s},null),o.createVNode(P,{disabled:u[1],date:t,pos:l,button:U,rotate:-90,cb:i},null),o.createVNode(ie,{date:t},null),o.createVNode(P,{disabled:u[2],date:t,pos:l,button:U,rotate:90,cb:y},null),o.createVNode(P,{disabled:u[3],date:t,pos:l,button:j,rotate:180,cb:p},null)])},ue=e=>{const{onSelected:n=()=>0,disabled:t=!1}=e;return o.createVNode("div",{class:`today-container ${t?"disabled":""}`},[o.createVNode("button",{class:"today-button",disabled:t,onClick:t?void 0:()=>n(new Date)},[o.createTextVNode("\u4ECA\u5929")])])};var Ne="";const _=e=>{const n=new Date;return o.createVNode("div",{class:"devui-calendar-panel"},[o.createVNode(de,{current:e.current,compare:e.compare,pos:e.pos,type:e.type,showTime:e.showTime,onPreviousYear:e.onPreviousYear,onPreviousMonth:e.onPreviousMonth,onNextMonth:e.onNextMonth,onNextYear:e.onNextYear,dateMax:e.dateMax,dateMin:e.dateMin},null),o.createVNode("ol",{class:"head row"},[Q.map(t=>o.createVNode("li",{class:"cell"},[t]))]),o.createVNode("ul",{class:"body"},[J(e.current).map(t=>o.createVNode("li",{class:"row"},[t.map(a=>o.createVNode("span",{class:le(e,a),onClick:()=>se(e,a),onMouseenter:()=>ce(e,a)},[a.date.getDate()]))]))]),e.type!=="range"?o.createVNode(ue,{disabled:!Y(n,e.dateMin,e.dateMax),onSelected:t=>{typeof e.onToday=="function"&&e.onToday(t,0)}},null):null])};var pe="";const z=o.defineComponent({props:{size:{type:Number,default:26},items:{type:Array},selectedIndex:{type:Number},className:{type:String},itemClassNormal:{type:String},itemClassSelected:{type:String},onChange:{type:Function}},setup(e){const{items:n=[0,1,2,3,4,5,6,7,8,9],selectedIndex:t=0,size:a=26,className:l="",itemClassNormal:r="",itemClassSelected:c="selected",onChange:s}=e||{};let i=0,y=0;const p=o.ref(),u=o.ref();let M=null,g=null;const d=o.reactive({selectedIndex:t,barOpacity:0,x:0,y:0,transition:"none"}),w=f=>{f.stopPropagation(),f.preventDefault(),M=[f.clientX,f.clientY],d.transition="none"},he=f=>{f.stopPropagation(),f.preventDefault(),!(!M||!g)&&(d.x=g[0]+f.clientX-M[0],d.y=Math.min(i,Math.max(y,g[1]+f.clientY-M[1])),d.selectedIndex=(i-d.y+a/2)/a>>0)},X=f=>{if(f.stopPropagation(),f.preventDefault(),M=null,d.y=i-d.selectedIndex*a,d.transition="transform 0.1s",g[0]=d.x,g[1]=d.y,typeof s=="function"){const V=d.selectedIndex,R=n[V];s(R,V)}};return o.onMounted(()=>{const{height:f}=p.value.getBoundingClientRect(),{height:V}=u.value.getBoundingClientRect();i=(f-a)/2,y=(f+a)/2-V,g=[0,i-d.selectedIndex*a],d.x=g[0],d.y=g[1],d.barOpacity=1,d.transition="transform 0.1s"}),()=>o.createVNode("div",{ref:p,class:`devui-vertical-slider ${l}`},[o.createVNode("div",{ref:u,class:"movable-bar",style:{opacity:d.barOpacity,transform:`translateY(${d.y}px)`,transition:d.transition}},[n.map((f,V)=>{const R=V===d.selectedIndex?c:r;return o.createVNode("span",{class:`slider-item ${R}`,style:{height:`${a}px`,lineHeight:`${a}px`}},[f])})]),o.createVNode("div",{class:"slider-mask",onMousedown:w,onMousemove:he,onMouseup:X,onMouseout:X},null)])}});var De="";const A=o.defineComponent({props:{time:{type:Date}},setup(e){const{time:n=new Date}=e||{},t=o.reactive({hour:n.getHours(),minute:n.getMinutes(),second:n.getSeconds()}),a=Array(24).fill(0).map((r,c)=>`${c}`.padStart(2,"0")),l=Array(60).fill(0).map((r,c)=>`${c}`.padStart(2,"0"));return()=>o.createVNode("div",{class:"devui-calendar-timepicker"},[o.createVNode("div",{class:"head"},[o.createVNode("div",{class:"chars"},[o.createVNode("span",null,[t.hour.toString().padStart(2,"0"),o.createTextVNode(":"),t.minute.toString().padStart(2,"0"),o.createTextVNode(":"),t.second.toString().padStart(2,"0")])])]),o.createVNode("div",{class:"select"},[o.createVNode(z,{items:a,selectedIndex:t.hour,onChange:(r,c)=>t.hour=c},null),o.createVNode(z,{items:l,selectedIndex:t.minute,onChange:(r,c)=>t.minute=c},null),o.createVNode(z,{items:l,selectedIndex:t.second,onChange:(r,c)=>t.second=c},null)])])}});var xe="";const fe=e=>{const{showTime:n=!1}=e;let{current:t}=e;if(t instanceof Date||(t=new Date),e.type==="range"){let{next:a}=e;return a instanceof Date||(a=new Date(t.getFullYear(),t.getMonth()+1,1)),o.createVNode("div",{class:"devui-calendar-container"},[o.createVNode(_,o.mergeProps(e,{pos:0,current:t,compare:a}),null),n?o.createVNode(A,{time:t},null):null,o.createVNode(_,o.mergeProps(e,{pos:1,current:a,compare:t}),null),n?o.createVNode(A,{time:a},null):null])}else return o.createVNode("div",{class:"devui-calendar-container"},[o.createVNode(_,o.mergeProps(e,{pos:0,current:t}),null),n?o.createVNode(A,{time:t},null):null])};var Se="";const me=e=>{const[n,t]=[e.start,e.end].sort((a,l)=>a.getTime()-l.getTime());e.start=n,e.end=t,x(n,t,"m")!==0?(e.current=n,e.next=t):(x(n,e.current)<0&&(e.current=n),x(e.next,t)<0&&(e.next=t))};var b=o.defineComponent({name:"DDatepicker",props:{selectedDateChange:{type:Function},autoClose:{type:Boolean,default:!1},range:{type:Boolean,default:!1},showTime:{type:Boolean,default:!1},format:{type:String,default:"y/MM/dd"},rangeSpliter:{type:String,default:"-"},attachInputDom:{type:String},dateMin:{type:String},dateMax:{type:String}},setup(e){const n=o.ref(null),t=o.ref(null),a=T(e.dateMin)||new Date,l=new Date(a.getFullYear(),a.getMonth()+1,1),r=o.reactive({show:!1,value:"",placeholder:F(e),current:a,next:l});r.value=B(r,e),r.placeholder=F(e);const c=s=>{s.stopPropagation(),!(H(s.target,n.value)||H(s.target,t.value))&&(r.show=!1)};return o.onMounted(()=>{document.addEventListener("click",c)}),o.onUnmounted(()=>{document.removeEventListener("click",c)}),()=>o.createVNode("div",{class:"devui-datepicker-container"},[o.createVNode("div",{class:"input-container",ref:t},[o.createVNode(k,{ref:t,class:"datepicker-input",modelValue:r.value,placeholder:r.placeholder,onFocus:()=>r.show=!0},null),o.createVNode(re,{size:"small",name:"calendar",class:"datepicker-input-icon"},null)]),o.createVNode("div",{class:"devui-datepicker-panel",ref:n},[r.show?o.createVNode(fe,{type:e.range?"range":"select",showTime:e.showTime,current:r.current,next:r.next,dateMin:T(e.dateMin),dateMax:T(e.dateMax),dateStart:r.start,dateEnd:r.end,dateHover:r.hover,onReset:s=>{r.end=r.hover=void 0,r.start=s},onChange:()=>{r.value=B(r,e),r.placeholder=F(e),K(e.selectedDateChange,r.value),e.autoClose&&(r.show=!1)},onToday:s=>{r.current=s,r.start=s,r.value=B(r,e),r.placeholder=F(e),K(e.selectedDateChange,r.value),e.autoClose&&(r.show=!1)},onSelected:s=>{r.start=s,x(r.current,s)!==0&&(r.current=s)},onSelectStart:s=>r.start=s,onSelectEnd:s=>{r.end=s,me(r)},onSelecting:s=>r.hover=s,onPreviousYear:(s,i)=>v(r,0,i,s),onPreviousMonth:(s,i)=>v(r,1,i,s),onNextMonth:(s,i)=>v(r,2,i,s),onNextYear:(s,i)=>v(r,3,i,s)},null):null])])}}),Ve="";const L=o.defineComponent({name:"DStickSlider",props:{},setup(){const e=o.reactive({showButtons:!1,selectedIndex:0}),n=()=>{e.showButtons=!1},t=l=>{l.stopPropagation(),e.showButtons=!0},a=l=>{l.stopPropagation(),n()};return()=>o.createVNode("div",{class:"devui-stick-slider",onMousedown:t,onMouseup:a,onMouseleave:a},[o.createVNode("div",{class:"sub-buttons",style:{display:e.showButtons?"":"none"}},[Array(16).fill(null).map((l,r)=>o.createVNode("div",{class:`button ${r===e.selectedIndex?"selected":""}`,onMouseenter:()=>e.selectedIndex=r},[r]))]),o.createVNode("div",{class:"main-button"},null)])}});b.install=function(e){e.component(b.name,b),e.component(L.name,L)};var ge={title:"DatePicker \u65E5\u671F\u9009\u62E9\u5668",category:"\u6570\u636E\u5F55\u5165",status:"50%",install(e){e.use(b)}};h.DatePicker=b,h.StickSlider=L,h.default=ge,Object.defineProperty(h,"__esModule",{value:!0}),h[Symbol.toStringTag]="Module"});

package/dropdown/index.es.js

@@ -17,8 +17,8 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { toRefs, watch, onMounted, onUnmounted, defineComponent, createVNode, Teleport, Transition, renderSlot, isVNode, computed, ref, nextTick, unref, mergeProps, Fragment } from "vue";
-import { offset, autoPlacement, arrow, computePosition } from "@floating-ui/dom";
+import { toRefs, watch, onMounted, onUnmounted, ref, computed, defineComponent, createVNode, Teleport, Transition, renderSlot, isVNode, unref, nextTick, mergeProps, Fragment, withDirectives, vShow } from "vue";
+import { shift, offset, autoPlacement, arrow, computePosition } from "@floating-ui/dom";
 import { onClickOutside } from "@vueuse/core";
 const dropdownProps = {
   visible: {
@@ -48,6 +48,18 @@ const dropdownProps = {
   closeOnMouseLeaveMenu: {
     type: Boolean,
     default: false
+  },
+  showAnimation: {
+    type: Boolean,
+    default: true
+  },
+  overlayClass: {
+    type: String,
+    default: ""
+  },
+  destroyOnHide: {
+    type: Boolean,
+    default: true
   }
 };
 function getElement(element) {
@@ -74,12 +86,12 @@ const useDropdownEvent = ({ id, isOpen, origin, dropdownRef, props, emit }) => {
     isOpen.value = status;
     emit("toggle", isOpen.value);
   };
-  const handleLeave = async (elementType, e) => {
+  const handleLeave = async (elementType, closeAll) => {
     await new Promise((resolve) => setTimeout(resolve, 50));
     if (elementType === "origin" && overlayEnter || elementType === "dropdown" && originEnter) {
       return;
     }
-    if (e) {
+    if (closeAll) {
       [...dropdownMap.values()].reverse().forEach((item) => {
         setTimeout(() => {
           var _a;
@@ -119,7 +131,7 @@ const useDropdownEvent = ({ id, isOpen, origin, dropdownRef, props, emit }) => {
       subscriptions.push(subscribeEvent(originEl, "click", () => toggle(!isOpen.value)), subscribeEvent(dropdownEl, "mouseleave", (e) => {
         var _a;
         if (closeOnMouseLeaveMenu.value && !((_a = dropdownMap.get(id).child) == null ? void 0 : _a.contains(e.relatedTarget))) {
-          handleLeave("dropdown", e);
+          handleLeave("dropdown", true);
         }
       }));
     } else if (triggerVal === "hover") {
@@ -138,7 +150,7 @@ const useDropdownEvent = ({ id, isOpen, origin, dropdownRef, props, emit }) => {
         if (e.relatedTarget && ((originEl == null ? void 0 : originEl.contains(e.relatedTarget)) || ((_a = dropdownMap.get(id).child) == null ? void 0 : _a.contains(e.relatedTarget)))) {
           return;
         }
-        handleLeave("dropdown", e);
+        handleLeave("dropdown", true);
       }));
     }
     onInvalidate(() => subscriptions.forEach((v) => v()));
@@ -189,7 +201,28 @@ function useDropdown(id, visible, isOpen, origin, dropdownRef, popDirection, emi
     dropdownMap.delete(id);
   });
 }
-var overlay = "";
+function useOverlayProps(props, currentPosition, isOpen) {
+  const { showAnimation, overlayClass, destroyOnHide } = toRefs(props);
+  const overlayModelValue = ref(false);
+  const overlayShowValue = ref(false);
+  const styles = computed(() => ({
+    transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%"
+  }));
+  const classes = computed(() => ({
+    "fade-in-bottom": showAnimation.value && isOpen.value && currentPosition.value === "bottom",
+    "fade-in-top": showAnimation.value && isOpen.value && currentPosition.value === "top",
+    [`${overlayClass.value}`]: true
+  }));
+  const handlePositionChange = (pos) => {
+    currentPosition.value = pos.includes("top") || pos.includes("end") ? "top" : "bottom";
+  };
+  watch(isOpen, (isOpenVal) => {
+    overlayModelValue.value = destroyOnHide.value ? isOpenVal : true;
+    overlayShowValue.value = isOpenVal;
+  });
+  return { overlayModelValue, overlayShowValue, styles, classes, handlePositionChange };
+}
+var baseOverlay = "";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -236,43 +269,13 @@ const overlayProps = {
     default: true
   }
 };
-const overlayEmits = ["update:visible", "backdropClick"];
 const fixedOverlayProps = __spreadProps(__spreadValues({}, overlayProps), {
   overlayStyle: {
     type: [String, Object],
     default: void 0
   }
 });
-const flexibleOverlayProps = {
-  modelValue: {
-    type: Boolean,
-    default: false
-  },
-  origin: {
-    type: Object,
-    require: true
-  },
-  position: {
-    type: Array,
-    default: ["bottom"]
-  },
-  offset: {
-    type: [Number, Object],
-    default: 8
-  },
-  align: {
-    type: String,
-    default: null
-  },
-  showArrow: {
-    type: Boolean,
-    default: false
-  },
-  isArrowCenter: {
-    type: Boolean,
-    default: true
-  }
-};
+const overlayEmits = ["update:visible", "backdropClick"];
 function useOverlayLogic(props, ctx) {
   const backgroundClass = computed(() => {
     return [
@@ -323,6 +326,7 @@ function useOverlayLogic(props, ctx) {
     handleOverlayBubbleCancel
   };
 }
+var fixedOverlay = "";
 defineComponent({
   name: "DFixedOverlay",
   props: fixedOverlayProps,
@@ -347,6 +351,36 @@ defineComponent({
     });
   }
 });
+const flexibleOverlayProps = {
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  origin: {
+    type: Object,
+    require: true
+  },
+  position: {
+    type: Array,
+    default: ["bottom"]
+  },
+  offset: {
+    type: [Number, Object],
+    default: 8
+  },
+  align: {
+    type: String,
+    default: null
+  },
+  showArrow: {
+    type: Boolean,
+    default: false
+  },
+  isArrowCenter: {
+    type: Boolean,
+    default: true
+  }
+};
 function getScrollParent(element) {
   const overflowRegex = /(auto|scroll|hidden)/;
   for (let parent = element; parent = parent.parentElement; parent.parentElement !== document.body) {
@@ -400,6 +434,7 @@ function useOverlay(props, emit) {
     const overlayEl = unref(overlayRef.value);
     const arrowEl = unref(arrowRef.value);
     const middleware = [
+      shift(),
       offset(props.offset),
       autoPlacement({
         alignment: props.align,
@@ -434,7 +469,7 @@ function useOverlay(props, emit) {
     originParent !== window && window.removeEventListener("scroll", updatePosition);
     window.removeEventListener("resize", updatePosition);
   });
-  return { arrowRef, overlayRef };
+  return { arrowRef, overlayRef, updatePosition };
 }
 var flexibleOverlay = "";
 const FlexibleOverlay = defineComponent({
@@ -445,12 +480,17 @@ const FlexibleOverlay = defineComponent({
   setup(props, {
     slots,
     attrs,
-    emit
+    emit,
+    expose
   }) {
     const {
       arrowRef,
-      overlayRef
+      overlayRef,
+      updatePosition
     } = useOverlay(props, emit);
+    expose({
+      updatePosition
+    });
     return () => {
       var _a;
       return props.modelValue && createVNode("div", mergeProps({
@@ -473,29 +513,22 @@ var Dropdown = defineComponent({
   setup(props, {
     slots,
     attrs,
-    emit
+    emit,
+    expose
   }) {
     const {
       visible,
       position,
       align,
-      offset: offset2
+      offset: offset2,
+      showAnimation
     } = toRefs(props);
     const origin = ref();
     const dropdownRef = ref();
+    const overlayRef = ref();
     const id = `dropdown_${dropdownId++}`;
     const isOpen = ref(false);
     const currentPosition = ref("bottom");
-    const handlePositionChange = (pos) => {
-      currentPosition.value = pos.includes("top") || pos.includes("end") ? "top" : "bottom";
-    };
-    const styles = computed(() => ({
-      transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%"
-    }));
-    const classes = computed(() => ({
-      "fade-in-bottom": isOpen.value && currentPosition.value === "bottom",
-      "fade-in-top": isOpen.value && currentPosition.value === "top"
-    }));
     useDropdownEvent({
       id,
       isOpen,
@@ -505,6 +538,16 @@ var Dropdown = defineComponent({
       emit
     });
     useDropdown(id, visible, isOpen, origin, dropdownRef, currentPosition, emit);
+    const {
+      overlayModelValue,
+      overlayShowValue,
+      styles,
+      classes,
+      handlePositionChange
+    } = useOverlayProps(props, currentPosition, isOpen);
+    expose({
+      updatePosition: () => overlayRef.value.updatePosition()
+    });
     return () => {
       var _a;
       return createVNode(Fragment, null, [createVNode("div", {
@@ -514,11 +557,12 @@ var Dropdown = defineComponent({
         "to": "body"
       }, {
         default: () => [createVNode(Transition, {
-          "name": `devui-dropdown-fade-${currentPosition.value}`
+          "name": showAnimation.value ? `devui-dropdown-fade-${currentPosition.value}` : ""
         }, {
-          default: () => [createVNode(FlexibleOverlay, {
-            "modelValue": isOpen.value,
-            "onUpdate:modelValue": ($event) => isOpen.value = $event,
+          default: () => [withDirectives(createVNode(FlexibleOverlay, {
+            "modelValue": overlayModelValue.value,
+            "onUpdate:modelValue": ($event) => overlayModelValue.value = $event,
+            "ref": overlayRef,
             "origin": origin.value,
             "position": position.value,
             "align": align.value,
@@ -534,7 +578,7 @@ var Dropdown = defineComponent({
                 "class": "devui-dropdown-menu-wrap"
               }, attrs), [(_a2 = slots.menu) == null ? void 0 : _a2.call(slots)])];
             }
-          })]
+          }), [[vShow, overlayShowValue.value]])]
         })]
       })]);
     };
@@ -564,6 +608,14 @@ const dropdownMenuProps = {
   clickOutside: {
     type: Function,
     default: () => true
+  },
+  showAnimation: {
+    type: Boolean,
+    default: true
+  },
+  overlayClass: {
+    type: String,
+    default: ""
   }
 };
 var DropdownMenu = defineComponent({
@@ -582,12 +634,14 @@ var DropdownMenu = defineComponent({
       position,
       align,
       offset: offset2,
-      clickOutside
+      clickOutside,
+      showAnimation,
+      overlayClass
     } = toRefs(props);
     const dropdownMenuRef = ref(null);
     onClickOutside(dropdownMenuRef, (value) => {
-      var _a;
-      if (((_a = clickOutside.value) == null ? void 0 : _a.call(clickOutside)) && !origin.value.contains(value.target)) {
+      var _a, _b;
+      if (((_a = clickOutside.value) == null ? void 0 : _a.call(clickOutside)) && !((_b = origin == null ? void 0 : origin.value) == null ? void 0 : _b.contains(value.target))) {
         emit("update:modelValue", false);
       }
     });
@@ -602,7 +656,7 @@ var DropdownMenu = defineComponent({
       "to": "body"
     }, {
       default: () => [createVNode(Transition, {
-        "name": `devui-dropdown-fade-${currentPosition.value}`
+        "name": showAnimation.value ? `devui-dropdown-fade-${currentPosition.value}` : ""
       }, {
         default: () => [createVNode(FlexibleOverlay, {
           "modelValue": modelValue.value,
@@ -612,6 +666,7 @@ var DropdownMenu = defineComponent({
           "align": align.value,
           "offset": offset2.value,
           "onPositionChange": handlePositionChange,
+          "class": overlayClass.value,
           "style": styles.value
         }, {
           default: () => {

package/dropdown/index.umd.js

@@ -1 +1 @@
-var te=Object.defineProperty,oe=Object.defineProperties;var ne=Object.getOwnPropertyDescriptors;var R=Object.getOwnPropertySymbols;var le=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable;var $=(u,e,p)=>e in u?te(u,e,{enumerable:!0,configurable:!0,writable:!0,value:p}):u[e]=p,D=(u,e)=>{for(var p in e||(e={}))le.call(e,p)&&$(u,p,e[p]);if(R)for(var p of R(e))ae.call(e,p)&&$(u,p,e[p]);return u},T=(u,e)=>oe(u,ne(e));(function(u,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@floating-ui/dom"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom","@vueuse/core"],e):(u=typeof globalThis!="undefined"?globalThis:u||self,e(u.index={},u.Vue,u.dom,u.core))})(this,function(u,e,p,_){"use strict";const F={visible:{type:Boolean,default:!1},trigger:{type:String,default:"click"},closeScope:{type:String,default:"all"},position:{type:Array,default:["bottom"]},align:{type:String,default:null},offset:{type:[Number,Object],default:4},closeOnMouseLeaveMenu:{type:Boolean,default:!1}};function q(t){return t instanceof Element?t:t&&typeof t=="object"&&t.$el instanceof Element?t.$el:null}const h=new Map;function B(t,n,l){return t==null||t.addEventListener(n,l),()=>{t==null||t.removeEventListener(n,l)}}const U=({id:t,isOpen:n,origin:l,dropdownRef:s,props:c,emit:a})=>{let o=!1,d=!1;const{trigger:f,closeScope:r,closeOnMouseLeaveMenu:g}=e.toRefs(c),i=b=>{n.value=b,a("toggle",n.value)},y=async(b,m)=>{await new Promise(v=>setTimeout(v,50)),!(b==="origin"&&o||b==="dropdown"&&d)&&(m&&[...h.values()].reverse().forEach(v=>{setTimeout(()=>{var C;(C=v.toggle)==null||C.call(v)},0)}),i(!1))};e.watch([f,l,s],([b,m,v],C,P)=>{const S=q(m),O=[];setTimeout(()=>{O.push(B(document,"click",w=>{const k=[...h.values()];!n.value||r.value==="none"||v.contains(w.target)&&r.value==="blank"||k.some(V=>{var E;return(E=V.toggleEl)==null?void 0:E.contains(w.target)})&&k.some(V=>{var E;return(E=V.menuEl)==null?void 0:E.contains(w.target)})||([...h.values()].reverse().forEach(V=>{setTimeout(()=>{var E,L;((E=V.toggleEl)==null?void 0:E.contains(w.target))||(L=V.toggle)==null||L.call(V)},0)}),o=!1)}))},0),b==="click"?O.push(B(S,"click",()=>i(!n.value)),B(v,"mouseleave",w=>{var k;g.value&&!((k=h.get(t).child)==null?void 0:k.contains(w.relatedTarget))&&y("dropdown",w)})):b==="hover"&&O.push(B(S,"mouseenter",()=>{d=!0,i(!0)}),B(S,"mouseleave",()=>{d=!1,y("origin")}),B(v,"mouseenter",()=>{o=!0,n.value=!0}),B(v,"mouseleave",w=>{var k;o=!1,!(w.relatedTarget&&((S==null?void 0:S.contains(w.relatedTarget))||((k=h.get(t).child)==null?void 0:k.contains(w.relatedTarget))))&&y("dropdown",w)})),P(()=>O.forEach(w=>w()))})};function z(t,n,l,s,c,a,o){const d=f=>{const r=f.offsetHeight;window.innerHeight-s.value.getBoundingClientRect().bottom>=r?a.value="bottom":a.value="top"};e.watch(n,(f,r)=>{r!==void 0&&(l.value=f,o("toggle",l.value))},{immediate:!0}),e.watch([l,c],([f,r])=>{var g;if(f){h.set(t,T(D({},h.get(t)),{menuEl:r,toggle:()=>{l.value=!1,o("toggle",l.value)}}));for(const i of h.values())((g=i.menuEl)==null?void 0:g.contains(s.value))&&(i.child=r)}r&&d(r)}),e.onMounted(()=>{h.set(t,{toggleEl:s.value})}),e.onUnmounted(()=>{h.delete(t)})}var re="";function H(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const Y=e.defineComponent({setup(t,n){return()=>{let l;return e.createVNode(e.Teleport,{to:"#d-overlay-anchor"},{default:()=>[e.createVNode(e.Transition,{name:"devui-overlay-fade"},H(l=e.renderSlot(n.slots,"default"))?l:{default:()=>[l]})]})}}}),I={visible:{type:Boolean},backgroundBlock:{type:Boolean,default:!1},backgroundClass:{type:String,default:""},backgroundStyle:{type:[String,Object]},onBackdropClick:{type:Function},backdropClose:{type:Boolean,default:!0},hasBackdrop:{type:Boolean,default:!0}},X=["update:visible","backdropClick"],G=T(D({},I),{overlayStyle:{type:[String,Object],default:void 0}}),J={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0}};function K(t,n){const l=e.computed(()=>["devui-overlay-background",t.backgroundClass,t.hasBackdrop?"devui-overlay-background__color":"devui-overlay-background__disabled"]),s=e.computed(()=>"devui-overlay"),c=o=>{var d;o.preventDefault(),(d=t.onBackdropClick)==null||d.call(t),t.backdropClose&&n.emit("update:visible",!1)},a=o=>o.cancelBubble=!0;return e.onMounted(()=>{const o=document.body,d=o.style.overflow,f=o.style.position;e.watch([()=>t.visible,()=>t.backgroundBlock],([r,g])=>{if(g){const i=o.getBoundingClientRect().y;r?(o.style.overflowY="scroll",o.style.position=r?"fixed":"",o.style.top=`${i}px`):(o.style.overflowY=d,o.style.position=f,o.style.top="",window.scrollTo(0,-i))}}),e.onUnmounted(()=>{document.body.style.overflow=d})}),{backgroundClass:l,overlayClass:s,handleBackdropClick:c,handleOverlayBubbleCancel:a}}e.defineComponent({name:"DFixedOverlay",props:G,emits:X,setup(t,n){const{backgroundClass:l,overlayClass:s,handleBackdropClick:c,handleOverlayBubbleCancel:a}=K(t,n);return()=>e.createVNode(Y,null,{default:()=>[t.visible&&e.createVNode("div",{class:l.value,style:t.backgroundStyle,onClick:c},[e.createVNode("div",{class:s.value,style:t.overlayStyle,onClick:a},[e.renderSlot(n.slots,"default")])])]})}});function M(t){const n=/(auto|scroll|hidden)/;for(let l=t;l=l.parentElement;l.parentElement!==document.body){const s=window.getComputedStyle(l);if(n.test(s.overflow+s.overflowX+s.overflowY))return l}return window}function Q(t,n,l,s){let{x:c,y:a}=n;if(!t){const{width:o,height:d}=s;c&&l.includes("start")&&(c=12),c&&l.includes("end")&&(c=Math.round(o-24)),a&&l.includes("start")&&(a=10),a&&l.includes("end")&&(a=d-14)}return{x:c,y:a}}function W(t,n){const l=e.ref(),s=e.ref(),c=(o,d,f,r)=>{const{x:g,y:i}=Q(t.isArrowCenter,f,d,r.getBoundingClientRect()),y={top:"bottom",right:"left",bottom:"top",left:"right"}[d.split("-")[0]];Object.assign(o.style,{left:g?`${g}px`:"",top:i?`${i}px`:"",right:"",bottom:"",[y]:"-4px"})},a=async()=>{const o=t.origin,d=e.unref(l.value),f=e.unref(s.value),r=[p.offset(t.offset),p.autoPlacement({alignment:t.align,allowedPlacements:t.position})];t.showArrow&&r.push(p.arrow({element:f}));const{x:g,y:i,placement:y,middlewareData:b}=await p.computePosition(o,d,{strategy:"fixed",middleware:r});n("positionChange",y),Object.assign(d.style,{top:`${i}px`,left:`${g}px`}),t.showArrow&&c(f,y,b.arrow,d)};return e.watch(()=>t.modelValue,()=>{const o=M(t.origin);t.modelValue&&t.origin?(e.nextTick(a),o.addEventListener("scroll",a),o!==window&&window.addEventListener("scroll",a),window.addEventListener("resize",a)):(o.removeEventListener("scroll",a),o!==window&&window.removeEventListener("scroll",a),window.removeEventListener("resize",a))}),e.onUnmounted(()=>{const o=M(t.origin);o.removeEventListener("scroll",a),o!==window&&window.removeEventListener("scroll",a),window.removeEventListener("resize",a)}),{arrowRef:s,overlayRef:l}}var ie="";const j=e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:J,emits:["update:modelValue","positionChange"],setup(t,{slots:n,attrs:l,emit:s}){const{arrowRef:c,overlayRef:a}=W(t,s);return()=>{var o;return t.modelValue&&e.createVNode("div",e.mergeProps({ref:a,class:"devui-flexible-overlay"},l),[(o=n.default)==null?void 0:o.call(n),t.showArrow&&e.createVNode("div",{ref:c,class:"devui-flexible-overlay-arrow"},null)])}}});var se="";let Z=1;var N=e.defineComponent({name:"DDropdown",inheritAttrs:!1,props:F,emits:["toggle"],setup(t,{slots:n,attrs:l,emit:s}){const{visible:c,position:a,align:o,offset:d}=e.toRefs(t),f=e.ref(),r=e.ref(),g=`dropdown_${Z++}`,i=e.ref(!1),y=e.ref("bottom"),b=C=>{y.value=C.includes("top")||C.includes("end")?"top":"bottom"},m=e.computed(()=>({transformOrigin:y.value==="top"?"0% 100%":"0% 0%"})),v=e.computed(()=>({"fade-in-bottom":i.value&&y.value==="bottom","fade-in-top":i.value&&y.value==="top"}));return U({id:g,isOpen:i,origin:f,dropdownRef:r,props:t,emit:s}),z(g,c,i,f,r,y,s),()=>{var C;return e.createVNode(e.Fragment,null,[e.createVNode("div",{ref:f,class:"devui-dropdown-toggle"},[(C=n.default)==null?void 0:C.call(n)]),e.createVNode(e.Teleport,{to:"body"},{default:()=>[e.createVNode(e.Transition,{name:`devui-dropdown-fade-${y.value}`},{default:()=>[e.createVNode(j,{modelValue:i.value,"onUpdate:modelValue":P=>i.value=P,origin:f.value,position:a.value,align:o.value,offset:d.value,onPositionChange:b,class:v.value,style:m.value},{default:()=>{var P;return[e.createVNode("div",e.mergeProps({ref:r,class:"devui-dropdown-menu-wrap"},l),[(P=n.menu)==null?void 0:P.call(n)])]}})]})]})])}}});const A={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},align:{type:String,default:null},offset:{type:[Number,Object],default:4},clickOutside:{type:Function,default:()=>!0}};var x=e.defineComponent({name:"DDropdownMenu",inheritAttrs:!1,props:A,emits:["update:modelValue"],setup(t,{slots:n,attrs:l,emit:s}){const{modelValue:c,origin:a,position:o,align:d,offset:f,clickOutside:r}=e.toRefs(t),g=e.ref(null);_.onClickOutside(g,m=>{var v;((v=r.value)==null?void 0:v.call(r))&&!a.value.contains(m.target)&&s("update:modelValue",!1)});const i=e.ref("bottom"),y=m=>{i.value=m.split("-")[0]==="top"?"top":"bottom"},b=e.computed(()=>({transformOrigin:i.value==="top"?"0% 100%":"0% 0%"}));return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>[e.createVNode(e.Transition,{name:`devui-dropdown-fade-${i.value}`},{default:()=>[e.createVNode(j,{modelValue:c.value,"onUpdate:modelValue":m=>c.value=m,origin:a==null?void 0:a.value,position:o.value,align:d.value,offset:f.value,onPositionChange:y,style:b.value},{default:()=>{var m;return[e.createVNode("div",e.mergeProps({ref:g,class:"devui-dropdown-menu-wrap"},l),[(m=n.default)==null?void 0:m.call(n)])]}})]})]})}}),ee={title:"Dropdown \u4E0B\u62C9\u83DC\u5355",category:"\u5BFC\u822A",status:"10%",install(t){t.component(N.name,N),t.component(x.name,x)}};u.Dropdown=N,u.DropdownMenu=x,u.default=ee,u.dropdownMenuProps=A,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});
+var te=Object.defineProperty,oe=Object.defineProperties;var ne=Object.getOwnPropertyDescriptors;var R=Object.getOwnPropertySymbols;var le=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable;var $=(c,e,g)=>e in c?te(c,e,{enumerable:!0,configurable:!0,writable:!0,value:g}):c[e]=g,A=(c,e)=>{for(var g in e||(e={}))le.call(e,g)&&$(c,g,e[g]);if(R)for(var g of R(e))ae.call(e,g)&&$(c,g,e[g]);return c},D=(c,e)=>oe(c,ne(e));(function(c,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@floating-ui/dom"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom","@vueuse/core"],e):(c=typeof globalThis!="undefined"?globalThis:c||self,e(c.index={},c.Vue,c.dom,c.core))})(this,function(c,e,g,_){"use strict";const F={visible:{type:Boolean,default:!1},trigger:{type:String,default:"click"},closeScope:{type:String,default:"all"},position:{type:Array,default:["bottom"]},align:{type:String,default:null},offset:{type:[Number,Object],default:4},closeOnMouseLeaveMenu:{type:Boolean,default:!1},showAnimation:{type:Boolean,default:!0},overlayClass:{type:String,default:""},destroyOnHide:{type:Boolean,default:!0}};function q(t){return t instanceof Element?t:t&&typeof t=="object"&&t.$el instanceof Element?t.$el:null}const V=new Map;function E(t,n,l){return t==null||t.addEventListener(n,l),()=>{t==null||t.removeEventListener(n,l)}}const H=({id:t,isOpen:n,origin:l,dropdownRef:i,props:u,emit:a})=>{let o=!1,r=!1;const{trigger:f,closeScope:s,closeOnMouseLeaveMenu:y}=e.toRefs(u),d=v=>{n.value=v,a("toggle",n.value)},m=async(v,B)=>{await new Promise(p=>setTimeout(p,50)),!(v==="origin"&&o||v==="dropdown"&&r)&&(B&&[...V.values()].reverse().forEach(p=>{setTimeout(()=>{var w;(w=p.toggle)==null||w.call(p)},0)}),d(!1))};e.watch([f,l,i],([v,B,p],w,S)=>{const C=q(B),O=[];setTimeout(()=>{O.push(E(document,"click",b=>{const k=[...V.values()];!n.value||s.value==="none"||p.contains(b.target)&&s.value==="blank"||k.some(h=>{var P;return(P=h.toggleEl)==null?void 0:P.contains(b.target)})&&k.some(h=>{var P;return(P=h.menuEl)==null?void 0:P.contains(b.target)})||([...V.values()].reverse().forEach(h=>{setTimeout(()=>{var P,L;((P=h.toggleEl)==null?void 0:P.contains(b.target))||(L=h.toggle)==null||L.call(h)},0)}),o=!1)}))},0),v==="click"?O.push(E(C,"click",()=>d(!n.value)),E(p,"mouseleave",b=>{var k;y.value&&!((k=V.get(t).child)==null?void 0:k.contains(b.relatedTarget))&&m("dropdown",!0)})):v==="hover"&&O.push(E(C,"mouseenter",()=>{r=!0,d(!0)}),E(C,"mouseleave",()=>{r=!1,m("origin")}),E(p,"mouseenter",()=>{o=!0,n.value=!0}),E(p,"mouseleave",b=>{var k;o=!1,!(b.relatedTarget&&((C==null?void 0:C.contains(b.relatedTarget))||((k=V.get(t).child)==null?void 0:k.contains(b.relatedTarget))))&&m("dropdown",!0)})),S(()=>O.forEach(b=>b()))})};function U(t,n,l,i,u,a,o){const r=f=>{const s=f.offsetHeight;window.innerHeight-i.value.getBoundingClientRect().bottom>=s?a.value="bottom":a.value="top"};e.watch(n,(f,s)=>{s!==void 0&&(l.value=f,o("toggle",l.value))},{immediate:!0}),e.watch([l,u],([f,s])=>{var y;if(f){V.set(t,D(A({},V.get(t)),{menuEl:s,toggle:()=>{l.value=!1,o("toggle",l.value)}}));for(const d of V.values())((y=d.menuEl)==null?void 0:y.contains(i.value))&&(d.child=s)}s&&r(s)}),e.onMounted(()=>{V.set(t,{toggleEl:i.value})}),e.onUnmounted(()=>{V.delete(t)})}function z(t,n,l){const{showAnimation:i,overlayClass:u,destroyOnHide:a}=e.toRefs(t),o=e.ref(!1),r=e.ref(!1),f=e.computed(()=>({transformOrigin:n.value==="top"?"0% 100%":"0% 0%"})),s=e.computed(()=>({"fade-in-bottom":i.value&&l.value&&n.value==="bottom","fade-in-top":i.value&&l.value&&n.value==="top",[`${u.value}`]:!0})),y=d=>{n.value=d.includes("top")||d.includes("end")?"top":"bottom"};return e.watch(l,d=>{o.value=a.value?d:!0,r.value=d}),{overlayModelValue:o,overlayShowValue:r,styles:f,classes:s,handlePositionChange:y}}var re="";function Y(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const I=e.defineComponent({setup(t,n){return()=>{let l;return e.createVNode(e.Teleport,{to:"#d-overlay-anchor"},{default:()=>[e.createVNode(e.Transition,{name:"devui-overlay-fade"},Y(l=e.renderSlot(n.slots,"default"))?l:{default:()=>[l]})]})}}}),X=D(A({},{visible:{type:Boolean},backgroundBlock:{type:Boolean,default:!1},backgroundClass:{type:String,default:""},backgroundStyle:{type:[String,Object]},onBackdropClick:{type:Function},backdropClose:{type:Boolean,default:!0},hasBackdrop:{type:Boolean,default:!0}}),{overlayStyle:{type:[String,Object],default:void 0}}),G=["update:visible","backdropClick"];function J(t,n){const l=e.computed(()=>["devui-overlay-background",t.backgroundClass,t.hasBackdrop?"devui-overlay-background__color":"devui-overlay-background__disabled"]),i=e.computed(()=>"devui-overlay"),u=o=>{var r;o.preventDefault(),(r=t.onBackdropClick)==null||r.call(t),t.backdropClose&&n.emit("update:visible",!1)},a=o=>o.cancelBubble=!0;return e.onMounted(()=>{const o=document.body,r=o.style.overflow,f=o.style.position;e.watch([()=>t.visible,()=>t.backgroundBlock],([s,y])=>{if(y){const d=o.getBoundingClientRect().y;s?(o.style.overflowY="scroll",o.style.position=s?"fixed":"",o.style.top=`${d}px`):(o.style.overflowY=r,o.style.position=f,o.style.top="",window.scrollTo(0,-d))}}),e.onUnmounted(()=>{document.body.style.overflow=r})}),{backgroundClass:l,overlayClass:i,handleBackdropClick:u,handleOverlayBubbleCancel:a}}var se="";e.defineComponent({name:"DFixedOverlay",props:X,emits:G,setup(t,n){const{backgroundClass:l,overlayClass:i,handleBackdropClick:u,handleOverlayBubbleCancel:a}=J(t,n);return()=>e.createVNode(I,null,{default:()=>[t.visible&&e.createVNode("div",{class:l.value,style:t.backgroundStyle,onClick:u},[e.createVNode("div",{class:i.value,style:t.overlayStyle,onClick:a},[e.renderSlot(n.slots,"default")])])]})}});const K={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0}};function M(t){const n=/(auto|scroll|hidden)/;for(let l=t;l=l.parentElement;l.parentElement!==document.body){const i=window.getComputedStyle(l);if(n.test(i.overflow+i.overflowX+i.overflowY))return l}return window}function Q(t,n,l,i){let{x:u,y:a}=n;if(!t){const{width:o,height:r}=i;u&&l.includes("start")&&(u=12),u&&l.includes("end")&&(u=Math.round(o-24)),a&&l.includes("start")&&(a=10),a&&l.includes("end")&&(a=r-14)}return{x:u,y:a}}function W(t,n){const l=e.ref(),i=e.ref(),u=(o,r,f,s)=>{const{x:y,y:d}=Q(t.isArrowCenter,f,r,s.getBoundingClientRect()),m={top:"bottom",right:"left",bottom:"top",left:"right"}[r.split("-")[0]];Object.assign(o.style,{left:y?`${y}px`:"",top:d?`${d}px`:"",right:"",bottom:"",[m]:"-4px"})},a=async()=>{const o=t.origin,r=e.unref(l.value),f=e.unref(i.value),s=[g.shift(),g.offset(t.offset),g.autoPlacement({alignment:t.align,allowedPlacements:t.position})];t.showArrow&&s.push(g.arrow({element:f}));const{x:y,y:d,placement:m,middlewareData:v}=await g.computePosition(o,r,{strategy:"fixed",middleware:s});n("positionChange",m),Object.assign(r.style,{top:`${d}px`,left:`${y}px`}),t.showArrow&&u(f,m,v.arrow,r)};return e.watch(()=>t.modelValue,()=>{const o=M(t.origin);t.modelValue&&t.origin?(e.nextTick(a),o.addEventListener("scroll",a),o!==window&&window.addEventListener("scroll",a),window.addEventListener("resize",a)):(o.removeEventListener("scroll",a),o!==window&&window.removeEventListener("scroll",a),window.removeEventListener("resize",a))}),e.onUnmounted(()=>{const o=M(t.origin);o.removeEventListener("scroll",a),o!==window&&window.removeEventListener("scroll",a),window.removeEventListener("resize",a)}),{arrowRef:i,overlayRef:l,updatePosition:a}}var de="";const T=e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:K,emits:["update:modelValue","positionChange"],setup(t,{slots:n,attrs:l,emit:i,expose:u}){const{arrowRef:a,overlayRef:o,updatePosition:r}=W(t,i);return u({updatePosition:r}),()=>{var f;return t.modelValue&&e.createVNode("div",e.mergeProps({ref:o,class:"devui-flexible-overlay"},l),[(f=n.default)==null?void 0:f.call(n),t.showArrow&&e.createVNode("div",{ref:a,class:"devui-flexible-overlay-arrow"},null)])}}});var ue="";let Z=1;var x=e.defineComponent({name:"DDropdown",inheritAttrs:!1,props:F,emits:["toggle"],setup(t,{slots:n,attrs:l,emit:i,expose:u}){const{visible:a,position:o,align:r,offset:f,showAnimation:s}=e.toRefs(t),y=e.ref(),d=e.ref(),m=e.ref(),v=`dropdown_${Z++}`,B=e.ref(!1),p=e.ref("bottom");H({id:v,isOpen:B,origin:y,dropdownRef:d,props:t,emit:i}),U(v,a,B,y,d,p,i);const{overlayModelValue:w,overlayShowValue:S,styles:C,classes:O,handlePositionChange:b}=z(t,p,B);return u({updatePosition:()=>m.value.updatePosition()}),()=>{var k;return e.createVNode(e.Fragment,null,[e.createVNode("div",{ref:y,class:"devui-dropdown-toggle"},[(k=n.default)==null?void 0:k.call(n)]),e.createVNode(e.Teleport,{to:"body"},{default:()=>[e.createVNode(e.Transition,{name:s.value?`devui-dropdown-fade-${p.value}`:""},{default:()=>[e.withDirectives(e.createVNode(T,{modelValue:w.value,"onUpdate:modelValue":h=>w.value=h,ref:m,origin:y.value,position:o.value,align:r.value,offset:f.value,onPositionChange:b,class:O.value,style:C.value},{default:()=>{var h;return[e.createVNode("div",e.mergeProps({ref:d,class:"devui-dropdown-menu-wrap"},l),[(h=n.menu)==null?void 0:h.call(n)])]}}),[[e.vShow,S.value]])]})]})])}}});const j={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},align:{type:String,default:null},offset:{type:[Number,Object],default:4},clickOutside:{type:Function,default:()=>!0},showAnimation:{type:Boolean,default:!0},overlayClass:{type:String,default:""}};var N=e.defineComponent({name:"DDropdownMenu",inheritAttrs:!1,props:j,emits:["update:modelValue"],setup(t,{slots:n,attrs:l,emit:i}){const{modelValue:u,origin:a,position:o,align:r,offset:f,clickOutside:s,showAnimation:y,overlayClass:d}=e.toRefs(t),m=e.ref(null);_.onClickOutside(m,w=>{var S,C;((S=s.value)==null?void 0:S.call(s))&&!((C=a==null?void 0:a.value)==null?void 0:C.contains(w.target))&&i("update:modelValue",!1)});const v=e.ref("bottom"),B=w=>{v.value=w.split("-")[0]==="top"?"top":"bottom"},p=e.computed(()=>({transformOrigin:v.value==="top"?"0% 100%":"0% 0%"}));return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>[e.createVNode(e.Transition,{name:y.value?`devui-dropdown-fade-${v.value}`:""},{default:()=>[e.createVNode(T,{modelValue:u.value,"onUpdate:modelValue":w=>u.value=w,origin:a==null?void 0:a.value,position:o.value,align:r.value,offset:f.value,onPositionChange:B,class:d.value,style:p.value},{default:()=>{var w;return[e.createVNode("div",e.mergeProps({ref:m,class:"devui-dropdown-menu-wrap"},l),[(w=n.default)==null?void 0:w.call(n)])]}})]})]})}}),ee={title:"Dropdown \u4E0B\u62C9\u83DC\u5355",category:"\u5BFC\u822A",status:"10%",install(t){t.component(x.name,x),t.component(N.name,N)}};c.Dropdown=x,c.DropdownMenu=N,c.default=ee,c.dropdownMenuProps=j,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"});

package/dropdown/style.css

@@ -1 +1 @@
-.devui-overlay-background{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex}.devui-overlay-background__color{background:rgba(0,0,0,.4)}.devui-overlay-background .devui-overlay{position:relative;z-index:1000;pointer-events:auto}.devui-overlay-background__disabled{pointer-events:none}@keyframes d-overlay-fade{0%{opacity:0}to{opacity:1}}.devui-overlay-fade-enter{opacity:0}.devui-overlay-fade-enter-active{animation-name:d-overlay-fade;animation-duration:.3s}.devui-overlay-fade-leave{opacity:1}.devui-overlay-fade-leave-active{animation-name:d-overlay-fade;animation-duration:.3s;animation-direction:reverse}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-connected-overlay, 0 2px 8px 0) var(--devui-shadow, rgba(0, 0, 0, .2));z-index:1000}.devui-flexible-overlay-arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-dropdown-toggle{display:inline-block}.devui-dropdown span.icon-chevron-down,.devui-dropdown span.icon-select-arrow{display:inline-block;vertical-align:text-top}.devui-dropdown-menu-wrap .devui-dropdown-menu{width:100%}.devui-dropdown-animation span.icon-chevron-down,.devui-dropdown-animation span.icon-select-arrow{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-dropdown.open span.icon-chevron-down,.devui-dropdown.open span.icon-select-arrow{transform:rotate(180deg)}.fade-in-top{animation:fadeInTop .2s cubic-bezier(.16,.75,.5,1)}.fade-in-bottom{animation:fadeInBottom .2s cubic-bezier(.16,.75,.5,1)}@keyframes fadeInTop{0%{opacity:.8;transform:scaleY(.8) translateY(4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}@keyframes fadeInBottom{0%{opacity:.8;transform:scaleY(.8) translateY(-4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}.devui-dropdown-fade-bottom-enter-from,.devui-dropdown-fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-dropdown-fade-bottom-enter-to,.devui-dropdown-fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown-fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown-fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-dropdown-fade-top-enter-from,.devui-dropdown-fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-dropdown-fade-top-enter-to,.devui-dropdown-fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown-fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown-fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}
+@keyframes d-overlay-fade{0%{opacity:0}to{opacity:1}}.devui-overlay-fade-enter{opacity:0}.devui-overlay-fade-enter-active{animation-name:d-overlay-fade;animation-duration:.3s}.devui-overlay-fade-leave{opacity:1}.devui-overlay-fade-leave-active{animation-name:d-overlay-fade;animation-duration:.3s;animation-direction:reverse}.devui-overlay-background{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex}.devui-overlay-background__color{background:rgba(0,0,0,.4)}.devui-overlay-background .devui-overlay{position:relative;z-index:1000;pointer-events:auto}.devui-overlay-background__disabled{pointer-events:none}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-connected-overlay, 0 2px 8px 0) var(--devui-shadow, rgba(0, 0, 0, .2));z-index:1000}.devui-flexible-overlay-arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-dropdown-toggle{display:inline-block}.devui-dropdown span.icon-chevron-down,.devui-dropdown span.icon-select-arrow{display:inline-block;vertical-align:text-top}.devui-dropdown-menu-wrap .devui-dropdown-menu{width:100%}.devui-dropdown-animation span.icon-chevron-down,.devui-dropdown-animation span.icon-select-arrow{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-dropdown.open span.icon-chevron-down,.devui-dropdown.open span.icon-select-arrow{transform:rotate(180deg)}.fade-in-top{animation:fadeInTop .2s cubic-bezier(.16,.75,.5,1)}.fade-in-bottom{animation:fadeInBottom .2s cubic-bezier(.16,.75,.5,1)}@keyframes fadeInTop{0%{opacity:.8;transform:scaleY(.8) translateY(4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}@keyframes fadeInBottom{0%{opacity:.8;transform:scaleY(.8) translateY(-4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}.devui-dropdown-fade-bottom-enter-from,.devui-dropdown-fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-dropdown-fade-bottom-enter-to,.devui-dropdown-fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown-fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown-fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-dropdown-fade-top-enter-from,.devui-dropdown-fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-dropdown-fade-top-enter-to,.devui-dropdown-fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown-fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown-fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}