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

package/fixedasset/inputcurrency/index.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var inputphonenumber_1 = require("../inputphonenumber");
 exports.default = {
     currency: function (ctx) { return ({
-        'class': __spreadArray(__spreadArray([], (0, inputphonenumber_1.commonClasses)(ctx), true), ['rounded-l rounded-r-none h-[30px]'], false),
+        'class': __spreadArray(__spreadArray([], (0, inputphonenumber_1.commonClasses)(ctx), true), ['rounded-l rounded-r-none'], false),
         'data-wv-section': 'currency',
     }); },
     value: function (ctx) { return ({

package/fixedasset/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/fixedasset/inputnumber/index.js

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var inputclass = 'text-xs font-medium tracking-[0.02em] leading-[18px]';
+var inputheight = 'h-[26px]';
 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-light',
+                    context.disabled ? 'text-general-200' : 'text-general-800',
                 ],
             });
         },
     },
+    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-general-500',
+                {
+                    '!text-general-200': props.disabled,
+                },
+            ],
+        });
+    },
+    decrementicon: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                '!text-base text-general-500',
+                {
+                    '!text-general-200': props.disabled,
+                },
+            ],
+        });
+    },
 };

package/fixedasset/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/fixedasset/inputphonenumber/index.js

@@ -10,25 +10,38 @@ 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 [
         { 'ring-[1px]': isFirefoxBased, 'ring-[0.5px]': !isFirefoxBased },
         { '!ring-danger-500': invalidInput },
         'ring-inset',
-        'ring-general-400',
+        'ring-general-200',
         '[&:has(:focus)]:bg-none',
-        '[&:has(:focus)]:ring-primary-400',
+        '[&:has(:focus)]:ring-primary-500',
+        '[&:has(:focus)]:ring-1',
         'bg-white',
         'z-[0] [&:has(:focus)]:z-[12]',
     ];
 };
 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/fixedasset/multiselect/index.d.ts

@@ -16,23 +16,57 @@ declare namespace _default {
         props: any;
     }): {
         class: (string | {
-            '!leading-5': boolean;
-            'text-general-200'?: undefined;
-            'text-grayscale-900'?: undefined;
-        } | {
             'text-general-200': boolean;
             'text-grayscale-900': any;
-            '!leading-5'?: undefined;
         })[];
     };
