@templmf/temp-solf-lmf 0.0.28 → 0.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/package.json +1 -1
  2. package/skills/code-reviewer/SKILL.md +482 -0
  3. package/skills/daily-qa-skill/SKILL.md +147 -0
  4. package/skills/daily-qa-skill/references/tools.md +130 -0
  5. package/skills/element-plus-vue3/LICENSE.txt +202 -0
  6. package/skills/element-plus-vue3/SKILL.md +218 -0
  7. package/skills/element-plus-vue3/api/component-api.md +94 -0
  8. package/skills/element-plus-vue3/api/global-config.md +89 -0
  9. package/skills/element-plus-vue3/api/props-and-events.md +101 -0
  10. package/skills/element-plus-vue3/examples/components/button.md +99 -0
  11. package/skills/element-plus-vue3/examples/components/date-picker.md +115 -0
  12. package/skills/element-plus-vue3/examples/components/dialog.md +106 -0
  13. package/skills/element-plus-vue3/examples/components/form.md +127 -0
  14. package/skills/element-plus-vue3/examples/components/input.md +123 -0
  15. package/skills/element-plus-vue3/examples/components/message.md +93 -0
  16. package/skills/element-plus-vue3/examples/components/overview.md +59 -0
  17. package/skills/element-plus-vue3/examples/components/select.md +133 -0
  18. package/skills/element-plus-vue3/examples/components/table.md +166 -0
  19. package/skills/element-plus-vue3/examples/guide/design.md +68 -0
  20. package/skills/element-plus-vue3/examples/guide/global-config.md +95 -0
  21. package/skills/element-plus-vue3/examples/guide/i18n.md +95 -0
  22. package/skills/element-plus-vue3/examples/guide/installation.md +110 -0
  23. package/skills/element-plus-vue3/examples/guide/quick-start.md +103 -0
  24. package/skills/element-plus-vue3/examples/guide/theme.md +78 -0
  25. package/skills/element-plus-vue3/templates/component-usage.md +92 -0
  26. package/skills/element-plus-vue3/templates/installation.md +82 -0
  27. package/skills/element-plus-vue3/templates/project-setup.md +83 -0
