@fewangsit/wangsvue-presets 1.0.82 → 1.0.83

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

@@ -1,143 +1,129 @@
-export 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: ({ context }) => ({
-    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?.selected,
-        'bg-surface-0': !context?.selected,
-        'text-surface-700': context?.selected,
-        'bg-surface-50': context?.selected,
-      },
-
-      // States
-      {
-        'hover:bg-surface-100/40':
-          context?.selectable,
-      },
-
-      { 'cursor-pointer': 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: ({ context }) => ({
-    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: ({ context }) => ({
-    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',
-    ],
-  },
-};
+"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

@@ -1,36 +1,34 @@
-export 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',
-  },
-};
+"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',
+    },
+};

package/wangsvue/paginator/index.d.ts

@@ -0,0 +1,210 @@
+declare namespace _default {
+    namespace root {
+        let _class: string[];
+        export { _class as class };
+    }
+    namespace paginatorwrapper {
+        let _class_1: string;
+        export { _class_1 as class };
+    }
+    namespace pages {
+        let _class_2: string;
+        export { _class_2 as class };
+    }
+    function firstpagebutton({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'cursor-default pointer-events-none opacity-60': any;
+        })[];
+    };
+    function previouspagebutton({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'cursor-default pointer-events-none opacity-60': any;
+        })[];
+    };
+    function nextpagebutton({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'cursor-default pointer-events-none opacity-60': any;
+        })[];
+    };
+    function lastpagebutton({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'cursor-default pointer-events-none opacity-60': any;
+        })[];
+    };
+    function pagebutton({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'text-general-300 border-none hover:bg-grayscale-50': boolean;
+            'text-white bg-grayscale-900': any;
+            'hover:border-surface-300'?: undefined;
+            'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-primary-500'?: undefined;
+            'cursor-default pointer-events-none opacity-60'?: undefined;
+        } | {
+            'hover:border-surface-300': boolean;
+            'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-primary-500': boolean;
+            'text-general-300 border-none hover:bg-grayscale-50'?: undefined;
+            'text-white bg-grayscale-900'?: undefined;
+            'cursor-default pointer-events-none opacity-60'?: undefined;
+        } | {
+            'cursor-default pointer-events-none opacity-60': any;
+            'text-general-300 border-none hover:bg-grayscale-50'?: undefined;
+            'text-white bg-grayscale-900'?: undefined;
+            'hover:border-surface-300'?: undefined;
+            'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-primary-500'?: undefined;
+        })[];
+    };
+    namespace rowperpagedropdown {
+        export function root_1({ props, state }: {
+            props: any;
+            state: any;
+        }): {
+            class: (string | {
+                'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600': boolean;
+                'opacity-60'?: undefined;
+                'pointer-events-none'?: undefined;
+                'cursor-default'?: undefined;
+            } | {
+                'opacity-60': any;
+                'pointer-events-none': any;
+                'cursor-default': any;
+                'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600'?: undefined;
+            })[];
+        };
+        export { root_1 as root };
+        export namespace input {
+            let _class_3: string[];
+            export { _class_3 as class };
+        }
+        export namespace trigger {
+            let _class_4: string[];
+            export { _class_4 as class };
+        }
+        export namespace dropdownicon {
+            let _class_5: string;
+            export { _class_5 as class };
+        }
+        export namespace panel {
+            let _class_6: string[];
+            export { _class_6 as class };
+        }
+        export namespace wrapper {
+            let _class_7: string[];
+            export { _class_7 as class };
+        }
+        export namespace list {
+            let _class_8: string;
+            export { _class_8 as class };
+        }
+        export function item({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'font-normal': boolean;
+                'font-bold': any;
+            })[];
+        };
+    }
+    namespace jumptopageinput {
+        export namespace root_2 {
+            let _class_9: string;
+            export { _class_9 as class };
+        }
+        export { root_2 as root };
+        export namespace input_1 {
+            export namespace root_3 {
+                let _class_10: string[];
+                export { _class_10 as class };
+            }
+            export { root_3 as root };
+        }
+        export { input_1 as input };
+    }
+    namespace jumptopagedropdown {
+        export function root_4({ props, state }: {
+            props: any;
+            state: any;
+        }): {
+            class: (string | {
+                'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600': boolean;
+                'opacity-60'?: undefined;
+                'pointer-events-none'?: undefined;
+                'cursor-default'?: undefined;
+            } | {
+                'opacity-60': any;
+                'pointer-events-none': any;
+                'cursor-default': any;
+                'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600'?: undefined;
+            })[];
+        };
+        export { root_4 as root };
+        export namespace input_2 {
+            let _class_11: string[];
+            export { _class_11 as class };
+        }
+        export { input_2 as input };
+        export namespace trigger_1 {
+            let _class_12: string[];
+            export { _class_12 as class };
+        }
+        export { trigger_1 as trigger };
+        export namespace panel_1 {
+            let _class_13: string[];
+            export { _class_13 as class };
+        }
+        export { panel_1 as panel };
+        export namespace wrapper_1 {
+            let _class_14: string[];
+            export { _class_14 as class };
+        }
+        export { wrapper_1 as wrapper };
+        export namespace list_1 {
+            let _class_15: string;
+            export { _class_15 as class };
+        }
+        export { list_1 as list };
+        export function item_1({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'font-normal': boolean;
+                'font-bold': any;
+                'text-surface-700/80'?: undefined;
+                'bg-primary-500 text-white'?: undefined;
+                'bg-transparent text-surface-700/80'?: undefined;
+            } | {
+                'text-surface-700/80': boolean;
+                'font-normal'?: undefined;
+                'font-bold'?: undefined;
+                'bg-primary-500 text-white'?: undefined;
+                'bg-transparent text-surface-700/80'?: undefined;
+            } | {
+                'bg-primary-500 text-white': any;
+                'font-normal'?: undefined;
+                'font-bold'?: undefined;
+                'text-surface-700/80'?: undefined;
+                'bg-transparent text-surface-700/80'?: undefined;
+            } | {
+                'bg-transparent text-surface-700/80': any;
+                'font-normal'?: undefined;
+                'font-bold'?: undefined;
+                'text-surface-700/80'?: undefined;
+                'bg-primary-500 text-white'?: undefined;
+            })[];
+        };
+        export { item_1 as item };
+    }
+    namespace current {
+        let _class_16: string[];
+        export { _class_16 as class };
+    }
+}
+export default _default;