@opentiny/vue-renderless 3.1.0-alpha.0

package/date-range/vue.js

@@ -0,0 +1,297 @@
+import { getMinVisibleDate, watchValue, resetView, isValidValue, handleConfirm, rightPrevMonth, rightPrevYear, leftNextMonth, leftNextYear, rightNextMonth, rightNextYear, leftPrevMonth, leftPrevYear, handleMaxTimeClose, handleMaxTimePick, handleMinTimeClose, handleMinTimePick, handleShortcutClick, handleRangePick, handleTimeChange, handleTimeInput, handleDateChange, handleDateInput, handleChangeRange, watchDefault, handleClear, getMaxVisibleDate, watchMaxTimePickerVisible, watchMinTimePickerVisible, watchMaxDate, watchMinDate, getMinVisibleTime, getEnableMonthArrow, getMaxVisibleTime, doPick, setTimeFormat, computerBtnDisabled, computerLabel, computerEnableYearArrow } from './index';
+import { nextMonth, extractDateFormat, extractTimeFormat } from '@opentiny/vue-renderless/common/deps/date-util';
+export var api = ['state', 'handleShortcutClick', 'handleConfirm', 'handleClear', 'handleChangeRange', 'rightNextMonth', 'rightNextYear', 'rightPrevMonth', 'rightPrevYear', 'handleRangePick', 'leftNextMonth', 'leftNextYear', 'leftPrevMonth', 'leftPrevYear', 'handleMaxTimePick', 'handleDateInput', 'handleMinTimePick', 'handleTimeChange', 'handleTimeInput', 'handleMinTimeClose', 'handleDateChange', 'handleMaxTimeClose'];
+var initState = function initState(_ref) {
+  var reactive = _ref.reactive,
+    computed = _ref.computed,
+    api = _ref.api;
+  var state = reactive({
+    popperElm: null,
+    popperClass: '',
+    value: [],
+    defaultValue: null,
+    defaultTime: null,
+    minDate: '',
+    maxDate: '',
+    leftDate: new Date(),
+    rightDate: nextMonth(new Date()),
+    rangeState: {
+      endDate: null,
+      selecting: false,
+      row: null,
+      column: null
+    },
+    showTime: false,
+    format: '',
+    arrowControl: false,
+    unlinkPanels: false,
+    firstDayOfWeek: 7,
+    minTimePickerVisible: false,
+    maxTimePickerVisible: false,
+    shortcuts: '',
+    visible: '',
+    disabledDate: '',
+    cellClassName: '',
+    dateUserInput: {
+      min: null,
+      max: null
+    },
+    timeUserInput: {
+      min: null,
+      max: null
+    },
+    btnDisabled: computed(function () {
+      return api.computerBtnDisabled();
+    }),
+    leftLabel: computed(function () {
+      return api.computerLabel('leftDate');
+    }),
+    rightLabel: computed(function () {
+      return api.computerLabel('rightDate');
+    }),
+    leftYear: computed(function () {
+      return state.leftDate.getFullYear();
+    }),
+    leftMonth: computed(function () {
+      return state.leftDate.getMonth();
+    }),
+    leftMonthDate: computed(function () {
+      return state.leftDate.getDate();
+    }),
+    rightYear: computed(function () {
+      return state.rightDate.getFullYear();
+    }),
+    rightMonth: computed(function () {
+      return state.rightDate.getMonth();
+    }),
+    rightMonthDate: computed(function () {
+      return state.rightDate.getDate();
+    }),
+    minVisibleDate: computed(function () {
+      return api.getMinVisibleDate();
+    }),
+    maxVisibleDate: computed(function () {
+      return api.getMaxVisibleDate();
+    }),
+    minVisibleTime: computed(function () {
+      return api.getMinVisibleTime();
+    }),
+    maxVisibleTime: computed(function () {
+      return api.getMaxVisibleTime();
+    }),
+    timeFormat: computed(function () {
+      return state.format ? extractTimeFormat(state.format) : 'HH:mm:ss';
+    }),
+    dateFormat: computed(function () {
+      return state.format ? extractDateFormat(state.format) : 'yyyy-MM-dd';
+    }),
+    enableMonthArrow: computed(function () {
+      return api.getEnableMonthArrow();
+    }),
+    enableYearArrow: computed(function () {
+      return api.computerEnableYearArrow();
+    })
+  });
+  return state;
+};
+var initWatch = function initWatch(_ref2) {
+  var watch = _ref2.watch,
+    state = _ref2.state,
+    api = _ref2.api;
+  watch(function () {
+    return state.minDate;
+  }, api.watchMinDate);
+  watch(function () {
+    return state.maxDate;
+  }, api.watchMaxDate);
+  watch(function () {
+    return state.minTimePickerVisible;
+  }, api.watchMinTimePickerVisible);
+  watch(function () {
+    return state.maxTimePickerVisible;
+  }, api.watchMaxTimePickerVisible);
+  watch(function () {
+    return state.value;
+  }, api.watchValue);
+  watch(function () {
+    return state.defaultValue;
+  }, api.watchDefault);
+  watch(function () {
+    return state.showTime;
+  }, api.setTimeFormat);
+};
+var initApi = function initApi(_ref3) {
+  var api = _ref3.api,
+    state = _ref3.state,
+    t = _ref3.t,
+    vm = _ref3.vm,
+    nextTick = _ref3.nextTick,
+    refs = _ref3.refs,
+    emit = _ref3.emit;
+  Object.assign(api, {
+    t: t,
+    state: state,
+    computerLabel: computerLabel({
+      state: state,
+      t: t
+    }),
+    resetView: resetView({
+      state: state
+    }),
+    watchMaxDate: watchMaxDate({
+      state: state,
+      vm: vm
+    }),
+    handleChangeRange: handleChangeRange(state),
+    handleMaxTimeClose: handleMaxTimeClose(state),
+    handleMinTimeClose: handleMinTimeClose(state),
+    isValidValue: isValidValue({
+      state: state
+    }),
+    leftNextYear: leftNextYear({
+      state: state
+    }),
+    getEnableMonthArrow: getEnableMonthArrow(state),
+    leftNextMonth: leftNextMonth({
+      state: state
+    }),
+    rightPrevYear: rightPrevYear({
+      state: state
+    }),
+    rightPrevMonth: rightPrevMonth({
+      state: state
+    }),
+    rightNextMonth: rightNextMonth({
+      state: state
+    }),
+    leftPrevYear: leftPrevYear({
+      state: state
+    }),
+    handleMaxTimePick: handleMaxTimePick({
+      state: state
+    }),
+    handleMinTimePick: handleMinTimePick({
+      state: state
+    }),
+    getMaxVisibleTime: getMaxVisibleTime({
+      state: state,
+      t: t
+    }),
+    getMinVisibleTime: getMinVisibleTime({
+      state: state,
+      t: t
+    }),
+    getMaxVisibleDate: getMaxVisibleDate({
+      state: state,
+      t: t
+    }),
+    getMinVisibleDate: getMinVisibleDate({
+      state: state,
+      t: t
+    }),
+    rightNextYear: rightNextYear({
+      state: state
+    }),
+    leftPrevMonth: leftPrevMonth({
+      state: state
+    }),
+    handleDateChange: handleDateChange({
+      state: state,
+      t: t
+    }),
+    handleTimeChange: handleTimeChange({
+      state: state,
+      t: t,
+      vm: vm
+    }),
+    watchMinDate: watchMinDate({
+      state: state,
+      t: t,
+      vm: vm
+    }),
+    handleTimeInput: handleTimeInput({
+      nextTick: nextTick,
+      refs: refs,
+      state: state,
+      t: t
+    }),
+    watchMaxTimePickerVisible: watchMaxTimePickerVisible({
+      nextTick: nextTick,
+      state: state,
+      vm: vm
+    }),
+    watchMinTimePickerVisible: watchMinTimePickerVisible({
+      nextTick: nextTick,
+      state: state,
+      vm: vm
+    }),
+    handleDateInput: handleDateInput({
+      state: state,
+      t: t
+    }),
+    doPick: doPick(emit),
+    watchValue: watchValue({
+      state: state
+    }),
+    watchDefault: watchDefault({
+      state: state
+    }),
+    handleClear: handleClear({
+      emit: emit,
+      state: state
+    }),
+    setTimeFormat: setTimeFormat({
+      nextTick: nextTick,
+      vm: vm,
+      state: state
+    }),
+    handleConfirm: handleConfirm({
+      api: api,
+      emit: emit,
+      state: state
+    }),
+    handleRangePick: handleRangePick({
+      api: api,
+      state: state,
+      t: t
+    }),
+    handleShortcutClick: handleShortcutClick(api),
+    computerBtnDisabled: computerBtnDisabled({
+      state: state,
+      api: api
+    }),
+    computerEnableYearArrow: computerEnableYearArrow(state)
+  });
+};
+export var renderless = function renderless(props, _ref4, _ref5) {
+  var computed = _ref4.computed,
+    reactive = _ref4.reactive,
+    watch = _ref4.watch,
+    nextTick = _ref4.nextTick;
+  var t = _ref5.t,
+    refs = _ref5.refs,
+    $emit = _ref5.emit,
+    vm = _ref5.vm;
+  var api = {};
+  var emit = props.emitter ? props.emitter.emit : $emit;
+  var state = initState({
+    reactive: reactive,
+    computed: computed,
+    api: api
+  });
+  initApi({
+    api: api,
+    state: state,
+    t: t,
+    vm: vm,
+    nextTick: nextTick,
+    refs: refs,
+    emit: emit
+  });
+  initWatch({
+    watch: watch,
+    state: state,
+    api: api
+  });
+  return api;
+};