├── .eslintrc.cjs ├── .github └── workflows │ └── deploy.yml ├── .gitignore ├── .prettierrc.json ├── .vscode └── extensions.json ├── README.md ├── docs ├── .vitepress │ ├── config.ts │ ├── dist │ │ ├── 404.html │ │ ├── assets │ │ │ ├── app.CDxaPr1w.js │ │ │ ├── chunks │ │ │ │ ├── framework.DI4jW7Xc.js │ │ │ │ └── theme.B3CIiGP4.js │ │ │ ├── component_Button_defineEmits.md.DB-Eg9B5.js │ │ │ ├── component_Button_defineEmits.md.DB-Eg9B5.lean.js │ │ │ ├── component_Button_defineProps.md.CrN5gVxI.js │ │ │ ├── component_Button_defineProps.md.CrN5gVxI.lean.js │ │ │ ├── component_Button_index.md.Dwm166d8.js │ │ │ ├── component_Button_index.md.Dwm166d8.lean.js │ │ │ ├── component_Dialog_index.md.Is75_HGS.js │ │ │ ├── component_Dialog_index.md.Is75_HGS.lean.js │ │ │ ├── component_Icon.md.Dzl2xEgc.js │ │ │ ├── component_Icon.md.Dzl2xEgc.lean.js │ │ │ ├── component_Space.md.4O0h3eNH.js │ │ │ ├── component_Space.md.4O0h3eNH.lean.js │ │ │ ├── component_Table_index.md.CHTPO8mi.js │ │ │ ├── component_Table_index.md.CHTPO8mi.lean.js │ │ │ ├── guide_install.md.DMRGMTm0.js │ │ │ ├── guide_install.md.DMRGMTm0.lean.js │ │ │ ├── guide_use.md.DNutHxYg.js │ │ │ ├── guide_use.md.DNutHxYg.lean.js │ │ │ ├── index.md.DLpHgSIC.js │ │ │ ├── index.md.DLpHgSIC.lean.js │ │ │ ├── inter-italic-cyrillic-ext.r48I6akx.woff2 │ │ │ ├── inter-italic-cyrillic.By2_1cv3.woff2 │ │ │ ├── inter-italic-greek-ext.1u6EdAuj.woff2 │ │ │ ├── inter-italic-greek.DJ8dCoTZ.woff2 │ │ │ ├── inter-italic-latin-ext.CN1xVJS-.woff2 │ │ │ ├── inter-italic-latin.C2AdPX0b.woff2 │ │ │ ├── inter-italic-vietnamese.BSbpV94h.woff2 │ │ │ ├── inter-roman-cyrillic-ext.BBPuwvHQ.woff2 │ │ │ ├── inter-roman-cyrillic.C5lxZ8CY.woff2 │ │ │ ├── inter-roman-greek-ext.CqjqNYQ-.woff2 │ │ │ ├── inter-roman-greek.BBVDIX6e.woff2 │ │ │ ├── inter-roman-latin-ext.4ZJIpNVo.woff2 │ │ │ ├── inter-roman-latin.Di8DUHzh.woff2 │ │ │ ├── inter-roman-vietnamese.BjW4sHH5.woff2 │ │ │ └── style.CpPVVOZk.css │ │ ├── component │ │ │ ├── Button │ │ │ │ ├── defineEmits.html │ │ │ │ ├── defineProps.html │ │ │ │ └── index.html │ │ │ ├── Dialog │ │ │ │ └── index.html │ │ │ ├── Icon.html │ │ │ ├── Space.html │ │ │ └── Table │ │ │ │ └── index.html │ │ ├── guide │ │ │ ├── install.html │ │ │ └── use.html │ │ ├── hashmap.json │ │ └── index.html │ └── theme │ │ ├── Enum.vue │ │ └── index.ts ├── component │ ├── Button │ │ ├── basic.vue │ │ ├── circle.vue │ │ ├── clickEffect.vue │ │ ├── defineEmits.md │ │ ├── defineProps.md │ │ ├── disabled.vue │ │ ├── icon.vue │ │ ├── index.md │ │ ├── loading.vue │ │ ├── plain.vue │ │ ├── round.vue │ │ ├── size.vue │ │ └── text.vue │ ├── Card │ │ ├── basic.vue │ │ └── index.md │ ├── Checkbox │ │ ├── basic.vue │ │ ├── group.vue │ │ ├── index.md │ │ └── label.vue │ ├── ColorPicker │ │ ├── basic.vue │ │ └── index.md │ ├── Dialog │ │ ├── basic.vue │ │ └── index.md │ ├── Dropdown │ │ ├── basic.vue │ │ └── index.md │ ├── Form │ │ ├── basic.vue │ │ ├── index.md │ │ └── validate.vue │ ├── Icon.md │ ├── Icon │ │ ├── basic.vue │ │ └── index.md │ ├── Input │ │ ├── basic.vue │ │ ├── clearable.vue │ │ ├── disabled.vue │ │ ├── icon.vue │ │ ├── index.md │ │ ├── password.vue │ │ └── textarea.vue │ ├── List │ │ ├── basic.vue │ │ └── index.md │ ├── Menu │ │ ├── basic.vue │ │ └── index.md │ ├── Message │ │ ├── basic.vue │ │ ├── index.md │ │ └── type.vue │ ├── Popover │ │ ├── basic.vue │ │ └── index.md │ ├── Radio │ │ ├── basic.vue │ │ ├── group.vue │ │ ├── index.md │ │ └── label.vue │ ├── Select │ │ ├── basic.vue │ │ ├── clearable.vue │ │ ├── disabled.vue │ │ ├── filterable.vue │ │ ├── index.md │ │ └── multiple.vue │ ├── Space │ │ ├── basic.vue │ │ ├── direction.vue │ │ └── index.md │ ├── Switch │ │ ├── basic.vue │ │ ├── disabled.vue │ │ ├── index.md │ │ └── text.vue │ ├── Table │ │ ├── basic.vue │ │ ├── fixed.vue │ │ └── index.md │ ├── Tag │ │ ├── basic.vue │ │ ├── close.vue │ │ └── index.md │ └── Tooltip │ │ ├── basic.vue │ │ └── index.md ├── guide │ ├── install.md │ └── use.md └── index.md ├── env.d.ts ├── generateGlobalTs.ts ├── global.d.ts ├── index.html ├── package.json ├── pnpm-lock.yaml ├── postcss.config.js ├── public └── favicon.ico ├── release.config.ts ├── src ├── App.vue ├── assets │ ├── global.css │ └── icons │ │ ├── checked.vue │ │ ├── close.vue │ │ ├── delete.vue │ │ ├── drop-down.vue │ │ ├── drop-up.vue │ │ ├── edit.vue │ │ ├── error.vue │ │ ├── index.ts │ │ ├── info.vue │ │ ├── loading.vue │ │ ├── plus.vue │ │ ├── search.vue │ │ ├── success.vue │ │ └── warning.vue ├── components │ ├── Button │ │ ├── _test_ │ │ │ └── button.test.tsx │ │ └── index.vue │ ├── Card │ │ └── index.vue │ ├── Checkbox │ │ ├── Checkbox.vue │ │ ├── Group.vue │ │ ├── index.ts │ │ └── symbol.ts │ ├── Clear.vue │ ├── ColorPicker │ │ └── index.vue │ ├── Dialog │ │ └── index.vue │ ├── Dropdown │ │ └── index.vue │ ├── Form │ │ ├── Form.vue │ │ ├── FormItem.vue │ │ ├── config.ts │ │ └── index.ts │ ├── Input │ │ └── index.vue │ ├── List │ │ ├── Item.vue │ │ ├── index.ts │ │ └── index.vue │ ├── Menu │ │ └── index.vue │ ├── Popover │ │ └── index.vue │ ├── Radio │ │ ├── Group.vue │ │ ├── Radio.vue │ │ ├── index.ts │ │ └── symbol.ts │ ├── Select │ │ └── index.vue │ ├── Space │ │ └── index.vue │ ├── Switch │ │ └── index.vue │ ├── Table │ │ ├── Td.tsx │ │ ├── index.ts │ │ ├── index.vue │ │ └── type.ts │ ├── Tag │ │ └── index.vue │ ├── Tooltip │ │ └── index.vue │ ├── common.ts │ └── index.ts ├── config.ts ├── directive │ ├── clickWater.ts │ └── index.ts ├── globalComponents.d.ts ├── hooks │ └── useClickWater.ts ├── main.ts ├── release.ts └── style │ ├── button.scss │ ├── buttonVar.scss │ ├── card.scss │ ├── checkbox.scss │ ├── colorPicker.scss │ ├── dialog.scss │ ├── form.scss │ ├── functions.scss │ ├── global.scss │ ├── index.scss │ ├── input.scss │ ├── list.scss │ ├── menu.scss │ ├── message.scss │ ├── mixins.scss │ ├── popover.scss │ ├── radio.scss │ ├── select.scss │ ├── space.scss │ ├── switch.scss │ ├── table.scss │ ├── tag.scss │ ├── tooltip.scss │ └── var.scss ├── tsconfig.json └── vite.config.ts /.eslintrc.cjs: -------------------------------------------------------------------------------- 1 | /* eslint-env node */ 2 | require('@rushstack/eslint-patch/modern-module-resolution') 3 | 4 | module.exports = { 5 | root: true, 6 | 'extends': [ 7 | 'plugin:vue/vue3-essential', 8 | 'eslint:recommended', 9 | '@vue/eslint-config-typescript', 10 | '@vue/eslint-config-prettier/skip-formatting' 11 | ], 12 | parserOptions: { 13 | ecmaVersion: 'latest' 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /.github/workflows/deploy.yml: -------------------------------------------------------------------------------- 1 | # 构建 VitePress 站点并将其部署到 GitHub Pages 的示例工作流程 2 | # 3 | name: Deploy VitePress site to Pages 4 | 5 | on: 6 | # 在针对 `main` 分支的推送上运行。如果你 7 | # 使用 `master` 分支作为默认分支，请将其更改为 `master` 8 | push: 9 | branches: [master] 10 | 11 | # 允许你从 Actions 选项卡手动运行此工作流程 12 | workflow_dispatch: 13 | 14 | # 设置 GITHUB_TOKEN 的权限，以允许部署到 GitHub Pages 15 | permissions: 16 | contents: read 17 | pages: write 18 | id-token: write 19 | 20 | # 只允许同时进行一次部署，跳过正在运行和最新队列之间的运行队列 21 | # 但是，不要取消正在进行的运行，因为我们希望允许这些生产部署完成 22 | concurrency: 23 | group: pages 24 | cancel-in-progress: false 25 | 26 | jobs: 27 | # 构建工作 28 | build: 29 | runs-on: ubuntu-latest 30 | steps: 31 | - name: Checkout 32 | uses: actions/checkout@v4 33 | with: 34 | fetch-depth: 0 # 如果未启用 lastUpdated，则不需要 35 | uses: pnpm/action-setup@v3 36 | # - uses: oven-sh/setup-bun@v1 # 如果使用 Bun，请取消注释 37 | - name: Install pnpm 38 | run: | 39 | curl -L https://unpkg.com/@pnpm/self-installer | node 40 | - name: pnpm version 41 | run: pnpm -v 42 | - name: Setup Node 43 | uses: actions/setup-node@v4 44 | with: 45 | node-version: 20 46 | cache: pnpm # 或 pnpm / yarn 47 | - name: Setup Pages 48 | uses: actions/configure-pages@v4 49 | - name: Install dependencies 50 | run: pnpm install # 或 pnpm install / yarn install / bun install 51 | - name: Build with VitePress 52 | run: pnpm build # 或 pnpm docs:build / yarn docs:build / bun run docs:build 53 | - name: Upload artifact 54 | uses: actions/upload-pages-artifact@v3 55 | with: 56 | path: docs/.vitepress/dist 57 | 58 | # 部署工作 59 | deploy: 60 | environment: 61 | name: github-pages 62 | url: ${{ steps.deployment.outputs.page_url }} 63 | needs: build 64 | runs-on: ubuntu-latest 65 | name: Deploy 66 | steps: 67 | - name: Deploy to GitHub Pages 68 | id: deployment 69 | uses: actions/deploy-pages@v4 70 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | .DS_Store 12 | dist 13 | dist-ssr 14 | coverage 15 | *.local 16 | docs/.vitepress/cache 17 | /cypress/videos/ 18 | /cypress/screenshots/ 19 | 20 | # Editor directories and files 21 | .vscode/* 22 | !.vscode/extensions.json 23 | .idea 24 | *.suo 25 | *.ntvs* 26 | *.njsproj 27 | *.sln 28 | *.sw? 29 | 30 | *.tsbuildinfo 31 | -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://json.schemastore.org/prettierrc", 3 | "semi": false, 4 | "tabWidth": 2, 5 | "singleQuote": true, 6 | "printWidth": 100, 7 | "trailingComma": "none" 8 | } -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": [ 3 | "Vue.volar", 4 | "Vue.vscode-typescript-vue-plugin", 5 | "dbaeumer.vscode-eslint", 6 | "esbenp.prettier-vscode" 7 | ] 8 | } 9 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Elin UI 2 | 3 | 一个Vue3组件 4 | 5 | [前往在线文档](https://xinnian999.github.io/elin-ui/) 6 | 7 | ## 使用方法 8 | 9 | ```xml 10 | npm install elin-ui 11 | ``` 12 | 13 | ```ts 14 | //main.ts 15 | 16 | import { createApp } from 'vue' 17 | import App from './App.vue' 18 | import ElinUI from 'elin-ui' 19 | import 'elin-ui/dist/style.css' 20 | 21 | createApp(App).use(ElinUI).mount('#app') 22 | ``` 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /docs/.vitepress/config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vitepress' 2 | import { fileURLToPath, URL } from 'node:url' 3 | import vueJsx from '@vitejs/plugin-vue-jsx' 4 | 5 | export default defineConfig({ 6 | title: 'Elin-UI', 7 | description: '一个有趣的vue3组件库', 8 | base: '/elin-ui/', 9 | vite: { 10 | resolve: { 11 | alias: { 12 | '@': fileURLToPath(new URL('../../src/', import.meta.url)), 13 | 'elin-ui': fileURLToPath(new URL('../../src/release', import.meta.url)) 14 | } 15 | }, 16 | plugins: [vueJsx()], 17 | server: { 18 | port: 9999 19 | } 20 | }, 21 | themeConfig: { 22 | // https://vitepress.dev/reference/default-theme-config 23 | nav: [ 24 | { text: '首页', link: '/' }, 25 | { text: '指南', link: '/guide/install' }, 26 | { text: '组件', link: `/component/Button/` } 27 | ], 28 | sidebar: { 29 | '/guide/': [ 30 | { text: '安装', link: '/guide/install' }, 31 | { text: '使用', link: '/guide/use' } 32 | ], 33 | '/component/': [ 34 | { 35 | text: '基础组件', 36 | items: [ 37 | { text: 'Button 按钮', link: `/component/Button/` }, 38 | { text: 'Icon 图标', link: `/component/Icon/` }, 39 | { text: 'Space 间距', link: '/component/Space/' } 40 | ] 41 | }, 42 | { 43 | text: '表单组件', 44 | items: [ 45 | { text: 'Form 表单', link: '/component/Form/' }, 46 | { text: 'Input 输入框', link: '/component/Input/' }, 47 | { text: 'Radio 单选框', link: '/component/Radio/' }, 48 | { text: 'Checkbox 多选框', link: '/component/Checkbox/' }, 49 | { text: 'Select 选择框', link: '/component/Select/' }, 50 | { text: 'Switch 开关', link: '/component/Switch/' }, 51 | { text: 'ColorPicker 取色器', link: '/component/ColorPicker/' } 52 | ] 53 | }, 54 | { 55 | text: '数据展示', 56 | items: [ 57 | { text: 'Table 表格', link: '/component/Table/' }, 58 | { text: 'List 列表', link: '/component/List/' }, 59 | { text: 'Tag 标签', link: '/component/Tag/' }, 60 | { text: 'Card 卡片', link: '/component/Card/' } 61 | ] 62 | }, 63 | { 64 | text: '反馈组件', 65 | items: [ 66 | { text: 'Dialog 对话框', link: '/component/Dialog/' }, 67 | { text: 'Message 提示消息', link: '/component/Message/' }, 68 | { text: 'Tooltip 文字提示', link: '/component/Tooltip/' }, 69 | { text: 'Popover 悬浮气泡', link: '/component/Popover/' } 70 | ] 71 | }, 72 | { 73 | text: '导航组件', 74 | items: [ 75 | { text: 'Dropdown 下拉菜单', link: '/component/Dropdown/' }, 76 | { text: 'Menu 菜单', link: '/component/Menu/' } 77 | ] 78 | } 79 | ] 80 | }, 81 | socialLinks: [{ icon: 'github', link: 'https://github.com/xinnian999/elin-ui' }] 82 | } 83 | }) 84 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 404 | Elin-UI 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
Elin-UI

Appearance

404

PAGE NOT FOUND

But if you don't change your direction, and if you keep looking, you may end up where you are heading.
Take me home
18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/app.CDxaPr1w.js: -------------------------------------------------------------------------------- 1 | import{Z as s,a6 as p,a7 as u,a8 as l,a9 as c,aa as f,ab as d,ac as m,ad as h,ae as g,af as A,ag as P,d as _,x as v,B as R,I as w,ah as y,ai as C,aj as E,ak as b}from"./chunks/framework.DI4jW7Xc.js";import{R as T}from"./chunks/theme.B3CIiGP4.js";function i(e){if(e.extends){const a=i(e.extends);return{...a,...e,async enhanceApp(t){a.enhanceApp&&await a.enhanceApp(t),e.enhanceApp&&await e.enhanceApp(t)}}}return e}const o=i(T),S=_({name:"VitePressApp",setup(){const{site:e,lang:a,dir:t}=v();return R(()=>{w(()=>{document.documentElement.lang=a.value,document.documentElement.dir=t.value})}),e.value.router.prefetchLinks&&y(),C(),E(),o.setup&&o.setup(),()=>b(o.Layout)}});async function D(){globalThis.__VITEPRESS__=!0;const e=x(),a=j();a.provide(u,e);const t=l(e.route);return a.provide(c,t),a.component("Content",f),a.component("ClientOnly",d),Object.defineProperties(a.config.globalProperties,{$frontmatter:{get(){return t.frontmatter.value}},$params:{get(){return t.page.value.params}}}),o.enhanceApp&&await o.enhanceApp({app:a,router:e,siteData:m}),{app:a,router:e,data:t}}function j(){return h(S)}function x(){let e=s,a;return g(t=>{let n=A(t),r=null;return n&&(e&&(a=n),(e||a===n)&&(n=n.replace(/\.js$/,".lean.js")),r=P(()=>import(n),[],import.meta.url)),s&&(e=!1),r},o.NotFound)}s&&D().then(({app:e,router:a,data:t})=>{a.go().then(()=>{p(a.route,t.site),e.mount("#app")})});export{D as createApp}; 2 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/component_Button_defineEmits.md.DB-Eg9B5.js: -------------------------------------------------------------------------------- 1 | import{_ as e,a as n,o as l,k as t}from"./chunks/framework.DI4jW7Xc.js";const f=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"component/Button/defineEmits.md","filePath":"component/Button/defineEmits.md"}'),o={name:"component/Button/defineEmits.md"},a=t("table",null,[t("thead",null,[t("tr",null,[t("th",null,"属性名"),t("th",null,"说明"),t("th",null,"类型")])]),t("tbody",null,[t("tr",null,[t("td",null,"click"),t("td",null,"按钮点击事件"),t("td",null,[t("code",null,"(event: Event) => void")])])])],-1),s=[a];function d(c,i,r,u,m,_){return l(),n("div",null,s)}const h=e(o,[["render",d]]);export{f as __pageData,h as default}; 2 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/component_Button_defineEmits.md.DB-Eg9B5.lean.js: -------------------------------------------------------------------------------- 1 | import{_ as e,a as n,o as l,k as t}from"./chunks/framework.DI4jW7Xc.js";const f=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"component/Button/defineEmits.md","filePath":"component/Button/defineEmits.md"}'),o={name:"component/Button/defineEmits.md"},a=t("table",null,[t("thead",null,[t("tr",null,[t("th",null,"属性名"),t("th",null,"说明"),t("th",null,"类型")])]),t("tbody",null,[t("tr",null,[t("td",null,"click"),t("td",null,"按钮点击事件"),t("td",null,[t("code",null,"(event: Event) => void")])])])],-1),s=[a];function d(c,i,r,u,m,_){return l(),n("div",null,s)}const h=e(o,[["render",d]]);export{f as __pageData,h as default}; 2 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/component_Button_defineProps.md.CrN5gVxI.js: -------------------------------------------------------------------------------- 1 | import{_ as t,a as d,o as e,a5 as o}from"./chunks/framework.DI4jW7Xc.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"component/Button/defineProps.md","filePath":"component/Button/defineProps.md"}'),a={name:"component/Button/defineProps.md"},r=o("
属性名说明类型默认值
type颜色类型'primary' | 'success' | 'info' | 'warning' | 'danger' 无
siaze按钮大小'large' | 'default' | 'small' 'default'
plain是否为朴素按钮booleanfalse
text是否为文字按钮booleanfalse
round是否为圆角按钮booleanfalse
circle是否为圆形按钮booleanfalse
loading是否加载中状态booleanfalse
",1),n=[r];function c(s,l,_,i,p,f){return e(),d("div",null,n)}const u=t(a,[["render",c]]);export{m as __pageData,u as default}; 2 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/component_Button_defineProps.md.CrN5gVxI.lean.js: -------------------------------------------------------------------------------- 1 | import{_ as t,a as d,o as e,a5 as o}from"./chunks/framework.DI4jW7Xc.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"component/Button/defineProps.md","filePath":"component/Button/defineProps.md"}'),a={name:"component/Button/defineProps.md"},r=o("",1),n=[r];function c(s,l,_,i,p,f){return e(),d("div",null,n)}const u=t(a,[["render",c]]);export{m as __pageData,u as default}; 2 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/component_Dialog_index.md.Is75_HGS.js: -------------------------------------------------------------------------------- 1 | import{I as y}from"./chunks/theme.B3CIiGP4.js";import{d as e,p as F,N as p,o as E,a as r,l as t,v as n,F as c,f as l,k as i,u,a5 as m}from"./chunks/framework.DI4jW7Xc.js";const C=e({__name:"basic",setup(d){const a=F(!1);return(g,s)=>{const k=p("e-button"),o=p("e-dialog");return E(),r(c,null,[t(o,{modelValue:a.value,"onUpdate:modelValue":s[2]||(s[2]=h=>a.value=h),title:"你好"},{footer:n(()=>[t(k,{onClick:s[0]||(s[0]=h=>a.value=!1)},{default:n(()=>[l("取消")]),_:1}),t(k,{type:"primary",onClick:s[1]||(s[1]=h=>a.value=!1)},{default:n(()=>[l("提交")]),_:1})]),default:n(()=>[i("p",null,[l("我是一个dialog "),t(u(y))])]),_:1},8,["modelValue"]),t(k,{onClick:s[3]||(s[3]=h=>a.value=!0)},{default:n(()=>[l("打开modal")]),_:1})],64)}}}),D=i("h1",{id:"dialog",tabindex:"-1"},[l("Dialog "),i("a",{class:"header-anchor",href:"#dialog","aria-label":'Permalink to "Dialog"'},"​")],-1),_=i("p",null,"对话框操作。",-1),B=i("h2",{id:"基础用法",tabindex:"-1"},[l("基础用法 "),i("a",{class:"header-anchor",href:"#基础用法","aria-label":'Permalink to "基础用法"'},"​")],-1),f={class:"vp-raw"},v=m(`
查看代码
vue
<template>
 2 |   <e-dialog v-model="visible" title="你好">
 3 |     <p>我是一个dialog <IconDelete /></p>
 4 |     <template #footer>
 5 |       <e-button @click="visible = false">取消</e-button>
 6 |       <e-button type="primary" @click="visible = false">提交</e-button>
 7 |     </template>
 8 |   </e-dialog>
 9 |   <e-button @click="visible = true">打开modal</e-button>
