ronds-metadata 1.2.10 → 1.2.11

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

@@ -0,0 +1,359 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useRef } from 'react';
+import { MetadataService } from '../../../../framework/metadata/MetadataService';
+import { JsonMetadataProvider } from '../../../../framework/metadata';
+import Editable from '../../../../comps/Editable';
+import useObservable from '../../../../framework/rxjs-hooks/useObservable';
+import { MetadataFormContext } from '../../interface';
+import { assign, 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,
+      refId = props.refId;
+  var formContext = React.useContext(MetadataFormContext) || {};
+
+  var _React$useState = React.useState([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      schema = _React$useState2[0],
+      setSchema = _React$useState2[1];
+
+  var _React$useState3 = React.useState({}),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      defaultValue = _React$useState4[0],
+      setDefaultValue = _React$useState4[1];
+
+  var _React$useState5 = React.useState({}),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      refFields = _React$useState6[0],
+      setRefFields = _React$useState6[1];
+
+  var refFieldsRef = React.useRef(refFields);
+  var firstLoadRef = useRef(true);
+
+  var _React$useState7 = React.useState(),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      tblStream = _React$useState8[0],
+      setTblStream = _React$useState8[1];
+
+  var _React$useState9 = React.useState([]),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      list = _React$useState10[0],
+      setList = _React$useState10[1];
+
+  var listRef = React.useRef([]);
+  useObservable(function (p) {
+    if ((p === null || p === void 0 ? void 0 : p.type) === 'setFieldsValue') {
+      if (typeof name === 'string' && p.payload[name]) {
+        setList(_toConsumableArray(p.payload[name]));
+        listRef.current = p.payload[name];
+      } else if (p.payload[name[0]]) {
+        var evalString = 'p.payload';
+
+        for (var i = 0; i < name.length; i++) {
+          evalString = "".concat(evalString, "[name[").concat(i, "]]");
+        }
+
+        var _list = eval(evalString) || [];
+
+        setList(_toConsumableArray(_list));
+        listRef.current = _list;
+      }
+    }
+  }, [formContext.stream$, name]);
+  useObservable(function (p) {
+    if ((p === null || p === void 0 ? void 0 : p.type) === 'onValuesChange') {
+      if (typeof name === 'string') {
+        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();
+        allVals[name] = listRef.current;
+        formContext.stream$.next({
+          type: STREAM_EVENT_TYPE.ON_VALUES_CHANGE,
+          payload: {
+            val: val,
+            allVals: allVals
+          }
+        });
+      } else {
+        var _p$payload2;
+
+        var _val2 = {};
+
+        var _allVals = form.getFieldsValue();
+
+        assign(name, _objectSpread({
+          rowIdx: p === null || p === void 0 ? void 0 : (_p$payload2 = p.payload) === null || _p$payload2 === void 0 ? void 0 : _p$payload2.rowIdx
+        }, p.payload.values), _val2);
+        assign(name, _toConsumableArray(listRef.current), _allVals);
+        formContext.stream$.next({
+          type: STREAM_EVENT_TYPE.ON_VALUES_CHANGE,
+          payload: {
+            val: _val2,
+            allVals: _allVals
+          }
+        });
+      }
+    }
+  }, [tblStream]);
+  var getSchemaByRefId = React.useCallback( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(server, __TYPE__) {
+      var _schema, res, provider, FormCls, formCls, _fields;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _schema = []; // 如果有内部类，优先在内部类里面找
+
+              if (__TYPE__.length > 0) {
+                _schema = __TYPE__.filter(function (it) {
+                  return it.id === refId;
+                });
+              } // 内部类找不到 从接口里面拿
+
+
+              if (!(_schema.length === 0)) {
+                _context.next = 7;
+                break;
+              }
+
+              _context.next = 5;
+              return server.GetMetadataDetailById(refId);
+
+            case 5:
+              res = _context.sent;
+
+              if (res === null || res === void 0 ? void 0 : res.schema) {
+                _schema = JSON.parse(res === null || res === void 0 ? void 0 : res.schema);
+              }
+
+            case 7:
+              provider = new JsonMetadataProvider();
+
+              if (_schema.length > 0) {
+                provider.add_types(_schema);
+                FormCls = provider.get_type(_schema[0].id);
+                formCls = new FormCls();
+                _fields = formCls.__type__.__fields__;
+                refFieldsRef.current = _fields;
+                setRefFields(_objectSpread({}, _fields));
+                setSchema(_toConsumableArray(_schema));
+                setDefaultValue(_objectSpread({}, JSON.parse(JSON.stringify(formCls))));
+              }
+
+            case 9:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [refId]);
+  React.useEffect(function () {
+    if (refId) {
+      var server = new MetadataService();
+      getSchemaByRefId(server, formContext.__TYPE__);
+      return function () {
+        server = null;
+      };
+    }
+
+    return function () {};
+  }, [refId]);
+  React.useEffect(function () {
+    if (initValue && firstLoadRef.current) {
+      if (typeof name === 'string' && initValue[name]) {
+        setList(_toConsumableArray(initValue[name]));
+        listRef.current = initValue[name];
+      } else if (initValue[name[0]]) {
+        var evalString = 'initValue';
+
+        for (var i = 0; i < name.length; i++) {
+          evalString = "".concat(evalString, "[name[").concat(i, "]]");
+        }
+
+        var _list = eval(evalString);
+
+        setList(_toConsumableArray(_list));
+        listRef.current = _list;
+      }
+
+      firstLoadRef.current = false;
+    }
+  }, [initValue, form]);
+  var processEnumData = React.useCallback(function (data, _extraInfo) {
+    var _extraInfo$enum;
+
+    var _options = [];
+
+    var _enum = deepClone(data.enum || []); // 扩展规则的value
+
+
+    if (_extraInfo === null || _extraInfo === void 0 ? void 0 : (_extraInfo$enum = _extraInfo.enum) === null || _extraInfo$enum === void 0 ? void 0 : _extraInfo$enum.value) {
+      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) {
+      var obj = {
+        label: it.value,
+        value: (it === null || it === void 0 ? void 0 : it.key) || (it === null || it === void 0 ? void 0 : it.value)
+      };
+
+      _options.push(obj);
+    });
+
+    return _options;
+  }, []);
+  var processColumnType = React.useCallback(function (data, _extraInfo) {
+    var _extraInfo$text, _extraInfo$text2;
+
+    if ((data === null || data === void 0 ? void 0 : data.type) === 'text' && (_extraInfo === null || _extraInfo === void 0 ? void 0 : (_extraInfo$text = _extraInfo.text) === null || _extraInfo$text === void 0 ? void 0 : _extraInfo$text.type) && (_extraInfo === null || _extraInfo === void 0 ? void 0 : (_extraInfo$text2 = _extraInfo.text) === null || _extraInfo$text2 === void 0 ? void 0 : _extraInfo$text2.type) !== 'textarea') {
+      var _extraInfo$text3;
+
+      return (_extraInfo$text3 = _extraInfo.text) === null || _extraInfo$text3 === void 0 ? void 0 : _extraInfo$text3.type;
+    }
+
+    return data.type;
+  }, []);
+  var processSchemaToColumns = React.useCallback(function (_properties) {
+    var _columns = [];
+
+    for (var i = 0; i < _properties.length; i++) {
+      var _extraInfo$common;
+
+      var it = _properties[i];
+      var extraInfo = refFieldsRef.current.get(it.id);
+      var obj = {
+        title: getLabelByProps(it),
+        key: it.id,
+        dataIndex: it.id,
+        width: processColumnType(it, extraInfo) === 'buttonCell' ? 25 : 50,
+        editable: !(extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$common = extraInfo.common) === null || _extraInfo$common === void 0 ? void 0 : _extraInfo$common.disabled),
+        type: processColumnType(it, extraInfo),
+        enum: it.type === 'enum' ? processEnumData(it, extraInfo) : undefined
+      };
+
+      _columns.push(obj);
+    }
+
+    return _columns;
+  }, []);
+  var columns = React.useMemo(function () {
+    var _columns = [];
+
+    if (schema.length > 0) {
+      _columns = processSchemaToColumns(schema[0].properties);
+    }
+
+    return _columns;
+  }, [schema, processSchemaToColumns]);
+
+  var onTableChange = function onTableChange(values) {
+    if (typeof name === 'string') {
+      var allVals = form.getFieldsValue();
+      allVals[name] = values;
+      formContext.stream$.next({
+        type: STREAM_EVENT_TYPE.ON_VALUES_CHANGE,
+        payload: {
+          val: _defineProperty({}, name, values),
+          allVals: allVals
+        }
+      });
+      form.setFieldsValue(_objectSpread({}, _defineProperty({}, "".concat(name), values)));
+    } else {
+      var val = {};
+      assign(name, _toConsumableArray(values), val);
+
+      var _allVals2 = form.getFieldsValue();
+
+      assign(name, _toConsumableArray(values), _allVals2);
+      formContext.stream$.next({
+        type: STREAM_EVENT_TYPE.ON_VALUES_CHANGE,
+        payload: {
+          val: val,
+          allVals: _allVals2
+        }
+      });
+      form.setFieldsValue(_objectSpread({}, val));
+    }
+
+    listRef.current = values;
+  };
+
+  var onButtonCellClick = function onButtonCellClick(record) {
+    formContext.stream$.next({
+      type: 'onButtonCellClick',
+      payload: record
+    });
+  };
+
+  var getCellHeight = React.useCallback(function (_readonly) {
+    return _readonly ? 30 : 33;
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      padding: '0 0 8px',
+      height: addButtonHidden || readonly ? "".concat(rowNumber * getCellHeight(readonly) + 45, "px") : "".concat(rowNumber * getCellHeight(readonly) + 45 + 40, "px")
+    }
+  }, /*#__PURE__*/React.createElement(_Form.Item, {
+    name: name,
+    noStyle: true,
+    style: {
+      margin: 0,
+      height: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(Editable, {
+    type: "multiple",
+    readonly: readonly,
+    defaultValue: defaultValue,
+    addPosition: "bottom",
+    isAddRow: !addButtonHidden,
+    isAction: !addButtonHidden,
+    columns: columns,
+    dataSource: list,
+    onMulChange: onTableChange,
+    onButtonCellClick: onButtonCellClick,
+    getStreamInstance: function getStreamInstance(_tblStream) {
+      setTblStream(_tblStream);
+    },
+    tableProps: {
+      scroll: {
+        x: '100%',
+        y: addButtonHidden || readonly ? "".concat(rowNumber * getCellHeight(readonly) + 45, "px ") : "".concat(rowNumber * getCellHeight(readonly), "px ")
+      }
+    }
+  })));
+};
+
+export default TableArray;

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

@@ -0,0 +1,125 @@
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import { deepClone } from '../../../utils';
+import { useWatchDepend } from '../hooks';
+import { MetadataFormContext } from '../interface';
+import './index.less';
+export function withAddOnAfter(WrappedComponent) {
+  return function (props) {
+    var _fields$, _fields$$value, _fields$$value$common, _fields$4, _fields$4$value, _fields$4$value$commo, _fields$4$value$commo2;
+
+    var type = props.type,
+        refId = props.refId,
+        isShowTypeInfo = props.isShowTypeInfo,
+        fields = props.fields,
+        colSpan = props.colSpan,
+        field = props.field,
+        id = props.id,
+        _props$name = props.name,
+        name = _props$name === void 0 ? [] : _props$name,
+        isObj = props.isObj;
+    var formContext = React.useContext(MetadataFormContext) || {};
+    var depend = useWatchDepend(fields && ((_fields$ = fields[0]) === null || _fields$ === void 0 ? void 0 : (_fields$$value = _fields$.value) === null || _fields$$value === void 0 ? void 0 : (_fields$$value$common = _fields$$value.common) === null || _fields$$value$common === void 0 ? void 0 : _fields$$value$common.depend), formContext === null || formContext === void 0 ? void 0 : formContext.stream$);
+
+    var _React$useState = React.useState(),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        help = _React$useState2[0],
+        setHelp = _React$useState2[1];
+
+    var _React$useState3 = React.useState(),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        cellColSpan = _React$useState4[0],
+        setCellColSpan = _React$useState4[1];
+
+    if (id === 'p' || id === 'user') {}
+
+    var labelSpan = React.useMemo(function () {
+      var _fields$0$value, _fields$0$value$commo;
+
+      var _labelSpan = formContext === null || formContext === void 0 ? void 0 : formContext.labelSpan;
+
+      var _colSpan = fields && ((_fields$0$value = fields[0].value) === null || _fields$0$value === void 0 ? void 0 : (_fields$0$value$commo = _fields$0$value.common) === null || _fields$0$value$commo === void 0 ? void 0 : _fields$0$value$commo.colSpan);
+
+      var _formLabelSpan = formContext === null || formContext === void 0 ? void 0 : formContext.labelSpan;
+
+      if (_colSpan && _formLabelSpan) {
+        _labelSpan = _formLabelSpan / _colSpan;
+      }
+
+      return _labelSpan;
+    }, [fields, formContext === null || formContext === void 0 ? void 0 : formContext.colSpan, formContext === null || formContext === void 0 ? void 0 : formContext.labelSpan]);
+    React.useEffect(function () {
+      if (refId) {
+        var arr = refId.split(':');
+        setHelp(arr[arr.length - 1]);
+      }
+
+      return function () {};
+    }, [refId]);
+    React.useEffect(function () {
+      var _fields$2, _fields$2$value, _fields$2$value$commo, _fields$3, _fields$3$value;
+
+      var _colSpan = colSpan;
+      var compColSpan = fields && (((_fields$2 = fields[0]) === null || _fields$2 === void 0 ? void 0 : (_fields$2$value = _fields$2.value) === null || _fields$2$value === void 0 ? void 0 : (_fields$2$value$commo = _fields$2$value.common) === null || _fields$2$value$commo === void 0 ? void 0 : _fields$2$value$commo.colSpan) || ((_fields$3 = fields[0]) === null || _fields$3 === void 0 ? void 0 : (_fields$3$value = _fields$3.value) === null || _fields$3$value === void 0 ? void 0 : _fields$3$value.colSpan));
+
+      if (compColSpan) {
+        _colSpan = compColSpan * colSpan <= 24 ? compColSpan * colSpan : 24;
+      }
+
+      setCellColSpan(_colSpan);
+    }, [fields, colSpan]);
+
+    var _name = React.useMemo(function () {
+      if (id && name.length > 0 && !field) {
+        var res = deepClone(name);
+        res.push(id);
+        return res;
+      }
+
+      if (id && name.length > 0 && field) {
+        var _res = deepClone(name);
+
+        _res.push(id);
+
+        if (type !== 'ref') {
+          _res.shift();
+        }
+
+        return _res;
+      }
+
+      return [id];
+    }, [id, name]);
+
+    if (depend === null || depend === void 0 ? void 0 : depend.hidden) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+
+    if (fields && ((_fields$4 = fields[0]) === null || _fields$4 === void 0 ? void 0 : (_fields$4$value = _fields$4.value) === null || _fields$4$value === void 0 ? void 0 : (_fields$4$value$commo = _fields$4$value.common) === null || _fields$4$value$commo === void 0 ? void 0 : (_fields$4$value$commo2 = _fields$4$value$commo.depend) === null || _fields$4$value$commo2 === void 0 ? void 0 : _fields$4$value$commo2.show) && !(depend === null || depend === void 0 ? void 0 : depend.show)) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+
+    return /*#__PURE__*/React.createElement(_Col, {
+      key: id,
+      span: cellColSpan
+    }, /*#__PURE__*/React.createElement("div", {
+      key: "".concat(_name.toString(), "_div"),
+      className: "with-add-on-after"
+    }, /*#__PURE__*/React.createElement(WrappedComponent, _extends({
+      key: "".concat(_name.toString(), "_Wrapped}")
+    }, props, {
+      style: {
+        padding: '0px',
+        display: 'flex !important'
+      },
+      name: _name,
+      labelSpan: labelSpan,
+      isObj: isObj
+    })), isShowTypeInfo && !field && type !== 'number' && type !== 'bool' && /*#__PURE__*/React.createElement("div", {
+      className: "with-add-on-after-extra"
+    }, help !== null && help !== void 0 ? help : type)));
+  };
+}

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.js

@@ -0,0 +1,128 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+/*
+ * @Author: your name
+ * @Date: 2021-09-18 14:15:04
+ * @LastEditTime: 2023-02-23 14:53:08
+ */
+import { getLocale } from '../../../framework/locale';
+import moment from 'moment';
+import React from 'react';
+import { STREAM_EVENT_TYPE } from '../constants'; // 主题样式名映射
+
+var languageMap = {
+  'zh-CN': 'common',
+  'en-US': 'common-en-US'
+};
+export var useGetExtraInfo = function useGetExtraInfo(fields, id, form, type) {
+  var _React$useState = React.useState({}),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      extra = _React$useState2[0],
+      setExtra = _React$useState2[1];
+
+  React.useEffect(function () {
+    if (fields) {
+      var extraInfo = fields.get(id);
+
+      if (extraInfo) {
+        // 将map转化为对象
+        var _extraInfo = {};
+
+        for (var k in extraInfo) {
+          _extraInfo[k] = extraInfo[k];
+        }
+
+        // 兼容 common公共的属性
+        if (_extraInfo['common-en-US']) {
+          _extraInfo = _objectSpread(_objectSpread(_objectSpread({}, _extraInfo), _extraInfo[languageMap[getLocale()]]), _extraInfo[type]);
+        } else {
+          _extraInfo = _objectSpread(_objectSpread(_objectSpread({}, _extraInfo), _extraInfo.common), _extraInfo[type]);
+        }
+
+        delete _extraInfo.common;
+        delete _extraInfo['common-en-US'];
+        delete _extraInfo[type];
+
+        // 时间格式转化
+        if (_extraInfo.type === 'datePicker' && form.getFieldValue(id)) {
+          form.setFieldsValue(_defineProperty({}, id, moment(form.getFieldValue(id), 'YYYY-MM-DD HH:mm:ss')));
+        }
+
+        setExtra(_objectSpread({}, _extraInfo));
+      }
+    }
+  }, [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 {
+    // const regex = /\w+(\.\w+)?[=<>!]{1}/g;
+    var regex = /\w+(\.\w+)?[=<>!]{1}|\w+(\.\w+)?(\.indexOf\('\w+'\)[=<>!]{1})/g;
+    var keys = depend.trim().match(regex);
+
+    if (!keys) {
+      return false;
+    }
+
+    var expression = depend;
+
+    for (var i = 0; i < keys.length; i++) {
+      var key = keys[i].substring(0, keys[i].length - 1); // 处理.length 之类的状况
+
+      var _key = key.split('.');
+
+      if (changeData[_key[0]] || changeData[_key[0]] === 0) {
+        var r = key === _key[0] ? "'".concat(changeData[_key[0]], "'") : eval("changeData[_key[0]].".concat(_key[1]));
+        expression = expression.replace(key, r);
+      } else {
+        expression = expression.replace(key, undefined);
+      }
+    }
+
+    return eval(expression);
+  } catch (error) {
+    console.error("useWatchDepend.expression is error", error);
+  }
+};