@fewangsit/wangsvue-presets 1.0.99-alpha.7 → 1.0.99-rc.0

package/fixedasset/tabmenu/index.d.ts

@@ -1,2 +1,105 @@
-declare const _default: import("@wangs-ui/core/dist/types/themes/preset-definitions").ToRawPreset<import("@wangs-ui/core/dist/types/components/tabmenu/tabmenu.type").TabMenuPreset, import("@wangs-ui/core/dist/types/components/tabmenu/tabmenu.type").TabMenuPresetMethodOptions>;
+declare namespace _default {
+    namespace root {
+        let _class: string;
+        export { _class as class };
+        export let style: string;
+    }
+    namespace menu {
+        let _class_1: string[];
+        export { _class_1 as class };
+    }
+    namespace menuitem {
+        let _class_2: string;
+        export { _class_2 as class };
+    }
+    function action({ context, state }: {
+        context: any;
+        state: any;
+    }): {
+        class: (string | {
+            'rounded-xl py-1 px-3': boolean;
+            'p-2 pb-1.5 pt-0.5 !h-6': boolean;
+            'ml-1': boolean;
+            'border-b-2'?: undefined;
+            'border-primary-500'?: undefined;
+            'border-grayscale-400'?: undefined;
+            'text-grayscale-600'?: undefined;
+            'text-primary-500'?: undefined;
+            'bg-primary-50 text-primary-500'?: undefined;
+            'bg-grayscale-200 text-grayscale-800'?: undefined;
+            'bg-transparent '?: undefined;
+            'focus-visible:border-primary-200 focus-visible:text-primary-400'?: undefined;
+            'pointer-events-none'?: undefined;
+            'opacity-60'?: undefined;
+        } | {
+            'border-b-2': boolean;
+            'rounded-xl py-1 px-3'?: undefined;
+            'p-2 pb-1.5 pt-0.5 !h-6'?: undefined;
+            'ml-1'?: undefined;
+            'border-primary-500'?: undefined;
+            'border-grayscale-400'?: undefined;
+            'text-grayscale-600'?: undefined;
+            'text-primary-500'?: undefined;
+            'bg-primary-50 text-primary-500'?: undefined;
+            'bg-grayscale-200 text-grayscale-800'?: undefined;
+            'bg-transparent '?: undefined;
+            'focus-visible:border-primary-200 focus-visible:text-primary-400'?: undefined;
+            'pointer-events-none'?: undefined;
+            'opacity-60'?: undefined;
+        } | {
+            'border-primary-500': any;
+            'border-grayscale-400': boolean;
+            'text-grayscale-600': boolean;
+            'text-primary-500': any;
+            'bg-primary-50 text-primary-500': any;
+            'bg-grayscale-200 text-grayscale-800': boolean;
+            'bg-transparent ': boolean;
+            'rounded-xl py-1 px-3'?: undefined;
+            'p-2 pb-1.5 pt-0.5 !h-6'?: undefined;
+            'ml-1'?: undefined;
+            'border-b-2'?: undefined;
+            'focus-visible:border-primary-200 focus-visible:text-primary-400'?: undefined;
+            'pointer-events-none'?: undefined;
+            'opacity-60'?: undefined;
+        } | {
+            'focus-visible:border-primary-200 focus-visible:text-primary-400': boolean;
+            'rounded-xl py-1 px-3'?: undefined;
+            'p-2 pb-1.5 pt-0.5 !h-6'?: undefined;
+            'ml-1'?: undefined;
+            'border-b-2'?: undefined;
+            'border-primary-500'?: undefined;
+            'border-grayscale-400'?: undefined;
+            'text-grayscale-600'?: undefined;
+            'text-primary-500'?: undefined;
+            'bg-primary-50 text-primary-500'?: undefined;
+            'bg-grayscale-200 text-grayscale-800'?: undefined;
+            'bg-transparent '?: undefined;
+            'pointer-events-none'?: undefined;
+            'opacity-60'?: undefined;
+        } | {
+            'pointer-events-none': any;
+            'opacity-60': any;
+            'rounded-xl py-1 px-3'?: undefined;
+            'p-2 pb-1.5 pt-0.5 !h-6'?: undefined;
+            'ml-1'?: undefined;
+            'border-b-2'?: undefined;
+            'border-primary-500'?: undefined;
+            'border-grayscale-400'?: undefined;
+            'text-grayscale-600'?: undefined;
+            'text-primary-500'?: undefined;
+            'bg-primary-50 text-primary-500'?: undefined;
+            'bg-grayscale-200 text-grayscale-800'?: undefined;
+            'bg-transparent '?: undefined;
+            'focus-visible:border-primary-200 focus-visible:text-primary-400'?: undefined;
+        })[];
+    };
+    namespace icon {
+        let _class_3: string;
+        export { _class_3 as class };
+    }
+    namespace inkbar {
+        let _class_4: string;
+        export { _class_4 as class };
+    }
+}
 export default _default;