@@ -0,0 +1,130 @@
1
+ # Common Tools Reference
2
+
3
+ > Note: Version numbers change frequently. Always verify with web_search before answering.
4
+
5
+ ---
6
+
7
+ ## Node.js
8
+
9
+ - **Website**: https://nodejs.org
10
+ - **Download**: https://nodejs.org/en/download
11
+ - **Version list**: https://nodejs.org/en/about/previous-releases
12
+ - **GitHub**: https://github.com/nodejs/node
13
+ - **Version manager (nvm)**: https://github.com/nvm-sh/nvm (Linux/macOS)
14
+ - **Version manager (nvm-windows)**: https://github.com/coreybutler/nvm-windows (Windows)
15
+ - **npm registry**: https://registry.npmjs.org
16
+
17
+ ---
18
+
19
+ ## Python
20
+
21
+ - **Website**: https://www.python.org
22
+ - **Download**: https://www.python.org/downloads
23
+ - **Docs**: https://docs.python.org
24
+ - **Version manager (pyenv)**: https://github.com/pyenv/pyenv
25
+ - **Package manager (pip)**: https://pip.pypa.io
26
+ - **PyPI**: https://pypi.org
27
+
28
+ ---
29
+
30
+ ## Docker
31
+
32
+ - **Website**: https://www.docker.com
33
+ - **Docker Desktop download**: https://www.docker.com/products/docker-desktop
34
+ - **Docs**: https://docs.docker.com
35
+ - **Docker Hub**: https://hub.docker.com
36
+ - **GitHub**: https://github.com/docker/docker-ce
37
+
38
+ ---
39
+
40
+ ## Git
41
+
42
+ - **Website**: https://git-scm.com
43
+ - **Download**: https://git-scm.com/downloads
44
+ - **Docs**: https://git-scm.com/doc
45
+ - **GitHub Desktop**: https://desktop.github.com
46
+
47
+ ---
48
+
49
+ ## Rust
50
+
51
+ - **Website**: https://www.rust-lang.org
52
+ - **Installer (rustup)**: https://rustup.rs
53
+ - **Docs**: https://doc.rust-lang.org
54
+ - **Crates.io**: https://crates.io
55
+
56
+ ---
57
+
58
+ ## Go (Golang)
59
+
60
+ - **Website**: https://go.dev
61
+ - **Download**: https://go.dev/dl
62
+ - **Docs**: https://go.dev/doc
63
+ - **Package registry**: https://pkg.go.dev
64
+
65
+ ---
66
+
67
+ ## Java (JDK)
68
+
69
+ - **OpenJDK**: https://openjdk.org
70
+ - **Download (Adoptium/Temurin)**: https://adoptium.net
71
+ - **Oracle JDK**: https://www.oracle.com/java/technologies/downloads
72
+ - **Version manager (SDKMAN)**: https://sdkman.io
73
+ - **Maven**: https://maven.apache.org
74
+ - **Gradle**: https://gradle.org
75
+
76
+ ---
77
+
78
+ ## Node Package Managers
79
+
80
+ | Tool | Website | Docs |
81
+ |-------|--------------------------|-------------------------------------|
82
+ | npm | https://www.npmjs.com | https://docs.npmjs.com |
83
+ | yarn | https://yarnpkg.com | https://yarnpkg.com/getting-started |
84
+ | pnpm | https://pnpm.io | https://pnpm.io/installation |
85
+
86
+ ---
87
+
88
+ ## VS Code
89
+
90
+ - **Website**: https://code.visualstudio.com
91
+ - **Download**: https://code.visualstudio.com/download
92
+ - **Docs**: https://code.visualstudio.com/docs
93
+ - **Extension Marketplace**: https://marketplace.visualstudio.com
94
+
95
+ ---
96
+
97
+ ## Redis
98
+
99
+ - **Website**: https://redis.io
100
+ - **Download**: https://redis.io/download
101
+ - **Docs**: https://redis.io/docs
102
+ - **GitHub**: https://github.com/redis/redis
103
+
104
+ ---
105
+
106
+ ## MySQL / PostgreSQL
107
+
108
+ | Database | Website | Download |
109
+ |------------|-----------------------------|-----------------------------------------|
110
+ | MySQL | https://www.mysql.com | https://dev.mysql.com/downloads/ |
111
+ | PostgreSQL | https://www.postgresql.org | https://www.postgresql.org/download/ |
112
+
113
+ ---
114
+
115
+ ## Nginx
116
+
117
+ - **Website**: https://nginx.org
118
+ - **Docs**: https://nginx.org/en/docs
119
+ - **Download**: https://nginx.org/en/download.html
120
+
121
+ ---
122
+
123
+ ## Homebrew (macOS/Linux package manager)
124
+
125
+ - **Website**: https://brew.sh
126
+ - **Docs**: https://docs.brew.sh
127
+ - **Install**:
128
+ ```bash
129
+ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
130
+ ```
@@ -0,0 +1,202 @@
1
+
2
+ Apache License
3
+ Version 2.0, January 2004
4
+ http://www.apache.org/licenses/
5
+
6
+ TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
7
+
8
+ 1. Definitions.
9
+
10
+ "License" shall mean the terms and conditions for use, reproduction,
11
+ and distribution as defined by Sections 1 through 9 of this document.
12
+
13
+ "Licensor" shall mean the copyright owner or entity authorized by
14
+ the copyright owner that is granting the License.
15
+
16
+ "Legal Entity" shall mean the union of the acting entity and all
17
+ other entities that control, are controlled by, or are under common
18
+ control with that entity. For the purposes of this definition,
19
+ "control" means (i) the power, direct or indirect, to cause the
20
+ direction or management of such entity, whether by contract or
21
+ otherwise, or (ii) ownership of fifty percent (50%) or more of the
22
+ outstanding shares, or (iii) beneficial ownership of such entity.
23
+
24
+ "You" (or "Your") shall mean an individual or Legal Entity
25
+ exercising permissions granted by this License.
26
+
27
+ "Source" form shall mean the preferred form for making modifications,
28
+ including but not limited to software source code, documentation
29
+ source, and configuration files.
30
+
31
+ "Object" form shall mean any form resulting from mechanical
32
+ transformation or translation of a Source form, including but
33
+ not limited to compiled object code, generated documentation,
34
+ and conversions to other media types.
35
+
36
+ "Work" shall mean the work of authorship, whether in Source or
37
+ Object form, made available under the License, as indicated by a
38
+ copyright notice that is included in or attached to the work
39
+ (an example is provided in the Appendix below).
40
+
41
+ "Derivative Works" shall mean any work, whether in Source or Object
42
+ form, that is based on (or derived from) the Work and for which the
43
+ editorial revisions, annotations, elaborations, or other modifications
44
+ represent, as a whole, an original work of authorship. For the purposes
45
+ of this License, Derivative Works shall not include works that remain
46
+ separable from, or merely link (or bind by name) to the interfaces of,
47
+ the Work and Derivative Works thereof.
48
+
49
+ "Contribution" shall mean any work of authorship, including
50
+ the original version of the Work and any modifications or additions
51
+ to that Work or Derivative Works thereof, that is intentionally
52
+ submitted to Licensor for inclusion in the Work by the copyright owner
53
+ or by an individual or Legal Entity authorized to submit on behalf of
54
+ the copyright owner. For the purposes of this definition, "submitted"
55
+ means any form of electronic, verbal, or written communication sent
56
+ to the Licensor or its representatives, including but not limited to
57
+ communication on electronic mailing lists, source code control systems,
58
+ and issue tracking systems that are managed by, or on behalf of, the
59
+ Licensor for the purpose of discussing and improving the Work, but
60
+ excluding communication that is conspicuously marked or otherwise
61
+ designated in writing by the copyright owner as "Not a Contribution."
62
+
63
+ "Contributor" shall mean Licensor and any individual or Legal Entity
64
+ on behalf of whom a Contribution has been received by Licensor and
65
+ subsequently incorporated within the Work.
66
+
67
+ 2. Grant of Copyright License. Subject to the terms and conditions of
68
+ this License, each Contributor hereby grants to You a perpetual,
69
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
70
+ copyright license to reproduce, prepare Derivative Works of,
71
+ publicly display, publicly perform, sublicense, and distribute the
72
+ Work and such Derivative Works in Source or Object form.
73
+
74
+ 3. Grant of Patent License. Subject to the terms and conditions of
75
+ this License, each Contributor hereby grants to You a perpetual,
76
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
77
+ (except as stated in this section) patent license to make, have made,
78
+ use, offer to sell, sell, import, and otherwise transfer the Work,
79
+ where such license applies only to those patent claims licensable
80
+ by such Contributor that are necessarily infringed by their
81
+ Contribution(s) alone or by combination of their Contribution(s)
82
+ with the Work to which such Contribution(s) was submitted. If You
83
+ institute patent litigation against any entity (including a
84
+ cross-claim or counterclaim in a lawsuit) alleging that the Work
85
+ or a Contribution incorporated within the Work constitutes direct
86
+ or contributory patent infringement, then any patent licenses
87
+ granted to You under this License for that Work shall terminate
88
+ as of the date such litigation is filed.
89
+
90
+ 4. Redistribution. You may reproduce and distribute copies of the
91
+ Work or Derivative Works thereof in any medium, with or without
92
+ modifications, and in Source or Object form, provided that You
93
+ meet the following conditions:
94
+
95
+ (a) You must give any other recipients of the Work or
96
+ Derivative Works a copy of this License; and
97
+
98
+ (b) You must cause any modified files to carry prominent notices
99
+ stating that You changed the files; and
100
+
101
+ (c) You must retain, in the Source form of any Derivative Works
102
+ that You distribute, all copyright, patent, trademark, and
103
+ attribution notices from the Source form of the Work,
104
+ excluding those notices that do not pertain to any part of
105
+ the Derivative Works; and
106
+
107
+ (d) If the Work includes a "NOTICE" text file as part of its
108
+ distribution, then any Derivative Works that You distribute must
109
+ include a readable copy of the attribution notices contained
110
+ within such NOTICE file, excluding those notices that do not
111
+ pertain to any part of the Derivative Works, in at least one
112
+ of the following places: within a NOTICE text file distributed
113
+ as part of the Derivative Works; within the Source form or
114
+ documentation, if provided along with the Derivative Works; or,
115
+ within a display generated by the Derivative Works, if and
116
+ wherever such third-party notices normally appear. The contents
117
+ of the NOTICE file are for informational purposes only and
118
+ do not modify the License. You may add Your own attribution
119
+ notices within Derivative Works that You distribute, alongside
120
+ or as an addendum to the NOTICE text from the Work, provided
121
+ that such additional attribution notices cannot be construed
122
+ as modifying the License.
123
+
124
+ You may add Your own copyright statement to Your modifications and
125
+ may provide additional or different license terms and conditions
126
+ for use, reproduction, or distribution of Your modifications, or
127
+ for any such Derivative Works as a whole, provided Your use,
128
+ reproduction, and distribution of the Work otherwise complies with
129
+ the conditions stated in this License.
130
+
131
+ 5. Submission of Contributions. Unless You explicitly state otherwise,
132
+ any Contribution intentionally submitted for inclusion in the Work
133
+ by You to the Licensor shall be under the terms and conditions of
134
+ this License, without any additional terms or conditions.
135
+ Notwithstanding the above, nothing herein shall supersede or modify
136
+ the terms of any separate license agreement you may have executed
137
+ with Licensor regarding such Contributions.
138
+
139
+ 6. Trademarks. This License does not grant permission to use the trade
140
+ names, trademarks, service marks, or product names of the Licensor,
141
+ except as required for reasonable and customary use in describing the
142
+ origin of the Work and reproducing the content of the NOTICE file.
143
+
144
+ 7. Disclaimer of Warranty. Unless required by applicable law or
145
+ agreed to in writing, Licensor provides the Work (and each
146
+ Contributor provides its Contributions) on an "AS IS" BASIS,
147
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
148
+ implied, including, without limitation, any warranties or conditions
149
+ of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
150
+ PARTICULAR PURPOSE. You are solely responsible for determining the
151
+ appropriateness of using or redistributing the Work and assume any
152
+ risks associated with Your exercise of permissions under this License.
153
+
154
+ 8. Limitation of Liability. In no event and under no legal theory,
155
+ whether in tort (including negligence), contract, or otherwise,
156
+ unless required by applicable law (such as deliberate and grossly
157
+ negligent acts) or agreed to in writing, shall any Contributor be
158
+ liable to You for damages, including any direct, indirect, special,
159
+ incidental, or consequential damages of any character arising as a
160
+ result of this License or out of the use or inability to use the
161
+ Work (including but not limited to damages for loss of goodwill,
162
+ work stoppage, computer failure or malfunction, or any and all
163
+ other commercial damages or losses), even if such Contributor
164
+ has been advised of the possibility of such damages.
165
+
166
+ 9. Accepting Warranty or Additional Liability. While redistributing
167
+ the Work or Derivative Works thereof, You may choose to offer,
168
+ and charge a fee for, acceptance of support, warranty, indemnity,
169
+ or other liability obligations and/or rights consistent with this
170
+ License. However, in accepting such obligations, You may act only
171
+ on Your own behalf and on Your sole responsibility, not on behalf
172
+ of any other Contributor, and only if You agree to indemnify,
173
+ defend, and hold each Contributor harmless for any liability
174
+ incurred by, or claims asserted against, such Contributor by reason
175
+ of your accepting any such warranty or additional liability.
176
+
177
+ END OF TERMS AND CONDITIONS
178
+
179
+ APPENDIX: How to apply the Apache License to your work.
180
+
181
+ To apply the Apache License to your work, attach the following
182
+ boilerplate notice, with the fields enclosed by brackets "[]"
183
+ replaced with your own identifying information. (Don't include
184
+ the brackets!) The text should be enclosed in the appropriate
185
+ comment syntax for the file format. We also recommend that a
186
+ file or class name and description of purpose be included on the
187
+ same "printed page" as the copyright notice for easier
188
+ identification within third-party archives.
189
+
190
+ Copyright [yyyy] [name of copyright owner]
191
+
192
+ Licensed under the Apache License, Version 2.0 (the "License");
193
+ you may not use this file except in compliance with the License.
194
+ You may obtain a copy of the License at
195
+
196
+ http://www.apache.org/licenses/LICENSE-2.0
197
+
198
+ Unless required by applicable law or agreed to in writing, software
199
+ distributed under the License is distributed on an "AS IS" BASIS,
200
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
201
+ See the License for the specific language governing permissions and
202
+ limitations under the License.
@@ -0,0 +1,218 @@
1
+ ---
2
+ name: element-plus-vue3
3
+ description: Provides comprehensive guidance for Element Plus Vue 3 component library including installation, components, themes, internationalization, and API reference. Use when the user asks about Element Plus for Vue 3, needs to build Vue 3 applications with Element Plus, or customize component styles.
4
+ license: Complete terms in LICENSE.txt
5
+ ---
6
+
7
+ ## When to use this skill
8
+
9
+ Use this skill whenever the user wants to:
10
+ - Install and set up Element Plus in a Vue 3 project
11
+ - Use Element Plus components in Vue 3 applications
12
+ - Configure Element Plus (global config, i18n, theme, etc.)
13
+ - Use form components (Button, Input, Form, etc.)
14
+ - Use data display components (Table, Card, etc.)
15
+ - Use feedback components (Message, Notification, Dialog, etc.)
16
+ - Use navigation components (Menu, Tabs, etc.)
17
+ - Customize component styles and themes
18
+ - Handle component events
19
+ - Understand Element Plus API and methods
20
+ - Troubleshoot Element Plus issues
21
+
22
+ ## How to use this skill
23
+
24
+ This skill is organized to match the Element Plus official documentation structure (https://element-plus.org/zh-CN/, https://element-plus.org/en-US/guide/design, https://element-plus.org/en-US/component/overview). When working with Element Plus:
25
+
26
+ 1. **Identify the topic** from the user's request:
27
+ - Installation/安装 → `examples/guide/installation.md`
28
+ - Quick Start/快速开始 → `examples/guide/quick-start.md`
29
+ - Design/设计 → `examples/guide/design.md`
30
+ - Components/组件 → `examples/components/`
31
+ - API/API 文档 → `api/`
32
+
33
+ 2. **Load the appropriate example file** from the `examples/` directory:
34
+
35
+ **Guide (使用指南)**:
36
+ - `examples/guide/installation.md` - Installation guide
37
+ - `examples/guide/quick-start.md` - Quick start guide
38
+ - `examples/guide/design.md` - Design guidelines
39
+ - `examples/guide/i18n.md` - Internationalization
40
+ - `examples/guide/theme.md` - Theme customization
41
+ - `examples/guide/global-config.md` - Global configuration
42
+
43
+ **Components (组件)**:
44
+ - `examples/components/overview.md` - Components overview
45
+ - `examples/components/button.md` - Button component
46
+ - `examples/components/input.md` - Input component
47
+ - `examples/components/form.md` - Form component
48
+ - `examples/components/table.md` - Table component
49
+ - `examples/components/card.md` - Card component
50
+ - `examples/components/dialog.md` - Dialog component
51
+ - `examples/components/message.md` - Message component
52
+ - `examples/components/notification.md` - Notification component
53
+ - `examples/components/menu.md` - Menu component
54
+ - `examples/components/tabs.md` - Tabs component
55
+ - `examples/components/date-picker.md` - DatePicker component
56
+ - `examples/components/select.md` - Select component
57
+ - `examples/components/switch.md` - Switch component
58
+ - `examples/components/checkbox.md` - Checkbox component
59
+ - `examples/components/radio.md` - Radio component
60
+ - `examples/components/upload.md` - Upload component
61
+ - `examples/components/pagination.md` - Pagination component
62
+ - `examples/components/tree.md` - Tree component
63
+ - `examples/components/tree-select.md` - TreeSelect component
64
+ - `examples/components/transfer.md` - Transfer component
65
+ - `examples/components/descriptions.md` - Descriptions component
66
+ - `examples/components/avatar.md` - Avatar component
67
+ - `examples/components/badge.md` - Badge component
68
+ - `examples/components/tag.md` - Tag component
69
+ - `examples/components/empty.md` - Empty component
70
+ - `examples/components/loading.md` - Loading component
71
+ - `examples/components/popover.md` - Popover component
72
+ - `examples/components/tooltip.md` - Tooltip component
73
+ - `examples/components/dropdown.md` - Dropdown component
74
+ - `examples/components/drawer.md` - Drawer component
75
+ - `examples/components/popconfirm.md` - Popconfirm component
76
+
77
+ 3. **Follow the specific instructions** in that example file for syntax, structure, and best practices
78
+
79
+ **Important Notes**:
80
+ - Element Plus is for Vue 3 only
81
+ - Components use Vue 3 Composition API
82
+ - Examples include both Options API and Composition API
83
+ - Each example file includes key concepts, code examples, and key points
84
+
85
+ 4. **Reference API documentation** in the `api/` directory when needed:
86
+ - `api/component-api.md` - Component API reference
87
+ - `api/props-and-events.md` - Props and events reference
88
+ - `api/global-config.md` - Global configuration API
89
+
90
+ 5. **Use templates** from the `templates/` directory:
91
+ - `templates/installation.md` - Installation templates
92
+ - `templates/component-usage.md` - Component usage templates
93
+ - `templates/project-setup.md` - Project setup templates
94
+
95
+ ### 1. Understanding Element Plus
96
+
97
+ Element Plus is a Vue 3 component library that provides a rich set of UI components following Element Design principles.
98
+
99
+ **Key Concepts**:
100
+ - **Vue 3 Support**: Built for Vue 3 with Composition API
101
+ - **Design System**: Follows Element Design language
102
+ - **Rich Components**: 60+ components for various use cases
103
+ - **Theme Customization**: Support for theme customization
104
+ - **i18n**: Internationalization support
105
+ - **TypeScript**: Full TypeScript support
106
+
107
+ ### 2. Installation
108
+
109
+ **Using npm**:
110
+
111
+ ```bash
112
+ npm install element-plus
113
+ ```
114
+
115
+ **Using yarn**:
116
+
117
+ ```bash
118
+ yarn add element-plus
119
+ ```
120
+
121
+ **Using pnpm**:
122
+
123
+ ```bash
124
+ pnpm add element-plus
125
+ ```
126
+
127
+ ### 3. Basic Setup
128
+
129
+ **Full Import**:
130
+
131
+ ```javascript
132
+ import { createApp } from 'vue'
133
+ import ElementPlus from 'element-plus'
134
+ import 'element-plus/dist/index.css'
135
+ import App from './App.vue'
136
+
137
+ const app = createApp(App)
138
+ app.use(ElementPlus)
139
+ app.mount('#app')
140
+ ```
141
+
142
+ **On-Demand Import**:
143
+
144
+ ```javascript
145
+ import { ElButton, ElInput } from 'element-plus'
146
+ import 'element-plus/es/components/button/style/css'
147
+ import 'element-plus/es/components/input/style/css'
148
+ ```
149
+
150
+
151
+ ### Doc mapping (one-to-one with official documentation)
152
+
153
+ **Guide (指南)**:
154
+ - See guide files in `examples/guide/` or `examples/getting-started/` → https://element-plus.org/en-US/guide/design
155
+
156
+ **Components (组件)**:
157
+ - See component files in `examples/components/` → https://element-plus.org/en-US/component/overview
158
+
159
+ ## Examples and Templates
160
+
161
+ This skill includes detailed examples organized to match the official documentation structure. All examples are in the `examples/` directory (see mapping above).
162
+
163
+ **To use examples:**
164
+ - Identify the topic from the user's request
165
+ - Load the appropriate example file from the mapping above
166
+ - Follow the instructions, syntax, and best practices in that file
167
+ - Adapt the code examples to your specific use case
168
+
169
+ **To use templates:**
170
+ - Reference templates in `templates/` directory for common scaffolding
171
+ - Adapt templates to your specific needs and coding style
172
+
173
+ ## API Reference
174
+
175
+ Detailed API documentation is available in the `api/` directory, organized to match the official Element Plus API documentation structure:
176
+
177
+ ### Component API (`api/component-api.md`)
178
+ - Component props and events
179
+ - Component methods
180
+ - Component slots
181
+
182
+ ### Props and Events (`api/props-and-events.md`)
183
+ - Common props
184
+ - Common events
185
+ - Event handling
186
+
187
+ ### Global Configuration (`api/global-config.md`)
188
+ - Global configuration options
189
+ - ConfigProvider usage
190
+ - Theme configuration
191
+
192
+ **To use API reference:**
193
+ 1. Identify the API you need help with
194
+ 2. Load the corresponding API file from the `api/` directory
195
+ 3. Find the API signature, parameters, return type, and examples
196
+ 4. Reference the linked example files for detailed usage patterns
197
+ 5. All API files include links to relevant example files in the `examples/` directory
198
+
199
+ ## Best Practices
200
+
201
+ 1. **Use on-demand import**: Import only the components you need to reduce bundle size
202
+ 2. **Use Composition API**: Prefer Composition API for better code organization
203
+ 3. **Handle events properly**: Use proper event handlers for component interactions
204
+ 4. **Customize theme**: Use theme variables for customization
205
+ 5. **Follow design specs**: Follow Element Design specifications
206
+ 6. **Use TypeScript**: Leverage TypeScript for better type safety
207
+
208
+ ## Resources
209
+
210
+ - **Official Documentation**: https://element-plus.org/zh-CN/
211
+ - **English Documentation**: https://element-plus.org/en-US/
212
+ - **Design Guide**: https://element-plus.org/en-US/guide/design
213
+ - **Component Overview**: https://element-plus.org/en-US/component/overview
214
+ - **GitHub Repository**: https://github.com/element-plus/element-plus
215
+
216
+ ## Keywords
217
+
218
+ Element Plus, element-plus, Vue 3, Vue3, UI components, component library, 组件库, 按钮, 表单, 表格, 弹窗, 消息, 通知, 菜单, 标签页, 日期选择器, 选择器, 开关, 复选框, 单选框, 上传, 分页, 树形控件, 穿梭框, 描述列表, 头像, 徽标, 标签, 空状态, 加载, 弹出框, 提示, 下拉菜单, 抽屉, 气泡确认框, Button, Form, Table, Dialog, Message, Notification, Menu, Tabs, DatePicker, Select, Switch, Checkbox, Radio, Upload, Pagination, Tree, Transfer, Descriptions, Avatar, Badge, Tag, Empty, Loading, Popover, Tooltip, Dropdown, Drawer, Popconfirm
@@ -0,0 +1,94 @@
1
+ # Component API
2
+
3
+ ## API Reference
4
+
5
+ Element Plus component props, events, and methods.
6
+
7
+ ### Common Props
8
+
9
+ Most components support:
10
+ - `size` - Component size (large, default, small)
11
+ - `disabled` - Disabled state
12
+ - `className` - Custom class name
13
+ - `style` - Custom style
14
+
15
+ ### Common Events
16
+
17
+ Most components emit:
18
+ - `@click` - Click event
19
+ - `@change` - Change event
20
+ - `@focus` - Focus event
21
+ - `@blur` - Blur event
22
+
23
+ ### Button Component
24
+
25
+ **Props:**
26
+ - `type` - Button type (primary, success, info, warning, danger)
27
+ - `size` - Button size (large, default, small)
28
+ - `disabled` - Disabled state
29
+ - `loading` - Loading state
30
+ - `plain` - Plain button
31
+ - `round` - Round button
32
+ - `circle` - Circle button
33
+ - `icon` - Icon component
34
+
35
+ **Events:**
36
+ - `@click` - Click event
37
+
38
+ ### Input Component
39
+
40
+ **Props:**
41
+ - `v-model` - Input value
42
+ - `type` - Input type (text, password, textarea)
43
+ - `size` - Input size (large, default, small)
44
+ - `disabled` - Disabled state
45
+ - `readonly` - Readonly state
46
+ - `clearable` - Show clear button
47
+ - `show-password` - Show password toggle
48
+ - `placeholder` - Placeholder text
49
+ - `maxlength` - Max length
50
+
51
+ **Events:**
52
+ - `@input` - Input event
53
+ - `@change` - Change event
54
+ - `@focus` - Focus event
55
+ - `@blur` - Blur event
56
+
57
+ **Slots:**
58
+ - `prefix` - Prefix content
59
+ - `suffix` - Suffix content
60
+ - `prepend` - Prepend content
61
+ - `append` - Append content
62
+
63
+ ### Form Component
64
+
65
+ **Props:**
66
+ - `model` - Form data object
67
+ - `rules` - Validation rules
68
+ - `label-width` - Label width
69
+ - `label-position` - Label position (left, right, top)
70
+
71
+ **Methods:**
72
+ - `validate` - Validate form
73
+ - `validateField` - Validate specific field
74
+ - `resetFields` - Reset form fields
75
+ - `clearValidate` - Clear validation
76
+
77
+ **Events:**
78
+ - `@validate` - Validation event
79
+
80
+ ### Table Component
81
+
82
+ **Props:**
83
+ - `data` - Table data
84
+ - `columns` - Table columns
85
+ - `stripe` - Stripe rows
86
+ - `border` - Show border
87
+ - `size` - Table size
88
+
89
+ **Events:**
90
+ - `@selection-change` - Selection change event
91
+ - `@row-click` - Row click event
92
+ - `@sort-change` - Sort change event
93
+
94
+ **See also:** `examples/components/` for detailed component examples