@veltra/desktop 1.1.6 → 1.1.7

package/dist/components/action/action-group.vue.d.ts

@@ -10,9 +10,9 @@ type __VLS_Slots = {
 declare const __VLS_base: _$vue.DefineComponent<ActionGroupProps, _ActionGroupExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ActionGroupProps> & Readonly<{}>, {
   type: _$_veltra_utils0.ColorType;
   size: "small" | "default" | "large";
-  text: boolean;
   circle: boolean;
   max: number;
+  text: boolean;
   loading: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/action/action.vue.d.ts

@@ -17,10 +17,10 @@ declare const __VLS_base: _$vue.DefineComponent<ActionProps, {}, {}, {}, {}, _$v
 }>, {
   type: ButtonType;
   size: _$_veltra_utils0.ComponentSize;
-  text: boolean;
   circle: boolean;
-  inDropdown: boolean;
+  text: boolean;
   loading: boolean;
+  inDropdown: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/button/button.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_base: _$vue.DefineComponent<ButtonProps, _ButtonExposed, {},
   onClick?: ((e: MouseEvent) => any) | undefined;
 }>, {
   disabled: boolean;
-  iconPosition: "left" | "right";
   loadingIcon: _$vue.Component;
+  iconPosition: "left" | "right";
   propagate: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/button/style2.css

@@ -16,7 +16,8 @@
 */
 /** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
 .u-button {
-  color: var(--u-text-color-main);
+  color: var(--u-button-default-color, var(--u-text-color-main));
+  box-sizing: border-box;
   line-height: 1;
   outline: none;
   text-decoration: none;
@@ -26,8 +27,8 @@
   cursor: pointer;
   padding: 0 0.8em;
   -webkit-appearance: none;
-  border: none;
-  background-color: var(--u-color-default);
+  border: 1px solid var(--u-button-default-border, transparent);
+  background-color: var(--u-button-default-bg, var(--u-color-default));
   box-shadow: var(--u-shadow-emboss);
   transition: background-color 0.25s, box-shadow 0.2s;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -38,6 +39,10 @@
   align-items: center;
   flex-wrap: nowrap;
 }
+.u-button:hover {
+  background-color: var(--u-button-default-hover-bg, var(--u-color-default-dark-1));
+  border-color: var(--u-button-default-hover-border, transparent);
+}
 .u-button:active {
   box-shadow: none;
 }
@@ -104,10 +109,11 @@
 }
 .u-button--color-primary {
   background-color: var(--u-color-primary);
-  color: var(--u-text-color-white);
+  color: var(--u-button-primary-text-color, var(--u-text-color-white));
 }
 .u-button--color-primary:hover {
-  background-color: var(--u-color-primary-dark-1);
+  background-color: var(--u-button-primary-hover-bg, var(--u-color-primary-dark-1));
+  color: var(--u-button-primary-hover-color, var(--u-button-primary-text-color, var(--u-text-color-white)));
 }
 .u-button--color-primary.is-disabled {
   background-color: var(--u-color-primary-light-5);
@@ -129,7 +135,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-primary);
 }
 .u-button--color-primary.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-primary.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-primary-light-9);
+  background-color: var(--u-button-primary-plain-bg, var(--u-color-primary-light-9));
 }
 .u-button--color-primary.is-text.is-disabled {
   color: var(--u-color-primary-light-5);
@@ -138,9 +144,9 @@
   color: var(--u-color-primary-light-5);
 }
 .u-button--color-primary.is-plain {
-  color: var(--u-color-primary);
-  background-color: var(--u-color-primary-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-primary-light-5);
+  color: var(--u-button-primary-plain-color, var(--u-color-primary));
+  background-color: var(--u-button-primary-plain-bg, var(--u-color-primary-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-primary-plain-shadow, var(--u-color-primary-light-5));
 }
 .u-button--color-primary.is-plain:active {
   box-shadow: none;
@@ -154,10 +160,11 @@
 }
 .u-button--color-success {
   background-color: var(--u-color-success);
-  color: var(--u-text-color-white);
+  color: var(--u-button-success-text-color, var(--u-text-color-white));
 }
 .u-button--color-success:hover {
-  background-color: var(--u-color-success-dark-1);
+  background-color: var(--u-button-success-hover-bg, var(--u-color-success-dark-1));
+  color: var(--u-button-success-hover-color, var(--u-button-success-text-color, var(--u-text-color-white)));
 }
 .u-button--color-success.is-disabled {
   background-color: var(--u-color-success-light-5);
@@ -179,7 +186,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-success);
 }
 .u-button--color-success.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-success.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-success-light-9);
+  background-color: var(--u-button-success-plain-bg, var(--u-color-success-light-9));
 }
 .u-button--color-success.is-text.is-disabled {
   color: var(--u-color-success-light-5);
@@ -188,9 +195,9 @@
   color: var(--u-color-success-light-5);
 }
 .u-button--color-success.is-plain {
-  color: var(--u-color-success);
-  background-color: var(--u-color-success-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-success-light-5);
+  color: var(--u-button-success-plain-color, var(--u-color-success));
+  background-color: var(--u-button-success-plain-bg, var(--u-color-success-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-success-plain-shadow, var(--u-color-success-light-5));
 }
 .u-button--color-success.is-plain:active {
   box-shadow: none;
@@ -204,10 +211,11 @@
 }
 .u-button--color-warning {
   background-color: var(--u-color-warning);
-  color: var(--u-text-color-white);
+  color: var(--u-button-warning-text-color, var(--u-text-color-white));
 }
 .u-button--color-warning:hover {
-  background-color: var(--u-color-warning-dark-1);
+  background-color: var(--u-button-warning-hover-bg, var(--u-color-warning-dark-1));
+  color: var(--u-button-warning-hover-color, var(--u-button-warning-text-color, var(--u-text-color-white)));
 }
 .u-button--color-warning.is-disabled {
   background-color: var(--u-color-warning-light-5);
@@ -229,7 +237,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-warning);
 }
 .u-button--color-warning.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-warning.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-warning-light-9);
+  background-color: var(--u-button-warning-plain-bg, var(--u-color-warning-light-9));
 }
 .u-button--color-warning.is-text.is-disabled {
   color: var(--u-color-warning-light-5);
@@ -238,9 +246,9 @@
   color: var(--u-color-warning-light-5);
 }
 .u-button--color-warning.is-plain {
-  color: var(--u-color-warning);
-  background-color: var(--u-color-warning-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-warning-light-5);
+  color: var(--u-button-warning-plain-color, var(--u-color-warning));
+  background-color: var(--u-button-warning-plain-bg, var(--u-color-warning-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-warning-plain-shadow, var(--u-color-warning-light-5));
 }
 .u-button--color-warning.is-plain:active {
   box-shadow: none;
@@ -254,10 +262,11 @@
 }
 .u-button--color-danger {
   background-color: var(--u-color-danger);
-  color: var(--u-text-color-white);
+  color: var(--u-button-danger-text-color, var(--u-text-color-white));
 }
 .u-button--color-danger:hover {
-  background-color: var(--u-color-danger-dark-1);
+  background-color: var(--u-button-danger-hover-bg, var(--u-color-danger-dark-1));
+  color: var(--u-button-danger-hover-color, var(--u-button-danger-text-color, var(--u-text-color-white)));
 }
 .u-button--color-danger.is-disabled {
   background-color: var(--u-color-danger-light-5);
@@ -279,7 +288,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-danger);
 }
 .u-button--color-danger.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-danger.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-danger-light-9);
+  background-color: var(--u-button-danger-plain-bg, var(--u-color-danger-light-9));
 }
 .u-button--color-danger.is-text.is-disabled {
   color: var(--u-color-danger-light-5);
@@ -288,9 +297,9 @@
   color: var(--u-color-danger-light-5);
 }
 .u-button--color-danger.is-plain {
-  color: var(--u-color-danger);
-  background-color: var(--u-color-danger-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-danger-light-5);
+  color: var(--u-button-danger-plain-color, var(--u-color-danger));
+  background-color: var(--u-button-danger-plain-bg, var(--u-color-danger-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-danger-plain-shadow, var(--u-color-danger-light-5));
 }
 .u-button--color-danger.is-plain:active {
   box-shadow: none;
@@ -304,10 +313,11 @@
 }
 .u-button--color-info {
   background-color: var(--u-color-info);
-  color: var(--u-text-color-white);
+  color: var(--u-button-info-text-color, var(--u-text-color-white));
 }
 .u-button--color-info:hover {
-  background-color: var(--u-color-info-dark-1);
+  background-color: var(--u-button-info-hover-bg, var(--u-color-info-dark-1));
+  color: var(--u-button-info-hover-color, var(--u-button-info-text-color, var(--u-text-color-white)));
 }
 .u-button--color-info.is-disabled {
   background-color: var(--u-color-info-light-5);
@@ -329,7 +339,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-info);
 }
 .u-button--color-info.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-info.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-info-light-9);
+  background-color: var(--u-button-info-plain-bg, var(--u-color-info-light-9));
 }
 .u-button--color-info.is-text.is-disabled {
   color: var(--u-color-info-light-5);
@@ -338,9 +348,9 @@
   color: var(--u-color-info-light-5);
 }
 .u-button--color-info.is-plain {
-  color: var(--u-color-info);
-  background-color: var(--u-color-info-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-info-light-5);
+  color: var(--u-button-info-plain-color, var(--u-color-info));
+  background-color: var(--u-button-info-plain-bg, var(--u-color-info-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-info-plain-shadow, var(--u-color-info-light-5));
 }
 .u-button--color-info.is-plain:active {
   box-shadow: none;
@@ -354,10 +364,11 @@
 }
 .u-button--color-disabled {
   background-color: var(--u-color-disabled);
-  color: var(--u-text-color-white);
+  color: var(--u-button-disabled-text-color, var(--u-text-color-white));
 }
 .u-button--color-disabled:hover {
-  background-color: var(--u-color-disabled-dark-1);
+  background-color: var(--u-button-disabled-hover-bg, var(--u-color-disabled-dark-1));
+  color: var(--u-button-disabled-hover-color, var(--u-button-disabled-text-color, var(--u-text-color-white)));
 }
 .u-button--color-disabled.is-disabled {
   background-color: var(--u-color-disabled-light-5);
@@ -379,7 +390,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-disabled);
 }
 .u-button--color-disabled.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-disabled.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-disabled-light-9);
+  background-color: var(--u-button-disabled-plain-bg, var(--u-color-disabled-light-9));
 }
 .u-button--color-disabled.is-text.is-disabled {
   color: var(--u-color-disabled-light-5);
@@ -388,9 +399,9 @@
   color: var(--u-color-disabled-light-5);
 }
 .u-button--color-disabled.is-plain {
-  color: var(--u-color-disabled);
-  background-color: var(--u-color-disabled-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-disabled-light-5);
+  color: var(--u-button-disabled-plain-color, var(--u-color-disabled));
+  background-color: var(--u-button-disabled-plain-bg, var(--u-color-disabled-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-disabled-plain-shadow, var(--u-color-disabled-light-5));
 }
 .u-button--color-disabled.is-plain:active {
   box-shadow: none;
@@ -404,10 +415,11 @@
 }
 .u-button--color-default {
   background-color: var(--u-color-default);
-  color: var(--u-text-color-white);
+  color: var(--u-button-default-text-color, var(--u-text-color-white));
 }
 .u-button--color-default:hover {
-  background-color: var(--u-color-default-dark-1);
+  background-color: var(--u-button-default-hover-bg, var(--u-color-default-dark-1));
+  color: var(--u-button-default-hover-color, var(--u-button-default-text-color, var(--u-text-color-white)));
 }
 .u-button--color-default.is-disabled {
   background-color: var(--u-color-default-light-5);
@@ -429,7 +441,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-default);
 }
 .u-button--color-default.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-default.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-default-light-9);
+  background-color: var(--u-button-default-plain-bg, var(--u-color-default-light-9));
 }
 .u-button--color-default.is-text.is-disabled {
   color: var(--u-color-default-light-5);
@@ -438,9 +450,9 @@
   color: var(--u-color-default-light-5);
 }
 .u-button--color-default.is-plain {
-  color: var(--u-color-default);
-  background-color: var(--u-color-default-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-default-light-5);
+  color: var(--u-button-default-plain-color, var(--u-color-default));
+  background-color: var(--u-button-default-plain-bg, var(--u-color-default-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-default-plain-shadow, var(--u-color-default-light-5));
 }
 .u-button--color-default.is-plain:active {
   box-shadow: none;

package/dist/components/cascade/cascade.vue.d.ts

@@ -4,24 +4,24 @@ import * as _$vue from "vue";
 //#region src/components/cascade/cascade.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<CascadeProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
   "update:modelValue": (value?: string | string[] | undefined) => any;
-  clear: () => any;
   change: (...args: [value?: string | undefined, label?: string | undefined, item?: Record<string, any> | undefined] | [value: string[], label: string[], data: Record<string, any>[]]) => any;
+  clear: () => any;
 }, string, _$vue.PublicProps, Readonly<CascadeProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: string | string[] | undefined) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onChange?: ((...args: [value?: string | undefined, label?: string | undefined, item?: Record<string, any> | undefined] | [value: string[], label: string[], data: Record<string, any>[]]) => any) | undefined;
+  onClear?: (() => any) | undefined;
 }>, {
+  disabled: boolean;
   labelKey: string;
   valueKey: string;
   childrenKey: string;
   data: Record<string, any>[];
-  disabled: boolean;
   readonly: boolean;
   placeholder: string;
   clearable: boolean;
+  separator: string;
   filterable: boolean;
   visibilityLimit: number;
-  separator: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/cascade/style2.css

@@ -127,7 +127,8 @@
   margin-bottom: 0.2rem;
 }
 .u-cascade-panel-item__option.is-active {
-  background-color: var(--u-color-primary-light-9);
+  background-color: var(--u-cascade-node-active-bg, var(--u-color-primary-light-9));
+  color: var(--u-cascade-node-active-color, var(--u-color-primary));
   border-radius: var(--u-radius-default);
 }
 .u-cascade-panel-item__option.is-selected {

package/dist/components/checkbox/checkbox-button.vue.d.ts

@@ -20,8 +20,8 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
   onChange?: ((checked: boolean) => any) | undefined;
 }>, {
-  type: _$_veltra_utils0.ColorType;
   disabled: boolean;
+  type: _$_veltra_utils0.ColorType;
   readonly: boolean;
   round: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/checkbox/style2.css

@@ -74,7 +74,7 @@
 .u-checkbox__wrap {
   border: var(--u-border-width) var(--u-border-style) var(--u-checkbox-border, #ccc);
   border-radius: 6px;
-  color: #fff;
+  color: var(--u-checkbox-color, #fff);
   transition: background-color 0.15s ease;
   display: inline-flex;
   justify-content: center;
@@ -85,7 +85,7 @@
   line-height: 1em;
 }
 .u-checkbox--indeterminate {
-  background-color: #fff;
+  background-color: var(--u-checkbox-color, #fff);
   width: 10px;
   height: 2px;
   vertical-align: middle;

package/dist/components/checkbox-group/checkbox-group.vue.d.ts

@@ -14,9 +14,9 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
 }>, {
+  disabled: boolean;
   labelKey: string;
   valueKey: string;
-  disabled: boolean;
   readonly: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/collapse/collapse.vue.d.ts

@@ -13,9 +13,9 @@ declare const __VLS_base: _$vue.DefineComponent<CollapseProps, _CollapseExposed,
   "onUpdate:modelValue"?: ((value: CollapseModelValue) => any) | undefined;
   onChange?: ((value: CollapseModelValue) => any) | undefined;
 }>, {
+  iconPosition: CollapseIconPosition;
   accordion: boolean;
   bordered: boolean;
-  iconPosition: CollapseIconPosition;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/date-picker/date-picker.vue.d.ts

@@ -7,8 +7,8 @@ declare const __VLS_export: _$vue.DefineComponent<DatePickerProps, {}, {}, {}, {
 }, string, _$vue.PublicProps, Readonly<DatePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: string | number | Date | undefined) => any) | undefined;
 }>, {
-  type: "date" | "month" | "year";
   disabled: boolean;
+  type: "date" | "month" | "year";
   readonly: boolean;
   placeholder: string;
   clearable: boolean;

package/dist/components/date-range-picker/date-range-picker.vue.d.ts

@@ -7,8 +7,8 @@ declare const __VLS_export: _$vue.DefineComponent<DateRangePickerProps, {}, {},
 }, string, _$vue.PublicProps, Readonly<DateRangePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: [string, string] | undefined) => any) | undefined;
 }>, {
-  type: "date" | "month" | "year";
   disabled: boolean;
+  type: "date" | "month" | "year";
   readonly: boolean;
   placeholder: [string, string];
   clearable: boolean;

package/dist/components/drawer/drawer.vue.d.ts

@@ -14,12 +14,12 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: boolean) => any;
 } & {
-  "update:modelValue": (value: boolean) => any;
   close: () => any;
+  "update:modelValue": (value: boolean) => any;
   closed: () => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onClose?: (() => any) | undefined;
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onClosed?: (() => any) | undefined;
 }>, {
   direction: DrawerDirection;

package/dist/components/expression-editor/style2.css

@@ -81,16 +81,16 @@
   height: 22px;
   line-height: 1;
   font-size: 12px;
-  color: var(--u-color-primary);
-  background-color: var(--u-color-primary-light-9);
+  color: var(--u-expression-editor-chip-color, var(--u-color-primary));
+  background-color: var(--u-expression-editor-chip-bg, var(--u-color-primary-light-9));
   border-radius: 999px;
   cursor: pointer;
   user-select: none;
   transition: background-color 0.12s ease, box-shadow 0.12s ease;
 }
 .u-expression-editor__chip:hover {
-  color: var(--u-color-primary);
-  background-color: var(--u-color-primary-light-8);
+  color: var(--u-expression-editor-chip-color, var(--u-color-primary));
+  background-color: var(--u-expression-editor-chip-bg, var(--u-color-primary-light-8));
   box-shadow: 0 1px 4px var(--u-shadow-color);
 }
 .u-expression-editor__chip:hover .u-expression-editor__chip-close {

package/dist/components/file-viewer/file-viewer.vue.d.ts

@@ -28,8 +28,8 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, _FileViewer
   }) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  modelValue: string;
   open: boolean;
+  modelValue: string;
   sidebarWidth: string | number | false;
   sheetMaxRows: number;
   downloadable: boolean;

package/dist/components/input/input.vue.d.ts

@@ -17,20 +17,20 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, _InputExposed
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
-  clear: () => any;
   change: (value: string) => any;
   "suffix:click": (value?: string | undefined) => any;
   "prefix:click": (value?: string | undefined) => any;
   focus: (value?: string | undefined) => any;
+  clear: () => any;
   blur: (value?: string | undefined) => any;
   "native:input": (ev: Event) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
   "onSuffix:click"?: ((value?: string | undefined) => any) | undefined;
   "onPrefix:click"?: ((value?: string | undefined) => any) | undefined;
   onFocus?: ((value?: string | undefined) => any) | undefined;
+  onClear?: (() => any) | undefined;
   onBlur?: ((value?: string | undefined) => any) | undefined;
   "onNative:input"?: ((ev: Event) => any) | undefined;
 }>, {

package/dist/components/message-confirm/style2.css

@@ -29,7 +29,9 @@
 }
 .u-message-confirm__box {
   width: 420px;
-  background-color: #fff;
+  background-color: var(--u-bg-color-top);
+  border: var(--u-border);
+  box-shadow: var(--u-shadow);
   transition: opacity 0.3s, transform 0.4s;
   transform: translateY(-50%);
 }

package/dist/components/multi-select/multi-select.vue.d.ts

@@ -28,13 +28,13 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
   onChange?: ((options: Record<string, any>[]) => any) | undefined;
 }>, {
+  minWidth: string;
+  disabled: boolean;
   labelKey: string;
   valueKey: string;
-  disabled: boolean;
   readonly: boolean;
   placeholder: string;
   clearable: boolean;
-  minWidth: string;
   visibilityLimit: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/multi-tree-select/multi-tree-select.vue.d.ts

@@ -15,22 +15,22 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "update:modelValue": (value: (string | number)[]) => any;
 } & {
   "update:modelValue": (value: any[]) => any;
-  clear: () => any;
   change: (checked: Record<string, any>[]) => any;
+  clear: () => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onChange?: ((checked: Record<string, any>[]) => any) | undefined;
+  onClear?: (() => any) | undefined;
 }>, {
+  minWidth: string;
+  disabled: boolean;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
-  disabled: boolean;
   readonly: boolean;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;
-  minWidth: string;
   visibilityLimit: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/notification/notification.vue.d.ts

@@ -4,9 +4,9 @@ import * as _$_veltra_utils0 from "@veltra/utils";
 
 //#region src/components/notification/notification.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<NotificationProps, _$_veltra_utils0.DeconstructValue<_NotificationExposed>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<NotificationProps> & Readonly<{}>, {
+  duration: number;
   closable: boolean;
   position: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-  duration: number;
   offset: number;
   buttonText: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/notification/style2.css

@@ -21,7 +21,7 @@
   position: absolute;
   transition: opacity 0.3s, transform 0.4s, top 0.4s;
   border: var(--u-border);
-  background-color: #fff;
+  background-color: var(--u-bg-color-top);
   box-shadow: var(--u-shadow);
   margin: 4px;
   overflow: hidden;

package/dist/components/number-input/number-input.vue.d.ts

@@ -15,12 +15,12 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "update:modelValue": (value: number | undefined) => any;
 } & {
   "update:modelValue": (value?: number | undefined) => any;
-  clear: () => any;
   change: (value?: number | undefined) => any;
+  clear: () => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: number | undefined) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onChange?: ((value?: number | undefined) => any) | undefined;
+  onClear?: (() => any) | undefined;
 }>, {
   disabled: boolean;
   readonly: boolean;

package/dist/components/paginator/style2.css

@@ -82,11 +82,12 @@
   flex-wrap: nowrap;
 }
 .u-paginator__btn:hover {
-  background-color: var(--u-color-primary-light-9);
+  background-color: var(--u-paginator-btn-hover-bg, var(--u-color-primary-light-9));
+  color: var(--u-paginator-btn-hover-color, var(--u-text-color-title));
 }
 .u-paginator__btn.is-active {
-  background-color: var(--u-color-primary-light-9);
-  color: var(--u-color-primary);
+  background-color: var(--u-paginator-btn-active-bg, var(--u-color-primary-light-9));
+  color: var(--u-paginator-btn-active-color, var(--u-color-primary));
 }
 .u-paginator__btn.is-disabled {
   cursor: not-allowed;

package/dist/components/progress-nodes/progress-nodes.vue.d.ts

@@ -16,11 +16,11 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ProgressNodesProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
-  "update:modelValue": (value: string | number) => any;
   click: (node: Record<string, any>, index: number) => any;
+  "update:modelValue": (value: string | number) => any;
 }, string, _$vue.PublicProps, Readonly<ProgressNodesProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
   onClick?: ((node: Record<string, any>, index: number) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
   labelKey: string;
   valueKey: string;

package/dist/components/radio-group/radio-group.vue.d.ts

@@ -16,9 +16,9 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
   "onUpdate:modelValue"?: ((value: any) => any) | undefined;
   onChange?: ((item: Record<string, any>) => any) | undefined;
 }>, {
+  disabled: boolean;
   labelKey: string;
   valueKey: string;
-  disabled: boolean;
   readonly: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/select/select.vue.d.ts

@@ -26,9 +26,9 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "onUpdate:text"?: ((value: any) => any) | undefined;
   "onUpdate:label"?: ((label?: string | undefined) => any) | undefined;
 }>, {
+  disabled: boolean;
   labelKey: string;
   valueKey: string;
-  disabled: boolean;
   readonly: boolean;
   placeholder: string;
   clearable: boolean;