package/fixedasset/tabmenu/index.js

@@ -1,34 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@wangs-ui/core");
-exports.default = (0, core_1.definePreset)('WANGS-TAB-MENU', {
+exports.default = {
     root: {
-        class: 'overflow-x-visible',
+        class: 'overflow-x-auto',
         style: 'scrollbar-width: none',
     },
-    menu: function (_a) {
-        var props = _a.props;
-        return ({
-            class: [
-                // Flexbox
-                'flex flex-1',
-                // Spacing
-                'list-none',
-                'p-0 m-0',
-                // Colors
-                'text-general-100',
-                {
-                    'w-max ring-1 ring-inset ring-general-100 rounded': props.type === 'segmented',
-                },
-            ],
-        });
+    menu: {
+        class: [
+            // Flexbox
+            'flex flex-1',
+            // Spacing
+            'list-none',
+            'p-0 m-0',
+            // Colors
+            'text-general-100',
+        ],
     },
     menuitem: {
         class: 'mr-0',
     },
     action: function (_a) {
         var _b, _c;
-        var context = _a.context, props = _a.props;
+        var context = _a.context, state = _a.state;
         return ({
             class: [
                 'relative',
@@ -39,32 +32,28 @@ exports.default = (0, core_1.definePreset)('WANGS-TAB-MENU', {
                 'flex items-center',
                 // Spacing
                 {
-                    'rounded-xl py-1 px-3': props.type === 'pill',
-                    'rounded': props.type === 'segmented',
-                    'p-2 pb-1.5 pt-0.5 !h-6': props.type === 'tab',
-                    'py-[5px] px-3 !h-[26px]': props.type === 'segmented',
-                    'ml-1': props.type === 'pill' && context.index !== 0,
+                    'rounded-xl py-1 px-3': context.type === 'pill',
+                    'p-2 pb-1.5 pt-0.5 !h-6': context.type !== 'pill',
+                    'ml-1': context.type === 'pill' && context.index !== 0,
                 },
                 // Shape
                 {
-                    'border-b-2': props.type === 'tab',
+                    'border-b-2': context.type !== 'pill',
                 },
                 // Colors and Conditions
                 {
-                    'border-primary-500': context.active,
-                    'border-grayscale-400': !context.active,
-                    'text-grayscale-600': !context.active,
-                    'text-primary-500': context.active,
-                    'bg-primary-50 text-primary-500': props.type === 'pill' && context.active,
-                    'bg-grayscale-200 text-grayscale-800': props.type === 'pill' && !context.active,
-                    'bg-primary-500 text-white shadow-[-2px_2px_2px_rgba(0,0,0,0.25)]': props.type === 'segmented' && context.active,
-                    '!text-general-800': props.type === 'segmented' && !context.active,
-                    'bg-transparent ': props.type !== 'pill' && !context.active,
+                    'border-primary-500': state.active,
+                    'border-grayscale-400': !state.active,
+                    'text-grayscale-600': !state.active,
+                    'text-primary-500': state.active,
+                    'bg-primary-50 text-primary-500': context.type === 'pill' && state.active,
+                    'bg-grayscale-200 text-grayscale-800': context.type === 'pill' && !state.active,
+                    'bg-transparent ': context.type !== 'pill' && !state.active,
                 },
                 // States
                 'focus-visible:outline-none focus-visible:outline-offset-0',
                 {
-                    'focus-visible:border-primary-200 focus-visible:text-primary-400': !context.active,
+                    'focus-visible:border-primary-200 focus-visible:text-primary-400': !state.active,
                 },
                 // Disabled States
                 {
@@ -85,17 +74,7 @@ exports.default = (0, core_1.definePreset)('WANGS-TAB-MENU', {
     icon: {
         class: 'mr-2',
     },
-    inkbar: function (_a) {
-        var props = _a.props;
-        return ({
-            class: [
-                'grow border-b-2 border-primary-100',
-                {
-                    hidden: props.type === 'pill' ||
-                        props.useTrailingLine === false ||
-                        props.type === 'segmented',
-                },
-            ],
-        });
+    inkbar: {
+        class: 'grow border-b-2 border-primary-100',
     },
-});
+};

package/fixedasset/timeline/index.d.ts

@@ -30,36 +30,14 @@ declare namespace _default {
     }
     function markerArrow(item: any): {
         class: (string | {
-            '!flex': boolean;
+            '!visible': boolean;
             'rotate-180'?: undefined;
         } | {
             'rotate-180': any;
-            '!flex'?: undefined;
+            '!visible'?: undefined;
         })[];
         'data-wv-section': string;
     };
-    function markerDot(item: any): {
-        class: (string | {
-            '!flex': any;
-        })[];
-        'data-wv-section': string;
-    };
-    namespace contentHeader {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace contentDetailKey {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace contentDetailValue {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace contentDate {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
     function connector({ props }: {
         props: any;
     }): {

package/fixedasset/timeline/index.js

@@ -53,44 +53,25 @@ exports.default = {
     },
     marker: {
         class: [
-            'w-[22px] h-[22px]',
+            'w-max',
             'rounded-full',
             'bg-transparent',
-            'ring-1 ring-inset ring-general-100 p-0.5',
+            'ring-2 ring-inset ring-primary-400 p-0.5',
             'flex items-center justify-center',
         ],
     },
     markerArrow: function (item) { return ({
         'class': [
-            '!w-3 !h-3 hidden transition-transform duration-200 ease-in-out text-grayscale-900',
-            { '!flex': item.detail && !isEmptyObject(item.detail) },
+            'w-4 h-4 invisible transition-transform duration-200 ease-in-out text-grayscale-900',
+            { '!visible': item.detail && !isEmptyObject(item.detail) },
             { 'rotate-180': item.showDetail },
         ],
         'data-wv-section': 'markerArrow',
     }); },
-    markerDot: function (item) { return ({
-        'class': [
-            'hidden w-[6px] h-[6px] m-[3px] rounded-full bg-black',
-            { '!flex': !item.detail || isEmptyObject(item.detail) },
-        ],
-        'data-wv-section': 'markerDot',
-    }); },
-    contentHeader: {
-        class: ['leading-5 cursor-pointer truncate !text-xs !font-bold'],
-    },
-    contentDetailKey: {
-        class: ['text-general-400 whitespace-nowrap'],
-    },
-    contentDetailValue: {
-        class: ['text-xs text-general-800'],
-    },
-    contentDate: {
-        class: ['text-xs font-medium'],
-    },
     connector: function (_a) {
         var props = _a.props;
         return ({
-            class: ['w-[1px] grow bg-general-100'],
+            class: ['w-[2px] grow bg-grayscale-900'],
         });
     },
     content: function (_a) {

package/fixedasset/username/index.js

@@ -9,7 +9,7 @@ var preset = {
         return ({
             class: [
                 'text-xs font-medium cursor-pointer',
-                { 'text-primary-500 cursor-pointer': props.type === 'icon' },
+                { 'text-primary-400 cursor-pointer': props.type === 'icon' },
                 { 'text-general-800': props.type !== 'icon' },
             ],
         });

package/globalsettings/buttonradio/index.d.ts

@@ -1,13 +1,12 @@
 declare namespace _default {
-    function root({ props, state }: {
+    function root({ props }: {
         props: any;
-        state: any;
     }): {
         class: (string | {
-            'bg-white': any;
+            'bg-white': boolean;
             'bg-general-50': boolean;
             'ring-general-100': boolean;
-            'ring-primary-500': any;
+            'ring-primary-500': boolean;
             'ring-general-200': any;
             '!ring-danger-500'?: undefined;
         } | {
@@ -21,9 +20,8 @@ declare namespace _default {
         'data-wv-name': string;
         'data-wv-section': string;
     };
-    function box({ props, state }: {
+    function box({ props }: {
         props: any;
-        state: any;
     }): {
         class: (string | {
             'bg-primary-500': boolean;

package/globalsettings/buttonradio/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var toggleswitch_1 = require("../toggleswitch");
 exports.default = {
     root: function (_a) {
-        var props = _a.props, state = _a.state;
+        var props = _a.props;
         return ({
             'class': [
                 'relative',
@@ -17,10 +17,10 @@ exports.default = {
                 'rounded-full',
                 // Colors
                 {
-                    'bg-white': !props.disabled || state.checked,
-                    'bg-general-50': props.disabled && !state.checked,
-                    'ring-general-100': !props.disabled && !state.checked,
-                    'ring-primary-500': !props.disabled && state.checked,
+                    'bg-white': !props.disabled || props.value == props.modelValue,
+                    'bg-general-50': props.disabled && props.value != props.modelValue,
+                    'ring-general-100': !props.disabled && props.value != props.modelValue,
+                    'ring-primary-500': !props.disabled && props.value == props.modelValue,
                     'ring-general-200': props.disabled,
                 },
                 {
@@ -34,7 +34,7 @@ exports.default = {
         });
     },
     box: function (_a) {
-        var props = _a.props, state = _a.state;
+        var props = _a.props;
         return ({
             class: [
                 // Size
@@ -50,8 +50,12 @@ exports.default = {
                 'transition duration-200 ease-in-out',
                 // Colors
                 {
-                    'bg-primary-500': state.checked && props.value !== undefined && !props.disabled,
-                    'bg-general-200': state.checked && props.value !== undefined && props.disabled,
+                    'bg-primary-500': props.value == props.modelValue &&
+                        props.value !== undefined &&
+                        !props.disabled,
+                    'bg-general-200': props.value == props.modelValue &&
+                        props.value !== undefined &&
+                        props.disabled,
                 },
                 // States
                 {

package/globalsettings/fieldwrapper/index.d.ts

@@ -4,13 +4,10 @@ declare namespace _default {
         'data-wv-name': string;
         'data-wv-section': string;
     };
-    function label({ props, slots }: {
+    function label({ props }: {
         props: any;
-        slots: any;
     }): {
-        class: (any[] | {
-            'w-full': any;
-        })[];
+        class: any[][];
         'data-wv-section': string;
     };
     namespace info {

package/globalsettings/fieldwrapper/index.js

@@ -9,16 +9,13 @@ exports.default = {
         'data-wv-section': 'root',
     },
     label: function (_a) {
-        var props = _a.props, slots = _a.slots;
+        var props = _a.props;
         return ({
             'class': [
                 [
                     'text-general-900 text-xs flex gap-[2px] font-medium tracking-[0.02em]',
                     props.labelClass,
                 ],
-                {
-                    'w-full': slots['label-addon']
-                }
             ],
             'data-wv-section': 'fieldlabel',
         });

package/globalsettings/index.d.ts

@@ -104,7 +104,7 @@ import card from './card/index.js';
 import menu from './menu/index.js';
 import steps from './steps/index.js';
 import breadcrumb from './breadcrumb/index.js';
-import tabmenu from './tabmenu/index';
+import tabmenu from './tabmenu/index.js';
 import dialog from './dialog/index.js';
 import dialogconfirm from './dialogconfirm/index.js';
 import dialogform from './dialogform/index.js';

package/globalsettings/index.js

@@ -39,19 +39,19 @@ var index_js_33 = require("./password/index.js");
 var index_js_34 = require("./buttonradio/index.js");
 var index_js_35 = require("./ripple/index.js");
 var index_js_36 = require("./steps/index.js");
-var index_3 = require("./tabmenu/index");
-var index_js_37 = require("./textarea/index.js");
-var index_js_38 = require("./timeline/index.js");
-var index_js_39 = require("./toast/index.js");
-var index_js_40 = require("./togglebutton/index.js");
-var index_js_41 = require("./tooltip/index.js");
-var index_js_42 = require("./tree/index.js");
-var index_js_43 = require("./treeselect/index.js");
-var index_js_44 = require("./tristatecheckbox/index.js");
-var index_js_45 = require("./validatormessage/index.js");
-var index_4 = require("./buttonbulkaction/index");
-var index_js_46 = require("./badgegroup/index.js");
-var index_js_47 = require("./breadcrumb/index.js");
+var index_js_37 = require("./tabmenu/index.js");
+var index_js_38 = require("./textarea/index.js");
+var index_js_39 = require("./timeline/index.js");
+var index_js_40 = require("./toast/index.js");
+var index_js_41 = require("./togglebutton/index.js");
+var index_js_42 = require("./tooltip/index.js");
+var index_js_43 = require("./tree/index.js");
+var index_js_44 = require("./treeselect/index.js");
+var index_js_45 = require("./tristatecheckbox/index.js");
+var index_js_46 = require("./validatormessage/index.js");
+var index_3 = require("./buttonbulkaction/index");
+var index_js_47 = require("./badgegroup/index.js");
+var index_js_48 = require("./breadcrumb/index.js");
 var inputcurrency_1 = require("./inputcurrency");
 var fileupload_1 = require("./fileupload");
 var fieldwrapper_1 = require("./fieldwrapper");
@@ -62,7 +62,7 @@ var username_1 = require("./username");
 var directives = {
     badge: index_js_3.default,
     ripple: index_js_35.default,
-    tooltip: index_js_41.default,
+    tooltip: index_js_42.default,
 };
 var globalsettings = {
     global: global_js_1.default,
@@ -80,21 +80,21 @@ var globalsettings = {
     checkbox: index_js_12.default,
     buttonradio: index_js_34.default,
     multiselect: index_js_30.default,
-    togglebutton: index_js_40.default,
+    togglebutton: index_js_41.default,
     toggleswitch: toggleswitch_1.default,
     inputgroup: index_js_23.default,
     inputgroupaddon: index_js_24.default,
-    treeselect: index_js_43.default,
-    tristatecheckbox: index_js_44.default,
-    textarea: index_js_37.default,
+    treeselect: index_js_44.default,
+    tristatecheckbox: index_js_45.default,
+    textarea: index_js_38.default,
     password: index_js_33.default,
-    validatormessage: index_js_45.default,
+    validatormessage: index_js_46.default,
     fileupload: fileupload_1.default,
     fieldwrapper: fieldwrapper_1.default,
     // Buttons
     button: index_js_4.default,
     buttondownload: index_js_5.default,
-    buttonbulkaction: index_4.default,
+    buttonbulkaction: index_3.default,
     buttonsearch: index_js_7.default,
     buttonsplit: index_js_8.default,
     buttonfilter: index_js_6.default,
@@ -102,8 +102,8 @@ var globalsettings = {
     paginator: index_js_32.default,
     datatable: index_js_15.default,
     customcolumn: index_js_14.default,
-    tree: index_js_42.default,
-    timeline: index_js_38.default,
+    tree: index_js_43.default,
+    timeline: index_js_39.default,
     changelog: index_js_11.default,
     // Panels
     accordion: index_js_1.default,
@@ -111,8 +111,8 @@ var globalsettings = {
     // Menu
     menu: index_js_28.default,
     steps: index_js_36.default,
-    breadcrumb: index_js_47.default,
-    tabmenu: index_3.default,
+    breadcrumb: index_js_48.default,
+    tabmenu: index_js_37.default,
     // Overlays
     dialog: index_js_16.default,
     dialogconfirm: index_js_17.default,
@@ -121,12 +121,12 @@ var globalsettings = {
     // Messages
     message: index_js_29.default,
     inlinemessage: index_js_21.default,
-    toast: index_js_39.default,
+    toast: index_js_40.default,
     // Media
     carousel: index_js_10.default,
     // Misc
     badge: index_js_2.default,
-    badgegroup: index_js_46.default,
+    badgegroup: index_js_47.default,
     image: index_js_20.default,
     loading: loading_1.default,
     codesnippet: index_js_13.default,