ronds-metadata 1.0.39 → 1.0.42

package/README.md

@@ -1,25 +1,25 @@
-# ronds-metadata
-
-# 使用前准备
-
-在使用之前，推荐学习[容知的元数据规则](http://172.16.0.8:5000/oo/r/634418027609242111)
-
-# 安装及使用
-
-## 安装
-
-```
-yarn add ronds-metadata
-```
-
-## 使用
-
-### 引入所需组件
-
-在代码中 import 需要的组件并按照文档说明使用
-
-```
-import { MetadataFrom, MetadataEdit, JsonView, JsonEdit } from 'ronds-metadata';
-
-import { JsonMetadataProvider } from 'ronds-metadata/es/framework/metadata/index';
-```
+# ronds-metadata
+
+# 使用前准备
+
+在使用之前，推荐学习[容知的元数据规则](http://172.16.0.8:5000/oo/r/634418027609242111)
+
+# 安装及使用
+
+## 安装
+
+```
+yarn add ronds-metadata
+```
+
+## 使用
+
+### 引入所需组件
+
+在代码中 import 需要的组件并按照文档说明使用
+
+```
+import { MetadataFrom, MetadataEdit, JsonView, JsonEdit } from 'ronds-metadata';
+
+import { JsonMetadataProvider } from 'ronds-metadata/es/framework/metadata/index';
+```

package/es/comps/Editable/DataCell/Input.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { EditableCellProps } from '../interface';
+declare function Index(props: EditableCellProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Index>;
+export default _default;

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

@@ -0,0 +1,31 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+
+/*
+ * @Author: wangxian
+ * @Date: 2022-03-04 14:53:50
+ * @LastEditTime: 2022-03-08 14:16:12
+ */
+import React from 'react';
+import { EditableContext } from '../interface';
+
+function Index(props) {
+  var dataIndex = props.dataIndex,
+      disabled = props.disabled;
+
+  var _ref = React.useContext(EditableContext) || undefined,
+      editConfig = _ref.editConfig;
+
+  return /*#__PURE__*/React.createElement(_Form.Item, {
+    name: dataIndex,
+    style: {
+      margin: 0
+    }
+  }, /*#__PURE__*/React.createElement(_Input, {
+    disabled: editConfig.type === 'edit' ? disabled : false
+  }));
+}
+
+export default /*#__PURE__*/React.memo(Index);

package/es/comps/Editable/DataCell/Number.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare function Index(props: any): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Index>;
+export default _default;

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

@@ -0,0 +1,31 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/input-number/style";
+import _InputNumber from "antd/es/input-number";
+
+/*
+ * @Author: wangxian
+ * @Date: 2022-03-04 14:53:50
+ * @LastEditTime: 2022-03-08 14:16:01
+ */
+import React from 'react';
+import { EditableContext } from '../interface';
+
+function Index(props) {
+  var dataIndex = props.dataIndex,
+      disabled = props.disabled;
+
+  var _ref = React.useContext(EditableContext) || undefined,
+      editConfig = _ref.editConfig;
+
+  return /*#__PURE__*/React.createElement(_Form.Item, {
+    name: dataIndex,
+    style: {
+      margin: 0
+    }
+  }, /*#__PURE__*/React.createElement(_InputNumber, {
+    disabled: editConfig.type === 'edit' ? disabled : false
+  }));
+}
+
+export default /*#__PURE__*/React.memo(Index);

package/es/comps/Editable/DataCell/Select.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { EditableCellProps } from '../interface';
+declare function Index(props: EditableCellProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Index>;
+export default _default;

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

@@ -0,0 +1,38 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/select/style";
+import _Select from "antd/es/select";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["dataIndex", "disabled"];
+
+/*
+ * @Author: wangxian
+ * @Date: 2022-03-04 14:53:50
+ * @LastEditTime: 2022-03-08 14:14:18
+ */
+import React from 'react';
+import { EditableContext } from '../interface';
+
+function Index(props) {
+  var dataIndex = props.dataIndex,
+      disabled = props.disabled,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var _ref = React.useContext(EditableContext) || undefined,
+      editConfig = _ref.editConfig;
+
+  return /*#__PURE__*/React.createElement(_Form.Item, {
+    name: dataIndex,
+    style: {
+      margin: 0
+    }
+  }, /*#__PURE__*/React.createElement(_Select, {
+    disabled: editConfig.type === 'edit' ? disabled : false,
+    style: {
+      width: '100%'
+    },
+    options: restProps.enum
+  }));
+}
+
+export default /*#__PURE__*/React.memo(Index);

package/es/comps/Editable/DataCell/Switch.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare function Index(props: any): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Index>;
+export default _default;

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

@@ -0,0 +1,32 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/switch/style";
+import _Switch from "antd/es/switch";
+
+/*
+ * @Author: wangxian
+ * @Date: 2022-03-04 14:53:50
+ * @LastEditTime: 2022-03-08 14:14:22
+ */
+import React from 'react';
+import { EditableContext } from '../interface';
+
+function Index(props) {
+  var dataIndex = props.dataIndex,
+      disabled = props.disabled;
+
+  var _ref = React.useContext(EditableContext) || undefined,
+      editConfig = _ref.editConfig;
+
+  return /*#__PURE__*/React.createElement(_Form.Item, {
+    name: dataIndex,
+    valuePropName: "checked",
+    style: {
+      margin: 0
+    }
+  }, /*#__PURE__*/React.createElement(_Switch, {
+    disabled: editConfig.type === 'edit' ? disabled : false
+  }));
+}
+
+export default /*#__PURE__*/React.memo(Index);

package/es/comps/Editable/comps/EditableAction.d.ts

@@ -0,0 +1,6 @@
+interface IEditableActionProps {
+    type: 'single' | 'multiple';
+    record: any;
+}
+declare const EditableAction: (props: IEditableActionProps) => JSX.Element;
+export default EditableAction;

package/es/comps/Editable/comps/EditableAction.js

@@ -0,0 +1,81 @@
+import "antd/es/divider/style";
+import _Divider from "antd/es/divider";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import { EditOutlined, CloseOutlined, CheckOutlined, DeleteOutlined } from '@ant-design/icons';
+import React from 'react';
+import { EditableContext } from '../interface';
+
+var EditableAction = function EditableAction(props) {
+  var type = props.type,
+      record = props.record;
+
+  var _ref = React.useContext(EditableContext) || undefined,
+      editableStream = _ref.editableStream,
+      editConfig = _ref.editConfig;
+
+  var onEdit = function onEdit() {
+    editableStream.next({
+      type: 'editRowKey',
+      payload: record
+    });
+  };
+
+  var onCancel = function onCancel() {
+    editableStream.next({
+      type: 'editRowKey',
+      payload: {
+        _rowkey_: undefined
+      }
+    });
+  };
+
+  var onSave = function onSave() {
+    editableStream.next({
+      type: 'onSingleSave',
+      payload: record
+    });
+  };
+
+  var onDelete = function onDelete() {
+    editableStream.next({
+      type: 'onDelete',
+      payload: record
+    });
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'single' && /*#__PURE__*/React.createElement(React.Fragment, null, editConfig.curRow !== record._rowKey_ && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Button, {
+    type: "link",
+    disabled: (editConfig.curRow || editConfig.curRow === 0) && editConfig.curRow !== record._rowKey_,
+    size: "small",
+    icon: /*#__PURE__*/React.createElement(EditOutlined, null),
+    onClick: onEdit,
+    title: '编辑'
+  }), /*#__PURE__*/React.createElement(_Divider, {
+    type: "vertical"
+  })), editConfig.curRow === record._rowKey_ && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Button, {
+    type: "link",
+    size: "small",
+    icon: /*#__PURE__*/React.createElement(CheckOutlined, null),
+    onClick: onSave,
+    title: '确定'
+  }), /*#__PURE__*/React.createElement(_Divider, {
+    type: "vertical"
+  }), /*#__PURE__*/React.createElement(_Button, {
+    type: "link",
+    size: "small",
+    icon: /*#__PURE__*/React.createElement(CloseOutlined, null),
+    onClick: onCancel,
+    title: '取消'
+  }), /*#__PURE__*/React.createElement(_Divider, {
+    type: "vertical"
+  }))), /*#__PURE__*/React.createElement(_Button, {
+    type: "link",
+    size: "small",
+    icon: /*#__PURE__*/React.createElement(DeleteOutlined, null),
+    onClick: onDelete,
+    title: '删除'
+  }));
+};
+
+export default EditableAction;

