@fewangsit/wangsvue-presets 1.0.81-alpha.0 → 1.0.81-alpha.1

package/wangsvue/buttonbulkaction/index.js

@@ -1,35 +1,35 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    root: {
-        'class': 'flex gap-2 items-center',
-        'data-wv-name': 'buttonbulkaction',
-        'data-wv-section': 'root',
-    },
-    menu: {
-        'id': 'bulkaction-overlay-menu',
-        'class': 'flex gap-2 items-center',
-        'data-wv-section': 'menu',
-    },
-    selectionmessage: {
-        'class': 'text-xs text-grayscale-900 cursor-default whitespace-nowrap',
-        'data-wv-section': 'selectionmessage',
-    },
-    buttonselectall: function (_a) {
-        var context = _a.context;
-        return ({
-            'class': [
-                '!px-1.5 !py-1 -ml-1.5 -mr-1.5 !text-xs',
-                { 'pointer-events-none': context.selectedAll },
-            ],
-            'data-wv-section': 'buttonselectall',
-        });
-    },
-    bulkactiontoggle: {
-        'data-wv-section': 'bulkactiontoggle',
-    },
-    buttonclearselection: {
-        'class': '!p-0 !w-6 !h-6 [&_.icon]:!w-5 [&_.icon]:!h-5',
-        'data-wv-section': 'buttonclearselection',
-    },
-};
+export default {
+  root: {
+    'class': 'flex gap-2 items-center',
+    'data-wv-name': 'buttonbulkaction',
+    'data-wv-section': 'root',
+  },
+
+  menu: {
+    'id': 'bulkaction-overlay-menu',
+    'class': 'flex gap-2 items-center',
+    'data-wv-section': 'menu',
+  },
+
+  selectionmessage: {
+    'class': 'text-xs text-grayscale-900 cursor-default whitespace-nowrap',
+    'data-wv-section': 'selectionmessage',
+  },
+
+  buttonselectall: ({ context }) => ({
+    'class': [
+      '!px-1.5 !py-1 -ml-1.5 -mr-1.5 !text-xs',
+      { 'pointer-events-none': context.selectedAll },
+    ],
+    'data-wv-section': 'buttonselectall',
+  }),
+
+  bulkactiontoggle: {
+    'data-wv-section': 'bulkactiontoggle',
+  },
+
+  buttonclearselection: {
+    'class': '!p-0 !w-6 !h-6 [&_.icon]:!w-5 [&_.icon]:!h-5',
+    'data-wv-section': 'buttonclearselection',
+  },
+};

package/wangsvue/buttondownload/index.js

@@ -1,13 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    root: {
-        'class': 'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
-        'data-wv-name': 'buttondownload',
-        'data-wv-section': 'root',
-    },
-    icon: {
-        'class': 'text-2xl',
-        'data-wv-section': 'icon',
-    },
-};
+export default {
+  root: {
+    'class':
+      'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
+    'data-wv-name': 'buttondownload',
+    'data-wv-section': 'root',
+  },
+  icon: {
+    'class': 'text-2xl',
+    'data-wv-section': 'icon',
+  },
+};

package/wangsvue/buttonfilter/index.js

@@ -1,13 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    root: {
-        'class': 'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
-        'data-wv-name': 'buttonfilter',
-        'data-wv-section': 'root',
-    },
-    icon: {
-        'class': 'text-2xl',
-        'data-wv-section': 'icon',
-    },
-};
+export default {
+  root: {
+    'class':
+      'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
+    'data-wv-name': 'buttonfilter',
+    'data-wv-section': 'root',
+  },
+  icon: {
+    'class': 'text-2xl',
+    'data-wv-section': 'icon',
+  },
+};

package/wangsvue/buttonradio/index.js

