@opentiny/vue-renderless 3.1.0-alpha.0 → 3.5.0

package/area/index.js

@@ -0,0 +1,162 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+export var fetchDefaultData = function fetchDefaultData(_ref) {
+  var emit = _ref.emit,
+    fetchArea = _ref.fetchArea,
+    nextTick = _ref.nextTick,
+    props = _ref.props,
+    refs = _ref.refs,
+    state = _ref.state;
+  return function () {
+    var parent = '';
+    nextTick(function () {
+      emit('change-jcr', parent, refs.refInstance.$parent);
+    });
+    var promise;
+    if (props.fetchJcr) {
+      promise = props.fetchJcr();
+    } else {
+      if (typeof fetchArea !== 'function') {
+        throw new Error('[AUI Error][Area] Prop fetchJcr is not configured');
+      }
+      promise = fetchArea({
+        label: 'JCR',
+        parent: parent
+      });
+    }
+    promise.then(function (data) {
+      return state.jcrData = data;
+    });
+    state.jcr = '';
+    state.region = '';
+    state.rep = '';
+    state.office = '';
+    emit('update:modelValue', [state.jcr, state.region, state.rep, state.office]);
+  };
+};
+export var getRegion = function getRegion(_ref2) {
+  var emit = _ref2.emit,
+    fetchArea = _ref2.fetchArea,
+    nextTick = _ref2.nextTick,
+    props = _ref2.props,
+    refs = _ref2.refs,
+    state = _ref2.state;
+  return function (value) {
+    state.jcr = value;
+    nextTick(function () {
+      emit('change-region', value, refs.refInstance.$parent);
+    });
+    var promise;
+    if (props.fetchRegion) {
+      promise = props.fetchRegion();
+    } else {
+      if (typeof fetchArea !== 'function') {
+        throw new Error('[AUI Error][Area] Prop fetchRegion is not configured');
+      }
+      promise = fetchArea({
+        label: 'Region',
+        parent: value
+      });
+    }
+    promise.then(function (data) {
+      return state.regionData = data;
+    });
+    state.region = '';
+    state.office = '';
+    state.rep = '';
+    emit('update:modelValue', [state.jcr, state.region, state.rep, state.office]);
+  };
+};
+export var getRep = function getRep(_ref3) {
+  var emit = _ref3.emit,
+    fetchArea = _ref3.fetchArea,
+    nextTick = _ref3.nextTick,
+    props = _ref3.props,
+    refs = _ref3.refs,
+    state = _ref3.state;
+  return function (value) {
+    state.region = value;
+    nextTick(function () {
+      emit('change-rep', value, refs.refInstance.$parent);
+    });
+    var promise;
+    if (props.fetchRep) {
+      promise = props.fetchRep();
+    } else {
+      if (typeof fetchArea !== 'function') {
+        throw new Error('[AUI Error][Area] Prop fetchRep is not configured');
+      }
+      promise = fetchArea({
+        label: 'Rep. Office',
+        parent: value
+      });
+    }
+    promise.then(function (data) {
+      return state.repData = data;
+    });
+    state.office = '';
+    state.rep = '';
+    emit('update:modelValue', [state.jcr, state.region, state.rep, state.office]);
+  };
+};
+export var getOffice = function getOffice(_ref4) {
+  var emit = _ref4.emit,
+    fetchArea = _ref4.fetchArea,
+    nextTick = _ref4.nextTick,
+    props = _ref4.props,
+    refs = _ref4.refs,
+    state = _ref4.state;
+  return function (value) {
+    state.rep = value;
+    nextTick(function () {
+      emit('change-office', value, refs.refInstance.$parent);
+    });
+    var promise;
+    if (props.fetchOffice) {
+      promise = props.fetchOffice();
+    } else {
+      if (typeof fetchArea !== 'function') {
+        throw new Error('[AUI Error][Area] Prop fetchOffice is not configured');
+      }
+      promise = fetchArea({
+        label: 'Office',
+        parent: value
+      });
+    }
+    promise.then(function (data) {
+      return state.officeData = data;
+    });
+    state.office = '';
+    emit('update:modelValue', [state.jcr, state.region, state.rep, state.office]);
+  };
+};
+export var changeOffice = function changeOffice(_ref5) {
+  var emit = _ref5.emit,
+    state = _ref5.state;
+  return function (value) {
+    state.office = value;
+    emit('update:modelValue', [state.jcr, state.region, state.rep, state.office]);
+  };
+};
+export var beforeMount = function beforeMount(_ref6) {
+  var api = _ref6.api,
+    props = _ref6.props;
+  return function () {
+    api.fetchDefaultData();
+    var modelValue = props.modelValue;
+    if (Array.isArray(modelValue) && modelValue.length) {
+      var _modelValue = _slicedToArray(modelValue, 4),
+        _modelValue$ = _modelValue[0],
+        jcr = _modelValue$ === void 0 ? '' : _modelValue$,
+        _modelValue$2 = _modelValue[1],
+        region = _modelValue$2 === void 0 ? '' : _modelValue$2,
+        _modelValue$3 = _modelValue[2],
+        rep = _modelValue$3 === void 0 ? '' : _modelValue$3,
+        _modelValue$4 = _modelValue[3],
+        office = _modelValue$4 === void 0 ? '' : _modelValue$4;
+      api.getRegion(jcr);
+      api.getRep(region);
+      api.getOffice(rep);
+      api.changeOffice(office);
+    }
+  };
+};

