@fewangsit/wangsvue-presets 1.0.86 → 1.0.87-alpha.0

package/wangsvue/inputnumber/index.d.ts

@@ -6,17 +6,22 @@ declare namespace _default {
         class: string[];
     };
     namespace input {
-        export function root_1({ parent }: {
+        export function root_1({ parent, context }: {
             parent: any;
+            context: any;
         }): {
             class: string[];
         };
         export { root_1 as root };
     }
-    namespace buttongroup {
+    namespace inputresizer {
         let _class: string[];
         export { _class as class };
     }
+    namespace buttongroup {
+        let _class_1: string[];
+        export { _class_1 as class };
+    }
     namespace incrementbutton {
         export function root_2({ parent }: {
             parent: any;
@@ -25,8 +30,8 @@ declare namespace _default {
         };
         export { root_2 as root };
         export namespace label {
-            let _class_1: string;
-            export { _class_1 as class };
+            let _class_2: string;
+            export { _class_2 as class };
         }
     }
     namespace decrementbutton {
@@ -37,10 +42,24 @@ declare namespace _default {
         };
         export { root_3 as root };
         export namespace label_1 {
-            let _class_2: string;
-            export { _class_2 as class };
+            let _class_3: string;
+            export { _class_3 as class };
         }
         export { label_1 as label };
     }
+    function incrementicon({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            '!text-general-200': any;
+        })[];
+    };
+    function decrementicon({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            '!text-general-200': any;
+        })[];
+    };
 }
 export default _default;

package/wangsvue/inputnumber/index.js

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var inputclass = 'text-xs font-normal leading-[22px]';
+var inputheight = 'h-[30px]';
 exports.default = {
     root: function (_a) {
         var props = _a.props, parent = _a.parent;
@@ -8,7 +10,7 @@ exports.default = {
                 // Layout
                 'flex items-center self-stretch shrink-0 grow',
                 //Size
-                'h-full',
+                inputheight,
                 // Spacing
                 'py-1 px-3',
                 // Border
@@ -19,17 +21,25 @@ exports.default = {
     },
     input: {
         root: function (_a) {
-            var parent = _a.parent;
+            var parent = _a.parent, context = _a.context;
             return ({
                 class: [
                     'border-0 h-full w-full outline-none',
                     'bg-inherit',
-                    'text-xs font-normal',
-                    'placeholder:text-general-200',
+                    inputclass,
+                    'placeholder:text-general-200 placeholder:font-normal',
+                    context.disabled ? 'text-general-200' : 'text-grayscale-900',
                 ],
             });
         },
     },
+    inputresizer: {
+        class: [
+            inputclass,
+            inputheight,
+            'user-select-none py-1 px-3 block min-w-4 text-transparent',
+        ],
+    },
     buttongroup: {
         class: ['flex'],
     },
@@ -55,4 +65,26 @@ exports.default = {
             class: 'h-0 w-0',
         },
     },
+    incrementicon: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                '!text-base text-grayscale-900',
+                {
+                    '!text-general-200': props.disabled,
+                },
+            ],
+        });
+    },
+    decrementicon: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                '!text-base text-grayscale-900',
+                {
+                    '!text-general-200': props.disabled,
+                },
+            ],
+        });
+    },
 };

package/wangsvue/inputphonenumber/index.d.ts