package/es/comps/Editable/comps/EditableCell.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { EditableCellProps } from '../interface';
+declare const EditableCell: React.FC<EditableCellProps>;
+export default EditableCell;

package/es/comps/Editable/comps/EditableCell.js

@@ -0,0 +1,31 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["editable", "editableType", "dataIndex", "rowIndex", "children"];
+
+/*
+ * @Author: wangxian
+ * @Date: 2022-03-04 10:01:10
+ * @LastEditTime: 2022-03-08 14:06:58
+ */
+import React from 'react';
+import { EditableContext } from '../interface';
+import { getDataCell } from '../utils';
+
+var EditableCell = function EditableCell(props) {
+  var editable = props.editable,
+      editableType = props.editableType,
+      dataIndex = props.dataIndex,
+      rowIndex = props.rowIndex,
+      children = props.children,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var _ref = React.useContext(EditableContext) || undefined,
+      editConfig = _ref.editConfig;
+
+  if (editableType === 'single') {
+    return /*#__PURE__*/React.createElement("td", restProps, editable && editConfig.curRow === rowIndex ? getDataCell(props) : children);
+  }
+
+  return /*#__PURE__*/React.createElement("td", restProps, editable ? getDataCell(props) : children);
+};
+
+export default EditableCell;

package/es/comps/Editable/comps/EditableRow.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { EditableRowProps } from '../interface';
+declare const EditableRow: React.FC<EditableRowProps>;
+export default EditableRow;

