@fewangsit/wangsvue-presets 1.0.80

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

@@ -0,0 +1,245 @@
+"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',
+            ],
+        });
+    },
+};

package/wangsvue/organizationchart/index.d.ts

@@ -0,0 +1,71 @@
+declare namespace _default {
+    namespace table {
+        let _class: string[];
+        export { _class as class };
+    }
+    namespace cell {
+        let _class_1: string[];
+        export { _class_1 as class };
+    }
+    function node({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'text-surface-600/80': boolean;
+            'bg-surface-0': boolean;
+            'text-surface-700': any;
+            'bg-surface-50': any;
+            'hover:bg-surface-100/40'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'hover:bg-surface-100/40': any;
+            'text-surface-600/80'?: undefined;
+            'bg-surface-0'?: undefined;
+            'text-surface-700'?: undefined;
+            'bg-surface-50'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'cursor-pointer': any;
+            'text-surface-600/80'?: undefined;
+            'bg-surface-0'?: undefined;
+            'text-surface-700'?: undefined;
+            'bg-surface-50'?: undefined;
+            'hover:bg-surface-100/40'?: undefined;
+        })[];
+    };
+    namespace linecell {
+        let _class_2: string[];
+        export { _class_2 as class };
+    }
+    namespace linedown {
+        let _class_3: string[];
+        export { _class_3 as class };
+    }
+    function lineleft({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'border-t': any;
+        })[];
+    };
+    function lineright({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'border-t border-surface-200': any;
+        })[];
+    };
+    namespace nodecell {
+        let _class_4: string;
+        export { _class_4 as class };
+    }
+    namespace nodetoggler {
+        let _class_5: string[];
+        export { _class_5 as class };
+    }
+    namespace nodetogglericon {
+        let _class_6: string[];
+        export { _class_6 as class };
+    }
+}
+export default _default;

package/wangsvue/organizationchart/index.js

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    table: {
+        class: [
+            // Spacing & Position
+            'mx-auto my-0',
+            // Table Style
+            'border-spacing-0 border-separate',
+        ],
+    },
+    cell: {
+        class: [
+            // Alignment
+            'text-center align-top',
+            // Spacing
+            'py-0 px-3',
+        ],
+    },
+    node: function (_a) {
+        var context = _a.context;
+        return ({
+            class: [
+                'relative inline-block',
+                // Font
+                'text-sm leading-none',
+                // Spacing
+                'px-5 py-3',
+                // Shape
+                'border',
+                'rounded',
+                // Color
+                'border-surface-200',
+                {
+                    'text-surface-600/80': !(context === null || context === void 0 ? void 0 : context.selected),
+                    'bg-surface-0': !(context === null || context === void 0 ? void 0 : context.selected),
+                    'text-surface-700': context === null || context === void 0 ? void 0 : context.selected,
+                    'bg-surface-50': context === null || context === void 0 ? void 0 : context.selected,
+                },
+                // States
+                {
+                    'hover:bg-surface-100/40': context === null || context === void 0 ? void 0 : context.selectable,
+                },
+                { 'cursor-pointer': context === null || context === void 0 ? void 0 : context.selectable },
+            ],
+        });
+    },
+    linecell: {
+        class: [
+            // Alignment
+            'text-center align-top',
+            // Spacing
+            'py-0 px-3',
+        ],
+    },
+    linedown: {
+        class: [
+            // Spacing
+            'mx-auto my-0',
+            // Size
+            'w-px h-[20px]',
+            // Color
+            'bg-surface-200',
+        ],
+    },
+    lineleft: function (_a) {
+        var context = _a.context;
+        return ({
+            class: [
+                // Alignment
+                'text-center align-top',
+                // Spacing
+                'py-0 px-3',
+                // Shape
+                'rounded-none border-r',
+                { 'border-t': context.lineTop },
+                // Color
+                'border-surface-200',
+            ],
+        });
+    },
+    lineright: function (_a) {
+        var context = _a.context;
+        return ({
+            class: [
+                // Alignment
+                'text-center align-top',
+                // Spacing
+                'py-0 px-3',
+                // Shape
+                'rounded-none',
+                // Color
+                {
+                    'border-t border-surface-200': context.lineTop,
+                },
+            ],
+        });
+    },
+    nodecell: {
+        class: 'text-center align-top py-0 px-3',
+    },
+    nodetoggler: {
+        class: [
+            // Position
+            'absolute bottom-[-0.75rem] left-2/4 -ml-3',
+            'z-20',
+            // Flexbox
+            'flex items-center justify-center',
+            // Size
+            'w-6 h-6',
+            // Shape
+            'rounded-full',
+            // Color
+            'bg-inherit text-inherit',
+            // Focus
+            'focus:outline-none focus:outline-offset-0 focus:ring-2 focus:ring-primary-500',
+            // Misc
+            'cursor-pointer no-underline select-none',
+        ],
+    },
+    nodetogglericon: {
+        class: [
+            // Position
+            'relative inline-block',
+            // Size
+            'w-4 h-4',
+        ],
+    },
+};

package/wangsvue/overlaypanel/index.d.ts

@@ -0,0 +1,17 @@
+declare namespace _default {
+    namespace root {
+        let _class: string[];
+        export { _class as class };
+    }
+    namespace content {
+        let _class_1: string;
+        export { _class_1 as class };
+    }
+    namespace transition {
+        let enterFromClass: string;
+        let enterActiveClass: string;
+        let leaveActiveClass: string;
+        let leaveToClass: string;
+    }
+}
+export default _default;

package/wangsvue/overlaypanel/index.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        class: [
+            'h-max',
+            // Shape
+            'rounded-lg',
+            'shadow-xl',
+            'border-0',
+            // Position
+            'absolute left-0 top-0 mt-2',
+            'z-40 transform origin-center',
+            // Color
+            'bg-white',
+            'text-general-800',
+            // Before: Triangle
+            'before:absolute before:-top-2 before:ml-4 before:z-50',
+            'before:w-0 before:h-0 before:shadow-xl',
+            // 'before:border-transparent before:border-solid',
+            // 'before:border-x-[0.5rem] before:border-b-[0.5rem]',
+            // 'before:border-t-0 before:border-b-surface-0',
+        ],
+    },
+    content: {
+        class: 'items-center flex',
+    },
+    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',
+    },
+};