@uzum-tech/ui 1.5.2 → 1.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -1
- package/dist/index.js +1030 -564
- package/dist/index.prod.js +3 -3
- package/es/_internal/checkbox/src/use-checkbox.js +3 -3
- package/es/_internal/radio/src/use-radio.js +3 -3
- package/es/_mixins/use-form-item.d.ts +4 -4
- package/es/_mixins/use-form-item.js +4 -4
- package/es/_styles/common/dark.js +1 -1
- package/es/_styles/common/light.d.ts +3 -0
- package/es/_styles/common/light.js +1 -1
- package/es/_utils/composable/composables.d.ts +11 -0
- package/es/_utils/composable/composables.js +40 -0
- package/es/_utils/index.d.ts +1 -1
- package/es/_utils/index.js +1 -1
- package/es/_utils/uzum/index.d.ts +1 -0
- package/es/_utils/uzum/index.js +1 -0
- package/es/_utils/uzum/value.d.ts +1 -0
- package/es/_utils/uzum/value.js +9 -0
- package/es/_utils/vue/resolve-slot.d.ts +1 -1
- package/es/alert/styles/light.js +6 -6
- package/es/auto-complete/src/AutoComplete.js +10 -10
- package/es/avatar/src/Avatar.d.ts +6 -0
- package/es/avatar/src/Avatar.js +9 -3
- package/es/card-list/src/CardList.js +1 -1
- package/es/card-list/src/CardListItem.d.ts +13 -0
- package/es/card-list/src/CardListItem.js +11 -4
- package/es/card-list/src/interface.d.ts +1 -0
- package/es/card-list/src/styles/index.cssr.js +6 -6
- package/es/card-list/styles/light.js +2 -2
- package/es/cascader/src/Cascader.js +7 -7
- package/es/checkbox/src/CheckboxGroup.js +9 -9
- package/es/color-picker/src/ColorPicker.js +6 -6
- package/es/components.d.ts +1 -0
- package/es/components.js +1 -0
- package/es/config-provider/src/internal-interface.d.ts +2 -0
- package/es/data-table/src/DataTable.d.ts +5 -0
- package/es/data-table/src/DataTable.js +20 -10
- package/es/data-table/src/TableParts/Body.js +3 -2
- package/es/data-table/src/TableParts/Cell.js +85 -23
- package/es/data-table/src/interface.d.ts +11 -6
- package/es/data-table/src/styles/index.cssr.js +5 -3
- package/es/data-table/src/use-mask.d.ts +3 -6
- package/es/data-table/src/utils.d.ts +2 -1
- package/es/data-table/src/utils.js +13 -0
- package/es/date-picker/src/DatePicker.js +7 -7
- package/es/dialog/src/DialogProvider.d.ts +6 -0
- package/es/dynamic-tags/src/DynamicTags.js +3 -3
- package/es/input/src/Input.js +8 -8
- package/es/input-number/src/InputNumber.js +7 -7
- package/es/input-otp/index.d.ts +3 -0
- package/es/input-otp/index.js +1 -0
- package/es/input-otp/src/InputOtp.d.ts +871 -0
- package/es/input-otp/src/InputOtp.js +250 -0
- package/es/input-otp/src/public-types.d.ts +25 -0
- package/es/input-otp/src/public-types.js +1 -0
- package/es/input-otp/src/styles/index.cssr.d.ts +2 -0
- package/es/input-otp/src/styles/index.cssr.js +20 -0
- package/es/input-otp/src/styles/input-otp-rtl.cssr.d.ts +2 -0
- package/es/input-otp/src/styles/input-otp-rtl.cssr.js +5 -0
- package/es/input-otp/styles/dark.d.ts +3 -0
- package/es/input-otp/styles/dark.js +12 -0
- package/es/input-otp/styles/index.d.ts +4 -0
- package/es/input-otp/styles/index.js +3 -0
- package/es/input-otp/styles/light.d.ts +83 -0
- package/es/input-otp/styles/light.js +22 -0
- package/es/input-otp/styles/rtl.d.ts +2 -0
- package/es/input-otp/styles/rtl.js +5 -0
- package/es/legacy-transfer/src/Transfer.js +3 -3
- package/es/list/src/ListItem.js +8 -4
- package/es/mention/src/Mention.js +7 -7
- package/es/radio/src/RadioGroup.js +5 -5
- package/es/rate/src/Rate.js +3 -3
- package/es/select/src/Select.js +7 -7
- package/es/slider/src/Slider.js +3 -3
- package/es/styles.d.ts +1 -0
- package/es/styles.js +1 -0
- package/es/switch/src/Switch.js +7 -7
- package/es/theme-editor/src/ThemeEditor.d.ts +3 -0
- package/es/themes/dark.js +2 -0
- package/es/themes/light.js +2 -0
- package/es/time-picker/src/TimePicker.js +7 -7
- package/es/transfer/src/Transfer.js +3 -3
- package/es/tree-select/src/TreeSelect.js +5 -5
- package/es/version.d.ts +1 -1
- package/es/version.js +1 -1
- package/lib/_internal/checkbox/src/use-checkbox.js +3 -3
- package/lib/_internal/radio/src/use-radio.js +3 -3
- package/lib/_mixins/use-form-item.d.ts +4 -4
- package/lib/_mixins/use-form-item.js +4 -4
- package/lib/_styles/common/dark.js +1 -1
- package/lib/_styles/common/light.d.ts +3 -0
- package/lib/_styles/common/light.js +1 -1
- package/lib/_utils/composable/composables.d.ts +11 -0
- package/lib/_utils/composable/composables.js +47 -0
- package/lib/_utils/index.d.ts +1 -1
- package/lib/_utils/index.js +2 -1
- package/lib/_utils/uzum/index.d.ts +1 -0
- package/lib/_utils/uzum/index.js +3 -1
- package/lib/_utils/uzum/value.d.ts +1 -0
- package/lib/_utils/uzum/value.js +12 -0
- package/lib/_utils/vue/resolve-slot.d.ts +1 -1
- package/lib/alert/styles/light.js +6 -6
- package/lib/auto-complete/src/AutoComplete.js +10 -10
- package/lib/avatar/src/Avatar.d.ts +6 -0
- package/lib/avatar/src/Avatar.js +9 -3
- package/lib/card-list/src/CardList.js +1 -1
- package/lib/card-list/src/CardListItem.d.ts +13 -0
- package/lib/card-list/src/CardListItem.js +11 -4
- package/lib/card-list/src/interface.d.ts +1 -0
- package/lib/card-list/src/styles/index.cssr.js +5 -5
- package/lib/card-list/styles/light.js +2 -2
- package/lib/cascader/src/Cascader.js +7 -7
- package/lib/checkbox/src/CheckboxGroup.js +9 -9
- package/lib/color-picker/src/ColorPicker.js +6 -6
- package/lib/components.d.ts +1 -0
- package/lib/components.js +1 -0
- package/lib/config-provider/src/internal-interface.d.ts +2 -0
- package/lib/data-table/src/DataTable.d.ts +5 -0
- package/lib/data-table/src/DataTable.js +20 -10
- package/lib/data-table/src/TableParts/Body.js +3 -2
- package/lib/data-table/src/TableParts/Cell.js +84 -22
- package/lib/data-table/src/interface.d.ts +11 -6
- package/lib/data-table/src/styles/index.cssr.js +5 -3
- package/lib/data-table/src/use-mask.d.ts +3 -6
- package/lib/data-table/src/utils.d.ts +2 -1
- package/lib/data-table/src/utils.js +14 -1
- package/lib/date-picker/src/DatePicker.js +7 -7
- package/lib/dialog/src/DialogProvider.d.ts +6 -0
- package/lib/dynamic-tags/src/DynamicTags.js +3 -3
- package/lib/input/src/Input.js +8 -8
- package/lib/input-number/src/InputNumber.js +7 -7
- package/lib/input-otp/index.d.ts +3 -0
- package/lib/input-otp/index.js +9 -0
- package/lib/input-otp/src/InputOtp.d.ts +871 -0
- package/lib/input-otp/src/InputOtp.js +256 -0
- package/lib/input-otp/src/public-types.d.ts +25 -0
- package/lib/input-otp/src/public-types.js +2 -0
- package/lib/input-otp/src/styles/index.cssr.d.ts +2 -0
- package/lib/input-otp/src/styles/index.cssr.js +25 -0
- package/lib/input-otp/src/styles/input-otp-rtl.cssr.d.ts +2 -0
- package/lib/input-otp/src/styles/input-otp-rtl.cssr.js +10 -0
- package/lib/input-otp/styles/dark.d.ts +3 -0
- package/lib/input-otp/styles/dark.js +14 -0
- package/lib/input-otp/styles/index.d.ts +4 -0
- package/lib/input-otp/styles/index.js +12 -0
- package/lib/input-otp/styles/light.d.ts +83 -0
- package/lib/input-otp/styles/light.js +25 -0
- package/lib/input-otp/styles/rtl.d.ts +2 -0
- package/lib/input-otp/styles/rtl.js +11 -0
- package/lib/legacy-transfer/src/Transfer.js +3 -3
- package/lib/list/src/ListItem.js +8 -4
- package/lib/mention/src/Mention.js +7 -7
- package/lib/radio/src/RadioGroup.js +5 -5
- package/lib/rate/src/Rate.js +3 -3
- package/lib/select/src/Select.js +7 -7
- package/lib/slider/src/Slider.js +3 -3
- package/lib/styles.d.ts +1 -0
- package/lib/styles.js +106 -103
- package/lib/switch/src/Switch.js +7 -7
- package/lib/theme-editor/src/ThemeEditor.d.ts +3 -0
- package/lib/themes/dark.js +2 -0
- package/lib/themes/light.js +2 -0
- package/lib/time-picker/src/TimePicker.js +7 -7
- package/lib/transfer/src/Transfer.js +3 -3
- package/lib/tree-select/src/TreeSelect.js +5 -5
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/volar.d.ts +1 -0
- package/web-types.json +119 -4
package/lib/select/src/Select.js
CHANGED
|
@@ -229,7 +229,7 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
229
229
|
const { mergedDisabledRef, mergedStatusRef } = formItem;
|
|
230
230
|
function doUpdateValue(value, option) {
|
|
231
231
|
const { onChange, 'onUpdate:value': _onUpdateValue, onUpdateValue } = props;
|
|
232
|
-
const {
|
|
232
|
+
const { triggerFormChange, triggerFormInput } = formItem;
|
|
233
233
|
if (onChange)
|
|
234
234
|
(0, _utils_1.call)(onChange, value, option);
|
|
235
235
|
if (onUpdateValue)
|
|
@@ -238,15 +238,15 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
238
238
|
(0, _utils_1.call)(_onUpdateValue, value, option);
|
|
239
239
|
}
|
|
240
240
|
uncontrolledValueRef.value = value;
|
|
241
|
-
|
|
242
|
-
|
|
241
|
+
triggerFormChange();
|
|
242
|
+
triggerFormInput();
|
|
243
243
|
}
|
|
244
244
|
function doBlur(e) {
|
|
245
245
|
const { onBlur } = props;
|
|
246
|
-
const {
|
|
246
|
+
const { triggerFormBlur } = formItem;
|
|
247
247
|
if (onBlur)
|
|
248
248
|
(0, _utils_1.call)(onBlur, e);
|
|
249
|
-
|
|
249
|
+
triggerFormBlur();
|
|
250
250
|
}
|
|
251
251
|
function doClear() {
|
|
252
252
|
const { onClear } = props;
|
|
@@ -255,10 +255,10 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
255
255
|
}
|
|
256
256
|
function doFocus(e) {
|
|
257
257
|
const { onFocus, showOnFocus } = props;
|
|
258
|
-
const {
|
|
258
|
+
const { triggerFormFocus } = formItem;
|
|
259
259
|
if (onFocus)
|
|
260
260
|
(0, _utils_1.call)(onFocus, e);
|
|
261
|
-
|
|
261
|
+
triggerFormFocus();
|
|
262
262
|
if (showOnFocus) {
|
|
263
263
|
openMenu();
|
|
264
264
|
}
|
package/lib/slider/src/Slider.js
CHANGED
|
@@ -175,14 +175,14 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
175
175
|
}
|
|
176
176
|
function doUpdateValue(value) {
|
|
177
177
|
const { 'onUpdate:value': _onUpdateValue, onUpdateValue } = props;
|
|
178
|
-
const {
|
|
178
|
+
const { triggerFormInput, triggerFormChange } = formItem;
|
|
179
179
|
if (onUpdateValue)
|
|
180
180
|
(0, _utils_1.call)(onUpdateValue, value);
|
|
181
181
|
if (_onUpdateValue)
|
|
182
182
|
(0, _utils_1.call)(_onUpdateValue, value);
|
|
183
183
|
uncontrolledValueRef.value = value;
|
|
184
|
-
|
|
185
|
-
|
|
184
|
+
triggerFormInput();
|
|
185
|
+
triggerFormChange();
|
|
186
186
|
}
|
|
187
187
|
function dispatchValueUpdate(value) {
|
|
188
188
|
const { range } = props;
|
package/lib/styles.d.ts
CHANGED
|
@@ -34,6 +34,7 @@ export { gradientTextDark } from './gradient-text/styles';
|
|
|
34
34
|
export { iconDark } from './icon/styles';
|
|
35
35
|
export { inputDark, inputRtl as unstableInputRtl } from './input/styles';
|
|
36
36
|
export { inputNumberDark, inputNumberRtl as unstableInputNumberRtl } from './input-number/styles';
|
|
37
|
+
export { inputOtpDark, inputOtpRtl as unstableInputOtpRtl } from './input-otp/styles';
|
|
37
38
|
export { layoutDark } from './layout/styles';
|
|
38
39
|
export { listDark, listRtl as unstableListRtl } from './list/styles';
|
|
39
40
|
export { loadingBarDark } from './loading-bar/styles';
|
package/lib/styles.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.
|
|
5
|
-
exports.unstableScrollbarRtl = exports.internalSelectionDark = exports.internalSelectMenuDark = void 0;
|
|
3
|
+
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;
|
|
4
|
+
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;
|
|
5
|
+
exports.unstableScrollbarRtl = exports.internalSelectionDark = exports.internalSelectMenuDark = exports.scrollbarDark = exports.toggleButtonDark = void 0;
|
|
6
6
|
var common_1 = require("./_styles/common");
|
|
7
7
|
Object.defineProperty(exports, "commonDark", { enumerable: true, get: function () { return common_1.commonDark; } });
|
|
8
8
|
Object.defineProperty(exports, "commonLight", { enumerable: true, get: function () { return common_1.commonLight; } });
|
|
@@ -87,104 +87,107 @@ Object.defineProperty(exports, "unstableInputRtl", { enumerable: true, get: func
|
|
|
87
87
|
var styles_35 = require("./input-number/styles");
|
|
88
88
|
Object.defineProperty(exports, "inputNumberDark", { enumerable: true, get: function () { return styles_35.inputNumberDark; } });
|
|
89
89
|
Object.defineProperty(exports, "unstableInputNumberRtl", { enumerable: true, get: function () { return styles_35.inputNumberRtl; } });
|
|
90
|
-
var styles_36 = require("./
|
|
91
|
-
Object.defineProperty(exports, "
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
Object.defineProperty(exports, "
|
|
95
|
-
var styles_38 = require("./
|
|
96
|
-
Object.defineProperty(exports, "
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
Object.defineProperty(exports, "
|
|
112
|
-
var styles_46 = require("./
|
|
113
|
-
Object.defineProperty(exports, "
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
Object.defineProperty(exports, "
|
|
125
|
-
var styles_52 = require("./
|
|
126
|
-
Object.defineProperty(exports, "
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
Object.defineProperty(exports, "
|
|
136
|
-
var styles_57 = require("./
|
|
137
|
-
Object.defineProperty(exports, "
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
Object.defineProperty(exports, "
|
|
141
|
-
var styles_59 = require("./
|
|
142
|
-
Object.defineProperty(exports, "
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
Object.defineProperty(exports, "
|
|
146
|
-
var styles_61 = require("./
|
|
147
|
-
Object.defineProperty(exports, "
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
Object.defineProperty(exports, "
|
|
151
|
-
var styles_63 = require("./
|
|
152
|
-
Object.defineProperty(exports, "
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
Object.defineProperty(exports, "
|
|
156
|
-
var styles_65 = require("./
|
|
157
|
-
Object.defineProperty(exports, "
|
|
158
|
-
Object.defineProperty(exports, "
|
|
159
|
-
var styles_66 = require("./
|
|
160
|
-
Object.defineProperty(exports, "
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
Object.defineProperty(exports, "
|
|
170
|
-
var styles_71 = require("./tree
|
|
171
|
-
Object.defineProperty(exports, "
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
90
|
+
var styles_36 = require("./input-otp/styles");
|
|
91
|
+
Object.defineProperty(exports, "inputOtpDark", { enumerable: true, get: function () { return styles_36.inputOtpDark; } });
|
|
92
|
+
Object.defineProperty(exports, "unstableInputOtpRtl", { enumerable: true, get: function () { return styles_36.inputOtpRtl; } });
|
|
93
|
+
var styles_37 = require("./layout/styles");
|
|
94
|
+
Object.defineProperty(exports, "layoutDark", { enumerable: true, get: function () { return styles_37.layoutDark; } });
|
|
95
|
+
var styles_38 = require("./list/styles");
|
|
96
|
+
Object.defineProperty(exports, "listDark", { enumerable: true, get: function () { return styles_38.listDark; } });
|
|
97
|
+
Object.defineProperty(exports, "unstableListRtl", { enumerable: true, get: function () { return styles_38.listRtl; } });
|
|
98
|
+
var styles_39 = require("./loading-bar/styles");
|
|
99
|
+
Object.defineProperty(exports, "loadingBarDark", { enumerable: true, get: function () { return styles_39.loadingBarDark; } });
|
|
100
|
+
var styles_40 = require("./log/styles");
|
|
101
|
+
Object.defineProperty(exports, "logDark", { enumerable: true, get: function () { return styles_40.logDark; } });
|
|
102
|
+
var styles_41 = require("./mention/styles");
|
|
103
|
+
Object.defineProperty(exports, "mentionDark", { enumerable: true, get: function () { return styles_41.mentionDark; } });
|
|
104
|
+
var styles_42 = require("./menu/styles");
|
|
105
|
+
Object.defineProperty(exports, "menuDark", { enumerable: true, get: function () { return styles_42.menuDark; } });
|
|
106
|
+
var styles_43 = require("./message/styles");
|
|
107
|
+
Object.defineProperty(exports, "messageDark", { enumerable: true, get: function () { return styles_43.messageDark; } });
|
|
108
|
+
var styles_44 = require("./modal/styles");
|
|
109
|
+
Object.defineProperty(exports, "modalDark", { enumerable: true, get: function () { return styles_44.modalDark; } });
|
|
110
|
+
var styles_45 = require("./notification/styles");
|
|
111
|
+
Object.defineProperty(exports, "notificationDark", { enumerable: true, get: function () { return styles_45.notificationDark; } });
|
|
112
|
+
var styles_46 = require("./pagination/styles");
|
|
113
|
+
Object.defineProperty(exports, "paginationDark", { enumerable: true, get: function () { return styles_46.paginationDark; } });
|
|
114
|
+
Object.defineProperty(exports, "unstablePaginationRtl", { enumerable: true, get: function () { return styles_46.paginationRtl; } });
|
|
115
|
+
var styles_47 = require("./page-header/styles");
|
|
116
|
+
Object.defineProperty(exports, "unstablePageHeaderRtl", { enumerable: true, get: function () { return styles_47.pageHeaderRtl; } });
|
|
117
|
+
var styles_48 = require("./popconfirm/styles");
|
|
118
|
+
Object.defineProperty(exports, "popconfirmDark", { enumerable: true, get: function () { return styles_48.popconfirmDark; } });
|
|
119
|
+
var styles_49 = require("./popover/styles");
|
|
120
|
+
Object.defineProperty(exports, "popoverDark", { enumerable: true, get: function () { return styles_49.popoverDark; } });
|
|
121
|
+
var styles_50 = require("./popselect/styles");
|
|
122
|
+
Object.defineProperty(exports, "popselectDark", { enumerable: true, get: function () { return styles_50.popselectDark; } });
|
|
123
|
+
var styles_51 = require("./progress/styles");
|
|
124
|
+
Object.defineProperty(exports, "progressDark", { enumerable: true, get: function () { return styles_51.progressDark; } });
|
|
125
|
+
var styles_52 = require("./radio/styles");
|
|
126
|
+
Object.defineProperty(exports, "radioDark", { enumerable: true, get: function () { return styles_52.radioDark; } });
|
|
127
|
+
Object.defineProperty(exports, "unstableRadioRtl", { enumerable: true, get: function () { return styles_52.radioRtl; } });
|
|
128
|
+
var styles_53 = require("./rate/styles");
|
|
129
|
+
Object.defineProperty(exports, "rateDark", { enumerable: true, get: function () { return styles_53.rateDark; } });
|
|
130
|
+
var styles_54 = require("./result/styles");
|
|
131
|
+
Object.defineProperty(exports, "resultDark", { enumerable: true, get: function () { return styles_54.resultDark; } });
|
|
132
|
+
var styles_55 = require("./select/styles");
|
|
133
|
+
Object.defineProperty(exports, "selectDark", { enumerable: true, get: function () { return styles_55.selectDark; } });
|
|
134
|
+
var styles_56 = require("./slider/styles");
|
|
135
|
+
Object.defineProperty(exports, "sliderDark", { enumerable: true, get: function () { return styles_56.sliderDark; } });
|
|
136
|
+
var styles_57 = require("./space/styles");
|
|
137
|
+
Object.defineProperty(exports, "spaceDark", { enumerable: true, get: function () { return styles_57.spaceDark; } });
|
|
138
|
+
Object.defineProperty(exports, "unstableSpaceRtl", { enumerable: true, get: function () { return styles_57.spaceRtl; } });
|
|
139
|
+
var styles_58 = require("./spin/styles");
|
|
140
|
+
Object.defineProperty(exports, "spinDark", { enumerable: true, get: function () { return styles_58.spinDark; } });
|
|
141
|
+
var styles_59 = require("./statistic/styles");
|
|
142
|
+
Object.defineProperty(exports, "statisticDark", { enumerable: true, get: function () { return styles_59.statisticDark; } });
|
|
143
|
+
Object.defineProperty(exports, "unstableStatisticRtl", { enumerable: true, get: function () { return styles_59.statisticRtl; } });
|
|
144
|
+
var styles_60 = require("./status/styles");
|
|
145
|
+
Object.defineProperty(exports, "statusDark", { enumerable: true, get: function () { return styles_60.statusDark; } });
|
|
146
|
+
var styles_61 = require("./steps/styles");
|
|
147
|
+
Object.defineProperty(exports, "stepsDark", { enumerable: true, get: function () { return styles_61.stepsDark; } });
|
|
148
|
+
Object.defineProperty(exports, "unstableStepsRtl", { enumerable: true, get: function () { return styles_61.stepsRtl; } });
|
|
149
|
+
var styles_62 = require("./switch/styles");
|
|
150
|
+
Object.defineProperty(exports, "switchDark", { enumerable: true, get: function () { return styles_62.switchDark; } });
|
|
151
|
+
var styles_63 = require("./table/styles");
|
|
152
|
+
Object.defineProperty(exports, "tableDark", { enumerable: true, get: function () { return styles_63.tableDark; } });
|
|
153
|
+
Object.defineProperty(exports, "unstableTableRtl", { enumerable: true, get: function () { return styles_63.tableRtl; } });
|
|
154
|
+
var styles_64 = require("./tabs/styles");
|
|
155
|
+
Object.defineProperty(exports, "tabsDark", { enumerable: true, get: function () { return styles_64.tabsDark; } });
|
|
156
|
+
var styles_65 = require("./tag/styles");
|
|
157
|
+
Object.defineProperty(exports, "tagDark", { enumerable: true, get: function () { return styles_65.tagDark; } });
|
|
158
|
+
Object.defineProperty(exports, "unstableTagRtl", { enumerable: true, get: function () { return styles_65.tagRtl; } });
|
|
159
|
+
var styles_66 = require("./thing/styles");
|
|
160
|
+
Object.defineProperty(exports, "thingDark", { enumerable: true, get: function () { return styles_66.thingDark; } });
|
|
161
|
+
Object.defineProperty(exports, "unstableThingRtl", { enumerable: true, get: function () { return styles_66.thingRtl; } });
|
|
162
|
+
var styles_67 = require("./time-picker/styles");
|
|
163
|
+
Object.defineProperty(exports, "timePickerDark", { enumerable: true, get: function () { return styles_67.timePickerDark; } });
|
|
164
|
+
var styles_68 = require("./timeline/styles");
|
|
165
|
+
Object.defineProperty(exports, "timelineDark", { enumerable: true, get: function () { return styles_68.timelineDark; } });
|
|
166
|
+
var styles_69 = require("./tooltip/styles");
|
|
167
|
+
Object.defineProperty(exports, "tooltipDark", { enumerable: true, get: function () { return styles_69.tooltipDark; } });
|
|
168
|
+
var styles_70 = require("./transfer/styles");
|
|
169
|
+
Object.defineProperty(exports, "transferDark", { enumerable: true, get: function () { return styles_70.transferDark; } });
|
|
170
|
+
var styles_71 = require("./tree/styles");
|
|
171
|
+
Object.defineProperty(exports, "treeDark", { enumerable: true, get: function () { return styles_71.treeDark; } });
|
|
172
|
+
Object.defineProperty(exports, "unstableTreeRtl", { enumerable: true, get: function () { return styles_71.treeRtl; } });
|
|
173
|
+
var styles_72 = require("./tree-select/styles");
|
|
174
|
+
Object.defineProperty(exports, "treeSelectDark", { enumerable: true, get: function () { return styles_72.treeSelectDark; } });
|
|
175
|
+
var styles_73 = require("./typography/styles");
|
|
176
|
+
Object.defineProperty(exports, "typographyDark", { enumerable: true, get: function () { return styles_73.typographyDark; } });
|
|
177
|
+
var styles_74 = require("./upload/styles");
|
|
178
|
+
Object.defineProperty(exports, "uploadDark", { enumerable: true, get: function () { return styles_74.uploadDark; } });
|
|
179
|
+
var styles_75 = require("./watermark/styles");
|
|
180
|
+
Object.defineProperty(exports, "watermarkDark", { enumerable: true, get: function () { return styles_75.watermarkDark; } });
|
|
181
|
+
var styles_76 = require("./legacy-grid/styles");
|
|
182
|
+
Object.defineProperty(exports, "unstableRowRtl", { enumerable: true, get: function () { return styles_76.rowRtl; } });
|
|
183
|
+
var styles_77 = require("./toggle-button/styles");
|
|
184
|
+
Object.defineProperty(exports, "toggleButtonDark", { enumerable: true, get: function () { return styles_77.toggleButtonDark; } });
|
|
182
185
|
// danger zone, internal styles
|
|
183
|
-
var
|
|
184
|
-
Object.defineProperty(exports, "scrollbarDark", { enumerable: true, get: function () { return
|
|
185
|
-
var
|
|
186
|
-
Object.defineProperty(exports, "internalSelectMenuDark", { enumerable: true, get: function () { return
|
|
187
|
-
var
|
|
188
|
-
Object.defineProperty(exports, "internalSelectionDark", { enumerable: true, get: function () { return
|
|
189
|
-
var
|
|
190
|
-
Object.defineProperty(exports, "unstableScrollbarRtl", { enumerable: true, get: function () { return
|
|
186
|
+
var styles_78 = require("./_internal/scrollbar/styles");
|
|
187
|
+
Object.defineProperty(exports, "scrollbarDark", { enumerable: true, get: function () { return styles_78.scrollbarDark; } });
|
|
188
|
+
var styles_79 = require("./_internal/select-menu/styles");
|
|
189
|
+
Object.defineProperty(exports, "internalSelectMenuDark", { enumerable: true, get: function () { return styles_79.internalSelectMenuDark; } });
|
|
190
|
+
var styles_80 = require("./_internal/selection/styles");
|
|
191
|
+
Object.defineProperty(exports, "internalSelectionDark", { enumerable: true, get: function () { return styles_80.internalSelectionDark; } });
|
|
192
|
+
var styles_81 = require("./_internal/scrollbar/styles");
|
|
193
|
+
Object.defineProperty(exports, "unstableScrollbarRtl", { enumerable: true, get: function () { return styles_81.scrollbarRtl; } });
|
package/lib/switch/src/Switch.js
CHANGED
|
@@ -86,7 +86,7 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
86
86
|
});
|
|
87
87
|
function doUpdateValue(value) {
|
|
88
88
|
const { 'onUpdate:value': _onUpdateValue, onChange, onUpdateValue } = props;
|
|
89
|
-
const {
|
|
89
|
+
const { triggerFormInput, triggerFormChange } = formItem;
|
|
90
90
|
if (_onUpdateValue)
|
|
91
91
|
(0, _utils_1.call)(_onUpdateValue, value);
|
|
92
92
|
if (onUpdateValue)
|
|
@@ -94,16 +94,16 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
94
94
|
if (onChange)
|
|
95
95
|
(0, _utils_1.call)(onChange, value);
|
|
96
96
|
uncontrolledValueRef.value = value;
|
|
97
|
-
|
|
98
|
-
|
|
97
|
+
triggerFormInput();
|
|
98
|
+
triggerFormChange();
|
|
99
99
|
}
|
|
100
100
|
function doFocus() {
|
|
101
|
-
const {
|
|
102
|
-
|
|
101
|
+
const { triggerFormFocus } = formItem;
|
|
102
|
+
triggerFormFocus();
|
|
103
103
|
}
|
|
104
104
|
function doBlur() {
|
|
105
|
-
const {
|
|
106
|
-
|
|
105
|
+
const { triggerFormBlur } = formItem;
|
|
106
|
+
triggerFormBlur();
|
|
107
107
|
}
|
|
108
108
|
function handleClick() {
|
|
109
109
|
if (props.loading || mergedDisabledRef.value)
|
|
@@ -17,6 +17,9 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
17
17
|
scrollbarHeight: string;
|
|
18
18
|
scrollbarBorderRadius: string;
|
|
19
19
|
opacityDisabled: string;
|
|
20
|
+
brand150: string;
|
|
21
|
+
brand350: string;
|
|
22
|
+
brand550: string;
|
|
20
23
|
brandPrimary50: string;
|
|
21
24
|
brandPrimary100: string;
|
|
22
25
|
brandPrimary200: string;
|
package/lib/themes/dark.js
CHANGED
|
@@ -89,6 +89,7 @@ const styles_84 = require("../toggle-button/styles");
|
|
|
89
89
|
const styles_85 = require("../_internal/account-option/styles");
|
|
90
90
|
const styles_86 = require("../flex/styles");
|
|
91
91
|
const styles_87 = require("../action-card/styles");
|
|
92
|
+
const styles_88 = require("../styles");
|
|
92
93
|
exports.darkTheme = {
|
|
93
94
|
name: 'dark',
|
|
94
95
|
common: common_1.commonDark,
|
|
@@ -133,6 +134,7 @@ exports.darkTheme = {
|
|
|
133
134
|
IconWrapper: styles_37.iconWrapperDark,
|
|
134
135
|
Image: styles_38.imageDark,
|
|
135
136
|
Input: styles_39.inputDark,
|
|
137
|
+
InputOtp: styles_88.inputOtpDark,
|
|
136
138
|
InputNumber: styles_40.inputNumberDark,
|
|
137
139
|
LegacyTransfer: styles_42.legacyTransferDark,
|
|
138
140
|
Layout: styles_41.layoutDark,
|
package/lib/themes/light.js
CHANGED
|
@@ -91,6 +91,7 @@ const styles_84 = require("../toggle-button/styles");
|
|
|
91
91
|
const styles_85 = require("../_internal/account-option/styles");
|
|
92
92
|
const styles_86 = require("../flex/styles");
|
|
93
93
|
const styles_87 = require("../action-card/styles");
|
|
94
|
+
const styles_88 = require("../input-otp/styles");
|
|
94
95
|
exports.lightTheme = {
|
|
95
96
|
name: 'light',
|
|
96
97
|
common: common_1.commonLight,
|
|
@@ -135,6 +136,7 @@ exports.lightTheme = {
|
|
|
135
136
|
IconWrapper: styles_37.iconWrapperLight,
|
|
136
137
|
Image: styles_38.imageLight,
|
|
137
138
|
Input: styles_39.inputLight,
|
|
139
|
+
InputOtp: styles_88.inputOtpLight,
|
|
138
140
|
InputNumber: styles_40.inputNumberLight,
|
|
139
141
|
Layout: styles_41.layoutLight,
|
|
140
142
|
LegacyTransfer: styles_42.legacyTransferLight,
|
|
@@ -253,7 +253,7 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
253
253
|
}
|
|
254
254
|
function doUpdateValue(value) {
|
|
255
255
|
const { onUpdateValue, 'onUpdate:value': _onUpdateValue, onChange } = props;
|
|
256
|
-
const {
|
|
256
|
+
const { triggerFormChange, triggerFormInput } = formItem;
|
|
257
257
|
const formattedValue = createFormattedValue(value);
|
|
258
258
|
if (onUpdateValue) {
|
|
259
259
|
(0, _utils_1.call)(onUpdateValue, value, formattedValue);
|
|
@@ -265,22 +265,22 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
265
265
|
(0, _utils_1.call)(onChange, value, formattedValue);
|
|
266
266
|
doUpdateFormattedValue(formattedValue, value);
|
|
267
267
|
uncontrolledValueRef.value = value;
|
|
268
|
-
|
|
269
|
-
|
|
268
|
+
triggerFormChange();
|
|
269
|
+
triggerFormInput();
|
|
270
270
|
}
|
|
271
271
|
function doFocus(e) {
|
|
272
272
|
const { onFocus } = props;
|
|
273
|
-
const {
|
|
273
|
+
const { triggerFormFocus } = formItem;
|
|
274
274
|
if (onFocus)
|
|
275
275
|
(0, _utils_1.call)(onFocus, e);
|
|
276
|
-
|
|
276
|
+
triggerFormFocus();
|
|
277
277
|
}
|
|
278
278
|
function doBlur(e) {
|
|
279
279
|
const { onBlur } = props;
|
|
280
|
-
const {
|
|
280
|
+
const { triggerFormBlur } = formItem;
|
|
281
281
|
if (onBlur)
|
|
282
282
|
(0, _utils_1.call)(onBlur, e);
|
|
283
|
-
|
|
283
|
+
triggerFormBlur();
|
|
284
284
|
}
|
|
285
285
|
function doConfirm() {
|
|
286
286
|
const { onConfirm } = props;
|
|
@@ -69,7 +69,7 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
69
69
|
const { uncontrolledValueRef, mergedValueRef, targetValueSetRef, valueSetForCheckAllRef, valueSetForUncheckAllRef, valueSetForClearRef, filteredTgtOptionsRef, filteredSrcOptionsRef, targetOptionsRef, canNotSelectAnythingRef, canBeClearedRef, allCheckedRef, srcPatternRef, tgtPatternRef, mergedSrcFilterableRef, handleSrcFilterUpdateValue, handleTgtFilterUpdateValue } = (0, use_transfer_data_1.useTransferData)(props);
|
|
70
70
|
function doUpdateValue(value) {
|
|
71
71
|
const { onUpdateValue, 'onUpdate:value': _onUpdateValue, onChange } = props;
|
|
72
|
-
const {
|
|
72
|
+
const { triggerFormInput, triggerFormChange } = formItem;
|
|
73
73
|
if (onUpdateValue)
|
|
74
74
|
(0, _utils_1.call)(onUpdateValue, value);
|
|
75
75
|
if (_onUpdateValue)
|
|
@@ -77,8 +77,8 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
77
77
|
if (onChange)
|
|
78
78
|
(0, _utils_1.call)(onChange, value);
|
|
79
79
|
uncontrolledValueRef.value = value;
|
|
80
|
-
|
|
81
|
-
|
|
80
|
+
triggerFormInput();
|
|
81
|
+
triggerFormChange();
|
|
82
82
|
}
|
|
83
83
|
function handleSourceCheckAll() {
|
|
84
84
|
doUpdateValue([...valueSetForCheckAllRef.value]);
|
|
@@ -76,7 +76,7 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
76
76
|
const menuElRef = (0, vue_1.ref)(null);
|
|
77
77
|
const { mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
|
|
78
78
|
const { localeRef } = (0, _mixins_1.useLocale)('Select');
|
|
79
|
-
const { mergedSizeRef, mergedDisabledRef, mergedStatusRef,
|
|
79
|
+
const { mergedSizeRef, mergedDisabledRef, mergedStatusRef, triggerFormBlur, triggerFormChange, triggerFormFocus, triggerFormInput } = (0, _mixins_1.useFormItem)(props);
|
|
80
80
|
const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
|
|
81
81
|
const controlledValueRef = (0, vue_1.toRef)(props, 'value');
|
|
82
82
|
const mergedValueRef = (0, vooks_1.useMergedState)(controlledValueRef, uncontrolledValueRef);
|
|
@@ -213,8 +213,8 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
213
213
|
(0, _utils_1.call)(_onUpdateValue, value, option, meta);
|
|
214
214
|
}
|
|
215
215
|
uncontrolledValueRef.value = value;
|
|
216
|
-
|
|
217
|
-
|
|
216
|
+
triggerFormInput();
|
|
217
|
+
triggerFormChange();
|
|
218
218
|
}
|
|
219
219
|
function doUpdateIndeterminateKeys(value, option) {
|
|
220
220
|
const { onUpdateIndeterminateKeys, 'onUpdate:indeterminateKeys': _onUpdateIndeterminateKeys } = props;
|
|
@@ -239,14 +239,14 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
239
239
|
const { onFocus } = props;
|
|
240
240
|
if (onFocus)
|
|
241
241
|
onFocus(e);
|
|
242
|
-
|
|
242
|
+
triggerFormFocus();
|
|
243
243
|
}
|
|
244
244
|
function doBlur(e) {
|
|
245
245
|
closeMenu();
|
|
246
246
|
const { onBlur } = props;
|
|
247
247
|
if (onBlur)
|
|
248
248
|
onBlur(e);
|
|
249
|
-
|
|
249
|
+
triggerFormBlur();
|
|
250
250
|
}
|
|
251
251
|
function closeMenu() {
|
|
252
252
|
doUpdateShow(false);
|
package/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "1.5.
|
|
1
|
+
declare const _default: "1.5.3";
|
|
2
2
|
export default _default;
|
package/lib/version.js
CHANGED
package/package.json
CHANGED
package/volar.d.ts
CHANGED
|
@@ -75,6 +75,7 @@ declare module 'vue' {
|
|
|
75
75
|
UInputGroup: typeof import('@uzum-tech/ui')['UInputGroup']
|
|
76
76
|
UInputGroupLabel: typeof import('@uzum-tech/ui')['UInputGroupLabel']
|
|
77
77
|
UInputNumber: typeof import('@uzum-tech/ui')['UInputNumber']
|
|
78
|
+
UInputOtp: typeof import('@uzum-tech/ui')['UInputOtp']
|
|
78
79
|
ULayout: typeof import('@uzum-tech/ui')['ULayout']
|
|
79
80
|
ULayoutContent: typeof import('@uzum-tech/ui')['ULayoutContent']
|
|
80
81
|
ULayoutFooter: typeof import('@uzum-tech/ui')['ULayoutFooter']
|