package/es/comps/Editable/comps/EditableRow.js

@@ -0,0 +1,50 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import { EditableContext } from '../interface';
+
+var EditableRow = function EditableRow(props) {
+  var record = props.record;
+
+  var _Form$useForm = _Form.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var _ref = React.useContext(EditableContext) || undefined,
+      editableStream = _ref.editableStream;
+
+  React.useEffect(function () {
+    if (!form) return;
+    form.setFieldsValue(record);
+  }, [record]); // 编辑的时候初始化值
+  // React.useEffect(() => {
+  //   const subscription = editableStream.pipe(filter((p: any) => p?.type === 'editRowKey')).subscribe((p: IEditableStream) => {
+  //     form.setFieldsValue(p.payload);
+  //   });
+  //   return () => subscription.unsubscribe();
+  // }, [editableStream]);
+
+  var onValuesChange = function onValuesChange(values, allValues) {
+    if (editableStream) {
+      editableStream.next({
+        type: 'onValuesChange',
+        payload: {
+          rowIdx: record === null || record === void 0 ? void 0 : record._rowKey_,
+          values: values,
+          allValues: allValues
+        }
+      });
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Form, {
+    name: "editable_".concat(record === null || record === void 0 ? void 0 : record._rowKey_, "_"),
+    form: form,
+    initialValues: record,
+    onValuesChange: onValuesChange,
+    component: false
+  }, /*#__PURE__*/React.createElement("tr", props)));
+};
+
+export default EditableRow;

package/es/comps/Editable/index.d.ts

@@ -0,0 +1,49 @@
+import { TableProps } from 'antd';
+import { BehaviorSubject } from 'rxjs';
+import { EditColumnsType, IEditableStream, IMultipleProps } from './interface';
+interface IEditableProps<R = any> {
+    /**
+     * 单行编辑或多行编辑。
+     * 备注：
+     * type为multiple时，一定要设置defaultValue
+     */
+    type?: 'single' | 'multiple';
+    /**
+     * 表格列的配置描述
+     */
+    columns: EditColumnsType;
+    /**
+     * 当type为multiple的配置
+     */
+    multipleProps?: IMultipleProps;
+    /**
+     * 数据数组
+     */
+    dataSource: object[];
+    /**
+     * 只读
+     */
+    readonly?: boolean;
+    /**
+     * antd自身的属性
+     */
+    tableProps?: TableProps<R>;
+    /**
+     * 每行确认回调函数
+     */
+    onRowConfirm?: (record: any) => void;
+    /**
+     * 每行删除回调
+     */
+    onRowDelete?: (record: any) => void;
+    /**
+     * 表格数据的change触发事件
+     */
+    onMulChange?: (records: any) => void;
+    /**
+     * editable的事件流回调
+     */
+    getStreamInstance?: (subject: BehaviorSubject<IEditableStream | undefined>) => void;
+}
+declare const Editable: (props: IEditableProps) => JSX.Element;
+export default Editable;

package/es/comps/Editable/index.js

