ronds-metadata 1.0.37 → 1.0.40

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;

package/es/comps/MetadataEditV2/index.js

@@ -0,0 +1,303 @@
+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.css";
+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) {
+    debugger; // 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) {
+    // debugger;
+    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) {
+    // debugger;
+    // console.log('onFieldsChange', values, curFields);
+    var _fields = fields;
+    _fields[curFields.id] = values;
+    setFields(_objectSpread({}, _fields));
+    setIsFields(false);
+  };
+
+  var onOuterTypeChange = function onOuterTypeChange(value) {
+    setOutType(value);
+  };
+
+  var processFileds = function processFileds(schema) {
+    debugger;
+    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/MetadataEditV2/type.d.ts

@@ -0,0 +1,20 @@
+export interface IMetaFileds {
+  id: string;
+  type: 'object';
+  properties: any[];
+  value: any;
+}
+
+export type ITypeStatus = 'object' | 'ref' | 'bool' | 'number' | 'text' | 'enum' | 'array';
+
+export type IMetaProperty = {
+  /**
+   * 属性的名称
+   */
+  id: string;
+  /**
+   * 类型
+   */
+  type: string;
+  enum?: any[];
+};

package/es/index.d.ts

@@ -1,7 +1,9 @@
 export { default as MetadataEdit } from './comps/MetadataEdit';
+export { default as MetadataEditV2 } from './comps/MetadataEditV2';
 export { default as MetadataForm } from './comps/MetadataForm';
 export { default as JsonView } from './comps/JsonView';
 export { default as JsonEdit } from './comps/JsonEdit';
+export { default as Editable } from './comps/Editable';
 export * from './framework/metadata/index';
 export { default as http, addInterceptor } from './framework/http/index';
 export { registerMetadataAPI } from './framework/metadata/MetadataService';

package/es/index.js

@@ -1,14 +1,14 @@
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2021-12-14 09:08:16
- * @LastEditors: wangxain
- * @FilePath: \ronds.metadata\src\index.ts
+ * @LastEditTime: 2022-03-04 16:53:30
  */
 export { default as MetadataEdit } from './comps/MetadataEdit';
+export { default as MetadataEditV2 } from './comps/MetadataEditV2';
 export { default as MetadataForm } from './comps/MetadataForm';
 export { default as JsonView } from './comps/JsonView';
 export { default as JsonEdit } from './comps/JsonEdit';
+export { default as Editable } from './comps/Editable';
 export * from './framework/metadata/index';
 export { default as http, addInterceptor } from './framework/http/index';
 export { registerMetadataAPI } from './framework/metadata/MetadataService';

package/package.json

@@ -1,7 +1,7 @@
 {
-  "public": true,
+ "public": true,
   "name": "ronds-metadata",
-  "version": "1.0.37",
+  "version": "1.0.40",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -13,7 +13,6 @@
     "test": "umi-test",
     "test:coverage": "umi-test --coverage"
   },
-
   "main": "es",
   "module": "es",
   "types": "es/index.d.ts",
@@ -43,7 +42,8 @@
     "lodash": "^4.17.21",
     "qs": "^6.10.1",
     "react": "^16.12.0",
-    "react-color": "^2.19.3"
+    "react-color": "^2.19.3",
+    "rxjs": "^7.5.4"
   },
   "peerDependencies": {
     "antd": ">=4.1.5",
@@ -73,3 +73,4 @@
     "yorkie": "^2.0.0"
   }
 }
+