ronds-metadata 1.0.77 → 1.0.80

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();
           }
@@ -148,47 +157,92 @@ var MetaFieldsEdit = function MetaFieldsEdit(props) {
             }];
             _refIds = refIds;
             _ruleTypes = ruleTypes;
-            _context3.next = 5;
+
+            if (!(_defaultValues[0].refId.indexOf('Rule.Form') > -1)) {
+              _context3.next = 6;
+              break;
+            }
+
+            _context3.next = 6;
             return processSpecialRuleData(_defaultValues[0].refId, 0);
 
-          case 5:
+          case 6:
             _refIds[0] = _defaultValues[0].refId;
-            _ruleTypes[0] = 'ref';
             setRefIds(_objectSpread({}, _refIds));
+            _ruleTypes[0] = 'ref';
             setRuleTypes(_objectSpread({}, _ruleTypes));
             form.setFieldsValue({
               fields: _defaultValues
             });
 
-          case 10:
+          case 11:
           case "end":
             return _context3.stop();
         }
       }
     }, _callee3);
-  })), []);
-  React.useEffect(function () {
-    if (defaultValues) {
-      form.setFieldsValue({
-        fields: defaultValues
-      });
-      var _ruleTypes = ruleTypes;
-      var _refIds = refIds;
+  })), [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;
 
-      for (var i = 0; i < defaultValues.length; i++) {
-        _ruleTypes[i] = defaultValues[i].type;
+            if (!(defaultValues[i].type === 'ref')) {
+              _context4.next = 11;
+              break;
+            }
 
-        if (defaultValues[i].type === 'ref') {
-          _refIds[i] = defaultValues[i].refId;
+            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();
         }
       }
-
-      setRefIds(_objectSpread({}, _refIds));
-      setRuleTypes(_objectSpread({}, _ruleTypes));
+    }, _callee4);
+  })), [form]);
+  React.useEffect(function () {
+    if (defaultValues) {
+      processDefaultValues();
     } else {
       processInitRule();
     }
-  }, [defaultValues, form, processInitRule]);
+  }, [defaultValues, processInitRule, processDefaultValues]);
 
   var onFinish = function onFinish(values) {
     var _fields = values.fields;
@@ -222,9 +276,9 @@ var MetaFieldsEdit = function MetaFieldsEdit(props) {
     }
   }, /*#__PURE__*/React.createElement(_Form.List, {
     name: "fields"
-  }, function (fields, _ref4) {
-    var add = _ref4.add,
-        remove = _ref4.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;
 
@@ -327,9 +381,9 @@ 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',
+          border: 'var(--color-border-1)',
           padding: '10px',
           marginBottom: '10px'
         }

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

@@ -130,7 +130,7 @@ var MetaPropsEdit = function MetaPropsEdit(props) {
           case 'number':
             return /*#__PURE__*/React.createElement("div", {
               style: {
-                border: '1px solid #d9d9d9',
+                border: 'var(--color-border-1)',
                 padding: '10px',
                 marginBottom: '10px'
               }
@@ -154,7 +154,7 @@ var MetaPropsEdit = function MetaPropsEdit(props) {
           case 'ref':
             return /*#__PURE__*/React.createElement("div", {
               style: {
-                border: '1px solid #d9d9d9',
+                border: '1px solid var(--color-border-1)',
                 padding: '10px',
                 display: 'flex',
                 alignItems: 'center',
@@ -214,7 +214,7 @@ var MetaPropsEdit = function MetaPropsEdit(props) {
           case 'array':
             return /*#__PURE__*/React.createElement("div", {
               style: {
-                border: '1px solid #d9d9d9',
+                border: '1px solid var(--color-border-1)',
                 borderRadius: '5px',
                 padding: '10px',
                 marginBottom: '10px',
@@ -301,7 +301,7 @@ var MetaPropsEdit = function MetaPropsEdit(props) {
           case 'enum':
             return /*#__PURE__*/React.createElement("div", {
               style: {
-                border: '1px solid #d9d9d9',
+                border: '1px solid var(--color-border-1)',
                 padding: '10px',
                 marginBottom: '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/MetadataEditV2/components/MetaFieldsEdit.js

@@ -208,7 +208,7 @@ var MetaFieldsEdit = function MetaFieldsEdit(props) {
         }
       }))), refIds[index] && /*#__PURE__*/React.createElement("div", {
         style: {
-          border: '1px solid #d9d9d9',
+          border: '1px solid var(--color-border-1)',
           padding: '10px',
           marginBottom: '10px'
         }

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

@@ -158,7 +158,7 @@ var MetaPropsEdit = function MetaPropsEdit(props) {
           case 'number':
             return /*#__PURE__*/React.createElement("div", {
               style: {
-                border: '1px solid #d9d9d9',
+                border: '1px solid var(--color-border-1)',
                 padding: '10px',
                 marginBottom: '10px'
               }
@@ -179,7 +179,7 @@ var MetaPropsEdit = function MetaPropsEdit(props) {
           case 'ref':
             return /*#__PURE__*/React.createElement("div", {
               style: {
-                border: '1px solid #d9d9d9',
+                border: '1px solid var(--color-border-1)',
                 padding: '10px',
                 display: 'flex',
                 alignItems: 'center',
@@ -231,7 +231,7 @@ var MetaPropsEdit = function MetaPropsEdit(props) {
           case 'array':
             return /*#__PURE__*/React.createElement("div", {
               style: {
-                border: '1px solid #d9d9d9',
+                border: '1px solid var(--color-border-1)',
                 borderRadius: '5px',
                 padding: '10px',
                 marginBottom: '10px',
@@ -309,7 +309,7 @@ var MetaPropsEdit = function MetaPropsEdit(props) {
           case 'enum':
             return /*#__PURE__*/React.createElement("div", {
               style: {
-                border: '1px solid #d9d9d9',
+                border: '1px solid var(--color-border-1)',
                 padding: '10px',
                 marginBottom: '10px'
               }

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-07 10:48:55
  */
 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]);
@@ -73,7 +73,7 @@ function Index(props) {
   }, help || (items === null || items === void 0 ? void 0 : items.type))), /*#__PURE__*/React.createElement("div", {
     style: {
       padding: '10px',
-      border: '1px solid #d9d9d9',
+      border: '1px solid var(--color-border-1)',
       width: '100%',
       borderRadius: '4px'
     }

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

@@ -161,7 +161,7 @@ function Index(props) {
     }, extraInfo.label || id)), /*#__PURE__*/React.createElement("div", {
       style: {
         padding: '10px',
-        border: '1px solid #d9d9d9',
+        border: '1px solid var(--color-border-1)',
         width: '100%',
         borderRadius: '4px'
       }
@@ -169,14 +169,14 @@ function Index(props) {
       value: {
         fields: refFieldsRef.current
       }
-    }, renderForm(schema, formOptions))));
+    }, renderForm(schema, formOptions, formContext.stream$))));
   }
 
   if (isRefForm && field && schema.length > 0) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       style: {
         padding: '10px',
-        border: '1px solid #d9d9d9',
+        border: '1px solid var(--color-border-1)',
         width: '100%',
         borderRadius: '4px'
       }
@@ -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 13:43:47
  */
 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;

package/es/config.d.ts

@@ -1,14 +1,17 @@
+import { BehaviorSubject } from 'rxjs/internal/BehaviorSubject';
 export interface IConfig {
     /** 多语言 */
     locale: 'zh-CN' | 'en-US';
+    theme: 'normal' | 'dark';
     msgpack: boolean;
     openLoading: boolean;
     baseUrl: string;
 }
+export declare const cssPrefix = "ronds-metadata";
+export declare const globalSettingStream: BehaviorSubject<IConfig>;
 /** 设置配置 */
 export declare const setConfig: (opts: Partial<IConfig>) => void;
 /**  获取单个配置 */
 export declare function getConfigByKey<K extends keyof IConfig>(key: K): IConfig[K];
 /**  获取全部配置 */
 export declare const getConfig: () => IConfig;
-export declare const cssPrefix = "ronds-base-chart";

package/es/config.js

@@ -1,10 +1,31 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { BehaviorSubject } from 'rxjs/internal/BehaviorSubject';
+import { distinctUntilChanged } from 'rxjs/internal/operators/distinctUntilChanged';
+import { map } from 'rxjs/internal/operators/map';
+import * as jq from './framework/libs/jquery.min.js';
+window.jQuery = window.jQuery || jq;
 var defaultConfig = {
   locale: 'zh-CN',
+  theme: 'normal',
   msgpack: false,
   openLoading: true,
   baseUrl: '/phm'
 };
+export var cssPrefix = 'ronds-metadata';
+export var globalSettingStream = new BehaviorSubject({
+  locale: 'zh-CN',
+  theme: 'normal',
+  msgpack: false,
+  openLoading: true,
+  baseUrl: '/phm'
+});
+globalSettingStream.pipe(map(function (p) {
+  return p.theme;
+}), distinctUntilChanged()).subscribe(function (p) {
+  window.jQuery('body').removeClass("".concat(cssPrefix, "-dark"));
+  window.jQuery('body').removeClass("".concat(cssPrefix, "-normal"));
+  window.jQuery('body').addClass("".concat(cssPrefix, "-").concat(p));
+});
 var config = defaultConfig;
 /** 设置配置 */
 
@@ -20,5 +41,4 @@ export function getConfigByKey(key) {
 
 export var getConfig = function getConfig() {
   return config;
-};
-export var cssPrefix = 'ronds-base-chart';
+};