@@ -0,0 +1,264 @@
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/table/style";
+import _Table from "antd/es/table";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import "antd/es/message/style";
+import _message from "antd/es/message";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import { BehaviorSubject } from 'rxjs';
+import { pick, isArray } from 'lodash';
+import EditableCell from './comps/EditableCell';
+import EditableRow from './comps/EditableRow';
+import { EditableContext } from './interface';
+import EditableAction from './comps/EditableAction';
+
+var Editable = function Editable(props) {
+  var _props$type = props.type,
+      type = _props$type === void 0 ? 'single' : _props$type,
+      readonly = props.readonly,
+      columns = props.columns,
+      dataSource = props.dataSource,
+      _props$multipleProps = props.multipleProps,
+      multipleProps = _props$multipleProps === void 0 ? {
+    defaultValue: '',
+    addPosition: 'bottom'
+  } : _props$multipleProps,
+      tableProps = props.tableProps,
+      onRowConfirm = props.onRowConfirm,
+      onRowDelete = props.onRowDelete,
+      onMulChange = props.onMulChange,
+      getStreamInstance = props.getStreamInstance;
+  var defaultValue = multipleProps.defaultValue,
+      addPosition = multipleProps.addPosition;
+
+  var _React$useState = React.useState([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      records = _React$useState2[0],
+      setRecords = _React$useState2[1];
+
+  var recordsRef = React.useRef([]); // 当type为single的时候 只能编辑该行数据
+
+  var _React$useState3 = React.useState(),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      editRowKey = _React$useState4[0],
+      setEditRowkey = _React$useState4[1];
+
+  var _React$useState5 = React.useState('add'),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      editType = _React$useState6[0],
+      setEditType = _React$useState6[1];
+
+  var editRowKeyRef = React.useRef(); // 记录上一次发生改变的行值
+
+  var lastValueRef = React.useRef(); // 记录上一次的datasource
+
+  var lastDataSourceRef = React.useRef();
+  var firstLoadRef = React.useRef(true); // 定义处理编辑表格的数据流
+
+  var editableStream = React.useMemo(function () {
+    return new BehaviorSubject(undefined);
+  }, []);
+  var processStreamFactory = React.useCallback(function (data) {
+    switch (data === null || data === void 0 ? void 0 : data.type) {
+      case 'onValuesChange':
+        lastValueRef.current = data.payload; // type为multiple时候处理records
+
+        if (type === 'multiple') {
+          var _records = recordsRef.current;
+          _records[data.payload.rowIdx] = data.payload.allValues;
+          onMulChange && onMulChange(_records);
+        }
+
+        break;
+
+      case 'editRowKey':
+        if (Object.keys(data.payload).length > 1) {
+          setEditType('edit');
+        } else {
+          setEditType('add');
+        }
+
+        setEditRowkey(data.payload._rowKey_);
+        editRowKeyRef.current = data.payload._rowKey_;
+        break;
+
+      case 'onSingleSave':
+        if (lastValueRef.current && lastValueRef.current.rowIdx === data.payload._rowKey_) {
+          onRowConfirm && onRowConfirm({
+            rowIdx: lastValueRef.current.rowIdx,
+            values: lastValueRef.current.values,
+            allValues: _objectSpread(_objectSpread({}, recordsRef.current[lastValueRef.current.rowIdx]), lastValueRef.current.allValues)
+          });
+          editRowKeyRef.current = undefined;
+          setEditRowkey(undefined);
+        } else {
+          _message.warn('当前值无修改');
+        }
+
+        break;
+
+      case 'onDelete':
+        if (type === 'single') {
+          // 如果删除的 是正在编辑的 重置状态
+          if (editRowKeyRef.current === data.payload._rowKey_) {
+            setEditRowkey(undefined);
+            editRowKeyRef.current = undefined;
+          }
+
+          onRowDelete && onRowDelete(data.payload);
+        }
+
+        if (type === 'multiple') {
+          var _records2 = recordsRef.current;
+
+          _records2.splice(data.payload._rowKey_, 1);
+
+          setRecords(_toConsumableArray(_records2));
+          recordsRef.current = _records2;
+        }
+
+        break;
+    }
+  }, [type]); // 返回stream的实例
+
+  React.useEffect(function () {
+    if (firstLoadRef && editableStream) {
+      getStreamInstance && getStreamInstance(editableStream);
+      firstLoadRef.current = false;
+    }
+  }, [editableStream]); // 定义内部的record
+
+  React.useEffect(function () {
+    if (dataSource) {
+      setRecords(_toConsumableArray(dataSource));
+      recordsRef.current = dataSource;
+    }
+  }, [dataSource]); // 集中处理数据流
+
+  React.useEffect(function () {
+    var subscription = editableStream.subscribe(function (p) {
+      processStreamFactory(p);
+    });
+    return function () {
+      return subscription.unsubscribe();
+    };
+  }, [editableStream, processStreamFactory]);
+  var getEditColumn = React.useCallback(function (column) {
+    var _column = _objectSpread(_objectSpread({}, column), {}, {
+      children: isArray(column === null || column === void 0 ? void 0 : column.children) ? column.children.map(getEditColumn) : undefined
+    });
+
+    if (column.editable && !readonly) {
+      _column.onCell = function (record, rowIndex) {
+        return _objectSpread(_objectSpread({
+          record: record,
+          editableType: type
+        }, pick(column, ['editable', 'title', 'dataIndex', 'type', 'enum', 'disabled'])), {}, {
+          rowIndex: rowIndex
+        });
+      };
+    }
+
+    return _column;
+  }, [readonly, type]); // 处理一下编辑表格的数据
+
+  var _columns = React.useMemo(function () {
+    var res = columns.map(getEditColumn);
+
+    if (!readonly) {
+      var _aciton_ = {
+        dataKey: '_aciton_',
+        title: '操作',
+        width: 60,
+        maxWidth: 60,
+        export: false,
+        minWidth: 60,
+        frozen: 'right',
+        render: function render(val, record) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditableAction, {
+            type: type,
+            record: record
+          }));
+        }
+      };
+      res.push(_aciton_);
+    }
+
+    return res;
+  }, [columns, readonly, type]); // 主要是自己加一层rowkey
+
+
+  var _dataSource = React.useMemo(function () {
+    var res = records.map(function (it, idx) {
+      return _objectSpread({
+        _rowKey_: idx
+      }, it);
+    });
+
+    if (res.length > 0) {
+      firstLoadRef.current = false;
+    }
+
+    lastDataSourceRef.current = res;
+    return res;
+  }, [records, type]);
+
+  var onAddRow = function onAddRow() {
+    if (defaultValue) {
+      var _records = recordsRef.current;
+
+      if (addPosition === 'top') {
+        _records.unshift(defaultValue);
+      } else {
+        _records.push(defaultValue);
+      }
+
+      setRecords(_toConsumableArray(_records));
+      recordsRef.current = _records;
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditableContext.Provider, {
+    value: {
+      editableStream: editableStream,
+      editConfig: {
+        curRow: editRowKey,
+        type: editType
+      }
+    }
+  }, /*#__PURE__*/React.createElement(_Table, _extends({
+    bordered: true
+  }, tableProps, {
+    pagination: false,
+    rowKey: "_rowKey_",
+    size: "small",
+    columns: _columns,
+    dataSource: _dataSource,
+    components: {
+      body: {
+        row: EditableRow,
+        cell: EditableCell
+      }
+    },
+    onRow: function onRow(record, index) {
+      return {
+        record: record,
+        index: index
+      };
+    }
+  })), type === 'multiple' && /*#__PURE__*/React.createElement(_Button, {
+    block: true,
+    type: "dashed",
+    style: {
+      marginBottom: 16,
+      marginTop: 16
+    },
+    onClick: onAddRow
+  }, "\u6DFB\u52A0\u4E00\u884C")));
+};
+
+export default Editable;

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

