From 0f1a68f9aa271d93ff9f828939def83249682cb7 Mon Sep 17 00:00:00 2001 From: nana <2841015686@qq.com> Date: Thu, 23 Mar 2023 01:45:24 +0800 Subject: [PATCH 01/22] =?UTF-8?q?add:=E8=87=AA=E5=AE=9A=E4=B9=89table?= =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=92=8C=E7=BF=BB=E9=A1=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- mock/fileMock.js | 12 +++- vue/App.vue | 61 ++++++++++++++++---- vue/components/Pagination.vue | 73 ++++++++++++++++++++++++ vue/components/Table.vue | 104 ++++++++++++++++++++++++++++++++++ webpack.config.js | 3 +- 5 files changed, 240 insertions(+), 13 deletions(-) create mode 100644 vue/components/Pagination.vue create mode 100644 vue/components/Table.vue diff --git a/mock/fileMock.js b/mock/fileMock.js index 70ee949..03c0d72 100644 --- a/mock/fileMock.js +++ b/mock/fileMock.js @@ -1,2 +1,12 @@ +const tableData = [ + {name:'小王',sex:'man',age:19,hobby:'游泳',score:9}, + {name:'小丽',sex:'female',age:18,hobby:'跳舞',score:10}, + {name:'小燕子',sex:'female',age:17,hobby:'唱歌',score:11}, + {name:'小栗',sex:'female',age:18,hobby:'游泳',score:23}, + {name:'小雨',sex:'man',age:20,hobby:'打球',score:22}, + {name:'小杨',sex:'man',age:21,hobby:'阅读',score:33}, + {name:'小赵',sex:'female',age:22,hobby:'排球',score:44}, + {name:'小鹏',sex:'man',age:32,hobby:'睡觉',score:2}, +] -module.exports = 'test-file-stub'; \ No newline at end of file +module.exports = {tableData}; diff --git a/vue/App.vue b/vue/App.vue index c0b8ed2..0a0ab6a 100644 --- a/vue/App.vue +++ b/vue/App.vue @@ -1,20 +1,59 @@ - diff --git a/vue/components/Pagination.vue b/vue/components/Pagination.vue new file mode 100644 index 0000000..e411bba --- /dev/null +++ b/vue/components/Pagination.vue @@ -0,0 +1,73 @@ + + + + +> diff --git a/vue/components/Table.vue b/vue/components/Table.vue new file mode 100644 index 0000000..a632e26 --- /dev/null +++ b/vue/components/Table.vue @@ -0,0 +1,104 @@ + + + + \ No newline at end of file diff --git a/webpack.config.js b/webpack.config.js index 33d6dc6..8b21f46 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -7,7 +7,8 @@ const HtmlWebpackPlugin = require('html-webpack-plugin'); const CompressionPlugin = require("compression-webpack-plugin"); const config = { - entry: "./src/_test.tsx", + entry: "./vue/App.vue", + // entry: "./src/_test.tsx", mode: process.env.NODE_ENV === "development" ? "development" : "production", output: { filename: "[name].js", From 4f42922bf73087024b6b861e1606227ae29b0e11 Mon Sep 17 00:00:00 2001 From: robin <756517553@qq.com> Date: Mon, 27 Mar 2023 09:45:33 +0800 Subject: [PATCH 02/22] Revert "Daily/shina" --- mock/fileMock.js | 12 +-- package.json | 4 +- src/_test.tsx | 4 +- src/components/table/table.tsx | 168 ++++++--------------------------- src/testTable.tsx | 55 ----------- vue/App.vue | 61 +++--------- vue/components/Pagination.vue | 73 -------------- vue/components/Table.vue | 104 -------------------- webpack.config.js | 3 +- 9 files changed, 46 insertions(+), 438 deletions(-) delete mode 100644 src/testTable.tsx delete mode 100644 vue/components/Pagination.vue delete mode 100644 vue/components/Table.vue diff --git a/mock/fileMock.js b/mock/fileMock.js index 03c0d72..70ee949 100644 --- a/mock/fileMock.js +++ b/mock/fileMock.js @@ -1,12 +1,2 @@ -const tableData = [ - {name:'小王',sex:'man',age:19,hobby:'游泳',score:9}, - {name:'小丽',sex:'female',age:18,hobby:'跳舞',score:10}, - {name:'小燕子',sex:'female',age:17,hobby:'唱歌',score:11}, - {name:'小栗',sex:'female',age:18,hobby:'游泳',score:23}, - {name:'小雨',sex:'man',age:20,hobby:'打球',score:22}, - {name:'小杨',sex:'man',age:21,hobby:'阅读',score:33}, - {name:'小赵',sex:'female',age:22,hobby:'排球',score:44}, - {name:'小鹏',sex:'man',age:32,hobby:'睡觉',score:2}, -] -module.exports = {tableData}; +module.exports = 'test-file-stub'; \ No newline at end of file diff --git a/package.json b/package.json index ed19abe..6f4b3ba 100644 --- a/package.json +++ b/package.json @@ -1,9 +1,9 @@ { "name": "goji_ui", "version": "1.0.17", - "description": "component", + "description": "component ", "main": "dist/cjs/index.js", - "module": "dist/esm/index.js", + "modue": "dist/esm/index.js", "scripts": { "build": "rollup -c --bundleConfigAsCjs", "test": "jest", diff --git a/src/_test.tsx b/src/_test.tsx index 1ea254d..b22835b 100644 --- a/src/_test.tsx +++ b/src/_test.tsx @@ -4,7 +4,6 @@ import ReactDom from 'react-dom' import Modal from './components/modal/modal'; import Upload from './components/upload/upload'; import Tab from './components/tab/tab'; -import { TestTable } from './testTable'; import * as GOJI from 'goji_ui' @@ -29,7 +28,6 @@ function App() { ]} /> */} -

test

} - {c?.screening && } - {renderSearchInput(c)} }) - }, [cols, show, searchInputs]) + }, [cols]) - return ( + return {col} - ) -} - -function TBody>() { - const { renderData, cols } = useContext<{ - cols: Array, - data: Array, - renderData: Array, - }>(TableContext) - - const renderTd = (col: IColProps, rowData: RowType) => { - return - } - - return ( - { - renderData?.map(d => { - return ( - - {cols?.map(c => renderTd(c, d))} + + { + data?.map(d => { + return + {cols?.map(c => { + if (c.render) { + return + } + return + })} - ) - }) - } - ) -} + }) + } + +
{ - col.render - ? col.render(rowData) - : rowData[col.key] - }
+ { + c.render(d) + } + + {d[c.key]} +
+} \ No newline at end of file diff --git a/src/testTable.tsx b/src/testTable.tsx deleted file mode 100644 index 1203393..0000000 --- a/src/testTable.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import React, {} from 'react' -import Table, { IColProps } from "./components/table/table"; - -interface RowData { - id: string, - [K: string]: any -} - -export function TestTable() { - const cols: IColProps[] = [ - { - title: "tab1", - key: "tab1", - screening: true, - }, - { - title: "tab2", - key: "tab2", - render: () =>
tab2
- }, - { - title: "tab3", - key: "tab3", - sort: true, - } - ] - const data: RowData[] = [ - { - id: 'row1', - tab1: 'vvvvvalue-row1', - tab2: 'tab2', - tab3: 1 - }, - { - id: 'row2', - tab1: 'qqqqwww-row2', - tab2: 'tab22', - tab3: 5_518 - }, - { - id: 'row3', - tab1: 'qqqqwww-row3', - tab2: 'tab22', - tab3: 888 - } - ] - - return ( - <> -

------- Table --------

- cols={cols} data={data} /> -

-----------------------

- - ) -} diff --git a/vue/App.vue b/vue/App.vue index 0a0ab6a..c0b8ed2 100644 --- a/vue/App.vue +++ b/vue/App.vue @@ -1,59 +1,20 @@ - diff --git a/vue/components/Pagination.vue b/vue/components/Pagination.vue deleted file mode 100644 index e411bba..0000000 --- a/vue/components/Pagination.vue +++ /dev/null @@ -1,73 +0,0 @@ - - - - -> diff --git a/vue/components/Table.vue b/vue/components/Table.vue deleted file mode 100644 index a632e26..0000000 --- a/vue/components/Table.vue +++ /dev/null @@ -1,104 +0,0 @@ - - - - \ No newline at end of file diff --git a/webpack.config.js b/webpack.config.js index 8b21f46..33d6dc6 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -7,8 +7,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin'); const CompressionPlugin = require("compression-webpack-plugin"); const config = { - entry: "./vue/App.vue", - // entry: "./src/_test.tsx", + entry: "./src/_test.tsx", mode: process.env.NODE_ENV === "development" ? "development" : "production", output: { filename: "[name].js", From 9efe9065773b869c58f7e041e730f16eda8f1a2e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E5=9B=BD=E5=B9=B3?= <756517553@qq.com> Date: Tue, 28 Mar 2023 16:51:52 +0800 Subject: [PATCH 03/22] :meme: add attribute to Flex component --- .gitignore | 2 +- dist/cjs/index.js | 2 +- dist/cjs/index.js.map | 2 +- dist/cjs/types/components/flex/flex.d.ts | 9 +++++---- dist/esm/index.js | 2 +- dist/esm/index.js.map | 2 +- dist/esm/types/components/flex/flex.d.ts | 9 +++++---- dist/index.d.ts | 7 ++++--- package.json | 2 +- src/_test.tsx | 9 +++++++++ src/components/flex/flex.module.less | 1 + src/components/flex/flex.tsx | 11 +++++++---- 12 files changed, 37 insertions(+), 21 deletions(-) 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/dist/cjs/index.js b/dist/cjs/index.js index 935004d..76230af 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%}.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,itemSpace:s}){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]}))]}))}; //# sourceMappingURL=index.js.map diff --git a/dist/cjs/index.js.map b/dist/cjs/index.js.map index e22f0e4..2bde97e 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","children","className","itemSpace","_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 diff --git a/dist/cjs/types/components/flex/flex.d.ts b/dist/cjs/types/components/flex/flex.d.ts index 1ad8483..527bc15 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({ children, style, className, itemSpace, }: FlexProps): JSX.Element; export {}; diff --git a/dist/esm/index.js b/dist/esm/index.js index 7bce8b8..3c79045 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: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,itemSpace:i}){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}; //# sourceMappingURL=index.js.map diff --git a/dist/esm/index.js.map b/dist/esm/index.js.map index 137c7cd..7f10188 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..527bc15 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({ children, style, className, itemSpace, }: FlexProps): JSX.Element; export {}; diff --git a/dist/index.d.ts b/dist/index.d.ts index 54cc120..d18d2a7 100644 --- a/dist/index.d.ts +++ b/dist/index.d.ts @@ -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({ children, style, className, itemSpace, }: FlexProps): JSX.Element; interface FlexItemProps { children: ReactNode; diff --git a/package.json b/package.json index 6f4b3ba..a3d6cec 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "goji_ui", - "version": "1.0.17", + "version": "1.0.18", "description": "component ", "main": "dist/cjs/index.js", "modue": "dist/esm/index.js", diff --git a/src/_test.tsx b/src/_test.tsx index b22835b..fc32619 100644 --- a/src/_test.tsx +++ b/src/_test.tsx @@ -4,6 +4,8 @@ import ReactDom from 'react-dom' import Modal from './components/modal/modal'; import Upload from './components/upload/upload'; import Tab from './components/tab/tab'; +import Flex from './components/flex/flex'; +import FlexItem from './components/flex_item/flex_item'; import * as GOJI from 'goji_ui' @@ -97,6 +99,13 @@ function App() { > 请选择文件 + + + 1 + 1 + 1 + + } diff --git a/src/components/flex/flex.module.less b/src/components/flex/flex.module.less index d92e13d..4c858c1 100644 --- a/src/components/flex/flex.module.less +++ b/src/components/flex/flex.module.less @@ -1,4 +1,5 @@ .flex { display: flex; flex-wrap: wrap; + } \ No newline at end of file diff --git a/src/components/flex/flex.tsx b/src/components/flex/flex.tsx index 5343319..e59fa80 100644 --- a/src/components/flex/flex.tsx +++ b/src/components/flex/flex.tsx @@ -1,18 +1,21 @@ -import React, { ReactElement } from 'react'; +import React, { ReactElement, ReactNode } from 'react'; +import { BaseProps } from '../base_props'; import styles from './flex.module.less'; -interface FlexProps { - children: ReactElement; +interface FlexProps extends React.HTMLAttributes { + children: ReactNode; style?: any; - className?: string + className?: string, + itemSpace?: number | string, } export default function Flex({ children, style, className, + itemSpace, }: FlexProps) { return
Date: Tue, 28 Mar 2023 19:45:09 +0800 Subject: [PATCH 04/22] :memo: add logo --- README.md | 155 +++++++++++------------ dist/cjs/index.js | 2 +- dist/cjs/index.js.map | 2 +- dist/cjs/types/components/flex/flex.d.ts | 2 +- dist/esm/index.js | 2 +- dist/esm/index.js.map | 2 +- dist/esm/types/components/flex/flex.d.ts | 2 +- dist/index.d.ts | 2 +- package.json | 2 +- src/components/flex/flex.tsx | 15 ++- 10 files changed, 90 insertions(+), 96 deletions(-) diff --git a/README.md b/README.md index a5dffda..f58a0e7 100644 --- a/README.md +++ b/README.md @@ -1,46 +1,51 @@ +

