├── .stylelintignore ├── docs ├── .gitignore ├── public │ └── favicon.ico ├── reset.d.ts ├── postcss.config.js ├── src │ ├── content │ │ ├── docs │ │ │ ├── develop │ │ │ │ ├── dark.mdx │ │ │ │ ├── theme.mdx │ │ │ │ ├── grasp.mdx │ │ │ │ └── yike.mdx │ │ │ └── design │ │ │ │ ├── principle.mdx │ │ │ │ └── yike.mdx │ │ ├── demos │ │ │ ├── switch │ │ │ │ ├── size.tsx │ │ │ │ ├── disable.tsx │ │ │ │ └── text-icon.tsx │ │ │ ├── button │ │ │ │ ├── basic-type.tsx │ │ │ │ └── loading-status.tsx │ │ │ ├── affix │ │ │ │ ├── affixed-change.tsx │ │ │ │ └── basic-usage.tsx │ │ │ ├── back-top │ │ │ │ └── basic.tsx │ │ │ └── space.scss │ │ └── components │ │ │ └── color │ │ │ └── ColorCard.tsx │ ├── app │ │ ├── (site) │ │ │ ├── design │ │ │ │ ├── [slug] │ │ │ │ │ └── page.tsx │ │ │ │ └── layout.tsx │ │ │ ├── develop │ │ │ │ ├── [slug] │ │ │ │ │ └── page.tsx │ │ │ │ └── layout.tsx │ │ │ ├── components │ │ │ │ ├── [slug] │ │ │ │ │ └── page.tsx │ │ │ │ └── layout.tsx │ │ │ └── layout.tsx │ │ ├── (example) │ │ │ ├── layout.tsx │ │ │ └── demos │ │ │ │ ├── [component] │ │ │ │ └── layout.tsx │ │ │ │ └── inline │ │ │ │ └── [component] │ │ │ │ └── layout.tsx │ │ └── layout.tsx │ ├── utils │ │ └── constants.ts │ └── components │ │ ├── mdx │ │ └── YiKeDemo.tsx │ │ ├── demo │ │ └── CodeBlockWrapper.tsx │ │ ├── ThemeButton.tsx │ │ └── Layout.tsx ├── rehype-toc.d.ts └── next-env.d.ts ├── packages ├── yike-design-icon │ ├── .gitignore │ ├── src │ │ ├── index.ts │ │ ├── types.ts │ │ └── icons │ │ │ ├── svg │ │ │ ├── MinusOutlined.tsx │ │ │ ├── SlashOutlined.tsx │ │ │ ├── DownOutlined.tsx │ │ │ ├── MenuOutlined.tsx │ │ │ ├── PlusOutlined.tsx │ │ │ ├── RightOutlined.tsx │ │ │ ├── TickOutlined.tsx │ │ │ ├── UpOutlined.tsx │ │ │ ├── ArrowDown2Filled.tsx │ │ │ ├── BookmarkFilled.tsx │ │ │ ├── LeftOutlined.tsx │ │ │ ├── AppFilled.tsx │ │ │ ├── ClothesFilled.tsx │ │ │ ├── HomepageFilled.tsx │ │ │ ├── MoreOutlined.tsx │ │ │ ├── CardFilled.tsx │ │ │ └── RankingFilled.tsx │ │ │ ├── UpFilled.tsx │ │ │ ├── AppFilled.tsx │ │ │ ├── EyeFilled.tsx │ │ │ ├── PdfFilled.tsx │ │ │ ├── PptFilled.tsx │ │ │ ├── SunFilled.tsx │ │ │ ├── TagFilled.tsx │ │ │ ├── TxtFilled.tsx │ │ │ ├── VipFilled.tsx │ │ │ ├── BackFilled.tsx │ │ │ ├── BellFilled.tsx │ │ │ ├── BulbFilled.tsx │ │ │ ├── CardFilled.tsx │ │ │ ├── DateFilled.tsx │ │ │ ├── DownFilled.tsx │ │ │ ├── EditFilled.tsx │ │ │ ├── FileFilled.tsx │ │ │ ├── FillFilled.tsx │ │ │ ├── GiftFilled.tsx │ │ │ ├── LeftFilled.tsx │ │ │ ├── LikeFilled.tsx │ │ │ ├── LockFilled.tsx │ │ │ ├── MoonFilled.tsx │ │ │ ├── MoreFilled.tsx │ │ │ ├── PlayFilled.tsx │ │ │ ├── ReadFilled.tsx │ │ │ ├── ScanFilled.tsx │ │ │ ├── StarFilled.tsx │ │ │ ├── TickFilled.tsx │ │ │ ├── TimeFilled.tsx │ │ │ ├── TodoFilled.tsx │ │ │ ├── UpOutlined.tsx │ │ │ ├── WordFilled.tsx │ │ │ ├── AlarmFilled.tsx │ │ │ ├── AppOutlined.tsx │ │ │ ├── AudioFilled.tsx │ │ │ ├── CrossFilled.tsx │ │ │ ├── CrownFilled.tsx │ │ │ ├── CupOutlined.tsx │ │ │ ├── EmailFilled.tsx │ │ │ ├── ExcelFilled.tsx │ │ │ ├── EyeOutlined.tsx │ │ │ ├── GroupFilled.tsx │ │ │ ├── HeartFilled.tsx │ │ │ ├── ImageFilled.tsx │ │ │ ├── LabelFilled.tsx │ │ │ ├── MoneyFilled.tsx │ │ │ ├── PauseFilled.tsx │ │ │ ├── PdfOutlined.tsx │ │ │ ├── PptOutlined.tsx │ │ │ ├── RightFilled.tsx │ │ │ ├── ShareFilled.tsx │ │ │ ├── SunOutlined.tsx │ │ │ ├── TagOutlined.tsx │ │ │ ├── TipOutlined.tsx │ │ │ ├── TopOutlined.tsx │ │ │ ├── TxtOutlined.tsx │ │ │ ├── VideoFilled.tsx │ │ │ ├── VipOutlined.tsx │ │ │ ├── Back1Filled.tsx │ │ │ ├── Move1Filled.tsx │ │ │ ├── Move2Filled.tsx │ │ │ ├── Up2Outlined.tsx │ │ │ ├── Yike1Filled.tsx │ │ │ ├── Yike2Filled.tsx │ │ │ ├── AvatarFilled.tsx │ │ │ ├── BackOutlined.tsx │ │ │ ├── BellOutlined.tsx │ │ │ ├── BulbOutlined.tsx │ │ │ ├── CameraFilled.tsx │ │ │ ├── CardOutlined.tsx │ │ │ ├── CodeOutlined.tsx │ │ │ ├── CopyOutlined.tsx │ │ │ ├── DataOutlined.tsx │ │ │ ├── DateOutlined.tsx │ │ │ ├── DownOutlined.tsx │ │ │ ├── ExitOutlined.tsx │ │ │ ├── FileOutlined.tsx │ │ │ ├── FillOutlined.tsx │ │ │ ├── GiftOutlined.tsx │ │ │ ├── GithubFilled.tsx │ │ │ ├── HintOutlined.tsx │ │ │ ├── LeftOutlined.tsx │ │ │ ├── LikeOutlined.tsx │ │ │ ├── LockOutlined.tsx │ │ │ ├── LogoutFilled.tsx │ │ │ ├── MailOutlined.tsx │ │ │ ├── MaleOutlined.tsx │ │ │ ├── MenuOutlined.tsx │ │ │ ├── MoonOutlined.tsx │ │ │ ├── MoreOutlined.tsx │ │ │ ├── PlayOutlined.tsx │ │ │ ├── PlusOutlined.tsx │ │ │ ├── ReadOutlined.tsx │ │ │ ├── ScanOutlined.tsx │ │ │ ├── SecureFilled.tsx │ │ │ ├── StarOutlined.tsx │ │ │ ├── TargetFilled.tsx │ │ │ ├── TickOutlined.tsx │ │ │ └── TimeOutlined.tsx │ ├── svg │ │ ├── outline │ │ │ ├── tick.svg │ │ │ ├── app.svg │ │ │ ├── arrow-down.svg │ │ │ ├── tick-min.svg │ │ │ ├── close.svg │ │ │ ├── minus.svg │ │ │ ├── avatar.svg │ │ │ ├── slash.svg │ │ │ ├── menu.svg │ │ │ ├── plus.svg │ │ │ ├── alarm.svg │ │ │ ├── more.svg │ │ │ ├── revoke.svg │ │ │ ├── right.svg │ │ │ ├── down.svg │ │ │ ├── up.svg │ │ │ ├── left.svg │ │ │ ├── tip.svg │ │ │ ├── bell.svg │ │ │ ├── plus-circle.svg │ │ │ ├── formatter.svg │ │ │ ├── card.svg │ │ │ ├── homepage.svg │ │ │ ├── circle-up.svg │ │ │ ├── mail.svg │ │ │ ├── circle-down.svg │ │ │ ├── tick-circle.svg │ │ │ ├── bookmark.svg │ │ │ ├── data.svg │ │ │ ├── zoom-in2.svg │ │ │ ├── zoom-out2.svg │ │ │ ├── date.svg │ │ │ ├── collapse.svg │ │ │ ├── cross.svg │ │ │ ├── expand.svg │ │ │ ├── upload2.svg │ │ │ ├── financial.svg │ │ │ ├── ranking.svg │ │ │ ├── scan.svg │ │ │ ├── reload.svg │ │ │ ├── clothes.svg │ │ │ ├── delete.svg │ │ │ ├── share.svg │ │ │ ├── wallet.svg │ │ │ ├── back.svg │ │ │ ├── todo.svg │ │ │ ├── file.svg │ │ │ ├── security.svg │ │ │ ├── code.svg │ │ │ ├── audio-file.svg │ │ │ ├── folder-close.svg │ │ │ ├── magnifier.svg │ │ │ ├── settings.svg │ │ │ ├── lock.svg │ │ │ ├── txt.svg │ │ │ ├── cup.svg │ │ │ ├── male.svg │ │ │ ├── time.svg │ │ │ ├── comment.svg │ │ │ ├── loading.svg │ │ │ ├── hint.svg │ │ │ ├── play.svg │ │ │ ├── warning.svg │ │ │ └── crown.svg │ │ └── fill │ │ │ ├── arrow-down2.svg │ │ │ ├── bookmark.svg │ │ │ ├── homepage.svg │ │ │ ├── clothes.svg │ │ │ ├── app.svg │ │ │ ├── ranking.svg │ │ │ ├── card.svg │ │ │ ├── date.svg │ │ │ ├── email.svg │ │ │ ├── move1.svg │ │ │ ├── down.svg │ │ │ ├── left.svg │ │ │ ├── move2.svg │ │ │ ├── up.svg │ │ │ ├── right.svg │ │ │ ├── avatar.svg │ │ │ ├── pause.svg │ │ │ ├── time.svg │ │ │ ├── security.svg │ │ │ ├── tag.svg │ │ │ ├── bell.svg │ │ │ ├── secure.svg │ │ │ ├── label.svg │ │ │ ├── todo.svg │ │ │ ├── paint-brush.svg │ │ │ ├── play.svg │ │ │ ├── warning.svg │ │ │ ├── reminder.svg │ │ │ ├── settings.svg │ │ │ ├── statistics.svg │ │ │ ├── video.svg │ │ │ ├── circle-plus.svg │ │ │ ├── crown.svg │ │ │ ├── yike2.svg │ │ │ ├── wallet.svg │ │ │ ├── logout.svg │ │ │ ├── upward.svg │ │ │ ├── file.svg │ │ │ ├── downward.svg │ │ │ ├── leftward.svg │ │ │ ├── location.svg │ │ │ ├── moon.svg │ │ │ ├── more.svg │ │ │ ├── tick.svg │ │ │ ├── folder-close.svg │ │ │ ├── rightward.svg │ │ │ ├── txt-file.svg │ │ │ ├── target.svg │ │ │ ├── txt.svg │ │ │ ├── back1.svg │ │ │ ├── edit.svg │ │ │ ├── lock.svg │ │ │ ├── like.svg │ │ │ ├── broadcast.svg │ │ │ ├── vip.svg │ │ │ ├── financial.svg │ │ │ ├── register.svg │ │ │ ├── expression.svg │ │ │ ├── folder-add.svg │ │ │ ├── back.svg │ │ │ ├── image.svg │ │ │ ├── secure1.svg │ │ │ ├── heart.svg │ │ │ ├── scan.svg │ │ │ ├── share.svg │ │ │ ├── alarm.svg │ │ │ ├── cross.svg │ │ │ └── money.svg │ ├── tsconfig.json │ ├── yike.config.ts │ └── clean-package.config.json ├── yike-design │ ├── src │ │ ├── styles │ │ │ ├── theme │ │ │ │ └── index.scss │ │ │ ├── color │ │ │ │ ├── index.scss │ │ │ │ └── hex2rgb.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── index.scss │ │ │ │ ├── element.scss │ │ │ │ └── elevation.scss │ │ │ ├── tokens │ │ │ │ ├── space.scss │ │ │ │ ├── corner.scss │ │ │ │ └── index.scss │ │ │ └── index.ts │ │ ├── components │ │ │ ├── space │ │ │ │ ├── style │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.ts │ │ │ │ └── index.ts │ │ │ ├── _utils │ │ │ │ ├── container.ts │ │ │ │ ├── is.ts │ │ │ │ ├── hooks │ │ │ │ │ ├── useUpdate.ts │ │ │ │ │ ├── useIsomorphicLayoutEffect.ts │ │ │ │ │ └── useUpdateEffect.ts │ │ │ │ └── composeRef.ts │ │ │ ├── affix │ │ │ │ ├── index.ts │ │ │ │ ├── style │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.ts │ │ │ │ └── utils │ │ │ │ │ └── index.ts │ │ │ ├── back-top │ │ │ │ ├── index.ts │ │ │ │ ├── style │ │ │ │ │ └── index.ts │ │ │ │ └── interface.ts │ │ │ ├── link │ │ │ │ ├── style │ │ │ │ │ ├── index.ts │ │ │ │ │ └── index.scss │ │ │ │ ├── index.ts │ │ │ │ ├── interface.ts │ │ │ │ └── Link.tsx │ │ │ ├── anchor │ │ │ │ ├── style │ │ │ │ │ └── index.ts │ │ │ │ ├── context.tsx │ │ │ │ ├── AnchorLine.tsx │ │ │ │ └── index.ts │ │ │ ├── button │ │ │ │ ├── style │ │ │ │ │ └── index.ts │ │ │ │ └── index.ts │ │ │ ├── switch │ │ │ │ ├── index.ts │ │ │ │ ├── style │ │ │ │ │ └── index.ts │ │ │ │ └── interface.ts │ │ │ ├── pagination │ │ │ │ ├── index.ts │ │ │ │ ├── style │ │ │ │ │ ├── index.ts │ │ │ │ │ └── variables.scss │ │ │ │ ├── PageJump │ │ │ │ │ └── type.ts │ │ │ │ ├── PageSize │ │ │ │ │ └── type.ts │ │ │ │ └── utils │ │ │ │ │ ├── adjustPagerCount.ts │ │ │ │ │ └── judgeOutTag.ts │ │ │ ├── typography │ │ │ │ ├── style │ │ │ │ │ └── index.ts │ │ │ │ ├── Text.tsx │ │ │ │ ├── index.ts │ │ │ │ ├── Paragraph.tsx │ │ │ │ └── __test__ │ │ │ │ │ └── Base.test.tsx │ │ │ └── _types │ │ │ │ └── index.ts │ │ ├── bundle.ts │ │ ├── utils │ │ │ └── index.ts │ │ └── index.ts │ ├── vitest.config.ts │ ├── tsconfig.json │ └── yike.config.ts ├── cli │ ├── src │ │ ├── commands │ │ │ ├── icons │ │ │ │ ├── index.ts │ │ │ │ └── utils │ │ │ │ │ └── define.ts │ │ │ └── build.ts │ │ ├── global.d.ts │ │ ├── types │ │ │ └── index.ts │ │ ├── index.ts │ │ └── utils │ │ │ └── loadConfig.ts │ ├── bin │ │ └── yike.mjs │ ├── tsconfig.json │ └── build.config.ts └── mdx-demo │ └── tsconfig.json ├── pnpm-workspace.yaml ├── .commitlintrc.cjs ├── .husky ├── pre-commit └── commit-msg ├── .vscode └── extensions.json ├── .eslintignore ├── .editorconfig ├── .prettierrc ├── .gitignore └── README.md /.stylelintignore: -------------------------------------------------------------------------------- 1 | dist -------------------------------------------------------------------------------- /docs/.gitignore: -------------------------------------------------------------------------------- 1 | # contentlayer 2 | .contentlayer -------------------------------------------------------------------------------- /packages/yike-design-icon/.gitignore: -------------------------------------------------------------------------------- 1 | cjs 2 | dist 3 | es -------------------------------------------------------------------------------- /pnpm-workspace.yaml: -------------------------------------------------------------------------------- 1 | packages: 2 | - 'packages/*' 3 | - 'docs' -------------------------------------------------------------------------------- /.commitlintrc.cjs: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | extends: ['@commitlint/config-conventional'], 3 | } -------------------------------------------------------------------------------- /packages/yike-design/src/styles/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import './dark'; 2 | @import './light'; 3 | -------------------------------------------------------------------------------- /packages/cli/src/commands/icons/index.ts: -------------------------------------------------------------------------------- 1 | export { default as generate } from './generate'; 2 | -------------------------------------------------------------------------------- /packages/yike-design/src/styles/color/index.scss: -------------------------------------------------------------------------------- 1 | @import './color'; 2 | @import './hex2rgb'; 3 | -------------------------------------------------------------------------------- /packages/yike-design/src/styles/index.scss: -------------------------------------------------------------------------------- 1 | @import './global'; 2 | @import './theme/index'; 3 | -------------------------------------------------------------------------------- /packages/cli/bin/yike.mjs: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env node 2 | 'use strict'; 3 | 4 | import('../dist/cli.mjs'); 5 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/index.ts: -------------------------------------------------------------------------------- 1 | export * from './icons'; 2 | 3 | export * from './types'; 4 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/space/style/index.scss: -------------------------------------------------------------------------------- 1 | @import '../../../styles/tokens/index'; 2 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/_utils/container.ts: -------------------------------------------------------------------------------- 1 | export const getDefaultContainer = () => window; 2 | -------------------------------------------------------------------------------- /docs/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ecaps1038/yike-design-react/HEAD/docs/public/favicon.ico -------------------------------------------------------------------------------- /docs/reset.d.ts: -------------------------------------------------------------------------------- 1 | // Do not add any other lines of code to this file! 2 | import '@total-typescript/ts-reset'; 3 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/affix/index.ts: -------------------------------------------------------------------------------- 1 | import Affix from './Affix'; 2 | 3 | export { Affix }; 4 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/affix/style/index.scss: -------------------------------------------------------------------------------- 1 | /* stylelint-disable-next-line no-empty-source */ 2 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/space/index.ts: -------------------------------------------------------------------------------- 1 | import Space from './Space'; 2 | 3 | export { Space }; 4 | -------------------------------------------------------------------------------- /packages/yike-design/src/styles/mixins/index.scss: -------------------------------------------------------------------------------- 1 | @forward './element.scss'; 2 | @forward './elevation.scss'; 3 | -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | . "$(dirname -- "$0")/_/husky.sh" 3 | 4 | npx lint-staged --allow-empty 5 | -------------------------------------------------------------------------------- /packages/cli/src/global.d.ts: -------------------------------------------------------------------------------- 1 | declare const __CLI_ROOT__: string; 2 | 3 | declare const __PROJECT_ROOT__: string; 4 | -------------------------------------------------------------------------------- /.husky/commit-msg: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | . "$(dirname -- "$0")/_/husky.sh" 3 | 4 | npx --no -- commitlint --edit ${1} 5 | -------------------------------------------------------------------------------- /packages/yike-design/src/bundle.ts: -------------------------------------------------------------------------------- 1 | // for generate bundle file 2 | import './styles'; 3 | 4 | export * from './index'; 5 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/back-top/index.ts: -------------------------------------------------------------------------------- 1 | import BackTop from './BackTop'; 2 | 3 | export { BackTop }; 4 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/link/style/index.ts: -------------------------------------------------------------------------------- 1 | import './index.scss'; 2 | import '../../../styles/index.scss'; 3 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/anchor/style/index.ts: -------------------------------------------------------------------------------- 1 | import './index.scss'; 2 | import '../../../styles/index.scss'; 3 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/button/style/index.ts: -------------------------------------------------------------------------------- 1 | import './index.scss'; 2 | import '../../../styles/index.scss'; 3 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/space/style/index.ts: -------------------------------------------------------------------------------- 1 | import './index.scss'; 2 | import '../../../styles/index.scss'; 3 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/switch/index.ts: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | import Switch from './Switch'; 3 | export { Switch }; 4 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/switch/style/index.ts: -------------------------------------------------------------------------------- 1 | import './index.scss'; 2 | import '../../../styles/index.scss'; 3 | -------------------------------------------------------------------------------- /docs/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /docs/src/content/docs/develop/dark.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 暗黑模式 3 | 4 | category: Principle 5 | order: 3 6 | --- 7 | 8 | ## 暗黑模式 9 | -------------------------------------------------------------------------------- /docs/src/content/docs/develop/theme.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 定制主题 3 | 4 | category: Principle 5 | order: 4 6 | --- 7 | 8 | ## 定制主题 9 | -------------------------------------------------------------------------------- /packages/cli/src/types/index.ts: -------------------------------------------------------------------------------- 1 | import type { BuilderConfig } from './builder'; 2 | 3 | export type BuildConfig = BuilderConfig; 4 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/button/index.ts: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | import Button from './Button'; 3 | 4 | export { Button }; 5 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/pagination/index.ts: -------------------------------------------------------------------------------- 1 | import Pagination from './Pagination'; 2 | 3 | export { Pagination }; 4 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/pagination/style/index.ts: -------------------------------------------------------------------------------- 1 | import './index.scss'; 2 | import '../../../styles/index.scss'; 3 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/typography/style/index.ts: -------------------------------------------------------------------------------- 1 | import './index.scss'; 2 | import '../../../styles/index.scss'; 3 | -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": [ 3 | "esbenp.prettier-vscode", 4 | "stylelint.vscode-stylelint", 5 | ] 6 | } -------------------------------------------------------------------------------- /packages/cli/src/index.ts: -------------------------------------------------------------------------------- 1 | import type { BuildConfig } from './types'; 2 | 3 | export const defineBuildConfig = (config: BuildConfig) => config; 4 | -------------------------------------------------------------------------------- /packages/yike-design/src/styles/tokens/space.scss: -------------------------------------------------------------------------------- 1 | $space-ss: 4px; 2 | $space-s: 8px; 3 | $space-m: 12px; 4 | $space-l: 16px; 5 | $space-xl: 24px; 6 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/_types/index.ts: -------------------------------------------------------------------------------- 1 | export type Container = HTMLElement | Window; 2 | 3 | export type ContainerType = () => Container; 4 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/affix/style/index.ts: -------------------------------------------------------------------------------- 1 | import './index.scss'; 2 | import '../../../styles/index.scss'; 3 | // add dependencies styles 4 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/back-top/style/index.ts: -------------------------------------------------------------------------------- 1 | import './index.scss'; 2 | import '../../../styles/index.scss'; 3 | // add dependencies styles 4 | -------------------------------------------------------------------------------- /packages/yike-design/src/utils/index.ts: -------------------------------------------------------------------------------- 1 | export * from './bem'; 2 | export * from './constant'; 3 | export * from './style'; 4 | export * from './helper'; 5 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/pagination/PageJump/type.ts: -------------------------------------------------------------------------------- 1 | type showjump = { 2 | onInputBlur?: (e: string) => void; 3 | }; 4 | 5 | export type { showjump }; 6 | -------------------------------------------------------------------------------- /docs/src/content/docs/develop/grasp.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 快速上手 3 | 4 | category: Principle 5 | order: 2 6 | --- 7 | 8 | ## 快速上手 9 | 10 | TODO: 编写组件的安装和使用说明 11 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/link/index.ts: -------------------------------------------------------------------------------- 1 | import Link from './Link'; 2 | import type { LinkProps } from './interface'; 3 | 4 | export { Link, type LinkProps }; 5 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | # bundle 2 | es 3 | lib 4 | dist 5 | .next 6 | node_modules 7 | 8 | # config file 9 | *.html 10 | *config.*js 11 | .eslintrc.cjs 12 | .stylelintrc.cjs 13 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/_utils/is.ts: -------------------------------------------------------------------------------- 1 | export function isWindow(obj: any): obj is Window { 2 | return obj !== null && obj !== undefined && obj === obj.window; 3 | } 4 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/link/interface.ts: -------------------------------------------------------------------------------- 1 | import type React from 'react'; 2 | 3 | export interface LinkProps extends React.AnchorHTMLAttributes { 4 | disabled?: boolean; 5 | } 6 | -------------------------------------------------------------------------------- /packages/yike-design/src/styles/tokens/corner.scss: -------------------------------------------------------------------------------- 1 | $shape-corner-none: 0; 2 | $shape-corner-small: 4px; 3 | $shape-corner-medium: 8px; 4 | $shape-corner-large: 12px; 5 | $shape-corner-extra-large: 20px; 6 | -------------------------------------------------------------------------------- /docs/rehype-toc.d.ts: -------------------------------------------------------------------------------- 1 | import type { HtmlElementNode } from '@jsdevtools/rehype-toc'; 2 | 3 | export interface HTMLElementNode extends HtmlElementNode { 4 | children?: HTMLElementNode[]; 5 | } 6 | 7 | // export interface 8 | -------------------------------------------------------------------------------- /docs/next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | // NOTE: This file should not be edited 5 | // see https://nextjs.org/docs/basic-features/typescript for more information. 6 | -------------------------------------------------------------------------------- /docs/src/content/docs/develop/yike.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Yike Design 3 | 4 | category: Principle 5 | order: 1 6 | --- 7 | 8 | ## Yike Design 9 | 10 | 出于对前端组件的好奇，利用业余时间将设计的一个应用提炼出设计规范，在开源后的努力下我们创建出此套前端组件。期望人人都能直面源码，更佳灵活的使用在项目中。 11 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/_utils/hooks/useUpdate.ts: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | export const useUpdate = () => { 4 | const [, update] = React.useState({}); 5 | return React.useCallback(() => update({}), []); 6 | }; 7 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/types.ts: -------------------------------------------------------------------------------- 1 | import type React from 'react'; 2 | 3 | export interface YiKeIconProps extends React.HTMLProps { 4 | className?: string; 5 | rotate?: number; 6 | svgRef?: React.Ref; 7 | } 8 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/tick.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | end_of_line = lf 6 | indent_style = space 7 | indent_size = 2 8 | trim_trailing_whitespace = true 9 | insert_final_newline = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | -------------------------------------------------------------------------------- /docs/src/content/demos/switch/size.tsx: -------------------------------------------------------------------------------- 1 | import { Switch, Space } from '@yike-design/react'; 2 | 3 | export default () => { 4 | return ( 5 | 6 | 7 | 8 | 9 | ); 10 | }; 11 | -------------------------------------------------------------------------------- /docs/src/app/(site)/design/[slug]/page.tsx: -------------------------------------------------------------------------------- 1 | import { createPage } from '@/utils/doc'; 2 | 3 | const { generateStaticParams, generateMetadata, Page } = createPage('design'); 4 | 5 | export { generateStaticParams, generateMetadata }; 6 | 7 | export default Page; 8 | -------------------------------------------------------------------------------- /docs/src/app/(site)/develop/[slug]/page.tsx: -------------------------------------------------------------------------------- 1 | import { createPage } from '@/utils/doc'; 2 | 3 | const { generateStaticParams, generateMetadata, Page } = createPage('develop'); 4 | 5 | export { generateStaticParams, generateMetadata }; 6 | 7 | export default Page; 8 | -------------------------------------------------------------------------------- /packages/yike-design/vitest.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vitest/config'; 2 | import react from '@vitejs/plugin-react'; 3 | 4 | export default defineConfig({ 5 | plugins: [react()], 6 | test: { 7 | environment: 'happy-dom', 8 | }, 9 | }); 10 | -------------------------------------------------------------------------------- /docs/src/app/(site)/components/[slug]/page.tsx: -------------------------------------------------------------------------------- 1 | import { createPage } from '@/utils/doc'; 2 | 3 | const { generateStaticParams, generateMetadata, Page } = createPage('components'); 4 | 5 | export { generateStaticParams, generateMetadata }; 6 | 7 | export default Page; 8 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/app.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/styles/color/hex2rgb.scss: -------------------------------------------------------------------------------- 1 | @function hex2rgb($hex) { 2 | $color: '#{rgba($hex, 0)}'; 3 | /* stylelint-disable-next-line scss/no-global-function-names */ 4 | $length: str-length($color); 5 | 6 | @return str-slice($color, 6, $length - 4); 7 | } 8 | -------------------------------------------------------------------------------- /docs/src/app/(example)/layout.tsx: -------------------------------------------------------------------------------- 1 | import type { Metadata } from 'next'; 2 | 3 | export const metadata: Metadata = { 4 | title: 'Yike Design React', 5 | }; 6 | 7 | export default function RootLayout({ children }: { children: React.ReactNode }) { 8 | return children; 9 | } 10 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/arrow-down.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/tick-min.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/mdx-demo/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "compilerOptions": { 4 | "rootDir": "./src", 5 | "moduleResolution": "Node", 6 | "baseUrl": "./", 7 | "outDir": "./dist", 8 | "declaration": true, 9 | "noEmit": false 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /packages/cli/src/commands/build.ts: -------------------------------------------------------------------------------- 1 | import { build } from '@/builder'; 2 | import type { BuildConfig } from '@/types'; 3 | import { loadConfig } from '@/utils/loadConfig'; 4 | 5 | export default async () => { 6 | const config = loadConfig('yike.config'); 7 | await build(config); 8 | }; 9 | -------------------------------------------------------------------------------- /packages/yike-design/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "compilerOptions": { 4 | "useDefineForClassFields": true, 5 | "declaration": true, 6 | "isolatedModules": false, 7 | "rootDir": ".", 8 | "paths": {} 9 | }, 10 | "include": ["src"] 11 | } 12 | -------------------------------------------------------------------------------- /packages/yike-design-icon/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "compilerOptions": { 4 | "useDefineForClassFields": true, 5 | "declaration": true, 6 | "isolatedModules": false, 7 | "rootDir": ".", 8 | "paths": {} 9 | }, 10 | "include": ["src"] 11 | } 12 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/pagination/PageSize/type.ts: -------------------------------------------------------------------------------- 1 | type Pagesize = { 2 | pageSizeOptions?: number[]; 3 | pageSizeChange?: (size: number) => void; 4 | current?: number; 5 | pageSizeEmit: (size: number) => void; 6 | currentPageSize: number; 7 | }; 8 | 9 | export type { Pagesize }; 10 | -------------------------------------------------------------------------------- /packages/cli/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "compilerOptions": { 4 | "noEmit": false, 5 | "declaration": true, 6 | "moduleResolution": "node", 7 | "baseUrl": ".", 8 | "paths": { 9 | "@/*": ["src/*"] 10 | } 11 | }, 12 | "include": ["src"] 13 | } 14 | -------------------------------------------------------------------------------- /docs/src/content/demos/button/basic-type.tsx: -------------------------------------------------------------------------------- 1 | import { Button, Space } from '@yike-design/react'; 2 | 3 | export default () => { 4 | return ( 5 | 6 | 7 | 8 | 9 | 10 | ); 11 | }; 12 | -------------------------------------------------------------------------------- /packages/yike-design/src/styles/mixins/element.scss: -------------------------------------------------------------------------------- 1 | @mixin element-size($variant, $value) { 2 | @if & { 3 | &-#{$variant} { 4 | height: $value; 5 | } 6 | } 7 | } 8 | 9 | @mixin element-shape($variant, $value) { 10 | @if & { 11 | &-#{$variant} { 12 | border-radius: $value; 13 | } 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/close.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/minus.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/styles/tokens/index.scss: -------------------------------------------------------------------------------- 1 | @forward './color.scss'; 2 | @forward './motion.scss'; 3 | @forward './text.scss'; 4 | @forward './space.scss'; 5 | @forward './corner.scss'; 6 | 7 | $shape-corner-full: 999px; 8 | $state-enabled-alpha: 0.08; 9 | $state-hovered-alpha: 0.12; 10 | $state-pressed-alpha: 0.24; 11 | $state-disabled-alpha: 0.3; 12 | -------------------------------------------------------------------------------- /docs/src/utils/constants.ts: -------------------------------------------------------------------------------- 1 | import { resolve } from 'path'; 2 | 3 | export const IS_DEV = process.env.NODE_ENV === 'development'; 4 | 5 | export const COMPONENT_DEMOS_DIR = resolve(process.cwd(), 'src/content/demos'); 6 | 7 | export const DOCS_DIR = resolve(process.cwd(), 'src/content/docs'); 8 | 9 | export const COMPONENT_DOCS_DIR = resolve(DOCS_DIR, 'components'); 10 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/avatar.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/slash.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/arrow-down2.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/bookmark.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/menu.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/plus.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/link/style/index.scss: -------------------------------------------------------------------------------- 1 | @import '../../../styles/tokens'; 2 | 3 | .yk-link { 4 | color: unset; 5 | text-decoration: underline; 6 | cursor: pointer; 7 | border-radius: $shape-corner-small; 8 | 9 | &:hover { 10 | text-decoration: none; 11 | } 12 | 13 | &--disabled { 14 | cursor: not-allowed; 15 | opacity: 0.56; 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/homepage.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/styles/mixins/elevation.scss: -------------------------------------------------------------------------------- 1 | @mixin elevation-level-none { 2 | box-shadow: none; 3 | } 4 | 5 | @mixin elevation-level-1 { 6 | box-shadow: 0 6px 6px -2px rgb(0 0 0 / 12%); 7 | } 8 | 9 | @mixin elevation-level-2 { 10 | box-shadow: 0 4px 16px rgb(0 0 0 / 16%); 11 | } 12 | 13 | @mixin elevation-level-3 { 14 | box-shadow: 0 4px 48px rgb(0 0 0 / 12%); 15 | } 16 | -------------------------------------------------------------------------------- /docs/src/content/demos/button/loading-status.tsx: -------------------------------------------------------------------------------- 1 | import { Space, Button } from '@yike-design/react'; 2 | 3 | export default () => { 4 | return ( 5 | 6 | 7 | 10 | 13 | 14 | ); 15 | }; 16 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/clothes.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/alarm.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/more.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "printWidth": 120, 3 | "tabWidth": 2, 4 | "useTabs": false, 5 | "semi": true, 6 | "singleQuote": true, 7 | "quoteProps": "as-needed", 8 | "jsxSingleQuote": false, 9 | "trailingComma": "es5", 10 | "bracketSpacing": true, 11 | "bracketSameLine": false, 12 | "arrowParens": "avoid", 13 | "proseWrap": "preserve", 14 | "htmlWhitespaceSensitivity": "css" 15 | } 16 | -------------------------------------------------------------------------------- /docs/src/app/(example)/demos/[component]/layout.tsx: -------------------------------------------------------------------------------- 1 | import type { Metadata } from 'next'; 2 | import type React from 'react'; 3 | 4 | export const metadata: Metadata = { 5 | title: { 6 | template: '%s - Yike Design React', 7 | default: '', 8 | }, 9 | }; 10 | 11 | const Layout = ({ children }: React.PropsWithChildren) => { 12 | return children; 13 | }; 14 | 15 | export default Layout; 16 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/app.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/ranking.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/revoke.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/index.ts: -------------------------------------------------------------------------------- 1 | export * from './components/button'; 2 | export * from './components/space'; 3 | export * from './components/typography'; 4 | export * from './components/anchor'; 5 | export * from './components/link'; 6 | export * from './components/affix'; 7 | export * from './components/switch'; 8 | export * from './components/back-top'; 9 | export * from './components/pagination'; 10 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/card.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/down.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/anchor/context.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | import type { YKAnchorContext } from './interface'; 4 | 5 | export const AnchorContext = React.createContext({} as YKAnchorContext); 6 | 7 | export const AnchorProvider = AnchorContext.Provider; 8 | 9 | export const AnchorConsumer = AnchorContext.Consumer; 10 | 11 | export default AnchorContext; 12 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .DS_Store 3 | .history 4 | # Logs 5 | logs 6 | *.log 7 | npm-debug.log* 8 | yarn-debug.log* 9 | yarn-error.log* 10 | pnpm-debug.log* 11 | 12 | # Editor directories and files 13 | !.vscode/extensions.json 14 | .idea/* 15 | package-lock.json 16 | 17 | # 生成的图标文件 18 | svg-icon 19 | 20 | cjs 21 | es 22 | lib 23 | dist 24 | .next 25 | # test 26 | coverage 27 | 28 | # docs demo 29 | .yike -------------------------------------------------------------------------------- /docs/src/app/(example)/demos/inline/[component]/layout.tsx: -------------------------------------------------------------------------------- 1 | import type { Metadata } from 'next'; 2 | import type React from 'react'; 3 | 4 | export const metadata: Metadata = { 5 | title: { 6 | template: '%s - Yike Design React', 7 | default: '', 8 | }, 9 | }; 10 | 11 | const Layout = ({ children }: React.PropsWithChildren) => { 12 | return children; 13 | }; 14 | 15 | export default Layout; 16 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/up.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/typography/Text.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Base from './Base'; 3 | import type { TypographyProps } from './interface'; 4 | 5 | interface TextProps extends TypographyProps {} 6 | 7 | const Text = React.forwardRef((props, ref) => { 8 | return ; 9 | }); 10 | 11 | export default Text; 12 | -------------------------------------------------------------------------------- /docs/src/components/mdx/YiKeDemo.tsx: -------------------------------------------------------------------------------- 1 | import type React from 'react'; 2 | import DemoContainer from '@/components/demo/DemoContainer'; 3 | 4 | interface YiKeDemoProps { 5 | entry: string; 6 | inline?: string; 7 | source?: string; 8 | iframe: boolean; 9 | } 10 | 11 | const YiKeDemo: React.FC = props => { 12 | return ; 13 | }; 14 | 15 | export default YiKeDemo; 16 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/date.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/left.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/tip.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/src/content/demos/affix/affixed-change.tsx: -------------------------------------------------------------------------------- 1 | import { Affix, Button } from '@yike-design/react'; 2 | 3 | const App: React.FC = () => ( 4 | // TODO: change console.log to message [wait for message component] 5 | // eslint-disable-next-line no-console 6 | console.log(affixed)}> 7 | 8 | 9 | ); 10 | 11 | export default App; 12 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/bell.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/typography/index.ts: -------------------------------------------------------------------------------- 1 | import Title from './Title'; 2 | import Text from './Text'; 3 | import Paragraph from './Paragraph'; 4 | 5 | interface TypographyType { 6 | Title: typeof Title; 7 | Text: typeof Text; 8 | Paragraph: typeof Paragraph; 9 | } 10 | 11 | const Typography: TypographyType = { 12 | Title, 13 | Text, 14 | Paragraph, 15 | }; 16 | 17 | export { Typography }; 18 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/email.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/plus-circle.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/pagination/utils/adjustPagerCount.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * 调整默认隐藏页数 3 | * **/ 4 | const adjustPagerCount = (pagerCount: number) => { 5 | if (pagerCount < 3) { 6 | return 3; 7 | } else if (pagerCount > 21) { 8 | return 21; 9 | } 10 | 11 | if (pagerCount % 2 === 0) { 12 | return pagerCount + 1; 13 | } 14 | 15 | return pagerCount; 16 | }; 17 | 18 | export default adjustPagerCount; 19 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/typography/Paragraph.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Base from './Base'; 3 | import type { TypographyProps } from './interface'; 4 | 5 | interface ParagraphProps extends TypographyProps {} 6 | 7 | const Paragraph = React.forwardRef((props, ref) => { 8 | return ; 9 | }); 10 | 11 | export default Paragraph; 12 | -------------------------------------------------------------------------------- /docs/src/content/demos/switch/disable.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Button, Space, Switch } from '@yike-design/react'; 3 | 4 | export default () => { 5 | const [disabled, setDisabled] = React.useState(true); 6 | return ( 7 | 8 | 9 | 10 | 11 | ); 12 | }; 13 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/move1.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/_utils/hooks/useIsomorphicLayoutEffect.ts: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const isSSR = (function () { 4 | try { 5 | return !(typeof window !== 'undefined' && document !== undefined); 6 | } catch (e) { 7 | return true; 8 | } 9 | })(); 10 | 11 | const useIsomorphicLayoutEffect = isSSR ? React.useEffect : React.useLayoutEffect; 12 | 13 | export default useIsomorphicLayoutEffect; 14 | -------------------------------------------------------------------------------- /docs/src/content/demos/back-top/basic.tsx: -------------------------------------------------------------------------------- 1 | import { BackTop } from '@yike-design/react'; 2 | 3 | export default () => { 4 | return ( 5 |
6 | 7 |
    8 | {new Array(50).fill(0).map((_, index) => ( 9 |
  • 10 | this is content 11 |
    • 12 | ))} 13 |
