ronds-metadata 1.1.87 → 1.1.89

package/es/comps/FormGenerator/settings/index.js

@@ -1,31 +1,61 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+
 /*
  * @Author: wangxian
  * @Date: 2023-02-06 08:24:17
- * @LastEditTime: 2023-02-09 14:09:26
+ * @LastEditTime: 2023-02-14 14:30:30
  */
 import { RefRule, Rule } from './ruleConfig';
 export var inputSchema = [{
   id: 'inputSchema',
   type: 'object',
-  properties: [Rule.common.id, Rule.common.label, Rule.common.color, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.placeholder, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props, RefRule.common.rules.props],
-  types: [RefRule.common.depend.types]
+  properties: [Rule.common.id, Rule.common.label, Rule.common.color, Rule.common.colSpan, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.placeholder, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props, RefRule.common.rules.props],
+  types: [].concat(_toConsumableArray(RefRule.common.depend.types), _toConsumableArray(RefRule.common.rules.types))
 }];
 export var textareaSchema = [{
   id: 'textareaSchema',
   type: 'object',
-  properties: [Rule.common.id, Rule.common.label, Rule.common.color, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.placeholder, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props, RefRule.common.rules.props],
-  types: [RefRule.common.depend.types]
+  properties: [Rule.common.id, Rule.common.label, Rule.common.color, Rule.common.colSpan, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.placeholder, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props, RefRule.common.rules.props],
+  types: [].concat(_toConsumableArray(RefRule.common.depend.types), _toConsumableArray(RefRule.common.rules.types))
 }];
 export var dateSchema = [{
-  id: 'textareaSchema',
+  id: 'dateSchema',
+  type: 'object',
+  properties: [Rule.common.id, Rule.common.label, Rule.common.color, Rule.common.colSpan, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.placeholder, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props, RefRule.common.rules.props, RefRule.text.props],
+  types: [].concat(_toConsumableArray(RefRule.common.depend.types), _toConsumableArray(RefRule.text.types), _toConsumableArray(RefRule.common.rules.types))
+}];
+export var numberSchema = [{
+  id: 'numberSchema',
+  type: 'object',
+  properties: [Rule.common.id, Rule.common.label, Rule.common.color, Rule.common.colSpan, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.placeholder, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props, RefRule.common.rules.props],
+  types: [].concat(_toConsumableArray(RefRule.common.depend.types), _toConsumableArray(RefRule.common.rules.types))
+}];
+export var switchSchema = [{
+  id: 'switchSchema',
   type: 'object',
-  properties: [Rule.common.id, Rule.common.label, Rule.common.color, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.placeholder, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props, RefRule.common.rules.props, RefRule.text.props],
-  types: [RefRule.common.depend.types, RefRule.text.types]
+  properties: [Rule.common.id, Rule.common.label, Rule.common.color, Rule.common.colSpan, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props],
+  types: _toConsumableArray(RefRule.common.depend.types)
+}];
+export var selectSchema = [{
+  id: 'selectSchema',
+  type: 'object',
+  properties: [Rule.common.id, Rule.common.label, RefRule.enum.props, Rule.common.color, Rule.common.colSpan, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props],
+  types: [].concat(_toConsumableArray(RefRule.common.depend.types), _toConsumableArray(RefRule.enum.types))
+}];
+export var mutiSelectSchema = [{
+  id: 'mutiSelectSchema',
+  type: 'object',
+  properties: [Rule.common.id, Rule.common.label, RefRule.enum.props, Rule.common.color, Rule.common.colSpan, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props],
+  types: [].concat(_toConsumableArray(RefRule.common.depend.types), _toConsumableArray(RefRule.enum.types))
 }];
 export var settingSchema = {
   input: inputSchema,
   textarea: textareaSchema,
-  dateSchema: dateSchema
+  date: dateSchema,
+  numebr: numberSchema,
+  switch: switchSchema,
+  select: selectSchema,
+  mutiSelect: mutiSelectSchema
 };
 export var inputParam = {
   type: 'text',
@@ -40,10 +70,29 @@ export var textareaParam = {
 };
 export var dateParam = {
   type: 'text',
-  schema: settingSchema.dateSchema,
+  schema: settingSchema.date,
   rule: {
     type: 'datePicker'
   }
+};
+export var numberParam = {
+  type: 'number',
+  schema: settingSchema.numebr
+};
+export var switchParam = {
+  type: 'bool',
+  schema: settingSchema.switch
+};
+export var selectParam = {
+  type: 'enum',
+  schema: settingSchema.select
+};
+export var mutiSelectParam = {
+  type: 'enum',
+  schema: settingSchema.mutiSelect,
+  rule: {
+    isMutiple: true
+  }
 }; // 基础组件列表渲染
 
 export var basicComps = [{
@@ -65,30 +114,34 @@ export var basicComps = [{
   id: 'number',
   name: '数字输入框',
   type: 'number',
-  param: inputParam
+  param: numberParam
 }, {
   id: 'switch',
   name: '开关',
   type: 'switch',
-  param: inputParam
+  param: switchParam
 }, {
   id: 'select',
   name: '下拉单选',
   type: 'select',
-  param: inputParam
+  param: selectParam
 }, {
   id: 'mutiSelect',
   name: '下拉多选',
   type: 'mutiSelect',
-  param: inputParam
+  param: mutiSelectParam
 }]; // 布局组件列表渲染
 
 export var layoutComps = [{
   id: 'obj',
-  name: '对象'
+  name: '对象',
+  type: 'obj',
+  param: inputParam
 }, {
   id: 'list',
-  name: '常规列表'
+  name: '常规列表',
+  type: 'list',
+  param: inputParam
 }]; // Sidebar 内容配置
 
 export var sidebarCtx = [{
@@ -202,5 +255,6 @@ export var streamEventType = {
   onNodeDelete: 'onNodeDelete',
   onNodeCopy: 'onNodeCopy',
   onClearCanvas: 'onClearCanvas',
-  onSettingValueChange: 'onSettingValueChange'
+  onSettingValueChange: 'onSettingValueChange',
+  onDropOver: 'onDropOver'
 };

package/es/comps/FormGenerator/settings/ruleConfig.d.ts

@@ -38,6 +38,25 @@ export declare const Rule: {
                 };
             }[];
         };
+        colSpan: {
+            id: string;
+            type: string;
+            fields: {
+                id: string;
+                refId: string;
+                type: string;
+                value: {
+                    'common-en-US': {
+                        depend: {};
+                    };
+                    common: {
+                        label: string;
+                        tooltip: string;
+                        help: string;
+                    };
+                };
+            }[];
+        };
         defaultValue: {
             id: string;
             type: string;
@@ -238,6 +257,7 @@ export declare const Rule: {
             }[];
         };
     };
+    enum: {};
 };
 export declare const RefRule: {
     common: {
@@ -277,7 +297,7 @@ export declare const RefRule: {
                         };
                     }[];
                 }[];
-            };
+            }[];
         };
         rules: {
             props: {
@@ -319,7 +339,7 @@ export declare const RefRule: {
                         };
                     }[];
                 }[];
