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

package/button-group/vue.js

@@ -1,51 +1,38 @@
-import { handleClick } from './index';
-export var api = ['state', 'handleClick', 'moreNodeClick'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var _props$data, _props$data2;
-  var computed = _ref.computed,
-    reactive = _ref.reactive,
-    watch = _ref.watch,
-    inject = _ref.inject;
-  var emit = _ref2.emit,
-    parent = _ref2.parent;
-  parent.tinyForm = parent.tinyForm || inject('form', null);
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import { handleClick } from "./index";
+const api = ["state", "handleClick", "moreNodeClick"];
+const renderless = (props, { computed, reactive, watch, inject }, { emit, parent }) => {
+  var _a, _b;
+  parent.tinyForm = parent.tinyForm || inject("form", null);
+  const state = reactive({
     value: props.modelValue,
-    buttonData: ((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.slice(0, props.showMore)) || [],
-    moreData: ((_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.slice(props.showMore, props.data.length)) || [],
-    formDisabled: computed(function () {
-      return (parent.tinyForm || {}).disabled;
-    }),
-    disabled: computed(function () {
-      return props.disabled || state.formDisabled;
-    }),
-    attributeValue: computed(function () {
+    buttonData: ((_a = props.data) == null ? void 0 : _a.slice(0, props.showMore)) || [],
+    moreData: ((_b = props.data) == null ? void 0 : _b.slice(props.showMore, props.data.length)) || [],
+    formDisabled: computed(() => (parent.tinyForm || {}).disabled),
+    disabled: computed(() => props.disabled || state.formDisabled),
+    attributeValue: computed(() => {
       if (state.disabled) {
-        return {
-          disabled: state.disabled
-        };
+        return { disabled: state.disabled };
       }
-      return props.plain ? {
-        plain: props.plain
-      } : '';
+      return props.plain ? { plain: props.plain } : "";
     })
   });
-  watch(function () {
-    return props.modelValue;
-  }, function (value) {
-    if (!state.disabled && state.value !== value) {
-      state.value = value;
-    }
-  }, {
-    immediate: true
-  });
-  var api = {
-    state: state,
-    handleClick: handleClick({
-      emit: emit,
-      props: props,
-      state: state
-    })
+  watch(
+    () => props.modelValue,
+    (value) => {
+      if (!state.disabled && state.value !== value) {
+        state.value = value;
+      }
+    },
+    { immediate: true }
+  );
+  const api2 = {
+    state,
+    handleClick: handleClick({ emit, props, state })
   };
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/calendar/index.js

@@ -1,12 +1,9 @@
-import { isLeapYear } from '@opentiny/vue-renderless/common/date';
-import { copyArray } from '@opentiny/vue-renderless/common/object';
-export var getDays = function getDays(year, month) {
-  return [31, isLeapYear(year) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month - 1];
-};
-export var getWeek = function getWeek(year, month, day) {
-  return new Date("".concat(year, "/").concat(month, "/").concat(day)).getDay();
-};
-export var lastMonth = function lastMonth(year, month) {
+import "../chunk-PKUHTIDK.js";
+import { isLeapYear } from "@opentiny/vue-renderless/common/date";
+import { copyArray } from "@opentiny/vue-renderless/common/object";
+const getDays = (year, month) => [31, isLeapYear(year) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month - 1];
+const getWeek = (year, month, day) => new Date(`${year}/${month}/${day}`).getDay();
+const lastMonth = (year, month) => {
   year = Number(year);
   month = Number(month);
   if (month === 1) {
@@ -15,12 +12,9 @@ export var lastMonth = function lastMonth(year, month) {
   } else {
     month--;
   }
-  return {
-    year: year,
-    month: month
-  };
+  return { year, month };
 };
-export var nextMonth = function nextMonth(year, month) {
+const nextMonth = (year, month) => {
   year = Number(year);
   month = Number(month);
   if (month === 12) {
@@ -29,20 +23,17 @@ export var nextMonth = function nextMonth(year, month) {
   } else {
     month++;
   }
-  return {
-    year: year,
-    month: month
-  };
+  return { year, month };
 };
-export var getCalendar = function getCalendar(year, month) {
+const getCalendar = (year, month) => {
   if (year && month && month <= 12) {
-    var days = getDays(year, month);
-    var firstWeek = getWeek(year, month, 1);
-    var lastWeek = getWeek(year, month, days);
-    var last = lastMonth(year, month);
-    var lastDays = getDays(last.year, last.month);
-    var remainDays = 0;
-    var totalDays = days + firstWeek + 7 - lastWeek - 1;
+    const days = getDays(year, month);
+    const firstWeek = getWeek(year, month, 1);
+    const lastWeek = getWeek(year, month, days);
+    const last = lastMonth(year, month);
+    const lastDays = getDays(last.year, last.month);
+    let remainDays = 0;
+    const totalDays = days + firstWeek + 7 - lastWeek - 1;
     if (totalDays / 7 < 6 && totalDays / 7 >= 5) {
       remainDays = 6 * 7 - totalDays;
     }
@@ -62,22 +53,22 @@ export var getCalendar = function getCalendar(year, month) {
     };
   }
 };
-export var transformArray = function transformArray(array) {
-  var result = [];
-  var index = 0;
+const transformArray = (array) => {
+  const result = [];
+  let index = 0;
   if (array && array.length) {
-    var length = array.length / 7;
-    for (var i = 0; i < length; i++) {
+    const length = array.length / 7;
+    for (let i = 0; i < length; i++) {
       result[i] = [];
-      for (var j = 0; j < 7; j++) {
+      for (let j = 0; j < 7; j++) {
         result[i][j] = array[index++];
       }
     }
   }
   return result;
 };
-export var parseDate = function parseDate(time) {
-  var date = new Date(time && typeof time === 'number' ? time : 0);
+const parseDate = (time) => {
+  const date = new Date(time && typeof time === "number" ? time : 0);
   return {
     year: date.getFullYear(),
     month: date.getMonth() + 1,
@@ -87,193 +78,167 @@ export var parseDate = function parseDate(time) {
     seconds: date.getSeconds()
   };
 };
-export var computedCalendar = function computedCalendar(_ref) {
-  var state = _ref.state;
-  return function () {
-    var calendar = getCalendar(state.activeYear, state.activeMonth);
-    var result = [];
-    if (calendar) {
-      var last = calendar.last,
-        current = calendar.current,
-        next = calendar.next;
-      if (last && calendar.last.end >= calendar.last.start) {
-        for (var i = last.start; i <= last.end; i++) {
-          result.push({
-            value: i,
-            isLast: true
-          });
-        }
+const computedCalendar = ({ state }) => () => {
+  const calendar = getCalendar(state.activeYear, state.activeMonth);
+  const result = [];
+  if (calendar) {
+    const { last, current, next } = calendar;
+    if (last && calendar.last.end >= calendar.last.start) {
+      for (let i = last.start; i <= last.end; i++) {
+        result.push({ value: i, isLast: true });
       }
-      if (current) {
-        for (var _i = current.start; _i <= current.end; _i++) {
-          result.push({
-            value: _i
-          });
-        }
-      }
-      if (next.end >= next.start) {
-        for (var _i2 = next.start; _i2 <= next.end; _i2++) {
-          result.push({
-            value: _i2,
-            isNext: true
-          });
-        }
-      }
-    }
-    return transformArray(result);
-  };
-};
-export var computedEventList = function computedEventList(_ref2) {
-  var props = _ref2.props,
-    state = _ref2.state;
-  return function () {
-    var result = [];
-    if (props.events && props.events.length) {
-      result = props.events.filter(function (item) {
-        var _parseDate = parseDate(item.time),
-          year = _parseDate.year,
-          month = _parseDate.month;
-        return Number(state.activeYear) === year && Number(state.activeMonth) === month;
-      });
-    }
-    return result;
-  };
-};
-export var toggeModel = function toggeModel(state) {
-  return function (mode) {
-    var isYearOrMonth = /^(year|month)$/.test(mode);
-    state.displayMode = isYearOrMonth ? mode : state.displayMode === 'year' ? 'month' : 'year';
-  };
-};
-export var selectMonth = function selectMonth(state) {
-  return function (month) {
-    if (month && typeof month === 'number' && month <= 12) {
-      state.activeMonth = month;
     }
-  };
-};
-export var selectDay = function selectDay(state) {
-  return function (day) {
-    if (day && day.value) {
-      if (day.isLast) {
-        var _lastMonth = lastMonth(state.activeYear, state.activeMonth),
-          year = _lastMonth.year,
-          month = _lastMonth.month;
-        state.activeMonth = month;
-        state.activeYear = year;
-      }
-      if (day.isNext) {
-        var _nextMonth = nextMonth(state.activeYear, state.activeMonth),
-          _year = _nextMonth.year,
-          _month = _nextMonth.month;
-        state.activeMonth = _month;
-        state.activeYear = _year;
+    if (current) {
+      for (let i = current.start; i <= current.end; i++) {
+        result.push({ value: i });
       }
-      state.selectedTip = "You selected date: ".concat(state.activeYear, "-").concat(state.activeMonth, "-").concat(day.value);
-      state.selectedDate = Number(new Date("".concat(state.activeYear, "/").concat(state.activeMonth, "/").concat(day.value)));
-    }
-  };
-};
-export var getEventByDay = function getEventByDay(state) {
-  return function (day) {
-    var events = [];
-    if (state.eventList && state.eventList.length) {
-      events = copyArray(state.eventList).filter(function (_ref3) {
-        var time = _ref3.time;
-        var date = new Date(time);
-        return date.getDate() === day && date.getFullYear() === Number(state.activeYear) && date.getMonth() + 1 === Number(state.activeMonth);
-      }).map(function (event) {
-        event.parseTime = parseDate(event.time);
-        return event;
-      });
     }
-    return events;
-  };
-};
-export var getEventByMonth = function getEventByMonth(_ref4) {
-  var props = _ref4.props,
-    state = _ref4.state;
-  return function (month) {
-    var events = [];
-    if (props.events) {
-      events = copyArray(props.events).filter(function (_ref5) {
-        var time = _ref5.time;
-        var date = new Date(time);
-        return date.getFullYear() === Number(state.activeYear) && date.getMonth() + 1 === month;
-      }).map(function (event) {
-        event.parseTime = parseDate(event.time);
-        return event;
-      });
+    if (next.end >= next.start) {
+      for (let i = next.start; i <= next.end; i++) {
+        result.push({ value: i, isNext: true });
+      }
     }
-    return events;
-  };
+  }
+  return transformArray(result);
+};
+const computedEventList = ({ props, state }) => () => {
+  let result = [];
+  if (props.events && props.events.length) {
+    result = props.events.filter((item) => {
+      const { year, month } = parseDate(item.time);
+      return Number(state.activeYear) === year && Number(state.activeMonth) === month;
+    });
+  }
+  return result;
 };
-export var getTime = function getTime(state) {
-  return function (day) {
-    return Number(new Date("".concat(state.activeYear, "/").concat(state.activeMonth, "/").concat(day)));
-  };
+const toggeModel = (state) => (mode) => {
+  const isYearOrMonth = /^(year|month)$/.test(mode);
+  state.displayMode = isYearOrMonth ? mode : state.displayMode === "year" ? "month" : "year";
 };
-export var getYearList = function getYearList() {
-  return function () {
-    var date = new Date();
-    var year = date.getFullYear();
-    var yesrs = [];
-    for (var i = year - 10; i < year + 10; i++) {
-      yesrs.push(i);
-    }
-    return yesrs;
-  };
+const selectMonth = (state) => (month) => {
+  if (month && typeof month === "number" && month <= 12) {
+    state.activeMonth = month;
+  }
 };
-export var isToday = function isToday(state) {
-  return function (day) {
-    var date = new Date();
-    var year = Number(state.activeYear);
-    var month = Number(state.activeMonth);
+const selectDay = (state) => (day) => {
+  if (day && day.value) {
     if (day.isLast) {
-      var lastDate = lastMonth(state.activeYear, state.activeMonth);
-      year = lastDate.year;
-      month = lastDate.month;
+      const { year, month } = lastMonth(state.activeYear, state.activeMonth);
+      state.activeMonth = month;
+      state.activeYear = year;
     }
     if (day.isNext) {
-      var nextDate = nextMonth(state.activeYear, state.activeMonth);
-      year = nextDate.year;
-      month = nextDate.month;
+      const { year, month } = nextMonth(state.activeYear, state.activeMonth);
+      state.activeMonth = month;
+      state.activeYear = year;
     }
-    return date.getDate() === day.value && date.getFullYear() === year && date.getMonth() + 1 === month;
-  };
+    state.selectedTip = `You selected date: ${state.activeYear}-${state.activeMonth}-${day.value}`;
+    state.selectedDate = Number(new Date(`${state.activeYear}/${state.activeMonth}/${day.value}`));
+  }
 };
-export var isThisMonth = function isThisMonth(state) {
-  return function (month) {
-    var date = new Date();
-    var year = Number(state.activeYear);
-    return date.getMonth() + 1 === month && date.getFullYear() === year;
-  };
+const getEventByDay = (state) => (day) => {
+  let events = [];
+  if (state.eventList && state.eventList.length) {
+    events = copyArray(state.eventList).filter(({ time }) => {
+      const date = new Date(time);
+      return date.getDate() === day && date.getFullYear() === Number(state.activeYear) && date.getMonth() + 1 === Number(state.activeMonth);
+    }).map((event) => {
+      event.parseTime = parseDate(event.time);
+      return event;
+    });
+  }
+  return events;
+};
+const getEventByMonth = ({ props, state }) => (month) => {
+  let events = [];
+  if (props.events) {
+    events = copyArray(props.events).filter(({ time }) => {
+      const date = new Date(time);
+      return date.getFullYear() === Number(state.activeYear) && date.getMonth() + 1 === month;
+    }).map((event) => {
+      event.parseTime = parseDate(event.time);
+      return event;
+    });
+  }
+  return events;
+};
+const getTime = (state) => (day) => Number(new Date(`${state.activeYear}/${state.activeMonth}/${day}`));
+const getYearList = () => () => {
+  const date = new Date();
+  const year = date.getFullYear();
+  const yesrs = [];
+  for (let i = year - 10; i < year + 10; i++) {
+    yesrs.push(i);
+  }
+  return yesrs;
+};
+const isToday = (state) => (day) => {
+  const date = new Date();
+  let year = Number(state.activeYear);
+  let month = Number(state.activeMonth);
+  if (day.isLast) {
+    const lastDate = lastMonth(state.activeYear, state.activeMonth);
+    year = lastDate.year;
+    month = lastDate.month;
+  }
+  if (day.isNext) {
+    const nextDate = nextMonth(state.activeYear, state.activeMonth);
+    year = nextDate.year;
+    month = nextDate.month;
+  }
+  return date.getDate() === day.value && date.getFullYear() === year && date.getMonth() + 1 === month;
 };
-export var genMonths = function genMonths() {
-  var result = [];
-  var index = 1;
-  for (var i = 0; i < 3; i++) {
+const isThisMonth = (state) => (month) => {
+  const date = new Date();
+  const year = Number(state.activeYear);
+  return date.getMonth() + 1 === month && date.getFullYear() === year;
+};
+const genMonths = () => {
+  const result = [];
+  let index = 1;
+  for (let i = 0; i < 3; i++) {
     result[i] = [];
-    for (var j = 0; j < 4; j++) {
+    for (let j = 0; j < 4; j++) {
       result[i][j] = index++;
     }
   }
   return result;
 };
-export var toToday = function toToday(state) {
-  return function () {
-    var year = new Date().getFullYear();
-    var month = new Date().getMonth() + 1;
-    var day = new Date().getDate();
-    state.activeMonth = month;
-    state.activeYear = year;
-    state.selectedTip = "You selected date: ".concat(year, "-").concat(month, "-").concat(day);
-    state.selectedDate = Number(new Date("".concat(year, "/").concat(month, "/").concat(day)));
-  };
+const toToday = (state) => () => {
+  const year = new Date().getFullYear();
+  const month = new Date().getMonth() + 1;
+  const day = new Date().getDate();
+  state.activeMonth = month;
+  state.activeYear = year;
+  state.selectedTip = `You selected date: ${year}-${month}-${day}`;
+  state.selectedDate = Number(new Date(`${year}/${month}/${day}`));
+};
+const getCurrentDate = () => {
+  const day = new Date().getDate();
+  const month = new Date().getMonth() + 1;
+  const year = new Date().getFullYear();
+  return Number(new Date(`${year}/${month}/${day}`));
+};
+export {
+  computedCalendar,
+  computedEventList,
+  genMonths,
+  getCalendar,
+  getCurrentDate,
+  getDays,
+  getEventByDay,
+  getEventByMonth,
+  getTime,
+  getWeek,
+  getYearList,
+  isThisMonth,
+  isToday,
+  lastMonth,
+  nextMonth,
+  parseDate,
+  selectDay,
+  selectMonth,
+  toToday,
+  toggeModel,
+  transformArray
 };
-export var getCurrentDate = function getCurrentDate() {
-  var day = new Date().getDate();
-  var month = new Date().getMonth() + 1;
-  var year = new Date().getFullYear();
-  return Number(new Date("".concat(year, "/").concat(month, "/").concat(day)));
-};