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

package/wangsvue/contextmenu/index.js

@@ -1,122 +1,113 @@
-export default {
-  root: {
-    class: [
-      // Sizing and Shape
-      'min-w-[12rem]',
-      'rounded-md',
-      'shadow-md',
-
-      // Spacing
-      'p-1.5',
-
-      // Colors
-      'bg-surface-0',
-      'text-surface-700/80',
-    ],
-  },
-  menu: {
-    class: [
-      // Spacings and Shape
-      'list-none',
-      'm-0',
-      'p-0',
-      'outline-none',
-    ],
-  },
-  menuitem: {
-    class: 'relative',
-  },
-  content: ({ context }) => ({
-    class: [
-      //Shape
-      'rounded-md',
-
-      //  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,
-      },
-
-      // Hover States
-      {
-        'hover:bg-surface-50': !context.active,
-        'hover:bg-surface-100 text-surface-900/80':
-          context.active,
-      },
-
-      // Transitions
-      'transition-shadow',
-      'duration-200',
-    ],
-  }),
-  action: {
-    class: [
-      'relative',
-
-      // Font
-      'font-semibold',
-
-      // Flexbox
-      'flex',
-      'items-center',
-
-      // Spacing
-      'py-2',
-      'px-3',
-
-      // Misc
-      'no-underline',
-      'overflow-hidden',
-      'cursor-pointer',
-      'select-none',
-    ],
-  },
-  icon: {
-    class: [
-      // Spacing
-      'mr-2',
-      'leading-6',
-      'text-sm',
-    ],
-  },
-  label: {
-    class: ['leading-6', 'text-sm'],
-  },
-  submenu: ({ props }) => ({
-    class: [
-      // Size
-      'w-full sm:w-48',
-
-      // Spacing
-      'p-1.5',
-      'm-0',
-      'list-none',
-
-      // Shape
-      'shadow-md',
-      'rounded-md',
-
-      // Position
-      'static sm:absolute',
-      'z-10',
-      { 'sm:absolute sm:left-full sm:top-0': props.level > 1 },
-
-      // Color
-      'bg-surface-0',
-    ],
-  }),
-  submenuicon: {
-    class: ['ml-auto'],
-  },
-  separator: {
-    class: 'border-t border-surface-200 my-1',
-  },
-  transition: {
-    enterFromClass: 'opacity-0',
-    enterActiveClass: 'transition-opacity duration-250',
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        class: [
+            // Sizing and Shape
+            'min-w-[12rem]',
+            'rounded-md',
+            'shadow-md',
+            // Spacing
+            'p-1.5',
+            // Colors
+            'bg-surface-0',
+            'text-surface-700/80',
+        ],
+    },
+    menu: {
+        class: [
+            // Spacings and Shape
+            'list-none',
+            'm-0',
+            'p-0',
+            'outline-none',
+        ],
+    },
+    menuitem: {
+        class: 'relative',
+    },
+    content: function (_a) {
+        var context = _a.context;
+        return ({
+            class: [
+                //Shape
+                'rounded-md',
+                //  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,
+                },
+                // Hover States
+                {
+                    'hover:bg-surface-50': !context.active,
+                    'hover:bg-surface-100 text-surface-900/80': context.active,
+                },
+                // Transitions
+                'transition-shadow',
+                'duration-200',
+            ],
+        });
+    },
+    action: {
+        class: [
+            'relative',
+            // Font
+            'font-semibold',
+            // Flexbox
+            'flex',
+            'items-center',
+            // Spacing
+            'py-2',
+            'px-3',
+            // Misc
+            'no-underline',
+            'overflow-hidden',
+            'cursor-pointer',
+            'select-none',
+        ],
+    },
+    icon: {
+        class: [
+            // Spacing
+            'mr-2',
+            'leading-6',
+            'text-sm',
+        ],
+    },
+    label: {
+        class: ['leading-6', 'text-sm'],
+    },
+    submenu: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                // Size
+                'w-full sm:w-48',
+                // Spacing
+                'p-1.5',
+                'm-0',
+                'list-none',
+                // Shape
+                'shadow-md',
+                'rounded-md',
+                // Position
+                'static sm:absolute',
+                'z-10',
+                { 'sm:absolute sm:left-full sm:top-0': props.level > 1 },
+                // Color
+                'bg-surface-0',
+            ],
+        });
+    },
+    submenuicon: {
+        class: ['ml-auto'],
+    },
+    separator: {
+        class: 'border-t border-surface-200 my-1',
+    },
+    transition: {
+        enterFromClass: 'opacity-0',
+        enterActiveClass: 'transition-opacity duration-250',
+    },
+};

