ronds-metadata 1.2.9 → 1.2.10

package/es/comps/MetadataEdit/components/MetaPropsEdit.js

@@ -1,368 +0,0 @@
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
-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/form/style";
-import _Form from "antd/es/form";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React from 'react';
-import { MinusCircleOutlined, PlusOutlined, ReloadOutlined } from '@ant-design/icons';
-import { ARRAY_TYPES_OPTIONS, BASIC_TYPES_OPTIONS, NUMBER_FORMAT_OPTIONS } from '../constant';
-import { useMetaType } from '../hooks';
-import { guid } from '../../../utils';
-
-var MetaPropsEdit = function MetaPropsEdit(props) {
-  var form = props.form,
-      id = props.id,
-      metadataTag = props.metadataTag,
-      name = props.name,
-      _props$isAddFields = props.isAddFields,
-      isAddFields = _props$isAddFields === void 0 ? true : _props$isAddFields,
-      onAddFields = props.onAddFields,
-      onNewRefClick = props.onNewRefClick;
-
-  var _React$useState = React.useState(true),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      refresh = _React$useState2[0],
-      setRefresh = _React$useState2[1];
-
-  var metaType = useMetaType(metadataTag, refresh);
-
-  var onTypeChange = function onTypeChange(idx) {
-    var _properties$idx, _properties$idx2;
-
-    var _properties = form.getFieldValue('properties') || [];
-
-    var __properties = {
-      id: (_properties$idx = _properties[idx]) === null || _properties$idx === void 0 ? void 0 : _properties$idx.id,
-      type: (_properties$idx2 = _properties[idx]) === null || _properties$idx2 === void 0 ? void 0 : _properties$idx2.type
-    };
-    _properties[idx] = __properties;
-    form.setFieldsValue({
-      properties: _properties
-    });
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Form.List, {
-    name: name
-  }, function (fields, _ref) {
-    var add = _ref.add,
-        remove = _ref.remove;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, fields.map(function (field, index) {
-      return /*#__PURE__*/React.createElement("div", {
-        key: guid()
-      }, /*#__PURE__*/React.createElement("div", {
-        style: {
-          display: 'flex',
-          alignItems: 'flex-end'
-        }
-      }, /*#__PURE__*/React.createElement(_Form.Item, _extends({
-        key: field.key,
-        className: "pr-10"
-      }, field, {
-        label: "\u5C5E\u6027\u540D\u79F0",
-        name: [field.name, 'id'],
-        fieldKey: [field.fieldKey, 'id'],
-        rules: [{
-          required: true
-        }]
-      }), /*#__PURE__*/React.createElement(_Input, null)), /*#__PURE__*/React.createElement(_Form.Item, _extends({
-        key: field.key
-      }, field, {
-        label: "\u5C5E\u6027\u7C7B\u578B",
-        name: [field.name, 'type'],
-        fieldKey: [field.fieldKey, 'type'],
-        rules: [{
-          required: true
-        }]
-      }), /*#__PURE__*/React.createElement(_Select, {
-        style: {
-          width: '120px'
-        },
-        options: BASIC_TYPES_OPTIONS,
-        onChange: function onChange() {
-          onTypeChange(index);
-        },
-        getPopupContainer: function getPopupContainer(triggerNode) {
-          return triggerNode.parentNode;
-        }
-      })), /*#__PURE__*/React.createElement("div", {
-        style: {
-          lineHeight: '88px',
-          paddingLeft: '15px'
-        }
-      }, /*#__PURE__*/React.createElement(MinusCircleOutlined, {
-        onClick: function onClick() {
-          return remove(field.name);
-        }
-      })), onAddFields && /*#__PURE__*/React.createElement(_Form.Item, {
-        style: {
-          flex: 1,
-          textAlign: 'right'
-        }
-      }, /*#__PURE__*/React.createElement(_Tooltip, {
-        title: "\u6DFB\u52A0\u6269\u5C55\u89C4\u5219"
-      }, /*#__PURE__*/React.createElement(_Button, {
-        shape: "circle",
-        size: "small",
-        type: "primary",
-        onClick: function onClick() {
-          onAddFields(index);
-        },
-        icon: /*#__PURE__*/React.createElement(PlusOutlined, null)
-      })))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Form.Item, {
-        noStyle: true,
-        shouldUpdate: function shouldUpdate(prevValues, currentValues) {
-          var _prevValues$name$inde, _currentValues$name$i, _prevValues$name$inde2, _currentValues$name$i2;
-
-          return (prevValues === null || prevValues === void 0 ? void 0 : (_prevValues$name$inde = prevValues[name][index]) === null || _prevValues$name$inde === void 0 ? void 0 : _prevValues$name$inde.type) !== (currentValues === null || currentValues === void 0 ? void 0 : (_currentValues$name$i = currentValues[name][index]) === null || _currentValues$name$i === void 0 ? void 0 : _currentValues$name$i.type) || (prevValues === null || prevValues === void 0 ? void 0 : (_prevValues$name$inde2 = prevValues[name][index]) === null || _prevValues$name$inde2 === void 0 ? void 0 : _prevValues$name$inde2.items) !== (currentValues === null || currentValues === void 0 ? void 0 : (_currentValues$name$i2 = currentValues[name][index]) === null || _currentValues$name$i2 === void 0 ? void 0 : _currentValues$name$i2.items);
-        }
-      }, function (_ref2) {
-        var _properties$index, _properties$index2, _properties$index2$it, _properties$index3, _properties$index3$it;
-
-        var getFieldValue = _ref2.getFieldValue;
-
-        var _properties = getFieldValue(name);
-
-        switch ((_properties$index = _properties[index]) === null || _properties$index === void 0 ? void 0 : _properties$index.type) {
-          case 'number':
-            return /*#__PURE__*/React.createElement("div", {
-              style: {
-                border: 'var(--ronds-metadata-color-border-1)',
-                padding: '10px',
-                marginBottom: '10px'
-              }
-            }, /*#__PURE__*/React.createElement(_Form.Item, _extends({}, field, {
-              label: "format",
-              name: [field.name, 'format'],
-              fieldKey: [field.fieldKey, 'format'],
-              rules: [{
-                required: true
-              }]
-            }), /*#__PURE__*/React.createElement(_Select, {
-              style: {
-                width: '180px'
-              },
-              options: NUMBER_FORMAT_OPTIONS,
-              getPopupContainer: function getPopupContainer(triggerNode) {
-                return triggerNode.parentNode;
-              }
-            })));
-
-          case 'ref':
-            return /*#__PURE__*/React.createElement("div", {
-              style: {
-                border: '1px solid var(--ronds-metadata-color-border-1)',
-                padding: '10px',
-                display: 'flex',
-                alignItems: 'center',
-                marginBottom: '10px'
-              }
-            }, /*#__PURE__*/React.createElement(_Form.Item, _extends({}, field, {
-              label: "Ref",
-              name: [field.name, 'refId'],
-              fieldKey: [field.fieldKey, 'refId'],
-              rules: [{
-                required: true
-              }]
-            }), /*#__PURE__*/React.createElement(_Select, {
-              style: {
-                width: '180px'
-              },
-              options: metaType || [],
-              showSearch: true,
-              filterOption: function filterOption(input, option) {
-                return (option === null || option === void 0 ? void 0 : option.label.indexOf(input)) >= 0;
-              },
-              getPopupContainer: function getPopupContainer(triggerNode) {
-                return triggerNode.parentNode;
-              },
-              allowClear: true
-            })), /*#__PURE__*/React.createElement("div", {
-              style: {
-                padding: '0 10px'
-              }
-            }, /*#__PURE__*/React.createElement(_Tooltip, {
-              title: "\u6DFB\u52A0\u5F15\u7528\u7C7B\u578B"
-            }, /*#__PURE__*/React.createElement(_Button, {
-              shape: "circle",
-              size: "small",
-              type: "primary",
-              onClick: function onClick() {
-                onNewRefClick && onNewRefClick();
-              },
-              icon: /*#__PURE__*/React.createElement(PlusOutlined, null)
-            })), /*#__PURE__*/React.createElement(_Tooltip, {
-              title: "\u5237\u65B0"
-            }, /*#__PURE__*/React.createElement(_Button, {
-              shape: "circle",
-              size: "small",
-              style: {
-                marginLeft: '10px'
-              },
-              onClick: function onClick() {
-                setRefresh(false);
-                setTimeout(function () {
-                  setRefresh(true);
-                }, 100);
-              },
-              icon: /*#__PURE__*/React.createElement(ReloadOutlined, null)
-            }))));
-
-          case 'array':
-            return /*#__PURE__*/React.createElement("div", {
-              style: {
-                border: '1px solid var(--ronds-metadata-color-border-1)',
-                borderRadius: '5px',
-                padding: '10px',
-                marginBottom: '10px',
-                display: 'flex',
-                alignItems: 'center'
-              }
-            }, /*#__PURE__*/React.createElement(_Form.Item, _extends({}, field, {
-              label: "Array",
-              className: "pr-10",
-              name: [field.name, 'items', 'type'],
-              fieldKey: [field.fieldKey, 'items', 'type'],
-              rules: [{
-                required: true
-              }]
-            }), /*#__PURE__*/React.createElement(_Select, {
-              style: {
-                width: '180px'
-              },
-              options: ARRAY_TYPES_OPTIONS,
-              getPopupContainer: function getPopupContainer(triggerNode) {
-                return triggerNode.parentNode;
-              }
-            })), _properties && ((_properties$index2 = _properties[index]) === null || _properties$index2 === void 0 ? void 0 : (_properties$index2$it = _properties$index2.items) === null || _properties$index2$it === void 0 ? void 0 : _properties$index2$it.type) === 'ref' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Form.Item, _extends({}, field, {
-              label: "Ref",
-              name: [field.name, 'items', 'refId'],
-              fieldKey: [field.fieldKey, 'items', 'refId'],
-              rules: [{
-                required: true
-              }]
-            }), /*#__PURE__*/React.createElement(_Select, {
-              style: {
-                width: '180px'
-              },
-              options: metaType || [],
-              showSearch: true,
-              filterOption: function filterOption(input, option) {
-                return (option === null || option === void 0 ? void 0 : option.label.indexOf(input)) >= 0;
-              },
-              getPopupContainer: function getPopupContainer(triggerNode) {
-                return triggerNode.parentNode;
-              }
-            })), /*#__PURE__*/React.createElement("div", {
-              style: {
-                padding: '0 10px'
-              }
-            }, /*#__PURE__*/React.createElement(_Tooltip, {
-              title: "\u6DFB\u52A0\u5F15\u7528\u7C7B\u578B"
-            }, /*#__PURE__*/React.createElement(_Button, {
-              shape: "circle",
-              size: "small",
-              type: "primary",
-              onClick: function onClick() {
-                onNewRefClick && onNewRefClick();
-              },
-              icon: /*#__PURE__*/React.createElement(PlusOutlined, null)
-            })), /*#__PURE__*/React.createElement(_Tooltip, {
-              title: "\u5237\u65B0"
-            }, /*#__PURE__*/React.createElement(_Button, {
-              shape: "circle",
-              size: "small",
-              style: {
-                marginLeft: '10px'
-              },
-              onClick: function onClick() {
-                setRefresh(false);
-                setTimeout(function () {
-                  setRefresh(true);
-                }, 100);
-              },
-              icon: /*#__PURE__*/React.createElement(ReloadOutlined, null)
-            })))), _properties && ((_properties$index3 = _properties[index]) === null || _properties$index3 === void 0 ? void 0 : (_properties$index3$it = _properties$index3.items) === null || _properties$index3$it === void 0 ? void 0 : _properties$index3$it.type) === 'number' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Form.Item, _extends({}, field, {
-              label: "format",
-              name: [field.name, 'items', 'format'],
-              fieldKey: [field.fieldKey, 'items', 'format'],
-              rules: [{
-                required: true
-              }]
-            }), /*#__PURE__*/React.createElement(_Select, {
-              style: {
-                width: '180px'
-              },
-              options: NUMBER_FORMAT_OPTIONS,
-              getPopupContainer: function getPopupContainer(triggerNode) {
-                return triggerNode.parentNode;
-              }
-            }))));
-
-          case 'enum':
-            return /*#__PURE__*/React.createElement("div", {
-              style: {
-                border: '1px solid var(--ronds-metadata-color-border-1)',
-                padding: '10px',
-                marginBottom: '10px'
-              }
-            }, /*#__PURE__*/React.createElement(_Form.List, {
-              name: [field.name, 'enum']
-            }, function (enumFields, operation) {
-              return /*#__PURE__*/React.createElement(React.Fragment, null, enumFields.map(function (enumField) {
-                return /*#__PURE__*/React.createElement(_Space, {
-                  key: "enumField-".concat(enumField.key),
-                  align: "baseline"
-                }, /*#__PURE__*/React.createElement(_Form.Item, _extends({}, field, {
-                  className: "pr-10",
-                  label: "Enum",
-                  name: [enumField.name, 'value'],
-                  fieldKey: [enumField.fieldKey, 'value'],
-                  rules: [{
-                    required: true
-                  }]
-                }), /*#__PURE__*/React.createElement(_Input, null)), /*#__PURE__*/React.createElement(MinusCircleOutlined, {
-                  onClick: function onClick() {
-                    return operation.remove(enumField.name);
-                  }
-                }));
-              }), /*#__PURE__*/React.createElement(_Form.Item, null, /*#__PURE__*/React.createElement(_Button, {
-                type: "dashed",
-                onClick: function onClick() {
-                  return operation.add();
-                },
-                icon: /*#__PURE__*/React.createElement(PlusOutlined, null)
-              }, "\u6DFB\u52A0Enum")));
-            }));
-
-          default:
-            return null;
-        }
-      })));
-    }), /*#__PURE__*/React.createElement(_Form.Item, null, /*#__PURE__*/React.createElement(_Button, {
-      type: "dashed",
-      onClick: function onClick() {
-        return add();
-      },
-      block: true,
-      icon: /*#__PURE__*/React.createElement(PlusOutlined, null)
-    }, "\u6DFB\u52A0".concat(name, "\u540D\u79F0"))), isAddFields && /*#__PURE__*/React.createElement(_Form.Item, null, /*#__PURE__*/React.createElement(_Button, {
-      type: "dashed",
-      onClick: function onClick() {
-        onAddFields(-1);
-      },
-      block: true,
-      icon: /*#__PURE__*/React.createElement(PlusOutlined, null)
-    }, "\u6DFB\u52A0\u6269\u5C55\u89C4\u5219")));
-  }));
-};
-
-export default MetaPropsEdit;

