vue-devui 1.6.4 → 1.6.6

package/vue-devui.es.js

@@ -1854,6 +1854,10 @@ const autoCompleteProps = {
   clearable: {
     type: Boolean,
     default: false
+  },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
   }
 };
 const DropdownPropsKey = Symbol("DropdownPropsKey");
@@ -9934,6 +9938,7 @@ function useAutoCompleteRender(props, ctx2, visible, isFocus, isDisabled, autoCo
   const inputWrapperClasses = computed(() => ({
     [inputNs.e("wrapper")]: true,
     [inputNs.em("wrapper", "error")]: isValidatorError.value,
+    [ns2.m("glow-style")]: props.showGlowStyle,
     [inputNs.em("wrapper", "feedback")]: Boolean(formItemContext == null ? void 0 : formItemContext.validateState) && (formItemContext == null ? void 0 : formItemContext.showFeedback),
     [ns2.m("disabled")]: isDisabled.value
   }));
@@ -10302,8 +10307,7 @@ const DEFAULT_PREFIX = "icon";
 const iconProps = {
   name: {
     type: String,
-    default: "",
-    required: true
+    default: ""
   },
   size: {
     type: [Number, String],
@@ -10523,6 +10527,7 @@ var AutoComplete = defineComponent({
     const inputNs = useNamespace$1("auto-complete-input");
     const isDisabled = computed(() => (formContext == null ? void 0 : formContext.disabled) || disabled.value);
     const autoCompleteSize = computed(() => (formContext == null ? void 0 : formContext.size) || props.size);
+    const align = computed(() => position.value.some((item) => item.includes("start") || item.includes("end")) ? "start" : null);
     const {
       handleSearch,
       searchList,
@@ -10582,22 +10587,30 @@ var AutoComplete = defineComponent({
       valueParser
     });
     const origin = ref();
+    const currentPosition = ref("bottom");
     const prefixVisible = ctx2.slots.prefix || props.prefix;
     const suffixVisible = ctx2.slots.suffix || props.suffix || props.clearable;
     const showClearable = computed(() => props.clearable && !isDisabled.value);
+    const overlayStyles = computed(() => ({
+      transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
+      zIndex: "var(--devui-z-index-dropdown, 1052)"
+    }));
+    const handlePositionChange = (pos) => {
+      currentPosition.value = pos.includes("top") || pos.includes("right-end") || pos.includes("left-end") ? "top" : "bottom";
+    };
     const renderBasicDropdown = () => {
       let _slot;
       return createVNode(Transition, {
-        "name": showAnimation ? "fade" : ""
+        "name": showAnimation ? ns2.m(`fade-${currentPosition.value}`) : ""
       }, {
         default: () => [createVNode(FlexibleOverlay, {
           "origin": origin.value,
           "position": position.value,
+          "align": align.value,
           "modelValue": visible.value,
           "onUpdate:modelValue": ($event) => visible.value = $event,
-          "style": {
-            zIndex: "var(--devui-z-index-dropdown, 1052)"
-          }
+          "onPositionChange": handlePositionChange,
+          "style": overlayStyles.value
         }, {
           default: () => [createVNode("div", {
             "class": ns2.e("menu"),
@@ -11428,17 +11441,7 @@ const useDropdownEvent = ({ id, isOpen, origin, dropdownRef, props, emit }) => {
     onInvalidate(() => subscriptions.forEach((v) => v()));
   });
 };
-function useDropdown(id, visible, isOpen, origin, dropdownRef, popDirection, emit) {
-  const calcPopDirection = (dropdownEl) => {
-    const elementHeight = dropdownEl.offsetHeight;
-    const bottomDistance = window.innerHeight - origin.value.getBoundingClientRect().bottom;
-    const isBottomEnough = bottomDistance >= elementHeight;
-    if (!isBottomEnough) {
-      popDirection.value = "top";
-    } else {
-      popDirection.value = "bottom";
-    }
-  };
+function useDropdown(id, visible, isOpen, origin, dropdownRef, emit) {
   watch(visible, (newVal, oldVal) => {
     if (oldVal === void 0) {
       return;
@@ -11462,9 +11465,6 @@ function useDropdown(id, visible, isOpen, origin, dropdownRef, popDirection, emi
         }
       }
     }
-    if (dropdownEl) {
-      calcPopDirection(dropdownEl);
-    }
   });
   onMounted(() => {
     dropdownMap.set(id, { toggleEl: origin.value });
@@ -11533,7 +11533,7 @@ var Dropdown$1 = defineComponent({
       props,
       emit
     });
-    useDropdown(id, visible, isOpen, origin, dropdownRef, currentPosition, emit);
+    useDropdown(id, visible, isOpen, origin, dropdownRef, emit);
     const {
       overlayModelValue,
       overlayShowValue,
@@ -11833,19 +11833,36 @@ var DButton = defineComponent({
       classes,
       iconClass
     } = useButton(props, ctx2);
+    const isMouseDown = ref(false);
+    const showWave = ref(false);
+    const waveStyle = reactive({
+      top: "0px",
+      left: "0px"
+    });
+    const showClickWave = (e) => {
+      waveStyle.left = e.offsetX + "px";
+      waveStyle.top = e.offsetY + "px";
+      showWave.value = true;
+      setTimeout(() => {
+        showWave.value = false;
+      }, 300);
+    };
     const onClick = (e) => {
       if (loading2.value) {
         return;
       }
+      showClickWave(e);
       ctx2.emit("click", e);
     };
     return () => {
       var _a2, _b;
       return createVNode("button", {
-        "class": classes.value,
+        "class": [classes.value, isMouseDown.value ? "mousedown" : ""],
         "disabled": disabled.value,
         "onClick": onClick,
-        "type": nativeType.value
+        "type": nativeType.value,
+        "onMousedown": () => isMouseDown.value = true,
+        "onMouseup": () => isMouseDown.value = false
       }, [icon2.value && createVNode(DIcon, {
         "name": icon2.value,
         "size": "var(--devui-font-size, 12px)",
@@ -11859,7 +11876,10 @@ var DButton = defineComponent({
         "color": "#BBDEFB"
       }, null)]), [[vShow, loading2.value]]), createVNode("span", {
         "class": "button-content"
-      }, [(_b = (_a2 = ctx2.slots).default) == null ? void 0 : _b.call(_a2)])]);
+      }, [(_b = (_a2 = ctx2.slots).default) == null ? void 0 : _b.call(_a2)]), showWave.value && createVNode("div", {
+        "class": "water-wave",
+        "style": waveStyle
+      }, null)]);
     };
   }
 });
@@ -11992,6 +12012,41 @@ const carouselProps = {
     default: 500
   }
 };
+function CarouselArrowLeft() {
+  return createVNode("svg", {
+    "width": "18px",
+    "height": "18px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1"
+  }, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("polygon", {
+    "fill": "#293040",
+    "fill-rule": "nonzero",
+    "points": "10.7071068 12.2928932 9.29289322 13.7071068 3.58578644 8 9.29289322 2.29289322 10.7071068 3.70710678 6.41421356 8"
+  }, null)])]);
+}
+function CarouselArrowRight() {
+  return createVNode("svg", {
+    "width": "18px",
+    "height": "18px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1"
+  }, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("polygon", {
+    "fill": "#293040",
+    "fill-rule": "nonzero",
+    "transform": "translate(8.146447, 8.000000) scale(-1, 1) translate(-8.146447, -8.000000) ",
+    "points": "11.7071068 12.2928932 10.2928932 13.7071068 4.58578644 8 10.2928932 2.29289322 11.7071068 3.70710678 7.41421356 8"
+  }, null)])]);
+}
 var carousel = "";
 var Carousel = defineComponent({
   name: "DCarousel",
@@ -12151,14 +12206,10 @@ var Carousel = defineComponent({
       }, [createVNode("button", {
         "class": "arrow-left",
         "onClick": () => prev()
-      }, [createVNode(DIcon, {
-        "name": "arrow-left"
-      }, null)]), createVNode("button", {
+      }, [createVNode(CarouselArrowLeft, null, null)]), createVNode("button", {
         "class": "arrow-right",
         "onClick": () => next()
-      }, [createVNode(DIcon, {
-        "name": "arrow-right"
-      }, null)])]) : null, createVNode("div", {
+      }, [createVNode(CarouselArrowRight, null, null)])]) : null, createVNode("div", {
         "class": ns2.e("item-wrapper"),
         "ref": wrapperRef
       }, [createVNode("div", {
@@ -12309,6 +12360,10 @@ const cascaderProps = {
   },
   size: {
     type: String
+  },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
   }
 };
 const cascaderulProps = {
@@ -12527,6 +12582,10 @@ const commonProps$2 = {
   size: {
     type: String,
     default: "md"
+  },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
   }
 };
 const checkboxProps = __spreadProps(__spreadValues({}, commonProps$2), {
@@ -12782,7 +12841,10 @@ var Checkbox = defineComponent({
         active: mergedChecked.value,
         "half-checked": props.halfChecked,
         disabled: mergedDisabled.value,
-        unchecked: !mergedChecked.value
+        unchecked: !mergedChecked.value,
+        [ns2.m("glow-style")]: props.showGlowStyle,
+        [ns2.m(`checkbox-${size.value}`)]: border.value,
+        [ns2.m("checkbox-bordered")]: border.value
       };
       const labelTitle = mergedIsShowTitle.value ? props.title || props.label : "";
       const bgImgStyle = mergedColor.value && props.halfChecked || mergedColor.value ? `linear-gradient(${mergedColor.value}, ${mergedColor.value})` : "";
@@ -12799,7 +12861,7 @@ var Checkbox = defineComponent({
         [ns2.m("no-animation")]: !mergedShowAnimation.value
       };
       const labelCls = {
-        [ns2.m(size.value)]: size.value,
+        [ns2.m(size.value)]: border.value,
         [ns2.m("bordered")]: border.value
       };
       const stopPropagation = ($event) => $event.stopPropagation();
@@ -12811,7 +12873,11 @@ var Checkbox = defineComponent({
         "style": wrapperStyle.value
       }, [createVNode("div", {
         "class": checkboxCls
-      }, [createVNode("label", {
+      }, [props.showGlowStyle && mergedShowAnimation.value && createVNode("div", {
+        "class": ns2.e("glow-box")
+      }, [createVNode("span", {
+        "class": "glow-bg"
+      }, null)]), createVNode("label", {
         "title": labelTitle,
         "onClick": handleClick,
         "class": labelCls,
@@ -12833,18 +12899,20 @@ var Checkbox = defineComponent({
       }, [createVNode("span", {
         "class": ns2.e("halfchecked-bg")
       }, null), createVNode("svg", {
-        "viewBox": "0 0 16 16",
-        "version": "1.1",
-        "xmlns": "http://www.w3.org/2000/svg",
+        "viewBox": "0 0 14 14",
+        "width": "14",
+        "height": "14",
         "class": ns2.e("tick-wrap")
       }, [createVNode("g", {
         "stroke": "none",
         "stroke-width": "1",
         "fill": "none",
         "fill-rule": "evenodd"
-      }, [createVNode("polygon", {
-        "fill-rule": "nonzero",
-        "points": "5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",
+      }, [createVNode("path", {
+        "d": "M 2.3 7.0 5.6 9.6 11.4 3.5",
+        "stroke": "#fff",
+        "stroke-width": "1.5",
+        "fill": "none",
         "class": polygonCls
       }, null)])])]), createVNode("span", {
         "class": ns2.e("label-text")
@@ -13482,8 +13550,77 @@ const inputProps = {
   autofocus: {
     type: Boolean,
     default: false
+  },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
   }
 };
+function SelectArrowIcon() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg"
+  }, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("path", {
+    "d": `M3.64644661,5.64644661 C3.82001296,5.47288026 4.08943736,5.45359511 4.2843055,5.58859116 L4.35355339,5.64644661 
+          L8,9.293 L11.6464466,5.64644661 C11.820013,5.47288026 12.0894374,5.45359511 12.2843055,5.58859116 L12.3535534,5.64644661 
+          C12.5271197,5.82001296 12.5464049,6.08943736 12.4114088,6.2843055 L12.3535534,6.35355339 L8.35355339,10.3535534 
+          C8.17998704,10.5271197 7.91056264,10.5464049 7.7156945,10.4114088 L7.64644661,10.3535534 L3.64644661,6.35355339 
+          C3.45118446,6.15829124 3.45118446,5.84170876 3.64644661,5.64644661 Z`
+  }, null)])]);
+}
+function SearchIcon$1() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg"
+  }, [createVNode("g", {
+    "id": "dv-search-icon",
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("path", {
+    "d": `M7.71295742,1.53283795 C11.0266659,1.53283795 13.7129574,4.21912945 13.7129574,7.53283795 C13.7129574,9.0690006 
+          13.1356609,10.4703284 12.1861834,11.5317059 L14.5333041,13.8784875 C14.7285663,14.0737497 14.7285663,14.3903321 
+          14.5333041,14.5855943 C14.3597378,14.7591606 14.0903134,14.7784458 13.8954453,14.6434497 L13.8261974,14.5855943 
+          L11.4604434,12.2188804 C10.4336319,13.0411023 9.13072017,13.5328379 7.71295742,13.5328379 C4.39924893,13.5328379 
+          1.71295742,10.8465464 1.71295742,7.53283795 C1.71295742,4.21912945 4.39924893,1.53283795 7.71295742,1.53283795 Z M7.71295742,2.53283795 
+          C4.95153368,2.53283795 2.71295742,4.7714142 2.71295742,7.53283795 C2.71295742,10.2942617 4.95153368,12.5328379 7.71295742,12.5328379 
+          C10.4743812,12.5328379 12.7129574,10.2942617 12.7129574,7.53283795 C12.7129574,4.7714142 10.4743812,2.53283795 7.71295742,2.53283795 Z`,
+    "id": "\u5F62\u72B6\u7ED3\u5408",
+    "fill": "#71757F",
+    "fill-rule": "nonzero"
+  }, null)])]);
+}
+function InputClearIcon() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg"
+  }, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("path", {
+    "d": "M8,1 C11.8659932,1 15,4.13400675 15,8 C15,11.8659932 11.8659932,15 8,15 C4.13400675,15 1,11.8659932 1,8 C1,4.13400675           4.13400675,1 8,1 Z M5.87867966,5.17157288 C5.68341751,4.97631073 5.36683502,4.97631073 5.17157288,5.17157288           C4.99800652,5.34513923 4.97872137,5.61456363 5.11371742,5.80943177 L5.17157288,5.87867966 L7.29218611,7.99929289           L5.17157288,10.1213203 C4.97631073,10.3165825 4.97631073,10.633165 5.17157288,10.8284271 C5.34513923,11.0019935           5.61456363,11.0212786 5.80943177,10.8862826 L5.87867966,10.8284271 L7.99929289,8.70639967 L10.1213203,10.8284271           C10.3165825,11.0236893 10.633165,11.0236893 10.8284271,10.8284271 C11.0019935,10.6548608 11.0212786,10.3854364           10.8862826,10.1905682 L10.8284271,10.1213203 L8.70710678,8 L10.8284271,5.87867966 C11.0236893,5.68341751           11.0236893,5.36683502 10.8284271,5.17157288 C10.6548608,4.99800652 10.3854364,4.97872137 10.1905682,5.11371742           L10.1213203,5.17157288 L8,7.29289322 L5.87867966,5.17157288 Z",
+    "id": "\u5F62\u72B6",
+    "fill": "#D5D5DB",
+    "fill-rule": "nonzero"
+  }, null)])]);
+}
 function useInputRender$1(props, ctx2) {
   const formContext = inject(FORM_TOKEN, void 0);
   const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
@@ -13491,7 +13628,7 @@ function useInputRender$1(props, ctx2) {
   const ns2 = useNamespace("input");
   const slotNs = useNamespace("input-slot");
   const isFocus = ref(false);
-  const { error: error2, size, disabled } = toRefs(props);
+  const { error: error2, size, disabled, showGlowStyle } = toRefs(props);
   const slots = ctx2.slots;
   const inputDisabled = computed(() => disabled.value || (formContext == null ? void 0 : formContext.disabled));
   const inputSize = computed(() => (size == null ? void 0 : size.value) || (formContext == null ? void 0 : formContext.size) || "");
@@ -13502,6 +13639,7 @@ function useInputRender$1(props, ctx2) {
     [ns2.e("wrapper")]: true,
     [ns2.m("focus")]: isFocus.value,
     [ns2.m("disabled")]: inputDisabled.value,
+    [ns2.m("glow-style")]: showGlowStyle.value,
     [ns2.m("error")]: error2.value || isValidateError.value,
     [ns2.m("feedback")]: Boolean(formItemContext == null ? void 0 : formItemContext.validateState) && (formItemContext == null ? void 0 : formItemContext.showFeedback)
   }));
@@ -13692,11 +13830,8 @@ var DInput = defineComponent({
         "class": ns2.em("password", "icon"),
         "name": passwordVisible.value ? "preview" : "preview-forbidden",
         "onClick": clickPasswordIcon
-      }, null), showClearable.value && createVNode(DIcon, {
-        "size": inputSize.value,
+      }, null), showClearable.value && createVNode(InputClearIcon, {
         "class": ns2.em("clear", "icon"),
-        "name": "error-o",
-        "color": "#adb0b8",
         "onClick": onClear
       }, null)])]), ctx2.slots.append && createVNode("div", {
         "class": slotNs.e("append")
@@ -13739,6 +13874,14 @@ var Cascader = defineComponent({
       onBlur
     } = useCascader(props, ctx2);
     provide(POPPER_TRIGGER_TOKEN, origin);
+    const currentPosition = ref("bottom");
+    const styles = computed(() => ({
+      transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
+      "z-index": "var(--devui-z-index-dropdown, 1052)"
+    }));
+    const handlePositionChange = (pos) => {
+      currentPosition.value = pos.split("-")[0] === "top" ? "top" : "bottom";
+    };
     return () => createVNode("div", {
       "style": rootStyle.inputWidth
     }, [createVNode(PopperTrigger, null, {
@@ -13755,26 +13898,23 @@ var Cascader = defineComponent({
         "placeholder": props.placeholder,
         "modelValue": inputValue.value,
         "size": props.size,
+        "show-glow-style": props.showGlowStyle,
         "onInput": handleInput,
         "onFocus": onFocus,
         "onBlur": onBlur
       }, null), !showClearable.value && createVNode("div", {
         "class": `${ns2.e("icon")} ${ns2.m("drop-icon-animation")}`
-      }, [createVNode(resolveComponent("d-icon"), {
-        "name": "select-arrow",
-        "size": "12px"
-      }, null)]), showClearable.value && props.clearable && createVNode("div", {
+      }, [createVNode(SelectArrowIcon, null, null)]), showClearable.value && props.clearable && createVNode("div", {
         "class": `${ns2.e("icon")} ${ns2.e("close")}`,
         "onClick": clearData
-      }, [createVNode(resolveComponent("d-icon"), {
-        "name": "close",
-        "size": "12px"
-      }, null)])])]
+      }, [createVNode("div", {
+        "class": "close-icon-container"
+      }, [createVNode(InputClearIcon, null, null)])])])]
     }), createVNode(Teleport, {
       "to": "body"
     }, {
       default: () => [createVNode(Transition, {
-        "name": "fade"
+        "name": ns2.m(`fade-${currentPosition.value}`)
       }, {
         default: () => [createVNode(FlexibleOverlay, {
           "origin": origin.value,
@@ -13783,9 +13923,8 @@ var Cascader = defineComponent({
           "onUpdate:modelValue": ($event) => menuShow.value = $event,
           "position": position.value,
           "align": "start",
-          "style": {
-            zIndex: "var(--devui-z-index-dropdown, 1052)"
-          }
+          "style": styles.value,
+          "onPositionChange": handlePositionChange
         }, {
           default: () => [createVNode("div", {
             "class": ns2.e("drop-menu-animation")
@@ -13821,7 +13960,7 @@ var CascaderInstall = {
     app.component(Cascader.name, Cascader);
   }
 };
-function SearchIcon$1() {
+function SearchIcon() {
   return createVNode("svg", {
     "width": "16px",
     "height": "16px",
@@ -16057,6 +16196,10 @@ const inputNumberProps = {
   reg: {
     type: [RegExp, String],
     default: ""
+  },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
   }
 };
 const ns$g = useNamespace$1("input-number");
@@ -16111,6 +16254,7 @@ function useRender$1(props, ctx2) {
   const wrapClass = computed(() => [
     {
       [ns$f.b()]: true,
+      [ns$f.m("glow-style")]: props.showGlowStyle,
       [ns$f.m(inputNumberSize.value)]: true
     },
     customClass
@@ -17013,7 +17157,7 @@ var CategorySearch = defineComponent({
       }, [createVNode("div", {
         "class": "dp-category-search-icon",
         "onClick": onSearch
-      }, [createVNode(SearchIcon$1, null, null)]), createVNode("div", {
+      }, [createVNode(SearchIcon, null, null)]), createVNode("div", {
         "ref": scrollBarRef,
         "class": "dp-category-search-line-container"
       }, [createVNode("ul", {
@@ -18726,7 +18870,7 @@ var CollapseItem = defineComponent({
         "onClick": handlerTitleClick
       }, [ctx2.slots.title ? ctx2.slots.title() : props.title, createVNode("span", {
         "class": ns2.e("open-icon")
-      }, [createVNode(OpenIcon, null, null)])]), createVNode(Transition, {
+      }, [createVNode(SelectArrowIcon, null, null)])]), createVNode(Transition, {
         "name": transitionNs.b(),
         "onEnter": enter,
         "onLeave": leave
@@ -24107,6 +24251,10 @@ const datePickerProCommonProps = {
   type: {
     type: String,
     default: "date"
+  },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
   }
 };
 const datePickerProProps = __spreadValues({
@@ -26173,6 +26321,10 @@ const timePickerProps = {
   readonly: {
     type: Boolean,
     default: false
+  },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
   }
 };
 function useTimeScroll() {
@@ -27179,6 +27331,9 @@ var DatePickerPro = defineComponent({
   setup(props, ctx2) {
     const app = getCurrentInstance();
     const t = createI18nTranslate("DDatePickerPro", app);
+    const {
+      showGlowStyle
+    } = toRefs(props);
     const ns2 = useNamespace$1("date-picker-pro");
     const {
       originRef,
@@ -27199,6 +27354,14 @@ var DatePickerPro = defineComponent({
       handlerClearTime
     } = usePickerPro(props, ctx2, t);
     const position = ref(["bottom-start", "top-start"]);
+    const currentPosition = ref("bottom");
+    const handlePositionChange = (pos) => {
+      currentPosition.value = pos.split("-")[0] === "top" ? "top" : "bottom";
+    };
+    const styles = computed(() => ({
+      transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
+      "z-index": "var(--devui-z-index-dropdown, 1052)"
+    }));
     return () => {
       var _a2, _b;
       const vSlots = {
@@ -27219,7 +27382,8 @@ var DatePickerPro = defineComponent({
         "onFocus": withModifiers(onFocus, ["stop"]),
         "size": pickerSize.value,
         "disabled": pickerDisabled.value,
-        "error": isValidateError.value
+        "error": isValidateError.value,
+        "show-glow-style": showGlowStyle.value
       }, {
         prefix: () => createVNode("span", {
           "class": ns2.e("single-picker-icon")
@@ -27232,7 +27396,7 @@ var DatePickerPro = defineComponent({
         "to": "body"
       }, {
         default: () => [createVNode(Transition, {
-          "name": "fade"
+          "name": ns2.m(`fade-${currentPosition.value}`)
         }, {
           default: () => [createVNode(FlexibleOverlay, {
             "modelValue": isPanelShow.value,
@@ -27241,9 +27405,8 @@ var DatePickerPro = defineComponent({
             "origin": originRef.value,
             "align": "start",
             "position": position.value,
-            "style": {
-              zIndex: "var(--devui-z-index-dropdown, 1052)"
-            }
+            "style": styles.value,
+            "onPositionChange": handlePositionChange
           }, {
             default: () => [createVNode(DatePickerProPanel, mergeProps(props, {
               "dateValue": dateValue.value,
@@ -27405,6 +27568,9 @@ var DRangeDatePickerPro = defineComponent({
   setup(props, ctx2) {
     const app = getCurrentInstance();
     const t = createI18nTranslate("DDatePickerPro", app);
+    const {
+      showGlowStyle
+    } = toRefs(props);
     const ns2 = useNamespace$1("range-date-picker-pro");
     const {
       originRef,
@@ -27429,6 +27595,14 @@ var DRangeDatePickerPro = defineComponent({
       onChangeRangeFocusType
     } = useRangePickerPro(props, ctx2);
     const position = ref(["bottom-start", "top-start"]);
+    const currentPosition = ref("bottom");
+    const handlePositionChange = (pos) => {
+      currentPosition.value = pos.split("-")[0] === "top" ? "top" : "bottom";
+    };
+    const styles = computed(() => ({
+      transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
+      "z-index": "var(--devui-z-index-dropdown, 1052)"
+    }));
     return () => {
       var _a2, _b;
       const vSlots = {
@@ -27438,7 +27612,7 @@ var DRangeDatePickerPro = defineComponent({
       return createVNode("div", {
         "class": [ns2.b(), props.showTime ? ns2.e("range-time-width") : ns2.e("range-width"), isPanelShow.value && ns2.m("open")]
       }, [createVNode("div", {
-        "class": [ns2.e("range-picker"), pickerDisabled.value && ns2.m("disabled"), isValidateError.value && ns2.m("error")],
+        "class": [ns2.e("range-picker"), pickerDisabled.value && ns2.m("disabled"), isValidateError.value && ns2.m("error"), showGlowStyle.value && ns2.m("glow-style")],
         "ref": originRef,
         "onMouseover": () => isMouseEnter.value = true,
         "onMouseout": () => isMouseEnter.value = false
@@ -27448,6 +27622,7 @@ var DRangeDatePickerPro = defineComponent({
         "ref": startInputRef,
         "modelValue": displayDateValue.value[0],
         "placeholder": placeholder.value[0] || t("startPlaceholder"),
+        "show-glow-style": false,
         "onFocus": withModifiers((e) => {
           onFocus("start");
           focusHandler(e);
@@ -27466,6 +27641,7 @@ var DRangeDatePickerPro = defineComponent({
         "ref": endInputRef,
         "modelValue": displayDateValue.value[1],
         "placeholder": placeholder.value[1] || t("endPlaceholder"),
+        "show-glow-style": false,
         "onFocus": withModifiers((e) => {
           onFocus("end");
           focusHandler(e);
@@ -27481,7 +27657,7 @@ var DRangeDatePickerPro = defineComponent({
         "to": "body"
       }, {
         default: () => [createVNode(Transition, {
-          "name": "fade"
+          "name": ns2.m(`fade-${currentPosition.value}`)
         }, {
           default: () => [createVNode(FlexibleOverlay, {
             "modelValue": isPanelShow.value,
@@ -27490,9 +27666,8 @@ var DRangeDatePickerPro = defineComponent({
             "origin": originRef.value,
             "align": "start",
             "position": position.value,
-            "style": {
-              zIndex: "var(--devui-z-index-dropdown, 1052)"
-            }
+            "style": styles.value,
+            "onPositionChange": handlePositionChange
           }, {
             default: () => [createVNode(DatePickerProPanel, mergeProps(props, {
               "dateValue": dateValue.value,
@@ -33477,6 +33652,10 @@ const editableSelectProps = {
   enableLazyLoad: {
     type: Boolean,
     default: false
+  },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
   }
 };
 const SELECT_KEY = Symbol("EditableSelect");
@@ -33580,7 +33759,7 @@ var Dropdown = defineComponent({
       debounceLoadMore();
     };
     const renderOption = () => {
-      if (props.options.length === 0) {
+      if (props.options.length === 0 && !select2.loading.value) {
         return createVNode("li", {
           "class": ns2.em("item", "no-data-tip")
         }, [slots.noResultItem ? slots.noResultItem() : emptyText.value]);
@@ -33824,7 +34003,8 @@ function useInputRender(props, states) {
   const inputWrapperClasses = computed(() => ({
     [ns2.e("wrapper")]: true,
     [ns2.em("wrapper", "focus")]: states.isFocus,
-    [ns2.em("wrapper", "disabled")]: props.disabled
+    [ns2.em("wrapper", "disabled")]: props.disabled,
+    [ns2.em("wrapper", "glow-style")]: props.showGlowStyle
   }));
   const inputInnerClasses = computed(() => ({
     [ns2.e("inner")]: true
@@ -33955,6 +34135,7 @@ var EditableSelect = defineComponent({
       position,
       placeholder
     } = toRefs(props);
+    const align = computed(() => position.value.some((item) => item.includes("start") || item.includes("end")) ? "start" : null);
     const {
       onInput,
       onMouseenter,
@@ -34003,9 +34184,17 @@ var EditableSelect = defineComponent({
       inputInnerClasses,
       inputSuffixClasses
     } = useInputRender(props, states);
+    const currentPosition = ref("bottom");
+    const handlePositionChange = (pos) => {
+      currentPosition.value = pos.includes("top") || pos.includes("right-end") || pos.includes("left-end") ? "top" : "bottom";
+    };
+    const styles = computed(() => ({
+      transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
+      "z-index": "var(--devui-z-index-dropdown, 1052)"
+    }));
     const renderBasicDropdown = () => {
       return createVNode(Transition, {
-        "name": "fade"
+        "name": ns2.m(`fade-${currentPosition.value}`)
       }, {
         default: () => [createVNode(FlexibleOverlay, {
           "ref": overlayRef,
@@ -34013,9 +34202,9 @@ var EditableSelect = defineComponent({
           "onUpdate:modelValue": ($event) => states.visible = $event,
           "origin": originRef.value,
           "position": position.value,
-          "style": {
-            zIndex: "var(--devui-z-index-dropdown, 1052)"
-          }
+          "align": align.value,
+          "style": styles.value,
+          "onPositionChange": handlePositionChange
         }, {
           default: () => [createVNode(Dropdown, {
             "options": filteredOptions.value,
@@ -34067,13 +34256,9 @@ var EditableSelect = defineComponent({
       }, [withDirectives(createVNode("span", {
         "class": ns2.e("clear-icon"),
         "onClick": withModifiers(handleClear, ["stop"])
-      }, [createVNode(DIcon, {
-        "name": "icon-remove"
-      }, null)]), [[vShow, showClearable.value]]), withDirectives(createVNode("span", {
+      }, [createVNode(InputClearIcon, null, null)]), [[vShow, showClearable.value]]), withDirectives(createVNode("span", {
         "class": ns2.e("arrow-icon")
-      }, [createVNode(DIcon, {
-        "name": "select-arrow"
-      }, null)]), [[vShow, !showClearable.value]])])])]), renderDropdown()]);
+      }, [createVNode(SelectArrowIcon, null, null)]), [[vShow, !showClearable.value]])])])]), renderDropdown()]);
     };
   }
 });
@@ -35846,13 +36031,15 @@ function useEditorMd(props, ctx2) {
     customHintReplaceFn,
     hintConfig,
     disableChangeEvent,
-    modelValue
+    modelValue,
+    beforeShowHint
   } = toRefs(props);
   const toolbars = reactive(cloneDeep_1(DEFAULT_TOOLBARS));
   const editorRef = ref();
   const renderRef = ref();
   const overlayRef = ref();
   const cursorRef = ref();
+  const containerRef = ref();
   const isHintShow = ref();
   const previewHtmlList = ref([]);
   let editorIns;
@@ -35966,6 +36153,13 @@ function useEditorMd(props, ctx2) {
     const cursor = editorIns.getCursor();
     let i = prefixes.value.length;
     const value = editorIns.getLine(cursor.line).replace(/\t/g, " ");
+    let result2 = false;
+    if (beforeShowHint == null ? void 0 : beforeShowHint.value) {
+      result2 = beforeShowHint.value(value);
+    }
+    if (result2) {
+      return;
+    }
     const selection = editorIns.getSelection();
     const isImgRegx = /^\!\[\S+/;
     if (selection) {
@@ -36080,12 +36274,22 @@ function useEditorMd(props, ctx2) {
       }
     }
   };
+  const onDocumentClick = (e) => {
+    var _a2;
+    if (isHintShow.value && e.target !== containerRef.value && !((_a2 = containerRef.value) == null ? void 0 : _a2.contains(e.target))) {
+      hideHint();
+    }
+  };
   onMounted(async () => {
     await import("codemirror/addon/display/placeholder.js");
     await import("codemirror/mode/markdown/markdown.js");
     const module2 = await import("codemirror");
     CodeMirror = module2.default;
     initEditor();
+    document.addEventListener("click", onDocumentClick);
+  });
+  onBeforeUnmount(() => {
+    document.removeEventListener("click", onDocumentClick);
   });
   watch(modelValue, (val) => {
     if (editorIns) {
@@ -36126,6 +36330,7 @@ function useEditorMd(props, ctx2) {
     overlayRef,
     cursorRef,
     renderRef,
+    containerRef,
     toolbars,
     previewHtmlList,
     isHintShow,
@@ -36253,6 +36458,9 @@ const editorMdProps = __spreadProps(__spreadValues({}, commonProps$1), {
   },
   customHintReplaceFn: {
     type: Function
+  },
+  beforeShowHint: {
+    type: Function
   }
 });
 const EditorMdInjectionKey = Symbol("d-editor-md");
@@ -37113,6 +37321,7 @@ var EditorMd = defineComponent({
       overlayRef,
       cursorRef,
       renderRef,
+      containerRef,
       isHintShow,
       toolbars,
       previewHtmlList,
@@ -37143,6 +37352,7 @@ var EditorMd = defineComponent({
         "z-index": fullscreenZIndex.value
       }, {
         default: () => [createVNode("div", {
+          "ref": containerRef,
           "class": ["dp-md-container", {
             "dp-md-readonly": mode.value === "readonly",
             "dp-md-editonly": mode.value === "editonly",
@@ -37169,7 +37379,9 @@ var EditorMd = defineComponent({
           "onUpdate:modelValue": ($event) => isHintShow.value = $event,
           "origin": cursorRef.value || void 0,
           "align": "start",
-          "position": ["bottom-start"]
+          "position": ["bottom-start"],
+          "onClick": withModifiers(() => {
+          }, ["stop"])
         }, {
           default: () => {
             var _a2, _b;
@@ -39412,6 +39624,10 @@ const mentionProps = {
   trigger: {
     type: Array,
     default: ["@"]
+  },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
   }
 };
 const textareaProps = {
@@ -39450,6 +39666,10 @@ const textareaProps = {
   validateEvent: {
     type: Boolean,
     default: true
+  },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
   }
 };
 function useTextareaRender(props) {
@@ -39458,10 +39678,11 @@ function useTextareaRender(props) {
   const ns2 = useNamespace$1("textarea");
   const isValidateError = computed(() => (formItemContext == null ? void 0 : formItemContext.validateState) === "error");
   const isFocus = ref(false);
-  const { error: error2, disabled } = toRefs(props);
+  const { error: error2, disabled, showGlowStyle } = toRefs(props);
   const textareaDisabled = computed(() => disabled.value || (formContext == null ? void 0 : formContext.disabled));
   const wrapClasses = computed(() => ({
     [ns2.b()]: true,
+    [ns2.m("glow-style")]: showGlowStyle.value,
     [ns2.m("focus")]: isFocus.value,
     [ns2.m("disabled")]: textareaDisabled.value,
     [ns2.m("error")]: error2.value || isValidateError.value,
@@ -39774,6 +39995,7 @@ var Mention = defineComponent({
       }, [createVNode(resolveComponent("d-textarea"), {
         "modelValue": textContext.value,
         "onUpdate:modelValue": ($event) => textContext.value = $event,
+        "show-glow-style": props.showGlowStyle,
         "onUpdate": handleUpdate,
         "onFocus": handleFocus
       }, null), showSuggestions.value ? loading2.value ? createVNode("div", {
@@ -41221,6 +41443,30 @@ var ModalBody = defineComponent({
     };
   }
 });
+function CloseIcon() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg"
+  }, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("path", {
+    "d": `M14.6887175,1.25368865 C15.0770801,1.64205125 15.0121881,2.34244569 14.544513,2.81012074 L9.383,7.971 L14.544513,13.1322854 
+					C14.9787827,13.5665551 15.0657548,14.2014859 14.7650189,14.6009195 L14.6887175,14.6887175 C14.3003549,15.0770801 
+					13.5999604,15.0121881 13.1322854,14.544513 L13.1322854,14.544513 L7.971,9.383 L2.81012075,14.544513 C2.3424457,15.0121881 
+					1.64205125,15.0770801 1.25368865,14.6887175 C0.865326051,14.3003549 0.930218063,13.5999605 1.39789313,13.1322854 L6.558,7.971 
+					L1.39789311,2.81012074 C0.963623424,2.37585105 0.876651354,1.74092026 1.17738727,1.34148668 L1.25368865,1.25368865 
+					C1.64205125,0.865326051 2.34244569,0.930218063 2.81012074,1.39789311 L2.81012074,1.39789311 L7.971,6.558 L13.1322854,1.39789311 
+					C13.5999605,0.930218063 14.3003549,0.865326051 14.6887175,1.25368865 Z`,
+    "fill": "#8A8E99",
+    "fill-rule": "nonzero"
+  }, null)])]);
+}
 var modal = "";
 var Modal = defineComponent({
   name: "DModal",
@@ -41337,8 +41583,8 @@ var Modal = defineComponent({
             "onClick": execClose,
             "class": "btn-close"
           }, [createVNode(DIcon, {
-            "name": "close",
-            "size": "20px"
+            "operable": true,
+            "component": CloseIcon()
           }, null)]), props.type ? renderType() : createVNode("div", {
             "style": {
               cursor: props.draggable ? "move" : "default"
@@ -42148,6 +42394,9 @@ function useSelect$2(props, selectRef, ctx2, focus, blur2, isSelectFocus, t) {
       (_a2 = dropdownRef.value) == null ? void 0 : _a2.updatePosition();
     }
   }, { flush: "post" });
+  onMounted(() => {
+    nextTick(updateInjectOptionsStatus);
+  });
   return {
     selectDisabled,
     selectSize,
@@ -42262,6 +42511,10 @@ const selectProps = {
   multipleLimit: {
     type: Number,
     default: 0
+  },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
   }
 };
 const optionProps = {
@@ -42371,24 +42624,6 @@ var Option = defineComponent({
     };
   }
 });
-const SelectArrowIcon = () => createVNode("svg", {
-  "width": "1em",
-  "height": "1em",
-  "viewBox": "0 0 16 16",
-  "version": "1.1",
-  "xmlns": "http://www.w3.org/2000/svg"
-}, [createVNode("g", {
-  "stroke": "none",
-  "stroke-width": "1",
-  "fill": "none",
-  "fill-rule": "evenodd"
-}, [createVNode("path", {
-  "d": `M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088 7.84170876,10.8417088
-        7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124 3.65829124,6.34170876
-        3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6 L11.7928932,6 C12.0690356,6
-        12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824 12.2402148,6.7597852 12.1464466,6.85355339 Z`,
-  "fill-rule": "nonzero"
-}, null)])]);
 function useSelectContent() {
   const ns2 = useNamespace$1("select");
   const select2 = inject(SELECT_TOKEN);
@@ -42427,7 +42662,8 @@ function useSelectContent() {
   const selectionCls = computed(() => {
     return className$1(ns2.e("selection"), {
       [ns2.e("clearable")]: mergeClearable.value,
-      [ns2.em("selection", "error")]: isValidateError.value
+      [ns2.em("selection", "error")]: isValidateError.value,
+      [ns2.em("selection", "glow-style")]: Boolean(select2 == null ? void 0 : select2.showGlowStyle)
     });
   });
   const inputCls = computed(() => {
@@ -42579,7 +42815,7 @@ var SelectContent = defineComponent({
       }, null), createVNode("span", {
         "onClick": handleClear,
         "class": clearCls.value
-      }, [createVNode(AlertCloseIcon, null, null)]), createVNode("span", {
+      }, [createVNode(InputClearIcon, null, null)]), createVNode("span", {
         "class": arrowCls.value
       }, [createVNode(SelectArrowIcon, null, null)])]);
     };
@@ -43277,7 +43513,7 @@ var PageSize = defineComponent({
   setup() {
     const ns2 = useNamespace("pagination");
     const paginationContext = inject(paginationInjectionKey);
-    const iconRotate = ref(0);
+    const isOpen = ref(false);
     const {
       size,
       currentPageSize,
@@ -43286,8 +43522,13 @@ var PageSize = defineComponent({
       pageSizeChange,
       t
     } = paginationContext;
+    const pageSizeClasses = computed(() => ({
+      [ns2.e("size")]: true,
+      [ns2.em("size", size.value)]: Boolean(size.value),
+      [ns2.em("size", "open")]: isOpen.value
+    }));
     const onDropdownToggle = (e) => {
-      iconRotate.value = e ? 180 : 0;
+      isOpen.value = e;
     };
     return () => createVNode(Fragment, null, [createVNode(Dropdown$1, {
       "position": pageSizeDirection.value,
@@ -43296,14 +43537,8 @@ var PageSize = defineComponent({
     }, {
       default: () => createVNode("div", {
         "tabindex": "0",
-        "class": [ns2.e("size"), size.value ? ns2.em("size", size.value) : ""]
-      }, [createVNode(DIcon, {
-        "name": "select-arrow",
-        "size": "16px",
-        "rotate": iconRotate.value
-      }, {
-        prefix: () => createVNode("span", null, [currentPageSize.value])
-      })]),
+        "class": pageSizeClasses.value
+      }, [createVNode("span", null, [currentPageSize.value]), createVNode(SelectArrowIcon, null, null)]),
       menu: () => createVNode("ul", null, [pageSizeOptions.value.map((item, index2) => createVNode("li", {
         "class": {
           active: item === currentPageSize.value
@@ -44200,6 +44435,10 @@ const radioCommonProps = {
     type: Boolean,
     default: false
   },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
+  },
   size: {
     type: String
   }
@@ -44366,17 +44605,18 @@ var Radio = defineComponent({
       const radioCls = {
         [ns2.e("wrapper")]: true
       };
-      const labelCls = {
+      const labelCls = computed(() => ({
         active: isChecked.value,
         disabled: isDisabled.value,
         [ns2.b()]: true,
         [ns2.m("bordered")]: border.value,
-        [ns2.m(size.value)]: size.value
-      };
+        [ns2.m(size.value)]: border.value,
+        [ns2.m("glow-style")]: props.showGlowStyle
+      }));
       return createVNode("div", {
         "class": radioCls
       }, [createVNode("label", {
-        "class": labelCls
+        "class": labelCls.value
       }, [createVNode("input", {
         "type": "radio",
         "name": radioName.value,
@@ -44387,30 +44627,7 @@ var Radio = defineComponent({
         "checked": isChecked.value
       }, null), createVNode("span", {
         "class": ns2.e("material")
-      }, [createVNode("svg", {
-        "height": "100%",
-        "width": "100%",
-        "viewBox": "0 0 1024 1024",
-        "xmlns": "http://www.w3.org/2000/svg"
-      }, [createVNode("circle", {
-        "class": {
-          [ns2.e("material-outer")]: true,
-          disabled: isDisabled.value
-        },
-        "cx": "512",
-        "cy": "512",
-        "r": "486.5",
-        "stroke-width": "51"
-      }, null), createVNode("circle", {
-        "class": {
-          [ns2.e("material-inner")]: true,
-          disabled: isDisabled.value
-        },
-        "cx": "512",
-        "fill-rule": "nonzero",
-        "cy": "512",
-        "r": "320"
-      }, null)])]), createVNode("span", {
+      }, null), createVNode("span", {
         "class": ns2.e("label")
       }, [(_b = (_a2 = ctx2.slots).default) == null ? void 0 : _b.call(_a2)])])]);
     };
@@ -45305,26 +45522,6 @@ const keydownHandles = (ctx2, keywords, props) => {
   };
 };
 var search = "";
-const SearchCloseIcon = () => createVNode("svg", {
-  "viewBox": "0 0 1024 1024",
-  "width": "12px",
-  "height": "12px"
-}, [createVNode("path", {
-  "d": `M940.8 207.530667L818.602667 85.333333l-305.493334 305.493334L207.616 85.333333
-      85.333333 207.530667l305.493334 305.493333L85.333333 818.517333l122.282667 122.282667
-      305.493333-305.493333 305.493334 305.493333 122.197333-122.282667-305.493333-305.493333z`,
-  "p-id": "30810"
-}, null)]);
-const SearchIcon = () => createVNode("svg", {
-  "viewBox": "0 0 1024 1024",
-  "version": "1.1",
-  "width": "12px",
-  "height": "12px"
-}, [createVNode("path", {
-  "d": "M1005.312 914.752l-198.528-198.464A448 448 0 1 0 0 448a448 448 0 0 0 716.288 358.784l198.4 198.4a64 64 0 1 0 90.624-90.432zM448 767.936A320 320 0 1 1 448 128a320 320 0 0 1 0 640z",
-  "fill": "#262626",
-  "p-id": "32547"
-}, null)]);
 var DSearch = defineComponent({
   name: "DSearch",
   props: searchProps,
@@ -45379,13 +45576,13 @@ var DSearch = defineComponent({
       }, [props.iconPosition === "left" && createVNode("div", {
         "class": ns2.e("icon"),
         "onClick": onClickHandle
-      }, [createVNode(SearchIcon, null, null)]), createVNode(DInput, inputProps2, null), clearIconShow.value && createVNode("div", {
+      }, [createVNode(SearchIcon$1, null, null)]), createVNode(DInput, inputProps2, null), clearIconShow.value && createVNode("div", {
         "class": ns2.e("clear"),
         "onClick": onClearHandle
-      }, [createVNode(SearchCloseIcon, null, null)]), props.iconPosition === "right" && createVNode("div", {
+      }, [createVNode(InputClearIcon, null, null)]), props.iconPosition === "right" && createVNode("div", {
         "class": ns2.e("icon"),
         "onClick": onClickHandle
-      }, [createVNode(SearchIcon, null, null)])]);
+      }, [createVNode(SearchIcon$1, null, null)])]);
     };
   }
 });
@@ -47341,6 +47538,8 @@ var Switch = defineComponent({
       switchDisabled,
       switchSize
     } = useSwitch(props, ctx2);
+    const AnimationNumberDurationSlow = 300;
+    const isMousedown = ref(false);
     return () => {
       const switchCls = {
         [ns2.b()]: true,
@@ -47354,17 +47553,29 @@ var Switch = defineComponent({
       const switchWrapperStyle = [`background: ${checked.value && !switchDisabled.value ? props.color : ""}`, `border-color: ${checked.value && !switchDisabled.value ? props.color : ""}`];
       const checkedContent = renderSlot(useSlots(), "checkedContent");
       const uncheckedContent = renderSlot(useSlots(), "uncheckedContent");
+      const onMousedown2 = () => {
+        isMousedown.value = true;
+      };
+      const onMouseup = () => {
+        setTimeout(() => {
+          isMousedown.value = false;
+        }, AnimationNumberDurationSlow / 2);
+      };
       return createVNode("div", {
         "class": switchCls
       }, [createVNode("span", {
         "class": switchWrapperCls,
         "style": switchWrapperStyle,
-        "onClick": toggle
+        "onClick": toggle,
+        "onMousedown": onMousedown2,
+        "onMouseup": onMouseup
       }, [createVNode("span", {
         "class": ns2.e("inner-wrapper")
       }, [createVNode("div", {
         "class": ns2.e("inner")
-      }, [checked.value ? checkedContent : uncheckedContent])]), createVNode("small", null, null)])]);
+      }, [checked.value ? checkedContent : uncheckedContent])]), createVNode("small", {
+        "class": isMousedown.value && !props.disabled && "mouseDown"
+      }, null)])]);
     };
   }
 });
@@ -50109,6 +50320,14 @@ var TimePicker = defineComponent({
     const activeSecond = ref("00");
     const format2 = props.format.toLowerCase();
     const position = ref(["bottom-start", "top-start"]);
+    const currentPosition = ref("bottom");
+    const handlePositionChange = (pos) => {
+      currentPosition.value = pos.split("-")[0] === "top" ? "top" : "bottom";
+    };
+    const styles = computed(() => ({
+      transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
+      "z-index": "var(--devui-z-index-dropdown, 1052)"
+    }));
     const {
       showPopup,
       trueTimeValue,
@@ -50150,6 +50369,7 @@ var TimePicker = defineComponent({
         "placeholder": props.placeholder,
         "disabled": props.disabled,
         "readonly": props.readonly,
+        "show-glow-style": props.showGlowStyle,
         "size": props.size,
         "onFocus": clickVerifyFun
       }, {
@@ -50170,7 +50390,7 @@ var TimePicker = defineComponent({
         "to": "body"
       }, {
         default: () => [createVNode(Transition, {
-          "name": "fade"
+          "name": ns2.m(`fade-${currentPosition.value}`)
         }, {
           default: () => {
             var _a2;
@@ -50181,9 +50401,8 @@ var TimePicker = defineComponent({
               "origin": (_a2 = inputDom.value) == null ? void 0 : _a2.$el,
               "position": position.value,
               "align": "start",
-              "style": {
-                zIndex: "var(--devui-z-index-dropdown, 1052)"
-              }
+              "style": styles.value,
+              "onPositionChange": handlePositionChange
             }, {
               default: () => [createVNode(TimePopup, {
                 "ref": timePopupDom,
@@ -54098,7 +54317,7 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.6.4",
+  version: "1.6.6",
   install(app) {
     installs.forEach((p) => app.use(p));
   }