@@ -1,109 +1,122 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    root: {
-        'class': 'flex items-center w-max gap-1 cursor-pointer text-xs',
-        'data-wv-name': 'buttonradio',
-        'data-wv-section': 'root',
-    },
-    wrapper: function (_a) {
-        var props = _a.props;
-        return ({
-            class: [
-                'relative',
-                // Flexbox & Alignment
-                'flex items-center justify-center',
-                // Size
-                'w-4 h-4',
-                // Shape
-                'border-2',
-                'rounded-full',
-                // Colors
-                {
-                    'bg-white': props.value !== props.modelValue &&
-                        props.value !== undefined &&
-                        !props.disabled,
-                    'bg-general-50': props.disabled,
-                    'border-general-100': props.value !== props.modelValue &&
-                        props.value !== undefined &&
-                        !props.disabled,
-                    'border-primary-500': props.value == props.modelValue &&
-                        props.value !== undefined &&
-                        !props.disabled,
-                    'border-general-200': props.disabled,
-                },
-                {
-                    '!border-danger-500': props.invalid,
-                },
-                // Misc
-                'cursor-pointer',
-            ],
-        });
-    },
-    box: function (_a) {
-        var props = _a.props;
-        return ({
-            class: [
-                // Flexbox
-                'flex justify-center items-center',
-                // Size
-                'w-2 h-2',
-                'text-sm',
-                'font-medium',
-                // Shape
-                // 'border-2',
-                'rounded-full',
-                // Transition
-                'transition duration-200 ease-in-out',
-                // Colors
-                {
-                    'border-general-100': props.value !== props.modelValue && props.value !== undefined,
-                    'border-primary-500': props.value == props.modelValue &&
-                        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
-                {
-                    'outline-none outline-offset-0': !props.disabled,
-                    'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-surface-0 peer-focus-visible:ring-primary-500': !props.disabled,
-                    // 'opacity-60 cursor-default': props.disabled,
-                },
-            ],
-        });
-    },
-    input: function (_a) {
-        var props = _a.props;
-        return ({
-            class: [
-                'peer',
-                // Size
-                'w-full ',
-                'h-full',
-                // Position
-                'absolute',
-                'top-0 left-0',
-                'z-10',
-                // Spacing
-                'p-0',
-                'm-0',
-                // Shape
-                'opacity-0',
-                'rounded-md',
-                'outline-none',
-                // 'border-2 border-surface-300',
-                // Misc
-                'appearance-none',
-                { 'cursor-default': props.disabled, 'cursor-pointer': !props.disabled },
-            ],
-        });
-    },
-    icon: {
-        class: 'hidden',
-    },
-};
+export default {
+  root: {
+    'class': 'flex items-center w-max gap-1 cursor-pointer text-xs',
+    'data-wv-name': 'buttonradio',
+    'data-wv-section': 'root',
+  },
+  wrapper: ({ props }) => ({
+    class: [
+      'relative',
+
+      // Flexbox & Alignment
+      'flex items-center justify-center',
+
+      // Size
+      'w-4 h-4',
+
+      // Shape
+      'border-2',
+      'rounded-full',
+
+      // Colors
+      {
+        'bg-white':
+          props.value !== props.modelValue &&
+          props.value !== undefined &&
+          !props.disabled,
+        'bg-general-50': props.disabled,
+        'border-general-100':
+          props.value !== props.modelValue &&
+          props.value !== undefined &&
+          !props.disabled,
+        'border-primary-500':
+          props.value == props.modelValue &&
+          props.value !== undefined &&
+          !props.disabled,
+        'border-general-200': props.disabled,
+      },
+
+      {
+        '!border-danger-500': props.invalid,
+      },
+
+      // Misc
+      'cursor-pointer',
+    ],
+  }),
+  box: ({ props }) => ({
+    class: [
+      // Flexbox
+      'flex justify-center items-center',
+
+      // Size
+      'w-2 h-2',
+      'text-sm',
+      'font-medium',
+
+      // Shape
+      // 'border-2',
+      'rounded-full',
+
+      // Transition
+      'transition duration-200 ease-in-out',
+
+      // Colors
+      {
+        'border-general-100':
+          props.value !== props.modelValue && props.value !== undefined,
+        'border-primary-500':
+          props.value == props.modelValue &&
+          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
+      {
+        'outline-none outline-offset-0': !props.disabled,
+        'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-surface-0 peer-focus-visible:ring-primary-500':
+          !props.disabled,
+        // 'opacity-60 cursor-default': props.disabled,
+      },
+    ],
+  }),
+  input: ({ props }) => ({
+    class: [
+      'peer',
+
+      // Size
+      'w-full ',
+      'h-full',
+
+      // Position
+      'absolute',
+      'top-0 left-0',
+      'z-10',
+
+      // Spacing
+      'p-0',
+      'm-0',
+
+      // Shape
+      'opacity-0',
+      'rounded-md',
+      'outline-none',
+      // 'border-2 border-surface-300',
+
+      // Misc
+      'appearance-none',
+      { 'cursor-default': props.disabled, 'cursor-pointer': !props.disabled },
+    ],
+  }),
+  icon: {
+    class: 'hidden',
+  },
+};

package/wangsvue/buttonsearch/index.js

@@ -1,62 +1,53 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    buttontrigger: {
-        root: function (_a) {
-            var context = _a.context;
-            return ({
-                'class': [
-                    { 'w-max': !context.showSearchInput },
-                    'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
-                ],
-                'data-wv-section': 'buttontrigger',
-            });
-        },
-        icon: {
-            class: 'w-6 h-6 text-grayscale-900 shrink-0',
-        },
-    },
-    collapsebutton: {
-        root: function (_a) {
-            var context = _a.context;
-            return ({
-                'class': [
-                    { 'w-max': !context.showSearchInput },
-                    'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
-                ],
-                'data-wv-section': 'collapsebutton',
-            });
-        },
-        icon: {
-            class: 'w-6 h-6 text-grayscale-900 shrink-0',
-        },
-    },
-    resetbutton: {
-        root: function (_a) {
-            var query = _a.query;
-            return ({
-                'class': [
-                    { invisible: !query },
-                    'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
-                ],
-                'data-wv-section': 'resetbutton',
-            });
-        },
-        icon: { class: ['text-2xl shrink-0'] },
-    },
-    hiddensubmit: { class: 'hidden' },
-    form: function (_a) {
-        var context = _a.context;
-        return ({
-            'class': [
-                { show: context.showSearchInput },
-                'grid grid-cols-[max-content,auto,max-content] items-center gap-0.5 max-w-[224px] h-6',
-                'border-b border-primary-100',
-            ],
-            'data-wv-section': 'form',
-        });
-    },
-    inputtext: {
-        class: '!h-max',
-    },
-};
+export default {
+  buttontrigger: {
+    root: ({ context }) => ({
+      'class': [
+        { 'w-max': !context.showSearchInput },
+        'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
+      ],
+      'data-wv-section': 'buttontrigger',
+    }),
+    icon: {
+      class: 'w-6 h-6 text-grayscale-900 shrink-0',
+    },
+  },
+
+  collapsebutton: {
+    root: ({ context }) => ({
+      'class': [
+        { 'w-max': !context.showSearchInput },
+        'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
+      ],
+      'data-wv-section': 'collapsebutton',
+    }),
+    icon: {
+      class: 'w-6 h-6 text-grayscale-900 shrink-0',
+    },
+  },
+
+  resetbutton: {
+    root: ({ query }) => ({
+      'class': [
+        { invisible: !query },
+        'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
+      ],
+      'data-wv-section': 'resetbutton',
+    }),
+    icon: { class: ['text-2xl shrink-0'] },
+  },
+
+  hiddensubmit: { class: 'hidden' },
+
+  form: ({ context }) => ({
+    'class': [
+      { show: context.showSearchInput },
+      'grid grid-cols-[max-content,auto,max-content] items-center gap-0.5 max-w-[224px] h-6',
+      'border-b border-primary-100',
+    ],
+    'data-wv-section': 'form',
+  }),
+
+  inputtext: {
+    class: '!h-max',
+  },
+};