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

package/calendar/vue.js

@@ -1,85 +1,93 @@
-import { computedCalendar, computedEventList, toggeModel, selectMonth, selectDay, getEventByDay, getEventByMonth, getTime, getYearList, isToday, isThisMonth, genMonths, toToday, getCurrentDate } from './index';
-export var api = ['state', 'renderProxy', 'isToday', 'isThisMonth', 'getEventByMonth', 'getEventByDay', 'selectDay', 'selectMonth', 'toggeModel', 'getTime', 'genMonths', 'toToday'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    props = _ref.props,
-    computed = _ref.computed,
-    api = _ref.api;
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import {
+  computedCalendar,
+  computedEventList,
+  toggeModel,
+  selectMonth,
+  selectDay,
+  getEventByDay,
+  getEventByMonth,
+  getTime,
+  getYearList,
+  isToday,
+  isThisMonth,
+  genMonths,
+  toToday,
+  getCurrentDate
+} from "./index";
+const api = [
+  "state",
+  "renderProxy",
+  "isToday",
+  "isThisMonth",
+  "getEventByMonth",
+  "getEventByDay",
+  "selectDay",
+  "selectMonth",
+  "toggeModel",
+  "getTime",
+  "genMonths",
+  "toToday"
+];
+const initState = ({ reactive, props, computed, api: api2 }) => {
+  const state = reactive({
     index: 0,
-    selectedTip: '',
+    selectedTip: "",
     selectedDate: getCurrentDate(),
     showYear: false,
     showMonth: false,
     activeYear: props.year,
     displayMode: props.mode,
     activeMonth: props.month,
-    dropdownYear: computed(function () {
-      return api.getYearList();
-    }),
-    calendar: computed(function () {
-      return api.computedCalendar();
-    }),
-    eventList: computed(function () {
-      return api.computedEventList();
-    })
+    dropdownYear: computed(() => api2.getYearList()),
+    calendar: computed(() => api2.computedCalendar()),
+    eventList: computed(() => api2.computedEventList())
   });
   return state;
 };
-var initWatch = function initWatch(_ref2) {
-  var watch = _ref2.watch,
-    props = _ref2.props,
-    state = _ref2.state,
-    emit = _ref2.emit;
-  watch(function () {
-    return props.year;
-  }, function (value, oldValue) {
-    if (value !== oldValue) {
-      state.activeYear = value;
+const initWatch = ({ watch, props, state, emit }) => {
+  watch(
+    () => props.year,
+    (value, oldValue) => {
+      if (value !== oldValue) {
+        state.activeYear = value;
+      }
+    },
+    { immediate: true }
+  );
+  watch(
+    () => props.month,
+    (value, oldValue) => {
+      if (value !== oldValue) {
+        state.activeMonth = value;
+      }
+    },
+    { immediate: true }
+  );
+  watch(
+    () => state.activeYear,
+    (value, oldValue) => {
+      if (value !== oldValue) {
+        emit("year-change", value, oldValue);
+        emit("update:modelValue", value, oldValue);
+      }
     }
-  }, {
-    immediate: true
-  });
-  watch(function () {
-    return props.month;
-  }, function (value, oldValue) {
-    if (value !== oldValue) {
-      state.activeMonth = value;
-    }
-  }, {
-    immediate: true
-  });
-  watch(function () {
-    return state.activeYear;
-  }, function (value, oldValue) {
-    if (value !== oldValue) {
-      emit('year-change', value, oldValue);
-      emit('update:modelValue', value, oldValue);
+  );
+  watch(
+    () => state.activeMonth,
+    (value, oldValue) => {
+      if (value !== oldValue) {
+        emit("month-change", value, oldValue);
+      }
     }
-  });
-  watch(function () {
-    return state.activeMonth;
-  }, function (value, oldValue) {
-    if (value !== oldValue) {
-      emit('month-change', value, oldValue);
-    }
-  });
+  );
 };
-var initApi = function initApi(_ref3) {
-  var api = _ref3.api,
-    state = _ref3.state,
-    t = _ref3.t,
-    props = _ref3.props;
-  Object.assign(api, {
-    state: state,
-    genMonths: genMonths,
-    computedCalendar: computedCalendar({
-      state: state
-    }),
-    computedEventList: computedEventList({
-      props: props,
-      state: state
-    }),
+const initApi = ({ api: api2, state, t, props }) => {
+  Object.assign(api2, {
+    state,
+    genMonths,
+    computedCalendar: computedCalendar({ state }),
+    computedEventList: computedEventList({ props, state }),
     getTime: getTime(state),
     isToday: isToday(state),
     selectDay: selectDay(state),
@@ -88,37 +96,18 @@ var initApi = function initApi(_ref3) {
     selectMonth: selectMonth(state),
     isThisMonth: isThisMonth(state),
     getEventByDay: getEventByDay(state),
-    getEventByMonth: getEventByMonth({
-      props: props,
-      state: state
-    }),
+    getEventByMonth: getEventByMonth({ props, state }),
     toToday: toToday(state)
   });
 };
-export var renderless = function renderless(props, _ref4, _ref5) {
-  var computed = _ref4.computed,
-    reactive = _ref4.reactive,
-    watch = _ref4.watch;
-  var t = _ref5.t,
-    emit = _ref5.emit;
-  var api = {};
-  var state = initState({
-    reactive: reactive,
-    props: props,
-    computed: computed,
-    api: api
-  });
-  initWatch({
-    watch: watch,
-    props: props,
-    state: state,
-    emit: emit
-  });
-  initApi({
-    api: api,
-    state: state,
-    t: t,
-    props: props
-  });
-  return api;
-};
+const renderless = (props, { computed, reactive, watch }, { t, emit }) => {
+  const api2 = {};
+  const state = initState({ reactive, props, computed, api: api2 });
+  initWatch({ watch, props, state, emit });
+  initApi({ api: api2, state, t, props });
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/card-template/index.js

@@ -1,39 +1,31 @@
-import PopupManager from '@opentiny/vue-renderless/common/deps/popup-manager';
-export var toolClick = function toolClick(showMoreTools) {
-  return function (cb) {
-    typeof cb === 'function' && cb();
-    showMoreTools.value = false;
-  };
+import "../chunk-PKUHTIDK.js";
+import PopupManager from "@opentiny/vue-renderless/common/deps/popup-manager";
+const toolClick = (showMoreTools) => (cb) => {
+  typeof cb === "function" && cb();
+  showMoreTools.value = false;
 };
-export var computedMoreTools = function computedMoreTools(_ref) {
-  var props = _ref.props;
-  return function () {
-    return Array.isArray(props.tools) && props.tools.length > 3 ? props.tools.slice(2) : [];
-  };
-};
-export var computedTools = function computedTools(_ref2) {
-  var props = _ref2.props,
-    state = _ref2.state,
-    constants = _ref2.constants,
-    refs = _ref2.refs,
-    t = _ref2.t;
-  return function () {
-    var result = [];
-    var tools = props.tools;
-    if (Array.isArray(tools) && tools.length) {
-      if (tools.length <= 3) {
-        result = tools;
-      } else {
-        result = [].concat(tools[0], tools[1], {
-          icon: constants.MOREICON,
-          title: t('ui.base.more'),
-          click: function click() {
-            state.showMoreTools = !state.showMoreTools;
-            refs.selector.style.zIndex = PopupManager.nextZIndex();
-          }
-        });
-      }
+const computedMoreTools = ({ props }) => () => Array.isArray(props.tools) && props.tools.length > 3 ? props.tools.slice(2) : [];
+const computedTools = ({ props, state, constants, refs, t }) => () => {
+  let result = [];
+  const tools = props.tools;
+  if (Array.isArray(tools) && tools.length) {
+    if (tools.length <= 3) {
+      result = tools;
+    } else {
+      result = [].concat(tools[0], tools[1], {
+        icon: constants.MOREICON,
+        title: t("ui.base.more"),
+        click() {
+          state.showMoreTools = !state.showMoreTools;
+          refs.selector.style.zIndex = PopupManager.nextZIndex();
+        }
+      });
     }
-    return result;
-  };
-};
+  }
+  return result;
+};
+export {
+  computedMoreTools,
+  computedTools,
+  toolClick
+};

package/card-template/vue.js

@@ -1,34 +1,22 @@
-import { toolClick, computedTools, computedMoreTools } from './index';
-export var api = ['state', 'toolClick'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    reactive = _ref.reactive;
-  var t = _ref2.t,
-    refs = _ref2.refs,
-    constants = _ref2.constants;
-  var api = {
-    computedMoreTools: computedMoreTools({
-      props: props
-    })
+import "../chunk-PKUHTIDK.js";
+import { toolClick, computedTools, computedMoreTools } from "./index";
+const api = ["state", "toolClick"];
+const renderless = (props, { computed, reactive }, { t, refs, constants }) => {
+  const api2 = {
+    computedMoreTools: computedMoreTools({ props })
   };
-  var state = reactive({
+  const state = reactive({
     isEnter: false,
     showMoreTools: false,
-    moreTools: computed(function () {
-      return api.computedMoreTools(props);
-    }),
-    currentTools: computed(function () {
-      return api.computedTools();
-    })
+    moreTools: computed(() => api2.computedMoreTools(props)),
+    currentTools: computed(() => api2.computedTools())
   });
-  api.state = state;
-  api.computedTools = computedTools({
-    constants: constants,
-    props: props,
-    refs: refs,
-    state: state,
-    t: t
-  });
-  api.toolClick = toolClick(state);
-  return api;
-};
+  api2.state = state;
+  api2.computedTools = computedTools({ constants, props, refs, state, t });
+  api2.toolClick = toolClick(state);
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/carousel/index.js

@@ -1,206 +1,133 @@
-import throttle from '@opentiny/vue-renderless/common/deps/throttle';
-import { POSITION } from '@opentiny/vue-renderless/common';
-export var handleMouseEnter = function handleMouseEnter(_ref) {
-  var api = _ref.api,
-    state = _ref.state;
-  return function () {
-    state.hover = true;
-    api.pauseTimer();
-  };
-};
-export var handleMouseLeave = function handleMouseLeave(_ref2) {
-  var api = _ref2.api,
-    state = _ref2.state;
-  return function () {
-    state.hover = false;
-    api.startTimer();
-  };
-};
-export var itemInStage = function itemInStage(state) {
-  return function (_ref3) {
-    var item = _ref3.item,
-      index = _ref3.index;
-    var length = state.items.length;
-    var arr = state.items;
-    if (index === length - 1 && item.inStage && arr[0].active || item.inStage && arr[index + 1] && arr[index + 1].active) {
-      return POSITION.Left;
-    } else if (index === 0 && item.inStage && arr[length - 1].active || item.inStage && arr[index - 1] && arr[index - 1].active) {
-      return POSITION.Right;
+import "../chunk-PKUHTIDK.js";
+import throttle from "@opentiny/vue-renderless/common/deps/throttle";
+import { POSITION } from "@opentiny/vue-renderless/common";
+const handleMouseEnter = ({ api, state }) => () => {
+  state.hover = true;
+  api.pauseTimer();
+};
+const handleMouseLeave = ({ api, state }) => () => {
+  state.hover = false;
+  api.startTimer();
+};
+const itemInStage = (state) => ({ item, index }) => {
+  const length = state.items.length;
+  const arr = state.items;
+  if (index === length - 1 && item.inStage && arr[0].active || item.inStage && arr[index + 1] && arr[index + 1].active) {
+    return POSITION.Left;
+  } else if (index === 0 && item.inStage && arr[length - 1].active || item.inStage && arr[index - 1] && arr[index - 1].active) {
+    return POSITION.Right;
+  }
+  return false;
+};
+const handleButtonEnter = ({ api, state }) => (arrow) => {
+  state.items.forEach((item, index) => {
+    if (arrow === api.itemInStage({ item, index })) {
+      item.hover = true;
     }
-    return false;
-  };
+  });
 };
-export var handleButtonEnter = function handleButtonEnter(_ref4) {
-  var api = _ref4.api,
-    state = _ref4.state;
-  return function (arrow) {
-    state.items.forEach(function (item, index) {
-      if (arrow === api.itemInStage({
-        item: item,
-        index: index
-      })) {
-        item.hover = true;
-      }
-    });
-  };
+const handleButtonLeave = (state) => () => {
+  state.items.forEach((item) => {
+    item.hover = false;
+  });
 };
-export var handleButtonLeave = function handleButtonLeave(state) {
-  return function () {
-    state.items.forEach(function (item) {
-      item.hover = false;
+const resetItemPosition = (state) => (oldIndex) => {
+  if (state.completed) {
+    state.items.forEach((item, index) => {
+      item.translateItem({ activeIndex: state.activeIndex, index, oldIndex });
     });
-  };
-};
-export var resetItemPosition = function resetItemPosition(state) {
-  return function (oldIndex) {
-    if (state.completed) {
-      state.items.forEach(function (item, index) {
-        item.translateItem({
-          activeIndex: state.activeIndex,
-          index: index,
-          oldIndex: oldIndex
-        });
-      });
-    }
-  };
-};
-export var playSlides = function playSlides(_ref5) {
-  var props = _ref5.props,
-    state = _ref5.state;
-  return function () {
-    if (state.activeIndex < state.items.length - 1) {
-      state.activeIndex++;
-    } else if (props.loop) {
-      state.activeIndex = 0;
-    }
-  };
-};
-export var pauseTimer = function pauseTimer(state) {
-  return function () {
-    return clearInterval(state.timer);
-  };
-};
-export var startTimer = function startTimer(_ref6) {
-  var api = _ref6.api,
-    props = _ref6.props,
-    state = _ref6.state;
-  return function () {
-    if (props.interval <= 0 || !props.autoplay) {
-      return;
-    }
-    state.timer = setInterval(api.playSlides, props.interval);
-  };
-};
-export var setActiveItem = function setActiveItem(_ref7) {
-  var api = _ref7.api,
-    props = _ref7.props,
-    state = _ref7.state;
-  return function (index) {
-    if (typeof index === 'string') {
-      var filteredItems = state.items.filter(function (item) {
-        return item.name === index;
-      });
-      if (filteredItems.length > 0) {
-        index = state.items.indexOf(filteredItems[0]);
-      }
-    }
-    index = Number(index);
-    if (isNaN(index) || index !== Math.floor(index)) {
-      return;
-    }
-    var length = state.items.length;
-    var oldIndex = state.activeIndex;
-    if (index < 0) {
-      state.activeIndex = props.loop ? length - 1 : 0;
-    } else if (index >= length) {
-      state.activeIndex = props.loop ? 0 : length - 1;
-    } else {
-      state.activeIndex = index;
-    }
-    if (oldIndex === state.activeIndex) {
-      api.resetItemPosition(oldIndex);
+  }
+};
+const playSlides = ({ props, state }) => () => {
+  if (state.activeIndex < state.items.length - 1) {
+    state.activeIndex++;
+  } else if (props.loop) {
+    state.activeIndex = 0;
+  }
+};
+const pauseTimer = (state) => () => clearInterval(state.timer);
+const startTimer = ({ api, props, state }) => () => {
+  if (props.interval <= 0 || !props.autoplay) {
+    return;
+  }
+  state.timer = setInterval(api.playSlides, props.interval);
+};
+const setActiveItem = ({ api, props, state }) => (index) => {
+  if (typeof index === "string") {
+    const filteredItems = state.items.filter((item) => item.name === index);
+    if (filteredItems.length > 0) {
+      index = state.items.indexOf(filteredItems[0]);
     }
-  };
-};
-export var prev = function prev(_ref8) {
-  var api = _ref8.api,
-    state = _ref8.state;
-  return function () {
-    return api.setActiveItem(state.activeIndex - 1);
-  };
-};
-export var next = function next(_ref9) {
-  var api = _ref9.api,
-    state = _ref9.state;
-  return function () {
-    return api.setActiveItem(state.activeIndex + 1);
-  };
-};
-export var handleIndicatorClick = function handleIndicatorClick(state) {
-  return function (index) {
+  }
+  index = Number(index);
+  if (isNaN(index) || index !== Math.floor(index)) {
+    return;
+  }
+  const length = state.items.length;
+  const oldIndex = state.activeIndex;
+  if (index < 0) {
+    state.activeIndex = props.loop ? length - 1 : 0;
+  } else if (index >= length) {
+    state.activeIndex = props.loop ? 0 : length - 1;
+  } else {
     state.activeIndex = index;
-  };
-};
-export var handleIndicatorHover = function handleIndicatorHover(_ref10) {
-  var props = _ref10.props,
-    state = _ref10.state;
-  return function (index) {
-    if (props.trigger === 'hover' && index !== state.activeIndex) {
-      state.activeIndex = index;
-    }
-  };
-};
-export var watchItems = function watchItems(_ref11) {
-  var props = _ref11.props,
-    api = _ref11.api;
-  return function (value) {
-    if (value.length) {
-      api.setActiveItem(props.initialIndex);
+  }
+  if (oldIndex === state.activeIndex) {
+    api.resetItemPosition(oldIndex);
+  }
+};
+const prev = ({ api, state }) => () => api.setActiveItem(state.activeIndex - 1);
+const next = ({ api, state }) => () => api.setActiveItem(state.activeIndex + 1);
+const handleIndicatorClick = (state) => (index) => {
+  state.activeIndex = index;
+};
+const handleIndicatorHover = ({ props, state }) => (index) => {
+  if (props.trigger === "hover" && index !== state.activeIndex) {
+    state.activeIndex = index;
+  }
+};
+const watchItems = ({ props, api }) => (value) => {
+  if (value.length) {
+    api.setActiveItem(props.initialIndex);
+  }
+};
+const watchActiveIndex = ({ emit, api }) => ({ value, oldValue }) => {
+  api.resetItemPosition(oldValue);
+  emit("change", value, oldValue);
+};
+const watchAutoplay = (api) => (value) => value ? api.startTimer() : api.pauseTimer();
+const throttledArrowClick = (api) => throttle(300, true, (index) => api.setActiveItem(index));
+const throttledIndicatorHover = (api) => throttle(300, (index) => api.handleIndicatorHover(index));
+const computedHasLable = (items) => items.some((item) => item.label.toString().length > 0);
+const onComplete = ({ count, emit, props, state }) => (total) => {
+  if (count++ === total) {
+    state.completed = true;
+    if (props.initialIndex < state.items.length && props.initialIndex >= 0) {
+      state.activeIndex = props.initialIndex;
     }
-  };
-};
-export var watchActiveIndex = function watchActiveIndex(_ref12) {
-  var emit = _ref12.emit,
-    api = _ref12.api;
-  return function (_ref13) {
-    var value = _ref13.value,
-      oldValue = _ref13.oldValue;
-    api.resetItemPosition(oldValue);
-    emit('change', value, oldValue);
-  };
+    emit("complete");
+  }
+};
+export {
+  computedHasLable,
+  handleButtonEnter,
+  handleButtonLeave,
+  handleIndicatorClick,
+  handleIndicatorHover,
+  handleMouseEnter,
+  handleMouseLeave,
+  itemInStage,
+  next,
+  onComplete,
+  pauseTimer,
+  playSlides,
+  prev,
+  resetItemPosition,
+  setActiveItem,
+  startTimer,
+  throttledArrowClick,
+  throttledIndicatorHover,
+  watchActiveIndex,
+  watchAutoplay,
+  watchItems
 };
-export var watchAutoplay = function watchAutoplay(api) {
-  return function (value) {
-    return value ? api.startTimer() : api.pauseTimer();
-  };
-};
-export var throttledArrowClick = function throttledArrowClick(api) {
-  return throttle(300, true, function (index) {
-    return api.setActiveItem(index);
-  });
-};
-export var throttledIndicatorHover = function throttledIndicatorHover(api) {
-  return throttle(300, function (index) {
-    return api.handleIndicatorHover(index);
-  });
-};
-export var computedHasLable = function computedHasLable(items) {
-  return items.some(function (item) {
-    return item.label.toString().length > 0;
-  });
-};
-export var onComplete = function onComplete(_ref14) {
-  var count = _ref14.count,
-    emit = _ref14.emit,
-    props = _ref14.props,
-    state = _ref14.state;
-  return function (total) {
-    if (count++ === total) {
-      state.completed = true;
-      if (props.initialIndex < state.items.length && props.initialIndex >= 0) {
-        state.activeIndex = props.initialIndex;
-      }
-      emit('complete');
-    }
-  };
-};