@sdata/web-vue 1.12.0 → 1.14.0

package/es/date-picker/picker.vue_vue_type_script_lang.js

@@ -11,6 +11,7 @@ import { useI18n } from "../locale/index.js";
 import Trigger from "../trigger/index.js";
 import { dayjs, getDateValue, getNow, initializeDateLocale, isValueChange } from "../_utils/date.js";
 import input_default from "../_components/picker/input.js";
+import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
 import IconCalendar from "../icon/icon-calendar/index.js";
 import { getFormattedValue, isValidInputValue } from "../time-picker/utils/index.js";
 import useFormat from "./hooks/use-format.js";
@@ -329,10 +330,60 @@ var picker_vue_vue_type_script_lang_default = defineComponent({
 	* @slot icon-next-double
 	*/
 	setup(props, { emit, slots }) {
-		const { mode, modelValue, defaultValue, format, valueFormat, placeholder, popupVisible, defaultPopupVisible, disabled, showTime, timePickerProps, disabledDate, disabledTime, readonly, allowClear, locale, pickerValue, defaultPickerValue, dayStartOfWeek, previewShortcut, showConfirmBtn } = toRefs(props);
+		const { mode, modelValue, defaultValue, format, valueFormat, placeholder, popupVisible, defaultPopupVisible, disabled, showTime, timePickerProps, disabledDate, disabledTime, readonly, allowClear, locale, pickerValue, defaultPickerValue, dayStartOfWeek, shortcuts, shortcutsPosition, previewShortcut, showConfirmBtn, showNowBtn, abbreviation } = toRefs(props);
+		const { mergedValue: mergedDayStartOfWeek } = useConfigProviderProp(dayStartOfWeek, {
+			propNames: ["dayStartOfWeek", "day-start-of-week"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$da;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$da = configProviderCtx.datePicker) === null || _configProviderCtx$da === void 0 ? void 0 : _configProviderCtx$da.dayStartOfWeek;
+			}
+		});
+		const { mergedValue: mergedShortcuts } = useConfigProviderProp(shortcuts, {
+			propNames: ["shortcuts"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$da2;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$da2 = configProviderCtx.datePicker) === null || _configProviderCtx$da2 === void 0 ? void 0 : _configProviderCtx$da2.shortcuts;
+			}
+		});
+		const { mergedValue: mergedShortcutsPosition } = useConfigProviderProp(shortcutsPosition, {
+			propNames: ["shortcutsPosition", "shortcuts-position"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$da3;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$da3 = configProviderCtx.datePicker) === null || _configProviderCtx$da3 === void 0 ? void 0 : _configProviderCtx$da3.shortcutsPosition;
+			}
+		});
+		const { mergedValue: mergedPreviewShortcut } = useConfigProviderProp(previewShortcut, {
+			propNames: ["previewShortcut", "preview-shortcut"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$da4;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$da4 = configProviderCtx.datePicker) === null || _configProviderCtx$da4 === void 0 ? void 0 : _configProviderCtx$da4.previewShortcut;
+			}
+		});
+		const { mergedValue: mergedShowConfirmBtn } = useConfigProviderProp(showConfirmBtn, {
+			propNames: ["showConfirmBtn", "show-confirm-btn"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$da5;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$da5 = configProviderCtx.datePicker) === null || _configProviderCtx$da5 === void 0 ? void 0 : _configProviderCtx$da5.showConfirmBtn;
+			}
+		});
+		const { mergedValue: mergedShowNowBtn } = useConfigProviderProp(showNowBtn, {
+			propNames: ["showNowBtn", "show-now-btn"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$da6;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$da6 = configProviderCtx.datePicker) === null || _configProviderCtx$da6 === void 0 ? void 0 : _configProviderCtx$da6.showNowBtn;
+			}
+		});
+		const { mergedValue: mergedAbbreviation } = useConfigProviderProp(abbreviation, {
+			propNames: ["abbreviation"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$da7;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$da7 = configProviderCtx.datePicker) === null || _configProviderCtx$da7 === void 0 ? void 0 : _configProviderCtx$da7.abbreviation;
+			}
+		});
 		const { locale: globalLocal } = useI18n();
 		watchEffect(() => {
-			initializeDateLocale(globalLocal.value, dayStartOfWeek.value);
+			var _mergedDayStartOfWeek;
+			initializeDateLocale(globalLocal.value, (_mergedDayStartOfWeek = mergedDayStartOfWeek.value) !== null && _mergedDayStartOfWeek !== void 0 ? _mergedDayStartOfWeek : 0);
 		});
 		const { mergedDisabled, eventHandlers } = useFormItem({ disabled });
 		const { mergedAllowClear } = useAllowClear(allowClear);
