vue-devui 1.0.0-rc.8 → 1.0.1

package/nuxt/components/MenuItem.js

@@ -0,0 +1,3 @@
+import '../../menu/style.css' 
+
+export  { MenuItem as default } from '../../menu/index.es.js'

package/nuxt/components/Message.js

@@ -0,0 +1,3 @@
+import '../../message/style.css' 
+
+export  { Message as default } from '../../message/index.es.js'

package/nuxt/components/Option.js

@@ -0,0 +1,3 @@
+import '../../select/style.css' 
+
+export  { Option as default } from '../../select/index.es.js'

package/nuxt/components/OptionGroup.js

@@ -0,0 +1,3 @@
+import '../../select/style.css' 
+
+export  { OptionGroup as default } from '../../select/index.es.js'

package/nuxt/components/RadioButton.js

@@ -0,0 +1,3 @@
+import '../../radio/style.css' 
+
+export  { RadioButton as default } from '../../radio/index.es.js'

package/nuxt/components/Step.js

@@ -0,0 +1,3 @@
+import '../../steps/style.css' 
+
+export  { Step as default } from '../../steps/index.es.js'

package/nuxt/components/Steps.js

@@ -0,0 +1,3 @@
+import '../../steps/style.css' 
+
+export  { Steps as default } from '../../steps/index.es.js'

package/nuxt/components/SubMenu.js

@@ -0,0 +1,3 @@
+import '../../menu/style.css' 
+
+export  { SubMenu as default } from '../../menu/index.es.js'

package/nuxt/components/TABLE_TOKEN.js

@@ -0,0 +1,3 @@
+import '../../table/style.css' 
+
+export  { TABLE_TOKEN as default } from '../../table/index.es.js'

package/nuxt/components/TimePicker.js

@@ -0,0 +1,3 @@
+import '../../time-picker/style.css' 
+
+export  { TimePicker as default } from '../../time-picker/index.es.js'

package/nuxt/components/TimeSelect.js

@@ -0,0 +1,3 @@
+import '../../time-select/style.css' 
+
+export  { TimeSelect as default } from '../../time-select/index.es.js'

package/nuxt/components/animationInjectionKey.js

@@ -0,0 +1,3 @@
+import '../../skeleton/style.css' 
+
+export  { animationInjectionKey as default } from '../../skeleton/index.es.js'

package/nuxt/components/collapseItemProps.js

@@ -0,0 +1,3 @@
+import '../../collapse/style.css' 
+
+export  { collapseItemProps as default } from '../../collapse/index.es.js'

package/nuxt/components/collapseProps.js

@@ -0,0 +1,3 @@
+import '../../collapse/style.css' 
+
+export  { collapseProps as default } from '../../collapse/index.es.js'

package/nuxt/components/datePickerProCommonProps.js

@@ -0,0 +1,3 @@
+import '../../date-picker-pro/style.css' 
+
+export  { datePickerProCommonProps as default } from '../../date-picker-pro/index.es.js'

package/nuxt/components/datePickerProPanelProps.js

@@ -0,0 +1,3 @@
+import '../../date-picker-pro/style.css' 
+
+export  { datePickerProPanelProps as default } from '../../date-picker-pro/index.es.js'

package/nuxt/components/datePickerProProps.js

@@ -0,0 +1,3 @@
+import '../../date-picker-pro/style.css' 
+
+export  { datePickerProProps as default } from '../../date-picker-pro/index.es.js'

package/nuxt/components/iconProps.js

@@ -1,2 +1,3 @@
+import '../../icon/style.css' 
 
 export  { iconProps as default } from '../../icon/index.es.js'

package/nuxt/components/mentionProps.js

@@ -0,0 +1,3 @@
+import '../../mention/style.css' 
+
+export  { mentionProps as default } from '../../mention/index.es.js'

package/nuxt/components/messageProps.js

@@ -0,0 +1,3 @@
+import '../../message/style.css' 
+
+export  { messageProps as default } from '../../message/index.es.js'

package/nuxt/components/paginationInjectionKey.js

@@ -0,0 +1,3 @@
+import '../../pagination/style.css' 
+
+export  { paginationInjectionKey as default } from '../../pagination/index.es.js'

package/nuxt/components/roundInjectionKey.js

@@ -0,0 +1,3 @@
+import '../../skeleton/style.css' 
+
+export  { roundInjectionKey as default } from '../../skeleton/index.es.js'

package/nuxt/components/skeletonItemProps.js

@@ -0,0 +1,3 @@
+import '../../skeleton/style.css' 
+
+export  { skeletonItemProps as default } from '../../skeleton/index.es.js'

package/nuxt/components/stepProps.js

@@ -0,0 +1,3 @@
+import '../../steps/style.css' 
+
+export  { stepProps as default } from '../../steps/index.es.js'

package/nuxt/components/stepsProps.js

@@ -0,0 +1,3 @@
+import '../../steps/style.css' 
+
+export  { stepsProps as default } from '../../steps/index.es.js'

package/nuxt/components/svgIconProps.js

@@ -0,0 +1,3 @@
+import '../../icon/style.css' 
+
+export  { svgIconProps as default } from '../../icon/index.es.js'

