@para-ui/core 2.2.18 → 3.0.2-beta

package/AutoBox/index.d.ts

@@ -1,34 +1,34 @@
-/**
- * @author linhd
- * @date 2021/8/9 16:16
- * @description 超出自适应盒子
- */
-import React, { FunctionComponent, ReactNode } from 'react';
-import './index.scss';
-export interface AutoBoxProps {
-    /** 样式class */
-    className?: string;
-    /** style */
-    style?: React.CSSProperties;
-    /** list选项 */
-    list?: any[];
-    /** 指定渲染几项,存在这个参数,则不自适应 */
-    showNum?: number;
-    /** 下拉框样式 */
-    popoverClassName?: string;
-    /** 自定义更多内容 */
-    moreCustomize?: ReactNode;
-    /** 隐藏更多按钮 */
-    hideMore?: boolean;
-    /** 打开下拉框 */
-    openMore?: boolean;
-    /** 定位元素 */
-    anchorEl?: any;
-    /** 关闭弹窗 */
-    onCloseMore?: () => void;
-    /** 显示更多 */
-    onShowMore?: (bol: boolean) => void;
-    [name: string]: any;
-}
-export declare const AutoBox: FunctionComponent<AutoBoxProps>;
-export default AutoBox;
+/**
+ * @author linhd
+ * @date 2021/8/9 16:16
+ * @description 超出自适应盒子
+ */
+import React, { FunctionComponent, ReactNode } from 'react';
+import './index.scss';
+export interface AutoBoxProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** list选项 */
+    list?: any[];
+    /** 指定渲染几项,存在这个参数,则不自适应 */
+    showNum?: number;
+    /** 下拉框样式 */
+    popoverClassName?: string;
+    /** 自定义更多内容 */
+    moreCustomize?: ReactNode;
+    /** 隐藏更多按钮 */
+    hideMore?: boolean;
+    /** 打开下拉框 */
+    openMore?: boolean;
+    /** 定位元素 */
+    anchorEl?: any;
+    /** 关闭弹窗 */
+    onCloseMore?: () => void;
+    /** 显示更多 */
+    onShowMore?: (bol: boolean) => void;
+    [name: string]: any;
+}
+export declare const AutoBox: FunctionComponent<AutoBoxProps>;
+export default AutoBox;

package/AutoBox/index.js

