@fewangsit/wangsvue-presets 1.0.107 → 1.0.108-alpha.1

package/fixedasset/fieldwrapper/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     let root: {
         class: string[];
         'data-wv-name': string;
@@ -26,4 +27,3 @@ declare namespace _default {
         export { _class_2 as class };
     }
 }
-export default _default;

package/fixedasset/fieldwrapper/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     root: {
         'class': [
             'flex flex-col items-start justify-start relative gap-1 w-full shrink-0 overflow-hidden',
@@ -13,23 +13,24 @@ exports.default = {
         return ({
             'class': [
                 [
-                    'text-general-900 text-xs flex gap-[2px] font-medium tracking-[0.02em]',
+                    'text-general-900 dark:text-general-100 text-xs flex gap-[2px] font-medium tracking-[0.02em]',
                     props.labelClass,
                 ],
                 {
-                    'w-full': slots['label-addon']
-                }
+                    'w-full': slots['label-addon'],
+                },
             ],
             'data-wv-section': 'fieldlabel',
         });
     },
     info: {
-        class: 'w-2.5 h-2.5 text-primary-500',
+        class: 'w-2.5 h-2.5 text-primary-500 dark:text-primary-300',
     },
     optionaltext: {
-        class: 'text-grayscale-700 text-[10px] font-normal leading-4',
+        class: 'text-grayscale-700 dark:text-general-200 text-[10px] font-normal leading-4',
     },
     arterisksign: {
-        class: 'text-danger-500',
+        class: 'text-danger-500 dark:text-danger-500',
     },
 };
+exports.default = definePreset;

package/fixedasset/fileupload/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     let root: {
         'data-wv-name': string;
         'data-wv-section': string;
@@ -26,4 +27,3 @@ declare namespace _default {
         export { _class as class };
     }
 }
-export default _default;

package/fixedasset/fileupload/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     root: {
         'data-wv-name': 'fileupload',
         'data-wv-section': 'root',
@@ -29,3 +29,4 @@ exports.default = {
         class: 'flex justify-start',
     },
 };
+exports.default = definePreset;

package/fixedasset/filtercontainer/index.d.ts

@@ -1,7 +1,7 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     namespace root {
         let _class: string[];
         export { _class as class };
     }
 }
-export default _default;

package/fixedasset/filtercontainer/index.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     root: {
         class: [
-            'bg-general-50 rounded-lg [&>*]:w-full [&>*]min-w-0',
+            'bg-general-50 dark:bg-grayscale-800 rounded-lg [&>*]:w-full [&>*]min-w-0',
             'grid items-end p-3 gap-x-3 gap-y-4',
         ],
     },
 };
+exports.default = definePreset;

package/fixedasset/form/index.d.ts

