ronds-metadata 1.2.37 → 1.2.39

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

@@ -1,7 +1,6 @@
 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
@@ -10,59 +9,51 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { getLocale } from '../../../framework/locale';
 import moment from 'moment';
 import React from 'react';
-import { STREAM_EVENT_TYPE } from '../constants'; // 主题样式名映射
-
+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$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联动
-
+};
+// 处理depend联动
 export var useWatchDepend = function useWatchDepend(_depends, stream$, name) {
   var _React$useState3 = React.useState({}),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      depends = _React$useState4[0],
-      setDepends = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    depends = _React$useState4[0],
+    setDepends = _React$useState4[1];
   var dependsRef = React.useRef({});
   React.useEffect(function () {
     if (_depends && stream$) {
@@ -70,31 +61,23 @@ export var useWatchDepend = function useWatchDepend(_depends, stream$, name) {
         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$, name);
-
             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$, name);
-
             var _dr2 = dependsRef.current;
             _dr2.show = _show;
             setDepends(_objectSpread({}, _dr2));
             dependsRef.current = _dr2;
           }
-
           if (_depends === null || _depends === void 0 ? void 0 : _depends.notRequire) {
             var _p$payload3;
-
             var _show2 = processDependHiddenOrShow(_depends === null || _depends === void 0 ? void 0 : _depends.notRequire, p === null || p === void 0 ? void 0 : (_p$payload3 = p.payload) === null || _p$payload3 === void 0 ? void 0 : _p$payload3.allVals, stream$, name);
-
             var _dr3 = dependsRef.current;
             _dr3.notRequire = _show2;
             setDepends(_objectSpread({}, _dr3));
@@ -106,32 +89,24 @@ export var useWatchDepend = function useWatchDepend(_depends, stream$, name) {
   }, [_depends, stream$]);
   return depends;
 };
-
 var processDependHiddenOrShow = function processDependHiddenOrShow(depend, changeData, stream$, name) {
   try {
     // const regex = /\w+(\.\w+)?[=<>!]{1}/g;
     var regex = /\w+(\.\w+)?[=<>!]{1}|\w+(\.\w+)?(\.indexOf\('.+'\)[=<>!]{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 = keys[i].substring(0, keys[i].length - 1);
+      // 处理.length 之类的状况
       var _key = key.split('.');
-
       var evalString = 'changeData';
-
       for (var _i = 0; _i < name.length; _i++) {
         evalString = "".concat(evalString, "[name[").concat(_i, "]]");
       }
-
       var _changeData = eval("".concat(evalString, "['").concat(_key[0], "']"));
-
       if (_changeData || _changeData === 0) {
         var r = key === _key[0] ? "'".concat(_changeData, "'") : eval("_changeData.".concat(_key[1]));
         expression = expression.replace(key, r);
@@ -139,7 +114,6 @@ var processDependHiddenOrShow = function processDependHiddenOrShow(depend, chang
         expression = expression.replace(key, undefined);
       }
     }
-
     return eval(expression);
   } catch (error) {
     console.error("useWatchDepend.expression is error", error);

package/es/comps/MetadataForm/index.js

@@ -14,80 +14,68 @@ 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(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
   var schema = props.schema,
-      initialValues = props.initialValues,
-      refId = props.refId,
-      _props$colSpan = props.colSpan,
-      colSpan = _props$colSpan === void 0 ? 24 : _props$colSpan,
-      labelSpan = props.labelSpan,
-      _props$labelWrap = props.labelWrap,
-      labelWrap = _props$labelWrap === void 0 ? true : _props$labelWrap,
-      _props$layout = props.layout,
-      layout = _props$layout === void 0 ? 'vertical' : _props$layout,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$isRefForm = props.isRefForm,
-      isRefForm = _props$isRefForm === void 0 ? true : _props$isRefForm,
-      _props$isFoldForm = props.isFoldForm,
-      isFoldForm = _props$isFoldForm === void 0 ? false : _props$isFoldForm,
-      _props$isShowTypeInfo = props.isShowTypeInfo,
-      isShowTypeInfo = _props$isShowTypeInfo === void 0 ? false : _props$isShowTypeInfo,
-      initEnumValue = props.initEnumValue,
-      onFinish = props.onFinish,
-      getFormInstance = props.getFormInstance,
-      onValuesChange = props.onValuesChange,
-      onSelectChange = props.onSelectChange,
-      onCellButtonClick = props.onCellButtonClick;
-
+    initialValues = props.initialValues,
+    refId = props.refId,
+    _props$colSpan = props.colSpan,
+    colSpan = _props$colSpan === void 0 ? 24 : _props$colSpan,
+    labelSpan = props.labelSpan,
+    _props$labelWrap = props.labelWrap,
+    labelWrap = _props$labelWrap === void 0 ? true : _props$labelWrap,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'vertical' : _props$layout,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$isRefForm = props.isRefForm,
+    isRefForm = _props$isRefForm === void 0 ? true : _props$isRefForm,
+    _props$isFoldForm = props.isFoldForm,
+    isFoldForm = _props$isFoldForm === void 0 ? false : _props$isFoldForm,
+    _props$isShowTypeInfo = props.isShowTypeInfo,
+    isShowTypeInfo = _props$isShowTypeInfo === void 0 ? false : _props$isShowTypeInfo,
+    initEnumValue = props.initEnumValue,
+    onFinish = props.onFinish,
+    getFormInstance = props.getFormInstance,
+    onValuesChange = props.onValuesChange,
+    onSelectChange = props.onSelectChange,
+    onCellButtonClick = props.onCellButtonClick;
   var _React$useState = React.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      mySchma = _React$useState2[0],
-      setMySchema = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    mySchma = _React$useState2[0],
+    setMySchema = _React$useState2[1];
   var _React$useState3 = React.useState(),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      innerSchemas = _React$useState4[0],
-      setInnerSchemas = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    innerSchemas = _React$useState4[0],
+    setInnerSchemas = _React$useState4[1];
   var _React$useState5 = React.useState(),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      fields = _React$useState6[0],
-      setFields = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    fields = _React$useState6[0],
+    setFields = _React$useState6[1];
   var _React$useState7 = React.useState(),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      formFieldValue = _React$useState8[0],
-      setFormFieldValue = _React$useState8[1];
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    formFieldValue = _React$useState8[0],
+    setFormFieldValue = _React$useState8[1];
   var firstLoadRef = React.useRef(true);
   var firstLoadForm = React.useRef(true);
   var firstLoadValue = React.useRef(true);
   var stream$ = useMemoSubject();
   var processStreamEvent = React.useCallback(function (p) {
     var _p$payload;
-
     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:
         if (!(p === null || p === void 0 ? void 0 : (_p$payload = p.payload) === null || _p$payload === void 0 ? void 0 : _p$payload.trigger)) {
           var _p$payload2, _p$payload3;
-
           onValuesChange && onValuesChange(p === null || p === void 0 ? void 0 : (_p$payload2 = p.payload) === null || _p$payload2 === void 0 ? void 0 : _p$payload2.val, p === null || p === void 0 ? void 0 : (_p$payload3 = p.payload) === null || _p$payload3 === void 0 ? void 0 : _p$payload3.allVals);
         }
-
         break;
     }
   }, []);
@@ -105,19 +93,16 @@ var MetadataForm = function MetadataForm(props) {
   /**
    * 获取form的实例
    */
-
   React.useEffect(function () {
     if (form && stream$ && firstLoadForm.current) {
       // 改写setFiedldsValue;
       var e = form.setFieldsValue;
-
       var setFieldsValue = function setFieldsValue(vals) {
         e(vals);
         stream$.next({
           type: 'setFieldsValue',
           payload: vals
         });
-
         if (firstLoadValue.current) {
           firstLoadValue.current = false;
           stream$.next({
@@ -130,7 +115,6 @@ var MetadataForm = function MetadataForm(props) {
           });
         }
       };
-
       form.setFieldsValue = setFieldsValue;
       getFormInstance && getFormInstance(form);
       firstLoadForm.current = false;
@@ -147,7 +131,6 @@ var MetadataForm = function MetadataForm(props) {
       var server = new MetadataService();
       server.GetMetadataDetailById(refId).then(function (res) {
         var _schema = JSON.parse(res.schema) || [];
-
         setMySchema(_toConsumableArray(_schema));
       });
     }
@@ -155,7 +138,6 @@ var MetadataForm = function MetadataForm(props) {
   React.useEffect(function () {
     if (mySchma && mySchma.length > 0) {
       var _mySchma$, _mySchma$2, _mySchma$3, _mySchma$3$fields$;
-
       var provider = new JsonMetadataProvider();
       provider.add_types(mySchma);
       var FormCls = provider.get_type(mySchma[0].id);
@@ -168,7 +150,6 @@ var MetadataForm = function MetadataForm(props) {
         provider = null;
       };
     }
-
     return function () {};
   }, [mySchma]);
   React.useEffect(function () {
@@ -177,10 +158,8 @@ var MetadataForm = function MetadataForm(props) {
         // 处理时间格式
         fields.forEach(function (v, k) {
           var _v$text;
-
           if (((v === null || v === void 0 ? void 0 : (_v$text = v.text) === null || _v$text === void 0 ? void 0 : _v$text.type) === 'datePicker' || (v === null || v === void 0 ? void 0 : v.type) === 'datePicker') && initialValues[k]) {
             var _v$text2;
-
             initialValues[k] = moment(initialValues[k], (v === null || v === void 0 ? void 0 : (_v$text2 = v.text) === null || _v$text2 === void 0 ? void 0 : _v$text2.format) || DEFAULT_DATE_FORMAT);
           }
         });
@@ -197,37 +176,28 @@ var MetadataForm = function MetadataForm(props) {
   }, [initialValues, fields]);
   var myLabelSpan = React.useMemo(function () {
     var _labelSpan = undefined;
-
     if (labelSpan || (formFieldValue === null || formFieldValue === void 0 ? void 0 : formFieldValue.labelSpan)) {
       _labelSpan = (formFieldValue === null || formFieldValue === void 0 ? void 0 : formFieldValue.labelSpan) ? formFieldValue === null || formFieldValue === void 0 ? void 0 : formFieldValue.labelSpan : labelSpan;
     }
-
     return _labelSpan;
   }, [labelSpan, formFieldValue === null || formFieldValue === void 0 ? void 0 : formFieldValue.labelSpan]);
   var myLayout = React.useMemo(function () {
     var _layout = 'vertical';
-
     if (layout || (formFieldValue === null || formFieldValue === void 0 ? void 0 : formFieldValue.layout)) {
       _layout = (formFieldValue === null || formFieldValue === void 0 ? void 0 : formFieldValue.layout) ? formFieldValue === null || formFieldValue === void 0 ? void 0 : formFieldValue.layout : layout;
     }
-
     return _layout;
   }, [layout, formFieldValue === null || formFieldValue === void 0 ? void 0 : formFieldValue.layout]);
-
   var onMyValuesChange = function onMyValuesChange(value, allValues) {
     var _extra$text;
-
     // 处理时间格式
     var key = Object.keys(value);
     var extra = fields.get(key[0]);
-
     if ((extra === null || extra === void 0 ? void 0 : (_extra$text = extra.text) === null || _extra$text === void 0 ? void 0 : _extra$text.type) === 'datePicker' || (extra === null || extra === void 0 ? void 0 : extra.type) === 'datePicker') {
       var _extra$text2, _extra$text3;
-
       value[key[0]] = moment(value[key[0]]).format((extra === null || extra === void 0 ? void 0 : (_extra$text2 = extra.text) === null || _extra$text2 === void 0 ? void 0 : _extra$text2.format) || DEFAULT_DATE_FORMAT);
       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);
     }
-
     stream$.next({
       type: STREAM_EVENT_TYPE.ON_VALUES_CHANGE,
       payload: {
@@ -236,21 +206,17 @@ var MetadataForm = function MetadataForm(props) {
       }
     });
   };
-
   var onMyFinish = function onMyFinish(values) {
     // 处理时间格式
     fields.forEach(function (v, k) {
       var _v$text3;
-
       if (((v === null || v === void 0 ? void 0 : (_v$text3 = v.text) === null || _v$text3 === void 0 ? void 0 : _v$text3.type) === 'datePicker' || (v === null || v === void 0 ? void 0 : v.type) === 'datePicker') && values[k]) {
         var _v$text4;
-
         values[k] = moment(values[k]).format((v === null || v === void 0 ? void 0 : (_v$text4 = v.text) === null || _v$text4 === void 0 ? void 0 : _v$text4.format) || DEFAULT_DATE_FORMAT);
       }
     });
     onFinish && onFinish(values);
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MetadataFormContext.Provider, {
     value: {
       fields: fields,
@@ -282,5 +248,4 @@ var MetadataForm = function MetadataForm(props) {
     onValuesChange: onMyValuesChange
   }, renderForm(mySchma, options, (formFieldValue === null || formFieldValue === void 0 ? void 0 : formFieldValue.colSpan) || colSpan))));
 };
-
 export default MetadataForm;

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

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

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

@@ -14,3 +14,4 @@ export declare function getDataCell(item: any, options: IFormOptions, colSpan: n
 export declare function renderForm(schemaRef: any[], options: IFormOptions, colSpan?: number): JSX.Element;
 export declare function getLabelByProps(data: any): any;
 export declare function assign(pathArr: string[], val: any, obj: any): void;
+export declare function assignReplace(pathArr: string[], val: any, obj: any): void;

package/es/comps/MetadataForm/utils.js

@@ -3,11 +3,10 @@ import _Row from "antd/es/row";
 import "antd/es/spin/style";
 import _Spin from "antd/es/spin";
 import _extends from "@babel/runtime/helpers/esm/extends";
-
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2023-04-24 11:25:12
+ * @LastEditTime: 2023-04-28 10:22:47
  */
 import React from 'react';
 import Input from './DataCell/Input';
@@ -28,11 +27,8 @@ var DataCellMap = {
 export function getDataCell(item, options, colSpan) {
   if (item.type && DataCellMap[item.type]) {
     var Comm = DataCellMap[item.type];
-
     if (colSpan === 23) {}
-
     if (item.type === 'ref') {}
-
     var isDisabled = function isDisabled(b) {
       if (typeof b === 'boolean') {
         return b;
@@ -41,10 +37,8 @@ export function getDataCell(item, options, colSpan) {
       }) > -1) {
         return true;
       }
-
       return false;
     };
-
     return /*#__PURE__*/React.createElement(Comm, _extends({
       key: item.id
     }, item, {
@@ -58,7 +52,6 @@ export function getDataCell(item, options, colSpan) {
       colSpan: colSpan
     }));
   }
-
   return null;
 }
 /**
@@ -72,19 +65,16 @@ export function getDataCell(item, options, colSpan) {
  * @param isObj 是否是个对象
  * @returns
  */
-
 export function renderForm(schemaRef, options) {
   var colSpan = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 24;
   if (schemaRef.length === 0) return /*#__PURE__*/React.createElement(_Spin, null);
   var _schema = schemaRef[0];
   var _properties = _schema.properties;
   var _form = [];
-
   for (var i = 0; i < _properties.length; i++) {
     // const depend = useWatchDepend({});
     _form.push( /*#__PURE__*/React.createElement(React.Fragment, null, getDataCell(_properties[i], options, colSpan)));
   }
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
     gutter: 16
   }, _form));
@@ -92,10 +82,8 @@ export function renderForm(schemaRef, options) {
 export function getLabelByProps(data) {
   if (data.fields && data.fields.length > 0) {
     var _data$fields$0$value, _data$fields$0$value$, _data$fields$, _data$fields$$value;
-
     return ((_data$fields$0$value = data.fields[0].value) === null || _data$fields$0$value === void 0 ? void 0 : (_data$fields$0$value$ = _data$fields$0$value.common) === null || _data$fields$0$value$ === void 0 ? void 0 : _data$fields$0$value$.label) || ((_data$fields$ = data.fields[0]) === null || _data$fields$ === void 0 ? void 0 : (_data$fields$$value = _data$fields$.value) === null || _data$fields$$value === void 0 ? void 0 : _data$fields$$value.label) || data.id;
   }
-
   return data.id;
 }
 export function assign(pathArr, val, obj) {
@@ -112,7 +100,17 @@ export function assign(pathArr, val, obj) {
         cur[key] = {};
       }
     }
-
+    return cur[key];
+  }, obj);
+}
+export function assignReplace(pathArr, val, obj) {
+  var len = pathArr.length - 1;
+  pathArr.reduce(function (cur, key, index) {
+    if (index === len) {
+      cur[key] = val;
+    } else {
+      cur[key] = {};
+    }
     return cur[key];
   }, obj);
 }

package/es/comps/Split/index.js

@@ -8,45 +8,47 @@ import Split from 'react-split';
 import './index.less';
 import classNames from 'classnames';
 /** antd的card不能直接放在children里 外层套一个div */
-
 var Index = function Index(props) {
   var className = props.className,
-      style = props.style,
-      _props$sizes = props.sizes,
-      sizes = _props$sizes === void 0 ? [20, 80] : _props$sizes,
-      _props$gutterSize = props.gutterSize,
-      gutterSize = _props$gutterSize === void 0 ? 5 : _props$gutterSize,
-      _props$dragInterval = props.dragInterval,
-      dragInterval = _props$dragInterval === void 0 ? 1 : _props$dragInterval,
-      _props$minSize = props.minSize,
-      minSize = _props$minSize === void 0 ? 0 : _props$minSize,
-      children = props.children,
-      _props$direction = props.direction,
-      direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
-      _props$cursor = props.cursor,
-      cursor = _props$cursor === void 0 ? 'col-resize' : _props$cursor,
-      gutter = props.gutter,
-      elementStyle = props.elementStyle,
-      gutterStyle = props.gutterStyle,
-      onDrag = props.onDrag,
-      onDragStart = props.onDragStart,
-      onDragEnd = props.onDragEnd;
-  return /*#__PURE__*/React.createElement(Split, {
-    className: classNames('split-panel', className),
-    dragInterval: dragInterval,
-    gutterSize: gutterSize,
-    sizes: sizes,
-    minSize: minSize,
-    direction: direction,
-    style: style,
-    cursor: cursor,
-    gutter: gutter,
-    elementStyle: elementStyle,
-    gutterStyle: gutterStyle,
-    onDrag: onDrag,
-    onDragStart: onDragStart,
-    onDragEnd: onDragEnd
-  }, children);
+    style = props.style,
+    _props$sizes = props.sizes,
+    sizes = _props$sizes === void 0 ? [20, 80] : _props$sizes,
+    _props$gutterSize = props.gutterSize,
+    gutterSize = _props$gutterSize === void 0 ? 5 : _props$gutterSize,
+    _props$dragInterval = props.dragInterval,
+    dragInterval = _props$dragInterval === void 0 ? 1 : _props$dragInterval,
+    _props$minSize = props.minSize,
+    minSize = _props$minSize === void 0 ? 0 : _props$minSize,
+    children = props.children,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
+    _props$cursor = props.cursor,
+    cursor = _props$cursor === void 0 ? 'col-resize' : _props$cursor,
+    gutter = props.gutter,
+    elementStyle = props.elementStyle,
+    gutterStyle = props.gutterStyle,
+    onDrag = props.onDrag,
+    onDragStart = props.onDragStart,
+    onDragEnd = props.onDragEnd;
+  return (
+    /*#__PURE__*/
+    // @ts-ignore
+    React.createElement(Split, {
+      className: classNames('split-panel', className),
+      dragInterval: dragInterval,
+      gutterSize: gutterSize,
+      sizes: sizes,
+      minSize: minSize,
+      direction: direction,
+      style: style,
+      cursor: cursor,
+      gutter: gutter,
+      elementStyle: elementStyle,
+      gutterStyle: gutterStyle,
+      onDrag: onDrag,
+      onDragStart: onDragStart,
+      onDragEnd: onDragEnd
+    }, children)
+  );
 };
-
 export default Index;

package/es/config.js

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
@@ -34,17 +33,14 @@ globalSettingStream.pipe(map(function (p) {
 });
 var config = defaultConfig;
 /** 设置配置 */
-
 export var setConfig = function setConfig(opts) {
   config = _objectSpread(_objectSpread({}, config), opts);
 };
 /**  获取单个配置 */
-
 export function getConfigByKey(key) {
   return config[key];
 }
 /**  获取全部配置 */
-
 export var getConfig = function getConfig() {
   return config;
 };

package/es/framework/RxStore/demo/index.js

@@ -18,9 +18,9 @@ export default function () {
     return store.select(function (p) {
       return p;
     });
-  }); // console.log('storeVal', storeVal);
+  });
+  // console.log('storeVal', storeVal);
   // 将流转换为state
-
   var a = useRxObservable(function () {
     return store.select(function (p) {
       return p.a;
@@ -55,22 +55,21 @@ export default function () {
       });
     });
   });
-
   var _useState = useState(1),
-      _useState2 = _slicedToArray(_useState, 2),
-      count = _useState2[0],
-      setCount = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    count = _useState2[0],
+    setCount = _useState2[1];
   var getData = function getData() {
     return new Promise(function (resolve, reject) {
       setTimeout(function () {
-        resolve(store.value.a * store.value.b); // reject('dddd');
+        resolve(store.value.a * store.value.b);
+        // reject('dddd');
       }, 3000);
     });
   };
-
   var e = useRxEffect(function (event$) {
-    return event$.pipe( // debounceTime(1000),
+    return event$.pipe(
+    // debounceTime(1000),
     // distinctUntilChanged(),
     switchMap(function (p) {
       return from(getData()).pipe(map(function (p) {