@daoyi/nmtl-ui 1.1.43-beta.2 → 1.1.43-beta.6

package/lib/components/Autocomplete.js

@@ -1 +1 @@
-import{_ as e,a as n,b as t}from"./_rollupPluginBabelHelpers-b18bba19.js";import o,{useCallback as r,useState as a,useRef as l,useMemo as u,useEffect as i}from"react";import c from"prop-types";import{c as p}from"./index-b2745105.js";import{d as s}from"./debounce-c993109b.js";import{Autocomplete as d}from"@material-ui/lab";import{Chip as f,TextField as m,CircularProgress as b}from"@material-ui/core";import{Close as g,SearchOutlined as h}from"@material-ui/icons";import y from"./Empty.js";import{s as I}from"./style-inject.es-1f59c1d0.js";I(".autocomplete .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n  padding: 0px 8px; }\n\n.autocomplete .MuiChip-deleteIcon {\n  width: 16px;\n  height: 16px; }\n\n.autocomplete__icon {\n  font-size: 1.25rem;\n  margin-right: 8px; }\n\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n  display: flex;\n  flex-wrap: nowrap;\n  padding: 4px 8px; }\n");var v=function(c){var I=c.options,v=c.defaultValue,A=c.renderAfterDefaultValueChange,V=c.filterable,x=c.loading,C=c.labelInValue,O=c.disabled,T=c.className,E=c.multiple,_=c.freeTyping,j=c.placeholder,N=c.searchIcon,w=c.renderInput,F=c.renderTags,S=c.onChange,B=c.onSearch,M=c.onFocus,P=c.onBlur,D=a(!0),R=n(D,2),L=R[0],z=R[1],H=a(),J=n(H,2),k=J[0],q=J[1],G=a(),K=n(G,2),Q=K[0],U=K[1],W=(n=>{let{options:t,placeholder:a,loading:l,searchIcon:u,labelInValue:i}=n;const c=r((e=>"object"==typeof e?e.value:e),[]),p=r((e=>{const n=(Array.isArray(t)?t:[]).find((n=>c(n)===c(e)));return n?"object"==typeof n?n.label:n:"object"==typeof e?e.label:e}),[t]),s=r((e=>{if(Array.isArray(t)){if(Array.isArray(e))return e.map((e=>t.find((n=>{let{value:t}=n;return e===t||e.value===t}))||e));const n=t.find((n=>{let{value:t}=n;return e===t}));return i?e:n||{label:e,value:e}}return e}),[t,i]),d=r(((n,t)=>n.map(((n,r)=>o.createElement(f,e({label:p(n),deleteIcon:o.createElement(g,null)},t({index:r})))))),[t]),y=r((n=>o.createElement(m,e({},n,{variant:"outlined",placeholder:a,InputProps:{...n.InputProps,endAdornment:o.createElement(o.Fragment,null,l&&o.createElement(b,{className:"autocomplete__icon",color:"inherit",size:20}),u&&o.createElement(h,{className:"autocomplete__icon"}),n.InputProps.endAdornment)}}))),[l,u]);return{getValue:c,getValueFromOptions:s,defaultTag:d,defaultRenderInput:y}})(t({},{options:I,placeholder:j,loading:x,searchIcon:N,labelInValue:C})),X=W.getValue,Y=W.getValueFromOptions,Z=W.defaultTag,$=W.defaultRenderInput,ee=l(s((function(e){return B(e)}),500)).current,ne=u((function(){return"string"==typeof v&&E?{label:k,value:k}:Y(v)}),[JSON.stringify(v)]);return i((function(){A&&z(!1)}),[ne]),i((function(){L||z(!0)}),[L]),i((function(){Q&&(q(Q),ee(Q))}),[Q]),o.createElement("div",{className:p("autocomplete",{"autocomplete--showSearchIcon":N},T)},L&&o.createElement(d,{className:"autocomplete__component",options:Array.isArray(I)&&(_&&k?[{label:k,value:k}].concat(I):I)||[],defaultValue:ne,disabled:O,multiple:E,filterOptions:function(e,n){var t=n.inputValue,o=void 0===t?"":t;return(Array.isArray(e)?e:[]).filter((function(e){var n=(e||{}).label;return!V||(void 0===n?"":n).toLowerCase().indexOf(o.toLowerCase())>-1}))},onChange:function(e,n){Array.isArray(n)?S(n.map((function(e){return C?e:X(e)}))):n&&S(C?n:X(n))},onInputChange:function(e,n,t){n&&"string"==typeof n&&"input"===t&&U(n)},getOptionLabel:function(e){return e&&e.label||""},getOptionDisabled:function(e){return e.disabled},renderInput:function(e){return w&&w(e)||$(e)},renderTags:function(e,n){return F&&F(e,n)||Z(e,n)},popupIcon:null,noOptionsText:o.createElement(y,null),onFocus:M,onBlur:P}))};v.defaultProps={className:void 0,defaultValue:void 0,renderAfterDefaultValueChange:!1,options:void 0,freeTyping:!1,loading:!1,disabled:!1,labelInValue:!0,searchIcon:!0,multiple:!1,placeholder:"Search...",filterable:!1,renderInput:void 0,renderTags:void 0,onChange:function(){},onSearch:function(){},onFocus:function(){},onBlur:function(){}},v.propTypes={className:c.string,defaultValue:c.any,renderAfterDefaultValueChange:c.bool,options:c.arrayOf(c.any),freeTyping:c.bool,loading:c.bool,disabled:c.bool,labelInValue:c.bool,searchIcon:c.bool,multiple:c.bool,placeholder:c.string,filterable:c.bool,renderInput:c.func,renderTags:c.func,onChange:c.func,onSearch:c.func,onFocus:c.func,onBlur:c.func};export{v as default};
+import{_ as e,a as n,b as o}from"./_rollupPluginBabelHelpers-b18bba19.js";import t,{useCallback as a,useState as r,useRef as l,useMemo as u,useEffect as i}from"react";import c from"prop-types";import{c as p}from"./index-b2745105.js";import{d as s}from"./debounce-c993109b.js";import{Autocomplete as d}from"@material-ui/lab";import{Chip as f,TextField as m,CircularProgress as b}from"@material-ui/core";import{Close as g,SearchOutlined as h}from"@material-ui/icons";import y from"./Empty.js";import{s as I}from"./style-inject.es-1f59c1d0.js";I(".autocomplete .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n  padding: 0px 8px; }\n\n.autocomplete .MuiChip-deleteIcon {\n  width: 16px;\n  height: 16px; }\n\n.autocomplete__icon {\n  font-size: 1.25rem;\n  margin-right: 8px; }\n\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n  display: flex;\n  flex-wrap: nowrap;\n  padding: 4px 8px; }\n");var v=function(c){var I=c.options,v=c.defaultValue,A=c.renderAfterDefaultValueChange,V=c.filterable,x=c.loading,C=c.labelInValue,O=c.disabled,T=c.className,E=c.multiple,_=c.freeTyping,j=c.placeholder,N=c.searchIcon,w=c.renderInput,F=c.renderTags,S=c.onChange,B=c.onSearch,M=c.onFocus,P=c.onBlur,D=r(!0),R=n(D,2),L=R[0],z=R[1],H=r(),J=n(H,2),k=J[0],q=J[1],G=r(),K=n(G,2),Q=K[0],U=K[1],W=(({options:n,placeholder:o,loading:r,searchIcon:l,labelInValue:u})=>{const i=a((e=>"object"==typeof e?e.value:e),[]),c=a((e=>{const o=(Array.isArray(n)?n:[]).find((n=>i(n)===i(e)));return o?"object"==typeof o?o.label:o:"object"==typeof e?e.label:e}),[n]),p=a((e=>{if(Array.isArray(n)){if(Array.isArray(e))return e.map((e=>n.find((({value:n})=>e===n||e.value===n))||e));const o=n.find((({value:n})=>e===n));return u?e:o||{label:e,value:e}}return e}),[n,u]),s=a(((n,o)=>n.map(((n,a)=>t.createElement(f,e({label:c(n),deleteIcon:t.createElement(g,null)},o({index:a})))))),[n]),d=a((n=>t.createElement(m,e({},n,{variant:"outlined",placeholder:o,InputProps:{...n.InputProps,endAdornment:t.createElement(t.Fragment,null,r&&t.createElement(b,{className:"autocomplete__icon",color:"inherit",size:20}),l&&t.createElement(h,{className:"autocomplete__icon"}),n.InputProps.endAdornment)}}))),[r,l]);return{getValue:i,getValueFromOptions:p,defaultTag:s,defaultRenderInput:d}})(o({},{options:I,placeholder:j,loading:x,searchIcon:N,labelInValue:C})),X=W.getValue,Y=W.getValueFromOptions,Z=W.defaultTag,$=W.defaultRenderInput,ee=l(s((function(e){return B(e)}),500)).current,ne=u((function(){return"string"==typeof v&&E?{label:k,value:k}:Y(v)}),[JSON.stringify(v)]);return i((function(){A&&z(!1)}),[ne]),i((function(){L||z(!0)}),[L]),i((function(){Q&&(q(Q),ee(Q))}),[Q]),t.createElement("div",{className:p("autocomplete",{"autocomplete--showSearchIcon":N},T)},L&&t.createElement(d,{className:"autocomplete__component",options:Array.isArray(I)&&(_&&k?[{label:k,value:k}].concat(I):I)||[],defaultValue:ne,disabled:O,multiple:E,filterOptions:function(e,n){var o=n.inputValue,t=void 0===o?"":o;return(Array.isArray(e)?e:[]).filter((function(e){var n=(e||{}).label;return!V||(void 0===n?"":n).toLowerCase().indexOf(t.toLowerCase())>-1}))},onChange:function(e,n){Array.isArray(n)?S(n.map((function(e){return C?e:X(e)}))):n&&S(C?n:X(n))},onInputChange:function(e,n,o){n&&"string"==typeof n&&"input"===o&&U(n)},getOptionLabel:function(e){return e&&e.label||""},getOptionDisabled:function(e){return e.disabled},renderInput:function(e){return w&&w(e)||$(e)},renderTags:function(e,n){return F&&F(e,n)||Z(e,n)},popupIcon:null,noOptionsText:t.createElement(y,null),onFocus:M,onBlur:P}))};v.defaultProps={className:void 0,defaultValue:void 0,renderAfterDefaultValueChange:!1,options:void 0,freeTyping:!1,loading:!1,disabled:!1,labelInValue:!0,searchIcon:!0,multiple:!1,placeholder:"Search...",filterable:!1,renderInput:void 0,renderTags:void 0,onChange:function(){},onSearch:function(){},onFocus:function(){},onBlur:function(){}},v.propTypes={className:c.string,defaultValue:c.any,renderAfterDefaultValueChange:c.bool,options:c.arrayOf(c.any),freeTyping:c.bool,loading:c.bool,disabled:c.bool,labelInValue:c.bool,searchIcon:c.bool,multiple:c.bool,placeholder:c.string,filterable:c.bool,renderInput:c.func,renderTags:c.func,onChange:c.func,onSearch:c.func,onFocus:c.func,onBlur:c.func};export{v as default};

