ronds-metadata 1.2.8 → 1.2.10

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

@@ -1,359 +0,0 @@
-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;
-
-    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)) {
-      var _extraInfo$text2;
-
-      return (_extraInfo$text2 = _extraInfo.text) === null || _extraInfo$text2 === void 0 ? void 0 : _extraInfo$text2.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

@@ -1,111 +0,0 @@
-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];
-
-    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;
-      }
-
-      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

@@ -1,11 +0,0 @@
-/*
- * @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

@@ -1,128 +0,0 @@
-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);
-  }
-};