@opentiny/vue-renderless 3.6.0 → 3.6.1-alpha.2

package/date-range/vue.js

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