ronds-metadata 1.2.10 → 1.2.11

package/es/comps/MetadataEditV2/index.js

@@ -0,0 +1,298 @@
+import "antd/es/drawer/style";
+import _Drawer from "antd/es/drawer";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/select/style";
+import _Select from "antd/es/select";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import "antd/es/message/style";
+import _message from "antd/es/message";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import './index.less';
+import MetaFieldsEdit from './components/MetaFieldsEdit';
+import MetaPropsEdit from './components/MetaPropsEdit';
+import { OUTERMOST_TYPES_OPTIONS } from './constant';
+
+var MetadataEditV2 = function MetadataEditV2(props) {
+  var initialValues = props.initialValues,
+      isNameDisabled = props.isNameDisabled,
+      metadataTag = props.metadataTag,
+      onFinish = props.onFinish,
+      onNewRefClick = props.onNewRefClick;
+
+  var _Form$useForm = _Form.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var _React$useState = React.useState('object'),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      outerType = _React$useState2[0],
+      setOutType = _React$useState2[1];
+
+  var _React$useState3 = React.useState({
+    id: '',
+    type: 'object'
+  }),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      metaSchema = _React$useState4[0],
+      setMetaSchema = _React$useState4[1];
+
+  var metaSchemaRef = React.useRef({
+    id: '',
+    type: 'object'
+  });
+  var firstLoadRef = React.useRef(true);
+
+  var _React$useState5 = React.useState(false),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      isFields = _React$useState6[0],
+      setIsFields = _React$useState6[1];
+
+  var _React$useState7 = React.useState({}),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      fields = _React$useState8[0],
+      setFields = _React$useState8[1];
+
+  var _React$useState9 = React.useState({}),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      curFields = _React$useState10[0],
+      setCurFields = _React$useState10[1];
+
+  React.useEffect(function () {
+    form.setFieldsValue({
+      id: 'Test'
+    });
+    form.setFieldsValue({
+      type: 'object'
+    });
+  }, [form]);
+  React.useEffect(function () {
+    if (initialValues && firstLoadRef.current) {
+      form.setFieldsValue(_objectSpread({}, initialValues));
+      setMetaSchema(_objectSpread({}, initialValues));
+      metaSchemaRef.current = initialValues;
+      processFileds(initialValues);
+      firstLoadRef.current = false;
+    }
+  }, [form, initialValues]);
+
+  var onMyFinish = function onMyFinish(values) {
+    // console.log('values:', values, JSON.stringify(values));
+    // console.log('values:', values);
+    var _metaSchema = metaSchemaRef.current;
+    _metaSchema.id = values.id;
+    _metaSchema.type = values.type;
+
+    if (values === null || values === void 0 ? void 0 : values.properties) {
+      _metaSchema.properties = values.properties;
+
+      var _loop = function _loop(i) {
+        var ele = _metaSchema.properties[i];
+        var curFields = fields[_metaSchema.properties[i].id];
+
+        if (curFields) {
+          _metaSchema.properties[i].fields = curFields;
+        }
+
+        var propKeys = Object.keys(ele);
+        var needOptKeys = ['name', 'code', 'desc'];
+
+        if (ele.fields) {
+          propKeys.forEach(function (propKey) {
+            if (needOptKeys.indexOf(propKey) > -1) {
+              ele.fields.forEach(function (field, index) {
+                if (index === 0) {
+                  if (propKey === 'name') {
+                    field.value[propKey] = ele[propKey];
+                    field.value.label = ele[propKey];
+                  } else {
+                    field.value[propKey] = ele[propKey];
+                  }
+                }
+              });
+              delete ele[propKey];
+            }
+          });
+        } else {
+          ele.fields = [{
+            type: 'ref',
+            refId: 'Rule.Form',
+            id: 'Rule.Form',
+            value: {
+              label: '',
+              name: '',
+              code: '',
+              desc: ''
+            }
+          }];
+          propKeys.forEach(function (propKey) {
+            if (needOptKeys.indexOf(propKey) > -1) {
+              ele.fields.forEach(function (field, index) {
+                if (index === 0) {
+                  if (propKey === 'name') {
+                    field.value[propKey] = ele[propKey];
+                    field.value.label = ele[propKey];
+                  } else {
+                    field.value[propKey] = ele[propKey];
+                  }
+                }
+              });
+              delete ele[propKey];
+            }
+          });
+        }
+      };
+
+      for (var i = 0; i < _metaSchema.properties.length; i++) {
+        _loop(i);
+      }
+    }
+
+    if (fields[values.id]) {
+      _metaSchema.fields = fields[values.id];
+    }
+
+    setMetaSchema(_objectSpread({}, _metaSchema));
+    metaSchemaRef.current = _metaSchema;
+    onFinish && onFinish(JSON.stringify(_metaSchema));
+  };
+
+  var onAddFields = function onAddFields(index) {
+    if (index === -1) {
+      var _id = form.getFieldValue('id');
+
+      if (_id) {
+        setIsFields(true);
+        setCurFields({
+          id: _id
+        });
+      } else {
+        _message.warn('请填写元数据名称');
+      }
+
+      return;
+    } // console.log('========1========', form.getFieldValue('properties'));
+
+
+    var _properties_from = form.getFieldValue('properties') || [];
+
+    var _properties_ref = metaSchemaRef.current.properties || [];
+
+    var _properties = _properties_from.length <= _properties_ref.length ? _properties_ref : _properties_from; // console.log('properties', _properties);
+
+
+    var _curFields = _properties[index];
+
+    if (_curFields && _curFields.id) {
+      setIsFields(true);
+      var idx = ((metaSchema === null || metaSchema === void 0 ? void 0 : metaSchema.fields) || []).findIndex(function (v) {
+        return v.id === _curFields.id;
+      });
+
+      if ((metaSchema === null || metaSchema === void 0 ? void 0 : metaSchema.fields) && idx >= 0) {
+        setCurFields(_objectSpread({}, metaSchema === null || metaSchema === void 0 ? void 0 : metaSchema.fields[idx]));
+      } else {
+        // console.log('_curFields', _curFields);
+        setCurFields(_objectSpread({}, _curFields));
+      }
+    } else {
+      _message.warn('请填写属性名称');
+    }
+  };
+
+  var onFieldsChange = function onFieldsChange(values) {
+    var _fields = fields;
+    _fields[curFields.id] = values;
+    setFields(_objectSpread({}, _fields));
+    setIsFields(false);
+  };
+
+  var onOuterTypeChange = function onOuterTypeChange(value) {
+    setOutType(value);
+  };
+
+  var processFileds = function processFileds(schema) {
+    var _properties = schema.properties;
+    var _fields = fields;
+
+    if (_properties) {
+      for (var i = 0; i < _properties.length; i++) {
+        if (_properties[i].fields) {
+          _fields[_properties[i].id] = _properties[i].fields;
+        }
+      }
+    }
+
+    if (schema.fields) {
+      _fields[schema.id] = schema.fields;
+    }
+
+    setFields(_objectSpread({}, _fields));
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Form, {
+    className: "metadata-edit",
+    initialValues: initialValues,
+    form: form,
+    name: "control-hooks",
+    onFinish: onMyFinish
+  }, /*#__PURE__*/React.createElement(_Form.Item, {
+    label: "\u540D\u79F0",
+    name: "id",
+    style: {
+      marginBottom: '15px'
+    },
+    rules: [{
+      required: true
+    }]
+  }, /*#__PURE__*/React.createElement(_Input, {
+    disabled: isNameDisabled
+  })), /*#__PURE__*/React.createElement(_Form.Item, {
+    label: "\u7C7B\u578B",
+    name: "type",
+    style: {
+      marginBottom: '15px'
+    },
+    rules: [{
+      required: true
+    }]
+  }, /*#__PURE__*/React.createElement(_Select, {
+    options: OUTERMOST_TYPES_OPTIONS,
+    onChange: onOuterTypeChange
+  })), outerType === 'object' && /*#__PURE__*/React.createElement(MetaPropsEdit, {
+    form: form,
+    metadataTag: metadataTag,
+    name: "properties",
+    onAddFields: onAddFields,
+    onNewRefClick: onNewRefClick
+  }), /*#__PURE__*/React.createElement(_Form.Item, null, /*#__PURE__*/React.createElement(_Button, {
+    type: "primary",
+    block: true,
+    htmlType: "submit"
+  }, "\u786E\u5B9A"))), /*#__PURE__*/React.createElement(_Drawer, {
+    title: (curFields === null || curFields === void 0 ? void 0 : curFields.id) || 'fields',
+    width: 450,
+    bodyStyle: {
+      padding: 0
+    },
+    placement: "right",
+    onClose: function onClose() {
+      setIsFields(false);
+    },
+    mask: false,
+    push: false,
+    visible: isFields,
+    destroyOnClose: true
+  }, /*#__PURE__*/React.createElement(MetaFieldsEdit, {
+    key: curFields === null || curFields === void 0 ? void 0 : curFields.id,
+    defaultValues: fields[curFields.id],
+    onChange: onFieldsChange
+  })));
+};
+
+export default MetadataEditV2;

