vue-devui 1.6.17 → 1.6.19

package/drawer/index.umd.js

@@ -1 +1 @@
-var M=Object.defineProperty;var k=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var E=(l,e,a)=>e in l?M(l,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):l[e]=a,h=(l,e)=>{for(var a in e||(e={}))R.call(e,a)&&E(l,a,e[a]);if(k)for(var a of k(e))F.call(e,a)&&E(l,a,e[a]);return l};(function(l,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","@vueuse/core"],e):(l=typeof globalThis!="undefined"?globalThis:l||self,e(l.index={},l.Vue,l.core))})(this,function(l,e,a){"use strict";const g={modelValue:{type:Boolean,default:!1},zIndex:{type:Number,default:1040},showOverlay:{type:Boolean,default:!0},escKeyCloseable:{type:Boolean,default:!0},position:{type:String,default:"right"},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function}},D={visible:{type:Boolean,default:!1},onClick:{type:Function}};function m(t,n,o){let r=t;return n&&(r+=`__${n}`),o&&(r+=`--${o}`),r}function p(t,n=!1){const o=n?`.devui-${t}`:`devui-${t}`;return{b:()=>m(o),e:c=>c?m(o,c):"",m:c=>c?m(o,"",c):"",em:(c,d)=>c&&d?m(o,c,d):""}}var K="",S=e.defineComponent({name:"DDrawerOverlay",props:D,emits:["click"],setup(t,n){const o=p("drawer"),r=s=>{n.emit("click",s)};return()=>e.createVNode(e.Transition,{name:"drawer-overlay-fade"},{default:()=>[t.visible&&e.createVNode("div",{class:o.e("overlay"),onClick:r},null)]})}});function N(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const t=document.documentElement.scrollTop,n=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${t}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{n?document.documentElement.setAttribute("style",n):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=t}}}function x(t,n){const o=p("drawer"),r=p("modal",!0),s=e.ref(),u=e.ref(),y=e.computed(()=>({[o.b()]:!0,[o.m(t.position)]:!0})),c=()=>{n("update:modelValue",!1),n("close")};let d;const w=()=>{t.beforeClose?t.beforeClose(c):c()},I=()=>{t.closeOnClickOverlay&&w()},b=i=>{i.code==="Escape"&&w()},$=i=>{const V=i.composedPath(),z=document.querySelectorAll(r.e("overlay")),j=document.querySelectorAll(r.b()),_=Array.from(z).filter(C=>V.includes(C)),q=Array.from(j).filter(C=>V.includes(C));_.length||q.length||w()};setTimeout(()=>{a.onClickOutside(s,$,{capture:!1,ignore:[u]})});const O=()=>{d==null||d(),document.removeEventListener("keyup",b)};return e.watch(()=>t.modelValue,i=>{i?(n("open"),t.lockScroll&&(d=N()),t.escKeyCloseable&&document.addEventListener("keyup",b)):O()}),e.onUnmounted(O),{overlayRef:u,drawerRef:s,drawerClasses:y,handleOverlayClick:I}}var U="",f=e.defineComponent({name:"DDrawer",inheritAttrs:!1,props:g,emits:["close","update:modelValue","open"],setup(t,{emit:n,slots:o,attrs:r}){const{overlayRef:s,drawerRef:u,drawerClasses:y,handleOverlayClick:c}=x(t,n);return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>[t.showOverlay&&e.createVNode(S,{ref:s,visible:t.modelValue,style:{zIndex:t.zIndex-1},onClick:c},null),e.createVNode(e.Transition,{name:`drawer-fly-${t.position}`},{default:()=>{var d;return[t.modelValue&&e.createVNode("div",e.mergeProps({ref:u,class:y.value,style:{zIndex:t.zIndex}},r),[(d=o.default)==null?void 0:d.call(o)])]}})]})}});function A(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const T={modelValue:!1,content:"",zIndex:1e3,showOverlay:!0,escKeyCloseable:!0,position:"right",lockScroll:!0,closeOnClickOverlay:!0};function B(t){const n=document.createElement("div"),o=t.content;delete t.content;const r=e.createApp({setup(){const s=()=>{t.modelValue=!1};return e.onUnmounted(()=>{document.body.removeChild(n)}),()=>e.createVNode(f,e.mergeProps(t,{"onUpdate:modelValue":s}),A(o)?o:{default:()=>[o]})}});return document.body.appendChild(n),r.mount(n),r}class v{open(n){const o=e.reactive(h(h({},T),n)),r=B(o);return o.modelValue=!0,{close:()=>{o.modelValue=!1,r.unmount()}}}}var P={title:"Drawer \u62BD\u5C49\u677F",category:"\u53CD\u9988",status:"75%",install(t){t.component(f.name,f),t.config.globalProperties.$drawerService=new v}};l.Drawer=f,l.DrawerService=v,l.default=P,Object.defineProperty(l,"__esModule",{value:!0}),l[Symbol.toStringTag]="Module"});
+(function(c,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","@vueuse/core"],t):(c=typeof globalThis!="undefined"?globalThis:c||self,t(c.index={},c.Vue,c.core))})(this,function(c,t,O){"use strict";const V={modelValue:{type:Boolean,default:!1},zIndex:{type:Number,default:1040},showOverlay:{type:Boolean,default:!0},escKeyCloseable:{type:Boolean,default:!0},position:{type:String,default:"right"},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function}},k={visible:{type:Boolean,default:!1},onClick:{type:Function}};function i(e,n,o){let l=e;return n&&(l+=`__${n}`),o&&(l+=`--${o}`),l}function y(e,n=!1){const o=n?`.devui-${e}`:`devui-${e}`;return{b:()=>i(o),e:r=>r?i(o,r):"",m:r=>r?i(o,"",r):"",em:(r,a)=>r&&a?i(o,r,a):""}}var j="",E=t.defineComponent({name:"DDrawerOverlay",props:k,emits:["click"],setup(e,n){const o=y("drawer"),l=d=>{n.emit("click",d)};return()=>t.createVNode(t.Transition,{name:"drawer-overlay-fade"},{default:()=>[e.visible&&t.createVNode("div",{class:o.e("overlay"),onClick:l},null)]})}});function g(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const e=document.documentElement.scrollTop,n=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",()=>{n?document.documentElement.setAttribute("style",n):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=e}}}function D(e,n){const o=y("drawer"),l=y("modal",!0),d=t.ref(),s=t.ref(),f=t.computed(()=>({[o.b()]:!0,[o.m(e.position)]:!0})),r=()=>{n("update:modelValue",!1),n("close")};let a;const p=()=>{e.beforeClose?e.beforeClose(r):r()},T=()=>{e.closeOnClickOverlay&&p()},v=u=>{u.code==="Escape"&&p()},B=u=>{const b=u.composedPath(),P=document.querySelectorAll(l.e("overlay")),I=document.querySelectorAll(l.b()),$=Array.from(P).filter(w=>b.includes(w)),z=Array.from(I).filter(w=>b.includes(w));$.length||z.length||p()};setTimeout(()=>{O.onClickOutside(d,B,{capture:!1,ignore:[s]})});const h=()=>{a==null||a(),document.removeEventListener("keyup",v)};return t.watch(()=>e.modelValue,u=>{u?(n("open"),e.lockScroll&&(a=g()),e.escKeyCloseable&&document.addEventListener("keyup",v)):h()}),t.onUnmounted(h),{overlayRef:s,drawerRef:d,drawerClasses:f,handleOverlayClick:T}}var _="",m=t.defineComponent({name:"DDrawer",inheritAttrs:!1,props:V,emits:["close","update:modelValue","open"],setup(e,{emit:n,slots:o,attrs:l}){const{overlayRef:d,drawerRef:s,drawerClasses:f,handleOverlayClick:r}=D(e,n);return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>[e.showOverlay&&t.createVNode(E,{ref:d,visible:e.modelValue,style:{zIndex:e.zIndex-1},onClick:r},null),t.createVNode(t.Transition,{name:`drawer-fly-${e.position}`},{default:()=>{var a;return[e.modelValue&&t.createVNode("div",t.mergeProps({ref:s,class:f.value,style:{zIndex:e.zIndex}},l),[(a=o.default)==null?void 0:a.call(o)])]}})]})}});function S(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const x={modelValue:!1,content:"",zIndex:1e3,showOverlay:!0,escKeyCloseable:!0,position:"right",lockScroll:!0,closeOnClickOverlay:!0};function N(e){const n=document.createElement("div"),o=e.content;delete e.content;const l=t.createApp({setup(){const d=()=>{e.modelValue=!1};return t.onUnmounted(()=>{document.body.removeChild(n)}),()=>t.createVNode(m,t.mergeProps(e,{"onUpdate:modelValue":d}),S(o)?o:{default:()=>[o]})}});return document.body.appendChild(n),l.mount(n),l}class C{open(n){const o=t.reactive({...x,...n}),l=N(o);return o.modelValue=!0,{close:()=>{o.modelValue=!1,l.unmount()}}}}var A={title:"Drawer \u62BD\u5C49\u677F",category:"\u53CD\u9988",status:"75%",install(e){e.component(m.name,m),e.config.globalProperties.$drawerService=new C}};c.Drawer=m,c.DrawerService=C,c.default=A,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dropdown/index.es.js

@@ -1,23 +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));
-import { toRefs, watch, onMounted, onUnmounted, ref, computed, defineComponent, createVNode, Transition, mergeProps, unref, nextTick, withModifiers, Comment, Text, h, Fragment, inject, withDirectives, cloneVNode, provide, Teleport, vShow } from "vue";
+import { toRefs, watch, onMounted, onUnmounted, ref, computed, defineComponent, createVNode, Transition, mergeProps, nextTick, unref, withModifiers, Comment, Text, Fragment, h, inject, withDirectives, cloneVNode, provide, Teleport, vShow } from "vue";
 import { offset, flip, arrow, computePosition } from "@floating-ui/dom";
 import { onClickOutside } from "@vueuse/core";
 const dropdownProps = {
@@ -35,11 +16,7 @@ const dropdownProps = {
   },
   position: {
     type: Array,
-    default: ["bottom"]
-  },
-  align: {
-    type: String,
-    default: null
+    default: () => ["bottom", "top", "left", "right"]
   },
   offset: {
     type: [Number, Object],
@@ -113,76 +90,91 @@ const useDropdownEvent = ({ id, isOpen, origin, dropdownRef, props, emit }) => {
     const originEl = getElement(originVal);
     const subscriptions = [];
     setTimeout(() => {
-      subscriptions.push(subscribeEvent(document, "click", (e) => {
-        e.stopPropagation();
-        const dropdownValues = [...dropdownMap.values()];
-        if (!isOpen.value || closeScope.value === "none" || (dropdownEl == null ? void 0 : dropdownEl.contains(e.target)) && closeScope.value === "blank" || dropdownValues.some((item) => {
-          var _a;
-          return (_a = item.toggleEl) == null ? void 0 : _a.contains(e.target);
-        }) && dropdownValues.some((item) => {
-          var _a;
-          return (_a = item.menuEl) == null ? void 0 : _a.contains(e.target);
-        })) {
-          return;
-        }
-        [...dropdownMap.values()].reverse().forEach((item) => {
-          setTimeout(() => {
-            var _a, _b;
-            if (!((_a = item.toggleEl) == null ? void 0 : _a.contains(e.target))) {
-              (_b = item.toggle) == null ? void 0 : _b.call(item);
-            }
-          }, 0);
-        });
-        overlayEnter = false;
-      }));
+      subscriptions.push(
+        subscribeEvent(document, "click", (e) => {
+          e.stopPropagation();
+          const dropdownValues = [...dropdownMap.values()];
+          if (!isOpen.value || closeScope.value === "none" || (dropdownEl == null ? void 0 : dropdownEl.contains(e.target)) && closeScope.value === "blank" || dropdownValues.some((item) => {
+            var _a;
+            return (_a = item.toggleEl) == null ? void 0 : _a.contains(e.target);
+          }) && dropdownValues.some((item) => {
+            var _a;
+            return (_a = item.menuEl) == null ? void 0 : _a.contains(e.target);
+          })) {
+            return;
+          }
+          [...dropdownMap.values()].reverse().forEach((item) => {
+            setTimeout(() => {
+              var _a, _b;
+              if (!((_a = item.toggleEl) == null ? void 0 : _a.contains(e.target))) {
+                (_b = item.toggle) == null ? void 0 : _b.call(item);
+              }
+            }, 0);
+          });
+          overlayEnter = false;
+        })
+      );
     }, 0);
     if (triggerVal === "click") {
-      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", true);
-        }
-      }));
+      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", true);
+          }
+        })
+      );
     } else if (triggerVal === "hover") {
-      subscriptions.push(subscribeEvent(originEl, "mouseenter", () => {
-        originEnter = true;
-        toggle(true);
-      }), subscribeEvent(originEl, "mouseleave", () => {
-        originEnter = false;
-        handleLeave("origin");
-      }), subscribeEvent(dropdownEl, "mouseenter", () => {
-        overlayEnter = true;
-        isOpen.value = true;
-      }), subscribeEvent(dropdownEl, "mouseleave", (e) => {
-        var _a;
-        overlayEnter = false;
-        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", true);
-      }));
+      subscriptions.push(
+        subscribeEvent(originEl, "mouseenter", () => {
+          originEnter = true;
+          toggle(true);
+        }),
+        subscribeEvent(originEl, "mouseleave", () => {
+          originEnter = false;
+          handleLeave("origin");
+        }),
+        subscribeEvent(dropdownEl, "mouseenter", () => {
+          overlayEnter = true;
+          isOpen.value = true;
+        }),
+        subscribeEvent(dropdownEl, "mouseleave", (e) => {
+          var _a;
+          overlayEnter = false;
+          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", true);
+        })
+      );
     }
     onInvalidate(() => subscriptions.forEach((v) => v()));
   });
 };
 function useDropdown(id, visible, isOpen, origin, dropdownRef, emit) {
-  watch(visible, (newVal, oldVal) => {
-    if (oldVal === void 0) {
-      return;
-    }
-    isOpen.value = newVal;
-    emit("toggle", isOpen.value);
-  }, { immediate: true });
+  watch(
+    visible,
+    (newVal, oldVal) => {
+      if (oldVal === void 0) {
+        return;
+      }
+      isOpen.value = newVal;
+      emit("toggle", isOpen.value);
+    },
+    { immediate: true }
+  );
   watch([isOpen, dropdownRef], ([isOpenVal, dropdownEl]) => {
     var _a;
     if (isOpenVal) {
-      dropdownMap.set(id, __spreadProps(__spreadValues({}, dropdownMap.get(id)), {
+      dropdownMap.set(id, {
+        ...dropdownMap.get(id),
         menuEl: dropdownEl,
         toggle: () => {
           isOpen.value = false;
           emit("toggle", isOpen.value);
         }
-      }));
+      });
       for (const value of dropdownMap.values()) {
         if ((_a = value.menuEl) == null ? void 0 : _a.contains(origin.value)) {
           value.child = dropdownEl;
@@ -264,13 +256,16 @@ function useFixedOverlay(props, ctx) {
   const removeBodyAdditions = () => {
     lockScrollCb == null ? void 0 : lockScrollCb();
   };
-  watch(() => props.modelValue, (val) => {
-    if (val) {
-      props.lockScroll && (lockScrollCb = lockScroll());
-    } else {
-      removeBodyAdditions();
+  watch(
+    () => props.modelValue,
+    (val) => {
+      if (val) {
+        props.lockScroll && (lockScrollCb = lockScroll());
+      } else {
+        removeBodyAdditions();
+      }
     }
-  });
+  );
   onUnmounted(removeBodyAdditions);
   return { onClick };
 }
@@ -461,18 +456,21 @@ function useOverlay(props, emit) {
     const originEl = (_b = (_a = props.origin) == null ? void 0 : _a.$el) != null ? _b : props.origin;
     originEl && (originObserver == null ? void 0 : originObserver.unobserve(originEl));
   };
-  watch(() => props.modelValue, () => {
-    if (props.modelValue && props.origin) {
-      nextTick(updatePosition);
-      window.addEventListener("scroll", scrollCallback, true);
-      window.addEventListener("resize", updatePosition);
-      observeOrigin();
-    } else {
-      window.removeEventListener("scroll", scrollCallback, true);
-      window.removeEventListener("resize", updatePosition);
-      unobserveOrigin();
+  watch(
+    () => props.modelValue,
+    () => {
+      if (props.modelValue && props.origin) {
+        nextTick(updatePosition);
+        window.addEventListener("scroll", scrollCallback, true);
+        window.addEventListener("resize", updatePosition);
+        observeOrigin();
+      } else {
+        window.removeEventListener("scroll", scrollCallback, true);
+        window.removeEventListener("resize", updatePosition);
+        unobserveOrigin();
+      }
     }
-  });
+  );
   onUnmounted(() => {
     window.removeEventListener("scroll", scrollCallback, true);
     window.removeEventListener("resize", updatePosition);
@@ -521,6 +519,11 @@ const FlexibleOverlay = defineComponent({
     };
   }
 });
+/**
+* @vue/shared v3.4.27
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
 const isObject = (val) => val !== null && typeof val === "object";
 const ns = useNamespace("popper-trigger");
 function wrapContent(content) {
@@ -592,7 +595,6 @@ var Dropdown = defineComponent({
     const {
       visible,
       position,
-      align,
       offset: offset2,
       destroyOnHide,
       shiftOffset,
@@ -650,7 +652,6 @@ var Dropdown = defineComponent({
           "ref": overlayRef,
           "origin": origin.value,
           "position": position.value,
-          "align": align.value,
           "offset": offset2.value,
           "shiftOffset": shiftOffset == null ? void 0 : shiftOffset.value,
           "onPositionChange": handlePositionChange,

package/dropdown/index.umd.js

@@ -1 +1,5 @@
-var ue=Object.defineProperty,ce=Object.defineProperties;var de=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var fe=Object.prototype.hasOwnProperty,me=Object.prototype.propertyIsEnumerable;var z=(m,e,V)=>e in m?ue(m,e,{enumerable:!0,configurable:!0,writable:!0,value:V}):m[e]=V,q=(m,e)=>{for(var V in e||(e={}))fe.call(e,V)&&z(m,V,e[V]);if(_)for(var V of _(e))me.call(e,V)&&z(m,V,e[V]);return m},H=(m,e)=>ce(m,de(e));(function(m,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):(m=typeof globalThis!="undefined"?globalThis:m||self,e(m.index={},m.Vue,m.dom,m.core))})(this,function(m,e,V,U){"use strict";const W={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},shiftOffset:{type:Number},closeOnMouseLeaveMenu:{type:Boolean,default:!1},showAnimation:{type:Boolean,default:!0},overlayClass:{type:String,default:""},destroyOnHide:{type:Boolean,default:!0},teleport:{type:[String,Object],default:"body"}},D=Symbol("popper-trigger");function I(t){return t instanceof Element?t:t&&typeof t=="object"&&t.$el instanceof Element?t.$el:null}const x=new Map;function k(t,o,n){return t==null||t.addEventListener(o,n),()=>{t==null||t.removeEventListener(o,n)}}const G=({id:t,isOpen:o,origin:n,dropdownRef:r,props:u,emit:l})=>{let s=!1,a=!1;const{trigger:d,closeScope:w,closeOnMouseLeaveMenu:C}=e.toRefs(u),f=h=>{o.value=h,l("toggle",o.value)},O=async(h,P)=>{await new Promise(y=>setTimeout(y,50)),!(h==="origin"&&s||h==="dropdown"&&a)&&(P&&[...x.values()].reverse().forEach(y=>{setTimeout(()=>{var p;(p=y.toggle)==null||p.call(y)},0)}),f(!1))};e.watch([d,n,r],([h,P,y],p,i)=>{const c=I(P),b=[];setTimeout(()=>{b.push(k(document,"click",g=>{g.stopPropagation();const v=[...x.values()];!o.value||w.value==="none"||(y==null?void 0:y.contains(g.target))&&w.value==="blank"||v.some(E=>{var A;return(A=E.toggleEl)==null?void 0:A.contains(g.target)})&&v.some(E=>{var A;return(A=E.menuEl)==null?void 0:A.contains(g.target)})||([...x.values()].reverse().forEach(E=>{setTimeout(()=>{var A,B;((A=E.toggleEl)==null?void 0:A.contains(g.target))||(B=E.toggle)==null||B.call(E)},0)}),s=!1)}))},0),h==="click"?b.push(k(c,"click",()=>f(!o.value)),k(y,"mouseleave",g=>{var v;C.value&&!((v=x.get(t).child)==null?void 0:v.contains(g.relatedTarget))&&O("dropdown",!0)})):h==="hover"&&b.push(k(c,"mouseenter",()=>{a=!0,f(!0)}),k(c,"mouseleave",()=>{a=!1,O("origin")}),k(y,"mouseenter",()=>{s=!0,o.value=!0}),k(y,"mouseleave",g=>{var v;s=!1,!(g.relatedTarget&&((c==null?void 0:c.contains(g.relatedTarget))||((v=x.get(t).child)==null?void 0:v.contains(g.relatedTarget))))&&O("dropdown",!0)})),i(()=>b.forEach(g=>g()))})};function Y(t,o,n,r,u,l){e.watch(o,(s,a)=>{a!==void 0&&(n.value=s,l("toggle",n.value))},{immediate:!0}),e.watch([n,u],([s,a])=>{var d;if(s){x.set(t,H(q({},x.get(t)),{menuEl:a,toggle:()=>{n.value=!1,l("toggle",n.value)}}));for(const w of x.values())((d=w.menuEl)==null?void 0:d.contains(r.value))&&(w.child=a)}}),e.onMounted(()=>{x.set(t,{toggleEl:r.value})}),e.onUnmounted(()=>{x.delete(t)})}function K(t,o,n){const{showAnimation:r,overlayClass:u,destroyOnHide:l}=e.toRefs(t),s=e.ref(!1),a=e.ref(!1),d=e.computed(()=>({transformOrigin:o.value==="top"?"0% 100%":"0% 0%",zIndex:"var(--devui-z-index-dropdown, 1052)"})),w=e.computed(()=>({"fade-in-bottom":r.value&&n.value&&o.value==="bottom","fade-in-top":r.value&&n.value&&o.value==="top",[`${u.value}`]:!0})),C=f=>{o.value=f.includes("top")||f.includes("right-end")||f.includes("left-end")?"top":"bottom"};return e.watch(n,f=>{s.value=l.value?f:!0,a.value=f}),{overlayModelValue:s,overlayShowValue:a,styles:d,classes:w,handlePositionChange:C}}const X={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function J(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const t=document.documentElement.scrollTop,o=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${t}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{o?document.documentElement.setAttribute("style",o):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=t}}}function Q(t,o){let n;const r=l=>{l.preventDefault(),o.emit("click",l),t.closeOnClickOverlay&&o.emit("update:modelValue",!1)},u=()=>{n==null||n()};return e.watch(()=>t.modelValue,l=>{l?t.lockScroll&&(n=J()):u()}),e.onUnmounted(u),{onClick:r}}function R(t,o,n){let r=t;return o&&(r+=`__${o}`),n&&(r+=`--${n}`),r}function N(t,o=!1){const n=o?`.devui-${t}`:`devui-${t}`;return{b:()=>R(n),e:a=>a?R(n,a):"",m:a=>a?R(n,"",a):"",em:(a,d)=>a&&d?R(n,a,d):""}}var pe="";e.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:X,emits:["update:modelValue","click"],setup(t,o){const{modelValue:n}=e.toRefs(t),r=N("fixed-overlay"),{onClick:u}=Q(t,o);return()=>e.createVNode(e.Transition,{name:r.m("fade")},{default:()=>{var l,s;return[n.value&&e.createVNode("div",e.mergeProps({class:r.b()},o.attrs,{onClick:u}),[(s=(l=o.slots).default)==null?void 0:s.call(l)])]}})}});const Z={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},clickEventBubble:{type:Boolean,default:!1},fitOriginWidth:{type:Boolean,default:!1}};function ee(t,o,n,r){let{x:u,y:l}=o;if(!t){const{width:s,height:a}=r;u&&n.includes("start")&&(u=12),u&&n.includes("end")&&(u=Math.round(s-24)),l&&n.includes("start")&&(l=10),l&&n.includes("end")&&(l=a-14)}return{x:u,y:l}}function te(t,o){const{fitOriginWidth:n,position:r,showArrow:u}=e.toRefs(t),l=e.ref(),s=e.ref(),a=e.ref(0);let d;const w=e.computed(()=>n.value?{width:a.value+"px"}:{}),C=(p,i,c,b)=>{const{x:g,y:v}=ee(t.isArrowCenter,c,i,b.getBoundingClientRect()),E={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];Object.assign(p.style,{left:g?`${g}px`:"",top:v?`${v}px`:"",right:"",bottom:"",[E]:"-4px"})},f=async()=>{const p=t.origin,i=e.unref(l.value),c=e.unref(s.value),[b,...g]=r.value,v=[V.offset(t.offset)];v.push(g.length?V.flip({fallbackPlacements:g}):V.flip()),u.value&&v.push(V.arrow({element:s.value}));const{x:E,y:A,placement:B,middlewareData:T}=await V.computePosition(p,i,{strategy:"fixed",placement:b,middleware:v});let ie=E,se=A;o("positionChange",B),Object.assign(i.style,{top:`${se}px`,left:`${ie}px`}),t.showArrow&&C(c,B,T.arrow,i)},O=p=>{var c,b;const i=p.target;(i==null?void 0:i.contains((b=(c=t.origin)==null?void 0:c.$el)!=null?b:t.origin))&&f()},h=p=>{a.value=p.getBoundingClientRect().width,f()},P=()=>{var p,i;if(n.value&&typeof window!="undefined"){const c=(i=(p=t.origin)==null?void 0:p.$el)!=null?i:t.origin;c&&(d=new window.ResizeObserver(()=>h(c)),d.observe(c))}},y=()=>{var i,c;const p=(c=(i=t.origin)==null?void 0:i.$el)!=null?c:t.origin;p&&(d==null||d.unobserve(p))};return e.watch(()=>t.modelValue,()=>{t.modelValue&&t.origin?(e.nextTick(f),window.addEventListener("scroll",O,!0),window.addEventListener("resize",f),P()):(window.removeEventListener("scroll",O,!0),window.removeEventListener("resize",f),y())}),e.onUnmounted(()=>{window.removeEventListener("scroll",O,!0),window.removeEventListener("resize",f),y()}),{arrowRef:s,overlayRef:l,styles:w,updatePosition:f}}var ge="";const $=e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:Z,emits:["update:modelValue","positionChange"],setup(t,{slots:o,attrs:n,emit:r,expose:u}){const l=N("flexible-overlay"),{clickEventBubble:s}=e.toRefs(t),{arrowRef:a,overlayRef:d,styles:w,updatePosition:C}=te(t,r);return u({updatePosition:C}),()=>{var f;return t.modelValue&&e.createVNode("div",e.mergeProps({ref:d,class:l.b(),style:w.value},n,{onClick:e.withModifiers(()=>({}),[s.value?"":"stop"]),onPointerup:e.withModifiers(()=>({}),["stop"])}),[(f=o.default)==null?void 0:f.call(o),t.showArrow&&e.createVNode("div",{ref:a,class:l.e("arrow")},null)])}}}),oe=t=>t!==null&&typeof t=="object",ne=N("popper-trigger");function j(t){return e.h("span",{class:ne.b()},t)}function L(t){for(const o of t){if(oe(o)){if(o.type===e.Comment)continue;return o.type==="svg"||o.type===e.Text?j(o):o.type===e.Fragment?L(o.children):o}return j(o)}return null}var le=e.defineComponent({name:"DPopperTrigger",setup(t,o){const{slots:n,attrs:r}=o;return()=>{var a;const u=(a=n.default)==null?void 0:a.call(n,r),l=e.inject(D);if(!u)return null;const s=L(u);return s?e.withDirectives(e.cloneVNode(s,r),[[{mounted(d){l.value=d},updated(d){l.value=d},unmounted(){l.value=null}}]]):null}}}),ye="";let ae=1;var M=e.defineComponent({name:"DDropdown",inheritAttrs:!1,props:W,emits:["toggle"],setup(t,{slots:o,attrs:n,emit:r,expose:u}){const{visible:l,position:s,align:a,offset:d,destroyOnHide:w,shiftOffset:C,showAnimation:f,teleport:O}=e.toRefs(t),h=e.ref(),P=e.ref(),y=e.ref(),p=`dropdown_${ae++}`,i=e.ref(!1),c=e.ref("bottom"),b=N("dropdown");e.provide(D,h),G({id:p,isOpen:i,origin:h,dropdownRef:P,props:t,emit:r}),Y(p,l,i,h,P,r);const{overlayModelValue:g,overlayShowValue:v,styles:E,classes:A,handlePositionChange:B}=K(t,c,i);return e.watch(v,T=>{e.nextTick(()=>{!w.value&&T&&y.value.updatePosition()})}),u({updatePosition:()=>y.value.updatePosition()}),()=>e.createVNode(e.Fragment,null,[e.createVNode(le,null,{default:()=>{var T;return[(T=o.default)==null?void 0:T.call(o)]}}),e.createVNode(e.Teleport,{to:O.value},{default:()=>[e.createVNode(e.Transition,{name:f.value?b.m(`fade-${c.value}`):""},{default:()=>[e.withDirectives(e.createVNode($,{modelValue:g.value,"onUpdate:modelValue":T=>g.value=T,ref:y,origin:h.value,position:s.value,align:a.value,offset:d.value,shiftOffset:C==null?void 0:C.value,onPositionChange:B,"click-event-bubble":!0,class:A.value,style:E.value},{default:()=>{var T;return[e.createVNode("div",e.mergeProps({ref:P,class:b.e("menu-wrap")},n),[(T=o.menu)==null?void 0:T.call(o)])]}}),[[e.vShow,v.value]])]})]})])}});const F={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 S=e.defineComponent({name:"DDropdownMenu",inheritAttrs:!1,props:F,emits:["update:modelValue"],setup(t,{slots:o,attrs:n,emit:r}){const{modelValue:u,origin:l,position:s,align:a,offset:d,clickOutside:w,showAnimation:C,overlayClass:f}=e.toRefs(t),O=e.ref(null),h=N("dropdown");U.onClickOutside(O,i=>{var c,b;((c=w.value)==null?void 0:c.call(w))&&!((b=l==null?void 0:l.value)==null?void 0:b.contains(i.target))&&r("update:modelValue",!1)});const P=e.ref("bottom"),y=i=>{P.value=i.split("-")[0]==="top"?"top":"bottom"},p=e.computed(()=>({transformOrigin:P.value==="top"?"0% 100%":"0% 0%"}));return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>[e.createVNode(e.Transition,{name:C.value?h.m(`fade-${P.value}`):""},{default:()=>[e.createVNode($,{modelValue:u.value,"onUpdate:modelValue":i=>u.value=i,origin:l==null?void 0:l.value,position:s.value,align:a.value,offset:d.value,onPositionChange:y,class:f.value,style:p.value},{default:()=>{var i;return[e.createVNode("div",e.mergeProps({ref:O,class:h.e("menu-wrap")},n),[(i=o.default)==null?void 0:i.call(o)])]}})]})]})}}),re={title:"Dropdown \u4E0B\u62C9\u83DC\u5355",category:"\u5BFC\u822A",status:"50%",install(t){t.component(M.name,M),t.component(S.name,S)}};m.Dropdown=M,m.DropdownMenu=S,m.default=re,m.dropdownMenuProps=F,Object.defineProperty(m,"__esModule",{value:!0}),m[Symbol.toStringTag]="Module"});
+(function(P,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):(P=typeof globalThis!="undefined"?globalThis:P||self,e(P.index={},P.Vue,P.dom,P.core))})(this,function(P,e,k,F){"use strict";const _={visible:{type:Boolean,default:!1},trigger:{type:String,default:"click"},closeScope:{type:String,default:"all"},position:{type:Array,default:()=>["bottom","top","left","right"]},offset:{type:[Number,Object],default:4},shiftOffset:{type:Number},closeOnMouseLeaveMenu:{type:Boolean,default:!1},showAnimation:{type:Boolean,default:!0},overlayClass:{type:String,default:""},destroyOnHide:{type:Boolean,default:!0},teleport:{type:[String,Object],default:"body"}},D=Symbol("popper-trigger");function z(t){return t instanceof Element?t:t&&typeof t=="object"&&t.$el instanceof Element?t.$el:null}const A=new Map;function T(t,o,n){return t==null||t.addEventListener(o,n),()=>{t==null||t.removeEventListener(o,n)}}const q=({id:t,isOpen:o,origin:n,dropdownRef:r,props:u,emit:l})=>{let i=!1,a=!1;const{trigger:d,closeScope:y,closeOnMouseLeaveMenu:x}=e.toRefs(u),f=h=>{o.value=h,l("toggle",o.value)},b=async(h,C)=>{await new Promise(g=>setTimeout(g,50)),!(h==="origin"&&i||h==="dropdown"&&a)&&(C&&[...A.values()].reverse().forEach(g=>{setTimeout(()=>{var m;(m=g.toggle)==null||m.call(g)},0)}),f(!1))};e.watch([d,n,r],([h,C,g],m,s)=>{const c=z(C),v=[];setTimeout(()=>{v.push(T(document,"click",p=>{p.stopPropagation();const w=[...A.values()];!o.value||y.value==="none"||(g==null?void 0:g.contains(p.target))&&y.value==="blank"||w.some(E=>{var O;return(O=E.toggleEl)==null?void 0:O.contains(p.target)})&&w.some(E=>{var O;return(O=E.menuEl)==null?void 0:O.contains(p.target)})||([...A.values()].reverse().forEach(E=>{setTimeout(()=>{var O,V;(O=E.toggleEl)!=null&&O.contains(p.target)||(V=E.toggle)==null||V.call(E)},0)}),i=!1)}))},0),h==="click"?v.push(T(c,"click",()=>f(!o.value)),T(g,"mouseleave",p=>{var w;x.value&&!((w=A.get(t).child)!=null&&w.contains(p.relatedTarget))&&b("dropdown",!0)})):h==="hover"&&v.push(T(c,"mouseenter",()=>{a=!0,f(!0)}),T(c,"mouseleave",()=>{a=!1,b("origin")}),T(g,"mouseenter",()=>{i=!0,o.value=!0}),T(g,"mouseleave",p=>{var w;i=!1,!(p.relatedTarget&&((c==null?void 0:c.contains(p.relatedTarget))||((w=A.get(t).child)==null?void 0:w.contains(p.relatedTarget))))&&b("dropdown",!0)})),s(()=>v.forEach(p=>p()))})};function H(t,o,n,r,u,l){e.watch(o,(i,a)=>{a!==void 0&&(n.value=i,l("toggle",n.value))},{immediate:!0}),e.watch([n,u],([i,a])=>{var d;if(i){A.set(t,{...A.get(t),menuEl:a,toggle:()=>{n.value=!1,l("toggle",n.value)}});for(const y of A.values())(d=y.menuEl)!=null&&d.contains(r.value)&&(y.child=a)}}),e.onMounted(()=>{A.set(t,{toggleEl:r.value})}),e.onUnmounted(()=>{A.delete(t)})}function U(t,o,n){const{showAnimation:r,overlayClass:u,destroyOnHide:l}=e.toRefs(t),i=e.ref(!1),a=e.ref(!1),d=e.computed(()=>({transformOrigin:o.value==="top"?"0% 100%":"0% 0%",zIndex:"var(--devui-z-index-dropdown, 1052)"})),y=e.computed(()=>({"fade-in-bottom":r.value&&n.value&&o.value==="bottom","fade-in-top":r.value&&n.value&&o.value==="top",[`${u.value}`]:!0})),x=f=>{o.value=f.includes("top")||f.includes("right-end")||f.includes("left-end")?"top":"bottom"};return e.watch(n,f=>{i.value=l.value?f:!0,a.value=f}),{overlayModelValue:i,overlayShowValue:a,styles:d,classes:y,handlePositionChange:x}}const W={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function I(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const t=document.documentElement.scrollTop,o=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${t}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{o?document.documentElement.setAttribute("style",o):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=t}}}function G(t,o){let n;const r=l=>{l.preventDefault(),o.emit("click",l),t.closeOnClickOverlay&&o.emit("update:modelValue",!1)},u=()=>{n==null||n()};return e.watch(()=>t.modelValue,l=>{l?t.lockScroll&&(n=I()):u()}),e.onUnmounted(u),{onClick:r}}function N(t,o,n){let r=t;return o&&(r+=`__${o}`),n&&(r+=`--${n}`),r}function B(t,o=!1){const n=o?`.devui-${t}`:`devui-${t}`;return{b:()=>N(n),e:a=>a?N(n,a):"",m:a=>a?N(n,"",a):"",em:(a,d)=>a&&d?N(n,a,d):""}}var ae="";e.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:W,emits:["update:modelValue","click"],setup(t,o){const{modelValue:n}=e.toRefs(t),r=B("fixed-overlay"),{onClick:u}=G(t,o);return()=>e.createVNode(e.Transition,{name:r.m("fade")},{default:()=>{var l,i;return[n.value&&e.createVNode("div",e.mergeProps({class:r.b()},o.attrs,{onClick:u}),[(i=(l=o.slots).default)==null?void 0:i.call(l)])]}})}});const Y={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},clickEventBubble:{type:Boolean,default:!1},fitOriginWidth:{type:Boolean,default:!1}};function K(t,o,n,r){let{x:u,y:l}=o;if(!t){const{width:i,height:a}=r;u&&n.includes("start")&&(u=12),u&&n.includes("end")&&(u=Math.round(i-24)),l&&n.includes("start")&&(l=10),l&&n.includes("end")&&(l=a-14)}return{x:u,y:l}}function X(t,o){const{fitOriginWidth:n,position:r,showArrow:u}=e.toRefs(t),l=e.ref(),i=e.ref(),a=e.ref(0);let d;const y=e.computed(()=>n.value?{width:a.value+"px"}:{}),x=(m,s,c,v)=>{const{x:p,y:w}=K(t.isArrowCenter,c,s,v.getBoundingClientRect()),E={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];Object.assign(m.style,{left:p?`${p}px`:"",top:w?`${w}px`:"",right:"",bottom:"",[E]:"-4px"})},f=async()=>{const m=t.origin,s=e.unref(l.value),c=e.unref(i.value),[v,...p]=r.value,w=[k.offset(t.offset)];w.push(p.length?k.flip({fallbackPlacements:p}):k.flip()),u.value&&w.push(k.arrow({element:i.value}));const{x:E,y:O,placement:V,middlewareData:oe}=await k.computePosition(m,s,{strategy:"fixed",placement:v,middleware:w});let ne=E,le=O;o("positionChange",V),Object.assign(s.style,{top:`${le}px`,left:`${ne}px`}),t.showArrow&&x(c,V,oe.arrow,s)},b=m=>{var c,v;const s=m.target;s!=null&&s.contains((v=(c=t.origin)==null?void 0:c.$el)!=null?v:t.origin)&&f()},h=m=>{a.value=m.getBoundingClientRect().width,f()},C=()=>{var m,s;if(n.value&&typeof window!="undefined"){const c=(s=(m=t.origin)==null?void 0:m.$el)!=null?s:t.origin;c&&(d=new window.ResizeObserver(()=>h(c)),d.observe(c))}},g=()=>{var s,c;const m=(c=(s=t.origin)==null?void 0:s.$el)!=null?c:t.origin;m&&(d==null||d.unobserve(m))};return e.watch(()=>t.modelValue,()=>{t.modelValue&&t.origin?(e.nextTick(f),window.addEventListener("scroll",b,!0),window.addEventListener("resize",f),C()):(window.removeEventListener("scroll",b,!0),window.removeEventListener("resize",f),g())}),e.onUnmounted(()=>{window.removeEventListener("scroll",b,!0),window.removeEventListener("resize",f),g()}),{arrowRef:i,overlayRef:l,styles:y,updatePosition:f}}var re="";const S=e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:Y,emits:["update:modelValue","positionChange"],setup(t,{slots:o,attrs:n,emit:r,expose:u}){const l=B("flexible-overlay"),{clickEventBubble:i}=e.toRefs(t),{arrowRef:a,overlayRef:d,styles:y,updatePosition:x}=X(t,r);return u({updatePosition:x}),()=>{var f;return t.modelValue&&e.createVNode("div",e.mergeProps({ref:d,class:l.b(),style:y.value},n,{onClick:e.withModifiers(()=>({}),[i.value?"":"stop"]),onPointerup:e.withModifiers(()=>({}),["stop"])}),[(f=o.default)==null?void 0:f.call(o),t.showArrow&&e.createVNode("div",{ref:a,class:l.e("arrow")},null)])}}});/**
+* @vue/shared v3.4.27
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/const J=t=>t!==null&&typeof t=="object",Q=B("popper-trigger");function $(t){return e.h("span",{class:Q.b()},t)}function j(t){for(const o of t){if(J(o)){if(o.type===e.Comment)continue;return o.type==="svg"||o.type===e.Text?$(o):o.type===e.Fragment?j(o.children):o}return $(o)}return null}var Z=e.defineComponent({name:"DPopperTrigger",setup(t,o){const{slots:n,attrs:r}=o;return()=>{var a;const u=(a=n.default)==null?void 0:a.call(n,r),l=e.inject(D);if(!u)return null;const i=j(u);return i?e.withDirectives(e.cloneVNode(i,r),[[{mounted(d){l.value=d},updated(d){l.value=d},unmounted(){l.value=null}}]]):null}}}),ie="";let ee=1;var R=e.defineComponent({name:"DDropdown",inheritAttrs:!1,props:_,emits:["toggle"],setup(t,{slots:o,attrs:n,emit:r,expose:u}){const{visible:l,position:i,offset:a,destroyOnHide:d,shiftOffset:y,showAnimation:x,teleport:f}=e.toRefs(t),b=e.ref(),h=e.ref(),C=e.ref(),g=`dropdown_${ee++}`,m=e.ref(!1),s=e.ref("bottom"),c=B("dropdown");e.provide(D,b),q({id:g,isOpen:m,origin:b,dropdownRef:h,props:t,emit:r}),H(g,l,m,b,h,r);const{overlayModelValue:v,overlayShowValue:p,styles:w,classes:E,handlePositionChange:O}=U(t,s,m);return e.watch(p,V=>{e.nextTick(()=>{!d.value&&V&&C.value.updatePosition()})}),u({updatePosition:()=>C.value.updatePosition()}),()=>e.createVNode(e.Fragment,null,[e.createVNode(Z,null,{default:()=>{var V;return[(V=o.default)==null?void 0:V.call(o)]}}),e.createVNode(e.Teleport,{to:f.value},{default:()=>[e.createVNode(e.Transition,{name:x.value?c.m(`fade-${s.value}`):""},{default:()=>[e.withDirectives(e.createVNode(S,{modelValue:v.value,"onUpdate:modelValue":V=>v.value=V,ref:C,origin:b.value,position:i.value,offset:a.value,shiftOffset:y==null?void 0:y.value,onPositionChange:O,"click-event-bubble":!0,class:E.value,style:w.value},{default:()=>{var V;return[e.createVNode("div",e.mergeProps({ref:h,class:c.e("menu-wrap")},n),[(V=o.menu)==null?void 0:V.call(o)])]}}),[[e.vShow,p.value]])]})]})])}});const L={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 M=e.defineComponent({name:"DDropdownMenu",inheritAttrs:!1,props:L,emits:["update:modelValue"],setup(t,{slots:o,attrs:n,emit:r}){const{modelValue:u,origin:l,position:i,align:a,offset:d,clickOutside:y,showAnimation:x,overlayClass:f}=e.toRefs(t),b=e.ref(null),h=B("dropdown");F.onClickOutside(b,s=>{var c,v;((c=y.value)==null?void 0:c.call(y))&&!((v=l==null?void 0:l.value)!=null&&v.contains(s.target))&&r("update:modelValue",!1)});const C=e.ref("bottom"),g=s=>{C.value=s.split("-")[0]==="top"?"top":"bottom"},m=e.computed(()=>({transformOrigin:C.value==="top"?"0% 100%":"0% 0%"}));return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>[e.createVNode(e.Transition,{name:x.value?h.m(`fade-${C.value}`):""},{default:()=>[e.createVNode(S,{modelValue:u.value,"onUpdate:modelValue":s=>u.value=s,origin:l==null?void 0:l.value,position:i.value,align:a.value,offset:d.value,onPositionChange:g,class:f.value,style:m.value},{default:()=>{var s;return[e.createVNode("div",e.mergeProps({ref:b,class:h.e("menu-wrap")},n),[(s=o.default)==null?void 0:s.call(o)])]}})]})]})}}),te={title:"Dropdown \u4E0B\u62C9\u83DC\u5355",category:"\u5BFC\u822A",status:"50%",install(t){t.component(R.name,R),t.component(M.name,M)}};P.Dropdown=R,P.DropdownMenu=M,P.default=te,P.dropdownMenuProps=L,Object.defineProperties(P,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/echarts/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, ref, onMounted, onUnmounted, createVNode } from "vue";
 import * as echarts from "echarts";
 import { toRefs } from "@vueuse/core";
@@ -180,7 +161,8 @@ const DEVUI_ECHART_THEME = {
     },
     timeAxis: axisCommon("dark"),
     logAxis: axisCommon("dark"),
-    valueAxis: __spreadProps(__spreadValues({}, axisCommon("dark")), {
+    valueAxis: {
+      ...axisCommon("dark"),
       axisLine: {
         show: false,
         lineStyle: {
@@ -190,8 +172,9 @@ const DEVUI_ECHART_THEME = {
       axisTick: {
         show: false
       }
-    }),
-    categoryAxis: __spreadProps(__spreadValues({}, axisCommon("dark")), {
+    },
+    categoryAxis: {
+      ...axisCommon("dark"),
       axisLine: {
         show: true,
         lineStyle: {
@@ -201,7 +184,7 @@ const DEVUI_ECHART_THEME = {
       axisTick: {
         show: false
       }
-    }),
+    },
     line: {
       symbol: "circle"
     },
@@ -285,7 +268,8 @@ const DEVUI_ECHART_THEME = {
     },
     timeAxis: axisCommon("light"),
     logAxis: axisCommon("light"),
-    valueAxis: __spreadProps(__spreadValues({}, axisCommon("light")), {
+    valueAxis: {
+      ...axisCommon("light"),
       axisLine: {
         show: false,
         lineStyle: {
@@ -295,8 +279,9 @@ const DEVUI_ECHART_THEME = {
       axisTick: {
         show: false
       }
-    }),
-    categoryAxis: __spreadProps(__spreadValues({}, axisCommon("light")), {
+    },
+    categoryAxis: {
+      ...axisCommon("light"),
       axisLine: {
         show: true,
         lineStyle: {
@@ -306,7 +291,7 @@ const DEVUI_ECHART_THEME = {
       axisTick: {
         show: false
       }
-    }),
+    },
     line: {
       symbol: "emptyCircle",
       markPoint: {

package/echarts/index.umd.js

@@ -1 +1 @@
-var j=Object.defineProperty,G=Object.defineProperties;var H=Object.getOwnPropertyDescriptors;var F=Object.getOwnPropertySymbols;var z=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var v=(e,t,l)=>t in e?j(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,p=(e,t)=>{for(var l in t||(t={}))z.call(t,l)&&v(e,l,t[l]);if(F)for(var l of F(t))N.call(t,l)&&v(e,l,t[l]);return e},C=(e,t)=>G(e,H(t));(function(e,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue"),require("echarts"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","echarts","@vueuse/core"],t):(e=typeof globalThis!="undefined"?globalThis:e||self,t(e.index={},e.Vue,e.echarts,e.core))})(this,function(e,t,l,R){"use strict";function k(o){if(o&&o.__esModule)return o;var d={__proto__:null,[Symbol.toStringTag]:"Module"};return o&&Object.keys(o).forEach(function(n){if(n!=="default"){var s=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(d,n,s.get?s:{enumerable:!0,get:function(){return o[n]}})}}),d.default=o,Object.freeze(d)}var g=k(l);const _={option:{type:Object,default:{}}},u="#4E5057",B="#CED1DB",h="#696C75",b="#868A99",D="#4E5057",y="#D7D8DA",I="#252B3A",c="#9B9FA8",E="#71757F",S="#D7D8DA",f=["#5C8DFF","#BC94FF","#54D2EB","#A6DD82","#FCDA6B","#CA7ED6","#7298F1","#73CEA6","#EDD249","#CAABFF","#85CAFF","#93D99A","#96ADFA","#F4AF8F","#A282E9","#FFBB6B","#69DBB9","#76DBEF","#B1CE4F","#5DA4DC"];function a(o){return o==="dark"?{axisLine:{lineStyle:{color:D}},axisTick:{lineStyle:{color:D}},axisLabel:{textStyle:{color:h}},splitLine:{lineStyle:{type:[3,3],color:u}}}:{axisLine:{lineStyle:{color:S}},axisTick:{lineStyle:{color:S}},axisLabel:{textStyle:{color:c}},splitLine:{lineStyle:{type:[3,3],color:y}}}}const T={defaultColorPalette:f,defaultDarkTheme:{color:f,tooltip:{axisPointer:{label:{show:!1},lineStyle:{color:u,width:2,type:[2,3]},crossStyle:{color:u,width:2,type:[2,3]}},backgroundColor:"rgba(36,37,38,0.96)",extraCssText:"border-radius: 8px;box-shadow: 0 1px 4px 0 rgba(37,43,58,0.1)",borderWidth:0,padding:[8,8],textStyle:{color:b,fontSize:12}},virtualMap:{textStyle:{color:h}},legend:{height:"80%",width:"80%",textStyle:{color:b}},textStyle:{color:h},title:{textStyle:{color:B}},toolbox:{iconStyle:{borderColor:u}},dataZoom:{textStyle:{color:h}},timeline:{lineStyle:{color:u},label:{textStyle:{color:h}}},timeAxis:a("dark"),logAxis:a("dark"),valueAxis:C(p({},a("dark")),{axisLine:{show:!1,lineStyle:{color:D}},axisTick:{show:!1}}),categoryAxis:C(p({},a("dark")),{axisLine:{show:!0,lineStyle:{color:D}},axisTick:{show:!1}}),line:{symbol:"circle"},graph:{color:f},geo:{itemStyle:{borderColor:"#fff",areaColor:"#37383A"}}},defaultLightTheme:{color:f,tooltip:{axisPointer:{label:{show:!1},lineStyle:{color:y,width:2,type:[2,3]},crossStyle:{color:y,width:2,type:[2,3]}},backgroundColor:"rgba(255,255,255,0.96)",extraCssText:"border-radius: 8px;box-shadow: 0 1px 4px 0 rgba(37,43,58,0.1)",borderWidth:0,padding:[8,8],textStyle:{color:E,fontSize:12}},virtualMap:{textStyle:{color:c}},legend:{height:"80%",width:"80%",align:"left",textStyle:{color:E}},textStyle:{color:c},title:{textStyle:{color:I}},toolbox:{iconStyle:{borderColor:y}},dataZoom:{textStyle:{color:c}},timeline:{lineStyle:{color:y},label:{textStyle:{color:c}}},timeAxis:a("light"),logAxis:a("light"),valueAxis:C(p({},a("light")),{axisLine:{show:!1,lineStyle:{color:S}},axisTick:{show:!1}}),categoryAxis:C(p({},a("light")),{axisLine:{show:!0,lineStyle:{color:S}},axisTick:{show:!1}}),line:{symbol:"emptyCircle",markPoint:{label:{show:!0,color:c}}},graph:{color:f},geo:{itemStyle:{borderColor:"#fff",areaColor:"#eaebed"}}}};var A=t.defineComponent({name:"DChart",props:_,emits:["chartReady"],setup(o,{emit:d}){const{option:n}=R.toRefs(o);let s,i,m=!1,r,O;const L=t.ref(),w=()=>{var x;m=!!((x=i==null?void 0:i.currentTheme)==null?void 0:x.isDark),s=m?T.defaultDarkTheme:T.defaultLightTheme,r.dispose(),r=g.init(L.value,s),r.setOption(n.value,!0),console.log(n.value),d("chartReady",r)},M=()=>{clearTimeout(O),O=setTimeout(()=>{r.resize()},100)};return t.onMounted(()=>{var x;i=window.devuiThemeService,m=!!((x=i==null?void 0:i.currentTheme)==null?void 0:x.isDark),s=m?T.defaultDarkTheme:T.defaultLightTheme,r=g.init(L.value,s),i&&i.eventBus.add("themeChanged",w),r.setOption(n.value,!0),d("chartReady",r),window.addEventListener("resize",M)}),t.onUnmounted(()=>{r==null||r.dispatchAction({type:"hideTip"}),i.eventBus.remove("themeChanged",w)}),()=>t.createVNode("div",{ref:L,class:"devui-charts"},null)}}),P={title:"Echarts \u56FE\u8868",category:"\u6F14\u8FDB\u4E2D",status:"100%",install(o){o.component(A.name,A)}};e.DChart=A,e.default=P,e.devuiChartProps=_,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"});
+(function(t,r){typeof exports=="object"&&typeof module!="undefined"?r(exports,require("vue"),require("echarts"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","echarts","@vueuse/core"],r):(t=typeof globalThis!="undefined"?globalThis:t||self,r(t.index={},t.Vue,t.echarts,t.core))})(this,function(t,r,O,_){"use strict";function v(e){if(e&&e.__esModule)return e;var c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});return e&&Object.keys(e).forEach(function(a){if(a!=="default"){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(c,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}}),c.default=e,Object.freeze(c)}var m=v(O);const A={option:{type:Object,default:{}}},d="#4E5057",w="#CED1DB",u="#696C75",L="#868A99",x="#4E5057",h="#D7D8DA",F="#252B3A",s="#9B9FA8",g="#71757F",p="#D7D8DA",y=["#5C8DFF","#BC94FF","#54D2EB","#A6DD82","#FCDA6B","#CA7ED6","#7298F1","#73CEA6","#EDD249","#CAABFF","#85CAFF","#93D99A","#96ADFA","#F4AF8F","#A282E9","#FFBB6B","#69DBB9","#76DBEF","#B1CE4F","#5DA4DC"];function i(e){return e==="dark"?{axisLine:{lineStyle:{color:x}},axisTick:{lineStyle:{color:x}},axisLabel:{textStyle:{color:u}},splitLine:{lineStyle:{type:[3,3],color:d}}}:{axisLine:{lineStyle:{color:p}},axisTick:{lineStyle:{color:p}},axisLabel:{textStyle:{color:s}},splitLine:{lineStyle:{type:[3,3],color:h}}}}const C={defaultColorPalette:y,defaultDarkTheme:{color:y,tooltip:{axisPointer:{label:{show:!1},lineStyle:{color:d,width:2,type:[2,3]},crossStyle:{color:d,width:2,type:[2,3]}},backgroundColor:"rgba(36,37,38,0.96)",extraCssText:"border-radius: 8px;box-shadow: 0 1px 4px 0 rgba(37,43,58,0.1)",borderWidth:0,padding:[8,8],textStyle:{color:L,fontSize:12}},virtualMap:{textStyle:{color:u}},legend:{height:"80%",width:"80%",textStyle:{color:L}},textStyle:{color:u},title:{textStyle:{color:w}},toolbox:{iconStyle:{borderColor:d}},dataZoom:{textStyle:{color:u}},timeline:{lineStyle:{color:d},label:{textStyle:{color:u}}},timeAxis:i("dark"),logAxis:i("dark"),valueAxis:{...i("dark"),axisLine:{show:!1,lineStyle:{color:x}},axisTick:{show:!1}},categoryAxis:{...i("dark"),axisLine:{show:!0,lineStyle:{color:x}},axisTick:{show:!1}},line:{symbol:"circle"},graph:{color:y},geo:{itemStyle:{borderColor:"#fff",areaColor:"#37383A"}}},defaultLightTheme:{color:y,tooltip:{axisPointer:{label:{show:!1},lineStyle:{color:h,width:2,type:[2,3]},crossStyle:{color:h,width:2,type:[2,3]}},backgroundColor:"rgba(255,255,255,0.96)",extraCssText:"border-radius: 8px;box-shadow: 0 1px 4px 0 rgba(37,43,58,0.1)",borderWidth:0,padding:[8,8],textStyle:{color:g,fontSize:12}},virtualMap:{textStyle:{color:s}},legend:{height:"80%",width:"80%",align:"left",textStyle:{color:g}},textStyle:{color:s},title:{textStyle:{color:F}},toolbox:{iconStyle:{borderColor:h}},dataZoom:{textStyle:{color:s}},timeline:{lineStyle:{color:h},label:{textStyle:{color:s}}},timeAxis:i("light"),logAxis:i("light"),valueAxis:{...i("light"),axisLine:{show:!1,lineStyle:{color:p}},axisTick:{show:!1}},categoryAxis:{...i("light"),axisLine:{show:!0,lineStyle:{color:p}},axisTick:{show:!1}},line:{symbol:"emptyCircle",markPoint:{label:{show:!0,color:s}}},graph:{color:y},geo:{itemStyle:{borderColor:"#fff",areaColor:"#eaebed"}}}};var S=r.defineComponent({name:"DChart",props:A,emits:["chartReady"],setup(e,{emit:c}){const{option:a}=_.toRefs(e);let n,l,D=!1,o,b;const T=r.ref(),E=()=>{var f;D=!!((f=l==null?void 0:l.currentTheme)!=null&&f.isDark),n=D?C.defaultDarkTheme:C.defaultLightTheme,o.dispose(),o=m.init(T.value,n),o.setOption(a.value,!0),console.log(a.value),c("chartReady",o)},k=()=>{clearTimeout(b),b=setTimeout(()=>{o.resize()},100)};return r.onMounted(()=>{var f;l=window.devuiThemeService,D=!!((f=l==null?void 0:l.currentTheme)!=null&&f.isDark),n=D?C.defaultDarkTheme:C.defaultLightTheme,o=m.init(T.value,n),l&&l.eventBus.add("themeChanged",E),o.setOption(a.value,!0),c("chartReady",o),window.addEventListener("resize",k)}),r.onUnmounted(()=>{o==null||o.dispatchAction({type:"hideTip"}),l.eventBus.remove("themeChanged",E)}),()=>r.createVNode("div",{ref:T,class:"devui-charts"},null)}}),R={title:"Echarts \u56FE\u8868",category:"\u6F14\u8FDB\u4E2D",status:"100%",install(e){e.component(S.name,S)}};t.DChart=S,t.default=R,t.devuiChartProps=A,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});