ronds-metadata 1.1.82 → 1.1.84

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

@@ -12,19 +12,19 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2023-01-10 15:06:46
+ * @LastEditTime: 2023-02-04 09:02:03
  */
 import React from 'react';
 import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';
 import { MetadataFormContext } from '../interface';
-import { useGetExtraInfo } from '../hooks';
+import { useGetExtraInfo, useWatchDepend } from '../hooks';
 import { getDataCell } from '../utils';
 import { deepClone } from '../../../utils';
 import { tr } from '../../../framework/locale';
 import TableArray from './layout/TableArray';
 
 function Index(props) {
-  var _fieldRule$, _fieldRule$$value, _fieldRule$2, _fieldRule$2$value, _extraInfo$disabled;
+  var _extraInfo$depend, _fieldRule$, _fieldRule$$value, _fieldRule$2, _fieldRule$2$value, _extraInfo$disabled;
 
   var id = props.id,
       items = props.items,
@@ -41,6 +41,7 @@ function Index(props) {
       help = _React$useState2[0],
       setHelp = _React$useState2[1];
 
+  var depend = useWatchDepend(extraInfo.depend, formContext.stream$);
   var myName = React.useMemo(function () {
     var res = [];
 
@@ -59,6 +60,15 @@ function Index(props) {
       setHelp(arr[arr.length - 1]);
     }
   }, [items]);
+
+  if (depend.hidden) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+
+  if ((extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$depend = extraInfo.depend) === null || _extraInfo$depend === void 0 ? void 0 : _extraInfo$depend.show) && !depend.show) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, null, /*#__PURE__*/React.createElement(_Col, {
     span: (formContext === null || formContext === void 0 ? void 0 : formContext.labelSpan) && (formContext === null || formContext === void 0 ? void 0 : formContext.layout) === 'horizontal' ? formContext === null || formContext === void 0 ? void 0 : formContext.labelSpan : 24
   }, !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.titleHidden) && /*#__PURE__*/React.createElement("div", {
@@ -83,6 +93,7 @@ function Index(props) {
     span: (formContext === null || formContext === void 0 ? void 0 : formContext.labelSpan) && (formContext === null || formContext === void 0 ? void 0 : formContext.layout) === 'horizontal' ? 24 - (formContext === null || formContext === void 0 ? void 0 : formContext.labelSpan) : 24
   }, extraInfo.layout === 'table' && items.type === 'ref' ? /*#__PURE__*/React.createElement(TableArray, {
     initValue: formContext.initialValues,
+    initEnumValue: initEnumValue,
     readonly: (_extraInfo$disabled = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled !== void 0 ? _extraInfo$disabled : disabled,
     addButtonHidden: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.addButtonHidden,
     rowNumber: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.rowNumber) || 10,

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

@@ -15,15 +15,17 @@ import _Input from "antd/es/input";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-11-22 15:49:53
+ * @LastEditTime: 2023-02-04 09:02:14
  */
 import React from 'react';
 import { UploadOutlined } from '@ant-design/icons';
 import { MetadataFormContext, MetadataRefContext } from '../interface';
-import { useGetExtraInfo } from '../hooks';
+import { useGetExtraInfo, useWatchDepend } from '../hooks';
 var TextArea = _Input.TextArea;
 
 function Index(props) {
+  var _extraInfo$depend;
+
   var id = props.id,
       isRefForm = props.isRefForm,
       disabled = props.disabled,
@@ -33,6 +35,7 @@ function Index(props) {
   var formContext = React.useContext(MetadataFormContext) || {};
   var formRefContext = React.useContext(MetadataRefContext);
   var extraInfo = useGetExtraInfo(formRefContext ? formRefContext.fields : formContext.fields, id, formContext.form, props.type);
+  var depend = useWatchDepend(extraInfo.depend, formContext.stream$);
 
   var _React$useState = React.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -102,6 +105,14 @@ function Index(props) {
     }
   };
 
+  if (depend.hidden) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+
+  if ((extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$depend = extraInfo.depend) === null || _extraInfo$depend === void 0 ? void 0 : _extraInfo$depend.show) && !depend.show) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+
   if (isObj && isRefForm && field) {
     return /*#__PURE__*/React.createElement(_Form.Item, _extends({}, field, {
       style: {
@@ -110,7 +121,6 @@ function Index(props) {
       },
       label: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.label) || id,
       name: [field === null || field === void 0 ? void 0 : field.name].concat(_toConsumableArray(name)),
-      fieldKey: [field === null || field === void 0 ? void 0 : field.fieldKey],
       rules: [{
         required: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require
       }].concat(_toConsumableArray(rules)),
@@ -138,7 +148,6 @@ function Index(props) {
       paddingRight: '10px'
     },
     name: [field === null || field === void 0 ? void 0 : field.name],
-    fieldKey: [field === null || field === void 0 ? void 0 : field.fieldKey],
     rules: [{
       required: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require
     }].concat(_toConsumableArray(rules)),

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

@@ -9,14 +9,14 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-12-08 13:45:40
+ * @LastEditTime: 2023-02-04 09:03:08
  */
 import React from 'react';
 import { MetadataFormContext, MetadataRefContext } from '../interface';
-import { useGetExtraInfo } from '../hooks';
+import { useGetExtraInfo, useWatchDepend } from '../hooks';
 
 function Index(props) {
-  var _extraInfo$disabled2, _extraInfo$disabled3;
+  var _extraInfo$depend, _extraInfo$disabled2, _extraInfo$disabled3;
 
   var id = props.id,
       name = props.name,
@@ -33,6 +33,7 @@ function Index(props) {
       rules = _React$useState2[0],
       setRules = _React$useState2[1];
 
+  var depend = useWatchDepend(extraInfo.depend, formContext.stream$);
   React.useEffect(function () {
     var _rules = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.rules;
 
@@ -48,6 +49,14 @@ function Index(props) {
     }
   }, [extraInfo]);
 
+  if (depend.hidden) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+
+  if ((extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$depend = extraInfo.depend) === null || _extraInfo$depend === void 0 ? void 0 : _extraInfo$depend.show) && !depend.show) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+
   if (isObj && isRefForm && field) {
     var _extraInfo$disabled;
 

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

@@ -18,12 +18,12 @@ import React from 'react';
 import { CaretDownOutlined, CaretUpOutlined } from '@ant-design/icons';
 import { MetadataService } from '../../../framework/metadata/MetadataService';
 import { MetadataFormContext, MetadataRefContext } from '../interface';
-import { useGetExtraInfo } from '../hooks';
+import { useGetExtraInfo, useWatchDepend } from '../hooks';
 import { renderForm } from '../utils';
 import { JsonMetadataProvider } from '../../../framework/metadata';
 
 function Index(props) {
-  var _extraInfo$disabled, _extraInfo$disabled2;
+  var _extraInfo$depend, _extraInfo$disabled, _extraInfo$disabled2;
 
   var id = props.id,
       refId = props.refId,
@@ -63,6 +63,7 @@ function Index(props) {
       help = _React$useState10[0],
       setHelp = _React$useState10[1];
 
+  var depend = useWatchDepend(extraInfo.depend, formContext.stream$);
   var onSearch = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var param, server, res, _options, i, obj;
 
@@ -196,6 +197,14 @@ function Index(props) {
     }
   }, [refId]);
 
+  if (depend.hidden) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+
+  if ((extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$depend = extraInfo.depend) === null || _extraInfo$depend === void 0 ? void 0 : _extraInfo$depend.show) && !depend.show) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+
   if (isRefForm && !field && schema.length > 0) {
     var _fieldRule$, _fieldRule$$value, _fieldRule$2, _fieldRule$2$value, _fieldRule$2$value$co;
 
@@ -290,7 +299,6 @@ function Index(props) {
       width: '100%'
     },
     name: [field === null || field === void 0 ? void 0 : field.name],
-    fieldKey: [field === null || field === void 0 ? void 0 : field.fieldKey],
     rules: [{
       required: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require
     }],

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

@@ -26,11 +26,11 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2023-01-06 15:32:59
+ * @LastEditTime: 2023-02-04 08:51:33
  */
 import React from 'react';
 import { MetadataFormContext, MetadataRefContext } from '../interface';
-import { useGetExtraInfo } from '../hooks';
+import { useGetExtraInfo, useWatchDepend } from '../hooks';
 import { MetadataService } from '../../../framework/metadata/MetadataService';
 import { deepClone } from '../../../utils';
 import { useAsyncMemo } from '../../../framework/hooks/use-async-memo';
@@ -38,7 +38,7 @@ import { tr } from '../../../framework/locale';
 import useObservable from '../../../framework/rxjs-hooks/useObservable';
 
 function Index(props) {
-  var _extraInfo$http6, _extraInfo$http7, _extraInfo$http8, _extraInfo$http9;
+  var _extraInfo$depend, _extraInfo$http6, _extraInfo$http7, _extraInfo$http8, _extraInfo$http9;
 
   var id = props.id,
       name = props.name,
@@ -67,6 +67,7 @@ function Index(props) {
   var watchValueRef = React.useRef();
   var pageRef = React.useRef(1);
   var totalRef = React.useRef();
+  var depend = useWatchDepend(extraInfo.depend, formContext.stream$);
 
   var onSelect = function onSelect(value) {
     formContext.stream$ && formContext.stream$.next({
@@ -361,6 +362,14 @@ function Index(props) {
     }
   };
 
+  if (depend.hidden) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+
+  if ((extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$depend = extraInfo.depend) === null || _extraInfo$depend === void 0 ? void 0 : _extraInfo$depend.show) && !depend.show) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+
   if (isObj && isRefForm && field) {
     var _extraInfo$http4, _extraInfo$http5;
 
@@ -371,7 +380,6 @@ function Index(props) {
       },
       label: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.label) || id,
       name: [field === null || field === void 0 ? void 0 : field.name].concat(_toConsumableArray(name)),
-      fieldKey: [field === null || field === void 0 ? void 0 : field.fieldKey],
       rules: [{
         required: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require
       }],
@@ -399,7 +407,6 @@ function Index(props) {
       paddingRight: '10px'
     },
     name: [field === null || field === void 0 ? void 0 : field.name],
-    fieldKey: [field === null || field === void 0 ? void 0 : field.fieldKey],
     rules: [{
       required: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require
     }],

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

@@ -8,14 +8,14 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-10-10 11:27:41
+ * @LastEditTime: 2023-02-04 09:04:51
  */
 import React from 'react';
 import { MetadataFormContext, MetadataRefContext } from '../interface';
-import { useGetExtraInfo } from '../hooks';
+import { useGetExtraInfo, useWatchDepend } from '../hooks';
 
 function Index(props) {
-  var _extraInfo$disabled2, _extraInfo$disabled3;
+  var _extraInfo$depend, _extraInfo$disabled2, _extraInfo$disabled3;
 
   var id = props.id,
       name = props.name,
@@ -26,6 +26,15 @@ function Index(props) {
   var formContext = React.useContext(MetadataFormContext) || {};
   var formRefContext = React.useContext(MetadataRefContext);
   var extraInfo = useGetExtraInfo(formRefContext ? formRefContext.fields : formContext.fields, id, formContext.form, props.type);
+  var depend = useWatchDepend(extraInfo.depend, formContext.stream$);
+
+  if (depend.hidden) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+
+  if ((extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$depend = extraInfo.depend) === null || _extraInfo$depend === void 0 ? void 0 : _extraInfo$depend.show) && !depend.show) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
 
   if (isObj && isRefForm && field) {
     var _extraInfo$disabled;
@@ -38,7 +47,6 @@ function Index(props) {
       label: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.label) || id,
       name: [field === null || field === void 0 ? void 0 : field.name].concat(_toConsumableArray(name)),
       valuePropName: "checked",
-      fieldKey: [field === null || field === void 0 ? void 0 : field.fieldKey],
       rules: [{
         required: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require
       }],
@@ -76,7 +84,6 @@ function Index(props) {
     },
     name: [field === null || field === void 0 ? void 0 : field.name],
     valuePropName: "checked",
-    fieldKey: [field === null || field === void 0 ? void 0 : field.fieldKey],
     rules: [{
       required: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require
     }],

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

@@ -3,6 +3,7 @@ interface ITableArrayProps {
     name: string;
     form: FormInstance;
     refId: string;
+    initEnumValue: any[];
     readonly?: boolean;
     rowNumber: number;
     addButtonHidden?: boolean;

package/es/comps/MetadataForm/DataCell/layout/TableArray.js

@@ -14,11 +14,13 @@ import useObservable from '../../../../framework/rxjs-hooks/useObservable';
 import { MetadataFormContext } from '../../interface';
 import { getLabelByProps } from '../../utils';
 import { deepClone } from '../../../../utils';
+import { STREAM_EVENT_TYPE } from '../../constants';
 
 var TableArray = function TableArray(props) {
   var initValue = props.initValue,
       readonly = props.readonly,
       rowNumber = props.rowNumber,
+      initEnumValue = props.initEnumValue,
       addButtonHidden = props.addButtonHidden,
       name = props.name,
       form = props.form,
@@ -62,11 +64,17 @@ var TableArray = function TableArray(props) {
     if ((p === null || p === void 0 ? void 0 : p.type) === 'onValuesChange') {
       var _p$payload;
 
+      var val = _defineProperty({}, "".concat(name), _objectSpread({
+        rowIdx: p === null || p === void 0 ? void 0 : (_p$payload = p.payload) === null || _p$payload === void 0 ? void 0 : _p$payload.rowIdx
+      }, p.payload.values));
+
+      var allVals = form.getFieldsValue();
       formContext.stream$.next({
-        type: 'onValuesChange',
-        payload: _defineProperty({}, "".concat(name), _objectSpread({
-          rowIdx: p === null || p === void 0 ? void 0 : (_p$payload = p.payload) === null || _p$payload === void 0 ? void 0 : _p$payload.rowIdx
-        }, p.payload.values))
+        type: STREAM_EVENT_TYPE.ON_VALUES_CHANGE,
+        payload: {
+          val: val,
+          allVals: allVals
+        }
       });
     }
   }, [tblStream]);
@@ -157,6 +165,11 @@ var TableArray = function TableArray(props) {
       var _extraInfo$enum2;
 
       _enum = deepClone(_extraInfo === null || _extraInfo === void 0 ? void 0 : (_extraInfo$enum2 = _extraInfo.enum) === null || _extraInfo$enum2 === void 0 ? void 0 : _extraInfo$enum2.value);
+    } // 目前是更具那么的id判断的，暂未考虑重名问题
+
+
+    if (initEnumValue && initEnumValue[data.id]) {
+      _enum = deepClone(initEnumValue[data.id]);
     }
 
     _enum.forEach(function (it) {

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

@@ -0,0 +1,6 @@
+export declare const STREAM_EVENT_TYPE: {
+    ON_SELECT_CHANGE: string;
+    ON_BUTTON_CELL_CLICK: string;
+    ON_VALUES_CHANGE: string;
+    ON_WATCH_DEPEND: string;
+};

package/es/comps/MetadataForm/constants.js

@@ -0,0 +1,11 @@
+/*
+ * @Author: wangxian
+ * @Date: 2023-02-03 09:08:06
+ * @LastEditTime: 2023-02-03 09:10:19
+ */
+export var STREAM_EVENT_TYPE = {
+  ON_SELECT_CHANGE: 'onSelectChange',
+  ON_BUTTON_CELL_CLICK: 'onButtonCellClick',
+  ON_VALUES_CHANGE: 'onValuesChange',
+  ON_WATCH_DEPEND: 'onWatchDepend'
+};

package/es/comps/MetadataForm/hooks/index.d.ts

@@ -1 +1,3 @@
+import { IFiledDepend } from '../interface';
 export declare const useGetExtraInfo: (fields: any, id: string, form: any, type: string) => any;
+export declare const useWatchDepend: (_depends: IFiledDepend, stream$: any) => any;

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

@@ -5,11 +5,12 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author: your name
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2023-01-16 16:42:04
+ * @LastEditTime: 2023-02-04 09:00:57
  */
 import { getLocale } from '../../../framework/locale';
 import moment from 'moment';
-import React from 'react'; // 主题样式名映射
+import React from 'react';
+import { STREAM_EVENT_TYPE } from '../constants'; // 主题样式名映射
 
 var languageMap = {
   'zh-CN': 'common',
@@ -54,4 +55,65 @@ export var useGetExtraInfo = function useGetExtraInfo(fields, id, form, type) {
     }
   }, [fields, form, id]);
   return extra;
+}; // 处理depend联动
+
+export var useWatchDepend = function useWatchDepend(_depends, stream$) {
+  var _React$useState3 = React.useState({}),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      depends = _React$useState4[0],
+      setDepends = _React$useState4[1];
+
+  var dependsRef = React.useRef({});
+  React.useEffect(function () {
+    if (_depends && stream$) {
+      stream$.subscribe(function (p) {
+        if ((p === null || p === void 0 ? void 0 : p.type) === STREAM_EVENT_TYPE.ON_VALUES_CHANGE) {
+          if (_depends === null || _depends === void 0 ? void 0 : _depends.hidden) {
+            var _p$payload;
+
+            var _hidden = processDependHiddenOrShow(_depends === null || _depends === void 0 ? void 0 : _depends.hidden, p === null || p === void 0 ? void 0 : (_p$payload = p.payload) === null || _p$payload === void 0 ? void 0 : _p$payload.allVals, stream$);
+
+            var _dr = dependsRef.current;
+            _dr.hidden = _hidden;
+            setDepends(_objectSpread({}, _dr));
+            dependsRef.current = _dr;
+          }
+
+          if (_depends === null || _depends === void 0 ? void 0 : _depends.show) {
+            var _p$payload2;
+
+            var _show = processDependHiddenOrShow(_depends === null || _depends === void 0 ? void 0 : _depends.show, p === null || p === void 0 ? void 0 : (_p$payload2 = p.payload) === null || _p$payload2 === void 0 ? void 0 : _p$payload2.allVals, stream$);
+
+            var _dr2 = dependsRef.current;
+            _dr2.show = _show;
+            setDepends(_objectSpread({}, _dr2));
+            dependsRef.current = _dr2;
+          }
+        }
+      });
+    }
+  }, [_depends, stream$]);
+  return depends;
+};
+
+var processDependHiddenOrShow = function processDependHiddenOrShow(depend, changeData, stream$) {
+  try {
+    var regex = /\w+(\.\w+)?[=<>!]{1}/g;
+    var keys = depend.trim().match(regex);
+    var expression = depend;
+
+    for (var i = 0; i < keys.length; i++) {
+      var key = keys[i].substring(0, keys[i].length - 1);
+
+      if (changeData[key]) {
+        expression = expression.replace(key, "'".concat(changeData[key], "'"));
+      } else {
+        expression = expression.replace(key, undefined);
+      }
+    }
+
+    return eval(expression);
+  } catch (error) {
+    console.error("useWatchDepend.expression is error", error);
+  }
 };

package/es/comps/MetadataForm/index.js

@@ -13,6 +13,7 @@ import useMemoSubject from '../../framework/rxjs-hooks/useMemoSubject';
 import useObservable from '../../framework/rxjs-hooks/useObservable';
 import moment from 'moment';
 import { DEFAULT_DATE_FORMAT } from './DataCell/Input';
+import { STREAM_EVENT_TYPE } from './constants';
 
 var MetadataForm = function MetadataForm(props) {
   var _Form$useForm = _Form.useForm(),
@@ -62,14 +63,25 @@ var MetadataForm = function MetadataForm(props) {
   var firstLoadRef = React.useRef(true);
   var firstLoadForm = React.useRef(true);
   var stream$ = useMemoSubject();
-  useObservable(function (p) {
-    if ((p === null || p === void 0 ? void 0 : p.type) === 'onSelectChange') {
-      onSelectChange && onSelectChange(p.payload);
-    } else if ((p === null || p === void 0 ? void 0 : p.type) === 'onButtonCellClick') {
-      onCellButtonClick && onCellButtonClick(p.payload);
-    } else if ((p === null || p === void 0 ? void 0 : p.type) === 'onValuesChange') {
-      onValuesChange && onValuesChange(p === null || p === void 0 ? void 0 : p.payload, form.getFieldsValue());
+  var processStreamEvent = React.useCallback(function (p) {
+    var _p$payload, _p$payload2;
+
+    switch (p === null || p === void 0 ? void 0 : p.type) {
+      case STREAM_EVENT_TYPE.ON_SELECT_CHANGE:
+        onSelectChange && onSelectChange(p.payload);
+        break;
+
+      case STREAM_EVENT_TYPE.ON_BUTTON_CELL_CLICK:
+        onCellButtonClick && onCellButtonClick(p.payload);
+        break;
+
+      case STREAM_EVENT_TYPE.ON_VALUES_CHANGE:
+        onValuesChange && onValuesChange(p === null || p === void 0 ? void 0 : (_p$payload = p.payload) === null || _p$payload === void 0 ? void 0 : _p$payload.val, p === null || p === void 0 ? void 0 : (_p$payload2 = p.payload) === null || _p$payload2 === void 0 ? void 0 : _p$payload2.allVals);
+        break;
     }
+  }, []);
+  useObservable(function (p) {
+    processStreamEvent(p);
   }, [stream$]);
   var options = React.useMemo(function () {
     return {
@@ -174,7 +186,13 @@ var MetadataForm = function MetadataForm(props) {
       allValues[key[0]] = moment(value[key[0]]).format((extra === null || extra === void 0 ? void 0 : (_extra$text3 = extra.text) === null || _extra$text3 === void 0 ? void 0 : _extra$text3.format) || DEFAULT_DATE_FORMAT);
     }
 
-    onValuesChange && onValuesChange(value, allValues);
+    stream$.next({
+      type: STREAM_EVENT_TYPE.ON_VALUES_CHANGE,
+      payload: {
+        val: value,
+        allVals: allValues
+      }
+    });
   };
 
   var onMyFinish = function onMyFinish(values) {

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

@@ -48,3 +48,12 @@ export interface IMetaFormProps {
         refId?: string;
     };
 }
+export declare type IFiledDepend = {
+    hidden: string;
+    show: string;
+};
+export declare type IStreamEventType = 'onSelectChange' | 'onButtonCellClick' | 'onValuesChange' | 'onWatchDepend' | string;
+export declare type IStreamEvent = {
+    type: IStreamEventType;
+    payload: any;
+};

package/es/comps/MetadataForm/interface.js

@@ -1,7 +1,7 @@
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2023-01-10 15:05:31
+ * @LastEditTime: 2023-02-03 16:08:47
  */
 import React from 'react';
 export var MetadataFormContext = /*#__PURE__*/React.createContext(null);

package/es/comps/MetadataForm/utils.js

@@ -9,7 +9,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-10-09 17:19:24
+ * @LastEditTime: 2023-02-03 08:40:14
  */
 import React from 'react';
 import Input from './DataCell/Input';

package/es/theme.less

@@ -37,7 +37,7 @@
 
 .ronds-metadata-normal {
   --ronds-metadata-color-border-1: #d9d9d9;
-  --ronds-metadata-color-bg-2: rgba(229, 238, 255, 0.85);
+  --ronds-metadata-color-bg-2: #ffffff;
   --ronds-metadata-color-bg-4: #ffffff;
   --ronds-metadata-color-text-1: #1d2129;
   --ronds-metadata-color-text-2: #24292f;

package/package.json

@@ -1,7 +1,7 @@
 {
   "public": true,
   "name": "ronds-metadata",
-  "version": "1.1.82",
+  "version": "1.1.84",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",