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

package/ip-address/index.js

@@ -1,109 +1,68 @@
-import { KEY_CODE, IPTHRESHOLD } from '@opentiny/vue-renderless/common';
-export var isIP6 = function isIP6(str) {
-  return /^IPv6$/i.test(str);
-};
-export var isIP4 = function isIP4(str) {
-  return /^IPv4$/i.test(str);
-};
-export var ipValidator = function ipValidator(_ref) {
-  var props = _ref.props,
-    api = _ref.api;
-  return function (value) {
-    var result = true;
-    if (props.type) {
-      if (api.isIP6(props.type)) {
-        result = typeof value === 'string';
-      } else if (api.isIP4(props.type)) {
-        result = /^((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}$/.test(value);
-      }
+import "../chunk-PKUHTIDK.js";
+import { KEY_CODE, IPTHRESHOLD } from "@opentiny/vue-renderless/common";
+const isIP6 = (str) => /^IPv6$/i.test(str);
+const isIP4 = (str) => /^IPv4$/i.test(str);
+const ipValidator = ({ props, api }) => (value) => {
+  let result = true;
+  if (props.type) {
+    if (api.isIP6(props.type)) {
+      result = typeof value === "string";
+    } else if (api.isIP4(props.type)) {
+      result = /^((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}$/.test(value);
     }
-    return result;
-  };
+  }
+  return result;
 };
-export var getCursorPosition = function getCursorPosition(el) {
-  var cursorPos = 0;
-  var selectRange = null;
+const getCursorPosition = (el) => {
+  let cursorPos = 0;
+  let selectRange = null;
   if (document.selection) {
     selectRange = document.selection.createRange();
-    selectRange.moveStart('character', -el.value.length);
+    selectRange.moveStart("character", -el.value.length);
     cursorPos = selectRange.text.length;
   }
-  if (el.selectionStart || el.selectionStart === '0') {
+  if (el.selectionStart || el.selectionStart === "0") {
     cursorPos = el.selectionStart;
   }
   return cursorPos;
 };
-export var getValue = function getValue(_ref2) {
-  var api = _ref2.api,
-    props = _ref2.props,
-    state = _ref2.state;
-  return function () {
-    var valueArr = [];
-    var result = '';
-    if (api.isIP6(props.type)) {
-      result = state.address[0].value || '';
-    } else {
-      state.address.forEach(function (item) {
-        if (api.isIP4(props.type) && item.value) {
-          item.value = item.value.replace(/\D/g, '');
-        }
-        item.value && valueArr.push(item.value);
-      });
-      result = state.address.filter(function (item) {
-        return item.value;
-      }).length === 4 ? valueArr.join('.') : '';
-    }
-    return result;
-  };
+const getValue = ({ api, props, state }) => () => {
+  const valueArr = [];
+  let result = "";
+  if (api.isIP6(props.type)) {
+    result = state.address[0].value || "";
+  } else {
+    state.address.forEach((item) => {
+      if (api.isIP4(props.type) && item.value) {
+        item.value = item.value.replace(/\D/g, "");
+      }
+      item.value && valueArr.push(item.value);
+    });
+    result = state.address.filter((item) => item.value).length === 4 ? valueArr.join(".") : "";
+  }
+  return result;
 };
-export var setValue = function setValue(_ref3) {
-  var api = _ref3.api,
-    props = _ref3.props,
-    state = _ref3.state;
-  return function (value) {
-    if (value) {
-      if (api.ipValidator(value)) {
-        if (api.isIP6(props.type)) {
-          state.address = [{
-            value: value
-          }];
-        } else {
-          state.address = value.split('.').map(function (item) {
-            return {
-              value: item
-            };
-          });
-        }
+const setValue = ({ api, props, state }) => (value) => {
+  if (value) {
+    if (api.ipValidator(value)) {
+      if (api.isIP6(props.type)) {
+        state.address = [{ value }];
+      } else {
+        state.address = value.split(".").map((item) => ({ value: item }));
       }
-    } else {
-      state.address = api.isIP6(props.type) ? [{
-        value: ''
-      }] : [{
-        value: ''
-      }, {
-        value: ''
-      }, {
-        value: ''
-      }, {
-        value: ''
-      }];
     }
-  };
+  } else {
+    state.address = api.isIP6(props.type) ? [{ value: "" }] : [{ value: "" }, { value: "" }, { value: "" }, { value: "" }];
+  }
 };
-var activeEvent = function activeEvent(_ref4) {
-  var emit = _ref4.emit,
-    parent = _ref4.parent,
-    state = _ref4.state,
-    index = _ref4.index,
-    event = _ref4.event,
-    type = _ref4.type;
-  var target = event && event.target ? event.target : parent.$el.querySelectorAll('input')[index || 0];
-  type === 'focus' && (state.active = true);
+const activeEvent = ({ emit, parent, state, index, event, type }) => {
+  const target = event && event.target ? event.target : parent.$el.querySelectorAll("input")[index || 0];
+  type === "focus" && (state.active = true);
   if (!event) {
     if (target && !state.isSelected) {
       state.isSelected = true;
       target[type]();
-      setTimeout(function () {
+      setTimeout(() => {
         state.isSelected = false;
       }, 10);
       emit(type, target.value, index);
@@ -112,259 +71,133 @@ var activeEvent = function activeEvent(_ref4) {
     !state.isSelected && emit(type, target.value, index);
   }
 };
-export var focus = function focus(_ref5) {
-  var emit = _ref5.emit,
-    parent = _ref5.parent,
-    state = _ref5.state;
-  return function (_ref6) {
-    var index = _ref6.index,
-      event = _ref6.event;
-    activeEvent({
-      emit: emit,
-      parent: parent,
-      state: state,
-      index: index,
-      event: event,
-      type: 'focus'
-    });
-  };
+const focus = ({ emit, parent, state }) => ({ index, event }) => {
+  activeEvent({ emit, parent, state, index, event, type: "focus" });
 };
-export var select = function select(_ref7) {
-  var emit = _ref7.emit,
-    parent = _ref7.parent,
-    state = _ref7.state;
-  return function (_ref8) {
-    var index = _ref8.index,
-      event = _ref8.event;
-    activeEvent({
-      emit: emit,
-      parent: parent,
-      state: state,
-      index: index,
-      event: event,
-      type: 'select'
-    });
-  };
+const select = ({ emit, parent, state }) => ({ index, event }) => {
+  activeEvent({ emit, parent, state, index, event, type: "select" });
 };
-export var inputEvent = function inputEvent(_ref9) {
-  var api = _ref9.api,
-    componentName = _ref9.componentName,
-    emit = _ref9.emit,
-    eventName = _ref9.eventName,
-    props = _ref9.props;
-  return function (_ref10) {
-    var item = _ref10.item,
-      index = _ref10.index;
-    var val = item.value.trim();
-    var value = '';
-    if (api.isIP4(props.type)) {
-      if (!index && api.ipValidator(val)) {
-        api.setValue(val);
-      } else if (isNaN(val) || val < IPTHRESHOLD.Min || val > IPTHRESHOLD.Max) {
-        item.value = '';
-      }
-    } else {
-      item.value = val.replace(/[\u4E00-\u9FA5]/g, '');
+const inputEvent = ({ api, componentName, emit, eventName, props }) => ({ item, index }) => {
+  const val = item.value.trim();
+  let value = "";
+  if (api.isIP4(props.type)) {
+    if (!index && api.ipValidator(val)) {
+      api.setValue(val);
+    } else if (isNaN(val) || val < IPTHRESHOLD.Min || val > IPTHRESHOLD.Max) {
+      item.value = "";
     }
-    value = api.getValue();
-    emit('update:modelValue', value, index);
-    api.dispatch(componentName, eventName, [value]);
-  };
-};
-export var change = function change(_ref11) {
-  var api = _ref11.api,
-    emit = _ref11.emit;
-  return function () {
-    var value = api.getValue();
-    emit('change', value);
-  };
-};
-export var blur = function blur(_ref12) {
-  var api = _ref12.api,
-    componentName = _ref12.componentName,
-    emit = _ref12.emit,
-    eventName = _ref12.eventName,
-    props = _ref12.props,
-    state = _ref12.state;
-  return function (_ref13) {
-    var item = _ref13.item,
-      index = _ref13.index;
-    state.active = false;
-    state.isDel = false;
-    if (api.isIP4(props.type)) {
-      item.value = item.value.replace(/\D/g, '');
+  } else {
+    item.value = val.replace(/[\u4E00-\u9FA5]/g, "");
+  }
+  value = api.getValue();
+  emit("update:modelValue", value, index);
+  api.dispatch(componentName, eventName, [value]);
+};
+const change = ({ api, emit }) => () => {
+  const value = api.getValue();
+  emit("change", value);
+};
+const blur = ({ api, componentName, emit, eventName, props, state }) => ({ item, index }) => {
+  state.active = false;
+  state.isDel = false;
+  if (api.isIP4(props.type)) {
+    item.value = item.value.replace(/\D/g, "");
+  }
+  emit("blur", item.value, index);
+  api.dispatch(componentName, eventName, [item.value]);
+};
+const keyup = ({ api, props }) => ({ item, index, event }) => {
+  const { keyCode } = event;
+  const value = item.value.trim();
+  const nextIndex = index + 1;
+  if (api.isIP4(props.type)) {
+    if (isNaN(item.value)) {
+      item.value = item.value.replace(/\D/g, "");
+      return false;
     }
-    emit('blur', item.value, index);
-    api.dispatch(componentName, eventName, [item.value]);
-  };
-};
-export var keyup = function keyup(_ref14) {
-  var api = _ref14.api,
-    props = _ref14.props;
-  return function (_ref15) {
-    var item = _ref15.item,
-      index = _ref15.index,
-      event = _ref15.event;
-    var keyCode = event.keyCode;
-    var value = item.value.trim();
-    var nextIndex = index + 1;
-    if (api.isIP4(props.type)) {
-      if (isNaN(item.value)) {
-        item.value = item.value.replace(/\D/g, '');
-        return false;
-      }
-      if ([KEY_CODE.Tab, KEY_CODE.Space, KEY_CODE.NumpadDecimal, KEY_CODE.NumpadComma].indexOf(keyCode) > -1 && value) {
-        api.select({
-          index: nextIndex
-        });
-        return false;
-      }
-      if ((value === '0' || value > IPTHRESHOLD.NonNumeric || value.length === 3) && !isNaN(event.key)) {
-        api.focus({
-          index: nextIndex
-        });
-        api.select({
-          index: nextIndex
-        });
-        return false;
-      }
+    if ([KEY_CODE.Tab, KEY_CODE.Space, KEY_CODE.NumpadDecimal, KEY_CODE.NumpadComma].includes(keyCode) && value) {
+      api.select({ index: nextIndex });
+      return false;
     }
-  };
-};
-var checkError1 = function checkError1(_ref16) {
-  var Space = _ref16.Space,
-    NumpadDecimal = _ref16.NumpadDecimal,
-    NumpadComma = _ref16.NumpadComma,
-    keyCode = _ref16.keyCode,
-    value = _ref16.value;
-  return [Space, NumpadDecimal, NumpadComma].indexOf(keyCode) > -1 && value;
-};
-var checkError2 = function checkError2(newValue) {
-  return newValue && (isNaN(newValue) || newValue > IPTHRESHOLD.Max);
-};
-var checkError3 = function checkError3(_ref17) {
-  var isfilterKeyCodes = _ref17.isfilterKeyCodes,
-    isSelected = _ref17.isSelected,
-    value = _ref17.value;
-  return !isfilterKeyCodes && !isSelected && value === '0';
-};
-var checkError4 = function checkError4(_ref18) {
-  var isfilterKeyCodes = _ref18.isfilterKeyCodes,
-    isSelected = _ref18.isSelected,
-    value = _ref18.value,
-    key = _ref18.key;
-  return !isfilterKeyCodes && !isSelected && value + key > IPTHRESHOLD.Max;
-};
-var checkError5 = function checkError5(_ref19) {
-  var key = _ref19.key,
-    isfilterKeyCodes = _ref19.isfilterKeyCodes,
-    value = _ref19.value,
-    ctrlKey = _ref19.ctrlKey,
-    keyCode = _ref19.keyCode,
-    KeyV = _ref19.KeyV;
-  return isNaN(key) && !isfilterKeyCodes && !(!value && ctrlKey && keyCode === KeyV);
-};
-var isError = function isError(_ref20) {
-  var key = _ref20.key,
-    value = _ref20.value,
-    isSelected = _ref20.isSelected,
-    isfilterKeyCodes = _ref20.isfilterKeyCodes,
-    ctrlKey = _ref20.ctrlKey,
-    keyCode = _ref20.keyCode,
-    newValue = _ref20.newValue;
-  var Space = KEY_CODE.Space,
-    NumpadDecimal = KEY_CODE.NumpadDecimal,
-    NumpadComma = KEY_CODE.NumpadComma,
-    KeyV = KEY_CODE.KeyV;
-  return checkError1({
-    Space: Space,
-    NumpadDecimal: NumpadDecimal,
-    NumpadComma: NumpadComma,
-    keyCode: keyCode,
-    value: value
-  }) || checkError2(newValue) || checkError3({
-    isfilterKeyCodes: isfilterKeyCodes,
-    isSelected: isSelected,
-    value: value
-  }) || checkError4({
-    isfilterKeyCodes: isfilterKeyCodes,
-    isSelected: isSelected,
-    value: value,
-    key: key
-  }) || checkError5({
-    key: key,
-    isfilterKeyCodes: isfilterKeyCodes,
-    value: value,
-    ctrlKey: ctrlKey,
-    keyCode: keyCode,
-    KeyV: KeyV
-  });
+    if ((value === "0" || value > IPTHRESHOLD.NonNumeric || value.length === 3) && !isNaN(event.key)) {
+      api.focus({ index: nextIndex });
+      api.select({ index: nextIndex });
+      return false;
+    }
+  }
 };
-export var keydown = function keydown(_ref21) {
-  var api = _ref21.api,
-    props = _ref21.props,
-    state = _ref21.state;
-  return function (_ref22) {
-    var item = _ref22.item,
-      index = _ref22.index,
-      event = _ref22.event;
-    var target = event.target,
-      key = event.key,
-      keyCode = event.keyCode,
-      ctrlKey = event.ctrlKey;
-    var value = item.value;
-    var selectionStart = target.selectionStart;
-    var selectionEnd = target.selectionEnd;
-    var isSelected = selectionStart !== selectionEnd;
-    var cursorPosition = api.getCursorPosition(target);
-    var isfilterKeyCodes = state.filterKeyCodes.indexOf(keyCode) !== -1;
-    var nextIndex = index + 1;
-    var lastIndex = index - 1;
-    var newValue = isSelected && !isfilterKeyCodes && value.substr(0, selectionStart) + key + value.substr(selectionEnd);
-    if (api.isIP4(props.type)) {
-      state.isDel = keyCode === KEY_CODE.Backspace || keyCode === KEY_CODE.Delete;
-      if (keyCode === KEY_CODE.Backspace && cursorPosition === 0 && !selectionEnd) {
-        api.focus({
-          index: lastIndex
-        });
-        return false;
-      }
-      if (keyCode === KEY_CODE.ArrowLeft && cursorPosition === 0) {
-        api.focus({
-          index: lastIndex
-        });
-        event.preventDefault();
-        return false;
-      }
-      if (keyCode === KEY_CODE.ArrowRight && cursorPosition === value.length) {
-        api.focus({
-          index: nextIndex
-        });
-        event.preventDefault();
-        return false;
-      }
-      if (isError({
-        key: key,
-        value: value,
-        isSelected: isSelected,
-        isfilterKeyCodes: isfilterKeyCodes,
-        ctrlKey: ctrlKey,
-        keyCode: keyCode,
-        newValue: newValue
-      })) {
-        event.preventDefault();
-        return false;
-      }
+const checkError1 = ({ Space, NumpadDecimal, NumpadComma, keyCode, value }) => [Space, NumpadDecimal, NumpadComma].includes(keyCode) && value;
+const checkError2 = (newValue) => newValue && (isNaN(newValue) || newValue > IPTHRESHOLD.Max);
+const checkError3 = ({ isfilterKeyCodes, isSelected, value }) => !isfilterKeyCodes && !isSelected && value === "0";
+const checkError4 = ({ isfilterKeyCodes, isSelected, value, key }) => !isfilterKeyCodes && !isSelected && value + key > IPTHRESHOLD.Max;
+const checkError5 = ({ key, isfilterKeyCodes, value, ctrlKey, keyCode, KeyV }) => isNaN(key) && !isfilterKeyCodes && !(!value && ctrlKey && keyCode === KeyV);
+const isError = ({ key, value, isSelected, isfilterKeyCodes, ctrlKey, keyCode, newValue }) => {
+  const { Space, NumpadDecimal, NumpadComma, KeyV } = KEY_CODE;
+  return checkError1({ Space, NumpadDecimal, NumpadComma, keyCode, value }) || checkError2(newValue) || checkError3({ isfilterKeyCodes, isSelected, value }) || checkError4({ isfilterKeyCodes, isSelected, value, key }) || checkError5({ key, isfilterKeyCodes, value, ctrlKey, keyCode, KeyV });
+};
+const keydown = ({ api, props, state }) => ({ item, index, event }) => {
+  const { target, key, keyCode, ctrlKey } = event;
+  const value = item.value;
+  const selectionStart = target.selectionStart;
+  const selectionEnd = target.selectionEnd;
+  const isSelected = selectionStart !== selectionEnd;
+  const cursorPosition = api.getCursorPosition(target);
+  const isfilterKeyCodes = state.filterKeyCodes.includes(keyCode);
+  const nextIndex = index + 1;
+  const lastIndex = index - 1;
+  const newValue = isSelected && !isfilterKeyCodes && value.substr(0, selectionStart) + key + value.substr(selectionEnd);
+  if (api.isIP4(props.type)) {
+    state.isDel = keyCode === KEY_CODE.Backspace || keyCode === KEY_CODE.Delete;
+    if (keyCode === KEY_CODE.Backspace && cursorPosition === 0 && !selectionEnd) {
+      api.focus({ index: lastIndex });
+      return false;
     }
-  };
+    if (keyCode === KEY_CODE.ArrowLeft && cursorPosition === 0) {
+      api.focus({ index: lastIndex });
+      event.preventDefault();
+      return false;
+    }
+    if (keyCode === KEY_CODE.ArrowRight && cursorPosition === value.length) {
+      api.focus({ index: nextIndex });
+      event.preventDefault();
+      return false;
+    }
+    if (isError({
+      key,
+      value,
+      isSelected,
+      isfilterKeyCodes,
+      ctrlKey,
+      keyCode,
+      newValue
+    })) {
+      event.preventDefault();
+      return false;
+    }
+  }
 };
-export var getHeightOfSize = function getHeightOfSize(size) {
-  var isLineHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'height';
-  var sizeMap = {
-    medium: '42px',
-    small: '36px',
-    mini: '24px'
+const getHeightOfSize = (size, isLineHeight = "height") => {
+  const sizeMap = {
+    medium: "42px",
+    small: "36px",
+    mini: "24px"
   };
-  var sizePX = sizeMap[size];
-  return sizePX ? isLineHeight + ':' + sizePX + ';' : '';
-};
+  const sizePX = sizeMap[size];
+  return sizePX ? isLineHeight + ":" + sizePX + ";" : "";
+};
+export {
+  blur,
+  change,
+  focus,
+  getCursorPosition,
+  getHeightOfSize,
+  getValue,
+  inputEvent,
+  ipValidator,
+  isIP4,
+  isIP6,
+  keydown,
+  keyup,
+  select,
+  setValue
+};