@@ -1,15 +1,315 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@material-ui/core"),require("@para-ui/icons/More"),require("@paraview/lib")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","@para-ui/icons/More","@paraview/lib"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("@material-ui/core"),require("@para-ui/icons/More"),require("@paraview/lib")):e.ParaUI=t(e.react,e["@material-ui/core"],e["@para-ui/icons/More"],e["@paraview/lib"])}(self,(function(e,t,r,n){return function(){var o={7388:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-auto-box{width:100%;white-space:nowrap;overflow:hidden}.paraui-auto-box>.auto-box-more{display:inline-block;height:100%;cursor:pointer}.paraui-auto-box-popover .auto-box-popover-content{display:flex;flex-direction:column}",""]),e.exports=t},5845:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-popover-paper{box-shadow:0px 2px 8px 0px rgba(171,176,185,.4)}",""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r=function(e,t){var r=e[1]||"",n=e[3];if(!n)return r;if(t&&"function"==typeof btoa){var o=(a=n,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(u," */")),i=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[r].concat(i).concat([o]).join("\n")}var a,c,u;return[r].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(r,"}"):r})).join("")},t.i=function(e,r,n){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(n)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);n&&o[u[0]]||(r&&(u[2]?u[2]="".concat(r," and ").concat(u[2]):u[2]=r),t.push(u))}},t}},7418:function(e){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,c,u=o(e),s=1;s<arguments.length;s++){for(var l in a=Object(arguments[s]))r.call(a,l)&&(u[l]=a[l]);if(t){c=t(a);for(var f=0;f<c.length;f++)n.call(a,c[f])&&(u[c[f]]=a[c[f]])}}return u}},5251:function(e,t,r){"use strict";
-/** @license React v17.0.2
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-r(7418);var n=r(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,r){var n,i={},s=null,l=null;for(n in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(l=t.ref),t)c.call(t,n)&&!u.hasOwnProperty(n)&&(i[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===i[n]&&(i[n]=t[n]);return{$$typeof:o,type:e,key:s,ref:l,props:i,_owner:a.current}}t.jsx=s,t.jsxs=s},5893:function(e,t,r){"use strict";e.exports=r(5251)},1519:function(e,t,r){var n=r(3379),o=r(7388);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};n(o,i);e.exports=o.locals||{}},8939:function(e,t,r){var n=r(3379),o=r(5845);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};n(o,i);e.exports=o.locals||{}},3379:function(e,t,r){"use strict";var n,o=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},i=function(){var e={};return function(t){if(void 0===e[t]){var r=document.querySelector(t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}e[t]=r}return e[t]}}(),a=[];function c(e){for(var t=-1,r=0;r<a.length;r++)if(a[r].identifier===e){t=r;break}return t}function u(e,t){for(var r={},n=[],o=0;o<e.length;o++){var i=e[o],u=t.base?i[0]+t.base:i[0],s=r[u]||0,l="".concat(u," ").concat(s);r[u]=s+1;var f=c(l),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(p)):a.push({identifier:l,updater:m(p,t),references:1}),n.push(l)}return n}function s(e){var t=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var o=r.nc;o&&(n.nonce=o)}if(Object.keys(n).forEach((function(e){t.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var l,f=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function p(e,t,r,n){var o=r?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function d(e,t,r){var n=r.css,o=r.media,i=r.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var v=null,b=0;function m(e,t){var r,n,o;if(t.singleton){var i=b++;r=v||(v=s(t)),n=p.bind(null,r,i,!1),o=p.bind(null,r,i,!0)}else r=s(t),n=d.bind(null,r,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var r=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<r.length;n++){var o=c(r[n]);a[o].references--}for(var i=u(e,t),s=0;s<r.length;s++){var l=c(r[s]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}r=i}}}},7083:function(e,t,r){"use strict";var n=r(5893),o=r(670),i=(r(8939),function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},i.apply(this,arguments)}),a=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r};t.default=function(e){var t,r=e.className,c=e.children,u=e.classes,s=e.style,l=a(e,["className","children","classes","style"]);return(0,n.jsx)(o.Popover,i({style:i({zIndex:1300},s),className:(t="paraui-popover",r&&(t+=" "+r),t),classes:{paper:u?"paraui-popover-paper ".concat(u):"paraui-popover-paper"}},l,{children:c}))}},670:function(e){"use strict";e.exports=t},7037:function(e){"use strict";e.exports=r},8543:function(e){"use strict";e.exports=n},8156:function(t){"use strict";t.exports=e}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={id:e,exports:{}};return o[e](r,r.exports,a),r.exports}a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.nc=void 0;var c={};return function(){"use strict";a.r(c),a.d(c,{AutoBox:function(){return s}});var e=a(5893),t=a(8156),r=a(7083),n=a(7037),o=a.n(n),i=a(8543),u=(a(1519),function(){return u=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},u.apply(this,arguments)}),s=function(n){var a=n.className,c=n.list,s=void 0===c?[]:c,l=n.popoverClassName,f=n.moreCustomize,p=n.anchorEl,d=n.hideMore,v=void 0!==d&&d,b=n.showNum,m=n.onCloseMore,h=n.onShowMore,y=n.style,g=(0,t.useState)("auto-box-"+(0,i.UUID)())[0],x=(0,t.useState)(null),j=x[0],O=x[1],w=(0,t.useState)(!1),S=w[0],E=w[1],_=(0,t.useState)(null),M=_[0],N=_[1],C=(0,t.useState)({})[0],P=(0,t.useRef)();(0,t.useEffect)((function(){void 0!==n.openMore&&E(n.openMore)}),[n.openMore]),(0,t.useEffect)((function(){p&&N(p)}),[p]),(0,t.useEffect)((function(){if(void 0===n.showNum)return k(),window.addEventListener("resize",k),function(){window.removeEventListener("resize",k),clearTimeout(C.timer)}}),[s]),(0,t.useEffect)((function(){void 0!==b&&(O(b),window.removeEventListener("resize",k))}),[b]),(0,t.useEffect)((function(){null!==j&&s.length>j?h&&h(!0):h&&h(!1)}),[s,j,h]);var T,I=function(){E(!1),m&&m()},q=function(e){E(!0),N(P.current)},R=function(e){if(null!==e&&0!==e){void 0===e&&(e=s.length);var t=document.querySelector("."+g);if(t)if(t.scrollWidth>t.clientWidth){var r=Number(e)-1;O(r),R(r)}else s.length<=e&&I()}},k=function(){clearTimeout(C.timer),I(),C.timer=setTimeout((function(){O(s.length),R()}),100)},L=(0,t.useMemo)((function(){return S&&(0,e.jsx)(r.default,u({open:S,anchorEl:M,onClose:I,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},className:(n="auto-box-popover paraui-auto-box-popover",l&&(n+=" "+l),n)},{children:(0,e.jsx)("div",u({className:"auto-box-popover-content"},{children:s&&s.map((function(r,n){return null!==j&&j>n?null:(0,e.jsx)(t.Fragment,{children:r},n)}))}))}));var n}),[S,M,s,j,l]);return(0,e.jsxs)("div",u({className:(T="auto-box paraui-auto-box",g&&(T+=" "+g),a&&(T+=" "+a),T),style:y},{children:[s.map((function(r,n){return null!==j&&j<=n?null:(0,e.jsx)(t.Fragment,{children:r},n)})),function(){if(null!==j&&s.length>j&&!v)return(0,e.jsx)("div",u({className:"auto-box-more",ref:P,onClick:q},{children:f||(0,e.jsx)(o(),{})}))}(),L]}))};c.default=s}(),c}()}));
+import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, Fragment as Fragment$1 } from 'react';
+import { Popover } from '../Popover/index.js';
+import { createPortal } from 'react-dom';
+import { UUID } from '@paraview/lib';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import More from '@para-ui/icons/More';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import 'clsx';
+
+var Protal = function Protal(props) {
+  var children = props.children,
+      className = props.className,
+      anchorEl = props.anchorEl,
+      onClose = props.onClose;
+
+  var _useState = useState({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      styleCom = _useState2[0],
+      setStyleCom = _useState2[1];
+
+  var constData = useRef({
+    uuid: $prefixCls + '-protal-box-content-' + UUID()
+  });
+  var domRef = useRef();
+  var contentRef = useRef();
+  useEffect(function () {
+    handStyle();
+    window.addEventListener('click', clickFunc);
+    return function () {
+      domRef && domRef.current && domRef.current.remove();
+      window.removeEventListener('click', clickFunc);
+    };
+  }, []);
+  /**
+   * 查找元素
+   * @param el 当前元素
+   * @param selector 查找元素class
+   */
+
+  var closest = function closest(el, selector) {
+    var matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
+
+    while (el) {
+      if (matchesSelector.call(el, selector)) {
+        break;
+      }
+
+      el = el.parentElement;
+    }
+
+    return el;
+  };
+  /** 全局监听点击事件 */
+
+
+  var clickFunc = function clickFunc(e) {
+    if (!constData.current) return;
+    var bol = closest(e.target, '.' + constData.current.uuid); // 是否存在下拉当中
+
+    if (!bol) onClose && onClose();
+  };
+  /** 处理内容的定位样式 */
+
+
+  var handStyle = function handStyle() {
+    if (!anchorEl || !contentRef.current) return;
+    var posDomRect = anchorEl.getBoundingClientRect();
+    var contentDomRect = contentRef.current.getBoundingClientRect();
+    var json = {
+      opacity: 1,
+      left: posDomRect.left,
+      top: posDomRect.top + posDomRect.height
+    };
+    var winHeight = window.innerHeight;
+    var winWidth = window.innerWidth;
+
+    if (json.left + contentDomRect.width > winWidth) {
+      json.left = winWidth - contentDomRect.width - 8;
+      if (json.left < 0) json.left = 0;
+    }
+
+    if (json.top + contentDomRect.height > winHeight) {
+      json.top = winHeight - contentDomRect.height - 8;
+      if (json.top < 0) json.top = 0;
+    }
+
+    setStyleCom(json);
+  };
+  /** 处理className */
+
+
+  var handClass = function handClass() {
+    var str = $prefixCls + '-protal-box';
+    if (className) str += ' ' + className;
+    return str;
+  };
+
+  var handContent = function handContent() {
+    return jsxs("div", Object.assign({
+      className: handClass(),
+      ref: domRef
+    }, {
+      children: [jsx("div", {
+        className: "protal-mask"
+      }), jsx("div", Object.assign({
+        className: 'protal-content ' + constData.current.uuid,
+        style: styleCom,
+        ref: contentRef
+      }, {
+        children: children
+      }))]
+    }));
+  };
+
+  return jsx(Fragment, {
+    children: /*#__PURE__*/createPortal(handContent(), document.getElementsByTagName('body')[0])
+  });
+};
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-auto-box {\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.paraui-v3-auto-box > .auto-box-more {\n  display: inline-block;\n  height: 100%;\n  cursor: pointer;\n}\n\n.paraui-v3-auto-box-popover .auto-box-popover-content {\n  display: flex;\n  flex-direction: column;\n}\n\n.paraui-v3-protal-box {\n  position: fixed;\n  z-index: 1500;\n  inset: 0px;\n}\n.paraui-v3-protal-box .protal-mask {\n  z-index: -1;\n  position: fixed;\n  inset: 0px;\n  background-color: transparent;\n}\n.paraui-v3-protal-box .protal-content {\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  background-color: white;\n  outline: 0;\n  position: absolute;\n  max-width: calc(100% - 32px);\n  min-width: 16px;\n  max-height: calc(100% - 32px);\n  min-height: 16px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  opacity: 0;\n  transform: none;\n  transition: opacity 243ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 162ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}";
+styleInject(css_248z);
+
+var AutoBox = function AutoBox(props) {
+  var className = props.className,
+      _props$list = props.list,
+      list = _props$list === void 0 ? [] : _props$list,
+      popoverClassName = props.popoverClassName,
+      moreCustomize = props.moreCustomize,
+      anchorEl = props.anchorEl,
+      _props$hideMore = props.hideMore,
+      hideMore = _props$hideMore === void 0 ? false : _props$hideMore,
+      showNum = props.showNum,
+      onCloseMore = props.onCloseMore,
+      onShowMore = props.onShowMore,
+      style = props.style;
+
+  var _useState = useState('auto-box-' + UUID()),
+      _useState2 = _slicedToArray(_useState, 1),
+      classOne = _useState2[0]; // 唯一class
+
+
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      morePos = _useState4[0],
+      setMorePos = _useState4[1]; // 超出在原始位置
+
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      openMoreCom = _useState6[0],
+      setOpenMoreCom = _useState6[1]; // 显示更多
+
+
+  var _useState7 = useState({}),
+      _useState8 = _slicedToArray(_useState7, 1),
+      timer = _useState8[0];
+
+  var posDom = useRef(); // 监听打开更多
+
+  useEffect(function () {
+    if (props.openMore !== undefined) {
+      setOpenMoreCom(props.openMore);
+    }
+  }, [props.openMore]);
+  useEffect(function () {
+    if (props.showNum !== undefined) return;
+    changeSize();
+    window.addEventListener("resize", changeSize);
+    return function () {
+      window.removeEventListener("resize", changeSize);
+      clearTimeout(timer.timer);
+    };
+  }, [list]);
+  useEffect(function () {
+    if (showNum !== undefined) {
+      setMorePos(showNum);
+      window.removeEventListener("resize", changeSize);
+    }
+  }, [showNum]);
+  useEffect(function () {
+    if (morePos !== null && list.length > morePos) {
+      onShowMore && onShowMore(true);
+    } else {
+      onShowMore && onShowMore(false);
+    }
+  }, [list, morePos, onShowMore]);
+
+  var onVisibleChange = function onVisibleChange(bol) {
+    if (bol) return setOpenMoreCom(true);
+    closeMore();
+  }; // 关闭显示更多
+
+
+  var closeMore = function closeMore() {
+    setOpenMoreCom(false);
+    onCloseMore && onCloseMore();
+  }; // 关闭显示更多
+
+
+  var handleCloseMore = function handleCloseMore() {
+    closeMore();
+  }; // 不换行 计算
+
+
+  var handMultiline = function handMultiline(index) {
+    if (index === null || index === 0) return;
+    if (index === undefined) index = list.length;
+    var boxDom = document.querySelector('.' + classOne);
+    if (!boxDom) return;
+
+    if (boxDom.scrollWidth > boxDom.clientWidth) {
+      var num = Number(index) - 1; // 超出
+
+      setMorePos(num);
+      handMultiline(num);
+    } else {
+      // 一个
+      if (list.length <= index) handleCloseMore();
+    }
+  }; // 多选 不换行
+
+
+  var changeSize = function changeSize() {
+    clearTimeout(timer.timer);
+    closeMore();
+    timer.timer = setTimeout(function () {
+      setMorePos(list.length);
+      handMultiline();
+    }, 100);
+  }; // 处理class
+
+
+  var handClass = function handClass() {
+    var str = $prefixCls + '-auto-box';
+    if (classOne) str += ' ' + classOne;
+    if (className) str += ' ' + className;
+    return str;
+  }; // 处理handClassPopover
+
+
+  var handClassPopover = function handClassPopover() {
+    var str = $prefixCls + '-auto-box-popover';
+    if (popoverClassName) str += ' ' + popoverClassName;
+    return str;
+  }; // 处理更多内容
+
+
+  var handMoreDom = function handMoreDom() {
+    return jsx("div", Object.assign({
+      className: "auto-box-popover-content"
+    }, {
+      children: list && list.map(function (item, index) {
+        if (morePos !== null && morePos > index) return null;
+        return jsx(Fragment$1, {
+          children: item
+        }, index);
+      })
+    }));
+  };
+  /** 处理更多按钮 */
+
+
+  var handMoreBtn = function handMoreBtn() {
+    if (morePos !== null && list.length > morePos && !hideMore) {
+      return jsx(Popover, Object.assign({
+        open: openMoreCom,
+        content: handMoreDom(),
+        overlayClassName: handClassPopover(),
+        placement: "bottomLeft",
+        onVisibleChange: onVisibleChange
+      }, {
+        children: jsx("div", Object.assign({
+          className: "auto-box-more",
+          ref: posDom
+        }, {
+          children: moreCustomize ? moreCustomize : jsx(More, {})
+        }))
+      }));
+    }
+  };
+  /** 自定义更多按钮 */
+
+
+  var handCustomDialog = function handCustomDialog() {
+    if (anchorEl && openMoreCom) {
+      return jsx(Protal, Object.assign({
+        className: handClassPopover(),
+        anchorEl: anchorEl,
+        onClose: closeMore
+      }, {
+        children: handMoreDom()
+      }));
+    }
+  };
+
+  return jsxs("div", Object.assign({
+    className: handClass(),
+    style: style
+  }, {
+    children: [list.map(function (item, index) {
+      if (morePos !== null && morePos <= index) return null;
+      return jsx(Fragment$1, {
+        children: item
+      }, index);
+    }), handMoreBtn(), handCustomDialog()]
+  }));
+};
+
+export { AutoBox, AutoBox as default };

package/AutoBox/protal.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @author linhd
+ * @date 2022/8/10 10:32 AM
+ * @description 全局弹窗-自定义用的
+ */
+import { FunctionComponent, ReactNode } from 'react';
+export interface ProtalBoxProps {
+    className?: string;
+    /** 定位元素 */
+    anchorEl?: any;
+    /** 关闭事件 */
+    onClose?: () => void;
+    children?: ReactNode;
+    [name: string]: any;
+}
+export declare const Protal: FunctionComponent<ProtalBoxProps>;
+export default Protal;

package/AutoTips/index.d.ts

@@ -1,27 +1,27 @@
-/**
- * @author linhd
- * @date 2021/8/9 15:15
- * @description 超出...
- */
-import React, { FunctionComponent } from 'react';
-import './index.scss';
-export interface AutoTipsProps {
-    /** 样式class */
-    className?: string;
-    /** style */
-    style?: React.CSSProperties;
-    /** 超出显示的内容 */
-    tips?: React.ReactNode;
-    /** 文字下拉提示箭头 */
-    arrow?: boolean;
-    /** 显示文字还是元素 */
-    beyondText?: boolean;
-    /** 定位方向 */
-    placement?: "top-start" | "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top" | undefined;
-    /** interactive */
-    interactive?: boolean;
-    children?: any;
-    [name: string]: any;
-}
-declare const AutoTips: FunctionComponent<AutoTipsProps>;
-export default AutoTips;
+/**
+ * @author linhd
+ * @date 2021/8/9 15:15
+ * @description 超出...
+ */
+import React, { FunctionComponent } from 'react';
+import './index.scss';
+export interface AutoTipsProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 超出显示的内容 */
+    tips?: React.ReactNode;
+    /** 文字下拉提示箭头 */
+    arrow?: boolean;
+    /** 显示文字还是元素 */
+    beyondText?: boolean;
+    /** 定位方向 */
+    placement?: "top-start" | "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top" | undefined;
+    /** interactive */
+    interactive?: boolean;
+    children?: any;
+    [name: string]: any;
+}
+declare const AutoTips: FunctionComponent<AutoTipsProps>;
+export default AutoTips;

