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

package/date-picker/index.js

@@ -111,7 +111,7 @@ export var onChange = function onChange(_ref5) {
 };
 export var padZero = function padZero(num) {
   var targetLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-  var str = num + '';
+  var str = String(num);
   while (str.length < targetLength) {
     str = '0' + str;
   }
@@ -178,8 +178,12 @@ export var getRanges = function getRanges(_ref7) {
       type: constants.Minute,
       range: [minMinute, maxMinute]
     }];
-    if (props.type === constants.Date) result.splice(3, 2);
-    if (props.type === constants.YearMonth) result.splice(2, 3);
+    if (props.type === constants.Date) {
+      result.splice(3, 2);
+    }
+    if (props.type === constants.YearMonth) {
+      result.splice(2, 3);
+    }
     return result;
   };
 };
@@ -261,11 +265,11 @@ export var getDisplayValue = function getDisplayValue(_ref12) {
         'S': value.getMilliseconds()
       };
       if (/(y+)/.test(fmt)) {
-        fmt = fmt.replace(RegExp.$1, (value.getFullYear() + '').substr(4 - RegExp.$1.length));
+        fmt = fmt.replace(RegExp.$1, String(value.getFullYear()).substr(4 - RegExp.$1.length));
       }
       for (var k in o) {
         if (new RegExp('(' + k + ')').test(fmt)) {
-          fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length));
+          fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ('00' + o[k]).substr(String(o[k]).length));
         }
       }
       return fmt;

package/date-range/index.js

@@ -12,8 +12,12 @@ export var getMinVisibleDate = function getMinVisibleDate(_ref) {
   var state = _ref.state,
     t = _ref.t;
   return function () {
-    if (state.dateUserInput.min !== null) return state.dateUserInput.min;
-    if (state.minDate) return formatDate(state.minDate, state.dateFormat, t);
+    if (state.dateUserInput.min !== null) {
+      return state.dateUserInput.min;
+    }
+    if (state.minDate) {
+      return formatDate(state.minDate, state.dateFormat, t);
+    }
     return '';
   };
 };
