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

package/fixedasset/style.css

@@ -970,6 +970,10 @@
   position: absolute;
 }
 
+.\!relative{
+  position: relative !important;
+}
+
 .relative{
   position: relative;
 }
@@ -1973,6 +1977,10 @@
   max-width: 28rem;
 }
 
+.max-w-\[30vh\]{
+  max-width: 30vh;
+}
+
 .max-w-\[30vw\]{
   max-width: 30vw;
 }
@@ -2001,6 +2009,11 @@
   max-width: 100%;
 }
 
+.max-w-max{
+  max-width: -moz-max-content;
+  max-width: max-content;
+}
+
 .flex-1{
   flex: 1 1 0%;
 }
@@ -4785,6 +4798,10 @@
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 
+.\!contain-none{
+  contain: none !important;
+}
+
 * {
   font-family: 'Manrope', sans-serif;
   scrollbar-width: thin;

package/globalsettings/dropdown/index.d.ts

@@ -25,10 +25,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;
     }): {
@@ -37,10 +41,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;
     }): {
@@ -103,12 +119,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[];
@@ -136,8 +152,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;
@@ -146,8 +162,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/globalsettings/dropdown/index.js

@@ -73,18 +73,24 @@ exports.default = {
             'rounded-br-md',
         ],
     },
-    panel: {
-        class: [
-            // Position
-            'absolute top-0 left-0 !z-[9999]',
-            'mt-2',
-            'max-w-[30vw]',
-            // Shape
-            'rounded-lg',
-            'shadow-panel',
-            // Color
-            'bg-grayscale-100',
-        ],
+    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
+                'rounded-lg',
+                'shadow-panel',
+                // Color
+                'bg-grayscale-100',
+            ],
+        });
     },
     wrapper: function (_a) {
         var props = _a.props;
@@ -103,8 +109,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;