ronds-metadata 1.2.38 → 1.2.39

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

@@ -3,46 +3,42 @@ import "antd/es/message/style";
 import _message from "antd/es/message";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["title", "isAddColumn", "editable", "record", "editableType", "dataIndex", "rowIndex", "children", "className"];
+/*
+ * @Author: wangxian
+ * @Date: 2022-03-04 10:01:10
+ * @LastEditTime: 2023-03-25 09:01:46
+ */
 import React from 'react';
 import { EditableContext } from '../interface';
 import { getDataCell, isFreeEditCell, isFreeEditRow } from '../utils';
 import './index.less';
 import Texty from './Texty';
 import { tr } from '../../../framework/locale';
-
 var EditableCell = function EditableCell(props) {
   var title = props.title,
-      isAddColumn = props.isAddColumn,
-      editable = props.editable,
-      record = props.record,
-      editableType = props.editableType,
-      dataIndex = props.dataIndex,
-      rowIndex = props.rowIndex,
-      children = props.children,
-      className = props.className,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+    isAddColumn = props.isAddColumn,
+    editable = props.editable,
+    record = props.record,
+    editableType = props.editableType,
+    dataIndex = props.dataIndex,
+    rowIndex = props.rowIndex,
+    children = props.children,
+    className = props.className,
+    restProps = _objectWithoutProperties(props, _excluded);
   var _ref = React.useContext(EditableContext) || undefined,
-      editableStream = _ref.editableStream,
-      editConfig = _ref.editConfig;
-
+    editableStream = _ref.editableStream,
+    editConfig = _ref.editConfig;
   var onCellDoubleClick = function onCellDoubleClick() {
     var _editConfig$editCellK, _editConfig$editCellK2;
-
     if ((editConfig === null || editConfig === void 0 ? void 0 : editConfig.curRow) && (editConfig === null || editConfig === void 0 ? void 0 : editConfig.curRow) !== 'undefined') {
       if (isFreeEditRow(editConfig.curRow, rowIndex)) return;
-
       _message.warning(tr('请先保存正在编辑的行'));
-
       return;
     }
-
     if (((editConfig === null || editConfig === void 0 ? void 0 : (_editConfig$editCellK = editConfig.editCellKey) === null || _editConfig$editCellK === void 0 ? void 0 : _editConfig$editCellK.rowIndex) || (editConfig === null || editConfig === void 0 ? void 0 : (_editConfig$editCellK2 = editConfig.editCellKey) === null || _editConfig$editCellK2 === void 0 ? void 0 : _editConfig$editCellK2.rowIndex) === 0) && rowIndex !== editConfig.editCellKey.rowIndex) {
       _message.warning(tr('请先保存正在编辑的行'));
-
       return;
     }
-
     editableStream.next({
       type: 'editCellKey',
       payload: {
@@ -51,7 +47,6 @@ var EditableCell = function EditableCell(props) {
       }
     });
   };
-
   var onCellClick = function onCellClick() {
     if (isAddColumn) {
       editableStream.next({
@@ -60,7 +55,6 @@ var EditableCell = function EditableCell(props) {
       });
     }
   };
-
   if (restProps === null || restProps === void 0 ? void 0 : restProps.colSpan) {
     return /*#__PURE__*/React.createElement("td", _extends({}, restProps, {
       className: "".concat(className, " ").concat(isAddColumn && editConfig.editHeardCellKey === dataIndex ? 'border-right' : '', " "),
@@ -69,7 +63,6 @@ var EditableCell = function EditableCell(props) {
       }
     }), children);
   }
-
   if (editableType === 'single') {
     return /*#__PURE__*/React.createElement("td", _extends({}, restProps, {
       className: "".concat(className, " ").concat(isAddColumn && editConfig.editHeardCellKey === dataIndex ? 'border-right' : '', " ")
@@ -80,7 +73,6 @@ var EditableCell = function EditableCell(props) {
       tooltipMaxWidth: 800
     }, children));
   }
-
   if (editableType === 'freedom') {
     return /*#__PURE__*/React.createElement("td", _extends({
       onDoubleClick: onCellDoubleClick,
@@ -94,7 +86,6 @@ var EditableCell = function EditableCell(props) {
       tooltipMaxWidth: 800
     }, children));
   }
-
   return /*#__PURE__*/React.createElement("td", _extends({}, restProps, {
     className: "".concat(className, " ").concat(isAddColumn && editConfig.editHeardCellKey === dataIndex ? 'border-right' : '', " ")
   }), editable ? getDataCell(props) : /*#__PURE__*/React.createElement(Texty, {
@@ -104,5 +95,4 @@ var EditableCell = function EditableCell(props) {
     tooltipMaxWidth: 800
   }, children));
 };
-
 export default EditableCell;

package/es/comps/Editable/comps/EditableHeardCell.js

@@ -11,72 +11,64 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["title", "dataIndex", "isAddColumn", "children", "className", "style"];
+/*
+ * @Author: wangxian
+ * @Date: 2022-03-04 10:01:10
+ * @LastEditTime: 2022-07-06 14:16:29
+ */
 import { PlusSquareOutlined, DeleteOutlined } from '@ant-design/icons';
 import React from 'react';
 import { EditableContext } from '../interface';
 import { tr } from '../../../framework/locale';
 import './index.less';
 import Texty from './Texty';
-
 var EditableHeardCell = function EditableHeardCell(props) {
   var title = props.title,
-      dataIndex = props.dataIndex,
-      isAddColumn = props.isAddColumn,
-      children = props.children,
-      className = props.className,
-      style = props.style,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+    dataIndex = props.dataIndex,
+    isAddColumn = props.isAddColumn,
+    children = props.children,
+    className = props.className,
+    style = props.style,
+    restProps = _objectWithoutProperties(props, _excluded);
   var _ref = React.useContext(EditableContext) || undefined,
-      editableStream = _ref.editableStream,
-      editConfig = _ref.editConfig;
-
+    editableStream = _ref.editableStream,
+    editConfig = _ref.editConfig;
   var addColumnRef = React.useRef({
     title: ''
   });
-
   var _React$useState = React.useState({
-    title: ''
-  }),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      addColumn = _React$useState2[0],
-      setAddColumn = _React$useState2[1];
-
+      title: ''
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    addColumn = _React$useState2[0],
+    setAddColumn = _React$useState2[1];
   var _React$useState3 = React.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      visible = _React$useState4[0],
-      setVisible = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    visible = _React$useState4[0],
+    setVisible = _React$useState4[1];
   var myStyle = React.useMemo(function () {
     var res = {};
-
     if (style === null || style === void 0 ? void 0 : style.right) {
       res = _objectSpread(_objectSpread({}, style), {}, {
         right: (style === null || style === void 0 ? void 0 : style.right) - 6
       });
     }
-
     return res;
   }, [style]);
   var myClassName = React.useMemo(function () {
     var _cls = className;
-
     if (_cls && _cls.indexOf('ant-table-cell-scrollbar')) {
       _cls = _cls.replace('ant-table-cell-scrollbar', '');
     }
-
     return _cls;
   }, [className]);
-
   var onMouseOver = function onMouseOver() {
     editableStream.next({
       type: 'editHeardCellKey',
       payload: dataIndex
     });
   };
-
   var onMouseLeave = function onMouseLeave() {};
-
   var onAddColumn = function onAddColumn() {
     setVisible(false);
     editableStream.next({
@@ -92,7 +84,6 @@ var EditableHeardCell = function EditableHeardCell(props) {
       title: ''
     };
   };
-
   var onDeleteColumn = function onDeleteColumn() {
     setVisible(false);
     editableStream.next({
@@ -102,7 +93,6 @@ var EditableHeardCell = function EditableHeardCell(props) {
       }
     });
   };
-
   var content = /*#__PURE__*/React.createElement("div", {
     style: {
       width: '100px'
@@ -129,11 +119,9 @@ var EditableHeardCell = function EditableHeardCell(props) {
     block: true,
     onClick: onAddColumn
   }, tr('确定'))));
-
   var onVisibleChange = function onVisibleChange(b) {
     setVisible(b);
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("th", _extends({
     className: "".concat(myClassName, " ant-table-th font-bold ").concat(isAddColumn && editConfig.editHeardCellKey === dataIndex ? 'border-right ' : '', " ")
   }, restProps, {
@@ -168,5 +156,4 @@ var EditableHeardCell = function EditableHeardCell(props) {
     onMouseLeave: onMouseLeave
   }, /*#__PURE__*/React.createElement(Texty, null, children))));
 };
-
 export default EditableHeardCell;

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

@@ -2,79 +2,72 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/*
+ * @Author: wangxian
+ * @Date: 2022-03-04 10:01:10
+ * @LastEditTime: 2023-01-04 10:39:58
+ */
 import React from 'react';
 import { useDrag, useDrop } from 'react-dnd';
 import { DND_TYPE, EditableContext } from '../interface';
-
 var EditableRow = function EditableRow(props) {
   var record = props.record,
-      index = props.index,
-      className = props.className,
-      onMove = props.onMove;
-
+    index = props.index,
+    className = props.className,
+    onMove = props.onMove;
   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 ref = React.useRef(null);
-
   var _ref = React.useContext(EditableContext) || undefined,
-      editableStream = _ref.editableStream;
-
+    editableStream = _ref.editableStream;
   React.useEffect(function () {
     if (!form) return;
     form.setFieldsValue(record);
   }, [record]);
-
   var _useDrop = useDrop({
-    accept: DND_TYPE,
-    collect: function collect(monitor) {
-      var _ref2 = monitor.getItem() || {},
+      accept: DND_TYPE,
+      collect: function collect(monitor) {
+        var _ref2 = monitor.getItem() || {},
           dragIndex = _ref2.index;
-
-      if (dragIndex === index || !onMove) {
-        return {};
+        if (dragIndex === index || !onMove) {
+          return {};
+        }
+        return {
+          isOver: monitor.isOver(),
+          dropClassName: dragIndex < index ? ' drop-over-downward' : ' drop-over-upward'
+        };
+      },
+      drop: function drop(item, monitor) {
+        onMove && onMove({
+          dragIndex: item.index,
+          hoverIndex: index
+        });
       }
-
-      return {
-        isOver: monitor.isOver(),
-        dropClassName: dragIndex < index ? ' drop-over-downward' : ' drop-over-upward'
-      };
-    },
-    drop: function drop(item, monitor) {
-      onMove && onMove({
-        dragIndex: item.index,
-        hoverIndex: index
-      });
-    }
-  }),
-      _useDrop2 = _slicedToArray(_useDrop, 2),
-      _useDrop2$ = _useDrop2[0],
-      isOver = _useDrop2$.isOver,
-      dropClassName = _useDrop2$.dropClassName,
-      drop = _useDrop2[1];
-
+    }),
+    _useDrop2 = _slicedToArray(_useDrop, 2),
+    _useDrop2$ = _useDrop2[0],
+    isOver = _useDrop2$.isOver,
+    dropClassName = _useDrop2$.dropClassName,
+    drop = _useDrop2[1];
   var _useDrag = useDrag({
-    item: {
-      index: index,
-      type: DND_TYPE
-    },
-    end: function end(item, monitor) {
-      var dropResult = monitor.getDropResult();
-
-      if (item && dropResult) {}
-    },
-    collect: function collect(monitor) {
-      return {
-        isDragging: monitor.isDragging()
-      };
-    }
-  }),
-      _useDrag2 = _slicedToArray(_useDrag, 2),
-      drag = _useDrag2[1];
-
+      item: {
+        index: index,
+        type: DND_TYPE
+      },
+      end: function end(item, monitor) {
+        var dropResult = monitor.getDropResult();
+        if (item && dropResult) {}
+      },
+      collect: function collect(monitor) {
+        return {
+          isDragging: monitor.isDragging()
+        };
+      }
+    }),
+    _useDrag2 = _slicedToArray(_useDrag, 2),
+    drag = _useDrag2[1];
   onMove && drop(drag(ref));
-
   var onValuesChange = function onValuesChange(values, allValues) {
     if (editableStream) {
       editableStream.next({
@@ -87,7 +80,6 @@ var EditableRow = function EditableRow(props) {
       });
     }
   };
-
   var onRowClick = function onRowClick() {
     editableStream.next({
       type: 'onRowClick',
@@ -96,7 +88,6 @@ var EditableRow = function EditableRow(props) {
       }
     });
   };
-
   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,
@@ -114,5 +105,4 @@ var EditableRow = function EditableRow(props) {
     onClick: onRowClick
   }))));
 };
-
 export default EditableRow;

package/es/comps/Editable/comps/Texty.js

@@ -20,21 +20,15 @@ var modifiers = [{
 /**
  * 基于Popper的tooltip
  */
-
 var Texty = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Texty, _React$PureComponent);
-
   var _super = _createSuper(Texty);
-
   function Texty() {
     var _this;
-
     _classCallCheck(this, Texty);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       isHovered: false
@@ -43,21 +37,20 @@ var Texty = /*#__PURE__*/function (_React$PureComponent) {
     _this.targetNode = void 0;
     _this.hideTimer = void 0;
     _this.showTimer = void 0;
-
     _this.renderTooltip = function (_ref) {
       var ref = _ref.ref,
-          style = _ref.style,
-          placement = _ref.placement,
-          arrowProps = _ref.arrowProps;
+        style = _ref.style,
+        placement = _ref.placement,
+        arrowProps = _ref.arrowProps;
       var _this$props = _this.props,
-          children = _this$props.children,
-          container = _this$props.container,
-          tooltip = _this$props.tooltip,
-          tooltipClassName = _this$props.tooltipClassName,
-          tooltipStyle = _this$props.tooltipStyle,
-          tooltipMaxWidth = _this$props.tooltipMaxWidth,
-          arrowClassName = _this$props.arrowClassName,
-          hideArrow = _this$props.hideArrow;
+        children = _this$props.children,
+        container = _this$props.container,
+        tooltip = _this$props.tooltip,
+        tooltipClassName = _this$props.tooltipClassName,
+        tooltipStyle = _this$props.tooltipStyle,
+        tooltipMaxWidth = _this$props.tooltipMaxWidth,
+        arrowClassName = _this$props.arrowClassName,
+        hideArrow = _this$props.hideArrow;
       var content = tooltip || children;
       var extraStyle = tooltipMaxWidth ? _objectSpread(_objectSpread({}, tooltipStyle), {}, {
         maxWidth: tooltipMaxWidth
@@ -79,101 +72,80 @@ var Texty = /*#__PURE__*/function (_React$PureComponent) {
         style: arrowProps.style
       })), container || _this.targetNode.ownerDocument.body);
     };
-
     _this.setTargetRef = function (ref) {
       _this.props.innerRef && _this.props.innerRef(ref);
-      _this.targetNode = ref; // console.log("setTargetRef",ref,this.targetNode)
+      _this.targetNode = ref;
+      // console.log("setTargetRef",ref,this.targetNode)
     };
-
     _this.handleMouseEvent = function (e) {
       e.stopPropagation();
     };
-
     _this.handleScroll = function (e) {
       var _e$srcElement, _e$srcElement2;
-
       if ((e === null || e === void 0 ? void 0 : (_e$srcElement = e.srcElement) === null || _e$srcElement === void 0 ? void 0 : _e$srcElement.className) === 'contract-trigger') {
         return;
       }
-
       if ((e === null || e === void 0 ? void 0 : (_e$srcElement2 = e.srcElement) === null || _e$srcElement2 === void 0 ? void 0 : _e$srcElement2.className) === 'texty-scroll') {
         return;
       }
-
       _this.setState({
         isHovered: false
       });
     };
-
     _this.handleMouseEnter = function (e) {
       // console.log('handleMouseEnter');
       // eslint-disable-next-line react/prop-types
       var _this$props2 = _this.props,
-          showDelay = _this$props2.showDelay,
-          onMouseEnter = _this$props2.onMouseEnter;
+        showDelay = _this$props2.showDelay,
+        onMouseEnter = _this$props2.onMouseEnter;
       onMouseEnter && onMouseEnter(e);
-
       _this._clearHideTimer();
-
       if (!showDelay) {
         _this.setState({
           isHovered: true
         });
-
         return;
       }
-
       _this.showTimer = setTimeout(function () {
         _this.setState({
           isHovered: true
         });
-
         delete _this.showTimer;
       }, showDelay);
     };
-
     _this.handleMouseLeave = function (e) {
       // console.log('handleMouseLeave');
       // eslint-disable-next-line react/prop-types
       var _this$props3 = _this.props,
-          hideDelay = _this$props3.hideDelay,
-          onMouseLeave = _this$props3.onMouseLeave;
+        hideDelay = _this$props3.hideDelay,
+        onMouseLeave = _this$props3.onMouseLeave;
       onMouseLeave && onMouseLeave(e);
-
       _this._clearShowTimer();
-
       var isHovered = _this.state.isHovered;
       if (!isHovered) return;
-
       if (!hideDelay) {
         _this.setState({
           isHovered: false
         });
-
         return;
       }
-
       _this.hideTimer = setTimeout(function () {
         _this.setState({
           isHovered: false
         });
-
         delete _this.hideTimer;
       }, hideDelay);
     };
-
     return _this;
   }
-
   _createClass(Texty, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       var _this2 = this;
-
       // console.log(this.state);
       if (this.state.isHovered) {
-        window.addEventListener('scroll', this.handleScroll, true); // react - virtualized - auto - sizer would trigger scroll events after tooltip shown in some case,we have to skip those scroll events
-
+        window.addEventListener('scroll', this.handleScroll, true);
+        // react - virtualized - auto - sizer would trigger scroll events after tooltip shown in some case,we have to skip those scroll events
         this.listenTimer = setTimeout(function () {
           window.removeEventListener('scroll', _this2.handleScroll, true);
           window.addEventListener('scroll', _this2.handleScroll, true);
@@ -181,7 +153,6 @@ var Texty = /*#__PURE__*/function (_React$PureComponent) {
         }, 50);
       } else {
         this._clearListenTimer();
-
         window.removeEventListener('scroll', this.handleScroll, true);
       }
     }
@@ -189,11 +160,8 @@ var Texty = /*#__PURE__*/function (_React$PureComponent) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this._clearListenTimer();
-
       window.removeEventListener('scroll', this.handleScroll, true);
-
       this._clearShowTimer();
-
       this._clearHideTimer();
     }
   }, {
@@ -201,32 +169,30 @@ var Texty = /*#__PURE__*/function (_React$PureComponent) {
     value: function render() {
       /* eslint-disable no-unused-vars */
       var _this$props4 = this.props,
-          tagName = _this$props4.tagName,
-          children = _this$props4.children,
-          placement = _this$props4.placement,
-          innerRef = _this$props4.innerRef,
-          showDelay = _this$props4.showDelay,
-          hideDelay = _this$props4.hideDelay,
-          tooltip = _this$props4.tooltip,
-          tooltipClassName = _this$props4.tooltipClassName,
-          tooltipStyle = _this$props4.tooltipStyle,
-          tooltipMaxWidth = _this$props4.tooltipMaxWidth,
-          hideArrow = _this$props4.hideArrow,
-          container = _this$props4.container,
-          rest = _objectWithoutProperties(_this$props4, _excluded);
+        tagName = _this$props4.tagName,
+        children = _this$props4.children,
+        placement = _this$props4.placement,
+        innerRef = _this$props4.innerRef,
+        showDelay = _this$props4.showDelay,
+        hideDelay = _this$props4.hideDelay,
+        tooltip = _this$props4.tooltip,
+        tooltipClassName = _this$props4.tooltipClassName,
+        tooltipStyle = _this$props4.tooltipStyle,
+        tooltipMaxWidth = _this$props4.tooltipMaxWidth,
+        hideArrow = _this$props4.hideArrow,
+        container = _this$props4.container,
+        rest = _objectWithoutProperties(_this$props4, _excluded);
       /* eslint-enable no-unused-vars */
-
-
       var Tag = tagName;
-
       if (!children) {
-        return null; // return <Tag { ...rest } ref={ this.setTargetRef } data-texty={ false } />;
+        return null;
+        // return <Tag { ...rest } ref={ this.setTargetRef } data-texty={ false } />;
       }
 
       var target = this.targetNode;
       var isTruncated = !!target && target.scrollWidth > target.offsetWidth;
-      var showTooltip = this.state.isHovered && isTruncated; // console.log("showTooltip",showTooltip)
-
+      var showTooltip = this.state.isHovered && isTruncated;
+      // console.log("showTooltip",showTooltip)
       return /*#__PURE__*/React.createElement(Tag, _extends({}, rest, {
         ref: this.setTargetRef,
         "data-texty": showTooltip,
@@ -266,10 +232,8 @@ var Texty = /*#__PURE__*/function (_React$PureComponent) {
       }
     }
   }]);
-
   return Texty;
 }(React.PureComponent);
-
 Texty.defaultProps = {
   tagName: 'div',
   showDelay: 150,