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

package/wangsvue/cascadeselect/index.js

@@ -1,191 +1,219 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    root: function (_a) {
-        var props = _a.props, state = _a.state;
-        return ({
-            class: [
-                // Display and Position
-                'inline-flex',
-                'relative',
-                // Shape
-                'w-full md:w-56',
-                'rounded-md',
-                'shadow-sm',
-                // Color and Background
-                'bg-surface-0',
-                // States
-                {
-                    'ring-1 ring-inset ring-surface-300': !state.focused,
-                    'ring-2 ring-inset ring-primary-500': state.focused,
-                },
-                // Misc
-                'cursor-default',
-                'select-none',
-                { 'opacity-60': props.disabled, 'pointer-events-none': props.disabled },
-            ],
-        });
-    },
-    label: function (_a) {
-        var props = _a.props;
-        return ({
-            class: [
-                //Font
-                'font-sans',
-                'leading-6',
-                'sm:text-sm',
-                // Flex & Alignment
-                ' flex flex-auto',
-                // Sizing and Spacing
-                'w-[1%]',
-                'py-1.5 px-3',
-                //Shape
-                'rounded-none',
-                // Color and Background
-                'bg-transparent',
-                'border-0',
-                {
-                    'text-surface-800/80': props.modelValue,
-                    'text-surface-400': !props.modelValue,
-                },
-                'placeholder:text-surface-400',
-                // Transitions
-                'transition',
-                'duration-200',
-                // States
-                'focus:outline-none focus:shadow-none',
-                // Misc
-                'relative',
-                'cursor-pointer',
-                'overflow-hidden overflow-ellipsis',
-                'whitespace-nowrap',
-                'appearance-none',
-            ],
-        });
-    },
-    dropdownbutton: {
-        class: [
-            //Font
-            'sm:text-sm',
-            // Flexbox
-            'flex items-center justify-center',
-            'shrink-0',
-            // Color and Background
-            'bg-transparent',
-            'text-surface-500',
-            // Size
-            'w-12',
-            // Shape
-            'rounded-tr-md',
-            'rounded-br-md',
-        ],
-    },
-    panel: {
-        class: [
-            // Position
-            'absolute top-0 left-0',
-            'mt-2',
-            // Shape
-            'border-0',
-            'rounded-md',
-            'shadow-md',
-            // Color
-            'bg-surface-0',
-            'text-surface-800/80',
-            'ring-1 ring-inset ring-surface-300',
-        ],
-    },
-    wrapper: {
-        class: [
-            // Sizing
-            'max-h-[200px]',
-            // Misc
-            'overflow-auto',
-        ],
-    },
-    list: {
-        class: 'py-1 list-none mx-1.5',
-    },
-    item: function (_a) {
-        var context = _a.context;
-        return ({
-            class: [
-                // Font
-                'sm:text-sm',
-                'leading-none',
-                // Shape
-                'border-0',
-                'rounded-md',
-                // Spacing
-                'm-0',
-                //  Colors
-                {
-                    'text-surface-500/70': !context.focused && !context.active,
-                    'text-surface-500/70 bg-surface-200': context.focused && !context.active,
-                    'text-surface-900/80 bg-surface-50': context.focused && context.active,
-                    'text-surface-900/80 bg-surface-50': !context.focused && context.active,
-                },
-                // Hover States
-                {
-                    'hover:bg-surface-50': !context.active,
-                    'hover:bg-surface-100 text-surface-900/80': context.active,
-                },
-                // Transitions
-                'transition-shadow',
-                'duration-200',
-                // Misc
-                'cursor-pointer',
-                'overflow-hidden',
-                'whitespace-nowrap',
-            ],
-        });
-    },
-    content: {
-        class: [
-            'relative',
-            // Flexbox
-            'flex',
-            'items-center',
-            // Spacing
-            'py-2 px-4',
-            // Misc
-            'no-underline',
-            'overflow-hidden',
-            'cursor-pointer',
-            'select-none',
-        ],
-    },
-    groupicon: {
-        class: [
-            // Alignment
-            'ml-auto',
-        ],
-    },
-    sublist: {
-        class: [
-            // Size
-            'w-full sm:w-48',
-            // Spacing
-            'p-1.5',
-            'm-0',
-            'list-none',
-            // Shape
-            'shadow-none sm:shadow-md',
-            'border-0',
-            // Position
-            'static sm:absolute',
-            'z-10',
-            // Color
-            'bg-surface-0',
-        ],
-    },
-    separator: {
-        class: 'border-t border-surface-200 my-1',
-    },
-    transition: {
-        enterFromClass: 'opacity-0 scale-y-[0.8]',
-        enterActiveClass: 'transition-[transform,opacity] duration-[120ms] ease-[cubic-bezier(0,0,0.2,1)]',
-        leaveActiveClass: 'transition-opacity duration-100 ease-linear',
-        leaveToClass: 'opacity-0',
-    },
-};
+export default {
+  root: ({ props, state }) => ({
+    class: [
+      // Display and Position
+      'inline-flex',
+      'relative',
+
+      // Shape
+      'w-full md:w-56',
+      'rounded-md',
+      'shadow-sm',
+
+      // Color and Background
+      'bg-surface-0',
+
+      // States
+      {
+        'ring-1 ring-inset ring-surface-300':
+          !state.focused,
+        'ring-2 ring-inset ring-primary-500':
+          state.focused,
+      },
+
+      // Misc
+      'cursor-default',
+      'select-none',
+      { 'opacity-60': props.disabled, 'pointer-events-none': props.disabled },
+    ],
+  }),
+  label: ({ props }) => ({
+    class: [
+      //Font
+      'font-sans',
+      'leading-6',
+      'sm:text-sm',
+
+      // Flex & Alignment
+      ' flex flex-auto',
+
+      // Sizing and Spacing
+      'w-[1%]',
+      'py-1.5 px-3',
+
+      //Shape
+      'rounded-none',
+
+      // Color and Background
+      'bg-transparent',
+      'border-0',
+      {
+        'text-surface-800/80': props.modelValue,
+        'text-surface-400': !props.modelValue,
+      },
+      'placeholder:text-surface-400',
+
+      // Transitions
+      'transition',
+      'duration-200',
+
+      // States
+      'focus:outline-none focus:shadow-none',
+
+      // Misc
+      'relative',
+      'cursor-pointer',
+      'overflow-hidden overflow-ellipsis',
+      'whitespace-nowrap',
+      'appearance-none',
+    ],
+  }),
+  dropdownbutton: {
+    class: [
+      //Font
+      'sm:text-sm',
+
+      // Flexbox
+      'flex items-center justify-center',
+      'shrink-0',
+
+      // Color and Background
+      'bg-transparent',
+      'text-surface-500',
+
+      // Size
+      'w-12',
+
+      // Shape
+      'rounded-tr-md',
+      'rounded-br-md',
+    ],
+  },
+  panel: {
+    class: [
+      // Position
+      'absolute top-0 left-0',
+      'mt-2',
+
+      // Shape
+      'border-0',
+      'rounded-md',
+      'shadow-md',
+
+      // Color
+      'bg-surface-0',
+      'text-surface-800/80',
+      'ring-1 ring-inset ring-surface-300',
+    ],
+  },
+  wrapper: {
+    class: [
+      // Sizing
+      'max-h-[200px]',
+
+      // Misc
+      'overflow-auto',
+    ],
+  },
+  list: {
+    class: 'py-1 list-none mx-1.5',
+  },
+  item: ({ context }) => ({
+    class: [
+      // Font
+      'sm:text-sm',
+      'leading-none',
+
+      // Shape
+      'border-0',
+      'rounded-md',
+
+      // Spacing
+      'm-0',
+
+      //  Colors
+      {
+        'text-surface-500/70':
+          !context.focused && !context.active,
+        'text-surface-500/70 bg-surface-200':
+          context.focused && !context.active,
+        'text-surface-900/80 bg-surface-50':
+          context.focused && context.active,
+        'text-surface-900/80 bg-surface-50':
+          !context.focused && context.active,
+      },
+
+      // Hover States
+      {
+        'hover:bg-surface-50': !context.active,
+        'hover:bg-surface-100 text-surface-900/80':
+          context.active,
+      },
+
+      // Transitions
+      'transition-shadow',
+      'duration-200',
+
+      // Misc
+      'cursor-pointer',
+      'overflow-hidden',
+      'whitespace-nowrap',
+    ],
+  }),
+  content: {
+    class: [
+      'relative',
+
+      // Flexbox
+      'flex',
+      'items-center',
+
+      // Spacing
+      'py-2 px-4',
+
+      // Misc
+      'no-underline',
+      'overflow-hidden',
+      'cursor-pointer',
+      'select-none',
+    ],
+  },
+  groupicon: {
+    class: [
+      // Alignment
+      'ml-auto',
+    ],
+  },
+  sublist: {
+    class: [
+      // Size
+      'w-full sm:w-48',
+
+      // Spacing
+      'p-1.5',
+      'm-0',
+      'list-none',
+
+      // Shape
+      'shadow-none sm:shadow-md',
+      'border-0',
+
+      // Position
+      'static sm:absolute',
+      'z-10',
+
+      // Color
+      'bg-surface-0',
+    ],
+  },
+  separator: {
+    class: 'border-t border-surface-200 my-1',
+  },
+  transition: {
+    enterFromClass: 'opacity-0 scale-y-[0.8]',
+    enterActiveClass:
+      'transition-[transform,opacity] duration-[120ms] ease-[cubic-bezier(0,0,0.2,1)]',
+    leaveActiveClass: 'transition-opacity duration-100 ease-linear',
+    leaveToClass: 'opacity-0',
+  },
+};