package/es/comps/MetadataForm/DataCell/Array.js

@@ -0,0 +1,148 @@
+import "antd/es/row/style";
+import _Row from "antd/es/row";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+/*
+ * @Author: wangxian
+ * @Date: 2021-09-18 14:15:04
+ * @LastEditTime: 2023-02-27 10:41:49
+ */
+import React from 'react';
+import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';
+import { MetadataFormContext, MetadataRefContext } from '../interface';
+import { useGetExtraInfo } from '../hooks';
+import { getDataCell } from '../utils';
+import { tr } from '../../../framework/locale';
+import TableArray from './layout/TableArray';
+
+function Index(props) {
+  var _fieldRule$, _fieldRule$$value, _fieldRule$2, _fieldRule$2$value, _extraInfo$disabled;
+
+  var id = props.id,
+      items = props.items,
+      isRefForm = props.isRefForm,
+      fieldRule = props.fields,
+      colSpan = props.colSpan,
+      labelSpan = props.labelSpan,
+      initEnumValue = props.initEnumValue,
+      name = props.name,
+      disabled = props.disabled;
+  var formContext = React.useContext(MetadataFormContext) || {};
+  var refContext = React.useContext(MetadataRefContext) || {};
+
+  var _fileds = React.useMemo(function () {
+    var ff = formContext === null || formContext === void 0 ? void 0 : formContext.fields;
+
+    if (refContext === null || refContext === void 0 ? void 0 : refContext.fields) {
+      refContext === null || refContext === void 0 ? void 0 : refContext.fields.forEach(function (v, k) {
+        ff.set(k, v);
+      });
+    }
+
+    return ff;
+  }, [formContext === null || formContext === void 0 ? void 0 : formContext.fields, refContext === null || refContext === void 0 ? void 0 : refContext.fields]);
+
+  var extraInfo = useGetExtraInfo(formContext === null || formContext === void 0 ? void 0 : formContext.fields, id, formContext.form, props.type);
+
+  var _React$useState = React.useState(),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      help = _React$useState2[0],
+      setHelp = _React$useState2[1];
+
+  React.useEffect(function () {
+    if (items && items.refId) {
+      var arr = items.refId.split('.');
+      setHelp(arr[arr.length - 1]);
+    }
+  }, [items]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, null, /*#__PURE__*/React.createElement(_Col, {
+    span: (formContext === null || formContext === void 0 ? void 0 : formContext.layout) === 'vertical' && 24,
+    flex: labelSpan && (formContext === null || formContext === void 0 ? void 0 : formContext.layout) === 'horizontal' ? "0 0 ".concat(labelSpan * 100 / 24, "%") : ''
+  }, !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.titleHidden) && /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'relative',
+      width: '100%',
+      textAlign: "".concat((formContext === null || formContext === void 0 ? void 0 : formContext.labelSpan) && (formContext === null || formContext === void 0 ? void 0 : formContext.layout) === 'horizontal' ? 'right' : 'left')
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ant-form-item-label ant-form-item-label-wrap mt-1 "
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require) && 'ant-form-item-required')
+  }, extraInfo.label || fieldRule && ((_fieldRule$ = fieldRule[0]) === null || _fieldRule$ === void 0 ? void 0 : (_fieldRule$$value = _fieldRule$.value) === null || _fieldRule$$value === void 0 ? void 0 : _fieldRule$$value.label) || fieldRule && ((_fieldRule$2 = fieldRule[0]) === null || _fieldRule$2 === void 0 ? void 0 : (_fieldRule$2$value = _fieldRule$2.value) === null || _fieldRule$2$value === void 0 ? void 0 : _fieldRule$2$value.common.label) || id)), formContext.isShowTypeInfo && /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '0 6px',
+      position: 'absolute',
+      right: '20px',
+      top: '19px',
+      background: '#fff'
+    }
+  }, help || (items === null || items === void 0 ? void 0 : items.type)))), /*#__PURE__*/React.createElement(_Col, {
+    flex: labelSpan && (formContext === null || formContext === void 0 ? void 0 : formContext.layout) === 'horizontal' ? "0 0 ".concat((24 - labelSpan) * 100 / 24, "%") : 1
+  }, extraInfo.layout === 'table' && items.type === 'ref' ? /*#__PURE__*/React.createElement(TableArray, {
+    initValue: formContext.initialValues,
+    initEnumValue: initEnumValue,
+    readonly: (_extraInfo$disabled = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled !== void 0 ? _extraInfo$disabled : disabled,
+    addButtonHidden: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.addButtonHidden,
+    rowNumber: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.rowNumber) || 10,
+    refId: items.refId,
+    form: formContext.form,
+    name: name
+  }) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '10px',
+      border: '1px solid var(--ronds-metadata-color-border-1)',
+      width: '100%',
+      borderRadius: '4px',
+      margin: '0 0 8px'
+    }
+  }, /*#__PURE__*/React.createElement(_Form.List, {
+    name: name,
+    key: id
+  }, function (fields, _ref) {
+    var add = _ref.add,
+        remove = _ref.remove;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, fields.map(function (field, idx) {
+      var _extraInfo$disabled2;
+
+      return /*#__PURE__*/React.createElement("div", {
+        key: field.key,
+        style: {
+          display: 'flex',
+          width: '100%',
+          marginBottom: '10px'
+        }
+      }, /*#__PURE__*/React.createElement(React.Fragment, null, getDataCell(_objectSpread(_objectSpread({}, items), {}, {
+        idx: idx,
+        id: id
+      }), {
+        disabled: (_extraInfo$disabled2 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled2 !== void 0 ? _extraInfo$disabled2 : disabled,
+        initEnumValue: initEnumValue,
+        isRefForm: isRefForm,
+        isShowTypeInfo: formContext.isShowTypeInfo,
+        field: field
+      }, 23), /*#__PURE__*/React.createElement(MinusCircleOutlined, {
+        style: {
+          marginLeft: '10px'
+        },
+        onClick: function onClick() {
+          return remove(field.name);
+        }
+      })));
+    }), /*#__PURE__*/React.createElement(_Form.Item, null, /*#__PURE__*/React.createElement(_Button, {
+      type: "dashed",
+      onClick: function onClick() {
+        return add();
+      },
+      icon: /*#__PURE__*/React.createElement(PlusOutlined, null)
+    }, tr('添加'))));
+  })))));
+}
+
+export default /*#__PURE__*/React.memo(Index);

