tntd 1.4.17 → 2.0.0-beta-1

package/lib/Ellipsis/README.md

@@ -1,104 +0,0 @@
-## Ellipsis省略号
-
-## 代码演示
-``` jsx
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { Ellipsis } from 'tntd';
-import {Tag} from "antd";
-import 'antd/dist/antd.css';
-
-const Demo = props => {
-	return (
-		 <>
-			{/* instance 1 */}
-			<Ellipsis
-				Popover
-				copyable
-				widthLimit={100}
-				content="你看我有省略号吗？"
-			/>
-			
-			<div style={{width: 100}}>
-
-				{/* 例 2 */}
-				<Ellipsis lines={2} copyable title="你看我有省略号吗？你看我有省略号吗？你看我有省略号吗？"/>
-
-				{/* 例 3 */}
-				<Ellipsis>
-					1你看我有省.01
-				</Ellipsis>
-				
-				{/* 例 4 */}
-				<Ellipsis
-					placement="topLeft"
-				>
-					你看我有省略号吗1？
-				</Ellipsis>
-
-				<Ellipsis 
-					placement="topLeft"
-					title="你看我有省略号吗？你看我有省略号吗？你看我有省略号吗？"
-					suffix={(
-						<Tag style={{marginLeft: "6px"}}>测试</Tag>
-					)}
-				/>
-			</div>
-		</>
-	);
-}
-
-ReactDOM.render(
-    <Demo />,
-    document.getElementById('root')
-);
-```
-
-
-根据限宽截断文本并显示省略号，进而添加Tooltip/Popover悬浮效果以显示完整文本。旨在解决根据字符长度截断时不能很好的兼容中英文的问题。
-        
-## 更新日志
-- 1.0.10 提升兼容性；
-- 1.0.9 优化svg引入方式，消除columns.fixed中的闪动；
-- 1.0.2 新增功能，**复制按钮**；
-- 1.0.1 新增功能，**支持多行**；
-- 1.0.0 以CSS宽度溢出驱动截断的Ellipsis发布，**支持单行**;  
-...
-
-## API  
-参数均同Ant3 Tooltip/Popover。 以下为新增参数
-|      参数         |       说明          |    类型        |
-|      ----         |        ----         |      ----      |
-|   Popover      |   指定超出宽度后，悬浮显示的类型为`Popover`，缺省则为`Tooltip`    |  |
-|  emptyText |   空文本字符，缺省值为空        |   string     |
-|  widthLimit |   指定溢出宽度值，缺省值为父元素宽度 |   number &#124; string      |
-| lines|  指定多行截断的最大行数，***可能在非Webkit内核浏览器中表现不稳定*** | number
-| copyable|  ***(新)*** 显示复制按钮，缺省值为不显示，文本为空时亦不显示 | |
-| suffix | 后缀 | string &#124; ReactNode &#124; () => ReactNode|
-| prefix | 前缀 | string &#124; ReactNode &#124; () => ReactNode|
-   
-#### 其他参数
-|      参数         |       说明          |    类型        |
-|      ----         |        ----         |      ----      |
-|  title |   同Tooltip，可省略，缺省值为元素文本 |   string    |
-|  content |   同Popover，可省略，缺省值为元素文本 |   string    |
-        
-## 何时使用  
-需要使文本元素在宽度溢出时显示省略号并添加悬浮效果（Tooltip/Popover）时。
-        
-## 如何使用  
-- 支持`Popover`和`Tooltip`两种悬浮效果；
-- 当选用`Popover`时，将需要展示的内容放在`content`里（如例1），并添加`Popover`属性；
-- 当选用`Tooltip`时，将需要展示的内容放在`title`（如例2）或包含在标签里（如例3）；
-- -----
-- 为什么不使用统一的属性传递展示的内容？因为antd3中的`Popover`和`Tooltip`的属性是有区别的，`Popover`用`title`作卡片标题，`content`作卡片内容，而`Tooltip`仅用`title`作卡片内容，没有标题功能；具体请参考 [Ant3-Popover](https://3x.ant.design/components/popover-cn/) 和 [Ant3-Tooltip](https://3x.ant.design/components/tooltip-cn/)
-- 相应的，你可以直接使用`Popover`和`Tooltip`的API（如例4）；转换一下思维，你可以把它当作带有***省略号、复制***的`Popover/Tooltip`使用；
-- 利用好`emptyText`属性，在Table中直接作为render中的父元素（例5）；
-- ---- 
-- 根据需求添加下列选填项
-- 添加`copyable`属性后，会在右侧添加一个复制按钮，
-- 添加`lines`指定多行限制，仅在需要多行功能时使用，
-- 添加`widthLimit`属性以增加限制宽度，若不添加则会受父元素宽度限制，
-- 添加`emptyText`指定数据为空时的文本，例如`emptyText="- -"`
-- 添加 `prefix/suffix` 指定前/后缀
-        

package/lib/Ellipsis/Svg/CopySVG.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _default = function _default(props) {
-  return React.createElement("div", props, React.createElement("svg", {
-    width: "16px",
-    height: "16px",
-    viewBox: "0 0 16 16"
-  }, React.createElement("g", {
-    id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
-    stroke: "none",
-    "stroke-width": "1",
-    fill: "none",
-    "fill-rule": "evenodd"
-  }, React.createElement("g", {
-    id: "\u5DE5\u4F5C\u53F01",
-    transform: "translate(-730.000000, -299.000000)"
-  }, React.createElement("g", {
-    id: "\u5206\u7EC4-6",
-    transform: "translate(240.000000, 96.000000)"
-  }, React.createElement("g", {
-    id: "\u7F16\u7EC4-18",
-    transform: "translate(0.000000, 171.000000)"
-  }, React.createElement("g", {
-    id: "\u590D\u5236",
-    transform: "translate(490.000000, 32.000000)"
-  }, React.createElement("rect", {
-    id: "\u77E9\u5F62",
-    fill: "#D8D8D8",
-    opacity: "0",
-    x: "0",
-    y: "0",
-    width: "16",
-    height: "16"
-  }), React.createElement("g", {
-    id: "\u7F16\u7EC4-5",
-    transform: "translate(2.223389, 1.330322)",
-    stroke: "#1e90ff",
-    "stroke-linecap": "round",
-    "stroke-width": "1.2"
-  }, React.createElement("polygon", {
-    id: "\u8DEF\u5F84",
-    "stroke-linejoin": "round",
-    points: "2 11.3333333 11.3333333 11.3333333 11.3333333 4 7.66666667 -8.8817842e-15 2 -8.8817842e-15"
-  }), React.createElement("polyline", {
-    id: "\u8DEF\u5F84",
-    "stroke-linejoin": "round",
-    points: "7.66666667 0 7.66666667 4 11.3333333 4"
-  }), React.createElement("polyline", {
-    id: "\u8DEF\u5F84",
-    "stroke-linejoin": "round",
-    points: "0 5.33333333 0 13.3333333 7 13.3333333"
-  }), React.createElement("line", {
-    x1: "4",
-    y1: "5.33333333",
-    x2: "5.33333333",
-    y2: "5.33333333",
-    id: "\u8DEF\u5F84"
-  }), React.createElement("line", {
-    x1: "4",
-    y1: "8",
-    x2: "8",
-    y2: "8",
-    id: "\u8DEF\u5F84"
-  })))))))));
-};
-
-exports["default"] = _default;

package/lib/Ellipsis/Svg/TickSVG.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _default = function _default(props) {
-  return React.createElement("div", props, React.createElement("svg", {
-    width: "17px",
-    height: "16px",
-    viewBox: "0 0 17 16"
-  }, React.createElement("g", {
-    id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
-    stroke: "none",
-    "stroke-width": "1",
-    fill: "none",
-    "fill-rule": "evenodd"
-  }, React.createElement("g", {
-    id: "\u5DE5\u4F5C\u53F01",
-    transform: "translate(-754.000000, -299.000000)"
-  }, React.createElement("g", {
-    id: "\u5206\u7EC4-6",
-    transform: "translate(240.000000, 96.000000)"
-  }, React.createElement("g", {
-    id: "\u7F16\u7EC4-18",
-    transform: "translate(0.000000, 171.000000)"
-  }, React.createElement("g", {
-    id: "\u590D\u5236\u6210\u529F",
-    transform: "translate(514.500000, 32.000000)"
-  }, React.createElement("rect", {
-    id: "\u77E9\u5F62",
-    "fill-opacity": "0.01",
-    fill: "#FFFFFF",
-    "fill-rule": "nonzero",
-    x: "0",
-    y: "0",
-    width: "16",
-    height: "16"
-  }), React.createElement("polyline", {
-    id: "\u8DEF\u5F84",
-    stroke: "#07C790",
-    "stroke-width": "1.2",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    points: "14.3333333 3.66666667 5.625 12.3333333 1.66666667 8.39393333"
-  }))))))));
-};
-
-exports["default"] = _default;

package/lib/Ellipsis/index.js

@@ -1,169 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-require("antd/lib/tooltip/style");
-
-var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
-
-require("antd/lib/popover/style");
-
-var _popover2 = _interopRequireDefault(require("antd/lib/popover"));
-
-var _react = require("react");
-
-var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
-
-var _CopySVG = _interopRequireDefault(require("./Svg/CopySVG"));
-
-var _TickSVG = _interopRequireDefault(require("./Svg/TickSVG"));
-
-require("./index.less");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
-
-function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var tolerance = 0; // In px. Depends on the font you are using
-
-var isEllipsisActive = function isEllipsisActive(e) {
-  if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {
-    var _e$parentNode, _e$parentNode$getAttr;
-
-    var styleStr = 'overflow:visible; ';
-
-    if (!(e == null ? void 0 : (_e$parentNode = e.parentNode) == null ? void 0 : (_e$parentNode$getAttr = _e$parentNode.getAttribute('style')) == null ? void 0 : _e$parentNode$getAttr.includes('width'))) {
-      styleStr += 'width:100%;';
-    }
-
-    e.parentNode.setAttribute('style', styleStr);
-  }
-
-  return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
-};
-
-var _default = function _default(props) {
-  var _props$_popover = props._popover,
-      _popover = _props$_popover === void 0 ? props.Popover : _props$_popover,
-      title = props.title,
-      content = props.content,
-      className = props.className,
-      style = props.style,
-      widthLimit = props.widthLimit,
-      _props$_lines = props._lines,
-      _lines = _props$_lines === void 0 ? props.lines !== 1 && props.lines : _props$_lines,
-      children = props.children,
-      emptyText = props.emptyText,
-      _props$_copyable = props._copyable,
-      _copyable = _props$_copyable === void 0 ? props.copyable : _props$_copyable,
-      prefix = props.prefix,
-      suffix = props.suffix; // allow visible or not state
-
-
-  var _useState = (0, _react.useState)(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      flag = _useState2[0],
-      setFlag = _useState2[1]; // visible[Tooltip/Popover] state
-
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      tipVisible = _useState4[0],
-      setTipVisible = _useState4[1]; // copy animation state
-
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      hasCopy = _useState6[0],
-      setHasCopy = _useState6[1];
-
-  var elementRef = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
-    elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));
-  }); // original Node
-
-  var inner = typeof children === 'string' ? children : _popover ? content : title; // for className
-
-  var getClassName = function getClassName() {
-    return "overflow ".concat(_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap', " ").concat(className || '');
-  }; // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)
-
-
-  var handleVisibleChange = function handleVisibleChange(visible) {
-    // const { onVisibleChange } = props;
-    // onVisibleChange(visible);
-    flag && setTipVisible(visible);
-  }; // onClick Copy Button
-
-
-  var handleCopy = function handleCopy(innerText) {
-    (0, _copyToClipboard["default"])(innerText);
-    setHasCopy(!hasCopy);
-    setTimeout(function () {
-      setHasCopy(false);
-    }, 1000);
-  };
-
-  var renderNode = function renderNode() {
-    var popoverNode = React.createElement(_popover2["default"], _extends({}, props, {
-      content: content || children,
-      visible: tipVisible,
-      onVisibleChange: function onVisibleChange(visible) {
-        return handleVisibleChange(visible);
-      }
-    }), React.createElement("div", {
-      className: className,
-      style: {
-        WebkitLineClamp: _lines
-      },
-      ref: elementRef
-    }, children || content));
-    var tooltipNode = React.createElement(_tooltip["default"], _extends({}, props, {
-      title: title || children,
-      visible: tipVisible,
-      onVisibleChange: function onVisibleChange(visible) {
-        return handleVisibleChange(visible);
-      }
-    }), React.createElement("div", {
-      className: className,
-      style: {
-        WebkitLineClamp: _lines
-      },
-      ref: elementRef
-    }, children || title));
-    return _popover ? popoverNode : tooltipNode;
-  };
-
-  return React.createElement(React.Fragment, null, React.createElement("div", {
-    className: "tnt-ellipsis",
-    style: _objectSpread({}, style, {
-      maxWidth: widthLimit
-    })
-  }, prefix && prefix, React.createElement("div", {
-    className: getClassName()
-  }, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && React.createElement("div", {
-    className: "svg-button",
-    onClick: function onClick() {
-      return handleCopy(elementRef.current.innerText);
-    }
-  }, !hasCopy ? React.createElement(_CopySVG["default"], null) : React.createElement(_TickSVG["default"], null))));
-};
-
-exports["default"] = _default;

package/lib/Ellipsis/index.less

@@ -1,56 +0,0 @@
-.tnt-ellipsis{
-    display:flex;
-    .overflow{
-        // white-space:nowrap;     //溢出不换行
-        overflow:hidden;        //超出的文本隐藏
-        text-overflow:ellipsis; //溢出用省略号显示
-        i {
-            margin: 0 0.3em;
-        }
-    }
-    
-    .ellipsis-nowrap{
-        white-space:nowrap;     //溢出不换行
-        & * {
-            overflow:hidden;        //超出的文本隐藏
-            text-overflow:ellipsis; //溢出用省略号显示
-        }
-    }
-    
-    .ellipsis-wrap{
-        display:-webkit-inline-box;
-        -webkit-line-clamp:2;
-        -webkit-box-orient:vertical;
-        overflow:hidden;
-        text-overflow:ellipsis;
-    }
-    
-    .button{
-        height:20px;
-        width:20px;
-        display: inline-flex;
-        align-items: center;
-        margin-left: 8px;
-        :hover{
-            cursor: pointer;
-        }
-    }
-    
-    .button-hidden{
-        display:none !important;
-    }
-    
-    .button-active{
-        display: inline-flex;
-        g{
-            animation: copy-active 0.3s;
-        }
-    }
-    
-    @keyframes copy-active
-    {
-        from {stroke: #07C790;}
-        to {stroke: #1e90ff;}
-    }
-}
-

package/lib/Handle/README.md

@@ -1,104 +0,0 @@
-## Handle组件
-### 代码演示
-```jsx
-import React from 'react';
-import ReactDOM from 'react-dom';
-import 'antd/dist/antd.css';
-import {Button, Table, Popconfirm} from 'antd';
-import { Handle } from 'tntd';
-
-const Demo = props => {
-    const dataSource = [
-        {
-            key: '1',
-            name: '胡彦斌',
-            age: 32,
-            address: '西湖区湖底公园1号',
-        },
-        {
-            key: '2',
-            name: '胡彦祖',
-            age: 42,
-            address: '西湖区湖底公园1号',
-        },
-    ];
-
-    const columns = [
-        {
-            title: '姓名',
-            dataIndex: 'name',
-            key: 'name',
-            width: 500,
-        },
-        {
-            title: '年龄',
-            dataIndex: 'age',
-            key: 'age',
-            width: 600,
-        },
-        {
-            title: '住址',
-            dataIndex: 'address',
-            key: 'address',
-            width: 400,
-        },
-        {
-            title: '操作',
-            dataIndex:'opera',
-            fixed:"right",
-            width: 230,
-            render:()=>{
-                return (
-                    <Handle className="custom-class" num={3}>
-                        <a onClick={()=>{console.log("online")}}>上线</a>
-                        <a>查看</a>
-                        <a>编辑</a>
-                        <a>测试</a>
-                        {
-                            false && 
-                            <a>导入</a>
-                        }
-                        <a>导出</a>
-                        <Popconfirm
-                            title="Are you sure delete this task?"
-                            onConfirm={void 0}
-                            onCancel={void 0}
-                            okText="Yes"
-                            cancelText="No"
-                            onClick={e => e.stopPropagation()}
-                            getPopupContainer={trigger => trigger.parentNode}
-                            trigger="hover"
-                            overlayStyle={{
-                                width: 300
-                            }}
-                        >
-                            <a>Delete</a>
-                        </Popconfirm>
-                    </Handle>
-                )
-            }
-        }
-    ];
-
-    return (
-        <Table dataSource={dataSource} columns={columns} rowKey={(e,i)=>i} scroll={{x:1000}}/>
-    );
-};
-
-
-ReactDOM.render(
-    <Demo />,
-    document.getElementById('root')
-);
-```
-### API
-#### Handle
-| 属性名称    | 属性说明                           | 类型     | 默认值      | 是否必须 |
-| :---------- | :------------------------------ | :------ | :---------- | :------- |
-| type        | 类型，展示“更多”的模式，Icon或者文字 | String   | 文字          | 否       |
-| num        | 最多展示的个数                     | Number   |    3      | 否      |
-| lessOneMoreFit  | 当更多中等于1个的时候不显示更多                     | Bool   | false         | 否       |
-| divider  | 分隔线                     | Bool   | true          | 否       |
-| lang       | 中英文                     | String   | cn          | 否       |
-| className  | 自定义类名                     | String   | 无          | 否       |
-

package/lib/Handle/index.js

@@ -1,112 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-require("antd/lib/dropdown/style");
-
-var _dropdown = _interopRequireDefault(require("antd/lib/dropdown"));
-
-require("antd/lib/menu/style");
-
-var _menu = _interopRequireDefault(require("antd/lib/menu"));
-
-require("antd/lib/divider/style");
-
-var _divider = _interopRequireDefault(require("antd/lib/divider"));
-
-var _react = require("react");
-
-var _Icon = _interopRequireDefault(require("../Icon"));
-
-require("./index.less");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var clsPrefix = 'tnt-more-menus';
-
-var _default = function _default(props) {
-  var _lastChildPart2, _lastChildPart3;
-
-  var _ref = props || {},
-      _ref$children = _ref.children,
-      children = _ref$children === void 0 ? [] : _ref$children,
-      type = _ref.type,
-      _ref$num = _ref.num,
-      num = _ref$num === void 0 ? 3 : _ref$num,
-      lang = _ref.lang,
-      _ref$divider = _ref.divider,
-      divider = _ref$divider === void 0 ? true : _ref$divider,
-      lessOneMoreFit = _ref.lessOneMoreFit,
-      rest = _objectWithoutProperties(_ref, ["children", "type", "num", "lang", "divider", "lessOneMoreFit"]);
-
-  var newChildren = [];
-
-  if (Array.isArray(children)) {
-    newChildren = (children == null ? void 0 : children.filter(function (item) {
-      return !!item;
-    })) || [];
-  } else if (children) {
-    newChildren.push(children);
-  }
-
-  var preChildPart = newChildren,
-      lastChildPart = null; // 只有1个时不适配
-
-  if (lessOneMoreFit && newChildren.length - num === 1) {
-    preChildPart = newChildren;
-  } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {
-    preChildPart = newChildren.slice(0, num);
-    lastChildPart = newChildren.slice(num);
-  }
-
-  ;
-
-  if (divider && preChildPart) {
-    var preChildLen = preChildPart.length;
-    preChildPart = preChildPart.map(function (dom, i) {
-      var _lastChildPart;
-
-      return React.createElement(_react.Fragment, {
-        key: i
-      }, dom, !(i === preChildLen - 1 && !((_lastChildPart = lastChildPart) == null ? void 0 : _lastChildPart.length) // 没有更多 且 是最后一个时 不显示 Divider
-      ) && React.createElement(_divider["default"], {
-        type: "vertical"
-      }));
-    });
-  }
-
-  var menu = React.createElement(_menu["default"], {
-    className: "org-pop-opera-btn"
-  }, (_lastChildPart2 = lastChildPart) == null ? void 0 : _lastChildPart2.map(function (child, i) {
-    return React.createElement(_menu["default"].Item, {
-      key: i
-    }, child);
-  }));
-  return React.createElement("div", _extends({
-    onClick: function onClick(e) {
-      e.stopPropagation();
-    }
-  }, rest), preChildPart, ((_lastChildPart3 = lastChildPart) == null ? void 0 : _lastChildPart3.length) > 0 && React.createElement(_dropdown["default"], {
-    overlay: menu,
-    arrow: true
-  }, type === 'icon' ? React.createElement(_Icon["default"], {
-    type: "more"
-  }) : React.createElement("a", {
-    className: "ant-dropdown-more"
-  }, lang === 'en' ? 'More' : '更多', React.createElement("i", {
-    className: "".concat(clsPrefix, "-dropdown-icon")
-  }, React.createElement(_Icon["default"], {
-    type: "down"
-  })))));
-};
-
-exports["default"] = _default;

package/lib/Handle/index.less

@@ -1,9 +0,0 @@
-.tnt-more-menus {
-    // display: flex;
-    // align-items: center;
-
-    &-dropdown-icon {
-        font-size: 12px;
-        margin-left: 2px;
-    }
-}