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
@@ -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;
@@ -56,6 +56,7 @@ export default c([cB('dialog', `
56
56
  top: 0;
57
57
  margin: var(--close-margin);
58
58
  transition: .3s color var(--bezier);
59
+ z-index: 1;
59
60
  `), cE('content', `
60
61
  font-size: var(--font-size);
61
62
  margin: var(--content-margin);
@@ -83,7 +83,9 @@ export default defineComponent({
83
83
  : undefined
84
84
  ],
85
85
  style: ellipsisStyleRef.value
86
- }), { ref: "triggerRef", onClick: handleClickRef.value }), slots));
86
+ }), { ref: "triggerRef", onClick: handleClickRef.value, onMouseenter:
87
+ // get tooltip disabled will derive cursor style
88
+ props.expandTrigger === 'click' ? getTooltipDisabled : undefined }), slots));
87
89
  function syncEllipsisStyle(trigger) {
88
90
  if (!trigger)
89
91
  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>;
@@ -2,9 +2,10 @@ import { h, defineComponent, computed, provide, toRef, mergeProps, ref, cloneVNo
2
2
  import { useBreakpoints, useMemo } from 'vooks';
3
3
  import { VResizeObserver } from 'vueuc';
4
4
  import { pxfy, parseResponsivePropValue, beforeNextFrameOnce } from 'seemly';
5
+ import { defaultBreakpoints } from '../../config-provider/src/config';
6
+ import { useConfig } from '../../_mixins';
5
7
  import { getSlot, flatten } from '../../_utils';
6
8
  import { defaultSpan } from './GridItem';
7
- import { useConfig } from '../../_mixins';
8
9
  const defaultCols = 24;
9
10
  const gridProps = {
10
11
  responsive: {
@@ -38,10 +39,10 @@ export default defineComponent({
38
39
  inheritAttrs: false,
39
40
  props: gridProps,
40
41
  setup(props) {
41
- const { mergedClsPrefixRef } = useConfig(props);
42
+ const { mergedClsPrefixRef, NConfigProvider } = useConfig(props);
42
43
  const numRegex = /^\d+$/;
43
44
  const widthRef = ref(undefined);
44
- const breakpointsRef = useBreakpoints();
45
+ const breakpointsRef = useBreakpoints((NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedBreakpointsRef.value) || defaultBreakpoints);
45
46
  const isResponsiveRef = useMemo(() => {
46
47
  if (props.itemResponsive)
47
48
  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;
@@ -8,7 +8,7 @@ import { useTheme, useLocale, useFormItem, useConfig } from '../../_mixins';
8
8
  import { call, createKey, warnOnce } from '../../_utils';
9
9
  import { inputLight } from '../styles';
10
10
  import { inputInjectionKey } from './interface';
11
- import { len, isEmptyValue } from './utils';
11
+ import { isEmptyValue } from './utils';
12
12
  import WordCount from './WordCount';
13
13
  import style from './styles/input.cssr';
14
14
  import { off, on } from 'evtd';
@@ -569,12 +569,7 @@ export default defineComponent({
569
569
  }
570
570
  });
571
571
  provide(inputInjectionKey, {
572
- wordCountRef: computed(() => {
573
- const { value: mergedValue } = mergedValueRef;
574
- if (mergedValue === null || Array.isArray(mergedValue))
575
- return 0;
576
- return len(mergedValue);
577
- }),
572
+ mergedValueRef,
578
573
  maxlengthRef,
579
574
  mergedClsPrefixRef
580
575
  });
@@ -740,6 +735,6 @@ export default defineComponent({
740
735
  ]))) : null,
741
736
  this.mergedBordered ? (h("div", { class: `${mergedClsPrefix}-input__border` })) : null,
742
737
  this.mergedBordered ? (h("div", { class: `${mergedClsPrefix}-input__state-border` })) : null,
743
- this.showCount && this.type === 'textarea' ? h(WordCount, null) : null));
738
+ this.showCount && this.type === 'textarea' ? (h(WordCount, null, { default: this.$slots.count })) : null));
744
739
  }
745
740
  });
@@ -1,15 +1,30 @@
1
- /* eslint-disable @typescript-eslint/no-non-null-assertion */
2
- import { defineComponent, inject, h } from 'vue';
1
+ import { defineComponent, inject, h, computed } from 'vue';
3
2
  import { inputInjectionKey } from './interface';
3
+ import { len } from './utils';
4
4
  export default defineComponent({
5
5
  name: 'InputWordCount',
6
- setup() {
7
- const { wordCountRef, maxlengthRef, mergedClsPrefixRef } = inject(inputInjectionKey);
6
+ setup(_, { slots }) {
7
+ const { mergedValueRef, maxlengthRef, mergedClsPrefixRef } =
8
+ // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
9
+ inject(inputInjectionKey);
10
+ const wordCountRef = computed(() => {
11
+ const { value: mergedValue } = mergedValueRef;
12
+ if (mergedValue === null || Array.isArray(mergedValue))
13
+ return 0;
14
+ return len(mergedValue);
15
+ });
8
16
  return () => {
9
17
  const { value: maxlength } = maxlengthRef;
10
- return (h("span", { class: `${mergedClsPrefixRef.value}-input-word-count` }, maxlength === undefined
11
- ? wordCountRef.value
12
- : `${wordCountRef.value} / ${maxlength}`));
18
+ const { value: mergedValue } = mergedValueRef;
19
+ return (h("span", { class: `${mergedClsPrefixRef.value}-input-word-count` }, slots.default
20
+ ? slots.default({
21
+ value: mergedValue === null || Array.isArray(mergedValue)
22
+ ? ''
23
+ : mergedValue
24
+ })
25
+ : maxlength === undefined
26
+ ? wordCountRef.value
27
+ : `${wordCountRef.value} / ${maxlength}`));
13
28
  };
14
29
  }
15
30
  });
@@ -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;
@@ -313,45 +313,33 @@ export default defineComponent({
313
313
  watch(mergedValueRef, () => {
314
314
  deriveDisplayedValueFromValue();
315
315
  });
316
- return {
317
- inputInstRef,
316
+ const exposedMethods = {
317
+ focus: () => { var _a; return (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.focus(); },
318
+ blur: () => { var _a; return (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }
319
+ };
320
+ return Object.assign(Object.assign({}, exposedMethods), { inputInstRef,
318
321
  minusButtonInstRef,
319
- addButtonInstRef,
320
- mergedClsPrefix: mergedClsPrefixRef,
321
- mergedBordered: mergedBorderedRef,
322
- uncontrolledValue: uncontrolledValueRef,
323
- mergedValue: mergedValueRef,
324
- mergedPlaceholder: mergedPlaceholderRef,
325
- displayedValueInvalid: displayedValueInvalidRef,
326
- mergedSize: mergedSizeRef,
327
- mergedDisabled: mergedDisabledRef,
328
- displayedValue: displayedValueRef,
329
- addable: addableRef,
330
- minusable: minusableRef,
331
- handleFocus,
322
+ addButtonInstRef, mergedClsPrefix: mergedClsPrefixRef, mergedBordered: mergedBorderedRef, uncontrolledValue: uncontrolledValueRef, mergedValue: mergedValueRef, mergedPlaceholder: mergedPlaceholderRef, displayedValueInvalid: displayedValueInvalidRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, displayedValue: displayedValueRef, addable: addableRef, minusable: minusableRef, handleFocus,
332
323
  handleBlur,
333
324
  handleClear,
334
325
  handleMouseDown,
335
326
  handleAddClick,
336
327
  handleMinusClick,
337
328
  handleKeyDown,
338
- handleUpdateDisplayedValue,
329
+ handleUpdateDisplayedValue,
339
330
  // theme
340
- mergedTheme: themeRef,
341
- inputThemeOverrides: {
331
+ mergedTheme: themeRef, inputThemeOverrides: {
342
332
  paddingSmall: '0 8px 0 10px',
343
333
  paddingMedium: '0 8px 0 12px',
344
334
  paddingLarge: '0 8px 0 14px'
345
- },
346
- buttonThemeOverrides: computed(() => {
335
+ }, buttonThemeOverrides: computed(() => {
347
336
  const { self: { iconColorDisabled } } = themeRef.value;
348
337
  const [r, g, b, a] = rgba(iconColorDisabled);
349
338
  return {
350
339
  textColorTextDisabled: `rgb(${r}, ${g}, ${b})`,
351
340
  opacityDisabled: `${a}`
352
341
  };
353
- })
354
- };
342
+ }) });
355
343
  },
356
344
  render() {
357
345
  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;
@@ -29,6 +29,7 @@ const enUS = {
29
29
  selectDate: 'Select Date',
30
30
  datePlaceholder: 'Select Date',
31
31
  datetimePlaceholder: 'Select Date and Time',
32
+ monthPlaceholder: 'Select Month',
32
33
  startDatePlaceholder: 'Start Date',
33
34
  endDatePlaceholder: 'End Date',
34
35
  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,93 @@
1
+ const jaJP = {
2
+ name: 'ja-JP',
3
+ global: {
4
+ undo: 'undo',
5
+ redo: 'redo',
6
+ confirm: 'OK'
7
+ },
8
+ Popconfirm: {
9
+ positiveText: 'OK',
10
+ negativeText: 'キャンセル'
11
+ },
12
+ Cascader: {
13
+ placeholder: '選択してください',
14
+ loading: 'ロード中',
15
+ loadingRequiredMessage: (label) => `すべての ${label} サブノードをロードしてから選択できます。`
16
+ },
17
+ Time: {
18
+ dateFormat: 'yyyy-MM-dd',
19
+ dateTimeFormat: 'yyyy-MM-dd HH:mm:ss'
20
+ },
21
+ DatePicker: {
22
+ yearFormat: 'yyyy年',
23
+ monthFormat: 'MMM',
24
+ dayFormat: 'eeeeee',
25
+ clear: 'クリア',
26
+ now: '現在',
27
+ confirm: 'OK',
28
+ selectTime: '時間を選択',
29
+ selectDate: '日付を選択',
30
+ datePlaceholder: '日付を選択',
31
+ datetimePlaceholder: '選択',
32
+ monthPlaceholder: '月を選択',
33
+ startDatePlaceholder: '開始日',
34
+ endDatePlaceholder: '終了日',
35
+ startDatetimePlaceholder: '開始時間',
36
+ endDatetimePlaceholder: '終了時間',
37
+ monthBeforeYear: false,
38
+ firstDayOfWeek: 0,
39
+ today: '今日'
40
+ },
41
+ DataTable: {
42
+ checkTableAll: '全選択',
43
+ uncheckTableAll: '全選択取消',
44
+ confirm: 'OK',
45
+ clear: 'リセット'
46
+ },
47
+ Transfer: {
48
+ sourceTitle: '元',
49
+ targetTitle: '先'
50
+ },
51
+ Empty: {
52
+ description: 'データなし'
53
+ },
54
+ Select: {
55
+ placeholder: '選択してください'
56
+ },
57
+ TimePicker: {
58
+ placeholder: '選択してください',
59
+ positiveText: 'OK',
60
+ negativeText: 'キャンセル',
61
+ now: '現在'
62
+ },
63
+ Pagination: {
64
+ goto: '',
65
+ selectionSuffix: 'ページ'
66
+ },
67
+ DynamicTags: {
68
+ add: '追加'
69
+ },
70
+ Log: {
71
+ loading: 'ロード中'
72
+ },
73
+ Input: {
74
+ placeholder: '入力してください'
75
+ },
76
+ InputNumber: {
77
+ placeholder: '入力してください'
78
+ },
79
+ DynamicInput: {
80
+ create: '追加'
81
+ },
82
+ ThemeEditor: {
83
+ title: 'テーマエディタ',
84
+ clearAllVars: '全件変数クリア',
85
+ clearSearch: '検索クリア',
86
+ filterCompName: 'コンポネント名をフィルタ',
87
+ filterVarName: '変数をフィルタ',
88
+ import: 'インポート',
89
+ export: 'エクスポート',
90
+ restore: 'デフォルト'
91
+ }
92
+ };
93
+ export default jaJP;
@@ -29,6 +29,7 @@ const ruRu = {
29
29
  selectDate: 'Выбрать дату',
30
30
  datePlaceholder: 'Выбрать дату',
31
31
  datetimePlaceholder: 'Выбрать дату и время',
32
+ monthPlaceholder: 'Выберите месяц',
32
33
  startDatePlaceholder: 'Дата начала',
33
34
  endDatePlaceholder: 'Дата окончания',
34
35
  startDatetimePlaceholder: 'Дата и время начала',
@@ -29,6 +29,7 @@ const ukUA = {
29
29
  selectDate: 'Обрати дату',
30
30
  datePlaceholder: 'Обрати дату',
31
31
  datetimePlaceholder: 'Обрати дату і час',
32
+ monthPlaceholder: 'Виберіть місяць',
32
33
  startDatePlaceholder: 'Дата початку',
33
34
  endDatePlaceholder: 'Дата завершення',
34
35
  startDatetimePlaceholder: 'Дата і час початку',
@@ -29,6 +29,7 @@ const zhCN = {
29
29
  selectDate: '选择日期',
30
30
  datePlaceholder: '选择日期',
31
31
  datetimePlaceholder: '选择日期时间',
32
+ monthPlaceholder: '选择月份',
32
33
  startDatePlaceholder: '开始日期',
33
34
  endDatePlaceholder: '结束日期',
34
35
  startDatetimePlaceholder: '开始日期时间',
@@ -0,0 +1,3 @@
1
+ import { NDateLocale } from './enUS';
2
+ declare const dateJaJP: NDateLocale;
3
+ export default dateJaJP;
@@ -0,0 +1,6 @@
1
+ import ja from 'date-fns/locale/ja';
2
+ const dateJaJP = {
3
+ name: 'ja-JP',
4
+ locale: ja
5
+ };
6
+ export 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';
@@ -2,7 +2,9 @@ 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';
@@ -4,6 +4,7 @@ import type { MaybeArray } from '../../_utils';
4
4
  import { MenuInjection } from './use-menu-child';
5
5
  import { MenuOption, MenuGroupOption, OnUpdateValue, OnUpdateKeys } from './interface';
6
6
  import { FollowerPlacement } from 'vueuc';
7
+ import { DropdownProps } from '../../dropdown';
7
8
  declare const menuProps: {
8
9
  readonly options: {
9
10
  readonly type: PropType<(MenuOption | MenuGroupOption)[]>;
@@ -64,10 +65,12 @@ declare const menuProps: {
64
65
  readonly renderIcon: PropType<(option: MenuOption) => VNodeChild>;
65
66
  readonly renderLabel: PropType<(option: MenuOption | MenuGroupOption) => VNodeChild>;
66
67
  readonly renderExtra: PropType<(option: MenuOption | MenuGroupOption) => VNodeChild>;
68
+ /** TODO: deprecate it */
67
69
  readonly dropdownPlacement: {
68
70
  readonly type: PropType<FollowerPlacement>;
69
71
  readonly default: "bottom";
70
72
  };
73
+ readonly dropdownProps: PropType<DropdownProps>;
71
74
  readonly accordion: BooleanConstructor;
72
75
  readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
73
76
  readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
@@ -328,10 +331,12 @@ declare const _default: import("vue").DefineComponent<{
328
331
  readonly renderIcon: PropType<(option: MenuOption) => VNodeChild>;
329
332
  readonly renderLabel: PropType<(option: MenuOption | MenuGroupOption) => VNodeChild>;
330
333
  readonly renderExtra: PropType<(option: MenuOption | MenuGroupOption) => VNodeChild>;
334
+ /** TODO: deprecate it */
331
335
  readonly dropdownPlacement: {
332
336
  readonly type: PropType<FollowerPlacement>;
333
337
  readonly default: "bottom";
334
338
  };
339
+ readonly dropdownProps: PropType<DropdownProps>;
335
340
  readonly accordion: BooleanConstructor;
336
341
  readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
337
342
  readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
@@ -555,7 +560,7 @@ declare const _default: import("vue").DefineComponent<{
555
560
  warningColor: string;
556
561
  warningColorHover: string;
557
562
  warningColorPressed: string;
558
- warningColorSuppl: string;
563
+ warningColorSuppl: string; /** TODO: deprecate it */
559
564
  errorColor: string;
560
565
  errorColorHover: string;
561
566
  errorColorPressed: string;
@@ -752,6 +757,7 @@ declare const _default: import("vue").DefineComponent<{
752
757
  readonly renderLabel?: unknown;
753
758
  readonly renderExtra?: unknown;
754
759
  readonly dropdownPlacement?: unknown;
760
+ readonly dropdownProps?: unknown;
755
761
  readonly accordion?: unknown;
756
762
  readonly items?: unknown;
757
763
  readonly onOpenNamesChange?: unknown;
@@ -986,6 +992,7 @@ declare const _default: import("vue").DefineComponent<{
986
992
  "onUpdate:expandedKeys"?: MaybeArray<OnUpdateKeys> | undefined;
987
993
  onUpdateExpandedKeys?: MaybeArray<OnUpdateKeys> | undefined;
988
994
  renderExtra?: ((option: MenuOption | MenuGroupOption) => VNodeChild) | undefined;
995
+ dropdownProps?: DropdownProps | undefined;
989
996
  onOpenNamesChange?: MaybeArray<OnUpdateKeys> | undefined;
990
997
  }>, {
991
998
  mode: "horizontal" | "vertical";
@@ -41,10 +41,12 @@ const menuProps = Object.assign(Object.assign({}, useTheme.props), { options: {
41
41
  }, mode: {
42
42
  type: String,
43
43
  default: 'vertical'
44
- }, disabled: Boolean, inverted: Boolean, 'onUpdate:expandedKeys': [Function, Array], onUpdateExpandedKeys: [Function, Array], onUpdateValue: [Function, Array], 'onUpdate:value': [Function, Array], expandIcon: Function, renderIcon: Function, renderLabel: Function, renderExtra: Function, dropdownPlacement: {
44
+ }, disabled: Boolean, inverted: Boolean, 'onUpdate:expandedKeys': [Function, Array], onUpdateExpandedKeys: [Function, Array], onUpdateValue: [Function, Array], 'onUpdate:value': [Function, Array], expandIcon: Function, renderIcon: Function, renderLabel: Function, renderExtra: Function,
45
+ /** TODO: deprecate it */
46
+ dropdownPlacement: {
45
47
  type: String,
46
48
  default: 'bottom'
47
- }, accordion: Boolean,
49
+ }, dropdownProps: Object, accordion: Boolean,
48
50
  // deprecated
49
51
  items: Array, onOpenNamesChange: [Function, Array], onSelect: [Function, Array], onExpandedNamesChange: [Function, Array], expandedNames: Array, defaultExpandedNames: Array });
50
52
  export const menuInjectionKey = Symbol('menu');
@@ -261,6 +261,7 @@ declare const _default: import("vue").DefineComponent<{
261
261
  readonly renderLabel?: unknown;
262
262
  readonly renderExtra?: unknown;
263
263
  readonly dropdownPlacement?: unknown;
264
+ readonly dropdownProps?: unknown;
264
265
  readonly accordion?: unknown;
265
266
  readonly items?: unknown;
266
267
  readonly onOpenNamesChange?: unknown;
@@ -495,6 +496,7 @@ declare const _default: import("vue").DefineComponent<{
495
496
  "onUpdate:expandedKeys"?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
496
497
  onUpdateExpandedKeys?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
497
498
  renderExtra?: ((option: import("./interface").MenuOption | import("./interface").MenuGroupOption) => import("vue").VNodeChild) | undefined;
499
+ dropdownProps?: import("../..").DropdownProps | undefined;
498
500
  onOpenNamesChange?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
499
501
  };
500
502
  dropdownEnabled: import("vue").ComputedRef<boolean>;
@@ -60,6 +60,7 @@ declare const _default: import("vue").DefineComponent<{
60
60
  readonly renderLabel?: unknown;
61
61
  readonly renderExtra?: unknown;
62
62
  readonly dropdownPlacement?: unknown;
63
+ readonly dropdownProps?: unknown;
63
64
  readonly accordion?: unknown;
64
65
  readonly items?: unknown;
65
66
  readonly onOpenNamesChange?: unknown;
@@ -294,6 +295,7 @@ declare const _default: import("vue").DefineComponent<{
294
295
  "onUpdate:expandedKeys"?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
295
296
  onUpdateExpandedKeys?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
296
297
  renderExtra?: ((option: import("./interface").MenuOption | import("./interface").MenuGroupOption) => import("vue").VNodeChild) | undefined;
298
+ dropdownProps?: import("../..").DropdownProps | undefined;
297
299
  onOpenNamesChange?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
298
300
  };
299
301
  style: import("vue").ComputedRef<{
@@ -95,6 +95,7 @@ declare const _default: import("vue").DefineComponent<{
95
95
  readonly renderLabel?: unknown;
96
96
  readonly renderExtra?: unknown;
97
97
  readonly dropdownPlacement?: unknown;
98
+ readonly dropdownProps?: unknown;
98
99
  readonly accordion?: unknown;
99
100
  readonly items?: unknown;
100
101
  readonly onOpenNamesChange?: unknown;
@@ -329,6 +330,7 @@ declare const _default: import("vue").DefineComponent<{
329
330
  "onUpdate:expandedKeys"?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
330
331
  onUpdateExpandedKeys?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
331
332
  renderExtra?: ((option: MenuOption | MenuGroupOption) => VNodeChild) | undefined;
333
+ dropdownProps?: import("../../dropdown").DropdownProps | undefined;
332
334
  onOpenNamesChange?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
333
335
  };
334
336
  doSelect: import("./interface").OnUpdateValueImpl;
@@ -91,6 +91,7 @@ export default defineComponent({
91
91
  };
92
92
  },
93
93
  render() {
94
+ var _a;
94
95
  const { mergedClsPrefix, menuProps: { renderIcon, renderLabel } } = this;
95
96
  const createSubmenuItem = () => {
96
97
  const { isHorizontal, paddingLeft, collapsed, mergedDisabled, maxIconSize, activeIconSize, title, childActive, icon, handleClick, dropdownShow, iconMarginRight, tmNode } = this;
@@ -104,10 +105,10 @@ export default defineComponent({
104
105
  }
105
106
  }));
106
107
  };
107
- return this.root ? (h(NDropdown, { builtinThemeOverrides: {
108
+ return this.root ? (h(NDropdown, Object.assign({}, (_a = this.menuProps) === null || _a === void 0 ? void 0 : _a.dropdownProps, { builtinThemeOverrides: {
108
109
  fontSizeLarge: '14px',
109
110
  optionIconSizeLarge: '18px'
110
- }, value: this.mergedValue, size: "large", trigger: "hover", disabled: !this.dropdownEnabled, placement: this.dropdownPlacement, keyField: this.menuProps.keyField, labelField: this.menuProps.labelField, childrenField: this.menuProps.childrenField, onUpdateShow: this.handlePopoverShowChange, options: this.rawNodes, onSelect: this.doSelect, inverted: this.inverted, renderIcon: renderIcon, renderLabel: renderLabel }, {
111
+ }, value: this.mergedValue, size: "large", trigger: "hover", disabled: !this.dropdownEnabled, placement: this.dropdownPlacement, keyField: this.menuProps.keyField, labelField: this.menuProps.labelField, childrenField: this.menuProps.childrenField, onUpdateShow: this.handlePopoverShowChange, options: this.rawNodes, onSelect: this.doSelect, inverted: this.inverted, renderIcon: renderIcon, renderLabel: renderLabel }), {
111
112
  default: () => (h("div", { class: `${mergedClsPrefix}-submenu`, role: "menuitem", "aria-expanded": !this.collapsed },
112
113
  createSubmenuItem(),
113
114
  this.isHorizontal ? null : createSubmenuChildren()))
@@ -112,8 +112,8 @@ declare const _default: import("vue").DefineComponent<{
112
112
  readonly: boolean;
113
113
  size: number | "small" | "medium" | "large";
114
114
  defaultValue: number;
115
- allowHalf: boolean;
116
115
  count: number;
116
+ allowHalf: boolean;
117
117
  } & {
118
118
  value?: number | undefined;
119
119
  color?: string | undefined;
@@ -144,7 +144,7 @@ declare const _default: import("vue").DefineComponent<{
144
144
  readonly: boolean;
145
145
  size: number | "small" | "medium" | "large";
146
146
  defaultValue: number;
147
- allowHalf: boolean;
148
147
  count: number;
148
+ allowHalf: boolean;
149
149
  }>;
150
150
  export default _default;
@@ -1,6 +1,13 @@
1
1
  import { PropType } from 'vue';
2
2
  import type { ExtractPublicPropTypes } from '../../_utils';
3
- export declare type ScrollTo = (x: number, y: number) => void;
3
+ export interface ScrollTo {
4
+ (x: number, y: number): void;
5
+ (options: {
6
+ left?: number;
7
+ top?: number;
8
+ behavior?: ScrollBehavior;
9
+ }): void;
10
+ }
4
11
  export interface ScrollbarInst {
5
12
  scrollTo: ScrollTo;
6
13
  }
@@ -36,9 +43,12 @@ declare const Scrollbar: import("vue").DefineComponent<{
36
43
  color: string;
37
44
  colorHover: string;
38
45
  }, any>>>;
39
- }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
40
- [key: string]: any;
41
- }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
46
+ }, {
47
+ scrollbarInstRef: import("vue").Ref<{
48
+ scrollTo: ScrollTo;
49
+ } | null>;
50
+ scrollTo: ScrollTo;
51
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
42
52
  readonly xScrollable?: unknown;
43
53
  readonly onScroll?: unknown;
44
54
  readonly theme?: unknown;