mengyue-components 0.0.68

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.
package/README.md ADDED
@@ -0,0 +1,129 @@
1
+ # [mengyue-components]: Your Handy Helper for Smoother Frontend Development 🛠️✨
2
+
3
+ Hey there! 👋
4
+
5
+ Tired of reinventing the wheel in every project? Does coding buttons, layouts, and forms feel like déjà vu? Starting from scratch each time?
6
+
7
+ Say hello to **`mengyue-components`**!
8
+
9
+ github: https://github.com/mengyuecengj/mengyue-components
10
+ <br />
11
+ docs: https://mengyuecengj.github.io/mengyue-components/
12
+
13
+ ## What It Does
14
+ * **Save Time & Effort:** Common components? Just grab 'em! Whether it's basic buttons/inputs or complex tables/date pickers - we've got you covered. Write less code, build faster.
15
+ * **Consistent & Reliable:** Tame inconsistent coding styles and rainbow-colored UIs. Achieve visual harmony across projects.
16
+ * **Focus on What Matters:** Spend time crafting awesome business logic - not fighting with dropdown styles.
17
+ * **Thoughtfully Crafted:** We don't just pile up components! We focus on making them:
18
+ * **Speedy 🚀:** Performance-optimized? Absolutely!
19
+ * **Flexible 🧩:** Highly customizable for your unique needs.
20
+ * **Clear Docs 📖:** Coming soon! (Human-readable, we promise - feedback welcome!)
21
+ * **Good-Looking 🎨:** Sleek out-of-the-box design, fully themeable.
22
+
23
+ ## What's Inside?
24
+
25
+ Imagine your daily dev needs - we probably have it! For example:
26
+
27
+ * **Essentials:** `Button`, `Input`, `Checkbox`, `Radio`, `Select`, `Switch`...
28
+ * **Layout Helpers:** `Layout`, `Container`...
29
+ * **Data Display:** `Pagination`, `Collapse`, `Badge`, `Tooltip`...
30
+ * **...And Growing!** `More components in development...`
31
+
32
+ ## Perfect For
33
+
34
+ * 🧑‍💻 You - if you want to prototype fast without boilerplate code
35
+ * 👨‍👩‍👧‍👦 Teams - tired of fragmented UIs and craving consistency
36
+ * ⚡ Efficiency Seekers - who want to focus on innovation, not rebuilding basics
37
+ * 🛠️ Modern Vue 3 stacks (Vite + Vue 3 + TypeScript)
38
+
39
+ ## Why Choose Us?
40
+
41
+ * **Clean & Practical:** Simple code, sensible design, docs that speak human.
42
+ * **Always Evolving:** Continuously refined based on community insights (contact coming soon!).
43
+ * **Future-Proof:** Keeping up with frontend trends and expanding components.
44
+
45
+ We are currently optimizing the volume of each component and have completed most of the optimizations
46
+
47
+ ## Get Started
48
+
49
+ ```bash
50
+ # Install with your favorite package manager
51
+ pnpm install mengyue-components
52
+ # or
53
+ npm install mengyue-components
54
+ ```
55
+ ```js
56
+ // In your main entry file
57
+ import MengyuePlus from 'mengyue-plus'
58
+ import 'mengyue-plus/style.css'
59
+
60
+ const app = createApp(App)
61
+ app.use(MengyuePlus)
62
+ app.mount('#app')
63
+ ```
64
+
65
+
66
+ # [mengyue-plus]:让前端开发更「方便」的小帮手 🛠️✨
67
+
68
+ Hey!👋
69
+
70
+ 是不是厌倦了在项目中反复造轮子?每次写按钮、 布局、表单都觉得“似曾相识”?下次项目还得重头再来?
71
+
72
+ 认识一下 **`[mengyue-plus]`** 吧!
73
+
74
+ github: https://github.com/mengyuecengj/mengyue-components
75
+ 文档: https://mengyuecengj.github.io/mengyue-components/
76
+
77
+ ## 他可以做到
78
+ * **省时省力:** 常用组件?拿来吧你!甭管是基础的按钮、输入框,还是表格、日期选择器,都包圆了,可以用很简易的代码完成编写。
79
+ * **统一省心:** 代码风格不一致,五颜六色的UI,该组件库可以统一风格。
80
+ * **专注核心:** 最重要的是,把时间花在写那些真正酷炫的业务逻辑上,而不是跟一个下拉框的样式死磕。
81
+ * **有点小追求:** 我们不只是堆组件!还琢磨着怎么让它们:
82
+ * **跑得快 🚀:** 性能优化?必须的!
83
+ * **玩得转 🧩:** 灵活配置,适应你那千奇百怪的需求。
84
+ * **看得懂 📖:** 后续更新静态站点组件库使用文档?尽量写得不催眠!(欢迎来挑刺)
85
+ * **长得俊 🎨:** 默认设计就挺顺眼,当然,随你怎么打扮。
86
+
87
+ ## 里面都有啥好货?
88
+
89
+ 想象一下你的项目日常需要啥?我们大概率都有!比如:
90
+
91
+ * **基础款:** `Button`, `Input`, `Checkbox`, `Radio`, `Select`, `Switch`等等...
92
+ * **布局好手:** `Layout`, `Container`等等...
93
+ * **信息展示:** `Pagination`, `Collapse`, `Badge`, `Tooltip`等等...
94
+ * **...还有更多!** `更多组件正在开发中...`
95
+
96
+ ## 适用于以下场景
97
+
98
+ * 🧑‍💻 想快速搭建项目原型,不想从头开始的你。
99
+ * 👨‍👩‍👧‍👦 受够了项目里 UI 七零八落,想统一规范的前端团队。
100
+ * ⚡ 追求开发效率,想把精力放在业务创新上的开发者。
101
+ * 🛠️ 当前项目主要以vite + vue3 + ts构建
102
+
103
+ ## 优点
104
+
105
+ * 代码干净,设计实用,文档尽力说人话。
106
+ * 组件库正在不断地重构优化,后续会提供联系方式,参考所有意见或者建议等。
107
+ * 根据和前端潮流,不断添加新组件和优化现有组件。
108
+
109
+ 当前正在优化各个组件的体积,目前以完成了大部分的优化
110
+
111
+ ## 上手
112
+ * **动手试试:** 安装超简单!复制粘贴走起:
113
+
114
+ ```pnpm
115
+ pnpm install mengyue-plus
116
+ ```
117
+ ``` npm
118
+ npm install mengyue-plus
119
+ ```
120
+
121
+ ```js
122
+ // 在项目的main导入
123
+ import MengyuePlus from 'mengyue-plus'
124
+ import 'mengyue-plus/style.css'
125
+
126
+ const app = createApp(App);
127
+ app.use(MengyuePlus)
128
+ app.mount('#app');
129
+ ```
@@ -0,0 +1,36 @@
1
+ import { defineComponent as o, createElementBlock as r, openBlock as n, createElementVNode as e } from "vue";
2
+ const l = {
3
+ width: "40",
4
+ height: "40",
5
+ viewBox: "0 0 24 24",
6
+ fill: "none",
7
+ xmlns: "http://www.w3.org/2000/svg"
8
+ }, d = /* @__PURE__ */ o({
9
+ name: "ErrorIcon",
10
+ __name: "error",
11
+ setup(i) {
12
+ return (s, t) => (n(), r("svg", l, [...t[0] || (t[0] = [
13
+ e("circle", {
14
+ cx: "12",
15
+ cy: "12",
16
+ r: "10",
17
+ fill: "#f5222d"
18
+ }, null, -1),
19
+ e("path", {
20
+ d: "M8 8L16 16",
21
+ stroke: "white",
22
+ "stroke-width": "2",
23
+ "stroke-linecap": "round"
24
+ }, null, -1),
25
+ e("path", {
26
+ d: "M16 8L8 16",
27
+ stroke: "white",
28
+ "stroke-width": "2",
29
+ "stroke-linecap": "round"
30
+ }, null, -1)
31
+ ])]));
32
+ }
33
+ });
34
+ export {
35
+ d as default
36
+ };