diff --git a/.dumirc.ts b/.dumirc.ts index 4453e04..939bac3 100644 --- a/.dumirc.ts +++ b/.dumirc.ts @@ -19,6 +19,7 @@ export default defineConfig({ '@zhst/slave': path.join(__dirname, 'packages/slave/src'), '@zhst/material': path.join(__dirname, 'packages/material/src'), '@zhst/icon': path.join(__dirname, 'packages/icon/src'), + '@zhst/icon-v2': path.join(__dirname, 'packages/icon-v2/src'), '@zhst/map': path.join(__dirname, 'packages/map/src'), }, resolve: { @@ -34,11 +35,12 @@ export default defineConfig({ { type: 'slave', dir: 'packages/slave/src' }, { type: 'material', dir: 'packages/material/src' }, { type: 'icon', dir: 'packages/icon/src' }, + { type: 'icon-v2', dir: 'packages/icon-v2/src' }, { type: 'map', dir: 'packages/map/src' }, ], }, monorepoRedirect: { srcDir: ['packages', 'src'], peerDeps: true, - } + }, }); diff --git a/packages/icon-v2/.fatherrc.ts b/packages/icon-v2/.fatherrc.ts new file mode 100644 index 0000000..8b80f18 --- /dev/null +++ b/packages/icon-v2/.fatherrc.ts @@ -0,0 +1,20 @@ +import { defineConfig } from 'father-plugin-less'; + +export default defineConfig({ + // more father config: https://github.com/umijs/father/blob/master/docs/config.md + esm: { + output: 'es', + ignores: ['**/demo/*', 'src/**/demo/*'], + transformer: 'babel', + }, + cjs: { + output: 'lib', + ignores: ['**/demo/*', 'src/**/demo/*'], + transformer: 'babel', + }, + lessInBabel: { + modifyVars: { + }, + }, + plugins: ['father-plugin-less'], +}); diff --git a/packages/icon-v2/CHANGELOG.md b/packages/icon-v2/CHANGELOG.md new file mode 100644 index 0000000..0c565bc --- /dev/null +++ b/packages/icon-v2/CHANGELOG.md @@ -0,0 +1,7 @@ +# @zhst/icon-v2 + +## 0.7.0 + +### Minor Changes + +- 初始化 icon 包 diff --git a/packages/icon-v2/README.md b/packages/icon-v2/README.md new file mode 100644 index 0000000..5a95dec --- /dev/null +++ b/packages/icon-v2/README.md @@ -0,0 +1,16 @@ +# @zhst/icon + +## 介绍 + +静态变量库 + +## 安装 + +> pnpm install @zhst/icon-v2 + +## 使用 + +```js +import React from 'react'; +import { Iconfont } from '@zhst/icon-v2' +``` diff --git a/packages/icon-v2/package.json b/packages/icon-v2/package.json new file mode 100644 index 0000000..9c1ff7a --- /dev/null +++ b/packages/icon-v2/package.json @@ -0,0 +1,39 @@ +{ + "name": "@zhst/icon-v2", + "version": "0.1.0", + "description": "图标库", + "keywords": [ + "icon", + "zhst", + "图标库" + ], + "license": "ISC", + "author": "dev", + "sideEffects": [ + "dist/*", + "es/**/style/*", + "lib/**/style/*", + "*.less" + ], + "main": "lib/index.js", + "module": "es/index.js", + "typings": "es/index.d.ts", + "exports": { + ".": { + "require": "./lib/index.js", + "import": "./es/index.js", + "default": "./es/index.js" + } + }, + "files": [ + "es", + "lib" + ], + "scripts": { + "build": "father build" + }, + "publishConfig": { + "access": "public", + "registry": "http://10.0.0.77:4874" + } +} diff --git a/packages/icon-v2/src/demo/basic.tsx b/packages/icon-v2/src/demo/basic.tsx new file mode 100644 index 0000000..4b76a2b --- /dev/null +++ b/packages/icon-v2/src/demo/basic.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { Add } from '@zhst/icon-v2'; +import { message } from '@zhst/meta'; + +const demo = () => { + + return ( +
+ {message.success('触发onClick事件成功')}}> +
+ ); +}; + +export default demo; diff --git a/packages/icon-v2/src/demo/demo.tsx b/packages/icon-v2/src/demo/demo.tsx new file mode 100644 index 0000000..ca65026 --- /dev/null +++ b/packages/icon-v2/src/demo/demo.tsx @@ -0,0 +1,79 @@ +import React, { useState } from 'react'; +import * as Icons from '@zhst/icon-v2' +import './index.less'; +import { Button, Input, message } from '@zhst/meta'; +import { Retrievalsel } from '@zhst/icon-v2'; +const demo = () => { + const iconNames = Object.keys(Icons); // 获取图标组件的名字数组 + const [iconArr, setIconArr] = useState(iconNames); + + const search = (searchVal: string) => { + if (searchVal === '') { + setIconArr(iconNames); + } else { + setIconArr(iconArr.filter((item) => item.toLowerCase().includes(searchVal.toLowerCase()))); + } + }; + + const copyTextToClipboard = async (textToCopy: string, successMessage?: string): Promise => { + if (navigator.clipboard && navigator.clipboard.writeText) { + try { + // 使用现代API尝试复制 + await navigator.clipboard.writeText(textToCopy); + message.success(successMessage) + } catch (error) { + console.error('Failed to copy: ', error); + }} else { + fallbackCopyTextToClipboard(textToCopy,successMessage); + } + } + + const fallbackCopyTextToClipboard = (textToCopy: string, successMessage?: string) => { + // 创建隐藏的textarea来模拟复制操作 + const input = document.createElement('input'); + input.setAttribute('value', textToCopy); + document.body.appendChild(input); + input.select(); + try { + if (document.execCommand('copy')) { + message.success(successMessage) + } else { + console.error('传统方式复制失败'); + } + } catch (error) { + console.error('传统方式复制出错:', error); + } finally { + document.body.removeChild(input); + } + } + + return ( +
+
+ } onChange={(e) => search(e.target.value)}> +
+ +
+ ); +} +export default demo \ No newline at end of file diff --git a/packages/icon-v2/src/demo/index.less b/packages/icon-v2/src/demo/index.less new file mode 100644 index 0000000..f66547e --- /dev/null +++ b/packages/icon-v2/src/demo/index.less @@ -0,0 +1,70 @@ +.demo { + &-ul { + list-style-type: none; + display: flex; + flex-wrap: wrap; + } + + &-li { + height: 150px; + width: 150px; + box-sizing: border-box; + padding: 10px; + margin: 10px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + position: relative; + + &-content { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + + &-name { + color: #666; + font-size: 12px; + } + } + + &-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: linear-gradient(315deg, #6772FF 0, #00F9E5 100%); /* 渐变背景 */ + border-radius: 6px; + display: flex; + justify-content: center; + align-items: center; + transition: opacity 0.3s ease; /* 动画过渡 */ + opacity: 0; /* 默认隐藏 */ + pointer-events: none; /* 默认不可操作 */ + } + + &-overlay-content { + text-align: center; + color: white; + padding: 20px; + + button { + margin-bottom: 10px; + background-color: transparent; + border: 1px solid #fff; + color: #fff; + } + } + } + + .hidden { + visibility: hidden; /* 额外的隐藏样式，可根据需要调整 */ + } + + &-li:hover .demo-li-overlay { + opacity: 1; + pointer-events: auto; /* 可操作 */ + } +} \ No newline at end of file diff --git a/packages/icon-v2/src/icons/Add.tsx b/packages/icon-v2/src/icons/Add.tsx new file mode 100644 index 0000000..71d4428 --- /dev/null +++ b/packages/icon-v2/src/icons/Add.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Add = (props: CustomSVGProps) => ( + + + +); + +export default Add; diff --git a/packages/icon-v2/src/icons/Addvideo.tsx b/packages/icon-v2/src/icons/Addvideo.tsx new file mode 100644 index 0000000..1155a42 --- /dev/null +++ b/packages/icon-v2/src/icons/Addvideo.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Addvideo = (props: CustomSVGProps) => ( + + + +); + +export default Addvideo; diff --git a/packages/icon-v2/src/icons/Ai.tsx b/packages/icon-v2/src/icons/Ai.tsx new file mode 100644 index 0000000..88b0919 --- /dev/null +++ b/packages/icon-v2/src/icons/Ai.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Ai = (props: CustomSVGProps) => ( + + + +); + +export default Ai; diff --git a/packages/icon-v2/src/icons/Algorithmfilled.tsx b/packages/icon-v2/src/icons/Algorithmfilled.tsx new file mode 100644 index 0000000..33b2501 --- /dev/null +++ b/packages/icon-v2/src/icons/Algorithmfilled.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Algorithmfilled = (props: CustomSVGProps) => ( + + + +); + +export default Algorithmfilled; diff --git a/packages/icon-v2/src/icons/Analysis.tsx b/packages/icon-v2/src/icons/Analysis.tsx new file mode 100644 index 0000000..255c1f7 --- /dev/null +++ b/packages/icon-v2/src/icons/Analysis.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Analysis = (props: CustomSVGProps) => ( + + + +); + +export default Analysis; diff --git a/packages/icon-v2/src/icons/Analysissel.tsx b/packages/icon-v2/src/icons/Analysissel.tsx new file mode 100644 index 0000000..d5ebbe8 --- /dev/null +++ b/packages/icon-v2/src/icons/Analysissel.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Analysissel = (props: CustomSVGProps) => ( + + + + + + +); + +export default Analysissel; diff --git a/packages/icon-v2/src/icons/Arrowdown.tsx b/packages/icon-v2/src/icons/Arrowdown.tsx new file mode 100644 index 0000000..8285bc6 --- /dev/null +++ b/packages/icon-v2/src/icons/Arrowdown.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Arrowdown = (props: CustomSVGProps) => ( + + + +); + +export default Arrowdown; diff --git a/packages/icon-v2/src/icons/Arrowleft.tsx b/packages/icon-v2/src/icons/Arrowleft.tsx new file mode 100644 index 0000000..272ba58 --- /dev/null +++ b/packages/icon-v2/src/icons/Arrowleft.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Arrowleft = (props: CustomSVGProps) => ( + + + +); + +export default Arrowleft; diff --git a/packages/icon-v2/src/icons/Arrowright.tsx b/packages/icon-v2/src/icons/Arrowright.tsx new file mode 100644 index 0000000..aed479f --- /dev/null +++ b/packages/icon-v2/src/icons/Arrowright.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Arrowright = (props: CustomSVGProps) => ( + + + +); + +export default Arrowright; diff --git a/packages/icon-v2/src/icons/Arrowup.tsx b/packages/icon-v2/src/icons/Arrowup.tsx new file mode 100644 index 0000000..8baaa6b --- /dev/null +++ b/packages/icon-v2/src/icons/Arrowup.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Arrowup = (props: CustomSVGProps) => ( + + + +); + +export default Arrowup; diff --git a/packages/icon-v2/src/icons/Attachment.tsx b/packages/icon-v2/src/icons/Attachment.tsx new file mode 100644 index 0000000..6e49bc1 --- /dev/null +++ b/packages/icon-v2/src/icons/Attachment.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Attachment = (props: CustomSVGProps) => ( + + + +); + +export default Attachment; diff --git a/packages/icon-v2/src/icons/Back.tsx b/packages/icon-v2/src/icons/Back.tsx new file mode 100644 index 0000000..1f35338 --- /dev/null +++ b/packages/icon-v2/src/icons/Back.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Back = (props: CustomSVGProps) => ( + + + +); + +export default Back; diff --git a/packages/icon-v2/src/icons/Bike.tsx b/packages/icon-v2/src/icons/Bike.tsx new file mode 100644 index 0000000..7ff29ca --- /dev/null +++ b/packages/icon-v2/src/icons/Bike.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Bike = (props: CustomSVGProps) => ( + + + +); + +export default Bike; diff --git a/packages/icon-v2/src/icons/Bikefilled.tsx b/packages/icon-v2/src/icons/Bikefilled.tsx new file mode 100644 index 0000000..d829925 --- /dev/null +++ b/packages/icon-v2/src/icons/Bikefilled.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Bikefilled = (props: CustomSVGProps) => ( + + + +); + +export default Bikefilled; diff --git a/packages/icon-v2/src/icons/Bikesel.tsx b/packages/icon-v2/src/icons/Bikesel.tsx new file mode 100644 index 0000000..f480f73 --- /dev/null +++ b/packages/icon-v2/src/icons/Bikesel.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Bikesel = (props: CustomSVGProps) => ( + + + + + + +); + +export default Bikesel; diff --git a/packages/icon-v2/src/icons/Briefcase.tsx b/packages/icon-v2/src/icons/Briefcase.tsx new file mode 100644 index 0000000..cbf9a4f --- /dev/null +++ b/packages/icon-v2/src/icons/Briefcase.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Briefcase = (props: CustomSVGProps) => ( + + + +); + +export default Briefcase; diff --git a/packages/icon-v2/src/icons/Browser.tsx b/packages/icon-v2/src/icons/Browser.tsx new file mode 100644 index 0000000..209ba80 --- /dev/null +++ b/packages/icon-v2/src/icons/Browser.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Browser = (props: CustomSVGProps) => ( + + + +); + +export default Browser; diff --git a/packages/icon-v2/src/icons/Calendar.tsx b/packages/icon-v2/src/icons/Calendar.tsx new file mode 100644 index 0000000..d131fc5 --- /dev/null +++ b/packages/icon-v2/src/icons/Calendar.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Calendar = (props: CustomSVGProps) => ( + + + +); + +export default Calendar; diff --git a/packages/icon-v2/src/icons/Camera.tsx b/packages/icon-v2/src/icons/Camera.tsx new file mode 100644 index 0000000..ced5052 --- /dev/null +++ b/packages/icon-v2/src/icons/Camera.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Camera = (props: CustomSVGProps) => ( + + + +); + +export default Camera; diff --git a/packages/icon-v2/src/icons/Camera2.tsx b/packages/icon-v2/src/icons/Camera2.tsx new file mode 100644 index 0000000..dfabff1 --- /dev/null +++ b/packages/icon-v2/src/icons/Camera2.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Camera2 = (props: CustomSVGProps) => ( + + + +); + +export default Camera2; diff --git a/packages/icon-v2/src/icons/Camerafilled.tsx b/packages/icon-v2/src/icons/Camerafilled.tsx new file mode 100644 index 0000000..7fe45e0 --- /dev/null +++ b/packages/icon-v2/src/icons/Camerafilled.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Camerafilled = (props: CustomSVGProps) => ( + + + +); + +export default Camerafilled; diff --git a/packages/icon-v2/src/icons/Car.tsx b/packages/icon-v2/src/icons/Car.tsx new file mode 100644 index 0000000..6d77c8f --- /dev/null +++ b/packages/icon-v2/src/icons/Car.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Car = (props: CustomSVGProps) => ( + + + +); + +export default Car; diff --git a/packages/icon-v2/src/icons/Carfilled.tsx b/packages/icon-v2/src/icons/Carfilled.tsx new file mode 100644 index 0000000..c062e06 --- /dev/null +++ b/packages/icon-v2/src/icons/Carfilled.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Carfilled = (props: CustomSVGProps) => ( + + + +); + +export default Carfilled; diff --git a/packages/icon-v2/src/icons/Carsel.tsx b/packages/icon-v2/src/icons/Carsel.tsx new file mode 100644 index 0000000..c6c1da5 --- /dev/null +++ b/packages/icon-v2/src/icons/Carsel.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Carsel = (props: CustomSVGProps) => ( + + + + + + +); + +export default Carsel; diff --git a/packages/icon-v2/src/icons/Close.tsx b/packages/icon-v2/src/icons/Close.tsx new file mode 100644 index 0000000..5149788 --- /dev/null +++ b/packages/icon-v2/src/icons/Close.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Close = (props: CustomSVGProps) => ( + + + +); + +export default Close; diff --git a/packages/icon-v2/src/icons/Configure.tsx b/packages/icon-v2/src/icons/Configure.tsx new file mode 100644 index 0000000..4d27096 --- /dev/null +++ b/packages/icon-v2/src/icons/Configure.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Configure = (props: CustomSVGProps) => ( + + + +); + +export default Configure; diff --git a/packages/icon-v2/src/icons/Day.tsx b/packages/icon-v2/src/icons/Day.tsx new file mode 100644 index 0000000..6e17446 --- /dev/null +++ b/packages/icon-v2/src/icons/Day.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Day = (props: CustomSVGProps) => ( + + + +); + +export default Day; diff --git a/packages/icon-v2/src/icons/Delete.tsx b/packages/icon-v2/src/icons/Delete.tsx new file mode 100644 index 0000000..cc9fcf6 --- /dev/null +++ b/packages/icon-v2/src/icons/Delete.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Delete = (props: CustomSVGProps) => ( + + + +); + +export default Delete; diff --git a/packages/icon-v2/src/icons/Diagnose.tsx b/packages/icon-v2/src/icons/Diagnose.tsx new file mode 100644 index 0000000..07ac661 --- /dev/null +++ b/packages/icon-v2/src/icons/Diagnose.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Diagnose = (props: CustomSVGProps) => ( + + + +); + +export default Diagnose; diff --git a/packages/icon-v2/src/icons/Digicam.tsx b/packages/icon-v2/src/icons/Digicam.tsx new file mode 100644 index 0000000..e4ebf4c --- /dev/null +++ b/packages/icon-v2/src/icons/Digicam.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Digicam = (props: CustomSVGProps) => ( + + + +); + +export default Digicam; diff --git a/packages/icon-v2/src/icons/Dispatch.tsx b/packages/icon-v2/src/icons/Dispatch.tsx new file mode 100644 index 0000000..207feed --- /dev/null +++ b/packages/icon-v2/src/icons/Dispatch.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Dispatch = (props: CustomSVGProps) => ( + + + +); + +export default Dispatch; diff --git a/packages/icon-v2/src/icons/Dispatchsel.tsx b/packages/icon-v2/src/icons/Dispatchsel.tsx new file mode 100644 index 0000000..1de7856 --- /dev/null +++ b/packages/icon-v2/src/icons/Dispatchsel.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Dispatchsel = (props: CustomSVGProps) => ( + + + + + + +); + +export default Dispatchsel; diff --git a/packages/icon-v2/src/icons/Document.tsx b/packages/icon-v2/src/icons/Document.tsx new file mode 100644 index 0000000..f4b7343 --- /dev/null +++ b/packages/icon-v2/src/icons/Document.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Document = (props: CustomSVGProps) => ( + + + +); + +export default Document; diff --git a/packages/icon-v2/src/icons/Download.tsx b/packages/icon-v2/src/icons/Download.tsx new file mode 100644 index 0000000..d1d686e --- /dev/null +++ b/packages/icon-v2/src/icons/Download.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Download = (props: CustomSVGProps) => ( + + + +); + +export default Download; diff --git a/packages/icon-v2/src/icons/Edit.tsx b/packages/icon-v2/src/icons/Edit.tsx new file mode 100644 index 0000000..167e575 --- /dev/null +++ b/packages/icon-v2/src/icons/Edit.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Edit = (props: CustomSVGProps) => ( + + + +); + +export default Edit; diff --git a/packages/icon-v2/src/icons/Errorfilled.tsx b/packages/icon-v2/src/icons/Errorfilled.tsx new file mode 100644 index 0000000..bb5ca03 --- /dev/null +++ b/packages/icon-v2/src/icons/Errorfilled.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Errorfilled = (props: CustomSVGProps) => ( + + + +); + +export default Errorfilled; diff --git a/packages/icon-v2/src/icons/Exchange.tsx b/packages/icon-v2/src/icons/Exchange.tsx new file mode 100644 index 0000000..1321556 --- /dev/null +++ b/packages/icon-v2/src/icons/Exchange.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Exchange = (props: CustomSVGProps) => ( + + + +); + +export default Exchange; diff --git a/packages/icon-v2/src/icons/Export.tsx b/packages/icon-v2/src/icons/Export.tsx new file mode 100644 index 0000000..4df26c6 --- /dev/null +++ b/packages/icon-v2/src/icons/Export.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Export = (props: CustomSVGProps) => ( + + + +); + +export default Export; diff --git a/packages/icon-v2/src/icons/Failurefilled.tsx b/packages/icon-v2/src/icons/Failurefilled.tsx new file mode 100644 index 0000000..65eb534 --- /dev/null +++ b/packages/icon-v2/src/icons/Failurefilled.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Failurefilled = (props: CustomSVGProps) => ( + + + +); + +export default Failurefilled; diff --git a/packages/icon-v2/src/icons/Files.tsx b/packages/icon-v2/src/icons/Files.tsx new file mode 100644 index 0000000..7281cbb --- /dev/null +++ b/packages/icon-v2/src/icons/Files.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Files = (props: CustomSVGProps) => ( + + + +); + +export default Files; diff --git a/packages/icon-v2/src/icons/Filessel.tsx b/packages/icon-v2/src/icons/Filessel.tsx new file mode 100644 index 0000000..484b79f --- /dev/null +++ b/packages/icon-v2/src/icons/Filessel.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Filessel = (props: CustomSVGProps) => ( + + + + + + +); + +export default Filessel; diff --git a/packages/icon-v2/src/icons/Filter.tsx b/packages/icon-v2/src/icons/Filter.tsx new file mode 100644 index 0000000..a9d3ea0 --- /dev/null +++ b/packages/icon-v2/src/icons/Filter.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Filter = (props: CustomSVGProps) => ( + + + +); + +export default Filter; diff --git a/packages/icon-v2/src/icons/Folder.tsx b/packages/icon-v2/src/icons/Folder.tsx new file mode 100644 index 0000000..c02635a --- /dev/null +++ b/packages/icon-v2/src/icons/Folder.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Folder = (props: CustomSVGProps) => ( + + + +); + +export default Folder; diff --git a/packages/icon-v2/src/icons/Folderfilled.tsx b/packages/icon-v2/src/icons/Folderfilled.tsx new file mode 100644 index 0000000..ac281bc --- /dev/null +++ b/packages/icon-v2/src/icons/Folderfilled.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Folderfilled = (props: CustomSVGProps) => ( + + + +); + +export default Folderfilled; diff --git a/packages/icon-v2/src/icons/Frame.tsx b/packages/icon-v2/src/icons/Frame.tsx new file mode 100644 index 0000000..9e6687d --- /dev/null +++ b/packages/icon-v2/src/icons/Frame.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Frame = (props: CustomSVGProps) => ( + + + +); + +export default Frame; diff --git a/packages/icon-v2/src/icons/Fullscreen.tsx b/packages/icon-v2/src/icons/Fullscreen.tsx new file mode 100644 index 0000000..30ba3cd --- /dev/null +++ b/packages/icon-v2/src/icons/Fullscreen.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Fullscreen = (props: CustomSVGProps) => ( + + + +); + +export default Fullscreen; diff --git a/packages/icon-v2/src/icons/Fullscreenexit.tsx b/packages/icon-v2/src/icons/Fullscreenexit.tsx new file mode 100644 index 0000000..8f6de0c --- /dev/null +++ b/packages/icon-v2/src/icons/Fullscreenexit.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Fullscreenexit = (props: CustomSVGProps) => ( + + + +); + +export default Fullscreenexit; diff --git a/packages/icon-v2/src/icons/Guide.tsx b/packages/icon-v2/src/icons/Guide.tsx new file mode 100644 index 0000000..c22af8f --- /dev/null +++ b/packages/icon-v2/src/icons/Guide.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Guide = (props: CustomSVGProps) => ( + + + +); + +export default Guide; diff --git a/packages/icon-v2/src/icons/Help.tsx b/packages/icon-v2/src/icons/Help.tsx new file mode 100644 index 0000000..04482db --- /dev/null +++ b/packages/icon-v2/src/icons/Help.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Help = (props: CustomSVGProps) => ( + + + +); + +export default Help; diff --git a/packages/icon-v2/src/icons/Hide.tsx b/packages/icon-v2/src/icons/Hide.tsx new file mode 100644 index 0000000..d86eb33 --- /dev/null +++ b/packages/icon-v2/src/icons/Hide.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Hide = (props: CustomSVGProps) => ( + + + +); + +export default Hide; diff --git a/packages/icon-v2/src/icons/History.tsx b/packages/icon-v2/src/icons/History.tsx new file mode 100644 index 0000000..e9bcefd --- /dev/null +++ b/packages/icon-v2/src/icons/History.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const History = (props: CustomSVGProps) => ( + + + +); + +export default History; diff --git a/packages/icon-v2/src/icons/Homepage.tsx b/packages/icon-v2/src/icons/Homepage.tsx new file mode 100644 index 0000000..156f816 --- /dev/null +++ b/packages/icon-v2/src/icons/Homepage.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Homepage = (props: CustomSVGProps) => ( + + + +); + +export default Homepage; diff --git a/packages/icon-v2/src/icons/Humanfilled.tsx b/packages/icon-v2/src/icons/Humanfilled.tsx new file mode 100644 index 0000000..587e366 --- /dev/null +++ b/packages/icon-v2/src/icons/Humanfilled.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Humanfilled = (props: CustomSVGProps) => ( + + + +); + +export default Humanfilled; diff --git a/packages/icon-v2/src/icons/Identify.tsx b/packages/icon-v2/src/icons/Identify.tsx new file mode 100644 index 0000000..0bb75bb --- /dev/null +++ b/packages/icon-v2/src/icons/Identify.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Identify = (props: CustomSVGProps) => ( + + + +); + +export default Identify; diff --git a/packages/icon-v2/src/icons/Identifyfilled.tsx b/packages/icon-v2/src/icons/Identifyfilled.tsx new file mode 100644 index 0000000..bbb2188 --- /dev/null +++ b/packages/icon-v2/src/icons/Identifyfilled.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Identifyfilled = (props: CustomSVGProps) => ( + + + +); + +export default Identifyfilled; diff --git a/packages/icon-v2/src/icons/Identifysel.tsx b/packages/icon-v2/src/icons/Identifysel.tsx new file mode 100644 index 0000000..c6efa15 --- /dev/null +++ b/packages/icon-v2/src/icons/Identifysel.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Identifysel = (props: CustomSVGProps) => ( + + + + + + +); + +export default Identifysel; diff --git a/packages/icon-v2/src/icons/Import.tsx b/packages/icon-v2/src/icons/Import.tsx new file mode 100644 index 0000000..a9fcb6d --- /dev/null +++ b/packages/icon-v2/src/icons/Import.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Import = (props: CustomSVGProps) => ( + + + +); + +export default Import; diff --git a/packages/icon-v2/src/icons/Infomationfilled.tsx b/packages/icon-v2/src/icons/Infomationfilled.tsx new file mode 100644 index 0000000..7eb0346 --- /dev/null +++ b/packages/icon-v2/src/icons/Infomationfilled.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Infomationfilled = (props: CustomSVGProps) => ( + + + +); + +export default Infomationfilled; diff --git a/packages/icon-v2/src/icons/Keeping.tsx b/packages/icon-v2/src/icons/Keeping.tsx new file mode 100644 index 0000000..6aa18da --- /dev/null +++ b/packages/icon-v2/src/icons/Keeping.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Keeping = (props: CustomSVGProps) => ( + + + +); + +export default Keeping; diff --git a/packages/icon-v2/src/icons/List.tsx b/packages/icon-v2/src/icons/List.tsx new file mode 100644 index 0000000..361198c --- /dev/null +++ b/packages/icon-v2/src/icons/List.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const List = (props: CustomSVGProps) => ( + + + +); + +export default List; diff --git a/packages/icon-v2/src/icons/Location.tsx b/packages/icon-v2/src/icons/Location.tsx new file mode 100644 index 0000000..bd62c35 --- /dev/null +++ b/packages/icon-v2/src/icons/Location.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Location = (props: CustomSVGProps) => ( + + + +); + +export default Location; diff --git a/packages/icon-v2/src/icons/Mail.tsx b/packages/icon-v2/src/icons/Mail.tsx new file mode 100644 index 0000000..6f5bd03 --- /dev/null +++ b/packages/icon-v2/src/icons/Mail.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Mail = (props: CustomSVGProps) => ( + + + +); + +export default Mail; diff --git a/packages/icon-v2/src/icons/Manage.tsx b/packages/icon-v2/src/icons/Manage.tsx new file mode 100644 index 0000000..98eb0a8 --- /dev/null +++ b/packages/icon-v2/src/icons/Manage.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Manage = (props: CustomSVGProps) => ( + + + +); + +export default Manage; diff --git a/packages/icon-v2/src/icons/Map.tsx b/packages/icon-v2/src/icons/Map.tsx new file mode 100644 index 0000000..36930a9 --- /dev/null +++ b/packages/icon-v2/src/icons/Map.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Map = (props: CustomSVGProps) => ( + + + +); + +export default Map; diff --git a/packages/icon-v2/src/icons/Message.tsx b/packages/icon-v2/src/icons/Message.tsx new file mode 100644 index 0000000..b6964a7 --- /dev/null +++ b/packages/icon-v2/src/icons/Message.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Message = (props: CustomSVGProps) => ( + + + +); + +export default Message; diff --git a/packages/icon-v2/src/icons/Model.tsx b/packages/icon-v2/src/icons/Model.tsx new file mode 100644 index 0000000..fb69ba3 --- /dev/null +++ b/packages/icon-v2/src/icons/Model.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Model = (props: CustomSVGProps) => ( + + + +); + +export default Model; diff --git a/packages/icon-v2/src/icons/Modelsel.tsx b/packages/icon-v2/src/icons/Modelsel.tsx new file mode 100644 index 0000000..99737a9 --- /dev/null +++ b/packages/icon-v2/src/icons/Modelsel.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Modelsel = (props: CustomSVGProps) => ( + + + + + + +); + +export default Modelsel; diff --git a/packages/icon-v2/src/icons/Night.tsx b/packages/icon-v2/src/icons/Night.tsx new file mode 100644 index 0000000..8728490 --- /dev/null +++ b/packages/icon-v2/src/icons/Night.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Night = (props: CustomSVGProps) => ( + + + +); + +export default Night; diff --git a/packages/icon-v2/src/icons/Notice.tsx b/packages/icon-v2/src/icons/Notice.tsx new file mode 100644 index 0000000..3d6e883 --- /dev/null +++ b/packages/icon-v2/src/icons/Notice.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Notice = (props: CustomSVGProps) => ( + + + +); + +export default Notice; diff --git a/packages/icon-v2/src/icons/Noticesel.tsx b/packages/icon-v2/src/icons/Noticesel.tsx new file mode 100644 index 0000000..c496520 --- /dev/null +++ b/packages/icon-v2/src/icons/Noticesel.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Noticesel = (props: CustomSVGProps) => ( + + + + + + +); + +export default Noticesel; diff --git a/packages/icon-v2/src/icons/Offline.tsx b/packages/icon-v2/src/icons/Offline.tsx new file mode 100644 index 0000000..893b0b9 --- /dev/null +++ b/packages/icon-v2/src/icons/Offline.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Offline = (props: CustomSVGProps) => ( + + + +); + +export default Offline; diff --git a/packages/icon-v2/src/icons/Offlinesel.tsx b/packages/icon-v2/src/icons/Offlinesel.tsx new file mode 100644 index 0000000..025d6d5 --- /dev/null +++ b/packages/icon-v2/src/icons/Offlinesel.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Offlinesel = (props: CustomSVGProps) => ( + + + + + + +); + +export default Offlinesel; diff --git a/packages/icon-v2/src/icons/Password.tsx b/packages/icon-v2/src/icons/Password.tsx new file mode 100644 index 0000000..04d78ed --- /dev/null +++ b/packages/icon-v2/src/icons/Password.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Password = (props: CustomSVGProps) => ( + + + +); + +export default Password; diff --git a/packages/icon-v2/src/icons/Pause.tsx b/packages/icon-v2/src/icons/Pause.tsx new file mode 100644 index 0000000..a9306c4 --- /dev/null +++ b/packages/icon-v2/src/icons/Pause.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Pause = (props: CustomSVGProps) => ( + + + +); + +export default Pause; diff --git a/packages/icon-v2/src/icons/Personnel.tsx b/packages/icon-v2/src/icons/Personnel.tsx new file mode 100644 index 0000000..6079ae3 --- /dev/null +++ b/packages/icon-v2/src/icons/Personnel.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Personnel = (props: CustomSVGProps) => ( + + + +); + +export default Personnel; diff --git a/packages/icon-v2/src/icons/Personnelsel.tsx b/packages/icon-v2/src/icons/Personnelsel.tsx new file mode 100644 index 0000000..8dbc799 --- /dev/null +++ b/packages/icon-v2/src/icons/Personnelsel.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Personnelsel = (props: CustomSVGProps) => ( + + + + + + +); + +export default Personnelsel; diff --git a/packages/icon-v2/src/icons/Picture.tsx b/packages/icon-v2/src/icons/Picture.tsx new file mode 100644 index 0000000..1300cbc --- /dev/null +++ b/packages/icon-v2/src/icons/Picture.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Picture = (props: CustomSVGProps) => ( + + + +); + +export default Picture; diff --git a/packages/icon-v2/src/icons/Play.tsx b/packages/icon-v2/src/icons/Play.tsx new file mode 100644 index 0000000..7806242 --- /dev/null +++ b/packages/icon-v2/src/icons/Play.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Play = (props: CustomSVGProps) => ( + + + +); + +export default Play; diff --git a/packages/icon-v2/src/icons/Recall.tsx b/packages/icon-v2/src/icons/Recall.tsx new file mode 100644 index 0000000..f18aa40 --- /dev/null +++ b/packages/icon-v2/src/icons/Recall.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Recall = (props: CustomSVGProps) => ( + + + +); + +export default Recall; diff --git a/packages/icon-v2/src/icons/Recallsel.tsx b/packages/icon-v2/src/icons/Recallsel.tsx new file mode 100644 index 0000000..489499b --- /dev/null +++ b/packages/icon-v2/src/icons/Recallsel.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Recallsel = (props: CustomSVGProps) => ( + + + + + + +); + +export default Recallsel; diff --git a/packages/icon-v2/src/icons/Refresh.tsx b/packages/icon-v2/src/icons/Refresh.tsx new file mode 100644 index 0000000..8be32ac --- /dev/null +++ b/packages/icon-v2/src/icons/Refresh.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Refresh = (props: CustomSVGProps) => ( + + + +); + +export default Refresh; diff --git a/packages/icon-v2/src/icons/Report.tsx b/packages/icon-v2/src/icons/Report.tsx new file mode 100644 index 0000000..7031d0f --- /dev/null +++ b/packages/icon-v2/src/icons/Report.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Report = (props: CustomSVGProps) => ( + + + +); + +export default Report; diff --git a/packages/icon-v2/src/icons/Reset.tsx b/packages/icon-v2/src/icons/Reset.tsx new file mode 100644 index 0000000..4e76d3c --- /dev/null +++ b/packages/icon-v2/src/icons/Reset.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Reset = (props: CustomSVGProps) => ( + + + +); + +export default Reset; diff --git a/packages/icon-v2/src/icons/Retrieval.tsx b/packages/icon-v2/src/icons/Retrieval.tsx new file mode 100644 index 0000000..d2fe616 --- /dev/null +++ b/packages/icon-v2/src/icons/Retrieval.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Retrieval = (props: CustomSVGProps) => ( + + + +); + +export default Retrieval; diff --git a/packages/icon-v2/src/icons/Retrievalsel.tsx b/packages/icon-v2/src/icons/Retrievalsel.tsx new file mode 100644 index 0000000..dc2d70b --- /dev/null +++ b/packages/icon-v2/src/icons/Retrievalsel.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Retrievalsel = (props: CustomSVGProps) => ( + + + + + + +); + +export default Retrievalsel; diff --git a/packages/icon-v2/src/icons/Route.tsx b/packages/icon-v2/src/icons/Route.tsx new file mode 100644 index 0000000..70478b7 --- /dev/null +++ b/packages/icon-v2/src/icons/Route.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Route = (props: CustomSVGProps) => ( + + + +); + +export default Route; diff --git a/packages/icon-v2/src/icons/Routefilled.tsx b/packages/icon-v2/src/icons/Routefilled.tsx new file mode 100644 index 0000000..85210f9 --- /dev/null +++ b/packages/icon-v2/src/icons/Routefilled.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Routefilled = (props: CustomSVGProps) => ( + + + +); + +export default Routefilled; diff --git a/packages/icon-v2/src/icons/Save.tsx b/packages/icon-v2/src/icons/Save.tsx new file mode 100644 index 0000000..0d780fe --- /dev/null +++ b/packages/icon-v2/src/icons/Save.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Save = (props: CustomSVGProps) => ( + + + +); + +export default Save; diff --git a/packages/icon-v2/src/icons/Screenl.tsx b/packages/icon-v2/src/icons/Screenl.tsx new file mode 100644 index 0000000..9db7727 --- /dev/null +++ b/packages/icon-v2/src/icons/Screenl.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Screenl = (props: CustomSVGProps) => ( + + + +); + +export default Screenl; diff --git a/packages/icon-v2/src/icons/Screenm.tsx b/packages/icon-v2/src/icons/Screenm.tsx new file mode 100644 index 0000000..8165650 --- /dev/null +++ b/packages/icon-v2/src/icons/Screenm.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Screenm = (props: CustomSVGProps) => ( + + + +); + +export default Screenm; diff --git a/packages/icon-v2/src/icons/Screens.tsx b/packages/icon-v2/src/icons/Screens.tsx new file mode 100644 index 0000000..e5ee0b5 --- /dev/null +++ b/packages/icon-v2/src/icons/Screens.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Screens = (props: CustomSVGProps) => ( + + + +); + +export default Screens; diff --git a/packages/icon-v2/src/icons/Search.tsx b/packages/icon-v2/src/icons/Search.tsx new file mode 100644 index 0000000..b19d462 --- /dev/null +++ b/packages/icon-v2/src/icons/Search.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Search = (props: CustomSVGProps) => ( + + + +); + +export default Search; diff --git a/packages/icon-v2/src/icons/Setting.tsx b/packages/icon-v2/src/icons/Setting.tsx new file mode 100644 index 0000000..74a6d68 --- /dev/null +++ b/packages/icon-v2/src/icons/Setting.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Setting = (props: CustomSVGProps) => ( + + + +); + +export default Setting; diff --git a/packages/icon-v2/src/icons/Show.tsx b/packages/icon-v2/src/icons/Show.tsx new file mode 100644 index 0000000..b37fb08 --- /dev/null +++ b/packages/icon-v2/src/icons/Show.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Show = (props: CustomSVGProps) => ( + + + +); + +export default Show; diff --git a/packages/icon-v2/src/icons/Sortdecrease.tsx b/packages/icon-v2/src/icons/Sortdecrease.tsx new file mode 100644 index 0000000..0df5a5b --- /dev/null +++ b/packages/icon-v2/src/icons/Sortdecrease.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Sortdecrease = (props: CustomSVGProps) => ( + + + +); + +export default Sortdecrease; diff --git a/packages/icon-v2/src/icons/Sortincrease.tsx b/packages/icon-v2/src/icons/Sortincrease.tsx new file mode 100644 index 0000000..9dc3544 --- /dev/null +++ b/packages/icon-v2/src/icons/Sortincrease.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Sortincrease = (props: CustomSVGProps) => ( + + + +); + +export default Sortincrease; diff --git a/packages/icon-v2/src/icons/Stopfilled.tsx b/packages/icon-v2/src/icons/Stopfilled.tsx new file mode 100644 index 0000000..81253db --- /dev/null +++ b/packages/icon-v2/src/icons/Stopfilled.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Stopfilled = (props: CustomSVGProps) => ( + + + +); + +export default Stopfilled; diff --git a/packages/icon-v2/src/icons/Structure.tsx b/packages/icon-v2/src/icons/Structure.tsx new file mode 100644 index 0000000..28482bf --- /dev/null +++ b/packages/icon-v2/src/icons/Structure.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Structure = (props: CustomSVGProps) => ( + + + +); + +export default Structure; diff --git a/packages/icon-v2/src/icons/Successfilled.tsx b/packages/icon-v2/src/icons/Successfilled.tsx new file mode 100644 index 0000000..eea045c --- /dev/null +++ b/packages/icon-v2/src/icons/Successfilled.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Successfilled = (props: CustomSVGProps) => ( + + + +); + +export default Successfilled; diff --git a/packages/icon-v2/src/icons/System.tsx b/packages/icon-v2/src/icons/System.tsx new file mode 100644 index 0000000..31e08a7 --- /dev/null +++ b/packages/icon-v2/src/icons/System.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const System = (props: CustomSVGProps) => ( + + + +); + +export default System; diff --git a/packages/icon-v2/src/icons/Target.tsx b/packages/icon-v2/src/icons/Target.tsx new file mode 100644 index 0000000..e280e06 --- /dev/null +++ b/packages/icon-v2/src/icons/Target.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Target = (props: CustomSVGProps) => ( + + + +); + +export default Target; diff --git a/packages/icon-v2/src/icons/Thumbdown.tsx b/packages/icon-v2/src/icons/Thumbdown.tsx new file mode 100644 index 0000000..a256e2c --- /dev/null +++ b/packages/icon-v2/src/icons/Thumbdown.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Thumbdown = (props: CustomSVGProps) => ( + + + +); + +export default Thumbdown; diff --git a/packages/icon-v2/src/icons/Thumbup.tsx b/packages/icon-v2/src/icons/Thumbup.tsx new file mode 100644 index 0000000..e2d8e2c --- /dev/null +++ b/packages/icon-v2/src/icons/Thumbup.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Thumbup = (props: CustomSVGProps) => ( + + + +); + +export default Thumbup; diff --git a/packages/icon-v2/src/icons/Time.tsx b/packages/icon-v2/src/icons/Time.tsx new file mode 100644 index 0000000..ee6acb4 --- /dev/null +++ b/packages/icon-v2/src/icons/Time.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Time = (props: CustomSVGProps) => ( + + + +); + +export default Time; diff --git a/packages/icon-v2/src/icons/Timemould.tsx b/packages/icon-v2/src/icons/Timemould.tsx new file mode 100644 index 0000000..9ce460d --- /dev/null +++ b/packages/icon-v2/src/icons/Timemould.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Timemould = (props: CustomSVGProps) => ( + + + +); + +export default Timemould; diff --git a/packages/icon-v2/src/icons/Track.tsx b/packages/icon-v2/src/icons/Track.tsx new file mode 100644 index 0000000..5b6aa3d --- /dev/null +++ b/packages/icon-v2/src/icons/Track.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Track = (props: CustomSVGProps) => ( + + + +); + +export default Track; diff --git a/packages/icon-v2/src/icons/Tracksel.tsx b/packages/icon-v2/src/icons/Tracksel.tsx new file mode 100644 index 0000000..d7c6642 --- /dev/null +++ b/packages/icon-v2/src/icons/Tracksel.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Tracksel = (props: CustomSVGProps) => ( + + + + + + +); + +export default Tracksel; diff --git a/packages/icon-v2/src/icons/Trend.tsx b/packages/icon-v2/src/icons/Trend.tsx new file mode 100644 index 0000000..be3ddb6 --- /dev/null +++ b/packages/icon-v2/src/icons/Trend.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Trend = (props: CustomSVGProps) => ( + + + +); + +export default Trend; diff --git a/packages/icon-v2/src/icons/Turnoff.tsx b/packages/icon-v2/src/icons/Turnoff.tsx new file mode 100644 index 0000000..aaedf50 --- /dev/null +++ b/packages/icon-v2/src/icons/Turnoff.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Turnoff = (props: CustomSVGProps) => ( + + + +); + +export default Turnoff; diff --git a/packages/icon-v2/src/icons/Turnon.tsx b/packages/icon-v2/src/icons/Turnon.tsx new file mode 100644 index 0000000..0c8c325 --- /dev/null +++ b/packages/icon-v2/src/icons/Turnon.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Turnon = (props: CustomSVGProps) => ( + + + +); + +export default Turnon; diff --git a/packages/icon-v2/src/icons/Upload.tsx b/packages/icon-v2/src/icons/Upload.tsx new file mode 100644 index 0000000..bbb42f2 --- /dev/null +++ b/packages/icon-v2/src/icons/Upload.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Upload = (props: CustomSVGProps) => ( + + + +); + +export default Upload; diff --git a/packages/icon-v2/src/icons/User.tsx b/packages/icon-v2/src/icons/User.tsx new file mode 100644 index 0000000..f1c3bd8 --- /dev/null +++ b/packages/icon-v2/src/icons/User.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const User = (props: CustomSVGProps) => ( + + + +); + +export default User; diff --git a/packages/icon-v2/src/icons/Version.tsx b/packages/icon-v2/src/icons/Version.tsx new file mode 100644 index 0000000..699507a --- /dev/null +++ b/packages/icon-v2/src/icons/Version.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Version = (props: CustomSVGProps) => ( + + + +); + +export default Version; diff --git a/packages/icon-v2/src/icons/Video.tsx b/packages/icon-v2/src/icons/Video.tsx new file mode 100644 index 0000000..b93a9e0 --- /dev/null +++ b/packages/icon-v2/src/icons/Video.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Video = (props: CustomSVGProps) => ( + + + +); + +export default Video; diff --git a/packages/icon-v2/src/icons/View.tsx b/packages/icon-v2/src/icons/View.tsx new file mode 100644 index 0000000..4c039f3 --- /dev/null +++ b/packages/icon-v2/src/icons/View.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const View = (props: CustomSVGProps) => ( + + + +); + +export default View; diff --git a/packages/icon-v2/src/icons/Warningfilled.tsx b/packages/icon-v2/src/icons/Warningfilled.tsx new file mode 100644 index 0000000..e8c4f46 --- /dev/null +++ b/packages/icon-v2/src/icons/Warningfilled.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Warningfilled = (props: CustomSVGProps) => ( + + + +); + +export default Warningfilled; diff --git a/packages/icon-v2/src/icons/Zoomin.tsx b/packages/icon-v2/src/icons/Zoomin.tsx new file mode 100644 index 0000000..f4761ed --- /dev/null +++ b/packages/icon-v2/src/icons/Zoomin.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Zoomin = (props: CustomSVGProps) => ( + + + +); + +export default Zoomin; diff --git a/packages/icon-v2/src/icons/Zoomoff.tsx b/packages/icon-v2/src/icons/Zoomoff.tsx new file mode 100644 index 0000000..5e4f580 --- /dev/null +++ b/packages/icon-v2/src/icons/Zoomoff.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { CustomSVGProps } from '../type'; + +const Zoomoff = (props: CustomSVGProps) => ( + + + +); + +export default Zoomoff; diff --git a/packages/icon-v2/src/index.less b/packages/icon-v2/src/index.less new file mode 100644 index 0000000..23f5dce --- /dev/null +++ b/packages/icon-v2/src/index.less @@ -0,0 +1,3 @@ +.icon:hover { + color: #6accca !important; +} diff --git a/packages/icon-v2/src/index.md b/packages/icon-v2/src/index.md new file mode 100644 index 0000000..625dd9f --- /dev/null +++ b/packages/icon-v2/src/index.md @@ -0,0 +1,22 @@ +--- +nav: + title: Icon-v2 +order: 1 +toc: content +title: 快速上手 +--- + + + +基本用法 +icon列表 +## API + +| 参数 | 说明 | 类型 | 默认值 | 版本 | +| --- | --- | --- | --- | --- | +| title | 标题 | string | '' | - | +| styles | 样式 | cssProperties | {} | - | +| icon | fontClass名 | string | '' | - | +| size | fontClass名 | integer | 14 | - | +| onIconClick | icon点击事件 | function | ()=>{} | - | +| color | 图标颜色 | string | '' | - | \ No newline at end of file diff --git a/packages/icon-v2/src/index.ts b/packages/icon-v2/src/index.ts new file mode 100644 index 0000000..2a73db8 --- /dev/null +++ b/packages/icon-v2/src/index.ts @@ -0,0 +1,118 @@ +export { default as Add } from './icons/Add'; +export { default as Addvideo } from './icons/Addvideo'; +export { default as Ai } from './icons/Ai'; +export { default as Algorithmfilled } from './icons/Algorithmfilled'; +export { default as Analysis } from './icons/Analysis'; +export { default as Analysissel } from './icons/Analysissel'; +export { default as Arrowdown } from './icons/Arrowdown'; +export { default as Arrowleft } from './icons/Arrowleft'; +export { default as Arrowright } from './icons/Arrowright'; +export { default as Arrowup } from './icons/Arrowup'; +export { default as Attachment } from './icons/Attachment'; +export { default as Back } from './icons/Back'; +export { default as Bike } from './icons/Bike'; +export { default as Bikefilled } from './icons/Bikefilled'; +export { default as Bikesel } from './icons/Bikesel'; +export { default as Briefcase } from './icons/Briefcase'; +export { default as Browser } from './icons/Browser'; +export { default as Calendar } from './icons/Calendar'; +export { default as Camera } from './icons/Camera'; +export { default as Camera2 } from './icons/Camera2'; +export { default as Camerafilled } from './icons/Camerafilled'; +export { default as Car } from './icons/Car'; +export { default as Carfilled } from './icons/Carfilled'; +export { default as Carsel } from './icons/Carsel'; +export { default as Close } from './icons/Close'; +export { default as Configure } from './icons/Configure'; +export { default as Day } from './icons/Day'; +export { default as Delete } from './icons/Delete'; +export { default as Diagnose } from './icons/Diagnose'; +export { default as Digicam } from './icons/Digicam'; +export { default as Dispatch } from './icons/Dispatch'; +export { default as Dispatchsel } from './icons/Dispatchsel'; +export { default as Document } from './icons/Document'; +export { default as Download } from './icons/Download'; +export { default as Edit } from './icons/Edit'; +export { default as Errorfilled } from './icons/Errorfilled'; +export { default as Exchange } from './icons/Exchange'; +export { default as Export } from './icons/Export'; +export { default as Failurefilled } from './icons/Failurefilled'; +export { default as Files } from './icons/Files'; +export { default as Filessel } from './icons/Filessel'; +export { default as Filter } from './icons/Filter'; +export { default as Folder } from './icons/Folder'; +export { default as Folderfilled } from './icons/Folderfilled'; +export { default as Frame } from './icons/Frame'; +export { default as Fullscreen } from './icons/Fullscreen'; +export { default as Fullscreenexit } from './icons/Fullscreenexit'; +export { default as Guide } from './icons/Guide'; +export { default as Help } from './icons/Help'; +export { default as Hide } from './icons/Hide'; +export { default as History } from './icons/History'; +export { default as Homepage } from './icons/Homepage'; +export { default as Humanfilled } from './icons/Humanfilled'; +export { default as Identify } from './icons/Identify'; +export { default as Identifyfilled } from './icons/Identifyfilled'; +export { default as Identifysel } from './icons/Identifysel'; +export { default as Import } from './icons/Import'; +export { default as Infomationfilled } from './icons/Infomationfilled'; +export { default as Keeping } from './icons/Keeping'; +export { default as List } from './icons/List'; +export { default as Location } from './icons/Location'; +export { default as Mail } from './icons/Mail'; +export { default as Manage } from './icons/Manage'; +export { default as Message } from './icons/Message'; +export { default as Model } from './icons/Model'; +export { default as Modelsel } from './icons/Modelsel'; +export { default as Night } from './icons/Night'; +export { default as Notice } from './icons/Notice'; +export { default as Noticesel } from './icons/Noticesel'; +export { default as Offline } from './icons/Offline'; +export { default as Offlinesel } from './icons/Offlinesel'; +export { default as Password } from './icons/Password'; +export { default as Pause } from './icons/Pause'; +export { default as Personnel } from './icons/Personnel'; +export { default as Personnelsel } from './icons/Personnelsel'; +export { default as Picture } from './icons/Picture'; +export { default as Play } from './icons/Play'; +export { default as Recall } from './icons/Recall'; +export { default as Recallsel } from './icons/Recallsel'; +export { default as Refresh } from './icons/Refresh'; +export { default as Report } from './icons/Report'; +export { default as Reset } from './icons/Reset'; +export { default as Retrieval } from './icons/Retrieval'; +export { default as Retrievalsel } from './icons/Retrievalsel'; +export { default as Route } from './icons/Route'; +export { default as Routefilled } from './icons/Routefilled'; +export { default as Save } from './icons/Save'; +export { default as Search } from './icons/Search'; +export { default as Setting } from './icons/Setting'; +export { default as Show } from './icons/Show'; +export { default as Sortdecrease } from './icons/Sortdecrease'; +export { default as Sortincrease } from './icons/Sortincrease'; +export { default as Stopfilled } from './icons/Stopfilled'; +export { default as Structure } from './icons/Structure'; +export { default as Successfilled } from './icons/Successfilled'; +export { default as System } from './icons/System'; +export { default as Target } from './icons/Target'; +export { default as Thumbdown } from './icons/Thumbdown'; +export { default as Thumbup } from './icons/Thumbup'; +export { default as Time } from './icons/Time'; +export { default as Timemould } from './icons/Timemould'; +export { default as Track } from './icons/Track'; +export { default as Tracksel } from './icons/Tracksel'; +export { default as Trend } from './icons/Trend'; +export { default as Turnoff } from './icons/Turnoff'; +export { default as Turnon } from './icons/Turnon'; +export { default as Upload } from './icons/Upload'; +export { default as User } from './icons/User'; +export { default as Version } from './icons/Version'; +export { default as Video } from './icons/Video'; +export { default as View } from './icons/View'; +export { default as Warningfilled } from './icons/Warningfilled'; +export { default as Zoomin } from './icons/Zoomin'; +export { default as Zoomoff } from './icons/Zoomoff'; +export { default as Map } from './icons/Map'; +export { default as Screenl } from './icons/Screenl'; +export { default as Screenm } from './icons/Screenm'; +export { default as Screens } from './icons/Screens'; diff --git a/packages/icon-v2/src/type.ts b/packages/icon-v2/src/type.ts new file mode 100644 index 0000000..b475768 --- /dev/null +++ b/packages/icon-v2/src/type.ts @@ -0,0 +1,8 @@ +import React from 'react'; + +// 定义一个扩展了SVGProps的接口，以包含自定义的onClick事件处理器 +export interface CustomSVGProps extends React.SVGProps { + className?: string; + style?: React.CSSProperties; + onClick?: React.MouseEventHandler; +} \ No newline at end of file diff --git a/packages/icon/src/demo/demo.tsx b/packages/icon/src/demo/demo.tsx index f415dd7..c1c523f 100644 --- a/packages/icon/src/demo/demo.tsx +++ b/packages/icon/src/demo/demo.tsx @@ -1,14 +1,28 @@ -import React from 'react'; +import React, { useState } from 'react'; const iconJson = require('../font/iconfont.json') import { IconFont } from '@zhst/icon'; import './index.less'; -import { message } from '@zhst/meta'; -const demo = ()=>{ - const iconArr = iconJson['glyphs'] +import { Input, message } from '@zhst/meta'; +import { SearchOutlined } from '@ant-design/icons'; +const demo = () => { + const totalIconArr = iconJson['glyphs']; + const [iconArr, setIconArr] = useState(totalIconArr); + + const search = (searchVal: string) => { + if (!search) { + setIconArr(totalIconArr); + } else { + setIconArr(totalIconArr.filter((item) => item.name.toLowerCase().includes(searchVal.toLowerCase()))); + } + }; + return (
+
+ } onChange={(e) => search(e.target.value)}> +
    - {iconArr.map((item: any)=>{ + {iconArr.map((item: any)=>{ const {font_class,name}= item; const fontName = `icon-${font_class}` return