vue-devui 1.6.4 → 1.6.6

package/auto-complete/index.es.js

@@ -151,6 +151,10 @@ const autoCompleteProps = {
   clearable: {
     type: Boolean,
     default: false
+  },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
   }
 };
 const DropdownPropsKey = Symbol("DropdownPropsKey");
@@ -8263,6 +8267,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
   }));
@@ -8793,8 +8798,7 @@ const DEFAULT_PREFIX = "icon";
 const iconProps = {
   name: {
     type: String,
-    default: "",
-    required: true
+    default: ""
   },
   size: {
     type: [Number, String],
@@ -9005,6 +9009,7 @@ var AutoComplete = defineComponent({
     const inputNs = useNamespace("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,
@@ -9064,22 +9069,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"),