@opentiny/vue-renderless 3.6.0-alpha.1 → 3.6.1-alpha.0

package/time/index.js

@@ -1,123 +1,81 @@
-import { limitTimeRange, clearMilliseconds, timeWithinRange } from '@opentiny/vue-renderless/common/deps/date-util';
-export var watchValue = function watchValue(_ref) {
-  var api = _ref.api,
-    nextTick = _ref.nextTick,
-    state = _ref.state;
-  return function (value) {
-    var date;
-    if (value instanceof Date) {
-      date = limitTimeRange(value, state.selectableRange, state.format);
-    } else if (!value) {
-      date = state.defaultValue ? new Date(state.defaultValue) : new Date();
-    }
-    state.date = date;
-    if (state.visible && state.needInitAdjust) {
-      nextTick(function () {
-        return api.adjustSpinners();
-      });
-      state.needInitAdjust = false;
-    }
-  };
+import "../chunk-PKUHTIDK.js";
+import { limitTimeRange, clearMilliseconds, timeWithinRange } from "@opentiny/vue-renderless/common/deps/date-util";
+const watchValue = ({ api, nextTick, state }) => (value) => {
+  let date;
+  if (value instanceof Date) {
+    date = limitTimeRange(value, state.selectableRange, state.format);
+  } else if (!value) {
+    date = state.defaultValue ? new Date(state.defaultValue) : new Date();
+  }
+  state.date = date;
+  if (state.visible && state.needInitAdjust) {
+    nextTick(() => api.adjustSpinners());
+    state.needInitAdjust = false;
+  }
 };
-export var watchVisible = function watchVisible(_ref2) {
-  var nextTick = _ref2.nextTick,
-    refs = _ref2.refs,
-    state = _ref2.state;
-  return function (value) {
-    if (value) {
-      state.oldValue = state.value;
-      nextTick(function () {
-        return refs.spinner.emitSelectRange('hours');
-      });
-    } else {
-      state.needInitAdjust = true;
-    }
-  };
+const watchVisible = ({ nextTick, refs, state }) => (value) => {
+  if (value) {
+    state.oldValue = state.value;
+    nextTick(() => refs.spinner.emitSelectRange("hours"));
+  } else {
+    state.needInitAdjust = true;
+  }
 };
-export var handleCancel = function handleCancel(_ref3) {
-  var state = _ref3.state,
-    emit = _ref3.emit;
-  return function () {
-    emit('pick', state.oldValue, false);
-  };
+const handleCancel = ({ state, emit }) => () => {
+  emit("pick", state.oldValue, false);
 };
-export var handleChange = function handleChange(_ref4) {
-  var api = _ref4.api,
-    state = _ref4.state,
-    emit = _ref4.emit;
-  return function (date) {
-    if (state.visible) {
-      state.date = clearMilliseconds(date);
-      if (api.isValidValue(state.date)) {
-        emit('pick', state.date, true);
-      }
+const handleChange = ({ api, state, emit }) => (date) => {
+  if (state.visible) {
+    state.date = clearMilliseconds(date);
+    if (api.isValidValue(state.date)) {
+      emit("pick", state.date, true);
     }
-  };
+  }
 };
-export var setSelectionRange = function setSelectionRange(_ref5) {
-  var state = _ref5.state,
-    emit = _ref5.emit;
-  return function (start, end) {
-    emit('select-range', start, end);
-    state.selectionRange = [start, end];
-  };
+const setSelectionRange = ({ state, emit }) => (start, end) => {
+  emit("select-range", start, end);
+  state.selectionRange = [start, end];
 };
-export var handleConfirm = function handleConfirm(_ref6) {
-  var state = _ref6.state,
-    emit = _ref6.emit;
-  return function () {
-    var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    var first = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    if (first) {
-      return;
-    }
-    var date = clearMilliseconds(limitTimeRange(state.date, state.selectableRange, state.format));
-    emit('pick', date, visible, first);
-  };
+const handleConfirm = ({ state, emit }) => (visible = false, first = null) => {
+  if (first) {
+    return;
+  }
+  const date = clearMilliseconds(limitTimeRange(state.date, state.selectableRange, state.format));
+  emit("pick", date, visible, first);
 };
-export var handleKeydown = function handleKeydown(_ref7) {
-  var api = _ref7.api,
-    refs = _ref7.refs;
-  return function (event) {
-    var mapping = {
-      38: -1,
-      40: 1,
-      37: -1,
-      39: 1
-    };
-    var keyCode = event.keyCode;
-    if (keyCode === 37 || keyCode === 39) {
-      var key = mapping[keyCode];
-      api.changeSelectionRange(key);
-      event.preventDefault();
-      return;
-    }
-    if (keyCode === 38 || keyCode === 40) {
-      var _key = mapping[keyCode];
-      refs.spinner.scrollDown(_key);
-      event.preventDefault();
-    }
-  };
+const handleKeydown = ({ api, refs }) => (event) => {
+  const mapping = { 38: -1, 40: 1, 37: -1, 39: 1 };
+  const keyCode = event.keyCode;
+  if (keyCode === 37 || keyCode === 39) {
+    const key = mapping[keyCode];
+    api.changeSelectionRange(key);
+    event.preventDefault();
+    return;
+  }
+  if (keyCode === 38 || keyCode === 40) {
+    const key = mapping[keyCode];
+    refs.spinner.scrollDown(key);
+    event.preventDefault();
+  }
 };
-export var isValidValue = function isValidValue(_ref8) {
-  var state = _ref8.state;
-  return function (date) {
-    return timeWithinRange(date, state.selectableRange, state.format);
-  };
+const isValidValue = ({ state }) => (date) => timeWithinRange(date, state.selectableRange, state.format);
+const adjustSpinners = (refs) => () => refs.spinner.adjustSpinners();
+const changeSelectionRange = ({ refs, state }) => (step) => {
+  const list = [0, 3].concat(state.showSeconds ? [6] : []);
+  const mapping = ["hours", "minutes"].concat(state.showSeconds ? ["seconds"] : []);
+  const index = list.indexOf(state.selectionRange[0]);
+  const next = (index + step + list.length) % list.length;
+  refs.spinner.emitSelectRange(mapping[next]);
 };
-export var adjustSpinners = function adjustSpinners(refs) {
-  return function () {
-    return refs.spinner.adjustSpinners();
-  };
+export {
+  adjustSpinners,
+  changeSelectionRange,
+  handleCancel,
+  handleChange,
+  handleConfirm,
+  handleKeydown,
+  isValidValue,
+  setSelectionRange,
+  watchValue,
+  watchVisible
 };
-export var changeSelectionRange = function changeSelectionRange(_ref9) {
-  var refs = _ref9.refs,
-    state = _ref9.state;
-  return function (step) {
-    var list = [0, 3].concat(state.showSeconds ? [6] : []);
-    var mapping = ['hours', 'minutes'].concat(state.showSeconds ? ['seconds'] : []);
-    var index = list.indexOf(state.selectionRange[0]);
-    var next = (index + step + list.length) % list.length;
-    refs.spinner.emitSelectRange(mapping[next]);
-  };
-};

package/time/vue.js

@@ -1,16 +1,24 @@
-import { changeSelectionRange, adjustSpinners, isValidValue, handleKeydown, watchValue, watchVisible, handleCancel, handleChange, setSelectionRange, handleConfirm } from './index';
-import { compuAmPmMode } from '@opentiny/vue-renderless/time-range';
-import { isDate } from '@opentiny/vue-renderless/common/deps/date-util';
-export var api = ['state', 'handleChange', 'setSelectionRange', 'handleCancel', 'handleConfirm', 'adjustSpinners'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    props = _ref.props,
-    computed = _ref.computed,
-    api = _ref.api;
-  var state = reactive({
-    popperClass: '',
-    format: 'HH:mm:ss',
-    value: '',
+import "../chunk-PKUHTIDK.js";
+import {
+  changeSelectionRange,
+  adjustSpinners,
+  isValidValue,
+  handleKeydown,
+  watchValue,
+  watchVisible,
+  handleCancel,
+  handleChange,
+  setSelectionRange,
+  handleConfirm
+} from "./index";
+import { compuAmPmMode } from "@opentiny/vue-renderless/time-range";
+import { isDate } from "@opentiny/vue-renderless/common/deps/date-util";
+const api = ["state", "handleChange", "setSelectionRange", "handleCancel", "handleConfirm", "adjustSpinners"];
+const initState = ({ reactive, props, computed, api: api2 }) => {
+  const state = reactive({
+    popperClass: "",
+    format: "HH:mm:ss",
+    value: "",
     defaultValue: null,
     date: props.value || new Date(),
     oldValue: new Date(),
@@ -20,105 +28,54 @@ var initState = function initState(_ref) {
     arrowControl: false,
     visible: false,
     needInitAdjust: true,
-    showSeconds: computed(function () {
-      return (state.format || '').indexOf('ss') !== -1;
-    }),
-    useArrow: computed(function () {
-      return state.arrowControl || props.timeArrowControl || false;
-    }),
-    amPmMode: computed(function () {
-      return api.compuAmPmMode();
-    })
+    showSeconds: computed(() => (state.format || "").includes("ss")),
+    useArrow: computed(() => state.arrowControl || props.timeArrowControl || false),
+    amPmMode: computed(() => api2.compuAmPmMode())
   });
   return state;
 };
-export var renderless = function renderless(props, _ref2, _ref3) {
-  var computed = _ref2.computed,
-    onMounted = _ref2.onMounted,
-    reactive = _ref2.reactive,
-    watch = _ref2.watch,
-    nextTick = _ref2.nextTick;
-  var t = _ref3.t,
-    $emit = _ref3.emit,
-    refs = _ref3.refs;
-  var api = {};
-  var emit = props.emitter ? props.emitter.emit : $emit;
-  var state = initState({
-    reactive: reactive,
-    props: props,
-    computed: computed,
-    api: api
-  });
-  Object.assign(api, {
-    t: t,
-    state: state,
+const renderless = (props, { computed, onMounted, reactive, watch, nextTick }, { t, emit: $emit, refs }) => {
+  const api2 = {};
+  const emit = props.emitter ? props.emitter.emit : $emit;
+  const state = initState({ reactive, props, computed, api: api2 });
+  Object.assign(api2, {
+    t,
+    state,
     compuAmPmMode: compuAmPmMode(state),
     adjustSpinners: adjustSpinners(refs),
-    handleCancel: handleCancel({
-      state: state,
-      emit: emit
-    }),
-    setSelectionRange: setSelectionRange({
-      state: state,
-      emit: emit
-    }),
-    watchVisible: watchVisible({
-      nextTick: nextTick,
-      refs: refs,
-      state: state
-    }),
-    isValidValue: isValidValue({
-      state: state
-    }),
-    changeSelectionRange: changeSelectionRange({
-      refs: refs,
-      state: state
-    }),
-    handleConfirm: handleConfirm({
-      state: state,
-      emit: emit
-    }),
-    handleKeydown: handleKeydown({
-      api: api,
-      refs: refs
-    }),
-    handleChange: handleChange({
-      api: api,
-      emit: emit,
-      state: state
-    }),
-    watchValue: watchValue({
-      api: api,
-      emit: emit,
-      nextTick: nextTick,
-      state: state
-    })
-  });
-  watch(function () {
-    return state.value;
-  }, api.watchValue);
-  watch(function () {
-    return props.show;
-  }, function (value) {
-    state.visible = value;
-  }, {
-    immediate: true
-  });
-  watch(function () {
-    return state.selectableRange;
-  }, function (value) {
-    return refs.spinner.state.selectableRange = value;
+    handleCancel: handleCancel({ state, emit }),
+    setSelectionRange: setSelectionRange({ state, emit }),
+    watchVisible: watchVisible({ nextTick, refs, state }),
+    isValidValue: isValidValue({ state }),
+    changeSelectionRange: changeSelectionRange({ refs, state }),
+    handleConfirm: handleConfirm({ state, emit }),
+    handleKeydown: handleKeydown({ api: api2, refs }),
+    handleChange: handleChange({ api: api2, emit, state }),
+    watchValue: watchValue({ api: api2, emit, nextTick, state })
   });
-  watch(function () {
-    return state.defaultValue;
-  }, function (value) {
-    return !isDate(state.value) && (state.date = value ? new Date(value) : new Date());
+  watch(() => state.value, api2.watchValue);
+  watch(
+    () => props.show,
+    (value) => {
+      state.visible = value;
+    },
+    { immediate: true }
+  );
+  watch(
+    () => state.selectableRange,
+    (value) => refs.spinner.state.selectableRange = value
+  );
+  watch(
+    () => state.defaultValue,
+    (value) => !isDate(state.value) && (state.date = value ? new Date(value) : new Date())
+  );
+  onMounted(() => {
+    api2.handleConfirm(true, true);
   });
-  onMounted(function () {
-    api.handleConfirm(true, true);
-  });
-  watch(function () {
-    return state.visible;
-  }, api.watchVisible);
-  return api;
-};
+  watch(() => state.visible, api2.watchVisible);
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/time-line/index.js

@@ -1,60 +1,34 @@
-import { format } from '@opentiny/vue-renderless/common/date';
-export var getDate = function getDate(dateTime) {
-  return {
-    date: format(dateTime, 'yyyy-MM-dd'),
-    time: format(dateTime, 'hh:mm')
-  };
+import "../chunk-PKUHTIDK.js";
+import { format } from "@opentiny/vue-renderless/common/date";
+const getDate = (dateTime) => ({
+  date: format(dateTime, "yyyy-MM-dd"),
+  time: format(dateTime, "hh:mm")
+});
+const getStatus = ({ state, t }) => (value) => {
+  const status = state.current - value;
+  return status > 0 ? t("ui.steps.done") : status === 0 ? t("ui.steps.doing") : t("ui.steps.wait");
 };
-export var getStatus = function getStatus(_ref) {
-  var state = _ref.state,
-    t = _ref.t;
-  return function (value) {
-    var status = state.current - value;
-    return status > 0 ? t('ui.steps.done') : status === 0 ? t('ui.steps.doing') : t('ui.steps.wait');
-  };
+const handleClick = ({ emit, state }) => ({ index, node }) => {
+  emit("click", state.isReverse ? state.nodes.length - index - 1 : index, node);
 };
-export var handleClick = function handleClick(_ref2) {
-  var emit = _ref2.emit,
-    state = _ref2.state;
-  return function (_ref3) {
-    var index = _ref3.index,
-      node = _ref3.node;
-    emit('click', state.isReverse ? state.nodes.length - index - 1 : index, node);
-  };
+const getStatusCls = ({ constants, state }) => (index) => {
+  const { PROCESS_DONE_CLS, PROCESS_CUR_CLS, PROCESS_WAIT_CLS } = constants;
+  const cls = {};
+  const reverse = state.isReverse;
+  cls[PROCESS_DONE_CLS] = reverse ? index > state.current : index < state.current;
+  cls[PROCESS_CUR_CLS] = index === state.current;
+  cls[PROCESS_WAIT_CLS] = reverse ? index < state.current : index > state.current;
+  return cls;
 };
-export var getStatusCls = function getStatusCls(_ref4) {
-  var constants = _ref4.constants,
-    state = _ref4.state;
-  return function (index) {
-    var PROCESS_DONE_CLS = constants.PROCESS_DONE_CLS,
-      PROCESS_CUR_CLS = constants.PROCESS_CUR_CLS,
-      PROCESS_WAIT_CLS = constants.PROCESS_WAIT_CLS;
-    var cls = {};
-    var reverse = state.isReverse;
-    cls[PROCESS_DONE_CLS] = reverse ? index > state.current : index < state.current;
-    cls[PROCESS_CUR_CLS] = index === state.current;
-    cls[PROCESS_WAIT_CLS] = reverse ? index < state.current : index > state.current;
-    return cls;
-  };
+const computedData = ({ props, state }) => () => state.isReverse ? props.data.map((item, i) => props.data[props.data.length - 1 - i]) : props.data;
+const computedCurrent = ({ props, state }) => () => state.isReverse ? state.nodes.length - props.active - 1 : props.active;
+const computedIsReverse = (props) => () => props.reverse && props.vertical;
+export {
+  computedCurrent,
+  computedData,
+  computedIsReverse,
+  getDate,
+  getStatus,
+  getStatusCls,
+  handleClick
 };
-export var computedData = function computedData(_ref5) {
-  var props = _ref5.props,
-    state = _ref5.state;
-  return function () {
-    return state.isReverse ? props.data.map(function (item, i) {
-      return props.data[props.data.length - 1 - i];
-    }) : props.data;
-  };
-};
-export var computedCurrent = function computedCurrent(_ref6) {
-  var props = _ref6.props,
-    state = _ref6.state;
-  return function () {
-    return state.isReverse ? state.nodes.length - props.active - 1 : props.active;
-  };
-};
-export var computedIsReverse = function computedIsReverse(props) {
-  return function () {
-    return props.reverse && props.vertical;
-  };
-};

package/time-line/vue.js

@@ -1,49 +1,26 @@
-import { handleClick, getStatusCls, getStatus, computedData, getDate, computedCurrent, computedIsReverse } from './index';
-export var api = ['state', 'handleClick', 'getStatusCls', 'getStatus', 'getDate'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    reactive = _ref.reactive;
-  var t = _ref2.t,
-    emit = _ref2.emit,
-    constants = _ref2.constants;
-  var api = {};
-  var state = reactive({
-    nodes: computed(function () {
-      return api.computedData();
-    }),
-    current: computed(function () {
-      return api.computedCurrent();
-    }),
-    isReverse: computed(function () {
-      return api.computedIsReverse();
-    })
+import "../chunk-PKUHTIDK.js";
+import { handleClick, getStatusCls, getStatus, computedData, getDate, computedCurrent, computedIsReverse } from "./index";
+const api = ["state", "handleClick", "getStatusCls", "getStatus", "getDate"];
+const renderless = (props, { computed, reactive }, { t, emit, constants }) => {
+  const api2 = {};
+  const state = reactive({
+    nodes: computed(() => api2.computedData()),
+    current: computed(() => api2.computedCurrent()),
+    isReverse: computed(() => api2.computedIsReverse())
   });
-  Object.assign(api, {
-    state: state,
-    getDate: getDate,
-    computedData: computedData({
-      props: props,
-      state: state
-    }),
-    computedCurrent: computedCurrent({
-      props: props,
-      state: state
-    }),
+  Object.assign(api2, {
+    state,
+    getDate,
+    computedData: computedData({ props, state }),
+    computedCurrent: computedCurrent({ props, state }),
     computedIsReverse: computedIsReverse(props),
-    getStatus: getStatus({
-      state: state,
-      t: t
-    }),
-    handleClick: handleClick({
-      emit: emit,
-      state: state,
-      api: api
-    }),
-    getStatusCls: getStatusCls({
-      constants: constants,
-      props: props,
-      state: state
-    })
+    getStatus: getStatus({ state, t }),
+    handleClick: handleClick({ emit, state, api: api2 }),
+    getStatusCls: getStatusCls({ constants, props, state })
   });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};