ronds-metadata 1.2.8 → 1.2.10

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

@@ -1,108 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-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"];
-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);
-
-  var _ref = React.useContext(EditableContext) || undefined,
-      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: {
-        dataIndex: dataIndex,
-        rowIndex: rowIndex
-      }
-    });
-  };
-
-  var onCellClick = function onCellClick() {
-    if (isAddColumn) {
-      editableStream.next({
-        type: 'editHeardCellKey',
-        payload: undefined
-      });
-    }
-  };
-
-  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' : '', " "),
-      style: {
-        border: 0
-      }
-    }), children);
-  }
-
-  if (editableType === 'single') {
-    return /*#__PURE__*/React.createElement("td", _extends({}, restProps, {
-      className: "".concat(className, " ").concat(isAddColumn && editConfig.editHeardCellKey === dataIndex ? 'border-right' : '', " ")
-    }), editable && editConfig.curRow === rowIndex ? getDataCell(props) : /*#__PURE__*/React.createElement(Texty, {
-      tooltipStyle: {
-        wordWrap: 'break-word'
-      },
-      tooltipMaxWidth: 800
-    }, children));
-  }
-
-  if (editableType === 'freedom') {
-    return /*#__PURE__*/React.createElement("td", _extends({
-      onDoubleClick: onCellDoubleClick,
-      onClick: onCellClick
-    }, restProps, {
-      className: "".concat(className, " ").concat(isAddColumn && editConfig.editHeardCellKey === dataIndex ? 'border-right' : '', " ")
-    }), editable && (isFreeEditRow(editConfig.curRow, rowIndex) || isFreeEditCell(editConfig.editCellKey, dataIndex, rowIndex)) ? getDataCell(props) : /*#__PURE__*/React.createElement(Texty, {
-      tooltipStyle: {
-        wordWrap: 'break-word'
-      },
-      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, {
-    tooltipStyle: {
-      wordWrap: 'break-word'
-    },
-    tooltipMaxWidth: 800
-  }, children));
-};
-
-export default EditableCell;

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

@@ -1,172 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import "antd/es/popconfirm/style";
-import _Popconfirm from "antd/es/popconfirm";
-import "antd/es/popover/style";
-import _Popover from "antd/es/popover";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-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"];
-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);
-
-  var _ref = React.useContext(EditableContext) || undefined,
-      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];
-
-  var _React$useState3 = React.useState(false),
-      _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({
-      type: 'onAddColumn',
-      payload: _objectSpread({
-        dataIndex: dataIndex
-      }, addColumnRef.current)
-    });
-    setAddColumn({
-      title: ''
-    });
-    addColumnRef.current = {
-      title: ''
-    };
-  };
-
-  var onDeleteColumn = function onDeleteColumn() {
-    setVisible(false);
-    editableStream.next({
-      type: 'onDeleteColumn',
-      payload: {
-        dataIndex: dataIndex
-      }
-    });
-  };
-
-  var content = /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '100px'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: '10px'
-    }
-  }, /*#__PURE__*/React.createElement(_Input, {
-    value: addColumn.title,
-    style: {
-      width: '100%'
-    },
-    onChange: function onChange(e) {
-      var _ = addColumnRef.current;
-      _.title = e.target.value;
-      setAddColumn(_objectSpread({}, _));
-      addColumnRef.current = _;
-    },
-    placeholder: tr('请输入title'),
-    onPressEnter: onAddColumn
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, {
-    type: "primary",
-    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, {
-    style: _objectSpread({}, myStyle)
-  }), isAddColumn && /*#__PURE__*/React.createElement(_Popover, {
-    placement: "rightTop",
-    content: content,
-    trigger: "click",
-    visible: visible,
-    onVisibleChange: onVisibleChange
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(editConfig.editHeardCellKey === dataIndex ? 'editable-th-hover-add' : 'display-none')
-  }, /*#__PURE__*/React.createElement(_Button, {
-    type: "link",
-    icon: /*#__PURE__*/React.createElement(PlusSquareOutlined, null)
-  }))), isAddColumn && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(editConfig.editHeardCellKey === dataIndex ? 'editable-th-hover-delete' : 'display-none')
-  }, /*#__PURE__*/React.createElement(_Popconfirm, {
-    placement: 'left',
-    title: tr('确认会删除该列'),
-    onConfirm: onDeleteColumn,
-    onCancel: function onCancel(e) {
-      e.stopPropagation();
-    },
-    okText: tr('确定'),
-    cancelText: tr('取消')
-  }, /*#__PURE__*/React.createElement(_Button, {
-    type: "link",
-    icon: /*#__PURE__*/React.createElement(DeleteOutlined, null)
-  }))), /*#__PURE__*/React.createElement("div", {
-    onMouseOver: onMouseOver,
-    onMouseLeave: onMouseLeave
-  }, /*#__PURE__*/React.createElement(Texty, null, children))));
-};
-
-export default EditableHeardCell;

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

