├── .eslintignore ├── .husky ├── .gitignore └── pre-commit ├── docs ├── guide.md ├── index.md ├── course │ ├── vue-source.md │ └── vue3-comps.md ├── vite.config.ts ├── components │ └── button │ │ └── index.md └── .vitepress │ └── theme │ ├── register-components.ts │ └── index.ts ├── src ├── version.ts ├── types.ts ├── assets │ └── logo.png ├── index.ts ├── icon │ ├── at │ │ └── index.ts │ ├── h1 │ │ └── index.ts │ ├── h2 │ │ └── index.ts │ ├── h3 │ │ └── index.ts │ ├── h4 │ │ └── index.ts │ ├── h5 │ │ └── index.ts │ ├── h6 │ │ └── index.ts │ ├── h7 │ │ └── index.ts │ ├── qq │ │ └── index.ts │ ├── up │ │ └── index.ts │ ├── bug │ │ └── index.ts │ ├── ear │ │ └── index.ts │ ├── eye │ │ └── index.ts │ ├── man │ │ └── index.ts │ ├── nav │ │ └── index.ts │ ├── pen │ │ └── index.ts │ ├── sun │ │ └── index.ts │ ├── tag │ │ └── index.ts │ ├── apps │ │ └── index.ts │ ├── bold │ │ └── index.ts │ ├── book │ │ └── index.ts │ ├── bulb │ │ └── index.ts │ ├── code │ │ └── index.ts │ ├── copy │ │ └── index.ts │ ├── dice │ │ └── index.ts │ ├── down │ │ └── index.ts │ ├── edit │ │ └── index.ts │ ├── file │ │ └── index.ts │ ├── fire │ │ └── index.ts │ ├── gift │ │ └── index.ts │ ├── home │ │ └── index.ts │ ├── info │ │ └── index.ts │ ├── left │ │ └── index.ts │ ├── link │ │ └── index.ts │ ├── list │ │ └── index.ts │ ├── lock │ │ └── index.ts │ ├── loop │ │ └── index.ts │ ├── menu │ │ └── index.ts │ ├── moon │ │ └── index.ts │ ├── more │ │ └── index.ts │ ├── mute │ │ └── index.ts │ ├── plus │ │ └── index.ts │ ├── redo │ │ └── index.ts │ ├── safe │ │ └── index.ts │ ├── save │ │ └── index.ts │ ├── scan │ │ └── index.ts │ ├── send │ │ └── index.ts │ ├── skin │ │ └── index.ts │ ├── sort │ │ └── index.ts │ ├── star │ │ └── index.ts │ ├── stop │ │ └── index.ts │ ├── swap │ │ └── index.ts │ ├── sync │ │ └── index.ts │ ├── tags │ │ └── index.ts │ ├── tool │ │ └── index.ts │ ├── undo │ │ └── index.ts │ ├── user │ │ └── index.ts │ ├── wifi │ │ └── index.ts │ ├── brush │ │ └── index.ts │ ├── check │ │ └── index.ts │ ├── close │ │ └── index.ts │ ├── cloud │ │ └── index.ts │ ├── email │ │ └── index.ts │ ├── empty │ │ └── index.ts │ ├── heart │ │ └── index.ts │ ├── image │ │ └── index.ts │ ├── minus │ │ └── index.ts │ ├── music │ │ └── index.ts │ ├── paste │ │ └── index.ts │ ├── pause │ │ └── index.ts │ ├── phone │ │ └── index.ts │ ├── quote │ │ └── index.ts │ ├── reply │ │ └── index.ts │ ├── right │ │ └── index.ts │ ├── robot │ │ └── index.ts │ ├── shake │ │ └── index.ts │ ├── sound │ │ └── index.ts │ ├── stamp │ │ └── index.ts │ ├── voice │ │ └── index.ts │ ├── weibo │ │ └── index.ts │ ├── woman │ │ └── index.ts │ ├── to-top │ │ └── index.ts │ ├── branch │ │ └── index.ts │ ├── camera │ │ └── index.ts │ ├── common │ │ └── index.ts │ ├── delete │ │ └── index.ts │ ├── eraser │ │ └── index.ts │ ├── expand │ │ └── index.ts │ ├── export │ │ └── index.ts │ ├── filter │ │ └── index.ts │ ├── folder │ │ └── index.ts │ ├── github │ │ └── index.ts │ ├── gitlab │ │ └── index.ts │ ├── google │ │ └── index.ts │ ├── idcard │ │ └── index.ts │ ├── import │ │ └── index.ts │ ├── italic │ │ └── index.ts │ ├── layers │ │ └── index.ts │ ├── layout │ │ └── index.ts │ ├── mobile │ │ └── index.ts │ ├── mosaic │ │ └── index.ts │ ├── public │ │ └── index.ts │ ├── qq-zone │ │ └── index.ts │ ├── qrcode │ │ └── index.ts │ ├── record │ │ └── index.ts │ ├── search │ │ └── index.ts │ ├── shrink │ │ └── index.ts │ ├── to-left │ │ └── index.ts │ ├── trophy │ │ └── index.ts │ ├── unlock │ │ └── index.ts │ ├── upload │ │ └── index.ts │ ├── wechat │ │ └── index.ts │ ├── zoom-in │ │ └── index.ts │ ├── arrow-up │ │ └── index.ts │ ├── caret-up │ │ └── index.ts │ ├── codepen │ │ └── index.ts │ ├── command │ │ └── index.ts │ ├── compass │ │ └── index.ts │ ├── desktop │ │ └── index.ts │ ├── drag-dot │ │ └── index.ts │ ├── file-pdf │ │ └── index.ts │ ├── formula │ │ └── index.ts │ ├── forward │ │ └── index.ts │ ├── history │ │ └── index.ts │ ├── loading │ │ └── index.ts │ ├── message │ │ └── index.ts │ ├── pen-fill │ │ └── index.ts │ ├── printer │ │ └── index.ts │ ├── pushpin │ │ └── index.ts │ ├── refresh │ │ └── index.ts │ ├── scissor │ │ └── index.ts │ ├── storage │ │ └── index.ts │ ├── sun-fill │ │ └── index.ts │ ├── thumb-up │ │ └── index.ts │ ├── to-right │ │ └── index.ts │ ├── twitter │ │ └── index.ts │ ├── user-add │ │ └── index.ts │ ├── zoom-out │ │ └── index.ts │ ├── backward │ │ └── index.ts │ ├── bookmark │ │ └── index.ts │ ├── calendar │ │ └── index.ts │ ├── computer │ │ └── index.ts │ ├── download │ │ └── index.ts │ ├── facebook │ │ └── index.ts │ ├── language │ │ └── index.ts │ ├── location │ │ └── index.ts │ ├── poweroff │ │ └── index.ts │ ├── question │ │ └── index.ts │ ├── relation │ │ └── index.ts │ ├── schedule │ │ └── index.ts │ ├── settings │ │ └── index.ts │ ├── bar-chart │ │ └── index.ts │ ├── bg-colors │ │ └── index.ts │ ├── double-up │ │ └── index.ts │ ├── menu-fold │ │ └── index.ts │ ├── moon-fill │ │ └── index.ts │ ├── mute-fill │ │ └── index.ts │ ├── robot-add │ │ └── index.ts │ ├── share-alt │ │ └── index.ts │ ├── skip-next │ │ └── index.ts │ ├── star-fill │ │ └── index.ts │ ├── to-bottom │ │ └── index.ts │ ├── up-circle │ │ └── index.ts │ ├── align-left │ │ └── index.ts │ ├── arrow-down │ │ └── index.ts │ ├── arrow-fall │ │ └── index.ts │ ├── arrow-left │ │ └── index.ts │ ├── arrow-rise │ │ └── index.ts │ ├── caret-down │ │ └── index.ts │ ├── caret-left │ │ └── index.ts │ ├── code-block │ │ └── index.ts │ ├── copyright │ │ └── index.ts │ ├── dashboard │ │ └── index.ts │ ├── drag-arrow │ │ └── index.ts │ ├── drive-file │ │ └── index.ts │ ├── file-audio │ │ └── index.ts │ ├── file-image │ │ └── index.ts │ ├── file-video │ │ └── index.ts │ ├── folder-add │ │ └── index.ts │ ├── heart-fill │ │ └── index.ts │ ├── highlight │ │ └── index.ts │ ├── lark-color │ │ └── index.ts │ ├── play-arrow │ │ └── index.ts │ ├── select-all │ │ └── index.ts │ ├── sound-fill │ │ └── index.ts │ ├── subscribe │ │ └── index.ts │ ├── thumb-down │ │ └── index.ts │ ├── translate │ │ └── index.ts │ ├── underline │ │ └── index.ts │ ├── user-group │ │ └── index.ts │ ├── wechatpay │ │ └── index.ts │ ├── experiment │ │ └── index.ts │ ├── fullscreen │ │ └── index.ts │ ├── subscribed │ │ └── index.ts │ ├── align-right │ │ └── index.ts │ ├── arrow-right │ │ └── index.ts │ ├── caret-right │ │ └── index.ts │ ├── code-square │ │ └── index.ts │ ├── double-down │ │ └── index.ts │ ├── double-left │ │ └── index.ts │ ├── down-circle │ │ └── index.ts │ ├── font-colors │ │ └── index.ts │ ├── image-close │ │ └── index.ts │ ├── info-circle │ │ └── index.ts │ ├── left-circle │ │ └── index.ts │ ├── line-height │ │ └── index.ts │ ├── menu-unfold │ │ └── index.ts │ ├── play-circle │ │ └── index.ts │ ├── plus-circle │ │ └── index.ts │ ├── record-stop │ │ └── index.ts │ ├── rotate-left │ │ └── index.ts │ ├── xigua-color │ │ └── index.ts │ ├── align-center │ │ └── index.ts │ ├── check-circle │ │ └── index.ts │ ├── check-square │ │ └── index.ts │ ├── chinese-fill │ │ └── index.ts │ ├── clock-circle │ │ └── index.ts │ ├── close-circle │ │ └── index.ts │ ├── code-sandbox │ │ └── index.ts │ ├── double-right │ │ └── index.ts │ ├── english-fill │ │ └── index.ts │ ├── exclamation │ │ └── index.ts │ ├── find-replace │ │ └── index.ts │ ├── interaction │ │ └── index.ts │ ├── mind-mapping │ │ └── index.ts │ ├── minus-circle │ │ └── index.ts │ ├── oblique-line │ │ └── index.ts │ ├── ordered-list │ │ └── index.ts │ ├── pause-circle │ │ └── index.ts │ ├── right-circle │ │ └── index.ts │ ├── rotate-right │ │ └── index.ts │ ├── thunderbolt │ │ └── index.ts │ ├── tiktok-color │ │ └── index.ts │ ├── video-camera │ │ └── index.ts │ ├── face-meh-fill │ │ └── index.ts │ ├── thumb-up-fill │ │ └── index.ts │ ├── alipay-circle │ │ └── index.ts │ ├── eye-invisible │ │ └── index.ts │ ├── folder-delete │ │ └── index.ts │ ├── more-vertical │ │ └── index.ts │ ├── notification │ │ └── index.ts │ ├── original-size │ │ └── index.ts │ ├── qq-circle-fill │ │ └── index.ts │ ├── skip-next-fill │ │ └── index.ts │ ├── skip-previous │ │ └── index.ts │ ├── subscribe-add │ │ └── index.ts │ ├── strikethrough │ │ └── index.ts │ ├── cloud-download │ │ └── index.ts │ ├── face-frown-fill │ │ └── index.ts │ ├── face-smile-fill │ │ └── index.ts │ ├── live-broadcast │ │ └── index.ts │ ├── message-banned │ │ └── index.ts │ ├── play-arrow-fill │ │ └── index.ts │ ├── share-external │ │ └── index.ts │ ├── share-internal │ │ └── index.ts │ ├── sort-ascending │ │ └── index.ts │ ├── thumb-down-fill │ │ └── index.ts │ ├── unordered-list │ │ └── index.ts │ ├── bytedance-color │ │ └── index.ts │ ├── fullscreen-exit │ │ └── index.ts │ ├── question-circle │ │ └── index.ts │ ├── sort-descending │ │ └── index.ts │ ├── info-circle-fill │ │ └── index.ts │ ├── play-circle-fill │ │ └── index.ts │ ├── plus-circle-fill │ │ └── index.ts │ ├── check-circle-fill │ │ └── index.ts │ ├── close-circle-fill │ │ └── index.ts │ ├── customer-service │ │ └── index.ts │ ├── drag-dot-vertical │ │ └── index.ts │ ├── minus-circle-fill │ │ └── index.ts │ ├── pause-circle-fill │ │ └── index.ts │ ├── weibo-circle-fill │ │ └── index.ts │ ├── google-circle-fill │ │ └── index.ts │ ├── skip-previous-fill │ │ └── index.ts │ ├── exclamation-circle │ │ └── index.ts │ ├── notification-close │ │ └── index.ts │ ├── twitter-circle-fill │ │ └── index.ts │ ├── faceBook-circle-fill │ │ └── index.ts │ ├── facebook-square-fill │ │ └── index.ts │ ├── question-circle-fill │ │ └── index.ts │ ├── exclamation-circle-fill │ │ └── index.ts │ └── exclamation-polygon-fill │ │ └── index.ts ├── trigger │ ├── style │ │ └── index.scss │ └── index.ts ├── components.ts ├── components │ └── Test.test.ts ├── main.ts ├── tree │ ├── test │ │ └── tree.test.ts │ ├── index.ts │ └── style │ │ └── tree.scss ├── index.scss ├── button │ ├── style │ │ └── button.scss │ ├── src │ │ └── button-group.tsx │ └── index.ts ├── space │ └── index.ts ├── input │ └── index.ts ├── style │ └── icon.scss ├── _utils │ └── call.ts └── env.d.ts ├── .vscode └── extensions.json ├── public └── favicon.ico ├── cli ├── template │ ├── utils.ts │ ├── style.ts │ ├── test.ts │ └── types.ts ├── tsconfig.json ├── src │ └── index.ts └── package.json ├── postcss.config.js ├── tailwind.config.js ├── tsconfig.node.json ├── icon └── _svgs │ ├── tips │ └── outline │ │ ├── minus.svg │ │ ├── plus.svg │ │ ├── check.svg │ │ ├── close.svg │ │ ├── clock-circle.svg │ │ ├── minus-circle.svg │ │ ├── check-circle.svg │ │ ├── info-circle.svg │ │ ├── exclamation-circle.svg │ │ ├── question.svg │ │ ├── check-square.svg │ │ ├── plus-circle.svg │ │ ├── close-circle.svg │ │ ├── stop.svg │ │ └── question-circle.svg │ ├── general │ └── outline │ │ ├── menu.svg │ │ ├── nav.svg │ │ ├── loading.svg │ │ ├── schedule.svg │ │ ├── common.svg │ │ ├── notification.svg │ │ ├── pen.svg │ │ ├── robot-add.svg │ │ ├── file.svg │ │ ├── qrcode.svg │ │ ├── bar-chart.svg │ │ ├── safe.svg │ │ ├── book.svg │ │ ├── calendar.svg │ │ ├── desktop.svg │ │ ├── drive-file.svg │ │ ├── layout.svg │ │ ├── email.svg │ │ ├── interaction.svg │ │ ├── file-image.svg │ │ ├── mind-mapping.svg │ │ ├── subscribe.svg │ │ ├── loop.svg │ │ ├── woman.svg │ │ ├── location.svg │ │ ├── trophy.svg │ │ ├── notification-close.svg │ │ ├── user-add.svg │ │ ├── user.svg │ │ ├── bookmark.svg │ │ ├── file-video.svg │ │ ├── man.svg │ │ ├── cloud.svg │ │ ├── folder.svg │ │ ├── subscribed.svg │ │ ├── unlock.svg │ │ ├── folder-delete.svg │ │ ├── folder-add.svg │ │ ├── computer.svg │ │ ├── thunderbolt.svg │ │ ├── copyright.svg │ │ ├── video-camera.svg │ │ ├── ear.svg │ │ ├── subscribe-add.svg │ │ ├── user-group.svg │ │ ├── layers.svg │ │ ├── skin.svg │ │ ├── bug.svg │ │ ├── idcard.svg │ │ ├── robot.svg │ │ └── compass.svg │ ├── edit │ └── outline │ │ ├── sort.svg │ │ ├── oblique-line.svg │ │ ├── align-center.svg │ │ ├── align-left.svg │ │ ├── align-right.svg │ │ ├── italic.svg │ │ ├── unordered-list.svg │ │ ├── h7.svg │ │ ├── h4.svg │ │ ├── h1.svg │ │ ├── underline.svg │ │ ├── sort-ascending.svg │ │ ├── redo.svg │ │ ├── undo.svg │ │ ├── copy.svg │ │ ├── font-colors.svg │ │ ├── sort-descending.svg │ │ ├── h2.svg │ │ ├── bold.svg │ │ ├── zoom-out.svg │ │ ├── h5.svg │ │ ├── zoom-in.svg │ │ ├── delete.svg │ │ ├── formula.svg │ │ ├── filter.svg │ │ ├── highlight.svg │ │ ├── strikethrough.svg │ │ └── brush.svg │ ├── interactive-button │ └── outline │ │ ├── list.svg │ │ ├── scan.svg │ │ ├── download.svg │ │ ├── send.svg │ │ ├── import.svg │ │ ├── export.svg │ │ ├── home.svg │ │ ├── upload.svg │ │ ├── share-internal.svg │ │ ├── code.svg │ │ ├── message.svg │ │ ├── refresh.svg │ │ ├── poweroff.svg │ │ ├── select-all.svg │ │ ├── history.svg │ │ ├── code-square.svg │ │ ├── cloud-download.svg │ │ ├── voice.svg │ │ ├── share-external.svg │ │ ├── search.svg │ │ ├── code-block.svg │ │ ├── translate.svg │ │ ├── thumb-up.svg │ │ ├── save.svg │ │ ├── at.svg │ │ ├── thumb-down.svg │ │ └── heart.svg │ ├── direction │ └── outline │ │ ├── arrow-left.svg │ │ ├── arrow-right.svg │ │ ├── arrow-up.svg │ │ ├── left.svg │ │ ├── right.svg │ │ ├── arrow-down.svg │ │ ├── down.svg │ │ ├── up.svg │ │ ├── expand.svg │ │ ├── shrink.svg │ │ ├── double-left.svg │ │ ├── double-up.svg │ │ ├── double-down.svg │ │ ├── double-right.svg │ │ ├── up-circle.svg │ │ ├── left-circle.svg │ │ ├── right-circle.svg │ │ ├── down-circle.svg │ │ ├── swap.svg │ │ ├── menu-unfold.svg │ │ ├── menu-fold.svg │ │ ├── caret-down.svg │ │ ├── caret-right.svg │ │ ├── caret-left.svg │ │ ├── caret-up.svg │ │ ├── to-left.svg │ │ ├── rotate-left.svg │ │ ├── rotate-right.svg │ │ └── drag-arrow.svg │ ├── media │ ├── outline │ │ ├── skip-next.svg │ │ ├── fullscreen.svg │ │ ├── fullscreen-exit.svg │ │ ├── skip-previous.svg │ │ ├── play-arrow.svg │ │ ├── play-circle.svg │ │ ├── pause-circle.svg │ │ ├── sound.svg │ │ └── mute.svg │ └── fill │ │ └── play-arrow-fill.svg │ └── logo │ └── outline │ └── facebook.svg ├── scripts ├── gen-version.js └── entry.ts ├── publish.sh ├── index.html ├── .eslintcache └── .gitignore /.eslintignore: -------------------------------------------------------------------------------- 1 | build -------------------------------------------------------------------------------- /.husky/.gitignore: -------------------------------------------------------------------------------- 1 | _ 2 | -------------------------------------------------------------------------------- /docs/guide.md: -------------------------------------------------------------------------------- 1 | # Sheep-UI使用向导 -------------------------------------------------------------------------------- /docs/index.md: -------------------------------------------------------------------------------- 1 | # Hello VitePress 2 | -------------------------------------------------------------------------------- /src/version.ts: -------------------------------------------------------------------------------- 1 | export default '0.1.0' 2 | -------------------------------------------------------------------------------- /docs/course/vue-source.md: -------------------------------------------------------------------------------- 1 | # vue源码全家桶 2 | 建设中... -------------------------------------------------------------------------------- /docs/course/vue3-comps.md: -------------------------------------------------------------------------------- 1 | # Vue3开源组件库实战 2 | 建设中... -------------------------------------------------------------------------------- /src/types.ts: -------------------------------------------------------------------------------- 1 | export type EmitType = T | T[] 2 | -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["johnsoncodehk.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/57code/sheep-ui/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | . "$(dirname "$0")/_/husky.sh" 3 | 4 | npx lint-staged 5 | -------------------------------------------------------------------------------- /src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/57code/sheep-ui/HEAD/src/assets/logo.png -------------------------------------------------------------------------------- /cli/template/utils.ts: -------------------------------------------------------------------------------- 1 | export function upperFirst(str: string) { 2 | return str[0].toUpperCase() + str.slice(1) 3 | } 4 | -------------------------------------------------------------------------------- /cli/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "outDir": "./build", 4 | "module": "commonjs" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {} 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './sheep-ui' // full import 2 | export * from './components' //on-demand import 3 | -------------------------------------------------------------------------------- /cli/template/style.ts: -------------------------------------------------------------------------------- 1 | export function genStyleTemplate(name) { 2 | return `\ 3 | .s-${name} { 4 | /* your component style */ 5 | 6 | } 7 | ` 8 | } 9 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'], 3 | theme: { 4 | extend: {} 5 | }, 6 | plugins: [] 7 | } 8 | -------------------------------------------------------------------------------- /docs/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vueJsx from '@vitejs/plugin-vue-jsx' 3 | 4 | export default defineConfig({ 5 | plugins: [vueJsx()] 6 | }) 7 | -------------------------------------------------------------------------------- /tsconfig.node.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "composite": true, 4 | "module": "esnext", 5 | "moduleResolution": "node" 6 | }, 7 | "include": ["vite.config.ts"] 8 | } 9 | -------------------------------------------------------------------------------- /docs/components/button/index.md: -------------------------------------------------------------------------------- 1 | # 按钮 - Button 2 | :::demo 这是SButton组件，可以通过传递type来改变它的类型 3 | ```vue 4 | 7 | ``` 8 | ::: 9 | -------------------------------------------------------------------------------- /icon/_svgs/tips/outline/minus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/tips/outline/plus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/menu.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/sort.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/at/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { AtIcon as _AtIcon } from './at' 3 | 4 | const AtIcon = { 5 | install: (app: App) => { 6 | app.component('AtIcon', _AtIcon) 7 | } 8 | } 9 | 10 | export default AtIcon 11 | -------------------------------------------------------------------------------- /src/icon/h1/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { H1Icon as _H1Icon } from './h1' 3 | 4 | const H1Icon = { 5 | install: (app: App) => { 6 | app.component('H1Icon', _H1Icon) 7 | } 8 | } 9 | 10 | export default H1Icon 11 | -------------------------------------------------------------------------------- /src/icon/h2/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { H2Icon as _H2Icon } from './h2' 3 | 4 | const H2Icon = { 5 | install: (app: App) => { 6 | app.component('H2Icon', _H2Icon) 7 | } 8 | } 9 | 10 | export default H2Icon 11 | -------------------------------------------------------------------------------- /src/icon/h3/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { H3Icon as _H3Icon } from './h3' 3 | 4 | const H3Icon = { 5 | install: (app: App) => { 6 | app.component('H3Icon', _H3Icon) 7 | } 8 | } 9 | 10 | export default H3Icon 11 | -------------------------------------------------------------------------------- /src/icon/h4/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { H4Icon as _H4Icon } from './h4' 3 | 4 | const H4Icon = { 5 | install: (app: App) => { 6 | app.component('H4Icon', _H4Icon) 7 | } 8 | } 9 | 10 | export default H4Icon 11 | -------------------------------------------------------------------------------- /src/icon/h5/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { H5Icon as _H5Icon } from './h5' 3 | 4 | const H5Icon = { 5 | install: (app: App) => { 6 | app.component('H5Icon', _H5Icon) 7 | } 8 | } 9 | 10 | export default H5Icon 11 | -------------------------------------------------------------------------------- /src/icon/h6/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { H6Icon as _H6Icon } from './h6' 3 | 4 | const H6Icon = { 5 | install: (app: App) => { 6 | app.component('H6Icon', _H6Icon) 7 | } 8 | } 9 | 10 | export default H6Icon 11 | -------------------------------------------------------------------------------- /src/icon/h7/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { H7Icon as _H7Icon } from './h7' 3 | 4 | const H7Icon = { 5 | install: (app: App) => { 6 | app.component('H7Icon', _H7Icon) 7 | } 8 | } 9 | 10 | export default H7Icon 11 | -------------------------------------------------------------------------------- /src/icon/qq/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { QqIcon as _QqIcon } from './qq' 3 | 4 | const QqIcon = { 5 | install: (app: App) => { 6 | app.component('QqIcon', _QqIcon) 7 | } 8 | } 9 | 10 | export default QqIcon 11 | -------------------------------------------------------------------------------- /src/icon/up/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { UpIcon as _UpIcon } from './up' 3 | 4 | const UpIcon = { 5 | install: (app: App) => { 6 | app.component('UpIcon', _UpIcon) 7 | } 8 | } 9 | 10 | export default UpIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/oblique-line.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/bug/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { BugIcon as _BugIcon } from './bug' 3 | 4 | const BugIcon = { 5 | install: (app: App) => { 6 | app.component('BugIcon', _BugIcon) 7 | } 8 | } 9 | 10 | export default BugIcon 11 | -------------------------------------------------------------------------------- /src/icon/ear/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { EarIcon as _EarIcon } from './ear' 3 | 4 | const EarIcon = { 5 | install: (app: App) => { 6 | app.component('EarIcon', _EarIcon) 7 | } 8 | } 9 | 10 | export default EarIcon 11 | -------------------------------------------------------------------------------- /src/icon/eye/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { EyeIcon as _EyeIcon } from './eye' 3 | 4 | const EyeIcon = { 5 | install: (app: App) => { 6 | app.component('EyeIcon', _EyeIcon) 7 | } 8 | } 9 | 10 | export default EyeIcon 11 | -------------------------------------------------------------------------------- /src/icon/man/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ManIcon as _ManIcon } from './man' 3 | 4 | const ManIcon = { 5 | install: (app: App) => { 6 | app.component('ManIcon', _ManIcon) 7 | } 8 | } 9 | 10 | export default ManIcon 11 | -------------------------------------------------------------------------------- /src/icon/nav/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { NavIcon as _NavIcon } from './nav' 3 | 4 | const NavIcon = { 5 | install: (app: App) => { 6 | app.component('NavIcon', _NavIcon) 7 | } 8 | } 9 | 10 | export default NavIcon 11 | -------------------------------------------------------------------------------- /src/icon/pen/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PenIcon as _PenIcon } from './pen' 3 | 4 | const PenIcon = { 5 | install: (app: App) => { 6 | app.component('PenIcon', _PenIcon) 7 | } 8 | } 9 | 10 | export default PenIcon 11 | -------------------------------------------------------------------------------- /src/icon/sun/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SunIcon as _SunIcon } from './sun' 3 | 4 | const SunIcon = { 5 | install: (app: App) => { 6 | app.component('SunIcon', _SunIcon) 7 | } 8 | } 9 | 10 | export default SunIcon 11 | -------------------------------------------------------------------------------- /src/icon/tag/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { TagIcon as _TagIcon } from './tag' 3 | 4 | const TagIcon = { 5 | install: (app: App) => { 6 | app.component('TagIcon', _TagIcon) 7 | } 8 | } 9 | 10 | export default TagIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/align-center.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/align-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/align-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /scripts/gen-version.js: -------------------------------------------------------------------------------- 1 | const version = require('../package.json').version 2 | const fs = require('fs') 3 | const path = require('path') 4 | 5 | fs.writeFileSync( 6 | path.resolve(__dirname, '..', 'src', 'version.ts'), 7 | `export default '${version}'\n` 8 | ) 9 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/italic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/tips/outline/check.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /publish.sh: -------------------------------------------------------------------------------- 1 | npm config set registry=https://registry.npmjs.org 2 | npm login # 登陆 ，如果有 OTP, 邮箱会接收到验证码，输入即可 3 | # 登录成功后，短时间内会保存状态，可以直接 npm pubish 4 | npm publish ./build # 可能会提示名称已存在，换个名字，获取使用作用域包（@xxx/xxx） 5 | npm config set registry=https://registry.npm.taobao.org # 还原淘宝镜像 -------------------------------------------------------------------------------- /src/icon/apps/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { AppsIcon as _AppsIcon } from './apps' 3 | 4 | const AppsIcon = { 5 | install: (app: App) => { 6 | app.component('AppsIcon', _AppsIcon) 7 | } 8 | } 9 | 10 | export default AppsIcon 11 | -------------------------------------------------------------------------------- /src/icon/bold/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { BoldIcon as _BoldIcon } from './bold' 3 | 4 | const BoldIcon = { 5 | install: (app: App) => { 6 | app.component('BoldIcon', _BoldIcon) 7 | } 8 | } 9 | 10 | export default BoldIcon 11 | -------------------------------------------------------------------------------- /src/icon/book/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { BookIcon as _BookIcon } from './book' 3 | 4 | const BookIcon = { 5 | install: (app: App) => { 6 | app.component('BookIcon', _BookIcon) 7 | } 8 | } 9 | 10 | export default BookIcon 11 | -------------------------------------------------------------------------------- /src/icon/bulb/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { BulbIcon as _BulbIcon } from './bulb' 3 | 4 | const BulbIcon = { 5 | install: (app: App) => { 6 | app.component('BulbIcon', _BulbIcon) 7 | } 8 | } 9 | 10 | export default BulbIcon 11 | -------------------------------------------------------------------------------- /src/icon/code/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CodeIcon as _CodeIcon } from './code' 3 | 4 | const CodeIcon = { 5 | install: (app: App) => { 6 | app.component('CodeIcon', _CodeIcon) 7 | } 8 | } 9 | 10 | export default CodeIcon 11 | -------------------------------------------------------------------------------- /src/icon/copy/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CopyIcon as _CopyIcon } from './copy' 3 | 4 | const CopyIcon = { 5 | install: (app: App) => { 6 | app.component('CopyIcon', _CopyIcon) 7 | } 8 | } 9 | 10 | export default CopyIcon 11 | -------------------------------------------------------------------------------- /src/icon/dice/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { DiceIcon as _DiceIcon } from './dice' 3 | 4 | const DiceIcon = { 5 | install: (app: App) => { 6 | app.component('DiceIcon', _DiceIcon) 7 | } 8 | } 9 | 10 | export default DiceIcon 11 | -------------------------------------------------------------------------------- /src/icon/down/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { DownIcon as _DownIcon } from './down' 3 | 4 | const DownIcon = { 5 | install: (app: App) => { 6 | app.component('DownIcon', _DownIcon) 7 | } 8 | } 9 | 10 | export default DownIcon 11 | -------------------------------------------------------------------------------- /src/icon/edit/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { EditIcon as _EditIcon } from './edit' 3 | 4 | const EditIcon = { 5 | install: (app: App) => { 6 | app.component('EditIcon', _EditIcon) 7 | } 8 | } 9 | 10 | export default EditIcon 11 | -------------------------------------------------------------------------------- /src/icon/file/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FileIcon as _FileIcon } from './file' 3 | 4 | const FileIcon = { 5 | install: (app: App) => { 6 | app.component('FileIcon', _FileIcon) 7 | } 8 | } 9 | 10 | export default FileIcon 11 | -------------------------------------------------------------------------------- /src/icon/fire/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FireIcon as _FireIcon } from './fire' 3 | 4 | const FireIcon = { 5 | install: (app: App) => { 6 | app.component('FireIcon', _FireIcon) 7 | } 8 | } 9 | 10 | export default FireIcon 11 | -------------------------------------------------------------------------------- /src/icon/gift/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { GiftIcon as _GiftIcon } from './gift' 3 | 4 | const GiftIcon = { 5 | install: (app: App) => { 6 | app.component('GiftIcon', _GiftIcon) 7 | } 8 | } 9 | 10 | export default GiftIcon 11 | -------------------------------------------------------------------------------- /src/icon/home/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { HomeIcon as _HomeIcon } from './home' 3 | 4 | const HomeIcon = { 5 | install: (app: App) => { 6 | app.component('HomeIcon', _HomeIcon) 7 | } 8 | } 9 | 10 | export default HomeIcon 11 | -------------------------------------------------------------------------------- /src/icon/info/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { InfoIcon as _InfoIcon } from './info' 3 | 4 | const InfoIcon = { 5 | install: (app: App) => { 6 | app.component('InfoIcon', _InfoIcon) 7 | } 8 | } 9 | 10 | export default InfoIcon 11 | -------------------------------------------------------------------------------- /src/icon/left/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { LeftIcon as _LeftIcon } from './left' 3 | 4 | const LeftIcon = { 5 | install: (app: App) => { 6 | app.component('LeftIcon', _LeftIcon) 7 | } 8 | } 9 | 10 | export default LeftIcon 11 | -------------------------------------------------------------------------------- /src/icon/link/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { LinkIcon as _LinkIcon } from './link' 3 | 4 | const LinkIcon = { 5 | install: (app: App) => { 6 | app.component('LinkIcon', _LinkIcon) 7 | } 8 | } 9 | 10 | export default LinkIcon 11 | -------------------------------------------------------------------------------- /src/icon/list/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ListIcon as _ListIcon } from './list' 3 | 4 | const ListIcon = { 5 | install: (app: App) => { 6 | app.component('ListIcon', _ListIcon) 7 | } 8 | } 9 | 10 | export default ListIcon 11 | -------------------------------------------------------------------------------- /src/icon/lock/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { LockIcon as _LockIcon } from './lock' 3 | 4 | const LockIcon = { 5 | install: (app: App) => { 6 | app.component('LockIcon', _LockIcon) 7 | } 8 | } 9 | 10 | export default LockIcon 11 | -------------------------------------------------------------------------------- /src/icon/loop/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { LoopIcon as _LoopIcon } from './loop' 3 | 4 | const LoopIcon = { 5 | install: (app: App) => { 6 | app.component('LoopIcon', _LoopIcon) 7 | } 8 | } 9 | 10 | export default LoopIcon 11 | -------------------------------------------------------------------------------- /src/icon/menu/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MenuIcon as _MenuIcon } from './menu' 3 | 4 | const MenuIcon = { 5 | install: (app: App) => { 6 | app.component('MenuIcon', _MenuIcon) 7 | } 8 | } 9 | 10 | export default MenuIcon 11 | -------------------------------------------------------------------------------- /src/icon/moon/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MoonIcon as _MoonIcon } from './moon' 3 | 4 | const MoonIcon = { 5 | install: (app: App) => { 6 | app.component('MoonIcon', _MoonIcon) 7 | } 8 | } 9 | 10 | export default MoonIcon 11 | -------------------------------------------------------------------------------- /src/icon/more/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MoreIcon as _MoreIcon } from './more' 3 | 4 | const MoreIcon = { 5 | install: (app: App) => { 6 | app.component('MoreIcon', _MoreIcon) 7 | } 8 | } 9 | 10 | export default MoreIcon 11 | -------------------------------------------------------------------------------- /src/icon/mute/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MuteIcon as _MuteIcon } from './mute' 3 | 4 | const MuteIcon = { 5 | install: (app: App) => { 6 | app.component('MuteIcon', _MuteIcon) 7 | } 8 | } 9 | 10 | export default MuteIcon 11 | -------------------------------------------------------------------------------- /src/icon/plus/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PlusIcon as _PlusIcon } from './plus' 3 | 4 | const PlusIcon = { 5 | install: (app: App) => { 6 | app.component('PlusIcon', _PlusIcon) 7 | } 8 | } 9 | 10 | export default PlusIcon 11 | -------------------------------------------------------------------------------- /src/icon/redo/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { RedoIcon as _RedoIcon } from './redo' 3 | 4 | const RedoIcon = { 5 | install: (app: App) => { 6 | app.component('RedoIcon', _RedoIcon) 7 | } 8 | } 9 | 10 | export default RedoIcon 11 | -------------------------------------------------------------------------------- /src/icon/safe/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SafeIcon as _SafeIcon } from './safe' 3 | 4 | const SafeIcon = { 5 | install: (app: App) => { 6 | app.component('SafeIcon', _SafeIcon) 7 | } 8 | } 9 | 10 | export default SafeIcon 11 | -------------------------------------------------------------------------------- /src/icon/save/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SaveIcon as _SaveIcon } from './save' 3 | 4 | const SaveIcon = { 5 | install: (app: App) => { 6 | app.component('SaveIcon', _SaveIcon) 7 | } 8 | } 9 | 10 | export default SaveIcon 11 | -------------------------------------------------------------------------------- /src/icon/scan/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ScanIcon as _ScanIcon } from './scan' 3 | 4 | const ScanIcon = { 5 | install: (app: App) => { 6 | app.component('ScanIcon', _ScanIcon) 7 | } 8 | } 9 | 10 | export default ScanIcon 11 | -------------------------------------------------------------------------------- /src/icon/send/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SendIcon as _SendIcon } from './send' 3 | 4 | const SendIcon = { 5 | install: (app: App) => { 6 | app.component('SendIcon', _SendIcon) 7 | } 8 | } 9 | 10 | export default SendIcon 11 | -------------------------------------------------------------------------------- /src/icon/skin/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SkinIcon as _SkinIcon } from './skin' 3 | 4 | const SkinIcon = { 5 | install: (app: App) => { 6 | app.component('SkinIcon', _SkinIcon) 7 | } 8 | } 9 | 10 | export default SkinIcon 11 | -------------------------------------------------------------------------------- /src/icon/sort/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SortIcon as _SortIcon } from './sort' 3 | 4 | const SortIcon = { 5 | install: (app: App) => { 6 | app.component('SortIcon', _SortIcon) 7 | } 8 | } 9 | 10 | export default SortIcon 11 | -------------------------------------------------------------------------------- /src/icon/star/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { StarIcon as _StarIcon } from './star' 3 | 4 | const StarIcon = { 5 | install: (app: App) => { 6 | app.component('StarIcon', _StarIcon) 7 | } 8 | } 9 | 10 | export default StarIcon 11 | -------------------------------------------------------------------------------- /src/icon/stop/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { StopIcon as _StopIcon } from './stop' 3 | 4 | const StopIcon = { 5 | install: (app: App) => { 6 | app.component('StopIcon', _StopIcon) 7 | } 8 | } 9 | 10 | export default StopIcon 11 | -------------------------------------------------------------------------------- /src/icon/swap/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SwapIcon as _SwapIcon } from './swap' 3 | 4 | const SwapIcon = { 5 | install: (app: App) => { 6 | app.component('SwapIcon', _SwapIcon) 7 | } 8 | } 9 | 10 | export default SwapIcon 11 | -------------------------------------------------------------------------------- /src/icon/sync/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SyncIcon as _SyncIcon } from './sync' 3 | 4 | const SyncIcon = { 5 | install: (app: App) => { 6 | app.component('SyncIcon', _SyncIcon) 7 | } 8 | } 9 | 10 | export default SyncIcon 11 | -------------------------------------------------------------------------------- /src/icon/tags/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { TagsIcon as _TagsIcon } from './tags' 3 | 4 | const TagsIcon = { 5 | install: (app: App) => { 6 | app.component('TagsIcon', _TagsIcon) 7 | } 8 | } 9 | 10 | export default TagsIcon 11 | -------------------------------------------------------------------------------- /src/icon/tool/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ToolIcon as _ToolIcon } from './tool' 3 | 4 | const ToolIcon = { 5 | install: (app: App) => { 6 | app.component('ToolIcon', _ToolIcon) 7 | } 8 | } 9 | 10 | export default ToolIcon 11 | -------------------------------------------------------------------------------- /src/icon/undo/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { UndoIcon as _UndoIcon } from './undo' 3 | 4 | const UndoIcon = { 5 | install: (app: App) => { 6 | app.component('UndoIcon', _UndoIcon) 7 | } 8 | } 9 | 10 | export default UndoIcon 11 | -------------------------------------------------------------------------------- /src/icon/user/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { UserIcon as _UserIcon } from './user' 3 | 4 | const UserIcon = { 5 | install: (app: App) => { 6 | app.component('UserIcon', _UserIcon) 7 | } 8 | } 9 | 10 | export default UserIcon 11 | -------------------------------------------------------------------------------- /src/icon/wifi/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { WifiIcon as _WifiIcon } from './wifi' 3 | 4 | const WifiIcon = { 5 | install: (app: App) => { 6 | app.component('WifiIcon', _WifiIcon) 7 | } 8 | } 9 | 10 | export default WifiIcon 11 | -------------------------------------------------------------------------------- /src/icon/brush/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { BrushIcon as _BrushIcon } from './brush' 3 | 4 | const BrushIcon = { 5 | install: (app: App) => { 6 | app.component('BrushIcon', _BrushIcon) 7 | } 8 | } 9 | 10 | export default BrushIcon 11 | -------------------------------------------------------------------------------- /src/icon/check/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CheckIcon as _CheckIcon } from './check' 3 | 4 | const CheckIcon = { 5 | install: (app: App) => { 6 | app.component('CheckIcon', _CheckIcon) 7 | } 8 | } 9 | 10 | export default CheckIcon 11 | -------------------------------------------------------------------------------- /src/icon/close/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CloseIcon as _CloseIcon } from './close' 3 | 4 | const CloseIcon = { 5 | install: (app: App) => { 6 | app.component('CloseIcon', _CloseIcon) 7 | } 8 | } 9 | 10 | export default CloseIcon 11 | -------------------------------------------------------------------------------- /src/icon/cloud/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CloudIcon as _CloudIcon } from './cloud' 3 | 4 | const CloudIcon = { 5 | install: (app: App) => { 6 | app.component('CloudIcon', _CloudIcon) 7 | } 8 | } 9 | 10 | export default CloudIcon 11 | -------------------------------------------------------------------------------- /src/icon/email/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { EmailIcon as _EmailIcon } from './email' 3 | 4 | const EmailIcon = { 5 | install: (app: App) => { 6 | app.component('EmailIcon', _EmailIcon) 7 | } 8 | } 9 | 10 | export default EmailIcon 11 | -------------------------------------------------------------------------------- /src/icon/empty/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { EmptyIcon as _EmptyIcon } from './empty' 3 | 4 | const EmptyIcon = { 5 | install: (app: App) => { 6 | app.component('EmptyIcon', _EmptyIcon) 7 | } 8 | } 9 | 10 | export default EmptyIcon 11 | -------------------------------------------------------------------------------- /src/icon/heart/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { HeartIcon as _HeartIcon } from './heart' 3 | 4 | const HeartIcon = { 5 | install: (app: App) => { 6 | app.component('HeartIcon', _HeartIcon) 7 | } 8 | } 9 | 10 | export default HeartIcon 11 | -------------------------------------------------------------------------------- /src/icon/image/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ImageIcon as _ImageIcon } from './image' 3 | 4 | const ImageIcon = { 5 | install: (app: App) => { 6 | app.component('ImageIcon', _ImageIcon) 7 | } 8 | } 9 | 10 | export default ImageIcon 11 | -------------------------------------------------------------------------------- /src/icon/minus/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MinusIcon as _MinusIcon } from './minus' 3 | 4 | const MinusIcon = { 5 | install: (app: App) => { 6 | app.component('MinusIcon', _MinusIcon) 7 | } 8 | } 9 | 10 | export default MinusIcon 11 | -------------------------------------------------------------------------------- /src/icon/music/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MusicIcon as _MusicIcon } from './music' 3 | 4 | const MusicIcon = { 5 | install: (app: App) => { 6 | app.component('MusicIcon', _MusicIcon) 7 | } 8 | } 9 | 10 | export default MusicIcon 11 | -------------------------------------------------------------------------------- /src/icon/paste/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PasteIcon as _PasteIcon } from './paste' 3 | 4 | const PasteIcon = { 5 | install: (app: App) => { 6 | app.component('PasteIcon', _PasteIcon) 7 | } 8 | } 9 | 10 | export default PasteIcon 11 | -------------------------------------------------------------------------------- /src/icon/pause/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PauseIcon as _PauseIcon } from './pause' 3 | 4 | const PauseIcon = { 5 | install: (app: App) => { 6 | app.component('PauseIcon', _PauseIcon) 7 | } 8 | } 9 | 10 | export default PauseIcon 11 | -------------------------------------------------------------------------------- /src/icon/phone/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PhoneIcon as _PhoneIcon } from './phone' 3 | 4 | const PhoneIcon = { 5 | install: (app: App) => { 6 | app.component('PhoneIcon', _PhoneIcon) 7 | } 8 | } 9 | 10 | export default PhoneIcon 11 | -------------------------------------------------------------------------------- /src/icon/quote/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { QuoteIcon as _QuoteIcon } from './quote' 3 | 4 | const QuoteIcon = { 5 | install: (app: App) => { 6 | app.component('QuoteIcon', _QuoteIcon) 7 | } 8 | } 9 | 10 | export default QuoteIcon 11 | -------------------------------------------------------------------------------- /src/icon/reply/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ReplyIcon as _ReplyIcon } from './reply' 3 | 4 | const ReplyIcon = { 5 | install: (app: App) => { 6 | app.component('ReplyIcon', _ReplyIcon) 7 | } 8 | } 9 | 10 | export default ReplyIcon 11 | -------------------------------------------------------------------------------- /src/icon/right/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { RightIcon as _RightIcon } from './right' 3 | 4 | const RightIcon = { 5 | install: (app: App) => { 6 | app.component('RightIcon', _RightIcon) 7 | } 8 | } 9 | 10 | export default RightIcon 11 | -------------------------------------------------------------------------------- /src/icon/robot/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { RobotIcon as _RobotIcon } from './robot' 3 | 4 | const RobotIcon = { 5 | install: (app: App) => { 6 | app.component('RobotIcon', _RobotIcon) 7 | } 8 | } 9 | 10 | export default RobotIcon 11 | -------------------------------------------------------------------------------- /src/icon/shake/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ShakeIcon as _ShakeIcon } from './shake' 3 | 4 | const ShakeIcon = { 5 | install: (app: App) => { 6 | app.component('ShakeIcon', _ShakeIcon) 7 | } 8 | } 9 | 10 | export default ShakeIcon 11 | -------------------------------------------------------------------------------- /src/icon/sound/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SoundIcon as _SoundIcon } from './sound' 3 | 4 | const SoundIcon = { 5 | install: (app: App) => { 6 | app.component('SoundIcon', _SoundIcon) 7 | } 8 | } 9 | 10 | export default SoundIcon 11 | -------------------------------------------------------------------------------- /src/icon/stamp/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { StampIcon as _StampIcon } from './stamp' 3 | 4 | const StampIcon = { 5 | install: (app: App) => { 6 | app.component('StampIcon', _StampIcon) 7 | } 8 | } 9 | 10 | export default StampIcon 11 | -------------------------------------------------------------------------------- /src/icon/voice/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { VoiceIcon as _VoiceIcon } from './voice' 3 | 4 | const VoiceIcon = { 5 | install: (app: App) => { 6 | app.component('VoiceIcon', _VoiceIcon) 7 | } 8 | } 9 | 10 | export default VoiceIcon 11 | -------------------------------------------------------------------------------- /src/icon/weibo/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { WeiboIcon as _WeiboIcon } from './weibo' 3 | 4 | const WeiboIcon = { 5 | install: (app: App) => { 6 | app.component('WeiboIcon', _WeiboIcon) 7 | } 8 | } 9 | 10 | export default WeiboIcon 11 | -------------------------------------------------------------------------------- /src/icon/woman/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { WomanIcon as _WomanIcon } from './woman' 3 | 4 | const WomanIcon = { 5 | install: (app: App) => { 6 | app.component('WomanIcon', _WomanIcon) 7 | } 8 | } 9 | 10 | export default WomanIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/unordered-list.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/to-top/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ToTopIcon as _ToTopIcon } from './to-top' 3 | 4 | const ToTopIcon = { 5 | install: (app: App) => { 6 | app.component('ToTopIcon', _ToTopIcon) 7 | } 8 | } 9 | 10 | export default ToTopIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/list.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/scan.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/branch/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { BranchIcon as _BranchIcon } from './branch' 3 | 4 | const BranchIcon = { 5 | install: (app: App) => { 6 | app.component('BranchIcon', _BranchIcon) 7 | } 8 | } 9 | 10 | export default BranchIcon 11 | -------------------------------------------------------------------------------- /src/icon/camera/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CameraIcon as _CameraIcon } from './camera' 3 | 4 | const CameraIcon = { 5 | install: (app: App) => { 6 | app.component('CameraIcon', _CameraIcon) 7 | } 8 | } 9 | 10 | export default CameraIcon 11 | -------------------------------------------------------------------------------- /src/icon/common/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CommonIcon as _CommonIcon } from './common' 3 | 4 | const CommonIcon = { 5 | install: (app: App) => { 6 | app.component('CommonIcon', _CommonIcon) 7 | } 8 | } 9 | 10 | export default CommonIcon 11 | -------------------------------------------------------------------------------- /src/icon/delete/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { DeleteIcon as _DeleteIcon } from './delete' 3 | 4 | const DeleteIcon = { 5 | install: (app: App) => { 6 | app.component('DeleteIcon', _DeleteIcon) 7 | } 8 | } 9 | 10 | export default DeleteIcon 11 | -------------------------------------------------------------------------------- /src/icon/eraser/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { EraserIcon as _EraserIcon } from './eraser' 3 | 4 | const EraserIcon = { 5 | install: (app: App) => { 6 | app.component('EraserIcon', _EraserIcon) 7 | } 8 | } 9 | 10 | export default EraserIcon 11 | -------------------------------------------------------------------------------- /src/icon/expand/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ExpandIcon as _ExpandIcon } from './expand' 3 | 4 | const ExpandIcon = { 5 | install: (app: App) => { 6 | app.component('ExpandIcon', _ExpandIcon) 7 | } 8 | } 9 | 10 | export default ExpandIcon 11 | -------------------------------------------------------------------------------- /src/icon/export/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ExportIcon as _ExportIcon } from './export' 3 | 4 | const ExportIcon = { 5 | install: (app: App) => { 6 | app.component('ExportIcon', _ExportIcon) 7 | } 8 | } 9 | 10 | export default ExportIcon 11 | -------------------------------------------------------------------------------- /src/icon/filter/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FilterIcon as _FilterIcon } from './filter' 3 | 4 | const FilterIcon = { 5 | install: (app: App) => { 6 | app.component('FilterIcon', _FilterIcon) 7 | } 8 | } 9 | 10 | export default FilterIcon 11 | -------------------------------------------------------------------------------- /src/icon/folder/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FolderIcon as _FolderIcon } from './folder' 3 | 4 | const FolderIcon = { 5 | install: (app: App) => { 6 | app.component('FolderIcon', _FolderIcon) 7 | } 8 | } 9 | 10 | export default FolderIcon 11 | -------------------------------------------------------------------------------- /src/icon/github/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { GithubIcon as _GithubIcon } from './github' 3 | 4 | const GithubIcon = { 5 | install: (app: App) => { 6 | app.component('GithubIcon', _GithubIcon) 7 | } 8 | } 9 | 10 | export default GithubIcon 11 | -------------------------------------------------------------------------------- /src/icon/gitlab/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { GitlabIcon as _GitlabIcon } from './gitlab' 3 | 4 | const GitlabIcon = { 5 | install: (app: App) => { 6 | app.component('GitlabIcon', _GitlabIcon) 7 | } 8 | } 9 | 10 | export default GitlabIcon 11 | -------------------------------------------------------------------------------- /src/icon/google/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { GoogleIcon as _GoogleIcon } from './google' 3 | 4 | const GoogleIcon = { 5 | install: (app: App) => { 6 | app.component('GoogleIcon', _GoogleIcon) 7 | } 8 | } 9 | 10 | export default GoogleIcon 11 | -------------------------------------------------------------------------------- /src/icon/idcard/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { IdcardIcon as _IdcardIcon } from './idcard' 3 | 4 | const IdcardIcon = { 5 | install: (app: App) => { 6 | app.component('IdcardIcon', _IdcardIcon) 7 | } 8 | } 9 | 10 | export default IdcardIcon 11 | -------------------------------------------------------------------------------- /src/icon/import/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ImportIcon as _ImportIcon } from './import' 3 | 4 | const ImportIcon = { 5 | install: (app: App) => { 6 | app.component('ImportIcon', _ImportIcon) 7 | } 8 | } 9 | 10 | export default ImportIcon 11 | -------------------------------------------------------------------------------- /src/icon/italic/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ItalicIcon as _ItalicIcon } from './italic' 3 | 4 | const ItalicIcon = { 5 | install: (app: App) => { 6 | app.component('ItalicIcon', _ItalicIcon) 7 | } 8 | } 9 | 10 | export default ItalicIcon 11 | -------------------------------------------------------------------------------- /src/icon/layers/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { LayersIcon as _LayersIcon } from './layers' 3 | 4 | const LayersIcon = { 5 | install: (app: App) => { 6 | app.component('LayersIcon', _LayersIcon) 7 | } 8 | } 9 | 10 | export default LayersIcon 11 | -------------------------------------------------------------------------------- /src/icon/layout/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { LayoutIcon as _LayoutIcon } from './layout' 3 | 4 | const LayoutIcon = { 5 | install: (app: App) => { 6 | app.component('LayoutIcon', _LayoutIcon) 7 | } 8 | } 9 | 10 | export default LayoutIcon 11 | -------------------------------------------------------------------------------- /src/icon/mobile/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MobileIcon as _MobileIcon } from './mobile' 3 | 4 | const MobileIcon = { 5 | install: (app: App) => { 6 | app.component('MobileIcon', _MobileIcon) 7 | } 8 | } 9 | 10 | export default MobileIcon 11 | -------------------------------------------------------------------------------- /src/icon/mosaic/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MosaicIcon as _MosaicIcon } from './mosaic' 3 | 4 | const MosaicIcon = { 5 | install: (app: App) => { 6 | app.component('MosaicIcon', _MosaicIcon) 7 | } 8 | } 9 | 10 | export default MosaicIcon 11 | -------------------------------------------------------------------------------- /src/icon/public/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PublicIcon as _PublicIcon } from './public' 3 | 4 | const PublicIcon = { 5 | install: (app: App) => { 6 | app.component('PublicIcon', _PublicIcon) 7 | } 8 | } 9 | 10 | export default PublicIcon 11 | -------------------------------------------------------------------------------- /src/icon/qq-zone/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { QqZoneIcon as _QqZoneIcon } from './qq-zone' 3 | 4 | const QqZoneIcon = { 5 | install: (app: App) => { 6 | app.component('QqZoneIcon', _QqZoneIcon) 7 | } 8 | } 9 | 10 | export default QqZoneIcon 11 | -------------------------------------------------------------------------------- /src/icon/qrcode/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { QrcodeIcon as _QrcodeIcon } from './qrcode' 3 | 4 | const QrcodeIcon = { 5 | install: (app: App) => { 6 | app.component('QrcodeIcon', _QrcodeIcon) 7 | } 8 | } 9 | 10 | export default QrcodeIcon 11 | -------------------------------------------------------------------------------- /src/icon/record/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { RecordIcon as _RecordIcon } from './record' 3 | 4 | const RecordIcon = { 5 | install: (app: App) => { 6 | app.component('RecordIcon', _RecordIcon) 7 | } 8 | } 9 | 10 | export default RecordIcon 11 | -------------------------------------------------------------------------------- /src/icon/search/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SearchIcon as _SearchIcon } from './search' 3 | 4 | const SearchIcon = { 5 | install: (app: App) => { 6 | app.component('SearchIcon', _SearchIcon) 7 | } 8 | } 9 | 10 | export default SearchIcon 11 | -------------------------------------------------------------------------------- /src/icon/shrink/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ShrinkIcon as _ShrinkIcon } from './shrink' 3 | 4 | const ShrinkIcon = { 5 | install: (app: App) => { 6 | app.component('ShrinkIcon', _ShrinkIcon) 7 | } 8 | } 9 | 10 | export default ShrinkIcon 11 | -------------------------------------------------------------------------------- /src/icon/to-left/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ToLeftIcon as _ToLeftIcon } from './to-left' 3 | 4 | const ToLeftIcon = { 5 | install: (app: App) => { 6 | app.component('ToLeftIcon', _ToLeftIcon) 7 | } 8 | } 9 | 10 | export default ToLeftIcon 11 | -------------------------------------------------------------------------------- /src/icon/trophy/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { TrophyIcon as _TrophyIcon } from './trophy' 3 | 4 | const TrophyIcon = { 5 | install: (app: App) => { 6 | app.component('TrophyIcon', _TrophyIcon) 7 | } 8 | } 9 | 10 | export default TrophyIcon 11 | -------------------------------------------------------------------------------- /src/icon/unlock/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { UnlockIcon as _UnlockIcon } from './unlock' 3 | 4 | const UnlockIcon = { 5 | install: (app: App) => { 6 | app.component('UnlockIcon', _UnlockIcon) 7 | } 8 | } 9 | 10 | export default UnlockIcon 11 | -------------------------------------------------------------------------------- /src/icon/upload/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { UploadIcon as _UploadIcon } from './upload' 3 | 4 | const UploadIcon = { 5 | install: (app: App) => { 6 | app.component('UploadIcon', _UploadIcon) 7 | } 8 | } 9 | 10 | export default UploadIcon 11 | -------------------------------------------------------------------------------- /src/icon/wechat/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { WechatIcon as _WechatIcon } from './wechat' 3 | 4 | const WechatIcon = { 5 | install: (app: App) => { 6 | app.component('WechatIcon', _WechatIcon) 7 | } 8 | } 9 | 10 | export default WechatIcon 11 | -------------------------------------------------------------------------------- /src/icon/zoom-in/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ZoomInIcon as _ZoomInIcon } from './zoom-in' 3 | 4 | const ZoomInIcon = { 5 | install: (app: App) => { 6 | app.component('ZoomInIcon', _ZoomInIcon) 7 | } 8 | } 9 | 10 | export default ZoomInIcon 11 | -------------------------------------------------------------------------------- /src/trigger/style/index.scss: -------------------------------------------------------------------------------- 1 | @import '../../style/variable.scss'; 2 | 3 | $trigger-prefix-cls:#{$prefix}-trigger; 4 | 5 | .#{$trigger-prefix-cls} { 6 | // &-wrapper { 7 | // display: inline-block; 8 | // } 9 | &-popup { 10 | position: absolute; 11 | } 12 | } -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/h7.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/components.ts: -------------------------------------------------------------------------------- 1 | export { default as SButton, ButtonGroup as SButtonGroup } from './button' 2 | export { default as SSpace } from './space' 3 | export { default as SInput } from './input' 4 | export { default as STrigger } from './trigger' 5 | export { default as STree } from './tree' 6 | -------------------------------------------------------------------------------- /src/components/Test.test.ts: -------------------------------------------------------------------------------- 1 | import Test from './Test' 2 | import { render } from '@testing-library/vue' 3 | 4 | test('Test.tsx should work', () => { 5 | // 渲染组件 6 | const { getByText } = render(Test) 7 | // assert output 8 | // 断言输出结果 9 | getByText('test: 0') 10 | }) 11 | -------------------------------------------------------------------------------- /src/main.ts: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import App from './App.vue' 3 | 4 | import './index.scss' 5 | // import Button from './button' 6 | // import Space from './space' 7 | // 使用全量导出 8 | import SheepUI from './index' 9 | 10 | createApp(App).use(SheepUI).mount('#app') 11 | -------------------------------------------------------------------------------- /src/tree/test/tree.test.ts: -------------------------------------------------------------------------------- 1 | import { render } from '@testing-library/vue' 2 | import Tree from '../src/tree' 3 | 4 | describe('tree test', () => { 5 | test('tree init render', async () => { 6 | const { getByRole } = render(Tree) 7 | getByRole('tree') 8 | }) 9 | }) 10 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/arrow-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/arrow-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/arrow-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/arrow-up/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ArrowUpIcon as _ArrowUpIcon } from './arrow-up' 3 | 4 | const ArrowUpIcon = { 5 | install: (app: App) => { 6 | app.component('ArrowUpIcon', _ArrowUpIcon) 7 | } 8 | } 9 | 10 | export default ArrowUpIcon 11 | -------------------------------------------------------------------------------- /src/icon/caret-up/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CaretUpIcon as _CaretUpIcon } from './caret-up' 3 | 4 | const CaretUpIcon = { 5 | install: (app: App) => { 6 | app.component('CaretUpIcon', _CaretUpIcon) 7 | } 8 | } 9 | 10 | export default CaretUpIcon 11 | -------------------------------------------------------------------------------- /src/icon/codepen/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CodepenIcon as _CodepenIcon } from './codepen' 3 | 4 | const CodepenIcon = { 5 | install: (app: App) => { 6 | app.component('CodepenIcon', _CodepenIcon) 7 | } 8 | } 9 | 10 | export default CodepenIcon 11 | -------------------------------------------------------------------------------- /src/icon/command/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CommandIcon as _CommandIcon } from './command' 3 | 4 | const CommandIcon = { 5 | install: (app: App) => { 6 | app.component('CommandIcon', _CommandIcon) 7 | } 8 | } 9 | 10 | export default CommandIcon 11 | -------------------------------------------------------------------------------- /src/icon/compass/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CompassIcon as _CompassIcon } from './compass' 3 | 4 | const CompassIcon = { 5 | install: (app: App) => { 6 | app.component('CompassIcon', _CompassIcon) 7 | } 8 | } 9 | 10 | export default CompassIcon 11 | -------------------------------------------------------------------------------- /src/icon/desktop/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { DesktopIcon as _DesktopIcon } from './desktop' 3 | 4 | const DesktopIcon = { 5 | install: (app: App) => { 6 | app.component('DesktopIcon', _DesktopIcon) 7 | } 8 | } 9 | 10 | export default DesktopIcon 11 | -------------------------------------------------------------------------------- /src/icon/drag-dot/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { DragDotIcon as _DragDotIcon } from './drag-dot' 3 | 4 | const DragDotIcon = { 5 | install: (app: App) => { 6 | app.component('DragDotIcon', _DragDotIcon) 7 | } 8 | } 9 | 10 | export default DragDotIcon 11 | -------------------------------------------------------------------------------- /src/icon/file-pdf/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FilePdfIcon as _FilePdfIcon } from './file-pdf' 3 | 4 | const FilePdfIcon = { 5 | install: (app: App) => { 6 | app.component('FilePdfIcon', _FilePdfIcon) 7 | } 8 | } 9 | 10 | export default FilePdfIcon 11 | -------------------------------------------------------------------------------- /src/icon/formula/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FormulaIcon as _FormulaIcon } from './formula' 3 | 4 | const FormulaIcon = { 5 | install: (app: App) => { 6 | app.component('FormulaIcon', _FormulaIcon) 7 | } 8 | } 9 | 10 | export default FormulaIcon 11 | -------------------------------------------------------------------------------- /src/icon/forward/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ForwardIcon as _ForwardIcon } from './forward' 3 | 4 | const ForwardIcon = { 5 | install: (app: App) => { 6 | app.component('ForwardIcon', _ForwardIcon) 7 | } 8 | } 9 | 10 | export default ForwardIcon 11 | -------------------------------------------------------------------------------- /src/icon/history/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { HistoryIcon as _HistoryIcon } from './history' 3 | 4 | const HistoryIcon = { 5 | install: (app: App) => { 6 | app.component('HistoryIcon', _HistoryIcon) 7 | } 8 | } 9 | 10 | export default HistoryIcon 11 | -------------------------------------------------------------------------------- /src/icon/loading/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { LoadingIcon as _LoadingIcon } from './loading' 3 | 4 | const LoadingIcon = { 5 | install: (app: App) => { 6 | app.component('LoadingIcon', _LoadingIcon) 7 | } 8 | } 9 | 10 | export default LoadingIcon 11 | -------------------------------------------------------------------------------- /src/icon/message/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MessageIcon as _MessageIcon } from './message' 3 | 4 | const MessageIcon = { 5 | install: (app: App) => { 6 | app.component('MessageIcon', _MessageIcon) 7 | } 8 | } 9 | 10 | export default MessageIcon 11 | -------------------------------------------------------------------------------- /src/icon/pen-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PenFillIcon as _PenFillIcon } from './pen-fill' 3 | 4 | const PenFillIcon = { 5 | install: (app: App) => { 6 | app.component('PenFillIcon', _PenFillIcon) 7 | } 8 | } 9 | 10 | export default PenFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/printer/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PrinterIcon as _PrinterIcon } from './printer' 3 | 4 | const PrinterIcon = { 5 | install: (app: App) => { 6 | app.component('PrinterIcon', _PrinterIcon) 7 | } 8 | } 9 | 10 | export default PrinterIcon 11 | -------------------------------------------------------------------------------- /src/icon/pushpin/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PushpinIcon as _PushpinIcon } from './pushpin' 3 | 4 | const PushpinIcon = { 5 | install: (app: App) => { 6 | app.component('PushpinIcon', _PushpinIcon) 7 | } 8 | } 9 | 10 | export default PushpinIcon 11 | -------------------------------------------------------------------------------- /src/icon/refresh/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { RefreshIcon as _RefreshIcon } from './refresh' 3 | 4 | const RefreshIcon = { 5 | install: (app: App) => { 6 | app.component('RefreshIcon', _RefreshIcon) 7 | } 8 | } 9 | 10 | export default RefreshIcon 11 | -------------------------------------------------------------------------------- /src/icon/scissor/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ScissorIcon as _ScissorIcon } from './scissor' 3 | 4 | const ScissorIcon = { 5 | install: (app: App) => { 6 | app.component('ScissorIcon', _ScissorIcon) 7 | } 8 | } 9 | 10 | export default ScissorIcon 11 | -------------------------------------------------------------------------------- /src/icon/storage/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { StorageIcon as _StorageIcon } from './storage' 3 | 4 | const StorageIcon = { 5 | install: (app: App) => { 6 | app.component('StorageIcon', _StorageIcon) 7 | } 8 | } 9 | 10 | export default StorageIcon 11 | -------------------------------------------------------------------------------- /src/icon/sun-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SunFillIcon as _SunFillIcon } from './sun-fill' 3 | 4 | const SunFillIcon = { 5 | install: (app: App) => { 6 | app.component('SunFillIcon', _SunFillIcon) 7 | } 8 | } 9 | 10 | export default SunFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/thumb-up/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ThumbUpIcon as _ThumbUpIcon } from './thumb-up' 3 | 4 | const ThumbUpIcon = { 5 | install: (app: App) => { 6 | app.component('ThumbUpIcon', _ThumbUpIcon) 7 | } 8 | } 9 | 10 | export default ThumbUpIcon 11 | -------------------------------------------------------------------------------- /src/icon/to-right/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ToRightIcon as _ToRightIcon } from './to-right' 3 | 4 | const ToRightIcon = { 5 | install: (app: App) => { 6 | app.component('ToRightIcon', _ToRightIcon) 7 | } 8 | } 9 | 10 | export default ToRightIcon 11 | -------------------------------------------------------------------------------- /src/icon/twitter/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { TwitterIcon as _TwitterIcon } from './twitter' 3 | 4 | const TwitterIcon = { 5 | install: (app: App) => { 6 | app.component('TwitterIcon', _TwitterIcon) 7 | } 8 | } 9 | 10 | export default TwitterIcon 11 | -------------------------------------------------------------------------------- /src/icon/user-add/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { UserAddIcon as _UserAddIcon } from './user-add' 3 | 4 | const UserAddIcon = { 5 | install: (app: App) => { 6 | app.component('UserAddIcon', _UserAddIcon) 7 | } 8 | } 9 | 10 | export default UserAddIcon 11 | -------------------------------------------------------------------------------- /src/icon/zoom-out/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ZoomOutIcon as _ZoomOutIcon } from './zoom-out' 3 | 4 | const ZoomOutIcon = { 5 | install: (app: App) => { 6 | app.component('ZoomOutIcon', _ZoomOutIcon) 7 | } 8 | } 9 | 10 | export default ZoomOutIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/arrow-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/backward/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { BackwardIcon as _BackwardIcon } from './backward' 3 | 4 | const BackwardIcon = { 5 | install: (app: App) => { 6 | app.component('BackwardIcon', _BackwardIcon) 7 | } 8 | } 9 | 10 | export default BackwardIcon 11 | -------------------------------------------------------------------------------- /src/icon/bookmark/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { BookmarkIcon as _BookmarkIcon } from './bookmark' 3 | 4 | const BookmarkIcon = { 5 | install: (app: App) => { 6 | app.component('BookmarkIcon', _BookmarkIcon) 7 | } 8 | } 9 | 10 | export default BookmarkIcon 11 | -------------------------------------------------------------------------------- /src/icon/calendar/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CalendarIcon as _CalendarIcon } from './calendar' 3 | 4 | const CalendarIcon = { 5 | install: (app: App) => { 6 | app.component('CalendarIcon', _CalendarIcon) 7 | } 8 | } 9 | 10 | export default CalendarIcon 11 | -------------------------------------------------------------------------------- /src/icon/computer/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ComputerIcon as _ComputerIcon } from './computer' 3 | 4 | const ComputerIcon = { 5 | install: (app: App) => { 6 | app.component('ComputerIcon', _ComputerIcon) 7 | } 8 | } 9 | 10 | export default ComputerIcon 11 | -------------------------------------------------------------------------------- /src/icon/download/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { DownloadIcon as _DownloadIcon } from './download' 3 | 4 | const DownloadIcon = { 5 | install: (app: App) => { 6 | app.component('DownloadIcon', _DownloadIcon) 7 | } 8 | } 9 | 10 | export default DownloadIcon 11 | -------------------------------------------------------------------------------- /src/icon/facebook/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FacebookIcon as _FacebookIcon } from './facebook' 3 | 4 | const FacebookIcon = { 5 | install: (app: App) => { 6 | app.component('FacebookIcon', _FacebookIcon) 7 | } 8 | } 9 | 10 | export default FacebookIcon 11 | -------------------------------------------------------------------------------- /src/icon/language/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { LanguageIcon as _LanguageIcon } from './language' 3 | 4 | const LanguageIcon = { 5 | install: (app: App) => { 6 | app.component('LanguageIcon', _LanguageIcon) 7 | } 8 | } 9 | 10 | export default LanguageIcon 11 | -------------------------------------------------------------------------------- /src/icon/location/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { LocationIcon as _LocationIcon } from './location' 3 | 4 | const LocationIcon = { 5 | install: (app: App) => { 6 | app.component('LocationIcon', _LocationIcon) 7 | } 8 | } 9 | 10 | export default LocationIcon 11 | -------------------------------------------------------------------------------- /src/icon/poweroff/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PoweroffIcon as _PoweroffIcon } from './poweroff' 3 | 4 | const PoweroffIcon = { 5 | install: (app: App) => { 6 | app.component('PoweroffIcon', _PoweroffIcon) 7 | } 8 | } 9 | 10 | export default PoweroffIcon 11 | -------------------------------------------------------------------------------- /src/icon/question/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { QuestionIcon as _QuestionIcon } from './question' 3 | 4 | const QuestionIcon = { 5 | install: (app: App) => { 6 | app.component('QuestionIcon', _QuestionIcon) 7 | } 8 | } 9 | 10 | export default QuestionIcon 11 | -------------------------------------------------------------------------------- /src/icon/relation/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { RelationIcon as _RelationIcon } from './relation' 3 | 4 | const RelationIcon = { 5 | install: (app: App) => { 6 | app.component('RelationIcon', _RelationIcon) 7 | } 8 | } 9 | 10 | export default RelationIcon 11 | -------------------------------------------------------------------------------- /src/icon/schedule/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ScheduleIcon as _ScheduleIcon } from './schedule' 3 | 4 | const ScheduleIcon = { 5 | install: (app: App) => { 6 | app.component('ScheduleIcon', _ScheduleIcon) 7 | } 8 | } 9 | 10 | export default ScheduleIcon 11 | -------------------------------------------------------------------------------- /src/icon/settings/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SettingsIcon as _SettingsIcon } from './settings' 3 | 4 | const SettingsIcon = { 5 | install: (app: App) => { 6 | app.component('SettingsIcon', _SettingsIcon) 7 | } 8 | } 9 | 10 | export default SettingsIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/nav.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/download.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/send.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/bar-chart/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { BarChartIcon as _BarChartIcon } from './bar-chart' 3 | 4 | const BarChartIcon = { 5 | install: (app: App) => { 6 | app.component('BarChartIcon', _BarChartIcon) 7 | } 8 | } 9 | 10 | export default BarChartIcon 11 | -------------------------------------------------------------------------------- /src/icon/bg-colors/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { BgColorsIcon as _BgColorsIcon } from './bg-colors' 3 | 4 | const BgColorsIcon = { 5 | install: (app: App) => { 6 | app.component('BgColorsIcon', _BgColorsIcon) 7 | } 8 | } 9 | 10 | export default BgColorsIcon 11 | -------------------------------------------------------------------------------- /src/icon/double-up/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { DoubleUpIcon as _DoubleUpIcon } from './double-up' 3 | 4 | const DoubleUpIcon = { 5 | install: (app: App) => { 6 | app.component('DoubleUpIcon', _DoubleUpIcon) 7 | } 8 | } 9 | 10 | export default DoubleUpIcon 11 | -------------------------------------------------------------------------------- /src/icon/menu-fold/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MenuFoldIcon as _MenuFoldIcon } from './menu-fold' 3 | 4 | const MenuFoldIcon = { 5 | install: (app: App) => { 6 | app.component('MenuFoldIcon', _MenuFoldIcon) 7 | } 8 | } 9 | 10 | export default MenuFoldIcon 11 | -------------------------------------------------------------------------------- /src/icon/moon-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MoonFillIcon as _MoonFillIcon } from './moon-fill' 3 | 4 | const MoonFillIcon = { 5 | install: (app: App) => { 6 | app.component('MoonFillIcon', _MoonFillIcon) 7 | } 8 | } 9 | 10 | export default MoonFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/mute-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MuteFillIcon as _MuteFillIcon } from './mute-fill' 3 | 4 | const MuteFillIcon = { 5 | install: (app: App) => { 6 | app.component('MuteFillIcon', _MuteFillIcon) 7 | } 8 | } 9 | 10 | export default MuteFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/robot-add/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { RobotAddIcon as _RobotAddIcon } from './robot-add' 3 | 4 | const RobotAddIcon = { 5 | install: (app: App) => { 6 | app.component('RobotAddIcon', _RobotAddIcon) 7 | } 8 | } 9 | 10 | export default RobotAddIcon 11 | -------------------------------------------------------------------------------- /src/icon/share-alt/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ShareAltIcon as _ShareAltIcon } from './share-alt' 3 | 4 | const ShareAltIcon = { 5 | install: (app: App) => { 6 | app.component('ShareAltIcon', _ShareAltIcon) 7 | } 8 | } 9 | 10 | export default ShareAltIcon 11 | -------------------------------------------------------------------------------- /src/icon/skip-next/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SkipNextIcon as _SkipNextIcon } from './skip-next' 3 | 4 | const SkipNextIcon = { 5 | install: (app: App) => { 6 | app.component('SkipNextIcon', _SkipNextIcon) 7 | } 8 | } 9 | 10 | export default SkipNextIcon 11 | -------------------------------------------------------------------------------- /src/icon/star-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { StarFillIcon as _StarFillIcon } from './star-fill' 3 | 4 | const StarFillIcon = { 5 | install: (app: App) => { 6 | app.component('StarFillIcon', _StarFillIcon) 7 | } 8 | } 9 | 10 | export default StarFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/to-bottom/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ToBottomIcon as _ToBottomIcon } from './to-bottom' 3 | 4 | const ToBottomIcon = { 5 | install: (app: App) => { 6 | app.component('ToBottomIcon', _ToBottomIcon) 7 | } 8 | } 9 | 10 | export default ToBottomIcon 11 | -------------------------------------------------------------------------------- /src/icon/up-circle/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { UpCircleIcon as _UpCircleIcon } from './up-circle' 3 | 4 | const UpCircleIcon = { 5 | install: (app: App) => { 6 | app.component('UpCircleIcon', _UpCircleIcon) 7 | } 8 | } 9 | 10 | export default UpCircleIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/h4.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/loading.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/schedule.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/import.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/align-left/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { AlignLeftIcon as _AlignLeftIcon } from './align-left' 3 | 4 | const AlignLeftIcon = { 5 | install: (app: App) => { 6 | app.component('AlignLeftIcon', _AlignLeftIcon) 7 | } 8 | } 9 | 10 | export default AlignLeftIcon 11 | -------------------------------------------------------------------------------- /src/icon/arrow-down/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ArrowDownIcon as _ArrowDownIcon } from './arrow-down' 3 | 4 | const ArrowDownIcon = { 5 | install: (app: App) => { 6 | app.component('ArrowDownIcon', _ArrowDownIcon) 7 | } 8 | } 9 | 10 | export default ArrowDownIcon 11 | -------------------------------------------------------------------------------- /src/icon/arrow-fall/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ArrowFallIcon as _ArrowFallIcon } from './arrow-fall' 3 | 4 | const ArrowFallIcon = { 5 | install: (app: App) => { 6 | app.component('ArrowFallIcon', _ArrowFallIcon) 7 | } 8 | } 9 | 10 | export default ArrowFallIcon 11 | -------------------------------------------------------------------------------- /src/icon/arrow-left/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ArrowLeftIcon as _ArrowLeftIcon } from './arrow-left' 3 | 4 | const ArrowLeftIcon = { 5 | install: (app: App) => { 6 | app.component('ArrowLeftIcon', _ArrowLeftIcon) 7 | } 8 | } 9 | 10 | export default ArrowLeftIcon 11 | -------------------------------------------------------------------------------- /src/icon/arrow-rise/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ArrowRiseIcon as _ArrowRiseIcon } from './arrow-rise' 3 | 4 | const ArrowRiseIcon = { 5 | install: (app: App) => { 6 | app.component('ArrowRiseIcon', _ArrowRiseIcon) 7 | } 8 | } 9 | 10 | export default ArrowRiseIcon 11 | -------------------------------------------------------------------------------- /src/icon/caret-down/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CaretDownIcon as _CaretDownIcon } from './caret-down' 3 | 4 | const CaretDownIcon = { 5 | install: (app: App) => { 6 | app.component('CaretDownIcon', _CaretDownIcon) 7 | } 8 | } 9 | 10 | export default CaretDownIcon 11 | -------------------------------------------------------------------------------- /src/icon/caret-left/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CaretLeftIcon as _CaretLeftIcon } from './caret-left' 3 | 4 | const CaretLeftIcon = { 5 | install: (app: App) => { 6 | app.component('CaretLeftIcon', _CaretLeftIcon) 7 | } 8 | } 9 | 10 | export default CaretLeftIcon 11 | -------------------------------------------------------------------------------- /src/icon/code-block/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CodeBlockIcon as _CodeBlockIcon } from './code-block' 3 | 4 | const CodeBlockIcon = { 5 | install: (app: App) => { 6 | app.component('CodeBlockIcon', _CodeBlockIcon) 7 | } 8 | } 9 | 10 | export default CodeBlockIcon 11 | -------------------------------------------------------------------------------- /src/icon/copyright/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CopyrightIcon as _CopyrightIcon } from './copyright' 3 | 4 | const CopyrightIcon = { 5 | install: (app: App) => { 6 | app.component('CopyrightIcon', _CopyrightIcon) 7 | } 8 | } 9 | 10 | export default CopyrightIcon 11 | -------------------------------------------------------------------------------- /src/icon/dashboard/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { DashboardIcon as _DashboardIcon } from './dashboard' 3 | 4 | const DashboardIcon = { 5 | install: (app: App) => { 6 | app.component('DashboardIcon', _DashboardIcon) 7 | } 8 | } 9 | 10 | export default DashboardIcon 11 | -------------------------------------------------------------------------------- /src/icon/drag-arrow/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { DragArrowIcon as _DragArrowIcon } from './drag-arrow' 3 | 4 | const DragArrowIcon = { 5 | install: (app: App) => { 6 | app.component('DragArrowIcon', _DragArrowIcon) 7 | } 8 | } 9 | 10 | export default DragArrowIcon 11 | -------------------------------------------------------------------------------- /src/icon/drive-file/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { DriveFileIcon as _DriveFileIcon } from './drive-file' 3 | 4 | const DriveFileIcon = { 5 | install: (app: App) => { 6 | app.component('DriveFileIcon', _DriveFileIcon) 7 | } 8 | } 9 | 10 | export default DriveFileIcon 11 | -------------------------------------------------------------------------------- /src/icon/file-audio/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FileAudioIcon as _FileAudioIcon } from './file-audio' 3 | 4 | const FileAudioIcon = { 5 | install: (app: App) => { 6 | app.component('FileAudioIcon', _FileAudioIcon) 7 | } 8 | } 9 | 10 | export default FileAudioIcon 11 | -------------------------------------------------------------------------------- /src/icon/file-image/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FileImageIcon as _FileImageIcon } from './file-image' 3 | 4 | const FileImageIcon = { 5 | install: (app: App) => { 6 | app.component('FileImageIcon', _FileImageIcon) 7 | } 8 | } 9 | 10 | export default FileImageIcon 11 | -------------------------------------------------------------------------------- /src/icon/file-video/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FileVideoIcon as _FileVideoIcon } from './file-video' 3 | 4 | const FileVideoIcon = { 5 | install: (app: App) => { 6 | app.component('FileVideoIcon', _FileVideoIcon) 7 | } 8 | } 9 | 10 | export default FileVideoIcon 11 | -------------------------------------------------------------------------------- /src/icon/folder-add/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FolderAddIcon as _FolderAddIcon } from './folder-add' 3 | 4 | const FolderAddIcon = { 5 | install: (app: App) => { 6 | app.component('FolderAddIcon', _FolderAddIcon) 7 | } 8 | } 9 | 10 | export default FolderAddIcon 11 | -------------------------------------------------------------------------------- /src/icon/heart-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { HeartFillIcon as _HeartFillIcon } from './heart-fill' 3 | 4 | const HeartFillIcon = { 5 | install: (app: App) => { 6 | app.component('HeartFillIcon', _HeartFillIcon) 7 | } 8 | } 9 | 10 | export default HeartFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/highlight/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { HighlightIcon as _HighlightIcon } from './highlight' 3 | 4 | const HighlightIcon = { 5 | install: (app: App) => { 6 | app.component('HighlightIcon', _HighlightIcon) 7 | } 8 | } 9 | 10 | export default HighlightIcon 11 | -------------------------------------------------------------------------------- /src/icon/lark-color/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { LarkColorIcon as _LarkColorIcon } from './lark-color' 3 | 4 | const LarkColorIcon = { 5 | install: (app: App) => { 6 | app.component('LarkColorIcon', _LarkColorIcon) 7 | } 8 | } 9 | 10 | export default LarkColorIcon 11 | -------------------------------------------------------------------------------- /src/icon/play-arrow/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PlayArrowIcon as _PlayArrowIcon } from './play-arrow' 3 | 4 | const PlayArrowIcon = { 5 | install: (app: App) => { 6 | app.component('PlayArrowIcon', _PlayArrowIcon) 7 | } 8 | } 9 | 10 | export default PlayArrowIcon 11 | -------------------------------------------------------------------------------- /src/icon/select-all/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SelectAllIcon as _SelectAllIcon } from './select-all' 3 | 4 | const SelectAllIcon = { 5 | install: (app: App) => { 6 | app.component('SelectAllIcon', _SelectAllIcon) 7 | } 8 | } 9 | 10 | export default SelectAllIcon 11 | -------------------------------------------------------------------------------- /src/icon/sound-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SoundFillIcon as _SoundFillIcon } from './sound-fill' 3 | 4 | const SoundFillIcon = { 5 | install: (app: App) => { 6 | app.component('SoundFillIcon', _SoundFillIcon) 7 | } 8 | } 9 | 10 | export default SoundFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/subscribe/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SubscribeIcon as _SubscribeIcon } from './subscribe' 3 | 4 | const SubscribeIcon = { 5 | install: (app: App) => { 6 | app.component('SubscribeIcon', _SubscribeIcon) 7 | } 8 | } 9 | 10 | export default SubscribeIcon 11 | -------------------------------------------------------------------------------- /src/icon/thumb-down/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ThumbDownIcon as _ThumbDownIcon } from './thumb-down' 3 | 4 | const ThumbDownIcon = { 5 | install: (app: App) => { 6 | app.component('ThumbDownIcon', _ThumbDownIcon) 7 | } 8 | } 9 | 10 | export default ThumbDownIcon 11 | -------------------------------------------------------------------------------- /src/icon/translate/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { TranslateIcon as _TranslateIcon } from './translate' 3 | 4 | const TranslateIcon = { 5 | install: (app: App) => { 6 | app.component('TranslateIcon', _TranslateIcon) 7 | } 8 | } 9 | 10 | export default TranslateIcon 11 | -------------------------------------------------------------------------------- /src/icon/underline/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { UnderlineIcon as _UnderlineIcon } from './underline' 3 | 4 | const UnderlineIcon = { 5 | install: (app: App) => { 6 | app.component('UnderlineIcon', _UnderlineIcon) 7 | } 8 | } 9 | 10 | export default UnderlineIcon 11 | -------------------------------------------------------------------------------- /src/icon/user-group/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { UserGroupIcon as _UserGroupIcon } from './user-group' 3 | 4 | const UserGroupIcon = { 5 | install: (app: App) => { 6 | app.component('UserGroupIcon', _UserGroupIcon) 7 | } 8 | } 9 | 10 | export default UserGroupIcon 11 | -------------------------------------------------------------------------------- /src/icon/wechatpay/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { WechatpayIcon as _WechatpayIcon } from './wechatpay' 3 | 4 | const WechatpayIcon = { 5 | install: (app: App) => { 6 | app.component('WechatpayIcon', _WechatpayIcon) 7 | } 8 | } 9 | 10 | export default WechatpayIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/expand.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/common.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/experiment/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ExperimentIcon as _ExperimentIcon } from './experiment' 3 | 4 | const ExperimentIcon = { 5 | install: (app: App) => { 6 | app.component('ExperimentIcon', _ExperimentIcon) 7 | } 8 | } 9 | 10 | export default ExperimentIcon 11 | -------------------------------------------------------------------------------- /src/icon/fullscreen/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FullscreenIcon as _FullscreenIcon } from './fullscreen' 3 | 4 | const FullscreenIcon = { 5 | install: (app: App) => { 6 | app.component('FullscreenIcon', _FullscreenIcon) 7 | } 8 | } 9 | 10 | export default FullscreenIcon 11 | -------------------------------------------------------------------------------- /src/icon/subscribed/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SubscribedIcon as _SubscribedIcon } from './subscribed' 3 | 4 | const SubscribedIcon = { 5 | install: (app: App) => { 6 | app.component('SubscribedIcon', _SubscribedIcon) 7 | } 8 | } 9 | 10 | export default SubscribedIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/shrink.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/h1.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/export.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/align-right/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { AlignRightIcon as _AlignRightIcon } from './align-right' 3 | 4 | const AlignRightIcon = { 5 | install: (app: App) => { 6 | app.component('AlignRightIcon', _AlignRightIcon) 7 | } 8 | } 9 | 10 | export default AlignRightIcon 11 | -------------------------------------------------------------------------------- /src/icon/arrow-right/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ArrowRightIcon as _ArrowRightIcon } from './arrow-right' 3 | 4 | const ArrowRightIcon = { 5 | install: (app: App) => { 6 | app.component('ArrowRightIcon', _ArrowRightIcon) 7 | } 8 | } 9 | 10 | export default ArrowRightIcon 11 | -------------------------------------------------------------------------------- /src/icon/caret-right/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CaretRightIcon as _CaretRightIcon } from './caret-right' 3 | 4 | const CaretRightIcon = { 5 | install: (app: App) => { 6 | app.component('CaretRightIcon', _CaretRightIcon) 7 | } 8 | } 9 | 10 | export default CaretRightIcon 11 | -------------------------------------------------------------------------------- /src/icon/code-square/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CodeSquareIcon as _CodeSquareIcon } from './code-square' 3 | 4 | const CodeSquareIcon = { 5 | install: (app: App) => { 6 | app.component('CodeSquareIcon', _CodeSquareIcon) 7 | } 8 | } 9 | 10 | export default CodeSquareIcon 11 | -------------------------------------------------------------------------------- /src/icon/double-down/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { DoubleDownIcon as _DoubleDownIcon } from './double-down' 3 | 4 | const DoubleDownIcon = { 5 | install: (app: App) => { 6 | app.component('DoubleDownIcon', _DoubleDownIcon) 7 | } 8 | } 9 | 10 | export default DoubleDownIcon 11 | -------------------------------------------------------------------------------- /src/icon/double-left/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { DoubleLeftIcon as _DoubleLeftIcon } from './double-left' 3 | 4 | const DoubleLeftIcon = { 5 | install: (app: App) => { 6 | app.component('DoubleLeftIcon', _DoubleLeftIcon) 7 | } 8 | } 9 | 10 | export default DoubleLeftIcon 11 | -------------------------------------------------------------------------------- /src/icon/down-circle/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { DownCircleIcon as _DownCircleIcon } from './down-circle' 3 | 4 | const DownCircleIcon = { 5 | install: (app: App) => { 6 | app.component('DownCircleIcon', _DownCircleIcon) 7 | } 8 | } 9 | 10 | export default DownCircleIcon 11 | -------------------------------------------------------------------------------- /src/icon/font-colors/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FontColorsIcon as _FontColorsIcon } from './font-colors' 3 | 4 | const FontColorsIcon = { 5 | install: (app: App) => { 6 | app.component('FontColorsIcon', _FontColorsIcon) 7 | } 8 | } 9 | 10 | export default FontColorsIcon 11 | -------------------------------------------------------------------------------- /src/icon/image-close/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ImageCloseIcon as _ImageCloseIcon } from './image-close' 3 | 4 | const ImageCloseIcon = { 5 | install: (app: App) => { 6 | app.component('ImageCloseIcon', _ImageCloseIcon) 7 | } 8 | } 9 | 10 | export default ImageCloseIcon 11 | -------------------------------------------------------------------------------- /src/icon/info-circle/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { InfoCircleIcon as _InfoCircleIcon } from './info-circle' 3 | 4 | const InfoCircleIcon = { 5 | install: (app: App) => { 6 | app.component('InfoCircleIcon', _InfoCircleIcon) 7 | } 8 | } 9 | 10 | export default InfoCircleIcon 11 | -------------------------------------------------------------------------------- /src/icon/left-circle/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { LeftCircleIcon as _LeftCircleIcon } from './left-circle' 3 | 4 | const LeftCircleIcon = { 5 | install: (app: App) => { 6 | app.component('LeftCircleIcon', _LeftCircleIcon) 7 | } 8 | } 9 | 10 | export default LeftCircleIcon 11 | -------------------------------------------------------------------------------- /src/icon/line-height/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { LineHeightIcon as _LineHeightIcon } from './line-height' 3 | 4 | const LineHeightIcon = { 5 | install: (app: App) => { 6 | app.component('LineHeightIcon', _LineHeightIcon) 7 | } 8 | } 9 | 10 | export default LineHeightIcon 11 | -------------------------------------------------------------------------------- /src/icon/menu-unfold/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MenuUnfoldIcon as _MenuUnfoldIcon } from './menu-unfold' 3 | 4 | const MenuUnfoldIcon = { 5 | install: (app: App) => { 6 | app.component('MenuUnfoldIcon', _MenuUnfoldIcon) 7 | } 8 | } 9 | 10 | export default MenuUnfoldIcon 11 | -------------------------------------------------------------------------------- /src/icon/play-circle/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PlayCircleIcon as _PlayCircleIcon } from './play-circle' 3 | 4 | const PlayCircleIcon = { 5 | install: (app: App) => { 6 | app.component('PlayCircleIcon', _PlayCircleIcon) 7 | } 8 | } 9 | 10 | export default PlayCircleIcon 11 | -------------------------------------------------------------------------------- /src/icon/plus-circle/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PlusCircleIcon as _PlusCircleIcon } from './plus-circle' 3 | 4 | const PlusCircleIcon = { 5 | install: (app: App) => { 6 | app.component('PlusCircleIcon', _PlusCircleIcon) 7 | } 8 | } 9 | 10 | export default PlusCircleIcon 11 | -------------------------------------------------------------------------------- /src/icon/record-stop/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { RecordStopIcon as _RecordStopIcon } from './record-stop' 3 | 4 | const RecordStopIcon = { 5 | install: (app: App) => { 6 | app.component('RecordStopIcon', _RecordStopIcon) 7 | } 8 | } 9 | 10 | export default RecordStopIcon 11 | -------------------------------------------------------------------------------- /src/icon/rotate-left/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { RotateLeftIcon as _RotateLeftIcon } from './rotate-left' 3 | 4 | const RotateLeftIcon = { 5 | install: (app: App) => { 6 | app.component('RotateLeftIcon', _RotateLeftIcon) 7 | } 8 | } 9 | 10 | export default RotateLeftIcon 11 | -------------------------------------------------------------------------------- /src/icon/xigua-color/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { XiguaColorIcon as _XiguaColorIcon } from './xigua-color' 3 | 4 | const XiguaColorIcon = { 5 | install: (app: App) => { 6 | app.component('XiguaColorIcon', _XiguaColorIcon) 7 | } 8 | } 9 | 10 | export default XiguaColorIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/double-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/double-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/notification.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/home.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/upload.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/align-center/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { AlignCenterIcon as _AlignCenterIcon } from './align-center' 3 | 4 | const AlignCenterIcon = { 5 | install: (app: App) => { 6 | app.component('AlignCenterIcon', _AlignCenterIcon) 7 | } 8 | } 9 | 10 | export default AlignCenterIcon 11 | -------------------------------------------------------------------------------- /src/icon/check-circle/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CheckCircleIcon as _CheckCircleIcon } from './check-circle' 3 | 4 | const CheckCircleIcon = { 5 | install: (app: App) => { 6 | app.component('CheckCircleIcon', _CheckCircleIcon) 7 | } 8 | } 9 | 10 | export default CheckCircleIcon 11 | -------------------------------------------------------------------------------- /src/icon/check-square/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CheckSquareIcon as _CheckSquareIcon } from './check-square' 3 | 4 | const CheckSquareIcon = { 5 | install: (app: App) => { 6 | app.component('CheckSquareIcon', _CheckSquareIcon) 7 | } 8 | } 9 | 10 | export default CheckSquareIcon 11 | -------------------------------------------------------------------------------- /src/icon/chinese-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ChineseFillIcon as _ChineseFillIcon } from './chinese-fill' 3 | 4 | const ChineseFillIcon = { 5 | install: (app: App) => { 6 | app.component('ChineseFillIcon', _ChineseFillIcon) 7 | } 8 | } 9 | 10 | export default ChineseFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/clock-circle/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ClockCircleIcon as _ClockCircleIcon } from './clock-circle' 3 | 4 | const ClockCircleIcon = { 5 | install: (app: App) => { 6 | app.component('ClockCircleIcon', _ClockCircleIcon) 7 | } 8 | } 9 | 10 | export default ClockCircleIcon 11 | -------------------------------------------------------------------------------- /src/icon/close-circle/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CloseCircleIcon as _CloseCircleIcon } from './close-circle' 3 | 4 | const CloseCircleIcon = { 5 | install: (app: App) => { 6 | app.component('CloseCircleIcon', _CloseCircleIcon) 7 | } 8 | } 9 | 10 | export default CloseCircleIcon 11 | -------------------------------------------------------------------------------- /src/icon/code-sandbox/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CodeSandboxIcon as _CodeSandboxIcon } from './code-sandbox' 3 | 4 | const CodeSandboxIcon = { 5 | install: (app: App) => { 6 | app.component('CodeSandboxIcon', _CodeSandboxIcon) 7 | } 8 | } 9 | 10 | export default CodeSandboxIcon 11 | -------------------------------------------------------------------------------- /src/icon/double-right/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { DoubleRightIcon as _DoubleRightIcon } from './double-right' 3 | 4 | const DoubleRightIcon = { 5 | install: (app: App) => { 6 | app.component('DoubleRightIcon', _DoubleRightIcon) 7 | } 8 | } 9 | 10 | export default DoubleRightIcon 11 | -------------------------------------------------------------------------------- /src/icon/english-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { EnglishFillIcon as _EnglishFillIcon } from './english-fill' 3 | 4 | const EnglishFillIcon = { 5 | install: (app: App) => { 6 | app.component('EnglishFillIcon', _EnglishFillIcon) 7 | } 8 | } 9 | 10 | export default EnglishFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/exclamation/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ExclamationIcon as _ExclamationIcon } from './exclamation' 3 | 4 | const ExclamationIcon = { 5 | install: (app: App) => { 6 | app.component('ExclamationIcon', _ExclamationIcon) 7 | } 8 | } 9 | 10 | export default ExclamationIcon 11 | -------------------------------------------------------------------------------- /src/icon/find-replace/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FindReplaceIcon as _FindReplaceIcon } from './find-replace' 3 | 4 | const FindReplaceIcon = { 5 | install: (app: App) => { 6 | app.component('FindReplaceIcon', _FindReplaceIcon) 7 | } 8 | } 9 | 10 | export default FindReplaceIcon 11 | -------------------------------------------------------------------------------- /src/icon/interaction/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { InteractionIcon as _InteractionIcon } from './interaction' 3 | 4 | const InteractionIcon = { 5 | install: (app: App) => { 6 | app.component('InteractionIcon', _InteractionIcon) 7 | } 8 | } 9 | 10 | export default InteractionIcon 11 | -------------------------------------------------------------------------------- /src/icon/mind-mapping/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MindMappingIcon as _MindMappingIcon } from './mind-mapping' 3 | 4 | const MindMappingIcon = { 5 | install: (app: App) => { 6 | app.component('MindMappingIcon', _MindMappingIcon) 7 | } 8 | } 9 | 10 | export default MindMappingIcon 11 | -------------------------------------------------------------------------------- /src/icon/minus-circle/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MinusCircleIcon as _MinusCircleIcon } from './minus-circle' 3 | 4 | const MinusCircleIcon = { 5 | install: (app: App) => { 6 | app.component('MinusCircleIcon', _MinusCircleIcon) 7 | } 8 | } 9 | 10 | export default MinusCircleIcon 11 | -------------------------------------------------------------------------------- /src/icon/oblique-line/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ObliqueLineIcon as _ObliqueLineIcon } from './oblique-line' 3 | 4 | const ObliqueLineIcon = { 5 | install: (app: App) => { 6 | app.component('ObliqueLineIcon', _ObliqueLineIcon) 7 | } 8 | } 9 | 10 | export default ObliqueLineIcon 11 | -------------------------------------------------------------------------------- /src/icon/ordered-list/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { OrderedListIcon as _OrderedListIcon } from './ordered-list' 3 | 4 | const OrderedListIcon = { 5 | install: (app: App) => { 6 | app.component('OrderedListIcon', _OrderedListIcon) 7 | } 8 | } 9 | 10 | export default OrderedListIcon 11 | -------------------------------------------------------------------------------- /src/icon/pause-circle/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PauseCircleIcon as _PauseCircleIcon } from './pause-circle' 3 | 4 | const PauseCircleIcon = { 5 | install: (app: App) => { 6 | app.component('PauseCircleIcon', _PauseCircleIcon) 7 | } 8 | } 9 | 10 | export default PauseCircleIcon 11 | -------------------------------------------------------------------------------- /src/icon/right-circle/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { RightCircleIcon as _RightCircleIcon } from './right-circle' 3 | 4 | const RightCircleIcon = { 5 | install: (app: App) => { 6 | app.component('RightCircleIcon', _RightCircleIcon) 7 | } 8 | } 9 | 10 | export default RightCircleIcon 11 | -------------------------------------------------------------------------------- /src/icon/rotate-right/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { RotateRightIcon as _RotateRightIcon } from './rotate-right' 3 | 4 | const RotateRightIcon = { 5 | install: (app: App) => { 6 | app.component('RotateRightIcon', _RotateRightIcon) 7 | } 8 | } 9 | 10 | export default RotateRightIcon 11 | -------------------------------------------------------------------------------- /src/icon/thunderbolt/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ThunderboltIcon as _ThunderboltIcon } from './thunderbolt' 3 | 4 | const ThunderboltIcon = { 5 | install: (app: App) => { 6 | app.component('ThunderboltIcon', _ThunderboltIcon) 7 | } 8 | } 9 | 10 | export default ThunderboltIcon 11 | -------------------------------------------------------------------------------- /src/icon/tiktok-color/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { TiktokColorIcon as _TiktokColorIcon } from './tiktok-color' 3 | 4 | const TiktokColorIcon = { 5 | install: (app: App) => { 6 | app.component('TiktokColorIcon', _TiktokColorIcon) 7 | } 8 | } 9 | 10 | export default TiktokColorIcon 11 | -------------------------------------------------------------------------------- /src/icon/video-camera/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { VideoCameraIcon as _VideoCameraIcon } from './video-camera' 3 | 4 | const VideoCameraIcon = { 5 | install: (app: App) => { 6 | app.component('VideoCameraIcon', _VideoCameraIcon) 7 | } 8 | } 9 | 10 | export default VideoCameraIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/double-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/double-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/underline.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/tips/outline/close.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/face-meh-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FaceMehFillIcon as _FaceMehFillIcon } from './face-meh-fill' 3 | 4 | const FaceMehFillIcon = { 5 | install: (app: App) => { 6 | app.component('FaceMehFillIcon', _FaceMehFillIcon) 7 | } 8 | } 9 | 10 | export default FaceMehFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/thumb-up-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ThumbUpFillIcon as _ThumbUpFillIcon } from './thumb-up-fill' 3 | 4 | const ThumbUpFillIcon = { 5 | install: (app: App) => { 6 | app.component('ThumbUpFillIcon', _ThumbUpFillIcon) 7 | } 8 | } 9 | 10 | export default ThumbUpFillIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/pen.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/robot-add.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/alipay-circle/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { AlipayCircleIcon as _AlipayCircleIcon } from './alipay-circle' 3 | 4 | const AlipayCircleIcon = { 5 | install: (app: App) => { 6 | app.component('AlipayCircleIcon', _AlipayCircleIcon) 7 | } 8 | } 9 | 10 | export default AlipayCircleIcon 11 | -------------------------------------------------------------------------------- /src/icon/eye-invisible/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { EyeInvisibleIcon as _EyeInvisibleIcon } from './eye-invisible' 3 | 4 | const EyeInvisibleIcon = { 5 | install: (app: App) => { 6 | app.component('EyeInvisibleIcon', _EyeInvisibleIcon) 7 | } 8 | } 9 | 10 | export default EyeInvisibleIcon 11 | -------------------------------------------------------------------------------- /src/icon/folder-delete/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FolderDeleteIcon as _FolderDeleteIcon } from './folder-delete' 3 | 4 | const FolderDeleteIcon = { 5 | install: (app: App) => { 6 | app.component('FolderDeleteIcon', _FolderDeleteIcon) 7 | } 8 | } 9 | 10 | export default FolderDeleteIcon 11 | -------------------------------------------------------------------------------- /src/icon/more-vertical/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MoreVerticalIcon as _MoreVerticalIcon } from './more-vertical' 3 | 4 | const MoreVerticalIcon = { 5 | install: (app: App) => { 6 | app.component('MoreVerticalIcon', _MoreVerticalIcon) 7 | } 8 | } 9 | 10 | export default MoreVerticalIcon 11 | -------------------------------------------------------------------------------- /src/icon/notification/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { NotificationIcon as _NotificationIcon } from './notification' 3 | 4 | const NotificationIcon = { 5 | install: (app: App) => { 6 | app.component('NotificationIcon', _NotificationIcon) 7 | } 8 | } 9 | 10 | export default NotificationIcon 11 | -------------------------------------------------------------------------------- /src/icon/original-size/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { OriginalSizeIcon as _OriginalSizeIcon } from './original-size' 3 | 4 | const OriginalSizeIcon = { 5 | install: (app: App) => { 6 | app.component('OriginalSizeIcon', _OriginalSizeIcon) 7 | } 8 | } 9 | 10 | export default OriginalSizeIcon 11 | -------------------------------------------------------------------------------- /src/icon/qq-circle-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { QqCircleFillIcon as _QqCircleFillIcon } from './qq-circle-fill' 3 | 4 | const QqCircleFillIcon = { 5 | install: (app: App) => { 6 | app.component('QqCircleFillIcon', _QqCircleFillIcon) 7 | } 8 | } 9 | 10 | export default QqCircleFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/skip-next-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SkipNextFillIcon as _SkipNextFillIcon } from './skip-next-fill' 3 | 4 | const SkipNextFillIcon = { 5 | install: (app: App) => { 6 | app.component('SkipNextFillIcon', _SkipNextFillIcon) 7 | } 8 | } 9 | 10 | export default SkipNextFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/skip-previous/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SkipPreviousIcon as _SkipPreviousIcon } from './skip-previous' 3 | 4 | const SkipPreviousIcon = { 5 | install: (app: App) => { 6 | app.component('SkipPreviousIcon', _SkipPreviousIcon) 7 | } 8 | } 9 | 10 | export default SkipPreviousIcon 11 | -------------------------------------------------------------------------------- /src/icon/subscribe-add/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SubscribeAddIcon as _SubscribeAddIcon } from './subscribe-add' 3 | 4 | const SubscribeAddIcon = { 5 | install: (app: App) => { 6 | app.component('SubscribeAddIcon', _SubscribeAddIcon) 7 | } 8 | } 9 | 10 | export default SubscribeAddIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/up-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/share-internal.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/strikethrough/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { StrikethroughIcon as _StrikethroughIcon } from './strikethrough' 3 | 4 | const StrikethroughIcon = { 5 | install: (app: App) => { 6 | app.component('StrikethroughIcon', _StrikethroughIcon) 7 | } 8 | } 9 | 10 | export default StrikethroughIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/left-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/right-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/file.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/media/outline/skip-next.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /src/icon/cloud-download/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CloudDownloadIcon as _CloudDownloadIcon } from './cloud-download' 3 | 4 | const CloudDownloadIcon = { 5 | install: (app: App) => { 6 | app.component('CloudDownloadIcon', _CloudDownloadIcon) 7 | } 8 | } 9 | 10 | export default CloudDownloadIcon 11 | -------------------------------------------------------------------------------- /src/icon/face-frown-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FaceFrownFillIcon as _FaceFrownFillIcon } from './face-frown-fill' 3 | 4 | const FaceFrownFillIcon = { 5 | install: (app: App) => { 6 | app.component('FaceFrownFillIcon', _FaceFrownFillIcon) 7 | } 8 | } 9 | 10 | export default FaceFrownFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/face-smile-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FaceSmileFillIcon as _FaceSmileFillIcon } from './face-smile-fill' 3 | 4 | const FaceSmileFillIcon = { 5 | install: (app: App) => { 6 | app.component('FaceSmileFillIcon', _FaceSmileFillIcon) 7 | } 8 | } 9 | 10 | export default FaceSmileFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/live-broadcast/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { LiveBroadcastIcon as _LiveBroadcastIcon } from './live-broadcast' 3 | 4 | const LiveBroadcastIcon = { 5 | install: (app: App) => { 6 | app.component('LiveBroadcastIcon', _LiveBroadcastIcon) 7 | } 8 | } 9 | 10 | export default LiveBroadcastIcon 11 | -------------------------------------------------------------------------------- /src/icon/message-banned/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MessageBannedIcon as _MessageBannedIcon } from './message-banned' 3 | 4 | const MessageBannedIcon = { 5 | install: (app: App) => { 6 | app.component('MessageBannedIcon', _MessageBannedIcon) 7 | } 8 | } 9 | 10 | export default MessageBannedIcon 11 | -------------------------------------------------------------------------------- /src/icon/play-arrow-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PlayArrowFillIcon as _PlayArrowFillIcon } from './play-arrow-fill' 3 | 4 | const PlayArrowFillIcon = { 5 | install: (app: App) => { 6 | app.component('PlayArrowFillIcon', _PlayArrowFillIcon) 7 | } 8 | } 9 | 10 | export default PlayArrowFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/share-external/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ShareExternalIcon as _ShareExternalIcon } from './share-external' 3 | 4 | const ShareExternalIcon = { 5 | install: (app: App) => { 6 | app.component('ShareExternalIcon', _ShareExternalIcon) 7 | } 8 | } 9 | 10 | export default ShareExternalIcon 11 | -------------------------------------------------------------------------------- /src/icon/share-internal/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ShareInternalIcon as _ShareInternalIcon } from './share-internal' 3 | 4 | const ShareInternalIcon = { 5 | install: (app: App) => { 6 | app.component('ShareInternalIcon', _ShareInternalIcon) 7 | } 8 | } 9 | 10 | export default ShareInternalIcon 11 | -------------------------------------------------------------------------------- /src/icon/sort-ascending/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SortAscendingIcon as _SortAscendingIcon } from './sort-ascending' 3 | 4 | const SortAscendingIcon = { 5 | install: (app: App) => { 6 | app.component('SortAscendingIcon', _SortAscendingIcon) 7 | } 8 | } 9 | 10 | export default SortAscendingIcon 11 | -------------------------------------------------------------------------------- /src/icon/thumb-down-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ThumbDownFillIcon as _ThumbDownFillIcon } from './thumb-down-fill' 3 | 4 | const ThumbDownFillIcon = { 5 | install: (app: App) => { 6 | app.component('ThumbDownFillIcon', _ThumbDownFillIcon) 7 | } 8 | } 9 | 10 | export default ThumbDownFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/unordered-list/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { UnorderedListIcon as _UnorderedListIcon } from './unordered-list' 3 | 4 | const UnorderedListIcon = { 5 | install: (app: App) => { 6 | app.component('UnorderedListIcon', _UnorderedListIcon) 7 | } 8 | } 9 | 10 | export default UnorderedListIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/sort-ascending.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/qrcode.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/bytedance-color/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { BytedanceColorIcon as _BytedanceColorIcon } from './bytedance-color' 3 | 4 | const BytedanceColorIcon = { 5 | install: (app: App) => { 6 | app.component('BytedanceColorIcon', _BytedanceColorIcon) 7 | } 8 | } 9 | 10 | export default BytedanceColorIcon 11 | -------------------------------------------------------------------------------- /src/icon/fullscreen-exit/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FullscreenExitIcon as _FullscreenExitIcon } from './fullscreen-exit' 3 | 4 | const FullscreenExitIcon = { 5 | install: (app: App) => { 6 | app.component('FullscreenExitIcon', _FullscreenExitIcon) 7 | } 8 | } 9 | 10 | export default FullscreenExitIcon 11 | -------------------------------------------------------------------------------- /src/icon/question-circle/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { QuestionCircleIcon as _QuestionCircleIcon } from './question-circle' 3 | 4 | const QuestionCircleIcon = { 5 | install: (app: App) => { 6 | app.component('QuestionCircleIcon', _QuestionCircleIcon) 7 | } 8 | } 9 | 10 | export default QuestionCircleIcon 11 | -------------------------------------------------------------------------------- /src/icon/sort-descending/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SortDescendingIcon as _SortDescendingIcon } from './sort-descending' 3 | 4 | const SortDescendingIcon = { 5 | install: (app: App) => { 6 | app.component('SortDescendingIcon', _SortDescendingIcon) 7 | } 8 | } 9 | 10 | export default SortDescendingIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/code.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/tips/outline/clock-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/tips/outline/minus-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/info-circle-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { InfoCircleFillIcon as _InfoCircleFillIcon } from './info-circle-fill' 3 | 4 | const InfoCircleFillIcon = { 5 | install: (app: App) => { 6 | app.component('InfoCircleFillIcon', _InfoCircleFillIcon) 7 | } 8 | } 9 | 10 | export default InfoCircleFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/play-circle-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PlayCircleFillIcon as _PlayCircleFillIcon } from './play-circle-fill' 3 | 4 | const PlayCircleFillIcon = { 5 | install: (app: App) => { 6 | app.component('PlayCircleFillIcon', _PlayCircleFillIcon) 7 | } 8 | } 9 | 10 | export default PlayCircleFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/plus-circle-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PlusCircleFillIcon as _PlusCircleFillIcon } from './plus-circle-fill' 3 | 4 | const PlusCircleFillIcon = { 5 | install: (app: App) => { 6 | app.component('PlusCircleFillIcon', _PlusCircleFillIcon) 7 | } 8 | } 9 | 10 | export default PlusCircleFillIcon 11 | -------------------------------------------------------------------------------- /src/index.scss: -------------------------------------------------------------------------------- 1 | @import "tailwindcss/base"; 2 | @import "tailwindcss/components"; 3 | @import "tailwindcss/utilities"; 4 | @import "./style/icon.scss"; 5 | 6 | @import "button/style/button.scss"; 7 | @import "space/style/index.scss"; 8 | @import "input/style/index.scss"; 9 | @import "trigger/style/index.scss"; 10 | @import "tree/style/tree.scss"; -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/message.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/check-circle-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CheckCircleFillIcon as _CheckCircleFillIcon } from './check-circle-fill' 3 | 4 | const CheckCircleFillIcon = { 5 | install: (app: App) => { 6 | app.component('CheckCircleFillIcon', _CheckCircleFillIcon) 7 | } 8 | } 9 | 10 | export default CheckCircleFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/close-circle-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CloseCircleFillIcon as _CloseCircleFillIcon } from './close-circle-fill' 3 | 4 | const CloseCircleFillIcon = { 5 | install: (app: App) => { 6 | app.component('CloseCircleFillIcon', _CloseCircleFillIcon) 7 | } 8 | } 9 | 10 | export default CloseCircleFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/customer-service/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { CustomerServiceIcon as _CustomerServiceIcon } from './customer-service' 3 | 4 | const CustomerServiceIcon = { 5 | install: (app: App) => { 6 | app.component('CustomerServiceIcon', _CustomerServiceIcon) 7 | } 8 | } 9 | 10 | export default CustomerServiceIcon 11 | -------------------------------------------------------------------------------- /src/icon/drag-dot-vertical/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { DragDotVerticalIcon as _DragDotVerticalIcon } from './drag-dot-vertical' 3 | 4 | const DragDotVerticalIcon = { 5 | install: (app: App) => { 6 | app.component('DragDotVerticalIcon', _DragDotVerticalIcon) 7 | } 8 | } 9 | 10 | export default DragDotVerticalIcon 11 | -------------------------------------------------------------------------------- /src/icon/minus-circle-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { MinusCircleFillIcon as _MinusCircleFillIcon } from './minus-circle-fill' 3 | 4 | const MinusCircleFillIcon = { 5 | install: (app: App) => { 6 | app.component('MinusCircleFillIcon', _MinusCircleFillIcon) 7 | } 8 | } 9 | 10 | export default MinusCircleFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/pause-circle-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { PauseCircleFillIcon as _PauseCircleFillIcon } from './pause-circle-fill' 3 | 4 | const PauseCircleFillIcon = { 5 | install: (app: App) => { 6 | app.component('PauseCircleFillIcon', _PauseCircleFillIcon) 7 | } 8 | } 9 | 10 | export default PauseCircleFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/weibo-circle-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { WeiboCircleFillIcon as _WeiboCircleFillIcon } from './weibo-circle-fill' 3 | 4 | const WeiboCircleFillIcon = { 5 | install: (app: App) => { 6 | app.component('WeiboCircleFillIcon', _WeiboCircleFillIcon) 7 | } 8 | } 9 | 10 | export default WeiboCircleFillIcon 11 | -------------------------------------------------------------------------------- /docs/.vitepress/theme/register-components.ts: -------------------------------------------------------------------------------- 1 | import Demo from 'vitepress-theme-demoblock/components/Demo.vue' 2 | import DemoBlock from 'vitepress-theme-demoblock/components/DemoBlock.vue' 3 | import type {App} from 'vue' 4 | export function registerComponents(app:App) { 5 | app.component('Demo', Demo) 6 | app.component('DemoBlock', DemoBlock) 7 | } 8 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/bar-chart.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /icon/_svgs/tips/outline/check-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/safe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/google-circle-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { GoogleCircleFillIcon as _GoogleCircleFillIcon } from './google-circle-fill' 3 | 4 | const GoogleCircleFillIcon = { 5 | install: (app: App) => { 6 | app.component('GoogleCircleFillIcon', _GoogleCircleFillIcon) 7 | } 8 | } 9 | 10 | export default GoogleCircleFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/skip-previous-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { SkipPreviousFillIcon as _SkipPreviousFillIcon } from './skip-previous-fill' 3 | 4 | const SkipPreviousFillIcon = { 5 | install: (app: App) => { 6 | app.component('SkipPreviousFillIcon', _SkipPreviousFillIcon) 7 | } 8 | } 9 | 10 | export default SkipPreviousFillIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/down-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/redo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/book.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/calendar.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/desktop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/drive-file.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/layout.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/media/outline/fullscreen.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/icon/exclamation-circle/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ExclamationCircleIcon as _ExclamationCircleIcon } from './exclamation-circle' 3 | 4 | const ExclamationCircleIcon = { 5 | install: (app: App) => { 6 | app.component('ExclamationCircleIcon', _ExclamationCircleIcon) 7 | } 8 | } 9 | 10 | export default ExclamationCircleIcon 11 | -------------------------------------------------------------------------------- /src/icon/notification-close/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { NotificationCloseIcon as _NotificationCloseIcon } from './notification-close' 3 | 4 | const NotificationCloseIcon = { 5 | install: (app: App) => { 6 | app.component('NotificationCloseIcon', _NotificationCloseIcon) 7 | } 8 | } 9 | 10 | export default NotificationCloseIcon 11 | -------------------------------------------------------------------------------- /src/icon/twitter-circle-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { TwitterCircleFillIcon as _TwitterCircleFillIcon } from './twitter-circle-fill' 3 | 4 | const TwitterCircleFillIcon = { 5 | install: (app: App) => { 6 | app.component('TwitterCircleFillIcon', _TwitterCircleFillIcon) 7 | } 8 | } 9 | 10 | export default TwitterCircleFillIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/undo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/email.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/interaction.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/refresh.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/tips/outline/info-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/poweroff.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/button/style/button.scss: -------------------------------------------------------------------------------- 1 | @use './button-config.scss'; 2 | @import './button-base.scss'; 3 | 4 | .s-btn { 5 | @include button-base; 6 | // 导入type相关的样式 7 | @include button-variant(button-config.$type); 8 | // 导入size相关的样式 9 | @include button-variant(button-config.$size); 10 | // 导入hover等伪类 11 | @include button-variant(button-config.$pseudo, true); 12 | } 13 | -------------------------------------------------------------------------------- /src/icon/faceBook-circle-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FaceBookCircleFillIcon as _FaceBookCircleFillIcon } from './faceBook-circle-fill' 3 | 4 | const FaceBookCircleFillIcon = { 5 | install: (app: App) => { 6 | app.component('FaceBookCircleFillIcon', _FaceBookCircleFillIcon) 7 | } 8 | } 9 | 10 | export default FaceBookCircleFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/facebook-square-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { FacebookSquareFillIcon as _FacebookSquareFillIcon } from './facebook-square-fill' 3 | 4 | const FacebookSquareFillIcon = { 5 | install: (app: App) => { 6 | app.component('FacebookSquareFillIcon', _FacebookSquareFillIcon) 7 | } 8 | } 9 | 10 | export default FacebookSquareFillIcon 11 | -------------------------------------------------------------------------------- /src/icon/question-circle-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { QuestionCircleFillIcon as _QuestionCircleFillIcon } from './question-circle-fill' 3 | 4 | const QuestionCircleFillIcon = { 5 | install: (app: App) => { 6 | app.component('QuestionCircleFillIcon', _QuestionCircleFillIcon) 7 | } 8 | } 9 | 10 | export default QuestionCircleFillIcon 11 | -------------------------------------------------------------------------------- /icon/_svgs/media/outline/fullscreen-exit.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/tips/outline/exclamation-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/tips/outline/question.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/file-image.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/mind-mapping.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/select-all.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/media/outline/skip-previous.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/tips/outline/check-square.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/tree/index.ts: -------------------------------------------------------------------------------- 1 | import { App } from 'vue' 2 | import Tree from './src/tree' 3 | import { installComponent } from '../install' 4 | import type { SheepUIOptions } from '../_utils/global-config' 5 | 6 | // 具名导出 7 | export { Tree } 8 | 9 | // 导出插件 10 | export default { 11 | install(app: App, options?: SheepUIOptions) { 12 | installComponent(app, Tree, options) 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/swap.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/subscribe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/history.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/copy.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/font-colors.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/sort-descending.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/loop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/woman.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/location.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/trophy.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/media/outline/play-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite App 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/icon/exclamation-circle-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ExclamationCircleFillIcon as _ExclamationCircleFillIcon } from './exclamation-circle-fill' 3 | 4 | const ExclamationCircleFillIcon = { 5 | install: (app: App) => { 6 | app.component('ExclamationCircleFillIcon', _ExclamationCircleFillIcon) 7 | } 8 | } 9 | 10 | export default ExclamationCircleFillIcon 11 | -------------------------------------------------------------------------------- /src/space/index.ts: -------------------------------------------------------------------------------- 1 | import { App } from 'vue' 2 | import Sapce from './src/space' 3 | 4 | import { installComponent } from '../install' 5 | import type { SheepUIOptions } from '../_utils/global-config' 6 | // 具名导出 7 | export { Sapce as SSpace } 8 | 9 | // 导出插件 10 | export default { 11 | install(app: App, options?: SheepUIOptions) { 12 | installComponent(app, Sapce, options) 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /.eslintcache: -------------------------------------------------------------------------------- 1 | [{"D:\\workspace\\private\\sheep-ui\\src\\tree\\src\\componsables\\use-tree.ts":"1"},{"size":3976,"mtime":1658740685920,"results":"2","hashOfConfig":"3"},{"filePath":"4","messages":"5","suppressedMessages":"6","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"f27uhz","D:\\workspace\\private\\sheep-ui\\src\\tree\\src\\componsables\\use-tree.ts",[],[]] -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | build 15 | build/ 16 | # Editor directories and files 17 | .vscode/* 18 | !.vscode/extensions.json 19 | .idea 20 | .DS_Store 21 | *.suo 22 | *.ntvs* 23 | *.njsproj 24 | *.sln 25 | *.sw? 26 | .history 27 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/h2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/notification-close.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/user-add.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/user.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /src/icon/exclamation-polygon-fill/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import { ExclamationPolygonFillIcon as _ExclamationPolygonFillIcon } from './exclamation-polygon-fill' 3 | 4 | const ExclamationPolygonFillIcon = { 5 | install: (app: App) => { 6 | app.component('ExclamationPolygonFillIcon', _ExclamationPolygonFillIcon) 7 | } 8 | } 9 | 10 | export default ExclamationPolygonFillIcon 11 | -------------------------------------------------------------------------------- /src/input/index.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue' 2 | import Input from './src/input' 3 | 4 | import { installComponent } from '../install' 5 | import type { SheepUIOptions } from '../_utils/global-config' 6 | // 具名导出 7 | export { Input as SInput } 8 | 9 | // 导出插件 10 | export default { 11 | install(app: App, options?: SheepUIOptions) { 12 | installComponent(app, Input, options) 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/bookmark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/file-video.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/man.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/bold.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/button/src/button-group.tsx: -------------------------------------------------------------------------------- 1 | import { defineComponent } from 'vue' 2 | import { getComponentCls } from '../../_utils/global-config' 3 | 4 | export default defineComponent({ 5 | name: 'ButtonGroup', 6 | setup(props, { slots }) { 7 | const prefixCls = getComponentCls('btn-group') 8 | 9 | return () => { 10 | return
{slots.default?.()}
11 | } 12 | } 13 | }) 14 | -------------------------------------------------------------------------------- /src/trigger/index.ts: -------------------------------------------------------------------------------- 1 | import { App } from 'vue' 2 | import Trigger from './src/trigger' 3 | import { installComponent } from '../install' 4 | import type { SheepUIOptions } from '../_utils/global-config' 5 | 6 | // 具名导出 7 | export { Trigger as STrigger } 8 | 9 | // 导出插件 10 | export default { 11 | install(app: App, options?: SheepUIOptions) { 12 | installComponent(app, Trigger, options) 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/zoom-out.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/code-square.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/style/icon.scss: -------------------------------------------------------------------------------- 1 | @import './variable.scss'; 2 | 3 | .#{$prefix}-icon { 4 | display: inline-block; 5 | width: 1em; 6 | height: 1em; 7 | color: inherit; 8 | font-style: normal; 9 | vertical-align: -2px; 10 | outline: none; 11 | stroke: currentColor; 12 | } 13 | 14 | .#{$prefix}-hover-icon { 15 | position: relative; 16 | display: inline-block; 17 | cursor: pointer; 18 | line-height: 12px; 19 | } -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/h5.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/cloud.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/folder.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/cloud-download.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/voice.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/media/outline/play-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/tips/outline/plus-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/zoom-in.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/menu-unfold.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/menu-fold.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/subscribed.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/unlock.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /cli/template/test.ts: -------------------------------------------------------------------------------- 1 | import { upperFirst } from './utils' 2 | 3 | export default function genTestTemplate(name) { 4 | return `\ 5 | import { render } from '@testing-library/vue' 6 | import ${upperFirst(name)} from '../src/${name}' 7 | 8 | describe('${name} test', () => { 9 | test('${name} init render', async () => { 10 | const { getByRole } = render(${upperFirst(name)}) 11 | getByRole('${name}') 12 | }) 13 | }) 14 | ` 15 | } 16 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/folder-delete.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/delete.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/formula.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/folder-add.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/share-external.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/search.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/media/outline/pause-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /icon/_svgs/tips/outline/close-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/caret-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/caret-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/computer.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/thunderbolt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/code-block.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/tips/outline/stop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /cli/template/types.ts: -------------------------------------------------------------------------------- 1 | import { upperFirst } from './utils' 2 | // 创建组件属性类型声明文件模板 3 | export default function genTypesTemplate(name: string) { 4 | // 属性类型声明和属性类型 5 | const propsTypeName = upperFirst(name) + 'Props' 6 | const propsName = name + 'Props' 7 | 8 | return `\ 9 | import { ExtractPropTypes, PropType } from 'vue' 10 | 11 | export const ${propsName} = {} as const 12 | export type ${propsTypeName} = ExtractPropTypes 13 | ` 14 | } 15 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/copyright.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/media/fill/play-arrow-fill.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /docs/.vitepress/theme/index.ts: -------------------------------------------------------------------------------- 1 | import Theme from 'vitepress/theme' 2 | import './demo-block.scss' 3 | import '../../../src/index.scss' 4 | import {registerComponents} from './register-components' 5 | import SheepUI from '../../../src/index' 6 | import type {App} from 'vue' 7 | 8 | export default { 9 | ...Theme, 10 | // 扩展应用程序实例 11 | enhanceApp({app}:{app:App}) { 12 | // 注册组件 13 | registerComponents(app) 14 | app.use(SheepUI) 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/caret-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/caret-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/logo/outline/facebook.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/_utils/call.ts: -------------------------------------------------------------------------------- 1 | export type MaybeArray = T | T[] 2 | 3 | function call(fun: MaybeArray<() => void>): void 4 | function call(fun: MaybeArray<(a1: A1) => void>, a1: A1): void 5 | function call( 6 | fun: MaybeArray<(...args: any[]) => any>, 7 | ...args: A 8 | ): void { 9 | if (Array.isArray(fun)) { 10 | fun.forEach(item => (call as any)(item, ...args)) 11 | } else { 12 | fun(...args) 13 | } 14 | } 15 | 16 | export { call } 17 | -------------------------------------------------------------------------------- /icon/_svgs/media/outline/sound.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/filter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/highlight.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/video-camera.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/ear.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/translate.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /scripts/entry.ts: -------------------------------------------------------------------------------- 1 | // 入口文件 2 | // 1.引入实现组件批量导出去 3 | import type { App } from 'vue' 4 | import ButtonPlugin, { Button } from '../src/button' 5 | import SpacePlugin, { SSpace } from '../src/space' 6 | import version from '../src/version' 7 | // 2.导出这些组件 8 | export { Button, SSpace, version } 9 | 10 | const installs = [ButtonPlugin, SpacePlugin] 11 | 12 | // 3.导出一个vue插件 13 | export default { 14 | version, 15 | install(app: App) { 16 | installs.forEach(p => app.use(p)) 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/thumb-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /cli/src/index.ts: -------------------------------------------------------------------------------- 1 | import { Command } from 'commander' 2 | import { onCreate } from '../command/create' 3 | 4 | // 创建命令对象 5 | const cmd = new Command() 6 | 7 | // 注册命令、参数，以及用户传入之后的回调函数 8 | // $ tsnd ./src/index.ts create --type component 9 | cmd 10 | .command('create') 11 | .description('创建一个组件模板或配置文件') 12 | // 添加命令参数-t | --type,表明为必选参数 13 | .option('-t --type ', '创建类型，可选值：component, lib-entry') 14 | // 注册回调函数 15 | .action(onCreate) 16 | 17 | // 执行命令行参数的解析 18 | cmd.parse() 19 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/subscribe-add.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/save.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/button/index.ts: -------------------------------------------------------------------------------- 1 | import { App } from 'vue' 2 | import Button from './src/button' 3 | import ButtonGroup from './src/button-group' 4 | import { installComponent } from '../install' 5 | import type { SheepUIOptions } from '../_utils/global-config' 6 | // 具名导出 7 | export { Button, ButtonGroup } 8 | 9 | // 导出插件 10 | export default { 11 | install(app: App, options?: SheepUIOptions) { 12 | installComponent(app, Button, options) 13 | installComponent(app, ButtonGroup, options) 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/user-group.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/tree/style/tree.scss: -------------------------------------------------------------------------------- 1 | .s-tree { 2 | /* your component style */ 3 | &-node{ 4 | text-align: left; 5 | } 6 | .s-tree-checkbox__inner { 7 | @apply absolute; 8 | position: absolute; 9 | left: 0px; 10 | top: 8px; 11 | width: 12px; 12 | height: 12px; 13 | background: #5468ff; 14 | color: #fff; 15 | display: flex; 16 | justify-content: center; 17 | align-items: center; 18 | border-radius: 2px; 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/strikethrough.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/layers.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/to-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /icon/_svgs/media/outline/mute.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | 3 | declare module '*.vue' { 4 | import type { DefineComponent } from 'vue' 5 | // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types 6 | const component: DefineComponent<{}, {}, any> 7 | export default component 8 | } 9 | 10 | interface ImportMetaEnv { 11 | readonly VITE_API_TIMEOUT: number 12 | readonly VITE_MOCKUP: boolean 13 | } 14 | 15 | interface ImportMeta { 16 | readonly env: ImportMetaEnv 17 | } 18 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/at.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/skin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/thumb-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/rotate-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/rotate-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/bug.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/idcard.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /icon/_svgs/tips/outline/question-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icon/_svgs/direction/outline/drag-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /icon/_svgs/interactive-button/outline/heart.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/robot.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /icon/_svgs/edit/outline/brush.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /icon/_svgs/general/outline/compass.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /cli/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "cli", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "dev": "tsc --watch", 8 | "build": "tsc", 9 | "cli": "node ./build/src/index.js create" 10 | }, 11 | "keywords": [], 12 | "author": "", 13 | "license": "ISC", 14 | "devDependencies": { 15 | "commander": "^9.2.0", 16 | "fs-extra": "^10.1.0", 17 | "inquirer": "^8.2.2", 18 | "kolorist": "^1.5.1" 19 | }, 20 | "dependencies": { 21 | "esbuild": "^0.14.38" 22 | } 23 | } 24 | --------------------------------------------------------------------------------