@@ -11,18 +11,28 @@ export function commonClasses({ isFirefoxBased, invalidInput }: {
     'ring-[0.5px]'?: undefined;
 })[];
 declare namespace _default {
-    function dialcode(ctx: any): {
-        class: (string | {
-            'ring-[1px]': any;
-            'ring-[0.5px]': boolean;
-            '!ring-danger-500'?: undefined;
-        } | {
-            '!ring-danger-500': any;
-            'ring-[1px]'?: undefined;
-            'ring-[0.5px]'?: undefined;
-        })[];
-    };
-    function inputnumber(ctx: any): {
+    namespace dialcode {
+        function root(ctx: any): {
+            class: (string | {
+                'ring-[1px]': any;
+                'ring-[0.5px]': boolean;
+                '!ring-danger-500'?: undefined;
+            } | {
+                '!ring-danger-500': any;
+                'ring-[1px]'?: undefined;
+                'ring-[0.5px]'?: undefined;
+            })[];
+        };
+        function dropdownicon({ state }: {
+            state: any;
+        }): {
+            class: (string | {
+                'rotate-180': any;
+            })[];
+            icon: string;
+        };
+    }
+    function input(ctx: any): {
         class: (string | {
             'ring-[1px]': any;
             'ring-[0.5px]': boolean;

package/wangsvue/inputphonenumber/index.js

@@ -10,6 +10,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.commonClasses = void 0;
+var index_js_1 = require("../multiselect/index.js");
 var commonClasses = function (_a) {
     var isFirefoxBased = _a.isFirefoxBased, invalidInput = _a.invalidInput;
     return [
@@ -25,10 +26,21 @@ var commonClasses = function (_a) {
 };
 exports.commonClasses = commonClasses;
 exports.default = {
-    dialcode: function (ctx) { return ({
-        class: __spreadArray(__spreadArray([], (0, exports.commonClasses)(ctx), true), ['rounded-l rounded-r-none'], false),
-    }); },
-    inputnumber: function (ctx) { return ({
-        class: __spreadArray(__spreadArray([], (0, exports.commonClasses)(ctx), true), ['rounded-r rounded-l-none -ml-[1px]'], false),
+    dialcode: {
+        root: function (ctx) { return ({
+            class: __spreadArray(__spreadArray([], (0, exports.commonClasses)(ctx), true), ['rounded-l rounded-r-none'], false),
+        }); },
+        dropdownicon: function (_a) {
+            var state = _a.state;
+            return index_js_1.default.dropdownicon({ state: state });
+        },
+    },
+    input: function (ctx) { return ({
+        class: __spreadArray(__spreadArray([], (0, exports.commonClasses)(ctx), true), [
+            'rounded-r rounded-l-none -ml-[1px]',
+            'focus:bg-none',
+            'focus:ring-primary-500',
+            'focus:ring-1',
+        ], false),
     }); },
 };

package/wangsvue/multiselect/index.d.ts

@@ -25,14 +25,60 @@ declare namespace _default {
             '!leading-5'?: undefined;
         })[];
     };
-    export namespace token {
-        let _class_1: string[];
+    export let token: {
+        class: (string | {
+            '!text-general-400 !bg-general-100': any;
+            'text-success-800 bg-success-100': boolean;
+            'text-primary-800 bg-primary-200': boolean;
+            'text-grayscale-900 bg-grayscale-500': boolean;
+            'text-warning-600 bg-warning-100': boolean;
+            'text-danger-700 bg-danger-200': boolean;
+        })[];
+        'data-wv-name': string;
+        'data-wv-section': string;
+    };
+    export let tokenLabel: {
+        class: (string | {
+            'caret-surface-700': any;
+            'cursor-default': boolean;
+        })[];
+    };
+    export let removeTokenIcon: {
+        class: (string | {
+            '!text-primary-800': boolean;
+            '!text-success-800': boolean;
+            '!text-danger-700': boolean;
+            '!text-warning-600': boolean;
+            '!text-grayscale-900': boolean;
+            'text-general-400'?: undefined;
+        } | {
+            'text-general-400': any;
+            '!text-primary-800'?: undefined;
+            '!text-success-800'?: undefined;
+            '!text-danger-700'?: undefined;
+            '!text-warning-600'?: undefined;
+            '!text-grayscale-900'?: undefined;
+        })[];
+        'icon-class': string;
+        'data-wv-section': string;
+    };
+    export namespace loadingplaceholder {
+        let _class_1: string;
         export { _class_1 as class };
     }
-    export namespace removeTokenIcon {
-        let _class_2: string[];
+    export namespace loadingicon {
+        let _class_2: string;
         export { _class_2 as class };
+        export let icon: string;
     }
+    export function dropdownicon({ state }: {
+        state: any;
+    }): {
+        class: (string | {
+            'rotate-180': any;
+        })[];
+        icon: string;
+    };
     export namespace trigger {
         let _class_3: string[];
         export { _class_3 as class };
@@ -231,6 +277,8 @@ declare namespace _default {
     export namespace filtericon {
         let _class_15: string[];
         export { _class_15 as class };
+        let icon_1: string;
+        export { icon_1 as icon };
     }
     export namespace clearicon {
         let _class_16: string[];

package/wangsvue/multiselect/index.js

@@ -20,7 +20,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var index_js_1 = require("../checkbox/index.js");
+var index_js_1 = require("../badge/index.js");
+var index_js_2 = require("../checkbox/index.js");
 exports.default = {
     root: function (_a) {
         var props = _a.props, state = _a.state;
@@ -63,40 +64,31 @@ exports.default = {
                 // Transitions
                 'transition duration-200',
                 // Misc
-                'overflow-hidden whitespace-nowrap cursor-pointer overflow-ellipsis',
+                'overflow-hidden overflow-x-auto scrollbar-w-none whitespace-nowrap cursor-pointer overflow-ellipsis',
             ],
         });
     },
-    token: {
-        class: [
-            // Flexbox
-            'inline-flex items-center gap-1',
-            // Spacing
-            'py-1 px-2',
-            // Shape
-            'rounded-[50px]',
-            'text-xs',
-            'font-normal',
-            'leading-[12px]',
-            'tracking-[0.03em]',
-            'items-center',
-            'text-grayscale-900',
-            'bg-grayscale-500',
-        ],
+    token: index_js_1.default.root({ props: { severity: 'dark' } }),
+    tokenLabel: index_js_1.default.input({ props: {}, context: {} }),
+    removeTokenIcon: index_js_1.default.removebutton({
+        props: { badgeSeverity: 'dark' },
+    }),
+    loadingplaceholder: {
+        class: 'text-general-200 font-normal',
     },
-    removeTokenIcon: {
-        class: [
-            // Shape
-            'rounded-md leading-6',
-            // Spacing
-            'ml-2',
-            // Size
-            'w-4 h-4',
-            // Transition
-            'transition duration-200 ease-in-out',
-            // Misc
-            'cursor-pointer',
-        ],
+    loadingicon: {
+        class: 'text-xs animate-spin duration-200 !text-general-500',
+        icon: 'spinner',
+    },
+    dropdownicon: function (_a) {
+        var state = _a.state;
+        return ({
+            class: [
+                'w-full h-full transition-transform !text-general-500',
+                { 'rotate-180': state.isShowOverlay },
+            ],
+            icon: 'arrow-drop-down',
+        });
     },
     trigger: {
         class: [
@@ -164,15 +156,15 @@ exports.default = {
             'select-none',
         ],
     },
-    headerCheckbox: __assign(__assign({}, index_js_1.default), { root: {
+    headerCheckbox: __assign(__assign({}, index_js_2.default), { root: {
             class: __spreadArray(__spreadArray([
                 '!mx-auto'
-            ], index_js_1.default.root.class, true), [
+            ], index_js_2.default.root.class, true), [
                 '[&:not(:has(svg))_[data-pc-section=box]]:!bg-primary-400',
                 '[&:not(:has(svg))_[data-pc-section=box]]:!border-white',
             ], false),
         } }),
-    itemCheckbox: index_js_1.default,
+    itemCheckbox: index_js_2.default,
     closeButton: {
         class: ['hidden'],
     },
@@ -293,7 +285,8 @@ exports.default = {
         ],
     },
     filtericon: {
-        class: ['absolute', 'top-1/2 right-3', '-mt-2'],
+        class: ['text-xs w-6 h-6'],
+        icon: 'search-line',
     },
     clearicon: {
         class: [