package/wangsvue/datatable/index.d.ts

@@ -0,0 +1,286 @@
+declare namespace _default {
+    let root: {
+        'data-wv-name': string;
+        'data-wv-section': string;
+    };
+    let tablewrapper: {
+        class: string[];
+        'data-wv-section': string;
+    };
+    function scrollheightwrapper({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            '!overflow-y-auto': boolean;
+        })[];
+        style: string;
+        'data-wv-section': string;
+    };
+    let table: {
+        class: string[];
+        'data-wv-section': string;
+    };
+    namespace tbody {
+        let _class: string[];
+        export { _class as class };
+    }
+    namespace thead {
+        let _class_1: string[];
+        export { _class_1 as class };
+    }
+    namespace headerrow {
+        let _class_2: string[];
+        export { _class_2 as class };
+    }
+    function bodyrow({ context, props }: {
+        context: any;
+        props: any;
+    }): {
+        class: (string | {
+            '!h-[35px]': boolean;
+            'bg-transparent'?: undefined;
+            'bg-primary-100'?: undefined;
+            'focus:outline-none focus:outline-offset-0'?: undefined;
+            'hover:!bg-primary-50'?: undefined;
+            'hover:!bg-warning-300 !bg-warning-200'?: undefined;
+            'transition duration-200'?: undefined;
+            'select-none'?: undefined;
+            'select-auto'?: undefined;
+            '!cursor-grab [&_label]:!cursor-grab'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'bg-transparent': boolean;
+            'bg-primary-100': any;
+            '!h-[35px]'?: undefined;
+            'focus:outline-none focus:outline-offset-0'?: undefined;
+            'hover:!bg-primary-50'?: undefined;
+            'hover:!bg-warning-300 !bg-warning-200'?: undefined;
+            'transition duration-200'?: undefined;
+            'select-none'?: undefined;
+            'select-auto'?: undefined;
+            '!cursor-grab [&_label]:!cursor-grab'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'focus:outline-none focus:outline-offset-0': any;
+            'hover:!bg-primary-50': boolean;
+            'hover:!bg-warning-300 !bg-warning-200': any;
+            '!h-[35px]'?: undefined;
+            'bg-transparent'?: undefined;
+            'bg-primary-100'?: undefined;
+            'transition duration-200'?: undefined;
+            'select-none'?: undefined;
+            'select-auto'?: undefined;
+            '!cursor-grab [&_label]:!cursor-grab'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'transition duration-200': any;
+            '!h-[35px]'?: undefined;
+            'bg-transparent'?: undefined;
+            'bg-primary-100'?: undefined;
+            'focus:outline-none focus:outline-offset-0'?: undefined;
+            'hover:!bg-primary-50'?: undefined;
+            'hover:!bg-warning-300 !bg-warning-200'?: undefined;
+            'select-none'?: undefined;
+            'select-auto'?: undefined;
+            '!cursor-grab [&_label]:!cursor-grab'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'select-none': any;
+            'select-auto': boolean;
+            '!h-[35px]'?: undefined;
+            'bg-transparent'?: undefined;
+            'bg-primary-100'?: undefined;
+            'focus:outline-none focus:outline-offset-0'?: undefined;
+            'hover:!bg-primary-50'?: undefined;
+            'hover:!bg-warning-300 !bg-warning-200'?: undefined;
+            'transition duration-200'?: undefined;
+            '!cursor-grab [&_label]:!cursor-grab'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            '!cursor-grab [&_label]:!cursor-grab': any;
+            '!h-[35px]'?: undefined;
+            'bg-transparent'?: undefined;
+            'bg-primary-100'?: undefined;
+            'focus:outline-none focus:outline-offset-0'?: undefined;
+            'hover:!bg-primary-50'?: undefined;
+            'hover:!bg-warning-300 !bg-warning-200'?: undefined;
+            'transition duration-200'?: undefined;
+            'select-none'?: undefined;
+            'select-auto'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'cursor-pointer': boolean;
+            '!h-[35px]'?: undefined;
+            'bg-transparent'?: undefined;
+            'bg-primary-100'?: undefined;
+            'focus:outline-none focus:outline-offset-0'?: undefined;
+            'hover:!bg-primary-50'?: undefined;
+            'hover:!bg-warning-300 !bg-warning-200'?: undefined;
+            'transition duration-200'?: undefined;
+            'select-none'?: undefined;
+            'select-auto'?: undefined;
+            '!cursor-grab [&_label]:!cursor-grab'?: undefined;
+        })[];
+    };
+    function headercell({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'bg-primary-400': boolean;
+            'bg-primary-500'?: undefined;
+            'sticky right-0 hover:bg-primary-500'?: undefined;
+            '!cursor-default'?: undefined;
+        } | {
+            'bg-primary-500': any;
+            'bg-primary-400'?: undefined;
+            'sticky right-0 hover:bg-primary-500'?: undefined;
+            '!cursor-default'?: undefined;
+        } | {
+            'sticky right-0 hover:bg-primary-500': any;
+            '!cursor-default': boolean;
+            'bg-primary-400'?: undefined;
+            'bg-primary-500'?: undefined;
+        })[];
+        'data-wv-section': string;
+    };
+    let headercellcontent: {
+        class: string[];
+        'data-wv-section': string;
+    };
+    let headercellreorderable: {
+        class: string[];
+        'data-wv-section': string;
+    };
+    namespace draggableicon {
+        let _class_3: string;
+        export { _class_3 as class };
+    }
+    function headercheckbox({ context }: {
+        context: any;
+    }): {
+        class: {
+            '[&_[data-pc-section=box]]:!border-white [&_[data-pc-section=box]]:!bg-transparent': boolean;
+        }[];
+        'data-wv-section': string;
+    };
+    let headercellcheckbox: {
+        class: string;
+        'data-wv-section': string;
+    };
+    let headertoggler: {
+        class: string[];
+        'data-wv-section': string;
+    };
+    namespace columnvisibilityicon {
+        let _class_4: string[];
+        export { _class_4 as class };
+        export let info: string;
+    }
+    function headertogglerbutton({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'rotate-180': any;
+            'rotate-0'?: undefined;
+        } | {
+            'rotate-0': boolean;
+            'rotate-180'?: undefined;
+        })[];
+        'icon-class': string;
+        'data-wv-section': string;
+    };
+    let rowcheckbox: {
+        class: string;
+        'data-wv-section': string;
+    };
+    let bodycell: {
+        class: string[];
+        'data-wv-section': string;
+    };
+    function multirowcontainer({ props }: {
+        props: any;
+    }): {
+        class: string[];
+    };
+    function multirow({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            '!border-t border-primary-100 !border-solid': boolean;
+        })[];
+    };
+    function rowtogglerbutton({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'rotate-180': any;
+            'rotate-0'?: undefined;
+        } | {
+            'rotate-0': boolean;
+            'rotate-180'?: undefined;
+        })[];
+        'icon-class': string;
+        'data-wv-section': string;
+    };
+    let childrowheader: {
+        class: string;
+        'data-wv-section': string;
+    };
+    let celleditableelement: {
+        class: string[];
+        'data-wv-section': string;
+    };
+    function rowsingleactioncell({ props, context }: {
+        props: any;
+        context: any;
+    }): {
+        class: (string | {
+            'sticky bg-white': any;
+            '!bg-primary-100': any;
+            'group-hover:!bg-primary-50': boolean;
+            'group-hover:!bg-warning-300 !bg-warning-200': any;
+        })[];
+        'data-wv-section': string;
+    };
+    let singleactionwrapper: {
+        class: string[];
+        'data-wv-section': string;
+    };
+    function singleactionbutton({ props }: {
+        props: any;
+    }): {
+        class: ({
+            'pointer-events-none !border-general-100 [&>i]:text-general-200': any;
+            'pointer-events-auto'?: undefined;
+        } | {
+            'pointer-events-auto': boolean;
+            'pointer-events-none !border-general-100 [&>i]:text-general-200'?: undefined;
+        })[];
+        tooltip: string;
+        'data-wv-section': string;
+    };
+    let nodatalottiewrapper: {
+        class: string;
+        'data-wv-section': string;
+    };
+    let nodatalottie: {
+        class: string;
+        'data-wv-section': string;
+    };
+    let loadingtablewrapper: {
+        class: string;
+        'data-wv-section': string;
+    };
+    let loadingtablelottie: {
+        class: string;
+        'data-wv-section': string;
+    };
+    function paginator({ context }: {
+        context: any;
+    }): {
+        'current-page-report-template': string;
+        class: string;
+        template: string;
+    };
+}
+export default _default;