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

package/notification/index.es.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, createVNode, toRefs, computed, watch, Transition, reactive, createApp, onUnmounted, mergeProps, isVNode } from "vue";
+import { defineComponent, toRefs, createVNode, computed, watch, Transition, reactive, createApp, onUnmounted, mergeProps, isVNode } from "vue";
 const notificationProps = {
   modelValue: {
     type: Boolean,
@@ -39,55 +39,53 @@ const notificationProps = {
     type: Function
   }
 };
+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);
-};
 var Close = defineComponent({
   emits: ["click"],
   setup(props, {

package/notification/index.umd.js

@@ -1 +1 @@
-var z=Object.defineProperty,I=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var g=(i,e,c)=>e in i?z(i,e,{enumerable:!0,configurable:!0,writable:!0,value:c}):i[e]=c,f=(i,e)=>{for(var c in e||(e={}))k.call(e,c)&&g(i,c,e[c]);if(N)for(var c of N(e))A.call(e,c)&&g(i,c,e[c]);return i},v=(i,e)=>I(i,M(e));(function(i,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis!="undefined"?globalThis:i||self,e(i.index={},i.Vue))})(this,function(i,e){"use strict";const c={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}};var u=e.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(t){return f({},t)},render(){const{name:t,size:n,color:o,classPrefix:a}=this;return/^((https?):)?\/\//.test(t)?e.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:n,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${a} ${a}-${t}`,style:{fontSize:n,color:o}},null)}});u.install=function(t){t.component(u.name,u)};var h=e.defineComponent({emits:["click"],setup(t,{emit:n}){return()=>e.createVNode("div",{class:"devui-notification-icon-close",onClick:o=>n("click",o)},[e.createVNode(u,{name:"close",size:"14px"},null)])}}),S=e.defineComponent({props:{type:{type:String,default:"normal"}},setup(t){const{type:n}=e.toRefs(t),o=e.computed(()=>({"devui-notification-image":!0,[`devui-notification-image-${n.value}`]:!0})),a={info:"info-o",success:"right-o",warning:"warning-o",error:"error-o"};return()=>e.createVNode("span",{class:o.value},[n.value!=="normal"&&e.createVNode(u,{name:a[n.value],size:"16px"},null)])}});function C(t){return{classes:e.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${t.type}`]:!0}))}}function T(t,n){let o=null,a;const l=()=>{var s;clearTimeout(o),o=null,(s=t.onClose)==null||s.call(t),n("update:modelValue",!1)},r=()=>{o&&(clearTimeout(o),o=null)},m=()=>{if(!t.modelValue){const s=t.duration-(Date.now()-a);o=setTimeout(l,s)}},p=()=>{n("destroy")};return e.watch(()=>t.modelValue,s=>{s&&(a=Date.now(),t.duration&&(o=setTimeout(l,t.duration)))}),{interrupt:r,removeReset:m,close:l,handleDestroy:p}}var R="",d=e.defineComponent({name:"DNotification",props:c,emits:["update:modelValue","destroy"],setup(t,{emit:n,slots:o}){const{modelValue:a,title:l,type:r}=e.toRefs(t),{classes:m}=C(t),{interrupt:p,removeReset:s,close:j,handleDestroy:x}=T(t,n);return()=>e.createVNode(e.Transition,{name:"notification-fade",onAfterLeave:x},{default:()=>{var V;return[a.value&&e.createVNode("div",{class:"devui-notification"},[e.createVNode("div",{class:m.value,onMouseenter:p,onMouseleave:s},[e.createVNode("div",{class:"devui-notification-item"},[e.createVNode(h,{onClick:j},null),l.value&&e.createVNode(S,{type:r.value},null),e.createVNode("div",{class:"devui-notification-message"},[e.createVNode("span",{class:"devui-notification-title"},[l.value]),e.createVNode("span",{class:"devui-notification-content"},[(V=o.default)==null?void 0:V.call(o)])])])])])]}})}});function b(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const D={modelValue:!1,duration:3e3,type:"normal"};function P(t,n){const o=document.createElement("div"),a=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(d,e.mergeProps(t,{onDestroy:a.unmount}),b(n)?n:{default:()=>[n]})}});return document.body.appendChild(o),a.mount(o),a}function w(t,n){t.modelValue=!1,n==null||n()}class y{static open(n){const o=n.onClose||null,a=n.content;let l;delete n.content;const r=e.reactive(v(f(f({},D),n),{onClose:()=>{w(r,o)}}));P(r,a),r.modelValue=!0,clearTimeout(l),n.duration&&(l=setTimeout(r.onClose,n.duration))}}var $={title:"Notification \u5168\u5C40\u901A\u77E5",category:"\u53CD\u9988",status:"100%",install(t){t.component(d.name,d),t.config.globalProperties.$notificationService=y}};i.Notification=d,i.NotificationService=y,i.default=$,i.notificationProps=c,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
+var I=Object.defineProperty,M=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var N=(i,e,l)=>e in i?I(i,e,{enumerable:!0,configurable:!0,writable:!0,value:l}):i[e]=l,m=(i,e)=>{for(var l in e||(e={}))k.call(e,l)&&N(i,l,e[l]);if(v)for(var l of v(e))A.call(e,l)&&N(i,l,e[l]);return i},g=(i,e)=>M(i,R(e));(function(i,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis!="undefined"?globalThis:i||self,e(i.index={},i.Vue))})(this,function(i,e){"use strict";const l={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}},S={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var p=e.defineComponent({name:"DIcon",props:S,setup(n){const{name:t,size:o,color:a,classPrefix:c}=e.toRefs(n);return()=>/^((https?):)?\/\//.test(t.value)?e.createVNode("img",{src:t.value,alt:t.value.split("/")[t.value.split("/").length-1],style:{width:o.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${c.value} ${c.value}-${t.value}`,style:{fontSize:o.value,color:a.value}},null)}}),h=e.defineComponent({emits:["click"],setup(n,{emit:t}){return()=>e.createVNode("div",{class:"devui-notification-icon-close",onClick:o=>t("click",o)},[e.createVNode(p,{name:"close",size:"14px"},null)])}}),C=e.defineComponent({props:{type:{type:String,default:"normal"}},setup(n){const{type:t}=e.toRefs(n),o=e.computed(()=>({"devui-notification-image":!0,[`devui-notification-image-${t.value}`]:!0})),a={info:"info-o",success:"right-o",warning:"warning-o",error:"error-o"};return()=>e.createVNode("span",{class:o.value},[t.value!=="normal"&&e.createVNode(p,{name:a[t.value],size:"16px"},null)])}});function T(n){return{classes:e.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${n.type}`]:!0}))}}function b(n,t){let o=null,a;const c=()=>{var s;clearTimeout(o),o=null,(s=n.onClose)==null||s.call(n),t("update:modelValue",!1)},r=()=>{o&&(clearTimeout(o),o=null)},d=()=>{if(!n.modelValue){const s=n.duration-(Date.now()-a);o=setTimeout(c,s)}},f=()=>{t("destroy")};return e.watch(()=>n.modelValue,s=>{s&&(a=Date.now(),n.duration&&(o=setTimeout(c,n.duration)))}),{interrupt:r,removeReset:d,close:c,handleDestroy:f}}var E="",u=e.defineComponent({name:"DNotification",props:l,emits:["update:modelValue","destroy"],setup(n,{emit:t,slots:o}){const{modelValue:a,title:c,type:r}=e.toRefs(n),{classes:d}=T(n),{interrupt:f,removeReset:s,close:x,handleDestroy:z}=b(n,t);return()=>e.createVNode(e.Transition,{name:"notification-fade",onAfterLeave:z},{default:()=>{var V;return[a.value&&e.createVNode("div",{class:"devui-notification"},[e.createVNode("div",{class:d.value,onMouseenter:f,onMouseleave:s},[e.createVNode("div",{class:"devui-notification-item"},[e.createVNode(h,{onClick:x},null),c.value&&e.createVNode(C,{type:r.value},null),e.createVNode("div",{class:"devui-notification-message"},[e.createVNode("span",{class:"devui-notification-title"},[c.value]),e.createVNode("span",{class:"devui-notification-content"},[(V=o.default)==null?void 0:V.call(o)])])])])])]}})}});function D(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const P={modelValue:!1,duration:3e3,type:"normal"};function w(n,t){const o=document.createElement("div"),a=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(u,e.mergeProps(n,{onDestroy:a.unmount}),D(t)?t:{default:()=>[t]})}});return document.body.appendChild(o),a.mount(o),a}function $(n,t){n.modelValue=!1,t==null||t()}class y{static open(t){const o=t.onClose||null,a=t.content;let c;delete t.content;const r=e.reactive(g(m(m({},P),t),{onClose:()=>{$(r,o)}}));w(r,a),r.modelValue=!0,clearTimeout(c),t.duration&&(c=setTimeout(r.onClose,t.duration))}}var j={title:"Notification \u5168\u5C40\u901A\u77E5",category:"\u53CD\u9988",status:"100%",install(n){n.component(u.name,u),n.config.globalProperties.$notificationService=y}};i.Notification=u,i.NotificationService=y,i.default=j,i.notificationProps=l,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});

package/nuxt/components/DropdownPropsKey.js

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

package/nuxt/components/PanelBody.js

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

package/nuxt/components/PanelFooter.js

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

package/nuxt/components/PanelHeader.js

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

package/nuxt/components/Timeline.js

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

package/nuxt/components/TimelineItem.js

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

package/nuxt/components/alertProps.js

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

package/nuxt/components/autoCompleteProps.js

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

package/nuxt/components/avatarProps.js

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

package/nuxt/components/cardProps.js

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

package/nuxt/components/checkboxGroupInjectionKey.js

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

package/nuxt/components/checkboxGroupProps.js

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

package/nuxt/components/checkboxProps.js

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

package/nuxt/components/colProps.js

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

package/nuxt/components/colPropsBaseClass.js

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

package/nuxt/components/colPropsBaseStyle.js

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

package/nuxt/components/commentProps.js

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

package/nuxt/components/countdownProps.js

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

package/nuxt/components/editableSelectProps.js

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

package/nuxt/components/fullscreenProps.js

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

package/nuxt/components/iconProps.js

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

package/nuxt/components/imagePreviewProps.js

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

package/nuxt/components/inputProps.js

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

package/nuxt/components/paginationProps.js

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

package/nuxt/components/panelProps.js

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

package/nuxt/components/progressProps.js

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

package/nuxt/components/rateProps.js

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

package/nuxt/components/readTipProps.js

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

package/nuxt/components/resultProps.js

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

package/nuxt/components/rowProps.js

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

package/nuxt/components/screenSizes.js

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

package/nuxt/components/searchProps.js

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

package/nuxt/components/skeletonProps.js

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

package/nuxt/components/splitterProps.js

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

package/nuxt/components/statisticProps.js

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

package/nuxt/components/switchProps.js

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

package/nuxt/components/tagInputProps.js

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

package/nuxt/components/tagProps.js

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

package/nuxt/components/textareaProps.js

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

package/nuxt/components/timeAxisProps.js

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

package/overlay/index.es.js

@@ -17,9 +17,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, createVNode, Teleport, Transition, renderSlot, isVNode, computed, onMounted, watch, onUnmounted, ref, nextTick, unref, mergeProps } from "vue";
-import { offset, autoPlacement, arrow, computePosition } from "@floating-ui/dom";
-var overlay = "";
+import { defineComponent, createVNode, Teleport, Transition, renderSlot, isVNode, computed, onMounted, watch, onUnmounted, ref, unref, nextTick, mergeProps } from "vue";
+import { shift, offset, autoPlacement, arrow, computePosition } from "@floating-ui/dom";
+var baseOverlay = "";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -66,43 +66,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 [
@@ -153,6 +123,7 @@ function useOverlayLogic(props, ctx) {
     handleOverlayBubbleCancel
   };
 }
+var fixedOverlay = "";
 const FixedOverlay = defineComponent({
   name: "DFixedOverlay",
   props: fixedOverlayProps,
@@ -177,6 +148,36 @@ const FixedOverlay = 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) {
@@ -209,6 +210,7 @@ function adjustArrowPosition(isArrowCenter, point, placement, originRect) {
 function useOverlay(props, emit) {
   const overlayRef = ref();
   const arrowRef = ref();
+  let originParent = null;
   const updateArrowPosition = (arrowEl, placement, point, overlayEl) => {
     const { x, y } = adjustArrowPosition(props.isArrowCenter, point, placement, overlayEl.getBoundingClientRect());
     const staticSide = {
@@ -230,6 +232,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,
@@ -246,25 +249,24 @@ function useOverlay(props, emit) {
     props.showArrow && updateArrowPosition(arrowEl, placement, middlewareData.arrow, overlayEl);
   };
   watch(() => props.modelValue, () => {
-    const originParent = getScrollParent(props.origin);
     if (props.modelValue && props.origin) {
+      originParent = getScrollParent(props.origin);
       nextTick(updatePosition);
-      originParent.addEventListener("scroll", updatePosition);
+      originParent == null ? void 0 : originParent.addEventListener("scroll", updatePosition);
       originParent !== window && window.addEventListener("scroll", updatePosition);
       window.addEventListener("resize", updatePosition);
     } else {
-      originParent.removeEventListener("scroll", updatePosition);
+      originParent == null ? void 0 : originParent.removeEventListener("scroll", updatePosition);
       originParent !== window && window.removeEventListener("scroll", updatePosition);
       window.removeEventListener("resize", updatePosition);
     }
   });
   onUnmounted(() => {
-    const originParent = getScrollParent(props.origin);
-    originParent.removeEventListener("scroll", updatePosition);
+    originParent == null ? void 0 : originParent.removeEventListener("scroll", updatePosition);
     originParent !== window && window.removeEventListener("scroll", updatePosition);
     window.removeEventListener("resize", updatePosition);
   });
-  return { arrowRef, overlayRef };
+  return { arrowRef, overlayRef, updatePosition };
 }
 var flexibleOverlay = "";
 const FlexibleOverlay = defineComponent({
@@ -275,12 +277,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({

package/overlay/index.umd.js

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

package/overlay/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}
+@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}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.0.0-rc.0",
+  "version": "1.0.0-rc.3",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [
@@ -15,6 +15,11 @@
     "jsx",
     "devui"
   ],
+  "homepage": "https://vue-devui.github.io/",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:DevCloudFE/vue-devui.git"
+  },
   "main": "vue-devui.umd.js",
   "module": "vue-devui.es.js",
   "style": "style.css",
@@ -24,52 +29,12 @@
     "@types/lodash-es": "^4.17.4",
     "@vueuse/core": "^7.7.1",
     "async-validator": "^4.0.2",
-    "devui-theme": "workspace:^0.0.1",
+    "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"
-  },
-  "devDependencies": {
-    "@babel/parser": "^7.15.5",
-    "@babel/preset-env": "^7.14.5",
-    "@babel/preset-typescript": "^7.14.5",
-    "@babel/traverse": "^7.15.4",
-    "@commitlint/cli": "^11.0.0",
-    "@commitlint/config-conventional": "^11.0.0",
-    "@docsearch/css": "^3.0.0-alpha.50",
-    "@docsearch/js": "^3.0.0-alpha.50",
-    "@types/chalk": "^2.2.0",
-    "@types/commander": "^2.12.2",
-    "@types/jest": "^26.0.23",
-    "@types/ora": "^3.2.0",
-    "@typescript-eslint/eslint-plugin": "^4.27.0",
-    "@typescript-eslint/parser": "^4.27.0",
-    "@vitejs/plugin-vue": "^1.3.0",
-    "@vitejs/plugin-vue-jsx": "^1.1.0",
-    "@vue/babel-plugin-jsx": "^1.0.6",
-    "@vue/compiler-sfc": "^3.0.5",
-    "@vue/test-utils": "^2.0.0-rc.9",
-    "@vuedx/typecheck": "^0.4.1",
-    "@vuedx/typescript-plugin-vue": "^0.4.1",
-    "babel-jest": "^27.0.2",
-    "chalk": "^4.1.2",
-    "commander": "^8.1.0",
-    "devui-cli": "workspace:^0.0.2",
-    "inquirer": "^8.1.2",
-    "jest": "^27.0.4",
-    "ora": "^5.4.1",
-    "patch-vue-directive-ssr": "^0.0.1",
-    "sass": "^1.32.2",
-    "shelljs": "^0.8.4",
-    "typescript": "^4.3.2",
-    "vite": "^2.4.4",
-    "vite-plugin-md": "^0.6.0",
-    "vite-svg-loader": "^2.2.0",
-    "vitepress": "0.20.1",
-    "vitepress-theme-demoblock": "1.3.2",
-    "vue-tsc": "^0.2.2"
   }
-}
+}