@@ -1,118 +0,0 @@
-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";
-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;
-
-  var _Form$useForm = _Form.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
-  var ref = React.useRef(null);
-
-  var _ref = React.useContext(EditableContext) || undefined,
-      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() || {},
-          dragIndex = _ref2.index;
-
-      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
-      });
-    }
-  }),
-      _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];
-
-  onMove && drop(drag(ref));
-
-  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
-        }
-      });
-    }
-  };
-
-  var onRowClick = function onRowClick() {
-    editableStream.next({
-      type: 'onRowClick',
-      payload: {
-        record: record
-      }
-    });
-  };
-
-  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", _extends({
-    ref: ref
-  }, props, {
-    className: "".concat(index % 2 === 0 ? 'ant-table-row--even' : 'ant-table-row--odd', " ").concat(className, " ").concat(isOver ? dropClassName : '', " "),
-    style: {
-      height: '30px',
-      fontSize: '13px'
-    },
-    onClick: onRowClick
-  }))));
-};
-
-export default EditableRow;

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

@@ -1,277 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-var _excluded = ["tagName", "children", "placement", "innerRef", "showDelay", "hideDelay", "tooltip", "tooltipClassName", "tooltipStyle", "tooltipMaxWidth", "hideArrow", "container"];
-import React from 'react';
-import ReactDom from 'react-dom';
-import { Popper } from 'react-popper';
-import './Texty.less';
-var modifiers = [{
-  name: 'preventOverflow',
-  options: {
-    mainAxis: true,
-    padding: 10
-  }
-}];
-/**
- * 基于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
-    };
-    _this.listenTimer = void 0;
-    _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;
-      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;
-      var content = tooltip || children;
-      var extraStyle = tooltipMaxWidth ? _objectSpread(_objectSpread({}, tooltipStyle), {}, {
-        maxWidth: tooltipMaxWidth
-      }) : tooltipStyle;
-      return /*#__PURE__*/ReactDom.createPortal( /*#__PURE__*/React.createElement("div", {
-        ref: ref,
-        "data-texty-tooltip": placement,
-        className: tooltipClassName,
-        style: extraStyle ? _objectSpread(_objectSpread({}, style), extraStyle) : style,
-        onClick: _this.handleMouseEvent,
-        onDoubleClick: _this.handleMouseEvent,
-        onContextMenu: _this.handleMouseEvent,
-        onMouseDown: _this.handleMouseEvent,
-        onMouseUp: _this.handleMouseEvent
-      }, content, !hideArrow && /*#__PURE__*/React.createElement("div", {
-        ref: arrowProps.ref,
-        "data-texty-arrow": placement,
-        className: arrowClassName,
-        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.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;
-      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;
-      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
-
-        this.listenTimer = setTimeout(function () {
-          window.removeEventListener('scroll', _this2.handleScroll, true);
-          window.addEventListener('scroll', _this2.handleScroll, true);
-          delete _this2.listenTimer;
-        }, 50);
-      } else {
-        this._clearListenTimer();
-
-        window.removeEventListener('scroll', this.handleScroll, true);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this._clearListenTimer();
-
-      window.removeEventListener('scroll', this.handleScroll, true);
-
-      this._clearShowTimer();
-
-      this._clearHideTimer();
-    }
-  }, {
-    key: "render",
-    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);
-      /* eslint-enable no-unused-vars */
-
-
-      var Tag = tagName;
-
-      if (!children) {
-        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)
-
-      return /*#__PURE__*/React.createElement(Tag, _extends({}, rest, {
-        ref: this.setTargetRef,
-        "data-texty": showTooltip,
-        onMouseEnter: this.handleMouseEnter,
-        onMouseLeave: this.handleMouseLeave
-      }), children, showTooltip && /*#__PURE__*/React.createElement(Popper, {
-        referenceElement: target,
-        placement: placement,
-        modifiers: modifiers
-      }, this.renderTooltip));
-    }
-  }, {
-    key: "_clearListenTimer",
-    value: function _clearListenTimer() {
-      if (this.listenTimer) {
-        clearTimeout(this.listenTimer);
-        delete this.listenTimer;
-      }
-    }
-  }, {
-    key: "_clearShowTimer",
-    value: function _clearShowTimer() {
-      if (this.showTimer) {
-        clearTimeout(this.showTimer);
-        delete this.showTimer;
-      }
-    }
-  }, {
-    key: "_clearHideTimer",
-    value: function _clearHideTimer() {
-      if (this.hideTimer) {
-        clearTimeout(this.hideTimer);
-        delete this.hideTimer;
-      }
-    }
-  }]);
-
-  return Texty;
-}(React.PureComponent);
-
-Texty.defaultProps = {
-  tagName: 'div',
-  showDelay: 150,
-  hideDelay: 150,
-  hideArrow: true,
-  placement: 'top'
-};
-export default Texty;