vue-2024-ui 0.0.50 → 0.0.51
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 +2 -116
- package/dist/index.es.js +1032 -1019
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -23,6 +23,7 @@ import ElementPlus from 'element-plus';
|
|
|
23
23
|
import 'element-plus/dist/index.css';
|
|
24
24
|
import App from './App.vue';
|
|
25
25
|
import gyc from 'vue-2024-ui';
|
|
26
|
+
import 'vue-2024-ui/dist/index.css';
|
|
26
27
|
|
|
27
28
|
const app = createApp(App);
|
|
28
29
|
app.use(ElementPlus, {
|
|
@@ -37,120 +38,5 @@ app.mount('#app');
|
|
|
37
38
|
### API 说明
|
|
38
39
|
所有属性和方法都在 Element Plus 基础上扩展，只显示增加的属性和方法，安装前必须安装 Element Plus，其他原有属性和方法请查询 [官方文档](https://element-plus.org/zh-CN/component/table.html)
|
|
39
40
|
|
|
40
|
-
### table 表格新增属性
|
|
41
41
|
|
|
42
|
-
|
|
43
|
-
| --------- | ------------------------------------------------------------------- | ------ | -------------------------------------------------------------------------------------------- |
|
|
44
|
-
| columns | 表单列数 | number | 2 |
|
|
45
|
-
| footer | 控制表单底部按钮是否显示和样式设置，hidden 默认是 false，style 控制样式 | object | `{hidden: false, style:{ display:"flex","align-items":"center",justifyContent:"center"}}` |
|
|
46
|
-
| submit | 表单提交按钮，增加了 submitText，hidden 属性和 submit 方法 | object | `{type: "primary",submitText: "提交",hidden: false,submit: async (model) => {...}, }` |
|
|
47
|
-
| reset | 表单重置按钮，增加了 restText，hidden 属性和 reset 方法 | object | `{type: "primary",resetText: "重置",hidden: false,reset: () => {...}, }` |
|
|
48
|
-
| formItems | 通过 style 属性设置所有 items 的样式 | object | `{ style:{width:100%} }` |
|
|
49
|
-
|
|
50
|
-
### table 增加的事件
|
|
51
|
-
|
|
52
|
-
| 事件名 | 说明 | 类型 | 参数 |
|
|
53
|
-
| ------ | ------------ | -------- | -------------------------------------------------------------------------------------- |
|
|
54
|
-
| submit | 表单提交事件 | function | formData: 表单要提交的数据 |
|
|
55
|
-
| reset | 表单重置事件 | function | callback(isCustReset=false) 默认已处理了重置事件，如要重写事件则回调时传入 true 后再处理 |
|
|
56
|
-
|
|
57
|
-
### table 重写 slots 增加的插槽
|
|
58
|
-
|
|
59
|
-
| 插槽名 | 说明 |
|
|
60
|
-
| ------------ | ---------------------- |
|
|
61
|
-
| footer | 重写表单 footer 功能按钮 |
|
|
62
|
-
| footer-left | 表单左边增加按钮 |
|
|
63
|
-
| footer-right | 表单右边增加按钮 |
|
|
64
|
-
|
|
65
|
-
### tablecolumn 重写 slots
|
|
66
|
-
|
|
67
|
-
| 插槽名 | 说明 |
|
|
68
|
-
| --------------------- | -------------------------------- |
|
|
69
|
-
| item.key | 重写表单项 item |
|
|
70
|
-
| item.key-label | 重写表单项标题 |
|
|
71
|
-
| item.key-ctrl | 重写表单控件 |
|
|
72
|
-
| item.key-ctrl-options | 重写表单控件有 options 的字项 items |
|
|
73
|
-
|
|
74
|
-
### 示例
|
|
75
|
-
#### html
|
|
76
|
-
```html
|
|
77
|
-
<template>
|
|
78
|
-
<!-- 示例代码 -->
|
|
79
|
-
</template>
|
|
80
|
-
```
|
|
81
|
-
#### javascript
|
|
82
|
-
```javascript
|
|
83
|
-
<script setup>
|
|
84
|
-
// 示例代码
|
|
85
|
-
</script>
|
|
86
|
-
```
|
|
87
|
-
|
|
88
|
-
## form 表单
|
|
89
|
-
|
|
90
|
-
### FORM API 文档说明
|
|
91
|
-
所有属性和方法都在 Element Plus FORM 基础上扩展，只显示增加的属性和方法，安装前必须安装 Element Plus，其他原有属性和方法请查询 [官方文档](https://element-plus.org/zh-CN/component/form.html)
|
|
92
|
-
|
|
93
|
-
### form 表单新增属性
|
|
94
|
-
|
|
95
|
-
| 属性 | 说明 | 类型 | 默认值 |
|
|
96
|
-
| --------- | ------------------------------------------------------------------- | ------ | -------------------------------------------------------------------------------------------- |
|
|
97
|
-
| columns | 表单列数 | number | 2 |
|
|
98
|
-
| footer | 控制表单底部按钮是否显示和样式设置，hidden 默认是 false，style 控制样式 | object | `{hidden: false, style:{ display:"flex","align-items":"center",justifyContent:"center"}}` |
|
|
99
|
-
| submit | 表单提交按钮，增加了 label，hidden 属性和 click 方法 | object | `{type: "primary",label: "提交",hidden: false,click: async (model) => {...}, }` |
|
|
100
|
-
| reset | 表单重置按钮，增加了 label，hidden 属性和 click 方法 | object | `{type: "primary",label: "重置",hidden: false,click: () => {...}, }` |
|
|
101
|
-
| formItems | 通过 style 属性设置所有 items 的样式 | object | `{ style:{width:100%} }` |
|
|
102
|
-
|
|
103
|
-
### form 增加的事件
|
|
104
|
-
|
|
105
|
-
| 事件名 | 说明 | 类型 | 参数 |
|
|
106
|
-
| ------ | ------------ | -------- | -------------------------------------------------------------------------------------- |
|
|
107
|
-
| submit | 表单提交事件 | function | formData: 表单要提交的数据 |
|
|
108
|
-
| reset | 表单重置事件 | function | callback(isCustReset=false) 默认已处理了重置事件，如要重写事件则回调时传入 true 后再处理 |
|
|
109
|
-
|
|
110
|
-
### form 重写 slots 增加的插槽
|
|
111
|
-
|
|
112
|
-
| 插槽名 | 说明 |
|
|
113
|
-
| ------------ | ---------------------- |
|
|
114
|
-
| footer | 重写表单 footer 功能按钮 |
|
|
115
|
-
| footer-left | 表单左边增加按钮 |
|
|
116
|
-
| footer-right | 表单右边增加按钮 |
|
|
117
|
-
|
|
118
|
-
### formItem 重写 slots
|
|
119
|
-
|
|
120
|
-
| 插槽名 | 说明 |
|
|
121
|
-
| --------------------- | -------------------------------- |
|
|
122
|
-
| item.key | 重写表单项 item |
|
|
123
|
-
| item.key-label | 重写表单项标题 |
|
|
124
|
-
| item.key-ctrl | 重写表单控件 |
|
|
125
|
-
| item.key-ctrl-options | 重写表单控件有 options 的字项 items |
|
|
126
|
-
|
|
127
|
-
### formItem 验证 validate
|
|
128
|
-
|
|
129
|
-
| 属性名 | 说明 | 类型 |
|
|
130
|
-
| -------- | ---------------------------------------------------- | -------- |
|
|
131
|
-
| required | 必输字段 | boolean |
|
|
132
|
-
| max,min | 字符串验证最大长度和最小长度，数字验证最大值和最小值 | number |
|
|
133
|
-
| type | number,email,url 验证数字，邮箱，网址 | string |
|
|
134
|
-
| pattern | 正则验证 | regex |
|
|
135
|
-
| validate | 自定义验证 validate(rule, value, callback) | function |
|
|
136
|
-
|
|
137
|
-
### 示例
|
|
138
|
-
|
|
139
|
-
#### html
|
|
140
|
-
|
|
141
|
-
```html
|
|
142
|
-
<template>
|
|
143
|
-
<div>
|
|
144
|
-
正在创建中......
|
|
145
|
-
</div>
|
|
146
|
-
</template>
|
|
147
|
-
```
|
|
148
|
-
|
|
149
|
-
#### javascript
|
|
150
|
-
|
|
151
|
-
```javascript
|
|
152
|
-
<script setup>
|
|
153
|
-
import { ref } from "vue";
|
|
154
|
-
|
|
155
|
-
</script>
|
|
156
|
-
```
|
|
42
|
+
## 正在开发中...
|