@fewangsit/wangsvue-presets 1.0.99-alpha.5 → 1.0.99-alpha.7

package/fixedasset/style.css

@@ -1437,6 +1437,10 @@
   height: 10px !important;
 }
 
+.\!h-\[26px\]{
+  height: 26px !important;
+}
+
 .\!h-\[28px\]{
   height: 28px !important;
 }

package/fixedasset/tabmenu/index.js

@@ -42,7 +42,7 @@ exports.default = (0, core_1.definePreset)('WANGS-TAB-MENU', {
                     '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-6': props.type === 'segmented',
+                    'py-[5px] px-3 !h-[26px]': props.type === 'segmented',
                     'ml-1': props.type === 'pill' && context.index !== 0,
                 },
                 // Shape

package/globalsettings/buttonradio/index.d.ts

@@ -1,12 +1,13 @@
 declare namespace _default {
-    function root({ props }: {
+    function root({ props, state }: {
         props: any;
+        state: any;
     }): {
         class: (string | {
-            'bg-white': boolean;
+            'bg-white': any;
             'bg-general-50': boolean;
             'ring-general-100': boolean;
-            'ring-primary-500': boolean;
+            'ring-primary-500': any;
             'ring-general-200': any;
             '!ring-danger-500'?: undefined;
         } | {
@@ -20,8 +21,9 @@ declare namespace _default {
         'data-wv-name': string;
         'data-wv-section': string;
     };
-    function box({ props }: {
+    function box({ props, state }: {
         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;
+        var props = _a.props, state = _a.state;
         return ({
             'class': [
                 'relative',
@@ -17,10 +17,10 @@ exports.default = {
                 'rounded-full',
                 // Colors
                 {
-                    '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,
+                    '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,
                     'ring-general-200': props.disabled,
                 },
                 {
@@ -34,7 +34,7 @@ exports.default = {
         });
     },
     box: function (_a) {
-        var props = _a.props;
+        var props = _a.props, state = _a.state;
         return ({
             class: [
                 // Size
@@ -50,12 +50,8 @@ exports.default = {
                 'transition duration-200 ease-in-out',
                 // Colors
                 {
-                    'bg-primary-500': props.value == props.modelValue &&
-                        props.value !== undefined &&
-                        !props.disabled,
-                    'bg-general-200': props.value == props.modelValue &&
-                        props.value !== undefined &&
-                        props.disabled,
+                    'bg-primary-500': state.checked && props.value !== undefined && !props.disabled,
+                    'bg-general-200': state.checked && props.value !== undefined && props.disabled,
                 },
                 // States
                 {