package/wangsvue/changelog/index.js

@@ -1,31 +1,29 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    button: function (buttonClass) { return ({
-        'class': [buttonClass, 'w-max'],
-        'data-wv-section': 'changelog-button',
-    }); },
-    icon: {
-        class: ['text-2xl'],
-    },
-    dialog: {
-        'class': 'w-[800px] !z-50',
-        'data-wv-name': 'changelog-dialog',
-    },
-    root: {
-        class: 'flex flex-col gap-2 justify-between',
-    },
-    header: {
-        'class': 'flex justify-end gap-1 items-center',
-        'data-wv-section': 'changelog-dialog-header',
-    },
-    buttonsearch: {
-        'data-wv-section': 'changelog-dialog-button-search',
-    },
-    buttonfilter: {
-        'data-wv-section': 'changelog-dialog-button-filter',
-    },
-    buttondownload: {
-        'data-wv-section': 'changelog-dialog-button-download',
-    },
-};
+export default {
+  button: (buttonClass) => ({
+    'class': [buttonClass, 'w-max'],
+    'data-wv-section': 'changelog-button',
+  }),
+  icon: {
+    class: ['text-2xl'],
+  },
+  dialog: {
+    'class': 'w-[800px] !z-50',
+    'data-wv-name': 'changelog-dialog',
+  },
+  root: {
+    class: 'flex flex-col gap-2 justify-between',
+  },
+  header: {
+    'class': 'flex justify-end gap-1 items-center',
+    'data-wv-section': 'changelog-dialog-header',
+  },
+  buttonsearch: {
+    'data-wv-section': 'changelog-dialog-button-search',
+  },
+  buttonfilter: {
+    'data-wv-section': 'changelog-dialog-button-filter',
+  },
+  buttondownload: {
+    'data-wv-section': 'changelog-dialog-button-download',
+  },
+};