@uzum-tech/ui 1.5.1 → 1.5.3

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

@@ -1,11 +1,18 @@
 import { cB, c, cE, cM, insideModal, insidePopover, cNotM } from '../../../_utils/cssr';
-export default c([cB('list', `
+// --u-border-radius
+// --u-suffix-size
+export default c([cB('align-start', `
+ align-self: self-start;
+ `), cB('align-center', `
+ align-self: center;
+ `), cB('align-end', `
+ align-self: self-end;
+ `), cB('list', `
  --u-merged-border-color: var(--u-border-color);
  --u-merged-color: var(--u-color);
  --u-merged-color-focus: var(--u-color-focus);
  --u-merged-color-hover: var(--u-color-hover);
  margin: 0;
- font-size: var(--u-font-size);
  transition:
  background-color .3s var(--u-bezier),
  color .3s var(--u-bezier),
@@ -16,17 +23,10 @@ export default c([cB('list', `
  background-color: var(--u-merged-color);
  `, [cM('clickable', [cB('list-item', `
  cursor: pointer;
- `)]), cM('bordered', `
- border: 1px solid var(--u-merged-border-color);
- border-radius: var(--u-border-radius);
- `, [cB('list-item', [c('&:first-child', `
- border-radius: var(--u-border-radius);
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- `), c('&:last-child', `
- border-radius: var(--u-border-radius);
- border-top-left-radius: 0;
- border-top-right-radius: 0;
+ `)]), cM('bordered', [cB('list-item', `
+ border-bottom: 1px solid var(--u-merged-border-color);
+ `, [c('&:last-child', `
+ border: none;
  `)])]), cE('header, footer', `
  padding: var(--u-padding);
  padding-left: 0px;
@@ -46,11 +46,10 @@ export default c([cB('list', `
  position: relative;
  outline: none;
  display: flex;
- align-items: center;
  padding: var(--u-padding);
- padding-left: 0;
- padding-right: 0;
- `, [cE('main', `
+ `, [cB('skeleton', `
+ height: 24px
+ `), cE('main', `
  flex: 1;
  `), c('&:focus', `
  outline: none;
@@ -65,81 +64,43 @@ export default c([cB('list', `
  left: 0;
  `), cE('icon', `
  display: flex;
- font-size: var(--u-icon-size);
  margin-left: var(--u-icon-space);
  `), cE('suffix', `
  margin-left: var(--u-suffix-space);
+ font-size: var(--u-suffix-size);
+ align-self: center;
  `), cE('prefix', `
  margin-right: var(--u-prefix-space);
+ display: flex;
  `), cE('content', `
- flex-grow: 1;
- padding: 0;
  display: flex;
  flex-direction: column;
- align-items: stretch;
+ gap: 4px;
  `, [cM('right', `
- margin-left: auto;
  text-align: right;
- align-items: flex-end;
- `, [cE('title', `
- font-weight: 600;
- `)]), c('+', [cE('content', `
- margin-left: 24px;
- flex-grow: 0;
- `)])]), cE('text', `
- flex-grow: 1;
- display: flex;
- align-items: flex-start;
+ `), cM('full', {
+  width: '100%'
+})]), cE('text', `
+ display: grid;
+ gap: 16px;
+ grid-template-columns: 1fr 1fr;
+ height: 100%
  `), cE('title', `
- padding-top: 4px;
  flex-grow: 1;
- margin-bottom: 4px;
- font-size: var(--u-title-size);
- font-weight: 500;
- line-height: var(--u-title-line-height);
- `, [c('&:last-child', `
- margin-bottom: 0;
- `)]), cE('subtitle', `
- padding-bottom: 4px;
+ `), cE('subtitle', `
  flex-grow: 1;
- font-size: var(--u-subtitle-size);
- font-weight: 500;
- line-height: var(--u-subtitle-line-height);
  color: var(--u-subtitle-color);
  `), cE('subtitle,title', [c('&:last-child:first-child', `
- padding: 12px 0;
- `)]), cE('avatar', `
- display: flex;
- margin-right: var(--u-avatar-space);
- `), c('&:last-child', [cE('divider', `
+ `)]), c('&:last-child', [cE('divider', `
  display: none;
  `)]), cM('default', `
- min-height: var(--u-min-height);
  padding: var(--u-padding);
  `, [cE('main', `
- display: flex;
+ display: none;
  align-items: center;
- `)]), cM('description-first', [cE('title', `
- padding-top: 0;
- padding-bottom: 4px;
- order: 1;
- margin-top: 4px;
- margin-bottom: 0px;
- `, [c('&:last-child', `
- margin-top: 0;
- `)]), cE('subtitle', `
- padding-bottom: 0;
- padding-top: 4px;
- `)]), cM('columns-even', [cE('content', [cM('right', `
- flex-grow: 1;
- text-align: left;
- align-items: stretch;
- `)])]), cM('bordered', `
- padding: var(--u-padding);
- `), cNotM('loading', [cNotM('disabled', [cNotM('loading-skeleton', [cM('hoverable', `
+ `)]), cNotM('loading', [cNotM('disabled', [cNotM('loading-skeleton', [cM('hoverable', `
  cursor: pointer;
  user-select: none;
- padding: var(--u-padding);
  `, [c('&:hover', `
  background: var(--u-merged-color-hover);
  `), c('&:focus,&:active', `
@@ -152,26 +113,7 @@ export default c([cB('list', `
  border-radius: var(--u-border-radius);
  `), cM('disabled', [cE('text, subtitle', `
  color: var(--u-text-color-disabled);
- `)]), cM('loading-skeleton', [cE('content', `
- padding: 5px 0;
- `), cE('content--left', `
- flex-grow: 0;
- width: calc(66.38% - 8px);
- `), cE('content--right', `
- flex-grow: 0;
- width: calc(33.62% - 8px);
- `), cE('title,subtitle', [c('&:first-child:last-child', `
- padding: 0;
- `)]), cE('title', `
- margin-bottom: 8px;
- `, [c('&:last-child', `
- margin-bottom: 0;
- `)]), cM('description-first', [cE('title', `
- margin-bottom: 0;
- margin-top: 8px;
- `, [c('&:last-child', `
- margin-top: 0;
- `)])])])]), insideModal(cB('list', `
+ `)])]), insideModal(cB('list', `
  --u-merged-color-hover: var(--u-color-hover-modal);
  --u-merged-color: var(--u-color-modal);
  --u-merged-border-color: var(--u-border-color-modal);

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

@@ -1,18 +1,12 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import { type Theme } from '../../_mixins';
 export declare const self: (vars: ThemeCommonVars) => {
-    padding: string;
     iconSize: string;
     iconSpace: string;
     suffixSpace: string;
     prefixSpace: string;
-    titleSize: string;
-    titleLineHeight: string;
-    subtitleSize: string;
-    subtitleLineHeight: string;
     subtitleColor: string;
     avatarSpace: string;
-    minHeight: string;
     colorFocus: string;
     pressedScale: string;
     textColorDisabled: string;
@@ -26,8 +20,11 @@ export declare const self: (vars: ThemeCommonVars) => {
     borderColor: string;
     borderColorModal: string;
     borderColorPopover: string;
-    borderRadius: string;
-    fontSize: string;
+    borderRadiusLarge: string;
+    borderRadiusMedium: string;
+    borderRadiusSmall: string;
+    padding: string;
+    suffixSize: string;
 };
 export type ListThemeVars = ReturnType<typeof self>;
 declare const listLight: Theme<'List', ListThemeVars>;

package/es/list/styles/light.js

@@ -1,19 +1,13 @@
 import { commonLight } from '../../_styles/common';
 export const self = (vars) => {
-    const { borderRadius, iconMedium, fontBodyLarge, lineHeightBodyLarge, lineHeightBodyMedium, textSecondary, iconSmall, elementsQuaternary, textTertiary, textPrimary, fontBodyMedium, containerPrimary, elementsTertiary } = vars;
+    const { borderRadius, borderRadiusMedium, borderRadiusSmall, iconMedium, textSecondary, iconSmall, elementsQuaternary, textTertiary, textPrimary, containerPrimary, elementsTertiary } = vars;
     return {
-        padding: '8px 24px',
         iconSize: iconMedium,
         iconSpace: '16px',
         suffixSpace: '20px',
         prefixSpace: '20px',
-        titleSize: fontBodyLarge,
-        titleLineHeight: lineHeightBodyLarge,
-        subtitleSize: fontBodyMedium,
-        subtitleLineHeight: lineHeightBodyMedium,
         subtitleColor: textSecondary,
         avatarSpace: iconSmall,
-        minHeight: '64px',
         colorFocus: elementsQuaternary,
         pressedScale: '0.98',
         textColorDisabled: textTertiary,
@@ -27,8 +21,11 @@ export const self = (vars) => {
         borderColor: elementsQuaternary,
         borderColorModal: elementsQuaternary,
         borderColorPopover: elementsQuaternary,
-        borderRadius,
-        fontSize: fontBodyMedium
+        borderRadiusLarge: borderRadius,
+        borderRadiusMedium,
+        borderRadiusSmall,
+        padding: '12px 24px',
+        suffixSize: '24px'
     };
 };
 const listLight = {

package/es/mention/src/Mention.js

@@ -113,15 +113,15 @@ export default defineComponent({
         }
         function doUpdateValue(value) {
             const { onUpdateValue, 'onUpdate:value': _onUpdateValue } = props;
-            const { nTriggerFormChange, nTriggerFormInput } = formItem;
+            const { triggerFormChange, triggerFormInput } = formItem;
             if (_onUpdateValue) {
                 call(_onUpdateValue, value);
             }
             if (onUpdateValue) {
                 call(onUpdateValue, value);
             }
-            nTriggerFormInput();
-            nTriggerFormChange();
+            triggerFormInput();
+            triggerFormChange();
             uncontrolledValueRef.value = value;
         }
         function getInputEl() {
@@ -238,8 +238,8 @@ export default defineComponent({
         function handleInputFocus(e) {
             const { onFocus } = props;
             onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-            const { nTriggerFormFocus } = formItem;
-            nTriggerFormFocus();
+            const { triggerFormFocus } = formItem;
+            triggerFormFocus();
             syncAfterCursorMove();
         }
         function focus() {
@@ -253,8 +253,8 @@ export default defineComponent({
         function handleInputBlur(e) {
             const { onBlur } = props;
             onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-            const { nTriggerFormBlur } = formItem;
-            nTriggerFormBlur();
+            const { triggerFormBlur } = formItem;
+            triggerFormBlur();
             doUpdateShowMenu(false);
         }
         function handleSelect(tmNode) {

package/es/radio/src/RadioGroup.js

@@ -75,7 +75,7 @@ export default defineComponent({
     props: radioGroupProps,
     setup(props) {
         const selfElRef = ref(null);
-        const { mergedSizeRef, mergedDisabledRef, nTriggerFormChange, nTriggerFormInput, nTriggerFormBlur, nTriggerFormFocus } = useFormItem(props);
+        const { mergedSizeRef, mergedDisabledRef, triggerFormChange, triggerFormInput, triggerFormBlur, triggerFormFocus } = useFormItem(props);
         const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = useConfig(props);
         const themeRef = useTheme('Radio', '-radio-group', style, radioLight, props, mergedClsPrefixRef);
         const uncontrolledValueRef = ref(props.defaultValue);
@@ -90,8 +90,8 @@ export default defineComponent({
                 call(_onUpdateValue, value);
             }
             uncontrolledValueRef.value = value;
-            nTriggerFormChange();
-            nTriggerFormInput();
+            triggerFormChange();
+            triggerFormInput();
         }
         function handleFocusin(e) {
             const { value: selfEl } = selfElRef;
@@ -99,7 +99,7 @@ export default defineComponent({
                 return;
             if (selfEl.contains(e.relatedTarget))
                 return;
-            nTriggerFormFocus();
+            triggerFormFocus();
         }
         function handleFocusout(e) {
             const { value: selfEl } = selfElRef;
@@ -107,7 +107,7 @@ export default defineComponent({
                 return;
             if (selfEl.contains(e.relatedTarget))
                 return;
-            nTriggerFormBlur();
+            triggerFormBlur();
         }
         provide(radioGroupInjectionKey, {
             mergedClsPrefixRef,

package/es/rate/src/Rate.js

@@ -29,7 +29,7 @@ export default defineComponent({
         const mergedValue = useMergedState(controlledValueRef, uncontrolledValueRef);
         function doUpdateValue(value) {
             const { 'onUpdate:value': _onUpdateValue, onUpdateValue } = props;
-            const { nTriggerFormChange, nTriggerFormInput } = formItem;
+            const { triggerFormChange, triggerFormInput } = formItem;
             if (_onUpdateValue) {
                 call(_onUpdateValue, value);
             }
@@ -37,8 +37,8 @@ export default defineComponent({
                 call(onUpdateValue, value);
             }
             uncontrolledValueRef.value = value;
-            nTriggerFormChange();
-            nTriggerFormInput();
+            triggerFormChange();
+            triggerFormInput();
         }
         function getDerivedValue(index, e) {
             if (props.allowHalf) {

package/es/select/src/Select.js

@@ -223,7 +223,7 @@ export default defineComponent({
         const { mergedDisabledRef, mergedStatusRef } = formItem;
         function doUpdateValue(value, option) {
             const { onChange, 'onUpdate:value': _onUpdateValue, onUpdateValue } = props;
-            const { nTriggerFormChange, nTriggerFormInput } = formItem;
+            const { triggerFormChange, triggerFormInput } = formItem;
             if (onChange)
                 call(onChange, value, option);
             if (onUpdateValue)
@@ -232,15 +232,15 @@ export default defineComponent({
                 call(_onUpdateValue, value, option);
             }
             uncontrolledValueRef.value = value;
-            nTriggerFormChange();
-            nTriggerFormInput();
+            triggerFormChange();
+            triggerFormInput();
         }
         function doBlur(e) {
             const { onBlur } = props;
-            const { nTriggerFormBlur } = formItem;
+            const { triggerFormBlur } = formItem;
             if (onBlur)
                 call(onBlur, e);
-            nTriggerFormBlur();
+            triggerFormBlur();
         }
         function doClear() {
             const { onClear } = props;
@@ -249,10 +249,10 @@ export default defineComponent({
         }
         function doFocus(e) {
             const { onFocus, showOnFocus } = props;
-            const { nTriggerFormFocus } = formItem;
+            const { triggerFormFocus } = formItem;
             if (onFocus)
                 call(onFocus, e);
-            nTriggerFormFocus();
+            triggerFormFocus();
             if (showOnFocus) {
                 openMenu();
             }

package/es/slider/src/Slider.js

@@ -169,14 +169,14 @@ export default defineComponent({
         }
         function doUpdateValue(value) {
             const { 'onUpdate:value': _onUpdateValue, onUpdateValue } = props;
-            const { nTriggerFormInput, nTriggerFormChange } = formItem;
+            const { triggerFormInput, triggerFormChange } = formItem;
             if (onUpdateValue)
                 call(onUpdateValue, value);
             if (_onUpdateValue)
                 call(_onUpdateValue, value);
             uncontrolledValueRef.value = value;
-            nTriggerFormInput();
-            nTriggerFormChange();
+            triggerFormInput();
+            triggerFormChange();
         }
         function dispatchValueUpdate(value) {
             const { range } = props;

package/es/styles.d.ts

@@ -34,6 +34,7 @@ export { gradientTextDark } from './gradient-text/styles';
 export { iconDark } from './icon/styles';
 export { inputDark, inputRtl as unstableInputRtl } from './input/styles';
 export { inputNumberDark, inputNumberRtl as unstableInputNumberRtl } from './input-number/styles';
+export { inputOtpDark, inputOtpRtl as unstableInputOtpRtl } from './input-otp/styles';
 export { layoutDark } from './layout/styles';
 export { listDark, listRtl as unstableListRtl } from './list/styles';
 export { loadingBarDark } from './loading-bar/styles';

package/es/styles.js

@@ -34,6 +34,7 @@ export { gradientTextDark } from './gradient-text/styles';
 export { iconDark } from './icon/styles';
 export { inputDark, inputRtl as unstableInputRtl } from './input/styles';
 export { inputNumberDark, inputNumberRtl as unstableInputNumberRtl } from './input-number/styles';
+export { inputOtpDark, inputOtpRtl as unstableInputOtpRtl } from './input-otp/styles';
 export { layoutDark } from './layout/styles';
 export { listDark, listRtl as unstableListRtl } from './list/styles';
 export { loadingBarDark } from './loading-bar/styles';

package/es/switch/src/Switch.js

@@ -80,7 +80,7 @@ export default defineComponent({
         });
         function doUpdateValue(value) {
             const { 'onUpdate:value': _onUpdateValue, onChange, onUpdateValue } = props;
-            const { nTriggerFormInput, nTriggerFormChange } = formItem;
+            const { triggerFormInput, triggerFormChange } = formItem;
             if (_onUpdateValue)
                 call(_onUpdateValue, value);
             if (onUpdateValue)
@@ -88,16 +88,16 @@ export default defineComponent({
             if (onChange)
                 call(onChange, value);
             uncontrolledValueRef.value = value;
-            nTriggerFormInput();
-            nTriggerFormChange();
+            triggerFormInput();
+            triggerFormChange();
         }
         function doFocus() {
-            const { nTriggerFormFocus } = formItem;
-            nTriggerFormFocus();
+            const { triggerFormFocus } = formItem;
+            triggerFormFocus();
         }
         function doBlur() {
-            const { nTriggerFormBlur } = formItem;
-            nTriggerFormBlur();
+            const { triggerFormBlur } = formItem;
+            triggerFormBlur();
         }
         function handleClick() {
             if (props.loading || mergedDisabledRef.value)

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

@@ -92,6 +92,7 @@ export default cB('tag', `
  cursor: pointer;
  box-shadow: none;
  color: var(--u-text-color-checkable);
+ padding: 0px 8px;
  background-color: var(--u-color-checkable);
  transition: border-color .3s var(--u-bezier);
  `, [cNotM('disabled', [c('&:hover', 'background-color: var(--u-color-hover-checkable);', [cNotM('checked', 'color: var(--u-text-color-hover-checkable);')]), c('&:focus', `
@@ -101,4 +102,7 @@ export default cB('tag', `
  transition: border-color .3s var(--u-bezier);`, [cNotM('checked', 'color: var(--u-text-color-pressed-checkable);')])]), cM('checked', `
  color: var(--u-text-color-checked);
  background-color: var(--u-color-checked);
- `, [cNotM('disabled', [c('&:hover', 'background-color: var(--u-color-checked-hover);'), c('&:focus', 'background-color: var(--u-color-checked-hover);'), c('&:active', 'background-color: var(--u-color-checked-pressed);')])])])]);
+ `, [cE('border', `
+ border-color: var(--u-color-checked);
+ transition: none;
+ `), cNotM('disabled', [c('&:hover', 'background-color: var(--u-color-checked-hover);'), c('&:focus', 'background-color: var(--u-color-checked-hover);'), c('&:active', 'background-color: var(--u-color-checked-pressed);')])])])]);

package/es/tag/styles/light.js

@@ -1,7 +1,7 @@
 import { changeColor } from 'seemly';
 import { commonLight } from '../../_styles/common';
 export const self = (vars) => {
-    const { opacityDisabled, borderRadiusSmall: borderRadius, fontWeightStrong, fontWeight, elementsTertiary, fontBodySmall, fontBodyMedium, textQuaternary, elementsPrimary, elementsSenary, elementsQuinary, textPrimary, elementsQuaternary, transparencySecondary, staticDarkGrey, staticWhite, elementsDarkQuinary, brandPrimary600, brandPrimary500, brandQuaternary600, brandQuaternary500, staticGreen, staticOrange, staticRed, staticBlack } = vars;
+    const { opacityDisabled, borderRadiusSmall: borderRadius, fontWeightStrong, fontWeight, elementsTertiary, fontBodySmall, fontBodyMedium, textQuaternary, elementsPrimary, elementsSecondary, elementsSenary, elementsQuinary, textPrimary, elementsQuaternary, transparencySecondary, staticDarkGrey, staticWhite, elementsDarkQuinary, brandPrimary600, brandPrimary500, brandQuaternary600, brandQuaternary500, staticGreen, staticOrange, staticRed, staticBlack } = vars;
     const borderTagWidth = 2;
     return {
         closeIconSizeTiny: '16px',
@@ -36,7 +36,7 @@ export const self = (vars) => {
         textColorHoverCheckable: textPrimary,
         textColorPressedCheckable: textPrimary,
         textColorChecked: textQuaternary,
-        colorCheckable: elementsTertiary,
+        colorCheckable: elementsSecondary,
         colorHoverCheckable: elementsQuaternary,
         colorPressedCheckable: elementsQuaternary,
         colorChecked: elementsPrimary,

package/es/theme-editor/src/ThemeEditor.d.ts

@@ -17,6 +17,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         scrollbarHeight: string;
         scrollbarBorderRadius: string;
         opacityDisabled: string;
+        brand150: string;
+        brand350: string;
+        brand550: string;
         brandPrimary50: string;
         brandPrimary100: string;
         brandPrimary200: string;

package/es/themes/dark.js

@@ -86,6 +86,7 @@ import { toggleButtonDark } from '../toggle-button/styles';
 import { accountOptionDark } from '../_internal/account-option/styles';
 import { flexDark } from '../flex/styles';
 import { actionCardDark } from '../action-card/styles';
+import { inputOtpDark } from '../styles';
 export const darkTheme = {
     name: 'dark',
     common: commonDark,
@@ -130,6 +131,7 @@ export const darkTheme = {
     IconWrapper: iconWrapperDark,
     Image: imageDark,
     Input: inputDark,
+    InputOtp: inputOtpDark,
     InputNumber: inputNumberDark,
     LegacyTransfer: legacyTransferDark,
     Layout: layoutDark,

package/es/themes/light.js

@@ -88,6 +88,7 @@ import { toggleButtonLight } from '../toggle-button/styles';
 import { accountOptionLight } from '../_internal/account-option/styles';
 import { flexLight } from '../flex/styles';
 import { actionCardLight } from '../action-card/styles';
+import { inputOtpLight } from '../input-otp/styles';
 export const lightTheme = {
     name: 'light',
     common: commonLight,
@@ -132,6 +133,7 @@ export const lightTheme = {
     IconWrapper: iconWrapperLight,
     Image: imageLight,
     Input: inputLight,
+    InputOtp: inputOtpLight,
     InputNumber: inputNumberLight,
     Layout: layoutLight,
     LegacyTransfer: legacyTransferLight,

package/es/time-picker/src/TimePicker.js

@@ -247,7 +247,7 @@ export default defineComponent({
         }
         function doUpdateValue(value) {
             const { onUpdateValue, 'onUpdate:value': _onUpdateValue, onChange } = props;
-            const { nTriggerFormChange, nTriggerFormInput } = formItem;
+            const { triggerFormChange, triggerFormInput } = formItem;
             const formattedValue = createFormattedValue(value);
             if (onUpdateValue) {
                 call(onUpdateValue, value, formattedValue);
@@ -259,22 +259,22 @@ export default defineComponent({
                 call(onChange, value, formattedValue);
             doUpdateFormattedValue(formattedValue, value);
             uncontrolledValueRef.value = value;
-            nTriggerFormChange();
-            nTriggerFormInput();
+            triggerFormChange();
+            triggerFormInput();
         }
         function doFocus(e) {
             const { onFocus } = props;
-            const { nTriggerFormFocus } = formItem;
+            const { triggerFormFocus } = formItem;
             if (onFocus)
                 call(onFocus, e);
-            nTriggerFormFocus();
+            triggerFormFocus();
         }
         function doBlur(e) {
             const { onBlur } = props;
-            const { nTriggerFormBlur } = formItem;
+            const { triggerFormBlur } = formItem;
             if (onBlur)
                 call(onBlur, e);
-            nTriggerFormBlur();
+            triggerFormBlur();
         }
         function doConfirm() {
             const { onConfirm } = props;

package/es/transfer/src/Transfer.js

@@ -63,7 +63,7 @@ export default defineComponent({
         const { uncontrolledValueRef, mergedValueRef, targetValueSetRef, valueSetForCheckAllRef, valueSetForUncheckAllRef, valueSetForClearRef, filteredTgtOptionsRef, filteredSrcOptionsRef, targetOptionsRef, canNotSelectAnythingRef, canBeClearedRef, allCheckedRef, srcPatternRef, tgtPatternRef, mergedSrcFilterableRef, handleSrcFilterUpdateValue, handleTgtFilterUpdateValue } = useTransferData(props);
         function doUpdateValue(value) {
             const { onUpdateValue, 'onUpdate:value': _onUpdateValue, onChange } = props;
-            const { nTriggerFormInput, nTriggerFormChange } = formItem;
+            const { triggerFormInput, triggerFormChange } = formItem;
             if (onUpdateValue)
                 call(onUpdateValue, value);
             if (_onUpdateValue)
@@ -71,8 +71,8 @@ export default defineComponent({
             if (onChange)
                 call(onChange, value);
             uncontrolledValueRef.value = value;
-            nTriggerFormInput();
-            nTriggerFormChange();
+            triggerFormInput();
+            triggerFormChange();
         }
         function handleSourceCheckAll() {
             doUpdateValue([...valueSetForCheckAllRef.value]);

package/es/tree-select/src/TreeSelect.js

@@ -70,7 +70,7 @@ export default defineComponent({
         const menuElRef = ref(null);
         const { mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = useConfig(props);
         const { localeRef } = useLocale('Select');
-        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef, nTriggerFormBlur, nTriggerFormChange, nTriggerFormFocus, nTriggerFormInput } = useFormItem(props);
+        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef, triggerFormBlur, triggerFormChange, triggerFormFocus, triggerFormInput } = useFormItem(props);
         const uncontrolledValueRef = ref(props.defaultValue);
         const controlledValueRef = toRef(props, 'value');
         const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
@@ -207,8 +207,8 @@ export default defineComponent({
                 call(_onUpdateValue, value, option, meta);
             }
             uncontrolledValueRef.value = value;
-            nTriggerFormInput();
-            nTriggerFormChange();
+            triggerFormInput();
+            triggerFormChange();
         }
         function doUpdateIndeterminateKeys(value, option) {
             const { onUpdateIndeterminateKeys, 'onUpdate:indeterminateKeys': _onUpdateIndeterminateKeys } = props;
@@ -233,14 +233,14 @@ export default defineComponent({
             const { onFocus } = props;
             if (onFocus)
                 onFocus(e);
-            nTriggerFormFocus();
+            triggerFormFocus();
         }
         function doBlur(e) {
             closeMenu();
             const { onBlur } = props;
             if (onBlur)
                 onBlur(e);
-            nTriggerFormBlur();
+            triggerFormBlur();
         }
         function closeMenu() {
             doUpdateShow(false);

package/es/upload/src/UploadFile.js

@@ -220,8 +220,8 @@ export default defineComponent({
                 !this.vertical &&
                     !imageCardTypes.includes(listType) &&
                     `${clsPrefix}-upload-file-loader--default`
-            ] },
-            h("div", { class: [
+            ] }, {
+            default: () => (h("div", { class: [
                     `${clsPrefix}-upload-file`,
                     `${clsPrefix}-upload-file--${this.progressStatus}-status`,
                     file.url &&
@@ -247,6 +247,7 @@ export default defineComponent({
                                 ? this.$slots['upload-file-subtitle']({ file })
                                 : ''))),
                     actionsNode),
-                this.showProgress && (h("div", { class: `${clsPrefix}-upload-file-overlay` })))));
+                this.showProgress && (h("div", { class: `${clsPrefix}-upload-file-overlay` }))))
+        }));
     }
 });