ronds-metadata 1.0.36 → 1.0.39

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

@@ -0,0 +1,367 @@
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import _extends from "@babel/runtime/helpers/esm/extends";
+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 "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';
+
+import TextArea from "antd/es/input/TextArea";
+
+var MetaPropsEdit = function MetaPropsEdit(props) {
+  var form = props.form,
+      id = props.id,
+      metadataTag = props.metadataTag,
+      name = props.name,
+      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); //   console.log('metaType', metaType, id);
+  // 赋值
+
+  var onTypeChange = function onTypeChange(idx) {
+    var _properties = form.getFieldValue('properties'); // console.log('_propertie=========', _properties, idx);
+
+
+    var __properties = {
+      id: _properties[idx].id,
+      type: _properties[idx].type,
+      name: _properties[idx].name,
+      code: _properties[idx].code,
+      desc: _properties[idx].desc
+    };
+    _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) {
+      //   console.log('field=============', field);
+      return /*#__PURE__*/React.createElement("div", {
+        key: Math.random()
+      }, /*#__PURE__*/React.createElement("div", {
+        key: Math.random(),
+        style: {
+          display: 'flex',
+          alignItems: 'flex-end',
+          flexWrap: 'wrap'
+        }
+      }, /*#__PURE__*/React.createElement(_Form.Item, {
+        className: "pr-10",
+        label: "\u540D\u79F0",
+        name: [field.name, 'name'],
+        fieldKey: [field === null || field === void 0 ? void 0 : field.fieldKey, 'name'],
+        rules: [{
+          required: true
+        }]
+      }, /*#__PURE__*/React.createElement(_Input, null)), /*#__PURE__*/React.createElement(_Form.Item, {
+        className: "pr-10",
+        label: "\u7F16\u7801",
+        name: [field.name, 'code'],
+        fieldKey: [field === null || field === void 0 ? void 0 : field.fieldKey, 'code'],
+        rules: [{
+          required: true
+        }]
+      }, /*#__PURE__*/React.createElement(_Input, null)), /*#__PURE__*/React.createElement(_Form.Item, {
+        className: "pr-10",
+        label: "\u5B57\u6BB5\u540D\u79F0",
+        name: [field === null || field === void 0 ? void 0 : field.name, 'id'],
+        fieldKey: [field === null || field === void 0 ? void 0 : field.fieldKey, 'id'],
+        rules: [{
+          required: true
+        }]
+      }, /*#__PURE__*/React.createElement(_Input, null)), /*#__PURE__*/React.createElement(_Form.Item, {
+        className: "pr-10",
+        label: "\u5B57\u6BB5\u7C7B\u578B",
+        name: [field === null || field === void 0 ? void 0 : field.name, 'type'],
+        fieldKey: [field === null || field === void 0 ? void 0 : field.fieldKey, 'type'],
+        rules: [{
+          required: true
+        }]
+      }, /*#__PURE__*/React.createElement(_Select, {
+        style: {
+          width: '100%'
+        },
+        options: BASIC_TYPES_OPTIONS,
+        onChange: function onChange() {
+          onTypeChange(index);
+        }
+      })), /*#__PURE__*/React.createElement(_Form.Item, {
+        className: "pr-10",
+        label: "\u63CF\u8FF0",
+        style: {
+          width: '80%'
+        },
+        name: [field.name, 'desc'],
+        fieldKey: [field.fieldKey, 'desc']
+      }, /*#__PURE__*/React.createElement(TextArea, null)), /*#__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: '1px solid #d9d9d9',
+                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
+            })));
+
+          case 'ref':
+            return /*#__PURE__*/React.createElement("div", {
+              style: {
+                border: '1px solid #d9d9d9',
+                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 || []
+            })), /*#__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 #d9d9d9',
+                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
+            })), _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 || []
+            })), /*#__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
+            }))));
+
+          case 'enum':
+            return /*#__PURE__*/React.createElement("div", {
+              style: {
+                border: '1px solid #d9d9d9',
+                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"))), /*#__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/MetadataEditV2/constant/index.d.ts

@@ -0,0 +1,24 @@
+export declare const BASIC_TYPES_OPTIONS: {
+    label: string;
+    value: string;
+}[];
+export declare const ARRAY_TYPES_OPTIONS: {
+    label: string;
+    value: string;
+}[];
+export declare const OUTERMOST_TYPES_OPTIONS: {
+    label: string;
+    value: string;
+}[];
+export declare const RULE_TYPES_OPTIONS: {
+    label: string;
+    value: string;
+}[];
+export declare const NUMBER_FORMAT_OPTIONS: {
+    label: string;
+    value: string;
+}[];
+export declare const REF_OPTIONS: {
+    label: string;
+    value: string;
+}[];

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

@@ -0,0 +1,69 @@
+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/MetadataEditV2/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export declare const useMetaType: (tag?: string, isFresh?: boolean) => {
+    label: string;
+    value: string;
+}[];

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

@@ -0,0 +1,46 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+/*
+ * @Author: your name
+ * @Date: 2022-03-03 16:12:34
+ * @LastEditTime: 2022-03-07 10:55:07
+ * @LastEditors: your name
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \MetaData\src\comps\MetadataEditV2\hooks\index.ts
+ */
+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 = []; // console.log('res', res);
+
+        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;
+};

package/es/comps/MetadataEditV2/index.css

@@ -0,0 +1,11 @@
+.metadata-edit {
+  height: 100%;
+  width: 100%;
+}
+.metadata-edit .ant-row {
+  display: block;
+}
+.metadata-edit .pr-10 {
+  padding-right: 10px;
+  width: 50%;
+}

package/es/comps/MetadataEditV2/index.d.ts

@@ -0,0 +1,25 @@
+import './index.less';
+interface IMetadataEditProps {
+    /**
+     * 默认元数据最外层的名称无法编辑
+     */
+    isNameDisabled?: boolean;
+    /**
+     * 元数据的标签，根据这个标签在元数据库里检索元数据
+     */
+    metadataTag?: string;
+    /**
+     * 初始化值
+     */
+    initialValues?: any;
+    /**
+     * 确定点击事件
+     */
+    onFinish: (data: string) => void;
+    /**
+     *  添加新的引用类型点击事件
+     */
+    onNewRefClick?: () => void;
+}
+declare const MetadataEditV2: (props: IMetadataEditProps) => JSX.Element;
+export default MetadataEditV2;