package/lib/components/Breadcrumbs.js

@@ -1 +1 @@
-import e from"react";import{c as t}from"./index-b2745105.js";import r from"prop-types";import{NavLink as a}from"react-router-dom";import{Typography as n,Breadcrumbs as o}from"@material-ui/core";import{s as c}from"./style-inject.es-1f59c1d0.js";c(".breadcrumbItem {\n  display: flex;\n  opacity: 0.8;\n  transition: opacity 0.1s ease-in-out; }\n  .breadcrumbItem:hover {\n    opacity: 1; }\n  .breadcrumbItem--last {\n    opacity: 1;\n    font-weight: 500 !important; }\n  .breadcrumbItem__icon {\n    display: flex;\n    align-items: center;\n    margin-right: 4px; }\n    .breadcrumbItem__icon svg {\n      font-size: 18px; }\n");const i=r=>{let{className:a,icon:o,text:c,lastItem:i,onClick:s}=r;return e.createElement(n,{color:"textPrimary",className:a,onClick:s},e.createElement("div",{className:t("breadcrumbItem",{"breadcrumbItem--last":i})},o&&e.createElement("span",{className:"breadcrumbItem__icon"},o),e.createElement("span",{className:"breadcrumbItem__text"},c)))};i.defaultProps={className:void 0,icon:void 0,text:void 0,lastItem:void 0,onClick:()=>{}},i.propTypes={className:r.string,icon:r.node,text:r.string,lastItem:r.bool,onClick:r.func};c(".breadcrumbs__link {\n  cursor: pointer;\n  text-decoration: none !important; }\n");var s=function(r){var n=r.className,c=r.links,s=r.separator;return e.createElement(o,{className:t("breadcrumbs",n),"aria-label":"breadcrumb",separator:s&&s.length>0?s:void 0},Array.isArray(c)&&c.length>0&&c.map((function(t,r){var n=t.icon,o=t.text,s=t.href,m=t.onClick;return r===c.length-1?e.createElement(i,{key:r.toString(),lastItem:!0,icon:n,text:o,onClick:m}):0===r?e.createElement(a,{className:"breadcrumbs__link",key:r.toString(),to:s||"/",onClick:m},e.createElement(i,{icon:n,text:o})):s?e.createElement(a,{className:"breadcrumbs__link",key:r.toString(),to:s,onClick:m},e.createElement(i,{icon:n,text:o})):e.createElement(i,{key:r.toString(),lastItem:!0,icon:n,text:o,onClick:m})})))};s.defaultProps={className:void 0,links:void 0,separator:void 0},s.propTypes={className:r.string,links:r.arrayOf(r.any),separator:r.string};export{s as default};
+import e from"react";import{c as t}from"./index-b2745105.js";import r from"prop-types";import{NavLink as a}from"react-router-dom";import{Typography as n,Breadcrumbs as o}from"@material-ui/core";import{s as c}from"./style-inject.es-1f59c1d0.js";c(".breadcrumbItem {\n  display: flex;\n  opacity: 0.8;\n  transition: opacity 0.1s ease-in-out; }\n  .breadcrumbItem:hover {\n    opacity: 1; }\n  .breadcrumbItem--last {\n    opacity: 1;\n    font-weight: 500 !important; }\n  .breadcrumbItem__icon {\n    display: flex;\n    align-items: center;\n    margin-right: 4px; }\n    .breadcrumbItem__icon svg {\n      font-size: 18px; }\n");const i=({className:r,icon:a,text:o,lastItem:c,onClick:i})=>e.createElement(n,{color:"textPrimary",className:r,onClick:i},e.createElement("div",{className:t("breadcrumbItem",{"breadcrumbItem--last":c})},a&&e.createElement("span",{className:"breadcrumbItem__icon"},a),e.createElement("span",{className:"breadcrumbItem__text"},o)));i.defaultProps={className:void 0,icon:void 0,text:void 0,lastItem:void 0,onClick:()=>{}},i.propTypes={className:r.string,icon:r.node,text:r.string,lastItem:r.bool,onClick:r.func};c(".breadcrumbs__link {\n  cursor: pointer;\n  text-decoration: none !important; }\n");var s=function(r){var n=r.className,c=r.links,s=r.separator;return e.createElement(o,{className:t("breadcrumbs",n),"aria-label":"breadcrumb",separator:s&&s.length>0?s:void 0},Array.isArray(c)&&c.length>0&&c.map((function(t,r){var n=t.icon,o=t.text,s=t.href,m=t.onClick;return r===c.length-1?e.createElement(i,{key:r.toString(),lastItem:!0,icon:n,text:o,onClick:m}):0===r?e.createElement(a,{className:"breadcrumbs__link",key:r.toString(),to:s||"/",onClick:m},e.createElement(i,{icon:n,text:o})):s?e.createElement(a,{className:"breadcrumbs__link",key:r.toString(),to:s,onClick:m},e.createElement(i,{icon:n,text:o})):e.createElement(i,{key:r.toString(),lastItem:!0,icon:n,text:o,onClick:m})})))};s.defaultProps={className:void 0,links:void 0,separator:void 0},s.propTypes={className:r.string,links:r.arrayOf(r.any),separator:r.string};export{s as default};

