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

package/form/index.js

@@ -1,188 +1,147 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { merge } from '@opentiny/vue-renderless/common/object';
-export var watchRules = function watchRules(_ref) {
-  var api = _ref.api,
-    props = _ref.props,
-    state = _ref.state;
-  return function () {
-    var newRules = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var oldRules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var newValidFields = Object.keys(newRules);
-    var oldValidFields = Object.keys(oldRules);
-    var removeValidFields = oldValidFields.filter(function (item) {
-      return !newValidFields.includes(item);
-    });
-    api.clearValidate(removeValidFields);
-    state.fields.forEach(function (field) {
-      field.removeValidateEvents();
-      field.addValidateEvents();
-    });
-    if (props.validateOnRuleChange) {
-      api.validate(function () {
-        return undefined;
-      });
-    }
-  };
-};
-export var computedAutoLabelWidth = function computedAutoLabelWidth(_ref2) {
-  var state = _ref2.state;
-  return function () {
-    if (!state.potentialLabelWidthArr.length) {
-      return 0;
-    }
-    var max = Math.max.apply(Math, _toConsumableArray(state.potentialLabelWidthArr));
-    return max ? "".concat(max, "px") : '';
-  };
+import "../chunk-PKUHTIDK.js";
+import { merge } from "@opentiny/vue-renderless/common/object";
+const watchRules = ({ api, props, state }) => (newRules = {}, oldRules = {}) => {
+  const newValidFields = Object.keys(newRules);
+  const oldValidFields = Object.keys(oldRules);
+  const removeValidFields = oldValidFields.filter((item) => !newValidFields.includes(item));
+  api.clearValidate(removeValidFields);
+  state.fields.forEach((field) => {
+    field.removeValidateEvents();
+    field.addValidateEvents();
+  });
+  if (props.validateOnRuleChange) {
+    api.validate(() => void 0);
+  }
 };
-export var created = function created(_ref3) {
-  var parent = _ref3.parent,
-    state = _ref3.state;
-  return function () {
-    parent.$on('form:addField', function (field) {
-      if (field) {
-        state.fields.push(field);
-      }
-    });
-    parent.$on('form:removeField', function (field) {
-      if (field.prop) {
-        state.fields.splice(state.fields.indexOf(field), 1);
-      }
-    });
-  };
+const computedAutoLabelWidth = ({ state }) => () => {
+  if (!state.potentialLabelWidthArr.length) {
+    return 0;
+  }
+  const max = Math.max(...state.potentialLabelWidthArr);
+  return max ? `${max}px` : "";
 };
-export var resetFields = function resetFields(_ref4) {
-  var props = _ref4.props,
-    state = _ref4.state;
-  return function () {
-    if (!props.model) {
-      return;
+const created = ({ parent, state }) => () => {
+  parent.$on("form:addField", (field) => {
+    if (field) {
+      state.fields.push(field);
     }
-    state.fields.forEach(function (field) {
-      field.resetField();
-    });
-  };
-};
-export var updateTip = function updateTip(_ref5) {
-  var props = _ref5.props,
-    state = _ref5.state;
-  return function () {
-    if (!props.model) {
-      return;
+  });
+  parent.$on("form:removeField", (field) => {
+    if (field.prop) {
+      state.fields.splice(state.fields.indexOf(field), 1);
     }
-    state.fields.forEach(function (field) {
-      field.updateTip();
-    });
-  };
+  });
 };
-export var clearValidate = function clearValidate(state) {
-  return function () {
-    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    var fields = props.length ? typeof props === 'string' ? state.fields.filter(function (field) {
-      return props === field.prop;
-    }) : state.fields.filter(function (field) {
-      return props.indexOf(field.prop) > -1;
-    }) : state.fields;
-    fields.forEach(function (field) {
-      field.clearValidate();
-    });
-  };
+const resetFields = ({ props, state }) => () => {
+  if (!props.model) {
+    return;
+  }
+  state.fields.forEach((field) => {
+    field.resetField();
+  });
 };
-export var validate = function validate(_ref6) {
-  var props = _ref6.props,
-    state = _ref6.state;
-  return function (callback) {
-    if (!props.model) {
-      return;
-    }
-    var promise;
-    if (typeof callback !== 'function' && window.Promise) {
-      promise = new window.Promise(function (resolve, reject) {
-        callback = function callback(valid) {
-          valid ? resolve(valid) : reject(valid);
-        };
-      });
-    }
-    var valid = true;
-    var count = 0;
-    if (state.fields.length === 0 && callback) {
-      callback(true);
-    }
-    var invalidFields = {};
-    state.fields.forEach(function (field) {
-      field.validate('', function (message, field) {
-        if (message) {
-          valid = false;
-        }
-        invalidFields = merge({}, invalidFields, field);
-        if (typeof callback === 'function' && ++count === state.fields.length) {
-          callback(valid, invalidFields);
-        }
-      });
-    });
-    if (promise) {
-      return promise;
-    }
-  };
+const updateTip = ({ props, state }) => () => {
+  if (!props.model) {
+    return;
+  }
+  state.fields.forEach((field) => {
+    field.updateTip();
+  });
 };
-export var validateField = function validateField(state) {
-  return function (props, cb) {
-    props = [].concat(props);
-    var fields = state.fields.filter(function (field) {
-      return props.indexOf(field.prop) !== -1;
+const clearValidate = (state) => (props = []) => {
+  const fields = props.length ? typeof props === "string" ? state.fields.filter((field) => props === field.prop) : state.fields.filter((field) => props.includes(field.prop)) : state.fields;
+  fields.forEach((field) => {
+    field.clearValidate();
+  });
+};
+const validate = ({ props, state }) => (callback) => {
+  if (!props.model) {
+    return;
+  }
+  let promise;
+  if (typeof callback !== "function" && window.Promise) {
+    promise = new window.Promise((resolve, reject) => {
+      callback = (valid2) => {
+        valid2 ? resolve(valid2) : reject(valid2);
+      };
     });
-    if (!fields.length) {
-      return;
-    }
-    fields.forEach(function (field) {
-      field.validate('', cb);
+  }
+  let valid = true;
+  let count = 0;
+  if (state.fields.length === 0 && callback) {
+    callback(true);
+  }
+  let invalidFields = {};
+  state.fields.forEach((field) => {
+    field.validate("", (message, field2) => {
+      if (message) {
+        valid = false;
+      }
+      invalidFields = merge({}, invalidFields, field2);
+      if (typeof callback === "function" && ++count === state.fields.length) {
+        callback(valid, invalidFields);
+      }
     });
-  };
+  });
+  if (promise) {
+    return promise;
+  }
 };
-export var getLabelWidthIndex = function getLabelWidthIndex(state) {
-  return function (width) {
-    var index = state.potentialLabelWidthArr.indexOf(width);
-    if (index === -1) {
-      throw new Error('unpected width ', width);
-    }
-    return index;
-  };
+const validateField = (state) => (props, cb) => {
+  props = [].concat(props);
+  const fields = state.fields.filter((field) => props.includes(field.prop));
+  if (!fields.length) {
+    return;
+  }
+  fields.forEach((field) => {
+    field.validate("", cb);
+  });
 };
-export var registerLabelWidth = function registerLabelWidth(_ref7) {
-  var api = _ref7.api,
-    state = _ref7.state;
-  return function (val, oldVal) {
-    if (val && oldVal) {
-      var index = api.getLabelWidthIndex(oldVal);
-      state.potentialLabelWidthArr.splice(index, 1, val);
-    } else if (val) {
-      state.potentialLabelWidthArr.push(val);
-    }
-  };
+const getLabelWidthIndex = (state) => (width) => {
+  const index = state.potentialLabelWidthArr.indexOf(width);
+  if (index === -1) {
+    throw new Error("unpected width ", width);
+  }
+  return index;
 };
-export var deregisterLabelWidth = function deregisterLabelWidth(_ref8) {
-  var api = _ref8.api,
-    state = _ref8.state;
-  return function (val) {
-    var index = api.getLabelWidthIndex(val);
-    state.potentialLabelWidthArr.splice(index, 1);
-  };
+const registerLabelWidth = ({ api, state }) => (val, oldVal) => {
+  if (val && oldVal) {
+    const index = api.getLabelWidthIndex(oldVal);
+    state.potentialLabelWidthArr.splice(index, 1, val);
+  } else if (val) {
+    state.potentialLabelWidthArr.push(val);
+  }
+};
+const deregisterLabelWidth = ({ api, state }) => (val) => {
+  const index = api.getLabelWidthIndex(val);
+  state.potentialLabelWidthArr.splice(index, 1);
 };
-export var bindDialogEvent = function bindDialogEvent(_ref9) {
-  var api = _ref9.api,
-    dialog = _ref9.dialog,
-    state = _ref9.state;
+const bindDialogEvent = ({ api, dialog, state }) => {
   if (dialog) {
-    dialog.state.emitter.on('boxclose', function () {
-      var isFormReset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    dialog.state.emitter.on("boxclose", (isFormReset = true) => {
       isFormReset ? api.resetFields() : api.clearValidate();
     });
-    dialog.state.emitter.on('boxdrag', function () {
+    dialog.state.emitter.on("boxdrag", () => {
       if (!state.timer) {
-        state.timer = setTimeout(function () {
+        state.timer = setTimeout(() => {
           state.timer = null;
           api.updateTip();
         }, 10);
       }
     });
   }
-};
+};
+export {
+  bindDialogEvent,
+  clearValidate,
+  computedAutoLabelWidth,
+  created,
+  deregisterLabelWidth,
+  getLabelWidthIndex,
+  registerLabelWidth,
+  resetFields,
+  updateTip,
+  validate,
+  validateField,
+  watchRules
+};

package/form/vue.js

@@ -1,28 +1,42 @@
-import { watchRules, computedAutoLabelWidth, created, resetFields, clearValidate, validate, validateField, getLabelWidthIndex, registerLabelWidth, deregisterLabelWidth, updateTip, bindDialogEvent } from './index';
-export var api = ['state', 'resetFields', 'clearValidate', 'validate', 'validateField', 'getLabelWidthIndex', 'registerLabelWidth', 'deregisterLabelWidth', 'updateTip'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    inject = _ref.inject,
-    provide = _ref.provide,
-    reactive = _ref.reactive,
-    watch = _ref.watch;
-  var parent = _ref2.parent;
-  var api = {};
-  var dialog = inject('dialog', null);
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import {
+  watchRules,
+  computedAutoLabelWidth,
+  created,
+  resetFields,
+  clearValidate,
+  validate,
+  validateField,
+  getLabelWidthIndex,
+  registerLabelWidth,
+  deregisterLabelWidth,
+  updateTip,
+  bindDialogEvent
+} from "./index";
+const api = [
+  "state",
+  "resetFields",
+  "clearValidate",
+  "validate",
+  "validateField",
+  "getLabelWidthIndex",
+  "registerLabelWidth",
+  "deregisterLabelWidth",
+  "updateTip"
+];
+const renderless = (props, { computed, inject, provide, reactive, watch }, { parent }) => {
+  const api2 = {};
+  const dialog = inject("dialog", null);
+  const state = reactive({
     fields: [],
     timer: null,
     potentialLabelWidthArr: [],
-    autoLabelWidth: computed(function () {
-      return api.computedAutoLabelWidth();
-    }),
-    hasRequired: computed(function () {
+    autoLabelWidth: computed(() => api2.computedAutoLabelWidth()),
+    hasRequired: computed(() => {
       if (props.rules) {
-        return Object.values(props.rules).find(function (ruleOrRules) {
+        return Object.values(props.rules).find((ruleOrRules) => {
           if (Array.isArray(ruleOrRules)) {
-            return ruleOrRules.some(function (r) {
-              return r.required;
-            });
+            return ruleOrRules.some((r) => r.required);
           } else {
             return ruleOrRules.required;
           }
@@ -32,53 +46,27 @@ export var renderless = function renderless(props, _ref, _ref2) {
       }
     })
   });
-  Object.assign(api, {
-    state: state,
-    updateTip: updateTip({
-      props: props,
-      state: state
-    }),
-    computedAutoLabelWidth: computedAutoLabelWidth({
-      state: state
-    }),
-    created: created({
-      parent: parent,
-      state: state
-    }),
-    resetFields: resetFields({
-      props: props,
-      state: state
-    }),
+  Object.assign(api2, {
+    state,
+    updateTip: updateTip({ props, state }),
+    computedAutoLabelWidth: computedAutoLabelWidth({ state }),
+    created: created({ parent, state }),
+    resetFields: resetFields({ props, state }),
     clearValidate: clearValidate(state),
-    validate: validate({
-      props: props,
-      state: state
-    }),
+    validate: validate({ props, state }),
     validateField: validateField(state),
     getLabelWidthIndex: getLabelWidthIndex(state),
-    registerLabelWidth: registerLabelWidth({
-      api: api,
-      state: state
-    }),
-    deregisterLabelWidth: deregisterLabelWidth({
-      api: api,
-      state: state
-    }),
-    watchRules: watchRules({
-      api: api,
-      props: props,
-      state: state
-    })
-  });
-  api.created();
-  provide('form', parent);
-  bindDialogEvent({
-    api: api,
-    dialog: dialog,
-    state: state
+    registerLabelWidth: registerLabelWidth({ api: api2, state }),
+    deregisterLabelWidth: deregisterLabelWidth({ api: api2, state }),
+    watchRules: watchRules({ api: api2, props, state })
   });
-  watch(function () {
-    return props.rules;
-  }, api.watchRules);
-  return api;
-};
+  api2.created();
+  provide("form", parent);
+  bindDialogEvent({ api: api2, dialog, state });
+  watch(() => props.rules, api2.watchRules);
+  return api2;
+};
+export {
+  api,
+  renderless
+};