+ +

[![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 或者进微信群提问 ### 交流群 @@ -51,37 +56,37 @@

### 项目启动指南 + ```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 - function Modal(props:ModalProps){ +- react demo +interface ModalProps{ + visible:boolean + //参数可以自定义 +} - } + 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 76230af..59c2af2 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,itemSpace:s}){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%}.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(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: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]}))]}))}; //# sourceMappingURL=index.js.map diff --git a/dist/cjs/index.js.map b/dist/cjs/index.js.map index 2bde97e..c22c377 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","itemSpace","_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 527bc15..4e83c53 100644 --- a/dist/cjs/types/components/flex/flex.d.ts +++ b/dist/cjs/types/components/flex/flex.d.ts @@ -5,5 +5,5 @@ interface FlexProps extends React.HTMLAttributes { className?: string; itemSpace?: number | string; } -export default function Flex({ children, style, className, itemSpace, }: FlexProps): JSX.Element; +export default function Flex(props: FlexProps): JSX.Element; export {}; diff --git a/dist/esm/index.js b/dist/esm/index.js index 3c79045..d6e2ac6 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,itemSpace:i}){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: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(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 7f10188..7c95ce2 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","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 +{"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 527bc15..4e83c53 100644 --- a/dist/esm/types/components/flex/flex.d.ts +++ b/dist/esm/types/components/flex/flex.d.ts @@ -5,5 +5,5 @@ interface FlexProps extends React.HTMLAttributes { className?: string; itemSpace?: number | string; } -export default function Flex({ children, style, className, itemSpace, }: FlexProps): JSX.Element; +export default function Flex(props: FlexProps): JSX.Element; export {}; diff --git a/dist/index.d.ts b/dist/index.d.ts index d18d2a7..5c22f11 100644 --- a/dist/index.d.ts +++ b/dist/index.d.ts @@ -85,7 +85,7 @@ interface FlexProps extends React.HTMLAttributes { className?: string; itemSpace?: number | string; } -declare function Flex({ children, style, className, itemSpace, }: FlexProps): JSX.Element; +declare function Flex(props: FlexProps): JSX.Element; interface FlexItemProps { children: ReactNode; diff --git a/package.json b/package.json index a3d6cec..60259a3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "goji_ui", - "version": "1.0.18", + "version": "1.0.19", "description": "component ", "main": "dist/cjs/index.js", "modue": "dist/esm/index.js", diff --git a/src/components/flex/flex.tsx b/src/components/flex/flex.tsx index e59fa80..56206fe 100644 --- a/src/components/flex/flex.tsx +++ b/src/components/flex/flex.tsx @@ -11,14 +11,15 @@ interface FlexProps extends React.HTMLAttributes { itemSpace?: number | string, } -export default function Flex({ - children, - style, - className, - itemSpace, -}: FlexProps) { - +export default function Flex(props: FlexProps) { + const { + children, + style, + className, + itemSpace, + } = props; return
From 3f1d5dbeb31820e4550b9ba6eb9656d990f68b43 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E5=9B=BD=E5=B9=B3?= <756517553@qq.com> Date: Tue, 28 Mar 2023 19:48:19 +0800 Subject: [PATCH 05/22] :memo: update logo --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index f58a0e7..1edd1c7 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,7 @@

- +

- [![Forkers repo roster for @RobinYang11/goji](https://reporoster.com/forks/RobinYang11/goji)](https://github.com/RobinYang11/goji/network/members) From ee027e9d51dba23f707f0a900ef9fa288c176e74 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E5=9B=BD=E5=B9=B3?= <756517553@qq.com> Date: Wed, 29 Mar 2023 21:18:29 +0800 Subject: [PATCH 06/22] feat:fix --- README.md | 1 - src/components/flex/flex.module.less | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index 1edd1c7..aab900b 100644 --- a/README.md +++ b/README.md @@ -5,7 +5,6 @@ [![Forkers repo roster for @RobinYang11/goji](https://reporoster.com/forks/RobinYang11/goji)](https://github.com/RobinYang11/goji/network/members) - ### 前言 在过去的 1000 次面试中总结出，通过短短 1 个小时的问答很难全面准确地考核面试者。这其中有各种因素 ,比如: diff --git a/src/components/flex/flex.module.less b/src/components/flex/flex.module.less index 4c858c1..d8de191 100644 --- a/src/components/flex/flex.module.less +++ b/src/components/flex/flex.module.less @@ -1,5 +1,5 @@ .flex { display: flex; flex-wrap: wrap; - + align-items: center; } \ No newline at end of file From b679cf21289786df662063401be8e82d7f66b4f4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E5=9B=BD=E5=B9=B3?= <756517553@qq.com> Date: Thu, 6 Apr 2023 14:41:05 +0800 Subject: [PATCH 07/22] feat: update wchat --- README.md | 2 +- package.json | 2 +- src/components/flex/flex.module.less | 1 - 3 files changed, 2 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index aab900b..152cd63 100644 --- a/README.md +++ b/README.md @@ -31,7 +31,7 @@ #### 1.从下面的题目中任选一题 实现要求即可 - + #### 3. 完成之后 提交 pull request 到 dev 分支 diff --git a/package.json b/package.json index 60259a3..dc406c7 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "goji_ui", - "version": "1.0.19", + "version": "1.0.21", "description": "component ", "main": "dist/cjs/index.js", "modue": "dist/esm/index.js", diff --git a/src/components/flex/flex.module.less b/src/components/flex/flex.module.less index d8de191..d92e13d 100644 --- a/src/components/flex/flex.module.less +++ b/src/components/flex/flex.module.less @@ -1,5 +1,4 @@ .flex { display: flex; flex-wrap: wrap; - align-items: center; } \ No newline at end of file From 8ff672aa2a4b07f77512f9188a367235aeb8ab69 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E5=9B=BD=E5=B9=B3?= <756517553@qq.com> Date: Thu, 6 Apr 2023 14:43:33 +0800 Subject: [PATCH 08/22] feat --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 152cd63..0c2868f 100644 --- a/README.md +++ b/README.md @@ -31,7 +31,7 @@ #### 1.从下面的题目中任选一题 实现要求即可 - + #### 3. 完成之后 提交 pull request 到 dev 分支 From c7f616d3e41ad88377f77436bb90c213ba745f1e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E5=9B=BD=E5=B9=B3?= <756517553@qq.com> Date: Thu, 6 Apr 2023 14:50:31 +0800 Subject: [PATCH 09/22] feat --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 0c2868f..c78e231 100644 --- a/README.md +++ b/README.md @@ -31,7 +31,7 @@ #### 1.从下面的题目中任选一题 实现要求即可 - + #### 3. 完成之后 提交 pull request 到 dev 分支 @@ -63,7 +63,7 @@ npm run vue ``` -### 面试题 [由 easy 到 hard 排序] VUE 和 REACT 都可以,组件必须具备可扩展性 ，就是满足 开闭原则. +### 面试题 [由 easy 到 hard 排序] VUE 和 REACT 都可以,组件必须具备可扩展性 ，就是满足 开闭原则. #### 第一题 [easy] From dc670317c087d5180a98970af4cd0db93879b6e7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E5=9B=BD=E5=B9=B3?= <756517553@qq.com> Date: Thu, 6 Apr 2023 14:51:45 +0800 Subject: [PATCH 10/22] feat:fix --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index c78e231..f54c132 100644 --- a/README.md +++ b/README.md @@ -49,7 +49,7 @@

- +

@@ -63,7 +63,7 @@ npm run vue ``` -### 面试题 [由 easy 到 hard 排序] VUE 和 REACT 都可以,组件必须具备可扩展性 ，就是满足 开闭原则. +### 面试题 [由 easy 到 hard 排序] VUE 和 REACT 都可以,组件必须具备可扩展性 ，就是满足 开闭原则. #### 第一题 [easy] From 36dc508947fa4e3cfdac55b88a1931ccc30bac62 Mon Sep 17 00:00:00 2001 From: robin_yang Date: Sat, 8 Apr 2023 19:44:15 +0800 Subject: [PATCH 11/22] feat:fix --- README.md | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index f54c132..764aecd 100644 --- a/README.md +++ b/README.md @@ -28,11 +28,11 @@ ### 面试题指南 [vuejs /reactjs 二选一] #### 2. 点击仓库上方的 watch-> all activity ,star 或者 fork 当前仓库，以便面试官能及时看到你状态. 或者从当前 git 项目的 dev 分支 创建自己的分支，当然点个 star 那就更完美了 - +

+ +

#### 1.从下面的题目中任选一题 实现要求即可 - - #### 3. 完成之后 提交 pull request 到 dev 分支 #### 4. 我们期望你的代码 干净整洁，让我们有阅读的欲望.更希望你们的代码让我耳目一新.总之想办法来亮瞎我们吧。 @@ -43,16 +43,19 @@ #### 7. 作业时间 3-5 日 -#### 8. 其他问题 可以提 issue 或者进微信群提问 +#### 8. 其他问题 可以提 issue 或者进微信群提问 ,或者关注抖音号学习高阶前端技术. -### 交流群 + +### 交流群

+ + +

- ### 项目启动指南 ```shell From fb186ea2fd5b24e88f4b3187eac67657de727a90 Mon Sep 17 00:00:00 2001 From: robin_yang Date: Sat, 8 Apr 2023 19:49:15 +0800 Subject: [PATCH 12/22] feat --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 764aecd..9a8d0eb 100644 --- a/README.md +++ b/README.md @@ -29,7 +29,7 @@ #### 2. 点击仓库上方的 watch-> all activity ,star 或者 fork 当前仓库，以便面试官能及时看到你状态. 或者从当前 git 项目的 dev 分支 创建自己的分支，当然点个 star 那就更完美了

- +

#### 1.从下面的题目中任选一题 实现要求即可 @@ -50,10 +50,10 @@ ### 交流群

- + - +

### 项目启动指南 From ece1f2ec5ef6a0b9b6161d9a33ee6205ec25995d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E5=9B=BD=E5=B9=B3?= <756517553@qq.com> Date: Mon, 10 Apr 2023 14:18:00 +0800 Subject: [PATCH 13/22] feat:fix --- src/components/modal/modal.module.less | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/modal/modal.module.less b/src/components/modal/modal.module.less index 9672648..f3280ea 100644 --- a/src/components/modal/modal.module.less +++ b/src/components/modal/modal.module.less @@ -5,6 +5,7 @@ right: 0; bottom: 0; width: 100%; + z-index: 1000; .mask { position: fixed; From 771e40b20284ec1bd2665cdcbc67d5a90e0035ad Mon Sep 17 00:00:00 2001 From: Davdeyang <1320501826@qq.com> Date: Tue, 11 Apr 2023 17:04:41 +0800 Subject: [PATCH 14/22] first commt --- src/components/input/index.tsx | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/components/input/index.tsx diff --git a/src/components/input/index.tsx b/src/components/input/index.tsx new file mode 100644 index 0000000..e69de29 From d7b21c2db048049293bb5dfc9860c13f96de7fe9 Mon Sep 17 00:00:00 2001 From: Davdeyang <1320501826@qq.com> Date: Tue, 11 Apr 2023 17:14:34 +0800 Subject: [PATCH 15/22] =?UTF-8?q?feat:=E6=B7=BB=E5=8A=A0input=E7=BB=84?= =?UTF-8?q?=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/_test.tsx | 222 +++++++++++++++++++------------- src/components/input/index.css | 36 ++++++ src/components/input/index.less | 39 ++++++ src/components/input/index.tsx | 59 +++++++++ 4 files changed, 264 insertions(+), 92 deletions(-) create mode 100644 src/components/input/index.css create mode 100644 src/components/input/index.less diff --git a/src/_test.tsx b/src/_test.tsx index fc32619..a10b147 100644 --- a/src/_test.tsx +++ b/src/_test.tsx @@ -1,19 +1,36 @@ +import React, { useState } from "react"; +import ReactDom from "react-dom"; +import Modal from "./components/modal/modal"; +import Upload from "./components/upload/upload"; +import Tab from "./components/tab/tab"; +import * as GOJI from "goji_ui"; +import Input from "./components/input"; -import React, { useState } from 'react'; -import ReactDom from 'react-dom' -import Modal from './components/modal/modal'; -import Upload from './components/upload/upload'; -import Tab from './components/tab/tab'; -import Flex from './components/flex/flex'; -import FlexItem from './components/flex_item/flex_item'; +function App() { + const [visible, setVisible] = useState(false); + const [ev, setEv] = useState(false); + const [value, setValue] = useState(10); -import * as GOJI from 'goji_ui' + const handleClick = (e: unknown) => { + setValue(e?.target.value); + console.log("e", e?.target.value); + }; -function App() { - const [visible, setVisible] = useState(false) - const [ev, setEv] = useState(false) - return
- {/* + { + console.log("kdsk"); + }} + onFocus={() => { + console.log("sssss"); + }} + /> + {/* 这是扩展的内容
} items={[ @@ -29,84 +46,105 @@ function App() { } ]} /> */} - - -

test

- - { - setEv(true) - }} - hiddenStyle={{ - height: '0px', - overflow: 'hidden' - }} - tabContentVisible={ev} - extSelector={'[aria-label="tab"]'} - extension={
{ setEv(!ev) }} className="ext">这是扩展的内容
} - items={[ - { - title: "tab1", - key: "tab1", - children:
tab1
- }, - { - title: "tab2", - key: "tab2", - children:
tab2
- } - ]} - /> - - { - setVisible(false) - }} - visible={visible} - > -
- how to set default value for typescript interface field - -
- - - { - for (var i = 0; i < f.length; i++) { - console.log(f[i].name) - } - return new Promise((r, j) => { - setTimeout(() => { - r(f) - }, 1000); - }) - }} - - valueFilter={({ response }) => { - return (response as Record).url - }} - onComplete={(res: any[]) => { - console.log(res) - }} - > - 请选择文件 - - - - 1 - 1 - 1 - - -
+