14 |
15 | ); 16 | }; 17 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/down.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/left.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/move2.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/up.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/formatter.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/card.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/yike.config.ts: -------------------------------------------------------------------------------- 1 | import { defineBuildConfig } from '@yike-design/cli'; 2 | 3 | export default defineBuildConfig({ 4 | input: 'src', 5 | entry: 'src/index.ts', 6 | expose: 'yikeDesignIcons', 7 | filename: 'yike-design-icons', 8 | minify: true, 9 | output: ['dist/es', 'dist/cjs', 'dist'], 10 | sourcemap: true, 11 | externals: { 12 | react: 'React', 13 | 'react-dom': 'ReactDOM', 14 | }, 15 | }); 16 | -------------------------------------------------------------------------------- /docs/src/content/demos/affix/basic-usage.tsx: -------------------------------------------------------------------------------- 1 | import { Space, Affix, Button } from '@yike-design/react'; 2 | 3 | export default () => { 4 | return ( 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | -------------------------------------------------------------------------------- /docs/src/content/docs/design/principle.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 设计原则 3 | 4 | category: Principle 5 | --- 6 | 7 | ## 设计原则 8 | 9 | 原则是设计体系集体认知的抽象，对界面好坏的认知是共通的，美与不美都是有迹可循的，如何去使用设计原则，这是每一个设计师必备的技能。在设计体系中，而不让界面变得离谱。 10 | 11 | ## 亲密性 12 | 13 | 将类似的项归为一组，如果某些元素在理解上存在关联，或者互相之间存在某种关系，那么这些元素在视觉上也应当有关联。 14 | 15 | ## 对齐 16 | 17 | 任何元素都不能在页面上随意安放，每一项都应该与页面上某个内容存在某种视觉联系。 18 | 19 | ## 重复 20 | 21 | 设计的某些方面需要在整个作品中多次出现 22 | 23 | ## 对比 24 | 25 | 页面增加设觉效果的最有效途径之一 26 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/homepage.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/circle-up.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/mail.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/circle-down.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/avatar.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/tick-circle.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/anchor/AnchorLine.tsx: -------------------------------------------------------------------------------- 1 | import { createCssScope } from '../../utils'; 2 | 3 | interface AnchorLineProps { 4 | top?: number; 5 | } 6 | 7 | const AnchorLine: React.FC = ({ top }) => { 8 | const bem = createCssScope('anchor-line'); 9 | return ( 10 |
11 | 12 |
13 | ); 14 | }; 15 | 16 | export default AnchorLine; 17 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/pause.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/bookmark.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/time.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/security.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/tag.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/back-top/interface.ts: -------------------------------------------------------------------------------- 1 | import type React from 'react'; 2 | import type { ContainerType } from '../_types'; 3 | 4 | export type BackTopType = 'primary' | 'secondary'; 5 | 6 | export interface BackTopProps { 7 | type?: BackTopType; 8 | behavior?: ScrollBehavior; 9 | style?: React.CSSProperties; 10 | visibilityHeight?: number; 11 | target?: ContainerType; 12 | onClick?: () => void; 13 | onChange?: (visible: boolean) => void; 14 | } 15 | -------------------------------------------------------------------------------- /packages/yike-design/src/styles/index.ts: -------------------------------------------------------------------------------- 1 | import './index.scss'; 2 | 3 | // import all components style 4 | import '../components/button/style'; 5 | import '../components/anchor/style'; 6 | import '../components/link/style'; 7 | import '../components/space/style'; 8 | import '../components/typography/style'; 9 | import '../components/affix/style'; 10 | import '../components/switch/style'; 11 | import '../components/back-top/style'; 12 | import '../components/pagination/style'; 13 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/bell.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/secure.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/label.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/todo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/data.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/zoom-in2.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/zoom-out2.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/paint-brush.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/play.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/warning.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/pagination/utils/judgeOutTag.ts: -------------------------------------------------------------------------------- 1 | const judgeOutTag = (ref: any) => { 2 | const handleClickOutside = (event: any) => { 3 | if (ref && !ref.contains(event.target)) { 4 | console.log('Clicked outside the element'); 5 | } 6 | }; 7 | 8 | document.addEventListener('click', handleClickOutside); 9 | 10 | return () => { 11 | document.removeEventListener('click', handleClickOutside); 12 | }; 13 | }; 14 | 15 | export default judgeOutTag; 16 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/reminder.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/settings.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/date.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/src/content/demos/switch/text-icon.tsx: -------------------------------------------------------------------------------- 1 | import { Switch, Space } from '@yike-design/react'; 2 | import { CloseOutlined, TickOutlined } from '@yike-design/react-icons'; 3 | 4 | export default () => { 5 | return ( 6 | 7 | 8 | 9 | } unCheckedChildren={} /> 10 | 11 | ); 12 | }; 13 | -------------------------------------------------------------------------------- /packages/cli/build.config.ts: -------------------------------------------------------------------------------- 1 | import { resolve } from 'node:path'; 2 | import { defineBuildConfig } from 'unbuild'; 3 | 4 | export default defineBuildConfig({ 5 | clean: true, 6 | failOnWarn: false, 7 | declaration: true, 8 | alias: { 9 | '@': resolve(__dirname, './src'), 10 | }, 11 | replace: { 12 | __CLI_ROOT__: JSON.stringify(resolve(__dirname)), 13 | __PROJECT_ROOT__: JSON.stringify(resolve(__dirname, '../..')), 14 | }, 15 | entries: ['./src/index', './src/cli'], 16 | }); 17 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/statistics.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/video.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/collapse.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/cross.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/expand.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/upload2.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/anchor/index.ts: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | import InternalAnchor from './Anchor'; 3 | import AnchorLink from './AnchorLink'; 4 | 5 | type InternalAnchorType = typeof InternalAnchor; 6 | 7 | type CompoundedComponent = InternalAnchorType & { 8 | Link: typeof AnchorLink; 9 | }; 10 | 11 | const Anchor = InternalAnchor as CompoundedComponent; 12 | 13 | Anchor.Link = AnchorLink; 14 | 15 | export { Anchor }; 16 | 17 | export type { AnchorItem, AnchorProps } from './interface'; 18 | -------------------------------------------------------------------------------- /packages/cli/src/utils/loadConfig.ts: -------------------------------------------------------------------------------- 1 | import fs from 'node:fs'; 2 | import { readConfig } from './helper'; 3 | 4 | export const loadConfig = = any>(filename = 'yike.config'): Config => { 5 | const filepath = fs.readdirSync(process.cwd(), 'utf8').find(item => { 6 | const stat = fs.statSync(item); 7 | return stat.isFile() && item.startsWith(filename); 8 | }); 9 | if (!filepath) throw new Error(`${filename} not found`); 10 | return readConfig(filepath); 11 | }; 12 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/circle-plus.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/crown.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/affix/utils/index.ts: -------------------------------------------------------------------------------- 1 | import { isWindow } from '../../_utils/is'; 2 | import type { Container } from '../../_types'; 3 | 4 | export const getFixedTop = (target: Container, offset: number) => { 5 | return (isWindow(target) ? 0 : target.getBoundingClientRect().top) + offset; 6 | }; 7 | 8 | export const getFixedBottom = (target: Container, offset: number) => { 9 | return (isWindow(target) ? 0 : window.innerHeight - target.getBoundingClientRect().bottom) + offset; 10 | }; 11 | -------------------------------------------------------------------------------- /docs/src/content/demos/space.scss: -------------------------------------------------------------------------------- 1 | .demo-box-1 { 2 | width: 50px; 3 | height: 50px; 4 | background-color: var(--yike-primary-color); 5 | } 6 | 7 | .demo-box-2 { 8 | width: 70px; 9 | height: 70px; 10 | background-color: var(--yike-primary-color); 11 | } 12 | 13 | .demo-box-3 { 14 | width: 90px; 15 | height: 90px; 16 | background-color: var(--yike-primary-color); 17 | } 18 | 19 | .demo-box-4 { 20 | width: 250px; 21 | height: 90px; 22 | background-color: var(--yike-primary-color); 23 | } 24 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/yike2.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/financial.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/ranking.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/pagination/style/variables.scss: -------------------------------------------------------------------------------- 1 | $pagination-pager-size__s: 24px; 2 | $pagination-pager-size__m: 32px; 3 | $pagination-pager-size__l: 36px; 4 | $pagination-pager-size__xl: 48px; 5 | $pagination-font-size__s: 12px; 6 | $pagination-font-size__m: 14px; 7 | $pagination-font-size__l: 14px; 8 | $pagination-font-size__xl: 16px; 9 | $pagination-border-radius__s: 4px; 10 | $pagination-border-radius__m: 4px; 11 | $pagination-border-radius__l: 8px; 12 | $pagination-border-radius__xl: 8px; 13 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/wallet.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/scan.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/src/content/components/color/ColorCard.tsx: -------------------------------------------------------------------------------- 1 | import type React from 'react'; 2 | import clsx from 'clsx'; 3 | 4 | interface ColorCardProps { 5 | className: string; 6 | text: string; 7 | } 8 | 9 | const ColorCard: React.FC = ({ text, className }) => { 10 | return ( 11 |
14 | {text} 15 |
16 | ); 17 | }; 18 | 19 | export default ColorCard; 20 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/logout.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/upward.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/reload.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/src/components/demo/CodeBlockWrapper.tsx: -------------------------------------------------------------------------------- 1 | import type React from 'react'; 2 | import CodeBlock from './CodeBlock'; 3 | 4 | interface CodeBlockWrapperProps { 5 | language: string; 6 | code: string; 7 | } 8 | 9 | const CodeBlockWrapper: React.FC = ({ language, code }) => { 10 | return ( 11 |
12 | 13 |
14 | ); 15 | }; 16 | 17 | export default CodeBlockWrapper; 18 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/file.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/_utils/hooks/useUpdateEffect.ts: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const useUpdateEffect = (effect: React.EffectCallback, deps: React.DependencyList) => { 4 | const didMountRef = React.useRef(false); 5 | 6 | React.useEffect(() => { 7 | if (didMountRef.current) { 8 | return effect(); 9 | } else { 10 | didMountRef.current = true; 11 | } 12 | // eslint-disable-next-line react-hooks/exhaustive-deps 13 | }, deps); 14 | }; 15 | 16 | export default useUpdateEffect; 17 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # yike-design-react 2 | 3 | yike-design 前端 UI 框架 React 版本 4 | 5 | ## 贡献指南 6 | 7 | 如果您想参与到项目中，并参与贡献，请务必阅读以下的注意事项以及CONTRIBUTING.md。 8 | 9 | ### 注意事项 10 | 11 | 感谢您从B站或者是掘金等平台了解到我们的项目，并想要参加到我们的项目中来，感谢您的支持 12 | 13 | 首先您需要先加入到我们的Q群中来：485089972 14 | 15 | 进群后您可以观看群公告，并观看其中的飞书的任务文档，我们的项目任务文档是基于飞书来进行管理的，我们会记录任务情况，避免冲突，所以目前尽可能不要直接提PR，感谢您的理解。 16 | 17 | 如果您有想开发的组件或者基建任务，可以直接@`yike`进行讨论，或者直接在群里交流，我们也会及时去看到的。 18 | 19 | 接下来如果您开始着手开发工作，请阅读 [CONTRIBUTING.md](https://github.com/ecaps1038/yike-design-react/blob/dev/CONTRIBUTING.md) 20 | 21 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/downward.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/leftward.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/location.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/moon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/more.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/tick.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/_utils/composeRef.ts: -------------------------------------------------------------------------------- 1 | import type React from 'react'; 2 | 3 | const composeRef = (...refs: React.Ref[]): React.Ref => { 4 | const refCallback: React.RefCallback = value => { 5 | refs.forEach(ref => { 6 | if (typeof ref === 'function') { 7 | ref(value); 8 | } else if (ref != null) { 9 | (ref as React.MutableRefObject).current = value; 10 | } 11 | }); 12 | }; 13 | 14 | return refCallback; 15 | }; 16 | 17 | export default composeRef; 18 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/switch/interface.ts: -------------------------------------------------------------------------------- 1 | import type React from 'react'; 2 | 3 | export interface SwitchProps { 4 | checked?: boolean; 5 | defaultChecked?: boolean; 6 | loading?: boolean; 7 | disabled?: boolean; 8 | size?: 's' | 'm'; 9 | checkedColor?: string; 10 | uncheckedColor?: string; 11 | onChange?: (checked: boolean) => void; 12 | checkedChildren?: React.ReactNode; 13 | unCheckedChildren?: React.ReactNode; 14 | onClick?: (checked: boolean, e: React.MouseEvent) => void; 15 | } 16 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/folder-close.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/rightward.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/txt-file.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/clothes.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/delete.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/share.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/link/Link.tsx: -------------------------------------------------------------------------------- 1 | import { createCssScope } from '../../utils'; 2 | import type { LinkProps } from './interface'; 3 | 4 | const Link: React.FC = ({ className, children, disabled = false, href, ...restProps }) => { 5 | const bem = createCssScope('link'); 6 | 7 | const link = disabled ? undefined : href; 8 | 9 | return ( 10 | 11 | {children} 12 | 13 | ); 14 | }; 15 | 16 | export default Link; 17 | -------------------------------------------------------------------------------- /packages/yike-design-icon/clean-package.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "replace": { 3 | "exports": { 4 | ".": { 5 | "import": "./dist/es/index.js", 6 | "require": "./dist/cjs/index.js", 7 | "types": "./dist/es/index.d.ts" 8 | }, 9 | "./es/": "./dist/es/", 10 | "./cjs/": "./dist/cjs/" 11 | }, 12 | "files": ["dist"], 13 | "main": "./dist/cjs/index.js", 14 | "module": "./dist/es/index.js", 15 | "unpkg": "./dist/yike-design-icons.js", 16 | "typings": "./dist/es/index.d.ts" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/target.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/txt.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/wallet.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/back1.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/edit.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/lock.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/src/app/(site)/layout.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import type { Metadata } from 'next'; 3 | import { BackTop } from '@yike-design/react'; 4 | 5 | import Header from '@/components/Header'; 6 | 7 | export const metadata: Metadata = { 8 | title: 'Yike Design React', 9 | }; 10 | 11 | export default function RootLayout({ children }: React.PropsWithChildren) { 12 | return ( 13 | 14 |
15 |
{children}
16 | 17 | 18 | ); 19 | } 20 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/like.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/broadcast.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/yike.config.ts: -------------------------------------------------------------------------------- 1 | import { defineBuildConfig } from '@yike-design/cli'; 2 | 3 | export default defineBuildConfig({ 4 | input: 'src', 5 | pattern: ['**/*.@(j|t)s{,x}', '**/*.d.ts', '**/*.scss', '!**/__test__/*', '!bundle.ts'], 6 | entry: 'src/bundle.ts', 7 | output: ['dist/es', 'dist/cjs', 'dist'], 8 | minify: true, 9 | filename: 'yike-design', 10 | expose: 'yikeDesign', 11 | sourcemap: true, 12 | targets: { 13 | chrome: 58, 14 | }, 15 | externals: { 16 | react: 'React', 17 | 'react-dom': 'ReactDOM', 18 | }, 19 | }); 20 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/vip.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/back.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/todo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design/src/components/typography/__test__/Base.test.tsx: -------------------------------------------------------------------------------- 1 | import { test, expect, describe } from 'vitest'; 2 | import { render } from '@testing-library/react'; 3 | import Base from '../Base'; 4 | 5 | const components = ['blockquote', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'span'] as const; 6 | 7 | describe.each(components)('test Base component render', component => { 8 | test(`render <${component}>`, () => { 9 | const { container } = render(); 10 | expect(container.querySelector(component)).not.toBeNull(); 11 | }); 12 | }); 13 | -------------------------------------------------------------------------------- /docs/src/app/(site)/design/layout.tsx: -------------------------------------------------------------------------------- 1 | import type React from 'react'; 2 | import type { Metadata } from 'next'; 3 | import Layout from '@/components/Layout'; 4 | import { getRouteLinks } from '@/utils/doc'; 5 | 6 | export const metadata: Metadata = { 7 | title: { 8 | template: '%s - Yike Design', 9 | default: '', 10 | }, 11 | }; 12 | 13 | const DesignLayout: React.FC = ({ children }) => { 14 | const items = getRouteLinks('design'); 15 | 16 | return {children}; 17 | }; 18 | 19 | export default DesignLayout; 20 | -------------------------------------------------------------------------------- /docs/src/components/ThemeButton.tsx: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | import { useTheme } from 'next-themes'; 3 | import { MoonFilled, SunFilled } from '@yike-design/react-icons'; 4 | 5 | const ThemeButton = () => { 6 | const { theme, setTheme } = useTheme(); 7 | 8 | const toggleTheme = () => { 9 | setTheme(theme === 'dark' ? 'light' : 'dark'); 10 | }; 11 | 12 | return ( 13 | 16 | ); 17 | }; 18 | 19 | export default ThemeButton; 20 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/MinusOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const MinusOutlined = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default MinusOutlined; 22 | -------------------------------------------------------------------------------- /docs/src/app/(site)/develop/layout.tsx: -------------------------------------------------------------------------------- 1 | import type React from 'react'; 2 | import type { Metadata } from 'next'; 3 | import Layout from '@/components/Layout'; 4 | import { getRouteLinks } from '@/utils/doc'; 5 | 6 | export const metadata: Metadata = { 7 | title: { 8 | template: '%s - Yike Design', 9 | default: '', 10 | }, 11 | }; 12 | 13 | const DevelopLayout: React.FC = ({ children }) => { 14 | const items = getRouteLinks('develop'); 15 | 16 | return {children}; 17 | }; 18 | 19 | export default DevelopLayout; 20 | -------------------------------------------------------------------------------- /docs/src/content/docs/design/yike.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 介绍 3 | category: Principle 4 | --- 5 | 6 | ## Yike Design 7 | 8 | 出于对前端组件的好奇，利用业余时间将设计的一个应用提炼出部分设计规范，从而创建出此套对应的前端组件。期望人人都能直面源码，更佳灵活的使用在型项目中。 9 | 10 | ## 设计资源 11 | 12 | ### Sketch源文件 13 | 14 | 本人只制作了相对应的Sketch组件源文件，有需要的可点击 [Yike Design 设计稿](http://www.huohuo90.com/resource) 下载。 15 | 16 | ### 图标库 17 | 18 | 本人为 Yike Design 制作了两套基础图标，分别为线性图标和面性图标。之后将不定期更新补充 [Yike Design Icons](https://www.iconfont.cn/collections/detail?cid=44410) 。 19 | 20 | ## 设计价值观 21 | 22 | 设计价值观是一套设计语言的思想贯穿，它确定一套设计语言的方向。我没有达到这样的高度，暂就不说了。大厂都有很清楚的说明，值得参考，我就闭嘴了。 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/financial.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/register.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/file.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/security.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/src/app/(site)/components/layout.tsx: -------------------------------------------------------------------------------- 1 | import type React from 'react'; 2 | import type { Metadata } from 'next'; 3 | import Layout from '@/components/Layout'; 4 | import { getRouteLinks } from '@/utils/doc'; 5 | 6 | export const metadata: Metadata = { 7 | title: { 8 | template: '%s - Yike Design', 9 | default: '', 10 | }, 11 | }; 12 | 13 | const ComponentsLayout: React.FC = ({ children }) => { 14 | const items = getRouteLinks('components'); 15 | return {children}; 16 | }; 17 | 18 | export default ComponentsLayout; 19 | -------------------------------------------------------------------------------- /docs/src/app/layout.tsx: -------------------------------------------------------------------------------- 1 | import '@yike-design/react/style'; 2 | import type { Metadata } from 'next'; 3 | 4 | import './globals.scss'; 5 | import Providers from './providers'; 6 | 7 | export const metadata: Metadata = { 8 | title: 'Yike Design React', 9 | icons: [{ rel: 'icon', url: '/favicon.ico' }], 10 | }; 11 | 12 | export default function RootLayout({ children }: { children: React.ReactNode }) { 13 | return ( 14 | 15 | 16 | {children} 17 | 18 | 19 | ); 20 | } 21 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/expression.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/folder-add.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/code.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/back.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/image.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/secure1.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/audio-file.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/folder-close.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/magnifier.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/settings.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/lock.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/txt.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/SlashOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const SlashOutlined = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default SlashOutlined; 22 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/heart.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/cup.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/scan.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/share.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/male.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/time.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/UpFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import UpFilledSVG from './svg/UpFilled'; 10 | 11 | const UpFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default UpFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/DownOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const DownOutlined = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default DownOutlined; 22 | -------------------------------------------------------------------------------- /packages/cli/src/commands/icons/utils/define.ts: -------------------------------------------------------------------------------- 1 | import path from 'node:path'; 2 | 3 | export const root = path.resolve(process.cwd()); 4 | 5 | export const svgDir = path.resolve(root, 'svg'); 6 | 7 | export const sourceDir = path.resolve(root, 'src'); 8 | 9 | export const iconsDir = path.resolve(sourceDir, 'icons'); 10 | 11 | export const exportFile = path.resolve(iconsDir, 'index.ts'); 12 | 13 | export const entryFile = path.resolve(sourceDir, 'index.ts'); 14 | 15 | export const FILE_AUTO_GENERATE_COMMENT = ` 16 | /** 17 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 18 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 19 | */ 20 | `; 21 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/AppFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import AppFilledSVG from './svg/AppFilled'; 10 | 11 | const AppFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default AppFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/EyeFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import EyeFilledSVG from './svg/EyeFilled'; 10 | 11 | const EyeFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default EyeFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/PdfFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import PdfFilledSVG from './svg/PdfFilled'; 10 | 11 | const PdfFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default PdfFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/PptFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import PptFilledSVG from './svg/PptFilled'; 10 | 11 | const PptFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default PptFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/SunFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import SunFilledSVG from './svg/SunFilled'; 10 | 11 | const SunFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default SunFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/TagFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import TagFilledSVG from './svg/TagFilled'; 10 | 11 | const TagFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default TagFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/TxtFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import TxtFilledSVG from './svg/TxtFilled'; 10 | 11 | const TxtFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default TxtFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/VipFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import VipFilledSVG from './svg/VipFilled'; 10 | 11 | const VipFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default VipFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/MenuOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const MenuOutlined = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default MenuOutlined; 22 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/PlusOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const PlusOutlined = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default PlusOutlined; 22 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/RightOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const RightOutlined = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default RightOutlined; 22 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/TickOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const TickOutlined = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default TickOutlined; 22 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/UpOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const UpOutlined = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default UpOutlined; 22 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/alarm.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/cross.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/src/components/Layout.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import LeftAside from './LeftAside'; 3 | import type { LeftAsideItems } from '@/types'; 4 | 5 | interface LayoutProps { 6 | items: LeftAsideItems; 7 | } 8 | 9 | const Layout: React.FC> = ({ items, children }) => { 10 | return ( 11 | 12 | 13 |
14 |
{children}
15 |
16 | 17 | ); 18 | }; 19 | 20 | export default Layout; 21 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/BackFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import BackFilledSVG from './svg/BackFilled'; 10 | 11 | const BackFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default BackFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/BellFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import BellFilledSVG from './svg/BellFilled'; 10 | 11 | const BellFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default BellFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/BulbFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import BulbFilledSVG from './svg/BulbFilled'; 10 | 11 | const BulbFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default BulbFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/CardFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import CardFilledSVG from './svg/CardFilled'; 10 | 11 | const CardFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default CardFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/DateFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import DateFilledSVG from './svg/DateFilled'; 10 | 11 | const DateFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default DateFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/DownFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import DownFilledSVG from './svg/DownFilled'; 10 | 11 | const DownFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default DownFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/EditFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import EditFilledSVG from './svg/EditFilled'; 10 | 11 | const EditFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default EditFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/FileFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import FileFilledSVG from './svg/FileFilled'; 10 | 11 | const FileFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default FileFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/FillFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import FillFilledSVG from './svg/FillFilled'; 10 | 11 | const FillFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default FillFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/GiftFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import GiftFilledSVG from './svg/GiftFilled'; 10 | 11 | const GiftFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default GiftFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/LeftFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import LeftFilledSVG from './svg/LeftFilled'; 10 | 11 | const LeftFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default LeftFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/LikeFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import LikeFilledSVG from './svg/LikeFilled'; 10 | 11 | const LikeFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default LikeFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/LockFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import LockFilledSVG from './svg/LockFilled'; 10 | 11 | const LockFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default LockFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/MoonFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import MoonFilledSVG from './svg/MoonFilled'; 10 | 11 | const MoonFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default MoonFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/MoreFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import MoreFilledSVG from './svg/MoreFilled'; 10 | 11 | const MoreFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default MoreFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/PlayFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import PlayFilledSVG from './svg/PlayFilled'; 10 | 11 | const PlayFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default PlayFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/ReadFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import ReadFilledSVG from './svg/ReadFilled'; 10 | 11 | const ReadFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default ReadFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/ScanFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import ScanFilledSVG from './svg/ScanFilled'; 10 | 11 | const ScanFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default ScanFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/StarFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import StarFilledSVG from './svg/StarFilled'; 10 | 11 | const StarFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default StarFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/TickFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import TickFilledSVG from './svg/TickFilled'; 10 | 11 | const TickFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default TickFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/TimeFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import TimeFilledSVG from './svg/TimeFilled'; 10 | 11 | const TimeFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default TimeFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/TodoFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import TodoFilledSVG from './svg/TodoFilled'; 10 | 11 | const TodoFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default TodoFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/UpOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import UpOutlinedSVG from './svg/UpOutlined'; 10 | 11 | const UpOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default UpOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/WordFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import WordFilledSVG from './svg/WordFilled'; 10 | 11 | const WordFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default WordFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/ArrowDown2Filled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const ArrowDown2Filled = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default ArrowDown2Filled; 22 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/BookmarkFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const BookmarkFilled = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default BookmarkFilled; 22 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/LeftOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const LeftOutlined = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default LeftOutlined; 22 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/fill/money.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/comment.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/loading.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/AlarmFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import AlarmFilledSVG from './svg/AlarmFilled'; 10 | 11 | const AlarmFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default AlarmFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/AppOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import AppOutlinedSVG from './svg/AppOutlined'; 10 | 11 | const AppOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default AppOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/AudioFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import AudioFilledSVG from './svg/AudioFilled'; 10 | 11 | const AudioFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default AudioFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/CrossFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import CrossFilledSVG from './svg/CrossFilled'; 10 | 11 | const CrossFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default CrossFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/CrownFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import CrownFilledSVG from './svg/CrownFilled'; 10 | 11 | const CrownFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default CrownFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/CupOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import CupOutlinedSVG from './svg/CupOutlined'; 10 | 11 | const CupOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default CupOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/EmailFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import EmailFilledSVG from './svg/EmailFilled'; 10 | 11 | const EmailFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default EmailFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/ExcelFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import ExcelFilledSVG from './svg/ExcelFilled'; 10 | 11 | const ExcelFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default ExcelFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/EyeOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import EyeOutlinedSVG from './svg/EyeOutlined'; 10 | 11 | const EyeOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default EyeOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/GroupFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import GroupFilledSVG from './svg/GroupFilled'; 10 | 11 | const GroupFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default GroupFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/HeartFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import HeartFilledSVG from './svg/HeartFilled'; 10 | 11 | const HeartFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default HeartFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/ImageFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import ImageFilledSVG from './svg/ImageFilled'; 10 | 11 | const ImageFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default ImageFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/LabelFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import LabelFilledSVG from './svg/LabelFilled'; 10 | 11 | const LabelFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default LabelFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/MoneyFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import MoneyFilledSVG from './svg/MoneyFilled'; 10 | 11 | const MoneyFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default MoneyFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/PauseFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import PauseFilledSVG from './svg/PauseFilled'; 10 | 11 | const PauseFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default PauseFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/PdfOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import PdfOutlinedSVG from './svg/PdfOutlined'; 10 | 11 | const PdfOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default PdfOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/PptOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import PptOutlinedSVG from './svg/PptOutlined'; 10 | 11 | const PptOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default PptOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/RightFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import RightFilledSVG from './svg/RightFilled'; 10 | 11 | const RightFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default RightFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/ShareFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import ShareFilledSVG from './svg/ShareFilled'; 10 | 11 | const ShareFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default ShareFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/SunOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import SunOutlinedSVG from './svg/SunOutlined'; 10 | 11 | const SunOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default SunOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/TagOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import TagOutlinedSVG from './svg/TagOutlined'; 10 | 11 | const TagOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default TagOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/TipOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import TipOutlinedSVG from './svg/TipOutlined'; 10 | 11 | const TipOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default TipOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/TopOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import TopOutlinedSVG from './svg/TopOutlined'; 10 | 11 | const TopOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default TopOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/TxtOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import TxtOutlinedSVG from './svg/TxtOutlined'; 10 | 11 | const TxtOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default TxtOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/VideoFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import VideoFilledSVG from './svg/VideoFilled'; 10 | 11 | const VideoFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default VideoFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/VipOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import VipOutlinedSVG from './svg/VipOutlined'; 10 | 11 | const VipOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default VipOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/AppFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const AppFilled = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default AppFilled; 22 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/ClothesFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const ClothesFilled = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default ClothesFilled; 22 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/HomepageFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const HomepageFilled = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default HomepageFilled; 22 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/MoreOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const MoreOutlined = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default MoreOutlined; 22 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/hint.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/play.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/warning.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/Back1Filled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import Back1FilledSVG from './svg/Back1Filled'; 10 | 11 | const Back1Filled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default Back1Filled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/Move1Filled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import Move1FilledSVG from './svg/Move1Filled'; 10 | 11 | const Move1Filled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default Move1Filled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/Move2Filled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import Move2FilledSVG from './svg/Move2Filled'; 10 | 11 | const Move2Filled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default Move2Filled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/Up2Outlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import Up2OutlinedSVG from './svg/Up2Outlined'; 10 | 11 | const Up2Outlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default Up2Outlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/Yike1Filled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import Yike1FilledSVG from './svg/Yike1Filled'; 10 | 11 | const Yike1Filled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default Yike1Filled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/Yike2Filled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import Yike2FilledSVG from './svg/Yike2Filled'; 10 | 11 | const Yike2Filled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default Yike2Filled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/CardFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const CardFilled = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default CardFilled; 22 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/svg/RankingFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | 8 | const RankingFilled = React.forwardRef((props: React.SVGProps, ref: React.Ref) => ( 9 | 17 | 18 | 19 | )); 20 | 21 | export default RankingFilled; 22 | -------------------------------------------------------------------------------- /packages/yike-design-icon/svg/outline/crown.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/AvatarFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import AvatarFilledSVG from './svg/AvatarFilled'; 10 | 11 | const AvatarFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default AvatarFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/BackOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import BackOutlinedSVG from './svg/BackOutlined'; 10 | 11 | const BackOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default BackOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/BellOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import BellOutlinedSVG from './svg/BellOutlined'; 10 | 11 | const BellOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default BellOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/BulbOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import BulbOutlinedSVG from './svg/BulbOutlined'; 10 | 11 | const BulbOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default BulbOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/CameraFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import CameraFilledSVG from './svg/CameraFilled'; 10 | 11 | const CameraFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default CameraFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/CardOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import CardOutlinedSVG from './svg/CardOutlined'; 10 | 11 | const CardOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default CardOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/CodeOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import CodeOutlinedSVG from './svg/CodeOutlined'; 10 | 11 | const CodeOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default CodeOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/CopyOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import CopyOutlinedSVG from './svg/CopyOutlined'; 10 | 11 | const CopyOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default CopyOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/DataOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import DataOutlinedSVG from './svg/DataOutlined'; 10 | 11 | const DataOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default DataOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/DateOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import DateOutlinedSVG from './svg/DateOutlined'; 10 | 11 | const DateOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default DateOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/DownOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import DownOutlinedSVG from './svg/DownOutlined'; 10 | 11 | const DownOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default DownOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/ExitOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import ExitOutlinedSVG from './svg/ExitOutlined'; 10 | 11 | const ExitOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default ExitOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/FileOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import FileOutlinedSVG from './svg/FileOutlined'; 10 | 11 | const FileOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default FileOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/FillOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import FillOutlinedSVG from './svg/FillOutlined'; 10 | 11 | const FillOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default FillOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/GiftOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import GiftOutlinedSVG from './svg/GiftOutlined'; 10 | 11 | const GiftOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default GiftOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/GithubFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import GithubFilledSVG from './svg/GithubFilled'; 10 | 11 | const GithubFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default GithubFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/HintOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import HintOutlinedSVG from './svg/HintOutlined'; 10 | 11 | const HintOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default HintOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/LeftOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import LeftOutlinedSVG from './svg/LeftOutlined'; 10 | 11 | const LeftOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default LeftOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/LikeOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import LikeOutlinedSVG from './svg/LikeOutlined'; 10 | 11 | const LikeOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default LikeOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/LockOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import LockOutlinedSVG from './svg/LockOutlined'; 10 | 11 | const LockOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default LockOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/LogoutFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import LogoutFilledSVG from './svg/LogoutFilled'; 10 | 11 | const LogoutFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default LogoutFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/MailOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import MailOutlinedSVG from './svg/MailOutlined'; 10 | 11 | const MailOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default MailOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/MaleOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import MaleOutlinedSVG from './svg/MaleOutlined'; 10 | 11 | const MaleOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default MaleOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/MenuOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import MenuOutlinedSVG from './svg/MenuOutlined'; 10 | 11 | const MenuOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default MenuOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/MoonOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import MoonOutlinedSVG from './svg/MoonOutlined'; 10 | 11 | const MoonOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default MoonOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/MoreOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import MoreOutlinedSVG from './svg/MoreOutlined'; 10 | 11 | const MoreOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default MoreOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/PlayOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import PlayOutlinedSVG from './svg/PlayOutlined'; 10 | 11 | const PlayOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default PlayOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/PlusOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import PlusOutlinedSVG from './svg/PlusOutlined'; 10 | 11 | const PlusOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default PlusOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/ReadOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import ReadOutlinedSVG from './svg/ReadOutlined'; 10 | 11 | const ReadOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default ReadOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/ScanOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import ScanOutlinedSVG from './svg/ScanOutlined'; 10 | 11 | const ScanOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default ScanOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/SecureFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import SecureFilledSVG from './svg/SecureFilled'; 10 | 11 | const SecureFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default SecureFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/StarOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import StarOutlinedSVG from './svg/StarOutlined'; 10 | 11 | const StarOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default StarOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/TargetFilled.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import TargetFilledSVG from './svg/TargetFilled'; 10 | 11 | const TargetFilled = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default TargetFilled; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/TickOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import TickOutlinedSVG from './svg/TickOutlined'; 10 | 11 | const TickOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default TickOutlined; 23 | -------------------------------------------------------------------------------- /packages/yike-design-icon/src/icons/TimeOutlined.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * 🎉🎉🎉 GENERATE BY @yike-design/cli 3 | * ⚠️⚠️⚠️ DO NOT EDIT IT MANUALLY 4 | */ 5 | 6 | import React from 'react'; 7 | import type { YiKeIconProps } from '../types'; 8 | import YiKeIcon from '../components/YiKeIcon'; 9 | import TimeOutlinedSVG from './svg/TimeOutlined'; 10 | 11 | const TimeOutlined = React.forwardRef((props, ref) => { 12 | return ( 13 | 19 | ); 20 | }); 21 | 22 | export default TimeOutlined; 23 | --------------------------------------------------------------------------------