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

package/form/index.js

@@ -27,7 +27,9 @@ export var watchRules = function watchRules(_ref) {
 export var computedAutoLabelWidth = function computedAutoLabelWidth(_ref2) {
   var state = _ref2.state;
   return function () {
-    if (!state.potentialLabelWidthArr.length) return 0;
+    if (!state.potentialLabelWidthArr.length) {
+      return 0;
+    }
     var max = Math.max.apply(Math, _toConsumableArray(state.potentialLabelWidthArr));
     return max ? "".concat(max, "px") : '';
   };

package/form/vue.js

@@ -15,6 +15,21 @@ export var renderless = function renderless(props, _ref, _ref2) {
     potentialLabelWidthArr: [],
     autoLabelWidth: computed(function () {
       return api.computedAutoLabelWidth();
+    }),
+    hasRequired: computed(function () {
+      if (props.rules) {
+        return Object.values(props.rules).find(function (ruleOrRules) {
+          if (Array.isArray(ruleOrRules)) {
+            return ruleOrRules.some(function (r) {
+              return r.required;
+            });
+          } else {
+            return ruleOrRules.required;
+          }
+        });
+      } else {
+        return false;
+      }
     })
   });
   Object.assign(api, {

package/form-item/index.js

@@ -29,7 +29,9 @@ export var computedLabelStyle = function computedLabelStyle(_ref2) {
     state = _ref2.state;
   return function () {
     var result = {};
-    if (state.form.labelPosition === POSITION.Top) return result;
+    if (state.form.labelPosition === POSITION.Top) {
+      return result;
+    }
     var labelWidth = props.labelWidth || state.form.labelWidth;
     if (labelWidth) {
       result.width = labelWidth;
@@ -43,8 +45,12 @@ export var computedContentStyle = function computedContentStyle(_ref3) {
   return function () {
     var result = {};
     var label = props.label;
-    if (state.form.labelPosition === POSITION.Top || state.form.inline) return result;
-    if (!label && !props.labelWidth && state.isNested) return result;
+    if (state.form.labelPosition === POSITION.Top || state.form.inline) {
+      return result;
+    }
+    if (!label && !props.labelWidth && state.isNested) {
+      return result;
+    }
     var labelWidth = props.labelWidth || state.form.labelWidth;
     if (labelWidth === 'auto') {
       if (props.labelWidth === 'auto') {
@@ -271,7 +277,9 @@ export var getFilteredRule = function getFilteredRule(api) {
   return function (trigger) {
     var rules = api.getRules();
     return rules.filter(function (rule) {
-      if (!rule.trigger || trigger === '') return true;
+      if (!rule.trigger || trigger === '') {
+        return true;
+      }
       if (Array.isArray(rule.trigger)) {
         return rule.trigger.indexOf(trigger) > -1;
       }
@@ -344,7 +352,9 @@ export var getValueByPath = function getValueByPath(object, prop) {
   var result = null;
   for (var i = 0, len = paths.length; i < len; i++) {
     var path = paths[i];
-    if (!current) break;
+    if (!current) {
+      break;
+    }
     if (i === len - 1) {
       result = current[path];
       break;

package/fullscreen/index.js

@@ -23,7 +23,7 @@ export var request = function request(_ref2) {
   return function () {
     if (state.isPageOnly) {
       state.isFullscreen = true;
-      api.onChangeFullScreen();
+      api.onChangeFullscreen();
       off(document, 'keyup', api.keypressCallback);
       on(document, 'keyup', api.keypressCallback);
     } else {
@@ -52,7 +52,7 @@ export var exit = function exit(_ref3) {
     }
     if (state.isPageOnly) {
       state.isFullscreen = false;
-      api.onChangeFullScreen();
+      api.onChangeFullscreen();
       off(document, 'keyup', api.keypressCallback);
     } else {
       sf.exit();
@@ -80,7 +80,7 @@ export var fullScreenCallback = function fullScreenCallback(_ref5) {
       sf.off('change', api.fullScreenCallback);
     }
     state.isFullscreen = sf.isFullscreen;
-    api.onChangeFullScreen();
+    api.onChangeFullscreen();
   };
 };
 export var keypressCallback = function keypressCallback(api) {
@@ -90,7 +90,7 @@ export var keypressCallback = function keypressCallback(api) {
     }
   };
 };
-export var onChangeFullScreen = function onChangeFullScreen(_ref6) {
+export var onChangeFullscreen = function onChangeFullscreen(_ref6) {
   var props = _ref6.props,
     state = _ref6.state,
     vm = _ref6.vm,

package/fullscreen/vue.js

@@ -1,6 +1,6 @@
 import sf from '@opentiny/vue-renderless/common/deps/fullscreen/screenfull';
-import { exit, enter, toggle, request, getState, shadeClick, keypressCallback, fullScreenCallback, onChangeFullScreen, computeWrapperStyle } from './index';
-export var api = ['state', 'exit', 'enter', 'toggle', 'request', 'getState', 'shadeClick', 'keypressCallback', 'fullScreenCallback', 'onChangeFullScreen'];
+import { exit, enter, toggle, request, getState, shadeClick, keypressCallback, fullScreenCallback, onChangeFullscreen, computeWrapperStyle } from './index';
+export var api = ['state', 'exit', 'enter', 'toggle', 'request', 'getState', 'shadeClick', 'keypressCallback', 'fullScreenCallback', 'onChangeFullscreen'];
 export var renderless = function renderless(props, _ref, _ref2) {
   var reactive = _ref.reactive,
     computed = _ref.computed,
@@ -56,7 +56,7 @@ export var renderless = function renderless(props, _ref, _ref2) {
       props: props,
       state: state
     }),
-    onChangeFullScreen: onChangeFullScreen({
+    onChangeFullscreen: onChangeFullscreen({
       props: props,
       state: state,
       vm: vm,

package/grid/core/interceptor.js

@@ -15,13 +15,10 @@ var Interceptor = {
     return _storeMap[toType(type)] || [];
   },
   add: function add(type, callback) {
-    type = toType(type);
-    if (callback && ~eventTypes.indexOf(type)) {
-      var eList = _storeMap[type];
-      if (!eList) {
-        eList = _storeMap[type] = [];
-      }
-      eList.push(callback);
+    var selfType = toType(type);
+    if (callback && ~eventTypes.indexOf(selfType)) {
+      _storeMap[selfType] = _storeMap[selfType] ? _storeMap[selfType] : [];
+      _storeMap[selfType].push(callback);
     }
     return Interceptor;
   },

package/grid/plugins/export.js

@@ -9,7 +9,7 @@ import { exportExcel } from './exportExcel';
 var getCsvLabelData = function getCsvLabelData(columns, oData, tableElem) {
   var trElemList = tableElem.querySelectorAll('.tiny-grid__body-wrapper.body__wrapper .tiny-grid-body__row');
   var trData = [];
-  var _loop = function _loop(i, len) {
+  var _loop = function _loop() {
     var item = {};
     var trElem = trElemList[i];
     columns.forEach(function (column) {
@@ -19,7 +19,7 @@ var getCsvLabelData = function getCsvLabelData(columns, oData, tableElem) {
     trData.push(item);
   };
   for (var i = 0, len = trElemList.length; i < len; i++) {
-    _loop(i, len);
+    _loop();
   }
   return trData;
 };

package/grid/plugins/exportExcel.js

@@ -29,8 +29,10 @@ function funcFromCodePoint() {
   var codeLength = 0;
   var resultStr = '';
   for (var i = 0, length = arguments.length; i !== length; ++i) {
-    var cp = +arguments[i];
-    if (!(cp < 0x10ffff && cp >>> 0 === cp)) throw new RangeError('Invalid code point: ' + cp);
+    var cp = Number(arguments[i]);
+    if (!(cp < 0x10ffff && cp >>> 0 === cp)) {
+      throw new RangeError('Invalid code point: ' + cp);
+    }
     if (cp <= 0xffff) {
       codeLength = codeUnitArr.push(cp);
     } else {
@@ -98,7 +100,9 @@ function initHeaderDatas(_ref5) {
     var childNodes = headerTrs[i].childNodes;
     var colSpanCount = 0;
     for (var j = 0; j < childNodes.length; j++) {
-      if (~childNodes[j].className.split(/\s/).indexOf('col__gutter')) break;
+      if (~childNodes[j].className.split(/\s/).indexOf('col__gutter')) {
+        break;
+      }
       colSpanCount += childNodes[j].colSpan;
     }
     if (colSpanCount > maxColSpanCount[1]) {
@@ -132,7 +136,9 @@ function buildHeaderMerges(_ref6) {
       hpx: adjustHeight(rowHeight)
     });
     for (var j = 0; j < childNodes.length; j++) {
-      if (~childNodes[j].className.split(/\s/).indexOf('col__gutter')) break;
+      if (~childNodes[j].className.split(/\s/).indexOf('col__gutter')) {
+        break;
+      }
       ths.push(childNodes[j]);
       var colSpan = childNodes[j].colSpan;
       var rowSpan = childNodes[j].rowSpan;
@@ -213,7 +219,9 @@ function buildHeader(_ref8) {
     headerTrs = _ref8.headerTrs,
     opts = _ref8.opts,
     ws = _ref8.ws;
-  if (headerRowCount === 0) return;
+  if (headerRowCount === 0) {
+    return;
+  }
   var rowHeightMethod = opts.table.rowHeightMethod;
   var columnWidthMethod = opts.table.columnWidthMethod;
   var ths = [];
@@ -327,7 +335,9 @@ function buildBody(_ref11) {
     headerRowCount = _ref11.headerRowCount,
     opts = _ref11.opts,
     ws = _ref11.ws;
-  if (bodyRowCount === 0) return;
+  if (bodyRowCount === 0) {
+    return;
+  }
   var rowHeightMethod = opts.table.rowHeightMethod;
   var offset = headerRowCount;
   for (var i = 0; i < bodyTrs.length; i++) {
@@ -458,7 +468,9 @@ function buildDatas(_ref14) {
     opts = _ref14.opts,
     $table = _ref14.$table,
     ws = _ref14.ws;
-  if (datas.length === 0) return;
+  if (datas.length === 0) {
+    return;
+  }
   var styleMethod = opts.table.styleMethod;
   var formatMethod = opts.table.formatMethod;
   var fullColumn = $table.getTableColumn().fullColumn;
@@ -575,7 +587,9 @@ function buildColidsByVisibleColumn(_ref16) {
     colids = _ref16.colids,
     opts = _ref16.opts,
     ws = _ref16.ws;
-  if (colids.length > 0 || bodyRowCount === 0) return;
+  if (colids.length > 0 || bodyRowCount === 0) {
+    return;
+  }
   var columnWidthMethod = opts.table.columnWidthMethod;
   var tds = [];
   for (var i = 0; i < bodyTrs.length; i++) {
@@ -612,7 +626,9 @@ function buildFooter(_ref17) {
     headerRowCount = _ref17.headerRowCount,
     opts = _ref17.opts,
     ws = _ref17.ws;
-  if (footerRowCount === 0) return;
+  if (footerRowCount === 0) {
+    return;
+  }
   var rowHeightMethod = opts.table.rowHeightMethod;
   var offset = headerRowCount + bodyRowCount;
   for (var i = 0; i < footerTrs.length; i++) {
@@ -725,7 +741,9 @@ function createExcelFromDom($table, opts) {
 export function exportExcel($table, options) {
   var opts = extend(true, {}, options);
   opts.plugins = opts.plugins || {};
-  if (!opts.plugins.XLSX || !opts.plugins.XLSXX || !opts.plugins.FileSaver) return;
+  if (!opts.plugins.XLSX || !opts.plugins.XLSXX || !opts.plugins.FileSaver) {
+    return;
+  }
   opts.table = opts.table || {};
   opts.table.sheetName = opts.table.sheetName || defaultOptions.table.sheetName;
   opts.table.formatMethod = opts.table.formatMethod || defaultOptions.table.formatMethod;

package/grid/static/array/findTree.js

@@ -26,7 +26,7 @@ var findTreeItem = function findTreeItem(_ref) {
       if (parseChildren && item) {
         var newPath = paths.concat([parseChildren]);
         var match = findTreeItem({
-          item: item,
+          parent: item,
           obj: item[parseChildren],
           iterate: iterate,
           context: context,

package/grid/static/base/helperCreateGetObjects.js

@@ -12,7 +12,7 @@ var helperCreateGetObjects = function helperCreateGetObjects(name, getIndex) {
     var eachCallback;
     if (getIndex > 1) {
       eachCallback = function eachCallback(key) {
-        result.push(['' + key, obj[key]]);
+        result.push([String(key), obj[key]]);
       };
     } else {
       eachCallback = function eachCallback() {

package/grid/static/base/helperEqualCompare.js

@@ -19,10 +19,10 @@ var helperEqualCompare = function helperEqualCompare(_ref) {
   }
   if (val1 && val2 && !isNumber(val1) && !isNumber(val2) && !isString(val1) && !isString(val2)) {
     if (isRegExp(val1)) {
-      return compare('' + val1, '' + val2, key, obj1, obj2);
+      return compare(String(val1), String(val2), key, obj1, obj2);
     }
     if (isDate(val1) || isBoolean(val1)) {
-      return compare(+val1, +val2, key, obj1, obj2);
+      return compare(Number(val1), Number(val2), key, obj1, obj2);
     }
     return equalVal(val1, val2, func, key, compare);
   }

package/grid/static/base/helperGetHGSKeys.js

@@ -1,4 +1,4 @@
 var helperGetHGSKeys = function helperGetHGSKeys(property) {
-  return property ? property.splice && property.join ? property : ('' + property).split('.') : [];
+  return property ? property.splice && property.join ? property : String(property).split('.') : [];
 };
 export default helperGetHGSKeys;

package/grid/static/base/uniqueId.js

@@ -1,5 +1,5 @@
 var __uniqueId = 0;
 var uniqueId = function uniqueId(prefix) {
-  return (prefix ? '' + prefix : 0) + ++__uniqueId;
+  return (prefix ? String(prefix) : 0) + ++__uniqueId;
 };
 export default uniqueId;

package/grid/static/object/assign.js

@@ -4,9 +4,9 @@ import clone from '../base/clone';
 var objectAssignFns = Object.assign;
 var handleAssign = function handleAssign(destination, args, isClone) {
   var len = args.length;
-  var _loop = function _loop(_source, index) {
+  var _loop = function _loop(_source) {
     _source = args[index];
-    var eachCallback = void 0;
+    var eachCallback;
     if (isClone) {
       eachCallback = function eachCallback(key) {
         destination[key] = clone(_source[key], isClone);
@@ -20,7 +20,7 @@ var handleAssign = function handleAssign(destination, args, isClone) {
     source = _source;
   };
   for (var source, index = 1; index < len; index++) {
-    _loop(source, index);
+    _loop(source);
   }
   return destination;
 };

package/grid/static/string/toString.js

@@ -2,11 +2,11 @@ import eqNull from '../base/eqNull';
 import isNumber from '../base/isNumber';
 var toValString = function toValString(obj) {
   if (isNumber(obj)) {
-    if (('' + obj).indexOf('e-') >= 0) {
+    if (String(obj).indexOf('e-') >= 0) {
       var isNegative = obj < 0;
-      return (isNegative ? '-' : '') + '0' + ('' + ((isNegative ? Math.abs(obj) : obj) + 1)).substr(1);
+      return (isNegative ? '-' : '') + '0' + String((isNegative ? Math.abs(obj) : obj) + 1).substr(1);
     }
   }
-  return '' + (eqNull(obj) ? '' : obj);
+  return String(eqNull(obj) ? '' : obj);
 };
 export default toValString;

package/hrapprover/index.js

@@ -0,0 +1,118 @@
+import { extend } from '@opentiny/vue-renderless/common/object';
+export var getHrList = function getHrList(_ref) {
+  var api = _ref.api,
+    props = _ref.props,
+    state = _ref.state;
+  return function (deptCode) {
+    state.loading = true;
+    var params = {
+      code: deptCode,
+      category: props.category
+    };
+    return api.fetchHrapprover(params).then(function (data) {
+      var hraInfo = [];
+      data.forEach(function (info) {
+        var person = info.approval_Person;
+        if (!person) {
+          return;
+        }
+        var persons = person.split('#');
+        persons.forEach(function (val) {
+          var newInfo = extend({}, info, {
+            'approval_person': val
+          });
+          hraInfo.push(newInfo);
+        });
+      });
+      state.loading = false;
+      return hraInfo;
+    });
+  };
+};
+export var selectedDept = function selectedDept(_ref2) {
+  var api = _ref2.api,
+    state = _ref2.state;
+  return function (value) {
+    if (!value) {
+      state.hrList = [];
+      state.approvalPerson = '';
+      return;
+    }
+    api.getHrList(value).then(function (result) {
+      state.hrList = result;
+      var hasApproval = result.some(function (item) {
+        return item.approval_person === state.approvalPerson;
+      });
+      if (!hasApproval) {
+        state.approvalPerson = '';
+      }
+    })["catch"](function () {
+      state.hrList = [];
+    });
+  };
+};
+export var getDisplay = function getDisplay(_ref3) {
+  var api = _ref3.api,
+    state = _ref3.state;
+  return function (value) {
+    if (state.current === value) {
+      return;
+    }
+    state.current = value;
+    if (!value) {
+      state.hrList = [];
+      state.lastHrList = [];
+      state.approvalPerson = '';
+      return;
+    }
+    api.getHrList(value).then(function (result) {
+      state.hrList = result;
+      state.lastHrList = result;
+      var hasApproval = result.some(function (item) {
+        return item.approval_person === state.approvalPerson;
+      });
+      if (!hasApproval) {
+        state.approvalPerson = '';
+      }
+    })["catch"](function () {
+      state.hrList = [];
+      state.lastHrList = [];
+      state.approvalPerson = '';
+    });
+  };
+};
+export var resetPerson = function resetPerson(_ref4) {
+  var props = _ref4.props,
+    state = _ref4.state;
+  return function () {
+    state.approvalPerson = props.approvalPerson;
+  };
+};
+export var hrChange = function hrChange(_ref5) {
+  var emit = _ref5.emit,
+    state = _ref5.state;
+  return function (value) {
+    state.current = value;
+    emit('update:modelValue', value);
+    emit('update:approvalPerson', state.approvalPerson);
+  };
+};
+export var initService = function initService(_ref6) {
+  var props = _ref6.props,
+    service = _ref6.service;
+  var _ref7 = service || {},
+    fetchHrapprover = _ref7.fetchHrapprover;
+  var fetchHrapproverNoop = function fetchHrapproverNoop() {
+    return Promise.reject(new Error('[TINY Error][Hrapprover] Prop fetchHrapprover is not configured'));
+  };
+  return {
+    fetchHrapprover: props.fetchHrapprover || fetchHrapprover || fetchHrapproverNoop
+  };
+};
+export var cancel = function cancel(_ref8) {
+  var state = _ref8.state;
+  return function () {
+    state.approvalPerson = state.overdueData;
+    state.hrList = state.lastHrList;
+  };
+};

package/hrapprover/vue.js

@@ -0,0 +1,102 @@
+import { getHrList, selectedDept, resetPerson, hrChange, initService, getDisplay, cancel } from './index';
+export var api = ['state', 'hrChange', 'selectedDept', 'resetPerson', 'getDisplay', 'cancel'];
+var initState = function initState(_ref) {
+  var reactive = _ref.reactive,
+    props = _ref.props;
+  var state = reactive({
+    hrList: [],
+    lastHrList: [],
+    dept: props.modelValue,
+    current: '',
+    approvalPerson: props.approvalPerson,
+    overdueData: '',
+    loading: false
+  });
+  return state;
+};
+var initApi = function initApi(_ref2) {
+  var api = _ref2.api,
+    state = _ref2.state,
+    emit = _ref2.emit,
+    props = _ref2.props,
+    $service = _ref2.$service;
+  Object.assign(api, {
+    state: state,
+    hrChange: hrChange({
+      emit: emit,
+      state: state
+    }),
+    resetPerson: resetPerson({
+      props: props,
+      state: state
+    }),
+    fetchHrapprover: $service.fetchHrapprover,
+    cancel: cancel({
+      state: state
+    }),
+    getHrList: getHrList({
+      api: api,
+      props: props,
+      state: state
+    }),
+    selectedDept: selectedDept({
+      api: api,
+      state: state
+    }),
+    getDisplay: getDisplay({
+      api: api,
+      state: state
+    })
+  });
+};
+var initWatch = function initWatch(_ref3) {
+  var watch = _ref3.watch,
+    state = _ref3.state,
+    api = _ref3.api,
+    props = _ref3.props;
+  watch(function () {
+    return props.modelValue;
+  }, function (value) {
+    state.dept = value;
+    api.getDisplay(value);
+  }, {
+    immediate: true
+  });
+  watch(function () {
+    return props.approvalPerson;
+  }, function (value) {
+    state.overdueData = value;
+    state.approvalPerson = value;
+  }, {
+    immediate: true
+  });
+};
+export var renderless = function renderless(props, _ref4, _ref5) {
+  var reactive = _ref4.reactive,
+    watch = _ref4.watch;
+  var service = _ref5.service,
+    emit = _ref5.emit;
+  var api = {};
+  var $service = initService({
+    props: props,
+    service: service
+  });
+  var state = initState({
+    reactive: reactive,
+    props: props
+  });
+  initApi({
+    api: api,
+    state: state,
+    emit: emit,
+    props: props,
+    $service: $service
+  });
+  initWatch({
+    watch: watch,
+    state: state,
+    api: api,
+    props: props
+  });
+  return api;
+};