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

package/fixedasset/badge/index.d.ts

@@ -0,0 +1,47 @@
+declare namespace _default {
+    function root({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            '!text-general-400 !bg-general-100': any;
+            'text-success-800 bg-success-100': boolean;
+            'text-primary-800 bg-primary-200': boolean;
+            'text-grayscale-900 bg-grayscale-500': boolean;
+            'text-warning-600 bg-warning-100': boolean;
+            'text-danger-700 bg-danger-200': boolean;
+        })[];
+        'data-wv-name': string;
+        'data-wv-section': string;
+    };
+    function input({ props, context }: {
+        props: any;
+        context: any;
+    }): {
+        class: (string | {
+            'caret-surface-700': any;
+            'cursor-default': boolean;
+        })[];
+    };
+    function removebutton({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            '!text-primary-800': boolean;
+            '!text-success-800': boolean;
+            '!text-danger-700': boolean;
+            '!text-warning-600': boolean;
+            '!text-grayscale-900': boolean;
+            'text-general-400'?: undefined;
+        } | {
+            'text-general-400': any;
+            '!text-primary-800'?: undefined;
+            '!text-success-800'?: undefined;
+            '!text-danger-700'?: undefined;
+            '!text-warning-600'?: undefined;
+            '!text-grayscale-900'?: undefined;
+        })[];
+        'icon-class': string;
+        'data-wv-section': string;
+    };
+}
+export default _default;

package/fixedasset/badge/index.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: function (_a) {
+        var props = _a.props;
+        return ({
+            'class': [
+                // Alignment
+                'inline-flex items-center',
+                // Size
+                'py-1 px-2',
+                // Shape
+                'rounded-[50px]',
+                // Color
+                {
+                    '!text-general-400 !bg-general-100': props.disabled,
+                    'text-success-800 bg-success-100': props.severity == 'success',
+                    'text-primary-800 bg-primary-200': props.severity == null || props.severity == 'primary',
+                    'text-grayscale-900 bg-grayscale-500': props.severity == 'dark',
+                    'text-warning-600 bg-warning-100': props.severity == 'warning',
+                    'text-danger-700 bg-danger-200': props.severity == 'danger',
+                },
+            ],
+            'data-wv-name': 'badge',
+            'data-wv-section': 'root',
+        });
+    },
+    input: function (_a) {
+        var props = _a.props, context = _a.context;
+        return ({
+            class: [
+                'text-nowrap whitespace-nowrap font-normal text-xs leading-4 tracking-[0.2488px]',
+                {
+                    'caret-surface-700': props.editable,
+                    'cursor-default': !!context.badgeTooltip,
+                },
+            ],
+        });
+    },
+    removebutton: function (_a) {
+        var props = _a.props;
+        return ({
+            'class': [
+                '!p-0 !w-3 !h-3 ml-1',
+                {
+                    '!text-primary-800': !props.badgeSeverity || props.badgeSeverity === 'primary',
+                    '!text-success-800': props.badgeSeverity === 'success',
+                    '!text-danger-700': props.badgeSeverity === 'danger',
+                    '!text-warning-600': props.badgeSeverity === 'warning',
+                    '!text-grayscale-900': props.badgeSeverity === 'dark',
+                },
+                {
+                    'text-general-400': props.disabled,
+                },
+            ],
+            'icon-class': 'w-3 h-3',
+            'data-wv-section': 'removebutton',
+        });
+    },
+};

package/fixedasset/badgedirective/index.d.ts

@@ -0,0 +1,50 @@
+declare namespace _default {
+    function root({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'p-0': any;
+            'p-1': boolean;
+            'min-w-[0.5rem] h-2': any;
+            'min-w-[1rem] h-4': boolean;
+            'rounded-full'?: undefined;
+            'rounded-[10px]'?: undefined;
+            'bg-primary-500'?: undefined;
+            'bg-surface-500'?: undefined;
+            'bg-green-500'?: undefined;
+            'bg-blue-500'?: undefined;
+            'bg-orange-500'?: undefined;
+            'bg-purple-500'?: undefined;
+            'bg-red-500'?: undefined;
+        } | {
+            'rounded-full': any;
+            'rounded-[10px]': boolean;
+            'p-0'?: undefined;
+            'p-1'?: undefined;
+            'min-w-[0.5rem] h-2'?: undefined;
+            'min-w-[1rem] h-4'?: undefined;
+            'bg-primary-500'?: undefined;
+            'bg-surface-500'?: undefined;
+            'bg-green-500'?: undefined;
+            'bg-blue-500'?: undefined;
+            'bg-orange-500'?: undefined;
+            'bg-purple-500'?: undefined;
+            'bg-red-500'?: undefined;
+        } | {
+            'bg-primary-500': boolean;
+            'bg-surface-500': any;
+            'bg-green-500': any;
+            'bg-blue-500': any;
+            'bg-orange-500': any;
+            'bg-purple-500': any;
+            'bg-red-500': any;
+            'p-0'?: undefined;
+            'p-1'?: undefined;
+            'min-w-[0.5rem] h-2'?: undefined;
+            'min-w-[1rem] h-4'?: undefined;
+            'rounded-full'?: undefined;
+            'rounded-[10px]'?: undefined;
+        })[];
+    };
+}
+export default _default;

