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

package/wizard/index.js

@@ -1,67 +1,48 @@
-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;
-      }
+import "../chunk-PKUHTIDK.js";
+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";
+const lastStepHandle = ({ state, emit }) => () => {
+  for (let i = 0; i < state.datas.length; i++) {
+    if (state.datas[0].status === state.doing) {
+      return;
     }
-    emit('btnPrev', state.datas);
-  };
+    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);
+const nextStepHandle = ({ state, emit }) => () => {
+  for (let 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);
-  };
+const btnSaveHandle = ({ state, emit }) => () => {
+  emit("btnSave", state.datas);
 };
-export var submitHandle = function submitHandle(_ref4) {
-  var state = _ref4.state,
-    emit = _ref4.emit;
-  return function () {
-    emit('btnSubmit', state.datas);
-  };
+const submitHandle = ({ state, emit }) => () => {
+  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);
-  };
+const showNode = (emit) => (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);
-  };
+const nodeClick = (emit) => (node, index, event) => {
+  emit("node-click", node, index, event);
 };
-export var cloneDeep = function cloneDeep(data) {
+const cloneDeep = (data) => {
   if (isObject(data)) {
     return extend(true, data);
   } else if (Array.isArray(data)) {
@@ -70,54 +51,54 @@ export var cloneDeep = function cloneDeep(data) {
     return data;
   }
 };
-export var timelineflowData = function timelineflowData(_ref5) {
-  var state = _ref5.state,
-    props = _ref5.props,
-    api = _ref5.api;
-  return function () {
-    if (!props.timeLineFlow) {
-      return;
+const timelineflowData = ({ state, props, api }) => () => {
+  if (!props.timeLineFlow) {
+    return;
+  }
+  let timelineData = cloneDeep(state.datas).map((item) => {
+    item._dateTime = new Date(typeof item.date === "string" ? item.date.replace(/-/g, "/") : item.date);
+    return item;
+  }).sort((a, b) => a._dateTime.getTime() - b._dateTime.getTime()).map((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;
+  });
+  let newArr = [];
+  timelineData.forEach((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
+      });
     }
-    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);
+  });
+  api.setTimelineflowNodeStatus(newArr);
+  state.datas = newArr;
+};
+const setTimelineflowNodeStatus = (state) => (nodes) => {
+  const isNormalArray = (arr) => Array.isArray(arr) && arr.length;
+  if (isNormalArray(nodes)) {
+    nodes.forEach((node) => {
+      if (isNormalArray(node.value)) {
+        node.nodeStatus = node.value[0].status;
       } else {
-        newArr.push({
-          showNode: true,
-          value: [item],
-          date: item.date
-        });
+        node.nodeStatus = state.wait;
       }
     });
-    api.setTimelineflowNodeStatus(newArr);
-    state.datas = newArr;
-  };
+  }
+};
+export {
+  btnSaveHandle,
+  cloneDeep,
+  lastStepHandle,
+  nextStepHandle,
+  nodeClick,
+  setTimelineflowNodeStatus,
+  showNode,
+  submitHandle,
+  timelineflowData
 };
-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

@@ -1,11 +1,8 @@
-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({
+import "../chunk-PKUHTIDK.js";
+import { btnSaveHandle, nodeClick, submitHandle, lastStepHandle, nextStepHandle, showNode, timelineflowData, setTimelineflowNodeStatus } from "./index";
+const api = ["state", "btnSaveHandle", "nodeClick", "submitHandle", "lastStepHandle", "nextStepHandle", "showNode"];
+const renderless = (props, { onMounted, reactive }, { emit, constants }) => {
+  const state = reactive({
     datas: props.data,
     submitShow: false,
     showIndex: null,
@@ -13,33 +10,21 @@ export var renderless = function renderless(props, _ref, _ref2) {
     ready: constants.READY_STATUS,
     wait: constants.WAIT_STATUS
   });
-  var api = {
-    state: state,
+  const api2 = {
+    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
-    }),
+    nextStepHandle: nextStepHandle({ state, emit }),
+    lastStepHandle: lastStepHandle({ state, emit }),
+    submitHandle: submitHandle({ state, emit }),
+    btnSaveHandle: btnSaveHandle({ state, emit }),
     setTimelineflowNodeStatus: setTimelineflowNodeStatus(state)
   };
-  api.timelineflowData = timelineflowData({
-    state: state,
-    props: props,
-    api: api
-  });
-  onMounted(api.timelineflowData);
-  return api;
-};
+  api2.timelineflowData = timelineflowData({ state, props, api: api2 });
+  onMounted(api2.timelineflowData);
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/year-table/index.js

@@ -1,40 +1,34 @@
-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);
-  });
+import "../chunk-PKUHTIDK.js";
+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";
+const datesInYear = (year) => {
+  const numOfDays = getDayCountOfYear(year);
+  const firstDay = new Date(year, 0, 1);
+  return range(numOfDays).map((n) => 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;
-  };
+const getCellStyle = ({ props }) => (year) => {
+  const style = {};
+  const today = new Date();
+  style.disabled = typeof props.disabledDate === "function" ? datesInYear(year).every(props.disabledDate) : false;
+  const execDate = typeof props.value === "object" ? props.value : toDate(props.value);
+  style.current = arrayFindIndex(coerceTruthyValueToArray(execDate), (date) => 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));
+const handleYearTableClick = ({ emit }) => (event) => {
+  const target = event.target;
+  if (target.tagName === "A") {
+    if (hasClass(target.parentNode, "disabled")) {
+      return;
     }
-  };
-};
+    const year = target.textContent || target.innerText;
+    emit("pick", Number(year));
+  }
+};
+export {
+  getCellStyle,
+  handleYearTableClick
+};