-            };
+            }[];
         };
     };
     text: {
@@ -359,6 +379,35 @@ export declare const RefRule: {
                     };
                 }[];
             }[];
+        }[];
+    };
+    enum: {
+        props: {
+            id: string;
+            type: string;
+            refId: string;
+            fields: {
+                id: string;
+                type: string;
+                refId: string;
+                value: {
+                    common: {
+                        label: string;
+                    };
+                    ref: {
+                        titleHidden: boolean;
+                    };
+                    'common-en-US': {};
+                };
+            }[];
         };
+        types: {
+            id: string;
+            type: string;
+            properties: {
+                id: string;
+                type: string;
+            }[];
+        }[];
     };
 };

package/es/comps/FormGenerator/settings/ruleConfig.js

@@ -1,7 +1,9 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+
 /*
  * @Author: wangxian
  * @Date: 2023-02-08 10:36:25
- * @LastEditTime: 2023-02-09 14:08:23
+ * @LastEditTime: 2023-02-10 19:38:32
  */
 import { DEFAULT_DATE_FORMAT } from '../../../comps/MetadataForm/DataCell/Input';
 export var Rule = {
@@ -44,6 +46,25 @@ export var Rule = {
         }
       }]
     },
+    colSpan: {
+      id: 'colSpan',
+      type: 'number',
+      fields: [{
+        id: 'Rule.Form',
+        refId: 'com.ronds.schema.default.Rule.Form',
+        type: 'ref',
+        value: {
+          'common-en-US': {
+            depend: {}
+          },
+          common: {
+            label: '组件布局',
+            tooltip: '默认按照整体布局配置排布',
+            help: '这里填写表单整体布局的倍数，最大一行'
+          }
+        }
+      }]
+    },
     defaultValue: {
       id: 'defaultValue',
       type: 'text',
@@ -265,6 +286,172 @@ export var Rule = {
         }
       }]
     }