@@ -0,0 +1,58 @@
+import { ColumnsType } from 'antd/lib/table/interface';
+import React from 'react';
+import { BehaviorSubject } from 'rxjs';
+export interface EditableCellProps extends React.HTMLAttributes<HTMLElement> {
+    title: any;
+    editable: boolean;
+    disabled?: boolean;
+    dataIndex: number;
+    rowIndex: number;
+    record: any;
+    type: InputType;
+    editableType: 'single' | 'multiple';
+    enum?: {
+        label: string;
+        value: string;
+    }[];
+    children: React.ReactNode;
+}
+export interface EditableRowProps extends React.HTMLAttributes<HTMLElement> {
+    rowIndex: number;
+    record?: any;
+}
+export declare type InputType = 'bool' | 'number' | 'text' | 'enum' | string;
+export interface EditColumnsType extends ColumnsType<any> {
+    type?: InputType;
+    enum?: {
+        label: string;
+        value: string;
+    }[];
+}
+export interface IEditableStream {
+    type: string;
+    payload: any;
+}
+export interface IEditableContextProps {
+    editableStream: BehaviorSubject<IEditableStream | undefined>;
+    editConfig: {
+        /**
+         * 当前编辑的行
+         */
+        curRow: number;
+        /**
+         * 当前行是编辑还是新增
+         */
+        type: 'edit' | 'add';
+    };
+}
+export declare const EditableContext: React.Context<IEditableContextProps>;
+export interface IMultipleProps {
+    /**
+     * 新增一列 默认的值
+     */
+    defaultValue: any;
+    /**
+     * 添加行的位置
+     */
+    addPosition?: 'top' | 'bottom';
+}

