vue-devui 1.6.11 → 1.6.13

package/editable-select/style.css

@@ -1 +1 @@
-.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));opacity:1;z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}.devui-loading__mask{z-index:var(--devui-z-index-full-page-overlay, 1080);position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #d7d8da);opacity:.3}.devui-loading__wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:var(--devui-z-index-full-page-overlay, 1080)}.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-loading__busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-loading__busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-loading__busy-default-spinner .devui-loading__bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-loading__busy-default-spinner .devui-loading__bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-editable-select-input{height:32px;font-size:var(--devui-font-size, 12px)}.devui-editable-select-input--sm{height:24px;font-size:var(--devui-font-size-sm, 12px)}.devui-editable-select-input--lg{height:40px;font-size:var(--devui-font-size-lg, 14px)}.devui-editable-select-input--open .devui-editable-select__arrow-icon{transform:rotate(180deg)}.devui-editable-select-input__wrapper{display:flex;align-items:center;justify-content:center;position:relative;height:100%;padding:0 8px;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),box-shadow var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in, cubic-bezier(.5, 0, .84, .25))}.devui-editable-select-input__wrapper:not(.devui-editable-select-input__wrapper--disabled):not(.devui-editable-select-input__wrapper--focus):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-editable-select-input__wrapper--focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-editable-select-input__wrapper--focus.devui-editable-select-input__wrapper--glow-style{box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08));border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-editable-select-input__wrapper--disabled{color:var(--devui-disabled-text, #cfd0d3);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.devui-editable-select-input__wrapper--disabled:hover{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-editable-select-input__wrapper--disabled .devui-editable-select-input__inner{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.devui-editable-select-input__wrapper--glow-style:not(.devui-editable-select-input__wrapper--disabled,.devui-editable-select-input__wrapper--focus):hover{box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08));border-color:var(--devui-form-control-line, #d7d8da)!important}.devui-editable-select-input__inner{width:100%;height:100%;padding:4px 0;border:none;background:none;outline:none}.devui-editable-select-input__placeholder{width:calc(100% - 16px);position:absolute;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translateY(-50%);top:50%}.devui-editable-select-input__suffix{height:100%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--devui-font-size, 12px)}.devui-editable-select-input__suffix>span{align-items:center}.devui-editable-select-input__suffix .devui-editable-select__clear-icon{pointer-events:auto;display:flex;cursor:pointer}.devui-editable-select-input__suffix .devui-editable-select__clear-icon svg path{fill:var(--devui-shape-icon-fill, #d7d8da);transition:all var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)) var(--devui-animation-duration-slow, .3s)}.devui-editable-select-input__suffix .devui-editable-select__clear-icon svg:hover path{fill:var(--devui-shape-icon-fill-hover, #babbc0)}.devui-editable-select-input__suffix .devui-editable-select__arrow-icon{display:flex;transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-editable-select-input__suffix .devui-editable-select__arrow-icon svg path{fill:var(--devui-icon-text, #71757f)}.devui-editable-select__dropdown{margin:8px 0}.devui-editable-select__inner{padding:12px;margin:0;list-style:none;overflow-y:auto}.devui-editable-select__item{cursor:pointer;user-select:none;line-height:20px;padding:8px 12px;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-editable-select__item:not(:first-child){margin-top:4px}.devui-editable-select__item--disabled{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-editable-select__item--selected:not(.devui-editable-select__item--disabled):not(.devui-editable-select__item--no-data-tip){color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)}.devui-editable-select__item--last-selected{background:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-editable-select__item--hover:not(.devui-editable-select__item--selected){background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-editable-select__item:not(.devui-editable-select__item--disabled):not(.devui-editable-select__item--selected):not(.devui-editable-select__item--no-data-tip):hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-editable-select__item--no-data-tip{text-align:center;cursor:not-allowed;user-select:none;color:var(--devui-disabled-text, #cfd0d3);font-size:var(--devui-font-size, 12px);line-height:22px;padding:0}.devui-editable-select--fade-bottom-enter-from,.devui-editable-select--fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-editable-select--fade-bottom-enter-to,.devui-editable-select--fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-editable-select--fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-editable-select--fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-editable-select--fade-top-enter-from,.devui-editable-select--fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-editable-select--fade-top-enter-to,.devui-editable-select--fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-editable-select--fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-editable-select--fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}
+.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));opacity:1;z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}.devui-loading__mask{z-index:var(--devui-z-index-full-page-overlay, 1080);position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #d7d8da);opacity:.3}.devui-loading__wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:var(--devui-z-index-full-page-overlay, 1080)}.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-loading__busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-loading__busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-loading__busy-default-spinner .devui-loading__bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-loading__busy-default-spinner .devui-loading__bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-editable-select-input{height:32px;font-size:var(--devui-font-size, 12px)}.devui-editable-select-input--sm{height:24px;font-size:var(--devui-font-size-sm, 12px)}.devui-editable-select-input--lg{height:40px;font-size:var(--devui-font-size-lg, 14px)}.devui-editable-select-input--open .devui-editable-select__arrow-icon{transform:rotate(180deg)}.devui-editable-select-input__wrapper{display:flex;align-items:center;justify-content:center;position:relative;height:100%;padding:0 8px;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),box-shadow var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in, cubic-bezier(.5, 0, .84, .25))}.devui-editable-select-input__wrapper:not(.devui-editable-select-input__wrapper--disabled):not(.devui-editable-select-input__wrapper--focus):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-editable-select-input__wrapper--focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-editable-select-input__wrapper--focus.devui-editable-select-input__wrapper--glow-style{box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08));border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-editable-select-input__wrapper--disabled{color:var(--devui-disabled-text, #cfd0d3);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.devui-editable-select-input__wrapper--disabled:hover{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-editable-select-input__wrapper--disabled .devui-editable-select-input__inner{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.devui-editable-select-input__wrapper--glow-style:not(.devui-editable-select-input__wrapper--disabled,.devui-editable-select-input__wrapper--focus):hover{box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08));border-color:var(--devui-form-control-line, #d7d8da)!important}.devui-editable-select-input__inner{width:100%;height:100%;padding:4px 0;border:none;background:none;outline:none}.devui-editable-select-input__placeholder{width:calc(100% - 16px);position:absolute;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translateY(-50%);top:50%}.devui-editable-select-input__suffix{height:100%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--devui-font-size, 12px)}.devui-editable-select-input__suffix>span{align-items:center}.devui-editable-select-input__suffix .devui-editable-select__clear-icon{pointer-events:auto;display:flex;cursor:pointer}.devui-editable-select-input__suffix .devui-editable-select__clear-icon svg path{fill:var(--devui-shape-icon-fill, #d7d8da);transition:all var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)) var(--devui-animation-duration-slow, .3s)}.devui-editable-select-input__suffix .devui-editable-select__clear-icon svg:hover path{fill:var(--devui-shape-icon-fill-hover, #babbc0)}.devui-editable-select-input__suffix .devui-editable-select__arrow-icon{display:flex;transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-editable-select-input__suffix .devui-editable-select__arrow-icon svg path{fill:var(--devui-icon-text, #71757f)}.devui-editable-select__inner{padding:12px;margin:0;list-style:none;overflow-y:auto}.devui-editable-select__item{cursor:pointer;user-select:none;line-height:20px;padding:8px 12px;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-editable-select__item:not(:first-child){margin-top:4px}.devui-editable-select__item--disabled{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-editable-select__item--selected:not(.devui-editable-select__item--disabled):not(.devui-editable-select__item--no-data-tip){color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)}.devui-editable-select__item--last-selected{background:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-editable-select__item--hover:not(.devui-editable-select__item--selected){background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-editable-select__item:not(.devui-editable-select__item--disabled):not(.devui-editable-select__item--selected):not(.devui-editable-select__item--no-data-tip):hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-editable-select__item--no-data-tip{text-align:center;cursor:not-allowed;user-select:none;color:var(--devui-disabled-text, #cfd0d3);font-size:var(--devui-font-size, 12px);line-height:22px;padding:0}.devui-editable-select--fade-bottom-enter-from,.devui-editable-select--fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-editable-select--fade-bottom-enter-to,.devui-editable-select--fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-editable-select--fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-editable-select--fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-editable-select--fade-top-enter-from,.devui-editable-select--fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-editable-select--fade-top-enter-to,.devui-editable-select--fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-editable-select--fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-editable-select--fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.6.11",
+  "version": "1.6.13",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [

package/pagination/index.es.js

@@ -29,7 +29,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { defineComponent, watch, provide, reactive, toRefs, createVNode, onUnmounted, Transition, mergeProps, ref, unref, nextTick, withModifiers, Comment, Text, h, Fragment, inject, withDirectives, cloneVNode, computed, onMounted, Teleport, createTextVNode, onBeforeUnmount, toRef, onBeforeMount, vShow, resolveComponent, getCurrentInstance, resolveDirective } from "vue";
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { defineComponent, watch, provide, reactive, toRefs, createVNode, onUnmounted, Transition, mergeProps, ref, unref, nextTick, withModifiers, Comment, Text, h, Fragment, inject, withDirectives, cloneVNode, computed, onMounted, Teleport, createTextVNode, onBeforeUnmount, toRef, onBeforeMount, vShow, resolveComponent, getCurrentInstance, render, resolveDirective } from "vue";
 import { onClickOutside } from "@vueuse/core";
 import "clipboard";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
@@ -4069,7 +4073,7 @@ var lodash = { exports: {} };
       function isElement(value) {
         return isObjectLike(value) && value.nodeType === 1 && !isPlainObject(value);
       }
-      function isEmpty(value) {
+      function isEmpty2(value) {
         if (value == null) {
           return true;
         }
@@ -5199,7 +5203,7 @@ var lodash = { exports: {} };
       lodash2.isBuffer = isBuffer;
       lodash2.isDate = isDate;
       lodash2.isElement = isElement;
-      lodash2.isEmpty = isEmpty;
+      lodash2.isEmpty = isEmpty2;
       lodash2.isEqual = isEqual;
       lodash2.isEqualWith = isEqualWith;
       lodash2.isError = isError;
@@ -7562,7 +7566,7 @@ var Schema = /* @__PURE__ */ function() {
       complete(results);
     }, source);
   };
-  _proto.getType = function getType(rule) {
+  _proto.getType = function getType2(rule) {
     if (rule.type === void 0 && rule.pattern instanceof RegExp) {
       rule.type = "pattern";
     }
@@ -8088,7 +8092,7 @@ function useSelect(props, selectRef, ctx2, focus, blur, isSelectFocus, t) {
       return label.toString().toLocaleLowerCase().includes(filterQuery.value.toLocaleLowerCase().trim());
     }).length;
     if (isLoading.value) {
-      return props.loadingText || t("loadingText");
+      return "";
     }
     if (isSupportFilter.value && filterQuery.value && injectOptionsArray.value.length > 0 && visibleOptionsCount === 0) {
       return props.noMatchText || t("noMatchText");
@@ -9383,8 +9387,216 @@ function useSelectFunction(props, selectRef) {
   return { isSelectFocus, focus, blur };
 }
 var select = "";
+class View {
+  constructor() {
+    __publicField(this, "top", "50%");
+    __publicField(this, "left", "50%");
+  }
+}
+const loadingProps = {
+  message: String,
+  backdrop: Boolean,
+  view: {
+    type: Object,
+    default: () => new View()
+  },
+  zIndex: Number,
+  isFull: {
+    type: Boolean,
+    default: false
+  }
+};
+class LoadingOptions {
+  constructor() {
+    __publicField(this, "target");
+    __publicField(this, "message");
+    __publicField(this, "loadingTemplateRef");
+    __publicField(this, "backdrop", true);
+    __publicField(this, "positionType", "relative");
+    __publicField(this, "view", new View());
+    __publicField(this, "zIndex");
+  }
+}
+var loading = "";
+var Loading = defineComponent({
+  name: "Loading",
+  inheritAttrs: false,
+  props: loadingProps,
+  setup(props) {
+    const style = {
+      top: props.view.top,
+      left: props.view.left,
+      zIndex: props.zIndex
+    };
+    if (!props.message) {
+      style.background = "none";
+    }
+    const isShow = ref(false);
+    const open = () => {
+      isShow.value = true;
+    };
+    const close = () => {
+      isShow.value = false;
+    };
+    return {
+      style,
+      isShow,
+      open,
+      close
+    };
+  },
+  render() {
+    var _a;
+    const {
+      isShow,
+      isFull,
+      backdrop,
+      style,
+      message,
+      $slots
+    } = this;
+    const ns2 = useNamespace$1("loading");
+    return isShow && createVNode("div", {
+      "class": [ns2.b(), isFull ? ns2.m("full") : ""]
+    }, [((_a = $slots.default) == null ? void 0 : _a.call($slots)) || createVNode("div", {
+      "class": ns2.e("wrapper")
+    }, [backdrop ? createVNode("div", {
+      "class": ns2.e("mask")
+    }, null) : null, createVNode("div", {
+      "style": style,
+      "class": ns2.e("area")
+    }, [createVNode("div", {
+      "class": ns2.e("busy-default-spinner")
+    }, [createVNode("div", {
+      "class": ns2.e("bar1")
+    }, null), createVNode("div", {
+      "class": ns2.e("bar2")
+    }, null), createVNode("div", {
+      "class": ns2.e("bar3")
+    }, null), createVNode("div", {
+      "class": ns2.e("bar4")
+    }, null)]), message ? createVNode("span", {
+      "class": ns2.e("text")
+    }, [message]) : null])])]);
+  }
+});
+const COMPONENT_CONTAINER_SYMBOL = Symbol("dev_component_container");
+function createComponent(component, props, children = null) {
+  const vnode = h(component, __spreadValues({}, props), children);
+  const container = document.createElement("div");
+  vnode[COMPONENT_CONTAINER_SYMBOL] = container;
+  render(vnode, container);
+  return vnode.component;
+}
+function unmountComponent(ComponnetInstance) {
+  render(null, ComponnetInstance == null ? void 0 : ComponnetInstance.vnode[COMPONENT_CONTAINER_SYMBOL]);
+}
+const loadingConstructor = defineComponent(Loading);
+const cacheInstance = /* @__PURE__ */ new WeakSet();
+const isEmpty = (val) => {
+  if (!val) {
+    return true;
+  }
+  if (Array.isArray(val)) {
+    return val.length === 0;
+  }
+  if (val instanceof Set || val instanceof Map) {
+    return val.size === 0;
+  }
+  if (val instanceof Promise) {
+    return false;
+  }
+  if (typeof val === "object") {
+    try {
+      return Object.keys(val).length === 0;
+    } catch (e) {
+      return false;
+    }
+  }
+  return false;
+};
+const getType = (vari) => {
+  return Object.prototype.toString.call(vari).slice(8, -1).toLowerCase();
+};
+const isPromise = (value) => {
+  const type4 = getType(value);
+  switch (type4) {
+    case "promise":
+      return [value];
+    case "array":
+      if (value.some((val) => getType(val) !== "promise")) {
+        console.error(new TypeError("Binding values should all be of type Promise"));
+        return "error";
+      }
+      return value;
+    default:
+      return false;
+  }
+};
+const unmount = (el) => {
+  cacheInstance.delete(el);
+  el.instance.proxy.close();
+  unmountComponent(el.instance);
+};
+const toggleLoading = (el, binding) => {
+  var _a, _b, _c;
+  if (binding.value) {
+    const vals = isPromise(binding.value);
+    if (vals === "error") {
+      return;
+    }
+    (_c = (_b = (_a = el == null ? void 0 : el.instance) == null ? void 0 : _a.proxy) == null ? void 0 : _b.open) == null ? void 0 : _c.call(_b);
+    el.appendChild(el.mask);
+    cacheInstance.add(el);
+    if (vals) {
+      Promise.all(vals).catch((err) => {
+        console.error(new Error("Promise handling errors"), err);
+      }).finally(() => {
+        unmount(el);
+      });
+    }
+  } else {
+    unmount(el);
+  }
+};
+const removeAttribute = (el) => {
+  el.removeAttribute("zindex");
+  el.removeAttribute("positiontype");
+  el.removeAttribute("backdrop");
+  el.removeAttribute("message");
+  el.removeAttribute("view");
+  el.removeAttribute("loadingtemplateref");
+};
+const handleProps = (el, vprops) => {
+  var _a;
+  const props = __spreadValues(__spreadValues({}, new LoadingOptions()), vprops);
+  const loadingTemplateRef = props.loadingTemplateRef;
+  const loadingInstance = createComponent(loadingConstructor, __spreadValues({}, props), loadingTemplateRef ? () => loadingTemplateRef : null);
+  el.style.position = props.positionType || "relative";
+  el.options = props;
+  el.instance = loadingInstance;
+  el.mask = (_a = loadingInstance == null ? void 0 : loadingInstance.proxy) == null ? void 0 : _a.$el;
+};
+const LoadingDirective = {
+  mounted: function(el, binding, vnode) {
+    handleProps(el, vnode.props);
+    removeAttribute(el);
+    !isEmpty(binding.value) && toggleLoading(el, binding);
+  },
+  updated: function(el, binding, vnode) {
+    if (!isEmpty(binding.value) && cacheInstance.has(el) || isEmpty(binding.value) && !cacheInstance.has(el)) {
+      return;
+    }
+    !cacheInstance.has(el) && handleProps(el, vnode.props);
+    removeAttribute(el);
+    toggleLoading(el, binding);
+  }
+};
 var Select = defineComponent({
   name: "DSelect",
+  directives: {
+    dLoading: LoadingDirective
+  },
   props: selectProps,
   emits: ["toggle-change", "value-change", "update:modelValue", "focus", "blur", "remove-tag", "clear", "input-change"],
   setup(props, ctx2) {
@@ -9514,7 +9726,7 @@ var Select = defineComponent({
           }, {
             default: () => {
               var _a, _b, _c, _d;
-              return [createVNode("div", {
+              return [withDirectives(createVNode("div", {
                 "class": dropdownCls,
                 "style": {
                   width: `${dropdownWidth.value}`
@@ -9542,9 +9754,9 @@ var Select = defineComponent({
                   "label": item.name,
                   "disabled": isDisabled(item)
                 }, null) : item.name || item.value]
-              }))]), [[vShow, !isLoading.value]]), isShowEmptyText.value && createVNode("div", null, [((_c = ctx2.slots) == null ? void 0 : _c.empty) && ctx2.slots.empty(), !((_d = ctx2.slots) == null ? void 0 : _d.empty) && createVNode("p", {
+              }))]), [[vShow, !isLoading.value]]), (isLoading.value || isShowEmptyText.value) && createVNode("div", null, [((_c = ctx2.slots) == null ? void 0 : _c.empty) && ctx2.slots.empty(), !((_d = ctx2.slots) == null ? void 0 : _d.empty) && createVNode("p", {
                 "class": dropdownEmptyCls
-              }, [emptyText.value])])])];
+              }, [emptyText.value])])]), [[resolveDirective("dLoading"), isLoading.value]])];
             }
           }), [[vShow, isOpen.value]])]
         })]