@uzum-tech/ui 1.5.2 → 1.5.4

package/lib/select/src/Select.js

@@ -229,7 +229,7 @@ exports.default = (0, vue_1.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)
                 (0, _utils_1.call)(onChange, value, option);
             if (onUpdateValue)
@@ -238,15 +238,15 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.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)
                 (0, _utils_1.call)(onBlur, e);
-            nTriggerFormBlur();
+            triggerFormBlur();
         }
         function doClear() {
             const { onClear } = props;
@@ -255,10 +255,10 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function doFocus(e) {
             const { onFocus, showOnFocus } = props;
-            const { nTriggerFormFocus } = formItem;
+            const { triggerFormFocus } = formItem;
             if (onFocus)
                 (0, _utils_1.call)(onFocus, e);
-            nTriggerFormFocus();
+            triggerFormFocus();
             if (showOnFocus) {
                 openMenu();
             }

package/lib/slider/src/Slider.js

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

package/lib/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/lib/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.listDark = exports.layoutDark = exports.unstableInputNumberRtl = exports.inputNumberDark = exports.unstableInputRtl = exports.inputDark = exports.iconDark = exports.gradientTextDark = exports.formDark = exports.emptyDark = exports.elementDark = exports.dynamicTagsDark = exports.unstableDynamicInputRtl = exports.dynamicInputDark = exports.dropdownDark = exports.unstableDrawerRtl = exports.drawerDark = exports.dividerDark = exports.dialogDark = exports.descriptionsDark = exports.datePickerDark = exports.dataTableDark = exports.unstableCollapseTransitionRtl = exports.unstableCollapseRtl = exports.collapseDark = exports.codeDark = exports.unstableCheckboxRtl = exports.checkboxDark = exports.cascaderDark = exports.cardListDark = exports.unstableCardRtl = exports.cardDark = exports.unstableButtonGroupRtl = exports.buttonGroupDark = exports.unstableMessageRtl = exports.unstableNotificationRtl = exports.unstableButtonRtl = exports.buttonDark = exports.breadcrumbDark = exports.unstableBadgeRtl = exports.badgeDark = exports.backTopDark = exports.unstableAvatarGroupRtl = exports.avatarDark = exports.autoCompleteDark = exports.anchorDark = exports.unstableAlertRtl = exports.alertDark = exports.commonLight = exports.commonDark = void 0;
-exports.scrollbarDark = exports.toggleButtonDark = exports.unstableRowRtl = exports.watermarkDark = exports.uploadDark = exports.typographyDark = exports.treeSelectDark = exports.unstableTreeRtl = exports.treeDark = exports.transferDark = exports.tooltipDark = exports.timelineDark = exports.timePickerDark = exports.unstableThingRtl = exports.thingDark = exports.unstableTagRtl = exports.tagDark = exports.tabsDark = exports.unstableTableRtl = exports.tableDark = exports.switchDark = exports.unstableStepsRtl = exports.stepsDark = exports.statusDark = exports.unstableStatisticRtl = exports.statisticDark = exports.spinDark = exports.unstableSpaceRtl = exports.spaceDark = exports.sliderDark = exports.selectDark = exports.resultDark = exports.rateDark = exports.unstableRadioRtl = exports.radioDark = exports.progressDark = exports.popselectDark = exports.popoverDark = exports.popconfirmDark = exports.unstablePageHeaderRtl = exports.unstablePaginationRtl = exports.paginationDark = exports.notificationDark = exports.modalDark = exports.messageDark = exports.menuDark = exports.mentionDark = exports.logDark = exports.loadingBarDark = exports.unstableListRtl = void 0;
-exports.unstableScrollbarRtl = exports.internalSelectionDark = exports.internalSelectMenuDark = void 0;
+exports.unstableInputOtpRtl = exports.inputOtpDark = exports.unstableInputNumberRtl = exports.inputNumberDark = exports.unstableInputRtl = exports.inputDark = exports.iconDark = exports.gradientTextDark = exports.formDark = exports.emptyDark = exports.elementDark = exports.dynamicTagsDark = exports.unstableDynamicInputRtl = exports.dynamicInputDark = exports.dropdownDark = exports.unstableDrawerRtl = exports.drawerDark = exports.dividerDark = exports.dialogDark = exports.descriptionsDark = exports.datePickerDark = exports.dataTableDark = exports.unstableCollapseTransitionRtl = exports.unstableCollapseRtl = exports.collapseDark = exports.codeDark = exports.unstableCheckboxRtl = exports.checkboxDark = exports.cascaderDark = exports.cardListDark = exports.unstableCardRtl = exports.cardDark = exports.unstableButtonGroupRtl = exports.buttonGroupDark = exports.unstableMessageRtl = exports.unstableNotificationRtl = exports.unstableButtonRtl = exports.buttonDark = exports.breadcrumbDark = exports.unstableBadgeRtl = exports.badgeDark = exports.backTopDark = exports.unstableAvatarGroupRtl = exports.avatarDark = exports.autoCompleteDark = exports.anchorDark = exports.unstableAlertRtl = exports.alertDark = exports.commonLight = exports.commonDark = void 0;
+exports.unstableRowRtl = exports.watermarkDark = exports.uploadDark = exports.typographyDark = exports.treeSelectDark = exports.unstableTreeRtl = exports.treeDark = exports.transferDark = exports.tooltipDark = exports.timelineDark = exports.timePickerDark = exports.unstableThingRtl = exports.thingDark = exports.unstableTagRtl = exports.tagDark = exports.tabsDark = exports.unstableTableRtl = exports.tableDark = exports.switchDark = exports.unstableStepsRtl = exports.stepsDark = exports.statusDark = exports.unstableStatisticRtl = exports.statisticDark = exports.spinDark = exports.unstableSpaceRtl = exports.spaceDark = exports.sliderDark = exports.selectDark = exports.resultDark = exports.rateDark = exports.unstableRadioRtl = exports.radioDark = exports.progressDark = exports.popselectDark = exports.popoverDark = exports.popconfirmDark = exports.unstablePageHeaderRtl = exports.unstablePaginationRtl = exports.paginationDark = exports.notificationDark = exports.modalDark = exports.messageDark = exports.menuDark = exports.mentionDark = exports.logDark = exports.loadingBarDark = exports.unstableListRtl = exports.listDark = exports.layoutDark = void 0;
+exports.unstableScrollbarRtl = exports.internalSelectionDark = exports.internalSelectMenuDark = exports.scrollbarDark = exports.toggleButtonDark = void 0;
 var common_1 = require("./_styles/common");
 Object.defineProperty(exports, "commonDark", { enumerable: true, get: function () { return common_1.commonDark; } });
 Object.defineProperty(exports, "commonLight", { enumerable: true, get: function () { return common_1.commonLight; } });
@@ -87,104 +87,107 @@ Object.defineProperty(exports, "unstableInputRtl", { enumerable: true, get: func
 var styles_35 = require("./input-number/styles");
 Object.defineProperty(exports, "inputNumberDark", { enumerable: true, get: function () { return styles_35.inputNumberDark; } });
 Object.defineProperty(exports, "unstableInputNumberRtl", { enumerable: true, get: function () { return styles_35.inputNumberRtl; } });
-var styles_36 = require("./layout/styles");
-Object.defineProperty(exports, "layoutDark", { enumerable: true, get: function () { return styles_36.layoutDark; } });
-var styles_37 = require("./list/styles");
-Object.defineProperty(exports, "listDark", { enumerable: true, get: function () { return styles_37.listDark; } });
-Object.defineProperty(exports, "unstableListRtl", { enumerable: true, get: function () { return styles_37.listRtl; } });
-var styles_38 = require("./loading-bar/styles");
-Object.defineProperty(exports, "loadingBarDark", { enumerable: true, get: function () { return styles_38.loadingBarDark; } });
-var styles_39 = require("./log/styles");
-Object.defineProperty(exports, "logDark", { enumerable: true, get: function () { return styles_39.logDark; } });
-var styles_40 = require("./mention/styles");
-Object.defineProperty(exports, "mentionDark", { enumerable: true, get: function () { return styles_40.mentionDark; } });
-var styles_41 = require("./menu/styles");
-Object.defineProperty(exports, "menuDark", { enumerable: true, get: function () { return styles_41.menuDark; } });
-var styles_42 = require("./message/styles");
-Object.defineProperty(exports, "messageDark", { enumerable: true, get: function () { return styles_42.messageDark; } });
-var styles_43 = require("./modal/styles");
-Object.defineProperty(exports, "modalDark", { enumerable: true, get: function () { return styles_43.modalDark; } });
-var styles_44 = require("./notification/styles");
-Object.defineProperty(exports, "notificationDark", { enumerable: true, get: function () { return styles_44.notificationDark; } });
-var styles_45 = require("./pagination/styles");
-Object.defineProperty(exports, "paginationDark", { enumerable: true, get: function () { return styles_45.paginationDark; } });
-Object.defineProperty(exports, "unstablePaginationRtl", { enumerable: true, get: function () { return styles_45.paginationRtl; } });
-var styles_46 = require("./page-header/styles");
-Object.defineProperty(exports, "unstablePageHeaderRtl", { enumerable: true, get: function () { return styles_46.pageHeaderRtl; } });
-var styles_47 = require("./popconfirm/styles");
-Object.defineProperty(exports, "popconfirmDark", { enumerable: true, get: function () { return styles_47.popconfirmDark; } });
-var styles_48 = require("./popover/styles");
-Object.defineProperty(exports, "popoverDark", { enumerable: true, get: function () { return styles_48.popoverDark; } });
-var styles_49 = require("./popselect/styles");
-Object.defineProperty(exports, "popselectDark", { enumerable: true, get: function () { return styles_49.popselectDark; } });
-var styles_50 = require("./progress/styles");
-Object.defineProperty(exports, "progressDark", { enumerable: true, get: function () { return styles_50.progressDark; } });
-var styles_51 = require("./radio/styles");
-Object.defineProperty(exports, "radioDark", { enumerable: true, get: function () { return styles_51.radioDark; } });
-Object.defineProperty(exports, "unstableRadioRtl", { enumerable: true, get: function () { return styles_51.radioRtl; } });
-var styles_52 = require("./rate/styles");
-Object.defineProperty(exports, "rateDark", { enumerable: true, get: function () { return styles_52.rateDark; } });
-var styles_53 = require("./result/styles");
-Object.defineProperty(exports, "resultDark", { enumerable: true, get: function () { return styles_53.resultDark; } });
-var styles_54 = require("./select/styles");
-Object.defineProperty(exports, "selectDark", { enumerable: true, get: function () { return styles_54.selectDark; } });
-var styles_55 = require("./slider/styles");
-Object.defineProperty(exports, "sliderDark", { enumerable: true, get: function () { return styles_55.sliderDark; } });
-var styles_56 = require("./space/styles");
-Object.defineProperty(exports, "spaceDark", { enumerable: true, get: function () { return styles_56.spaceDark; } });
-Object.defineProperty(exports, "unstableSpaceRtl", { enumerable: true, get: function () { return styles_56.spaceRtl; } });
-var styles_57 = require("./spin/styles");
-Object.defineProperty(exports, "spinDark", { enumerable: true, get: function () { return styles_57.spinDark; } });
-var styles_58 = require("./statistic/styles");
-Object.defineProperty(exports, "statisticDark", { enumerable: true, get: function () { return styles_58.statisticDark; } });
-Object.defineProperty(exports, "unstableStatisticRtl", { enumerable: true, get: function () { return styles_58.statisticRtl; } });
-var styles_59 = require("./status/styles");
-Object.defineProperty(exports, "statusDark", { enumerable: true, get: function () { return styles_59.statusDark; } });
-var styles_60 = require("./steps/styles");
-Object.defineProperty(exports, "stepsDark", { enumerable: true, get: function () { return styles_60.stepsDark; } });
-Object.defineProperty(exports, "unstableStepsRtl", { enumerable: true, get: function () { return styles_60.stepsRtl; } });
-var styles_61 = require("./switch/styles");
-Object.defineProperty(exports, "switchDark", { enumerable: true, get: function () { return styles_61.switchDark; } });
-var styles_62 = require("./table/styles");
-Object.defineProperty(exports, "tableDark", { enumerable: true, get: function () { return styles_62.tableDark; } });
-Object.defineProperty(exports, "unstableTableRtl", { enumerable: true, get: function () { return styles_62.tableRtl; } });
-var styles_63 = require("./tabs/styles");
-Object.defineProperty(exports, "tabsDark", { enumerable: true, get: function () { return styles_63.tabsDark; } });
-var styles_64 = require("./tag/styles");
-Object.defineProperty(exports, "tagDark", { enumerable: true, get: function () { return styles_64.tagDark; } });
-Object.defineProperty(exports, "unstableTagRtl", { enumerable: true, get: function () { return styles_64.tagRtl; } });
-var styles_65 = require("./thing/styles");
-Object.defineProperty(exports, "thingDark", { enumerable: true, get: function () { return styles_65.thingDark; } });
-Object.defineProperty(exports, "unstableThingRtl", { enumerable: true, get: function () { return styles_65.thingRtl; } });
-var styles_66 = require("./time-picker/styles");
-Object.defineProperty(exports, "timePickerDark", { enumerable: true, get: function () { return styles_66.timePickerDark; } });
-var styles_67 = require("./timeline/styles");
-Object.defineProperty(exports, "timelineDark", { enumerable: true, get: function () { return styles_67.timelineDark; } });
-var styles_68 = require("./tooltip/styles");
-Object.defineProperty(exports, "tooltipDark", { enumerable: true, get: function () { return styles_68.tooltipDark; } });
-var styles_69 = require("./transfer/styles");
-Object.defineProperty(exports, "transferDark", { enumerable: true, get: function () { return styles_69.transferDark; } });
-var styles_70 = require("./tree/styles");
-Object.defineProperty(exports, "treeDark", { enumerable: true, get: function () { return styles_70.treeDark; } });
-Object.defineProperty(exports, "unstableTreeRtl", { enumerable: true, get: function () { return styles_70.treeRtl; } });
-var styles_71 = require("./tree-select/styles");
-Object.defineProperty(exports, "treeSelectDark", { enumerable: true, get: function () { return styles_71.treeSelectDark; } });
-var styles_72 = require("./typography/styles");
-Object.defineProperty(exports, "typographyDark", { enumerable: true, get: function () { return styles_72.typographyDark; } });
-var styles_73 = require("./upload/styles");
-Object.defineProperty(exports, "uploadDark", { enumerable: true, get: function () { return styles_73.uploadDark; } });
-var styles_74 = require("./watermark/styles");
-Object.defineProperty(exports, "watermarkDark", { enumerable: true, get: function () { return styles_74.watermarkDark; } });
-var styles_75 = require("./legacy-grid/styles");
-Object.defineProperty(exports, "unstableRowRtl", { enumerable: true, get: function () { return styles_75.rowRtl; } });
-var styles_76 = require("./toggle-button/styles");
-Object.defineProperty(exports, "toggleButtonDark", { enumerable: true, get: function () { return styles_76.toggleButtonDark; } });
+var styles_36 = require("./input-otp/styles");
+Object.defineProperty(exports, "inputOtpDark", { enumerable: true, get: function () { return styles_36.inputOtpDark; } });
+Object.defineProperty(exports, "unstableInputOtpRtl", { enumerable: true, get: function () { return styles_36.inputOtpRtl; } });
+var styles_37 = require("./layout/styles");
+Object.defineProperty(exports, "layoutDark", { enumerable: true, get: function () { return styles_37.layoutDark; } });
+var styles_38 = require("./list/styles");
+Object.defineProperty(exports, "listDark", { enumerable: true, get: function () { return styles_38.listDark; } });
+Object.defineProperty(exports, "unstableListRtl", { enumerable: true, get: function () { return styles_38.listRtl; } });
+var styles_39 = require("./loading-bar/styles");
+Object.defineProperty(exports, "loadingBarDark", { enumerable: true, get: function () { return styles_39.loadingBarDark; } });
+var styles_40 = require("./log/styles");
+Object.defineProperty(exports, "logDark", { enumerable: true, get: function () { return styles_40.logDark; } });
+var styles_41 = require("./mention/styles");
+Object.defineProperty(exports, "mentionDark", { enumerable: true, get: function () { return styles_41.mentionDark; } });
+var styles_42 = require("./menu/styles");
+Object.defineProperty(exports, "menuDark", { enumerable: true, get: function () { return styles_42.menuDark; } });
+var styles_43 = require("./message/styles");
+Object.defineProperty(exports, "messageDark", { enumerable: true, get: function () { return styles_43.messageDark; } });
+var styles_44 = require("./modal/styles");
+Object.defineProperty(exports, "modalDark", { enumerable: true, get: function () { return styles_44.modalDark; } });
+var styles_45 = require("./notification/styles");
+Object.defineProperty(exports, "notificationDark", { enumerable: true, get: function () { return styles_45.notificationDark; } });
+var styles_46 = require("./pagination/styles");
+Object.defineProperty(exports, "paginationDark", { enumerable: true, get: function () { return styles_46.paginationDark; } });
+Object.defineProperty(exports, "unstablePaginationRtl", { enumerable: true, get: function () { return styles_46.paginationRtl; } });
+var styles_47 = require("./page-header/styles");
+Object.defineProperty(exports, "unstablePageHeaderRtl", { enumerable: true, get: function () { return styles_47.pageHeaderRtl; } });
+var styles_48 = require("./popconfirm/styles");
+Object.defineProperty(exports, "popconfirmDark", { enumerable: true, get: function () { return styles_48.popconfirmDark; } });
+var styles_49 = require("./popover/styles");
+Object.defineProperty(exports, "popoverDark", { enumerable: true, get: function () { return styles_49.popoverDark; } });
+var styles_50 = require("./popselect/styles");
+Object.defineProperty(exports, "popselectDark", { enumerable: true, get: function () { return styles_50.popselectDark; } });
+var styles_51 = require("./progress/styles");
+Object.defineProperty(exports, "progressDark", { enumerable: true, get: function () { return styles_51.progressDark; } });
+var styles_52 = require("./radio/styles");
+Object.defineProperty(exports, "radioDark", { enumerable: true, get: function () { return styles_52.radioDark; } });
+Object.defineProperty(exports, "unstableRadioRtl", { enumerable: true, get: function () { return styles_52.radioRtl; } });
+var styles_53 = require("./rate/styles");
+Object.defineProperty(exports, "rateDark", { enumerable: true, get: function () { return styles_53.rateDark; } });
+var styles_54 = require("./result/styles");
+Object.defineProperty(exports, "resultDark", { enumerable: true, get: function () { return styles_54.resultDark; } });
+var styles_55 = require("./select/styles");
+Object.defineProperty(exports, "selectDark", { enumerable: true, get: function () { return styles_55.selectDark; } });
+var styles_56 = require("./slider/styles");
+Object.defineProperty(exports, "sliderDark", { enumerable: true, get: function () { return styles_56.sliderDark; } });
+var styles_57 = require("./space/styles");
+Object.defineProperty(exports, "spaceDark", { enumerable: true, get: function () { return styles_57.spaceDark; } });
+Object.defineProperty(exports, "unstableSpaceRtl", { enumerable: true, get: function () { return styles_57.spaceRtl; } });
+var styles_58 = require("./spin/styles");
+Object.defineProperty(exports, "spinDark", { enumerable: true, get: function () { return styles_58.spinDark; } });
+var styles_59 = require("./statistic/styles");
+Object.defineProperty(exports, "statisticDark", { enumerable: true, get: function () { return styles_59.statisticDark; } });
+Object.defineProperty(exports, "unstableStatisticRtl", { enumerable: true, get: function () { return styles_59.statisticRtl; } });
+var styles_60 = require("./status/styles");
+Object.defineProperty(exports, "statusDark", { enumerable: true, get: function () { return styles_60.statusDark; } });
+var styles_61 = require("./steps/styles");
+Object.defineProperty(exports, "stepsDark", { enumerable: true, get: function () { return styles_61.stepsDark; } });
+Object.defineProperty(exports, "unstableStepsRtl", { enumerable: true, get: function () { return styles_61.stepsRtl; } });
+var styles_62 = require("./switch/styles");
+Object.defineProperty(exports, "switchDark", { enumerable: true, get: function () { return styles_62.switchDark; } });
+var styles_63 = require("./table/styles");
+Object.defineProperty(exports, "tableDark", { enumerable: true, get: function () { return styles_63.tableDark; } });
+Object.defineProperty(exports, "unstableTableRtl", { enumerable: true, get: function () { return styles_63.tableRtl; } });
+var styles_64 = require("./tabs/styles");
+Object.defineProperty(exports, "tabsDark", { enumerable: true, get: function () { return styles_64.tabsDark; } });
+var styles_65 = require("./tag/styles");
+Object.defineProperty(exports, "tagDark", { enumerable: true, get: function () { return styles_65.tagDark; } });
+Object.defineProperty(exports, "unstableTagRtl", { enumerable: true, get: function () { return styles_65.tagRtl; } });
+var styles_66 = require("./thing/styles");
+Object.defineProperty(exports, "thingDark", { enumerable: true, get: function () { return styles_66.thingDark; } });
+Object.defineProperty(exports, "unstableThingRtl", { enumerable: true, get: function () { return styles_66.thingRtl; } });
+var styles_67 = require("./time-picker/styles");
+Object.defineProperty(exports, "timePickerDark", { enumerable: true, get: function () { return styles_67.timePickerDark; } });
+var styles_68 = require("./timeline/styles");
+Object.defineProperty(exports, "timelineDark", { enumerable: true, get: function () { return styles_68.timelineDark; } });
+var styles_69 = require("./tooltip/styles");
+Object.defineProperty(exports, "tooltipDark", { enumerable: true, get: function () { return styles_69.tooltipDark; } });
+var styles_70 = require("./transfer/styles");
+Object.defineProperty(exports, "transferDark", { enumerable: true, get: function () { return styles_70.transferDark; } });
+var styles_71 = require("./tree/styles");
+Object.defineProperty(exports, "treeDark", { enumerable: true, get: function () { return styles_71.treeDark; } });
+Object.defineProperty(exports, "unstableTreeRtl", { enumerable: true, get: function () { return styles_71.treeRtl; } });
+var styles_72 = require("./tree-select/styles");
+Object.defineProperty(exports, "treeSelectDark", { enumerable: true, get: function () { return styles_72.treeSelectDark; } });
+var styles_73 = require("./typography/styles");
+Object.defineProperty(exports, "typographyDark", { enumerable: true, get: function () { return styles_73.typographyDark; } });
+var styles_74 = require("./upload/styles");
+Object.defineProperty(exports, "uploadDark", { enumerable: true, get: function () { return styles_74.uploadDark; } });
+var styles_75 = require("./watermark/styles");
+Object.defineProperty(exports, "watermarkDark", { enumerable: true, get: function () { return styles_75.watermarkDark; } });
+var styles_76 = require("./legacy-grid/styles");
+Object.defineProperty(exports, "unstableRowRtl", { enumerable: true, get: function () { return styles_76.rowRtl; } });
+var styles_77 = require("./toggle-button/styles");
+Object.defineProperty(exports, "toggleButtonDark", { enumerable: true, get: function () { return styles_77.toggleButtonDark; } });
 // danger zone, internal styles
-var styles_77 = require("./_internal/scrollbar/styles");
-Object.defineProperty(exports, "scrollbarDark", { enumerable: true, get: function () { return styles_77.scrollbarDark; } });
-var styles_78 = require("./_internal/select-menu/styles");
-Object.defineProperty(exports, "internalSelectMenuDark", { enumerable: true, get: function () { return styles_78.internalSelectMenuDark; } });
-var styles_79 = require("./_internal/selection/styles");
-Object.defineProperty(exports, "internalSelectionDark", { enumerable: true, get: function () { return styles_79.internalSelectionDark; } });
-var styles_80 = require("./_internal/scrollbar/styles");
-Object.defineProperty(exports, "unstableScrollbarRtl", { enumerable: true, get: function () { return styles_80.scrollbarRtl; } });
+var styles_78 = require("./_internal/scrollbar/styles");
+Object.defineProperty(exports, "scrollbarDark", { enumerable: true, get: function () { return styles_78.scrollbarDark; } });
+var styles_79 = require("./_internal/select-menu/styles");
+Object.defineProperty(exports, "internalSelectMenuDark", { enumerable: true, get: function () { return styles_79.internalSelectMenuDark; } });
+var styles_80 = require("./_internal/selection/styles");
+Object.defineProperty(exports, "internalSelectionDark", { enumerable: true, get: function () { return styles_80.internalSelectionDark; } });
+var styles_81 = require("./_internal/scrollbar/styles");
+Object.defineProperty(exports, "unstableScrollbarRtl", { enumerable: true, get: function () { return styles_81.scrollbarRtl; } });

package/lib/switch/src/Switch.js

@@ -86,7 +86,7 @@ exports.default = (0, vue_1.defineComponent)({
         });
         function doUpdateValue(value) {
             const { 'onUpdate:value': _onUpdateValue, onChange, onUpdateValue } = props;
-            const { nTriggerFormInput, nTriggerFormChange } = formItem;
+            const { triggerFormInput, triggerFormChange } = formItem;
             if (_onUpdateValue)
                 (0, _utils_1.call)(_onUpdateValue, value);
             if (onUpdateValue)
@@ -94,16 +94,16 @@ exports.default = (0, vue_1.defineComponent)({
             if (onChange)
                 (0, _utils_1.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/lib/tag/src/Tag.d.ts

@@ -11,8 +11,13 @@ export declare const tagProps: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
     checked: BooleanConstructor;
     checkable: BooleanConstructor;
+    outline: BooleanConstructor;
     strong: BooleanConstructor;
     triggerClickOnClose: BooleanConstructor;
     onClose: PropType<MaybeArray<(e: MouseEvent) => void>>;
@@ -35,10 +40,6 @@ export declare const tagProps: {
         readonly default: "default";
     };
     round: BooleanConstructor;
-    size: {
-        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
-        readonly default: "medium";
-    };
     closable: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -80,6 +81,7 @@ export declare const tagProps: {
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -183,6 +185,7 @@ export declare const tagProps: {
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -286,6 +289,7 @@ export declare const tagProps: {
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -367,8 +371,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | undefined>;
         default: undefined;
     };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
     checked: BooleanConstructor;
     checkable: BooleanConstructor;
+    outline: BooleanConstructor;
     strong: BooleanConstructor;
     triggerClickOnClose: BooleanConstructor;
     onClose: PropType<MaybeArray<(e: MouseEvent) => void>>;
@@ -391,10 +400,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "default";
     };
     round: BooleanConstructor;
-    size: {
-        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
-        readonly default: "medium";
-    };
     closable: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -436,6 +441,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -539,6 +545,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -642,6 +649,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -739,6 +747,7 @@ declare const _default: import("vue").DefineComponent<{
         '--u-close-size': string;
         '--u-color': string;
         '--u-color-checkable': string;
+        '--u-color-checkable-outline': string;
         '--u-color-checked': string;
         '--u-color-checked-hover': string;
         '--u-color-checked-pressed': string;
@@ -762,8 +771,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | undefined>;
         default: undefined;
     };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
     checked: BooleanConstructor;
     checkable: BooleanConstructor;
+    outline: BooleanConstructor;
     strong: BooleanConstructor;
     triggerClickOnClose: BooleanConstructor;
     onClose: PropType<MaybeArray<(e: MouseEvent) => void>>;
@@ -786,10 +800,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "default";
     };
     round: BooleanConstructor;
-    size: {
-        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
-        readonly default: "medium";
-    };
     closable: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -831,6 +841,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -934,6 +945,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -1037,6 +1049,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -1111,11 +1124,12 @@ declare const _default: import("vue").DefineComponent<{
     type: "default" | "tertiary" | "primary" | "info" | "success" | "warning" | "error";
     disabled: boolean | undefined;
     bordered: boolean | undefined;
-    size: "small" | "tiny" | "medium" | "large";
+    size: "small" | "medium" | "large";
     checked: boolean;
     round: boolean;
     closable: boolean | undefined;
     strong: boolean;
+    outline: boolean;
     checkable: boolean;
     triggerClickOnClose: boolean;
     internalCloseFocusable: boolean;

package/lib/tag/src/Tag.js

@@ -15,7 +15,10 @@ const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.tagProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), common_props_1.default), { bordered: {
         type: Boolean,
         default: undefined
-    }, checked: Boolean, checkable: Boolean, strong: Boolean, triggerClickOnClose: Boolean, onClose: [Array, Function], onMouseenter: Function, onMouseleave: Function, 'onUpdate:checked': Function, onUpdateChecked: Function, 
+    }, size: {
+        type: String,
+        default: 'large'
+    }, checked: Boolean, checkable: Boolean, outline: Boolean, strong: Boolean, triggerClickOnClose: Boolean, onClose: [Array, Function], onMouseenter: Function, onMouseleave: Function, 'onUpdate:checked': Function, onUpdateChecked: Function, 
     // private
     internalCloseFocusable: {
         type: Boolean,
@@ -78,7 +81,7 @@ exports.default = (0, vue_1.defineComponent)({
         const rtlEnabledRef = (0, use_rtl_1.useRtl)('Tag', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { type, size, color: { color, textColor } = {} } = props;
-            const { common: { cubicBezierEaseInOut }, self: { closeMargin, closeMarginRtl, borderRadius, opacityDisabled, textColorCheckable, textColorHoverCheckable, textColorPressedCheckable, textColorChecked, colorCheckable, colorHoverCheckable, colorPressedCheckable, colorChecked, colorCheckedHover, colorCheckedPressed, closeBorderRadius, fontWeightStrong, fontWeight, [(0, _utils_1.createKey)('padding', size)]: padding, [(0, _utils_1.createKey)('colorBordered', type)]: colorBordered, [(0, _utils_1.createKey)('closeSize', size)]: closeSize, [(0, _utils_1.createKey)('closeIconSize', size)]: closeIconSize, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height, [(0, _utils_1.createKey)('color', type)]: typedColor, [(0, _utils_1.createKey)('textColor', type)]: typeTextColor, [(0, _utils_1.createKey)('border', type)]: border, [(0, _utils_1.createKey)('closeIconColor', type)]: closeIconColor, [(0, _utils_1.createKey)('closeIconColorHover', type)]: closeIconColorHover, [(0, _utils_1.createKey)('closeIconColorPressed', type)]: closeIconColorPressed, [(0, _utils_1.createKey)('closeColorHover', type)]: closeColorHover, [(0, _utils_1.createKey)('closeColorPressed', type)]: closeColorPressed } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { closeMargin, closeMarginRtl, borderRadius, opacityDisabled, textColorCheckable, textColorHoverCheckable, textColorPressedCheckable, textColorChecked, colorCheckable, colorCheckableOutline, colorHoverCheckable, colorPressedCheckable, colorChecked, colorCheckedHover, colorCheckedPressed, closeBorderRadius, fontWeightStrong, fontWeight, [(0, _utils_1.createKey)('padding', size)]: padding, [(0, _utils_1.createKey)('colorBordered', type)]: colorBordered, [(0, _utils_1.createKey)('closeSize', size)]: closeSize, [(0, _utils_1.createKey)('closeIconSize', size)]: closeIconSize, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height, [(0, _utils_1.createKey)('color', type)]: typedColor, [(0, _utils_1.createKey)('textColor', type)]: typeTextColor, [(0, _utils_1.createKey)('border', type)]: border, [(0, _utils_1.createKey)('closeIconColor', type)]: closeIconColor, [(0, _utils_1.createKey)('closeIconColorHover', type)]: closeIconColorHover, [(0, _utils_1.createKey)('closeIconColorPressed', type)]: closeIconColorPressed, [(0, _utils_1.createKey)('closeColorHover', type)]: closeColorHover, [(0, _utils_1.createKey)('closeColorPressed', type)]: closeColorPressed } } = themeRef.value;
             return {
                 '--u-font-weight-strong': fontWeightStrong,
                 '--u-font-weight': fontWeight,
@@ -99,6 +102,7 @@ exports.default = (0, vue_1.defineComponent)({
                 '--u-close-size': closeSize,
                 '--u-color': color || (mergedBorderedRef.value ? colorBordered : typedColor),
                 '--u-color-checkable': colorCheckable,
+                '--u-color-checkable-outline': colorCheckableOutline,
                 '--u-color-checked': colorChecked,
                 '--u-color-checked-hover': colorCheckedHover,
                 '--u-color-checked-pressed': colorCheckedPressed,
@@ -150,6 +154,7 @@ exports.default = (0, vue_1.defineComponent)({
                     [`${mergedClsPrefix}-tag--strong`]: this.strong,
                     [`${mergedClsPrefix}-tag--disabled`]: this.disabled,
                     [`${mergedClsPrefix}-tag--checkable`]: this.checkable,
+                    [`${mergedClsPrefix}-tag--outline`]: this.checkable && this.outline,
                     [`${mergedClsPrefix}-tag--checked`]: this.checkable && this.checked,
                     [`${mergedClsPrefix}-tag--round`]: round,
                     [`${mergedClsPrefix}-tag--avatar`]: avatarNode,

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

@@ -55,7 +55,9 @@ exports.default = (0, cssr_1.cB)('tag', `
  font-weight: var(--u-font-weight);
 `, [(0, cssr_1.cM)('strong', `
  font-weight: var(--u-font-weight-strong);
- `), (0, cssr_1.cE)('border', `
+ `), (0, cssr_1.cM)('closable', [(0, cssr_1.cE)('content', `
+ padding-left: 4px;
+ `)]), (0, cssr_1.cE)('border', `
  pointer-events: none;
  position: absolute;
  left: 0;
@@ -100,7 +102,11 @@ exports.default = (0, cssr_1.cB)('tag', `
  padding: 0px 8px;
  background-color: var(--u-color-checkable);
  transition: border-color .3s var(--u-bezier);
- `, [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background-color: var(--u-color-hover-checkable);', [(0, cssr_1.cNotM)('checked', 'color: var(--u-text-color-hover-checkable);')]), (0, cssr_1.c)('&:focus', `
+ `, [(0, cssr_1.cE)('border', `
+ border: unset;
+ `), (0, cssr_1.cE)('content', `
+ padding-left: 0px;
+ `), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background-color: var(--u-color-hover-checkable);', [(0, cssr_1.cNotM)('checked', 'color: var(--u-text-color-hover-checkable);')]), (0, cssr_1.c)('&:focus', `
  background-color: var(--u-color-pressed-checkable); 
  transition: border-color .3s var(--u-bezier);`, [(0, cssr_1.cNotM)('checked', 'color: var(--u-text-color-pressed-checkable);')]), (0, cssr_1.c)('&:active', `
  background-color: var(--u-color-pressed-checkable); 
@@ -110,4 +116,8 @@ exports.default = (0, cssr_1.cB)('tag', `
  `, [(0, cssr_1.cE)('border', `
  border-color: var(--u-color-checked);
  transition: none;
- `), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background-color: var(--u-color-checked-hover);'), (0, cssr_1.c)('&:focus', 'background-color: var(--u-color-checked-hover);'), (0, cssr_1.c)('&:active', 'background-color: var(--u-color-checked-pressed);')])])])]);
+ `), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background-color: var(--u-color-checked-hover);'), (0, cssr_1.c)('&:focus', 'background-color: var(--u-color-checked-hover);'), (0, cssr_1.c)('&:active', 'background-color: var(--u-color-checked-pressed);')])])]), (0, cssr_1.cM)('outline', `
+ background-color: var(--u-color-checkable-outline);
+ `, [(0, cssr_1.cE)('border', `
+ border: var(--u-border);
+ `)])]);

package/lib/tag/styles/light.d.ts

@@ -33,6 +33,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     textColorPressedCheckable: string;
     textColorChecked: string;
     colorCheckable: string;
+    colorCheckableOutline: string;
     colorHoverCheckable: string;
     colorPressedCheckable: string;
     colorChecked: string;