package/es/comps/Editable/interface.js

@@ -0,0 +1,7 @@
+/*
+ * @Author: wangxian
+ * @Date: 2022-03-04 15:07:57
+ * @LastEditTime: 2022-03-08 13:59:06
+ */
+import React from 'react';
+export var EditableContext = /*#__PURE__*/React.createContext(null);

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

@@ -0,0 +1,2 @@
+import { EditableCellProps } from './interface';
+export declare function getDataCell(item: EditableCellProps): JSX.Element;

package/es/comps/Editable/utils.js

@@ -0,0 +1,24 @@
+/*
+ * @Author: wangxian
+ * @Date: 2022-03-04 14:59:04
+ * @LastEditTime: 2022-03-04 15:28:47
+ */
+import React from 'react';
+import Input from './DataCell/Input';
+import Number from './DataCell/Number';
+import Select from './DataCell/Select';
+import Switch from './DataCell/Switch';
+var DataCellMap = {
+  text: Input,
+  number: Number,
+  enum: Select,
+  bool: Switch
+};
+export function getDataCell(item) {
+  if (item.type && DataCellMap[item.type]) {
+    var Comm = DataCellMap[item.type];
+    return /*#__PURE__*/React.createElement(Comm, item);
+  }
+
+  return null;
+}

package/es/framework/http/cache.js

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import { cloneDeep } from 'lodash';
 /**
@@ -8,7 +7,7 @@ import { cloneDeep } from 'lodash';
  * @class httpCache
  */
 
-var HttpCache = /*#__PURE__*/_createClass(function HttpCache() {
+var HttpCache = function HttpCache() {
   var _this = this;
 
   _classCallCheck(this, HttpCache);
@@ -132,7 +131,7 @@ var HttpCache = /*#__PURE__*/_createClass(function HttpCache() {
       });
     }
   };
-});
+};
 
 window.rondsGraphCache = window.rondsGraphCache ? window.rondsGraphCache : new HttpCache();
 export default window.rondsGraphCache;

package/es/framework/http/index.js

@@ -64,7 +64,7 @@ httpClient.defaults.timeout = defaultOptions.timeout;
  * @template T
  */
 
