@dfsj/components 3.0.0

package/dist/components/DatePicker/src/composables/use-range-picker.js

@@ -0,0 +1,99 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { getCurrentInstance, inject, ref, watch, unref } from 'vue';
+import { useNamespace, useLocale } from 'element-plus/es/hooks/index.mjs';
+import { isValidRange, getDefaultValue } from 'element-plus/es/components/date-picker/src/utils.mjs';
+import { ROOT_PICKER_INJECTION_KEY } from 'element-plus/es/components/date-picker/src/constants.mjs';
+import { useShortcut } from 'element-plus/es/components/date-picker/src/composables/use-shortcut.mjs';
+import dayjs from 'dayjs';
+import { isArray } from 'element-plus/es/utils/index.mjs';
+
+var useRangePicker = function useRangePicker(props, _ref) {
+  var leftDate = _ref.leftDate,
+    rightDate = _ref.rightDate,
+    unit = _ref.unit,
+    parsedValue = _ref.parsedValue,
+    disabledDate = _ref.disabledDate;
+  var _getCurrentInstance = getCurrentInstance(),
+    emit = _getCurrentInstance.emit;
+  var _inject = inject(ROOT_PICKER_INJECTION_KEY),
+    pickerNs = _inject.pickerNs;
+  var drpNs = useNamespace('date-range-picker');
+  var rangeState = ref({
+    endDate: null,
+    selecting: false
+  });
+  var _useLocale = useLocale(),
+    t = _useLocale.t,
+    lang = _useLocale.lang;
+  var handleShortcutClick = useShortcut(lang);
+  var handleRangeConfirm = function handleRangeConfirm() {
+    var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    var _minDate = unref(leftDate);
+    var _maxDate = unref(rightDate);
+    if (isValidRange([_minDate, _maxDate])) {
+      emit('pick', [_minDate, _maxDate], visible);
+    }
+  };
+  var onSelect = function onSelect(selecting) {
+    rangeState.value.selecting = selecting;
+    if (!selecting) {
+      rangeState.value.endDate = null;
+    }
+  };
+  var restoreDefault = function restoreDefault() {
+    var _getDefaultValue = getDefaultValue(unref(props.parsedValue), {
+        lang: unref(lang),
+        unit: unit,
+        unlinkPanels: props.unlinkPanels
+      }),
+      _getDefaultValue2 = _slicedToArray(_getDefaultValue, 2),
+      start = _getDefaultValue2[0],
+      end = _getDefaultValue2[1];
+    leftDate.value = start;
+    rightDate.value = end;
+    parsedValue.value = [start, end];
+  };
+  var leftDisableDate = function leftDisableDate(date) {
+    if (disabledDate && disabledDate(date)) return true;
+    if (!rightDate.value) return false;
+    if (dayjs(date).hour(0).minute(0).second(0).valueOf() > dayjs(rightDate.value).valueOf()) return true;
+  };
+  var rightDisableDate = function rightDisableDate(date) {
+    if (!leftDate.value) return false;
+    if (dayjs(date).valueOf() < dayjs(leftDate.value).hour(0).minute(0).second(0).valueOf()) return true;
+  };
+  watch(function () {
+    return props.parsedValue;
+  }, function (parsedValue) {
+    if (isArray(parsedValue) && parsedValue.length === 2) {
+      var _parsedValue = _slicedToArray(parsedValue, 2),
+        start = _parsedValue[0],
+        end = _parsedValue[1];
+      leftDate.value = start;
+      rightDate.value = end;
+    } else {
+      restoreDefault();
+    }
+  }, {
+    immediate: true
+  });
+  watch(function () {
+    return props.visible;
+  }, function (val) {
+    if (!val) restoreDefault();
+  });
+  return {
+    lang: lang,
+    ppNs: pickerNs,
+    drpNs: drpNs,
+    rangeState: rangeState,
+    handleRangeConfirm: handleRangeConfirm,
+    onSelect: onSelect,
+    handleShortcutClick: handleShortcutClick,
+    leftDisableDate: leftDisableDate,
+    rightDisableDate: rightDisableDate,
+    t: t
+  };
+};
+
+export { useRangePicker };

package/dist/components/DatePicker/src/date-picker-com/panel-date-range.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import("vue").DefineComponent<{
+    unlinkPanels: BooleanConstructor;
+    visible: BooleanConstructor;
+    parsedValue: any;
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pick" | "set-picker-option" | "calendar-change" | "panel-change")[], "pick" | "set-picker-option" | "calendar-change" | "panel-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    unlinkPanels: BooleanConstructor;
+    visible: BooleanConstructor;
+    parsedValue: any;
+}>> & {
+    onPick?: (...args: any[]) => any;
+    "onSet-picker-option"?: (...args: any[]) => any;
+    "onCalendar-change"?: (...args: any[]) => any;
+    "onPanel-change"?: (...args: any[]) => any;
+}, {
+    [x: string]: unknown;
+}, {}>;
+export default _default;

package/dist/components/DatePicker/src/date-picker-com/panel-date-range.vue.js

@@ -0,0 +1,5 @@
+import script from './panel-date-range.vue2.js';
+
+script.__file = "src/components/DatePicker/src/date-picker-com/panel-date-range.vue";
+
+export { script as default };