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

package/form-item/index.js

@@ -1,144 +1,113 @@
-import { POSITION, VALIDATE_STATE } from '@opentiny/vue-renderless/common';
-import { merge } from '@opentiny/vue-renderless/common/object';
-import Validator from '@opentiny/vue-renderless/common/validate';
-import { isNull } from '@opentiny/vue-renderless/common/type';
-import debounce from '@opentiny/vue-renderless/common/deps/debounce';
-export var watchError = function watchError(state) {
-  return function (value) {
-    if (!isNull(value) && state.getValidateType === 'tip') {
-      state.canShowTip = true;
-    }
-    state.validateMessage = value;
-    state.validateState = value ? VALIDATE_STATE.Error : '';
-  };
+import "../chunk-PKUHTIDK.js";
+import { POSITION, VALIDATE_STATE } from "@opentiny/vue-renderless/common";
+import { merge } from "@opentiny/vue-renderless/common/object";
+import Validator from "@opentiny/vue-renderless/common/validate";
+import { isNull } from "@opentiny/vue-renderless/common/type";
+import debounce from "@opentiny/vue-renderless/common/deps/debounce";
+const watchError = (state) => (value) => {
+  if (!isNull(value) && state.getValidateType === "tip") {
+    state.canShowTip = true;
+  }
+  state.validateMessage = value;
+  state.validateState = value ? VALIDATE_STATE.Error : "";
 };
-export var watchValidateStatus = function watchValidateStatus(state) {
-  return function (value) {
-    state.validateState = value;
-  };
+const watchValidateStatus = (state) => (value) => {
+  state.validateState = value;
 };
-export var computedGetValidateType = function computedGetValidateType(_ref) {
-  var props = _ref.props,
-    state = _ref.state;
-  return function () {
-    return props.validateType || (state.formInstance ? state.formInstance.validateType : '');
-  };
+const computedGetValidateType = ({ props, state }) => () => props.validateType || (state.formInstance ? state.formInstance.validateType : "");
+const computedLabelStyle = ({ props, state }) => () => {
+  const result = {};
+  if (state.form.labelPosition === POSITION.Top) {
+    return result;
+  }
+  const labelWidth = props.labelWidth || state.form.labelWidth;
+  if (labelWidth) {
+    result.width = labelWidth;
+  }
+  return result;
 };
-export var computedLabelStyle = function computedLabelStyle(_ref2) {
-  var props = _ref2.props,
-    state = _ref2.state;
-  return function () {
-    var result = {};
-    if (state.form.labelPosition === POSITION.Top) {
-      return result;
-    }
-    var labelWidth = props.labelWidth || state.form.labelWidth;
-    if (labelWidth) {
+const computedValueStyle = ({ props, state }) => () => {
+  const result = {};
+  if (state.form.labelPosition === POSITION.Top) {
+    return result.width = "100%";
+  }
+  const labelWidth = props.labelWidth || state.form.labelWidth;
+  if (labelWidth) {
+    if (labelWidth === "auto") {
       result.width = labelWidth;
+    } else {
+      result.width = `calc(100% - ${labelWidth})`;
     }
-    return result;
-  };
+  }
+  return result;
 };
-export var computedValueStyle = function computedValueStyle(_ref3) {
-  var props = _ref3.props,
-    state = _ref3.state;
-  return function () {
-    var result = {};
-    if (state.form.labelPosition === POSITION.Top) {
-      return result.width = '100%';
-    }
-    var labelWidth = props.labelWidth || state.form.labelWidth;
-    if (labelWidth) {
-      if (labelWidth === 'auto') {
-        result.width = labelWidth;
-      } else {
-        result.width = "calc(100% - ".concat(labelWidth, ")");
-      }
-    }
+const computedContentStyle = ({ props, state }) => () => {
+  const result = {};
+  const label = props.label;
+  if (state.form.labelPosition === POSITION.Top || state.form.inline) {
     return result;
-  };
-};
-export var computedContentStyle = function computedContentStyle(_ref4) {
-  var props = _ref4.props,
-    state = _ref4.state;
-  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;
-    }
-    var labelWidth = props.labelWidth || state.form.labelWidth;
-    if (labelWidth === 'auto') {
-      if (props.labelWidth === 'auto') {
-        result.marginLeft = state.computedLabelWidth;
-      } else if (state.form.labelWidth === 'auto') {
-        result.marginLeft = state.formInstance.state.autoLabelWidth;
-      }
-    } else {
-      result.marginLeft = labelWidth;
-    }
+  }
+  if (!label && !props.labelWidth && state.isNested) {
     return result;
-  };
+  }
+  const labelWidth = props.labelWidth || state.form.labelWidth;
+  if (labelWidth === "auto") {
+    if (props.labelWidth === "auto") {
+      result.marginLeft = state.computedLabelWidth;
+    } else if (state.form.labelWidth === "auto") {
+      result.marginLeft = state.formInstance.state.autoLabelWidth;
+    }
+  } else {
+    result.marginLeft = labelWidth;
+  }
+  return result;
 };
-export var computedForm = function computedForm(_ref5) {
-  var constants = _ref5.constants,
-    instance = _ref5.instance,
-    state = _ref5.state;
-  return function () {
-    var FORM_NAME = constants.FORM_NAME,
-      FORM_ITEM_NAME = constants.FORM_ITEM_NAME;
-    var parent = instance.$parent;
-    var parentName = parent.$options.componentName;
-    while (parentName !== FORM_NAME) {
-      if (parentName === FORM_ITEM_NAME) {
-        state.isNested = true;
-      }
-      parent = parent.$parent;
-      parentName = parent.$options.componentName;
+const computedForm = ({ constants, instance, state }) => () => {
+  const { FORM_NAME, FORM_ITEM_NAME } = constants;
+  let parent = instance.$parent;
+  let parentName = parent.$options.componentName;
+  while (parentName !== FORM_NAME) {
+    if (parentName === FORM_ITEM_NAME) {
+      state.isNested = true;
     }
-    return parent;
-  };
+    parent = parent.$parent;
+    parentName = parent.$options.componentName;
+  }
+  return parent;
 };
-export var computedIsRequired = function computedIsRequired(_ref6) {
-  var api = _ref6.api,
-    state = _ref6.state;
-  return function () {
-    if (state.validationRequired) {
+const computedIsRequired = ({ api, state }) => () => {
+  if (state.validationRequired) {
+    return true;
+  }
+  let rules = api.getRules();
+  let isRequired = false;
+  if (rules && rules.length) {
+    rules.every((rule) => {
+      if (rule.required) {
+        isRequired = true;
+        return false;
+      }
       return true;
-    }
-    var rules = api.getRules();
-    var isRequired = false;
-    if (rules && rules.length) {
-      rules.every(function (rule) {
-        if (rule.required) {
-          isRequired = true;
-          return false;
-        }
-        return true;
-      });
-    }
-    return isRequired;
-  };
+    });
+  }
+  return isRequired;
 };
-export var getPropByPath = function getPropByPath(obj, path, strict) {
-  var findObj = obj;
-  path = path.replace(/\[(\w+)\]/g, '.$1');
-  path = path.replace(/^\./, '');
-  var index = 0;
-  var keys = path.split('.');
-  for (var len = keys.length; index < len - 1; ++index) {
+const getPropByPath = (obj, path, strict) => {
+  let findObj = obj;
+  path = path.replace(/\[(\w+)\]/g, ".$1");
+  path = path.replace(/^\./, "");
+  let index = 0;
+  let keys = path.split(".");
+  for (let len = keys.length; index < len - 1; ++index) {
     if (!findObj && !strict) {
       break;
     }
-    var key = keys[index];
+    let key = keys[index];
     if (key in findObj) {
       findObj = findObj[key];
     } else {
       if (strict) {
-        throw new Error('[Tiny Form] please transfer a valid prop path to form item!');
+        throw new Error("[Tiny Form] please transfer a valid prop path to form item!");
       }
       break;
     }
@@ -149,228 +118,161 @@ export var getPropByPath = function getPropByPath(obj, path, strict) {
     v: findObj ? findObj[keys[index]] : null
   };
 };
-export var computedFieldValue = function computedFieldValue(_ref7) {
-  var props = _ref7.props,
-    state = _ref7.state;
-  return function () {
-    var model = state.form.model;
-    if (!model || !props.prop) {
-      return;
-    }
-    var path = props.prop;
-    if (path.indexOf(':') !== -1) {
-      path = path.replace(/:/, '.');
-    }
-    return getPropByPath(model, path, true).v;
-  };
+const computedFieldValue = ({ props, state }) => () => {
+  const model = state.form.model;
+  if (!model || !props.prop) {
+    return;
+  }
+  let path = props.prop;
+  if (path.includes(":")) {
+    path = path.replace(/:/, ".");
+  }
+  return getPropByPath(model, path, true).v;
 };
-export var mounted = function mounted(_ref8) {
-  var api = _ref8.api,
-    instance = _ref8.instance,
-    props = _ref8.props,
-    state = _ref8.state,
-    refs = _ref8.refs;
-  return function () {
-    state.tooltip = refs.tooltip;
-    if (props.prop) {
-      api.dispatch('Form', 'form:addField', instance);
-      var initialValue = state.fieldValue;
-      if (Array.isArray(initialValue)) {
-        initialValue = [].concat(initialValue);
-      }
-      state.initialValue = initialValue;
-      api.addValidateEvents();
+const mounted = ({ api, instance, props, state, refs }) => () => {
+  state.tooltip = refs.tooltip;
+  if (props.prop) {
+    api.dispatch("Form", "form:addField", instance);
+    let initialValue = state.fieldValue;
+    if (Array.isArray(initialValue)) {
+      initialValue = [].concat(initialValue);
     }
-  };
+    state.initialValue = initialValue;
+    api.addValidateEvents();
+  }
 };
-export var unmounted = function unmounted(_ref9) {
-  var api = _ref9.api,
-    instance = _ref9.instance,
-    state = _ref9.state;
-  return function () {
-    state.canShowTip = false;
-    api.dispatch('Form', 'form:removeField', instance);
-  };
+const unmounted = ({ api, instance, state }) => () => {
+  state.canShowTip = false;
+  api.dispatch("Form", "form:removeField", instance);
 };
-export var validate = function validate(_ref10) {
-  var api = _ref10.api,
-    props = _ref10.props,
-    state = _ref10.state,
-    t = _ref10.t;
-  return function (trigger) {
-    var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {
-      return undefined;
+const validate = ({ api, props, state, t }) => (trigger, callback = () => void 0) => {
+  state.validateDisabled = false;
+  const rules = api.getFilteredRule(trigger);
+  if ((!rules || rules.length === 0) && props.required === void 0) {
+    callback();
+    return true;
+  }
+  state.validateState = VALIDATE_STATE.Validating;
+  const descriptor = {};
+  if (rules && rules.length > 0) {
+    rules.forEach((rule) => {
+      delete rule.trigger;
+    });
+  }
+  descriptor[props.prop] = rules;
+  const validator = new Validator(descriptor, t);
+  const model = {};
+  model[props.prop] = state.fieldValue;
+  validator.validate(model, { firstFields: true }, (errors, invalidFields) => {
+    api.clearValidate();
+    const handlerError = () => {
+      state.validateState = !errors ? VALIDATE_STATE.Success : VALIDATE_STATE.Error;
+      state.validateMessage = errors ? errors[0].message : "";
+      state.canShowTip = !!errors;
+      callback(state.validateMessage, invalidFields);
+      state.formInstance && state.formInstance.$emit("validate", props.prop, !errors, state.validateMessage || null);
     };
-    state.validateDisabled = false;
-    var rules = api.getFilteredRule(trigger);
-    if ((!rules || rules.length === 0) && props.required === undefined) {
-      callback();
-      return true;
-    }
-    state.validateState = VALIDATE_STATE.Validating;
-    var descriptor = {};
-    if (rules && rules.length > 0) {
-      rules.forEach(function (rule) {
-        delete rule.trigger;
-      });
-    }
-    descriptor[props.prop] = rules;
-    var validator = new Validator(descriptor, t);
-    var model = {};
-    model[props.prop] = state.fieldValue;
-    validator.validate(model, {
-      firstFields: true
-    }, function (errors, invalidFields) {
-      api.clearValidate();
-      var handlerError = function handlerError() {
-        state.validateState = !errors ? VALIDATE_STATE.Success : VALIDATE_STATE.Error;
-        state.validateMessage = errors ? errors[0].message : '';
-        state.canShowTip = !!errors;
-        callback(state.validateMessage, invalidFields);
-        state.formInstance && state.formInstance.$emit('validate', props.prop, !errors, state.validateMessage || null);
-      };
-      if (errors && state.stowed[0] === errors[0].field) {
-        handlerError();
-        return;
-      }
-      errors && (state.stowed[0] = errors[0].field);
+    if (errors && state.stowed[0] === errors[0].field) {
       handlerError();
-    });
-  };
+      return;
+    }
+    errors && (state.stowed[0] = errors[0].field);
+    handlerError();
+  });
+};
+const clearValidate = (state) => () => {
+  state.validateState = "";
+  state.validateMessage = "";
+  state.validateDisabled = false;
 };
-export var clearValidate = function clearValidate(state) {
-  return function () {
-    state.validateState = '';
-    state.validateMessage = '';
+const resetField = ({ api, nextTick, props, state }) => () => {
+  if (state.getValidateType === "tip") {
+    state.canShowTip = false;
+  }
+  state.validateState = "";
+  state.validateMessage = "";
+  let model = state.form.model;
+  let value = state.fieldValue;
+  let path = props.prop;
+  if (path.includes(":")) {
+    path = path.replace(/:/, ".");
+  }
+  let prop = getPropByPath(model, path, true);
+  state.validateDisabled = true;
+  if (Array.isArray(value)) {
+    prop.o[prop.k] = [].concat(state.initialValue);
+  } else {
+    prop.o[prop.k] = state.initialValue;
+  }
+  nextTick(() => {
     state.validateDisabled = false;
-  };
+  });
+  setTimeout(() => state.validateState && (state.validateState = ""));
+  api.broadcast("timeSelect", "fieldReset", state.initialValue);
 };
-export var resetField = function resetField(_ref11) {
-  var api = _ref11.api,
-    nextTick = _ref11.nextTick,
-    props = _ref11.props,
-    state = _ref11.state;
-  return function () {
-    if (state.getValidateType === 'tip') {
-      state.canShowTip = false;
-    }
-    state.validateState = '';
-    state.validateMessage = '';
-    var model = state.form.model;
-    var value = state.fieldValue;
-    var path = props.prop;
-    if (path.indexOf(':') !== -1) {
-      path = path.replace(/:/, '.');
+const getRules = ({ props, state }) => () => {
+  let formRules = state.form.rules;
+  const selfRules = props.rules;
+  const requiredRule = props.required !== void 0 ? { required: !!props.required } : [];
+  const prop = getPropByPath(formRules, props.prop || "");
+  formRules = formRules ? prop.o[props.prop || ""] || prop.v : [];
+  return [].concat(selfRules || formRules || []).concat(requiredRule);
+};
+const getFilteredRule = (api) => (trigger) => {
+  const rules = api.getRules();
+  return rules.filter((rule) => {
+    if (!rule.trigger || trigger === "") {
+      return true;
     }
-    var prop = getPropByPath(model, path, true);
-    state.validateDisabled = true;
-    if (Array.isArray(value)) {
-      prop.o[prop.k] = [].concat(state.initialValue);
-    } else {
-      prop.o[prop.k] = state.initialValue;
+    if (Array.isArray(rule.trigger)) {
+      return rule.trigger.includes(trigger);
     }
-    nextTick(function () {
-      state.validateDisabled = false;
-    });
-    setTimeout(function () {
-      return state.validateState && (state.validateState = '');
-    });
-    api.broadcast('timeSelect', 'fieldReset', state.initialValue);
-  };
+    return rule.trigger === trigger;
+  }).map((rule) => merge({}, rule));
 };
-export var getRules = function getRules(_ref12) {
-  var props = _ref12.props,
-    state = _ref12.state;
-  return function () {
-    var formRules = state.form.rules;
-    var selfRules = props.rules;
-    var requiredRule = props.required !== undefined ? {
-      required: !!props.required
-    } : [];
-    var prop = getPropByPath(formRules, props.prop || '');
-    formRules = formRules ? prop.o[props.prop || ''] || prop.v : [];
-    return [].concat(selfRules || formRules || []).concat(requiredRule);
-  };
+const onFieldBlur = (api) => () => {
+  api.validate("blur");
 };
-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 (Array.isArray(rule.trigger)) {
-        return rule.trigger.indexOf(trigger) > -1;
-      }
-      return rule.trigger === trigger;
-    }).map(function (rule) {
-      return merge({}, rule);
-    });
-  };
-};
-export var onFieldBlur = function onFieldBlur(api) {
-  return function () {
-    api.validate('blur');
-  };
-};
-export var onFieldChange = function onFieldChange(_ref13) {
-  var api = _ref13.api,
-    state = _ref13.state;
-  return function () {
-    if (state.validateDisabled) {
-      state.validateDisabled = false;
-      return;
-    }
-    api.validate('change');
-  };
+const onFieldChange = ({ api, state }) => () => {
+  if (state.validateDisabled) {
+    state.validateDisabled = false;
+    return;
+  }
+  api.validate("change");
 };
-export var updateComputedLabelWidth = function updateComputedLabelWidth(state) {
-  return function (width) {
-    state.computedLabelWidth = width ? "".concat(width, "px") : '';
-  };
+const updateComputedLabelWidth = (state) => (width) => {
+  state.computedLabelWidth = width ? `${width}px` : "";
 };
-export var addValidateEvents = function addValidateEvents(_ref14) {
-  var api = _ref14.api,
-    instance = _ref14.instance,
-    props = _ref14.props,
-    state = _ref14.state;
-  return function () {
-    var rules = api.getRules();
-    if (rules.length || props.required !== undefined) {
-      var manual = props.manual || (state.formInstance ? state.formInstance.manual : false);
-      if (!manual) {
-        instance.$on('form.blur', api.onFieldBlur);
-        instance.$on('form.change', api.onFieldChange);
-      }
+const addValidateEvents = ({ api, instance, props, state }) => () => {
+  const rules = api.getRules();
+  if (rules.length || props.required !== void 0) {
+    const manual = props.manual || (state.formInstance ? state.formInstance.manual : false);
+    if (!manual) {
+      instance.$on("form.blur", api.onFieldBlur);
+      instance.$on("form.change", api.onFieldChange);
     }
-  };
+  }
 };
-export var removeValidateEvents = function removeValidateEvents(instance) {
-  return function () {
-    instance.$off();
-  };
+const removeValidateEvents = (instance) => () => {
+  instance.$off();
 };
-export var updateTip = function updateTip(_ref15) {
-  var refs = _ref15.refs,
-    state = _ref15.state;
-  return function () {
-    if (state.getValidateType !== 'tip' && !state.canShowTip) {
-      return;
-    }
-    var tooltip = refs.tooltip;
-    if (!tooltip) {
-      return;
-    }
-    tooltip.updatePopper();
-  };
+const updateTip = ({ refs, state }) => () => {
+  if (state.getValidateType !== "tip" && !state.canShowTip) {
+    return;
+  }
+  const tooltip = refs.tooltip;
+  if (!tooltip) {
+    return;
+  }
+  tooltip.updatePopper();
 };
-export var getValueByPath = function getValueByPath(object, prop) {
-  prop = prop || '';
-  var paths = prop.split('.');
-  var current = object;
-  var result = null;
-  for (var i = 0, len = paths.length; i < len; i++) {
-    var path = paths[i];
+const getValueByPath = (object, prop) => {
+  prop = prop || "";
+  const paths = prop.split(".");
+  let current = object;
+  let result = null;
+  for (let i = 0, len = paths.length; i < len; i++) {
+    const path = paths[i];
     if (!current) {
       break;
     }
@@ -382,12 +284,37 @@ export var getValueByPath = function getValueByPath(object, prop) {
   }
   return result;
 };
-export var wrapValidate = function wrapValidate(_ref16) {
-  var validateFunc = _ref16.validateFunc,
-    props = _ref16.props;
+const wrapValidate = ({ validateFunc, props }) => {
   if (props.validateDebounce) {
     return debounce(50, validateFunc);
   } else {
     return validateFunc;
   }
-};
+};
+export {
+  addValidateEvents,
+  clearValidate,
+  computedContentStyle,
+  computedFieldValue,
+  computedForm,
+  computedGetValidateType,
+  computedIsRequired,
+  computedLabelStyle,
+  computedValueStyle,
+  getFilteredRule,
+  getPropByPath,
+  getRules,
+  getValueByPath,
+  mounted,
+  onFieldBlur,
+  onFieldChange,
+  removeValidateEvents,
+  resetField,
+  unmounted,
+  updateComputedLabelWidth,
+  updateTip,
+  validate,
+  watchError,
+  watchValidateStatus,
+  wrapValidate
+};