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.
Files changed (208) hide show
  1. package/es/_internal/icons/Add.js +2 -3
  2. package/es/_internal/selection/src/Selection.d.ts +4 -1
  3. package/es/_internal/selection/src/Selection.js +3 -3
  4. package/es/anchor/src/AnchorAdapter.d.ts +5 -0
  5. package/es/anchor/src/BaseAnchor.d.ts +6 -1
  6. package/es/anchor/src/BaseAnchor.js +8 -3
  7. package/es/auto-complete/src/AutoComplete.d.ts +4 -0
  8. package/es/auto-complete/src/AutoComplete.js +9 -2
  9. package/es/calendar/src/Calendar.d.ts +1 -0
  10. package/es/cascader/src/Cascader.js +1 -1
  11. package/es/cascader/src/CascaderSelectMenu.d.ts +16 -7
  12. package/es/cascader/src/CascaderSelectMenu.js +23 -10
  13. package/es/cascader/src/utils.d.ts +2 -1
  14. package/es/cascader/src/utils.js +5 -2
  15. package/es/collapse/src/Collapse.d.ts +0 -1
  16. package/es/collapse/src/Collapse.js +2 -5
  17. package/es/collapse/src/CollapseItem.js +0 -2
  18. package/es/color-picker/src/ColorPicker.d.ts +4 -0
  19. package/es/color-picker/src/ColorPicker.js +5 -2
  20. package/es/color-picker/src/ColorPickerSwatches.d.ts +39 -0
  21. package/es/color-picker/src/ColorPickerSwatches.js +142 -0
  22. package/es/color-picker/src/styles/index.cssr.js +20 -0
  23. package/es/config-provider/src/ConfigProvider.d.ts +8 -1
  24. package/es/config-provider/src/ConfigProvider.js +8 -2
  25. package/es/config-provider/src/config.d.ts +8 -0
  26. package/es/config-provider/src/config.js +8 -0
  27. package/es/config-provider/src/internal-interface.d.ts +4 -0
  28. package/es/data-table/src/TableParts/Body.d.ts +8 -2
  29. package/es/data-table/src/TableParts/Body.js +4 -4
  30. package/es/data-table/src/TableParts/Header.d.ts +8 -2
  31. package/es/data-table/src/TableParts/Header.js +7 -4
  32. package/es/data-table/src/interface.d.ts +8 -2
  33. package/es/data-table/src/use-group-header.js +12 -8
  34. package/es/data-table/src/use-scroll.d.ts +11 -5
  35. package/es/data-table/src/use-scroll.js +37 -10
  36. package/es/date-picker/src/DatePicker.js +3 -0
  37. package/es/date-picker/src/panel/date.d.ts +1 -0
  38. package/es/date-picker/src/panel/daterange.d.ts +1 -0
  39. package/es/date-picker/src/panel/datetime.d.ts +1 -0
  40. package/es/date-picker/src/panel/datetimerange.d.ts +1 -0
  41. package/es/date-picker/src/panel/month.d.ts +1 -0
  42. package/es/date-picker/src/panel/use-calendar.d.ts +1 -0
  43. package/es/date-picker/src/panel/use-dual-calendar.d.ts +1 -0
  44. package/es/date-picker/src/panel/use-panel-common.d.ts +1 -0
  45. package/es/dialog/src/styles/index.cssr.js +1 -0
  46. package/es/ellipsis/src/Ellipsis.js +3 -1
  47. package/es/grid/src/Grid.d.ts +1 -1
  48. package/es/grid/src/Grid.js +4 -3
  49. package/es/input/src/Input.d.ts +1 -1
  50. package/es/input/src/Input.js +3 -8
  51. package/es/input/src/WordCount.js +22 -7
  52. package/es/input/src/interface.d.ts +1 -1
  53. package/es/input-number/index.d.ts +1 -0
  54. package/es/input-number/src/InputNumber.d.ts +2 -0
  55. package/es/input-number/src/InputNumber.js +10 -22
  56. package/es/input-number/src/interface.d.ts +4 -0
  57. package/es/locales/common/enUS.d.ts +1 -0
  58. package/es/locales/common/enUS.js +1 -0
  59. package/es/locales/common/jaJP.d.ts +3 -0
  60. package/es/locales/common/jaJP.js +93 -0
  61. package/es/locales/common/ruRU.js +1 -0
  62. package/es/locales/common/ukUA.js +1 -0
  63. package/es/locales/common/zhCN.js +1 -0
  64. package/es/locales/date/jaJP.d.ts +3 -0
  65. package/es/locales/date/jaJP.js +6 -0
  66. package/es/locales/index.d.ts +2 -0
  67. package/es/locales/index.js +2 -0
  68. package/es/menu/src/Menu.d.ts +8 -1
  69. package/es/menu/src/Menu.js +4 -2
  70. package/es/menu/src/MenuOption.d.ts +2 -0
  71. package/es/menu/src/MenuOptionContent.d.ts +2 -0
  72. package/es/menu/src/Submenu.d.ts +2 -0
  73. package/es/menu/src/Submenu.js +3 -2
  74. package/es/rate/src/Rate.d.ts +2 -2
  75. package/es/scrollbar/src/ScrollBar.d.ts +14 -4
  76. package/es/scrollbar/src/ScrollBar.js +13 -3
  77. package/es/select/src/Select.d.ts +5 -1
  78. package/es/select/src/Select.js +2 -2
  79. package/es/table/src/Table.d.ts +2 -8
  80. package/es/table/src/Table.js +1 -4
  81. package/es/tabs/src/Tab.js +18 -2
  82. package/es/tabs/src/Tabs.d.ts +5 -1
  83. package/es/tabs/src/Tabs.js +4 -1
  84. package/es/tabs/src/interface.d.ts +6 -0
  85. package/es/time-picker/src/Panel.d.ts +30 -8
  86. package/es/time-picker/src/Panel.js +101 -33
  87. package/es/time-picker/src/PanelCol.d.ts +6 -9
  88. package/es/time-picker/src/PanelCol.js +7 -9
  89. package/es/time-picker/src/TimePicker.d.ts +21 -16
  90. package/es/time-picker/src/TimePicker.js +63 -36
  91. package/es/time-picker/src/interface.d.ts +7 -0
  92. package/es/time-picker/src/utils.d.ts +4 -1
  93. package/es/time-picker/src/utils.js +67 -4
  94. package/es/tree/src/Tree.d.ts +2 -2
  95. package/es/upload/src/Upload.d.ts +15 -11
  96. package/es/upload/src/Upload.js +16 -7
  97. package/es/upload/src/UploadFile.js +1 -1
  98. package/es/upload/src/UploadFileList.js +1 -3
  99. package/es/upload/src/UploadTrigger.js +13 -5
  100. package/es/upload/src/interface.d.ts +1 -1
  101. package/es/upload/src/styles/index.cssr.js +3 -1
  102. package/es/version.d.ts +1 -1
  103. package/es/version.js +1 -1
  104. package/lib/_internal/icons/Add.js +2 -3
  105. package/lib/_internal/selection/src/Selection.d.ts +4 -1
  106. package/lib/_internal/selection/src/Selection.js +3 -3
  107. package/lib/anchor/src/AnchorAdapter.d.ts +5 -0
  108. package/lib/anchor/src/BaseAnchor.d.ts +6 -1
  109. package/lib/anchor/src/BaseAnchor.js +7 -2
  110. package/lib/auto-complete/src/AutoComplete.d.ts +4 -0
  111. package/lib/auto-complete/src/AutoComplete.js +9 -2
  112. package/lib/calendar/src/Calendar.d.ts +1 -0
  113. package/lib/cascader/src/Cascader.js +1 -1
  114. package/lib/cascader/src/CascaderSelectMenu.d.ts +16 -7
  115. package/lib/cascader/src/CascaderSelectMenu.js +23 -10
  116. package/lib/cascader/src/utils.d.ts +2 -1
  117. package/lib/cascader/src/utils.js +5 -2
  118. package/lib/collapse/src/Collapse.d.ts +0 -1
  119. package/lib/collapse/src/Collapse.js +2 -5
  120. package/lib/collapse/src/CollapseItem.js +0 -2
  121. package/lib/color-picker/src/ColorPicker.d.ts +4 -0
  122. package/lib/color-picker/src/ColorPicker.js +5 -2
  123. package/lib/color-picker/src/ColorPickerSwatches.d.ts +39 -0
  124. package/lib/color-picker/src/ColorPickerSwatches.js +144 -0
  125. package/lib/color-picker/src/styles/index.cssr.js +20 -0
  126. package/lib/config-provider/src/ConfigProvider.d.ts +8 -1
  127. package/lib/config-provider/src/ConfigProvider.js +8 -2
  128. package/lib/config-provider/src/config.d.ts +8 -0
  129. package/lib/config-provider/src/config.js +11 -0
  130. package/lib/config-provider/src/internal-interface.d.ts +4 -0
  131. package/lib/data-table/src/TableParts/Body.d.ts +8 -2
  132. package/lib/data-table/src/TableParts/Body.js +4 -4
  133. package/lib/data-table/src/TableParts/Header.d.ts +8 -2
  134. package/lib/data-table/src/TableParts/Header.js +7 -4
  135. package/lib/data-table/src/interface.d.ts +8 -2
  136. package/lib/data-table/src/use-group-header.js +12 -8
  137. package/lib/data-table/src/use-scroll.d.ts +11 -5
  138. package/lib/data-table/src/use-scroll.js +37 -10
  139. package/lib/date-picker/src/DatePicker.js +3 -0
  140. package/lib/date-picker/src/panel/date.d.ts +1 -0
  141. package/lib/date-picker/src/panel/daterange.d.ts +1 -0
  142. package/lib/date-picker/src/panel/datetime.d.ts +1 -0
  143. package/lib/date-picker/src/panel/datetimerange.d.ts +1 -0
  144. package/lib/date-picker/src/panel/month.d.ts +1 -0
  145. package/lib/date-picker/src/panel/use-calendar.d.ts +1 -0
  146. package/lib/date-picker/src/panel/use-dual-calendar.d.ts +1 -0
  147. package/lib/date-picker/src/panel/use-panel-common.d.ts +1 -0
  148. package/lib/dialog/src/styles/index.cssr.js +1 -0
  149. package/lib/ellipsis/src/Ellipsis.js +3 -1
  150. package/lib/grid/src/Grid.d.ts +1 -1
  151. package/lib/grid/src/Grid.js +4 -3
  152. package/lib/input/src/Input.d.ts +1 -1
  153. package/lib/input/src/Input.js +2 -7
  154. package/lib/input/src/WordCount.js +21 -6
  155. package/lib/input/src/interface.d.ts +1 -1
  156. package/lib/input-number/index.d.ts +1 -0
  157. package/lib/input-number/src/InputNumber.d.ts +2 -0
  158. package/lib/input-number/src/InputNumber.js +10 -22
  159. package/lib/input-number/src/interface.d.ts +4 -0
  160. package/lib/locales/common/enUS.d.ts +1 -0
  161. package/lib/locales/common/enUS.js +1 -0
  162. package/lib/locales/common/jaJP.d.ts +3 -0
  163. package/lib/locales/common/jaJP.js +95 -0
  164. package/lib/locales/common/ruRU.js +1 -0
  165. package/lib/locales/common/ukUA.js +1 -0
  166. package/lib/locales/common/zhCN.js +1 -0
  167. package/lib/locales/date/jaJP.d.ts +3 -0
  168. package/lib/locales/date/jaJP.js +8 -0
  169. package/lib/locales/index.d.ts +2 -0
  170. package/lib/locales/index.js +5 -1
  171. package/lib/menu/src/Menu.d.ts +8 -1
  172. package/lib/menu/src/Menu.js +4 -2
  173. package/lib/menu/src/MenuOption.d.ts +2 -0
  174. package/lib/menu/src/MenuOptionContent.d.ts +2 -0
  175. package/lib/menu/src/Submenu.d.ts +2 -0
  176. package/lib/menu/src/Submenu.js +3 -2
  177. package/lib/rate/src/Rate.d.ts +2 -2
  178. package/lib/scrollbar/src/ScrollBar.d.ts +14 -4
  179. package/lib/scrollbar/src/ScrollBar.js +12 -2
  180. package/lib/select/src/Select.d.ts +5 -1
  181. package/lib/select/src/Select.js +2 -2
  182. package/lib/table/src/Table.d.ts +2 -8
  183. package/lib/table/src/Table.js +1 -4
  184. package/lib/tabs/src/Tab.js +18 -2
  185. package/lib/tabs/src/Tabs.d.ts +5 -1
  186. package/lib/tabs/src/Tabs.js +4 -1
  187. package/lib/tabs/src/interface.d.ts +6 -0
  188. package/lib/time-picker/src/Panel.d.ts +30 -8
  189. package/lib/time-picker/src/Panel.js +100 -32
  190. package/lib/time-picker/src/PanelCol.d.ts +6 -9
  191. package/lib/time-picker/src/PanelCol.js +7 -9
  192. package/lib/time-picker/src/TimePicker.d.ts +21 -16
  193. package/lib/time-picker/src/TimePicker.js +61 -34
  194. package/lib/time-picker/src/interface.d.ts +7 -0
  195. package/lib/time-picker/src/utils.d.ts +4 -1
  196. package/lib/time-picker/src/utils.js +69 -5
  197. package/lib/tree/src/Tree.d.ts +2 -2
  198. package/lib/upload/src/Upload.d.ts +15 -11
  199. package/lib/upload/src/Upload.js +16 -7
  200. package/lib/upload/src/UploadFile.js +1 -1
  201. package/lib/upload/src/UploadFileList.js +1 -3
  202. package/lib/upload/src/UploadTrigger.js +13 -5
  203. package/lib/upload/src/interface.d.ts +1 -1
  204. package/lib/upload/src/styles/index.cssr.js +3 -1
  205. package/lib/version.d.ts +1 -1
  206. package/lib/version.js +1 -1
  207. package/package.json +7 -4
  208. 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