@@ -1,4 +1,5 @@
-declare const _default: {
+export default definePreset;
+declare const definePreset: {
     root: () => {
         class: string[];
         'data-wv-section': string;
@@ -40,4 +41,3 @@ declare const _default: {
         class: string[];
     };
 };
-export default _default;

package/fixedasset/form/index.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     // :class="['ts-form', { 'sticky-buttons': props.stickyButtons }]"
     'root': function () { return ({
         'class': [
-            'flex flex-col gap-3 text-general-800 text-[0.75rem] font-medium leading-[16.8px] tracking-[0.02em]',
+            'flex flex-col gap-3 text-general-800 text-[0.75rem] font-medium leading-[16.8px] tracking-[0.02em] dark:text-general-100',
         ],
         'data-wv-section': 'root',
     }); },
@@ -45,3 +45,4 @@ exports.default = {
         class: ['static w-max transform-none'],
     },
 };
+exports.default = definePreset;

package/fixedasset/global.js

@@ -7,7 +7,7 @@ exports.ringClass = [
         'ring-[0.5px] p-[0.5px]': !navigator.userAgent.includes('Firefox'),
     },
     'ring-inset',
-    'ring-general-200',
+    'ring-general-200 dark:ring-grayscale-600',
 ];
 exports.default = {
     css: "\n    *[data-pd-ripple=\"true\"]{\n        overflow: hidden;\n        position: relative;\n    }\n    span[data-p-ink-active=\"true\"]{\n        animation: ripple 0.4s linear;\n    }\n    @keyframes ripple {\n        100% {\n            opacity: 0;\n            transform: scale(2.5);\n        }\n    }\n\n    .progress-spinner-circle {\n        stroke-dasharray: 89, 400;\n        stroke-dashoffset: 0;\n        animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n        stroke-linecap: round;\n    }\n\n    @keyframes p-progress-spinner-dash{\n        0% {\n            stroke-dasharray: 1, 400;\n            stroke-dashoffset: 0;\n        }\n\n        50% {\n            stroke-dasharray: 89, 400;\n            stroke-dashoffset: -35px;\n        }\n        100% {\n            stroke-dasharray: 89, 400;\n            stroke-dashoffset: -124px;\n        }\n    }\n    @keyframes p-progress-spinner-color {\n        100%, 0% {\n            stroke: #ff5757;\n        }\n        40% {\n            stroke: #696cff;\n        }\n        66% {\n            stroke: #1ea97c;\n        }\n        80%, 90% {\n            stroke: #cc8925;\n        }\n    }\n\n    .progressbar-value-animate::after {\n        will-change: left, right;\n        animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    }\n    .progressbar-value-animate::before {\n        will-change: left, right;\n        animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    }\n\n    @keyframes p-progressbar-indeterminate-anim {\n        0% {\n            left: -35%;\n            right: 100%;\n        }\n        60% {\n            left: 100%;\n            right: -90%;\n        }\n        100% {\n            left: 100%;\n            right: -90%;\n        }\n    }\n",

package/fixedasset/image/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     function root({ props }: {
         props: any;
     }): {
@@ -85,4 +86,3 @@ declare namespace _default {
         let leaveToClass: string;
     }
 }
-export default _default;

package/fixedasset/image/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     root: function (_a) {
         var props = _a.props;
         return ({
@@ -37,20 +37,20 @@ exports.default = {
             'absolute',
             'w-full h-full',
             'inset-0 opacity-0 transition-opacity duration-300',
-            'bg-transparent text-white',
-            'hover:cursor-pointer hover:bg-grayscale-900 hover:opacity-50',
+            'bg-transparent dark:bg-transparent text-white dark:text-grayscale-900',
+            'hover:cursor-pointer hover:bg-grayscale-900 dark:hover:bg-grayscale-900 hover:opacity-50',
         ],
         style: 'border-radius: inherit',
     },
     icon: {
-        class: 'text-white w-6 h-6 opacity-100 max-w-[50%]',
+        class: 'text-white dark:text-white w-6 h-6 opacity-100 max-w-[50%]',
     },
     mask: {
         class: [
             'flex items-center justify-center',
             'fixed top-0 left-0',
             'w-full h-full',
-            'bg-grayscale-950/90',
+            'bg-grayscale-950/90 dark:bg-grayscale-950/90',
         ],
     },
     toolbar: {
@@ -63,9 +63,9 @@ exports.default = {
             'w-6 h-6',
             'mr-2',
             'rounded-full',
-            'text-white bg-transparent',
-            'hover:text-white hover:bg-white/10',
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50',
+            'text-white dark:text-white bg-transparent dark:bg-transparent',
+            'hover:text-white dark:hover:text-white hover:bg-white/10 dark:hover:bg-white/10',
+            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-400/50',
             'transition duration-200 ease-in-out',
         ],
     },
@@ -79,9 +79,9 @@ exports.default = {
             'w-6 h-6',
             'mr-2',
             'rounded-full',
-            'text-white bg-transparent',
-            'hover:text-white hover:bg-white/10',
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50',
+            'text-white dark:text-white bg-transparent dark:bg-transparent',
+            'hover:text-white dark:hover:text-white hover:bg-white/10 dark:hover:bg-white/10',
+            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-400/50',
             'transition duration-200 ease-in-out',
         ],
     },
@@ -95,9 +95,9 @@ exports.default = {
             'w-6 h-6',
             'mr-2',
             'rounded-full',
-            'text-white bg-transparent',
-            'hover:text-white hover:bg-white/10',
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50',
+            'text-white dark:text-white bg-transparent dark:bg-transparent',
+            'hover:text-white dark:hover:text-white hover:bg-white/10 dark:hover:bg-white/10',
+            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-400/50',
             'transition duration-200 ease-in-out',
         ],
     },
@@ -111,9 +111,9 @@ exports.default = {
             'w-6 h-6',
             'mr-2',
             'rounded-full',
-            'text-white bg-transparent',
-            'hover:text-white hover:bg-white/10',
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50',
+            'text-white dark:text-white bg-transparent dark:bg-transparent',
+            'hover:text-white dark:hover:text-white hover:bg-white/10 dark:hover:bg-white/10',
+            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-400/50',
             'transition duration-200 ease-in-out',
         ],
     },
@@ -127,9 +127,9 @@ exports.default = {
             'w-6 h-6',
             'mr-2',
             'rounded-full',
-            'text-white bg-transparent',
-            'hover:text-white hover:bg-white/10',
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50',
+            'text-white dark:text-white bg-transparent dark:bg-transparent',
+            'hover:text-white dark:hover:text-white hover:bg-white/10 dark:hover:bg-white/10',
+            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-400/50',
             'transition duration-200 ease-in-out',
         ],
     },
@@ -143,3 +143,4 @@ exports.default = {
         leaveToClass: 'opacity-0 scale-75',
     },
 };
+exports.default = definePreset;