ronds-metadata 1.0.37 → 1.0.40

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,23 @@
+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-04 15:56:22
+ */
+import React from 'react';
+
+function Index(props) {
+  var dataIndex = props.dataIndex;
+  return /*#__PURE__*/React.createElement(_Form.Item, {
+    name: dataIndex,
+    style: {
+      margin: 0
+    }
+  }, /*#__PURE__*/React.createElement(_Input, null));
+}
+
+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,23 @@
+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-04 14:57:57
+ */
+import React from 'react';
+
+function Index(props) {
+  var dataIndex = props.dataIndex;
+  return /*#__PURE__*/React.createElement(_Form.Item, {
+    name: dataIndex,
+    style: {
+      margin: 0
+    }
+  }, /*#__PURE__*/React.createElement(_InputNumber, null));
+}
+
+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,32 @@
+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"];
+
+/*
+ * @Author: wangxian
+ * @Date: 2022-03-04 14:53:50
+ * @LastEditTime: 2022-03-05 08:27:55
+ */
+import React from 'react';
+
+function Index(props) {
+  var dataIndex = props.dataIndex,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(_Form.Item, {
+    name: dataIndex,
+    style: {
+      margin: 0
+    }
+  }, /*#__PURE__*/React.createElement(_Select, {
+    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,24 @@
+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-05 08:53:21
+ */
+import React from 'react';
+
+function Index(props) {
+  var dataIndex = props.dataIndex;
+  return /*#__PURE__*/React.createElement(_Form.Item, {
+    name: dataIndex,
+    valuePropName: "checked",
+    style: {
+      margin: 0
+    }
+  }, /*#__PURE__*/React.createElement(_Switch, null));
+}
+
+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,
+      editRowKey = _ref.editRowKey;
+
+  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, editRowKey !== record._rowKey_ && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Button, {
+    type: "link",
+    disabled: (editRowKey || editRowKey === 0) && editRowKey !== record._rowKey_,
+    size: "small",
+    icon: /*#__PURE__*/React.createElement(EditOutlined, null),
+    onClick: onEdit,
+    title: '编辑'
+  }), /*#__PURE__*/React.createElement(_Divider, {
+    type: "vertical"
+  })), editRowKey === 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-07 13:40:57
+ */
+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,
+      editRowKey = _ref.editRowKey;
+
+  if (editableType === 'single') {
+    return /*#__PURE__*/React.createElement("td", restProps, editable && editRowKey === 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,40 @@
+import { TableProps } from 'antd';
+import { EditColumnsType, 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;
+}
+declare const Editable: (props: IEditableProps) => JSX.Element;
+export default Editable;

package/es/comps/Editable/index.js

@@ -0,0 +1,225 @@
+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 _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import "antd/es/message/style";
+import _message from "antd/es/message";
+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;
+  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]; // 当type为single的时候 只能编辑该行数据
+
+
+  var _React$useState3 = React.useState(),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      editRowKey = _React$useState4[0],
+      setEditRowkey = _React$useState4[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;
+        break;
+
+      case 'editRowKey':
+        setEditRowkey(data.payload._rowKey_);
+        editRowKeyRef.current = data.payload._rowKey_;
+        break;
+
+      case 'onSingleSave':
+        if (lastValueRef.current && lastValueRef.current.rowIdx === data.payload._rowKey_) {
+          onRowConfirm && onRowConfirm(lastValueRef.current);
+          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);
+        }
+
+        break;
+    }
+  }, []); // 定义内部的record
+
+  React.useEffect(function () {
+    if (dataSource) {
+      setRecords(_toConsumableArray(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'])), {}, {
+          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 _lastDataSourceRef$cu;
+
+    var res = records.map(function (it, idx) {
+      return _objectSpread({
+        _rowKey_: idx
+      }, it);
+    }); // 判断是否是新加行，如果是single类型的编辑框置为新加的一行
+
+    if (type === 'single' && !firstLoadRef.current && res.length > ((_lastDataSourceRef$cu = lastDataSourceRef.current) === null || _lastDataSourceRef$cu === void 0 ? void 0 : _lastDataSourceRef$cu.length)) {
+      setEditRowkey(res[res.length - 1]._rowKey_);
+      editRowKeyRef.current = res[res.length - 1]._rowKey_;
+    }
+
+    if (res.length > 0) {
+      firstLoadRef.current = false;
+    }
+
+    lastDataSourceRef.current = res;
+    return res;
+  }, [records, type]);
+
+  var onAddRow = function onAddRow() {
+    if (defaultValue) {
+      var _records = records;
+
+      if (addPosition === 'top') {
+        _records.unshift(defaultValue);
+      } else {
+        _records.push(defaultValue);
+      }
+
+      setRecords(_toConsumableArray(_records));
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditableContext.Provider, {
+    value: {
+      editableStream: editableStream,
+      editRowKey: editRowKey
+    }
+  }, /*#__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,48 @@
+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;
+    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>;
+    editRowKey: number;
+}
+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-07 15:13:45
+ */
+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/comps/MetadataEditV2/components/MetaFieldsEdit.d.ts

@@ -0,0 +1,6 @@
+interface IMetaFieldsEditProps {
+    defaultValues?: any;
+    onChange?: (values: any) => void;
+}
+declare const MetaFieldsEdit: (props: IMetaFieldsEditProps) => JSX.Element;
+export default MetaFieldsEdit;