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

package/common/deps/scrollbar-width.js

@@ -1,8 +1,12 @@
 var scrollBarWidth;
 var isServer = typeof window === 'undefined';
 export default function () {
-  if (isServer) return 0;
-  if (scrollBarWidth !== undefined) return scrollBarWidth;
+  if (isServer) {
+    return 0;
+  }
+  if (scrollBarWidth !== undefined) {
+    return scrollBarWidth;
+  }
   var container = document.createElement('div');
   container.className = 'tiny-scrollbar';
   container.style.visibility = 'hidden';

package/common/deps/tree-model/node.js

@@ -48,7 +48,9 @@ export var getChildState = function getChildState(node) {
 };
 var reInitChecked = function reInitChecked(node) {
   var childNodes = node.childNodes;
-  if (childNodes.length === 0) return;
+  if (childNodes.length === 0) {
+    return;
+  }
   var _getChildState = getChildState(childNodes),
     all = _getChildState.all,
     none = _getChildState.none,
@@ -70,7 +72,9 @@ var reInitChecked = function reInitChecked(node) {
     });
   }
   var parent = node.parent;
-  if (!parent || parent.level === 0) return;
+  if (!parent || parent.level === 0) {
+    return;
+  }
   !node.store.checkStrictly && reInitChecked(parent);
 };
 var nodeIdSeed = 0;