package/lib/components/CollapseContent.js

@@ -0,0 +1 @@
+import e,{useState as o}from"react";import{s as t,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:()=>""});t(".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  .collapseContent__desc pre {\n    margin: 0; }\n  .collapseContent__desc--expand code,\n  .collapseContent__desc--expand p {\n    -webkit-line-clamp: initial; }\n");const c=t=>{const{className:r,content:c,contentLimitLength:m,textColor:p}=t,{formatMessage:d,primaryColor:C,secondaryColor:g,shadowColor:f}=t;if(!c)return e.createElement(e.Fragment,null);const[h,y]=o(!1);return e.createElement("div",{className:n("collapseContent",r)},e.createElement(a,{className:n("collapseContent__desc",{"collapseContent__desc--expand":h}),color:"textSecondary",style:{color:p}},void 0===(_=c.length<m||h?c:`${c.substring(0,m)} ...`)?"":l.parse(i.render(_))),c.length>m&&e.createElement(s,{small:!0,primaryColor:C,secondaryColor:g,shadowColor:f,formatMessage:d,expand:h,setExpand:y}));var _};c.defaultProps={className:void 0,content:void 0,contentLimitLength:100,textColor: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,formatMessage:r.func,primaryColor:r.string,secondaryColor:r.string,shadowColor:r.string};export{c as default};