10 | </template>
11 | 
12 | <script setup lang="ts">
13 | import { IconDelete } from 'elin-ui'
14 | import { ref } from 'vue'
15 | 
16 | const visible = ref(false)
17 | </script>
`,1),x=JSON.parse('{"title":"Dialog","description":"","frontmatter":{},"headers":[],"relativePath":"component/Dialog/index.md","filePath":"component/Dialog/index.md"}'),A={name:"component/Dialog/index.md"},V=e({...A,setup(d){return(a,g)=>(E(),r("div",null,[D,_,B,i("div",f,[t(C)]),v]))}});export{x as __pageData,V as default}; 18 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/component_Dialog_index.md.Is75_HGS.lean.js: -------------------------------------------------------------------------------- 1 | import{I as y}from"./chunks/theme.B3CIiGP4.js";import{d as e,p as F,N as p,o as E,a as r,l as t,v as n,F as c,f as l,k as i,u,a5 as m}from"./chunks/framework.DI4jW7Xc.js";const C=e({__name:"basic",setup(d){const a=F(!1);return(g,s)=>{const k=p("e-button"),o=p("e-dialog");return E(),r(c,null,[t(o,{modelValue:a.value,"onUpdate:modelValue":s[2]||(s[2]=h=>a.value=h),title:"你好"},{footer:n(()=>[t(k,{onClick:s[0]||(s[0]=h=>a.value=!1)},{default:n(()=>[l("取消")]),_:1}),t(k,{type:"primary",onClick:s[1]||(s[1]=h=>a.value=!1)},{default:n(()=>[l("提交")]),_:1})]),default:n(()=>[i("p",null,[l("我是一个dialog "),t(u(y))])]),_:1},8,["modelValue"]),t(k,{onClick:s[3]||(s[3]=h=>a.value=!0)},{default:n(()=>[l("打开modal")]),_:1})],64)}}}),D=i("h1",{id:"dialog",tabindex:"-1"},[l("Dialog "),i("a",{class:"header-anchor",href:"#dialog","aria-label":'Permalink to "Dialog"'},"​")],-1),_=i("p",null,"对话框操作。",-1),B=i("h2",{id:"基础用法",tabindex:"-1"},[l("基础用法 "),i("a",{class:"header-anchor",href:"#基础用法","aria-label":'Permalink to "基础用法"'},"​")],-1),f={class:"vp-raw"},v=m(`
查看代码
vue
<template>
 2 |   <e-dialog v-model="visible" title="你好">
 3 |     <p>我是一个dialog <IconDelete /></p>
 4 |     <template #footer>
 5 |       <e-button @click="visible = false">取消</e-button>
 6 |       <e-button type="primary" @click="visible = false">提交</e-button>
 7 |     </template>
 8 |   </e-dialog>
 9 |   <e-button @click="visible = true">打开modal</e-button>
