form-render-v3 3.0.0-alpha.1

package/es/models/formCoreUtils.js

@@ -0,0 +1,190 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { isObject, isArray, _get, _has, isFunction, isObjType } from '../utils';
+var executeCallBack = function executeCallBack(watchItem, value, path, index) {
+  if (isFunction(watchItem)) {
+    try {
+      watchItem(value, index);
+    } catch (error) {
+      console.log("".concat(path, "\u5BF9\u5E94\u7684watch\u51FD\u6570\u6267\u884C\u62A5\u9519\uFF1A"), error);
+    }
+  }
+  if (isFunction(watchItem === null || watchItem === void 0 ? void 0 : watchItem.handler)) {
+    try {
+      watchItem.handler(value, index);
+    } catch (error) {
+      console.log("".concat(path, "\u5BF9\u5E94\u7684watch\u51FD\u6570\u6267\u884C\u62A5\u9519\uFF1A"), error);
+    }
+  }
+};
+var traverseValues = function traverseValues(_ref) {
+  var changedValues = _ref.changedValues,
+    allValues = _ref.allValues,
+    flatValues = _ref.flatValues;
+  var _traverseArray = function traverseArray(list, fullList, path, index) {
+    if (!list.length) {
+      return;
+    }
+    var _path = path += '[]';
+    var filterLength = list.filter(function (item) {
+      return item || item === undefined;
+    }).length;
+    var flag = filterLength !== fullList.length || list.length === 1;
+    var isRemove = false;
+    if (filterLength > 1 && filterLength < fullList.length) {
+      flag = false;
+      isRemove = true;
+    }
+    list.forEach(function (item, idx) {
+      if (!isRemove) {
+        flatValues[_path] = {
+          value: fullList[idx],
+          index: index
+        };
+      }
+      if (isObject(item)) {
+        _traverseObj(item, fullList[idx], _path, [].concat(_toConsumableArray(index), [idx]), !flag);
+      }
+      if (isArray(item)) {
+        _traverseArray(item, fullList[idx], _path, [].concat(_toConsumableArray(index), [idx]));
+      }
+    });
+  };
+  var _traverseObj = function traverseObj(obj, fullObj, path, index, flag) {
+    Object.keys(obj).forEach(function (key) {
+      var item = obj[key];
+      var fullItem = fullObj === null || fullObj === void 0 ? void 0 : fullObj[key];
+      var value = item;
+      var _path = path ? path + '.' + key : key;
+      var last = true;
+      if (isArray(item)) {
+        value = fullItem ? _toConsumableArray(fullItem) : fullItem;
+        last = false;
+        _traverseArray(item, fullItem, _path, index);
+      }
+      if (isObject(item)) {
+        last = false;
+        _traverseObj(item, fullItem, _path, index, flag);
+      }
+      if (!last || !flag) {
+        flatValues[_path] = {
+          value: value,
+          index: index
+        };
+      }
+    });
+  };
+  _traverseObj(changedValues, allValues, null, []);
+};
+export var valuesWatch = function valuesWatch(changedValues, allValues, watch) {
+  var _a;
+  if (((_a = Object.keys(watch || {})) === null || _a === void 0 ? void 0 : _a.length) === 0) {
+    return;
+  }
+  var flatValues = {
+    '#': {
+      value: allValues,
+      index: changedValues
+    }
+  };
+  traverseValues({
+    changedValues: changedValues,
+    allValues: allValues,
+    flatValues: flatValues
+  });
+  Object.keys(watch).forEach(function (path) {
+    if (!_has(flatValues, path)) {
+      return;
+    }
+    var _get2 = _get(flatValues, path),
+      value = _get2.value,
+      index = _get2.index;
+    var item = watch[path];
+    executeCallBack(item, value, path, index);
+  });
+};
+export var transformFieldsData = function transformFieldsData(_fieldsError, getFieldName) {
+  var fieldsError = _fieldsError;
+  if (isObject(fieldsError)) {
+    fieldsError = [fieldsError];
+  }
+  if (!(isArray(fieldsError) && fieldsError.length > 0)) {
+    return;
+  }
+  return fieldsError.map(function (field) {
+    return Object.assign(Object.assign({
+      errors: field.error
+    }, field), {
+      name: getFieldName(field.name)
+    });
+  });
+};
+export var immediateWatch = function immediateWatch(watch, values) {
+  var _a;
+  if (((_a = Object.keys(watch || {})) === null || _a === void 0 ? void 0 : _a.length) === 0) {
+    return;
+  }
+  var watchObj = {};
+  Object.keys(watch).forEach(function (key) {
+    var watchItem = watch[key];
+    if ((watchItem === null || watchItem === void 0 ? void 0 : watchItem.immediate) && isFunction(watchItem === null || watchItem === void 0 ? void 0 : watchItem.handler)) {
+      watchObj[key] = watchItem;
+    }
+  });
+  valuesWatch(values, values, watchObj);
+};
+export var getSchemaFullPath = function getSchemaFullPath(path, schema) {
+  if (!path || !path.includes('.')) {
+    return 'properties.' + path;
+  }
+  // 补全 list 类型 path 路径
+  while (path.includes('[]')) {
+    var index = path.indexOf('[]');
+    path = path.substring(0, index) + '.items' + path.substring(index + 2);
+  }
+  // 补全 object 类型 path 路径
+  var result = 'properties';
+  var pathList = path.split('.');
+  pathList.forEach(function (item, index) {
+    var key = result + '.' + item;
+    var itemSchema = _get(schema, key, {});
+    if (isObjType(itemSchema) && index !== pathList.length - 1) {
+      result = key + '.properties';
+      return;
+    }
+    result = key;
+  });
+  return result;
+};
+export function yymmdd(timeStamp) {
+  var date_ob = new Date(Number(timeStamp));
+  var adjustZero = function adjustZero(num) {
+    return ('0' + num).slice(-2);
+  };
+  var day = adjustZero(date_ob.getDate());
+  var month = adjustZero(date_ob.getMonth());
+  var year = date_ob.getFullYear();
+  var hours = adjustZero(date_ob.getHours());
+  var minutes = adjustZero(date_ob.getMinutes());
+  var seconds = adjustZero(date_ob.getSeconds());
+  return "".concat(year, "-").concat(month, "-").concat(day, " ").concat(hours, ":").concat(minutes, ":").concat(seconds);
+}
+export function msToTime(duration) {
+  var seconds = Math.floor(duration / 1000 % 60);
+  var minutes = Math.floor(duration / (1000 * 60) % 60);
+  var hours = Math.floor(duration / (1000 * 60 * 60) % 24);
+  hours = hours < 10 ? '0' + hours : hours;
+  minutes = minutes < 10 ? '0' + minutes : minutes;
+  seconds = seconds < 10 ? '0' + seconds : seconds;
+  return hours + ':' + minutes + ':' + seconds;
+}
+export var getSessionItem = function getSessionItem(key) {
+  return Number(sessionStorage.getItem(key) || 0);
+};
+export var setSessionItem = function setSessionItem(key, data) {
+  sessionStorage.setItem(key, data + '');
+};

