@daoyi/nmtl-ui 1.1.43-beta.5 → 1.1.43-beta.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useState as
|
|
1
|
+
import e,{useState as t}from"react";import{s as o,c as n}from"./style-inject.es-22541f49.js";import r from"prop-types";import{Typography as a}from"@material-ui/core";import s from"./MoreButton.js";import"./_commonjsHelpers-ae1b5db5.js";import"@material-ui/icons";const l=new(0,require("html-to-react").Parser),i=require("markdown-it")({html:!1,xhtmlOut:!0,breaks:!0,langPrefix:"language-",linkify:!1,typographer:!1,quotes:"“”‘’",highlight:()=>""});o(".collapseContent__desc {\n font-size: 1.5rem !important; }\n .collapseContent__desc code,\n .collapseContent__desc p {\n font-family: 'Noto Sans TC', 'Arial', sans-serif !important;\n display: -webkit-box;\n overflow: hidden;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n white-space: pre-wrap;\n word-break: break-all; }\n .collapseContent__desc pre {\n margin: 0; }\n .collapseContent__desc--lightHeight code,\n .collapseContent__desc--lightHeight p {\n line-height: 2.25; }\n .collapseContent__desc--expand code,\n .collapseContent__desc--expand p {\n -webkit-line-clamp: initial; }\n");const c=o=>{const{className:r,content:c,contentLimitLength:p,textColor:m,useLightHeight:d}=o,{formatMessage:g,primaryColor:h,secondaryColor:C,shadowColor:_}=o;if(!c)return e.createElement(e.Fragment,null);const[f,u]=t(!1);return e.createElement("div",{className:n("collapseContent",r)},e.createElement(a,{className:n("collapseContent__desc",{"collapseContent__desc--expand":f},{"collapseContent__desc--lightHeight":d}),color:"textSecondary",style:{color:m}},void 0===(y=c.length<p||f?c:`${c.substring(0,p)} ...`)?"":l.parse(i.render(y))),c.length>p&&e.createElement(s,{small:!0,primaryColor:h,secondaryColor:C,shadowColor:_,formatMessage:g,expand:f,setExpand:u}));var y};c.defaultProps={className:void 0,content:void 0,contentLimitLength:100,textColor:void 0,useLightHeight:void 0,formatMessage:void 0,primaryColor:"#271702",secondaryColor:"#aa8859",shadowColor:void 0},c.propTypes={className:r.string,content:r.string,contentLimitLength:r.number,textColor:r.string,useLightHeight:r.bool,formatMessage:r.func,primaryColor:r.string,secondaryColor:r.string,shadowColor:r.string};export{c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from"react";import n from"prop-types";import{s as
|
|
1
|
+
import o from"react";import n from"prop-types";import{s as t,c as e}from"./style-inject.es-22541f49.js";import{ExpandLess as r,ExpandMore as a}from"@material-ui/icons";import"./_commonjsHelpers-ae1b5db5.js";t(".moreButton {\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n align-items: center;\n position: relative;\n margin: 1rem 0rem;\n border-radius: 8px;\n padding: 1rem 2.5rem;\n -webkit-user-select: none;\n user-select: none;\n cursor: pointer; }\n .moreButton__mask {\n transition: all 0.3s ease-in-out;\n position: absolute;\n left: 0;\n top: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n opacity: 0; }\n .moreButton:hover .moreButton__mask {\n opacity: 1; }\n .moreButton--shadow {\n transition: all 0.3s ease-in-out;\n border: 3px solid #ffffff;\n position: relative;\n left: 0px;\n top: 0px; }\n .moreButton--shadow:hover {\n box-shadow: initial !important;\n left: 3px;\n top: 3px; }\n .moreButton--small {\n border: 0;\n padding: 0;\n left: 0px !important;\n top: 0px !important;\n background: transparent !important;\n box-shadow: initial !important; }\n .moreButton--small .moreButton__mask {\n opacity: 0 !important; }\n .moreButton__icon {\n display: flex;\n z-index: 1; }\n .moreButton__icon--small {\n font-size: 1.5rem;\n border-radius: 45px;\n color: white !important; }\n .moreButton__text {\n z-index: 1;\n font-size: 1.5rem;\n line-height: 1.5rem;\n transition: color 0.3s ease-in-out; }\n .moreButton__text--small {\n margin-left: 0.75rem;\n font-size: 1.5rem;\n color: #0c2a4d; }\n .moreButton__text--small:hover {\n text-decoration: underline; }\n");const s=n=>{const{primaryColor:t,secondaryColor:s,shadowColor:m}=n,{small:i,enableShadow:l,customExpandIcon:c}=n,{expand:d,setExpand:p,onClick:u,formatMessage:x}=n,f=i?d?"common.show.less":"common.show.more":"common.watch.more",_=i?d?o.createElement(r,{className:"moreButton__icon--small",style:{background:m||t}}):o.createElement(a,{className:"moreButton__icon--small",style:{background:m||t}}):c&&o.createElement("img",{src:c,alt:"more"});return o.createElement("div",{className:e("moreButton",{"moreButton--shadow":l},{"moreButton--small":i}),style:{color:m||"white",background:t,boxShadow:l?`3px 3px 0 0 ${m}`:void 0},onClick:()=>{p(!d),u()}},!l&&o.createElement("div",{className:"moreButton__mask",style:{background:s}}),o.createElement("div",{className:"moreButton__icon"},_),o.createElement("div",{className:e("moreButton__text",{"moreButton__text--small":i}),style:{color:i?m||t:void 0,marginLeft:_?"0.5rem":void 0}},x?x({id:f}):f))};s.defaultProps={primaryColor:"#271702",secondaryColor:"#aa8859",shadowColor:void 0,small:!1,enableShadow:!1,expand:!1,customExpandIcon:void 0,formatMessage:void 0,setExpand:()=>{},onClick:()=>{}},s.propTypes={primaryColor:n.string,secondaryColor:n.string,shadowColor:n.string,small:n.bool,enableShadow:n.bool,customExpandIcon:n.node,expand:n.bool,formatMessage:n.func,setExpand:n.func,onClick:n.func};export{s as default};
|
package/package.json
CHANGED