package/area/vue.js

@@ -0,0 +1,68 @@
+import { getRegion, changeOffice, getRep, getOffice, fetchDefaultData, beforeMount } from './index';
+export var api = ['state', 'getRep', 'getRegion', 'getOffice', 'changeOffice'];
+export var renderless = function renderless(props, _ref, _ref2) {
+  var onBeforeMount = _ref.onBeforeMount,
+    reactive = _ref.reactive;
+  var emit = _ref2.emit,
+    service = _ref2.service,
+    refs = _ref2.refs,
+    nextTick = _ref2.nextTick;
+  var api = {};
+  var _ref3 = service || {},
+    fetchArea = _ref3.fetchArea;
+  var state = reactive({
+    jcr: '',
+    region: '',
+    rep: '',
+    office: '',
+    jcrData: [],
+    regionData: [],
+    repData: [],
+    officeData: []
+  });
+  Object.assign(api, {
+    state: state,
+    changeOffice: changeOffice({
+      emit: emit,
+      state: state
+    }),
+    beforeMount: beforeMount({
+      api: api,
+      props: props
+    }),
+    getRep: getRep({
+      emit: emit,
+      fetchArea: fetchArea,
+      nextTick: nextTick,
+      props: props,
+      refs: refs,
+      state: state
+    }),
+    getRegion: getRegion({
+      emit: emit,
+      fetchArea: fetchArea,
+      nextTick: nextTick,
+      props: props,
+      refs: refs,
+      state: state
+    }),
+    getOffice: getOffice({
+      emit: emit,
+      fetchArea: fetchArea,
+      nextTick: nextTick,
+      props: props,
+      refs: refs,
+      state: state
+    }),
+    fetchDefaultData: fetchDefaultData({
+      emit: emit,
+      fetchArea: fetchArea,
+      nextTick: nextTick,
+      props: props,
+      refs: refs,
+      state: state
+    })
+  });
+  onBeforeMount(api.beforeMount);
+  return api;
+};

package/autonavi-map/index.js

@@ -0,0 +1,28 @@
+import { getAmap } from '@opentiny/vue-renderless/chart-core/deps/utils';
+export var amap = function amap(columns, rows, settings, extra) {
+  var key = settings.key,
+    v = settings.v,
+    amap = settings.amap,
+    useOuterMap = settings.useOuterMap,
+    url = settings.url;
+  var _once = extra._once;
+  var registerSign = 'amap_register';
+  if (_once[registerSign]) {
+    return {};
+  }
+  _once[registerSign] = true;
+  if (useOuterMap) {
+    return {
+      amap: amap
+    };
+  }
+  return getAmap({
+    key: key,
+    version: v,
+    url: url
+  }).then(function () {
+    return {
+      amap: amap
+    };
+  });
+};

package/avatar/index.js

@@ -5,7 +5,11 @@ export var handleError = function handleError(_ref) {
     var error = props.error;
     var errorFlag = error ? error() : undefined;
     if (errorFlag !== false) {
-      state.isImageExist = false;
+      if (state.isSrcImageExist) {
+        state.isSrcImageExist = false;
+      } else {
+        state.isDefaultImageExist = false;
+      }
     }
   };
 };

package/avatar/vue.js

