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

package/modal/vue.js

@@ -1,19 +1,50 @@
-import { dragEvent, handleEvent, mousedownEvent, toggleZoomEvent, revert, maximize, getBox, handleGlobalKeydownEvent, close, updateStyle, addMsgQueue, removeMsgQueue, computedIsMsg, watchValue, created, mounted, beforeUnmouted, selfClickEvent, updateZindex, closeEvent, confirmEvent, cancelEvent, open } from './index';
-export var api = ['state', 'dragEvent', 'mousedownEvent', 'toggleZoomEvent', 'revert', 'maximize', 'getBox', 'close', 'updateStyle', 'selfClickEvent', 'updateZindex', 'closeEvent', 'confirmEvent', 'cancelEvent', 'open', 'beforeUnmouted'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    onMounted = _ref.onMounted,
-    onBeforeUnmount = _ref.onBeforeUnmount,
-    reactive = _ref.reactive,
-    watch = _ref.watch;
-  var refs = _ref2.refs,
-    emit = _ref2.emit,
-    emitter = _ref2.emitter,
-    nextTick = _ref2.nextTick,
-    broadcast = _ref2.broadcast,
-    parent = _ref2.vm;
-  var api = {};
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import {
+  dragEvent,
+  handleEvent,
+  mousedownEvent,
+  toggleZoomEvent,
+  revert,
+  maximize,
+  getBox,
+  handleGlobalKeydownEvent,
+  close,
+  updateStyle,
+  addMsgQueue,
+  removeMsgQueue,
+  computedIsMsg,
+  watchValue,
+  created,
+  mounted,
+  beforeUnmouted,
+  selfClickEvent,
+  updateZindex,
+  closeEvent,
+  confirmEvent,
+  cancelEvent,
+  open
+} from "./index";
+const api = [
+  "state",
+  "dragEvent",
+  "mousedownEvent",
+  "toggleZoomEvent",
+  "revert",
+  "maximize",
+  "getBox",
+  "close",
+  "updateStyle",
+  "selfClickEvent",
+  "updateZindex",
+  "closeEvent",
+  "confirmEvent",
+  "cancelEvent",
+  "open",
+  "beforeUnmouted"
+];
+const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, watch }, { refs, emit, emitter, nextTick, broadcast, vm: parent }) => {
+  const api2 = {};
+  const state = reactive({
     emitter: emitter(),
     visible: false,
     contentVisible: false,
@@ -21,110 +52,43 @@ export var renderless = function renderless(props, _ref, _ref2) {
     modalTop: 0,
     modalZindex: 0,
     zoomLocat: null,
-    isMsg: computed(function () {
-      return api.computedIsMsg(props);
-    }),
+    isMsg: computed(() => api2.computedIsMsg(props)),
     prevEvent: null
   });
-  Object.assign(api, {
-    state: state,
-    broadcast: broadcast,
+  Object.assign(api2, {
+    state,
+    broadcast,
     computedIsMsg: computedIsMsg(),
     updateStyle: updateStyle(nextTick),
     getBox: getBox(refs),
-    watchValue: watchValue(api),
-    created: created({
-      api: api,
-      props: props,
-      state: state
-    }),
-    mounted: mounted({
-      api: api,
-      parent: parent,
-      props: props
-    }),
-    beforeUnmouted: beforeUnmouted({
-      api: api,
-      parent: parent
-    }),
-    selfClickEvent: selfClickEvent({
-      api: api,
-      parent: parent,
-      props: props
-    }),
-    updateZindex: updateZindex({
-      state: state,
-      props: props
-    }),
-    handleEvent: handleEvent({
-      api: api,
-      emit: emit,
-      parent: parent,
-      props: props
-    }),
-    closeEvent: closeEvent(api),
-    confirmEvent: confirmEvent(api),
-    cancelEvent: cancelEvent(api),
-    open: open({
-      api: api,
-      emit: emit,
-      nextTick: nextTick,
-      parent: parent,
-      props: props,
-      state: state
-    }),
-    addMsgQueue: addMsgQueue({
-      api: api,
-      parent: parent
-    }),
-    removeMsgQueue: removeMsgQueue({
-      api: api,
-      parent: parent
-    }),
-    close: close({
-      emit: emit,
-      parent: parent,
-      props: props,
-      state: state
-    }),
-    handleGlobalKeydownEvent: handleGlobalKeydownEvent(api),
-    maximize: maximize({
-      api: api,
-      nextTick: nextTick,
-      props: props,
-      state: state
-    }),
-    revert: revert({
-      api: api,
-      nextTick: nextTick,
-      state: state
-    }),
-    toggleZoomEvent: toggleZoomEvent({
-      api: api,
-      emit: emit,
-      parent: parent,
-      state: state
-    }),
-    mousedownEvent: mousedownEvent({
-      api: api,
-      nextTick: nextTick,
-      props: props,
-      state: state,
-      emit: emit
-    }),
-    dragEvent: dragEvent({
-      api: api,
-      emit: emit,
-      parent: parent,
-      props: props,
-      state: state
-    })
+    watchValue: watchValue(api2),
+    created: created({ api: api2, props, state }),
+    mounted: mounted({ api: api2, parent, props }),
+    beforeUnmouted: beforeUnmouted({ api: api2, parent }),
+    selfClickEvent: selfClickEvent({ api: api2, parent, props }),
+    updateZindex: updateZindex({ state, props }),
+    handleEvent: handleEvent({ api: api2, emit, parent, props }),
+    closeEvent: closeEvent(api2),
+    confirmEvent: confirmEvent(api2),
+    cancelEvent: cancelEvent(api2),
+    open: open({ api: api2, emit, nextTick, parent, props, state }),
+    addMsgQueue: addMsgQueue({ api: api2, parent }),
+    removeMsgQueue: removeMsgQueue({ api: api2, parent }),
+    close: close({ emit, parent, props, state }),
+    handleGlobalKeydownEvent: handleGlobalKeydownEvent(api2),
+    maximize: maximize({ api: api2, nextTick, props, state }),
+    revert: revert({ api: api2, nextTick, state }),
+    toggleZoomEvent: toggleZoomEvent({ api: api2, emit, parent, state }),
+    mousedownEvent: mousedownEvent({ api: api2, nextTick, props, state, emit }),
+    dragEvent: dragEvent({ api: api2, emit, parent, props, state })
   });
-  watch(function () {
-    return props.modelValue;
-  }, api.watchValue);
-  api.created();
-  onMounted(api.mounted);
-  onBeforeUnmount(api.beforeUnmouted);
-  return api;
-};
+  watch(() => props.modelValue, api2.watchValue);
+  api2.created();
+  onMounted(api2.mounted);
+  onBeforeUnmount(api2.beforeUnmouted);
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/month-range/index.js

@@ -1,6 +1,6 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { isDate, modifyWithTimeString, prevYear, nextYear, nextMonth } from '@opentiny/vue-renderless/common/deps/date-util';
-export var calcDefaultValue = function calcDefaultValue(defaultValue) {
+import "../chunk-PKUHTIDK.js";
+import { isDate, modifyWithTimeString, prevYear, nextYear, nextMonth } from "@opentiny/vue-renderless/common/deps/date-util";
+const calcDefaultValue = (defaultValue) => {
   if (Array.isArray(defaultValue)) {
     return [new Date(defaultValue[0]), new Date(defaultValue[1])];
   } else if (defaultValue) {
@@ -8,162 +8,127 @@ export var calcDefaultValue = function calcDefaultValue(defaultValue) {
   }
   return [new Date(), nextMonth(new Date())];
 };
-export var watchValue = function watchValue(_ref) {
-  var state = _ref.state;
-  return function (value) {
-    if (!value) {
-      state.maxDate = null;
+const watchValue = ({ state }) => (value) => {
+  if (!value) {
+    state.maxDate = null;
+    state.minDate = null;
+  } else if (Array.isArray(value)) {
+    if (isDate(value[0])) {
+      state.minDate = new Date(value[0]);
+    } else {
       state.minDate = null;
-    } else if (Array.isArray(value)) {
-      if (isDate(value[0])) {
-        state.minDate = new Date(value[0]);
-      } else {
-        state.minDate = null;
-      }
-      if (isDate(value[1])) {
-        state.maxDate = new Date(value[1]);
-      } else {
-        state.maxDate = null;
-      }
-      if (state.minDate) {
-        state.leftDate = state.minDate;
-        if (state.maxDate && state.unlinkPanels) {
-          var maxDateYear = state.maxDate.getFullYear();
-          var minDateYear = state.minDate.getFullYear();
-          state.rightDate = maxDateYear === minDateYear ? nextYear(state.maxDate) : state.maxDate;
-        } else {
-          state.rightDate = nextYear(state.leftDate);
-        }
+    }
+    if (isDate(value[1])) {
+      state.maxDate = new Date(value[1]);
+    } else {
+      state.maxDate = null;
+    }
+    if (state.minDate) {
+      state.leftDate = state.minDate;
+      if (state.maxDate && state.unlinkPanels) {
+        const maxDateYear = state.maxDate.getFullYear();
+        const minDateYear = state.minDate.getFullYear();
+        state.rightDate = maxDateYear === minDateYear ? nextYear(state.maxDate) : state.maxDate;
       } else {
-        state.leftDate = calcDefaultValue(state.defaultValue)[0];
         state.rightDate = nextYear(state.leftDate);
       }
+    } else {
+      state.leftDate = calcDefaultValue(state.defaultValue)[0];
+      state.rightDate = nextYear(state.leftDate);
     }
-  };
+  }
 };
-export var watchDefaultValue = function watchDefaultValue(_ref2) {
-  var state = _ref2.state;
-  return function (value) {
-    if (!Array.isArray(state.value)) {
-      var _calcDefaultValue = calcDefaultValue(value),
-        _calcDefaultValue2 = _slicedToArray(_calcDefaultValue, 2),
-        left = _calcDefaultValue2[0],
-        right = _calcDefaultValue2[1];
-      state.leftDate = left;
-      state.rightDate = value && value[1] && left.getFullYear() !== right.getFullYear() && state.unlinkPanels ? right : nextYear(state.leftDate);
-    }
-  };
+const watchDefaultValue = ({ state }) => (value) => {
+  if (!Array.isArray(state.value)) {
+    const [left, right] = calcDefaultValue(value);
+    state.leftDate = left;
+    state.rightDate = value && value[1] && left.getFullYear() !== right.getFullYear() && state.unlinkPanels ? right : nextYear(state.leftDate);
+  }
 };
-export var handleClear = function handleClear(_ref3) {
-  var emit = _ref3.emit,
-    state = _ref3.state;
-  return function () {
-    state.minDate = null;
-    state.maxDate = null;
-    state.leftDate = calcDefaultValue(state.defaultValue)[0];
-    state.rightDate = nextYear(state.leftDate);
-    emit('pick', null);
-  };
+const handleClear = ({ emit, state }) => () => {
+  state.minDate = null;
+  state.maxDate = null;
+  state.leftDate = calcDefaultValue(state.defaultValue)[0];
+  state.rightDate = nextYear(state.leftDate);
+  emit("pick", null);
 };
-export var handleChangeRange = function handleChangeRange(state) {
-  return function (val) {
-    state.minDate = val.minDate;
-    state.maxDate = val.maxDate;
-    state.rangeState = val.rangeState;
-  };
+const handleChangeRange = (state) => (val) => {
+  state.minDate = val.minDate;
+  state.maxDate = val.maxDate;
+  state.rangeState = val.rangeState;
 };
-export var handleRangePick = function handleRangePick(_ref4) {
-  var api = _ref4.api,
-    state = _ref4.state,
-    t = _ref4.t;
-  return function (val) {
-    var close = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    var defaultTime = state.defaultTime || [];
-    var maxDate = modifyWithTimeString(val.maxDate, defaultTime[1], t);
-    var minDate = modifyWithTimeString(val.minDate, defaultTime[0], t);
-    if (state.minDate === minDate && state.maxDate === maxDate) {
-      return;
-    }
-    if (state.onPick) {
-      state.onPick(val);
-    }
+const handleRangePick = ({ api, state, t }) => (val, close = true) => {
+  const defaultTime = state.defaultTime || [];
+  const maxDate = modifyWithTimeString(val.maxDate, defaultTime[1], t);
+  const minDate = modifyWithTimeString(val.minDate, defaultTime[0], t);
+  if (state.minDate === minDate && state.maxDate === maxDate) {
+    return;
+  }
+  if (state.onPick) {
+    state.onPick(val);
+  }
+  state.minDate = minDate;
+  state.maxDate = maxDate;
+  setTimeout(() => {
     state.minDate = minDate;
     state.maxDate = maxDate;
-    setTimeout(function () {
-      state.minDate = minDate;
-      state.maxDate = maxDate;
-    }, 10);
-    if (!close) {
-      return;
-    }
-    api.handleConfirm();
-  };
-};
-export var handleShortcutClick = function handleShortcutClick(api) {
-  return function (shortcut) {
-    if (shortcut.onClick) {
-      var choose = {
-        $emit: function $emit(type, _ref5) {
-          var _ref6 = _slicedToArray(_ref5, 2),
-            start = _ref6[0],
-            end = _ref6[1];
-          api.doPick(start, end);
-        }
-      };
-      shortcut.onClick(choose);
-    }
-  };
+  }, 10);
+  if (!close) {
+    return;
+  }
+  api.handleConfirm();
 };
-export var doPick = function doPick(emit) {
-  return function (begin, end) {
-    emit('pick', [begin, end], false);
-  };
+const handleShortcutClick = (api) => (shortcut) => {
+  if (shortcut.onClick) {
+    const choose = {
+      $emit: (type, [start, end]) => {
+        api.doPick(start, end);
+      }
+    };
+    shortcut.onClick(choose);
+  }
 };
-export var leftPrevYear = function leftPrevYear(state) {
-  return function () {
-    state.leftDate = prevYear(state.leftDate);
-    if (!state.unlinkPanels) {
-      state.rightDate = prevYear(state.rightDate);
-    }
-  };
+const doPick = (emit) => (begin, end) => {
+  emit("pick", [begin, end], false);
 };
-export var rightNextYear = function rightNextYear(state) {
-  return function () {
-    if (!state.unlinkPanels) {
-      state.leftDate = nextYear(state.leftDate);
-    }
-    state.rightDate = nextYear(state.rightDate);
-  };
+const leftPrevYear = (state) => () => {
+  state.leftDate = prevYear(state.leftDate);
+  if (!state.unlinkPanels) {
+    state.rightDate = prevYear(state.rightDate);
+  }
 };
-export var leftNextYear = function leftNextYear(state) {
-  return function () {
-    return state.leftDate = nextYear(state.leftDate);
-  };
+const rightNextYear = (state) => () => {
+  if (!state.unlinkPanels) {
+    state.leftDate = nextYear(state.leftDate);
+  }
+  state.rightDate = nextYear(state.rightDate);
 };
-export var rightPrevYear = function rightPrevYear(state) {
-  return function () {
-    return state.rightDate = prevYear(state.rightDate);
-  };
+const leftNextYear = (state) => () => state.leftDate = nextYear(state.leftDate);
+const rightPrevYear = (state) => () => state.rightDate = prevYear(state.rightDate);
+const handleConfirm = ({ api, emit, state }) => (visible = false) => {
+  if (api.isValidValue([state.minDate, state.maxDate])) {
+    emit("pick", [state.minDate, state.maxDate], visible);
+  }
 };
-export var handleConfirm = function handleConfirm(_ref7) {
-  var api = _ref7.api,
-    emit = _ref7.emit,
-    state = _ref7.state;
-  return function () {
-    var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    if (api.isValidValue([state.minDate, state.maxDate])) {
-      emit('pick', [state.minDate, state.maxDate], visible);
-    }
-  };
+const isValidValue = (state) => (value) => Array.isArray(value) && value && value[1] && value[0] && isDate(value[1]) && isDate(value[0]) && value[0].getTime() <= value[1].getTime() && (typeof state.disabledDate === "function" ? !state.disabledDate(value[1]) && !state.disabledDate(value[0]) : true);
+const resetView = (state) => () => {
+  state.minDate = state.value && isDate(state.value[0]) ? new Date(state.value[0]) : null;
+  state.maxDate = state.value && isDate(state.value[0]) ? new Date(state.value[1]) : null;
 };
-export var isValidValue = function isValidValue(state) {
-  return function (value) {
-    return Array.isArray(value) && value && value[1] && value[0] && isDate(value[1]) && isDate(value[0]) && value[0].getTime() <= value[1].getTime() && (typeof state.disabledDate === 'function' ? !state.disabledDate(value[1]) && !state.disabledDate(value[0]) : true);
-  };
+export {
+  calcDefaultValue,
+  doPick,
+  handleChangeRange,
+  handleClear,
+  handleConfirm,
+  handleRangePick,
+  handleShortcutClick,
+  isValidValue,
+  leftNextYear,
+  leftPrevYear,
+  resetView,
+  rightNextYear,
+  rightPrevYear,
+  watchDefaultValue,
+  watchValue
 };
-export var resetView = function resetView(state) {
-  return function () {
-    state.minDate = state.value && isDate(state.value[0]) ? new Date(state.value[0]) : null;
-    state.maxDate = state.value && isDate(state.value[0]) ? new Date(state.value[1]) : null;
-  };
-};

package/month-range/vue.js

@@ -1,69 +1,56 @@
-import { resetView, isValidValue, handleConfirm, rightPrevYear, leftNextYear, rightNextYear, leftPrevYear, handleClear, watchValue, watchDefaultValue, handleChangeRange, handleRangePick, handleShortcutClick, doPick } from './index';
-import { nextYear } from '@opentiny/vue-renderless/common/deps/date-util';
-export var api = ['state', 'rightNextYear', 'rightPrevYear', 'handleRangePick', 'handleShortcutClick', 'handleChangeRange', 'leftPrevYear', 'leftNextYear'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    computed = _ref.computed,
-    api = _ref.api,
-    t = _ref.t;
-  var state = reactive({
-    popperClass: '',
+import "../chunk-PKUHTIDK.js";
+import {
+  resetView,
+  isValidValue,
+  handleConfirm,
+  rightPrevYear,
+  leftNextYear,
+  rightNextYear,
+  leftPrevYear,
+  handleClear,
+  watchValue,
+  watchDefaultValue,
+  handleChangeRange,
+  handleRangePick,
+  handleShortcutClick,
+  doPick
+} from "./index";
+import { nextYear } from "@opentiny/vue-renderless/common/deps/date-util";
+const api = ["state", "rightNextYear", "rightPrevYear", "handleRangePick", "handleShortcutClick", "handleChangeRange", "leftPrevYear", "leftNextYear"];
+const initState = ({ reactive, computed, api: api2, t }) => {
+  const state = reactive({
+    popperClass: "",
     value: [],
     defaultValue: null,
     defaultTime: null,
-    minDate: '',
-    maxDate: '',
+    minDate: "",
+    maxDate: "",
     leftDate: new Date(),
     rightDate: nextYear(new Date()),
-    rangeState: {
-      endDate: null,
-      selecting: false,
-      row: null,
-      column: null
-    },
-    shortcuts: '',
-    visible: '',
-    disabledDate: '',
-    format: '',
+    rangeState: { endDate: null, selecting: false, row: null, column: null },
+    shortcuts: "",
+    visible: "",
+    disabledDate: "",
+    format: "",
     arrowControl: false,
     unlinkPanels: false,
-    btnDisabled: computed(function () {
-      return !(state.minDate && state.maxDate && !state.selecting && api.isValidValue([state.minDate, state.maxDate]));
-    }),
-    leftLabel: computed(function () {
-      return state.leftDate.getFullYear() + ' ' + t('ui.datepicker.year');
-    }),
-    rightLabel: computed(function () {
-      return state.rightDate.getFullYear() + ' ' + t('ui.datepicker.year');
-    }),
-    leftYear: computed(function () {
-      return state.leftDate.getFullYear();
-    }),
-    rightYear: computed(function () {
-      return state.rightDate.getFullYear() === state.leftDate.getFullYear() ? state.leftDate.getFullYear() + 1 : state.rightDate.getFullYear();
-    }),
-    enableYearArrow: computed(function () {
-      return state.unlinkPanels && state.rightYear > state.leftYear + 1;
-    })
+    btnDisabled: computed(() => !(state.minDate && state.maxDate && !state.selecting && api2.isValidValue([state.minDate, state.maxDate]))),
+    leftLabel: computed(() => state.leftDate.getFullYear() + " " + t("ui.datepicker.year")),
+    rightLabel: computed(() => state.rightDate.getFullYear() + " " + t("ui.datepicker.year")),
+    leftYear: computed(() => state.leftDate.getFullYear()),
+    rightYear: computed(
+      () => state.rightDate.getFullYear() === state.leftDate.getFullYear() ? state.leftDate.getFullYear() + 1 : state.rightDate.getFullYear()
+    ),
+    enableYearArrow: computed(() => state.unlinkPanels && state.rightYear > state.leftYear + 1)
   });
   return state;
 };
-export var renderless = function renderless(props, _ref2, _ref3) {
-  var computed = _ref2.computed,
-    reactive = _ref2.reactive,
-    watch = _ref2.watch;
-  var t = _ref3.t,
-    $emit = _ref3.emit;
-  var api = {};
-  var emit = props.emitter ? props.emitter.emit : $emit;
-  var state = initState({
-    reactive: reactive,
-    computed: computed,
-    api: api,
-    t: t
-  });
-  Object.assign(api, {
-    state: state,
+const renderless = (props, { computed, reactive, watch }, { t, emit: $emit }) => {
+  const api2 = {};
+  const emit = props.emitter ? props.emitter.emit : $emit;
+  const state = initState({ reactive, computed, api: api2, t });
+  Object.assign(api2, {
+    state,
     resetView: resetView(state),
     handleChangeRange: handleChangeRange(state),
     isValidValue: isValidValue(state),
@@ -72,33 +59,18 @@ export var renderless = function renderless(props, _ref2, _ref3) {
     doPick: doPick(emit),
     rightNextYear: rightNextYear(state),
     rightPrevYear: rightPrevYear(state),
-    watchValue: watchValue({
-      state: state
-    }),
-    handleClear: handleClear({
-      emit: emit,
-      state: state
-    }),
-    watchDefaultValue: watchDefaultValue({
-      state: state
-    }),
-    handleConfirm: handleConfirm({
-      api: api,
-      emit: emit,
-      state: state
-    }),
-    handleRangePick: handleRangePick({
-      api: api,
-      state: state,
-      t: t
-    }),
-    handleShortcutClick: handleShortcutClick(api)
+    watchValue: watchValue({ state }),
+    handleClear: handleClear({ emit, state }),
+    watchDefaultValue: watchDefaultValue({ state }),
+    handleConfirm: handleConfirm({ api: api2, emit, state }),
+    handleRangePick: handleRangePick({ api: api2, state, t }),
+    handleShortcutClick: handleShortcutClick(api2)
   });
-  watch(function () {
-    return state.value;
-  }, api.watchValue);
-  watch(function () {
-    return state.defaultValue;
-  }, api.watchDefaultValue);
-  return api;
-};
+  watch(() => state.value, api2.watchValue);
+  watch(() => state.defaultValue, api2.watchDefaultValue);
+  return api2;
+};
+export {
+  api,
+  renderless
+};