easy-component-ui 3.0.12 → 3.0.13

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 (61) hide show
  1. package/README.md +162 -162
  2. package/dist/assets/icon.css +1 -1
  3. package/dist/components/Base.js +3 -2
  4. package/dist/components/ea-alert.js +71 -54
  5. package/dist/components/ea-avatar.js +42 -37
  6. package/dist/components/ea-button.js +53 -52
  7. package/dist/components/ea-calendar2.js +329 -327
  8. package/dist/components/ea-card.js +63 -27
  9. package/dist/components/ea-carousel.js +2 -2
  10. package/dist/components/ea-collapse.js +28 -28
  11. package/dist/components/ea-color-picker.js +63 -66
  12. package/dist/components/ea-container.js +90 -61
  13. package/dist/components/ea-date-picker.js +1 -1
  14. package/dist/components/ea-dialog.js +4 -4
  15. package/dist/components/ea-drawer.js +51 -46
  16. package/dist/components/ea-icon.js +122 -32
  17. package/dist/components/ea-image-preview.js +237 -193
  18. package/dist/components/ea-image.js +69 -44
  19. package/dist/components/ea-input-number.js +9 -9
  20. package/dist/components/ea-input.js +15 -15
  21. package/dist/components/ea-layout.js +10 -3
  22. package/dist/components/ea-link.js +1 -1
  23. package/dist/components/ea-menu.js +1 -1
  24. package/dist/components/ea-message-box.js +73 -73
  25. package/dist/components/ea-message.js +184 -121
  26. package/dist/components/ea-notification.js +80 -80
  27. package/dist/components/ea-overlay.js +20 -19
  28. package/dist/components/ea-page-header.js +5 -5
  29. package/dist/components/ea-pagination.js +5 -5
  30. package/dist/components/ea-popconfirm.js +3 -3
  31. package/dist/components/ea-popover.js +35 -11
  32. package/dist/components/ea-progress.js +28 -28
  33. package/dist/components/ea-rate.js +1 -1
  34. package/dist/components/ea-result.js +13 -13
  35. package/dist/components/ea-select.js +12 -12
  36. package/dist/components/ea-slider.js +88 -79
  37. package/dist/components/ea-splitter.js +34 -18
  38. package/dist/components/ea-steps.js +33 -33
  39. package/dist/components/ea-table.js +332 -321
  40. package/dist/components/ea-tabs.js +28 -28
  41. package/dist/components/ea-tag.js +6 -6
  42. package/dist/components/ea-time-picker.js +2 -6
  43. package/dist/components/ea-timeline.js +1 -1
  44. package/dist/components/ea-tooltip.js +63 -23
  45. package/dist/components/ea-tour.js +21 -21
  46. package/dist/components/ea-transfer.js +2 -2
  47. package/dist/components/ea-tree.js +1 -1
  48. package/dist/components/index.js +0 -1
  49. package/dist/css/ea-card.style.js +2 -2
  50. package/dist/css/ea-container.style.js +1 -1
  51. package/dist/css/ea-footer.style.js +1 -1
  52. package/dist/css/ea-progress.style.js +1 -1
  53. package/dist/css/ea-step.style.js +1 -1
  54. package/dist/css/ea-switch.style.js +1 -1
  55. package/dist/css/ea-tab.style.js +1 -1
  56. package/dist/css/ea-tabs.style.js +1 -1
  57. package/dist/css/ea-tag.style.js +1 -1
  58. package/dist/css/ea-time-picker.style.js +1 -1
  59. package/dist/utils/Variables.js +10 -10
  60. package/package.json +302 -304
  61. package/dist/components/ea-loading.js +0 -151
