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

package/date-panel/vue.js

@@ -1,319 +1,208 @@
-import { proxyTimePickerDataProperties, getRenderTz, toggleTz, handleTzPickClose, debounceChange, searchTz, selectTz, handleYearPick, cusPrevYear, cusNextYear, cusPrevMonth, cusNextMonth, handleTimePickClose, handleMonthPick, handleDatePick, changeToNow, confirm, resetView, handleKeydown, handleLeave, handleEnter, getYearLabel, showYearPicker, showMonthPicker, handleTimePick, checkDateWithinRange, cusEmit, getDefaultValue, isValidValue, handleVisibleDateChange, handleVisibleTimeChange, handleKeyControl, handleShortcutClick, watchValue, watchDefaultValue, watchSelectionMode, watchTimePickerVisible, handleClear, doPick, computerVisibleTime, computerVisibleDate, computerTimeFormat, watchVisible } from './index';
-import { getWeekNumber, extractDateFormat } from '@opentiny/vue-renderless/common/deps/date-util';
-import { DATEPICKER, DATE } from '@opentiny/vue-renderless/common';
-export var api = ['state', 'isValidValue', 'handleTzPickClose', 'toggleTz', 'searchTz', 'selectTz', 'confirm', 'cusPrevYear', 'cusNextYear', 'cusPrevMonth', 'cusNextMonth', 'changeToNow', 'handleMonthPick', 'handleYearPick', 'handleDatePick', 'showMonthPicker', 'showYearPicker', 'handleTimePick', 'handleEnter', 'handleVisibleTimeChange', 'handleVisibleDateChange', 'handleLeave', 'handleShortcutClick', 'handleTimePickClose'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    computed = _ref.computed,
-    api = _ref.api,
-    i18n = _ref.i18n;
-  var state = reactive({
-    popperClass: '',
+import "../chunk-PKUHTIDK.js";
+import {
+  proxyTimePickerDataProperties,
+  getRenderTz,
+  toggleTz,
+  handleTzPickClose,
+  debounceChange,
+  searchTz,
+  selectTz,
+  handleYearPick,
+  cusPrevYear,
+  cusNextYear,
+  cusPrevMonth,
+  cusNextMonth,
+  handleTimePickClose,
+  handleMonthPick,
+  handleDatePick,
+  changeToNow,
+  confirm,
+  resetView,
+  handleKeydown,
+  handleLeave,
+  handleEnter,
+  getYearLabel,
+  showYearPicker,
+  showMonthPicker,
+  handleTimePick,
+  checkDateWithinRange,
+  cusEmit,
+  getDefaultValue,
+  isValidValue,
+  handleVisibleDateChange,
+  handleVisibleTimeChange,
+  handleKeyControl,
+  handleShortcutClick,
+  watchValue,
+  watchDefaultValue,
+  watchSelectionMode,
+  watchTimePickerVisible,
+  handleClear,
+  doPick,
+  computerVisibleTime,
+  computerVisibleDate,
+  computerTimeFormat,
+  watchVisible
+} from "./index";
+import { getWeekNumber, extractDateFormat } from "@opentiny/vue-renderless/common/deps/date-util";
+import { DATEPICKER, DATE } from "@opentiny/vue-renderless/common";
+const api = [
+  "state",
+  "isValidValue",
+  "handleTzPickClose",
+  "toggleTz",
+  "searchTz",
+  "selectTz",
+  "confirm",
+  "cusPrevYear",
+  "cusNextYear",
+  "cusPrevMonth",
+  "cusNextMonth",
+  "changeToNow",
+  "handleMonthPick",
+  "handleYearPick",
+  "handleDatePick",
+  "showMonthPicker",
+  "showYearPicker",
+  "handleTimePick",
+  "handleEnter",
+  "handleVisibleTimeChange",
+  "handleVisibleDateChange",
+  "handleLeave",
+  "handleShortcutClick",
+  "handleTimePickClose"
+];
+const initState = ({ reactive, computed, api: api2, i18n }) => {
+  const state = reactive({
+    popperClass: "",
     date: new Date(),
-    value: '',
+    value: "",
     defaultValue: null,
     defaultTime: null,
     showTime: false,
     selectionMode: DATEPICKER.Day,
-    shortcuts: '',
+    shortcuts: "",
     visible: false,
     currentView: DATEPICKER.Date,
-    disabledDate: '',
-    cellClassName: '',
+    disabledDate: "",
+    cellClassName: "",
     selectableRange: [],
     firstDayOfWeek: 7,
     showWeekNumber: false,
     timePickerVisible: false,
-    format: '',
-    timeFmt: '',
+    format: "",
+    timeFmt: "",
     timezone: {},
     arrowControl: false,
     userInputDate: null,
     userInputTime: null,
     showTimezone: false,
     showpopup: false,
-    tz: '',
+    tz: "",
     selectedTz: null,
-    animationName: '',
-    year: computed(function () {
-      return state.date.getFullYear();
-    }),
-    month: computed(function () {
-      return state.date.getMonth();
-    }),
-    week: computed(function () {
-      return getWeekNumber(state.date);
-    }),
-    monthDate: computed(function () {
-      return state.date.getDate();
-    }),
-    footerVisible: computed(function () {
-      return state.showTime || state.selectionMode === DATEPICKER.Dates;
-    }),
-    visibleTime: computed(function () {
-      return api.computerVisibleTime();
-    }),
-    visibleDate: computed(function () {
-      return api.computerVisibleDate();
-    }),
-    yearLabel: computed(function () {
-      return api.getYearLabel();
-    }),
-    timeFormat: computed(function () {
-      return api.computerTimeFormat();
-    }),
-    dateFormat: computed(function () {
-      return state.format ? extractDateFormat(state.format.replace(state.timefmt, '')) : DATE.Date;
-    }),
-    lang: computed(function () {
-      return i18n ? i18n.locale.replace(/_/g, '-') : 'zh-CN';
-    }),
-    isShowTz: computed(function () {
-      return state.showTimezone && state.showTime;
-    }),
-    isShowFooter: computed(function () {
-      return state.footerVisible && state.currentView === 'date';
-    })
+    animationName: "",
+    year: computed(() => state.date.getFullYear()),
+    month: computed(() => state.date.getMonth()),
+    week: computed(() => getWeekNumber(state.date)),
+    monthDate: computed(() => state.date.getDate()),
+    footerVisible: computed(() => state.showTime || state.selectionMode === DATEPICKER.Dates),
+    visibleTime: computed(() => api2.computerVisibleTime()),
+    visibleDate: computed(() => api2.computerVisibleDate()),
+    yearLabel: computed(() => api2.getYearLabel()),
+    timeFormat: computed(() => api2.computerTimeFormat()),
+    dateFormat: computed(() => state.format ? extractDateFormat(state.format.replace(state.timefmt, "")) : DATE.Date),
+    lang: computed(() => i18n ? i18n.locale.replace(/_/g, "-") : "zh-CN"),
+    isShowTz: computed(() => state.showTimezone && state.showTime),
+    isShowFooter: computed(() => state.footerVisible && state.currentView === "date")
   });
   state.needChangeTimezoneData = true;
   return state;
 };
-var initWatch = function initWatch(_ref2) {
-  var watch = _ref2.watch,
-    state = _ref2.state,
-    api = _ref2.api,
-    nextTick = _ref2.nextTick;
-  watch(function () {
-    return state.isShowTz;
-  }, function () {
-    setTimeout(function () {
-      return state.fnUpdatePopper && state.fnUpdatePopper();
-    });
-  });
-  watch(function () {
-    return state.isShowFooter;
-  }, function () {
-    setTimeout(function () {
-      return state.fnUpdatePopper && state.fnUpdatePopper();
-    });
-  });
-  watch(function () {
-    return state.lang;
-  }, function () {
-    return state.needChangeTimezoneData = true;
-  });
-  watch(function () {
-    return state.defaultValue;
-  }, api.watchDefaultValue);
-  watch(function () {
-    return state.value;
-  }, api.watchValue);
-  watch(function () {
-    return state.timePickerVisible;
-  }, api.watchTimePickerVisible);
-  watch(function () {
-    return state.selectionMode;
-  }, api.watchSelectionMode);
-  watch(function () {
-    return state.timePickerVisible;
-  }, function () {
-    return nextTick(api.proxyTimePickerDataProperties);
-  });
-  watch(function () {
-    return state.visible;
-  }, api.watchVisible);
+const initWatch = ({ watch, state, api: api2, nextTick }) => {
+  watch(
+    () => state.isShowTz,
+    () => {
+      setTimeout(() => state.fnUpdatePopper && state.fnUpdatePopper());
+    }
+  );
+  watch(
+    () => state.isShowFooter,
+    () => {
+      setTimeout(() => state.fnUpdatePopper && state.fnUpdatePopper());
+    }
+  );
+  watch(
+    () => state.lang,
+    () => state.needChangeTimezoneData = true
+  );
+  watch(() => state.defaultValue, api2.watchDefaultValue);
+  watch(() => state.value, api2.watchValue);
+  watch(() => state.timePickerVisible, api2.watchTimePickerVisible);
+  watch(() => state.selectionMode, api2.watchSelectionMode);
+  watch(
+    () => state.timePickerVisible,
+    () => nextTick(api2.proxyTimePickerDataProperties)
+  );
+  watch(() => state.visible, api2.watchVisible);
 };
-var initApi = function initApi(_ref3) {
-  var api = _ref3.api,
-    state = _ref3.state,
-    t = _ref3.t,
-    emit = _ref3.emit,
-    nextTick = _ref3.nextTick,
-    vm = _ref3.vm,
-    refs = _ref3.refs,
-    watch = _ref3.watch;
-  Object.assign(api, {
-    t: t,
-    state: state,
-    debounceChange: debounceChange,
+const initApi = ({ api: api2, state, t, emit, nextTick, vm, refs, watch }) => {
+  Object.assign(api2, {
+    t,
+    state,
+    debounceChange,
     toggleTz: toggleTz(state),
-    watchVisible: watchVisible({
-      api: api,
-      state: state
-    }),
-    getRenderTz: getRenderTz({
-      state: state
-    }),
-    selectTz: selectTz({
-      emit: emit,
-      state: state
-    }),
+    watchVisible: watchVisible({ api: api2, state }),
+    getRenderTz: getRenderTz({ state }),
+    selectTz: selectTz({ emit, state }),
     handleTzPickClose: handleTzPickClose(state),
     getDefaultValue: getDefaultValue(state),
-    showYearPicker: showYearPicker({
-      state: state
-    }),
+    showYearPicker: showYearPicker({ state }),
     handleTimePickClose: handleTimePickClose(state),
-    cusNextMonth: cusNextMonth({
-      state: state
-    }),
-    cusPrevMonth: cusPrevMonth({
-      state: state
-    }),
-    resetView: resetView({
-      state: state
-    }),
-    showMonthPicker: showMonthPicker({
-      state: state
-    }),
-    cusNextYear: cusNextYear({
-      state: state
-    }),
-    cusPrevYear: cusPrevYear({
-      state: state
-    }),
-    watchDefaultValue: watchDefaultValue({
-      state: state
-    }),
-    getYearLabel: getYearLabel({
-      state: state,
-      t: t
-    }),
-    cusEmit: cusEmit({
-      state: state,
-      emit: emit
-    }),
-    watchTimePickerVisible: watchTimePickerVisible({
-      nextTick: nextTick,
-      vm: vm
-    }),
-    checkDateWithinRange: checkDateWithinRange({
-      state: state
-    }),
-    watchSelectionMode: watchSelectionMode({
-      state: state
-    }),
-    proxyTimePickerDataProperties: proxyTimePickerDataProperties({
-      refs: refs,
-      state: state,
-      watch: watch
-    }),
-    handleKeyControl: handleKeyControl({
-      state: state,
-      emit: emit
-    }),
+    cusNextMonth: cusNextMonth({ state }),
+    cusPrevMonth: cusPrevMonth({ state }),
+    resetView: resetView({ state }),
+    showMonthPicker: showMonthPicker({ state }),
+    cusNextYear: cusNextYear({ state }),
+    cusPrevYear: cusPrevYear({ state }),
+    watchDefaultValue: watchDefaultValue({ state }),
+    getYearLabel: getYearLabel({ state, t }),
+    cusEmit: cusEmit({ state, emit }),
+    watchTimePickerVisible: watchTimePickerVisible({ nextTick, vm }),
+    checkDateWithinRange: checkDateWithinRange({ state }),
+    watchSelectionMode: watchSelectionMode({ state }),
+    proxyTimePickerDataProperties: proxyTimePickerDataProperties({ refs, state, watch }),
+    handleKeyControl: handleKeyControl({ state, emit }),
     doPick: doPick(emit),
-    searchTz: searchTz({
-      api: api,
-      state: state
-    }),
-    handleEnter: handleEnter(api),
-    handleLeave: handleLeave({
-      api: api,
-      emit: emit
-    }),
-    changeToNow: changeToNow({
-      api: api,
-      state: state
-    }),
-    isValidValue: isValidValue({
-      api: api,
-      state: state
-    }),
-    handleClear: handleClear({
-      api: api,
-      state: state,
-      emit: emit
-    }),
-    watchValue: watchValue({
-      api: api,
-      state: state
-    }),
-    handleKeydown: handleKeydown({
-      api: api,
-      state: state
-    }),
-    confirm: confirm({
-      api: api,
-      state: state,
-      t: t
-    }),
-    handleMonthPick: handleMonthPick({
-      api: api,
-      state: state
-    }),
-    handleVisibleDateChange: handleVisibleDateChange({
-      api: api,
-      state: state,
-      t: t
-    }),
-    handleTimePick: handleTimePick({
-      api: api,
-      state: state,
-      t: t
-    }),
-    handleVisibleTimeChange: handleVisibleTimeChange({
-      api: api,
-      refs: refs,
-      state: state,
-      t: t
-    }),
-    handleYearPick: handleYearPick({
-      api: api,
-      state: state
-    }),
-    handleDatePick: handleDatePick({
-      api: api,
-      state: state,
-      t: t
-    }),
-    handleShortcutClick: handleShortcutClick(api),
-    computerVisibleTime: computerVisibleTime({
-      state: state,
-      t: t
-    }),
-    computerVisibleDate: computerVisibleDate({
-      state: state,
-      t: t
-    }),
-    computerTimeFormat: computerTimeFormat({
-      state: state
-    })
+    searchTz: searchTz({ api: api2, state }),
+    handleEnter: handleEnter(api2),
+    handleLeave: handleLeave({ api: api2, emit }),
+    changeToNow: changeToNow({ api: api2, state }),
+    isValidValue: isValidValue({ api: api2, state }),
+    handleClear: handleClear({ api: api2, state, emit }),
+    watchValue: watchValue({ api: api2, state }),
+    handleKeydown: handleKeydown({ api: api2, state }),
+    confirm: confirm({ api: api2, state, t }),
+    handleMonthPick: handleMonthPick({ api: api2, state }),
+    handleVisibleDateChange: handleVisibleDateChange({ api: api2, state, t }),
+    handleTimePick: handleTimePick({ api: api2, state, t }),
+    handleVisibleTimeChange: handleVisibleTimeChange({ api: api2, refs, state, t }),
+    handleYearPick: handleYearPick({ api: api2, state }),
+    handleDatePick: handleDatePick({ api: api2, state, t }),
+    handleShortcutClick: handleShortcutClick(api2),
+    computerVisibleTime: computerVisibleTime({ state, t }),
+    computerVisibleDate: computerVisibleDate({ state, t }),
+    computerTimeFormat: computerTimeFormat({ 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,
-    i18n = _ref5.i18n;
-  var api = {};
-  var emit = props.emitter ? props.emitter.emit : $emit;
-  var state = initState({
-    reactive: reactive,
-    computed: computed,
-    api: api,
-    i18n: i18n
-  });
-  initApi({
-    api: api,
-    state: state,
-    t: t,
-    emit: emit,
-    nextTick: nextTick,
-    vm: vm,
-    refs: refs,
-    watch: watch
-  });
-  initWatch({
-    watch: watch,
-    state: state,
-    api: api,
-    nextTick: nextTick
-  });
-  return api;
-};
+const renderless = (props, { computed, reactive, watch, nextTick }, { t, refs, emit: $emit, vm, i18n }) => {
+  const api2 = {};
+  const emit = props.emitter ? props.emitter.emit : $emit;
+  const state = initState({ reactive, computed, api: api2, i18n });
+  initApi({ api: api2, state, t, emit, nextTick, vm, refs, watch });
+  initWatch({ watch, state, api: api2, nextTick });
+  return api2;
+};
+export {
+  api,
+  renderless
+};