+  },
+  enum: {}
+};
+var Ref2Rule = {
+  enum: {
+    value: {
+      props: {
+        id: 'value',
+        type: 'array',
+        items: {
+          type: 'ref',
+          refId: 'enumValueRule'
+        },
+        fields: [{
+          id: 'com.ronds.schema.default.Rule.Form.Common',
+          type: 'ref',
+          refId: 'com.ronds.schema.default.Rule.Form.Common',
+          value: {
+            common: {
+              label: '枚举值'
+            },
+            'common-en-US': {},
+            array: {
+              layout: 'table',
+              rowNumber: 4
+            }
+          }
+        }]
+      },
+      types: [{
+        id: 'enumValueRule',
+        type: 'object',
+        properties: [{
+          id: 'key',
+          type: 'text'
+        }, {
+          id: 'value',
+          type: 'text'
+        }]
+      }]
+    },
+    http: {
+      props: {
+        id: 'http',
+        type: 'ref',
+        refId: 'httpRef',
+        fields: [{
+          id: 'Rule.Form',
+          type: 'ref',
+          refId: 'com.ronds.schema.default.Rule.Form',
+          value: {
+            common: {
+              label: '动态枚举值',
+              tooltip: '通过接口调用获取枚举值'
+            },
+            'common-en-US': {}
+          }
+        }]
+      },
+      types: [{
+        id: 'httpRef',
+        type: 'object',
+        properties: [{
+          id: 'url',
+          type: 'text',
+          fields: [{
+            id: 'Rule.Form',
+            type: 'ref',
+            refId: 'com.ronds.schema.default.Rule.Form',
+            value: {
+              text: {},
+              common: {
+                label: '请求URL'
+              },
+              'common-en-US': {}
+            }
+          }]
+        }, {
+          id: 'method',
+          type: 'enum',
+          enum: [{
+            value: 'get'
+          }, {
+            value: 'post'
+          }],
+          fields: [{
+            id: 'Rule.Form',
+            type: 'ref',
+            refId: 'com.ronds.schema.default.Rule.Form',
+            value: {
+              text: {},
+              common: {
+                label: '请求方法',
+                defaultValue: 'get'
+              },
+              'common-en-US': {}
+            }
+          }]
+        }, {
+          id: 'body',
+          type: 'text',
+          fields: [{
+            id: 'Rule.Form',
+            type: 'ref',
+            refId: 'com.ronds.schema.default.Rule.Form',
+            value: {
+              text: {},
+              common: {
+                label: 'Body参数',
+                help: '支持Json字符串，系统会自动序列化',
+                depend: {// show: `method=='post'`,
+                }
+              },
+              'common-en-US': {}
+            }
+          }]
+        }, {
+          id: 'key',
+          type: 'text',
+          fields: [{
+            id: 'Rule.Form',
+            type: 'ref',
+            refId: 'com.ronds.schema.default.Rule.Form',
+            value: {
+              text: {},
+              common: {
+                label: 'Key的替换属性'
+              },
+              'common-en-US': {}
+            }
+          }]
+        }, {
+          id: 'value',
+          type: 'text',
+          fields: [{
+            id: 'Rule.Form',
+            type: 'ref',
+            refId: 'com.ronds.schema.default.Rule.Form',
+            value: {
+              text: {},
+              common: {
+                label: 'Vaule的替换属性'
+              },
+              'common-en-US': {}
+            }
+          }]
+        }, {
+          id: 'watch',
+          type: 'text',
+          fields: [{
+            id: 'Rule.Form',
+            type: 'ref',
+            refId: 'com.ronds.schema.default.Rule.Form',
+            value: {
+              text: {},
+              common: {
+                label: '监听',
+                help: '监听多个属性，用英文逗号隔开',
+                placeholder: 'id,name'
+              },
+              'common-en-US': {}
+            }
+          }]
+        }]
+      }]
+    }
   }
 };
 export var RefRule = {
@@ -286,11 +473,11 @@ export var RefRule = {
           }
         }]
       },
