naive-ui 2.19.7 → 2.19.11
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/_internal/icons/Add.js +2 -3
- package/es/_internal/selection/src/Selection.d.ts +4 -1
- package/es/_internal/selection/src/Selection.js +3 -3
- package/es/anchor/src/AnchorAdapter.d.ts +5 -0
- package/es/anchor/src/BaseAnchor.d.ts +6 -1
- package/es/anchor/src/BaseAnchor.js +8 -3
- package/es/auto-complete/src/AutoComplete.d.ts +4 -0
- package/es/auto-complete/src/AutoComplete.js +9 -2
- package/es/calendar/src/Calendar.d.ts +1 -0
- package/es/cascader/src/Cascader.js +1 -1
- package/es/cascader/src/CascaderSelectMenu.d.ts +16 -7
- package/es/cascader/src/CascaderSelectMenu.js +23 -10
- package/es/cascader/src/utils.d.ts +2 -1
- package/es/cascader/src/utils.js +5 -2
- package/es/collapse/src/Collapse.d.ts +0 -1
- package/es/collapse/src/Collapse.js +2 -5
- package/es/collapse/src/CollapseItem.js +0 -2
- package/es/color-picker/src/ColorPicker.d.ts +4 -0
- package/es/color-picker/src/ColorPicker.js +5 -2
- package/es/color-picker/src/ColorPickerSwatches.d.ts +39 -0
- package/es/color-picker/src/ColorPickerSwatches.js +142 -0
- package/es/color-picker/src/styles/index.cssr.js +20 -0
- package/es/config-provider/src/ConfigProvider.d.ts +8 -1
- package/es/config-provider/src/ConfigProvider.js +8 -2
- package/es/config-provider/src/config.d.ts +8 -0
- package/es/config-provider/src/config.js +8 -0
- package/es/config-provider/src/internal-interface.d.ts +4 -0
- package/es/data-table/src/TableParts/Body.d.ts +8 -2
- package/es/data-table/src/TableParts/Body.js +4 -4
- package/es/data-table/src/TableParts/Header.d.ts +8 -2
- package/es/data-table/src/TableParts/Header.js +7 -4
- package/es/data-table/src/interface.d.ts +8 -2
- package/es/data-table/src/use-group-header.js +12 -8
- package/es/data-table/src/use-scroll.d.ts +11 -5
- package/es/data-table/src/use-scroll.js +37 -10
- package/es/date-picker/src/DatePicker.js +3 -0
- package/es/date-picker/src/panel/date.d.ts +1 -0
- package/es/date-picker/src/panel/daterange.d.ts +1 -0
- package/es/date-picker/src/panel/datetime.d.ts +1 -0
- package/es/date-picker/src/panel/datetimerange.d.ts +1 -0
- package/es/date-picker/src/panel/month.d.ts +1 -0
- package/es/date-picker/src/panel/use-calendar.d.ts +1 -0
- package/es/date-picker/src/panel/use-dual-calendar.d.ts +1 -0
- package/es/date-picker/src/panel/use-panel-common.d.ts +1 -0
- package/es/dialog/src/styles/index.cssr.js +1 -0
- package/es/ellipsis/src/Ellipsis.js +3 -1
- package/es/grid/src/Grid.d.ts +1 -1
- package/es/grid/src/Grid.js +4 -3
- package/es/input/src/Input.d.ts +1 -1
- package/es/input/src/Input.js +3 -8
- package/es/input/src/WordCount.js +22 -7
- package/es/input/src/interface.d.ts +1 -1
- package/es/input-number/index.d.ts +1 -0
- package/es/input-number/src/InputNumber.d.ts +2 -0
- package/es/input-number/src/InputNumber.js +10 -22
- package/es/input-number/src/interface.d.ts +4 -0
- package/es/locales/common/enUS.d.ts +1 -0
- package/es/locales/common/enUS.js +1 -0
- package/es/locales/common/jaJP.d.ts +3 -0
- package/es/locales/common/jaJP.js +93 -0
- package/es/locales/common/ruRU.js +1 -0
- package/es/locales/common/ukUA.js +1 -0
- package/es/locales/common/zhCN.js +1 -0
- package/es/locales/date/jaJP.d.ts +3 -0
- package/es/locales/date/jaJP.js +6 -0
- package/es/locales/index.d.ts +2 -0
- package/es/locales/index.js +2 -0
- package/es/menu/src/Menu.d.ts +8 -1
- package/es/menu/src/Menu.js +4 -2
- package/es/menu/src/MenuOption.d.ts +2 -0
- package/es/menu/src/MenuOptionContent.d.ts +2 -0
- package/es/menu/src/Submenu.d.ts +2 -0
- package/es/menu/src/Submenu.js +3 -2
- package/es/rate/src/Rate.d.ts +2 -2
- package/es/scrollbar/src/ScrollBar.d.ts +14 -4
- package/es/scrollbar/src/ScrollBar.js +13 -3
- package/es/select/src/Select.d.ts +5 -1
- package/es/select/src/Select.js +2 -2
- package/es/table/src/Table.d.ts +2 -8
- package/es/table/src/Table.js +1 -4
- package/es/tabs/src/Tab.js +18 -2
- package/es/tabs/src/Tabs.d.ts +5 -1
- package/es/tabs/src/Tabs.js +4 -1
- package/es/tabs/src/interface.d.ts +6 -0
- package/es/time-picker/src/Panel.d.ts +30 -8
- package/es/time-picker/src/Panel.js +101 -33
- package/es/time-picker/src/PanelCol.d.ts +6 -9
- package/es/time-picker/src/PanelCol.js +7 -9
- package/es/time-picker/src/TimePicker.d.ts +21 -16
- package/es/time-picker/src/TimePicker.js +63 -36
- package/es/time-picker/src/interface.d.ts +7 -0
- package/es/time-picker/src/utils.d.ts +4 -1
- package/es/time-picker/src/utils.js +67 -4
- package/es/tree/src/Tree.d.ts +2 -2
- package/es/upload/src/Upload.d.ts +15 -11
- package/es/upload/src/Upload.js +16 -7
- package/es/upload/src/UploadFile.js +1 -1
- package/es/upload/src/UploadFileList.js +1 -3
- package/es/upload/src/UploadTrigger.js +13 -5
- package/es/upload/src/interface.d.ts +1 -1
- package/es/upload/src/styles/index.cssr.js +3 -1
- package/es/version.d.ts +1 -1
- package/es/version.js +1 -1
- package/lib/_internal/icons/Add.js +2 -3
- package/lib/_internal/selection/src/Selection.d.ts +4 -1
- package/lib/_internal/selection/src/Selection.js +3 -3
- package/lib/anchor/src/AnchorAdapter.d.ts +5 -0
- package/lib/anchor/src/BaseAnchor.d.ts +6 -1
- package/lib/anchor/src/BaseAnchor.js +7 -2
- package/lib/auto-complete/src/AutoComplete.d.ts +4 -0
- package/lib/auto-complete/src/AutoComplete.js +9 -2
- package/lib/calendar/src/Calendar.d.ts +1 -0
- package/lib/cascader/src/Cascader.js +1 -1
- package/lib/cascader/src/CascaderSelectMenu.d.ts +16 -7
- package/lib/cascader/src/CascaderSelectMenu.js +23 -10
- package/lib/cascader/src/utils.d.ts +2 -1
- package/lib/cascader/src/utils.js +5 -2
- package/lib/collapse/src/Collapse.d.ts +0 -1
- package/lib/collapse/src/Collapse.js +2 -5
- package/lib/collapse/src/CollapseItem.js +0 -2
- package/lib/color-picker/src/ColorPicker.d.ts +4 -0
- package/lib/color-picker/src/ColorPicker.js +5 -2
- package/lib/color-picker/src/ColorPickerSwatches.d.ts +39 -0
- package/lib/color-picker/src/ColorPickerSwatches.js +144 -0
- package/lib/color-picker/src/styles/index.cssr.js +20 -0
- package/lib/config-provider/src/ConfigProvider.d.ts +8 -1
- package/lib/config-provider/src/ConfigProvider.js +8 -2
- package/lib/config-provider/src/config.d.ts +8 -0
- package/lib/config-provider/src/config.js +11 -0
- package/lib/config-provider/src/internal-interface.d.ts +4 -0
- package/lib/data-table/src/TableParts/Body.d.ts +8 -2
- package/lib/data-table/src/TableParts/Body.js +4 -4
- package/lib/data-table/src/TableParts/Header.d.ts +8 -2
- package/lib/data-table/src/TableParts/Header.js +7 -4
- package/lib/data-table/src/interface.d.ts +8 -2
- package/lib/data-table/src/use-group-header.js +12 -8
- package/lib/data-table/src/use-scroll.d.ts +11 -5
- package/lib/data-table/src/use-scroll.js +37 -10
- package/lib/date-picker/src/DatePicker.js +3 -0
- package/lib/date-picker/src/panel/date.d.ts +1 -0
- package/lib/date-picker/src/panel/daterange.d.ts +1 -0
- package/lib/date-picker/src/panel/datetime.d.ts +1 -0
- package/lib/date-picker/src/panel/datetimerange.d.ts +1 -0
- package/lib/date-picker/src/panel/month.d.ts +1 -0
- package/lib/date-picker/src/panel/use-calendar.d.ts +1 -0
- package/lib/date-picker/src/panel/use-dual-calendar.d.ts +1 -0
- package/lib/date-picker/src/panel/use-panel-common.d.ts +1 -0
- package/lib/dialog/src/styles/index.cssr.js +1 -0
- package/lib/ellipsis/src/Ellipsis.js +3 -1
- package/lib/grid/src/Grid.d.ts +1 -1
- package/lib/grid/src/Grid.js +4 -3
- package/lib/input/src/Input.d.ts +1 -1
- package/lib/input/src/Input.js +2 -7
- package/lib/input/src/WordCount.js +21 -6
- package/lib/input/src/interface.d.ts +1 -1
- package/lib/input-number/index.d.ts +1 -0
- package/lib/input-number/src/InputNumber.d.ts +2 -0
- package/lib/input-number/src/InputNumber.js +10 -22
- package/lib/input-number/src/interface.d.ts +4 -0
- package/lib/locales/common/enUS.d.ts +1 -0
- package/lib/locales/common/enUS.js +1 -0
- package/lib/locales/common/jaJP.d.ts +3 -0
- package/lib/locales/common/jaJP.js +95 -0
- package/lib/locales/common/ruRU.js +1 -0
- package/lib/locales/common/ukUA.js +1 -0
- package/lib/locales/common/zhCN.js +1 -0
- package/lib/locales/date/jaJP.d.ts +3 -0
- package/lib/locales/date/jaJP.js +8 -0
- package/lib/locales/index.d.ts +2 -0
- package/lib/locales/index.js +5 -1
- package/lib/menu/src/Menu.d.ts +8 -1
- package/lib/menu/src/Menu.js +4 -2
- package/lib/menu/src/MenuOption.d.ts +2 -0
- package/lib/menu/src/MenuOptionContent.d.ts +2 -0
- package/lib/menu/src/Submenu.d.ts +2 -0
- package/lib/menu/src/Submenu.js +3 -2
- package/lib/rate/src/Rate.d.ts +2 -2
- package/lib/scrollbar/src/ScrollBar.d.ts +14 -4
- package/lib/scrollbar/src/ScrollBar.js +12 -2
- package/lib/select/src/Select.d.ts +5 -1
- package/lib/select/src/Select.js +2 -2
- package/lib/table/src/Table.d.ts +2 -8
- package/lib/table/src/Table.js +1 -4
- package/lib/tabs/src/Tab.js +18 -2
- package/lib/tabs/src/Tabs.d.ts +5 -1
- package/lib/tabs/src/Tabs.js +4 -1
- package/lib/tabs/src/interface.d.ts +6 -0
- package/lib/time-picker/src/Panel.d.ts +30 -8
- package/lib/time-picker/src/Panel.js +100 -32
- package/lib/time-picker/src/PanelCol.d.ts +6 -9
- package/lib/time-picker/src/PanelCol.js +7 -9
- package/lib/time-picker/src/TimePicker.d.ts +21 -16
- package/lib/time-picker/src/TimePicker.js +61 -34
- package/lib/time-picker/src/interface.d.ts +7 -0
- package/lib/time-picker/src/utils.d.ts +4 -1
- package/lib/time-picker/src/utils.js +69 -5
- package/lib/tree/src/Tree.d.ts +2 -2
- package/lib/upload/src/Upload.d.ts +15 -11
- package/lib/upload/src/Upload.js +16 -7
- package/lib/upload/src/UploadFile.js +1 -1
- package/lib/upload/src/UploadFileList.js +1 -3
- package/lib/upload/src/UploadTrigger.js +13 -5
- package/lib/upload/src/interface.d.ts +1 -1
- package/lib/upload/src/styles/index.cssr.js +3 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +7 -4
- package/web-types.json +68 -1
|
@@ -22,22 +22,45 @@ function useScroll(props, { mainTableInstRef, mergedCurrentPageRef, bodyWidthRef
|
|
|
22
22
|
const fixedColumnLeftMapRef = (0, vue_1.computed)(() => {
|
|
23
23
|
const columns = {};
|
|
24
24
|
let left = 0;
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
function traverse(cols) {
|
|
26
|
+
cols.forEach((col) => {
|
|
27
|
+
const positionInfo = { start: left, end: 0 };
|
|
28
|
+
columns[(0, utils_1.getColKey)(col)] = positionInfo;
|
|
29
|
+
if ('children' in col) {
|
|
30
|
+
traverse(col.children);
|
|
31
|
+
positionInfo.end = left;
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
left += (0, utils_1.getColWidth)(col) || 0;
|
|
35
|
+
positionInfo.end = left;
|
|
36
|
+
}
|
|
37
|
+
});
|
|
28
38
|
}
|
|
39
|
+
traverse(leftFixedColumnsRef.value);
|
|
29
40
|
return columns;
|
|
30
41
|
});
|
|
31
42
|
const fixedColumnRightMapRef = (0, vue_1.computed)(() => {
|
|
32
43
|
const columns = {};
|
|
33
44
|
let right = 0;
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
45
|
+
function traverse(cols) {
|
|
46
|
+
cols.forEach((col) => {
|
|
47
|
+
const positionInfo = { start: right, end: 0 };
|
|
48
|
+
columns[(0, utils_1.getColKey)(col)] = positionInfo;
|
|
49
|
+
if ('children' in col) {
|
|
50
|
+
traverse(col.children);
|
|
51
|
+
positionInfo.end = right;
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
right += (0, utils_1.getColWidth)(col) || 0;
|
|
55
|
+
positionInfo.end = right;
|
|
56
|
+
}
|
|
57
|
+
});
|
|
37
58
|
}
|
|
59
|
+
traverse(rightFixedColumnsRef.value.reverse());
|
|
38
60
|
return columns;
|
|
39
61
|
});
|
|
40
62
|
function deriveActiveLeftFixedColumn() {
|
|
63
|
+
var _a, _b;
|
|
41
64
|
// target is header element
|
|
42
65
|
const { value: leftFixedColumns } = leftFixedColumnsRef;
|
|
43
66
|
let leftWidth = 0;
|
|
@@ -45,9 +68,9 @@ function useScroll(props, { mainTableInstRef, mergedCurrentPageRef, bodyWidthRef
|
|
|
45
68
|
let leftActiveFixedColKey = null;
|
|
46
69
|
for (let i = 0; i < leftFixedColumns.length; ++i) {
|
|
47
70
|
const key = (0, utils_1.getColKey)(leftFixedColumns[i]);
|
|
48
|
-
if (scrollLeft > (fixedColumnLeftMap[key] || 0) - leftWidth) {
|
|
71
|
+
if (scrollLeft > (((_a = fixedColumnLeftMap[key]) === null || _a === void 0 ? void 0 : _a.start) || 0) - leftWidth) {
|
|
49
72
|
leftActiveFixedColKey = key;
|
|
50
|
-
leftWidth
|
|
73
|
+
leftWidth = ((_b = fixedColumnLeftMap[key]) === null || _b === void 0 ? void 0 : _b.end) || 0;
|
|
51
74
|
}
|
|
52
75
|
else {
|
|
53
76
|
break;
|
|
@@ -56,6 +79,7 @@ function useScroll(props, { mainTableInstRef, mergedCurrentPageRef, bodyWidthRef
|
|
|
56
79
|
leftActiveFixedColKeyRef.value = leftActiveFixedColKey;
|
|
57
80
|
}
|
|
58
81
|
function deriveActiveRightFixedColumn() {
|
|
82
|
+
var _a, _b;
|
|
59
83
|
// target is header element
|
|
60
84
|
const { value: rightFixedColumns } = rightFixedColumnsRef;
|
|
61
85
|
const scrollWidth = Number(props.scrollX);
|
|
@@ -67,9 +91,12 @@ function useScroll(props, { mainTableInstRef, mergedCurrentPageRef, bodyWidthRef
|
|
|
67
91
|
const { value: fixedColumnRightMap } = fixedColumnRightMapRef;
|
|
68
92
|
for (let i = 0; i < rightFixedColumns.length; ++i) {
|
|
69
93
|
const key = (0, utils_1.getColKey)(rightFixedColumns[i]);
|
|
70
|
-
if (Math.round(scrollLeft +
|
|
94
|
+
if (Math.round(scrollLeft +
|
|
95
|
+
(((_a = fixedColumnRightMap[key]) === null || _a === void 0 ? void 0 : _a.start) || 0) +
|
|
96
|
+
tableWidth -
|
|
97
|
+
rightWidth) < scrollWidth) {
|
|
71
98
|
rightActiveFixedColKey = key;
|
|
72
|
-
rightWidth
|
|
99
|
+
rightWidth = ((_b = fixedColumnRightMap[key]) === null || _b === void 0 ? void 0 : _b.end) || 0;
|
|
73
100
|
}
|
|
74
101
|
else {
|
|
75
102
|
break;
|
|
@@ -111,6 +111,9 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
111
111
|
else if (props.type === 'datetime') {
|
|
112
112
|
return localeRef.value.datetimePlaceholder;
|
|
113
113
|
}
|
|
114
|
+
else if (props.type === 'month') {
|
|
115
|
+
return localeRef.value.monthPlaceholder;
|
|
116
|
+
}
|
|
114
117
|
return props.placeholder;
|
|
115
118
|
}
|
|
116
119
|
else {
|
|
@@ -1044,6 +1044,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1044
1044
|
selectDate: string;
|
|
1045
1045
|
datePlaceholder: string;
|
|
1046
1046
|
datetimePlaceholder: string;
|
|
1047
|
+
monthPlaceholder: string;
|
|
1047
1048
|
startDatePlaceholder: string;
|
|
1048
1049
|
endDatePlaceholder: string;
|
|
1049
1050
|
startDatetimePlaceholder: string;
|
|
@@ -1042,6 +1042,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1042
1042
|
selectDate: string;
|
|
1043
1043
|
datePlaceholder: string;
|
|
1044
1044
|
datetimePlaceholder: string;
|
|
1045
|
+
monthPlaceholder: string;
|
|
1045
1046
|
startDatePlaceholder: string;
|
|
1046
1047
|
endDatePlaceholder: string;
|
|
1047
1048
|
startDatetimePlaceholder: string;
|
|
@@ -1050,6 +1050,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1050
1050
|
selectDate: string;
|
|
1051
1051
|
datePlaceholder: string;
|
|
1052
1052
|
datetimePlaceholder: string;
|
|
1053
|
+
monthPlaceholder: string;
|
|
1053
1054
|
startDatePlaceholder: string;
|
|
1054
1055
|
endDatePlaceholder: string;
|
|
1055
1056
|
startDatetimePlaceholder: string;
|
|
@@ -1042,6 +1042,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1042
1042
|
selectDate: string;
|
|
1043
1043
|
datePlaceholder: string;
|
|
1044
1044
|
datetimePlaceholder: string;
|
|
1045
|
+
monthPlaceholder: string;
|
|
1045
1046
|
startDatePlaceholder: string;
|
|
1046
1047
|
endDatePlaceholder: string;
|
|
1047
1048
|
startDatetimePlaceholder: string;
|
|
@@ -1065,6 +1065,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1065
1065
|
selectDate: string;
|
|
1066
1066
|
datePlaceholder: string;
|
|
1067
1067
|
datetimePlaceholder: string;
|
|
1068
|
+
monthPlaceholder: string;
|
|
1068
1069
|
startDatePlaceholder: string;
|
|
1069
1070
|
endDatePlaceholder: string;
|
|
1070
1071
|
startDatetimePlaceholder: string;
|
|
@@ -1047,6 +1047,7 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
|
|
|
1047
1047
|
selectDate: string;
|
|
1048
1048
|
datePlaceholder: string;
|
|
1049
1049
|
datetimePlaceholder: string;
|
|
1050
|
+
monthPlaceholder: string;
|
|
1050
1051
|
startDatePlaceholder: string;
|
|
1051
1052
|
endDatePlaceholder: string;
|
|
1052
1053
|
startDatetimePlaceholder: string;
|
|
@@ -1045,6 +1045,7 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
|
|
|
1045
1045
|
selectDate: string;
|
|
1046
1046
|
datePlaceholder: string;
|
|
1047
1047
|
datetimePlaceholder: string;
|
|
1048
|
+
monthPlaceholder: string;
|
|
1048
1049
|
startDatePlaceholder: string;
|
|
1049
1050
|
endDatePlaceholder: string;
|
|
1050
1051
|
startDatetimePlaceholder: string;
|
|
@@ -1013,6 +1013,7 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
|
|
|
1013
1013
|
selectDate: string;
|
|
1014
1014
|
datePlaceholder: string;
|
|
1015
1015
|
datetimePlaceholder: string;
|
|
1016
|
+
monthPlaceholder: string;
|
|
1016
1017
|
startDatePlaceholder: string;
|
|
1017
1018
|
endDatePlaceholder: string;
|
|
1018
1019
|
startDatetimePlaceholder: string;
|
|
@@ -85,7 +85,9 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
85
85
|
: undefined
|
|
86
86
|
],
|
|
87
87
|
style: ellipsisStyleRef.value
|
|
88
|
-
}), { ref: "triggerRef", onClick: handleClickRef.value
|
|
88
|
+
}), { ref: "triggerRef", onClick: handleClickRef.value, onMouseenter:
|
|
89
|
+
// get tooltip disabled will derive cursor style
|
|
90
|
+
props.expandTrigger === 'click' ? getTooltipDisabled : undefined }), slots));
|
|
89
91
|
function syncEllipsisStyle(trigger) {
|
|
90
92
|
if (!trigger)
|
|
91
93
|
return;
|
package/lib/grid/src/Grid.d.ts
CHANGED
|
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
61
61
|
mergedClsPrefix: import("vue").ComputedRef<string>;
|
|
62
62
|
style: import("vue").ComputedRef<CSSProperties>;
|
|
63
63
|
isResponsive: import("vue").ComputedRef<boolean>;
|
|
64
|
-
responsiveQuery: import("vue").ComputedRef<number |
|
|
64
|
+
responsiveQuery: import("vue").ComputedRef<number | string[] | undefined>;
|
|
65
65
|
responsiveCols: import("vue").ComputedRef<number>;
|
|
66
66
|
handleResize: import("vue").ComputedRef<VResizeObserverOnResize | undefined>;
|
|
67
67
|
overflow: Ref<boolean>;
|
package/lib/grid/src/Grid.js
CHANGED
|
@@ -5,9 +5,10 @@ const vue_1 = require("vue");
|
|
|
5
5
|
const vooks_1 = require("vooks");
|
|
6
6
|
const vueuc_1 = require("vueuc");
|
|
7
7
|
const seemly_1 = require("seemly");
|
|
8
|
+
const config_1 = require("../../config-provider/src/config");
|
|
9
|
+
const _mixins_1 = require("../../_mixins");
|
|
8
10
|
const _utils_1 = require("../../_utils");
|
|
9
11
|
const GridItem_1 = require("./GridItem");
|
|
10
|
-
const _mixins_1 = require("../../_mixins");
|
|
11
12
|
const defaultCols = 24;
|
|
12
13
|
const gridProps = {
|
|
13
14
|
responsive: {
|
|
@@ -41,10 +42,10 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
41
42
|
inheritAttrs: false,
|
|
42
43
|
props: gridProps,
|
|
43
44
|
setup(props) {
|
|
44
|
-
const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
|
|
45
|
+
const { mergedClsPrefixRef, NConfigProvider } = (0, _mixins_1.useConfig)(props);
|
|
45
46
|
const numRegex = /^\d+$/;
|
|
46
47
|
const widthRef = (0, vue_1.ref)(undefined);
|
|
47
|
-
const breakpointsRef = (0, vooks_1.useBreakpoints)();
|
|
48
|
+
const breakpointsRef = (0, vooks_1.useBreakpoints)((NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedBreakpointsRef.value) || config_1.defaultBreakpoints);
|
|
48
49
|
const isResponsiveRef = (0, vooks_1.useMemo)(() => {
|
|
49
50
|
if (props.itemResponsive)
|
|
50
51
|
return true;
|
package/lib/input/src/Input.d.ts
CHANGED
|
@@ -1066,10 +1066,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1066
1066
|
loading?: boolean | undefined;
|
|
1067
1067
|
bordered?: boolean | undefined;
|
|
1068
1068
|
onClear?: MaybeArray<(e: MouseEvent) => void> | undefined;
|
|
1069
|
+
inputProps?: InputHTMLAttributes | TextareaHTMLAttributes | undefined;
|
|
1069
1070
|
"onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
|
|
1070
1071
|
onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
|
|
1071
1072
|
showPasswordOn?: "click" | "mousedown" | undefined;
|
|
1072
|
-
inputProps?: InputHTMLAttributes | TextareaHTMLAttributes | undefined;
|
|
1073
1073
|
onInputBlur?: MaybeArray<(e: FocusEvent) => void> | undefined;
|
|
1074
1074
|
onInputFocus?: MaybeArray<(e: FocusEvent) => void> | undefined;
|
|
1075
1075
|
onDeactivate?: MaybeArray<() => void> | undefined;
|
package/lib/input/src/Input.js
CHANGED
|
@@ -571,12 +571,7 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
571
571
|
}
|
|
572
572
|
});
|
|
573
573
|
(0, vue_1.provide)(interface_1.inputInjectionKey, {
|
|
574
|
-
|
|
575
|
-
const { value: mergedValue } = mergedValueRef;
|
|
576
|
-
if (mergedValue === null || Array.isArray(mergedValue))
|
|
577
|
-
return 0;
|
|
578
|
-
return (0, utils_1.len)(mergedValue);
|
|
579
|
-
}),
|
|
574
|
+
mergedValueRef,
|
|
580
575
|
maxlengthRef,
|
|
581
576
|
mergedClsPrefixRef
|
|
582
577
|
});
|
|
@@ -742,6 +737,6 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
742
737
|
]))) : null,
|
|
743
738
|
this.mergedBordered ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__border` })) : null,
|
|
744
739
|
this.mergedBordered ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__state-border` })) : null,
|
|
745
|
-
this.showCount && this.type === 'textarea' ? (0, vue_1.h)(WordCount_1.default, null) : null));
|
|
740
|
+
this.showCount && this.type === 'textarea' ? ((0, vue_1.h)(WordCount_1.default, null, { default: this.$slots.count })) : null));
|
|
746
741
|
}
|
|
747
742
|
});
|
|
@@ -1,17 +1,32 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
|
4
3
|
const vue_1 = require("vue");
|
|
5
4
|
const interface_1 = require("./interface");
|
|
5
|
+
const utils_1 = require("./utils");
|
|
6
6
|
exports.default = (0, vue_1.defineComponent)({
|
|
7
7
|
name: 'InputWordCount',
|
|
8
|
-
setup() {
|
|
9
|
-
const {
|
|
8
|
+
setup(_, { slots }) {
|
|
9
|
+
const { mergedValueRef, maxlengthRef, mergedClsPrefixRef } =
|
|
10
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
11
|
+
(0, vue_1.inject)(interface_1.inputInjectionKey);
|
|
12
|
+
const wordCountRef = (0, vue_1.computed)(() => {
|
|
13
|
+
const { value: mergedValue } = mergedValueRef;
|
|
14
|
+
if (mergedValue === null || Array.isArray(mergedValue))
|
|
15
|
+
return 0;
|
|
16
|
+
return (0, utils_1.len)(mergedValue);
|
|
17
|
+
});
|
|
10
18
|
return () => {
|
|
11
19
|
const { value: maxlength } = maxlengthRef;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
20
|
+
const { value: mergedValue } = mergedValueRef;
|
|
21
|
+
return ((0, vue_1.h)("span", { class: `${mergedClsPrefixRef.value}-input-word-count` }, slots.default
|
|
22
|
+
? slots.default({
|
|
23
|
+
value: mergedValue === null || Array.isArray(mergedValue)
|
|
24
|
+
? ''
|
|
25
|
+
: mergedValue
|
|
26
|
+
})
|
|
27
|
+
: maxlength === undefined
|
|
28
|
+
? wordCountRef.value
|
|
29
|
+
: `${wordCountRef.value} / ${maxlength}`));
|
|
15
30
|
};
|
|
16
31
|
}
|
|
17
32
|
});
|
|
@@ -14,7 +14,7 @@ export interface InputWrappedRef {
|
|
|
14
14
|
}
|
|
15
15
|
export declare type InputInst = UnwrapRef<InputWrappedRef>;
|
|
16
16
|
export declare const inputInjectionKey: InjectionKey<{
|
|
17
|
-
|
|
17
|
+
mergedValueRef: Ref<string | [string, string] | null>;
|
|
18
18
|
maxlengthRef: Ref<number | undefined>;
|
|
19
19
|
mergedClsPrefixRef: Ref<string>;
|
|
20
20
|
}>;
|
|
@@ -2053,6 +2053,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2053
2053
|
textColorTextDisabled: string;
|
|
2054
2054
|
opacityDisabled: string;
|
|
2055
2055
|
}>;
|
|
2056
|
+
focus: () => void;
|
|
2057
|
+
blur: () => void;
|
|
2056
2058
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
|
|
2057
2059
|
placeholder?: unknown;
|
|
2058
2060
|
defaultValue?: unknown;
|
|
@@ -315,45 +315,33 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
315
315
|
(0, vue_1.watch)(mergedValueRef, () => {
|
|
316
316
|
deriveDisplayedValueFromValue();
|
|
317
317
|
});
|
|
318
|
-
|
|
319
|
-
inputInstRef,
|
|
318
|
+
const exposedMethods = {
|
|
319
|
+
focus: () => { var _a; return (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.focus(); },
|
|
320
|
+
blur: () => { var _a; return (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }
|
|
321
|
+
};
|
|
322
|
+
return Object.assign(Object.assign({}, exposedMethods), { inputInstRef,
|
|
320
323
|
minusButtonInstRef,
|
|
321
|
-
addButtonInstRef,
|
|
322
|
-
mergedClsPrefix: mergedClsPrefixRef,
|
|
323
|
-
mergedBordered: mergedBorderedRef,
|
|
324
|
-
uncontrolledValue: uncontrolledValueRef,
|
|
325
|
-
mergedValue: mergedValueRef,
|
|
326
|
-
mergedPlaceholder: mergedPlaceholderRef,
|
|
327
|
-
displayedValueInvalid: displayedValueInvalidRef,
|
|
328
|
-
mergedSize: mergedSizeRef,
|
|
329
|
-
mergedDisabled: mergedDisabledRef,
|
|
330
|
-
displayedValue: displayedValueRef,
|
|
331
|
-
addable: addableRef,
|
|
332
|
-
minusable: minusableRef,
|
|
333
|
-
handleFocus,
|
|
324
|
+
addButtonInstRef, mergedClsPrefix: mergedClsPrefixRef, mergedBordered: mergedBorderedRef, uncontrolledValue: uncontrolledValueRef, mergedValue: mergedValueRef, mergedPlaceholder: mergedPlaceholderRef, displayedValueInvalid: displayedValueInvalidRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, displayedValue: displayedValueRef, addable: addableRef, minusable: minusableRef, handleFocus,
|
|
334
325
|
handleBlur,
|
|
335
326
|
handleClear,
|
|
336
327
|
handleMouseDown,
|
|
337
328
|
handleAddClick,
|
|
338
329
|
handleMinusClick,
|
|
339
330
|
handleKeyDown,
|
|
340
|
-
handleUpdateDisplayedValue,
|
|
331
|
+
handleUpdateDisplayedValue,
|
|
341
332
|
// theme
|
|
342
|
-
mergedTheme: themeRef,
|
|
343
|
-
inputThemeOverrides: {
|
|
333
|
+
mergedTheme: themeRef, inputThemeOverrides: {
|
|
344
334
|
paddingSmall: '0 8px 0 10px',
|
|
345
335
|
paddingMedium: '0 8px 0 12px',
|
|
346
336
|
paddingLarge: '0 8px 0 14px'
|
|
347
|
-
},
|
|
348
|
-
buttonThemeOverrides: (0, vue_1.computed)(() => {
|
|
337
|
+
}, buttonThemeOverrides: (0, vue_1.computed)(() => {
|
|
349
338
|
const { self: { iconColorDisabled } } = themeRef.value;
|
|
350
339
|
const [r, g, b, a] = (0, seemly_1.rgba)(iconColorDisabled);
|
|
351
340
|
return {
|
|
352
341
|
textColorTextDisabled: `rgb(${r}, ${g}, ${b})`,
|
|
353
342
|
opacityDisabled: `${a}`
|
|
354
343
|
};
|
|
355
|
-
})
|
|
356
|
-
};
|
|
344
|
+
}) });
|
|
357
345
|
},
|
|
358
346
|
render() {
|
|
359
347
|
const { mergedClsPrefix } = this;
|
|
@@ -31,6 +31,7 @@ const enUS = {
|
|
|
31
31
|
selectDate: 'Select Date',
|
|
32
32
|
datePlaceholder: 'Select Date',
|
|
33
33
|
datetimePlaceholder: 'Select Date and Time',
|
|
34
|
+
monthPlaceholder: 'Select Month',
|
|
34
35
|
startDatePlaceholder: 'Start Date',
|
|
35
36
|
endDatePlaceholder: 'End Date',
|
|
36
37
|
startDatetimePlaceholder: 'Start Date and Time',
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jaJP = {
|
|
4
|
+
name: 'ja-JP',
|
|
5
|
+
global: {
|
|
6
|
+
undo: 'undo',
|
|
7
|
+
redo: 'redo',
|
|
8
|
+
confirm: 'OK'
|
|
9
|
+
},
|
|
10
|
+
Popconfirm: {
|
|
11
|
+
positiveText: 'OK',
|
|
12
|
+
negativeText: 'キャンセル'
|
|
13
|
+
},
|
|
14
|
+
Cascader: {
|
|
15
|
+
placeholder: '選択してください',
|
|
16
|
+
loading: 'ロード中',
|
|
17
|
+
loadingRequiredMessage: (label) => `すべての ${label} サブノードをロードしてから選択できます。`
|
|
18
|
+
},
|
|
19
|
+
Time: {
|
|
20
|
+
dateFormat: 'yyyy-MM-dd',
|
|
21
|
+
dateTimeFormat: 'yyyy-MM-dd HH:mm:ss'
|
|
22
|
+
},
|
|
23
|
+
DatePicker: {
|
|
24
|
+
yearFormat: 'yyyy年',
|
|
25
|
+
monthFormat: 'MMM',
|
|
26
|
+
dayFormat: 'eeeeee',
|
|
27
|
+
clear: 'クリア',
|
|
28
|
+
now: '現在',
|
|
29
|
+
confirm: 'OK',
|
|
30
|
+
selectTime: '時間を選択',
|
|
31
|
+
selectDate: '日付を選択',
|
|
32
|
+
datePlaceholder: '日付を選択',
|
|
33
|
+
datetimePlaceholder: '選択',
|
|
34
|
+
monthPlaceholder: '月を選択',
|
|
35
|
+
startDatePlaceholder: '開始日',
|
|
36
|
+
endDatePlaceholder: '終了日',
|
|
37
|
+
startDatetimePlaceholder: '開始時間',
|
|
38
|
+
endDatetimePlaceholder: '終了時間',
|
|
39
|
+
monthBeforeYear: false,
|
|
40
|
+
firstDayOfWeek: 0,
|
|
41
|
+
today: '今日'
|
|
42
|
+
},
|
|
43
|
+
DataTable: {
|
|
44
|
+
checkTableAll: '全選択',
|
|
45
|
+
uncheckTableAll: '全選択取消',
|
|
46
|
+
confirm: 'OK',
|
|
47
|
+
clear: 'リセット'
|
|
48
|
+
},
|
|
49
|
+
Transfer: {
|
|
50
|
+
sourceTitle: '元',
|
|
51
|
+
targetTitle: '先'
|
|
52
|
+
},
|
|
53
|
+
Empty: {
|
|
54
|
+
description: 'データなし'
|
|
55
|
+
},
|
|
56
|
+
Select: {
|
|
57
|
+
placeholder: '選択してください'
|
|
58
|
+
},
|
|
59
|
+
TimePicker: {
|
|
60
|
+
placeholder: '選択してください',
|
|
61
|
+
positiveText: 'OK',
|
|
62
|
+
negativeText: 'キャンセル',
|
|
63
|
+
now: '現在'
|
|
64
|
+
},
|
|
65
|
+
Pagination: {
|
|
66
|
+
goto: '',
|
|
67
|
+
selectionSuffix: 'ページ'
|
|
68
|
+
},
|
|
69
|
+
DynamicTags: {
|
|
70
|
+
add: '追加'
|
|
71
|
+
},
|
|
72
|
+
Log: {
|
|
73
|
+
loading: 'ロード中'
|
|
74
|
+
},
|
|
75
|
+
Input: {
|
|
76
|
+
placeholder: '入力してください'
|
|
77
|
+
},
|
|
78
|
+
InputNumber: {
|
|
79
|
+
placeholder: '入力してください'
|
|
80
|
+
},
|
|
81
|
+
DynamicInput: {
|
|
82
|
+
create: '追加'
|
|
83
|
+
},
|
|
84
|
+
ThemeEditor: {
|
|
85
|
+
title: 'テーマエディタ',
|
|
86
|
+
clearAllVars: '全件変数クリア',
|
|
87
|
+
clearSearch: '検索クリア',
|
|
88
|
+
filterCompName: 'コンポネント名をフィルタ',
|
|
89
|
+
filterVarName: '変数をフィルタ',
|
|
90
|
+
import: 'インポート',
|
|
91
|
+
export: 'エクスポート',
|
|
92
|
+
restore: 'デフォルト'
|
|
93
|
+
}
|
|
94
|
+
};
|
|
95
|
+
exports.default = jaJP;
|
|
@@ -31,6 +31,7 @@ const ruRu = {
|
|
|
31
31
|
selectDate: 'Выбрать дату',
|
|
32
32
|
datePlaceholder: 'Выбрать дату',
|
|
33
33
|
datetimePlaceholder: 'Выбрать дату и время',
|
|
34
|
+
monthPlaceholder: 'Выберите месяц',
|
|
34
35
|
startDatePlaceholder: 'Дата начала',
|
|
35
36
|
endDatePlaceholder: 'Дата окончания',
|
|
36
37
|
startDatetimePlaceholder: 'Дата и время начала',
|
|
@@ -31,6 +31,7 @@ const ukUA = {
|
|
|
31
31
|
selectDate: 'Обрати дату',
|
|
32
32
|
datePlaceholder: 'Обрати дату',
|
|
33
33
|
datetimePlaceholder: 'Обрати дату і час',
|
|
34
|
+
monthPlaceholder: 'Виберіть місяць',
|
|
34
35
|
startDatePlaceholder: 'Дата початку',
|
|
35
36
|
endDatePlaceholder: 'Дата завершення',
|
|
36
37
|
startDatetimePlaceholder: 'Дата і час початку',
|
package/lib/locales/index.d.ts
CHANGED
|
@@ -2,9 +2,11 @@ export { default as zhCN } from './common/zhCN';
|
|
|
2
2
|
export { default as enUS } from './common/enUS';
|
|
3
3
|
export { default as ruRU } from './common/ruRU';
|
|
4
4
|
export { default as ukUA } from './common/ukUA';
|
|
5
|
+
export { default as jaJP } from './common/jaJP';
|
|
5
6
|
export { default as dateZhCN } from './date/zhCN';
|
|
6
7
|
export { default as dateEnUS } from './date/enUS';
|
|
7
8
|
export { default as dateRuRU } from './date/ruRU';
|
|
8
9
|
export { default as dateUkUA } from './date/ukUA';
|
|
10
|
+
export { default as dateJaJP } from './date/jaJP';
|
|
9
11
|
export type { NLocale } from './common/enUS';
|
|
10
12
|
export type { NDateLocale } from './date/enUS';
|
package/lib/locales/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.dateUkUA = exports.dateRuRU = exports.dateEnUS = exports.dateZhCN = exports.ukUA = exports.ruRU = exports.enUS = exports.zhCN = void 0;
|
|
3
|
+
exports.dateJaJP = exports.dateUkUA = exports.dateRuRU = exports.dateEnUS = exports.dateZhCN = exports.jaJP = exports.ukUA = exports.ruRU = exports.enUS = exports.zhCN = void 0;
|
|
4
4
|
var zhCN_1 = require("./common/zhCN");
|
|
5
5
|
Object.defineProperty(exports, "zhCN", { enumerable: true, get: function () { return zhCN_1.default; } });
|
|
6
6
|
var enUS_1 = require("./common/enUS");
|
|
@@ -9,6 +9,8 @@ var ruRU_1 = require("./common/ruRU");
|
|
|
9
9
|
Object.defineProperty(exports, "ruRU", { enumerable: true, get: function () { return ruRU_1.default; } });
|
|
10
10
|
var ukUA_1 = require("./common/ukUA");
|
|
11
11
|
Object.defineProperty(exports, "ukUA", { enumerable: true, get: function () { return ukUA_1.default; } });
|
|
12
|
+
var jaJP_1 = require("./common/jaJP");
|
|
13
|
+
Object.defineProperty(exports, "jaJP", { enumerable: true, get: function () { return jaJP_1.default; } });
|
|
12
14
|
var zhCN_2 = require("./date/zhCN");
|
|
13
15
|
Object.defineProperty(exports, "dateZhCN", { enumerable: true, get: function () { return zhCN_2.default; } });
|
|
14
16
|
var enUS_2 = require("./date/enUS");
|
|
@@ -17,3 +19,5 @@ var ruRU_2 = require("./date/ruRU");
|
|
|
17
19
|
Object.defineProperty(exports, "dateRuRU", { enumerable: true, get: function () { return ruRU_2.default; } });
|
|
18
20
|
var ukUA_2 = require("./date/ukUA");
|
|
19
21
|
Object.defineProperty(exports, "dateUkUA", { enumerable: true, get: function () { return ukUA_2.default; } });
|
|
22
|
+
var jaJP_2 = require("./date/jaJP");
|
|
23
|
+
Object.defineProperty(exports, "dateJaJP", { enumerable: true, get: function () { return jaJP_2.default; } });
|