@fewangsit/wangsvue-presets 1.0.82 → 1.0.84-alpha.0

package/wangsvue/orderlist/index.d.ts

@@ -0,0 +1,99 @@
+declare namespace _default {
+    namespace root {
+        let _class: string[];
+        export { _class as class };
+    }
+    namespace controls {
+        let _class_1: string[];
+        export { _class_1 as class };
+    }
+    namespace moveupbutton {
+        export function root_1({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'cursor-default pointer-events-none opacity-60': any;
+            })[];
+        };
+        export { root_1 as root };
+        export namespace label {
+            let _class_2: string[];
+            export { _class_2 as class };
+        }
+    }
+    namespace movedownbutton {
+        export function root_2({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'cursor-default pointer-events-none opacity-60': any;
+            })[];
+        };
+        export { root_2 as root };
+        export namespace label_1 {
+            let _class_3: string[];
+            export { _class_3 as class };
+        }
+        export { label_1 as label };
+    }
+    namespace movetopbutton {
+        export function root_3({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'cursor-default pointer-events-none opacity-60': any;
+            })[];
+        };
+        export { root_3 as root };
+        export namespace label_2 {
+            let _class_4: string[];
+            export { _class_4 as class };
+        }
+        export { label_2 as label };
+    }
+    namespace movebottombutton {
+        export function root_4({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'cursor-default pointer-events-none opacity-60': any;
+            })[];
+        };
+        export { root_4 as root };
+        export namespace label_3 {
+            let _class_5: string[];
+            export { _class_5 as class };
+        }
+        export { label_3 as label };
+    }
+    namespace container {
+        let _class_6: string[];
+        export { _class_6 as class };
+    }
+    namespace header {
+        let _class_7: string[];
+        export { _class_7 as class };
+    }
+    namespace list {
+        let _class_8: string[];
+        export { _class_8 as class };
+    }
+    function item({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'bg-surface-100': boolean;
+            'bg-surface-200'?: undefined;
+            'bg-surface-50/70'?: undefined;
+        } | {
+            'bg-surface-200': any;
+            'bg-surface-100'?: undefined;
+            'bg-surface-50/70'?: undefined;
+        } | {
+            'bg-surface-50/70': any;
+            'bg-surface-100'?: undefined;
+            'bg-surface-200'?: undefined;
+        })[];
+    };
+}
+export default _default;

package/wangsvue/orderlist/index.js