@@ -363,7 +414,7 @@ var picker_vue_vue_type_script_lang_default = defineComponent({
 			disabledTime,
 			showTime
 		}));
-		const needConfirm = computed(() => showTime.value || showConfirmBtn.value);
+		const needConfirm = computed(() => showTime.value || mergedShowConfirmBtn.value);
 		const confirmBtnDisabled = computed(() => needConfirm.value && (!forSelectedValue.value || isDisabledDate(forSelectedValue.value)));
 		const isDateTime = computed(() => mode.value === "date" && showTime.value);
 		const { value: selectedValue, setValue: setSelectedValue } = usePickerState(reactive({
@@ -543,16 +594,16 @@ var picker_vue_vue_type_script_lang_default = defineComponent({
 			refInput,
 			panelProps: computed(() => _objectSpread2(_objectSpread2({}, pick(props, [
 				"mode",
-				"shortcuts",
-				"shortcutsPosition",
-				"dayStartOfWeek",
 				"disabledDate",
 				"disabledTime",
 				"showTime",
-				"hideTrigger",
-				"abbreviation"
+				"hideTrigger"
 			])), {}, {
-				showNowBtn: props.showNowBtn && mode.value === "date",
+				shortcuts: mergedShortcuts.value,
+				shortcutsPosition: mergedShortcutsPosition.value,
+				dayStartOfWeek: mergedDayStartOfWeek.value,
+				abbreviation: mergedAbbreviation.value,
+				showNowBtn: mergedShowNowBtn.value && mode.value === "date",
 				prefixCls,
 				format: parseValueFormat.value,
 				value: panelValue.value,
@@ -576,8 +627,8 @@ var picker_vue_vue_type_script_lang_default = defineComponent({
 				onTimePickerSelect,
 				onConfirm: onPanelConfirm,
 				onShortcutClick: onPanelShortcutClick,
-				onShortcutMouseEnter: previewShortcut.value ? onPanelShortcutMouseEnter : void 0,
-				onShortcutMouseLeave: previewShortcut.value ? onPanelShortcutMouseLeave : void 0,
+				onShortcutMouseEnter: mergedPreviewShortcut.value ? onPanelShortcutMouseEnter : void 0,
+				onShortcutMouseLeave: mergedPreviewShortcut.value ? onPanelShortcutMouseLeave : void 0,
 				onTodayBtnClick: onPanelSelect,
 				onHeaderLabelClick: onPanelHeaderLabelClick,
 				onHeaderSelect: onPanelHeaderSelect,

package/es/date-picker/range-picker-panel.vue.d.ts

@@ -245,9 +245,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     "onStart-header-select"?: ((...args: any[]) => any) | undefined;
     "onEnd-header-select"?: ((...args: any[]) => any) | undefined;
 }>, {
+    visible: boolean;
     disabled: boolean[];
     value: (Dayjs | undefined)[];
-    visible: boolean;
     mode: Mode;
     dayStartOfWeek: WeekStart;
     hideTrigger: boolean;
@@ -2384,8 +2384,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             onSelect?: ((value: Dayjs) => any) | undefined;
             onConfirm?: ((value: Dayjs) => any) | undefined;
         }>, {
-            disabled: boolean;
             visible: boolean;
+            disabled: boolean;
             format: string;
             isRange: boolean;
             use12Hours: boolean;
@@ -4249,8 +4249,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 onSelect?: ((value: Dayjs) => any) | undefined;
                 onConfirm?: ((value: Dayjs) => any) | undefined;
             }>, {
-                disabled: boolean;
                 visible: boolean;
+                disabled: boolean;
                 format: string;
                 isRange: boolean;
                 use12Hours: boolean;