@daoyi/nmtl-ui 2.0.1-beta.3 → 2.0.1-beta.31

package/lib/components/CollapseContent.js

@@ -1 +1 @@
-import e,{useState as n,useRef as t,useEffect as o}from"react";import{c as l}from"./index-11391ca3.js";import a from"prop-types";import{Typography as r}from"@material-ui/core";import s from"./MoreButton.js";import{s as i}from"./style-inject.es-c875d022.js";import"@material-ui/icons";i(".collapseContent__desc {\n  font-size: 1.5rem !important;\n  text-indent: 3rem;\n  font-family: 'Noto Sans TC', 'Arial', sans-serif !important;\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  white-space: pre-wrap;\n  word-break: break-all; }\n  .collapseContent__desc p,\n  .collapseContent__desc pre {\n    margin: 0; }\n  .collapseContent__desc--1 {\n    -webkit-line-clamp: 1; }\n  .collapseContent__desc--2 {\n    -webkit-line-clamp: 2; }\n  .collapseContent__desc--3 {\n    -webkit-line-clamp: 3; }\n  .collapseContent__desc--4 {\n    -webkit-line-clamp: 4; }\n  .collapseContent__desc--5 {\n    -webkit-line-clamp: 5; }\n  .collapseContent__desc--10 {\n    -webkit-line-clamp: 10; }\n  .collapseContent__desc--lightHeight {\n    line-height: 2.25; }\n  .collapseContent__desc--expand {\n    -webkit-line-clamp: initial; }\n  .collapseContent__desc--indent {\n    text-indent: 3rem; }\n");const c=a=>{const{className:i,content:c,textColor:p,lineClamp:d,useLightHeight:m,useTextIndent:C}=a,{formatMessage:_,primaryColor:g,secondaryColor:h,shadowColor:f}=a;if(!c)return e.createElement(e.Fragment,null);const[u,b]=n(),[w,x]=n(),v=t();return o((()=>{if(c&&v&&v.current){const e=v.current,{clientHeight:n,scrollHeight:t}=e||{};x(t>n)}}),[v,c]),e.createElement("div",{className:l("collapseContent",i)},e.createElement(r,{ref:v,variant:"inherit",className:l("collapseContent__desc",`collapseContent__desc--${d<=5?d:10}`,{"collapseContent__desc--indent":C},{"collapseContent__desc--expand":u},{"collapseContent__desc--lightHeight":m}),color:"textSecondary",style:{color:p}},(y=c)&&0!==y.length?e.createElement("div",{dangerouslySetInnerHTML:{__html:`<div>${y.replaceAll("\n\n","\n").split("\n").join("<div/><br/><div>")}</div>`}}):y),w&&e.createElement(s,{small:!0,primaryColor:g,secondaryColor:h,shadowColor:f,formatMessage:_,expand:u,setExpand:b}));var y};c.defaultProps={className:void 0,content:void 0,textColor:void 0,lineClamp:2,useLightHeight:void 0,useTextIndent:!0,formatMessage:void 0,primaryColor:"#271702",secondaryColor:"#aa8859",shadowColor:void 0},c.propTypes={className:a.string,content:a.string,textColor:a.string,lineClamp:a.number,useLightHeight:a.bool,useTextIndent:a.bool,formatMessage:a.func,primaryColor:a.string,secondaryColor:a.string,shadowColor:a.string};export{c as default};
+import e,{useState as t,useRef as n,useEffect as o}from"react";import{c as l}from"./index-11391ca3.js";import r from"prop-types";import{Typography as a}from"@material-ui/core";import s from"./MoreButton.js";import{s as i}from"./style-inject.es-c875d022.js";import"@material-ui/icons";const c=new(0,require("html-to-react").Parser),p=require("markdown-it")({html:!0,xhtmlOut:!0,breaks:!0,langPrefix:"language-",linkify:!1,typographer:!1,quotes:"“”‘’",highlight:()=>""});var d=t=>t&&0!==t.length?e.createElement("div",null,(e=>void 0===e?"":c.parse(p.render(e)))(t.replaceAll("\n\n","\n").split("\n").join("<div/><br/><div>"))):t;i(".collapseContent__desc {\n  font-size: 1.5rem !important;\n  text-indent: 3rem;\n  font-family: 'Noto Sans TC', 'Arial', sans-serif !important;\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  white-space: pre-wrap;\n  word-break: break-all; }\n  .collapseContent__desc p,\n  .collapseContent__desc pre {\n    margin: 0; }\n  .collapseContent__desc--1 {\n    -webkit-line-clamp: 1; }\n  .collapseContent__desc--2 {\n    -webkit-line-clamp: 2; }\n  .collapseContent__desc--3 {\n    -webkit-line-clamp: 3; }\n  .collapseContent__desc--4 {\n    -webkit-line-clamp: 4; }\n  .collapseContent__desc--5 {\n    -webkit-line-clamp: 5; }\n  .collapseContent__desc--10 {\n    -webkit-line-clamp: 10; }\n  .collapseContent__desc--lightHeight {\n    line-height: 2.25; }\n  .collapseContent__desc--expand {\n    -webkit-line-clamp: initial; }\n  .collapseContent__desc--indent {\n    text-indent: 3rem; }\n");const m=r=>{const{className:i,content:c,textColor:p,lineClamp:m,useLightHeight:C,useTextIndent:_}=r,{formatMessage:g,primaryColor:h,secondaryColor:u,shadowColor:f}=r;if(!c)return e.createElement(e.Fragment,null);const[w,x]=t(),[b,y]=t(),v=n();return o((()=>{if(c&&v&&v.current){const e=v.current,{clientHeight:t,scrollHeight:n}=e||{};y(n>t)}}),[v,c]),e.createElement("div",{className:l("collapseContent",i)},e.createElement(a,{ref:v,variant:"inherit",className:l("collapseContent__desc",`collapseContent__desc--${m<=5?m:10}`,{"collapseContent__desc--indent":_},{"collapseContent__desc--expand":w},{"collapseContent__desc--lightHeight":C}),color:"textSecondary",style:{color:p}},d(c)),b&&e.createElement(s,{small:!0,primaryColor:h,secondaryColor:u,shadowColor:f,formatMessage:g,expand:w,setExpand:x}))};m.defaultProps={className:void 0,content:void 0,textColor:void 0,lineClamp:2,useLightHeight:void 0,useTextIndent:!0,formatMessage:void 0,primaryColor:"#271702",secondaryColor:"#aa8859",shadowColor:void 0},m.propTypes={className:r.string,content:r.string,textColor:r.string,lineClamp:r.number,useLightHeight:r.bool,useTextIndent:r.bool,formatMessage:r.func,primaryColor:r.string,secondaryColor:r.string,shadowColor:r.string};export{m as default};