naive-ui 2.21.2 → 2.22.0

package/es/radio/src/use-radio.js

@@ -112,28 +112,6 @@ function setup(props) {
     function handleRadioInputFocus() {
         focusRef.value = true;
     }
-    function handleKeyUp(e) {
-        var _a;
-        switch (e.code) {
-            case 'Enter':
-            case 'NumpadEnter':
-                (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.click();
-        }
-    }
-    function handleMouseDown() {
-        if (mergedDisabledRef.value)
-            return;
-        setTimeout(() => {
-            var _a, _b;
-            if (!((_a = labelRef.value) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement))) {
-                (_b = inputRef.value) === null || _b === void 0 ? void 0 : _b.focus();
-            }
-        }, 0);
-    }
-    function handleClick() {
-        var _a;
-        (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.click();
-    }
     return {
         mergedClsPrefix: NRadioGroup
             ? NRadioGroup.mergedClsPrefixRef
@@ -148,10 +126,7 @@ function setup(props) {
         mergedSize: mergedSizeRef,
         handleRadioInputChange,
         handleRadioInputBlur,
-        handleRadioInputFocus,
-        handleKeyUp,
-        handleMouseDown,
-        handleClick
+        handleRadioInputFocus
     };
 }
 setup.props = radioProps;

package/es/switch/src/Switch.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { CSSProperties, PropType } from 'vue';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { OnUpdateValue } from './interface';
 declare const switchProps: {
@@ -33,6 +33,10 @@ declare const switchProps: {
         readonly type: PropType<string | number | boolean>;
         readonly default: false;
     };
+    readonly railStyle: PropType<(params: {
+        focused: boolean;
+        checked: boolean;
+    }) => string | CSSProperties>;
     /** @deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"Switch", {
@@ -162,6 +166,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<string | number | boolean>;
         readonly default: false;
     };
+    readonly railStyle: PropType<(params: {
+        focused: boolean;
+        checked: boolean;
+    }) => string | CSSProperties>;
     /** @deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"Switch", {
@@ -263,9 +271,11 @@ declare const _default: import("vue").DefineComponent<{
     handleFocus: () => void;
     handleKeyup: (e: KeyboardEvent) => void;
     handleKeydown: (e: KeyboardEvent) => void;
+    mergedRailStyle: import("vue").ComputedRef<string | CSSProperties | undefined>;
     pressed: import("vue").Ref<boolean>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedValue: import("vue").ComputedRef<string | number | boolean>;
+    checked: import("vue").ComputedRef<boolean>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     cssVars: import("vue").ComputedRef<{
         '--bezier': string;
@@ -299,6 +309,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onUpdateValue?: unknown;
     readonly checkedValue?: unknown;
     readonly uncheckedValue?: unknown;
+    readonly railStyle?: unknown;
     readonly onChange?: unknown;
     readonly theme?: unknown;
     readonly themeOverrides?: unknown;
@@ -409,6 +420,10 @@ declare const _default: import("vue").DefineComponent<{
     }, any>> | undefined;
     "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
     onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
+    railStyle?: ((params: {
+        focused: boolean;
+        checked: boolean;
+    }) => string | CSSProperties) | undefined;
 }>, {
     value: string | number | boolean | undefined;
     round: boolean;

package/es/switch/src/Switch.js

@@ -27,7 +27,7 @@ const switchProps = Object.assign(Object.assign({}, useTheme.props), { size: {
     }, uncheckedValue: {
         type: [String, Number, Boolean],
         default: false
-    }, 
+    }, railStyle: Function, 
     /** @deprecated */
     onChange: [Function, Array] });
 export default defineComponent({
@@ -48,7 +48,17 @@ export default defineComponent({
         const uncontrolledValueRef = ref(props.defaultValue);
         const controlledValueRef = toRef(props, 'value');
         const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
+        const checkedRef = computed(() => {
+            return mergedValueRef.value === props.checkedValue;
+        });
         const pressedRef = ref(false);
+        const focusedRef = ref(false);
+        const mergedRailStyleRef = computed(() => {
+            const { railStyle } = props;
+            if (!railStyle)
+                return undefined;
+            return railStyle({ focused: focusedRef.value, checked: checkedRef.value });
+        });
         function doUpdateValue(value) {
             const { 'onUpdate:value': _onUpdateValue, onChange, onUpdateValue } = props;
             const { nTriggerFormInput, nTriggerFormChange } = formItem;
@@ -81,9 +91,11 @@ export default defineComponent({
             }
         }
         function handleFocus() {
+            focusedRef.value = true;
             doFocus();
         }
         function handleBlur() {
+            focusedRef.value = false;
             doBlur();
             pressedRef.value = false;
         }
@@ -105,9 +117,11 @@ export default defineComponent({
             handleFocus,
             handleKeyup,
             handleKeydown,
+            mergedRailStyle: mergedRailStyleRef,
             pressed: pressedRef,
             mergedClsPrefix: mergedClsPrefixRef,
             mergedValue: mergedValueRef,
+            checked: checkedRef,
             mergedDisabled: mergedDisabledRef,
             cssVars: computed(() => {
                 const { value: size } = mergedSizeRef;
@@ -142,8 +156,7 @@ export default defineComponent({
         };
     },
     render() {
-        const { mergedClsPrefix, mergedValue, mergedDisabled, checkedValue, $slots } = this;
-        const checked = mergedValue === checkedValue;
+        const { mergedClsPrefix, mergedDisabled, checked, mergedRailStyle, $slots } = this;
         const { checked: checkedSlot, unchecked: uncheckedSlot } = $slots;
         return (h("div", { role: "switch", "aria-checked": checked, class: [
                 `${mergedClsPrefix}-switch`,
@@ -152,7 +165,7 @@ export default defineComponent({
                 this.round && `${mergedClsPrefix}-switch--round`,
                 this.pressed && `${mergedClsPrefix}-switch--pressed`
             ], tabindex: !this.mergedDisabled ? 0 : undefined, style: this.cssVars, onClick: this.handleClick, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyup: this.handleKeyup, onKeydown: this.handleKeydown },
-            h("div", { class: `${mergedClsPrefix}-switch__rail`, "aria-hidden": "true" },
+            h("div", { class: `${mergedClsPrefix}-switch__rail`, "aria-hidden": "true", style: mergedRailStyle },
                 (checkedSlot || uncheckedSlot) && (h("div", { "aria-hidden": true, class: `${mergedClsPrefix}-switch__children-placeholder` },
                     h("div", { class: `${mergedClsPrefix}-switch__rail-placeholder` },
                         h("div", { class: `${mergedClsPrefix}-switch__button-placeholder` }), checkedSlot === null || checkedSlot === void 0 ? void 0 :

package/es/switch/src/styles/index.cssr.js

@@ -92,7 +92,7 @@ export default cB('switch', `
  cursor: pointer;
  position: relative;
  transition:
- background-color .3s var(--bezier),
+ background .3s var(--bezier),
  box-shadow .3s var(--bezier);
  background-color: var(--rail-color);
  `, [cE('button', `

package/es/tabs/src/styles/index.cssr.js

@@ -23,6 +23,7 @@ import { c, cM, cB, cE, cNotM } from '../../../_utils/cssr'; // vars:
 // --tab-color-segment
 
 export default cB('tabs', `
+ box-sizing: border-box;
  width: 100%;
  transition:
  background-color .3s var(--bezier),

package/es/tag/src/styles/index.cssr.js

@@ -42,7 +42,7 @@ export default cB('tag', `
  color .3s var(--bezier),
  box-shadow .3s var(--bezier),
  opacity .3s var(--bezier);
- line-height: 1;
+ line-height: 1.2;
  height: var(--height);
  font-size: var(--font-size);
 `, [cE('border', `

package/es/theme-editor/src/ThemeEditor.js

@@ -18,6 +18,14 @@ const ColorWandIcon = (h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "ht
     h("path", { d: "M3.5 3C3.77615 3 4 3.22386 4 3.5V4H4.5C4.77615 4 5 4.22386 5 4.5C5 4.77614 4.77615 5 4.5 5H4V5.5C4 5.77614 3.77615 6 3.5 6C3.22386 6 3 5.77614 3 5.5V5H2.5C2.22386 5 2 4.77614 2 4.5C2 4.22386 2.22386 4 2.5 4H3V3.5C3 3.22386 3.22386 3 3.5 3Z", fill: "currentColor" }),
     h("path", { d: "M12.5 12C12.7761 12 13 11.7761 13 11.5C13 11.2239 12.7761 11 12.5 11H12V10.5C12 10.2239 11.7761 10 11.5 10C11.2239 10 11 10.2239 11 10.5V11H10.5C10.2239 11 10 11.2239 10 11.5C10 11.7761 10.2239 12 10.5 12H11V12.5C11 12.7761 11.2239 13 11.5 13C11.7761 13 12 12.7761 12 12.5V12H12.5Z", fill: "currentColor" }),
     h("path", { d: "M8.72956 4.56346C9.4771 3.81592 10.6891 3.81592 11.4367 4.56347C12.1842 5.31102 12.1842 6.52303 11.4367 7.27058L4.26679 14.4404C3.51924 15.1879 2.30723 15.1879 1.55968 14.4404C0.812134 13.6928 0.812138 12.4808 1.55969 11.7333L8.72956 4.56346ZM8.25002 6.4572L2.26679 12.4404C1.90977 12.7974 1.90977 13.3763 2.26679 13.7333C2.62381 14.0903 3.20266 14.0903 3.55968 13.7333L9.54292 7.75009L8.25002 6.4572ZM10.25 7.04299L10.7295 6.56347C11.0866 6.20645 11.0866 5.6276 10.7296 5.27057C10.3725 4.91355 9.79368 4.91355 9.43666 5.27057L8.95713 5.7501L10.25 7.04299Z", fill: "currentColor" })));
+// button colorOpacitySecondary var is not color
+const showColorPicker = (key) => {
+    if (key.includes('opacity'))
+        return false;
+    if (key.includes('color') || key.includes('Color'))
+        return true;
+    return false;
+};
 export default defineComponent({
     name: 'ThemeEditor',
     inheritAttrs: false,
@@ -255,8 +263,7 @@ export default defineComponent({
                                                         var _a, _b, _c, _d;
                                                         return [
                                                             h("div", { key: `${varKey}Label` }, varKey),
-                                                            varKey.includes('color') ||
-                                                                varKey.includes('Color') ? (h(NColorPicker, { key: varKey, modes: [
+                                                            showColorPicker(varKey) ? (h(NColorPicker, { key: varKey, modes: [
                                                                     'rgb',
                                                                     'hex'
                                                                 ], value: ((_b = (_a = this

package/es/time-picker/src/Panel.d.ts

@@ -216,9 +216,9 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
-                colorOpacitySecondary: number;
-                colorOpacitySecondaryHover: number;
-                colorOpacitySecondaryPressed: number;
+                colorOpacitySecondary: string;
+                colorOpacitySecondaryHover: string;
+                colorOpacitySecondaryPressed: string;
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;

package/es/time-picker/src/TimePicker.d.ts

@@ -100,9 +100,9 @@ declare const timePickerProps: {
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
@@ -386,9 +386,9 @@ declare const timePickerProps: {
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
@@ -672,9 +672,9 @@ declare const timePickerProps: {
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
@@ -1024,9 +1024,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
@@ -1310,9 +1310,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
@@ -1596,9 +1596,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
@@ -2076,9 +2076,9 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
-                colorOpacitySecondary: number;
-                colorOpacitySecondaryHover: number;
-                colorOpacitySecondaryPressed: number;
+                colorOpacitySecondary: string;
+                colorOpacitySecondaryHover: string;
+                colorOpacitySecondaryPressed: string;
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
@@ -2451,9 +2451,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
@@ -2737,9 +2737,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
@@ -3023,9 +3023,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;

package/es/time-picker/styles/light.d.ts

@@ -52,9 +52,9 @@ declare const timePickerLight: import("../../_mixins").Theme<"TimePicker", {
         fontSizeMedium: string;
         fontSizeLarge: string;
         opacityDisabled: string;
-        colorOpacitySecondary: number;
-        colorOpacitySecondaryHover: number;
-        colorOpacitySecondaryPressed: number;
+        colorOpacitySecondary: string;
+        colorOpacitySecondaryHover: string;
+        colorOpacitySecondaryPressed: string;
         colorSecondary: string;
         colorSecondaryHover: string;
         colorSecondaryPressed: string;

package/es/transfer/src/Transfer.d.ts

@@ -177,9 +177,9 @@ declare const transferProps: {
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
@@ -511,9 +511,9 @@ declare const transferProps: {
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
@@ -845,9 +845,9 @@ declare const transferProps: {
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
@@ -1213,9 +1213,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
@@ -1547,9 +1547,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
@@ -1881,9 +1881,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
@@ -2330,9 +2330,9 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
-                colorOpacitySecondary: number;
-                colorOpacitySecondaryHover: number;
-                colorOpacitySecondaryPressed: number;
+                colorOpacitySecondary: string;
+                colorOpacitySecondaryHover: string;
+                colorOpacitySecondaryPressed: string;
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
@@ -2759,9 +2759,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
@@ -3093,9 +3093,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
@@ -3427,9 +3427,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
-            colorOpacitySecondary: number;
-            colorOpacitySecondaryHover: number;
-            colorOpacitySecondaryPressed: number;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;

package/es/transfer/src/TransferFilter.d.ts

@@ -265,9 +265,9 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
-                colorOpacitySecondary: number;
-                colorOpacitySecondaryHover: number;
-                colorOpacitySecondaryPressed: number;
+                colorOpacitySecondary: string;
+                colorOpacitySecondaryHover: string;
+                colorOpacitySecondaryPressed: string;
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;

package/es/transfer/src/TransferList.d.ts

@@ -278,9 +278,9 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
-                colorOpacitySecondary: number;
-                colorOpacitySecondaryHover: number;
-                colorOpacitySecondaryPressed: number;
+                colorOpacitySecondary: string;
+                colorOpacitySecondaryHover: string;
+                colorOpacitySecondaryPressed: string;
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;

package/es/transfer/src/TransferListItem.d.ts

@@ -265,9 +265,9 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
-                colorOpacitySecondary: number;
-                colorOpacitySecondaryHover: number;
-                colorOpacitySecondaryPressed: number;
+                colorOpacitySecondary: string;
+                colorOpacitySecondaryHover: string;
+                colorOpacitySecondaryPressed: string;
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;

package/es/transfer/styles/light.d.ts

@@ -167,9 +167,9 @@ declare const transferLight: import("../../_mixins").Theme<"Transfer", {
         fontSizeMedium: string;
         fontSizeLarge: string;
         opacityDisabled: string;
-        colorOpacitySecondary: number;
-        colorOpacitySecondaryHover: number;
-        colorOpacitySecondaryPressed: number;
+        colorOpacitySecondary: string;
+        colorOpacitySecondaryHover: string;
+        colorOpacitySecondaryPressed: string;
         colorSecondary: string;
         colorSecondaryHover: string;
         colorSecondaryPressed: string;

package/es/tree/src/Tree.d.ts

@@ -129,6 +129,7 @@ declare const treeProps: {
         readonly default: true;
     };
     readonly virtualScroll: BooleanConstructor;
+    readonly watchProps: PropType<("defaultExpandedKeys" | "defaultCheckedKeys" | "defaultSelectedKeys")[]>;
     readonly renderLabel: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderPrefix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderSuffix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
@@ -376,6 +377,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
     readonly virtualScroll: BooleanConstructor;
+    readonly watchProps: PropType<("defaultExpandedKeys" | "defaultCheckedKeys" | "defaultSelectedKeys")[]>;
     readonly renderLabel: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderPrefix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderSuffix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
@@ -1017,6 +1019,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly allowDrop?: unknown;
     readonly animated?: unknown;
     readonly virtualScroll?: unknown;
+    readonly watchProps?: unknown;
     readonly renderLabel?: unknown;
     readonly renderPrefix?: unknown;
     readonly renderSuffix?: unknown;
@@ -1056,14 +1059,14 @@ declare const _default: import("vue").DefineComponent<{
     cancelable: boolean;
     blockLine: boolean;
     selectable: boolean;
+    defaultCheckedKeys: Key[];
+    defaultSelectedKeys: Key[];
     internalUnifySelectCheck: boolean;
     internalHideFilteredNode: boolean;
     internalCheckboxFocusable: boolean;
     internalFocusable: boolean;
     expandOnDragenter: boolean;
     blockNode: boolean;
-    defaultCheckedKeys: Key[];
-    defaultSelectedKeys: Key[];
     allowDrop: AllowDrop;
 } & {
     filter?: ((pattern: string, node: TreeOption) => boolean) | undefined;
@@ -1212,6 +1215,7 @@ declare const _default: import("vue").DefineComponent<{
     renderLabel?: (({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild) | undefined;
     checkedKeys?: Key[] | undefined;
     expandedKeys?: Key[] | undefined;
+    watchProps?: ("defaultExpandedKeys" | "defaultCheckedKeys" | "defaultSelectedKeys")[] | undefined;
     "onUpdate:expandedKeys"?: MaybeArray<OnUpdateKeys> | undefined;
     onUpdateExpandedKeys?: MaybeArray<OnUpdateKeys> | undefined;
     renderPrefix?: (({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild) | undefined;
@@ -1251,14 +1255,14 @@ declare const _default: import("vue").DefineComponent<{
     cancelable: boolean;
     blockLine: boolean;
     selectable: boolean;
+    defaultCheckedKeys: Key[];
+    defaultSelectedKeys: Key[];
     internalUnifySelectCheck: boolean;
     internalHideFilteredNode: boolean;
     internalCheckboxFocusable: boolean;
     internalFocusable: boolean;
     expandOnDragenter: boolean;
     blockNode: boolean;
-    defaultCheckedKeys: Key[];
-    defaultSelectedKeys: Key[];
     allowDrop: AllowDrop;
 }>;
 export default _default;