@daoyi/nmtl-ui 2.0.1-alpha.1 → 2.0.1-alpha.2

package/lib/components/Backdrop-7fa25324.js

@@ -0,0 +1 @@
+import{e as t,b as e,a as n,c as i}from"./createTheme-27772c33.js";import*as o from"react";import"prop-types";import{w as r,c as a}from"./capitalize-c17a778e.js";import{d as s,a as c,T as d,r as l,g as p}from"./unstable_useId-3679dddb.js";var m={entering:{opacity:1},entered:{opacity:1}},u={enter:t.enteringScreen,exit:t.leavingScreen},f=o.forwardRef((function(t,r){var a=t.children,f=t.disableStrictModeCompat,v=void 0!==f&&f,E=t.in,y=t.onEnter,b=t.onEntered,g=t.onEntering,x=t.onExit,h=t.onExited,C=t.onExiting,T=t.style,k=t.TransitionComponent,w=void 0===k?d:k,j=t.timeout,M=void 0===j?u:j,R=e(t,["children","disableStrictModeCompat","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","TransitionComponent","timeout"]),S=s(),I=S.unstable_strictMode&&!v,N=o.useRef(null),z=c(a.ref,r),B=c(I?N:void 0,z),D=function(t){return function(e,n){if(t){var o=I?[N.current,e]:[e,n],r=i(o,2),a=r[0],s=r[1];void 0===s?t(a):t(a,s)}}},_=D(g),F=D((function(t,e){l(t);var n=p({style:T,timeout:M},{mode:"enter"});t.style.webkitTransition=S.transitions.create("opacity",n),t.style.transition=S.transitions.create("opacity",n),y&&y(t,e)})),H=D(b),W=D(C),q=D((function(t){var e=p({style:T,timeout:M},{mode:"exit"});t.style.webkitTransition=S.transitions.create("opacity",e),t.style.transition=S.transitions.create("opacity",e),x&&x(t)})),A=D(h);return o.createElement(w,n({appear:!0,in:E,nodeRef:I?N:void 0,onEnter:F,onEntered:H,onEntering:_,onExit:q,onExited:A,onExiting:W,timeout:M},R),(function(t,e){return o.cloneElement(a,n({style:n({opacity:0,visibility:"exited"!==t||E?void 0:"hidden"},m[t],T,a.props.style),ref:B},e))}))})),v=o.forwardRef((function(t,i){var r=t.children,s=t.classes,c=t.className,d=t.invisible,l=void 0!==d&&d,p=t.open,m=t.transitionDuration,u=t.TransitionComponent,v=void 0===u?f:u,E=e(t,["children","classes","className","invisible","open","transitionDuration","TransitionComponent"]);return o.createElement(v,n({in:p,timeout:m},E),o.createElement("div",{className:a(s.root,c,l&&s.invisible),"aria-hidden":!0,ref:i},r))})),E=r({root:{zIndex:-1,position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent"},invisible:{backgroundColor:"transparent"}},{name:"MuiBackdrop"})(v);export{E as B,f as F};

package/lib/components/CircularProgress-57f085c6.js

@@ -0,0 +1 @@
+import{d as e,b as a,a as t}from"./createTheme-27772c33.js";import*as r from"react";import"prop-types";import{w as i,c as o,a as n}from"./capitalize-c17a778e.js";import{B as s}from"./unstable_useId-3679dddb.js";var c=r.forwardRef((function(e,i){var c=e.edge,l=void 0!==c&&c,d=e.children,m=e.classes,p=e.className,f=e.color,h=void 0===f?"default":f,u=e.disabled,v=void 0!==u&&u,g=e.disableFocusRipple,y=void 0!==g&&g,k=e.size,b=void 0===k?"medium":k,x=a(e,["edge","children","classes","className","color","disabled","disableFocusRipple","size"]);return r.createElement(s,t({className:o(m.root,p,"default"!==h&&m["color".concat(n(h))],v&&m.disabled,"small"===b&&m["size".concat(n(b))],{start:m.edgeStart,end:m.edgeEnd}[l]),centerRipple:!0,focusRipple:!y,disabled:v,ref:i},x),r.createElement("span",{className:m.label},d))})),l=i((function(a){return{root:{textAlign:"center",flex:"0 0 auto",fontSize:a.typography.pxToRem(24),padding:12,borderRadius:"50%",overflow:"visible",color:a.palette.action.active,transition:a.transitions.create("background-color",{duration:a.transitions.duration.shortest}),"&:hover":{backgroundColor:e(a.palette.action.active,a.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},"&$disabled":{backgroundColor:"transparent",color:a.palette.action.disabled}},edgeStart:{marginLeft:-12,"$sizeSmall&":{marginLeft:-3}},edgeEnd:{marginRight:-12,"$sizeSmall&":{marginRight:-3}},colorInherit:{color:"inherit"},colorPrimary:{color:a.palette.primary.main,"&:hover":{backgroundColor:e(a.palette.primary.main,a.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},colorSecondary:{color:a.palette.secondary.main,"&:hover":{backgroundColor:e(a.palette.secondary.main,a.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},disabled:{},sizeSmall:{padding:3,fontSize:a.typography.pxToRem(18)},label:{width:"100%",display:"flex",alignItems:"inherit",justifyContent:"inherit"}}}),{name:"MuiIconButton"})(c),d=r.forwardRef((function(e,i){var s=e.classes,c=e.className,l=e.color,d=void 0===l?"primary":l,m=e.disableShrink,p=void 0!==m&&m,f=e.size,h=void 0===f?40:f,u=e.style,v=e.thickness,g=void 0===v?3.6:v,y=e.value,k=void 0===y?0:y,b=e.variant,x=void 0===b?"indeterminate":b,S=a(e,["classes","className","color","disableShrink","size","style","thickness","value","variant"]),D={},z={},C={};if("determinate"===x||"static"===x){var R=2*Math.PI*((44-g)/2);D.strokeDasharray=R.toFixed(3),C["aria-valuenow"]=Math.round(k),D.strokeDashoffset="".concat(((100-k)/100*R).toFixed(3),"px"),z.transform="rotate(-90deg)"}return r.createElement("div",t({className:o(s.root,c,"inherit"!==d&&s["color".concat(n(d))],{determinate:s.determinate,indeterminate:s.indeterminate,static:s.static}[x]),style:t({width:h,height:h},z,u),ref:i,role:"progressbar"},C,S),r.createElement("svg",{className:s.svg,viewBox:"".concat(22," ").concat(22," ").concat(44," ").concat(44)},r.createElement("circle",{className:o(s.circle,p&&s.circleDisableShrink,{determinate:s.circleDeterminate,indeterminate:s.circleIndeterminate,static:s.circleStatic}[x]),style:D,cx:44,cy:44,r:(44-g)/2,fill:"none",strokeWidth:g})))})),m=i((function(e){return{root:{display:"inline-block"},static:{transition:e.transitions.create("transform")},indeterminate:{animation:"$circular-rotate 1.4s linear infinite"},determinate:{transition:e.transitions.create("transform")},colorPrimary:{color:e.palette.primary.main},colorSecondary:{color:e.palette.secondary.main},svg:{display:"block"},circle:{stroke:"currentColor"},circleStatic:{transition:e.transitions.create("stroke-dashoffset")},circleIndeterminate:{animation:"$circular-dash 1.4s ease-in-out infinite",strokeDasharray:"80px, 200px",strokeDashoffset:"0px"},circleDeterminate:{transition:e.transitions.create("stroke-dashoffset")},"@keyframes circular-rotate":{"0%":{transformOrigin:"50% 50%"},"100%":{transform:"rotate(360deg)"}},"@keyframes circular-dash":{"0%":{strokeDasharray:"1px, 200px",strokeDashoffset:"0px"},"50%":{strokeDasharray:"100px, 200px",strokeDashoffset:"-15px"},"100%":{strokeDasharray:"100px, 200px",strokeDashoffset:"-125px"}},circleDisableShrink:{animation:"none"}}}),{name:"MuiCircularProgress",flip:!1})(d);export{m as C,l as I};

package/lib/components/CollapseContent.js

@@ -1 +1 @@
-import e,{useState as t,useRef as n,useEffect as o}from"react";import{c as l}from"./index-11391ca3.js";import s from"prop-types";import a from"./MoreButton.js";import{s as r}from"./style-inject.es-c875d022.js";import{T as i}from"./Typography-2b9bb6fe.js";import"./createSvgIcon-8e472edc.js";import"./withStyles-49f09a2e.js";import"@material-ui/styles";import"./capitalize-30c6d564.js";r(".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=s=>{const{className:r,content:c,textColor:p,lineClamp:d,useLightHeight:m,useTextIndent:C}=s,{formatMessage:_,primaryColor:g,secondaryColor:h,shadowColor:f}=s;if(!c)return e.createElement(e.Fragment,null);const[b,y]=t(),[u,w]=t(),v=n();return o((()=>{if(c&&v&&v.current){const e=v.current,{clientHeight:t,scrollHeight:n}=e||{};w(n>t)}}),[v,c]),e.createElement("div",{className:l("collapseContent",r)},e.createElement(i,{ref:v,variant:"inherit",className:l("collapseContent__desc",`collapseContent__desc--${d<=5?d:10}`,{"collapseContent__desc--indent":C},{"collapseContent__desc--expand":b},{"collapseContent__desc--lightHeight":m}),color:"textSecondary",style:{color:p}},(x=c)&&0!==x.length?e.createElement("div",{dangerouslySetInnerHTML:{__html:`<div>${x.replaceAll("\n\n","\n").split("\n").join("<div/><br/><div>")}</div>`}}):x),u&&e.createElement(a,{small:!0,primaryColor:g,secondaryColor:h,shadowColor:f,formatMessage:_,expand:b,setExpand:y}));var x};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:s.string,content:s.string,textColor:s.string,lineClamp:s.number,useLightHeight:s.bool,useTextIndent:s.bool,formatMessage:s.func,primaryColor:s.string,secondaryColor:s.string,shadowColor:s.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 a from"prop-types";import s from"./MoreButton.js";import{s as r}from"./style-inject.es-c875d022.js";import{T as i}from"./Typography-e92912a6.js";import"./createSvgIcon-387310de.js";import"./createTheme-27772c33.js";import"./capitalize-c17a778e.js";import"@material-ui/styles";r(".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:r,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[y,u]=t(),[b,v]=t(),w=n();return o((()=>{if(c&&w&&w.current){const e=w.current,{clientHeight:t,scrollHeight:n}=e||{};v(n>t)}}),[w,c]),e.createElement("div",{className:l("collapseContent",r)},e.createElement(i,{ref:w,variant:"inherit",className:l("collapseContent__desc",`collapseContent__desc--${d<=5?d:10}`,{"collapseContent__desc--indent":C},{"collapseContent__desc--expand":y},{"collapseContent__desc--lightHeight":m}),color:"textSecondary",style:{color:p}},(x=c)&&0!==x.length?e.createElement("div",{dangerouslySetInnerHTML:{__html:`<div>${x.replaceAll("\n\n","\n").split("\n").join("<div/><br/><div>")}</div>`}}):x),b&&e.createElement(s,{small:!0,primaryColor:g,secondaryColor:h,shadowColor:f,formatMessage:_,expand:y,setExpand:u}));var x};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};