ronds-metadata 1.0.76 → 1.0.79

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

@@ -61,28 +61,27 @@ var MetaFieldsEdit = function MetaFieldsEdit(props) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              if (!(_refId.indexOf('Rule.Form') > -1)) {
-                _context.next = 12;
-                break;
-              }
-
               server = new MetadataService();
-              _context.next = 4;
+              _context.next = 3;
               return server.GetMetadataDetailById(_refId);
 
-            case 4:
+            case 3:
               res = _context.sent;
               _schema = JSON.parse(res.schema);
               _properties = _schema[0].properties;
-              _properties = _properties.filter(function (it) {
-                return it.id === 'common' || it.id === type;
-              });
+
+              if (_refId === 'com.ronds.schema.default.Rule.Form') {
+                _properties = _properties.filter(function (it) {
+                  return it.id === 'common' || it.id === type;
+                });
+              }
+
               _schema[0].properties = _properties;
               _refSchema = refSchema;
               _refSchema[idx] = _schema;
               setRefSchema(_objectSpread({}, _refSchema));
 
-            case 12:
+            case 11:
             case "end":
               return _context.stop();
           }
@@ -97,22 +96,32 @@ var MetaFieldsEdit = function MetaFieldsEdit(props) {
 
   var onRefSelectChange = React.useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(value, index) {
-      var _refIds, newData;
+      var _refIds, _refSchema, newData;
 
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              if (!value) {
-                _context2.next = 3;
+              _refIds = refIds;
+
+              if (!(value && value.indexOf('Rule.Form') > -1)) {
+                _context2.next = 6;
                 break;
               }
 
-              _context2.next = 3;
+              _context2.next = 4;
               return processSpecialRuleData(value, index);
 
-            case 3:
-              _refIds = refIds;
+            case 4:
+              _context2.next = 9;
+              break;
+
+            case 6:
+              _refSchema = refSchema;
+              _refSchema[index] = undefined;
+              setRefSchema(_objectSpread({}, _refSchema));
+
+            case 9:
               _refIds[index] = value;
               setRefIds(_objectSpread({}, _refIds));
               newData = form.getFieldValue('fields');
@@ -121,7 +130,7 @@ var MetaFieldsEdit = function MetaFieldsEdit(props) {
                 fields: newData
               });
 
-            case 9:
+            case 14:
             case "end":
               return _context2.stop();
           }
@@ -133,26 +142,107 @@ var MetaFieldsEdit = function MetaFieldsEdit(props) {
       return _ref2.apply(this, arguments);
     };
   }(), [form]);
-  React.useEffect(function () {
-    if (defaultValues) {
-      form.setFieldsValue({
-        fields: defaultValues
-      });
-      var _ruleTypes = ruleTypes;
-      var _refIds = refIds;
+  var processInitRule = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _defaultValues, _refIds, _ruleTypes;
+
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            _defaultValues = [{
+              id: 'Rule.Form',
+              refId: 'com.ronds.schema.default.Rule.Form',
+              type: 'ref',
+              value: {}
+            }];
+            _refIds = refIds;
+            _ruleTypes = ruleTypes;
+
+            if (!(_defaultValues[0].refId.indexOf('Rule.Form') > -1)) {
+              _context3.next = 6;
+              break;
+            }
 
-      for (var i = 0; i < defaultValues.length; i++) {
-        _ruleTypes[i] = defaultValues[i].type;
+            _context3.next = 6;
+            return processSpecialRuleData(_defaultValues[0].refId, 0);
 
-        if (defaultValues[i].type === 'ref') {
-          _refIds[i] = defaultValues[i].refId;
+          case 6:
+            _refIds[0] = _defaultValues[0].refId;
+            setRefIds(_objectSpread({}, _refIds));
+            _ruleTypes[0] = 'ref';
+            setRuleTypes(_objectSpread({}, _ruleTypes));
+            form.setFieldsValue({
+              fields: _defaultValues
+            });
+
+          case 11:
+          case "end":
+            return _context3.stop();
         }
       }
+    }, _callee3);
+  })), [form]);
+  var processDefaultValues = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    var _ruleTypes, _refIds, i;
+
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            _ruleTypes = ruleTypes;
+            _refIds = refIds;
+            form.setFieldsValue({
+              fields: defaultValues
+            });
+            i = 0;
+
+          case 4:
+            if (!(i < defaultValues.length)) {
+              _context4.next = 14;
+              break;
+            }
+
+            _ruleTypes[i] = defaultValues[i].type;
+
+            if (!(defaultValues[i].type === 'ref')) {
+              _context4.next = 11;
+              break;
+            }
 