package/es/models/formDataSkeleton.d.ts

@@ -0,0 +1 @@
+export declare const createDataSkeleton: (schema: any, formData?: any) => any;

package/es/models/formDataSkeleton.js

@@ -0,0 +1,31 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import { _cloneDeep, isObjType, isListType } from '../utils/index';
+var _createDataSkeleton = function createDataSkeleton(schema, formData) {
+  var _formData = _cloneDeep(formData);
+  var result = _formData;
+  if (isObjType(schema)) {
+    if (_formData === undefined || _typeof(_formData) !== 'object') {
+      _formData = {};
+      result = {};
+    }
+    Object.keys(schema.properties).forEach(function (key) {
+      var childSchema = schema.properties[key];
+      var childData = _formData[key];
+      var childResult = _createDataSkeleton(childSchema, childData);
+      result[key] = childResult;
+    });
+  } else if (_formData !== undefined) {
+    // result = _formData;
+  } else if (schema.default !== undefined) {
+    result = _cloneDeep(schema.default);
+  } else if (isListType(schema)) {
+    result = [_createDataSkeleton(schema.items)];
+  } else if (schema.type === 'boolean' && !schema.widget) {
+    // result = false;
+    result = undefined;
+  } else {
+    result = undefined;
+  }
+  return result;
+};
+export { _createDataSkeleton as createDataSkeleton };