package/AutoTips/index.js

@@ -1,15 +1,85 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@material-ui/core"),require("clsx")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","clsx"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("@material-ui/core"),require("clsx")):e.ParaUI=t(e.react,e["@material-ui/core"],e.clsx)}(self,(function(e,t,r){return function(){var n={2565:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-auto-tips{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paraui-auto-tips>.auto-tips-content{display:inline;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paraui-auto-tips-tooltip>div{max-height:calc(100vh - 25px);overflow:auto}",""]),e.exports=t},9929:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-tooltip>div{padding-left:12px;padding-right:12px;font-size:14px;font-weight:400;color:#fff;background-color:rgba(46,55,67,.7)}.paraui-tooltip-left-right>div{margin:0 8px}.paraui-tooltip-top-bottom>div{margin:8px 0}",""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r=function(e,t){var r=e[1]||"",n=e[3];if(!n)return r;if(t&&"function"==typeof btoa){var o=(a=n,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(u," */")),i=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[r].concat(i).concat([o]).join("\n")}var a,c,u;return[r].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(r,"}"):r})).join("")},t.i=function(e,r,n){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(n)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);n&&o[u[0]]||(r&&(u[2]?u[2]="".concat(r," and ").concat(u[2]):u[2]=r),t.push(u))}},t}},7418:function(e){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,c,u=o(e),s=1;s<arguments.length;s++){for(var l in a=Object(arguments[s]))r.call(a,l)&&(u[l]=a[l]);if(t){c=t(a);for(var f=0;f<c.length;f++)n.call(a,c[f])&&(u[c[f]]=a[c[f]])}}return u}},5251:function(e,t,r){"use strict";
-/** @license React v17.0.2
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-r(7418);var n=r(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,r){var n,i={},s=null,l=null;for(n in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(l=t.ref),t)c.call(t,n)&&!u.hasOwnProperty(n)&&(i[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===i[n]&&(i[n]=t[n]);return{$$typeof:o,type:e,key:s,ref:l,props:i,_owner:a.current}}t.jsx=s},5893:function(e,t,r){"use strict";e.exports=r(5251)},9271:function(e,t,r){var n=r(3379),o=r(2565);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};n(o,i);e.exports=o.locals||{}},2310:function(e,t,r){var n=r(3379),o=r(9929);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};n(o,i);e.exports=o.locals||{}},3379:function(e,t,r){"use strict";var n,o=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},i=function(){var e={};return function(t){if(void 0===e[t]){var r=document.querySelector(t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}e[t]=r}return e[t]}}(),a=[];function c(e){for(var t=-1,r=0;r<a.length;r++)if(a[r].identifier===e){t=r;break}return t}function u(e,t){for(var r={},n=[],o=0;o<e.length;o++){var i=e[o],u=t.base?i[0]+t.base:i[0],s=r[u]||0,l="".concat(u," ").concat(s);r[u]=s+1;var f=c(l),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(p)):a.push({identifier:l,updater:b(p,t),references:1}),n.push(l)}return n}function s(e){var t=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var o=r.nc;o&&(n.nonce=o)}if(Object.keys(n).forEach((function(e){t.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var l,f=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function p(e,t,r,n){var o=r?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function d(e,t,r){var n=r.css,o=r.media,i=r.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var v=null,m=0;function b(e,t){var r,n,o;if(t.singleton){var i=m++;r=v||(v=s(t)),n=p.bind(null,r,i,!1),o=p.bind(null,r,i,!0)}else r=s(t),n=d.bind(null,r,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var r=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<r.length;n++){var o=c(r[n]);a[o].references--}for(var i=u(e,t),s=0;s<r.length;s++){var l=c(r[s]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}r=i}}}},7371:function(e,t,r){"use strict";var n=r(5893),o=r(670),i=r(5744),a=r.n(i),c=(r(2310),function(){return c=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},c.apply(this,arguments)}),u=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r};t.default=function(e){var t,r=e.placement,i=void 0===r?"top-start":r,s=e.className,l=e.arrow,f=void 0===l||l,p=e.PopperProps,d=e.boundariesElement,v=void 0===d?"scrollParent":d,m=u(e,["placement","className","arrow","PopperProps","boundariesElement"]),b=c(c({},e.classes),{popper:a()("paraui-tooltip",s,null===(t=e.classes)||void 0===t?void 0:t.popper,{"paraui-tooltip-left-right":(null==i?void 0:i.includes("left"))||(null==i?void 0:i.includes("right")),"paraui-tooltip-top-bottom":(null==i?void 0:i.includes("top"))||(null==i?void 0:i.includes("bottom"))})});return(0,n.jsx)(o.Tooltip,c({},m,{enterTouchDelay:0,arrow:f,placement:i,classes:b,PopperProps:c(c({},p),{modifiers:{preventOverflow:{boundariesElement:v}}})}))}},670:function(e){"use strict";e.exports=t},5744:function(e){"use strict";e.exports=r},8156:function(t){"use strict";t.exports=e}},o={};function i(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={id:e,exports:{}};return n[e](r,r.exports,i),r.exports}i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.nc=void 0;var a={};return function(){"use strict";i.r(a);var e=i(5893),t=i(8156),r=i(7371),n=(i(9271),function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)});a.default=function(o){var i=o.children,a=o.arrow,c=void 0!==a&&a,u=o.placement,s=void 0===u?"bottom-start":u,l=o.tips,f=void 0===l?"":l,p=o.className,d=void 0===p?"":p,v=o.beyondText,m=void 0===v||v,b=o.interactive,y=void 0===b||b,h=o.style,g=(0,t.useRef)(),O=(0,t.useState)(""),w=O[0],x=O[1];(0,t.useEffect)((function(){x(f)}),[f]);var j;return(0,e.jsx)("div",n({ref:g,className:(j="paraui-auto-tips",d&&(j+=" "+d),j),onMouseOver:function(){var e="";g.current&&g.current.scrollWidth>g.current.offsetWidth&&(e=f||(m?g.current.innerText:i)),x(e)},style:h},{children:(0,e.jsx)(r.default,n({arrow:c,title:w,placement:s,interactive:y,boundariesElement:"viewport",className:"paraui-auto-tips-tooltip"},{children:(0,e.jsx)("div",n({className:"auto-tips-content"},{children:i}))}))}))}}(),a}()}));
+import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+import { Tooltip } from '../Tooltip/index.js';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import 'clsx';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-auto-tips {\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v3-auto-tips > .auto-tips-content {\n  display: inline;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.paraui-v3-auto-tips-tooltip > div {\n  max-height: calc(100vh - 25px);\n  overflow: auto;\n}";
+styleInject(css_248z);
+
+var AutoTips = function AutoTips(props) {
+  var children = props.children,
+      _props$arrow = props.arrow,
+      arrow = _props$arrow === void 0 ? false : _props$arrow,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? "bottom-start" : _props$placement,
+      _props$tips = props.tips,
+      tips = _props$tips === void 0 ? '' : _props$tips,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$beyondText = props.beyondText,
+      beyondText = _props$beyondText === void 0 ? true : _props$beyondText,
+      _props$interactive = props.interactive,
+      interactive = _props$interactive === void 0 ? true : _props$interactive,
+      style = props.style;
+  var tipsElm = useRef();
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      tTips = _useState2[0],
+      setTTips = _useState2[1];
+
+  useEffect(function () {
+    setTTips(tips);
+  }, [tips]); // 鼠标移入事件
+
+  var mouseHover = function mouseHover() {
+    var val = '';
+
+    if (tipsElm.current && tipsElm.current.scrollWidth > tipsElm.current.offsetWidth) {
+      if (tips) {
+        val = tips;
+      } else {
+        val = beyondText ? tipsElm.current.innerText : children;
+      }
+    }
+
+    setTTips(val);
+  }; // 处理class
+
+
+  var handClass = function handClass() {
+    var str = $prefixCls + '-auto-tips';
+    if (className) str += ' ' + className;
+    return str;
+  };
+
+  return jsx("div", Object.assign({
+    ref: tipsElm,
+    className: handClass(),
+    onMouseOver: mouseHover,
+    style: style
+  }, {
+    children: jsx(Tooltip, Object.assign({
+      arrow: arrow,
+      title: tTips,
+      placement: placement,
+      interactive: interactive,
+      boundariesElement: 'viewport',
+      className: $prefixCls + '-auto-tips-tooltip'
+    }, {
+      children: jsx("div", Object.assign({
+        className: "auto-tips-content"
+      }, {
+        children: children
+      }))
+    }))
+  }));
+};
+
+export { AutoTips as default };