package/es/comps/MetadataEdit/constant/index.js

@@ -1,69 +0,0 @@
-export var BASIC_TYPES_OPTIONS = [{
-  label: '数字',
-  value: 'number'
-}, {
-  label: '文本',
-  value: 'text'
-}, {
-  label: '布尔类型',
-  value: 'bool'
-}, {
-  label: '枚举类型',
-  value: 'enum'
-}, {
-  label: '数组',
-  value: 'array'
-}, {
-  label: '引用类型',
-  value: 'ref'
-}];
-export var ARRAY_TYPES_OPTIONS = [{
-  label: '数字',
-  value: 'number'
-}, {
-  label: '文本',
-  value: 'text'
-}, {
-  label: '布尔类型',
-  value: 'bool'
-}, {
-  label: '引用类型',
-  value: 'ref'
-}];
-export var OUTERMOST_TYPES_OPTIONS = [{
-  label: '对象',
-  value: 'object'
-}, {
-  label: '数字',
-  value: 'number'
-}, {
-  label: '文本',
-  value: 'text'
-}, {
-  label: '布尔类型',
-  value: 'bool'
-}];
-export var RULE_TYPES_OPTIONS = [{
-  label: '引用',
-  value: 'ref'
-}, {
-  label: '数字',
-  value: 'number'
-}, {
-  label: '文本',
-  value: 'text'
-}, {
-  label: '布尔类型',
-  value: 'bool'
-}];
-export var NUMBER_FORMAT_OPTIONS = [{
-  label: 'int',
-  value: 'int'
-}, {
-  label: 'double',
-  value: 'double'
-}];
-export var REF_OPTIONS = [{
-  label: '表单扩展规则',
-  value: 'FormRules'
-}];

package/es/comps/MetadataEdit/hooks/index.js

@@ -1,43 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/*
- * @Author: wangxian
- * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-03-28 14:30:25
- */
-import { MetadataService } from './../../../framework/metadata/MetadataService';
-import React from 'react';
-export var useMetaType = function useMetaType(tag) {
-  var isFresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
-  var _React$useState = React.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      metaType = _React$useState2[0],
-      setMetaType = _React$useState2[1];
-
-  React.useEffect(function () {
-    if (isFresh) {
-      var service = new MetadataService();
-
-      var _tag = tag ? [tag] : [];
-
-      service.GetMetadataList(_tag).then(function (res) {
-        var _metaType = [];
-
-        if (res) {
-          for (var i = 0; i < res.length; i++) {
-            var obj = {
-              label: res[i].name,
-              value: res[i].id
-            };
-
-            _metaType.push(obj);
-          }
-        }
-
-        setMetaType([].concat(_metaType));
-      });
-    }
-  }, [tag, isFresh]);
-  return metaType;
-};