package/es/models/layout.d.ts

@@ -0,0 +1,4 @@
+export declare const getFormItemLayout: (column: number, schema: any, { labelWidth, displayType, _labelCol, _fieldCol }: any) => {
+    labelCol: any;
+    fieldCol: any;
+};

package/es/models/layout.js

@@ -0,0 +1,88 @@
+export var getFormItemLayout = function getFormItemLayout(column, schema, _ref) {
+  var labelWidth = _ref.labelWidth,
+    displayType = _ref.displayType,
+    _labelCol = _ref._labelCol,
+    _fieldCol = _ref._fieldCol;
+  var labelCol = {
+    span: 5
+  };
+  var fieldCol = {
+    span: 9
+  };
+  if (column === 2) {
+    labelCol = {
+      span: 6
+    };
+    fieldCol = {
+      span: 14
+    };
+  }
+  if (column > 2) {
+    labelCol = {
+      span: 7
+    };
+    fieldCol = {
+      span: 16
+    };
+  }
+  if (displayType === 'column') {
+    // labelCol = { xl: 9, xxl: 6 };
+    // if (column > 1) {
+    //   labelCol = {};
+    //   fieldCol = {};
+    // }
+    labelCol = {};
+    fieldCol = {};
+  }
+  if (_labelCol) {
+    labelCol = _labelCol;
+    if (displayType === 'column') {
+      labelCol = {};
+    }
+  }
+  if (_fieldCol) {
+    fieldCol = _fieldCol;
+    if (typeof _fieldCol === 'number') {
+      fieldCol = {
+        span: _fieldCol
+      };
+    }
+  }
+  if (displayType === 'inline') {
+    labelCol = {};
+    fieldCol = {};
+  }
+  // 兼容一下 1.0 版本
+  if ((labelWidth || labelWidth === 0) && displayType !== 'column') {
+    labelCol = {
+      flex: labelWidth + 'px'
+    };
+    fieldCol = {
+      flex: 'auto'
+    };
+  }
+  // 自定义进行覆盖
+  if (schema.cellSpan) {
+    fieldCol = {};
+  }
+  if (schema.labelCol || schema.labelCol === 0) {
+    labelCol = schema.labelCol;
+  }
+  if (schema.fieldCol || schema.fieldCol === 0) {
+    fieldCol = schema.fieldCol;
+  }
+  if (typeof labelCol === 'number') {
+    labelCol = {
+      span: labelCol
+    };
+  }
+  if (typeof fieldCol === 'number') {
+    fieldCol = {
+      span: fieldCol
+    };
+  }
+  return {
+    labelCol: labelCol,
+    fieldCol: fieldCol
+  };
+};

package/es/models/mapping.d.ts

@@ -0,0 +1,89 @@
+export declare const mapping: {
+    default: string;
+    string: string;
+    array: string;
+    boolean: string;
+    integer: string;
+    number: string;
+    object: string;
+    html: string;
+    card: string;
+    collapse: string;
+    lineTitle: string;
+    line: string;
+    subItem: string;
+    panel: string;
+    'string:upload': string;
+    'string:url': string;
+    'string:dateTime': string;
+    'string:date': string;
+    'string:year': string;
+    'string:month': string;
+    'string:week': string;
+    'string:quarter': string;
+    'string:time': string;
+    'string:textarea': string;
+    'string:color': string;
+    'string:image': string;
+    'range:time': string;
+    'range:dateTime': string;
+    'range:date': string;
+    'range:year': string;
+    'range:month': string;
+    'range:week': string;
+    'range:quarter': string;
+    '*?enum': string;
+    '*?enum_long': string;
+    'array?enum': string;
+    'array?enum_long': string;
+    '*?readOnly': string;
+};
+export declare function getWidgetName(schema: any, _mapping?: {
+    default: string;
+    string: string;
+    array: string;
+    boolean: string;
+    integer: string;
+    number: string;
+    object: string;
+    html: string;
+    card: string;
+    collapse: string;
+    lineTitle: string;
+    line: string;
+    subItem: string;
+    panel: string;
+    'string:upload': string;
+    'string:url': string;
+    'string:dateTime': string;
+    'string:date': string;
+    'string:year': string;
+    'string:month': string;
+    'string:week': string;
+    'string:quarter': string;
+    'string:time': string;
+    'string:textarea': string;
+    'string:color': string;
+    'string:image': string;
+    'range:time': string;
+    'range:dateTime': string;
+    'range:date': string;
+    'range:year': string;
+    'range:month': string;
+    'range:week': string;
+    'range:quarter': string;
+    '*?enum': string;
+    '*?enum_long': string;
+    'array?enum': string;
+    'array?enum_long': string;
+    '*?readOnly': string;
+}): any;
+export declare const getWidget: (name: string, widgets: any) => any;
+export declare const extraSchemaList: {
+    checkbox: {
+        valuePropName: string;
+    };
+    switch: {
+        valuePropName: string;
+    };
+};