package/year-table/vue.js

@@ -1,23 +1,19 @@
-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;
-    })
+import "../chunk-PKUHTIDK.js";
+import { getCellStyle, handleYearTableClick } from "./index";
+const api = ["state", "handleYearTableClick", "getCellStyle"];
+const renderless = (props, { computed, reactive }, { emit }) => {
+  const api2 = {};
+  const state = reactive({
+    startYear: computed(() => Math.floor(props.date.getFullYear() / 10) * 10)
   });
-  Object.assign(api, {
-    state: state,
-    getCellStyle: getCellStyle({
-      props: props
-    }),
-    handleYearTableClick: handleYearTableClick({
-      emit: emit
-    })
+  Object.assign(api2, {
+    state,
+    getCellStyle: getCellStyle({ props }),
+    handleYearTableClick: handleYearTableClick({ emit })
   });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/rich-text/clipboard.js

@@ -1,77 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var selectors = [];
-var doms = [];
-var scrolls = [];
-function backup() {
-  doms.push(window);
-  scrolls.push({
-    left: window.pageXOffset,
-    top: window.pageYOffset
-  });
-  selectors.forEach(function (selector) {
-    var dom = document.querySelector(".".concat(selector));
-    if (dom) {
-      doms.push(dom);
-      scrolls.push({
-        left: dom.scrollLeft,
-        top: dom.scrollTop
-      });
-    }
-  });
-}
-function restore() {
-  doms.forEach(function (dom, i) {
-    return dom.scrollTo(scrolls[i]);
-  });
-  doms = [];
-  scrolls = [];
-}
-function registerCustomClipboard(Quill, keepClass) {
-  var Clipboard = Quill["import"]('modules/clipboard');
-  var Delta = Quill["import"]('delta');
-  if (typeof keepClass === 'string') {
-    selectors.push(keepClass);
-  } else if (Array.isArray(keepClass)) {
-    selectors = keepClass.slice(0);
-  }
-  var CustomClipboard = function (_Clipboard) {
-    _inherits(CustomClipboard, _Clipboard);
-    var _super = _createSuper(CustomClipboard);
-    function CustomClipboard() {
-      _classCallCheck(this, CustomClipboard);
-      return _super.apply(this, arguments);
-    }
-    _createClass(CustomClipboard, [{
-      key: "onPaste",
-      value: function onPaste(e) {
-        var _this = this;
-        backup();
-        if (e.defaultPrevented || !this.quill.isEnabled()) {
-          return;
-        }
-        var range = this.quill.getSelection();
-        var delta = new Delta().retain(range.index);
-        var scrollTop = this.quill.scrollingContainer.scrollTop;
-        this.container.focus();
-        this.quill.selection.update(Quill.sources.SILENT);
-        setTimeout(function () {
-          delta = delta.concat(_this.convert())["delete"](range.length);
-          _this.quill.updateContents(delta, Quill.sources.USER);
-          _this.quill.setSelection(delta.length() - range.length, Quill.sources.SILENT);
-          _this.quill.scrollingContainer.scrollTop = scrollTop;
-          _this.quill.focus();
-          restore();
-        }, 1);
-      }
-    }]);
-    return CustomClipboard;
-  }(Clipboard);
-  Quill.register('modules/clipboard', CustomClipboard, true);
-}
-export default registerCustomClipboard;

package/rich-text/index.js

@@ -1,176 +0,0 @@
-import { extend } from '@opentiny/vue-renderless/common/object';
-import { xss } from '@opentiny/vue-renderless/common';
-import { getToolbarTips, defaultOptions } from './options';
-import registerTableModule from './table-module';
-import registerCustomClipboard from './clipboard';
-export var initContent = function initContent(_ref) {
-  var state = _ref.state;
-  return function () {
-    if (state.quill) {
-      if (state.content && state.content !== state.innerContent) {
-        state.innerContent = state.content;
-        state.quill.pasteHTML(state.content);
-      } else if (!state.content) {
-        state.quill.setText('');
-      }
-    }
-  };
-};
-var getOuterHTML = function getOuterHTML(el) {
-  if (!el.outerHTML) {
-    var container = document.createElement('div');
-    container.appendChild(el);
-    return container.innerHTML;
-  } else {
-    return el.outerHTML;
-  }
-};
-export var initQuill = function initQuill(_ref2) {
-  var api = _ref2.api,
-    emit = _ref2.emit,
-    props = _ref2.props,
-    refs = _ref2.refs,
-    service = _ref2.service,
-    state = _ref2.state,
-    Quill = _ref2.Quill,
-    ImageDrop = _ref2.ImageDrop,
-    ImageUpload = _ref2.ImageUpload,
-    FileUpload = _ref2.FileUpload;
-  return function () {
-    state.innerOptions = extend(true, {}, defaultOptions, props.globalOptions, props.options);
-    if (document.caretRangeFromPoint) {
-      if (props.imageDrop) {
-        Quill.register('modules/imageDrop', ImageDrop, true);
-        state.innerOptions.modules.imageDrop = props.imageDrop;
-      }
-      if (props.imageUpload) {
-        Quill.register('modules/imageUpload', ImageUpload, true);
-        state.innerOptions.modules.imageUpload = props.imageUpload;
-      }
-      if (props.fileUpload) {
-        Quill.register('modules/fileUpload', FileUpload, true);
-        state.innerOptions.modules.fileUpload = extend(true, {}, {
-          httpRequest: service && service.network.request
-        }, props.fileUpload, {
-          url: state.fileUploadUrl
-        });
-      }
-    }
-    registerTableModule(Quill);
-    if (state.innerOptions.modules) {
-      state.innerOptions.modules.tableModule = props.tableModule === true;
-    }
-    registerCustomClipboard(Quill, props.keepClass);
-    state.quill = Object.freeze(new Quill(refs.editor, state.innerOptions));
-    state.quill.enable(false);
-    state.quill.on('selection-change', api.selectionChange);
-    state.quill.on('text-change', api.textChange);
-    if (state.content) {
-      state.quill.pasteHTML(state.content);
-    }
-    if (!props.disabled) {
-      state.quill.enable(true);
-    }
-    emit('ready', state.quill);
-    api.setToolbarTips();
-  };
-};
-export var setToolbarTips = function setToolbarTips(_ref3) {
-  var refs = _ref3.refs,
-    t = _ref3.t,
-    vm = _ref3.vm;
-  return function () {
-    var tip;
-    var item = getToolbarTips(t);
-    var length = item.length;
-    var richTextEl = vm.$el;
-    var _loop = function _loop(i) {
-      tip = richTextEl.querySelectorAll('.quill-editor ' + item[i].Choice);
-      if (tip.length) {
-        Array.prototype.slice.call(tip).forEach(function (ite) {
-          ite.setAttribute('title', item[i].title);
-        });
-      }
-    };
-    for (var i = 0; i < length; i++) {
-      _loop(i);
-    }
-    tip = richTextEl.querySelectorAll('.quill-editor .ql-file');
-    if (tip.length) {
-      var iconEl = refs.iconFile.$el;
-      Array.prototype.slice.call(tip).forEach(function (ite) {
-        ite.innerHTML = getOuterHTML(iconEl);
-      });
-    }
-  };
-};
-export var getFileUploadUrl = function getFileUploadUrl(_ref4) {
-  var service = _ref4.service;
-  return function () {
-    return service ? service.common.getFileUploadUrl() : Promise.resolve('');
-  };
-};
-export var selectionChange = function selectionChange(_ref5) {
-  var emit = _ref5.emit,
-    state = _ref5.state;
-  return function (range) {
-    if (!range) {
-      emit('blur', state.quill);
-    } else {
-      emit('focus', state.quill);
-    }
-  };
-};
-export var textChange = function textChange(_ref6) {
-  var emit = _ref6.emit,
-    refs = _ref6.refs,
-    state = _ref6.state;
-  return function () {
-    var html = refs.editor.children[0].innerHTML;
-    var quill = state.quill;
-    var text = state.quill.getText();
-    if (html === '<p><br></p>') {
-      html = '';
-    }
-    state.innerContent = html;
-    emit('update:modelValue', html);
-    emit('change', {
-      html: html,
-      text: text,
-      quill: quill
-    });
-  };
-};
-export var mounted = function mounted(_ref7) {
-  var api = _ref7.api,
-    props = _ref7.props,
-    state = _ref7.state,
-    i18n = _ref7.i18n,
-    watch = _ref7.watch;
-  return function () {
-    if (props.fileUpload && !props.fileUpload.url) {
-      api.getFileUploadUrl().then(function (url) {
-        url = xss.filterUrl(url);
-        state.fileUploadUrl = url;
-        api.initQuill();
-      });
-    } else {
-      api.initQuill();
-    }
-    if (i18n) {
-      watch(function () {
-        return i18n.locale;
-      }, api.setToolbarTips);
-    }
-  };
-};
-export var beforeUnmount = function beforeUnmount(_ref8) {
-  var api = _ref8.api,
-    state = _ref8.state;
-  return function () {
-    state.quill.off('selection-change', api.selectionChange);
-    state.quill.off('text-change', api.textChange);
-    state.quill = null;
-    delete state.quill;
-  };
-};