@varlet/ui 3.9.0-alpha.1740240238764 → 3.9.0
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/es/action-sheet/style/index.mjs +1 -1
- package/es/index.bundle.mjs +1 -1
- package/es/index.mjs +1 -1
- package/es/locale/index.mjs +3 -0
- package/es/locale/ja-JP.d.ts +5 -0
- package/es/locale/ja-JP.mjs +108 -0
- package/es/locale/zh-TW.mjs +4 -1
- package/es/pagination/Pagination.mjs +2 -0
- package/es/radio/Radio.mjs +15 -4
- package/es/radio-group/RadioGroup.mjs +8 -2
- package/es/varlet.esm.js +4332 -4216
- package/highlight/web-types.en-US.json +1 -1
- package/highlight/web-types.zh-CN.json +1 -1
- package/lib/varlet.cjs.js +144 -15
- package/package.json +7 -7
- package/types/locale.d.ts +5 -0
- package/umd/varlet.js +7 -7
package/lib/varlet.cjs.js
CHANGED
|
@@ -1926,7 +1926,7 @@ const MaybeVNode = vue.defineComponent({
|
|
|
1926
1926
|
return () => isString(props2.is) ? vue.h(props2.tag, props2.is) : props2.is;
|
|
1927
1927
|
}
|
|
1928
1928
|
});
|
|
1929
|
-
var stdin_default$
|
|
1929
|
+
var stdin_default$6d = {
|
|
1930
1930
|
// Dialog
|
|
1931
1931
|
dialogTitle: "Hint",
|
|
1932
1932
|
dialogConfirmButtonText: "Confirm",
|
|
@@ -2031,7 +2031,7 @@ var stdin_default$6c = {
|
|
|
2031
2031
|
// time-picker
|
|
2032
2032
|
timePickerHint: "SELECT TIME"
|
|
2033
2033
|
};
|
|
2034
|
-
var stdin_default$
|
|
2034
|
+
var stdin_default$6c = {
|
|
2035
2035
|
// Dialog
|
|
2036
2036
|
dialogTitle: "اشاره",
|
|
2037
2037
|
dialogConfirmButtonText: "تایید",
|
|
@@ -2136,6 +2136,111 @@ var stdin_default$6b = {
|
|
|
2136
2136
|
// time-picker
|
|
2137
2137
|
timePickerHint: "انتخاب زمان"
|
|
2138
2138
|
};
|
|
2139
|
+
var stdin_default$6b = {
|
|
2140
|
+
// Dialog
|
|
2141
|
+
dialogTitle: "確認",
|
|
2142
|
+
dialogConfirmButtonText: "確認",
|
|
2143
|
+
dialogCancelButtonText: "キャンセル",
|
|
2144
|
+
// ActionSheet
|
|
2145
|
+
actionSheetTitle: "いずれかを選択",
|
|
2146
|
+
// List
|
|
2147
|
+
listLoadingText: "読み込み中",
|
|
2148
|
+
listFinishedText: "以上です",
|
|
2149
|
+
listErrorText: "読み込み失敗",
|
|
2150
|
+
// Picker
|
|
2151
|
+
pickerTitle: "選択してください",
|
|
2152
|
+
pickerConfirmButtonText: "確認",
|
|
2153
|
+
pickerCancelButtonText: "キャンセル",
|
|
2154
|
+
// date-picker
|
|
2155
|
+
datePickerMonthDict: {
|
|
2156
|
+
"01": {
|
|
2157
|
+
name: "1月",
|
|
2158
|
+
abbr: "1月"
|
|
2159
|
+
},
|
|
2160
|
+
"02": {
|
|
2161
|
+
name: "2月",
|
|
2162
|
+
abbr: "2月"
|
|
2163
|
+
},
|
|
2164
|
+
"03": {
|
|
2165
|
+
name: "3月",
|
|
2166
|
+
abbr: "3月"
|
|
2167
|
+
},
|
|
2168
|
+
"04": {
|
|
2169
|
+
name: "4月",
|
|
2170
|
+
abbr: "4月"
|
|
2171
|
+
},
|
|
2172
|
+
"05": {
|
|
2173
|
+
name: "5月",
|
|
2174
|
+
abbr: "5月"
|
|
2175
|
+
},
|
|
2176
|
+
"06": {
|
|
2177
|
+
name: "6月",
|
|
2178
|
+
abbr: "6月"
|
|
2179
|
+
},
|
|
2180
|
+
"07": {
|
|
2181
|
+
name: "7月",
|
|
2182
|
+
abbr: "7月"
|
|
2183
|
+
},
|
|
2184
|
+
"08": {
|
|
2185
|
+
name: "8月",
|
|
2186
|
+
abbr: "8月"
|
|
2187
|
+
},
|
|
2188
|
+
"09": {
|
|
2189
|
+
name: "9月",
|
|
2190
|
+
abbr: "9月"
|
|
2191
|
+
},
|
|
2192
|
+
"10": {
|
|
2193
|
+
name: "10月",
|
|
2194
|
+
abbr: "10月"
|
|
2195
|
+
},
|
|
2196
|
+
"11": {
|
|
2197
|
+
name: "11月",
|
|
2198
|
+
abbr: "11月"
|
|
2199
|
+
},
|
|
2200
|
+
"12": {
|
|
2201
|
+
name: "12月",
|
|
2202
|
+
abbr: "12月"
|
|
2203
|
+
}
|
|
2204
|
+
},
|
|
2205
|
+
datePickerWeekDict: {
|
|
2206
|
+
"0": {
|
|
2207
|
+
name: "日曜日",
|
|
2208
|
+
abbr: "日"
|
|
2209
|
+
},
|
|
2210
|
+
"1": {
|
|
2211
|
+
name: "月曜日",
|
|
2212
|
+
abbr: "月"
|
|
2213
|
+
},
|
|
2214
|
+
"2": {
|
|
2215
|
+
name: "火曜日",
|
|
2216
|
+
abbr: "火"
|
|
2217
|
+
},
|
|
2218
|
+
"3": {
|
|
2219
|
+
name: "水曜日",
|
|
2220
|
+
abbr: "水"
|
|
2221
|
+
},
|
|
2222
|
+
"4": {
|
|
2223
|
+
name: "木曜日",
|
|
2224
|
+
abbr: "木"
|
|
2225
|
+
},
|
|
2226
|
+
"5": {
|
|
2227
|
+
name: "金曜日",
|
|
2228
|
+
abbr: "金"
|
|
2229
|
+
},
|
|
2230
|
+
"6": {
|
|
2231
|
+
name: "土曜日",
|
|
2232
|
+
abbr: "土"
|
|
2233
|
+
}
|
|
2234
|
+
},
|
|
2235
|
+
datePickerSelected: "件選択済み",
|
|
2236
|
+
datePickerHint: "日付を選択",
|
|
2237
|
+
// pagination
|
|
2238
|
+
paginationItem: "件",
|
|
2239
|
+
paginationPage: "ページ",
|
|
2240
|
+
paginationJump: "ジャンプ",
|
|
2241
|
+
// time-picker
|
|
2242
|
+
timePickerHint: "時間を選択"
|
|
2243
|
+
};
|
|
2139
2244
|
var stdin_default$6a = {
|
|
2140
2245
|
// Dialog
|
|
2141
2246
|
dialogTitle: "提示",
|
|
@@ -2338,10 +2443,13 @@ var stdin_default$69 = {
|
|
|
2338
2443
|
}
|
|
2339
2444
|
},
|
|
2340
2445
|
datePickerSelected: "個被選擇",
|
|
2446
|
+
datePickerHint: "選擇日期",
|
|
2341
2447
|
// pagination
|
|
2342
2448
|
paginationItem: "條",
|
|
2343
2449
|
paginationPage: "頁",
|
|
2344
|
-
paginationJump: "前往"
|
|
2450
|
+
paginationJump: "前往",
|
|
2451
|
+
// time-picker
|
|
2452
|
+
timePickerHint: "選擇時間"
|
|
2345
2453
|
};
|
|
2346
2454
|
var stdin_default$68 = stdin_default$69;
|
|
2347
2455
|
var __defProp$y = Object.defineProperty;
|
|
@@ -2401,10 +2509,11 @@ add$2("zh-CN", stdin_default$6a);
|
|
|
2401
2509
|
use("zh-CN");
|
|
2402
2510
|
const _LocaleComponent = {
|
|
2403
2511
|
zhCN: stdin_default$6a,
|
|
2404
|
-
enUS: stdin_default$
|
|
2512
|
+
enUS: stdin_default$6d,
|
|
2405
2513
|
zhTW: stdin_default$69,
|
|
2406
2514
|
zhHK: stdin_default$68,
|
|
2407
|
-
faIR: stdin_default$
|
|
2515
|
+
faIR: stdin_default$6c,
|
|
2516
|
+
jaJP: stdin_default$6b,
|
|
2408
2517
|
messages,
|
|
2409
2518
|
currentMessage,
|
|
2410
2519
|
add: add$2,
|
|
@@ -2415,10 +2524,11 @@ const _LocaleComponent = {
|
|
|
2415
2524
|
};
|
|
2416
2525
|
var stdin_default$67 = {
|
|
2417
2526
|
zhCN: stdin_default$6a,
|
|
2418
|
-
enUS: stdin_default$
|
|
2527
|
+
enUS: stdin_default$6d,
|
|
2419
2528
|
zhTW: stdin_default$69,
|
|
2420
2529
|
zhHK: stdin_default$68,
|
|
2421
|
-
faIR: stdin_default$
|
|
2530
|
+
faIR: stdin_default$6c,
|
|
2531
|
+
jaJP: stdin_default$6b,
|
|
2422
2532
|
messages,
|
|
2423
2533
|
currentMessage,
|
|
2424
2534
|
add: add$2,
|
|
@@ -21040,6 +21150,7 @@ function __render__$w(_ctx, _cache) {
|
|
|
21040
21150
|
modelValue: _ctx.simpleCurrentValue,
|
|
21041
21151
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.simpleCurrentValue = $event),
|
|
21042
21152
|
"var-pagination-cover": "",
|
|
21153
|
+
variant: "standard",
|
|
21043
21154
|
hint: false,
|
|
21044
21155
|
disabled: _ctx.disabled,
|
|
21045
21156
|
onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.setPage("simple", _ctx.simpleCurrentValue, $event)),
|
|
@@ -21204,6 +21315,7 @@ function __render__$w(_ctx, _cache) {
|
|
|
21204
21315
|
"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.quickJumperValue = $event),
|
|
21205
21316
|
disabled: _ctx.disabled,
|
|
21206
21317
|
hint: false,
|
|
21318
|
+
variant: "standard",
|
|
21207
21319
|
"var-pagination-cover": "",
|
|
21208
21320
|
onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.setPage("quick", _ctx.quickJumperValue, $event)),
|
|
21209
21321
|
onKeydown: _cache[8] || (_cache[8] = vue.withKeys(($event) => _ctx.setPage("quick", _ctx.quickJumperValue, $event), ["enter"]))
|
|
@@ -22776,9 +22888,18 @@ const __sfc__$s = vue.defineComponent({
|
|
|
22776
22888
|
const { radioGroup, bindRadioGroup } = useRadioGroup();
|
|
22777
22889
|
const { hovering, handleHovering } = useHoverOverlay();
|
|
22778
22890
|
const { form, bindForm } = useForm();
|
|
22779
|
-
const tabIndex = vue.computed(
|
|
22780
|
-
|
|
22781
|
-
|
|
22891
|
+
const tabIndex = vue.computed(() => {
|
|
22892
|
+
const disabled = (form == null ? void 0 : form.disabled.value) || props2.disabled;
|
|
22893
|
+
const isChecked = checked.value;
|
|
22894
|
+
const hasCheckedInRadioGroup = radioGroup == null ? void 0 : radioGroup.hasChecked.value;
|
|
22895
|
+
if (disabled) {
|
|
22896
|
+
return;
|
|
22897
|
+
}
|
|
22898
|
+
if (radioGroup && hasCheckedInRadioGroup && !isChecked) {
|
|
22899
|
+
return "-1";
|
|
22900
|
+
}
|
|
22901
|
+
return "0";
|
|
22902
|
+
});
|
|
22782
22903
|
const {
|
|
22783
22904
|
errorMessage,
|
|
22784
22905
|
validateWithTrigger: vt,
|
|
@@ -22858,7 +22979,9 @@ const __sfc__$s = vue.defineComponent({
|
|
|
22858
22979
|
}
|
|
22859
22980
|
function sync(v2) {
|
|
22860
22981
|
const { checkedValue, uncheckedValue } = props2;
|
|
22861
|
-
|
|
22982
|
+
const checked2 = v2 === checkedValue;
|
|
22983
|
+
value.value = checked2 ? checkedValue : uncheckedValue;
|
|
22984
|
+
return checked2;
|
|
22862
22985
|
}
|
|
22863
22986
|
function reset() {
|
|
22864
22987
|
value.value = props2.uncheckedValue;
|
|
@@ -22997,11 +23120,13 @@ const __sfc__$r = vue.defineComponent({
|
|
|
22997
23120
|
resetValidation
|
|
22998
23121
|
} = useValidation();
|
|
22999
23122
|
const radioGroupErrorMessage = vue.computed(() => errorMessage.value);
|
|
23123
|
+
const hasChecked = vue.ref(false);
|
|
23000
23124
|
const radioGroupProvider = {
|
|
23001
23125
|
onToggle,
|
|
23002
23126
|
validate,
|
|
23003
23127
|
reset,
|
|
23004
23128
|
resetValidation,
|
|
23129
|
+
hasChecked: vue.computed(() => hasChecked.value),
|
|
23005
23130
|
errorMessage: radioGroupErrorMessage
|
|
23006
23131
|
};
|
|
23007
23132
|
vue.watch(() => props2.modelValue, syncRadios);
|
|
@@ -23057,7 +23182,11 @@ const __sfc__$r = vue.defineComponent({
|
|
|
23057
23182
|
});
|
|
23058
23183
|
}
|
|
23059
23184
|
function syncRadios() {
|
|
23060
|
-
|
|
23185
|
+
radios.forEach(({ sync }) => {
|
|
23186
|
+
if (sync(props2.modelValue)) {
|
|
23187
|
+
hasChecked.value = true;
|
|
23188
|
+
}
|
|
23189
|
+
});
|
|
23061
23190
|
}
|
|
23062
23191
|
function onToggle(changedValue) {
|
|
23063
23192
|
call(props2["onUpdate:modelValue"], changedValue);
|
|
@@ -31722,7 +31851,7 @@ withInstall(stdin_default$1);
|
|
|
31722
31851
|
withPropsDefaultsSetter(stdin_default$1, props);
|
|
31723
31852
|
const _WatermarkComponent = stdin_default$1;
|
|
31724
31853
|
var stdin_default = stdin_default$1;
|
|
31725
|
-
const version = "3.9.0
|
|
31854
|
+
const version = "3.9.0";
|
|
31726
31855
|
function install(app) {
|
|
31727
31856
|
stdin_default$5X.install && app.use(stdin_default$5X);
|
|
31728
31857
|
stdin_default$5V.install && app.use(stdin_default$5V);
|
|
@@ -32138,8 +32267,8 @@ exports.dialogProps = props$K;
|
|
|
32138
32267
|
exports.dividerProps = props$J;
|
|
32139
32268
|
exports.dragProps = props$I;
|
|
32140
32269
|
exports.ellipsisProps = props$G;
|
|
32141
|
-
exports.enUS = stdin_default$
|
|
32142
|
-
exports.faIR = stdin_default$
|
|
32270
|
+
exports.enUS = stdin_default$6d;
|
|
32271
|
+
exports.faIR = stdin_default$6c;
|
|
32143
32272
|
exports.fabProps = props$F;
|
|
32144
32273
|
exports.fieldDecoratorProps = props$1e;
|
|
32145
32274
|
exports.formDetailsProps = props$1f;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@varlet/ui",
|
|
3
|
-
"version": "3.9.0
|
|
3
|
+
"version": "3.9.0",
|
|
4
4
|
"description": "A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Vue3",
|
|
@@ -44,9 +44,9 @@
|
|
|
44
44
|
"@popperjs/core": "^2.11.6",
|
|
45
45
|
"dayjs": "^1.10.4",
|
|
46
46
|
"decimal.js": "^10.2.1",
|
|
47
|
-
"@varlet/icons": "3.9.0
|
|
48
|
-
"@varlet/shared": "3.9.0
|
|
49
|
-
"@varlet/use": "3.9.0
|
|
47
|
+
"@varlet/icons": "3.9.0",
|
|
48
|
+
"@varlet/shared": "3.9.0",
|
|
49
|
+
"@varlet/use": "3.9.0"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
52
|
"@types/node": "^18.7.18",
|
|
@@ -62,9 +62,9 @@
|
|
|
62
62
|
"vue": "3.5.13",
|
|
63
63
|
"vue-router": "4.5.0",
|
|
64
64
|
"zod": "^3.23.8",
|
|
65
|
-
"@varlet/cli": "3.9.0
|
|
66
|
-
"@varlet/ui": "3.9.0
|
|
67
|
-
"@varlet/touch-emulator": "3.9.0
|
|
65
|
+
"@varlet/cli": "3.9.0",
|
|
66
|
+
"@varlet/ui": "3.9.0",
|
|
67
|
+
"@varlet/touch-emulator": "3.9.0"
|
|
68
68
|
},
|
|
69
69
|
"peerDependencies": {
|
|
70
70
|
"vue": "^3.2.0"
|
package/types/locale.d.ts
CHANGED
|
@@ -23,10 +23,13 @@ export type Message = {
|
|
|
23
23
|
datePickerMonthDict: Record<Month, { name: string; abbr: string }>
|
|
24
24
|
datePickerWeekDict: Record<Week, { name: string; abbr: string }>
|
|
25
25
|
datePickerSelected: string
|
|
26
|
+
datePickerHint: string
|
|
26
27
|
// pagination
|
|
27
28
|
paginationItem: string
|
|
28
29
|
paginationPage: string
|
|
29
30
|
paginationJump: string
|
|
31
|
+
// time-picker
|
|
32
|
+
timePickerHint: string
|
|
30
33
|
|
|
31
34
|
[key: PropertyKey]: any
|
|
32
35
|
}
|
|
@@ -36,6 +39,8 @@ interface Locale {
|
|
|
36
39
|
enUS: Message
|
|
37
40
|
zhTW: Message
|
|
38
41
|
zhHK: Message
|
|
42
|
+
faIR: Message
|
|
43
|
+
jaJP: Message
|
|
39
44
|
messages: Ref<Record<string, Partial<Message>>>
|
|
40
45
|
currentMessage: Ref<Partial<Pack>>
|
|
41
46
|
add(lang: string, message: Partial<Message>): void
|