@daoyi/nmtl-ui 1.1.43-beta.10 → 1.1.43-beta.11
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 o,useEffect as r}from"react";import t from"prop-types";import{s as n,c as i}from"./style-inject.es-22541f49.js";import{i as a,a as l,r as d,M as s}from"./createSvgIcon-8a1a5d79.js";import{Typography as c}from"@material-ui/core";import{u as m,c as k}from"./_commonjsHelpers-ae1b5db5.js";import"@material-ui/icons";import"./withStyles-12e04256.js";import"@material-ui/styles";import"react-dom";var _=m(k((function(o,r){Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var t=a(e),n=(0,l(d).default)(t.createElement("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreHoriz");r.default=n})));n(".keywordList {\n display: flex;\n flex-wrap: wrap;\n margin-top: 0.8rem; }\n .keywordList__item {\n font-size: 1.125rem !important;\n border-radius: 5px;\n margin-right: 0.5rem !important;\n margin-bottom: 0.5rem !important;\n cursor: pointer; }\n .keywordList__item__hover {\n border-radius: 5px;\n padding: 0.125rem 0.625rem;\n background: transparent;\n transition: 0.3s background ease-in-out; }\n .keywordList__item__hover:hover {\n background: rgba(0, 0, 0, 0.1); }\n .keywordList__icon svg {\n font-size: 1rem;\n line-height: 1rem; }\n .keywordList__icon .keywordList__item__hover {\n display: flex;\n align-items: center;\n height: 100%;\n padding: 0.125rem 0.875rem; }\n\n@media screen and (max-width: 484px) {\n .keywordList__item {\n font-size: 0.75rem !important; } }\n");const y=({className:o,keywords:r,backgroundColor:t,textColor:n,limit:a,onMoreClick:l,onKeywordClick:d})=>Array.isArray(r)&&e.createElement("div",{className:i("keywordList",o)},(a?r.slice(0,a):r).map(((o,r)=>e.createElement(c,{color:n||"textSecondary",className:"keywordList__item",key:r.toString(),style:{backgroundColor:t},onClick:()=>d(o)},e.createElement("div",{className:"keywordList__item__hover"},o)))),a&&r.length>a&&e.createElement("div",{className:i("keywordList__item","keywordList__icon"),style:{backgroundColor:t},onClick:l},e.createElement("div",{className:"keywordList__item__hover"},e.createElement(_,null))));y.defaultProps={className:void 0,keywords:void 0,backgroundColor:void 0,textColor:void 0,limit:void 0,onMoreClick:()=>{},onKeywordClick:()=>{}},y.propTypes={className:t.string,backgroundColor:t.string,textColor:t.string,keywords:t.arrayOf(t.any),limit:t.number,onMoreClick:t.func,onKeywordClick:t.func};n(".keywordModal__content {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n border-radius: 5px; }\n .keywordModal__content__img {\n margin: auto;\n height: 7.75rem;\n object-fit: scale-down; }\n .keywordModal__content__detail {\n width: 100%;\n padding: 1rem 1.25rem;\n background: rgba(255, 255, 255, 0.6);\n border-radius: 5px; }\n .keywordModal__content__detail__title {\n font-weight: bold;\n font-size: 1.5rem;\n text-decoration: underline;\n cursor: pointer; }\n .keywordModal__content__detail__desc {\n margin-top: 0.8rem;\n font-size: 1rem;\n display: -webkit-box;\n overflow: hidden;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical; }\n .keywordModal__content__detail__author {\n margin-top: 0.8rem;\n font-size: 1.25rem;\n cursor: pointer; }\n .keywordModal__content__detail__author:hover {\n text-decoration: underline; }\n\n.keywordModal .MuiPaper-root {\n min-width: initial !important; }\n");const u=({visible:o,setVisible:r,cardData:t,backgroundColor:n,textColor:i,onKeywordClick:a,onAuthorClick:l})=>{const{author:d,imgUrl:c,title:m}=t||{},k=t&&t.keywords&&t.keywords.split("\n")||[];return e.createElement(s,{transparent:!0,size:"small",className:"keywordModal",visible:o,footer:null,onCancel:()=>r(!1)},e.createElement("div",{className:"keywordModal__content",style:{backgroundColor:n}},c&&e.createElement("img",{className:"keywordModal__content__img",src:c,alt:""}),e.createElement("div",{className:"keywordModal__content__detail",style:{color:i}},e.createElement("div",{title:m,className:"keywordModal__content__detail__title"},m),d&&e.createElement("div",{className:"keywordModal__content__detail__author",title:d,onClick:l},d),e.createElement(y,{keywords:k,backgroundColor:n,onKeywordClick:a}))))};u.defaultProps={visible:void 0,setVisible:()=>{},backgroundColor:void 0,textColor:void 0,cardData:void 0,onKeywordClick:()=>{},onAuthorClick:()=>{}},u.propTypes={visible:t.bool,setVisible:t.func,cardData:t.objectOf(t.any),backgroundColor:t.string,textColor:t.string,onKeywordClick:t.func,onAuthorClick:t.func};n("");const w=({className:t,keywords:n,cardData:a,limit:l,backgroundColor:d,textColor:s,onKeywordClick:c,onMoreClick:m,onAuthorClick:k})=>{const _=a&&a.keywords&&a.keywords.split("\n")||n||[];if(0===_.filter((e=>e&&e.length>0)).length)return null;const[w,p]=o(),C=(()=>{const[e,t]=o("PC"),n=()=>{window.innerWidth>768?t("PC"):window.innerWidth>576?t("tablet"):t("mobile")};return r((()=>(n(),window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)})),[]),e})();return e.createElement("div",{className:i("keywords",t)},e.createElement(y,{limit:l||("mobile"===C?1:void 0),keywords:_,backgroundColor:d,textColor:s,onMoreClick:()=>a?p(!0):m(),onKeywordClick:c}),e.createElement(u,{visible:w,setVisible:p,cardData:a,backgroundColor:d,textColor:s,onKeywordClick:c,onAuthorClick:k}))};w.defaultProps={className:void 0,keywords:void 0,cardData:void 0,limit:void 0,backgroundColor:void 0,textColor:void 0,onKeywordClick:()=>{},onMoreClick:()=>{},onAuthorClick:()=>{}},w.propTypes={className:t.string,keywords:t.arrayOf(t.any),cardData:t.objectOf(t.any),limit:t.number,backgroundColor:t.string,textColor:t.string,onKeywordClick:t.func,onMoreClick:t.func,onAuthorClick:t.func};export{w as default};
|
|
1
|
+
import e,{useState as o,useEffect as r}from"react";import t from"prop-types";import{s as n,c as i}from"./style-inject.es-22541f49.js";import{i as a,a as l,r as d,M as s}from"./createSvgIcon-8a1a5d79.js";import{Typography as c}from"@material-ui/core";import{u as m,c as k}from"./_commonjsHelpers-ae1b5db5.js";import"@material-ui/icons";import"./withStyles-12e04256.js";import"@material-ui/styles";import"react-dom";var _=m(k((function(o,r){Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var t=a(e),n=(0,l(d).default)(t.createElement("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreHoriz");r.default=n})));n(".keywordList {\n display: flex;\n flex-wrap: wrap;\n margin-top: 0.8rem; }\n .keywordList__item {\n font-size: 1.125rem !important;\n border-radius: 5px;\n margin-right: 0.5rem !important;\n margin-bottom: 0.5rem !important;\n cursor: pointer; }\n .keywordList__item__hover {\n border-radius: 5px;\n line-height: normal;\n padding: 0.125rem 0.625rem;\n background: transparent;\n transition: 0.3s background ease-in-out; }\n .keywordList__item__hover:hover {\n background: rgba(0, 0, 0, 0.1); }\n .keywordList__icon svg {\n font-size: 1rem;\n line-height: 1rem; }\n .keywordList__icon .keywordList__item__hover {\n display: flex;\n align-items: center;\n height: 100%;\n padding: 0.125rem 0.875rem; }\n\n@media screen and (max-width: 484px) {\n .keywordList__item {\n font-size: 0.75rem !important; } }\n");const y=({className:o,keywords:r,backgroundColor:t,textColor:n,limit:a,onMoreClick:l,onKeywordClick:d})=>Array.isArray(r)&&e.createElement("div",{className:i("keywordList",o)},(a?r.slice(0,a):r).map(((o,r)=>e.createElement(c,{color:n||"textSecondary",className:"keywordList__item",key:r.toString(),style:{backgroundColor:t},onClick:()=>d(o)},e.createElement("div",{className:"keywordList__item__hover"},o)))),a&&r.length>a&&e.createElement("div",{className:i("keywordList__item","keywordList__icon"),style:{backgroundColor:t},onClick:l},e.createElement("div",{className:"keywordList__item__hover"},e.createElement(_,null))));y.defaultProps={className:void 0,keywords:void 0,backgroundColor:void 0,textColor:void 0,limit:void 0,onMoreClick:()=>{},onKeywordClick:()=>{}},y.propTypes={className:t.string,backgroundColor:t.string,textColor:t.string,keywords:t.arrayOf(t.any),limit:t.number,onMoreClick:t.func,onKeywordClick:t.func};n(".keywordModal__content {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n border-radius: 5px; }\n .keywordModal__content__img {\n margin: auto;\n height: 7.75rem;\n object-fit: scale-down; }\n .keywordModal__content__detail {\n width: 100%;\n padding: 1rem 1.25rem;\n background: rgba(255, 255, 255, 0.6);\n border-radius: 5px; }\n .keywordModal__content__detail__title {\n font-weight: bold;\n font-size: 1.5rem;\n text-decoration: underline;\n cursor: pointer; }\n .keywordModal__content__detail__desc {\n margin-top: 0.8rem;\n font-size: 1rem;\n display: -webkit-box;\n overflow: hidden;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical; }\n .keywordModal__content__detail__author {\n margin-top: 0.8rem;\n font-size: 1.25rem;\n cursor: pointer; }\n .keywordModal__content__detail__author:hover {\n text-decoration: underline; }\n\n.keywordModal .MuiPaper-root {\n min-width: initial !important; }\n");const u=({visible:o,setVisible:r,cardData:t,backgroundColor:n,textColor:i,onKeywordClick:a,onAuthorClick:l})=>{const{author:d,imgUrl:c,title:m}=t||{},k=t&&t.keywords&&t.keywords.split("\n")||[];return e.createElement(s,{transparent:!0,size:"small",className:"keywordModal",visible:o,footer:null,onCancel:()=>r(!1)},e.createElement("div",{className:"keywordModal__content",style:{backgroundColor:n}},c&&e.createElement("img",{className:"keywordModal__content__img",src:c,alt:""}),e.createElement("div",{className:"keywordModal__content__detail",style:{color:i}},e.createElement("div",{title:m,className:"keywordModal__content__detail__title"},m),d&&e.createElement("div",{className:"keywordModal__content__detail__author",title:d,onClick:l},d),e.createElement(y,{keywords:k,textColor:i,backgroundColor:n,onKeywordClick:a}))))};u.defaultProps={visible:void 0,setVisible:()=>{},backgroundColor:void 0,textColor:void 0,cardData:void 0,onKeywordClick:()=>{},onAuthorClick:()=>{}},u.propTypes={visible:t.bool,setVisible:t.func,cardData:t.objectOf(t.any),backgroundColor:t.string,textColor:t.string,onKeywordClick:t.func,onAuthorClick:t.func};n("");const w=({className:t,keywords:n,cardData:a,limit:l,backgroundColor:d,textColor:s,onKeywordClick:c,onMoreClick:m,onAuthorClick:k})=>{const _=a&&a.keywords&&a.keywords.split("\n")||n||[];if(0===_.filter((e=>e&&e.length>0)).length)return null;const[w,p]=o(),C=(()=>{const[e,t]=o("PC"),n=()=>{window.innerWidth>768?t("PC"):window.innerWidth>576?t("tablet"):t("mobile")};return r((()=>(n(),window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)})),[]),e})();return e.createElement("div",{className:i("keywords",t)},e.createElement(y,{limit:l||("mobile"===C?1:void 0),keywords:_,backgroundColor:d,textColor:s,onMoreClick:()=>a?p(!0):m(),onKeywordClick:c}),e.createElement(u,{visible:w,setVisible:p,cardData:a,backgroundColor:d,textColor:s,onKeywordClick:c,onAuthorClick:k}))};w.defaultProps={className:void 0,keywords:void 0,cardData:void 0,limit:void 0,backgroundColor:void 0,textColor:void 0,onKeywordClick:()=>{},onMoreClick:()=>{},onAuthorClick:()=>{}},w.propTypes={className:t.string,keywords:t.arrayOf(t.any),cardData:t.objectOf(t.any),limit:t.number,backgroundColor:t.string,textColor:t.string,onKeywordClick:t.func,onMoreClick:t.func,onAuthorClick:t.func};export{w as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@daoyi/nmtl-ui",
|
|
3
|
-
"version": "1.1.43-beta.
|
|
3
|
+
"version": "1.1.43-beta.11",
|
|
4
4
|
"description": "This project is to be used as a starter kit for building React component using Storybook and Rollup",
|
|
5
5
|
"author": "daoyi",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -55,12 +55,12 @@
|
|
|
55
55
|
"@babel/preset-env": "7.15.6",
|
|
56
56
|
"@babel/preset-react": "7.14.5",
|
|
57
57
|
"@rollup/plugin-image": "2.1.1",
|
|
58
|
-
"@storybook/addon-essentials": "6.
|
|
59
|
-
"@storybook/addon-links": "6.
|
|
58
|
+
"@storybook/addon-essentials": "6.4.13",
|
|
59
|
+
"@storybook/addon-links": "6.4.13",
|
|
60
60
|
"@storybook/addon-notes": "5.3.21",
|
|
61
|
-
"@storybook/addons": "6.
|
|
61
|
+
"@storybook/addons": "6.4.13",
|
|
62
62
|
"@storybook/preset-scss": "1.0.3",
|
|
63
|
-
"@storybook/react": "6.
|
|
63
|
+
"@storybook/react": "6.4.13",
|
|
64
64
|
"autoprefixer": "9.8.6",
|
|
65
65
|
"babel-loader": "8.2.2",
|
|
66
66
|
"css-loader": "1.0.1",
|