vue-devui 1.0.0-pre.0 → 1.0.0-rc.2

package/auto-complete/index.es.js

@@ -18,8 +18,8 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { ref, nextTick, defineComponent, createVNode, h, render, inject, withDirectives, createTextVNode, resolveDirective, vShow, watch, onUnmounted, unref, mergeProps, toRefs, provide, reactive, isVNode, Transition } from "vue";
-import { offset, autoPlacement, arrow, computePosition } from "@floating-ui/dom";
+import { ref, nextTick, defineComponent, createVNode, h, render, inject, withDirectives, createTextVNode, resolveDirective, vShow, unref, watch, onUnmounted, mergeProps, toRefs, provide, Teleport, Transition, isVNode } from "vue";
+import { shift, offset, autoPlacement, arrow, computePosition } from "@floating-ui/dom";
 const defaultFormatter = (item) => item ? item.label || item.toString() : "";
 const defaultValueParse = (item) => item;
 const autoCompleteProps = {
@@ -35,18 +35,9 @@ const autoCompleteProps = {
     type: Boolean,
     default: false
   },
-  appendToBody: {
-    type: Boolean,
-    default: false
-  },
-  appendToBodyDirections: {
-    type: Object,
-    default: () => ({
-      originX: "left",
-      originY: "bottom",
-      overlayX: "left",
-      overlayY: "top"
-    })
+  position: {
+    type: Array,
+    default: ["bottom-end"]
   },
   disabled: {
     type: Boolean,
@@ -92,9 +83,9 @@ const autoCompleteProps = {
     type: Boolean,
     default: false
   },
-  dAutoCompleteWidth: {
+  width: {
     type: Number,
-    default: null
+    default: 400
   },
   showAnimation: {
     type: Boolean,
@@ -121,32 +112,32 @@ const DropdownPropsKey = Symbol("DropdownPropsKey");
 function useCustomTemplate(ctx2, modelValue) {
   const itemTemplate = (item, index2) => {
     const arr = { item, index: index2 };
-    if (ctx2.slots.itemTemplate) {
-      return ctx2.slots.itemTemplate(arr);
+    if (ctx2.slots.item) {
+      return ctx2.slots.item(arr);
     }
     return null;
   };
   const noResultItemTemplate = () => {
-    if (ctx2.slots.noResultItemTemplate) {
-      return ctx2.slots.noResultItemTemplate(modelValue.value);
+    if (ctx2.slots.nothing) {
+      return ctx2.slots.nothing(modelValue.value);
     }
     return null;
   };
   const searchingTemplate = () => {
-    if (ctx2.slots.searchingTemplate) {
-      return ctx2.slots.searchingTemplate(modelValue.value);
+    if (ctx2.slots.searching) {
+      return ctx2.slots.searching(modelValue.value);
     }
     return null;
   };
   const customRenderSolts = () => {
     const slots = {};
-    if (ctx2.slots.itemTemplate) {
+    if (ctx2.slots.item) {
       slots["itemTemplate"] = itemTemplate;
     }
-    if (ctx2.slots.noResultItemTemplate) {
+    if (ctx2.slots.nothing) {
       slots["noResultItemTemplate"] = noResultItemTemplate;
     }
-    if (ctx2.slots.searchingTemplate) {
+    if (ctx2.slots.searching) {
       slots["searchingTemplate"] = searchingTemplate;
     }
     return slots;
@@ -154,10 +145,10 @@ function useCustomTemplate(ctx2, modelValue) {
   return { customRenderSolts };
 }
 function useSearchFn(ctx2, allowEmptyValueSearch, source, searchFn, formatter) {
-  const searchList = ref([]);
+  const searchList = ref();
   const showNoResultItemTemplate = ref(false);
   const handleSearch = async (term, enableLazyLoad) => {
-    if (term == "" && !allowEmptyValueSearch.value) {
+    if (term === "" && !allowEmptyValueSearch.value) {
       searchList.value = [];
       showNoResultItemTemplate.value = false;
       return;
@@ -178,7 +169,7 @@ function useSearchFn(ctx2, allowEmptyValueSearch, source, searchFn, formatter) {
       arr = await searchFn.value(term);
     }
     searchList.value = arr;
-    if (searchList.value.length == 0) {
+    if (searchList.value.length === 0) {
       showNoResultItemTemplate.value = true;
     } else {
       showNoResultItemTemplate.value = false;
@@ -241,7 +232,7 @@ function useInputHandle(ctx2, searchList, showNoResultItemTemplate, modelValue,
         handleClose();
       } else {
         visible.value = true;
-        if (ctx2.slots.noResultItemTemplate && searchList.value.length == 0 && modelValue.value.trim() != "") {
+        if (ctx2.slots.noResultItemTemplate && searchList.value.length === 0 && modelValue.value.trim() !== "") {
           showNoResultItemTemplate.value = true;
         }
       }
@@ -260,11 +251,11 @@ function useInputHandle(ctx2, searchList, showNoResultItemTemplate, modelValue,
 function useSelectHandle(ctx2, searchList, selectValue, handleSearch, formatter, handleClose) {
   const selectedIndex = ref(0);
   const getListIndex = (item) => {
-    if (searchList.value.length == 0) {
+    if (searchList.value.length === 0) {
       return 0;
     }
     const ind = searchList.value.indexOf(item);
-    return ind == -1 ? 0 : ind;
+    return ind === -1 ? 0 : ind;
   };
   const selectOptionClick = async (item) => {
     const cur = formatter.value(item);
@@ -272,7 +263,7 @@ function useSelectHandle(ctx2, searchList, selectValue, handleSearch, formatter,
     handleClose();
     await handleSearch(cur);
     selectedIndex.value = getListIndex(cur);
-    selectValue.value && selectValue.value();
+    selectValue.value && selectValue.value(cur);
   };
   return {
     selectedIndex,
@@ -283,8 +274,9 @@ function useLazyHandle(props, ctx2, handleSearch) {
   const showLoading = ref(false);
   const dropDownRef = ref();
   const loadMore = () => {
-    if (!props.enableLazyLoad && showLoading)
+    if (!props.enableLazyLoad && showLoading) {
       return;
+    }
     const dropDownValue = dropDownRef.value;
     const height = dropDownValue.scrollHeight;
     const scrollTop = dropDownValue.clientHeight + dropDownValue.scrollTop;
@@ -579,7 +571,6 @@ var DAutoCompleteDropdown = defineComponent({
     const {
       disabled,
       maxHeight,
-      appendToBody,
       formatter,
       disabledKey,
       isSearching
@@ -592,7 +583,7 @@ var DAutoCompleteDropdown = defineComponent({
     };
     return () => {
       return withDirectives(createVNode("div", {
-        "class": ["devui-dropdown-menu", appendToBody && "devui-dropdown-menu-cdk", disabled && "disabled", latestSource.value && "devui-dropdown-latestSource"]
+        "class": ["devui-dropdown-menu", "devui-dropdown-menu-cdk", disabled && "disabled", latestSource.value && "devui-dropdown-latestSource"]
       }, [createVNode("ul", {
         "ref": dropDownRef,
         "class": "devui-list-unstyled scroll-height",
@@ -600,28 +591,28 @@ var DAutoCompleteDropdown = defineComponent({
           maxHeight: `${maxHeight}px`
         },
         "onScroll": loadMore
-      }, [isSearching && ctx2.slots.searchingTemplate && searchStatus.value && createVNode("li", {
+      }, [isSearching && ctx2.slots.searchingTemplate && (searchStatus == null ? void 0 : searchStatus.value) && createVNode("li", {
         "class": "devui-is-searching-template"
       }, [createVNode("div", {
         "class": "devui-no-data-tip"
       }, [ctx2.slots.searchingTemplate()])]), latestSource.value && !modelValue.value && createVNode("li", {
         "class": "devui-popup-tips"
-      }, [createTextVNode("\u6700\u8FD1\u8F93\u5165")]), !showNoResultItemTemplate.value && !searchStatus.value && searchList != null && searchList.value.length > 0 && searchList.value.map((item, index2) => {
+      }, [createTextVNode("\u6700\u8FD1\u8F93\u5165")]), !showNoResultItemTemplate.value && !(searchStatus == null ? void 0 : searchStatus.value) && searchList != null && searchList.value.length > 0 && searchList.value.map((item, index2) => {
         return createVNode("li", {
           "onClick": () => onSelect(item),
-          "class": ["devui-dropdown-item", selectedIndex.value == index2 && "selected", {
+          "class": ["devui-dropdown-item", selectedIndex.value === index2 && "selected", {
             "disabled": disabledKey && item[disabledKey]
           }, {
-            "devui-dropdown-bg": hoverIndex.value == index2
+            "devui-dropdown-bg": hoverIndex.value === index2
           }],
           "title": formatter(item),
           "key": formatter(item)
         }, [ctx2.slots.itemTemplate ? ctx2.slots.itemTemplate(item, index2) : formatter(item)]);
-      }), !searchStatus.value && searchList.value.length == 0 && ctx2.slots.noResultItemTemplate && showNoResultItemTemplate.value && createVNode("li", {
+      }), !(searchStatus == null ? void 0 : searchStatus.value) && searchList.value.length === 0 && ctx2.slots.noResultItemTemplate && showNoResultItemTemplate.value && createVNode("li", {
         "class": "devui-no-result-template"
       }, [createVNode("div", {
         "class": "devui-no-data-tip"
-      }, [ctx2.slots.noResultItemTemplate()])])])]), [[resolveDirective("dLoading"), showLoading.value], [vShow, visible.value && searchList.value.length > 0 || ctx2.slots.noResultItemTemplate && showNoResultItemTemplate.value || isSearching && ctx2.slots.searchingTemplate && searchStatus.value]]);
+      }, [ctx2.slots.noResultItemTemplate()])])])]), [[resolveDirective("dLoading"), showLoading.value], [vShow, visible.value && searchList.value.length > 0 || ctx2.slots.noResultItemTemplate && showNoResultItemTemplate.value || isSearching && ctx2.slots.searchingTemplate && (searchStatus == null ? void 0 : searchStatus.value)]]);
     };
   }
 });
@@ -763,6 +754,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,
@@ -797,7 +789,7 @@ function useOverlay(props, emit) {
     originParent !== window && window.removeEventListener("scroll", updatePosition);
     window.removeEventListener("resize", updatePosition);
   });
-  return { arrowRef, overlayRef };
+  return { arrowRef, overlayRef, updatePosition };
 }
 var flexibleOverlay = "";
 const FlexibleOverlay = defineComponent({
@@ -808,12 +800,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({
@@ -840,8 +837,7 @@ var AutoComplete = defineComponent({
     const {
       disabled,
       modelValue,
-      appendToBody,
-      dAutoCompleteWidth,
+      width,
       delay,
       allowEmptyValueSearch,
       formatter,
@@ -849,7 +845,7 @@ var AutoComplete = defineComponent({
       selectValue,
       source,
       searchFn,
-      appendToBodyDirections,
+      position,
       latestSource,
       showAnimation
     } = toRefs(props);
@@ -901,51 +897,40 @@ var AutoComplete = defineComponent({
       hoverIndex
     });
     const origin = ref();
-    const position = reactive({
-      appendToBodyDirections: {}
-    });
-    position.appendToBodyDirections = appendToBodyDirections;
     const renderDropdown = () => {
-      if (appendToBody.value) {
-        let _slot;
-        return createVNode(FlexibleOverlay, {
-          "hasBackdrop": false,
-          "origin": origin,
-          "position": position.appendToBodyDirections,
-          "visible": visible.value,
-          "onUpdate:visible": ($event) => visible.value = $event
-        }, {
-          default: () => [createVNode("div", {
-            "class": "devui-dropdown devui-auto-complete-menu",
-            "style": {
-              width: dAutoCompleteWidth.value > 0 && dAutoCompleteWidth.value + "px"
-            }
-          }, [createVNode(DAutoCompleteDropdown, null, _isSlot(_slot = customRenderSolts()) ? _slot : {
-            default: () => [_slot]
-          })])]
-        });
-      } else {
-        let _slot2;
-        return createVNode("div", {
-          "class": "devui-dropdown",
-          "style": {
-            width: dAutoCompleteWidth.value > 0 && dAutoCompleteWidth.value + "px"
-          }
-        }, [createVNode(Transition, {
+      let _slot;
+      return createVNode(Teleport, {
+        "to": "body"
+      }, {
+        default: () => [createVNode(Transition, {
           "name": showAnimation ? "fade" : ""
         }, {
-          default: () => [createVNode(DAutoCompleteDropdown, null, _isSlot(_slot2 = customRenderSolts()) ? _slot2 : {
-            default: () => [_slot2]
+          default: () => [createVNode(FlexibleOverlay, {
+            "origin": origin.value,
+            "position": position.value,
+            "modelValue": visible.value,
+            "onUpdate:modelValue": ($event) => visible.value = $event
+          }, {
+            default: () => [createVNode("div", {
+              "class": "devui-auto-complete-menu",
+              "style": {
+                width: `
+                    ${width.value + "px"}
+                  `
+              }
+            }, [createVNode(DAutoCompleteDropdown, null, _isSlot(_slot = customRenderSolts()) ? _slot : {
+              default: () => [_slot]
+            })])]
           })]
-        })]);
-      }
+        })]
+      });
     };
     return () => {
       return withDirectives(createVNode("div", {
         "class": ["devui-auto-complete", "devui-form-group", "devui-has-feedback", visible.value && "devui-select-open"],
         "ref": origin,
         "style": {
-          width: dAutoCompleteWidth.value > 0 && dAutoCompleteWidth.value + "px"
+          width: `${width.value + "px"}`
         }
       }, [createVNode("input", {
         "disabled": disabled.value,

package/auto-complete/index.umd.js

@@ -1 +1,3 @@
-var Pe=Object.defineProperty;var re=Object.getOwnPropertySymbols;var Oe=Object.prototype.hasOwnProperty,je=Object.prototype.propertyIsEnumerable;var O=(p,t,m)=>t in p?Pe(p,t,{enumerable:!0,configurable:!0,writable:!0,value:m}):p[t]=m,E=(p,t)=>{for(var m in t||(t={}))Oe.call(t,m)&&O(p,m,t[m]);if(re)for(var m of re(t))je.call(t,m)&&O(p,m,t[m]);return p};var C=(p,t,m)=>(O(p,typeof t!="symbol"?t+"":t,m),m);(function(p,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):(p=typeof globalThis!="undefined"?globalThis:p||self,t(p.index={},p.Vue,p.dom))})(this,function(p,t,m){"use strict";const se={modelValue:{type:String,default:""},source:{type:Array,default:null},allowEmptyValueSearch:{type:Boolean,default:!1},appendToBody:{type:Boolean,default:!1},appendToBodyDirections:{type:Object,default:()=>({originX:"left",originY:"bottom",overlayX:"left",overlayY:"top"})},disabled:{type:Boolean,default:!1},delay:{type:Number,default:300},disabledKey:{type:String,default:null},formatter:{type:Function,default:e=>e?e.label||e.toString():""},isSearching:{type:Boolean,default:!1},sceneType:{type:String,default:null},searchFn:{type:Function,default:null},tipsText:{type:String,default:"\u6700\u8FD1\u8F93\u5165"},latestSource:{type:Array,default:null},valueParser:{type:Function,default:e=>e},enableLazyLoad:{type:Boolean,default:!1},dAutoCompleteWidth:{type:Number,default:null},showAnimation:{type:Boolean,default:!0},maxHeight:{type:Number,default:300},transInputFocusEmit:{type:Function,default:null},selectValue:{type:Function,default:null},loadMore:{type:Function,default:null}},j=Symbol("DropdownPropsKey");function ie(e,n){const o=(r,d)=>{const i={item:r,index:d};return e.slots.itemTemplate?e.slots.itemTemplate(i):null},l=()=>e.slots.noResultItemTemplate?e.slots.noResultItemTemplate(n.value):null,s=()=>e.slots.searchingTemplate?e.slots.searchingTemplate(n.value):null;return{customRenderSolts:()=>{const r={};return e.slots.itemTemplate&&(r.itemTemplate=o),e.slots.noResultItemTemplate&&(r.noResultItemTemplate=l),e.slots.searchingTemplate&&(r.searchingTemplate=s),r}}}function ue(e,n,o,l,s){const a=t.ref([]),r=t.ref(!1);return{handleSearch:async(u,c)=>{if(u==""&&!n.value){a.value=[],r.value=!1;return}let v=[];u=u.toLowerCase(),c?v=o.value:l.value?v=await l.value(u):o.value.forEach(f=>{let y=s.value(f);y=y.toLowerCase(),y.startsWith(u)&&v.push(f)}),a.value=v,a.value.length==0?r.value=!0:r.value=!1},recentlyFocus:u=>{u&&(a.value=u)},searchList:a,showNoResultItemTemplate:r}}function de(e,n,o,l,s,a,r,d,i,u){const c=t.ref(!1),v=t.ref(),f=t.ref(!1),h=((S,D)=>{let g;return(...b)=>{g&&clearTimeout(g),g=setTimeout(async()=>{f.value=!0,await S(...b),f.value=!1},D)}})(async S=>{await r(S),c.value=!0},a.value),T=S=>{const D=S.target;f.value=!1,o.value=!1,e.emit("update:modelValue",D.value),h(D.value)},A=()=>{r(l.value),i(u.value),d.value&&d.value()},V=()=>{c.value=!1,f.value=!1,o.value=!1};return{handleClose:V,toggleMenu:()=>{s.value||(c.value?V():(c.value=!0,e.slots.noResultItemTemplate&&n.value.length==0&&l.value.trim()!=""&&(o.value=!0)))},onInput:T,onFocus:A,inputRef:v,visible:c,searchStatus:f}}function ce(e,n,o,l,s,a){const r=t.ref(0),d=u=>{if(n.value.length==0)return 0;const c=n.value.indexOf(u);return c==-1?0:c};return{selectedIndex:r,selectOptionClick:async u=>{const c=s.value(u);e.emit("update:modelValue",c),a(),await l(c),r.value=d(c),o.value&&o.value()}}}function fe(e,n,o){const l=t.ref(!1),s=t.ref(),a=()=>{if(!e.enableLazyLoad&&l)return;const d=s.value,i=d.scrollHeight,u=d.clientHeight+d.scrollTop;u>=i&&u>=e.maxHeight&&(e.loadMore(),l.value=!0)};n.expose({loadFinish:r});async function r(){await o(e.modelValue,e.enableLazyLoad),l.value=!1}return{showLoading:l,dropDownRef:s,loadMore:a}}function pe(e,n,o,l,s,a,r,d){var v;const i=t.ref((v=l.value)!=null?v:0),u=f=>{const y=e.value,w=y.children[f];t.nextTick(()=>{if(w.scrollIntoViewIfNeeded)w.scrollIntoViewIfNeeded(!1);else{const h=y.getBoundingClientRect(),T=w.getBoundingClientRect();(T.bottom>h.bottom||T.top<h.top)&&w.scrollIntoView(!1)}})};return{hoverIndex:i,handlekeyDown:f=>{var h;const y=f.key||f.code;if(y==="Escape"&&(n.value&&o.value.length||s.value||a.value)){d();return}const w=n.value&&o.value.length&&!s.value&&!a.value;if(y==="ArrowDown"&&w){if(i.value===o.value.length-1){i.value=0,u(i.value);return}i.value=i.value+1,u(i.value)}else if(y==="ArrowUp"&&w){if(i.value===0){i.value=o.value.length-1,u(i.value);return}i.value=i.value-1,u(i.value)}if(y==="Enter"&&w){r(o.value[i.value]),i.value=(h=l.value)!=null?h:0;return}}}}var ze="";class M{constructor(){C(this,"top","50%");C(this,"left","50%")}}const ve={message:String,backdrop:Boolean,view:{type:Object,default:()=>new M},zIndex:Number,isFull:{type:Boolean,default:!1}};class me{constructor(){C(this,"target");C(this,"message");C(this,"loadingTemplateRef");C(this,"backdrop",!0);C(this,"positionType","relative");C(this,"view",new M);C(this,"zIndex")}}var _e="",ye=t.defineComponent({name:"DLoading",inheritAttrs:!1,props:ve,setup(e){const n={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(n.background="none");const o=t.ref(!1);return{style:n,isShow:o,open:()=>{o.value=!0},close:()=>{o.value=!1}}},render(){var r;const{isShow:e,isFull:n,backdrop:o,style:l,message:s,$slots:a}=this;return e&&t.createVNode("div",{class:["devui-loading-contanier",n?"devui-loading--full":""]},[((r=a.default)==null?void 0:r.call(a))||t.createVNode("div",{class:"devui-loading-wrapper"},[o?t.createVNode("div",{class:"devui-loading-mask"},null):null,t.createVNode("div",{style:l,class:"devui-loading-area"},[t.createVNode("div",{class:"devui-busy-default-spinner"},[t.createVNode("div",{class:"devui-loading-bar1"},null),t.createVNode("div",{class:"devui-loading-bar2"},null),t.createVNode("div",{class:"devui-loading-bar3"},null),t.createVNode("div",{class:"devui-loading-bar4"},null)]),s?t.createVNode("span",{class:"devui-loading-text"},[s]):null])])])}});const H=Symbol("dev_component_container");function ge(e,n,o=null){const l=t.h(e,E({},n),o),s=document.createElement("div");return l[H]=s,t.render(l,s),l.component}function we(e){t.render(null,e==null?void 0:e.vnode[H])}const he=t.defineComponent(ye),F=new WeakSet,R=e=>{if(!e)return!0;if(Array.isArray(e))return e.length===0;if(e instanceof Set||e instanceof Map)return e.size===0;if(e instanceof Promise)return!1;if(typeof e=="object")try{return Object.keys(e).length===0}catch{return!1}return!1},z=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),be=e=>{switch(z(e)){case"promise":return[e];case"array":return e.some(o=>z(o)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},_=e=>{F.delete(e),e.instance.proxy.close(),we(e.instance)},K=(e,n)=>{if(n.value){const o=be(n.value);if(o==="error")return;e.instance.proxy.open(),e.appendChild(e.mask),F.add(e),o&&Promise.all(o).catch(l=>{console.error(new Error("Promise handling errors"),l)}).finally(()=>{_(e)})}else _(e)},$=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},W=(e,n)=>{const o=E(E({},new me),n),l=o.loadingTemplateRef,s=ge(he,E({},o),l?()=>l:null);e.style.position=o.positionType,e.options=o,e.instance=s,e.mask=s.proxy.$el},Te={mounted:function(e,n,o){W(e,o.props),$(e),!R(n.value)&&K(e,n)},updated:function(e,n,o){!R(n.value)&&F.has(e)||R(n.value)&&!F.has(e)||(!F.has(e)&&W(e,o.props),$(e),K(e,n))}};var Y=t.defineComponent({name:"DAutoCompleteDropdown",directives:{dLoading:Te},setup(e,n){const o=t.inject(j),{visible:l,selectedIndex:s,selectOptionClick:a,searchList:r,searchStatus:d,dropDownRef:i,loadMore:u,showLoading:c,showNoResultItemTemplate:v,latestSource:f,modelValue:y,hoverIndex:w}=o,{disabled:h,maxHeight:T,appendToBody:A,formatter:V,disabledKey:k,isSearching:S}=o.props,D=g=>{g[k]||a(g)};return()=>t.withDirectives(t.createVNode("div",{class:["devui-dropdown-menu",A&&"devui-dropdown-menu-cdk",h&&"disabled",f.value&&"devui-dropdown-latestSource"]},[t.createVNode("ul",{ref:i,class:"devui-list-unstyled scroll-height",style:{maxHeight:`${T}px`},onScroll:u},[S&&n.slots.searchingTemplate&&d.value&&t.createVNode("li",{class:"devui-is-searching-template"},[t.createVNode("div",{class:"devui-no-data-tip"},[n.slots.searchingTemplate()])]),f.value&&!y.value&&t.createVNode("li",{class:"devui-popup-tips"},[t.createTextVNode("\u6700\u8FD1\u8F93\u5165")]),!v.value&&!d.value&&r!=null&&r.value.length>0&&r.value.map((g,b)=>t.createVNode("li",{onClick:()=>D(g),class:["devui-dropdown-item",s.value==b&&"selected",{disabled:k&&g[k]},{"devui-dropdown-bg":w.value==b}],title:V(g),key:V(g)},[n.slots.itemTemplate?n.slots.itemTemplate(g,b):V(g)])),!d.value&&r.value.length==0&&n.slots.noResultItemTemplate&&v.value&&t.createVNode("li",{class:"devui-no-result-template"},[t.createVNode("div",{class:"devui-no-data-tip"},[n.slots.noResultItemTemplate()])])])]),[[t.resolveDirective("dLoading"),c.value],[t.vShow,l.value&&r.value.length>0||n.slots.noResultItemTemplate&&v.value||S&&n.slots.searchingTemplate&&d.value]])}});const Ve=typeof window!="undefined";function q(e,n,o){document.addEventListener?e&&n&&o&&e.addEventListener(n,o,!1):e&&n&&o&&e.attachEvent("on"+n,o)}const N=Symbol("@@clickoutside"),x=new Map;let U,B=0,X=!0;function G(e,n,o){return Ve&&X&&(X=!1,q(document,"mousedown",l=>{U=l}),q(document,"mouseup",l=>{for(const[s,a]of x)a[N].documentHandler(l,U)})),function(l,s){!o||!n.instance||!l.target||!s.target||e.contains(l.target)||e.contains(s.target)||e===l.target||e[N].bindingFn&&e[N].bindingFn()}}const Se={beforeMount:function(e,n,o){B++,x.set(B,e),e[N]={nid:B,documentHandler:G(e,n,o),bindingFn:n.value}},updated:function(e,n,o){e[N].documentHandler=G(e,n,o),e[N].bindingFn=n.value},unmounted:function(e){x.delete(e[N].nid),delete e[N]}},Ce={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(e){const n=/(auto|scroll|hidden)/;for(let o=e;o=o.parentElement;o.parentElement!==document.body){const l=window.getComputedStyle(o);if(n.test(l.overflow+l.overflowX+l.overflowY))return o}return window}function Ne(e,n,o,l){let{x:s,y:a}=n;if(!e){const{width:r,height:d}=l;s&&o.includes("start")&&(s=12),s&&o.includes("end")&&(s=Math.round(r-24)),a&&o.includes("start")&&(a=10),a&&o.includes("end")&&(a=d-14)}return{x:s,y:a}}function Ae(e,n){const o=t.ref(),l=t.ref(),s=(r,d,i,u)=>{const{x:c,y:v}=Ne(e.isArrowCenter,i,d,u.getBoundingClientRect()),f={top:"bottom",right:"left",bottom:"top",left:"right"}[d.split("-")[0]];Object.assign(r.style,{left:c?`${c}px`:"",top:v?`${v}px`:"",right:"",bottom:"",[f]:"-4px"})},a=async()=>{const r=e.origin,d=t.unref(o.value),i=t.unref(l.value),u=[m.offset(e.offset),m.autoPlacement({alignment:e.align,allowedPlacements:e.position})];e.showArrow&&u.push(m.arrow({element:i}));const{x:c,y:v,placement:f,middlewareData:y}=await m.computePosition(r,d,{strategy:"fixed",middleware:u});n("positionChange",f),Object.assign(d.style,{top:`${v}px`,left:`${c}px`}),e.showArrow&&s(i,f,y.arrow,d)};return t.watch(()=>e.modelValue,()=>{const r=J(e.origin);e.modelValue&&e.origin?(t.nextTick(a),r.addEventListener("scroll",a),r!==window&&window.addEventListener("scroll",a),window.addEventListener("resize",a)):(r.removeEventListener("scroll",a),r!==window&&window.removeEventListener("scroll",a),window.removeEventListener("resize",a))}),t.onUnmounted(()=>{const r=J(e.origin);r.removeEventListener("scroll",a),r!==window&&window.removeEventListener("scroll",a),window.removeEventListener("resize",a)}),{arrowRef:l,overlayRef:o}}var Ke="";const De=t.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:Ce,emits:["update:modelValue","positionChange"],setup(e,{slots:n,attrs:o,emit:l}){const{arrowRef:s,overlayRef:a}=Ae(e,l);return()=>{var r;return e.modelValue&&t.createVNode("div",t.mergeProps({ref:a,class:"devui-flexible-overlay"},o),[(r=n.default)==null?void 0:r.call(n),e.showArrow&&t.createVNode("div",{ref:s,class:"devui-flexible-overlay-arrow"},null)])}}});function Q(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}var L=t.defineComponent({name:"DAutoComplete",directives:{ClickOutside:Se},props:se,emits:["update:modelValue"],setup(e,n){const{disabled:o,modelValue:l,appendToBody:s,dAutoCompleteWidth:a,delay:r,allowEmptyValueSearch:d,formatter:i,transInputFocusEmit:u,selectValue:c,source:v,searchFn:f,appendToBodyDirections:y,latestSource:w,showAnimation:h}=t.toRefs(e),{handleSearch:T,searchList:A,showNoResultItemTemplate:V,recentlyFocus:k}=ue(n,d,v,f,i),{onInput:S,onFocus:D,inputRef:g,visible:b,searchStatus:Z,handleClose:P,toggleMenu:ke}=de(n,A,V,l,o,r,T,u,k,w),{selectedIndex:ee,selectOptionClick:te}=ce(n,A,c,T,i,P),{showLoading:Fe,dropDownRef:oe,loadMore:Le}=fe(e,n,T),{customRenderSolts:ne}=ie(n,l),{hoverIndex:Ee,handlekeyDown:Re}=pe(oe,b,A,ee,Z,V,te,P);t.provide(j,{props:e,visible:b,term:"",searchList:A,selectedIndex:ee,searchStatus:Z,selectOptionClick:te,dropDownRef:oe,showLoading:Fe,loadMore:Le,latestSource:w,modelValue:l,showNoResultItemTemplate:V,hoverIndex:Ee});const le=t.ref(),ae=t.reactive({appendToBodyDirections:{}});ae.appendToBodyDirections=y;const xe=()=>{if(s.value){let I;return t.createVNode(De,{hasBackdrop:!1,origin:le,position:ae.appendToBodyDirections,visible:b.value,"onUpdate:visible":Be=>b.value=Be},{default:()=>[t.createVNode("div",{class:"devui-dropdown devui-auto-complete-menu",style:{width:a.value>0&&a.value+"px"}},[t.createVNode(Y,null,Q(I=ne())?I:{default:()=>[I]})])]})}else{let I;return t.createVNode("div",{class:"devui-dropdown",style:{width:a.value>0&&a.value+"px"}},[t.createVNode(t.Transition,{name:h?"fade":""},{default:()=>[t.createVNode(Y,null,Q(I=ne())?I:{default:()=>[I]})]})])}};return()=>t.withDirectives(t.createVNode("div",{class:["devui-auto-complete","devui-form-group","devui-has-feedback",b.value&&"devui-select-open"],ref:le,style:{width:a.value>0&&a.value+"px"}},[t.createVNode("input",{disabled:o.value,type:"text",onClick:ke,class:["devui-form-control","devui-dropdown-origin","devui-dropdown-origin-open",o.value&&"disabled"],placeholder:"Search",onInput:S,onFocus:D,value:l.value,ref:g,onKeydown:Re},null),xe()]),[[t.resolveDirective("click-outside"),P]])}});L.install=function(e){e.component(L.name,L)};var Ie={title:"AutoComplete \u81EA\u52A8\u8865\u5168",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(e){e.use(L)}};p.AutoComplete=L,p.default=Ie,Object.defineProperty(p,"__esModule",{value:!0}),p[Symbol.toStringTag]="Module"});
+var Pe=Object.defineProperty;var te=Object.getOwnPropertySymbols;var Re=Object.prototype.hasOwnProperty,Oe=Object.prototype.propertyIsEnumerable;var B=(p,t,m)=>t in p?Pe(p,t,{enumerable:!0,configurable:!0,writable:!0,value:m}):p[t]=m,k=(p,t)=>{for(var m in t||(t={}))Re.call(t,m)&&B(p,m,t[m]);if(te)for(var m of te(t))Oe.call(t,m)&&B(p,m,t[m]);return p};var T=(p,t,m)=>(B(p,typeof t!="symbol"?t+"":t,m),m);(function(p,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):(p=typeof globalThis!="undefined"?globalThis:p||self,t(p.index={},p.Vue,p.dom))})(this,function(p,t,m){"use strict";const oe={modelValue:{type:String,default:""},source:{type:Array,default:null},allowEmptyValueSearch:{type:Boolean,default:!1},position:{type:Array,default:["bottom-end"]},disabled:{type:Boolean,default:!1},delay:{type:Number,default:300},disabledKey:{type:String,default:null},formatter:{type:Function,default:e=>e?e.label||e.toString():""},isSearching:{type:Boolean,default:!1},sceneType:{type:String,default:null},searchFn:{type:Function,default:null},tipsText:{type:String,default:"\u6700\u8FD1\u8F93\u5165"},latestSource:{type:Array,default:null},valueParser:{type:Function,default:e=>e},enableLazyLoad:{type:Boolean,default:!1},width:{type:Number,default:400},showAnimation:{type:Boolean,default:!0},maxHeight:{type:Number,default:300},transInputFocusEmit:{type:Function,default:null},selectValue:{type:Function,default:null},loadMore:{type:Function,default:null}},M=Symbol("DropdownPropsKey");function ne(e,n){const o=(a,s)=>{const u={item:a,index:s};return e.slots.item?e.slots.item(u):null},l=()=>e.slots.nothing?e.slots.nothing(n.value):null,i=()=>e.slots.searching?e.slots.searching(n.value):null;return{customRenderSolts:()=>{const a={};return e.slots.item&&(a.itemTemplate=o),e.slots.nothing&&(a.noResultItemTemplate=l),e.slots.searching&&(a.searchingTemplate=i),a}}}function le(e,n,o,l,i){const r=t.ref(),a=t.ref(!1);return{handleSearch:async(d,c)=>{if(d===""&&!n.value){r.value=[],a.value=!1;return}let v=[];d=d.toLowerCase(),c?v=o.value:l.value?v=await l.value(d):o.value.forEach(f=>{let g=i.value(f);g=g.toLowerCase(),g.startsWith(d)&&v.push(f)}),r.value=v,r.value.length===0?a.value=!0:a.value=!1},recentlyFocus:d=>{d&&(r.value=d)},searchList:r,showNoResultItemTemplate:a}}function ae(e,n,o,l,i,r,a,s,u,d){const c=t.ref(!1),v=t.ref(),f=t.ref(!1),h=((N,y)=>{let b;return(...E)=>{b&&clearTimeout(b),b=setTimeout(async()=>{f.value=!0,await N(...E),f.value=!1},y)}})(async N=>{await a(N),c.value=!0},r.value),V=N=>{const y=N.target;f.value=!1,o.value=!1,e.emit("update:modelValue",y.value),h(y.value)},C=()=>{a(l.value),u(d.value),s.value&&s.value()},S=()=>{c.value=!1,f.value=!1,o.value=!1};return{handleClose:S,toggleMenu:()=>{i.value||(c.value?S():(c.value=!0,e.slots.noResultItemTemplate&&n.value.length===0&&l.value.trim()!==""&&(o.value=!0)))},onInput:V,onFocus:C,inputRef:v,visible:c,searchStatus:f}}function re(e,n,o,l,i,r){const a=t.ref(0),s=d=>{if(n.value.length===0)return 0;const c=n.value.indexOf(d);return c===-1?0:c};return{selectedIndex:a,selectOptionClick:async d=>{const c=i.value(d);e.emit("update:modelValue",c),r(),await l(c),a.value=s(c),o.value&&o.value(c)}}}function ie(e,n,o){const l=t.ref(!1),i=t.ref(),r=()=>{if(!e.enableLazyLoad&&l)return;const s=i.value,u=s.scrollHeight,d=s.clientHeight+s.scrollTop;d>=u&&d>=e.maxHeight&&(e.loadMore(),l.value=!0)};n.expose({loadFinish:a});async function a(){await o(e.modelValue,e.enableLazyLoad),l.value=!1}return{showLoading:l,dropDownRef:i,loadMore:r}}function se(e,n,o,l,i,r,a,s){var v;const u=t.ref((v=l.value)!=null?v:0),d=f=>{const g=e.value,w=g.children[f];t.nextTick(()=>{if(w.scrollIntoViewIfNeeded)w.scrollIntoViewIfNeeded(!1);else{const h=g.getBoundingClientRect(),V=w.getBoundingClientRect();(V.bottom>h.bottom||V.top<h.top)&&w.scrollIntoView(!1)}})};return{hoverIndex:u,handlekeyDown:f=>{var h;const g=f.key||f.code;if(g==="Escape"&&(n.value&&o.value.length||i.value||r.value)){s();return}const w=n.value&&o.value.length&&!i.value&&!r.value;if(g==="ArrowDown"&&w){if(u.value===o.value.length-1){u.value=0,d(u.value);return}u.value=u.value+1,d(u.value)}else if(g==="ArrowUp"&&w){if(u.value===0){u.value=o.value.length-1,d(u.value);return}u.value=u.value-1,d(u.value)}if(g==="Enter"&&w){a(o.value[u.value]),u.value=(h=l.value)!=null?h:0;return}}}}var je="";class j{constructor(){T(this,"top","50%");T(this,"left","50%")}}const ue={message:String,backdrop:Boolean,view:{type:Object,default:()=>new j},zIndex:Number,isFull:{type:Boolean,default:!1}};class de{constructor(){T(this,"target");T(this,"message");T(this,"loadingTemplateRef");T(this,"backdrop",!0);T(this,"positionType","relative");T(this,"view",new j);T(this,"zIndex")}}var He="",ce=t.defineComponent({name:"DLoading",inheritAttrs:!1,props:ue,setup(e){const n={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(n.background="none");const o=t.ref(!1);return{style:n,isShow:o,open:()=>{o.value=!0},close:()=>{o.value=!1}}},render(){var a;const{isShow:e,isFull:n,backdrop:o,style:l,message:i,$slots:r}=this;return e&&t.createVNode("div",{class:["devui-loading-contanier",n?"devui-loading--full":""]},[((a=r.default)==null?void 0:a.call(r))||t.createVNode("div",{class:"devui-loading-wrapper"},[o?t.createVNode("div",{class:"devui-loading-mask"},null):null,t.createVNode("div",{style:l,class:"devui-loading-area"},[t.createVNode("div",{class:"devui-busy-default-spinner"},[t.createVNode("div",{class:"devui-loading-bar1"},null),t.createVNode("div",{class:"devui-loading-bar2"},null),t.createVNode("div",{class:"devui-loading-bar3"},null),t.createVNode("div",{class:"devui-loading-bar4"},null)]),i?t.createVNode("span",{class:"devui-loading-text"},[i]):null])])])}});const H=Symbol("dev_component_container");function fe(e,n,o=null){const l=t.h(e,k({},n),o),i=document.createElement("div");return l[H]=i,t.render(l,i),l.component}function pe(e){t.render(null,e==null?void 0:e.vnode[H])}const ve=t.defineComponent(ce),F=new WeakSet,D=e=>{if(!e)return!0;if(Array.isArray(e))return e.length===0;if(e instanceof Set||e instanceof Map)return e.size===0;if(e instanceof Promise)return!1;if(typeof e=="object")try{return Object.keys(e).length===0}catch{return!1}return!1},z=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),me=e=>{switch(z(e)){case"promise":return[e];case"array":return e.some(o=>z(o)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},_=e=>{F.delete(e),e.instance.proxy.close(),pe(e.instance)},$=(e,n)=>{if(n.value){const o=me(n.value);if(o==="error")return;e.instance.proxy.open(),e.appendChild(e.mask),F.add(e),o&&Promise.all(o).catch(l=>{console.error(new Error("Promise handling errors"),l)}).finally(()=>{_(e)})}else _(e)},K=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},q=(e,n)=>{const o=k(k({},new de),n),l=o.loadingTemplateRef,i=fe(ve,k({},o),l?()=>l:null);e.style.position=o.positionType,e.options=o,e.instance=i,e.mask=i.proxy.$el},ge={mounted:function(e,n,o){q(e,o.props),K(e),!D(n.value)&&$(e,n)},updated:function(e,n,o){!D(n.value)&&F.has(e)||D(n.value)&&!F.has(e)||(!F.has(e)&&q(e,o.props),K(e),$(e,n))}};var ye=t.defineComponent({name:"DAutoCompleteDropdown",directives:{dLoading:ge},setup(e,n){const o=t.inject(M),{visible:l,selectedIndex:i,selectOptionClick:r,searchList:a,searchStatus:s,dropDownRef:u,loadMore:d,showLoading:c,showNoResultItemTemplate:v,latestSource:f,modelValue:g,hoverIndex:w}=o,{disabled:h,maxHeight:V,formatter:C,disabledKey:S,isSearching:L}=o.props,N=y=>{y[S]||r(y)};return()=>t.withDirectives(t.createVNode("div",{class:["devui-dropdown-menu","devui-dropdown-menu-cdk",h&&"disabled",f.value&&"devui-dropdown-latestSource"]},[t.createVNode("ul",{ref:u,class:"devui-list-unstyled scroll-height",style:{maxHeight:`${V}px`},onScroll:d},[L&&n.slots.searchingTemplate&&(s==null?void 0:s.value)&&t.createVNode("li",{class:"devui-is-searching-template"},[t.createVNode("div",{class:"devui-no-data-tip"},[n.slots.searchingTemplate()])]),f.value&&!g.value&&t.createVNode("li",{class:"devui-popup-tips"},[t.createTextVNode("\u6700\u8FD1\u8F93\u5165")]),!v.value&&!(s==null?void 0:s.value)&&a!=null&&a.value.length>0&&a.value.map((y,b)=>t.createVNode("li",{onClick:()=>N(y),class:["devui-dropdown-item",i.value===b&&"selected",{disabled:S&&y[S]},{"devui-dropdown-bg":w.value===b}],title:C(y),key:C(y)},[n.slots.itemTemplate?n.slots.itemTemplate(y,b):C(y)])),!(s==null?void 0:s.value)&&a.value.length===0&&n.slots.noResultItemTemplate&&v.value&&t.createVNode("li",{class:"devui-no-result-template"},[t.createVNode("div",{class:"devui-no-data-tip"},[n.slots.noResultItemTemplate()])])])]),[[t.resolveDirective("dLoading"),c.value],[t.vShow,l.value&&a.value.length>0||n.slots.noResultItemTemplate&&v.value||L&&n.slots.searchingTemplate&&(s==null?void 0:s.value)]])}});const we=typeof window!="undefined";function U(e,n,o){document.addEventListener?e&&n&&o&&e.addEventListener(n,o,!1):e&&n&&o&&e.attachEvent("on"+n,o)}const A=Symbol("@@clickoutside"),x=new Map;let W,P=0,Y=!0;function X(e,n,o){return we&&Y&&(Y=!1,U(document,"mousedown",l=>{W=l}),U(document,"mouseup",l=>{for(const[i,r]of x)r[A].documentHandler(l,W)})),function(l,i){!o||!n.instance||!l.target||!i.target||e.contains(l.target)||e.contains(i.target)||e===l.target||e[A].bindingFn&&e[A].bindingFn()}}const he={beforeMount:function(e,n,o){P++,x.set(P,e),e[A]={nid:P,documentHandler:X(e,n,o),bindingFn:n.value}},updated:function(e,n,o){e[A].documentHandler=X(e,n,o),e[A].bindingFn=n.value},unmounted:function(e){x.delete(e[A].nid),delete e[A]}},be={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 G(e){const n=/(auto|scroll|hidden)/;for(let o=e;o=o.parentElement;o.parentElement!==document.body){const l=window.getComputedStyle(o);if(n.test(l.overflow+l.overflowX+l.overflowY))return o}return window}function Ve(e,n,o,l){let{x:i,y:r}=n;if(!e){const{width:a,height:s}=l;i&&o.includes("start")&&(i=12),i&&o.includes("end")&&(i=Math.round(a-24)),r&&o.includes("start")&&(r=10),r&&o.includes("end")&&(r=s-14)}return{x:i,y:r}}function Te(e,n){const o=t.ref(),l=t.ref(),i=(a,s,u,d)=>{const{x:c,y:v}=Ve(e.isArrowCenter,u,s,d.getBoundingClientRect()),f={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];Object.assign(a.style,{left:c?`${c}px`:"",top:v?`${v}px`:"",right:"",bottom:"",[f]:"-4px"})},r=async()=>{const a=e.origin,s=t.unref(o.value),u=t.unref(l.value),d=[m.shift(),m.offset(e.offset),m.autoPlacement({alignment:e.align,allowedPlacements:e.position})];e.showArrow&&d.push(m.arrow({element:u}));const{x:c,y:v,placement:f,middlewareData:g}=await m.computePosition(a,s,{strategy:"fixed",middleware:d});n("positionChange",f),Object.assign(s.style,{top:`${v}px`,left:`${c}px`}),e.showArrow&&i(u,f,g.arrow,s)};return t.watch(()=>e.modelValue,()=>{const a=G(e.origin);e.modelValue&&e.origin?(t.nextTick(r),a.addEventListener("scroll",r),a!==window&&window.addEventListener("scroll",r),window.addEventListener("resize",r)):(a.removeEventListener("scroll",r),a!==window&&window.removeEventListener("scroll",r),window.removeEventListener("resize",r))}),t.onUnmounted(()=>{const a=G(e.origin);a.removeEventListener("scroll",r),a!==window&&window.removeEventListener("scroll",r),window.removeEventListener("resize",r)}),{arrowRef:l,overlayRef:o,updatePosition:r}}var ze="";const Ce=t.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:be,emits:["update:modelValue","positionChange"],setup(e,{slots:n,attrs:o,emit:l,expose:i}){const{arrowRef:r,overlayRef:a,updatePosition:s}=Te(e,l);return i({updatePosition:s}),()=>{var u;return e.modelValue&&t.createVNode("div",t.mergeProps({ref:a,class:"devui-flexible-overlay"},o),[(u=n.default)==null?void 0:u.call(n),e.showArrow&&t.createVNode("div",{ref:r,class:"devui-flexible-overlay-arrow"},null)])}}});function Ne(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}var I=t.defineComponent({name:"DAutoComplete",directives:{ClickOutside:he},props:oe,emits:["update:modelValue"],setup(e,n){const{disabled:o,modelValue:l,width:i,delay:r,allowEmptyValueSearch:a,formatter:s,transInputFocusEmit:u,selectValue:d,source:c,searchFn:v,position:f,latestSource:g,showAnimation:w}=t.toRefs(e),{handleSearch:h,searchList:V,showNoResultItemTemplate:C,recentlyFocus:S}=le(n,a,c,v,s),{onInput:L,onFocus:N,inputRef:y,visible:b,searchStatus:E,handleClose:R,toggleMenu:Se}=ae(n,V,C,l,o,r,h,u,S,g),{selectedIndex:J,selectOptionClick:Q}=re(n,V,d,h,s,R),{showLoading:Fe,dropDownRef:Z,loadMore:Ie}=ie(e,n,h),{customRenderSolts:Le}=ne(n,l),{hoverIndex:ke,handlekeyDown:Ee}=se(Z,b,V,J,E,C,Q,R);t.provide(M,{props:e,visible:b,term:"",searchList:V,selectedIndex:J,searchStatus:E,selectOptionClick:Q,dropDownRef:Z,showLoading:Fe,loadMore:Ie,latestSource:g,modelValue:l,showNoResultItemTemplate:C,hoverIndex:ke});const ee=t.ref(),De=()=>{let O;return t.createVNode(t.Teleport,{to:"body"},{default:()=>[t.createVNode(t.Transition,{name:w?"fade":""},{default:()=>[t.createVNode(Ce,{origin:ee.value,position:f.value,modelValue:b.value,"onUpdate:modelValue":xe=>b.value=xe},{default:()=>[t.createVNode("div",{class:"devui-auto-complete-menu",style:{width:`
+                    ${i.value+"px"}
+                  `}},[t.createVNode(ye,null,Ne(O=Le())?O:{default:()=>[O]})])]})]})]})};return()=>t.withDirectives(t.createVNode("div",{class:["devui-auto-complete","devui-form-group","devui-has-feedback",b.value&&"devui-select-open"],ref:ee,style:{width:`${i.value+"px"}`}},[t.createVNode("input",{disabled:o.value,type:"text",onClick:Se,class:["devui-form-control","devui-dropdown-origin","devui-dropdown-origin-open",o.value&&"disabled"],placeholder:"Search",onInput:L,onFocus:N,value:l.value,ref:y,onKeydown:Ee},null),De()]),[[t.resolveDirective("click-outside"),R]])}});I.install=function(e){e.component(I.name,I)};var Ae={title:"AutoComplete \u81EA\u52A8\u8865\u5168",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(e){e.use(I)}};p.AutoComplete=I,p.default=Ae,Object.defineProperty(p,"__esModule",{value:!0}),p[Symbol.toStringTag]="Module"});

package/auto-complete/style.css

@@ -1 +1 @@
-@charset "UTF-8";.devui-auto-complete .devui-dropdown-menu,.devui-auto-complete-menu .devui-dropdown-menu{left:0!important;top:0!important}.devui-auto-complete .active{background:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-auto-complete .devui-dropdown-menu{width:100%;display:block}.devui-auto-complete .devui-dropdown-menu-cdk{position:static}.devui-auto-complete .devui-dropdown-item{cursor:pointer;display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px}.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected{color:var(--devui-list-item-active-text, #ffffff);background-color:var(--devui-list-item-active-bg, #5e7ce0)}.devui-auto-complete .devui-no-result-template,.devui-auto-complete .devui-is-searching-template{display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);color:var(--devui-disabled-text, #adb0b8);line-height:14px}.devui-auto-complete .devui-no-result-template:hover,.devui-auto-complete .devui-no-result-template:active,.devui-auto-complete .devui-no-result-template:hover:active,.devui-auto-complete .devui-is-searching-template:hover,.devui-auto-complete .devui-is-searching-template:active,.devui-auto-complete .devui-is-searching-template:hover:active{background-color:var(--devui-unavailable, #f5f5f6)}.devui-auto-complete .devui-dropdown-item.disabled,.devui-auto-complete .devui-dropdown-item.disabled:hover{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-auto-complete ul.devui-list-unstyled{margin:0;overflow-y:auto}.devui-auto-complete .devui-dropdown-bg{background:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-auto-complete .devui-popup-tips{color:var(--devui-text-weak, #575d6c);padding:4px 12px}.devui-auto-complete .devui-dropdown-latestSource ul{line-height:initial!important}@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(135deg) scale(1.5)}to{transform:rotate(270deg) scale(1)}}.devui-loading-mask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #adb0b8);opacity:.3}.devui-loading-wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}.devui-loading--hidden{overflow:hidden}.devui-loading-text{margin-left:10px}.devui-loading-area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-busy-default-spinner .devui-loading-bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-busy-default-spinner .devui-loading-bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.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}
+@charset "UTF-8";.devui-auto-complete .devui-dropdown-menu,.devui-auto-complete-menu .devui-dropdown-menu{width:100%;left:0!important;top:0!important;margin:0!important}.devui-auto-complete .devui-dropdown-menu ul,.devui-auto-complete-menu .devui-dropdown-menu ul{width:100%;padding:0}.devui-auto-complete .devui-form-control{padding:4px 8px}.devui-auto-complete .active,.devui-auto-complete-menu .active{background:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-auto-complete .devui-dropdown-menu,.devui-auto-complete-menu .devui-dropdown-menu{width:100%;display:block}.devui-auto-complete .devui-dropdown-menu-cdk,.devui-auto-complete-menu .devui-dropdown-menu-cdk{position:static}.devui-auto-complete .devui-dropdown-item,.devui-auto-complete-menu .devui-dropdown-item{cursor:pointer;display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px}.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected,.devui-auto-complete-menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected{color:var(--devui-list-item-active-text, #ffffff);background-color:var(--devui-list-item-active-bg, #5e7ce0)}.devui-auto-complete .devui-no-result-template,.devui-auto-complete .devui-is-searching-template,.devui-auto-complete-menu .devui-no-result-template,.devui-auto-complete-menu .devui-is-searching-template{display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);color:var(--devui-disabled-text, #adb0b8);line-height:14px}.devui-auto-complete .devui-no-result-template:hover,.devui-auto-complete .devui-no-result-template:active,.devui-auto-complete .devui-no-result-template:hover:active,.devui-auto-complete .devui-is-searching-template:hover,.devui-auto-complete .devui-is-searching-template:active,.devui-auto-complete .devui-is-searching-template:hover:active,.devui-auto-complete-menu .devui-no-result-template:hover,.devui-auto-complete-menu .devui-no-result-template:active,.devui-auto-complete-menu .devui-no-result-template:hover:active,.devui-auto-complete-menu .devui-is-searching-template:hover,.devui-auto-complete-menu .devui-is-searching-template:active,.devui-auto-complete-menu .devui-is-searching-template:hover:active{background-color:var(--devui-unavailable, #f5f5f6)}.devui-auto-complete .devui-dropdown-item.disabled,.devui-auto-complete .devui-dropdown-item.disabled:hover,.devui-auto-complete-menu .devui-dropdown-item.disabled,.devui-auto-complete-menu .devui-dropdown-item.disabled:hover{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-auto-complete ul.devui-list-unstyled,.devui-auto-complete-menu ul.devui-list-unstyled{margin:0;overflow-y:auto}.devui-auto-complete .devui-dropdown-bg,.devui-auto-complete-menu .devui-dropdown-bg{background:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-auto-complete .devui-popup-tips,.devui-auto-complete-menu .devui-popup-tips{color:var(--devui-text-weak, #575d6c);padding:4px 12px}.devui-auto-complete .devui-dropdown-latestSource ul,.devui-auto-complete-menu .devui-dropdown-latestSource ul{line-height:initial!important}@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(135deg) scale(1.5)}to{transform:rotate(270deg) scale(1)}}.devui-loading-mask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #adb0b8);opacity:.3}.devui-loading-wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}.devui-loading--hidden{overflow:hidden}.devui-loading-text{margin-left:10px}.devui-loading-area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-busy-default-spinner .devui-loading-bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-busy-default-spinner .devui-loading-bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.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/badge/index.es.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, createVNode } from "vue";
-const badgeStatusType = ["danger", "warning", "waiting", "success", "info"];
+const badgeStatusType = ["danger", "warning", "waiting", "success", "info", "common"];
 const badgePositionType = ["top-left", "top-right", "bottom-left", "bottom-right"];
 const badgeProps = {
   count: {

package/badge/index.umd.js

@@ -1 +1 @@
-(function(n,o){typeof exports=="object"&&typeof module!="undefined"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(n=typeof globalThis!="undefined"?globalThis:n||self,o(n.index={},n.Vue))})(this,function(n,o){"use strict";const c=["danger","warning","waiting","success","info"],f=["top-left","top-right","bottom-left","bottom-right"],l={count:{type:[Number,String]},maxCount:{type:Number,default:99},showDot:{type:Boolean,default:!1},status:{type:String,validator:t=>c.includes(t)},position:{type:String,default:"top-right",validator:t=>f.includes(t)},offset:{type:Array},bgColor:{type:String},textColor:{type:String}};var x="",s=o.defineComponent({name:"DBadge",props:l,setup(t,i){const g=o.computed(()=>{const e="devui-badge-content";return[e,t.showDot?`${e}-dot`:`${e}-count`,t.status&&`${e}-${t.status}`,i.slots.default&&t.position&&`${e}-${t.position}`,i.slots.default&&`${e}-fixed`].join(" ")}),m=o.computed(()=>{const e={bgColor:"background",textColor:"color"},u=Object.keys(e).reduce((d,a)=>(t[a]&&(d[e[a]]=t[a]),d),{});if(i.slots.default&&t.offset){const[d,a]=t.offset,[b,v]=t.position.split("-");u[b]=a+"px",u[v]=d+"px"}return u}),y=o.computed(()=>{if(!t.showDot)return typeof t.count=="number"&&typeof t.maxCount=="number"&&t.count>t.maxCount?`${t.maxCount}+`:t.count});return()=>{var e,u;return o.createVNode("div",{class:"devui-badge"},[(u=(e=i.slots).default)==null?void 0:u.call(e),o.createVNode("div",{class:g.value,style:m.value},[y.value])])}}}),r={title:"Badge \u5FBD\u6807",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.component(s.name,s)}};n.Badge=s,n.badgeProps=l,n.default=r,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});
+(function(o,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(o=typeof globalThis!="undefined"?globalThis:o||self,n(o.index={},o.Vue))})(this,function(o,n){"use strict";const c=["danger","warning","waiting","success","info","common"],f=["top-left","top-right","bottom-left","bottom-right"],l={count:{type:[Number,String]},maxCount:{type:Number,default:99},showDot:{type:Boolean,default:!1},status:{type:String,validator:t=>c.includes(t)},position:{type:String,default:"top-right",validator:t=>f.includes(t)},offset:{type:Array},bgColor:{type:String},textColor:{type:String}};var x="",s=n.defineComponent({name:"DBadge",props:l,setup(t,i){const g=n.computed(()=>{const e="devui-badge-content";return[e,t.showDot?`${e}-dot`:`${e}-count`,t.status&&`${e}-${t.status}`,i.slots.default&&t.position&&`${e}-${t.position}`,i.slots.default&&`${e}-fixed`].join(" ")}),m=n.computed(()=>{const e={bgColor:"background",textColor:"color"},u=Object.keys(e).reduce((d,a)=>(t[a]&&(d[e[a]]=t[a]),d),{});if(i.slots.default&&t.offset){const[d,a]=t.offset,[b,v]=t.position.split("-");u[b]=a+"px",u[v]=d+"px"}return u}),y=n.computed(()=>{if(!t.showDot)return typeof t.count=="number"&&typeof t.maxCount=="number"&&t.count>t.maxCount?`${t.maxCount}+`:t.count});return()=>{var e,u;return n.createVNode("div",{class:"devui-badge"},[(u=(e=i.slots).default)==null?void 0:u.call(e),n.createVNode("div",{class:g.value,style:m.value},[y.value])])}}}),r={title:"Badge \u5FBD\u6807",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.component(s.name,s)}};o.Badge=s,o.badgeProps=l,o.default=r,Object.defineProperty(o,"__esModule",{value:!0}),o[Symbol.toStringTag]="Module"});

package/badge/style.css

@@ -1 +1 @@
-.devui-badge{position:relative;display:inline-block}.devui-badge .devui-badge-content{font-size:var(--devui-font-size, 12px);color:var(--devui-light-text, #ffffff)}.devui-badge .devui-badge-content-count{padding:0 4px;min-width:16px;height:16px;line-height:16px;border-radius:8px;background:var(--devui-brand, #5e7ce0);text-align:center}.devui-badge .devui-badge-content-danger{background:var(--devui-danger, #f66f6a)}.devui-badge .devui-badge-content-warning{background:var(--devui-warning, #fac20a)}.devui-badge .devui-badge-content-waiting{background:var(--devui-waiting, #9faad7)}.devui-badge .devui-badge-content-success{background:var(--devui-success, #50d4ab)}.devui-badge .devui-badge-content-info{background:var(--devui-info, #5e7ce0)}.devui-badge .devui-badge-content-top-left{left:0;top:0;transform:translate(-50%,-50%)}.devui-badge .devui-badge-content-top-right{right:0;top:0;transform:translate(50%,-50%)}.devui-badge .devui-badge-content-bottom-left{left:0;bottom:0;transform:translate(-50%,50%)}.devui-badge .devui-badge-content-bottom-right{right:0;bottom:0;transform:translate(50%,50%)}.devui-badge .devui-badge-content-fixed{position:absolute}.devui-badge .devui-badge-content-dot{width:6px;height:6px;border-radius:50%}
+.devui-badge{position:relative;display:inline-block}.devui-badge .devui-badge-content{font-size:var(--devui-font-size, 12px);color:var(--devui-light-text, #ffffff)}.devui-badge .devui-badge-content-count{padding:0 4px;min-width:16px;height:16px;line-height:16px;border-radius:8px;background:var(--devui-brand, #5e7ce0);text-align:center}.devui-badge .devui-badge-content-danger{background:var(--devui-danger, #f66f6a)}.devui-badge .devui-badge-content-warning{background:var(--devui-warning, #fac20a)}.devui-badge .devui-badge-content-waiting{background:var(--devui-waiting, #9faad7)}.devui-badge .devui-badge-content-success{background:var(--devui-success, #50d4ab)}.devui-badge .devui-badge-content-info{background:var(--devui-info, #5e7ce0)}.devui-badge .devui-badge-content-common{background:var(--devui-unavailable, #f5f5f6);color:var(--devui-aide-text, #8a8e99)}.devui-badge .devui-badge-content-top-left{left:0;top:0;transform:translate(-50%,-50%)}.devui-badge .devui-badge-content-top-right{right:0;top:0;transform:translate(50%,-50%)}.devui-badge .devui-badge-content-bottom-left{left:0;bottom:0;transform:translate(-50%,50%)}.devui-badge .devui-badge-content-bottom-right{right:0;bottom:0;transform:translate(50%,50%)}.devui-badge .devui-badge-content-fixed{position:absolute}.devui-badge .devui-badge-content-dot{width:6px;height:6px;border-radius:50%}

package/button/index.es.js

@@ -18,56 +18,54 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { defineComponent, createVNode, ref, h, render, computed, toRefs, withDirectives, resolveDirective } from "vue";
+import { defineComponent, toRefs, createVNode, ref, h, render, computed, withDirectives, resolveDirective } from "vue";
+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);
-};
 class View {
   constructor() {
     __publicField(this, "top", "50%");
@@ -351,6 +349,7 @@ var Button = defineComponent({
       }, [icon.value && createVNode(Icon, {
         "name": icon.value,
         "size": "12px",
+        "color": "",
         "class": iconClass.value
       }, null), createVNode("span", {
         "class": "button-content"

package/button/index.umd.js

@@ -1 +1 @@
-var D=Object.defineProperty;var P=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var v=(i,t,r)=>t in i?D(i,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[t]=r,u=(i,t)=>{for(var r in t||(t={}))_.call(t,r)&&v(i,r,t[r]);if(P)for(var r of P(t))I.call(t,r)&&v(i,r,t[r]);return i};var l=(i,t,r)=>(v(i,typeof t!="symbol"?t+"":t,r),r);(function(i,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis!="undefined"?globalThis:i||self,t(i.index={},i.Vue))})(this,function(i,t){"use strict";var r=t.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(e){return u({},e)},render(){const{name:e,size:o,color:n,classPrefix:a}=this;return/^((https?):)?\/\//.test(e)?t.createVNode("img",{src:e,alt:e.split("/")[e.split("/").length-1],style:{width:o,verticalAlign:"text-bottom"}},null):t.createVNode("i",{class:`${a} ${a}-${e}`,style:{fontSize:o,color:n}},null)}});r.install=function(e){e.component(r.name,r)};class b{constructor(){l(this,"top","50%");l(this,"left","50%")}}const C={message:String,backdrop:Boolean,view:{type:Object,default:()=>new b},zIndex:Number,isFull:{type:Boolean,default:!1}};class z{constructor(){l(this,"target");l(this,"message");l(this,"loadingTemplateRef");l(this,"backdrop",!0);l(this,"positionType","relative");l(this,"view",new b);l(this,"zIndex")}}var R="",T=t.defineComponent({name:"DLoading",inheritAttrs:!1,props:C,setup(e){const o={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(o.background="none");const n=t.ref(!1);return{style:o,isShow:n,open:()=>{n.value=!0},close:()=>{n.value=!1}}},render(){var d;const{isShow:e,isFull:o,backdrop:n,style:a,message:s,$slots:c}=this;return e&&t.createVNode("div",{class:["devui-loading-contanier",o?"devui-loading--full":""]},[((d=c.default)==null?void 0:d.call(c))||t.createVNode("div",{class:"devui-loading-wrapper"},[n?t.createVNode("div",{class:"devui-loading-mask"},null):null,t.createVNode("div",{style:a,class:"devui-loading-area"},[t.createVNode("div",{class:"devui-busy-default-spinner"},[t.createVNode("div",{class:"devui-loading-bar1"},null),t.createVNode("div",{class:"devui-loading-bar2"},null),t.createVNode("div",{class:"devui-loading-bar3"},null),t.createVNode("div",{class:"devui-loading-bar4"},null)]),s?t.createVNode("span",{class:"devui-loading-text"},[s]):null])])])}});const h=Symbol("dev_component_container");function B(e,o,n=null){const a=t.h(e,u({},o),n),s=document.createElement("div");return a[h]=s,t.render(a,s),a.component}function L(e){t.render(null,e==null?void 0:e.vnode[h])}const O=t.defineComponent(T),f=new WeakSet,g=e=>{if(!e)return!0;if(Array.isArray(e))return e.length===0;if(e instanceof Set||e instanceof Map)return e.size===0;if(e instanceof Promise)return!1;if(typeof e=="object")try{return Object.keys(e).length===0}catch{return!1}return!1},w=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),$=e=>{switch(w(e)){case"promise":return[e];case"array":return e.some(n=>w(n)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},N=e=>{f.delete(e),e.instance.proxy.close(),L(e.instance)},S=(e,o)=>{if(o.value){const n=$(o.value);if(n==="error")return;e.instance.proxy.open(),e.appendChild(e.mask),f.add(e),n&&Promise.all(n).catch(a=>{console.error(new Error("Promise handling errors"),a)}).finally(()=>{N(e)})}else N(e)},V=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},k=(e,o)=>{const n=u(u({},new z),o),a=n.loadingTemplateRef,s=B(O,u({},n),a?()=>a:null);e.style.position=n.positionType,e.options=n,e.instance=s,e.mask=s.proxy.$el},E={mounted:function(e,o,n){k(e,n.props),V(e),!g(o.value)&&S(e,o)},updated:function(e,o,n){!g(o.value)&&f.has(e)||g(o.value)&&!f.has(e)||(!f.has(e)&&k(e,n.props),V(e),S(e,o))}},x={variant:{type:String,default:"outline"},size:{type:String,default:"md"},color:{type:String},icon:{type:String,default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}};function M(e,o){const n=t.computed(()=>o.slots.default),s={solid:"primary",outline:"secondary",text:"secondary"}[e.variant],c=t.computed(()=>({"devui-btn":!0,[`devui-btn-${e.variant}`]:!0,[`devui-btn-${e.variant}-${e.color||s}`]:!0,[`devui-btn-${e.size}`]:!0,"devui-btn-icon-wrap":e.icon,"devui-btn-icon":e.icon&&!n.value&&e.variant!=="solid"})),d=t.computed(()=>{if(!e.icon)return;const p="devui-icon-fix icon";return n.value?`${p} clear-right-5`:p});return{classes:c,iconClass:d}}var q="",y=t.defineComponent({name:"DButton",directives:{devLoading:E},props:x,emits:["click"],setup(e,o){const{icon:n,disabled:a,loading:s}=t.toRefs(e),{classes:c,iconClass:d}=M(e,o),p=m=>{s.value||o.emit("click",m)};return()=>{var m,A;return t.withDirectives(t.createVNode("button",{class:c.value,disabled:a.value,onClick:p},[n.value&&t.createVNode(r,{name:n.value,size:"12px",class:d.value},null),t.createVNode("span",{class:"button-content"},[(A=(m=o.slots).default)==null?void 0:A.call(m)])]),[[t.resolveDirective("dLoading"),s.value]])}}}),j={title:"Button \u6309\u94AE",category:"\u901A\u7528",status:"100%",install(e){e.component(y.name,y)}};i.Button=y,i.buttonProps=x,i.default=j,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
+var R=Object.defineProperty;var A=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var y=(i,t,s)=>t in i?R(i,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[t]=s,f=(i,t)=>{for(var s in t||(t={}))_.call(t,s)&&y(i,s,t[s]);if(A)for(var s of A(t))I.call(t,s)&&y(i,s,t[s]);return i};var l=(i,t,s)=>(y(i,typeof t!="symbol"?t+"":t,s),s);(function(i,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis!="undefined"?globalThis:i||self,t(i.index={},i.Vue))})(this,function(i,t){"use strict";const s={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var C=t.defineComponent({name:"DIcon",props:s,setup(e){const{name:n,size:o,color:a,classPrefix:r}=t.toRefs(e);return()=>/^((https?):)?\/\//.test(n.value)?t.createVNode("img",{src:n.value,alt:n.value.split("/")[n.value.split("/").length-1],style:{width:o.value,verticalAlign:"text-bottom"}},null):t.createVNode("i",{class:`${r.value} ${r.value}-${n.value}`,style:{fontSize:o.value,color:a.value}},null)}});class b{constructor(){l(this,"top","50%");l(this,"left","50%")}}const z={message:String,backdrop:Boolean,view:{type:Object,default:()=>new b},zIndex:Number,isFull:{type:Boolean,default:!1}};class T{constructor(){l(this,"target");l(this,"message");l(this,"loadingTemplateRef");l(this,"backdrop",!0);l(this,"positionType","relative");l(this,"view",new b);l(this,"zIndex")}}var q="",B=t.defineComponent({name:"DLoading",inheritAttrs:!1,props:z,setup(e){const n={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(n.background="none");const o=t.ref(!1);return{style:n,isShow:o,open:()=>{o.value=!0},close:()=>{o.value=!1}}},render(){var d;const{isShow:e,isFull:n,backdrop:o,style:a,message:r,$slots:c}=this;return e&&t.createVNode("div",{class:["devui-loading-contanier",n?"devui-loading--full":""]},[((d=c.default)==null?void 0:d.call(c))||t.createVNode("div",{class:"devui-loading-wrapper"},[o?t.createVNode("div",{class:"devui-loading-mask"},null):null,t.createVNode("div",{style:a,class:"devui-loading-area"},[t.createVNode("div",{class:"devui-busy-default-spinner"},[t.createVNode("div",{class:"devui-loading-bar1"},null),t.createVNode("div",{class:"devui-loading-bar2"},null),t.createVNode("div",{class:"devui-loading-bar3"},null),t.createVNode("div",{class:"devui-loading-bar4"},null)]),r?t.createVNode("span",{class:"devui-loading-text"},[r]):null])])])}});const h=Symbol("dev_component_container");function L(e,n,o=null){const a=t.h(e,f({},n),o),r=document.createElement("div");return a[h]=r,t.render(a,r),a.component}function O(e){t.render(null,e==null?void 0:e.vnode[h])}const $=t.defineComponent(B),u=new WeakSet,g=e=>{if(!e)return!0;if(Array.isArray(e))return e.length===0;if(e instanceof Set||e instanceof Map)return e.size===0;if(e instanceof Promise)return!1;if(typeof e=="object")try{return Object.keys(e).length===0}catch{return!1}return!1},w=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),E=e=>{switch(w(e)){case"promise":return[e];case"array":return e.some(o=>w(o)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},N=e=>{u.delete(e),e.instance.proxy.close(),O(e.instance)},S=(e,n)=>{if(n.value){const o=E(n.value);if(o==="error")return;e.instance.proxy.open(),e.appendChild(e.mask),u.add(e),o&&Promise.all(o).catch(a=>{console.error(new Error("Promise handling errors"),a)}).finally(()=>{N(e)})}else N(e)},V=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},P=(e,n)=>{const o=f(f({},new T),n),a=o.loadingTemplateRef,r=L($,f({},o),a?()=>a:null);e.style.position=o.positionType,e.options=o,e.instance=r,e.mask=r.proxy.$el},M={mounted:function(e,n,o){P(e,o.props),V(e),!g(n.value)&&S(e,n)},updated:function(e,n,o){!g(n.value)&&u.has(e)||g(n.value)&&!u.has(e)||(!u.has(e)&&P(e,o.props),V(e),S(e,n))}},k={variant:{type:String,default:"outline"},size:{type:String,default:"md"},color:{type:String},icon:{type:String,default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}};function j(e,n){const o=t.computed(()=>n.slots.default),r={solid:"primary",outline:"secondary",text:"secondary"}[e.variant],c=t.computed(()=>({"devui-btn":!0,[`devui-btn-${e.variant}`]:!0,[`devui-btn-${e.variant}-${e.color||r}`]:!0,[`devui-btn-${e.size}`]:!0,"devui-btn-icon-wrap":e.icon,"devui-btn-icon":e.icon&&!o.value&&e.variant!=="solid"})),d=t.computed(()=>{if(!e.icon)return;const p="devui-icon-fix icon";return o.value?`${p} clear-right-5`:p});return{classes:c,iconClass:d}}var F="",v=t.defineComponent({name:"DButton",directives:{devLoading:M},props:k,emits:["click"],setup(e,n){const{icon:o,disabled:a,loading:r}=t.toRefs(e),{classes:c,iconClass:d}=j(e,n),p=m=>{r.value||n.emit("click",m)};return()=>{var m,x;return t.withDirectives(t.createVNode("button",{class:c.value,disabled:a.value,onClick:p},[o.value&&t.createVNode(C,{name:o.value,size:"12px",color:"",class:d.value},null),t.createVNode("span",{class:"button-content"},[(x=(m=n.slots).default)==null?void 0:x.call(m)])]),[[t.resolveDirective("dLoading"),r.value]])}}}),D={title:"Button \u6309\u94AE",category:"\u901A\u7528",status:"100%",install(e){e.component(v.name,v)}};i.Button=v,i.buttonProps=k,i.default=D,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});

package/countdown/index.es.js

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