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

package/fixedasset/avatar/index.js

@@ -1,42 +1,44 @@
-export default {
-  root: ({ props, parent }) => ({
-    class: [
-      // Font
-      {
-        'text-sm': props.size == null || props.size == 'normal',
-        'text-lg': props.size == 'large',
-        'text-xl': props.size == 'xlarge',
-      },
-
-      // Alignments
-      'inline-flex items-center justify-center',
-      'shrink-0',
-      'relative',
-
-      // Sizes
-      {
-        'h-[30px] w-[30px]': props.size == null || props.size == 'normal',
-        'w-12 h-12': props.size == 'large',
-        'w-16 h-16': props.size == 'xlarge',
-      },
-      { '-ml-4': parent.instance.$style?.name == 'avatargroup' },
-
-      // Shapes
-      {
-        'rounded-lg': props.shape == 'square',
-        'rounded-full': props.shape == 'circle',
-      },
-      { 'border-[0.5px]': parent.instance.$style?.name == 'avatargroup' },
-
-      // Colors
-      'bg-general-300',
-      {
-        'border-gray-100': parent.instance.$style?.name == 'avatargroup',
-      },
-      'text-white',
-    ],
-  }),
-  image: {
-    class: 'h-full w-full rounded-full',
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: function (_a) {
+        var _b, _c, _d;
+        var props = _a.props, parent = _a.parent;
+        return ({
+            class: [
+                // Font
+                {
+                    'text-sm': props.size == null || props.size == 'normal',
+                    'text-lg': props.size == 'large',
+                    'text-xl': props.size == 'xlarge',
+                },
+                // Alignments
+                'inline-flex items-center justify-center',
+                'shrink-0',
+                'relative',
+                // Sizes
+                {
+                    'h-[30px] w-[30px]': props.size == null || props.size == 'normal',
+                    'w-12 h-12': props.size == 'large',
+                    'w-16 h-16': props.size == 'xlarge',
+                },
+                { '-ml-4': ((_b = parent.instance.$style) === null || _b === void 0 ? void 0 : _b.name) == 'avatargroup' },
+                // Shapes
+                {
+                    'rounded-lg': props.shape == 'square',
+                    'rounded-full': props.shape == 'circle',
+                },
+                { 'border-[0.5px]': ((_c = parent.instance.$style) === null || _c === void 0 ? void 0 : _c.name) == 'avatargroup' },
+                // Colors
+                'bg-general-300',
+                {
+                    'border-gray-100': ((_d = parent.instance.$style) === null || _d === void 0 ? void 0 : _d.name) == 'avatargroup',
+                },
+                'text-white',
+            ],
+        });
+    },
+    image: {
+        class: 'h-full w-full rounded-full',
+    },
+};

package/fixedasset/avatargroup/index.d.ts

@@ -0,0 +1,8 @@
+declare namespace _default {
+    let root: {
+        class: string;
+        'data-wv-name': string;
+        'data-wv-section': string;
+    };
+}
+export default _default;

package/fixedasset/avatargroup/index.js

@@ -1,7 +1,9 @@
-export default {
-  root: {
-    'class': 'flex items-center ml-4',
-    'data-wv-name': 'usergroup',
-    'data-wv-section': 'root',
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        'class': 'flex items-center ml-4',
+        'data-wv-name': 'usergroup',
+        'data-wv-section': 'root',
+    },
+};

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

@@ -1,54 +1,60 @@
-export default {
-  root: ({ props }) => ({
-    '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: ({ props, context }) => ({
-    class: [
-      'text-nowrap whitespace-nowrap font-normal text-xs leading-4 tracking-[0.2488px]',
-      {
-        'caret-surface-700': props.editable,
-        'cursor-default': !!context.badgeTooltip,
-      },
-    ],
-  }),
-  removebutton: ({ props }) => ({
-    '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',
-  }),
-};
+"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

@@ -1,50 +1,49 @@
-export default {
-  root: ({ context }) => ({
-    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,
-      },
-    ],
-  }),
-};
+"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

@@ -1,30 +1,29 @@
-import dialog from '../dialog/index';
-
-export 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': [dialog.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
-  },
-};
+"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

@@ -1,29 +1,31 @@
-export 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: ({ context }) => ({
-    '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',
-  },
-};
+"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',
+    },
+};