@@ -1,275 +1,245 @@
-export default {
-  root: {
-    class: [
-      // Flexbox
-      'flex',
-    ],
-  },
-  controls: {
-    class: [
-      // Flexbox & Alignment
-      'flex flex-col justify-center gap-2',
-
-      // Spacing
-      'p-3',
-    ],
-  },
-  moveupbutton: {
-    root: ({ context }) => ({
-      class: [
-        // Flexbox & Alignment
-        'relative inline-flex items-center justify-center',
-
-        // Shape
-        'rounded-md',
-
-        // Color
-        'text-white',
-        'bg-primary-500',
-        'border border-primary-500',
-
-        // Spacing & Size
-        'text-sm',
-        'w-8',
-        'm-0',
-        'px-2.5 py-1.5 min-w-[2rem]',
-        'shadow-sm',
-
-        // Transitions
-        'transition duration-200 ease-in-out',
-
-        // State
-        'hover:bg-primary-600 hover:border-primary-600',
-        'focus:outline-none focus:outline-offset-0 focus:ring-2',
-        'focus:ring-primary-500',
-        { 'cursor-default pointer-events-none opacity-60': context.disabled },
-
-        // Interactivity
-        'cursor-pointer user-select-none',
-      ],
-    }),
-    label: {
-      class: [
-        // Flexbox
-        'flex-initial',
-
-        // Size
-        'w-0',
-      ],
-    },
-  },
-  movedownbutton: {
-    root: ({ context }) => ({
-      class: [
-        // Flexbox & Alignment
-        'relative inline-flex items-center justify-center',
-
-        // Shape
-        'rounded-md',
-
-        // Color
-        'text-white',
-        'bg-primary-500',
-        'border border-primary-500',
-
-        // Spacing & Size
-        'text-sm',
-        'w-8',
-        'm-0',
-        'px-2.5 py-1.5 min-w-[2rem]',
-        'shadow-sm',
-
-        // Transitions
-        'transition duration-200 ease-in-out',
-
-        // State
-        'hover:bg-primary-600 hover:border-primary-600',
-        'focus:outline-none focus:outline-offset-0 focus:ring-2',
-        'focus:ring-primary-500',
-        { 'cursor-default pointer-events-none opacity-60': context.disabled },
-
-        // Interactivity
-        'cursor-pointer user-select-none',
-      ],
-    }),
-    label: {
-      class: [
-        // Flexbox
-        'flex-initial',
-
-        // Size
-        'w-0',
-      ],
-    },
-  },
-  movetopbutton: {
-    root: ({ context }) => ({
-      class: [
-        // Flexbox & Alignment
-        'relative inline-flex items-center justify-center',
-
-        // Shape
-        'rounded-md',
-
-        // Color
-        'text-white',
-        'bg-primary-500',
-        'border border-primary-500',
-
-        // Spacing & Size
-        'text-sm',
-        'w-8',
-        'm-0',
-        'px-2.5 py-1.5 min-w-[2rem]',
-        'shadow-sm',
-
-        // Transitions
-        'transition duration-200 ease-in-out',
-
-        // State
-        'hover:bg-primary-600 hover:border-primary-600',
-        'focus:outline-none focus:outline-offset-0 focus:ring-2',
-        'focus:ring-primary-500',
-        { 'cursor-default pointer-events-none opacity-60': context.disabled },
-
-        // Interactivity
-        'cursor-pointer user-select-none',
-      ],
-    }),
-    label: {
-      class: [
-        // Flexbox
-        'flex-initial',
-
-        // Size
-        'w-0',
-      ],
-    },
-  },
-  movebottombutton: {
-    root: ({ context }) => ({
-      class: [
-        // Flexbox & Alignment
-        'relative inline-flex items-center justify-center',
-
-        // Shape
-        'rounded-md',
-
-        // Color
-        'text-white',
-        'bg-primary-500',
-        'border border-primary-500',
-
-        // Spacing & Size
-        'text-sm',
-        'w-8',
-        'm-0',
-        'px-2.5 py-1.5 min-w-[2rem]',
-        'shadow-sm',
-
-        // Transitions
-        'transition duration-200 ease-in-out',
-
-        // State
-        'hover:bg-primary-600 hover:border-primary-600',
-        'focus:outline-none focus:outline-offset-0 focus:ring-2',
-        'focus:ring-primary-500',
-        { 'cursor-default pointer-events-none opacity-60': context.disabled },
-
-        // Interactivity
-        'cursor-pointer user-select-none',
-      ],
-    }),
-    label: {
-      class: [
-        // Flexbox
-        'flex-initial',
-
-        // Size
-        'w-0',
-      ],
-    },
-  },
-  container: {
-    class: ['flex-auto'],
-  },
-  header: {
-    class: [
-      'font-semibold',
-
-      // Shape
-      'border-b rounded-t-md',
-
-      // Spacing
-      'py-3.5 px-3',
-
-      // Color
-      'text-surface-800/80',
-      'bg-surface-0',
-      'border-surface-200 border-b',
-    ],
-  },
-  list: {
-    class: [
-      // Spacing
-      'list-none m-0 p-0',
-
-      // Size
-      'min-h-[12rem] max-h-[24rem]',
-
-      // Shape
-      'rounded-b-md border-0',
-
-      // Color
-      'text-surface-600/80',
-      'bg-surface-0',
-      'border border-surface-200',
-
-      // Spacing
-      'py-3 px-0',
-
-      // Focus & Outline
-      'outline-none',
-
-      // Misc
-      'overflow-auto',
-    ],
-  },
-  item: ({ context }) => ({
-    class: [
-      // Position
-      'relative',
-
-      // Spacing
-      'py-3.5 px-3 m-0',
-
-      // Shape
-      'border-b last:border-b-0',
-
-      // Transition
-      'transition duration-200',
-
-      // Color
-      'text-surface-700/80',
-      'border-surface-200',
-      {
-        'bg-surface-100':
-          context.active && !context.focused,
-      },
-      {
-        'bg-surface-200':
-          context.active && context.focused,
-      },
-      {
-        'bg-surface-50/70':
-          !context.active && context.focused,
-      },
-
-      // State
-      'hover:bg-surface-100',
-
-      // Misc
-      'cursor-pointer overflow-hidden',
-    ],
-  }),
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        class: [
+            // Flexbox
+            'flex',
+        ],
+    },
+    controls: {
+        class: [
+            // Flexbox & Alignment
+            'flex flex-col justify-center gap-2',
+            // Spacing
+            'p-3',
+        ],
+    },
+    moveupbutton: {
+        root: function (_a) {
+            var context = _a.context;
+            return ({
+                class: [
+                    // Flexbox & Alignment
+                    'relative inline-flex items-center justify-center',
+                    // Shape
+                    'rounded-md',
+                    // Color
+                    'text-white',
+                    'bg-primary-500',
+                    'border border-primary-500',
+                    // Spacing & Size
+                    'text-sm',
+                    'w-8',
+                    'm-0',
+                    'px-2.5 py-1.5 min-w-[2rem]',
+                    'shadow-sm',
+                    // Transitions
+                    'transition duration-200 ease-in-out',
+                    // State
+                    'hover:bg-primary-600 hover:border-primary-600',
+                    'focus:outline-none focus:outline-offset-0 focus:ring-2',
+                    'focus:ring-primary-500',
+                    { 'cursor-default pointer-events-none opacity-60': context.disabled },
+                    // Interactivity
+                    'cursor-pointer user-select-none',
+                ],
+            });
+        },
+        label: {
+            class: [
+                // Flexbox
+                'flex-initial',
+                // Size
+                'w-0',
+            ],
+        },
+    },
+    movedownbutton: {
+        root: function (_a) {
+            var context = _a.context;
+            return ({
+                class: [
+                    // Flexbox & Alignment
+                    'relative inline-flex items-center justify-center',
+                    // Shape
+                    'rounded-md',
+                    // Color
+                    'text-white',
+                    'bg-primary-500',
+                    'border border-primary-500',
+                    // Spacing & Size
+                    'text-sm',
+                    'w-8',
+                    'm-0',
+                    'px-2.5 py-1.5 min-w-[2rem]',
+                    'shadow-sm',
+                    // Transitions
+                    'transition duration-200 ease-in-out',
+                    // State
+                    'hover:bg-primary-600 hover:border-primary-600',
+                    'focus:outline-none focus:outline-offset-0 focus:ring-2',
+                    'focus:ring-primary-500',
+                    { 'cursor-default pointer-events-none opacity-60': context.disabled },
+                    // Interactivity
+                    'cursor-pointer user-select-none',
+                ],
+            });
+        },
+        label: {
+            class: [
+                // Flexbox
+                'flex-initial',
+                // Size
+                'w-0',
+            ],
+        },
+    },
+    movetopbutton: {
+        root: function (_a) {
+            var context = _a.context;
+            return ({
+                class: [
+                    // Flexbox & Alignment
+                    'relative inline-flex items-center justify-center',
+                    // Shape
+                    'rounded-md',
+                    // Color
+                    'text-white',
+                    'bg-primary-500',
+                    'border border-primary-500',
+                    // Spacing & Size
+                    'text-sm',
+                    'w-8',
+                    'm-0',
+                    'px-2.5 py-1.5 min-w-[2rem]',
+                    'shadow-sm',
+                    // Transitions
+                    'transition duration-200 ease-in-out',
+                    // State
+                    'hover:bg-primary-600 hover:border-primary-600',
+                    'focus:outline-none focus:outline-offset-0 focus:ring-2',
+                    'focus:ring-primary-500',
+                    { 'cursor-default pointer-events-none opacity-60': context.disabled },
+                    // Interactivity
+                    'cursor-pointer user-select-none',
+                ],
+            });
+        },
+        label: {
+            class: [
+                // Flexbox
+                'flex-initial',
+                // Size
+                'w-0',
+            ],
+        },
+    },
+    movebottombutton: {
+        root: function (_a) {
+            var context = _a.context;
+            return ({
+                class: [
+                    // Flexbox & Alignment
+                    'relative inline-flex items-center justify-center',
+                    // Shape
+                    'rounded-md',
+                    // Color
+                    'text-white',
+                    'bg-primary-500',
+                    'border border-primary-500',
+                    // Spacing & Size
+                    'text-sm',
+                    'w-8',
+                    'm-0',
+                    'px-2.5 py-1.5 min-w-[2rem]',
+                    'shadow-sm',
+                    // Transitions
+                    'transition duration-200 ease-in-out',
+                    // State
+                    'hover:bg-primary-600 hover:border-primary-600',
+                    'focus:outline-none focus:outline-offset-0 focus:ring-2',
+                    'focus:ring-primary-500',
+                    { 'cursor-default pointer-events-none opacity-60': context.disabled },
+                    // Interactivity
+                    'cursor-pointer user-select-none',
+                ],
+            });
+        },
+        label: {
+            class: [
+                // Flexbox
+                'flex-initial',
+                // Size
+                'w-0',
+            ],
+        },
+    },
+    container: {
+        class: ['flex-auto'],
+    },
+    header: {
+        class: [
+            'font-semibold',
+            // Shape
+            'border-b rounded-t-md',
+            // Spacing
+            'py-3.5 px-3',
+            // Color
+            'text-surface-800/80',
+            'bg-surface-0',
+            'border-surface-200 border-b',
+        ],
+    },
+    list: {
+        class: [
+            // Spacing
+            'list-none m-0 p-0',
+            // Size
+            'min-h-[12rem] max-h-[24rem]',
+            // Shape
+            'rounded-b-md border-0',
+            // Color
+            'text-surface-600/80',
+            'bg-surface-0',
+            'border border-surface-200',
+            // Spacing
+            'py-3 px-0',
+            // Focus & Outline
+            'outline-none',
+            // Misc
+            'overflow-auto',
+        ],
+    },
+    item: function (_a) {
+        var context = _a.context;
+        return ({
+            class: [
+                // Position
+                'relative',
+                // Spacing
+                'py-3.5 px-3 m-0',
+                // Shape
+                'border-b last:border-b-0',
+                // Transition
+                'transition duration-200',
+                // Color
+                'text-surface-700/80',
+                'border-surface-200',
+                {
+                    'bg-surface-100': context.active && !context.focused,
+                },
+                {
+                    'bg-surface-200': context.active && context.focused,
+                },
+                {
+                    'bg-surface-50/70': !context.active && context.focused,
+                },
+                // State
+                'hover:bg-surface-100',
+                // Misc
+                'cursor-pointer overflow-hidden',
+            ],
+        });
+    },
+};