package/README.md CHANGED
@@ -1,162 +1,162 @@
1
- # Easy Component UI
2
-
3
- ![Easy-ui](./logo.png)
4
- [![NPM version](https://img.shields.io/npm/v/easy-component-ui.svg?color=red)](https://www.npmjs.com/package/easy-component-ui)
5
- ![npm](https://img.shields.io/npm/dw/easy-component-ui)
6
- ![npm](https://img.shields.io/npm/dt/easy-component-ui)
7
- [![GitHub stars](https://img.shields.io/github/stars/LuminaQAQ/ea-ui-component.svg?color=#42b983)](https://github.com/LuminaQAQ/ea-ui-component/stargazers)
8
- [![GitHub forks](https://img.shields.io/github/forks/LuminaQAQ/ea-ui-component.svg)](https://github.com/LuminaQAQ/ea-ui-component/network/members)
9
- [![License](https://img.shields.io/npm/l/easy-component-ui.svg)](https://github.com/LuminaQAQ/ea-ui-component/blob/main/LICENSE)
10
-
11
- `Easy Component UI`（简称 `ea-ui`）是一套使用原生 `Web Components` 规范开发的跨框架 UI 组件库。该框架参考了[Element-ui](https://element.eleme.cn/#/zh-CN/component/installation)，所以不能说是很像吧，但可以说是一模一样 😂(打算有时间把所有的都模仿一遍)。[查看文档](https://luminaqaq.github.io/ea-ui-component/)
12
-
13
- [GitHub 项目地址](https://github.com/LuminaQAQ/ea-ui-component) | [在线文档](https://luminaqaq.github.io/ea-ui-component/) | [NPM 包](https://www.npmjs.com/package/easy-component-ui)
14
-
15
- ## 安装
16
-
17
- ```bash
18
- # npm
19
- npm install easy-component-ui
20
-
21
- # yarn
22
- yarn add easy-component-ui
23
-
24
- # pnpm
25
- pnpm add easy-component-ui
26
- ```
27
-
28
- ## 快速开始
29
-
30
- ### 完整引入
31
-
32
- ```javascript
33
- import "easy-component-ui";
34
- ```
35
-
36
- ### 按需引入
37
-
38
- ```javascript
39
- import "easy-component-ui/ea-button";
40
- import "easy-component-ui/ea-input";
41
- ```
42
-
43
- ### 在 HTML 中使用
44
-
45
- ```html
46
- <!DOCTYPE html>
47
- <html lang="zh-CN">
48
- <head>
49
- <meta charset="UTF-8" />
50
- <title>Easy UI Demo</title>
51
- <script type="module">
52
- import "easy-component-ui/ea-button";
53
- </script>
54
- </head>
55
- <body>
56
- <ea-button type="primary">主要按钮</ea-button>
57
- </body>
58
- </html>
59
- ```
60
-
61
- ## 组件列表
62
-
63
- ### Basic 基础组件
64
-
65
- - [x] Button 按钮
66
- - [x] Container 布局容器
67
- - [x] Icon 图标
68
- - [x] Layout 布局
69
- - [x] Link 链接
70
- - [x] Text 文本
71
- - [x] Scrollbar 滚动条
72
- - [x] Space 间距
73
- - [x] Splitter 分隔面板
74
-
75
- ### Form 表单组件
76
-
77
- - [x] Checkbox 多选框
78
- - [x] Input 输入框
79
- - [x] Input Number 数字输入框
80
- - [x] Radio 单选框
81
- - [x] Rate 评分
82
- - [x] Switch 开关
83
- - [x] Select 选择器
84
- - [x] Slider 滑块
85
- - [x] Form 表单组件
86
- - [x] Date Picker 日期选择器
87
- - [x] Time Picker 时间选择器
88
- - [x] Color Picker 颜色选择器
89
-
90
- ### Data 数据展示
91
-
92
- - [x] Avatar 头像
93
- - [x] Badge 徽章
94
- - [x] Calendar 日历
95
- - [x] Card 卡片
96
- - [x] Carousel 走马灯
97
- - [x] Collapse 折叠面板
98
- - [x] Descriptions 描述列表
99
- - [x] Empty 空状态
100
- - [x] Image 图片
101
- - [x] Infinite Scroll 无限滚动
102
- - [x] Pagination 分页
103
- - [x] Progress 进度条
104
- - [x] Result 结果
105
- - [x] Skeleton 骨架屏
106
- - [x] Statistic 统计组件
107
- - [x] Segmented 分段控制器
108
- - [x] Tag 标签
109
- - [x] Timeline 时间线
110
- - [x] Tour 漫游式引导
111
- - [x] Table 表格
112
- - [x] Tree 树形控件
113
-
114
- ### Navigation 导航
115
-
116
- - [x] Backtop 回到顶部
117
- - [x] Breadcrumb 面包屑
118
- - [x] Dropdown 下拉菜单
119
- - [x] Menu 菜单
120
- - [x] Page Header 页头
121
- - [x] Steps 步骤条
122
- - [x] Tabs 标签页
123
-
124
- ### Feedback 反馈组件
125
-
126
- - [x] Alert 提示
127
- - [x] Dialog 对话框
128
- - [x] Drawer 抽屉
129
- - [x] Loading 加载
130
- - [x] Message 消息提示
131
- - [x] Message Box 消息弹出框
132
- - [x] Notification 通知
133
- - [x] Popconfirm 气泡确认框
134
- - [x] Popover 弹出框
135
- - [x] Tooltip 文字提示
136
-
137
- ## 开发
138
-
139
- ```bash
140
- # 克隆项目
141
- git clone https://github.com/LuminaQAQ/ea-ui-component.git
142
-
143
- # 安装依赖
144
- npm install
145
-
146
- # 启动开发服务器
147
- npm run dev
148
-
149
- # 构建文档
150
- npm run build:doc
151
-
152
- # 预览文档
153
- npm run preview:doc
154
- ```
155
-
156
- ## 贡献
157
-
158
- 欢迎提交 Issue 和 Pull Request！
159
-
160
- ## 许可证
161
-
162
- [MIT](https://github.com/LuminaQAQ/ea-ui-component/blob/main/LICENSE) License © 2024 [LuminaQAQ](https://github.com/LuminaQAQ)
1
+ # Easy Component UI
2
+
3
+ ![Easy-ui](./logo.png)
4
+ [![NPM version](https://img.shields.io/npm/v/easy-component-ui.svg?color=red)](https://www.npmjs.com/package/easy-component-ui)
5
+ ![npm](https://img.shields.io/npm/dw/easy-component-ui)
6
+ ![npm](https://img.shields.io/npm/dt/easy-component-ui)
7
+ [![GitHub stars](https://img.shields.io/github/stars/LuminaQAQ/ea-ui-component.svg?color=#42b983)](https://github.com/LuminaQAQ/ea-ui-component/stargazers)
8
+ [![GitHub forks](https://img.shields.io/github/forks/LuminaQAQ/ea-ui-component.svg)](https://github.com/LuminaQAQ/ea-ui-component/network/members)
9
+ [![License](https://img.shields.io/npm/l/easy-component-ui.svg)](https://github.com/LuminaQAQ/ea-ui-component/blob/main/LICENSE)
10
+
11
+ `Easy Component UI`（简称 `ea-ui`）是一套使用原生 `Web Components` 规范开发的跨框架 UI 组件库。该框架参考了[Element-ui](https://element.eleme.cn/#/zh-CN/component/installation)，所以不能说是很像吧，但可以说是一模一样 😂(打算有时间把所有的都模仿一遍)。[查看文档](https://luminaqaq.github.io/ea-ui-component/)
12
+
13
+ [GitHub 项目地址](https://github.com/LuminaQAQ/ea-ui-component) | [在线文档](https://luminaqaq.github.io/ea-ui-component/) | [NPM 包](https://www.npmjs.com/package/easy-component-ui)
14
+
15
+ ## 安装
16
+
17
+ ```bash
18
+ # npm
19
+ npm install easy-component-ui
20
+
21
+ # yarn
22
+ yarn add easy-component-ui
23
+
24
+ # pnpm
25
+ pnpm add easy-component-ui
26
+ ```
27
+
28
+ ## 快速开始
29
+
30
+ ### 完整引入
31
+
32
+ ```javascript
33
+ import "easy-component-ui";
34
+ ```
35
+
36
+ ### 按需引入
37
+
38
+ ```javascript
39
+ import "easy-component-ui/ea-button";
40
+ import "easy-component-ui/ea-input";
41
+ ```
42
+
43
+ ### 在 HTML 中使用
44
+
45
+ ```html
46
+ <!DOCTYPE html>
47
+ <html lang="zh-CN">
48
+ <head>
49
+ <meta charset="UTF-8" />
50
+ <title>Easy UI Demo</title>
51
+ <script type="module">
52
+ import "easy-component-ui/ea-button";
53
+ </script>
54
+ </head>
55
+ <body>
56
+ <ea-button type="primary">主要按钮</ea-button>
57
+ </body>
58
+ </html>
59
+ ```
60
+
61
+ ## 组件列表
62
+
63
+ ### Basic 基础组件
64
+
65
+ - [x] Button 按钮
66
+ - [x] Container 布局容器
67
+ - [x] Icon 图标
68
+ - [x] Layout 布局
69
+ - [x] Link 链接
70
+ - [x] Text 文本
71
+ - [x] Scrollbar 滚动条
72
+ - [x] Space 间距
73
+ - [x] Splitter 分隔面板
74
+
75
+ ### Form 表单组件
76
+
77
+ - [x] Checkbox 多选框
78
+ - [x] Input 输入框
79
+ - [x] Input Number 数字输入框
80
+ - [x] Radio 单选框
81
+ - [x] Rate 评分
82
+ - [x] Switch 开关
83
+ - [x] Select 选择器
84
+ - [x] Slider 滑块
85
+ - [x] Form 表单组件
86
+ - [x] Date Picker 日期选择器
87
+ - [x] Time Picker 时间选择器
88
+ - [x] Color Picker 颜色选择器
89
+
90
+ ### Data 数据展示
91
+
92
+ - [x] Avatar 头像
93
+ - [x] Badge 徽章
94
+ - [x] Calendar 日历
95
+ - [x] Card 卡片
96
+ - [x] Carousel 走马灯
97
+ - [x] Collapse 折叠面板
98
+ - [x] Descriptions 描述列表
99
+ - [x] Empty 空状态
100
+ - [x] Image 图片
101
+ - [x] Infinite Scroll 无限滚动
102
+ - [x] Pagination 分页
103
+ - [x] Progress 进度条
104
+ - [x] Result 结果
105
+ - [x] Skeleton 骨架屏
106
+ - [x] Statistic 统计组件
107
+ - [x] Segmented 分段控制器
108
+ - [x] Tag 标签
109
+ - [x] Timeline 时间线
110
+ - [x] Tour 漫游式引导
111
+ - [x] Table 表格
112
+ - [x] Tree 树形控件
113
+
114
+ ### Navigation 导航
115
+
116
+ - [x] Backtop 回到顶部
117
+ - [x] Breadcrumb 面包屑
118
+ - [x] Dropdown 下拉菜单
119
+ - [x] Menu 菜单
120
+ - [x] Page Header 页头
121
+ - [x] Steps 步骤条
122
+ - [x] Tabs 标签页
123
+
124
+ ### Feedback 反馈组件
125
+
126
+ - [x] Alert 提示
127
+ - [x] Dialog 对话框
128
+ - [x] Drawer 抽屉
129
+ - [x] Loading 加载
130
+ - [x] Message 消息提示
131
+ - [x] Message Box 消息弹出框
132
+ - [x] Notification 通知
133
+ - [x] Popconfirm 气泡确认框
134
+ - [x] Popover 弹出框
135
+ - [x] Tooltip 文字提示
136
+
137
+ ## 开发
138
+
139
+ ```bash
140
+ # 克隆项目
141
+ git clone https://github.com/LuminaQAQ/ea-ui-component.git
142
+
143
+ # 安装依赖
144
+ npm install
145
+
146
+ # 启动开发服务器
147
+ npm run dev
148
+
149
+ # 构建文档
150
+ npm run build:doc
151
+
152
+ # 预览文档
153
+ npm run preview:doc
154
+ ```
155
+
156
+ ## 贡献
157
+
158
+ 欢迎提交 Issue 和 Pull Request！
159
+
160
+ ## 许可证
161
+
162
+ [MIT](https://github.com/LuminaQAQ/ea-ui-component/blob/main/LICENSE) License © 2024 [LuminaQAQ](https://github.com/LuminaQAQ)