vue-devui 1.0.0-rc.6 → 1.0.0-rc.9

package/auto-complete/index.es.js

@@ -18,7 +18,7 @@ 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, unref, watch, onUnmounted, mergeProps, toRefs, provide, Teleport, Transition, isVNode } from "vue";
+import { ref, nextTick, toRefs, computed, defineComponent, createVNode, h, render, inject, withDirectives, createTextVNode, resolveDirective, vShow, unref, watch, onUnmounted, mergeProps, resolveDynamicComponent, provide, Teleport, Transition, isVNode } from "vue";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 const defaultFormatter = (item) => {
   if (typeof item === "string") {
@@ -115,6 +115,26 @@ const autoCompleteProps = {
   loadMore: {
     type: Function,
     default: null
+  },
+  placeholder: {
+    type: String,
+    default: "Search"
+  },
+  prefix: {
+    type: String,
+    default: ""
+  },
+  suffix: {
+    type: String,
+    default: ""
+  },
+  size: {
+    type: String,
+    default: "md"
+  },
+  clearable: {
+    type: Boolean,
+    default: false
   }
 };
 const DropdownPropsKey = Symbol("DropdownPropsKey");
@@ -239,6 +259,11 @@ function useInputHandle(ctx2, searchList, showNoResultItemTemplate, modelValue,
   };
   const onBlur = () => {
     isFocus.value = false;
+    ctx2.emit("blur");
+  };
+  const onClear = () => {
+    ctx2.emit("update:modelValue", "");
+    ctx2.emit("clear");
   };
   const handleClose = () => {
     visible.value = false;
@@ -263,6 +288,7 @@ function useInputHandle(ctx2, searchList, showNoResultItemTemplate, modelValue,
     onInput,
     onFocus,
     onBlur,
+    onClear,
     isFocus,
     inputRef,
     visible,
@@ -382,6 +408,69 @@ function useKeyBoardHandle(dropDownRef, visible, searchList, selectedIndex, sear
     handlekeyDown
   };
 }
+function createBem(namespace, element, modifier) {
+  let cls = namespace;
+  if (element) {
+    cls += `__${element}`;
+  }
+  if (modifier) {
+    cls += `--${modifier}`;
+  }
+  return cls;
+}
+function useNamespace(block, needDot = false) {
+  const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
+  const b = () => createBem(namespace);
+  const e = (element) => element ? createBem(namespace, element) : "";
+  const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
+  const em = (element, modifier) => element && modifier ? createBem(namespace, element, modifier) : "";
+  return {
+    b,
+    e,
+    m,
+    em
+  };
+}
+function useAutoCompleteRender(props, ctx2, visible, isFocus) {
+  const ns = useNamespace("auto-complete");
+  const inputNs = useNamespace("auto-complete-input");
+  const slotNs = useNamespace("auto-complete-slot");
+  const formNs = useNamespace("form-group");
+  const feedbackNs = useNamespace("has-feedback");
+  const selectNs = useNamespace("select-open");
+  const formControlNs = useNamespace("form-control");
+  const dropdownNs = useNamespace("dropdown-origin");
+  const dropdownOpenNs = useNamespace("dropdown-origin-open");
+  const { disabled } = toRefs(props);
+  const slots = ctx2.slots;
+  const autoCompleteTopClasses = computed(() => ({
+    [ns.b()]: true,
+    [ns.m(props.size)]: true,
+    [formNs.b()]: true,
+    [feedbackNs.b()]: true,
+    [selectNs.b()]: visible.value
+  }));
+  const inputClasses = computed(() => ({
+    [inputNs.b()]: true,
+    [ns.m("focus")]: isFocus.value,
+    [slotNs.b()]: slots.prepend || slots.append || props.prefix || props.suffix,
+    [ns.m("append")]: slots.append,
+    [ns.m("prepend")]: slots.prepend
+  }));
+  const inputWrapperClasses = computed(() => ({
+    [inputNs.e("wrapper")]: true,
+    [ns.m("disabled")]: disabled.value
+  }));
+  const inputInnerClasses = computed(() => [
+    {
+      [formControlNs.b()]: true,
+      [dropdownNs.b()]: true,
+      [dropdownOpenNs.b()]: isFocus.value,
+      ["disabled"]: disabled.value
+    }
+  ]);
+  return { autoCompleteTopClasses, inputClasses, inputWrapperClasses, inputInnerClasses };
+}
 class View {
   constructor() {
     __publicField(this, "top", "50%");
@@ -450,27 +539,28 @@ var Loading = defineComponent({
       message,
       $slots
     } = this;
+    const ns = useNamespace("loading");
     return isShow && createVNode("div", {
-      "class": ["devui-loading-contanier", isFull ? "devui-loading--full" : ""]
+      "class": [ns.b(), isFull ? ns.m("full") : ""]
     }, [((_a = $slots.default) == null ? void 0 : _a.call($slots)) || createVNode("div", {
-      "class": "devui-loading-wrapper"
+      "class": ns.e("wrapper")
     }, [backdrop ? createVNode("div", {
-      "class": "devui-loading-mask"
+      "class": ns.e("mask")
     }, null) : null, createVNode("div", {
       "style": style,
-      "class": "devui-loading-area"
+      "class": ns.e("area")
     }, [createVNode("div", {
-      "class": "devui-busy-default-spinner"
+      "class": ns.e("busy-default-spinner")
     }, [createVNode("div", {
-      "class": "devui-loading-bar1"
+      "class": ns.e("bar1")
     }, null), createVNode("div", {
-      "class": "devui-loading-bar2"
+      "class": ns.e("bar2")
     }, null), createVNode("div", {
-      "class": "devui-loading-bar3"
+      "class": ns.e("bar3")
     }, null), createVNode("div", {
-      "class": "devui-loading-bar4"
+      "class": ns.e("bar4")
     }, null)]), message ? createVNode("span", {
-      "class": "devui-loading-text"
+      "class": ns.e("text")
     }, [message]) : null])])]);
   }
 });
@@ -615,6 +705,10 @@ var DAutoCompleteDropdown = defineComponent({
       disabledKey,
       isSearching
     } = propsData.props;
+    const ns = useNamespace("auto-complete");
+    const noDataNs = useNamespace("no-data-tip");
+    const dropdownMenuNs = useNamespace("dropdown-menu");
+    const dropdownItemNs = useNamespace("dropdown-item");
     const onSelect = (item) => {
       item = valueParser.value(item);
       if (typeof item === "object" && item[disabledKey]) {
@@ -624,35 +718,35 @@ var DAutoCompleteDropdown = defineComponent({
     };
     return () => {
       return withDirectives(createVNode("div", {
-        "class": ["devui-dropdown-menu", "devui-dropdown-menu-cdk", disabled && "disabled", latestSource.value && "devui-dropdown-latestSource"]
+        "class": [dropdownMenuNs.b(), ns.e("dropdown-menu-cdk"), disabled && "disabled", latestSource.value && ns.e("dropdown-latestSource")]
       }, [createVNode("ul", {
         "ref": dropDownRef,
-        "class": "devui-list-unstyled scroll-height",
+        "class": [ns.e("list-unstyled"), "scroll-height"],
         "style": {
           maxHeight: `${maxHeight}px`
         },
         "onScroll": loadMore
       }, [isSearching && ctx2.slots.searchingTemplate && (searchStatus == null ? void 0 : searchStatus.value) && createVNode("li", {
-        "class": "devui-is-searching-template"
+        "class": ns.e("searching-template")
       }, [createVNode("div", {
-        "class": "devui-no-data-tip"
+        "class": noDataNs.b()
       }, [ctx2.slots.searchingTemplate()])]), latestSource.value && !modelValue.value && createVNode("li", {
-        "class": "devui-popup-tips"
+        "class": ns.e("popup-tips")
       }, [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", {
-            "disabled": disabledKey && typeof item === "object" && item[disabledKey]
+          "class": [dropdownItemNs.b(), selectedIndex.value === index2 && "selected", {
+            disabled: disabledKey && typeof item === "object" && item[disabledKey]
           }, {
-            "devui-dropdown-bg": hoverIndex.value === index2
+            [ns.e("dropdown-bg")]: hoverIndex.value === index2
           }],
           "title": formatter(item),
           "key": formatter(item)
         }, [ctx2.slots.itemTemplate ? ctx2.slots.itemTemplate(item, index2) : formatter(item)]);
       }), !(searchStatus == null ? void 0 : searchStatus.value) && searchList.value.length === 0 && ctx2.slots.noResultItemTemplate && showNoResultItemTemplate.value && createVNode("li", {
-        "class": "devui-no-result-template"
+        "class": ns.e("no-result-template")
       }, [createVNode("div", {
-        "class": "devui-no-data-tip"
+        "class": noDataNs.b()
       }, [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)]]);
     };
   }
@@ -856,6 +950,7 @@ const FlexibleOverlay = defineComponent({
     emit,
     expose
   }) {
+    const ns = useNamespace("flexible-overlay");
     const {
       arrowRef,
       overlayRef,
@@ -868,15 +963,135 @@ const FlexibleOverlay = defineComponent({
       var _a;
       return props.modelValue && createVNode("div", mergeProps({
         "ref": overlayRef,
-        "class": "devui-flexible-overlay"
+        "class": ns.b()
       }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), props.showArrow && createVNode("div", {
         "ref": arrowRef,
-        "class": "devui-flexible-overlay-arrow"
+        "class": ns.e("arrow")
       }, null)]);
     };
   }
 });
 var autoComplete = "";
+function isUrl(value) {
+  return /^((http|https):)?\/\//.test(value);
+}
+const DEFAULT_PREFIX = "icon";
+const iconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  size: {
+    type: [Number, String],
+    default: "inherit"
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  component: {
+    type: Object,
+    default: null
+  },
+  classPrefix: {
+    type: String,
+    default: DEFAULT_PREFIX
+  }
+};
+const svgIconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  size: {
+    type: [Number, String],
+    default: "inherit"
+  }
+};
+var icon = "";
+var svgIcon = defineComponent({
+  name: "DSvgIcon",
+  props: svgIconProps,
+  setup(props) {
+    const {
+      name,
+      color,
+      size
+    } = toRefs(props);
+    const ns = useNamespace("svg-icon");
+    const iconName = computed(() => `#icon-${name.value}`);
+    const iconSize = computed(() => {
+      return typeof size.value === "number" ? `${size.value}px` : size.value;
+    });
+    const styles = {
+      width: iconSize.value,
+      height: iconSize.value
+    };
+    return () => {
+      return createVNode("svg", {
+        "class": ns.b(),
+        "style": styles
+      }, [createVNode("use", {
+        "xlink:href": iconName.value,
+        "fill": color.value
+      }, null)]);
+    };
+  }
+});
+var Icon = defineComponent({
+  name: "DIcon",
+  props: iconProps,
+  setup(props, {
+    attrs
+  }) {
+    const {
+      component,
+      name,
+      size,
+      color,
+      classPrefix
+    } = toRefs(props);
+    const IconComponent = component.value ? resolveDynamicComponent(component.value) : resolveDynamicComponent(svgIcon);
+    const iconSize = computed(() => {
+      return typeof size.value === "number" ? `${size.value}px` : size.value;
+    });
+    const svgIconDom = () => {
+      return createVNode(IconComponent, mergeProps({
+        "name": name.value,
+        "color": color.value,
+        "size": iconSize.value
+      }, attrs), null);
+    };
+    const imgIconDom = () => {
+      return createVNode("img", mergeProps({
+        "src": name.value,
+        "alt": name.value.split("/")[name.value.split("/").length - 1],
+        "style": {
+          width: iconSize.value || ""
+        }
+      }, attrs), null);
+    };
+    const fontIconDom = () => {
+      const fontIconClass = /^icon-/.test(name.value) ? name.value : `${classPrefix.value}-${name.value}`;
+      return createVNode("i", mergeProps({
+        "class": [classPrefix.value, fontIconClass],
+        "style": {
+          fontSize: iconSize.value,
+          color: color.value
+        }
+      }, attrs), null);
+    };
+    return () => {
+      return component.value ? svgIconDom() : isUrl(name.value) ? imgIconDom() : fontIconDom();
+    };
+  }
+});
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -886,7 +1101,7 @@ var AutoComplete = defineComponent({
     ClickOutside: clickoutsideDirective
   },
   props: autoCompleteProps,
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "clear", "blur"],
   setup(props, ctx2) {
     const {
       disabled,
@@ -903,8 +1118,11 @@ var AutoComplete = defineComponent({
       position,
       latestSource,
       showAnimation,
-      valueParser
+      valueParser,
+      placeholder
     } = toRefs(props);
+    const ns = useNamespace("auto-complete");
+    const inputNs = useNamespace("auto-complete-input");
     const {
       handleSearch,
       searchList,
@@ -915,6 +1133,7 @@ var AutoComplete = defineComponent({
       onInput,
       onFocus,
       onBlur,
+      onClear,
       inputRef,
       isFocus,
       visible,
@@ -938,6 +1157,12 @@ var AutoComplete = defineComponent({
       hoverIndex,
       handlekeyDown
     } = useKeyBoardHandle(dropDownRef, visible, searchList, selectedIndex, searchStatus, showNoResultItemTemplate, selectOptionClick, handleClose);
+    const {
+      autoCompleteTopClasses,
+      inputClasses,
+      inputWrapperClasses,
+      inputInnerClasses
+    } = useAutoCompleteRender(props, ctx2, visible, isFocus);
     provide(DropdownPropsKey, {
       props,
       visible,
@@ -956,81 +1181,90 @@ var AutoComplete = defineComponent({
       valueParser
     });
     const origin = ref();
+    const prefixVisible = ctx2.slots.prefix || props.prefix;
+    const suffixVisible = ctx2.slots.suffix || props.suffix || props.clearable;
+    const showClearable = computed(() => props.clearable && !props.disabled);
+    const renderBasicDropdown = () => {
+      let _slot;
+      return createVNode(Transition, {
+        "name": showAnimation ? "fade" : ""
+      }, {
+        default: () => [createVNode(FlexibleOverlay, {
+          "show-arrow": true,
+          "origin": origin.value,
+          "position": position.value,
+          "modelValue": visible.value,
+          "onUpdate:modelValue": ($event) => visible.value = $event
+        }, {
+          default: () => [createVNode("div", {
+            "class": ns.e("menu"),
+            "style": {
+              width: `
+                      ${width.value + "px"}
+                    `
+            }
+          }, [createVNode(DAutoCompleteDropdown, null, _isSlot(_slot = customRenderSolts()) ? _slot : {
+            default: () => [_slot]
+          })])]
+        })]
+      });
+    };
     const renderDropdown = () => {
       if (appendToBody.value) {
-        let _slot;
+        let _slot2;
         return createVNode(Teleport, {
           "to": "body"
-        }, {
-          default: () => [createVNode(Transition, {
-            "name": showAnimation ? "fade" : ""
-          }, {
-            default: () => [createVNode(FlexibleOverlay, {
-              "show-arrow": true,
-              "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]
-              })])]
-            })]
-          })]
+        }, _isSlot(_slot2 = renderBasicDropdown()) ? _slot2 : {
+          default: () => [_slot2]
         });
       } else {
-        let _slot2;
-        return createVNode(Transition, {
-          "name": showAnimation ? "fade" : ""
-        }, {
-          default: () => [createVNode(FlexibleOverlay, {
-            "show-arrow": true,
-            "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(_slot2 = customRenderSolts()) ? _slot2 : {
-              default: () => [_slot2]
-            })])]
-          })]
-        });
+        return renderBasicDropdown();
       }
     };
     return () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
       return withDirectives(createVNode("div", {
-        "class": ["devui-auto-complete", "devui-form-group", "devui-has-feedback", visible.value && "devui-select-open"],
+        "class": autoCompleteTopClasses.value,
         "ref": origin,
         "style": {
           width: `${width.value + "px"}`
         }
-      }, [createVNode("input", {
+      }, [createVNode("div", {
+        "class": inputClasses.value
+      }, [ctx2.slots.prepend && createVNode("div", {
+        "class": inputNs.e("prepend")
+      }, [(_b = (_a = ctx2.slots).prepend) == null ? void 0 : _b.call(_a)]), createVNode("div", {
+        "class": inputWrapperClasses.value
+      }, [prefixVisible && createVNode("span", {
+        "class": inputNs.e("prefix")
+      }, [ctx2.slots.prefix && createVNode("div", null, [(_d = (_c = ctx2.slots).prefix) == null ? void 0 : _d.call(_c)]), props.prefix && createVNode(Icon, {
+        "size": "inherit",
+        "name": props.prefix
+      }, null)]), createVNode("input", {
         "disabled": disabled.value,
         "type": "text",
         "onClick": toggleMenu,
-        "class": ["devui-form-control", "devui-dropdown-origin", isFocus.value && "devui-dropdown-origin-open", disabled.value && "disabled"],
-        "placeholder": "Search",
+        "class": inputInnerClasses.value,
+        "placeholder": placeholder.value,
         "onInput": onInput,
         "onFocus": onFocus,
         "onBlur": onBlur,
         "value": modelValue.value,
         "ref": inputRef,
         "onKeydown": handlekeyDown
-      }, null), renderDropdown()]), [[resolveDirective("click-outside"), handleClose]]);
+      }, null), suffixVisible && createVNode("span", {
+        "class": inputNs.e("suffix")
+      }, [props.suffix && createVNode(Icon, {
+        "size": "inherit",
+        "name": props.suffix
+      }, null), ctx2.slots.suffix && createVNode("div", null, [(_f = (_e = ctx2.slots).suffix) == null ? void 0 : _f.call(_e)]), showClearable.value && createVNode(Icon, {
+        "size": props.size,
+        "class": ns.em("clear", "icon"),
+        "name": "close",
+        "onClick": onClear
+      }, null)])]), ctx2.slots.append && createVNode("div", {
+        "class": inputNs.e("append")
+      }, [(_h = (_g = ctx2.slots).append) == null ? void 0 : _h.call(_g)])]), renderDropdown()]), [[resolveDirective("click-outside"), handleClose]]);
     };
   }
 });

package/auto-complete/index.umd.js

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