vue-devui 1.6.3-markdown.3 → 1.6.3-select.0

package/time-select/index.es.js

@@ -9416,8 +9416,16 @@ var Select = defineComponent({
       toggleChange
     });
     const isRender = ref(false);
+    const currentPosition = ref("bottom");
     const position = ref(["bottom-start", "top-start"]);
     const dropdownWidth = ref("0");
+    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 updateDropdownWidth = () => {
       var _a;
       dropdownWidth.value = ((_a = originRef == null ? void 0 : originRef.value) == null ? void 0 : _a.clientWidth) ? originRef.value.clientWidth + "px" : "100%";
@@ -9472,9 +9480,9 @@ var Select = defineComponent({
         "to": "body"
       }, {
         default: () => [createVNode(Transition, {
-          "name": "fade"
+          "name": `fade-${currentPosition.value}`
         }, {
-          default: () => [createVNode(FlexibleOverlay, {
+          default: () => [withDirectives(createVNode(FlexibleOverlay, {
             "modelValue": isRender.value,
             "onUpdate:modelValue": ($event) => isRender.value = $event,
             "ref": dropdownRef,
@@ -9482,18 +9490,15 @@ var Select = defineComponent({
             "align": "start",
             "offset": 4,
             "position": position.value,
-            "style": {
-              visibility: isOpen.value ? "visible" : "hidden",
-              "z-index": isOpen.value ? "var(--devui-z-index-dropdown, 1052)" : -1
-            }
+            "onPositionChange": handlePositionChange,
+            "style": styles.value
           }, {
             default: () => {
               var _a, _b, _c, _d;
               return [createVNode("div", {
                 "class": dropdownCls,
                 "style": {
-                  width: `${dropdownWidth.value}`,
-                  visibility: isOpen.value ? "visible" : "hidden"
+                  width: `${dropdownWidth.value}`
                 }
               }, [withDirectives(createVNode("ul", {
                 "class": listCls,
@@ -9522,7 +9527,7 @@ var Select = defineComponent({
                 "class": dropdownEmptyCls
               }, [emptyText.value])])])];
             }
-          })]
+          }), [[vShow, isOpen.value]])]
         })]
       })]);
     };