test

+ + { + setEv(true); + }} + hiddenStyle={{ + height: "0px", + overflow: "hidden", + }} + tabContentVisible={ev} + extSelector={'[aria-label="tab"]'} + extension={ +
{ + setEv(!ev); + }} + className="ext" + > + 这是扩展的内容 +
+ } + items={[ + { + title: "tab1", + key: "tab1", + children:
tab1
, + }, + { + title: "tab2", + key: "tab2", + children:
tab2
, + }, + ]} + /> + { + setVisible(false); + }} + visible={visible} + > +
+ how to set default value for typescript interface field + +
+ + { + for (var i = 0; i < f.length; i++) { + console.log(f[i].name); + } + return new Promise((r, j) => { + setTimeout(() => { + r(f); + }, 1000); + }); + }} + valueFilter={({ response }) => { + return (response as Record).url; + }} + onComplete={(res: any[]) => { + console.log(res); + }} + > + 请选择文件 + + {/* { + setModalVisible(!modalVisible); + }} + position="topRight" + width={150} + modelContent={[ + { + id: "1", + label: "first Item", + }, + { + id: "2", + label: "second Item", + }, + ]} + // className={"modless"} + > + SHOW MODEL + */} + + ); } -ReactDom.render(, document.getElementById("app")) \ No newline at end of file +ReactDom.render(, document.getElementById("app")); diff --git a/src/components/input/index.css b/src/components/input/index.css new file mode 100644 index 0000000..0accd21 --- /dev/null +++ b/src/components/input/index.css @@ -0,0 +1,36 @@ +.inputBox { + border: 1px solid #036df7; + display: inline; + padding: 4px; + border-radius: 5px; + margin: 10px; +} +.inputBox input { + outline: none; + border: none; + height: 19px; +} +.inputBox .numberLimit { + font-size: 14px; +} +.action { + border: 1px solid red; + display: inline; + padding: 4px; + border-radius: 5px; + margin: 10px; +} +.action input { + outline: none; + border: none; + height: 19px; +} +.action .numberLimit { + font-size: 14px; +} +.message { + margin: 0; + padding: 0; + color: red; + font-size: 12px; +} diff --git a/src/components/input/index.less b/src/components/input/index.less new file mode 100644 index 0000000..bd420c7 --- /dev/null +++ b/src/components/input/index.less @@ -0,0 +1,39 @@ +.inputBox { + border: 1px solid rgb(3, 109, 247); + display: inline; + padding: 4px; + border-radius: 5px; + margin: 10px; + input { + outline: none; + border: none; + height: 19px; + } + + .numberLimit { + font-size: 14px; + } +} + +.action { + border: 1px solid red; + display: inline; + padding: 4px; + border-radius: 5px; + margin: 10px; + input { + outline: none; + border: none; + height: 19px; + } + .numberLimit { + font-size: 14px; + } +} + +.message { + margin: 0; + padding: 0; + color: red; + font-size: 12px; +} diff --git a/src/components/input/index.tsx b/src/components/input/index.tsx index e69de29..57ee9fe 100644 --- a/src/components/input/index.tsx +++ b/src/components/input/index.tsx @@ -0,0 +1,59 @@ +import React, { useEffect, useState } from "react"; +import "./index.less"; + +interface IProps extends React.HTMLProps { + className?: string | undefined; + style?: React.CSSProperties; + value: string | number | undefined; + maxLength?: number | undefined; + defaultValue?: string | undefined; +} + +const Input = (props: IProps) => { + const { value, defaultValue, maxLength, className, style } = props; + const [inputLength, setInputLength] = useState(0); + + useEffect(() => { + if (value === "string") { + let inputValues = value?.split("").length; + setInputLength(inputValues); + } else { + setInputLength(0); + } + }, [value]); + + useEffect(() => { + if (defaultValue) { + if (typeof defaultValue === "number") { + let defaultValueArrayLength = defaultValue + ?.toString() + ?.split("")?.length; + setInputLength(defaultValueArrayLength); + } else if (typeof defaultValue === "string") { + let defaultValues = defaultValue.split("").length; + setInputLength(defaultValues); + } else { + setInputLength(0); + } + } + }, []); + + return ( + <> +
+ + {`${inputLength}/${ + maxLength && maxLength + }`} +
+ {inputLength > 10 && ( + 内容超过10，请重新输入 + )} + + ); +}; + +export default Input; From 7014d91c5816626393b21287aaaaea249fcb7484 Mon Sep 17 00:00:00 2001 From: robin_yang Date: Sat, 15 Apr 2023 17:55:28 +0800 Subject: [PATCH 16/22] feat:fix --- README.md | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 9a8d0eb..b8bc2f8 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,6 @@ -

- -

+ +

前端面试仓库

[![Forkers repo roster for @RobinYang11/goji](https://reporoster.com/forks/RobinYang11/goji)](https://github.com/RobinYang11/goji/network/members) @@ -53,7 +52,7 @@ - +

### 项目启动指南 From 28bef382f464ca0f07034eafcff5bf2d93df44b1 Mon Sep 17 00:00:00 2001 From: robin_yang Date: Sun, 16 Apr 2023 17:38:48 +0800 Subject: [PATCH 17/22] feat:fix --- index.html | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 7f97143..879abe6 100644 --- a/index.html +++ b/index.html @@ -7,8 +7,10 @@ Document \ No newline at end of file