diff --git a/.gitignore b/.gitignore index dcf94b9..abb73f9 100644 --- a/.gitignore +++ b/.gitignore @@ -7,4 +7,4 @@ .vscode # Build output -/dist +/dist/ diff --git a/README.md b/README.md index a5dffda..b8bc2f8 100644 --- a/README.md +++ b/README.md @@ -1,87 +1,92 @@ +

前端面试仓库

[![Forkers repo roster for @RobinYang11/goji](https://reporoster.com/forks/RobinYang11/goji)](https://github.com/RobinYang11/goji/network/members) -### contributors - - - - ### 前言 -在过去的1000次面试中总结出，通过短短1个小时的问答很难全面准确地考核面试者。这其中有各种因素 ,比如: +在过去的 1000 次面试中总结出，通过短短 1 个小时的问答很难全面准确地考核面试者。这其中有各种因素 ,比如: + - 1. 有时候面试官 工作比较忙 ，来个面试者 ，草草了事. - 2. 面试者 因为赶车或者紧张，发挥失常等等。 - 3. 算法题时间不够。 - 4. 面试题造火箭 ，有的面试官问些一些很偏的问题。 在实际开发中，我们会给开发者足够的实际解决问题，只要能按照实际解决问题，我们认为就是合格的。所以为了避免以上各种认为的因素，公平，客观地考核面试者的编程能力,我们以一下方式进行面试.我们认为只要满足以下要求即可。 + ### 考核的知识点 -- git git 研发流程 比如 提交合并请求，如何提issue ,如何code review -- javascript 基础 + +- git git 研发流程 比如 提交合并请求，如何提 issue ,如何 code review +- javascript 基础 - css 能实现高保真页面 - react/vuejs 能编写稳定可靠的组件. - webpack 基本配置打包 - nodejs 基础知识 - ### 面试题指南 [vuejs /reactjs 二选一] -#### 2. 点击仓库上方的 watch-> all activity ,star 或者fork当前仓库，以便面试官能及时看到你状态. 或者从当前git项目的dev分支 创建自己的分支，当然点个star那就更完美了 -#### 1.从下面的题目中任选一题 实现要求即可 +#### 2. 点击仓库上方的 watch-> all activity ,star 或者 fork 当前仓库，以便面试官能及时看到你状态. 或者从当前 git 项目的 dev 分支 创建自己的分支，当然点个 star 那就更完美了 +

+ +

+#### 1.从下面的题目中任选一题 实现要求即可 - +#### 3. 完成之后 提交 pull request 到 dev 分支 -#### 3. 完成之后 提交pull request 到dev分支 #### 4. 我们期望你的代码 干净整洁，让我们有阅读的欲望.更希望你们的代码让我耳目一新.总之想办法来亮瞎我们吧。 -#### 5. 在做题中有任何疑问可以直接在仓库提issue.我们会第一时间查看哦. +#### 5. 在做题中有任何疑问可以直接在仓库提 issue.我们会第一时间查看哦. + #### 6. 你的组件放到 react->src/components, vue-> vue/components -#### 7. 作业时间 3-5日 -#### 8. 其他问题 可以提issue 或者进微信群提问 +#### 7. 作业时间 3-5 日 -### 交流群 +#### 8. 其他问题 可以提 issue 或者进微信群提问 ,或者关注抖音号学习高阶前端技术. + + +### 交流群

- + + + +

- ### 项目启动指南 + ```shell - // react + // react npm run dev // vue npm run vue ``` - - - -### 面试题 [由easy 到hard 排序] VUE 和 REACT 都可以,组件必须具备可扩展性 ，就是满足 开闭原则. - +### 面试题 [由 easy 到 hard 排序] VUE 和 REACT 都可以,组件必须具备可扩展性 ，就是满足 开闭原则. #### 第一题 [easy] + - 题目要求 - 实现一个Table组件,传入 data 和col后可以渲染出一个表格。表格中的数据可以排序,筛选 + 实现一个 Table 组件,传入 data 和 col 后可以渲染出一个表格。表格中的数据可以排序,筛选 - vue demo + ```vue - +
``` -- react demo +- react demo + ```typescript interface TabProps{ - data:Array - cols:Array + data:Array + cols:Array //可以添加其他参数 } @@ -92,91 +97,79 @@ ``` - #### 第二题 [easy] 实现弹框组件 - - 题目要求 + +- 题目要求 实现一个弹框组件,弹框可以自定义页眉 页脚 - - vue demo - ```vue - - .... - - ``` +- vue demo - ``` typescript +```vue + + .... + +``` - - react demo - interface ModalProps{ - visible:boolean - //参数可以自定义 - } +```typescript + +- react demo +interface ModalProps{ + visible:boolean + //参数可以自定义 +} - function Modal(props:ModalProps){ + function Modal(props:ModalProps){ + + } - } +``` - ``` #### 第三题 [hard]滚动加载 + - 题目要求 实现一个滚动加载图片的组件 参考 https://huaban.com/ 首页. 要求实现揭露 页面渲染流畅 + - vue demo + ```vue - + ``` - + - react demo - ``` typescript - interface LaodProps{ - //自定义参数 - } - function LoadImage(props:LoadProps){ + ```typescript + interface LaodProps { + //自定义参数 + } - } + function LoadImage(props: LoadProps) {} ``` -#### 第四题 [hard] 实现气泡框 +#### 第四题 [hard] 实现气泡框 + - 题目要求 - 点击页面某个地方，出项浮框. 参考https://ant.design/components/popover-cn + 点击页面某个地方，出项浮框. 参考https://ant.design/components/popover-cn - vue demo -```vue +```vue ``` -- react demo - ```typescript - interface PopoverProps{ +- react demo - //自定义参数 - } - - function Popover(props:PopoverProps){ - - } +```typescript +interface PopoverProps { + //自定义参数 +} - ``` +function Popover(props: PopoverProps) {} +``` - #### 第五题 [hard] 表格带分页 +#### 第五题 [hard] 表格带分页 - 题目要求 实现一个表格表格同第一题 ,要求增加 分页功能 - ```typescript + ```typescript ///代码结构同第一题 - ``` - - - - - - - - - - - - - - + ``` diff --git a/dist/cjs/index.js b/dist/cjs/index.js index 935004d..435da65 100644 --- a/dist/cjs/index.js +++ b/dist/cjs/index.js @@ -1,2 +1,2 @@ -"use strict";var e=require("react/jsx-runtime"),l=require("react"),t=require("framer-motion"),o=require("react-dom");function s(e,l){void 0===l&&(l={});var t=l.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===t&&o.firstChild?o.insertBefore(s,o.firstChild):o.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}var i={upload:"upload-module_upload__sdJ3u",fileList:"upload-module_fileList__r72T1",fileItem:"upload-module_fileItem__-GDPm",deleteItem:"upload-module_deleteItem__S1XS3"};s(".upload-module_upload__sdJ3u{cursor:pointer;display:inline-block;position:relative}.upload-module_upload__sdJ3u input{opacity:0;position:absolute;width:200px}.upload-module_upload__sdJ3u .upload-module_fileList__r72T1{margin:0;padding-left:0}.upload-module_upload__sdJ3u .upload-module_fileList__r72T1 li{list-style:none}.upload-module_upload__sdJ3u .upload-module_fileList__r72T1 .upload-module_fileItem__-GDPm{position:relative}.upload-module_upload__sdJ3u .upload-module_fileList__r72T1 .upload-module_fileItem__-GDPm .upload-module_deleteItem__S1XS3{position:absolute}");var a={modal:"modal-module_modal__6lMO2",mask:"modal-module_mask__4ikYm",modalContent:"modal-module_modalContent__h8nfh"};s(".modal-module_modal__6lMO2{bottom:0;left:0;position:fixed;right:0;top:0;width:100%}.modal-module_modal__6lMO2 .modal-module_mask__4ikYm{background-color:rgba(92,93,93,.385);bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-module_modal__6lMO2 .modal-module_modalContent__h8nfh{background-color:#fff;left:0;margin:0 auto;min-height:200px;position:absolute;right:0;top:100px;z-index:10001}");var n={tab:"tab-module_tab__OCzxZ",title:"tab-module_title__7nE0l",tabContent:"tab-module_tabContent__zUPX9"};s(".tab-module_tab__OCzxZ .tab-module_title__7nE0l li{cursor:pointer;list-style:none;padding:10px}.tab-module_tab__OCzxZ .tab-module_tabContent__zUPX9{color:inherit}");var d={flex:"flex-module_flex__cvL3B"};s(".flex-module_flex__cvL3B{display:flex;flex-wrap:wrap}"),exports.Flex=function({children:l,style:t,className:o}){return e.jsx("div",Object.assign({style:t,className:`${d.flex} ${o}`},{children:l}))},exports.FlexItem=function({children:l,className:t,style:o,perc:s}){const i=s?{flexBasis:s/24*100}:{};return e.jsx("div",Object.assign({className:t,style:Object.assign(Object.assign({},i),o)},{children:l}))},exports.Modal=function(l){const{width:o=800,children:s,dontDestroyOnClose:i=!1,visible:n,onClose:d,style:r={},motionConfig:u={initial:{opacity:.1,y:0,scale:.2},animate:{opacity:1,y:100,scale:1}}}=l,c={};if(i)c.display=n?"block":"none";else if(!n)return null;return e.jsxs("div",Object.assign({style:Object.assign({},c),className:a.modal},{children:[e.jsx("div",{onClick:()=>{null==d||d()},className:a.mask}),e.jsx(t.motion.div,Object.assign({},u,{style:Object.assign({width:`${o}px`},r),className:a.modalContent},{children:s}))]}))},exports.Tab=function(s){const{items:i,className:a,defaultActiveKey:d,motionConfig:r,extension:u,extSelector:c,tabContentVisible:m=!0,onTabChange:_,hiddenStyle:p={display:"none"}}=s,[f,b]=l.useState(0),[x,h]=l.useState(),j=l.useRef(null);return l.useEffect((()=>{var e;if(!j)return;if(!u)return;if(!c)throw new Error("'extSelector' not provide!");const l=null===(e=j.current)||void 0===e?void 0:e.querySelector(c);l&&h(l)}),[j.current]),e.jsxs("div",Object.assign({ref:j,className:`${n.tab} ${a}`},{children:[x?o.createPortal(u,x):null,e.jsx(t.motion.ul,Object.assign({"aria-label":"tab",className:n.title},{children:null==i?void 0:i.map(((l,o)=>e.jsx(t.motion.li,Object.assign({"aria-label":"tab-title",onClick:()=>{b(o),null==_||_(l)}},{children:l.title}),l.key)))})),m?e.jsx(t.motion.div,Object.assign({"aria-label":"tab-content"},r,{className:n.tabContent},{children:null==i?void 0:i[f].children})):null]}))},exports.Table=function(t){const{data:o,cols:s,className:i}=t,a=l.useMemo((()=>null==s?void 0:s.map((l=>e.jsx("td",{children:null==l?void 0:l.title},null==l?void 0:l.key)))),[s]);return e.jsxs("table",Object.assign({className:i},{children:[e.jsx("thead",{children:e.jsx("tr",{children:a})}),e.jsx("tbody",{children:null==o?void 0:o.map((l=>e.jsx("tr",{children:null==s?void 0:s.map((t=>t.render?e.jsx("td",{children:t.render(l)},t.key):e.jsx("td",{children:l[t.key]},t.key)))},l.id)))})]}))},exports.Upload=function(t){const{beforeUpload:o,children:s,uploadUrl:a,onComplete:n,customList:d,valueFilter:r}=t,u=l.useRef();let[c,m]=l.useState([]);const _=e=>{const l=[];for(let t=0;t{const s=new XMLHttpRequest,i=new FormData;i.append("file",e[t]),s.open("POST",a),s.send(i),s.onerror=e=>{o(e)},s.onload=()=>{let o;try{o=JSON.parse(s.response)}catch(e){o=s.response}const i={lastModified:(a=e[t]).lastModified,name:a.name,size:a.size,type:a.type,originFileObj:a};var a;const n=Object.assign({response:o},i);l(n)}})));Promise.all(l).then((e=>{c=c.concat(e),m([...c]),null==n||n(c)}))},p=l.useMemo((()=>d?d(c):c.map(((l,t)=>(console.log("Abc",l),e.jsxs("li",Object.assign({className:i.fileItem},{children:[l.type,e.jsx("img",{src:l,style:{width:"100px"}}),e.jsx("span",Object.assign({onClick:()=>{null==c||c.splice(t,1),m([...c])},className:i.deleteItem},{children:"delete"}))]})))))),[c]);return e.jsxs("span",Object.assign({className:i.upload},{children:[e.jsx("input",{multiple:!0,onChange:e=>{var l;e.target.files&&(l=e.target.files,null==o||o(l).then((e=>{_(l)})).catch((e=>{console.log(e)})))},ref:u,type:"file"}),e.jsxs("ul",Object.assign({className:i.fileList},{children:[e.jsx("li",{children:e.jsx("span",Object.assign({onClick:()=>{u.current.click()}},{children:s}))}),p]}))]}))}; +"use strict";var e=require("react/jsx-runtime"),l=require("react"),t=require("framer-motion"),o=require("react-dom");function s(e,l){void 0===l&&(l={});var t=l.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===t&&o.firstChild?o.insertBefore(s,o.firstChild):o.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}var i={upload:"upload-module_upload__sdJ3u",fileList:"upload-module_fileList__r72T1",fileItem:"upload-module_fileItem__-GDPm",deleteItem:"upload-module_deleteItem__S1XS3"};s(".upload-module_upload__sdJ3u{cursor:pointer;display:inline-block;position:relative}.upload-module_upload__sdJ3u input{opacity:0;position:absolute;width:200px}.upload-module_upload__sdJ3u .upload-module_fileList__r72T1{margin:0;padding-left:0}.upload-module_upload__sdJ3u .upload-module_fileList__r72T1 li{list-style:none}.upload-module_upload__sdJ3u .upload-module_fileList__r72T1 .upload-module_fileItem__-GDPm{position:relative}.upload-module_upload__sdJ3u .upload-module_fileList__r72T1 .upload-module_fileItem__-GDPm .upload-module_deleteItem__S1XS3{position:absolute}");var a={modal:"modal-module_modal__6lMO2",mask:"modal-module_mask__4ikYm",modalContent:"modal-module_modalContent__h8nfh"};s(".modal-module_modal__6lMO2{bottom:0;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.modal-module_modal__6lMO2 .modal-module_mask__4ikYm{background-color:rgba(92,93,93,.385);bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-module_modal__6lMO2 .modal-module_modalContent__h8nfh{background-color:#fff;left:0;margin:0 auto;min-height:200px;position:absolute;right:0;top:0;z-index:10001}");var n={tab:"tab-module_tab__OCzxZ",title:"tab-module_title__7nE0l",tabContent:"tab-module_tabContent__zUPX9"};s(".tab-module_tab__OCzxZ .tab-module_title__7nE0l li{cursor:pointer;list-style:none;padding:10px}.tab-module_tab__OCzxZ .tab-module_tabContent__zUPX9{color:inherit}");var d={flex:"flex-module_flex__cvL3B"};s(".flex-module_flex__cvL3B{display:flex;flex-wrap:wrap}"),exports.Flex=function(l){const{children:t,style:o,className:s,itemSpace:i}=l;return e.jsx("div",Object.assign({},l,{style:o,className:`${d.flex} ${s}`},{children:t}))},exports.FlexItem=function({children:l,className:t,style:o,perc:s}){const i=s?{flexBasis:s/24*100}:{};return e.jsx("div",Object.assign({className:t,style:Object.assign(Object.assign({},i),o)},{children:l}))},exports.Modal=function(l){const{width:o=800,children:s,dontDestroyOnClose:i=!1,visible:n,onClose:d,style:r={},motionConfig:u={initial:{opacity:.1,y:0,scale:.2},animate:{opacity:1,y:50,scale:1}}}=l,c={};if(i)c.display=n?"block":"none";else if(!n)return null;return e.jsxs("div",Object.assign({style:Object.assign({},c),className:a.modal},{children:[e.jsx("div",{onClick:()=>{null==d||d()},className:a.mask}),e.jsx(t.motion.div,Object.assign({},u,{style:Object.assign({width:`${o}px`},r),className:a.modalContent},{children:s}))]}))},exports.Tab=function(s){const{items:i,className:a,defaultActiveKey:d,motionConfig:r,extension:u,extSelector:c,tabContentVisible:m=!0,onTabChange:_,hiddenStyle:p={display:"none"}}=s,[f,b]=l.useState(0),[x,h]=l.useState(),j=l.useRef(null);return l.useEffect((()=>{var e;if(!j)return;if(!u)return;if(!c)throw new Error("'extSelector' not provide!");const l=null===(e=j.current)||void 0===e?void 0:e.querySelector(c);l&&h(l)}),[j.current]),e.jsxs("div",Object.assign({ref:j,className:`${n.tab} ${a}`},{children:[x?o.createPortal(u,x):null,e.jsx(t.motion.ul,Object.assign({"aria-label":"tab",className:n.title},{children:null==i?void 0:i.map(((l,o)=>e.jsx(t.motion.li,Object.assign({"aria-label":"tab-title",onClick:()=>{b(o),null==_||_(l)}},{children:l.title}),l.key)))})),m?e.jsx(t.motion.div,Object.assign({"aria-label":"tab-content"},r,{className:n.tabContent},{children:null==i?void 0:i[f].children})):null]}))},exports.Table=function(t){const{data:o,cols:s,className:i}=t,a=l.useMemo((()=>null==s?void 0:s.map((l=>e.jsx("td",{children:null==l?void 0:l.title},null==l?void 0:l.key)))),[s]);return e.jsxs("table",Object.assign({className:i},{children:[e.jsx("thead",{children:e.jsx("tr",{children:a})}),e.jsx("tbody",{children:null==o?void 0:o.map((l=>e.jsx("tr",{children:null==s?void 0:s.map((t=>t.render?e.jsx("td",{children:t.render(l)},t.key):e.jsx("td",{children:l[t.key]},t.key)))},l.id)))})]}))},exports.Upload=function(t){const{beforeUpload:o,children:s,uploadUrl:a,onComplete:n,customList:d,valueFilter:r}=t,u=l.useRef();let[c,m]=l.useState([]);const _=e=>{const l=[];for(let t=0;t{const s=new XMLHttpRequest,i=new FormData;i.append("file",e[t]),s.open("POST",a),s.send(i),s.onerror=e=>{o(e)},s.onload=()=>{let o;try{o=JSON.parse(s.response)}catch(e){o=s.response}const i={lastModified:(a=e[t]).lastModified,name:a.name,size:a.size,type:a.type,originFileObj:a};var a;const n=Object.assign({response:o},i);l(n)}})));Promise.all(l).then((e=>{c=c.concat(e),m([...c]),null==n||n(c)}))},p=l.useMemo((()=>d?d(c):c.map(((l,t)=>(console.log("Abc",l),e.jsxs("li",Object.assign({className:i.fileItem},{children:[l.type,e.jsx("img",{src:l,style:{width:"100px"}}),e.jsx("span",Object.assign({onClick:()=>{null==c||c.splice(t,1),m([...c])},className:i.deleteItem},{children:"delete"}))]})))))),[c]);return e.jsxs("span",Object.assign({className:i.upload},{children:[e.jsx("input",{multiple:!0,onChange:e=>{var l;e.target.files&&(l=e.target.files,null==o||o(l).then((e=>{_(l)})).catch((e=>{console.log(e)})))},ref:u,type:"file"}),e.jsxs("ul",Object.assign({className:i.fileList},{children:[e.jsx("li",{children:e.jsx("span",Object.assign({onClick:()=>{u.current.click()}},{children:s}))}),p]}))]}))}; //# sourceMappingURL=index.js.map diff --git a/dist/cjs/index.js.map b/dist/cjs/index.js.map index e22f0e4..17c0c4f 100644 --- a/dist/cjs/index.js.map +++ b/dist/cjs/index.js.map @@ -1 +1 @@ -{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js","../../src/components/flex/flex.tsx","../../src/components/flex_item/flex_item.tsx","../../src/components/modal/modal.tsx","../../src/components/tab/tab.tsx","../../src/components/table/table.tsx","../../src/components/upload/upload.tsx","../../src/components/upload/utils.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null,null,null,null,null,null,null],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","children","className","_jsx","styles","flex","perc","percStyle","flexBasis","jsx","Object","assign","props","width","dontDestroyOnClose","visible","onClose","motionConfig","initial","opacity","y","scale","animate","destoryStyle","display","_jsxs","jsxs","modal","onClick","mask","motion","div","modalContent","items","defaultActiveKey","extension","extSelector","tabContentVisible","onTabChange","hiddenStyle","currentTab","setCurrentTab","useState","portalContainer","setPortalContainer","rootRef","useRef","useEffect","Error","container","_a","current","querySelector","tab","createPortal","ul","title","map","index","li","key","tabContent","data","cols","col","useMemo","c","d","render","id","beforeUpload","uploadUrl","onComplete","customList","valueFilter","inputRef","_files","setFiles","doUpload","files","promiese","i","length","push","Promise","resolve","reject","xhr","XMLHttpRequest","formData","FormData","append","open","send","onerror","err","onload","resp","JSON","parse","response","e","res","lastModified","file","name","size","originFileObj","uplaodFile","all","then","concat","list","console","log","fileItem","src","splice","deleteItem","upload","multiple","onChange","target","f","catch","fileList","click"],"mappings":"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","x_google_ignoreList":[0]} \ No newline at end of file +{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js","../../src/components/flex/flex.tsx","../../src/components/flex_item/flex_item.tsx","../../src/components/modal/modal.tsx","../../src/components/tab/tab.tsx","../../src/components/table/table.tsx","../../src/components/upload/upload.tsx","../../src/components/upload/utils.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null,null,null,null,null,null,null],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","props","children","className","itemSpace","_jsx","styles","flex","perc","percStyle","flexBasis","jsx","Object","assign","width","dontDestroyOnClose","visible","onClose","motionConfig","initial","opacity","y","scale","animate","destoryStyle","display","_jsxs","jsxs","modal","onClick","mask","motion","div","modalContent","items","defaultActiveKey","extension","extSelector","tabContentVisible","onTabChange","hiddenStyle","currentTab","setCurrentTab","useState","portalContainer","setPortalContainer","rootRef","useRef","useEffect","Error","container","_a","current","querySelector","tab","createPortal","ul","title","map","index","li","key","tabContent","data","cols","col","useMemo","c","d","render","id","beforeUpload","uploadUrl","onComplete","customList","valueFilter","inputRef","_files","setFiles","doUpload","files","promiese","i","length","push","Promise","resolve","reject","xhr","XMLHttpRequest","formData","FormData","append","open","send","onerror","err","onload","resp","JSON","parse","response","e","res","lastModified","file","name","size","originFileObj","uplaodFile","all","then","concat","list","console","log","fileItem","src","splice","deleteItem","upload","multiple","onChange","target","f","catch","fileList","click"],"mappings":"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","x_google_ignoreList":[0]} \ No newline at end of file diff --git a/dist/cjs/types/components/flex/flex.d.ts b/dist/cjs/types/components/flex/flex.d.ts index 1ad8483..4e83c53 100644 --- a/dist/cjs/types/components/flex/flex.d.ts +++ b/dist/cjs/types/components/flex/flex.d.ts @@ -1,8 +1,9 @@ -import { ReactElement } from 'react'; -interface FlexProps { - children: ReactElement; +import React, { ReactNode } from 'react'; +interface FlexProps extends React.HTMLAttributes { + children: ReactNode; style?: any; className?: string; + itemSpace?: number | string; } -export default function Flex({ children, style, className, }: FlexProps): JSX.Element; +export default function Flex(props: FlexProps): JSX.Element; export {}; diff --git a/dist/cjs/types/components/modal/modal.d.ts b/dist/cjs/types/components/modal/modal.d.ts index a998be6..75921c5 100644 --- a/dist/cjs/types/components/modal/modal.d.ts +++ b/dist/cjs/types/components/modal/modal.d.ts @@ -1,4 +1,4 @@ -import { ReactElement } from 'react'; +import { CSSProperties, ReactElement } from 'react'; type ModalProps = { /** * css class name @@ -24,7 +24,7 @@ type ModalProps = { /** * inline style */ - style?: any; + style?: CSSProperties; /** * framer-motion configaration please refer ## https://www.framer.com/motion/motion-config/ * */ diff --git a/dist/esm/index.js b/dist/esm/index.js index 7bce8b8..8c1f580 100644 --- a/dist/esm/index.js +++ b/dist/esm/index.js @@ -1,2 +1,2 @@ -import{jsxs as e,jsx as l}from"react/jsx-runtime";import{useRef as t,useState as o,useMemo as i,useEffect as n}from"react";import{motion as a}from"framer-motion";import{createPortal as d}from"react-dom";function s(e,l){void 0===l&&(l={});var t=l.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}var r={upload:"upload-module_upload__sdJ3u",fileList:"upload-module_fileList__r72T1",fileItem:"upload-module_fileItem__-GDPm",deleteItem:"upload-module_deleteItem__S1XS3"};function c(n){const{beforeUpload:a,children:d,uploadUrl:s,onComplete:c,customList:m,valueFilter:u}=n,_=t();let[p,f]=o([]);const h=e=>{const l=[];for(let t=0;t{const i=new XMLHttpRequest,n=new FormData;n.append("file",e[t]),i.open("POST",s),i.send(n),i.onerror=e=>{o(e)},i.onload=()=>{let o;try{o=JSON.parse(i.response)}catch(e){o=i.response}const n={lastModified:(a=e[t]).lastModified,name:a.name,size:a.size,type:a.type,originFileObj:a};var a;const d=Object.assign({response:o},n);l(d)}})));Promise.all(l).then((e=>{p=p.concat(e),f([...p]),null==c||c(p)}))},b=i((()=>m?m(p):p.map(((t,o)=>(console.log("Abc",t),e("li",Object.assign({className:r.fileItem},{children:[t.type,l("img",{src:t,style:{width:"100px"}}),l("span",Object.assign({onClick:()=>{null==p||p.splice(o,1),f([...p])},className:r.deleteItem},{children:"delete"}))]})))))),[p]);return e("span",Object.assign({className:r.upload},{children:[l("input",{multiple:!0,onChange:e=>{var l;e.target.files&&(l=e.target.files,null==a||a(l).then((e=>{h(l)})).catch((e=>{console.log(e)})))},ref:_,type:"file"}),e("ul",Object.assign({className:r.fileList},{children:[l("li",{children:l("span",Object.assign({onClick:()=>{_.current.click()}},{children:d}))}),b]}))]}))}s(".upload-module_upload__sdJ3u{cursor:pointer;display:inline-block;position:relative}.upload-module_upload__sdJ3u input{opacity:0;position:absolute;width:200px}.upload-module_upload__sdJ3u .upload-module_fileList__r72T1{margin:0;padding-left:0}.upload-module_upload__sdJ3u .upload-module_fileList__r72T1 li{list-style:none}.upload-module_upload__sdJ3u .upload-module_fileList__r72T1 .upload-module_fileItem__-GDPm{position:relative}.upload-module_upload__sdJ3u .upload-module_fileList__r72T1 .upload-module_fileItem__-GDPm .upload-module_deleteItem__S1XS3{position:absolute}");var m={modal:"modal-module_modal__6lMO2",mask:"modal-module_mask__4ikYm",modalContent:"modal-module_modalContent__h8nfh"};function u(t){const{width:o=800,children:i,dontDestroyOnClose:n=!1,visible:d,onClose:s,style:r={},motionConfig:c={initial:{opacity:.1,y:0,scale:.2},animate:{opacity:1,y:100,scale:1}}}=t,u={};if(n)u.display=d?"block":"none";else if(!d)return null;return e("div",Object.assign({style:Object.assign({},u),className:m.modal},{children:[l("div",{onClick:()=>{null==s||s()},className:m.mask}),l(a.div,Object.assign({},c,{style:Object.assign({width:`${o}px`},r),className:m.modalContent},{children:i}))]}))}s(".modal-module_modal__6lMO2{bottom:0;left:0;position:fixed;right:0;top:0;width:100%}.modal-module_modal__6lMO2 .modal-module_mask__4ikYm{background-color:rgba(92,93,93,.385);bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-module_modal__6lMO2 .modal-module_modalContent__h8nfh{background-color:#fff;left:0;margin:0 auto;min-height:200px;position:absolute;right:0;top:100px;z-index:10001}");var _={tab:"tab-module_tab__OCzxZ",title:"tab-module_title__7nE0l",tabContent:"tab-module_tabContent__zUPX9"};function p(i){const{items:s,className:r,defaultActiveKey:c,motionConfig:m,extension:u,extSelector:p,tabContentVisible:f=!0,onTabChange:h,hiddenStyle:b={display:"none"}}=i,[g,y]=o(0),[v,x]=o(),O=t(null);return n((()=>{var e;if(!O)return;if(!u)return;if(!p)throw new Error("'extSelector' not provide!");const l=null===(e=O.current)||void 0===e?void 0:e.querySelector(p);l&&x(l)}),[O.current]),e("div",Object.assign({ref:O,className:`${_.tab} ${r}`},{children:[v?d(u,v):null,l(a.ul,Object.assign({"aria-label":"tab",className:_.title},{children:null==s?void 0:s.map(((e,t)=>l(a.li,Object.assign({"aria-label":"tab-title",onClick:()=>{y(t),null==h||h(e)}},{children:e.title}),e.key)))})),f?l(a.div,Object.assign({"aria-label":"tab-content"},m,{className:_.tabContent},{children:null==s?void 0:s[g].children})):null]}))}s(".tab-module_tab__OCzxZ .tab-module_title__7nE0l li{cursor:pointer;list-style:none;padding:10px}.tab-module_tab__OCzxZ .tab-module_tabContent__zUPX9{color:inherit}");var f={flex:"flex-module_flex__cvL3B"};function h({children:e,style:t,className:o}){return l("div",Object.assign({style:t,className:`${f.flex} ${o}`},{children:e}))}function b({children:e,className:t,style:o,perc:i}){const n=i?{flexBasis:i/24*100}:{};return l("div",Object.assign({className:t,style:Object.assign(Object.assign({},n),o)},{children:e}))}function g(t){const{data:o,cols:n,className:a}=t,d=i((()=>null==n?void 0:n.map((e=>l("td",{children:null==e?void 0:e.title},null==e?void 0:e.key)))),[n]);return e("table",Object.assign({className:a},{children:[l("thead",{children:l("tr",{children:d})}),l("tbody",{children:null==o?void 0:o.map((e=>l("tr",{children:null==n?void 0:n.map((t=>t.render?l("td",{children:t.render(e)},t.key):l("td",{children:e[t.key]},t.key)))},e.id)))})]}))}s(".flex-module_flex__cvL3B{display:flex;flex-wrap:wrap}");export{h as Flex,b as FlexItem,u as Modal,p as Tab,g as Table,c as Upload}; +import{jsxs as e,jsx as l}from"react/jsx-runtime";import{useRef as t,useState as o,useMemo as i,useEffect as n}from"react";import{motion as a}from"framer-motion";import{createPortal as d}from"react-dom";function s(e,l){void 0===l&&(l={});var t=l.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}var r={upload:"upload-module_upload__sdJ3u",fileList:"upload-module_fileList__r72T1",fileItem:"upload-module_fileItem__-GDPm",deleteItem:"upload-module_deleteItem__S1XS3"};function c(n){const{beforeUpload:a,children:d,uploadUrl:s,onComplete:c,customList:m,valueFilter:u}=n,_=t();let[p,f]=o([]);const h=e=>{const l=[];for(let t=0;t{const i=new XMLHttpRequest,n=new FormData;n.append("file",e[t]),i.open("POST",s),i.send(n),i.onerror=e=>{o(e)},i.onload=()=>{let o;try{o=JSON.parse(i.response)}catch(e){o=i.response}const n={lastModified:(a=e[t]).lastModified,name:a.name,size:a.size,type:a.type,originFileObj:a};var a;const d=Object.assign({response:o},n);l(d)}})));Promise.all(l).then((e=>{p=p.concat(e),f([...p]),null==c||c(p)}))},b=i((()=>m?m(p):p.map(((t,o)=>(console.log("Abc",t),e("li",Object.assign({className:r.fileItem},{children:[t.type,l("img",{src:t,style:{width:"100px"}}),l("span",Object.assign({onClick:()=>{null==p||p.splice(o,1),f([...p])},className:r.deleteItem},{children:"delete"}))]})))))),[p]);return e("span",Object.assign({className:r.upload},{children:[l("input",{multiple:!0,onChange:e=>{var l;e.target.files&&(l=e.target.files,null==a||a(l).then((e=>{h(l)})).catch((e=>{console.log(e)})))},ref:_,type:"file"}),e("ul",Object.assign({className:r.fileList},{children:[l("li",{children:l("span",Object.assign({onClick:()=>{_.current.click()}},{children:d}))}),b]}))]}))}s(".upload-module_upload__sdJ3u{cursor:pointer;display:inline-block;position:relative}.upload-module_upload__sdJ3u input{opacity:0;position:absolute;width:200px}.upload-module_upload__sdJ3u .upload-module_fileList__r72T1{margin:0;padding-left:0}.upload-module_upload__sdJ3u .upload-module_fileList__r72T1 li{list-style:none}.upload-module_upload__sdJ3u .upload-module_fileList__r72T1 .upload-module_fileItem__-GDPm{position:relative}.upload-module_upload__sdJ3u .upload-module_fileList__r72T1 .upload-module_fileItem__-GDPm .upload-module_deleteItem__S1XS3{position:absolute}");var m={modal:"modal-module_modal__6lMO2",mask:"modal-module_mask__4ikYm",modalContent:"modal-module_modalContent__h8nfh"};function u(t){const{width:o=800,children:i,dontDestroyOnClose:n=!1,visible:d,onClose:s,style:r={},motionConfig:c={initial:{opacity:.1,y:0,scale:.2},animate:{opacity:1,y:50,scale:1}}}=t,u={};if(n)u.display=d?"block":"none";else if(!d)return null;return e("div",Object.assign({style:Object.assign({},u),className:m.modal},{children:[l("div",{onClick:()=>{null==s||s()},className:m.mask}),l(a.div,Object.assign({},c,{style:Object.assign({width:`${o}px`},r),className:m.modalContent},{children:i}))]}))}s(".modal-module_modal__6lMO2{bottom:0;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.modal-module_modal__6lMO2 .modal-module_mask__4ikYm{background-color:rgba(92,93,93,.385);bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-module_modal__6lMO2 .modal-module_modalContent__h8nfh{background-color:#fff;left:0;margin:0 auto;min-height:200px;position:absolute;right:0;top:0;z-index:10001}");var _={tab:"tab-module_tab__OCzxZ",title:"tab-module_title__7nE0l",tabContent:"tab-module_tabContent__zUPX9"};function p(i){const{items:s,className:r,defaultActiveKey:c,motionConfig:m,extension:u,extSelector:p,tabContentVisible:f=!0,onTabChange:h,hiddenStyle:b={display:"none"}}=i,[g,y]=o(0),[v,x]=o(),O=t(null);return n((()=>{var e;if(!O)return;if(!u)return;if(!p)throw new Error("'extSelector' not provide!");const l=null===(e=O.current)||void 0===e?void 0:e.querySelector(p);l&&x(l)}),[O.current]),e("div",Object.assign({ref:O,className:`${_.tab} ${r}`},{children:[v?d(u,v):null,l(a.ul,Object.assign({"aria-label":"tab",className:_.title},{children:null==s?void 0:s.map(((e,t)=>l(a.li,Object.assign({"aria-label":"tab-title",onClick:()=>{y(t),null==h||h(e)}},{children:e.title}),e.key)))})),f?l(a.div,Object.assign({"aria-label":"tab-content"},m,{className:_.tabContent},{children:null==s?void 0:s[g].children})):null]}))}s(".tab-module_tab__OCzxZ .tab-module_title__7nE0l li{cursor:pointer;list-style:none;padding:10px}.tab-module_tab__OCzxZ .tab-module_tabContent__zUPX9{color:inherit}");var f={flex:"flex-module_flex__cvL3B"};function h(e){const{children:t,style:o,className:i,itemSpace:n}=e;return l("div",Object.assign({},e,{style:o,className:`${f.flex} ${i}`},{children:t}))}function b({children:e,className:t,style:o,perc:i}){const n=i?{flexBasis:i/24*100}:{};return l("div",Object.assign({className:t,style:Object.assign(Object.assign({},n),o)},{children:e}))}function g(t){const{data:o,cols:n,className:a}=t,d=i((()=>null==n?void 0:n.map((e=>l("td",{children:null==e?void 0:e.title},null==e?void 0:e.key)))),[n]);return e("table",Object.assign({className:a},{children:[l("thead",{children:l("tr",{children:d})}),l("tbody",{children:null==o?void 0:o.map((e=>l("tr",{children:null==n?void 0:n.map((t=>t.render?l("td",{children:t.render(e)},t.key):l("td",{children:e[t.key]},t.key)))},e.id)))})]}))}s(".flex-module_flex__cvL3B{display:flex;flex-wrap:wrap}");export{h as Flex,b as FlexItem,u as Modal,p as Tab,g as Table,c as Upload}; //# sourceMappingURL=index.js.map diff --git a/dist/esm/index.js.map b/dist/esm/index.js.map index 137c7cd..281a82c 100644 --- a/dist/esm/index.js.map +++ b/dist/esm/index.js.map @@ -1 +1 @@ -{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js","../../src/components/upload/upload.tsx","../../src/components/upload/utils.tsx","../../src/components/modal/modal.tsx","../../src/components/tab/tab.tsx","../../src/components/flex/flex.tsx","../../src/components/flex_item/flex_item.tsx","../../src/components/table/table.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null,null,null,null,null,null,null],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","Upload","props","beforeUpload","children","uploadUrl","onComplete","customList","valueFilter","inputRef","useRef","_files","setFiles","useState","doUpload","files","promiese","i","length","push","Promise","resolve","reject","xhr","XMLHttpRequest","formData","FormData","append","open","send","onerror","err","onload","resp","JSON","parse","response","e","res","lastModified","file","name","size","originFileObj","uplaodFile","Object","assign","all","then","concat","list","useMemo","map","index","console","log","_jsxs","className","styles","fileItem","_jsx","src","width","onClick","splice","deleteItem","upload","multiple","onChange","target","f","catch","fileList","current","click","Modal","dontDestroyOnClose","visible","onClose","motionConfig","initial","opacity","y","scale","animate","destoryStyle","display","modal","mask","motion","div","modalContent","Tab","items","defaultActiveKey","extension","extSelector","tabContentVisible","onTabChange","hiddenStyle","currentTab","setCurrentTab","portalContainer","setPortalContainer","rootRef","useEffect","Error","container","_a","querySelector","tab","createPortal","ul","title","li","key","tabContent","Flex","flex","FlexItem","perc","percStyle","flexBasis","Table","data","cols","col","c","d","render","id"],"mappings":"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","x_google_ignoreList":[0]} \ No newline at end of file +{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js","../../src/components/upload/upload.tsx","../../src/components/upload/utils.tsx","../../src/components/modal/modal.tsx","../../src/components/tab/tab.tsx","../../src/components/flex/flex.tsx","../../src/components/flex_item/flex_item.tsx","../../src/components/table/table.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null,null,null,null,null,null,null],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","Upload","props","beforeUpload","children","uploadUrl","onComplete","customList","valueFilter","inputRef","useRef","_files","setFiles","useState","doUpload","files","promiese","i","length","push","Promise","resolve","reject","xhr","XMLHttpRequest","formData","FormData","append","open","send","onerror","err","onload","resp","JSON","parse","response","e","res","lastModified","file","name","size","originFileObj","uplaodFile","Object","assign","all","then","concat","list","useMemo","map","index","console","log","_jsxs","className","styles","fileItem","_jsx","src","width","onClick","splice","deleteItem","upload","multiple","onChange","target","f","catch","fileList","current","click","Modal","dontDestroyOnClose","visible","onClose","motionConfig","initial","opacity","y","scale","animate","destoryStyle","display","modal","mask","motion","div","modalContent","Tab","items","defaultActiveKey","extension","extSelector","tabContentVisible","onTabChange","hiddenStyle","currentTab","setCurrentTab","portalContainer","setPortalContainer","rootRef","useEffect","Error","container","_a","querySelector","tab","createPortal","ul","title","li","key","tabContent","Flex","itemSpace","flex","FlexItem","perc","percStyle","flexBasis","Table","data","cols","col","c","d","render","id"],"mappings":"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","x_google_ignoreList":[0]} \ No newline at end of file diff --git a/dist/esm/types/components/flex/flex.d.ts b/dist/esm/types/components/flex/flex.d.ts index 1ad8483..4e83c53 100644 --- a/dist/esm/types/components/flex/flex.d.ts +++ b/dist/esm/types/components/flex/flex.d.ts @@ -1,8 +1,9 @@ -import { ReactElement } from 'react'; -interface FlexProps { - children: ReactElement; +import React, { ReactNode } from 'react'; +interface FlexProps extends React.HTMLAttributes { + children: ReactNode; style?: any; className?: string; + itemSpace?: number | string; } -export default function Flex({ children, style, className, }: FlexProps): JSX.Element; +export default function Flex(props: FlexProps): JSX.Element; export {}; diff --git a/dist/esm/types/components/modal/modal.d.ts b/dist/esm/types/components/modal/modal.d.ts index a998be6..75921c5 100644 --- a/dist/esm/types/components/modal/modal.d.ts +++ b/dist/esm/types/components/modal/modal.d.ts @@ -1,4 +1,4 @@ -import { ReactElement } from 'react'; +import { CSSProperties, ReactElement } from 'react'; type ModalProps = { /** * css class name @@ -24,7 +24,7 @@ type ModalProps = { /** * inline style */ - style?: any; + style?: CSSProperties; /** * framer-motion configaration please refer ## https://www.framer.com/motion/motion-config/ * */ diff --git a/dist/index.d.ts b/dist/index.d.ts index 54cc120..06f7858 100644 --- a/dist/index.d.ts +++ b/dist/index.d.ts @@ -1,4 +1,4 @@ -import React, { ReactNode, ReactElement } from 'react'; +import React, { ReactNode, ReactElement, CSSProperties } from 'react'; interface UploadFile { lastModified: number; @@ -43,7 +43,7 @@ type ModalProps = { /** * inline style */ - style?: any; + style?: CSSProperties; /** * framer-motion configaration please refer ## https://www.framer.com/motion/motion-config/ * */ @@ -79,12 +79,13 @@ interface TabProps extends BaseProps { } declare function Tab(props: TabProps): JSX.Element; -interface FlexProps { - children: ReactElement; +interface FlexProps extends React.HTMLAttributes { + children: ReactNode; style?: any; className?: string; + itemSpace?: number | string; } -declare function Flex({ children, style, className, }: FlexProps): JSX.Element; +declare function Flex(props: FlexProps): JSX.Element; interface FlexItemProps { children: ReactNode; diff --git a/index.html b/index.html index 7f97143..2ee02dd 100644 --- a/index.html +++ b/index.html @@ -7,8 +7,11 @@ Document \ No newline at end of file