10 | </template>
11 | 
12 | <script setup lang="ts">
13 | import { IconDelete } from 'elin-ui'
14 | import { ref } from 'vue'
15 | 
16 | const visible = ref(false)
17 | </script>
`,1),x=JSON.parse('{"title":"Dialog","description":"","frontmatter":{},"headers":[],"relativePath":"component/Dialog/index.md","filePath":"component/Dialog/index.md"}'),A={name:"component/Dialog/index.md"},V=e({...A,setup(d){return(a,g)=>(E(),r("div",null,[D,_,B,i("div",f,[t(C)]),v]))}});export{x as __pageData,V as default}; 18 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/component_Icon.md.Dzl2xEgc.js: -------------------------------------------------------------------------------- 1 | import{_ as e,a as t,o}from"./chunks/framework.DI4jW7Xc.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"component/Icon.md","filePath":"component/Icon.md"}'),n={name:"component/Icon.md"};function a(c,r,s,p,m,_){return o(),t("div")}const f=e(n,[["render",a]]);export{i as __pageData,f as default}; 2 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/component_Icon.md.Dzl2xEgc.lean.js: -------------------------------------------------------------------------------- 1 | import{_ as e,a as t,o}from"./chunks/framework.DI4jW7Xc.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"component/Icon.md","filePath":"component/Icon.md"}'),n={name:"component/Icon.md"};function a(c,r,s,p,m,_){return o(),t("div")}const f=e(n,[["render",a]]);export{i as __pageData,f as default}; 2 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/component_Space.md.4O0h3eNH.js: -------------------------------------------------------------------------------- 1 | import{_ as e,a as t,o as a}from"./chunks/framework.DI4jW7Xc.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"component/Space.md","filePath":"component/Space.md"}'),o={name:"component/Space.md"};function c(n,p,r,s,m,_){return a(),t("div")}const f=e(o,[["render",c]]);export{i as __pageData,f as default}; 2 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/component_Space.md.4O0h3eNH.lean.js: -------------------------------------------------------------------------------- 1 | import{_ as e,a as t,o as a}from"./chunks/framework.DI4jW7Xc.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"component/Space.md","filePath":"component/Space.md"}'),o={name:"component/Space.md"};function c(n,p,r,s,m,_){return a(),t("div")}const f=e(o,[["render",c]]);export{i as __pageData,f as default}; 2 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/guide_install.md.DMRGMTm0.js: -------------------------------------------------------------------------------- 1 | import{_ as a,a as e,o as t,a5 as s}from"./chunks/framework.DI4jW7Xc.js";const m=JSON.parse('{"title":"安装","description":"","frontmatter":{},"headers":[],"relativePath":"guide/install.md","filePath":"guide/install.md"}'),i={name:"guide/install.md"},l=s('

安装 ​

使用包管理器 ​

xml
npm install elin-ui
',3),n=[l];function o(r,c,d,_,h,p){return t(),e("div",null,n)}const g=a(i,[["render",o]]);export{m as __pageData,g as default}; 2 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/guide_install.md.DMRGMTm0.lean.js: -------------------------------------------------------------------------------- 1 | import{_ as a,a as e,o as t,a5 as s}from"./chunks/framework.DI4jW7Xc.js";const m=JSON.parse('{"title":"安装","description":"","frontmatter":{},"headers":[],"relativePath":"guide/install.md","filePath":"guide/install.md"}'),i={name:"guide/install.md"},l=s("",3),n=[l];function o(r,c,d,_,h,p){return t(),e("div",null,n)}const g=a(i,[["render",o]]);export{m as __pageData,g as default}; 2 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/guide_use.md.DNutHxYg.js: -------------------------------------------------------------------------------- 1 | import{_ as s,a as i,o as a,a5 as n}from"./chunks/framework.DI4jW7Xc.js";const g=JSON.parse('{"title":"使用","description":"","frontmatter":{},"headers":[],"relativePath":"guide/use.md","filePath":"guide/use.md"}'),p={name:"guide/use.md"},t=n(`

