@para-ui/core 2.2.9 → 3.0.1

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,203 @@
-!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, jsxs } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, useMemo, Fragment } from 'react';
+import { Popover } from '../Popover/index.js';
+import More from '@para-ui/icons/More';
+import { UUID } from '@paraview/lib';
+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 css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-auto-box {\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.paraui-auto-box > .auto-box-more {\n  display: inline-block;\n  height: 100%;\n  cursor: pointer;\n}\n\n.paraui-auto-box-popover .auto-box-popover-content {\n  display: flex;\n  flex-direction: column;\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(null),
+      _useState8 = _slicedToArray(_useState7, 2),
+      anchorElCom = _useState8[0],
+      setAnchorElCom = _useState8[1]; // 更多定位元素
+
+
+  var _useState9 = useState({}),
+      _useState10 = _slicedToArray(_useState9, 1),
+      timer = _useState10[0];
+
+  var posDom = useRef(); // 监听打开更多
+
+  useEffect(function () {
+    if (props.openMore !== undefined) {
+      setOpenMoreCom(props.openMore);
+    }
+  }, [props.openMore]); // 监听更多定位元素
+
+  useEffect(function () {
+    if (anchorEl) setAnchorElCom(anchorEl);
+  }, [anchorEl]);
+  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 closeMore = function closeMore() {
+    setOpenMoreCom(false);
+    onCloseMore && onCloseMore();
+  }; // 点击显示更多
+
+
+  var clickMore = function clickMore(e) {
+    setOpenMoreCom(true);
+    setAnchorElCom(posDom.current);
+  }; // 关闭显示更多
+
+
+  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 = 'auto-box paraui-auto-box';
+    if (classOne) str += ' ' + classOne;
+    if (className) str += ' ' + className;
+    return str;
+  }; // 处理handClassPopover
+
+
+  var handClassPopover = function handClassPopover() {
+    var str = 'auto-box-popover paraui-auto-box-popover';
+    if (popoverClassName) str += ' ' + popoverClassName;
+    return str;
+  };
+  /* 更多下拉 */
+
+
+  var MoreMemo = useMemo(function () {
+    return openMoreCom && jsx(Popover, Object.assign({
+      open: openMoreCom,
+      anchorEl: anchorElCom,
+      onClose: closeMore,
+      anchorOrigin: {
+        vertical: 'bottom',
+        horizontal: 'left'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'left'
+      },
+      className: handClassPopover()
+    }, {
+      children: 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, {
+            children: item
+          }, index);
+        })
+      }))
+    }));
+  }, [openMoreCom, anchorElCom, list, morePos, popoverClassName]);
+  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, {
+        children: item
+      }, index);
+    }), function () {
+      if (morePos !== null && list.length > morePos && !hideMore) {
+        return jsx("div", Object.assign({
+          className: "auto-box-more",
+          ref: posDom,
+          onClick: clickMore
+        }, {
+          children: moreCustomize ? moreCustomize : jsx(More, {})
+        }));
+      }
+    }(), MoreMemo]
+  }));
+};
+
+export { AutoBox, AutoBox as default };

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,84 @@
-!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 { 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.paraui-auto-tips {\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-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-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 = 'paraui-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: 'paraui-auto-tips-tooltip'
+    }, {
+      children: jsx("div", Object.assign({
+        className: "auto-tips-content"
+      }, {
+        children: children
+      }))
+    }))
+  }));
+};
+
+export { AutoTips as default };

package/Breadcrumbs/index.d.ts

@@ -1,39 +1,39 @@
-/**
- * @author linhd
- * @date 2021/8/3 10:59
- * @description 面包屑
- */
-import React, { FunctionComponent, ReactNode } from 'react';
-import './index.scss';
-export interface listOptions {
-    /** 每一项显示名 */
-    label: ReactNode;
-    /** 每一项最大宽度 */
-    maxWidth?: string;
-    /** 是否可点击 */
-    disabled?: boolean;
-    [name: string]: any;
-}
-export interface BreadcrumbsProps {
-    /** 样式class */
-    className?: string;
-    /** style */
-    style?: React.CSSProperties;
-    /** 每一项最大宽度 */
-    maxWidth?: string;
-    /** 初始化数据 */
-    list: listOptions[];
-    /** 中间符号 */
-    separator?: string;
-    /** 弹出框样式class */
-    popoverClassName?: string;
-    /** 是否收缩 */
-    isShrink?: boolean;
-    /**
-     * 点击菜单
-     * @param ops 当前点击菜单数据
-     */
-    onClickItem?: (ops: listOptions) => void;
-}
-export declare const Breadcrumbs: FunctionComponent<BreadcrumbsProps>;
-export default Breadcrumbs;
+/**
+ * @author linhd
+ * @date 2021/8/3 10:59
+ * @description 面包屑
+ */
+import React, { FunctionComponent, ReactNode } from 'react';
+import './index.scss';
+export interface listOptions {
+    /** 每一项显示名 */
+    label: ReactNode;
+    /** 每一项最大宽度 */
+    maxWidth?: string;
+    /** 是否可点击 */
+    disabled?: boolean;
+    [name: string]: any;
+}
+export interface BreadcrumbsProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 每一项最大宽度 */
+    maxWidth?: string;
+    /** 初始化数据 */
+    list: listOptions[];
+    /** 中间符号 */
+    separator?: string;
+    /** 弹出框样式class */
+    popoverClassName?: string;
+    /** 是否收缩 */
+    isShrink?: boolean;
+    /**
+     * 点击菜单
+     * @param ops 当前点击菜单数据
+     */
+    onClickItem?: (ops: listOptions) => void;
+}
+export declare const Breadcrumbs: FunctionComponent<BreadcrumbsProps>;
+export default Breadcrumbs;