@opentiny/vue-renderless 3.1.0-alpha.0

package/user-head/vue.js

@@ -0,0 +1,47 @@
+import { computedMessage, computedStyle, computedFontSize, computedLabel, getInternalValue } from './index';
+export var api = ['state'];
+export var renderless = function renderless(props, _ref) {
+  var reactive = _ref.reactive,
+    computed = _ref.computed;
+  var api = {
+    computedMessage: computedMessage({
+      props: props
+    }),
+    getInternalValue: getInternalValue({
+      props: props
+    })
+  };
+  var state = reactive({
+    internalValue: computed(function () {
+      return api.getInternalValue();
+    }),
+    label: computed(function () {
+      return api.computedLabel();
+    }),
+    style: computed(function () {
+      return api.computedStyle();
+    }),
+    message: computed(function () {
+      return api.computedMessage();
+    }),
+    fontSize: computed(function () {
+      return api.computedFontSize();
+    })
+  });
+  Object.assign(api, {
+    state: state,
+    computedLabel: computedLabel({
+      state: state,
+      props: props
+    }),
+    computedStyle: computedStyle({
+      state: state,
+      props: props
+    }),
+    computedFontSize: computedFontSize({
+      props: props,
+      state: state
+    })
+  });
+  return api;
+};

package/wizard/index.js

@@ -0,0 +1,123 @@
+import { format } from '@opentiny/vue-renderless/common/date';
+import { copyArray, extend } from '@opentiny/vue-renderless/common/object';
+import { isObject } from '@opentiny/vue-renderless/common/type';
+export var lastStepHandle = function lastStepHandle(_ref) {
+  var state = _ref.state,
+    emit = _ref.emit;
+  return function () {
+    for (var i = 0; i < state.datas.length; i++) {
+      if (state.datas[0].status === state.doing) {
+        return;
+      }
+      if (state.datas[i].status === state.doing) {
+        state.datas[i].status = state.wait;
+        state.datas[i - 1].status = state.doing;
+        state.submitShow = false;
+      }
+    }
+    emit('btnPrev', state.datas);
+  };
+};
+export var nextStepHandle = function nextStepHandle(_ref2) {
+  var state = _ref2.state,
+    emit = _ref2.emit;
+  return function () {
+    for (var i = 0; i < state.datas.length; i++) {
+      if (state.datas[state.datas.length - 1].status === state.doing) {
+        return;
+      }
+      if (state.datas[i].status === state.doing) {
+        state.datas[i].status = state.ready;
+        state.datas[i + 1].status = state.doing;
+        state.submitShow = i + 2 === state.datas.length;
+        return;
+      }
+      emit('btnNext', state.datas);
+    }
+  };
+};
+export var btnSaveHandle = function btnSaveHandle(_ref3) {
+  var state = _ref3.state,
+    emit = _ref3.emit;
+  return function () {
+    emit('btnSave', state.datas);
+  };
+};
+export var submitHandle = function submitHandle(_ref4) {
+  var state = _ref4.state,
+    emit = _ref4.emit;
+  return function () {
+    emit('btnSubmit', state.datas);
+  };
+};
+export var showNode = function showNode(emit) {
+  return function (node, index, event) {
+    node.showNode = !node.showNode;
+    emit('node-click', node, index, event);
+  };
+};
+export var nodeClick = function nodeClick(emit) {
+  return function (node, index, event) {
+    emit('node-click', node, index, event);
+  };
+};
+export var cloneDeep = function cloneDeep(data) {
+  if (isObject(data)) {
+    return extend(true, data);
+  } else if (Array.isArray(data)) {
+    return copyArray(data);
+  } else {
+    return data;
+  }
+};
+export var timelineflowData = function timelineflowData(_ref5) {
+  var state = _ref5.state,
+    props = _ref5.props,
+    api = _ref5.api;
+  return function () {
+    if (!props.timeLineFlow) {
+      return;
+    }
+    var timelineData = cloneDeep(state.datas).map(function (item) {
+      item._dateTime = new Date(typeof item.date === 'string' ? item.date.replace(/-/g, '/') : item.date);
+      return item;
+    }).sort(function (a, b) {
+      return a._dateTime.getTime() - b._dateTime.getTime();
+    }).map(function (item) {
+      item.date = format(item._dateTime, typeof state.datas[0].date === 'string' && ~state.datas[0].date.indexOf('/') ? 'yyyy/MM/dd' : 'yyyy-MM-dd');
+      item.time = format(item._dateTime, 'hh:mm');
+      delete item._dateTime;
+      return item;
+    });
+    var newArr = [];
+    timelineData.forEach(function (item, i) {
+      if (i > 0 && item.date === timelineData[i - 1].date) {
+        newArr[newArr.length - 1].value.push(item);
+      } else {
+        newArr.push({
+          showNode: true,
+          value: [item],
+          date: item.date
+        });
+      }
+    });
+    api.setTimelineflowNodeStatus(newArr);
+    state.datas = newArr;
+  };
+};
+export var setTimelineflowNodeStatus = function setTimelineflowNodeStatus(state) {
+  return function (nodes) {
+    var isNormalArray = function isNormalArray(arr) {
+      return Array.isArray(arr) && arr.length;
+    };
+    if (isNormalArray(nodes)) {
+      nodes.forEach(function (node) {
+        if (isNormalArray(node.value)) {
+          node.nodeStatus = node.value[0].status;
+        } else {
+          node.nodeStatus = state.wait;
+        }
+      });
+    }
+  };
+};