-export var BaseResData = /*#__PURE__*/_createClass(function BaseResData(data, successed) {
+export var BaseResData = function BaseResData(data, successed) {
   var msg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   var status = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 200;
   var errData = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
@@ -94,7 +94,7 @@ export var BaseResData = /*#__PURE__*/_createClass(function BaseResData(data, su
   if (this.successed === false) {
     this.data = undefined;
   }
-}); //数据转换拦截器
+}; //数据转换拦截器
 
 httpClient.interceptors.response.use(function (response) {
   //正常数据

package/es/framework/metadata/index.js

@@ -47,12 +47,12 @@ export var Enum = /*#__PURE__*/function () {
 
   return Enum;
 }();
-export var Array = /*#__PURE__*/_createClass(function Array(items) {
+export var Array = function Array(items) {
   _classCallCheck(this, Array);
 
   this.items = void 0;
   this.items = items;
-});
+};
 export var MetaObject = /*#__PURE__*/function () {
   function MetaObject() {
     _classCallCheck(this, MetaObject);

package/es/framework/metadata/types.d.ts

@@ -1,87 +1,87 @@
-export type IMetaType = 'object' | 'ref' | 'bool' | 'number' | 'text' | 'enum' | 'array' | string;
-
-export type IMetaData = {
-  /**
-   * 类名称/属性名称
-   */
-  id: string;
-  /**
-   * 类型
-   */
-  type: IMetaType;
-  /**
-   * 属性
-   */
-  properties?: IMetaProperties[];
-
-  /**
-   * 引用id
-   */
-  refId?: string;
-  /**
-   * 静态的变量
-   */
-  fields?: IMetaFileds[];
-};
-
-export type IMetaProperties = {
-  /**
-   * 类规则名称
-   */
-  id: string;
-
-  /**
-   * 类型
-   */
-  type: IMetaType;
-
-  /**
-   * 引用id
-   */
-  refId?: string;
-  /**
-   * 静态的变量
-   */
-  fields?: IMetaFileds[];
-  /**
-   * 枚举值
-   */
-  enum?: { value: string }[];
-  /**
-   * 数组类型
-   */
-  items?: { type: IMetaType; refId?: string };
-};
-
-export type IMetaFileds = {
-  /**
-   * 规则名称
-   */
-  id: string;
-
-  /**
-   * 类型
-   */
-  type: IMetaType;
-
-  /**
-   * 引用id
-   */
-  refId?: string;
-
-  /**
-   * 规则值
-   */
-  value: any;
-};
-
-export interface IAPI {
-  // 获取元数据列表
-  GetMetadataList(keyWords?: string[]): Promise<{ id: string; name: string; schema: string }[]>;
-  // 通过元数据Id获取元数据详情
-  GetMetadataDetailById(metadataId: string): Promise<any>;
-  // 新增元数据
-  SaveMetadata(data: any, metadataTag: string): Promise<any>;
-  // 获取元数据的值
-  GetMetadataObjList(data: any): Promise<any[]>;
-}
+export type IMetaType = 'object' | 'ref' | 'bool' | 'number' | 'text' | 'enum' | 'array' | string;
+
+export type IMetaData = {
+  /**
+   * 类名称/属性名称
+   */
+  id: string;
+  /**
+   * 类型
+   */
+  type: IMetaType;
+  /**
+   * 属性
+   */
+  properties?: IMetaProperties[];
+
+  /**
+   * 引用id
+   */
+  refId?: string;
+  /**
+   * 静态的变量
+   */
+  fields?: IMetaFileds[];
+};
+
+export type IMetaProperties = {
+  /**
+   * 类规则名称
+   */
+  id: string;
+
+  /**
+   * 类型
+   */
+  type: IMetaType;
+
+  /**
+   * 引用id
+   */
+  refId?: string;
+  /**
+   * 静态的变量
+   */
+  fields?: IMetaFileds[];
+  /**
+   * 枚举值
+   */
+  enum?: { value: string }[];
+  /**
+   * 数组类型
+   */
+  items?: { type: IMetaType; refId?: string };
+};
+
+export type IMetaFileds = {
+  /**
+   * 规则名称
+   */
+  id: string;
+
+  /**
+   * 类型
+   */
+  type: IMetaType;
+
+  /**
+   * 引用id
+   */
+  refId?: string;
+
+  /**
+   * 规则值
+   */
+  value: any;
+};
+
+export interface IAPI {
+  // 获取元数据列表
+  GetMetadataList(keyWords?: string[]): Promise<{ id: string; name: string; schema: string }[]>;
+  // 通过元数据Id获取元数据详情
+  GetMetadataDetailById(metadataId: string): Promise<any>;
+  // 新增元数据
+  SaveMetadata(data: any, metadataTag: string): Promise<any>;
+  // 获取元数据的值
+  GetMetadataObjList(data: any): Promise<any[]>;
+}

package/es/index.d.ts

@@ -3,6 +3,7 @@ export { default as MetadataEditV2 } from './comps/MetadataEditV2';
 export { default as MetadataForm } from './comps/MetadataForm';
 export { default as JsonView } from './comps/JsonView';
 export { default as JsonEdit } from './comps/JsonEdit';
+export { default as Editable } from './comps/Editable';
 export * from './framework/metadata/index';
 export { default as http, addInterceptor } from './framework/http/index';
 export { registerMetadataAPI } from './framework/metadata/MetadataService';

package/es/index.js

@@ -1,15 +1,14 @@
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-03-03 17:12:29
- * @LastEditors: Please set LastEditors
- * @FilePath: \ronds.metadata\src\index.ts
+ * @LastEditTime: 2022-03-04 16:53:30
  */
 export { default as MetadataEdit } from './comps/MetadataEdit';
 export { default as MetadataEditV2 } from './comps/MetadataEditV2';
 export { default as MetadataForm } from './comps/MetadataForm';
 export { default as JsonView } from './comps/JsonView';
 export { default as JsonEdit } from './comps/JsonEdit';
+export { default as Editable } from './comps/Editable';
 export * from './framework/metadata/index';
 export { default as http, addInterceptor } from './framework/http/index';
 export { registerMetadataAPI } from './framework/metadata/MetadataService';

package/package.json

@@ -1,74 +1,76 @@
 {
-    "public": true,
-    "name": "ronds-metadata",
-    "version": "1.0.39",
-    "scripts": {
-        "start": "dumi dev",
-        "docs:build": "dumi build",
-        "docs:deploy": "gh-pages -d docs-dist",
-        "build": "father-build",
-        "deploy": "npm run docs:build && npm run docs:deploy",
-        "release": "npm run build && npm publish",
-        "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
-        "test": "umi-test",
-        "test:coverage": "umi-test --coverage"
-    },
-    "main": "es",
-    "module": "es",
-    "types": "es/index.d.ts",
-    "gitHooks": {
-        "pre-commit": "lint-staged"
-    },
-    "lint-staged": {
-        "*.{js,jsx,less,md,json}": [
-            "prettier --write"
-        ],
-        "*.ts?(x)": [
-            "prettier --parser=typescript --write"
-        ]
-    },
-    "files": [
-        "/es"
+ "public": true,
+  "name": "ronds-metadata",
+  "version": "1.0.42",
+  "scripts": {
+    "start": "dumi dev",
+    "docs:build": "dumi build",
+    "docs:deploy": "gh-pages -d docs-dist",
+    "build": "father-build",
+    "deploy": "npm run docs:build && npm run docs:deploy",
+    "release": "npm run build && npm publish",
+    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "test": "umi-test",
+    "test:coverage": "umi-test --coverage"
+  },
+  "main": "es",
+  "module": "es",
+  "types": "es/index.d.ts",
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  },
+  "lint-staged": {
+    "*.{js,jsx,less,md,json}": [
+      "prettier --write"
     ],
-    "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.12.13",
-        "@babel/runtime": "^7.11.2",
-        "@popperjs/core": "^2.4.4",
-        "axios": "^0.21.4",
-        "babel-plugin-import": "^1.13.3",
-        "babel-plugin-transform-remove-console": "^6.9.4",
-        "bl": "^5.0.0",
-        "codemirror": "^5.63.0",
-        "lodash": "^4.17.21",
-        "qs": "^6.10.1",
-        "react": "^16.12.0",
-        "react-color": "^2.19.3"
-    },
-    "peerDependencies": {
-        "antd": ">=4.1.5",
-        "react": ">=16.12.0",
-        "react-dom": ">=16.12.0",
-        "react-router": ">=5.0.0",
-        "styled-components": ">=4.1.1"
-    },
-    "devDependencies": {
-        "@types/react": "^16.9.48",
-        "@types/react-dom": "^16.9.8",
-        "@types/react-router": "^5.1.8",
-        "@types/react-window": "^1.8.2",
-        "@types/styled-components": "^5.1.2",
-        "@umijs/test": "^3.0.5",
-        "antd": "^4.16.6",
-        "babel-loader": "^8.1.0",
-        "css-loader": "^4.2.2",
-        "dumi": "^1.0.16",
-        "father-build": "^1.17.2",
-        "gh-pages": "^3.0.0",
-        "less-loader": "^7.0.0",
-        "lint-staged": "^10.0.7",
-        "prettier": "^2.2.1",
-        "style-loader": "^1.2.1",
-        "webpack-cli": "^3.3.12",
-        "yorkie": "^2.0.0"
-    }
-}
+    "*.ts?(x)": [
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "files": [
+    "/es"
+  ],
+  "dependencies": {
+    "@babel/helper-create-regexp-features-plugin": "^7.12.13",
+    "@babel/runtime": "^7.11.2",
+    "@popperjs/core": "^2.4.4",
+    "axios": "^0.21.4",
+    "babel-plugin-import": "^1.13.3",
+    "babel-plugin-transform-remove-console": "^6.9.4",
+    "bl": "^5.0.0",
+    "codemirror": "^5.63.0",
+    "lodash": "^4.17.21",
+    "qs": "^6.10.1",
+    "react": "^16.12.0",
+    "react-color": "^2.19.3",
+    "rxjs": "^7.5.4"
+  },
+  "peerDependencies": {
+    "antd": ">=4.1.5",
+    "react": ">=16.12.0",
+    "react-dom": ">=16.12.0",
+    "react-router": ">=5.0.0",
+    "styled-components": ">=4.1.1"
+  },
+  "devDependencies": {
+    "@types/react": "^16.9.48",
+    "@types/react-dom": "^16.9.8",
+    "@types/react-router": "^5.1.8",
+    "@types/react-window": "^1.8.2",
+    "@types/styled-components": "^5.1.2",
+    "@umijs/test": "^3.0.5",
+    "antd": "^4.16.6",
+    "babel-loader": "^8.1.0",
+    "css-loader": "^4.2.2",
+    "dumi": "^1.0.16",
+    "father-build": "^1.17.2",
+    "gh-pages": "^3.0.0",
+    "less-loader": "^7.0.0",
+    "lint-staged": "^10.0.7",
+    "prettier": "^2.2.1",
+    "style-loader": "^1.2.1",
+    "webpack-cli": "^3.3.12",
+    "yorkie": "^2.0.0"
+  }
+}
+