@fewangsit/wangsvue-presets 1.0.97 → 1.0.98-alpha.0

package/wangsvue/dropdown/index.d.ts

@@ -41,10 +41,14 @@ declare namespace _default {
         let _class: string[];
         export { _class as class };
     }
-    namespace panel {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
+    function panel({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'max-w-max': any;
+            'max-w-[30vh]': boolean;
+        })[];
+    };
     function wrapper({ props }: {
         props: any;
     }): {
@@ -53,10 +57,22 @@ declare namespace _default {
             'rounded-br-lg rounded-bl-lg': any;
         })[];
     };
-    namespace list {
-        let _class_2: string;
-        export { _class_2 as class };
-    }
+    function virtualScroller({ props }: {
+        props: any;
+    }): {
+        root: {
+            class: {
+                '!contain-none': any;
+            };
+        };
+    };
+    function list({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            '!relative': any;
+        })[];
+    };
     function item({ context }: {
         context: any;
     }): {
@@ -119,12 +135,12 @@ declare namespace _default {
         })[];
     };
     namespace itemgroup {
-        let _class_3: string[];
-        export { _class_3 as class };
+        let _class_1: string[];
+        export { _class_1 as class };
     }
     namespace emptymessage {
-        let _class_4: string[];
-        export { _class_4 as class };
+        let _class_2: string[];
+        export { _class_2 as class };
     }
     let header: {
         class: string[];
@@ -152,8 +168,8 @@ declare namespace _default {
         icon: string;
     };
     namespace clearicon {
-        let _class_5: string[];
-        export { _class_5 as class };
+        let _class_3: string[];
+        export { _class_3 as class };
     }
     namespace transition {
         let enterFromClass: string;
@@ -162,8 +178,8 @@ declare namespace _default {
         let leaveToClass: string;
     }
     namespace loadingplaceholder {
-        let _class_6: string;
-        export { _class_6 as class };
+        let _class_4: string;
+        export { _class_4 as class };
     }
 }
 export default _default;

package/wangsvue/dropdown/index.js

@@ -76,20 +76,26 @@ exports.default = {
             'rounded-br-md',
         ],
     },
-    panel: {
-        class: [
-            // Position
-            'absolute top-0 left-0 !z-[9999]',
-            'mt-2',
-            'max-w-[30vw]',
-            // Shape
-            'border-0',
-            'rounded-lg',
-            'shadow-panel',
-            // Color
-            'bg-surface-0',
-            'text-surface-800',
-        ],
+    panel: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                // Position
+                'absolute top-0 left-0 !z-[9999]',
+                'mt-2',
+                {
+                    'max-w-max': props.panelMaxContent,
+                    'max-w-[30vh]': !props.panelMaxContent,
+                },
+                // Shape
+                'border-0',
+                'rounded-lg',
+                'shadow-panel',
+                // Color
+                'bg-surface-0',
+                'text-surface-800',
+            ],
+        });
     },
     wrapper: function (_a) {
         var props = _a.props;
@@ -111,8 +117,19 @@ exports.default = {
             ],
         });
     },
-    list: {
-        class: 'list-none m-0',
+    virtualScroller: function (_a) {
+        var props = _a.props;
+        return ({
+            root: {
+                class: { '!contain-none': props.panelMaxContent },
+            },
+        });
+    },
+    list: function (_a) {
+        var props = _a.props;
+        return ({
+            class: ['list-none m-0', { '!relative': props.panelMaxContent }],
+        });
     },
     item: function (_a) {
         var context = _a.context;