@@ -21,7 +25,9 @@ export var getMaxVisibleDate = function getMaxVisibleDate(_ref2) {
   var state = _ref2.state,
     t = _ref2.t;
   return function () {
-    if (state.dateUserInput.max !== null) return state.dateUserInput.max;
+    if (state.dateUserInput.max !== null) {
+      return state.dateUserInput.max;
+    }
     if (state.maxDate || state.minDate) {
       return formatDate(state.maxDate || state.minDate, state.dateFormat, t);
     }
@@ -32,8 +38,12 @@ export var getMinVisibleTime = function getMinVisibleTime(_ref3) {
   var state = _ref3.state,
     t = _ref3.t;
   return function () {
-    if (state.timeUserInput.min !== null) return state.timeUserInput.min;
-    if (state.minDate) return formatDate(state.minDate, state.timeFormat, t);
+    if (state.timeUserInput.min !== null) {
+      return state.timeUserInput.min;
+    }
+    if (state.minDate) {
+      return formatDate(state.minDate, state.timeFormat, t);
+    }
     return '';
   };
 };
@@ -41,7 +51,9 @@ export var getMaxVisibleTime = function getMaxVisibleTime(_ref4) {
   var state = _ref4.state,
     t = _ref4.t;
   return function () {
-    if (state.timeUserInput.max !== null) return state.timeUserInput.max;
+    if (state.timeUserInput.max !== null) {
+      return state.timeUserInput.max;
+    }
     if (state.maxDate || state.minDate) {
       return formatDate(state.maxDate || state.minDate, state.timeFormat, t);
     }
@@ -63,7 +75,9 @@ export var watchMinDate = function watchMinDate(_ref5) {
     state.dateUserInput.min = null;
     state.timeUserInput.min = null;
     var minTimePicker = vm.$refs.minTimePicker;
-    if (!minTimePicker) return;
+    if (!minTimePicker) {
+      return;
+    }
     if (state.maxDate && state.maxDate < state.minDate) {
       var format = 'HH:mm:ss';
       minTimePicker.state.selectableRange = [[parseDate(formatDate(state.minDate, format, t), format, t), parseDate('23:59:59', format, t)]];
@@ -158,6 +172,7 @@ export var handleClear = function handleClear(_ref11) {
     state.leftDate = calcDefaultValue(state.defaultValue)[0];
     state.rightDate = nextMonth(state.leftDate);
     state.rangeState.selecting = false;
+    state.rangeState.endDate = null;
     emit('pick', null);
   };
 };
@@ -173,7 +188,9 @@ export var handleDateInput = function handleDateInput(_ref12) {
     t = _ref12.t;
   return function (value, type) {
     state.dateUserInput[type] = value;
-    if (value.length !== state.dateFormat.length) return;
+    if (value.length !== state.dateFormat.length) {
+      return;
+    }
     var parsedValue = parseDate(value, state.dateFormat, t);
     if (parsedValue) {
       if (typeof state.disabledDate === 'function' && state.disabledDate(new Date(parsedValue))) {
@@ -220,7 +237,9 @@ export var handleTimeInput = function handleTimeInput(_ref14) {
     t = _ref14.t;
   return function (value, type) {
     state.timeUserInput[type] = value;
-    if (value.length !== state.timeFormat.length) return;
+    if (value.length !== state.timeFormat.length) {
+      return;
+    }
     var parsedValue = parseDate(value, state.timeFormat, t);
     if (parsedValue) {
       if (type === 'min') {

package/date-table/index.js

@@ -299,7 +299,9 @@ export var isWeekActive = function isWeekActive(_ref14) {
   var props = _ref14.props,
     state = _ref14.state;
   return function (cell) {
-    if (props.selectionMode !== DATEPICKER.Week) return false;
+    if (props.selectionMode !== DATEPICKER.Week) {
+      return false;
+    }
     var newDate = new Date(state.year, state.month, 1);
     var year = newDate.getFullYear();
     var month = newDate.getMonth();

package/dept/index.js

@@ -0,0 +1,318 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+export var setSelectData = function setSelectData(_ref) {
+  var state = _ref.state,
+    deptState = _ref.deptState;
+  return function () {
+    var texts = [];
+    var _loop = function _loop() {
+      var value = deptState[i].value;
+      if (value === '') {
+        return "break";
+      }
+      var options = deptState[i].options;
+      var selectedOp = options.find(function (op) {
+        return op.hrCode === value;
+      });
+      texts.push(selectedOp.hrName);
+    };
+    for (var i = 0; i < deptState.length; i++) {
+      var _ret = _loop();
+      if (_ret === "break") break;
+    }
+    state.labels = texts;
+  };
+};
+export var setDefaultSearch = function setDefaultSearch(_ref2) {
+  var api = _ref2.api,
+    state = _ref2.state;
+  return function () {
+    state.searchValue = '';
+    api.searchMethod();
+  };
+};
+export var openDialog = function openDialog(_ref3) {
+  var props = _ref3.props,
+    state = _ref3.state,
+    api = _ref3.api,
+    emit = _ref3.emit;
+  return function () {
+    if (props.disabled || state.formDisabled) {
+      return;
+    }
+    api.setDefaultSearch();
+    state.open = true;
+    emit('open');
+  };
+};
+var formatJudgCofim = function formatJudgCofim(deptState) {
+  var value = '';
+  for (var i = 0; i < deptState.length; i++) {
+    if (deptState[i].value === '') {
+      break;
+    }
+    value = deptState[i].value;
+  }
+  return value;
+};
+export var resetDeptState = function resetDeptState(deptState) {
+  return function (state) {
+    var depeStates = state || deptState;
+    depeStates.forEach(function (dept) {
+      dept.value = '';
+      dept.options = [];
+      dept.disable = true;
+    });
+  };
+};
+export var getDisplay = function getDisplay(_ref4) {
+  var api = _ref4.api,
+    deptState = _ref4.deptState,
+    state = _ref4.state;
+  return function (value) {
+    if (value === state.current) {
+      return;
+    }
+    state.current = value;
+    api.resetDeptState();
+    if (!value) {
+      state.display = '';
+      state.labels = [];
+      state.lastLabels = [];
+      state.lastDeptState = deptState.map(function (item) {
+        return _objectSpread({}, item);
+      });
+      return;
+    }
+    api.setDeptState(value, true).then(function () {
+      api.setSelectData();
+      state.lastLabels = state.labels;
+      var hrapprover = state.hrapprover;
+      state.display = hrapprover ? hrapprover.state.approvalPerson : state.labels.join('/');
+    });
+  };
+};
+export var getCurrentList = function getCurrentList(_ref5) {
+  var deptState = _ref5.deptState,
+    api = _ref5.api;
+  return function (level, show) {
+    if (!show) {
+      return;
+    }
+    var value = level ? deptState[level - 1].value : '';
+    api.getDeptList({
+      level: level,
+      value: value
+    });
+  };
+};
+export var getDeptList = function getDeptList(_ref6) {
+  var api = _ref6.api,
+    state = _ref6.state,
+    deptState = _ref6.deptState;
+  return function (_ref7) {
+    var level = _ref7.level,
+      value = _ref7.value,
+      auto = _ref7.auto;
+    if (level > 8) {
+      return;
+    }
+    var upperCode = level ? value : undefined;
+    state.loading = true;
+    return api.fetchDeptList(upperCode).then(function (list) {
+      deptState[level].options = list;
+      state.loading = false;
+      if (list.length) {
+        deptState[level].disable = false;
+        if (auto && state.autoSelect && list.length === 1) {
+          var hrCode = list[0].hrCode;
+          deptState[level].value = hrCode;
+          api.selectChange({
+            level: level,
+            value: hrCode
+          });
+        }
+      }
+    });
+  };
+};
+export var selectChange = function selectChange(_ref8) {
+  var emit = _ref8.emit,
+    api = _ref8.api,
+    state = _ref8.state,
+    deptState = _ref8.deptState;
+  return function (_ref9) {
+    var level = _ref9.level,
+      value = _ref9.value;
+    api.resetDeptState(deptState.slice(level + 1, 9));
+    api.setSelectData();
+    var current = formatJudgCofim(deptState);
+    var hrapprover = state.hrapprover;
+    if (hrapprover) {
+      emit('selected', current);
+    } else {
+      emit('selected', value, level);
+    }
+    if (value) {
+      api.getDeptList({
+        level: level + 1,
+        value: value,
+        auto: true
+      });
+    }
+  };
+};
+export var searchMethod = function searchMethod(_ref10) {
+  var api = _ref10.api,
+    state = _ref10.state;
+  return function (query) {
+    state.loading = true;
+    api.fetchDeptByValue(query).then(function (list) {
+      state.searchOptions = list;
+      state.loading = false;
+    });
+  };
+};
+export var searchChange = function searchChange(api) {
+  return function (value) {
+    if (!value) {
+      return;
+    }
+    api.resetDeptState();
+    api.setDeptState(value).then(function () {
+      api.setSelectData();
+    });
+  };
+};
+export var confirm = function confirm(_ref11) {
+  var api = _ref11.api,
+    props = _ref11.props,
+    state = _ref11.state;
+  return function () {
+    var isClose = true;
+    if (!props.beforeConfirm) {
+      isClose = api.doConfirm();
+      state.open = !isClose;
+      return;
+    }
+    if (typeof props.beforeConfirm === 'function') {
+      var before = props.beforeConfirm();
+      if (before && before.then) {
+        before.then(function () {
+          isClose = api.doConfirm();
+          state.open = !isClose;
+        }, function () {
+          return undefined;
+        });
+        return;
+      }
+      if (before !== false) {
+        isClose = api.doConfirm();
+        state.open = !isClose;
+      }
+    }
+  };
+};
+export var closeDialog = function closeDialog(emit) {
+  return function () {
+    return emit('close');
+  };
+};
+export var cancel = function cancel(_ref12) {
+  var emit = _ref12.emit,
+    state = _ref12.state,
+    deptState = _ref12.deptState;
+  return function () {
+    state.labels = state.lastLabels;
+    deptState.forEach(function (item, i) {
+      return Object.assign(item, state.lastDeptState[i]);
+    });
+    emit('cancel');
+    state.open = false;
+  };
+};
+export var initService = function initService(_ref13) {
+  var props = _ref13.props,
+    service = _ref13.service;
+  var _ref14 = service || {},
+    fetchDeptList = _ref14.fetchDeptList,
+    fetchDeptByValue = _ref14.fetchDeptByValue,
+    fetchDept = _ref14.fetchDept;
+  var noopFnCreator = function noopFnCreator(propName) {
+    return function () {
+      return Promise.reject(new Error("[AUI Error][Dept] Prop ".concat(propName, " is not configured")));
+    };
+  };
+  return {
+    fetchDeptList: props.fetchDeptList || fetchDeptList || noopFnCreator('fetchDeptList'),
+    fetchDeptByValue: props.fetchDeptByValue || fetchDeptByValue || noopFnCreator('fetchDeptByValue'),
+    fetchDept: props.fetchDept || fetchDept || noopFnCreator('fetchDept')
+  };
+};
+export var doConfirm = function doConfirm(_ref15) {
+  var emit = _ref15.emit,
+    props = _ref15.props,
+    state = _ref15.state,
+    deptState = _ref15.deptState;
+  return function () {
+    state.current = formatJudgCofim(deptState);
+    var hrapprover = state.hrapprover;
+    if (hrapprover) {
+      if (state.current && !hrapprover.state.approvalPerson) {
+        hrapprover.showModal();
+        return false;
+      } else {
+        state.display = hrapprover.state.approvalPerson;
+      }
+    } else {
+      state.display = state.labels.join('/');
+    }
+    state.lastLabels = state.labels;
+    state.lastDeptState = deptState.map(function (item) {
+      return _objectSpread({}, item);
+    });
+    if (props.modelValue !== state.current) {
+      emit('change', state.current);
+    }
+    emit('update:modelValue', state.current);
+    emit('confirm', state.current);
+    return true;
+  };
+};
+export var setDeptState = function setDeptState(_ref16) {
+  var api = _ref16.api,
+    state = _ref16.state,
+    deptState = _ref16.deptState;
+  return function (value, isInit) {
+    return api.fetchDept(value).then(function (info) {
+      for (var i = 0; i < deptState.length; i++) {
+        var textField = "l".concat(i, "_Name");
+        var valueField = "l".concat(i, "_Dept_Code");
+        if (info && info[textField]) {
+          var hrName = info[textField];
+          var hrCode = info[valueField];
+          deptState[i].options.push({
+            hrName: hrName,
+            hrCode: hrCode
+          });
+          deptState[i].value = hrCode;
+          deptState[i].disable = false;
+        } else {
+          api.getDeptList({
+            level: i,
+            value: value,
+            auto: true
+          }).then(function () {
+            if (isInit) {
+              state.lastDeptState = deptState.map(function (item) {
+                return _objectSpread({}, item);
+              });
+            }
+          });
+          break;
+        }
+      }
+    });
+  };
+};

package/dept/vue.js

@@ -0,0 +1,163 @@
+import { setSelectData, initService, openDialog, setDefaultSearch, closeDialog, resetDeptState, getDisplay, searchMethod, getCurrentList, getDeptList, selectChange, searchChange, confirm, cancel, doConfirm, setDeptState } from './index';
+export var api = ['select', 'state', 'deptState', 'openDialog', 'getCurrentList', 'confirm', 'searchMethod', 'searchChange', 'selectChange', 'closeDialog', 'cancel'];
+var initState = function initState(_ref) {
+  var reactive = _ref.reactive,
+    computed = _ref.computed,
+    parent = _ref.parent,
+    props = _ref.props,
+    inject = _ref.inject,
+    lastDeptState = _ref.lastDeptState;
+  var state = reactive({
+    lastDeptState: lastDeptState,
+    lastLabels: [],
+    labels: [],
+    display: '',
+    open: false,
+    loading: false,
+    searchValue: '',
+    searchOptions: [],
+    current: '',
+    formDisabled: computed(function () {
+      return (parent.auiForm || {}).disabled;
+    }),
+    disabled: props.disabled,
+    autoSelect: props.autoSelect,
+    hrapprover: inject('hrapprover', null)
+  });
+  return state;
+};
+var initApi = function initApi(_ref2) {
+  var api = _ref2.api,
+    state = _ref2.state,
+    deptState = _ref2.deptState,
+    emit = _ref2.emit,
+    $service = _ref2.$service,
+    props = _ref2.props;
+  Object.assign(api, {
+    state: state,
+    deptState: deptState,
+    closeDialog: closeDialog(emit),
+    resetDeptState: resetDeptState(deptState),
+    fetchDept: $service.fetchDept,
+    fetchDeptList: $service.fetchDeptList,
+    fetchDeptByValue: $service.fetchDeptByValue,
+    setSelectData: setSelectData({
+      deptState: deptState,
+      state: state
+    }),
+    cancel: cancel({
+      emit: emit,
+      state: state,
+      deptState: deptState
+    }),
+    doConfirm: doConfirm({
+      emit: emit,
+      props: props,
+      state: state,
+      deptState: deptState
+    }),
+    searchChange: searchChange(api),
+    searchMethod: searchMethod({
+      api: api,
+      state: state
+    }),
+    openDialog: openDialog({
+      api: api,
+      emit: emit,
+      props: props,
+      state: state
+    }),
+    selectChange: selectChange({
+      api: api,
+      emit: emit,
+      state: state,
+      deptState: deptState
+    }),
+    setDefaultSearch: setDefaultSearch({
+      api: api,
+      state: state
+    }),
+    getCurrentList: getCurrentList({
+      api: api,
+      deptState: deptState
+    }),
+    confirm: confirm({
+      api: api,
+      props: props,
+      state: state
+    }),
+    getDeptList: getDeptList({
+      api: api,
+      deptState: deptState,
+      state: state
+    }),
+    getDisplay: getDisplay({
+      api: api,
+      deptState: deptState,
+      state: state
+    }),
+    setDeptState: setDeptState({
+      api: api,
+      state: state,
+      deptState: deptState
+    })
+  });
+};
+export var renderless = function renderless(props, _ref3, _ref4) {
+  var onBeforeUnmount = _ref3.onBeforeUnmount,
+    reactive = _ref3.reactive,
+    watch = _ref3.watch,
+    inject = _ref3.inject,
+    computed = _ref3.computed;
+  var service = _ref4.service,
+    emit = _ref4.emit,
+    parent = _ref4.parent;
+  parent.auiForm = parent.auiForm || inject('form', null);
+  var api = {};
+  var $service = initService({
+    props: props,
+    service: service
+  });
+  var deptLevels = ['company', 'dept1', 'dept2', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8'];
+  var deptState = deptLevels.map(function (title) {
+    return reactive({
+      title: title,
+      options: [],
+      value: '',
+      disable: true
+    });
+  });
+  var lastDeptState = deptLevels.map(function (title) {
+    return reactive({
+      title: title,
+      options: [],
+      value: '',
+      disable: true
+    });
+  });
+  var state = initState({
+    reactive: reactive,
+    computed: computed,
+    parent: parent,
+    props: props,
+    inject: inject,
+    lastDeptState: lastDeptState
+  });
+  initApi({
+    api: api,
+    state: state,
+    deptState: deptState,
+    emit: emit,
+    $service: $service,
+    props: props
+  });
+  watch(function () {
+    return props.modelValue;
+  }, api.getDisplay, {
+    immediate: true
+  });
+  onBeforeUnmount(function () {
+    state.open = false;
+  });
+  return api;
+};

package/detail-page/index.js

@@ -86,8 +86,11 @@ export var checkAllHander = function checkAllHander(state) {
   };
 };
 export var checkValueHiddenItem = function checkValueHiddenItem(state) {
-  return function () {
+  return function (index) {
     var hiddenItemCount = 0;
+    if (typeof index === 'number') {
+      state.cloneValue[index].hidden = !state.cloneValue[index].hidden;
+    }
     state.cloneValue.forEach(function (item) {
       if (item.hidden) {
         ++hiddenItemCount;

package/dialog-box/index.js

@@ -75,7 +75,10 @@ export var watchVisible = function watchVisible(_ref3) {
           return state.key++;
         });
       }
-      props.rightSlide && (el.querySelector(constants.DIALOG_BOX_CLASS).style.left = '');
+      if (props.rightSlide) {
+        var dialogBoxDom = el.querySelector(constants.DIALOG_BOX_CLASS) || el;
+        dialogBoxDom.style.left = '';
+      }
     }
   };
 };
@@ -126,9 +129,14 @@ export var handleClose = function handleClose(_ref7) {
     props = _ref7.props;
   return function () {
     var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'close';
-    if (typeof props.beforeClose === 'function' && props.beforeClose(type) === false) return;
+    if (typeof props.beforeClose === 'function' && props.beforeClose(type) === false) {
+      return;
+    }
     var el = parent.$el;
-    props.rightSlide && (el.querySelector(constants.DIALOG_BOX_CLASS).style.left = '');
+    if (props.rightSlide) {
+      var dialogBoxDom = el.querySelector(constants.DIALOG_BOX_CLASS) || el;
+      dialogBoxDom.style.left = '';
+    }
     if (!emitEvent(emit, 'before-close', api.hide)) {
       return;
     }
@@ -189,7 +197,9 @@ var findPopoverComponent = function findPopoverComponent(_ref12) {
   var vm = _ref12.vm,
     componentList = _ref12.componentList;
   var children = vm.$children;
-  if (!children || children.length === 0) return;
+  if (!children || children.length === 0) {
+    return;
+  }
   children.forEach(function (child) {
     var tag = child.$options.componentName;
     if (tag === 'Select') {