package/es/comps/MetadataForm/DataCell/Input.js

@@ -0,0 +1,198 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/select/style";
+import _Select from "antd/es/select";
+import "antd/es/upload/style";
+import _Upload from "antd/es/upload";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+
+/*
+ * @Author: wangxian
+ * @Date: 2021-09-18 14:15:04
+ * @LastEditTime: 2023-02-25 11:21:22
+ */
+import React from 'react';
+import { UploadOutlined } from '@ant-design/icons';
+import { MetadataFormContext, MetadataRefContext } from '../interface';
+import { useGetExtraInfo } from '../hooks';
+var TextArea = _Input.TextArea;
+
+function Index(props) {
+  var _extraInfo$addonAfter6;
+
+  var id = props.id,
+      isRefForm = props.isRefForm,
+      disabled = props.disabled,
+      field = props.field,
+      labelSpan = props.labelSpan,
+      name = props.name,
+      isObj = props.isObj;
+  var formContext = React.useContext(MetadataFormContext) || {};
+  var formRefContext = React.useContext(MetadataRefContext);
+  var extraInfo = useGetExtraInfo(formRefContext ? formRefContext.fields : formContext.fields, id, formContext.form, props.type);
+
+  if (id === 'p' || id === 'user') {}
+
+  var _React$useState = React.useState([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      rules = _React$useState2[0],
+      setRules = _React$useState2[1];
+
+  React.useEffect(function () {
+    var _rules = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.rules;
+
+    if (_rules) {
+      var _ = _rules.map(function (it) {
+        return {
+          pattern: new RegExp(eval(it === null || it === void 0 ? void 0 : it.regExp), 'g'),
+          message: it === null || it === void 0 ? void 0 : it.message
+        };
+      });
+
+      setRules(_toConsumableArray(_));
+    }
+  }, [extraInfo]);
+
+  var onChange = function onChange(e) {};
+
+  var processInputType = function processInputType(_type) {
+    var _extraInfo$disabled, _extraInfo$disabled2, _extraInfo$disabled3, _extraInfo$disabled4, _extraInfo$disabled5, _extraInfo$addonAfter, _extraInfo$addonAfter2, _extraInfo$addonAfter3, _extraInfo$addonAfter4, _extraInfo$disabled6;
+
+    switch (_type) {
+      case 'password':
+        return /*#__PURE__*/React.createElement(_Input.Password, {
+          disabled: (_extraInfo$disabled = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled !== void 0 ? _extraInfo$disabled : disabled,
+          placeholder: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.placeholder
+        });
+
+      case 'textarea':
+        return /*#__PURE__*/React.createElement(TextArea, {
+          rows: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.textareaRows) || 4,
+          disabled: (_extraInfo$disabled2 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled2 !== void 0 ? _extraInfo$disabled2 : disabled,
+          placeholder: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.placeholder
+        });
+
+      case 'colorPicker':
+        return /*#__PURE__*/React.createElement(_Input, {
+          type: "color",
+          disabled: (_extraInfo$disabled3 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled3 !== void 0 ? _extraInfo$disabled3 : disabled,
+          placeholder: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.placeholder
+        });
+
+      case 'datePicker':
+        return /*#__PURE__*/React.createElement(_DatePicker, {
+          showTime: true,
+          format: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.format) || DEFAULT_DATE_FORMAT,
+          disabled: (_extraInfo$disabled4 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled4 !== void 0 ? _extraInfo$disabled4 : disabled,
+          placeholder: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.placeholder
+        });
+
+      case 'upload':
+        return /*#__PURE__*/React.createElement(_Upload, null, /*#__PURE__*/React.createElement(_Button, {
+          disabled: (_extraInfo$disabled5 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled5 !== void 0 ? _extraInfo$disabled5 : disabled,
+          icon: /*#__PURE__*/React.createElement(UploadOutlined, null)
+        }, "\u4E0A\u4F20"));
+
+      default:
+        return /*#__PURE__*/React.createElement(_Input, {
+          addonAfter: ((_extraInfo$addonAfter = extraInfo.addonAfter) === null || _extraInfo$addonAfter === void 0 ? void 0 : _extraInfo$addonAfter.key) ? /*#__PURE__*/React.createElement(_Form.Item, {
+            name: [].concat(_toConsumableArray(name), [(_extraInfo$addonAfter2 = extraInfo.addonAfter) === null || _extraInfo$addonAfter2 === void 0 ? void 0 : _extraInfo$addonAfter2.key]),
+            noStyle: true,
+            initialValue: (_extraInfo$addonAfter3 = extraInfo.addonAfter) === null || _extraInfo$addonAfter3 === void 0 ? void 0 : _extraInfo$addonAfter3.defaultValue
+          }, /*#__PURE__*/React.createElement(_Select, null, (((_extraInfo$addonAfter4 = extraInfo.addonAfter) === null || _extraInfo$addonAfter4 === void 0 ? void 0 : _extraInfo$addonAfter4.value) || []).map(function (v) {
+            return /*#__PURE__*/React.createElement(_Select.Option, {
+              key: v,
+              value: v
+            }, v);
+          }))) : undefined,
+          disabled: (_extraInfo$disabled6 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled6 !== void 0 ? _extraInfo$disabled6 : disabled,
+          placeholder: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.placeholder,
+          allowClear: true,
+          onChange: onChange
+        });
+    }
+  }; // ref引用的  应用类型是否展示成表单
+
+
+  if (isObj && isRefForm && field) {
+    var _extraInfo$addonAfter5;
+
+    return /*#__PURE__*/React.createElement(_Form.Item, _extends({}, field, {
+      style: {
+        flex: 1,
+        paddingRight: '10px'
+      },
+      label: /*#__PURE__*/React.createElement("span", {
+        style: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.color) ? {
+          color: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.color
+        } : {}
+      }, (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.label) || id),
+      labelCol: labelSpan && (formContext === null || formContext === void 0 ? void 0 : formContext.layout) === 'horizontal' ? {
+        flex: "0 0 ".concat(labelSpan * 100 / 24, "%"),
+        offset: 0
+      } : undefined,
+      wrapperCol: labelSpan && (formContext === null || formContext === void 0 ? void 0 : formContext.layout) === 'horizontal' ? {
+        flex: "0 0 ".concat((24 - labelSpan) * 100 / 24, "%"),
+        offset: 0
+      } : undefined,
+      name: (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$addonAfter5 = extraInfo.addonAfter) === null || _extraInfo$addonAfter5 === void 0 ? void 0 : _extraInfo$addonAfter5.key) ? [field === null || field === void 0 ? void 0 : field.name].concat(_toConsumableArray(name), ['value']) : [field === null || field === void 0 ? void 0 : field.name].concat(_toConsumableArray(name)),
+      rules: [{
+        required: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require
+      }].concat(_toConsumableArray(rules)),
+      help: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.help,
+      tooltip: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.tooltip
+    }), processInputType((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.type) || ''));
+  }
+
+  return !field ?
+  /*#__PURE__*/
+  // 不是引用的
+  React.createElement(_Form.Item, {
+    key: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.defaultValue,
+    initialValue: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.defaultValue,
+    style: {
+      display: "".concat(extraInfo.hidden ? 'none' : '')
+    },
+    label: /*#__PURE__*/React.createElement("span", {
+      style: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.color) ? {
+        color: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.color
+      } : {}
+    }, (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.label) || id),
+    labelCol: labelSpan && (formContext === null || formContext === void 0 ? void 0 : formContext.layout) === 'horizontal' ? {
+      flex: "0 0 ".concat(labelSpan * 100 / 24, "%"),
+      offset: 0
+    } : undefined,
+    wrapperCol: labelSpan && (formContext === null || formContext === void 0 ? void 0 : formContext.layout) === 'horizontal' ? {
+      flex: "0 0 ".concat((24 - labelSpan) * 100 / 24, "%"),
+      offset: 0
+    } : undefined,
+    name: (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$addonAfter6 = extraInfo.addonAfter) === null || _extraInfo$addonAfter6 === void 0 ? void 0 : _extraInfo$addonAfter6.key) ? [].concat(_toConsumableArray(name), ['value']) : name,
+    rules: [{
+      required: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require
+    }].concat(_toConsumableArray(rules)),
+    help: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.help,
+    tooltip: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.tooltip
+  }, processInputType((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.type) || '')) : /*#__PURE__*/React.createElement(_Form.Item, _extends({}, field, {
+    style: {
+      flex: 1,
+      paddingRight: '10px'
+    },
+    name: [field === null || field === void 0 ? void 0 : field.name],
+    rules: [{
+      required: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require
+    }].concat(_toConsumableArray(rules)),
+    help: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.help,
+    tooltip: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.tooltip
+  }), processInputType((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.type) || ''));
+}
+
+export default /*#__PURE__*/React.memo(Index);
+export var DEFAULT_DATE_FORMAT = 'YYYY-MM-DD HH:mm:ss';