@@ -97,7 +101,9 @@ var Node = function () {
     if (!Array.isArray(this.data)) {
       markNodeData(this, this.data);
     }
-    if (!this.data) return;
+    if (!this.data) {
+      return;
+    }
     this.expandByDefaultKeys();
     var key = store.key,
       lazy = store.lazy,
@@ -189,7 +195,9 @@ var Node = function () {
       var store = this.store,
         data = this.data;
       var nodeKey = store.key;
-      if (data) return data[nodeKey];
+      if (data) {
+        return data[nodeKey];
+      }
       return null;
     }
   }, {
@@ -255,7 +263,9 @@ var Node = function () {
   }, {
     key: "insertChild",
     value: function insertChild(child, index, batch) {
-      if (!child) throw new Error('[TINY-Tree] insertChild error: child is required.');
+      if (!child) {
+        throw new Error('[TINY-Tree] insertChild error: child is required.');
+      }
       var insertNode = function insertNode(_ref) {
         var arr = _ref.arr,
           index = _ref.index,
@@ -416,8 +426,12 @@ var Node = function () {
       var forceInit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       var level = this.level,
         data = this.data;
-      if (level === 0) return data;
-      if (!data) return null;
+      if (level === 0) {
+        return data;
+      }
+      if (!data) {
+        return null;
+      }
       var props = this.store.props;
       var childrenKey = defaultChildrenKey;
       if (props) {
@@ -439,7 +453,9 @@ var Node = function () {
       var _this$store2 = this.store,
         checkStrictly = _this$store2.checkStrictly,
         checkDescendants = _this$store2.checkDescendants;
-      if (checkStrictly) return;
+      if (checkStrictly) {
+        return;
+      }
       var ret = this.setCheckedInner({
         checkDescendants: checkDescendants,
         value: value,
@@ -453,7 +469,9 @@ var Node = function () {
         return;
       }
       var parentNode = this.parent;
-      if (!parentNode || parentNode.level === 0) return;
+      if (!parentNode || parentNode.level === 0) {
+        return;
+      }
       if (!recursion) {
         this.store.lazy ? lazyInitChecked(parentNode) : reInitChecked(parentNode);
       }
@@ -546,7 +564,9 @@ var Node = function () {
       });
       if (!this.store.lazy) {
         oldChildren.forEach(function (item) {
-          if (!newChildrenMap[item[NODE_KEY]]) _this5.removeChildByData(item);
+          if (!newChildrenMap[item[NODE_KEY]]) {
+            _this5.removeChildByData(item);
+          }
         });
       }
       newChildren.forEach(function (_ref3) {

package/common/deps/tree-model/tree-store.js

@@ -54,8 +54,12 @@ var TreeStore = function () {
             node.visible = allHidden === false;
           }
         }
-        if (!value) return;
-        if (node.visible && !node.isLeaf && !lazy) node.expand();
+        if (!value) {
+          return;
+        }
+        if (node.visible && !node.isLeaf && !lazy) {
+          node.expand();
+        }
       };
       walkTree(this);
     }
@@ -172,7 +176,9 @@ var TreeStore = function () {
     value: function deregisterNode(node) {
       var _this6 = this;
       var key = this.key;
-      if (!key || !node || !node.data) return;
+      if (!key || !node || !node.data) {
+        return;
+      }
       node.childNodes.forEach(function (child) {
         _this6.deregisterNode(child);
       });
@@ -182,7 +188,9 @@ var TreeStore = function () {
     key: "registerNode",
     value: function registerNode(node) {
       var key = this.key;
-      if (!key || !node || !node.data) return;
+      if (!key || !node || !node.data) {
+        return;
+      }
       var nodeKey = node.key;
       if (nodeKey !== undefined) {
         this.nodesMap[nodeKey] = node;
@@ -240,7 +248,9 @@ var TreeStore = function () {
     key: "updateChildren",
     value: function updateChildren(key, data) {
       var node = this.nodesMap[key];
-      if (!node) return;
+      if (!node) {
+        return;
+      }
       var childNodes = node.childNodes;
       for (var i = childNodes.length - 1; i >= 0; i--) {
         this.remove(childNodes[i].data);
@@ -253,6 +263,7 @@ var TreeStore = function () {
   }, {
     key: "_setCheckedKeys",
     value: function _setCheckedKeys(key) {
+      var _this7 = this;
       var leafOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var checkedKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var nodes = this._getAllNodes().sort(function (prevNode, nextNode) {
@@ -263,7 +274,7 @@ var TreeStore = function () {
       nodes.forEach(function (node) {
         node.setChecked(false, false);
       });
-      for (var i = 0, len = nodes.length; i < len; i++) {
+      var _loop = function _loop() {
         var node = nodes[i];
         var nodeKey = node.data[key].toString();
         var checked = ~keys.indexOf(nodeKey);
@@ -277,35 +288,36 @@ var TreeStore = function () {
             cache[parentNode.data[key]] = true;
             parentNode = parentNode.parent;
           }
-          if (node.isLeaf || this.checkStrictly) {
+          if (node.isLeaf || _this7.checkStrictly) {
             node.setChecked(true, false);
           } else if (leafOnly) {
-            (function () {
-              node.setChecked(false, false);
-              var walkTree = function walkTree(node) {
-                var childNodes = node.childNodes;
-                childNodes.forEach(function (child) {
-                  !child.isLeaf && child.setChecked(false, false);
-                  walkTree(child);
-                });
-              };
-              walkTree(node);
-            })();
+            node.setChecked(false, false);
+            var walkTree = function walkTree(node) {
+              var childNodes = node.childNodes;
+              childNodes.forEach(function (child) {
+                !child.isLeaf && child.setChecked(false, false);
+                walkTree(child);
+              });
+            };
+            walkTree(node);
           } else {
             node.setChecked(true, true);
           }
         }
+      };
+      for (var i = 0, len = nodes.length; i < len; i++) {
+        _loop();
       }
     }
   }, {
     key: "setDefaultExpandedKeys",
     value: function setDefaultExpandedKeys(keys) {
-      var _this7 = this;
+      var _this8 = this;
       keys = keys || [];
       this.defaultExpandedKeys = keys;
       keys.forEach(function (key) {
-        var node = _this7.getNode(key);
-        node && node.expand(null, _this7.autoExpandParent);
+        var node = _this8.getNode(key);
+        node && node.expand(null, _this8.autoExpandParent);
       });
     }
   }, {

package/common/deps/tree-model/util.js

@@ -1,10 +1,14 @@
 export var NODE_KEY = '$treeNodeId';
 export var getNodeKey = function getNodeKey(key, data) {
-  if (!key) return data[NODE_KEY];
+  if (!key) {
+    return data[NODE_KEY];
+  }
   return data[key];
 };
 export var markNodeData = function markNodeData(node, data) {
-  if (!data || data[NODE_KEY]) return;
+  if (!data || data[NODE_KEY]) {
+    return;
+  }
   Object.defineProperty(data, NODE_KEY, {
     value: node.id,
     enumerable: false,

package/common/deps/upload-ajax.js

@@ -46,7 +46,13 @@ export default (function (option) {
       formData.append(key, option.data[key]);
     });
   }
-  formData.append(option.filename, option.file, option.file.name);
+  if (Array.isArray(option.file)) {
+    option.file.forEach(function (file) {
+      formData.append(option.filename, file, file.name);
+    });
+  } else {
+    formData.append(option.filename, option.file, option.file.name);
+  }
   xhr.onerror = function (event) {
     option.onError(event);
   };

package/common/deps/vue-popper.js

@@ -30,10 +30,11 @@ var getReferMaxZIndex = function getReferMaxZIndex(reference) {
   var max = getZIndex(reference);
   var z;
   do {
+    var _reference, _reference$parentNode;
     reference = reference.parentNode;
     z = getZIndex(reference);
     max = z > max ? z : max;
-  } while (reference !== document.body);
+  } while (reference !== document.body && ((_reference = reference) === null || _reference === void 0 ? void 0 : (_reference$parentNode = _reference.parentNode) === null || _reference$parentNode === void 0 ? void 0 : _reference$parentNode.nodeType) !== 11);
   return "".concat(max + 1);
 };
 var appendPopper = function appendPopper(_ref2) {
@@ -147,7 +148,6 @@ var createPopperFn = function createPopperFn(_ref4) {
     state.popperJS.onCreate(function () {
       emit('created', state);
       resetTransformOrigin();
-      nextTick(updatePopper);
     });
     if (typeof options.onUpdate === 'function') {
       state.popperJS.onUpdate(options.onUpdate);

package/common/string.js

@@ -13,7 +13,7 @@ export var escapeChars = {
   '<': '&#60;',
   '>': '&#62;',
   '"': '&#34;',
-  "'": '&#x27;',
+  '\'': '&#x27;',
   '[': '&#91;',
   ']': '&#93;'
 };

package/company/index.js

@@ -0,0 +1,56 @@
+export var init = function init(_ref) {
+  var state = _ref.state,
+    props = _ref.props,
+    service = _ref.service;
+  return function () {
+    var _service$fields = service.fields,
+      textField = _service$fields.textField,
+      valueField = _service$fields.valueField;
+    if (state.source) {
+      state.options = state.source.map(function (item) {
+        return {
+          label: item[textField],
+          value: item[valueField]
+        };
+      });
+    } else {
+      service.fetchCompany().then(function (data) {
+        var list = data || [];
+        state.source = props.max ? list.slice(0, props.max) : list;
+        state.options = state.source.map(function (item) {
+          return {
+            label: item[textField],
+            value: item[valueField]
+          };
+        });
+      });
+    }
+  };
+};
+export var change = function change(emit) {
+  return function (value) {
+    emit('update:modelValue', value);
+    emit('change', value);
+  };
+};
+export var initService = function initService(_ref2) {
+  var props = _ref2.props,
+    service = _ref2.service;
+  var _ref3 = service || {},
+    _ref3$setting = _ref3.setting,
+    setting = _ref3$setting === void 0 ? {} : _ref3$setting,
+    fetchCompany = _ref3.fetchCompany;
+  var _setting$options = setting.options,
+    options = _setting$options === void 0 ? {} : _setting$options;
+  var defaultCompanySetting = {
+    textField: 'tx_corporation_cn',
+    valueField: 'tx_coa'
+  };
+  var fetchCompanyNoop = function fetchCompanyNoop() {
+    return Promise.resolve([]);
+  };
+  return {
+    fetchCompany: props.fetchCompany || fetchCompany || fetchCompanyNoop,
+    fields: props.fields || options.Company || defaultCompanySetting
+  };
+};

package/company/vue.js

@@ -0,0 +1,35 @@
+import { init, change, initService } from './index';
+export var api = ['state', 'change', 'clear', 'visibleChange'];
+export var renderless = function renderless(props, _ref, _ref2) {
+  var watch = _ref.watch,
+    reactive = _ref.reactive;
+  var emit = _ref2.emit,
+    service = _ref2.service;
+  var $service = initService({
+    props: props,
+    service: service
+  });
+  var state = reactive({
+    options: [],
+    source: null,
+    selectedValue: props.modelValue
+  });
+  var api = {
+    state: state,
+    change: change(emit),
+    init: init({
+      state: state,
+      props: props,
+      service: $service
+    })
+  };
+  watch(function () {
+    return props.modelValue;
+  }, function (propsValue) {
+    state.selectedValue = propsValue;
+  }, {
+    immediate: true
+  });
+  api.init();
+  return api;
+};

package/country/index.js

@@ -0,0 +1,54 @@
+export var change = function change(emit) {
+  return function (value) {
+    emit('update:modelValue', value);
+    emit('change', value);
+  };
+};
+export var init = function init(_ref) {
+  var state = _ref.state,
+    service = _ref.service;
+  return function () {
+    var _service$fields = service.fields,
+      textField = _service$fields.textField,
+      valueField = _service$fields.valueField;
+    if (state.source) {
+      state.options = state.source.map(function (item) {
+        return {
+          label: item[textField],
+          value: item[valueField]
+        };
+      });
+    } else {
+      service.fetchCountry().then(function (data) {
+        state.source = data || [];
+        state.options = state.source.map(function (item) {
+          return {
+            value: item[valueField],
+            label: item[textField]
+          };
+        });
+      });
+    }
+  };
+};
+export var initService = function initService(_ref2) {
+  var props = _ref2.props,
+    service = _ref2.service;
+  var _ref3 = service || {},
+    fetchCountry = _ref3.fetchCountry,
+    _ref3$setting = _ref3.setting,
+    setting = _ref3$setting === void 0 ? {} : _ref3$setting;
+  var _setting$options = setting.options,
+    options = _setting$options === void 0 ? {} : _setting$options;
+  var defaultCountrySetting = {
+    textField: 'territory_short_name',
+    valueField: 'territory_code'
+  };
+  var fetchCountryNoop = function fetchCountryNoop() {
+    return Promise.resolve([]);
+  };
+  return {
+    fetchCountry: props.fetchCountry || fetchCountry || fetchCountryNoop,
+    fields: props.fields || options.Country || defaultCountrySetting
+  };
+};

package/country/vue.js

@@ -0,0 +1,35 @@
+import { init, change, initService } from './index';
+export var api = ['state', 'change', 'emit'];
+export var renderless = function renderless(props, _ref, _ref2) {
+  var watch = _ref.watch,
+    reactive = _ref.reactive;
+  var service = _ref2.service,
+    emit = _ref2.emit;
+  var $service = initService({
+    props: props,
+    service: service
+  });
+  var state = reactive({
+    source: null,
+    options: [],
+    selectedValue: props.modelValue
+  });
+  var api = {
+    state: state,
+    emit: emit,
+    change: change(emit),
+    init: init({
+      state: state,
+      service: $service
+    })
+  };
+  watch(function () {
+    return props.modelValue;
+  }, function (newValue) {
+    state.selectedValue = newValue;
+  }, {
+    immediate: true
+  });
+  api.init();
+  return api;
+};

package/credit-card-form/index.js

@@ -17,6 +17,7 @@ export var changeNumber = function changeNumber(_ref2) {
     state = _ref2.state;
   return function (event) {
     state.formData.cardNumber = event.target.value;
+    state.mainCardNumber = event.target.value;
     var value = state.formData.cardNumber.replace(/\D/g, '');
     if (/^3[47]\d{0,13}$/.test(value)) {
       state.formData.cardNumber = value.replace(/^(\d{4})(?=\d)/, '$1 ').replace(/^(\d{4}) (\d{6})(?=\d)/, '$1 $2 ');

package/currency/index.js

@@ -0,0 +1,78 @@
+import { isUndefined, isNull } from '@opentiny/vue-renderless/grid/static';
+import { log } from '@opentiny/vue-renderless/common';
+export var init = function init(_ref) {
+  var state = _ref.state,
+    service = _ref.service,
+    api = _ref.api;
+  return function () {
+    var _service$fields = service.fields,
+      textField = _service$fields.textField,
+      valueField = _service$fields.valueField;
+    service.fetchCurrency().then(function (data) {
+      api.fixServiceData(data).then(function (result) {
+        state.options = result.map(function (item) {
+          return {
+            label: item[textField],
+            value: item[valueField]
+          };
+        });
+      });
+    });
+  };
+};
+export var change = function change(emit) {
+  return function (value) {
+    emit('update:modelValue', value);
+    emit('change', value);
+  };
+};
+export var initService = function initService(_ref2) {
+  var props = _ref2.props,
+    service = _ref2.service;
+  var defaultCurrencySetting = {
+    textField: 'currency_code',
+    valueField: 'currency_code'
+  };
+  var _ref3 = service || {},
+    _ref3$setting = _ref3.setting,
+    setting = _ref3$setting === void 0 ? {} : _ref3$setting,
+    fetchCurrency = _ref3.fetchCurrency;
+  var _setting$options = setting.options,
+    options = _setting$options === void 0 ? {} : _setting$options;
+  var fetchCurrencyNoop = function fetchCurrencyNoop() {
+    return Promise.resolve([]);
+  };
+  return {
+    fetchCurrency: props.fetchCurrency || fetchCurrency || fetchCurrencyNoop,
+    fields: props.fields || options.Currency || defaultCurrencySetting
+  };
+};
+export var fixServiceData = function fixServiceData(_ref4) {
+  var props = _ref4.props,
+    service = _ref4.service;
+  return function (data) {
+    var _service$fields2 = service.fields,
+      textField = _service$fields2.textField,
+      valueField = _service$fields2.valueField;
+    return new Promise(function (resolve) {
+      data = data || [];
+      data = Array.isArray(data) ? data : [];
+      var result = [];
+      data.forEach(function (option) {
+        option = option || {};
+        var value = option[valueField];
+        var text = option[textField];
+        if (isUndefined(value) || isNull(value)) {
+          if (text) {
+            option[valueField] = text;
+          } else {
+            log('data error. set it to the default value.', 'warn');
+            option[textField] = option[valueField] = props.currency;
+          }
+        }
+        result.push(option);
+      });
+      resolve(result);
+    });
+  };
+};

package/currency/vue.js

@@ -0,0 +1,39 @@
+import { init, fixServiceData, change, initService } from './index';
+export var api = ['state', 'change'];
+export var renderless = function renderless(props, _ref, _ref2) {
+  var watch = _ref.watch,
+    reactive = _ref.reactive;
+  var service = _ref2.service,
+    emit = _ref2.emit;
+  var api = {};
+  var $service = initService({
+    props: props,
+    service: service
+  });
+  var state = reactive({
+    options: [],
+    selectedValue: props.modelValue
+  });
+  Object.assign(api, {
+    state: state,
+    change: change(emit),
+    fixServiceData: fixServiceData({
+      props: props,
+      service: $service
+    }),
+    init: init({
+      state: state,
+      service: $service,
+      api: api
+    })
+  });
+  watch(function () {
+    return props.modelValue;
+  }, function (param) {
+    state.selectedValue = param;
+  }, {
+    immediate: true
+  });
+  api.init();
+  return api;
+};

package/date-panel/index.js

@@ -27,7 +27,9 @@ export var watchValue = function watchValue(_ref2) {
   var api = _ref2.api,
     state = _ref2.state;
   return function (value) {
-    if (state.selectionMode === DATEPICKER.Dates && state.value) return;
+    if (state.selectionMode === DATEPICKER.Dates && state.value) {
+      return;
+    }
     if (isDate(value)) {
       state.date = state.selectionMode === 'week' ? getWeekData(value) : new Date(value);
     } else {
@@ -74,7 +76,9 @@ export var proxyTimePickerDataProperties = function proxyTimePickerDataPropertie
     watch = _ref6.watch;
   return function () {
     var format = function format(timeFormat) {
-      if (refs.timepicker) refs.timepicker.state.format = timeFormat;
+      if (refs.timepicker) {
+        refs.timepicker.state.format = timeFormat;
+      }
     };
     var value = function value(_value) {
       if (refs.timepicker) {
@@ -417,7 +421,9 @@ export var handleVisibleTimeChange = function handleVisibleTimeChange(_ref25) {
     if (time && api.checkDateWithinRange(time)) {
       state.date = modifyDate(time, state.year, state.month, state.monthDate);
       state.userInputTime = null;
-      if (refs.timepicker) refs.timepicker.state.value = state.date;
+      if (refs.timepicker) {
+        refs.timepicker.state.value = state.date;
+      }
       state.timePickerVisible = false;
       api.cusEmit(state.date, true);
     }
@@ -462,7 +468,9 @@ export var selectTz = function selectTz(_ref29) {
   var emit = _ref29.emit,
     state = _ref29.state;
   return function (tz) {
-    if (state.timezone.isServiceTimezone) return;
+    if (state.timezone.isServiceTimezone) {
+      return;
+    }
     state.tz = tz.name;
     state.selectedTz = tz;
     state.showpopup = false;
@@ -507,7 +515,9 @@ export var debounceChange = debounce(500, function (state, input) {
 });
 export var toggleTz = function toggleTz(state) {
   return function () {
-    if (state.timezone.isServiceTimezone) return;
+    if (state.timezone.isServiceTimezone) {
+      return;
+    }
     state.renderTzdata = state.renderTzdata && state.renderTzdata.map(function (item) {
       item.visible = false;
       return item;
@@ -538,7 +548,7 @@ export var getRenderTz = function getRenderTz(_ref31) {
         findTimezoneKey = '';
       } else {
         findTimezoneKey = to > 0 ? '+' : '-';
-        findTimezoneKey = findTimezoneKey + fillChar(Math.abs(to) + '', 2) + ':00';
+        findTimezoneKey = findTimezoneKey + fillChar(String(Math.abs(to)), 2) + ':00';
       }
       findTimezoneKey = "(UTC".concat(findTimezoneKey, ")");
       state.renderTzdata.some(function (item) {