-      setRefIds(_objectSpread({}, _refIds));
-      setRuleTypes(_objectSpread({}, _ruleTypes));
+            if (!(defaultValues[i].refId.indexOf('Rule.Form') > -1)) {
+              _context4.next = 10;
+              break;
+            }
+
+            _context4.next = 10;
+            return processSpecialRuleData(defaultValues[i].refId, i);
+
+          case 10:
+            _refIds[i] = defaultValues[i].refId;
+
+          case 11:
+            i++;
+            _context4.next = 4;
+            break;
+
+          case 14:
+            setRefIds(_objectSpread({}, _refIds));
+            setRuleTypes(_objectSpread({}, _ruleTypes));
+
+          case 16:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee4);
+  })), [form]);
+  React.useEffect(function () {
+    if (defaultValues) {
+      processDefaultValues();
+    } else {
+      processInitRule();
     }
-  }, [defaultValues, form]);
+  }, [defaultValues, processInitRule, processDefaultValues]);
 
   var onFinish = function onFinish(values) {
     var _fields = values.fields;
@@ -186,9 +276,9 @@ var MetaFieldsEdit = function MetaFieldsEdit(props) {
     }
   }, /*#__PURE__*/React.createElement(_Form.List, {
     name: "fields"
-  }, function (fields, _ref3) {
-    var add = _ref3.add,
-        remove = _ref3.remove;
+  }, function (fields, _ref5) {
+    var add = _ref5.add,
+        remove = _ref5.remove;
     return /*#__PURE__*/React.createElement(React.Fragment, null, fields.map(function (field, index) {
       var _defaultValues$index;
 
@@ -291,7 +381,7 @@ var MetaFieldsEdit = function MetaFieldsEdit(props) {
         onClick: function onClick() {
           return remove(field.name);
         }
-      }))), refIds[index] && /*#__PURE__*/React.createElement("div", {
+      }))), (refIds[index] || refSchema[index]) && /*#__PURE__*/React.createElement("div", {
         style: {
           border: '1px solid #d9d9d9',
           padding: '10px',

package/es/comps/MetadataEdit/index.js

@@ -128,7 +128,7 @@ var MetadataEdit = function MetadataEdit(props) {
 
     var _properties_ref = metaSchemaRef.current.properties || [];
 
-    var _properties = _properties_from.length <= _properties_ref.length ? _properties_ref : _properties_from;
+    var _properties = _properties_from.length >= _properties_ref.length ? _properties_from : _properties_ref;
 
     var _curFields = _properties[index];
 

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

@@ -8,7 +8,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-05-05 09:43:38
+ * @LastEditTime: 2022-05-06 12:08:47
  */
 import React from 'react';
 import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';
@@ -49,7 +49,7 @@ function Index(props) {
   }, [name, id]);
   React.useEffect(function () {
     if (items && items.refId) {
-      var arr = items.refId.split(':');
+      var arr = items.refId.split('.');
       setHelp(arr[arr.length - 1]);
     }
   }, [items]);

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

@@ -169,7 +169,7 @@ function Index(props) {
       value: {
         fields: refFieldsRef.current
       }
-    }, renderForm(schema, formOptions))));
+    }, renderForm(schema, formOptions, formContext.stream$))));
   }
 
   if (isRefForm && field && schema.length > 0) {
@@ -184,7 +184,7 @@ function Index(props) {
       value: {
         fields: refFieldsRef.current
       }
-    }, renderForm(schema, formOptions))));
+    }, renderForm(schema, formOptions, formContext.stream$))));
   }
 
   return !field ? /*#__PURE__*/React.createElement(_Form.Item, {

package/es/comps/MetadataForm/index.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
@@ -46,6 +47,8 @@ var MetadataForm = function MetadataForm(props) {
     if ((p === null || p === void 0 ? void 0 : p.type) === 'onSelectChange') {
       onSelectChange && onSelectChange(p.payload);
     }
+
+    if ((p === null || p === void 0 ? void 0 : p.type) === 'onRenderAfter') {}
   }, [stream$]);
   var options = React.useMemo(function () {
     return {
@@ -73,7 +76,7 @@ var MetadataForm = function MetadataForm(props) {
     if (refId && !schema) {
       var server = new MetadataService();
       server.GetMetadataDetailById(refId).then(function (res) {
-        var _schema = JSON.parse(res.schema);
+        var _schema = JSON.parse(res.schema) || [];
 
         setMySchema(_toConsumableArray(_schema));
       });
@@ -94,6 +97,13 @@ var MetadataForm = function MetadataForm(props) {
 
     return function () {};
   }, [mySchma]);
+  React.useEffect(function () {
+    if (initialValues) {
+      setTimeout(function () {
+        form.setFieldsValue(_objectSpread({}, initialValues));
+      }, 500);
+    }
+  }, [initialValues]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MetadataFormContext.Provider, {
     value: {
       fields: fields,
@@ -110,11 +120,11 @@ var MetadataForm = function MetadataForm(props) {
     },
     layout: "horizontal",
     form: form,
-    name: "control-hooks",
-    initialValues: initialValues,
+    name: "control-hooks" // initialValues={initialValues}
+    ,
     onFinish: onFinish,
     onValuesChange: onValuesChange
-  }, renderForm(mySchma, options))));
+  }, renderForm(mySchma, options, stream$))));
 };
 
 export default MetadataForm;