-      types: {
+      types: [{
         id: 'dependRule',
         type: 'object',
         properties: [Rule.depend.show, Rule.depend.hidden]
-      }
+      }]
     },
     rules: {
       props: {
@@ -313,11 +500,11 @@ export var RefRule = {
           }
         }]
       },
-      types: {
+      types: [{
         id: 'rulesRule',
         type: 'object',
         properties: [Rule.rules.regExp, Rule.rules.message]
-      }
+      }]
     }
   },
   text: {
@@ -337,10 +524,36 @@ export var RefRule = {
         }
       }]
     },
-    types: {
+    types: [{
       id: 'textRule',
       type: 'object',
       properties: [Rule.text.format]
-    }
+    }]
+  },
+  enum: {
+    props: {
+      id: 'enum',
+      type: 'ref',
+      refId: 'enumRule',
+      fields: [{
+        id: 'Rule.Form',
+        type: 'ref',
+        refId: 'com.ronds.schema.default.Rule.Form',
+        value: {
+          common: {
+            label: '高级设置'
+          },
+          ref: {
+            titleHidden: true
+          },
+          'common-en-US': {}
+        }
+      }]
+    },
+    types: [{
+      id: 'enumRule',
+      type: 'object',
+      properties: [Ref2Rule.enum.value.props, Ref2Rule.enum.http.props]
+    }].concat(_toConsumableArray(Ref2Rule.enum.value.types), _toConsumableArray(Ref2Rule.enum.http.types))
   }
 };

package/es/comps/FormGenerator/transformer.js

@@ -4,7 +4,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 /*
  * @Author: wangxian
  * @Date: 2023-02-08 14:45:46
- * @LastEditTime: 2023-02-09 14:50:08
+ * @LastEditTime: 2023-02-10 18:18:23
  */
 import { deepClone } from '../../utils';
 var EMPTY_OBJ = [{
@@ -39,7 +39,7 @@ var renderProp = function renderProp(node, setting) {
   _prop.type = node.param.type;
   _prop.fields[0].value = _objectSpread(_objectSpread({}, _setting), {}, _defineProperty({
     label: (_setting === null || _setting === void 0 ? void 0 : _setting.label) || node.name
-  }, node.param.type, _objectSpread({}, node.param.rule || {})));
+  }, node.param.type, _objectSpread({}, node.param.rule || _objectSpread({}, _setting[node.param.type]))));
   return _prop;
 }; // FG配置生成 metedata
 

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

@@ -12,11 +12,11 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2023-02-04 09:02:03
+ * @LastEditTime: 2023-02-10 14:10:03
  */
 import React from 'react';
 import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';
-import { MetadataFormContext } from '../interface';
+import { MetadataFormContext, MetadataRefContext } from '../interface';
 import { useGetExtraInfo, useWatchDepend } from '../hooks';
 import { getDataCell } from '../utils';
 import { deepClone } from '../../../utils';