- for (const column of leftFixedColumnsRef.value) {
26
- columns[(0, utils_1.getColKey)(column)] = left;
27
- left += (0, utils_1.getColWidth)(column) || 0;
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
- for (const column of rightFixedColumnsRef.value.reverse()) {
35
- columns[(0, utils_1.getColKey)(column)] = right;
36
- right += column.width || 0;
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 += (0, utils_1.getColWidth)(leftFixedColumns[i]) || 0;
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 + (fixedColumnRightMap[key] || 0) + tableWidth - rightWidth) < scrollWidth) {
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 += (0, utils_1.getColWidth)(rightFixedColumns[i]) || 0;
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;
@@ -63,6 +63,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('dialog', `
63
63
  top: 0;
64
64
  margin: var(--close-margin);
65
65
  transition: .3s color var(--bezier);
66
+ z-index: 1;
66
67
  `), (0, cssr_1.cE)('content', `
67
68
  font-size: var(--font-size);
68
69
  margin: var(--content-margin);
@@ -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 }), slots));
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;
@@ -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 | ("m" | "s" | "l" | "xs" | "xl" | "2xl")[] | undefined>;
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>;
@@ -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;
@@ -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;
@@ -571,12 +571,7 @@ exports.default = (0, vue_1.defineComponent)({
571
571
  }
572
572
  });
573
573
  (0, vue_1.provide)(interface_1.inputInjectionKey, {
574
- wordCountRef: (0, vue_1.computed)(() => {
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 { wordCountRef, maxlengthRef, mergedClsPrefixRef } = (0, vue_1.inject)(interface_1.inputInjectionKey);
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
- return ((0, vue_1.h)("span", { class: `${mergedClsPrefixRef.value}-input-word-count` }, maxlength === undefined
13
- ? wordCountRef.value
14
- : `${wordCountRef.value} / ${maxlength}`));
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
- wordCountRef: Ref<number>;
17
+ mergedValueRef: Ref<string | [string, string] | null>;
18
18
  maxlengthRef: Ref<number | undefined>;
19
19
  mergedClsPrefixRef: Ref<string>;
20
20
  }>;
@@ -1,2 +1,3 @@
1
1
  export { default as NInputNumber } from './src/InputNumber';
2
2
  export type { InputNumberProps } from './src/InputNumber';
3
+ export type { InputNumberInst } from './src/interface';
@@ -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
- return {
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;
@@ -1 +1,5 @@
1
1
  export declare type OnUpdateValue = (value: number | null) => void;
2
+ export interface InputNumberInst {
3
+ focus: () => void;
4
+ blur: () => void;
5
+ }
@@ -29,6 +29,7 @@ declare const enUS: {
29
29
  selectDate: string;
30
30
  datePlaceholder: string;
31
31
  datetimePlaceholder: string;
32
+ monthPlaceholder: string;
32
33
  startDatePlaceholder: string;
33
34
  endDatePlaceholder: string;
34
35
  startDatetimePlaceholder: string;
@@ -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,3 @@
1
+ import type { NLocale } from './enUS';
2
+ declare const jaJP: NLocale;
3
+ export default jaJP;
@@ -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: 'Дата і час початку',
@@ -31,6 +31,7 @@ const zhCN = {
31
31
  selectDate: '选择日期',
32
32
  datePlaceholder: '选择日期',
33
33
  datetimePlaceholder: '选择日期时间',
34
+ monthPlaceholder: '选择月份',
34
35
  startDatePlaceholder: '开始日期',
35
36
  endDatePlaceholder: '结束日期',
36
37
  startDatetimePlaceholder: '开始日期时间',
@@ -0,0 +1,3 @@
1
+ import { NDateLocale } from './enUS';
2
+ declare const dateJaJP: NDateLocale;
3
+ export default dateJaJP;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const ja_1 = require("date-fns/locale/ja");
4
+ const dateJaJP = {
5
+ name: 'ja-JP',
6
+ locale: ja_1.default
7
+ };
8
+ exports.default = dateJaJP;
@@ -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';
@@ -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; } });