package/wizard/vue.js

@@ -0,0 +1,45 @@
+import { btnSaveHandle, nodeClick, submitHandle, lastStepHandle, nextStepHandle, showNode, timelineflowData, setTimelineflowNodeStatus } from './index';
+export var api = ['state', 'btnSaveHandle', 'nodeClick', 'submitHandle', 'lastStepHandle', 'nextStepHandle', 'showNode'];
+export var renderless = function renderless(props, _ref, _ref2) {
+  var onMounted = _ref.onMounted,
+    reactive = _ref.reactive;
+  var emit = _ref2.emit,
+    constants = _ref2.constants;
+  var state = reactive({
+    datas: props.data,
+    submitShow: false,
+    showIndex: null,
+    doing: constants.DOING_STATUS,
+    ready: constants.READY_STATUS,
+    wait: constants.WAIT_STATUS
+  });
+  var api = {
+    state: state,
+    nodeClick: nodeClick(emit),
+    showNode: showNode(emit),
+    nextStepHandle: nextStepHandle({
+      state: state,
+      emit: emit
+    }),
+    lastStepHandle: lastStepHandle({
+      state: state,
+      emit: emit
+    }),
+    submitHandle: submitHandle({
+      state: state,
+      emit: emit
+    }),
+    btnSaveHandle: btnSaveHandle({
+      state: state,
+      emit: emit
+    }),
+    setTimelineflowNodeStatus: setTimelineflowNodeStatus(state)
+  };
+  api.timelineflowData = timelineflowData({
+    state: state,
+    props: props,
+    api: api
+  });
+  onMounted(api.timelineflowData);
+  return api;
+};

package/year-table/index.js

@@ -0,0 +1,40 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+import { toDate } from '@opentiny/vue-renderless/common/date';
+import { hasClass } from '@opentiny/vue-renderless/common/deps/dom';
+import { range, nextDate, getDayCountOfYear } from '@opentiny/vue-renderless/common/deps/date-util';
+import { arrayFindIndex, coerceTruthyValueToArray } from '@opentiny/vue-renderless/date-table';
+var datesInYear = function datesInYear(year) {
+  var numOfDays = getDayCountOfYear(year);
+  var firstDay = new Date(year, 0, 1);
+  return range(numOfDays).map(function (n) {
+    return nextDate(firstDay, n);
+  });
+};
+export var getCellStyle = function getCellStyle(_ref) {
+  var props = _ref.props;
+  return function (year) {
+    var style = {};
+    var today = new Date();
+    style.disabled = typeof props.disabledDate === 'function' ? datesInYear(year).every(props.disabledDate) : false;
+    var execDate = _typeof(props.value) === 'object' ? props.value : toDate(props.value);
+    style.current = arrayFindIndex(coerceTruthyValueToArray(execDate), function (date) {
+      return date.getFullYear() === year;
+    }) >= 0;
+    style.today = today.getFullYear() === year;
+    style["default"] = props.defaultValue && props.defaultValue.getFullYear() === year;
+    return style;
+  };
+};
+export var handleYearTableClick = function handleYearTableClick(_ref2) {
+  var emit = _ref2.emit;
+  return function (event) {
+    var target = event.target;
+    if (target.tagName === 'A') {
+      if (hasClass(target.parentNode, 'disabled')) {
+        return;
+      }
+      var year = target.textContent || target.innerText;
+      emit('pick', Number(year));
+    }
+  };
+};

package/year-table/vue.js

@@ -0,0 +1,23 @@
+import { getCellStyle, handleYearTableClick } from './index';
+export var api = ['state', 'handleYearTableClick', 'getCellStyle'];
+export var renderless = function renderless(props, _ref, _ref2) {
+  var computed = _ref.computed,
+    reactive = _ref.reactive;
+  var emit = _ref2.emit;
+  var api = {};
+  var state = reactive({
+    startYear: computed(function () {
+      return Math.floor(props.date.getFullYear() / 10) * 10;
+    })
+  });
+  Object.assign(api, {
+    state: state,
+    getCellStyle: getCellStyle({
+      props: props
+    }),
+    handleYearTableClick: handleYearTableClick({
+      emit: emit
+    })
+  });
+  return api;
+};