@@ -34,7 +34,21 @@ function Index(props) {
       name = props.name,
       disabled = props.disabled;
   var formContext = React.useContext(MetadataFormContext) || {};
-  var extraInfo = useGetExtraInfo(formContext.fields, id, formContext.form, props.type);
+  var refContext = React.useContext(MetadataRefContext) || {};
+
+  var _fileds = React.useMemo(function () {
+    var ff = formContext === null || formContext === void 0 ? void 0 : formContext.fields;
+
+    if (refContext === null || refContext === void 0 ? void 0 : refContext.fields) {
+      refContext === null || refContext === void 0 ? void 0 : refContext.fields.forEach(function (v, k) {
+        ff.set(k, v);
+      });
+    }
+
+    return ff;
+  }, [formContext === null || formContext === void 0 ? void 0 : formContext.fields, refContext === null || refContext === void 0 ? void 0 : refContext.fields]);
+
+  var extraInfo = useGetExtraInfo(formContext === null || formContext === void 0 ? void 0 : formContext.fields, id, formContext.form, props.type);
 
   var _React$useState = React.useState(),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -99,7 +113,7 @@ function Index(props) {
     rowNumber: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.rowNumber) || 10,
     refId: items.refId,
     form: formContext.form,
-    name: id
+    name: myName
   }) : /*#__PURE__*/React.createElement("div", {
     style: {
       padding: '10px',

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

@@ -20,13 +20,14 @@ import _Cascader from "antd/es/cascader";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2023-02-09 14:24:16
+ * @LastEditTime: 2023-02-14 08:54:35
  */
 import React from 'react';
 import { MetadataFormContext, MetadataRefContext } from '../interface';
@@ -82,13 +83,60 @@ function Index(props) {
     // 判断是否有 watch的扩展属性
     var _watch = extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$http = extraInfo.http) === null || _extraInfo$http === void 0 ? void 0 : _extraInfo$http.watch;
 
-    if (_watch && (p === null || p === void 0 ? void 0 : p.type) === 'onSelectChange') {
-      var _value = p === null || p === void 0 ? void 0 : p.payload[_watch];
+    if (_watch && (p === null || p === void 0 ? void 0 : p.type) === 'onValuesChange') {
+      var _watchArr = _watch.split(',');
 
-      if (_value) {
-        setWatchValue(_value);
-        watchValueRef.current = _value;
-        formContext.form.setFieldsValue(_defineProperty({}, id, undefined));
+      if (_watchArr.length === 1) {
+        var _p$payload, _p$payload2;
+
+        var _value = p === null || p === void 0 ? void 0 : (_p$payload = p.payload) === null || _p$payload === void 0 ? void 0 : _p$payload.allVals[_watchArr[0]];
+
+        if (_value) {
+          if ((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.http.method) === 'post') {
+            var _wRef = watchValueRef.current || {};
+
+            _wRef[_watchArr[0]] = _value;
+            watchValueRef.current = _wRef;
+            setWatchValue(_value);
+          } else {
+            setWatchValue(_value.toString());
+            watchValueRef.current = _value;
+          }
+        }
+
+        if (p === null || p === void 0 ? void 0 : (_p$payload2 = p.payload) === null || _p$payload2 === void 0 ? void 0 : _p$payload2.val[_watchArr[0]]) {
+          setTimeout(function () {
+            formContext.form.setFieldsValue(_defineProperty({}, id, undefined));
+          }, 100);
+        }
+      } else {
+        var b = false;
+
+        for (var i = 0; i < _watchArr.length; i++) {
+          var _p$payload3;
+
+          var w = _watchArr[i];
+
+          var _value2 = p === null || p === void 0 ? void 0 : (_p$payload3 = p.payload) === null || _p$payload3 === void 0 ? void 0 : _p$payload3.allVals[w];
+
+          if (_value2) {
+            var _p$payload4;
+
+            var _wRef2 = watchValueRef.current || {};
+
+            _wRef2[w] = _value2;
+            watchValueRef.current = _wRef2;
+            b = p === null || p === void 0 ? void 0 : (_p$payload4 = p.payload) === null || _p$payload4 === void 0 ? void 0 : _p$payload4.val[w];
+          }
+        }
+
+        setWatchValue(_objectSpread({}, watchValueRef.current));
+
+        if (b) {
+          setTimeout(function () {
+            formContext.form.setFieldsValue(_defineProperty({}, id, undefined));
+          }, 100);
+        }
       }
     }
   }, [formContext.stream$, extraInfo]);
@@ -105,11 +153,13 @@ function Index(props) {
               _url = page ? http.url.replace('{page}', page) : _url;
 
               if (watchValueRef.current) {
-                _url = _url.replace('{watch}', watchValueRef.current);
+                if (typeof watchValueRef.current === 'string') {
+                  _url = _url.replace('{watch}', watchValueRef.current);
+                }
               }
 
               _context.next = 6;
-              return server.GetEnumDataByUrl(_url);
+              return server.GetEnumDataByUrl(_url, http.method, (http === null || http === void 0 ? void 0 : http.body) && JSON.parse(http === null || http === void 0 ? void 0 : http.body) ? _objectSpread(_objectSpread({}, JSON.parse(http === null || http === void 0 ? void 0 : http.body)), watchValueRef.current || {}) : watchValueRef.current);
 
             case 6:
               res = _context.sent;

package/es/comps/MetadataForm/DataCell/layout/TableArray.d.ts

@@ -1,6 +1,6 @@
 import { FormInstance } from 'antd';
 interface ITableArrayProps {
-    name: string;
+    name: string | string[];
     form: FormInstance;
     refId: string;
     initEnumValue: any[];