package/es/comps/MetadataForm/utils.d.ts

@@ -11,4 +11,4 @@ export declare function getDataCell(item: any, options: IFormOptions): JSX.Eleme
  * @param isObj 是否是个对象
  * @returns
  */
-export declare function renderForm(schemaRef: any[], options: IFormOptions): JSX.Element;
+export declare function renderForm(schemaRef: any[], options: IFormOptions, stream$?: any): JSX.Element;

package/es/comps/MetadataForm/utils.js

@@ -5,7 +5,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-04-15 10:50:40
+ * @LastEditTime: 2022-05-06 11:24:37
  */
 import React from 'react';
 import Input from './DataCell/Input';
@@ -53,7 +53,7 @@ export function getDataCell(item, options) {
  * @returns
  */
 
-export function renderForm(schemaRef, options) {
+export function renderForm(schemaRef, options, stream$) {
   if (schemaRef.length === 0) return /*#__PURE__*/React.createElement(_Spin, null);
   var _schema = schemaRef[0];
   var _properties = _schema.properties;
@@ -63,5 +63,47 @@ export function renderForm(schemaRef, options) {
     _form.push(getDataCell(_properties[i], options));
   }
 
+  hasRenderAfter(_form, stream$);
   return /*#__PURE__*/React.createElement(React.Fragment, null, _form);
+}
+var __ref__ = [];
+var __count__ = 0;
+
+function hasRenderAfter(_form, stream$) {
+  var _loop = function _loop(i) {
+    if (_form[i].props.type === 'ref') {
+      if (__ref__.findIndex(function (it) {
+        return it === _form[i].key;
+      }) === -1) {
+        __ref__.push(_form[i].key);
+      }
+    } // if (_form[i].props.type === 'array' && _form[i].props.items.type === 'ref') {
+    //   if (__ref__.findIndex((it) => it === _form[i].key) === -1) {
+    //     __ref__.push(_form[i].key);
+    //   }
+    // }
+
+  };
+
+  for (var i = 0; i < _form.length; i++) {
+    _loop(i);
+  }
+
+  var idx = _form.findIndex(function (it) {
+    return it.props.type === 'ref';
+  }); // 表单渲染结束
+
+
+  if (idx === -1) {
+    __count__ = __count__ + 1;
+
+    if (__count__ === __ref__.length && __ref__.length !== 0) {
+      stream$ && stream$.next({
+        type: 'onRenderAfter',
+        payload: ''
+      });
+      __ref__ = [];
+      __count__ = 0;
+    }
+  }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "public": true,
   "name": "ronds-metadata",
-  "version": "1.0.76",
+  "version": "1.0.79",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -64,7 +64,7 @@
     "@types/react-window": "^1.8.2",
     "@types/styled-components": "^5.1.2",
     "@umijs/test": "^3.0.5",
-    "antd": "^4.16.6",
+    "antd": "^4.18.1",
     "babel-loader": "^8.1.0",
     "css-loader": "^4.2.2",
     "dumi": "^1.0.16",