package/es/models/mapping.js

@@ -0,0 +1,119 @@
+export var mapping = {
+  default: 'input',
+  string: 'input',
+  array: 'list',
+  boolean: 'checkbox',
+  integer: 'number',
+  number: 'inputNumber',
+  object: 'map',
+  html: 'html',
+  card: 'card',
+  collapse: 'collapse',
+  lineTitle: 'lineTitle',
+  line: 'line',
+  subItem: 'subItem',
+  panel: 'panel',
+  'string:upload': 'upload',
+  'string:url': 'urlInput',
+  'string:dateTime': 'datePicker',
+  'string:date': 'datePicker',
+  'string:year': 'datePicker',
+  'string:month': 'datePicker',
+  'string:week': 'datePicker',
+  'string:quarter': 'datePicker',
+  'string:time': 'timePicker',
+  'string:textarea': 'textArea',
+  'string:color': 'color',
+  'string:image': 'imageInput',
+  'range:time': 'timeRange',
+  'range:dateTime': 'dateRange',
+  'range:date': 'dateRange',
+  'range:year': 'dateRange',
+  'range:month': 'dateRange',
+  'range:week': 'dateRange',
+  'range:quarter': 'dateRange',
+  '*?enum': 'radio',
+  '*?enum_long': 'select',
+  'array?enum': 'checkboxes',
+  'array?enum_long': 'multiSelect',
+  '*?readOnly': 'html' // TODO: html widgets for list / object
+};
+export function getWidgetName(schema) {
+  var _mapping = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : mapping;
+  var type = schema.type,
+    format = schema.format,
+    enums = schema.enum,
+    readOnly = schema.readOnly,
+    widget = schema.widget,
+    props = schema.props;
+  //如果已经注明了渲染widget，那最好
+  if (schema['ui:widget'] || schema.widget) {
+    return schema['ui:widget'] || schema.widget;
+  }
+  var list = [];
+  if (readOnly) {
+    list.push("".concat(type, "?readOnly"));
+    list.push('*?readOnly');
+  }
+  if (enums) {
+    // 根据 enum 长度来智能选择控件
+    if (Array.isArray(enums) && (type === 'array' && enums.length > 6 || type !== 'array' && enums.length > 2)) {
+      list.push("".concat(type, "?enum_long"));
+      list.push('*?enum_long');
+    } else {
+      list.push("".concat(type, "?enum"));
+      // array 默认使用 list，array?enum 默认使用 checkboxes，*?enum 默认使用select
+      list.push('*?enum');
+    }
+  }
+  if (props === null || props === void 0 ? void 0 : props.options) {
+    if (type === 'array' && props.options.length > 6 || type !== 'array' && props.options.length > 2) {
+      list.push("".concat(type, "?enum_long"));
+      list.push('*?enum_long');
+    } else {
+      list.push("".concat(type, "?enum"));
+      // array 默认使用 list，array?enum 默认使用 checkboxes，*?enum 默认使用select
+      list.push('*?enum');
+    }
+  }
+  var _widget = format;
+  if (_widget) {
+    list.push("".concat(type, ":").concat(_widget));
+  }
+  if (type === 'object') {
+    list.push((schema.theme === 'tile' ? 'lineTitle' : schema.theme) || 'collapse');
+  } else {
+    list.push(type); // 放在最后兜底，其他都不match时使用type默认的组件
+  }
+  var widgetName = '';
+  list.some(function (item) {
+    widgetName = _mapping[item];
+    return !!widgetName;
+  });
+  return widgetName;
+}
+function capitalizeFirstLetter(str) {
+  if (!str) {
+    return str;
+  }
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
+export var getWidget = function getWidget(name, widgets) {
+  var widget = widgets[name];
+  // name 转成首字母大写
+  if (!widget) {
+    widget = widgets[capitalizeFirstLetter(name)];
+  }
+  if (!widget) {
+    widget = widgets['Html'] || null;
+  }
+  return widget;
+};
+export var extraSchemaList = {
+  checkbox: {
+    valuePropName: 'checked'
+  },
+  switch: {
+    valuePropName: 'checked'
+  }
+};

package/es/models/sortProperties.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (properties: any, orderKey?: string) => any[];
+export default _default;

package/es/models/sortProperties.js

@@ -0,0 +1,41 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+export default (function (properties) {
+  var orderKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'order';
+  var orderHash = new Map();
+  // order不为数字的数据
+  var unsortedList = [];
+  var insert = function insert(item) {
+    var _item = _slicedToArray(item, 2),
+      value = _item[1];
+    if (typeof value[orderKey] !== 'number') {
+      unsortedList.push(item);
+      return;
+    }
+    if (orderHash.has(value[orderKey])) {
+      orderHash.get(value[orderKey]).push(item);
+    } else {
+      orderHash.set(value[orderKey], [item]);
+    }
+  };
+  properties.forEach(function (item) {
+    return insert(item);
+  });
+  var sortedList = Array.from(orderHash.entries()).sort(function (_ref, _ref2) {
+    var _ref3 = _slicedToArray(_ref, 1),
+      order1 = _ref3[0];
+    var _ref4 = _slicedToArray(_ref2, 1),
+      order2 = _ref4[0];
+    return order1 - order2;
+  }) // order值越小越靠前
+  .flatMap(function (_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+      items = _ref6[1];
+    return items;
+  });
+  return sortedList.concat(unsortedList);
+});

package/es/models/store.d.ts

@@ -0,0 +1,10 @@
+type FormStore = {
+    schema?: any;
+    flattenSchema: any;
+    context?: any;
+    initialized: boolean;
+    init?: (schema: FormStore['schema']) => any;
+    setContext: (context: any) => any;
+};
+export declare const createStore: () => import("zustand").StoreApi<FormStore>;
+export {};

package/es/models/store.js

@@ -0,0 +1,22 @@
+import { createStore as createx } from 'zustand';
+// 将 useStore 改为 createStore， 并把它改为 create 方法
+export var createStore = function createStore() {
+  return createx(function (setState, get) {
+    return {
+      initialized: false,
+      schema: {},
+      flattenSchema: {},
+      context: {},
+      init: function init(data) {
+        return setState(Object.assign({
+          initialized: true
+        }, data));
+      },
+      setContext: function setContext(context) {
+        return setState({
+          context: context
+        });
+      }
+    };
+  });
+};

package/es/models/transformProps.d.ts

@@ -0,0 +1,34 @@
+declare const transformProps: (props: any) => {
+    formProps: any;
+    schema: any;
+    displayType: any;
+    onFinish: any;
+    beforeFinish: any;
+    onMount: any;
+    watch: any;
+    readOnly: any;
+    disabled: any;
+    column: any;
+    mapping: any;
+    debugCss: any;
+    locale: any;
+    configProvider: any;
+    footer: any;
+    form: any;
+    labelWidth: any;
+    validateMessages: any;
+    debug: any;
+    id: any;
+    onFinishFailed: any;
+    removeHiddenData: any;
+    operateExtra: any;
+    logOnMount: any;
+    logOnSubmit: any;
+    labelCol: any;
+    fieldCol: any;
+    maxWidth: any;
+    className: any;
+    validateTrigger: any;
+    antdVersion: any;
+};
+export default transformProps;