-    export namespace token {
-        let _class_1: string[];
+    export let token: {
+        class: (string | {
+            'text-general-400 bg-general-100': any;
+            'text-success-500 bg-success-100': boolean;
+            'text-primary-500 bg-primary-50': boolean;
+            'text-grayscale-800 bg-grayscale-200': boolean;
+            'text-warning-600 bg-warning-100': boolean;
+            'text-danger-600 bg-danger-100': boolean;
+        })[];
+        'data-wv-name': string;
+        'data-wv-section': string;
+    };
+    export let tokenLabel: {
+        class: (string | {
+            'caret-primary-700': any;
+            'cursor-default': boolean;
+        })[];
+    };
+    export let removeTokenIcon: {
+        class: (string | {
+            'text-primary-500': boolean;
+            'text-success-500': boolean;
+            'text-danger-600': boolean;
+            'text-warning-600': boolean;
+            'text-grayscale-800 hover:bg-grayscale-300': boolean;
+            'text-general-400': any;
+        })[];
+        '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 };
@@ -155,60 +189,60 @@ declare namespace _default {
         context: any;
     }): {
         class: (string | {
-            '!font-medium': any;
-            'text-surface-600'?: undefined;
-            'bg-primary-50 text-surface-700'?: undefined;
-            'bg-primary-50 text-primary-500'?: undefined;
-            'text-surface-700'?: undefined;
+            'text-general-800': boolean;
+            'text-general-400'?: undefined;
+            'bg-primary-50'?: undefined;
+            'text-primary-500'?: undefined;
+            'text-general-900'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
-            'text-surface-600': any;
-            '!font-medium'?: undefined;
-            'bg-primary-50 text-surface-700'?: undefined;
-            'bg-primary-50 text-primary-500'?: undefined;
-            'text-surface-700'?: undefined;
+            'text-general-400': any;
+            'text-general-800'?: undefined;
+            'bg-primary-50'?: undefined;
+            'text-primary-500'?: undefined;
+            'text-general-900'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
-            'bg-primary-50 text-surface-700': boolean;
-            '!font-medium'?: undefined;
-            'text-surface-600'?: undefined;
-            'bg-primary-50 text-primary-500'?: undefined;
-            'text-surface-700'?: undefined;
+            'bg-primary-50': any;
+            'text-general-800'?: undefined;
+            'text-general-400'?: undefined;
+            'text-primary-500'?: undefined;
+            'text-general-900'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
-            'bg-primary-50 text-primary-500': any;
-            '!font-medium'?: undefined;
-            'text-surface-600'?: undefined;
-            'bg-primary-50 text-surface-700'?: undefined;
-            'text-surface-700'?: undefined;
+            'text-primary-500': any;
+            'text-general-800'?: undefined;
+            'text-general-400'?: undefined;
+            'bg-primary-50'?: undefined;
+            'text-general-900'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
-            'text-surface-700': any;
-            '!font-medium'?: undefined;
-            'text-surface-600'?: undefined;
-            'bg-primary-50 text-surface-700'?: undefined;
-            'bg-primary-50 text-primary-500'?: undefined;
+            'text-general-900': any;
+            'text-general-800'?: undefined;
+            'text-general-400'?: undefined;
+            'bg-primary-50'?: undefined;
+            'text-primary-500'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
             'pointer-events-none cursor-default': any;
-            '!font-medium'?: undefined;
-            'text-surface-600'?: undefined;
-            'bg-primary-50 text-surface-700'?: undefined;
-            'bg-primary-50 text-primary-500'?: undefined;
-            'text-surface-700'?: undefined;
+            'text-general-800'?: undefined;
+            'text-general-400'?: undefined;
+            'bg-primary-50'?: undefined;
+            'text-primary-500'?: undefined;
+            'text-general-900'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
             'cursor-pointer': boolean;
-            '!font-medium'?: undefined;
-            'text-surface-600'?: undefined;
-            'bg-primary-50 text-surface-700'?: undefined;
-            'bg-primary-50 text-primary-500'?: undefined;
-            'text-surface-700'?: undefined;
+            'text-general-800'?: undefined;
+            'text-general-400'?: undefined;
+            'bg-primary-50'?: undefined;
+            'text-primary-500'?: undefined;
+            'text-general-900'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
         })[];
     };
@@ -231,6 +265,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/fixedasset/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;
@@ -39,7 +40,7 @@ exports.default = {
         });
     },
     labelContainer: {
-        class: 'overflow-hidden flex flex-auto items-center cursor-pointer py-[3px] px-3 pr-0',
+        class: 'overflow-hidden flex flex-auto items-center cursor-pointer py-[3px] h-[26px] px-3 pr-0',
     },
     label: function (_a) {
         var _b, _c;
@@ -50,9 +51,6 @@ exports.default = {
                 'h-max',
                 //Font
                 'text-xs font-normal',
-                {
-                    '!leading-5': props.modelValue == null,
-                },
                 //Shape
                 'rounded-none',
                 // Color
@@ -63,40 +61,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-light',
     },
-    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: [
@@ -124,12 +113,10 @@ exports.default = {
             'mt-2',
             'max-w-[30vw]',
             // Shape
-            'border-0',
             'rounded-lg',
             'shadow-panel',
             // Color
-            'bg-surface-0',
-            'text-surface-800',
+            'bg-grayscale-100',
         ],
     },
     header: {
@@ -139,13 +126,8 @@ exports.default = {
             'py-3 px-4',
             'm-0',
             //Shape
-            'border-[0.5px] border-b-0',
-            'rounded-tl-md',
-            'rounded-tr-md',
-            // Color
-            'text-surface-700',
-            'bg-primary-400',
-            'border-grayscale-900',
+            'rounded-tl-lg',
+            'rounded-tr-lg',
         ],
     },
     headerCheckboxContainer: {
@@ -164,10 +146,10 @@ exports.default = {
             'select-none',
         ],
     },
-    headerCheckbox: __assign(__assign({}, index_js_1.default), { root: {
-            class: __spreadArray(['!mx-auto'], index_js_1.default.root.class, true),
+    headerCheckbox: __assign(__assign({}, index_js_2.default), { root: {
+            class: __spreadArray(['!mx-auto'], index_js_2.default.root.class, true),
         } }),
-    itemCheckbox: index_js_1.default,
+    itemCheckbox: index_js_2.default,
     closeButton: {
         class: ['hidden'],
     },
@@ -185,10 +167,8 @@ exports.default = {
             // Sizing
             'max-h-[15rem]',
             // Shape
-            'border-[0.5px]',
             // Color
             'bg-white',
-            'border-grayscale-900',
             // Misc
             'overflow-auto',
             'rounded-br-lg',
@@ -203,7 +183,7 @@ exports.default = {
         return ({
             class: [
                 // Font
-                'text-xs font-normal',
+                'text-xs font-medium tracking-[0.02em]',
                 // Flexbox
                 'flex items-center gap-2',
                 // Position
@@ -213,26 +193,22 @@ exports.default = {
                 'rounded-none',
                 // Spacing
                 'm-0',
-                'py-2 px-4',
+                'py-1.5 px-4',
                 // Color
-                { '!font-medium': context.selected },
                 {
-                    'text-surface-700': !context.focused && !context.selected && !context.disabled,
+                    'text-general-800': !context.focused && !context.selected && !context.disabled,
                 },
                 {
-                    'text-surface-600': !context.focused && !context.selected && context.disabled,
+                    'text-general-400': !context.focused && !context.selected && context.disabled,
                 },
+                { 'bg-primary-50': context.focused },
                 {
-                    'bg-primary-50 text-surface-700': context.focused && !context.selected,
+                    'text-primary-500': context.focused || context.selected,
                 },
                 {
-                    'bg-primary-50 text-primary-500': context.focused && context.selected,
-                },
-                {
-                    'text-surface-700': !context.focused && context.selected,
+                    'text-general-900': !context.focused && context.selected,
                 },
                 //States
-                'hover:bg-primary-bg-weak hover:text-primary',
                 'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500',
                 // Misc
                 { 'pointer-events-none cursor-default': context.disabled },
@@ -262,25 +238,28 @@ exports.default = {
     },
     filtercontainer: {
         class: [
-            'flex flex-row-reverse items-center relative w-full gap-2',
+            'flex items-center relative w-full gap-2',
             // Font
             'text-[0.7rem]',
             'leading-4',
             // Sizing
-            'w-full',
+            'w-full py-2 px-3',
             //Color
-            'text-grayscale-900',
-            'bg-primary-400',
+            'text-general-100',
+            'bg-white',
             // Shape
-            'border-b border-primary-100',
+            'ring-inset ring-1 ring-general-500',
+            'rounded-[6px]',
         ],
     },
     filterinput: {
         class: [
             'w-full',
-            'bg-primary-400',
-            'text-white',
-            'placeholder:text-primary-100',
+            'text-general-800',
+            'text-xs tracking-[0.02em]',
+            'font-medium',
+            'placeholder:text-general-200',
+            'placeholder:font-light',
             // Misc
             'appearance-none',
             // State
@@ -288,7 +267,8 @@ exports.default = {
         ],
     },
     filtericon: {
-        class: ['absolute', 'top-1/2 right-3', '-mt-2'],
+        class: ['text-base text-general-400'],
+        icon: 'search',
     },
     clearicon: {
         class: [