package/fixedasset/badgedirective/index.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: function (_a) {
+        var context = _a.context;
+        return ({
+            class: [
+                // Font
+                'font-medium',
+                'text-xs leading-6 font-sans',
+                // Alignment
+                'flex items-center justify-center',
+                'text-center',
+                // Position
+                'absolute top-0 right-0 transform translate-x-1/2 -translate-y-1/2 origin-top-right',
+                // Size
+                'm-0',
+                {
+                    'p-0': context.nogutter || context.dot,
+                    'p-1': !context.nogutter && !context.dot,
+                    'min-w-[0.5rem] h-2': context.dot,
+                    'min-w-[1rem] h-4': !context.dot,
+                },
+                // Shape
+                {
+                    'rounded-full': context.nogutter || context.dot,
+                    'rounded-[10px]': !context.nogutter && !context.dot,
+                },
+                // Color
+                'text-white',
+                'ring-1 ring-white',
+                {
+                    'bg-primary-500': !context.info &&
+                        !context.success &&
+                        !context.warning &&
+                        !context.danger &&
+                        !context.help &&
+                        !context.secondary,
+                    'bg-surface-500': context.secondary,
+                    'bg-green-500': context.success,
+                    'bg-blue-500': context.info,
+                    'bg-orange-500': context.warning,
+                    'bg-purple-500': context.help,
+                    'bg-red-500': context.danger,
+                },
+            ],
+        });
+    },
+};

package/fixedasset/badgegroup/index.d.ts

@@ -0,0 +1,45 @@
+declare namespace _default {
+    let root: {
+        class: string;
+        'data-wv-name': string;
+        'data-wv-section': string;
+    };
+    let showmorebutton: {
+        class: string;
+        'data-wv-section': string;
+    };
+    namespace showmoredialog {
+        let root_1: {
+            class: (string | (string | {
+                'sm:max-w-[90vw]': boolean;
+                'transition-none'?: undefined;
+                'transform-none'?: undefined;
+                '!w-screen'?: undefined;
+                '!h-screen'?: undefined;
+                '!max-h-full'?: undefined;
+                '!top-0'?: undefined;
+                '!left-0'?: undefined;
+            } | {
+                'transition-none': any;
+                'transform-none': any;
+                '!w-screen': any;
+                '!h-screen': any;
+                '!max-h-full': any;
+                '!top-0': any;
+                '!left-0': any;
+                'sm:max-w-[90vw]'?: undefined;
+            })[])[];
+            'data-wv-section': string;
+        };
+        export { root_1 as root };
+        export let title: {
+            class: string[];
+            'data-wv-section': string;
+        };
+        export let content: {
+            class: string[];
+            'data-wv-section': string;
+        };
+    }
+}
+export default _default;

package/fixedasset/badgegroup/index.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var index_1 = require("../dialog/index");
+exports.default = {
+    root: {
+        'class': 'flex flex-nowrap items-center gap-1',
+        'data-wv-name': 'badgegroup',
+        'data-wv-section': 'root',
+    },
+    showmorebutton: {
+        'class': '!p-1 !h-auto',
+        'data-wv-section': 'showmorebutton',
+    },
+    showmoredialog: {
+        root: {
+            'class': [index_1.default.root({ state: {} }).class, 'w-[400px] !px-6 !py-3'],
+            'data-wv-section': 'showmoredialog',
+        },
+        title: {
+            'class': ['text-general-900 text-sm font-semibold leading-5'],
+            'data-wv-section': 'showmoredialogtitle',
+        },
+        content: {
+            'class': ['flex flex-wrap gap-1'],
+            'data-wv-section': 'showmoredialogcontent',
+        },
+        // All section in Dialog Preset can be added here
+    },
+};

package/fixedasset/breadcrumb/index.d.ts

@@ -0,0 +1,25 @@
+declare namespace _default {
+    let root: {
+        class: string[];
+        'data-wv-name': string;
+        'data-wv-section': string;
+    };
+    function item({ context }: {
+        context: any;
+    }): {
+        class: {
+            'font-semibold': any;
+            'text-primary-400': boolean;
+        };
+        'data-wv-section': string;
+    };
+    let itemlink: {
+        class: string;
+        'data-wv-section': string;
+    };
+    let separator: {
+        content: string;
+        'data-wv-section': string;
+    };
+}
+export default _default;

package/fixedasset/breadcrumb/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        'class': [
+            'flex gap-[5px] items-center text-left h-[21px]',
+            'text-grayscale-900 ',
+            'text-xs font-normal leading-none',
+        ],
+        'data-wv-name': 'breadcrumb',
+        'data-wv-section': 'root',
+    },
+    item: function (_a) {
+        var context = _a.context;
+        return ({
+            'class': {
+                'font-semibold': context.lastItem,
+                'text-primary-400': !context.lastItem && !context.firstItem,
+            },
+            'data-wv-section': 'breadcrumb-menu',
+        });
+    },
+    itemlink: {
+        'class': 'cursor-pointer text-primary',
+        'data-wv-section': 'itemlink',
+    },
+    separator: {
+        'content': '>',
+        'data-wv-section': 'separator',
+    },
+};

package/fixedasset/button/index.d.ts

@@ -0,0 +1,46 @@
+declare namespace _default {
+    function root({ props, context }: {
+        props: any;
+        context: any;
+    }): {
+        class: any[];
+    };
+    function label({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'hover:underline': any;
+            'flex-1'?: undefined;
+            'invisible w-0'?: undefined;
+        } | {
+            'flex-1': boolean;
+            'invisible w-0': boolean;
+            'hover:underline'?: undefined;
+        })[];
+    };
+    function icon({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            '!h-[11px] !w-[11px]': boolean;
+        })[];
+    };
+    function loadingIcon({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'mr-2': boolean;
+            'ml-2 order-1': boolean;
+            'mb-2': boolean;
+            'mt-2': boolean;
+        })[];
+    };
+    function badge({ props }: {
+        props: any;
+    }): {
+        class: {
+            'ml-2 w-4 h-4 leading-none flex items-center justify-center': any;
+        }[];
+    };
+}
+export default _default;