ronds-metadata 1.3.65 → 1.3.67

package/es/comps/MetadataForm/DataCell/plugin/SourceConfigNew.js

@@ -0,0 +1,649 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/upload/style";
+import _Upload from "antd/es/upload";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import "antd/es/row/style";
+import _Row from "antd/es/row";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import "antd/es/select/style";
+import _Select from "antd/es/select";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { tr } from '../../../../framework/locale/index';
+import { LinkOutlined, UploadOutlined, PlusOutlined } from '@ant-design/icons';
+import React from 'react';
+import Editable from '../../../Editable/index';
+import { MetadataService } from '../../../../framework/metadata/MetadataService';
+import { useAsyncMemo } from '../../../../framework/hooks/use-async-memo';
+import { deepClone } from '../../../../utils';
+import useObservable from '../../../../framework/rxjs-hooks/useObservable';
+import { MetadataFormContext } from '../../interface';
+var SourceConfigNew = function SourceConfigNew(props) {
+  var configType = props.configType,
+    sourceHttp = props.sourceHttp,
+    sourceEnums = props.sourceEnums,
+    targetHttp = props.targetHttp,
+    targetEnums = props.targetEnums;
+  var isTarget = configType === 'target';
+  var isSource = configType === 'source';
+  var marginStyle = {
+    marginBottom: '8px',
+    width: '100%',
+    height: '100%'
+  };
+  var _React$useState = React.useState(),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    source = _React$useState2[0],
+    setSource = _React$useState2[1];
+  var _React$useState3 = React.useState(),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    defaultSource = _React$useState4[0],
+    setDefaultSource = _React$useState4[1];
+  var _React$useContext = React.useContext(MetadataFormContext),
+    form = _React$useContext.form;
+  // kafka source
+  var _React$useState5 = React.useState(),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    autoOffsetReset = _React$useState6[0],
+    setAutoOffsetReset = _React$useState6[1];
+  var _React$useState7 = React.useState(),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    batchDuration = _React$useState8[0],
+    setBatchDuration = _React$useState8[1];
+  var _React$useState9 = React.useState([]),
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    topics = _React$useState10[0],
+    setTopics = _React$useState10[1];
+  // sql source
+  var _React$useState11 = React.useState(),
+    _React$useState12 = _slicedToArray(_React$useState11, 2),
+    fetchSize = _React$useState12[0],
+    setFetchSize = _React$useState12[1];
+  var _React$useState13 = React.useState(),
+    _React$useState14 = _slicedToArray(_React$useState13, 2),
+    sql = _React$useState14[0],
+    setSql = _React$useState14[1];
+  // minio source
+  var streamRef = React.useRef();
+  var columns = [{
+    title: 'sheetName',
+    key: 'sheetName',
+    dataIndex: 'sheetName',
+    editable: true,
+    type: 'text'
+  }, {
+    title: 'header',
+    key: 'header',
+    dataIndex: 'header',
+    editable: true,
+    type: 'text'
+  }];
+  var _React$useState15 = React.useState([]),
+    _React$useState16 = _slicedToArray(_React$useState15, 2),
+    list = _React$useState16[0],
+    setList = _React$useState16[1];
+  var listRef = React.useRef([]);
+  var onAddRow = function onAddRow() {
+    var _list = listRef.current;
+    var newRow = {
+      sheetName: '',
+      header: ''
+    };
+    _list.push(newRow);
+    streamRef.current.next({
+      type: 'editRowKey',
+      payload: {
+        _rowKey_: _list.length - 1
+      }
+    });
+    setList(_toConsumableArray(_list));
+    listRef.current = _list;
+  };
+  var onRowConfirm = function onRowConfirm(record) {
+    var _list = listRef.current;
+    _list[record.rowIdx] = _objectSpread(_objectSpread({}, _list[record.rowIdx]), record.allValues);
+    setList(_toConsumableArray(_list));
+    listRef.current = _list;
+  };
+  var onRowDelete = function onRowDelete(record) {
+    var _list = listRef.current;
+    _list.splice(record._rowKey_, 1);
+    setList(_toConsumableArray(_list));
+    listRef.current = _list;
+  };
+  // cassandra target
+  var _React$useState17 = React.useState(),
+    _React$useState18 = _slicedToArray(_React$useState17, 2),
+    keyspace = _React$useState18[0],
+    setKeyspace = _React$useState18[1];
+  var _React$useState19 = React.useState(),
+    _React$useState20 = _slicedToArray(_React$useState19, 2),
+    dtname = _React$useState20[0],
+    setDtname = _React$useState20[1];
+  // pgsql target
+  var _React$useState21 = React.useState(),
+    _React$useState22 = _slicedToArray(_React$useState21, 2),
+    schema = _React$useState22[0],
+    setSchema = _React$useState22[1];
+  var _React$useState23 = React.useState(),
+    _React$useState24 = _slicedToArray(_React$useState23, 2),
+    dbname = _React$useState24[0],
+    setDbname = _React$useState24[1];
+  // minio target
+  var _React$useState25 = React.useState(),
+    _React$useState26 = _slicedToArray(_React$useState25, 2),
+    filePath = _React$useState26[0],
+    setFilePath = _React$useState26[1];
+  // http 调用接口
+  // const watchValueRef = React.useRef<string | any>();
+  var pageRef = React.useRef(1);
+  var totalRef = React.useRef();
+  var processSelectOptionsData = function processSelectOptionsData() {
+    var _options = [];
+    var _items = [];
+    var _enum = deepClone(sourceEnums || targetEnums || []);
+    _enum.forEach(function (p) {
+      p.forEach(function (it) {
+        var _it$key;
+        var obj = {
+          label: it.value,
+          value: (_it$key = it === null || it === void 0 ? void 0 : it.key) !== null && _it$key !== void 0 ? _it$key : it === null || it === void 0 ? void 0 : it.value
+        };
+        _items.push(obj);
+      });
+      _options.push(_items);
+      _items = [];
+    });
+    return _options;
+  };
+  var options = React.useMemo(function () {
+    return processSelectOptionsData();
+  }, [sourceEnums, targetEnums]);
+  var getEnumDataByUrl = React.useCallback( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(http, pid, page) {
+      var server, _url, watchValue, res, _res, resGet;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            server = new MetadataService();
+            _url = pid || pid === '' ? http.url.replace('{pid}', pid) : http.url;
+            _url = page ? http.url.replace('{page}', page) : _url;
+            // if (watchValueRef.current) {
+            //   if (typeof watchValueRef.current === 'string') {
+            //     _url = _url.replace('{watch}', watchValueRef.current);
+            //   }
+            // }
+            // console.log('========================getEnumDataByUrl', _url, watchValueRef.current);
+            // const res = await server.GetEnumDataByUrl(
+            //   _url,
+            //   http.method,
+            //   http?.body && JSON.parse(http?.body) ? { ...JSON.parse(http?.body), ...(watchValueRef.current || {}) } : watchValueRef.current,
+            // );
+
+            if (http.watch) {
+              watchValue = form.getFieldsValue()[http.watch];
+              _url = _url.replace('{watch}', watchValue);
+            }
+            _context.next = 6;
+            return server.GetEnumDataByUrl(_url, http.method, (http === null || http === void 0 ? void 0 : http.body) && JSON.parse(http === null || http === void 0 ? void 0 : http.body) ? _objectSpread(_objectSpread({}, JSON.parse(http === null || http === void 0 ? void 0 : http.body)), {
+              source: watchValue
+            } || {}) : watchValue);
+          case 6:
+            res = _context.sent;
+            _res = (res === null || res === void 0 ? void 0 : res.total) ? res === null || res === void 0 ? void 0 : res.list : res;
+            totalRef.current = res === null || res === void 0 ? void 0 : res.total;
+            if (!(_res && _res.length > 0)) {
+              _context.next = 20;
+              break;
+            }
+            if (!((http === null || http === void 0 ? void 0 : http.isCascader) && http.url.indexOf('{pid}') === -1)) {
+              _context.next = 12;
+              break;
+            }
+            return _context.abrupt("return", _res);
+          case 12:
+            if (!(http === null || http === void 0 ? void 0 : http.isGroup)) {
+              _context.next = 14;
+              break;
+            }
+            return _context.abrupt("return", _res);
+          case 14:
+            if (!(http === null || http === void 0 ? void 0 : http.isTreeSelect)) {
+              _context.next = 16;
+              break;
+            }
+            return _context.abrupt("return", _res);
+          case 16:
+            resGet = _res.map(function (it) {
+              if (http === null || http === void 0 ? void 0 : http.isCascader) {
+                return {
+                  value: it[(http === null || http === void 0 ? void 0 : http.key) || 'id'],
+                  label: it[(http === null || http === void 0 ? void 0 : http.value) || 'name'],
+                  isLeaf: it['isLeaf'] ? it['isLeaf'] : false
+                };
+              } else {
+                return {
+                  value: it[(http === null || http === void 0 ? void 0 : http.key) || 'id'],
+                  label: it[(http === null || http === void 0 ? void 0 : http.value) || 'name'],
+                  disabled: false
+                };
+              }
+            });
+            return _context.abrupt("return", resGet);
+          case 20:
+            console.warn("".concat(_url, " is not return success result"));
+            return _context.abrupt("return", []);
+          case 22:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x, _x2, _x3) {
+      return _ref.apply(this, arguments);
+    };
+  }(), []);
+  var httpOptions = useAsyncMemo( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _httpOptionsPromises, _httpOptions;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          // const _httpOptions = await Promise.all(
+          //   (sourceHttp || targetHttp).map((it: any) => {
+          //     if (it && it.url) {
+          //       getEnumDataByUrl(deepClone(it), '', it?.isPagination && (pageRef.current as any)).then((res: any) => {
+          //         return res;
+          //       });
+          //     }
+          //     return [];
+          //   }),
+          // );
+          _httpOptionsPromises = (sourceHttp || targetHttp).map( /*#__PURE__*/function () {
+            var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(it) {
+              return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    if (!(it && it.url)) {
+                      _context2.next = 2;
+                      break;
+                    }
+                    return _context2.abrupt("return", getEnumDataByUrl(deepClone(it), '', (it === null || it === void 0 ? void 0 : it.isPagination) && pageRef.current));
+                  case 2:
+                    return _context2.abrupt("return", []);
+                  case 3:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            return function (_x4) {
+              return _ref3.apply(this, arguments);
+            };
+          }());
+          _context3.next = 3;
+          return Promise.all(_httpOptionsPromises);
+        case 3:
+          _httpOptions = _context3.sent;
+          return _context3.abrupt("return", _httpOptions);
+        case 5:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  })), [sourceHttp, targetHttp]);
+  var myOptions = React.useMemo(function () {
+    var _options = options;
+    httpOptions && httpOptions.forEach(function (p, i) {
+      if (p && p.length > 0) {
+        _options[i] = p;
+      }
+    });
+    return _options;
+  }, [options, httpOptions]);
+  useObservable(function (p) {
+    // TODO 设置watch值
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
+    gutter: 16,
+    style: marginStyle
+  }, /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: tr('数据源'),
+    name: 'dataSource',
+    required: true
+  }, /*#__PURE__*/React.createElement(_Select, {
+    value: source,
+    onChange: function onChange(val) {
+      return setSource(val);
+    },
+    options: myOptions[0],
+    allowClear: true
+  }))), /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    name: 'defaultSource',
+    colon: false
+  }, /*#__PURE__*/React.createElement(_Select, {
+    value: defaultSource,
+    onChange: function onChange(val) {
+      setDefaultSource(val);
+    },
+    options: myOptions[1],
+    allowClear: true
+  }))), /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    colon: false
+  }, /*#__PURE__*/React.createElement(_Button, {
+    className: "ml-2",
+    type: "link",
+    icon: /*#__PURE__*/React.createElement(LinkOutlined, null),
+    onClick: function onClick() {}
+  }, tr('测试连接'))))), isSource && source === 'Kafka' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
+    gutter: 16,
+    style: marginStyle
+  }, /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: tr('主题'),
+    name: 'topic',
+    required: true
+  }, /*#__PURE__*/React.createElement(_Select, {
+    value: topics,
+    onChange: function onChange(val) {
+      return setTopics(val);
+    },
+    options: myOptions[2],
+    mode: "multiple",
+    allowClear: true
+  }))), /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: tr('消费策略'),
+    name: 'autoOffsetReset',
+    required: true
+  }, /*#__PURE__*/React.createElement(_Select, {
+    value: autoOffsetReset,
+    onChange: function onChange(val) {
+      return setAutoOffsetReset(val);
+    },
+    options: myOptions[3],
+    allowClear: true
+  })))), /*#__PURE__*/React.createElement(_Row, {
+    gutter: 16,
+    style: marginStyle
+  }, /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: tr('批间隔'),
+    name: 'batchDuration',
+    required: true
+  }, /*#__PURE__*/React.createElement(_Input, {
+    value: batchDuration,
+    onChange: function onChange(e) {
+      var _e$target;
+      return setBatchDuration(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
+    }
+  }))))), isSource && (source === 'PgSql' || source === 'SqlServer') && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
+    gutter: 16,
+    style: marginStyle
+  }, /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: tr('数据库'),
+    name: 'dbname',
+    required: true
+  }, /*#__PURE__*/React.createElement(_Select, {
+    value: dbname,
+    onChange: function onChange(val) {
+      return setDbname(val);
+    },
+    options: myOptions[4],
+    allowClear: true
+  }))), /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: '模式',
+    name: 'schema',
+    required: true
+  }, /*#__PURE__*/React.createElement(_Select, {
+    value: schema,
+    onChange: function onChange(val) {
+      return setSchema(val);
+    },
+    options: myOptions[5],
+    allowClear: true
+  })))), /*#__PURE__*/React.createElement(_Row, {
+    gutter: 16,
+    style: marginStyle
+  }, /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: 'fetch size',
+    name: 'fetchSize',
+    required: true
+  }, /*#__PURE__*/React.createElement(_Input, {
+    value: fetchSize,
+    onChange: function onChange(e) {
+      var _e$target2;
+      return setFetchSize(e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.value);
+    }
+  }))), /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: 'sql',
+    name: 'sql',
+    required: true
+  }, /*#__PURE__*/React.createElement(_Input, {
+    value: sql,
+    onChange: function onChange(e) {
+      var _e$target3;
+      return setSql(e === null || e === void 0 ? void 0 : (_e$target3 = e.target) === null || _e$target3 === void 0 ? void 0 : _e$target3.value);
+    }
+  }))))), isSource && source === 'Minio' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
+    gutter: 16,
+    style: marginStyle
+  }, /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: tr('上传文件'),
+    name: 'filepath',
+    required: true
+  }, /*#__PURE__*/React.createElement(_Upload, {
+    customRequest: function customRequest(options) {
+      setTimeout(function () {
+        options.onSuccess();
+      }, 1000);
+    }
+  }, /*#__PURE__*/React.createElement(_Button, {
+    icon: /*#__PURE__*/React.createElement(UploadOutlined, null)
+  }, tr('上传')))))), /*#__PURE__*/React.createElement(_Row, {
+    gutter: 16,
+    style: marginStyle
+  }, /*#__PURE__*/React.createElement(_Col, {
+    span: 16
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: tr('文件信息'),
+    name: 'headers'
+  }, /*#__PURE__*/React.createElement(Editable, {
+    type: "single",
+    columns: columns,
+    dataSource: list,
+    onRowConfirm: onRowConfirm,
+    onRowDelete: onRowDelete,
+    getStreamInstance: function getStreamInstance(stream) {
+      return streamRef.current = stream;
+    },
+    onRowClick: function onRowClick(record) {}
+  }), /*#__PURE__*/React.createElement(_Button, {
+    type: "dashed",
+    onClick: onAddRow,
+    style: {
+      width: '100%',
+      marginTop: '2px'
+    }
+  }, tr('添加一行')))))), isTarget && source === 'Cassandra' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
+    gutter: 16,
+    style: marginStyle
+  }, /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: tr('键空间'),
+    name: 'keyspace',
+    required: true
+  }, /*#__PURE__*/React.createElement(_Select, {
+    value: keyspace,
+    onChange: function onChange(val) {
+      return setKeyspace(val);
+    },
+    options: myOptions[2],
+    allowClear: true
+  }))), /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: tr('数据表'),
+    name: 'dtname',
+    required: true
+  }, /*#__PURE__*/React.createElement(_Select, {
+    value: dtname,
+    onChange: function onChange(val) {
+      return setDtname(val);
+    },
+    options: myOptions[3],
+    allowClear: true
+  }))), /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    colon: false
+  }, /*#__PURE__*/React.createElement(_Button, {
+    className: "ml-2",
+    type: "link",
+    icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
+    onClick: function onClick() {}
+  }, tr('手动建表')))))), isTarget && (source === 'PgSql' || source === 'SqlServer') && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
+    gutter: 16,
+    style: marginStyle
+  }, /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: tr('数据库'),
+    name: 'dbname',
+    required: true
+  }, /*#__PURE__*/React.createElement(_Select, {
+    value: dbname,
+    onChange: function onChange(val) {
+      return setDbname(val);
+    },
+    options: myOptions[4],
+    allowClear: true
+  }))), /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: '模式',
+    name: 'schema',
+    required: true
+  }, /*#__PURE__*/React.createElement(_Select, {
+    value: schema,
+    onChange: function onChange(val) {
+      return setSchema(val);
+    },
+    options: myOptions[5],
+    allowClear: true
+  })))), /*#__PURE__*/React.createElement(_Row, {
+    gutter: 16,
+    style: marginStyle
+  }, /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: tr('数据表'),
+    name: 'dtname',
+    required: true
+  }, /*#__PURE__*/React.createElement(_Select, {
+    value: dtname,
+    onChange: function onChange(val) {
+      return setDtname(val);
+    },
+    options: myOptions[6],
+    allowClear: true
+  }))), /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    colon: false
+  }, /*#__PURE__*/React.createElement(_Button, {
+    className: "ml-2",
+    type: "link",
+    icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
+    onClick: function onClick() {}
+  }, tr('手动建表')))))), isTarget && source === 'Minio' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
+    gutter: 16,
+    style: marginStyle
+  }, /*#__PURE__*/React.createElement(_Col, {
+    span: 16
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: tr('文件路径'),
+    name: 'filepath',
+    required: true
+  }, /*#__PURE__*/React.createElement(_Input, {
+    value: filePath,
+    onChange: function onChange(e) {
+      return setFilePath(e.target.value);
+    }
+  }))))));
+};
+export default SourceConfigNew;
+var FormItem = function FormItem(props) {
+  var color = props.color,
+    _props$labelSpan = props.labelSpan,
+    labelSpan = _props$labelSpan === void 0 ? 0 : _props$labelSpan,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
+    name = props.name,
+    label = props.label,
+    colon = props.colon,
+    help = props.help,
+    tooltip = props.tooltip,
+    _props$required = props.required,
+    required = _props$required === void 0 ? false : _props$required,
+    children = props.children,
+    _props$wrapperSpan = props.wrapperSpan,
+    wrapperSpan = _props$wrapperSpan === void 0 ? 3 : _props$wrapperSpan;
+  return /*#__PURE__*/React.createElement(_Form.Item, {
+    style: {
+      flex: 1,
+      paddingRight: '10px'
+    },
+    label: /*#__PURE__*/React.createElement("span", {
+      style: color ? {
+        color: color
+      } : {}
+    }, tr(label)),
+    labelCol: labelSpan && layout === 'horizontal' ? {
+      flex: "0 0 ".concat(labelSpan * 100 / 24, "%"),
+      offset: 0
+    } : undefined,
+    wrapperCol: labelSpan && wrapperSpan && layout === 'horizontal' ? {
+      style: {
+        width: "".concat((wrapperSpan - labelSpan) * 100 / 24, "%")
+      },
+      flex: "0 0 ".concat((wrapperSpan - labelSpan) * 100 / 24, "%"),
+      offset: 0
+    } : undefined,
+    name: name,
+    rules: [{
+      required: required,
+      message: "".concat(tr('请输入'), " ").concat(tr(label))
+    }],
+    help: tr(help),
+    tooltip: tr(tooltip),
+    colon: colon
+  }, children);
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "public": true,
   "name": "ronds-metadata",
-  "version": "1.3.65",
+  "version": "1.3.67",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",