vft 0.0.445 → 0.0.447

package/lib/components/tree/tree-node.vue.d.ts

@@ -99,12 +99,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     })>;
     TreeCheckbox: import("vft/es/utils").SFCWithInstall<{
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            value: {
-                type: import("vue").PropType<string | number | boolean | object>;
+            size: {
+                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
             };
             label: {
                 type: import("vue").PropType<string | number>;
             };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            value: {
+                type: import("vue").PropType<string | number | boolean | object>;
+            };
             border: {
                 type: import("vue").PropType<boolean>;
             };
@@ -114,12 +120,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             id: {
                 type: import("vue").PropType<string>;
             };
-            size: {
-                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<string | number | boolean>;
             };
@@ -161,12 +161,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             M: {};
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
-            value: {
-                type: import("vue").PropType<string | number | boolean | object>;
+            size: {
+                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
             };
             label: {
                 type: import("vue").PropType<string | number>;
             };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            value: {
+                type: import("vue").PropType<string | number | boolean | object>;
+            };
             border: {
                 type: import("vue").PropType<boolean>;
             };
@@ -176,12 +182,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             id: {
                 type: import("vue").PropType<string>;
             };
-            size: {
-                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<string | number | boolean>;
             };
@@ -217,12 +217,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        value: {
-            type: import("vue").PropType<string | number | boolean | object>;
+        size: {
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
         label: {
             type: import("vue").PropType<string | number>;
         };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        value: {
+            type: import("vue").PropType<string | number | boolean | object>;
+        };
         border: {
             type: import("vue").PropType<boolean>;
         };
@@ -232,12 +238,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         id: {
             type: import("vue").PropType<string>;
         };
-        size: {
-            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
         modelValue: {
             type: import("vue").PropType<string | number | boolean>;
         };
@@ -448,18 +448,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         });
         CheckboxGroup: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-                fill: {
-                    type: import("vue").PropType<string>;
+                size: {
+                    type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
                 };
                 label: {
                     type: import("vue").PropType<string>;
                 };
-                size: {
-                    type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                 };
+                fill: {
+                    type: import("vue").PropType<string>;
+                };
                 modelValue: {
                     type: import("vue").PropType<import("vft/es/components/checkbox").CheckboxGroupValueType>;
                     default: () => never[];
@@ -505,18 +505,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 M: {};
                 Defaults: {};
             }, Readonly<import("vue").ExtractPropTypes<{
-                fill: {
-                    type: import("vue").PropType<string>;
+                size: {
+                    type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
                 };
                 label: {
                     type: import("vue").PropType<string>;
                 };
-                size: {
-                    type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                 };
+                fill: {
+                    type: import("vue").PropType<string>;
+                };
                 modelValue: {
                     type: import("vue").PropType<import("vft/es/components/checkbox").CheckboxGroupValueType>;
                     default: () => never[];
@@ -556,18 +556,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             __isTeleport?: never;
             __isSuspense?: never;
         } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            fill: {
-                type: import("vue").PropType<string>;
+            size: {
+                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
             };
             label: {
                 type: import("vue").PropType<string>;
             };
-            size: {
-                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-            };
             disabled: {
                 type: import("vue").PropType<boolean>;
             };
+            fill: {
+                type: import("vue").PropType<string>;
+            };
             modelValue: {
                 type: import("vue").PropType<import("vft/es/components/checkbox").CheckboxGroupValueType>;
                 default: () => never[];

package/lib/components/upload/index.d.ts

@@ -3,16 +3,19 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         data: {
             type: import("vue").PropType<Record<string, any>>;
         };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
         drag: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        onChange: {
-            type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles, uploadInstance?: any) => void>;
-        };
         onProgress: {
             type: import("vue").PropType<(evt: import("./types").UploadProgressEvent, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
         };
+        onChange: {
+            type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles, uploadInstance?: any) => void>;
+        };
         onError: {
             type: import("vue").PropType<(error: Error, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
         };
@@ -24,9 +27,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
         method: {
             type: import("vue").PropType<string>;
             default: string;
@@ -199,16 +199,19 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         data: {
             type: import("vue").PropType<Record<string, any>>;
         };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
         drag: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        onChange: {
-            type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles, uploadInstance?: any) => void>;
-        };
         onProgress: {
             type: import("vue").PropType<(evt: import("./types").UploadProgressEvent, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
         };
+        onChange: {
+            type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles, uploadInstance?: any) => void>;
+        };
         onError: {
             type: import("vue").PropType<(error: Error, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
         };
@@ -220,9 +223,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
         method: {
             type: import("vue").PropType<string>;
             default: string;
@@ -392,16 +392,19 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
     data: {
         type: import("vue").PropType<Record<string, any>>;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
     drag: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    onChange: {
-        type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles, uploadInstance?: any) => void>;
-    };
     onProgress: {
         type: import("vue").PropType<(evt: import("./types").UploadProgressEvent, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
     };
+    onChange: {
+        type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles, uploadInstance?: any) => void>;
+    };
     onError: {
         type: import("vue").PropType<(error: Error, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
     };
@@ -413,9 +416,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
     method: {
         type: import("vue").PropType<string>;
         default: string;

package/lib/hooks/use-popper/index.d.ts

@@ -41,11 +41,11 @@ export declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, pop
                 popperEscapeOffsets: import("@popperjs/core").SideObject;
             };
             offset?: {
-                auto?: import("@popperjs/core").Offsets | undefined;
+                top?: import("@popperjs/core").Offsets | undefined;
+                bottom?: import("@popperjs/core").Offsets | undefined;
                 left?: import("@popperjs/core").Offsets | undefined;
                 right?: import("@popperjs/core").Offsets | undefined;
-                bottom?: import("@popperjs/core").Offsets | undefined;
-                top?: import("@popperjs/core").Offsets | undefined;
+                auto?: import("@popperjs/core").Offsets | undefined;
                 "auto-start"?: import("@popperjs/core").Offsets | undefined;
                 "auto-end"?: import("@popperjs/core").Offsets | undefined;
                 "top-start"?: import("@popperjs/core").Offsets | undefined;

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.445";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.447";exports.version=e;

package/lib/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.445",
+  "version": "0.0.447",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.445",
+  "version": "0.0.447",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -56,12 +56,12 @@
     "resize-detector": "0.3.0",
     "sortablejs": "1.15.0",
     "photoswipe": "5.4.4",
-    "@vft/constants": "0.0.75",
-    "@vft/utils": "0.0.145",
     "@vft/router": "0.0.67",
-    "@vft/directives": "0.0.36",
+    "@vft/constants": "0.0.75",
+    "@vft/store": "0.0.57",
     "@vft/use": "0.0.90",
-    "@vft/store": "0.0.57"
+    "@vft/utils": "0.0.145",
+    "@vft/directives": "0.0.36"
   },
   "vetur": {
     "tags": "tags.json",

package/theme-style/base.css

@@ -1,4 +1,4 @@
-@charset "UTF-8";:root{--vft-primary-color-rgb:33,150,243;--vft-success-color-rgb:62,175,124;--vft-warning-color-rgb:251,155,95;--vft-danger-color-rgb:242,109,109;--vft-error-color-rgb:242,109,109;--vft-info-color-rgb:144,147,153;--vft-color-white:#fff;--vft-color-black:#000;--vft-reverse-color-rgb:0,0,0;--vft-reverse-color:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-z-index-normal:1;--vft-z-index-top:1000;--vft-z-index-popper:2000;--vft-z-index-backtop:3050;--vft-z-index-header-layout:100;--vft-border-radius-small:2px;--vft-border-radius-base:4px;--vft-border-radius-medium:10px;--vft-border-radius-large:15px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-bg-color:background-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-component-size-large:40px;--vft-component-size:32px;--vft-component-size-small:24px;--vxe-ui-font-primary-color:var(--vft-primary-color)!important;--vxe-ui-font-primary-darken-color:var(
+@charset "UTF-8";:root{--vft-primary-color-rgb:33,150,243;--vft-success-color-rgb:62,175,124;--vft-warning-color-rgb:251,155,95;--vft-danger-color-rgb:242,109,109;--vft-error-color-rgb:242,109,109;--vft-info-color-rgb:144,147,153;--vft-color-white:#fff;--vft-color-black:#000;--vft-color-rgb:255,255,255;--vft-reverse-color-rgb:0,0,0;--vft-reverse-color:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-z-index-normal:1;--vft-z-index-top:1000;--vft-z-index-popper:2000;--vft-z-index-backtop:3050;--vft-z-index-header-layout:100;--vft-border-radius-small:2px;--vft-border-radius-base:4px;--vft-border-radius-medium:10px;--vft-border-radius-large:15px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-bg-color:background-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-component-size-large:40px;--vft-component-size:32px;--vft-component-size-small:24px;--vxe-ui-font-primary-color:var(--vft-primary-color)!important;--vxe-ui-font-primary-darken-color:var(
     --vft-primary-color-dark-2
   )!important;--vxe-ui-font-primary-lighten-color:var(
     --vft-primary-color-light-3

package/theme-style/dark/css-vars.css

@@ -1 +1 @@
-html.dark{color-scheme:dark;--vft-primary-color-light-3:rgb(29.1, 111, 176.1);--vft-primary-color-light-5:rgb(26.5, 85, 131.5);--vft-primary-color-light-7:rgb(23.9, 59, 86.9);--vft-primary-color-light-8:rgb(22.6, 46, 64.6);--vft-primary-color-light-9:rgb(21.3, 33, 42.3);--vft-primary-color:#2196f3;--vft-primary-color-dark-2:rgb(77.4, 171, 245.4);--vft-success-color-light-3:rgb(49.4, 128.5, 92.8);--vft-success-color-light-5:rgb(41, 97.5, 72);--vft-success-color-light-7:rgb(32.6, 66.5, 51.2);--vft-success-color-light-8:rgb(28.4, 51, 40.8);--vft-success-color-light-9:rgb(24.2, 35.5, 30.4);--vft-success-color:#3eaf7c;--vft-success-color-dark-2:rgb(100.6, 191, 150.2);--vft-warning-color-light-3:rgb(181.7, 114.5, 72.5);--vft-warning-color-light-5:rgb(135.5, 87.5, 57.5);--vft-warning-color-light-7:rgb(89.3, 60.5, 42.5);--vft-warning-color-light-8:rgb(66.2, 47, 35);--vft-warning-color-light-9:rgb(43.1, 33.5, 27.5);--vft-warning-color:#fb9b5f;--vft-warning-color-dark-2:rgb(251.8, 175, 127);--vft-danger-color-light-3:rgb(175.4, 82.3, 82.3);--vft-danger-color-light-5:rgb(131, 64.5, 64.5);--vft-danger-color-light-7:rgb(86.6, 46.7, 46.7);--vft-danger-color-light-8:rgb(64.4, 37.8, 37.8);--vft-danger-color-light-9:rgb(42.2, 28.9, 28.9);--vft-danger-color:#f26d6d;--vft-danger-color-dark-2:rgb(244.6, 138.2, 138.2);--vft-error-color-light-3:rgb(175.4, 82.3, 82.3);--vft-error-color-light-5:rgb(131, 64.5, 64.5);--vft-error-color-light-7:rgb(86.6, 46.7, 46.7);--vft-error-color-light-8:rgb(64.4, 37.8, 37.8);--vft-error-color-light-9:rgb(42.2, 28.9, 28.9);--vft-error-color:#f26d6d;--vft-error-color-dark-2:rgb(244.6, 138.2, 138.2);--vft-info-color-light-3:rgb(106.8, 108.9, 113.1);--vft-info-color-light-5:rgb(82, 83.5, 86.5);--vft-info-color-light-7:rgb(57.2, 58.1, 59.9);--vft-info-color-light-8:rgb(44.8, 45.4, 46.6);--vft-info-color-light-9:rgb(32.4, 32.7, 33.3);--vft-info-color:#909399;--vft-info-color-dark-2:rgb(166.2, 168.6, 173.4);--vft-box-shadow:0 12px 32px 4px rgba(0, 0, 0, 0.36),0 8px 20px rgba(0, 0, 0, 0.72);--vft-box-shadow-light:0 0 12px rgba(0, 0, 0, 0.72);--vft-box-shadow-lighter:0 0 6px rgba(0, 0, 0, 0.72);--vft-box-shadow-dark:0 16px 48px 16px rgba(0, 0, 0, 0.72),0 12px 32px #000,0 8px 16px -8px #000;--vft-bg-color-page:#0a0a0a;--vft-bg-color:#141414;--vft-bg-color-overlay:#1d1e1f;--vft-text-primary-color:#F6F6F6;--vft-text-regular-color:#DCDCDC;--vft-text-secondary-color:#ADADAD;--vft-text-placeholder-color:#959595;--vft-text-disabled-color:#727272;--vft-border-color-darker:#636466;--vft-border-color-dark:#58585B;--vft-border-color:#4C4D4F;--vft-border-color-light:#414243;--vft-border-color-lighter:#363637;--vft-border-color-extra-light:#2B2B2C;--vft-fill-color-darker:#424243;--vft-fill-color-dark:#39393A;--vft-fill-color:#303030;--vft-fill-color-light:#262727;--vft-fill-color-lighter:#1D1D1D;--vft-fill-color-extra-light:#191919;--vft-fill-color-blank:transparent;--vft-mask-color:rgba(0, 0, 0, 0.5);--vft-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vft-reverse-color:#fff;--vft-reverse-color-rgb:255,255,255;--vxe-ui-font-color:#a0a3a7;--vxe-ui-font-tinge-color:#33353b;--vxe-ui-font-lighten-color:#797b80;--vxe-ui-font-darken-color:#47494c;--vxe-ui-font-disabled-color:#464646;--vxe-ui-font-primary-color:var(--vft-primary-color);--vxe-ui-base-popup-border-color:#424242;--vxe-ui-base-popup-box-shadow:0 12px 30px 8px rgba(0, 0, 0, 0.5);--vxe-ui-layout-background-color:#121212;--vxe-ui-input-border-color:#424242;--vxe-ui-input-placeholder-color:#8d9095;--vxe-ui-input-disabled-background-color:#262727;--vxe-ui-loading-background-color:hsla(0deg, 0%, 100%, 0.1);--vxe-ui-table-header-background-color:#28282a;--vxe-ui-table-column-to-row-background-color:#28282a;--vxe-ui-table-column-hover-background-color:#242f3b;--vxe-ui-table-column-current-background-color:#18222c;--vxe-ui-table-column-hover-current-background-color:#242f3b;--vxe-ui-table-border-color:#37373a;--vxe-ui-table-row-hover-background-color:#262727;--vxe-ui-table-row-striped-background-color:#1d1d1d;--vxe-ui-table-row-hover-striped-background-color:#262727;--vxe-ui-table-row-radio-checked-background-color:#604820;--vxe-ui-table-row-hover-radio-checked-background-color:#6e5326;--vxe-ui-table-row-checkbox-checked-background-color:#604820;--vxe-ui-table-row-hover-checkbox-checked-background-color:#6e5326;--vxe-ui-table-row-current-background-color:#18222c;--vxe-ui-table-row-hover-current-background-color:#242f3b;--vxe-ui-table-fixed-scrolling-box-shadow-color:rgba(0, 0, 0, 0.8);--vxe-ui-table-drag-over-background-color:rgba(48, 48, 0, 0.3)}html.dark .vft-button{--vft-button-disabled-text-color:rgba(255, 255, 255, 0.5)}html.dark .vft-card{--vft-card-bg-color:var(--vft-bg-color-overlay)}html.dark .vft-empty{--vft-empty-fill-color-0:var(--vft-color-black);--vft-empty-fill-color-1:#4b4b52;--vft-empty-fill-color-2:#36383d;--vft-empty-fill-color-3:#1e1e20;--vft-empty-fill-color-4:#262629;--vft-empty-fill-color-5:#202124;--vft-empty-fill-color-6:#212224;--vft-empty-fill-color-7:#1b1c1f;--vft-empty-fill-color-8:#1c1d1f;--vft-empty-fill-color-9:#18181a}html.dark .vft-header-layout{--vft-header-layout-bg-color:#21263e}html.dark .vft-multiple-tabs{--vft-multiple-tabs-bg-color:#21263e}html.dark .vft-tabs{--vft-tabs-item-color:var(--vft-text-primary-color);--vft-tabs-item-color-active:#262626;--vft-tabs-item-color-hover:#262626}html.dark .vft-menu{--vft-menu-hover-bg-color:var(--vft-primary-color-light-7);--vft-menu-focus-bg-color:var(--vft-primary-color-light-7);--vft-menu-item-hover-fill:var(--vft-primary-color-light-7)}html.dark .vft-footer-layout{--vft-footer-layout-bg-color:#21263e}html.dark .vft-md-container{--vft-md-container-code-color:#f85959;--vft-md-container-code-bg-color:hsla(0, 0%, 100%, 0.08)}html.dark .vft-table{--vft-table-header-bg-color:#1d1d1d;--vft-table-header-color:var(--vft-text-primary-color);--vft-table-stripe-bg-color:#1d1d1d;--vft-table-stripe-active-bg-color:#18222c;--vft-table-row-hover-bg-color:#262727;--vft-table-body-color:#141414;--vft-table-border:1px solid #262727;--vft-table-border-fixed:1px solid #262727}html.dark .vft-context-menu{background-color:#000}html.dark .vft-message{background:#303032;color:#fff}
+html.dark{color-scheme:dark;--vft-primary-color-light-3:rgb(29.1, 111, 176.1);--vft-primary-color-light-5:rgb(26.5, 85, 131.5);--vft-primary-color-light-7:rgb(23.9, 59, 86.9);--vft-primary-color-light-8:rgb(22.6, 46, 64.6);--vft-primary-color-light-9:rgb(21.3, 33, 42.3);--vft-primary-color:#2196f3;--vft-primary-color-dark-2:rgb(77.4, 171, 245.4);--vft-success-color-light-3:rgb(49.4, 128.5, 92.8);--vft-success-color-light-5:rgb(41, 97.5, 72);--vft-success-color-light-7:rgb(32.6, 66.5, 51.2);--vft-success-color-light-8:rgb(28.4, 51, 40.8);--vft-success-color-light-9:rgb(24.2, 35.5, 30.4);--vft-success-color:#3eaf7c;--vft-success-color-dark-2:rgb(100.6, 191, 150.2);--vft-warning-color-light-3:rgb(181.7, 114.5, 72.5);--vft-warning-color-light-5:rgb(135.5, 87.5, 57.5);--vft-warning-color-light-7:rgb(89.3, 60.5, 42.5);--vft-warning-color-light-8:rgb(66.2, 47, 35);--vft-warning-color-light-9:rgb(43.1, 33.5, 27.5);--vft-warning-color:#fb9b5f;--vft-warning-color-dark-2:rgb(251.8, 175, 127);--vft-danger-color-light-3:rgb(175.4, 82.3, 82.3);--vft-danger-color-light-5:rgb(131, 64.5, 64.5);--vft-danger-color-light-7:rgb(86.6, 46.7, 46.7);--vft-danger-color-light-8:rgb(64.4, 37.8, 37.8);--vft-danger-color-light-9:rgb(42.2, 28.9, 28.9);--vft-danger-color:#f26d6d;--vft-danger-color-dark-2:rgb(244.6, 138.2, 138.2);--vft-error-color-light-3:rgb(175.4, 82.3, 82.3);--vft-error-color-light-5:rgb(131, 64.5, 64.5);--vft-error-color-light-7:rgb(86.6, 46.7, 46.7);--vft-error-color-light-8:rgb(64.4, 37.8, 37.8);--vft-error-color-light-9:rgb(42.2, 28.9, 28.9);--vft-error-color:#f26d6d;--vft-error-color-dark-2:rgb(244.6, 138.2, 138.2);--vft-info-color-light-3:rgb(106.8, 108.9, 113.1);--vft-info-color-light-5:rgb(82, 83.5, 86.5);--vft-info-color-light-7:rgb(57.2, 58.1, 59.9);--vft-info-color-light-8:rgb(44.8, 45.4, 46.6);--vft-info-color-light-9:rgb(32.4, 32.7, 33.3);--vft-info-color:#909399;--vft-info-color-dark-2:rgb(166.2, 168.6, 173.4);--vft-box-shadow:0 12px 32px 4px rgba(0, 0, 0, 0.36),0 8px 20px rgba(0, 0, 0, 0.72);--vft-box-shadow-light:0 0 12px rgba(0, 0, 0, 0.72);--vft-box-shadow-lighter:0 0 6px rgba(0, 0, 0, 0.72);--vft-box-shadow-dark:0 16px 48px 16px rgba(0, 0, 0, 0.72),0 12px 32px #000,0 8px 16px -8px #000;--vft-bg-color-page:#0a0a0a;--vft-bg-color:#141414;--vft-bg-color-overlay:#1d1e1f;--vft-text-primary-color:#F6F6F6;--vft-text-regular-color:#DCDCDC;--vft-text-secondary-color:#ADADAD;--vft-text-placeholder-color:#959595;--vft-text-disabled-color:#727272;--vft-border-color-darker:#636466;--vft-border-color-dark:#58585B;--vft-border-color:#4C4D4F;--vft-border-color-light:#414243;--vft-border-color-lighter:#363637;--vft-border-color-extra-light:#2B2B2C;--vft-fill-color-darker:#424243;--vft-fill-color-dark:#39393A;--vft-fill-color:#303030;--vft-fill-color-light:#262727;--vft-fill-color-lighter:#1D1D1D;--vft-fill-color-extra-light:#191919;--vft-fill-color-blank:transparent;--vft-mask-color:rgba(0, 0, 0, 0.5);--vft-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vft-reverse-color:#fff;--vft-color-rgb:0,0,0;--vft-reverse-color-rgb:255,255,255;--vxe-ui-font-color:#a0a3a7;--vxe-ui-font-tinge-color:#33353b;--vxe-ui-font-lighten-color:#797b80;--vxe-ui-font-darken-color:#47494c;--vxe-ui-font-disabled-color:#464646;--vxe-ui-font-primary-color:var(--vft-primary-color);--vxe-ui-base-popup-border-color:#424242;--vxe-ui-base-popup-box-shadow:0 12px 30px 8px rgba(0, 0, 0, 0.5);--vxe-ui-layout-background-color:#121212;--vxe-ui-input-border-color:#424242;--vxe-ui-input-placeholder-color:#8d9095;--vxe-ui-input-disabled-background-color:#262727;--vxe-ui-loading-background-color:hsla(0deg, 0%, 100%, 0.1);--vxe-ui-table-header-background-color:#28282a;--vxe-ui-table-column-to-row-background-color:#28282a;--vxe-ui-table-column-hover-background-color:#242f3b;--vxe-ui-table-column-current-background-color:#18222c;--vxe-ui-table-column-hover-current-background-color:#242f3b;--vxe-ui-table-border-color:#37373a;--vxe-ui-table-row-hover-background-color:#262727;--vxe-ui-table-row-striped-background-color:#1d1d1d;--vxe-ui-table-row-hover-striped-background-color:#262727;--vxe-ui-table-row-radio-checked-background-color:#604820;--vxe-ui-table-row-hover-radio-checked-background-color:#6e5326;--vxe-ui-table-row-checkbox-checked-background-color:#604820;--vxe-ui-table-row-hover-checkbox-checked-background-color:#6e5326;--vxe-ui-table-row-current-background-color:#18222c;--vxe-ui-table-row-hover-current-background-color:#242f3b;--vxe-ui-table-fixed-scrolling-box-shadow-color:rgba(0, 0, 0, 0.8);--vxe-ui-table-drag-over-background-color:rgba(48, 48, 0, 0.3)}html.dark .vft-button{--vft-button-disabled-text-color:rgba(255, 255, 255, 0.5)}html.dark .vft-card{--vft-card-bg-color:var(--vft-bg-color-overlay)}html.dark .vft-empty{--vft-empty-fill-color-0:var(--vft-color-black);--vft-empty-fill-color-1:#4b4b52;--vft-empty-fill-color-2:#36383d;--vft-empty-fill-color-3:#1e1e20;--vft-empty-fill-color-4:#262629;--vft-empty-fill-color-5:#202124;--vft-empty-fill-color-6:#212224;--vft-empty-fill-color-7:#1b1c1f;--vft-empty-fill-color-8:#1c1d1f;--vft-empty-fill-color-9:#18181a}html.dark .vft-header-layout{--vft-header-layout-bg-color:#21263e}html.dark .vft-multiple-tabs{--vft-multiple-tabs-bg-color:#21263e}html.dark .vft-tabs{--vft-tabs-item-color:var(--vft-text-primary-color);--vft-tabs-item-color-active:#262626;--vft-tabs-item-color-hover:#262626}html.dark .vft-menu{--vft-menu-hover-bg-color:var(--vft-primary-color-light-7);--vft-menu-focus-bg-color:var(--vft-primary-color-light-7);--vft-menu-item-hover-fill:var(--vft-primary-color-light-7)}html.dark .vft-footer-layout{--vft-footer-layout-bg-color:#21263e}html.dark .vft-md-container{--vft-md-container-code-color:#f85959;--vft-md-container-code-bg-color:hsla(0, 0%, 100%, 0.08)}html.dark .vft-table{--vft-table-header-bg-color:#1d1d1d;--vft-table-header-color:var(--vft-text-primary-color);--vft-table-stripe-bg-color:#1d1d1d;--vft-table-stripe-active-bg-color:#18222c;--vft-table-row-hover-bg-color:#262727;--vft-table-body-color:#141414;--vft-table-border:1px solid #262727;--vft-table-border-fixed:1px solid #262727}html.dark .vft-context-menu{background-color:#000}html.dark .vft-message{background:#303032;color:#fff}

package/theme-style/index.css

@@ -1,4 +1,4 @@
-@charset "UTF-8";:root{--vft-primary-color-rgb:33,150,243;--vft-success-color-rgb:62,175,124;--vft-warning-color-rgb:251,155,95;--vft-danger-color-rgb:242,109,109;--vft-error-color-rgb:242,109,109;--vft-info-color-rgb:144,147,153;--vft-color-white:#fff;--vft-color-black:#000;--vft-reverse-color-rgb:0,0,0;--vft-reverse-color:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-z-index-normal:1;--vft-z-index-top:1000;--vft-z-index-popper:2000;--vft-z-index-backtop:3050;--vft-z-index-header-layout:100;--vft-border-radius-small:2px;--vft-border-radius-base:4px;--vft-border-radius-medium:10px;--vft-border-radius-large:15px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-bg-color:background-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-component-size-large:40px;--vft-component-size:32px;--vft-component-size-small:24px;--vxe-ui-font-primary-color:var(--vft-primary-color)!important;--vxe-ui-font-primary-darken-color:var(
+@charset "UTF-8";:root{--vft-primary-color-rgb:33,150,243;--vft-success-color-rgb:62,175,124;--vft-warning-color-rgb:251,155,95;--vft-danger-color-rgb:242,109,109;--vft-error-color-rgb:242,109,109;--vft-info-color-rgb:144,147,153;--vft-color-white:#fff;--vft-color-black:#000;--vft-color-rgb:255,255,255;--vft-reverse-color-rgb:0,0,0;--vft-reverse-color:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-z-index-normal:1;--vft-z-index-top:1000;--vft-z-index-popper:2000;--vft-z-index-backtop:3050;--vft-z-index-header-layout:100;--vft-border-radius-small:2px;--vft-border-radius-base:4px;--vft-border-radius-medium:10px;--vft-border-radius-large:15px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-bg-color:background-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-component-size-large:40px;--vft-component-size:32px;--vft-component-size-small:24px;--vxe-ui-font-primary-color:var(--vft-primary-color)!important;--vxe-ui-font-primary-darken-color:var(
     --vft-primary-color-dark-2
   )!important;--vxe-ui-font-primary-lighten-color:var(
     --vft-primary-color-light-3

package/theme-style/src/dark/css-vars.scss

@@ -25,6 +25,7 @@ html.dark {
   @include set-component-css-var('fill-color', $fill-color);
   @include set-component-css-var('mask-color', $mask-color);
   @include set-css-var-value('reverse-color', #fff);
+  @include css-color-rgb('color-rgb', #000);
   @include css-color-rgb('reverse-color-rgb', #fff);
 
   --vxe-ui-font-color: #a0a3a7;

package/theme-style/src/var.scss

@@ -12,6 +12,7 @@
   // set white and black css vars
   @include set-css-var-value('color-white', $color-white);
   @include set-css-var-value('color-black', $color-black);
+  @include css-color-rgb('color-rgb', $color-white);
   @include css-color-rgb('reverse-color-rgb', $color-black);
   @include set-css-var-value('reverse-color', $color-black);
   // Typography

package/theme-style/vft-var.css

@@ -1,4 +1,4 @@
-@charset "UTF-8";:root{--vft-primary-color-rgb:33,150,243;--vft-success-color-rgb:62,175,124;--vft-warning-color-rgb:251,155,95;--vft-danger-color-rgb:242,109,109;--vft-error-color-rgb:242,109,109;--vft-info-color-rgb:144,147,153;--vft-color-white:#fff;--vft-color-black:#000;--vft-reverse-color-rgb:0,0,0;--vft-reverse-color:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-z-index-normal:1;--vft-z-index-top:1000;--vft-z-index-popper:2000;--vft-z-index-backtop:3050;--vft-z-index-header-layout:100;--vft-border-radius-small:2px;--vft-border-radius-base:4px;--vft-border-radius-medium:10px;--vft-border-radius-large:15px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-bg-color:background-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-component-size-large:40px;--vft-component-size:32px;--vft-component-size-small:24px;--vxe-ui-font-primary-color:var(--vft-primary-color)!important;--vxe-ui-font-primary-darken-color:var(
+@charset "UTF-8";:root{--vft-primary-color-rgb:33,150,243;--vft-success-color-rgb:62,175,124;--vft-warning-color-rgb:251,155,95;--vft-danger-color-rgb:242,109,109;--vft-error-color-rgb:242,109,109;--vft-info-color-rgb:144,147,153;--vft-color-white:#fff;--vft-color-black:#000;--vft-color-rgb:255,255,255;--vft-reverse-color-rgb:0,0,0;--vft-reverse-color:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-z-index-normal:1;--vft-z-index-top:1000;--vft-z-index-popper:2000;--vft-z-index-backtop:3050;--vft-z-index-header-layout:100;--vft-border-radius-small:2px;--vft-border-radius-base:4px;--vft-border-radius-medium:10px;--vft-border-radius-large:15px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-bg-color:background-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-component-size-large:40px;--vft-component-size:32px;--vft-component-size-small:24px;--vxe-ui-font-primary-color:var(--vft-primary-color)!important;--vxe-ui-font-primary-darken-color:var(
     --vft-primary-color-dark-2
   )!important;--vxe-ui-font-primary-lighten-color:var(
     --vft-primary-color-light-3