@itera-web/react-ui-textoverflow 1.1.0 → 1.2.1

package/es/TextOverflow.d.ts

@@ -3,8 +3,9 @@ interface TextOverflowProps {
     className?: string;
     lines?: number;
     lineHeight?: number;
-    controlButton?: React.ReactNode | string;
+    openText?: string | React.ReactNode;
+    closeText?: string | React.ReactNode;
     children: React.ReactNode;
 }
-export declare function TextOverflow({ className, lines, lineHeight, controlButton, children, }: TextOverflowProps): React.JSX.Element;
+export declare function TextOverflow({ className, lines, lineHeight, openText, closeText, children, }: TextOverflowProps): React.JSX.Element;
 export {};

package/es/index.js

@@ -1 +1 @@
-import*as e from"react";import*as t from"@itera-web/hooks-setstate";import*as r from"@itera-web/react-ui-button";import*as n from"@itera-web/utils-cn";var o={d:(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},a={};o.d(a,{l:()=>l});const c=(e=>{var t={};return o.d(t,e),t})({default:()=>e.default,useEffect:()=>e.useEffect,useMemo:()=>e.useMemo,useRef:()=>e.useRef,useState:()=>e.useState});const u=(e=>{var t={};return o.d(t,e),t})({useSetState:()=>t.useSetState});const i=(e=>{var t={};return o.d(t,e),t})({Button:()=>r.Button});const s=(e=>{var t={};return o.d(t,e),t})({cn:()=>n.cn});function l(e){var t=e.className,r=e.lines,n=void 0===r?1:r,o=e.lineHeight,a=void 0===o?1.5:o,l=e.controlButton,f=void 0===l?"":l,m=e.children,d=(0,u.useSetState)(!1),v=d[0],b=d[1],h=d[2],p=(0,c.useState)(!1),g=p[0],E=p[1],S=(0,c.useRef)(null),w=(0,c.useMemo)(function(){return"".concat((n-1)*a,"em")},[n,a]),x=function(){var e=S.current;e&&E(e.scrollHeight>e.clientHeight)},y=function(){b(!h())};return(0,c.useEffect)(function(){x()},[m,n,a,v]),(0,c.useEffect)(function(){var e=S.current;if(e){var t=new ResizeObserver(function(){x()});return t.observe(e),function(){return t.disconnect()}}},[]),c.default.createElement("div",{className:(0,s.cn)('relative text-font text-sm break-words overflow-hidden transition-all before:content-[""] before:block before:h-[var(--before-height)]',t),ref:S,style:{lineHeight:a,maxHeight:v?"none":"".concat(n*a,"em"),"--before-height":w}},c.default.createElement("div",{className:"float-right"},g&&"...",!v&&g&&(f||c.default.createElement(i.Button,{className:"ml-1",color:"primary",onClick:function(){return y()},variant:"text"},"展开"))),c.default.createElement("div",{style:{marginTop:"-".concat(w)}},m,v&&(f||c.default.createElement(i.Button,{className:"ml-1",color:"primary",onClick:function(){return y()},variant:"text"},"收起"))))}var f=a.l;export{f as TextOverflow};
+import*as e from"react";import*as t from"@itera-web/hooks-setstate";import*as r from"@itera-web/react-ui-button";import*as n from"@itera-web/utils-cn";var o={d:(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},a={};o.d(a,{l:()=>l});const c=(e=>{var t={};return o.d(t,e),t})({default:()=>e.default,useEffect:()=>e.useEffect,useMemo:()=>e.useMemo,useRef:()=>e.useRef,useState:()=>e.useState});const i=(e=>{var t={};return o.d(t,e),t})({useSetState:()=>t.useSetState});const u=(e=>{var t={};return o.d(t,e),t})({Button:()=>r.Button});const s=(e=>{var t={};return o.d(t,e),t})({cn:()=>n.cn});function l(e){var t=e.className,r=e.lines,n=void 0===r?1:r,o=e.lineHeight,a=void 0===o?1.5:o,l=e.openText,f=void 0===l?"":l,m=e.closeText,d=void 0===m?"":m,v=e.children,b=(0,i.useSetState)(!1),h=b[0],p=b[1],g=b[2],x=(0,c.useState)(!1),E=x[0],S=x[1],w=(0,c.useRef)(null),y=(0,c.useMemo)(function(){return"".concat((n-1)*a,"em")},[n,a]),k=function(){var e=w.current;e&&S(e.scrollHeight>e.clientHeight)},H=function(){p(!g())};return(0,c.useEffect)(function(){k()},[v,n,a,h]),(0,c.useEffect)(function(){var e=w.current;if(e){var t=new ResizeObserver(function(){k()});return t.observe(e),function(){return t.disconnect()}}},[]),c.default.createElement("div",{className:(0,s.cn)('relative text-font text-sm break-words overflow-hidden transition-all before:content-[""] before:block before:h-[var(--before-height)]',t),ref:w,style:{lineHeight:a,maxHeight:h?"none":"".concat(n*a,"em"),"--before-height":y}},c.default.createElement("div",{className:"float-right"},E&&"...",!h&&E&&c.default.createElement(u.Button,{className:"ml-1",color:"primary",onClick:function(){return H()},variant:"text"},f||"展开")),c.default.createElement("div",{style:{marginTop:"-".concat(y)}},v,h&&c.default.createElement(u.Button,{className:"ml-1",color:"primary",onClick:function(){return H()},variant:"text"},d||"收起")))}var f=a.l;export{f as TextOverflow};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@itera-web/react-ui-textoverflow",
   "description": "多行文本溢出展开收缩",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "main": "es/index.js",
   "types": "es/index.d.ts",
   "publishConfig": {
@@ -13,7 +13,7 @@
     "up": "npm publish"
   },
   "dependencies": {
-    "@itera-web/hooks-setstate": "^1.22.0",
+    "@itera-web/hooks-setstate": "^1.23.0",
     "@itera-web/react-ui-button": "^1.28.1",
     "@itera-web/utils-cn": "^1.22.0"
   },
@@ -24,5 +24,5 @@
   "devDependencies": {
     "@itera-web/cli": "^1.1.54"
   },
-  "gitHead": "dfd4b68b5b22d838a9b71e170dd46e32312538c0"
+  "gitHead": "059e8a6f57fd23485e386082b0629d636dd76199"
 }