ronds-metadata 1.2.10 → 1.2.12

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

@@ -0,0 +1,131 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import "antd/es/input-number/style";
+import _InputNumber from "antd/es/input-number";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+/*
+ * @Author: wangxian
+ * @Date: 2021-09-18 14:15:04
+ * @LastEditTime: 2023-02-28 10:19:20
+ */
+import React from 'react';
+import { MetadataFormContext, MetadataRefContext } from '../interface';
+import { useGetExtraInfo } from '../hooks';
+
+function Index(props) {
+  var _extraInfo$disabled2, _extraInfo$disabled3;
+
+  var id = props.id,
+      name = props.name,
+      isRefForm = props.isRefForm,
+      disabled = props.disabled,
+      notRequire = props.notRequire,
+      labelSpan = props.labelSpan,
+      field = props.field,
+      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);
+
+  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.message
+        };
+      });
+
+      setRules(_toConsumableArray(_));
+    }
+  }, [extraInfo]);
+
+  if (isObj && isRefForm && field) {
+    var _extraInfo$disabled;
+
+    return /*#__PURE__*/React.createElement(_Form.Item, _extends({}, field, {
+      style: {
+        flex: 1,
+        paddingRight: '10px'
+      },
+      name: [field === null || field === void 0 ? void 0 : field.name].concat(_toConsumableArray(name)),
+      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,
+      rules: [{
+        required: notRequire ? !notRequire : 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
+    }), /*#__PURE__*/React.createElement(_InputNumber, {
+      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
+    }));
+  }
+
+  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' ? {
+      span: labelSpan,
+      offset: 0
+    } : undefined,
+    wrapperCol: labelSpan && (formContext === null || formContext === void 0 ? void 0 : formContext.layout) === 'horizontal' ? {
+      span: 24 - labelSpan,
+      offset: 0
+    } : undefined,
+    name: name,
+    rules: [{
+      required: notRequire ? !notRequire : 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
+  }, /*#__PURE__*/React.createElement(_InputNumber, {
+    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
+  })) : /*#__PURE__*/React.createElement(_Form.Item, _extends({}, field, {
+    style: {
+      flex: 1,
+      paddingRight: '10px'
+    },
+    name: [field === null || field === void 0 ? void 0 : field.name],
+    rules: [{
+      required: notRequire ? !notRequire : 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
+  }), /*#__PURE__*/React.createElement(_InputNumber, {
+    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
+  }));
+}
+
+export default /*#__PURE__*/React.memo(Index);

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

@@ -0,0 +1,326 @@
+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/row/style";
+import _Row from "antd/es/row";
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import { CaretDownOutlined, CaretUpOutlined } from '@ant-design/icons';
+import { MetadataService } from '../../../framework/metadata/MetadataService';
+import { MetadataFormContext, MetadataRefContext } from '../interface';
+import { useGetExtraInfo } from '../hooks';
+import { renderForm } from '../utils';
+import { JsonMetadataProvider } from '../../../framework/metadata';
+
+function Index(props) {
+  var _extraInfo$disabled, _extraInfo$disabled2;
+
+  var id = props.id,
+      refId = props.refId,
+      disabled = props.disabled,
+      isRefForm = props.isRefForm,
+      fieldRule = props.fields,
+      labelSpan = props.labelSpan,
+      initEnumValue = props.initEnumValue,
+      field = props.field,
+      name = props.name;
+  var formContext = React.useContext(MetadataFormContext) || {};
+  var extraInfo = useGetExtraInfo(formContext.fields, id, formContext.form, props.type); // 是否折叠
+
+  var _React$useState = React.useState(true),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isFold = _React$useState2[0],
+      setIsFold = _React$useState2[1];
+
+  var _React$useState3 = React.useState([]),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      schema = _React$useState4[0],
+      setSchema = _React$useState4[1];
+
+  var _React$useState5 = React.useState({}),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      refFields = _React$useState6[0],
+      setRefFields = _React$useState6[1];
+
+  var refFieldsRef = React.useRef(refFields);
+
+  var _React$useState7 = React.useState([]),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      options = _React$useState8[0],
+      setOptions = _React$useState8[1];
+
+  var _React$useState9 = React.useState(''),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      help = _React$useState10[0],
+      setHelp = _React$useState10[1];
+
+  var onSearch = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var param, server, res, _options, i, obj;
+
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            param = {
+              id: refId,
+              filter: {
+                keywords: ''
+              },
+              order: []
+            };
+            server = new MetadataService();
+            _context.next = 4;
+            return server.GetMetadataObjList(param);
+
+          case 4:
+            res = _context.sent;
+            _options = [];
+
+            if (res.length > 0) {
+              for (i = 0; i < res.length; i++) {
+                obj = {
+                  label: res[i].name,
+                  value: res[i].namespace
+                };
+
+                _options.push(obj);
+              }
+            }
+
+            setOptions(_options);
+
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), []);
+  React.useEffect(function () {
+    if (refId && !isRefForm) {
+      onSearch();
+    }
+  }, [refId, isRefForm, onSearch]);
+  var formOptions = React.useMemo(function () {
+    return {
+      disabled: disabled,
+      isRefForm: true,
+      isShowTypeInfo: formContext.isShowTypeInfo,
+      pName: name || [id],
+      field: field ? field : undefined,
+      isObj: true,
+      initEnumValue: initEnumValue
+    };
+  }, [field]);
+  var getSchemaByRefId = React.useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(server, __TYPE__) {
+      var _schema, res, provider, FormCls, formCls, _fields;
+
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _schema = []; // 如果有内部类，优先在内部类里面找
+
+              if (__TYPE__.length > 0) {
+                _schema = __TYPE__.filter(function (it) {
+                  return it.id === refId;
+                });
+              } // 内部类找不到 从接口里面拿
+
+
+              if (!(_schema.length === 0)) {
+                _context2.next = 7;
+                break;
+              }
+
+              _context2.next = 5;
+              return server.GetMetadataDetailById(refId);
+
+            case 5:
+              res = _context2.sent;
+
+              if (res === null || res === void 0 ? void 0 : res.schema) {
+                _schema = JSON.parse(res === null || res === void 0 ? void 0 : res.schema);
+              }
+
+            case 7:
+              provider = new JsonMetadataProvider();
+
+              if (_schema.length > 0) {
+                provider.add_types(_schema);
+                FormCls = provider.get_type(_schema[0].id);
+                formCls = new FormCls();
+                _fields = formCls.__type__.__fields__;
+                refFieldsRef.current = _fields;
+                setRefFields(_objectSpread({}, _fields));
+                setSchema(_toConsumableArray(_schema));
+              }
+
+            case 9:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function (_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [refId]);
+  React.useEffect(function () {
+    if (refId && formContext.__TYPE__) {
+      var server = new MetadataService();
+      getSchemaByRefId(server, formContext.__TYPE__);
+      return function () {
+        server = null;
+      };
+    }
+
+    return function () {};
+  }, [getSchemaByRefId, formContext.__TYPE__]);
+  React.useEffect(function () {
+    if (refId) {
+      var arr = refId.split(':');
+      setHelp(arr[arr.length - 1]);
+    }
+  }, [refId]);
+
+  if (isRefForm && !field && schema.length > 0) {
+    var _fieldRule$, _fieldRule$$value, _fieldRule$2, _fieldRule$2$value, _fieldRule$2$value$co;
+
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
+      className: "ant-form-item"
+    }, !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.titleHidden) && /*#__PURE__*/React.createElement(_Col, {
+      span: !labelSpan && (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, "%") : ''
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      },
+      onClick: function onClick() {
+        if (formContext.isFoldForm) {
+          setIsFold(!isFold);
+        }
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "ant-form-item-label",
+      style: {
+        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'),
+        flex: '1'
+      }
+    }, /*#__PURE__*/React.createElement("label", {
+      className: "".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require) && 'ant-form-item-required')
+    }, (extraInfo === null || extraInfo === void 0 ? void 0 : 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$co = _fieldRule$2$value.common) === null || _fieldRule$2$value$co === void 0 ? void 0 : _fieldRule$2$value$co.label) || id)), formContext.isFoldForm && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, {
+      type: "link",
+      onClick: function onClick() {
+        setIsFold(!isFold);
+      },
+      icon: isFold ? /*#__PURE__*/React.createElement(CaretDownOutlined, null) : /*#__PURE__*/React.createElement(CaretUpOutlined, null)
+    })))), /*#__PURE__*/React.createElement(_Col, {
+      flex: labelSpan && (formContext === null || formContext === void 0 ? void 0 : formContext.layout) === 'horizontal' ? "0 0 ".concat((24 - labelSpan) * 100 / 24, "%") : 1
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '10px',
+        border: '1px solid var(--ronds-metadata-color-border-1)',
+        width: '100%',
+        borderRadius: '4px',
+        margin: '0 0 8px',
+        display: "".concat(formContext.isFoldForm && isFold ? 'none' : '')
+      }
+    }, /*#__PURE__*/React.createElement(MetadataRefContext.Provider, {
+      value: {
+        fields: refFieldsRef.current
+      }
+    }, renderForm(schema, formOptions, formContext.colSpan))))));
+  }
+
+  if (isRefForm && field && schema.length > 0) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__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(MetadataRefContext.Provider, {
+      value: {
+        fields: refFieldsRef.current
+      }
+    }, renderForm(schema, formOptions, formContext.colSpan))));
+  }
+
+  return !field ? /*#__PURE__*/React.createElement(_Form.Item, {
+    key: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.defaultValue,
+    label: (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,
+    initialValue: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.defaultValue,
+    style: {
+      display: "".concat(extraInfo.hidden ? 'none' : 'block')
+    },
+    name: id,
+    rules: [{
+      required: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require
+    }],
+    help: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.help,
+    tooltip: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.tooltip) || help
+  }, /*#__PURE__*/React.createElement(_Select, {
+    showSearch: true,
+    options: options || [],
+    placeholder: extraInfo.placeholder,
+    disabled: (_extraInfo$disabled = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled !== void 0 ? _extraInfo$disabled : disabled,
+    notFoundContent: '没有批到到该实体数据',
+    filterOption: function filterOption(input, option) {
+      return (option === null || option === void 0 ? void 0 : option.label.indexOf(input)) >= 0;
+    },
+    allowClear: true
+  })) : /*#__PURE__*/React.createElement(_Form.Item, _extends({}, field, {
+    style: {
+      flex: 1,
+      paddingRight: '10px',
+      width: '100%'
+    },
+    name: [field === null || field === void 0 ? void 0 : field.name],
+    rules: [{
+      required: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require
+    }],
+    help: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.help,
+    tooltip: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.tooltip
+  }), /*#__PURE__*/React.createElement(_Select, {
+    showSearch: true,
+    style: {
+      width: '100%'
+    },
+    options: options || [],
+    placeholder: extraInfo.placeholder,
+    disabled: (_extraInfo$disabled2 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled2 !== void 0 ? _extraInfo$disabled2 : disabled,
+    notFoundContent: '没有批到到该实体数据',
+    filterOption: function filterOption(input, option) {
+      return (option === null || option === void 0 ? void 0 : option.label.indexOf(input)) >= 0;
+    },
+    allowClear: true
+  }));
+}
+
+export default /*#__PURE__*/React.memo(Index);