使用 ​

完整引入 ​

如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。

ts
// main.ts
 2 | import { createApp } from 'vue'
 3 | import ElinDesign from 'elin-ui'
 4 | import 'elin-ui/dist/style.css'
 5 | import App from './App.vue'
 6 | 
 7 | const app = createApp(App)
 8 | 
 9 | app.use(ElinDesign)
10 | app.mount('#app')

TypeScript类型支持 ​

组件库完整导入后，请在 tsconfig.json 中通过 compilerOptions.type 指定全局组件类型。

json
// tsconfig.json
11 | {
12 |   "compilerOptions": {
13 |     // ...
14 |     "types": ["elin-ui/global"]
15 |   }
16 | }
`,7),e=[t];function l(h,k,r,d,o,E){return a(),i("div",null,e)}const y=s(p,[["render",l]]);export{g as __pageData,y as default}; 17 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/guide_use.md.DNutHxYg.lean.js: -------------------------------------------------------------------------------- 1 | import{_ as s,a as i,o as a,a5 as n}from"./chunks/framework.DI4jW7Xc.js";const g=JSON.parse('{"title":"使用","description":"","frontmatter":{},"headers":[],"relativePath":"guide/use.md","filePath":"guide/use.md"}'),p={name:"guide/use.md"},t=n("",7),e=[t];function l(h,k,r,d,o,E){return a(),i("div",null,e)}const y=s(p,[["render",l]]);export{g as __pageData,y as default}; 2 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/index.md.DLpHgSIC.js: -------------------------------------------------------------------------------- 1 | import{_ as e,a as t,o as i}from"./chunks/framework.DI4jW7Xc.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Elin UI","text":"一个普通的vue组件库","tagline":"为vue3项目提供开箱即用的页面组件","actions":[{"theme":"brand","text":"快速开始","link":"/guide/install"},{"theme":"alt","text":"组件列表","link":"/component/Button"},{"theme":"alt","text":"GitHub","link":"/component/Button"}]},"features":[{"title":"Feature A","details":"Lorem ipsum dolor sit amet, consectetur adipiscing elit"},{"title":"Feature B","details":"Lorem ipsum dolor sit amet, consectetur adipiscing elit"},{"title":"Feature C","details":"Lorem ipsum dolor sit amet, consectetur adipiscing elit"}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}'),a={name:"index.md"};function n(o,s,r,l,c,d){return i(),t("div")}const p=e(a,[["render",n]]);export{u as __pageData,p as default}; 2 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/index.md.DLpHgSIC.lean.js: -------------------------------------------------------------------------------- 1 | import{_ as e,a as t,o as i}from"./chunks/framework.DI4jW7Xc.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Elin UI","text":"一个普通的vue组件库","tagline":"为vue3项目提供开箱即用的页面组件","actions":[{"theme":"brand","text":"快速开始","link":"/guide/install"},{"theme":"alt","text":"组件列表","link":"/component/Button"},{"theme":"alt","text":"GitHub","link":"/component/Button"}]},"features":[{"title":"Feature A","details":"Lorem ipsum dolor sit amet, consectetur adipiscing elit"},{"title":"Feature B","details":"Lorem ipsum dolor sit amet, consectetur adipiscing elit"},{"title":"Feature C","details":"Lorem ipsum dolor sit amet, consectetur adipiscing elit"}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}'),a={name:"index.md"};function n(o,s,r,l,c,d){return i(),t("div")}const p=e(a,[["render",n]]);export{u as __pageData,p as default}; 2 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/inter-italic-cyrillic-ext.r48I6akx.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xinnian999/elin-ui/ed1bb6d9d85e68272f8688fec3930706f0abf2c3/docs/.vitepress/dist/assets/inter-italic-cyrillic-ext.r48I6akx.woff2 -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/inter-italic-cyrillic.By2_1cv3.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xinnian999/elin-ui/ed1bb6d9d85e68272f8688fec3930706f0abf2c3/docs/.vitepress/dist/assets/inter-italic-cyrillic.By2_1cv3.woff2 -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/inter-italic-greek-ext.1u6EdAuj.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xinnian999/elin-ui/ed1bb6d9d85e68272f8688fec3930706f0abf2c3/docs/.vitepress/dist/assets/inter-italic-greek-ext.1u6EdAuj.woff2 -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/inter-italic-greek.DJ8dCoTZ.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xinnian999/elin-ui/ed1bb6d9d85e68272f8688fec3930706f0abf2c3/docs/.vitepress/dist/assets/inter-italic-greek.DJ8dCoTZ.woff2 -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/inter-italic-latin-ext.CN1xVJS-.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xinnian999/elin-ui/ed1bb6d9d85e68272f8688fec3930706f0abf2c3/docs/.vitepress/dist/assets/inter-italic-latin-ext.CN1xVJS-.woff2 -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/inter-italic-latin.C2AdPX0b.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xinnian999/elin-ui/ed1bb6d9d85e68272f8688fec3930706f0abf2c3/docs/.vitepress/dist/assets/inter-italic-latin.C2AdPX0b.woff2 -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/inter-italic-vietnamese.BSbpV94h.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xinnian999/elin-ui/ed1bb6d9d85e68272f8688fec3930706f0abf2c3/docs/.vitepress/dist/assets/inter-italic-vietnamese.BSbpV94h.woff2 -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/inter-roman-cyrillic-ext.BBPuwvHQ.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xinnian999/elin-ui/ed1bb6d9d85e68272f8688fec3930706f0abf2c3/docs/.vitepress/dist/assets/inter-roman-cyrillic-ext.BBPuwvHQ.woff2 -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/inter-roman-cyrillic.C5lxZ8CY.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xinnian999/elin-ui/ed1bb6d9d85e68272f8688fec3930706f0abf2c3/docs/.vitepress/dist/assets/inter-roman-cyrillic.C5lxZ8CY.woff2 -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/inter-roman-greek-ext.CqjqNYQ-.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xinnian999/elin-ui/ed1bb6d9d85e68272f8688fec3930706f0abf2c3/docs/.vitepress/dist/assets/inter-roman-greek-ext.CqjqNYQ-.woff2 -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/inter-roman-greek.BBVDIX6e.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xinnian999/elin-ui/ed1bb6d9d85e68272f8688fec3930706f0abf2c3/docs/.vitepress/dist/assets/inter-roman-greek.BBVDIX6e.woff2 -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/inter-roman-latin-ext.4ZJIpNVo.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xinnian999/elin-ui/ed1bb6d9d85e68272f8688fec3930706f0abf2c3/docs/.vitepress/dist/assets/inter-roman-latin-ext.4ZJIpNVo.woff2 -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/inter-roman-latin.Di8DUHzh.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xinnian999/elin-ui/ed1bb6d9d85e68272f8688fec3930706f0abf2c3/docs/.vitepress/dist/assets/inter-roman-latin.Di8DUHzh.woff2 -------------------------------------------------------------------------------- /docs/.vitepress/dist/assets/inter-roman-vietnamese.BjW4sHH5.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xinnian999/elin-ui/ed1bb6d9d85e68272f8688fec3930706f0abf2c3/docs/.vitepress/dist/assets/inter-roman-vietnamese.BjW4sHH5.woff2 -------------------------------------------------------------------------------- /docs/.vitepress/dist/guide/install.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 安装 | Elin-UI 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
Elin-UI

Appearance

安装 ​

使用包管理器 ​

xml
npm install elin-ui
21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/hashmap.json: -------------------------------------------------------------------------------- 1 | {"index.md":"DLpHgSIC","component_icon.md":"Dzl2xEgc","guide_use.md":"DNutHxYg","component_space.md":"4O0h3eNH","component_button_defineemits.md":"DB-Eg9B5","component_button_defineprops.md":"CrN5gVxI","guide_install.md":"DMRGMTm0","component_dialog_index.md":"Is75_HGS","component_button_index.md":"Dwm166d8","component_table_index.md":"CHTPO8mi"} 2 | -------------------------------------------------------------------------------- /docs/.vitepress/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Elin-UI 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
Elin-UI

Appearance

Elin UI

一个普通的vue组件库

为vue3项目提供开箱即用的页面组件

快速开始
组件列表
GitHub

Feature A

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Feature B

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Feature C

Lorem ipsum dolor sit amet, consectetur adipiscing elit

21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /docs/.vitepress/theme/Enum.vue: -------------------------------------------------------------------------------- 1 | 12 | 13 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /docs/.vitepress/theme/index.ts: -------------------------------------------------------------------------------- 1 | import type { Theme } from 'vitepress' 2 | import DefaultTheme from 'vitepress/theme' 3 | // @ts-ignore 4 | import ElinUI from 'elin-ui' 5 | // @ts-ignore 6 | import Enum from './Enum.vue' 7 | 8 | export default { 9 | extends: DefaultTheme, 10 | enhanceApp({ app }) { 11 | // 注册自定义全局组件 12 | app.use(ElinUI) 13 | app.component('EEnum', Enum) 14 | } 15 | } satisfies Theme 16 | -------------------------------------------------------------------------------- /docs/component/Button/basic.vue: -------------------------------------------------------------------------------- 1 | 9 | -------------------------------------------------------------------------------- /docs/component/Button/circle.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 15 | -------------------------------------------------------------------------------- /docs/component/Button/clickEffect.vue: -------------------------------------------------------------------------------- 1 | 5 | -------------------------------------------------------------------------------- /docs/component/Button/defineEmits.md: -------------------------------------------------------------------------------- 1 | 2 | | 属性名 | 说明 | 类型 | 3 | |-------|--------|--------------------------------------------------------------| 4 | | click | 按钮点击事件 | `(event: Event) => void` | 5 | 6 | -------------------------------------------------------------------------------- /docs/component/Button/defineProps.md: -------------------------------------------------------------------------------- 1 | 6 | 7 | | 属性名 | 说明 | 类型 | 默认值 | 8 | | ----------- |---------| -------------------------------- | ----------- | 9 | | type | 颜色类型 | {{type}} | 无 | 10 | | size | 按钮大小 | {{size}} | `'default'` | 11 | | plain | 是否为次要按钮 | `boolean` | false | 12 | | text | 是否为文字按钮 | `boolean` | false | 13 | | round | 是否为圆角按钮 | `boolean` | false | 14 | | circle | 是否为圆形按钮 | `boolean` | false | 15 | | loading | 是否加载中状态 | `boolean` | false | 16 | | clickEffect | 点击动画 | {{clickEffect}} | `'water'` | 17 | -------------------------------------------------------------------------------- /docs/component/Button/disabled.vue: -------------------------------------------------------------------------------- 1 | 9 | -------------------------------------------------------------------------------- /docs/component/Button/icon.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 15 | -------------------------------------------------------------------------------- /docs/component/Button/index.md: -------------------------------------------------------------------------------- 1 | 14 | 15 | # Button 16 | 17 | 常用的操作按钮。 18 | 19 | ## 主要按钮 20 | 21 | 22 | 23 | ::: details 查看代码 24 | 25 | <<< ./basic.vue 26 | 27 | ::: 28 | 29 | ## 次要按钮 30 | 31 | 32 | 33 | ::: details 查看代码 34 | 35 | <<< ./plain.vue 36 | 37 | ::: 38 | 39 | 40 | ## 文字按钮 41 | 42 | 43 | 44 | ::: details 查看代码 45 | 46 | <<< ./text.vue 47 | 48 | ::: 49 | 50 | ## 圆角按钮 51 | 52 | 53 | 54 | ::: details 查看代码 55 | 56 | <<< ./round.vue 57 | 58 | ::: 59 | 60 | 61 | ## 圆形按钮 62 | 63 | 64 | 65 | ::: details 查看代码 66 | 67 | <<< ./circle.vue 68 | 69 | ::: 70 | 71 | ## 图标按钮 72 | 73 | 直接将图标插入到文字的前面或者后面即可 74 | 75 | 76 | 77 | ::: details 查看代码 78 | 79 | <<< ./icon.vue 80 | 81 | ::: 82 | 83 | ## 不同大小 84 | 85 | 86 | 87 | ::: details 查看代码 88 | 89 | <<< ./size.vue 90 | 91 | ::: 92 | 93 | ## 不同点击效果 94 | 95 | 96 | 97 | ::: details 查看代码 98 | 99 | <<< ./clickEffect.vue 100 | 101 | ::: 102 | 103 | ## 禁用状态 104 | 105 | 106 | 107 | ::: details 查看代码 108 | 109 | <<< ./disabled.vue 110 | 111 | ::: 112 | 113 | ## 加载状态 114 | 115 | 116 | 117 | ::: details 查看代码 118 | 119 | <<< ./loading.vue 120 | 121 | ::: 122 | 123 | ## API 124 | 125 | ### defineProps 126 | 127 | 128 | 129 | ### defineEmits 130 | 131 | -------------------------------------------------------------------------------- /docs/component/Button/loading.vue: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /docs/component/Button/plain.vue: -------------------------------------------------------------------------------- 1 | 9 | -------------------------------------------------------------------------------- /docs/component/Button/round.vue: -------------------------------------------------------------------------------- 1 | 9 | -------------------------------------------------------------------------------- /docs/component/Button/size.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /docs/component/Button/text.vue: -------------------------------------------------------------------------------- 1 | 9 | -------------------------------------------------------------------------------- /docs/component/Card/basic.vue: -------------------------------------------------------------------------------- 1 | 10 | -------------------------------------------------------------------------------- /docs/component/Card/index.md: -------------------------------------------------------------------------------- 1 | 5 | 6 | # Card 卡片 7 | 8 | 9 | ## 基础用法 10 | 11 | 12 | 13 | 14 | 15 | ::: details 查看代码 16 | 17 | <<< ./basic.vue 18 | 19 | ::: 20 | -------------------------------------------------------------------------------- /docs/component/Checkbox/basic.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | -------------------------------------------------------------------------------- /docs/component/Checkbox/group.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 16 | -------------------------------------------------------------------------------- /docs/component/Checkbox/index.md: -------------------------------------------------------------------------------- 1 | 7 | 8 | # Checkbox 多选框 9 | 10 | 在一组备选项中进行多选。 11 | 12 | ## 基础用法 13 | 14 | 默认在布尔值之间切换 15 | 16 | 17 | 18 | 19 | ::: details 查看代码 20 | 21 | <<< ./basic.vue 22 | 23 | ::: 24 | 25 | ## 指定【标签】和【选中状态的值】 26 | 27 | value参数，初始值必须是数组时才会生效 28 | 29 |