@@ -8,7 +8,8 @@ export var renderless = function renderless(props, _ref, _ref2) {
     computedAvatarClass: computedAvatarClass(constants)
   };
   var state = reactive({
-    isImageExist: true,
+    isSrcImageExist: true,
+    isDefaultImageExist: true,
     avatarClass: computed(function () {
       return api.computedAvatarClass(props);
     })

package/baidu-map/index.js

@@ -0,0 +1,28 @@
+import { getBmap } from '@opentiny/vue-renderless/chart-core/deps/utils';
+export var bmap = function bmap(columns, rows, settings, extra) {
+  var key = settings.key,
+    v = settings.v,
+    bmap = settings.bmap,
+    useOuterMap = settings.useOuterMap,
+    url = settings.url;
+  var _once = extra._once;
+  var registerSign = 'bmap_register';
+  if (_once[registerSign]) {
+    return {};
+  }
+  _once[registerSign] = true;
+  if (useOuterMap) {
+    return {
+      bmap: bmap
+    };
+  }
+  return getBmap({
+    key: key,
+    version: v,
+    url: url
+  }).then(function () {
+    return {
+      bmap: bmap
+    };
+  });
+};

package/breadcrumb/index.js

@@ -0,0 +1,9 @@
+export var breadcrumbItemSelect = function breadcrumbItemSelect(_ref) {
+  var emit = _ref.emit,
+    state = _ref.state,
+    constants = _ref.constants;
+  state.breadcrumbEmitter.on(constants.EVENT_NAME.breadcrumbItemSelect, function (value) {
+    state.currentBreadcrumbItem = value;
+    emit('select', value);
+  });
+};

package/breadcrumb/vue.js

@@ -1,4 +1,26 @@
-export var api = [];
-export var renderless = function renderless() {
-  return {};
+import { breadcrumbItemSelect as _breadcrumbItemSelect } from './index';
+export var api = ['breadcrumbItemSelect'];
+export var renderless = function renderless(props, _ref, _ref2) {
+  var reactive = _ref.reactive,
+    provide = _ref.provide;
+  var emit = _ref2.emit,
+    constants = _ref2.constants,
+    emitter = _ref2.emitter;
+  var state = reactive({
+    breadcrumbEmitter: emitter(),
+    currentBreadcrumbItem: {}
+  });
+  var api = {
+    breadcrumbItemSelect: function breadcrumbItemSelect() {
+      return _breadcrumbItemSelect({
+        api: api,
+        emit: emit,
+        state: state,
+        constants: constants
+      });
+    }
+  };
+  provide('breadcrumbEmitter', state.breadcrumbEmitter);
+  api.breadcrumbItemSelect();
+  return api;
 };

package/breadcrumb-item/index.js

@@ -0,0 +1,26 @@
+export var linkClick = function linkClick(_ref) {
+  var props = _ref.props,
+    refs = _ref.refs,
+    router = _ref.router,
+    emit = _ref.emit,
+    breadcrumbEmitter = _ref.breadcrumbEmitter,
+    constants = _ref.constants;
+  return function (event) {
+    var replace = props.replace,
+      to = props.to,
+      option = props.option;
+    var currentBreadcrumbItem = {
+      link: refs.link,
+      replace: replace,
+      to: to,
+      event: event,
+      option: option
+    };
+    breadcrumbEmitter.emit(constants.EVENT_NAME.breadcrumbItemSelect, currentBreadcrumbItem);
+    emit('select', currentBreadcrumbItem);
+    if (!to || !router) {
+      return;
+    }
+    replace ? router.replace(to) : router.push(to);
+  };
+};

package/breadcrumb-item/vue.js

@@ -1,19 +1,25 @@
 import { on, off } from '@opentiny/vue-renderless/common/deps/dom';
-export var api = [];
+import { linkClick } from './index';
+export var api = ['linkClick'];
 export var renderless = function renderless(props, _ref, _ref2) {
   var onMounted = _ref.onMounted,
-    onBeforeUnmount = _ref.onBeforeUnmount;
+    onBeforeUnmount = _ref.onBeforeUnmount,
+    inject = _ref.inject;
   var refs = _ref2.refs,
-    router = _ref2.router;
+    router = _ref2.router,
+    emit = _ref2.emit;
+  var breadcrumbEmitter = inject('breadcrumbEmitter');
+  var breadcrumb = inject('breadcrumb');
+  var constants = breadcrumb._constants;
   var api = {
-    linkClick: function linkClick() {
-      var replace = props.replace,
-        to = props.to;
-      if (!to || !router) {
-        return;
-      }
-      replace ? router.replace(to) : router.push(to);
-    }
+    linkClick: linkClick({
+      props: props,
+      refs: refs,
+      router: router,
+      emit: emit,
+      breadcrumbEmitter: breadcrumbEmitter,
+      constants: constants
+    })
   };
   onMounted(function () {
     on(refs.link, 'click', api.linkClick);
@@ -21,4 +27,7 @@ export var renderless = function renderless(props, _ref, _ref2) {
   onBeforeUnmount(function () {
     off(refs.link, 'click', api.linkClick);
   });
+  return {
+    api: api
+  };
 };

package/bulletin-board/index.js

@@ -16,6 +16,9 @@ export var computedDataList = function computedDataList(_ref) {
 export var computedMoreLink = function computedMoreLink(_ref2) {
   var props = _ref2.props;
   return function () {
-    return props.moreLink && xss.filterUrl(props.moreLink.url);
+    if (props.moreLink) {
+      props.moreLink.url = xss.filterUrl(props.moreLink.url);
+    }
+    return props.moreLink;
   };
 };

package/button-group/vue.js

@@ -1,4 +1,4 @@
-import { handleClick, moreNodeClick } from './index';
+import { handleClick } from './index';
 export var api = ['state', 'handleClick', 'moreNodeClick'];
 export var renderless = function renderless(props, _ref, _ref2) {
   var _props$data, _props$data2;

package/calendar/index.js

@@ -7,8 +7,8 @@ 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) {
-  year = +year;
-  month = +month;
+  year = Number(year);
+  month = Number(month);
   if (month === 1) {
     year--;
     month = 12;
@@ -21,8 +21,8 @@ export var lastMonth = function lastMonth(year, month) {
   };
 };
 export var nextMonth = function nextMonth(year, month) {
-  year = +year;
-  month = +month;
+  year = Number(year);
+  month = Number(month);
   if (month === 12) {
     year++;
     month = 1;
@@ -133,7 +133,7 @@ export var computedEventList = function computedEventList(_ref2) {
         var _parseDate = parseDate(item.time),
           year = _parseDate.year,
           month = _parseDate.month;
-        return +state.activeYear === year && +state.activeMonth === month;
+        return Number(state.activeYear) === year && Number(state.activeMonth) === month;
       });
     }
     return result;
@@ -170,7 +170,7 @@ export var selectDay = function selectDay(state) {
         state.activeYear = _year;
       }
       state.selectedTip = "You selected date: ".concat(state.activeYear, "-").concat(state.activeMonth, "-").concat(day.value);
-      state.selectedDate = +new Date("".concat(state.activeYear, "/").concat(state.activeMonth, "/").concat(day.value));
+      state.selectedDate = Number(new Date("".concat(state.activeYear, "/").concat(state.activeMonth, "/").concat(day.value)));
     }
   };
 };
@@ -181,7 +181,7 @@ export var getEventByDay = function getEventByDay(state) {
       events = copyArray(state.eventList).filter(function (_ref3) {
         var time = _ref3.time;
         var date = new Date(time);
-        return date.getDate() === day && date.getFullYear() === +state.activeYear && date.getMonth() + 1 === +state.activeMonth;
+        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;
@@ -199,7 +199,7 @@ export var getEventByMonth = function getEventByMonth(_ref4) {
       events = copyArray(props.events).filter(function (_ref5) {
         var time = _ref5.time;
         var date = new Date(time);
-        return date.getFullYear() === +state.activeYear && date.getMonth() + 1 === month;
+        return date.getFullYear() === Number(state.activeYear) && date.getMonth() + 1 === month;
       }).map(function (event) {
         event.parseTime = parseDate(event.time);
         return event;
@@ -210,7 +210,7 @@ export var getEventByMonth = function getEventByMonth(_ref4) {
 };
 export var getTime = function getTime(state) {
   return function (day) {
-    return +new Date("".concat(state.activeYear, "/").concat(state.activeMonth, "/").concat(day));
+    return Number(new Date("".concat(state.activeYear, "/").concat(state.activeMonth, "/").concat(day)));
   };
 };
 export var getYearList = function getYearList() {
@@ -227,8 +227,8 @@ export var getYearList = function getYearList() {
 export var isToday = function isToday(state) {
   return function (day) {
     var date = new Date();
-    var year = +state.activeYear;
-    var month = +state.activeMonth;
+    var year = Number(state.activeYear);
+    var month = Number(state.activeMonth);
     if (day.isLast) {
       var lastDate = lastMonth(state.activeYear, state.activeMonth);
       year = lastDate.year;
@@ -245,7 +245,7 @@ export var isToday = function isToday(state) {
 export var isThisMonth = function isThisMonth(state) {
   return function (month) {
     var date = new Date();
-    var year = +state.activeYear;
+    var year = Number(state.activeYear);
     return date.getMonth() + 1 === month && date.getFullYear() === year;
   };
 };
@@ -268,12 +268,12 @@ export var toToday = function toToday(state) {
     state.activeMonth = month;
     state.activeYear = year;
     state.selectedTip = "You selected date: ".concat(year, "-").concat(month, "-").concat(day);
-    state.selectedDate = +new Date("".concat(year, "/").concat(month, "/").concat(day));
+    state.selectedDate = Number(new Date("".concat(year, "/").concat(month, "/").concat(day)));
   };
 };
 export var getCurrentDate = function getCurrentDate() {
   var day = new Date().getDate();
   var month = new Date().getMonth() + 1;
   var year = new Date().getFullYear();
-  return +new Date("".concat(year, "/").concat(month, "/").concat(day));
+  return Number(new Date("".concat(year, "/").concat(month, "/").concat(day)));
 };

package/card-template/index.js

@@ -29,7 +29,7 @@ export var computedTools = function computedTools(_ref2) {
           title: t('ui.base.more'),
           click: function click() {
             state.showMoreTools = !state.showMoreTools;
-            refs['selector'].style.zIndex = PopupManager.nextZIndex();
+            refs.selector.style.zIndex = PopupManager.nextZIndex();
           }
         });
       }

package/cascader/index.js

@@ -99,7 +99,9 @@ export var watchCheckedValue = function watchCheckedValue(_ref5) {
   };
 };
 export var isEmpty = function isEmpty(val) {
-  if (isNull(val)) return true;
+  if (isNull(val)) {
+    return true;
+  }
   if (typeof val === 'boolean') {
     return false;
   }
@@ -165,7 +167,9 @@ export var toggleDropDownVisible = function toggleDropDownVisible(_ref7) {
     state = _ref7.state,
     updatePopper = _ref7.updatePopper;
   return function (visible) {
-    if (state.isDisabled) return;
+    if (state.isDisabled) {
+      return;
+    }
     var input = refs.input;
     visible = !isNull(visible) ? visible : !state.dropDownVisible;
     if (visible !== state.dropDownVisible) {
@@ -229,7 +233,9 @@ export var handleInput = function handleInput(_ref10) {
     refs = _ref10.refs;
   return function (val, event) {
     event = event || window.event;
-    if (!event) return;
+    if (!event) {
+      return;
+    }
     var reference = refs.reference;
     var key = 'init-flag';
     var value = 'true';
@@ -240,7 +246,9 @@ export var handleInput = function handleInput(_ref10) {
     }
     !state.dropDownVisible && api.toggleDropDownVisible(true);
     state.presentText = val;
-    if (event && event.isComposing) return;
+    if (event && event.isComposing) {
+      return;
+    }
     if (val) {
       api.filterHandler();
     } else {
@@ -361,7 +369,9 @@ export var getSuggestions = function getSuggestions(_ref15) {
       filterMethod = props.filterMethod;
     }
     var suggestions = state.panel.getFlattedNodes(state.leafOnly).filter(function (node) {
-      if (node.isDisabled) return false;
+      if (node.isDisabled) {
+        return false;
+      }
       node.text = node.getText(props.showAllLevels, props.separator) || '';
       return filterMethod(node, state.inputValue);
     });
@@ -385,7 +395,9 @@ export var handleSuggestionKeyDown = function handleSuggestionKeyDown(_ref16) {
   var api = _ref16.api;
   return function (event) {
     event = event || window.event;
-    if (!event) return;
+    if (!event) {
+      return;
+    }
     var _event = event,
       keyCode = _event.keyCode,
       target = _event.target;
@@ -409,7 +421,9 @@ export var handleDelete = function handleDelete(_ref17) {
     var lastIndex = state.presentTags.length - 1;
     var lastTag = state.presentTags[lastIndex];
     state.pressDeleteCount = state.inputValue ? 0 : state.pressDeleteCount + 1;
-    if (!lastTag) return;
+    if (!lastTag) {
+      return;
+    }
     if (state.pressDeleteCount) {
       if (lastTag.hitState) {
         api.deleteTag(lastIndex);

package/cascader/vue.js

@@ -267,8 +267,7 @@ export var renderless = function renderless(props, _ref4, _ref5) {
     reactive = _ref4.reactive,
     toRefs = _ref4.toRefs,
     watch = _ref4.watch,
-    inject = _ref4.inject,
-    provide = _ref4.provide;
+    inject = _ref4.inject;
   var t = _ref5.t,
     refs = _ref5.refs,
     emit = _ref5.emit,

package/cascader-node/index.js

@@ -25,7 +25,9 @@ export var handleExpand = function handleExpand(_ref2) {
     }
     if (state.config.lazy && !props.node.loaded) {
       parent.lazyLoad(props.node, function () {
-        if (!state.isLeaf) api.handleExpand();
+        if (!state.isLeaf) {
+          api.handleExpand();
+        }
         if (multiple) {
           var checked = state.isLeaf ? props.node.checked : false;
           api.handleMultiCheckChange(checked);