package/nuxt/components/tableProps.js

@@ -0,0 +1,3 @@
+import '../../table/style.css' 
+
+export  { tableProps as default } from '../../table/index.es.js'

package/nuxt/components/timerPickerPanelProps.js

@@ -0,0 +1,3 @@
+import '../../date-picker-pro/style.css' 
+
+export  { timerPickerPanelProps as default } from '../../date-picker-pro/index.es.js'

package/nuxt/components/treeNodeProps.js

@@ -0,0 +1,3 @@
+import '../../tree/style.css' 
+
+export  { treeNodeProps as default } from '../../tree/index.es.js'

package/overlay/index.es.js

@@ -1,24 +1,60 @@
-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, createVNode, Teleport, Transition, renderSlot, isVNode, computed, onMounted, watch, onUnmounted, ref, unref, nextTick, mergeProps } from "vue";
+import { watch, onUnmounted, defineComponent, toRefs, createVNode, Transition, mergeProps, ref, unref, nextTick, withModifiers } from "vue";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
+const fixedOverlayProps = {
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  lockScroll: {
+    type: Boolean,
+    default: true
+  },
+  closeOnClickOverlay: {
+    type: Boolean,
+    default: true
+  }
+};
+function lockScroll() {
+  if (document.documentElement.scrollHeight > document.documentElement.clientHeight) {
+    const scrollTop = document.documentElement.scrollTop;
+    const style = document.documentElement.getAttribute("style");
+    document.documentElement.style.position = "fixed";
+    document.documentElement.style.top = `-${scrollTop}px`;
+    document.documentElement.style.width = document.documentElement.style.width || "100%";
+    document.documentElement.style.overflowY = "scroll";
+    return () => {
+      if (style) {
+        document.documentElement.setAttribute("style", style);
+      } else {
+        document.documentElement.removeAttribute("style");
+      }
+      document.documentElement.scrollTop = scrollTop;
+    };
+  }
+  return;
+}
+function useFixedOverlay(props, ctx) {
+  let lockScrollCb;
+  const onClick = (event) => {
+    event.preventDefault();
+    ctx.emit("click", event);
+    if (props.closeOnClickOverlay) {
+      ctx.emit("update:modelValue", false);
+    }
+  };
+  const removeBodyAdditions = () => {
+    lockScrollCb == null ? void 0 : lockScrollCb();
+  };
+  watch(() => props.modelValue, (val) => {
+    if (val) {
+      props.lockScroll && (lockScrollCb = lockScroll());
+    } else {
+      removeBodyAdditions();
+    }
+  });
+  onUnmounted(removeBodyAdditions);
+  return { onClick };
+}
 function createBem(namespace, element, modifier) {
   let cls = namespace;
   if (element) {
@@ -29,8 +65,8 @@ function createBem(namespace, element, modifier) {
   }
   return cls;
 }
-function useNamespace(block) {
-  const namespace = `devui-${block}`;
+function useNamespace(block, needDot = false) {
+  const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
   const b = () => createBem(namespace);
   const e = (element) => element ? createBem(namespace, element) : "";
   const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
@@ -42,130 +78,31 @@ function useNamespace(block) {
     em
   };
 }
-var baseOverlay = "";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const CommonOverlay = defineComponent({
-  setup(props, ctx) {
-    const ns = useNamespace("overlay");
-    return () => {
-      let _slot;
-      return createVNode(Teleport, {
-        "to": "#d-overlay-anchor"
-      }, {
-        default: () => [createVNode(Transition, {
-          "name": ns.e("fade")
-        }, _isSlot(_slot = renderSlot(ctx.slots, "default")) ? _slot : {
-          default: () => [_slot]
-        })]
-      });
-    };
-  }
-});
-const overlayProps = {
-  visible: {
-    type: Boolean
-  },
-  backgroundBlock: {
-    type: Boolean,
-    default: false
-  },
-  backgroundClass: {
-    type: String,
-    default: ""
-  },
-  backgroundStyle: {
-    type: [String, Object]
-  },
-  onBackdropClick: {
-    type: Function
-  },
-  backdropClose: {
-    type: Boolean,
-    default: true
-  },
-  hasBackdrop: {
-    type: Boolean,
-    default: true
-  }
-};
-const fixedOverlayProps = __spreadProps(__spreadValues({}, overlayProps), {
-  overlayStyle: {
-    type: [String, Object],
-    default: void 0
-  }
-});
-const overlayEmits = ["update:visible", "backdropClick"];
-function useOverlayLogic(props, ctx) {
-  const ns = useNamespace("overlay");
-  const backgroundClass = computed(() => {
-    return [ns.e("background"), props.backgroundClass, !props.hasBackdrop ? ns.em("background", "disabled") : ns.em("background", "color")];
-  });
-  const overlayClass = computed(() => {
-    return ns.b();
-  });
-  const handleBackdropClick = (event) => {
-    var _a;
-    event.preventDefault();
-    (_a = props.onBackdropClick) == null ? void 0 : _a.call(props);
-    if (props.backdropClose) {
-      ctx.emit("update:visible", false);
-    }
-  };
-  const handleOverlayBubbleCancel = (event) => event.cancelBubble = true;
-  onMounted(() => {
-    const body = document.body;
-    const originOverflow = body.style.overflow;
-    const originPosition = body.style.position;
-    watch([() => props.visible, () => props.backgroundBlock], ([visible, backgroundBlock]) => {
-      if (backgroundBlock) {
-        const top = body.getBoundingClientRect().y;
-        if (visible) {
-          body.style.overflowY = "scroll";
-          body.style.position = visible ? "fixed" : "";
-          body.style.top = `${top}px`;
-        } else {
-          body.style.overflowY = originOverflow;
-          body.style.position = originPosition;
-          body.style.top = "";
-          window.scrollTo(0, -top);
-        }
-      }
-    });
-    onUnmounted(() => {
-      document.body.style.overflow = originOverflow;
-    });
-  });
-  return {
-    backgroundClass,
-    overlayClass,
-    handleBackdropClick,
-    handleOverlayBubbleCancel
-  };
-}
 var fixedOverlay = "";
 const FixedOverlay = defineComponent({
   name: "DFixedOverlay",
+  inheritAttrs: false,
   props: fixedOverlayProps,
-  emits: overlayEmits,
+  emits: ["update:modelValue", "click"],
   setup(props, ctx) {
     const {
-      backgroundClass,
-      overlayClass,
-      handleBackdropClick,
-      handleOverlayBubbleCancel
-    } = useOverlayLogic(props, ctx);
-    return () => createVNode(CommonOverlay, null, {
-      default: () => [props.visible && createVNode("div", {
-        "class": backgroundClass.value,
-        "style": props.backgroundStyle,
-        "onClick": handleBackdropClick
-      }, [createVNode("div", {
-        "class": overlayClass.value,
-        "style": props.overlayStyle,
-        "onClick": handleOverlayBubbleCancel
-      }, [renderSlot(ctx.slots, "default")])])]
+      modelValue
+    } = toRefs(props);
+    const ns = useNamespace("fixed-overlay");
+    const {
+      onClick
+    } = useFixedOverlay(props, ctx);
+    return () => createVNode(Transition, {
+      "name": ns.m("fade")
+    }, {
+      default: () => {
+        var _a, _b;
+        return [modelValue.value && createVNode("div", mergeProps({
+          "class": ns.b()
+        }, ctx.attrs, {
+          "onClick": onClick
+        }), [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])];
+      }
     });
   }
 });
@@ -200,6 +137,10 @@ const flexibleOverlayProps = {
   isArrowCenter: {
     type: Boolean,
     default: true
+  },
+  clickEventBubble: {
+    type: Boolean,
+    default: false
   }
 };
 function getScrollParent(element) {
@@ -314,6 +255,9 @@ const FlexibleOverlay = defineComponent({
     expose
   }) {
     const ns = useNamespace("flexible-overlay");
+    const {
+      clickEventBubble
+    } = toRefs(props);
     const {
       arrowRef,
       overlayRef,
@@ -327,7 +271,10 @@ const FlexibleOverlay = defineComponent({
       return props.modelValue && createVNode("div", mergeProps({
         "ref": overlayRef,
         "class": ns.b()
-      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), props.showArrow && createVNode("div", {
+      }, attrs, {
+        "onClick": withModifiers(() => ({}), [clickEventBubble.value ? "" : "stop"]),
+        "onPointerup": withModifiers(() => ({}), ["stop"])
+      }), [(_a = slots.default) == null ? void 0 : _a.call(slots), props.showArrow && createVNode("div", {
         "ref": arrowRef,
         "class": ns.e("arrow")
       }, null)]);
@@ -353,4 +300,4 @@ var index = {
     }
   }
 };
-export { FixedOverlay, FlexibleOverlay, index as default, fixedOverlayProps, flexibleOverlayProps, overlayEmits, overlayProps };
+export { FixedOverlay, FlexibleOverlay, index as default, fixedOverlayProps, flexibleOverlayProps };

package/overlay/index.umd.js

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

package/overlay/style.css

@@ -1 +1 @@
-@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(37, 43, 58, .2));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}
+.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.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-length-connected-overlay, 0 4px 8px 0) var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.0.0-rc.8",
+  "version": "1.0.1",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [
@@ -23,18 +23,22 @@
   "main": "vue-devui.umd.js",
   "module": "vue-devui.es.js",
   "style": "style.css",
+  "peerDependencies": {
+    "vue": "^3.2"
+  },
   "dependencies": {
     "@devui-design/icons": "^1.3.0",
     "@floating-ui/dom": "^0.4.4",
     "@types/lodash-es": "^4.17.4",
-    "@vueuse/core": "^7.7.1",
-    "async-validator": "^4.0.2",
+    "@vue/shared": "^3.2.33",
+    "@vueuse/core": "8.9.4",
+    "async-validator": "^4.0.7",
+    "dayjs": "^1.11.3",
     "devui-theme": "^0.0.1",
     "fs-extra": "^10.0.0",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.20",
     "mitt": "^3.0.0",
-    "vue": "^3.1.1",
     "vue-router": "^4.0.3"
   }
 }