byt-ui 0.0.15 → 0.0.17
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 +172 -74
- package/jsconfig.json +19 -19
- package/lib/byt-ui.common.js +239 -165
- package/lib/byt-ui.css +1 -1
- package/lib/byt-ui.umd.js +239 -165
- package/lib/byt-ui.umd.min.js +2 -2
- package/package.json +2 -2
- package/packages/common/modules/cookie.js +4 -4
- package/packages/components/basic-view/demo.vue +74 -4
- package/packages/components/basic-view/index.vue +12 -18
- package/packages/components/form-view/index.vue +36 -11
- package/yarn-error.log +108 -0
package/README.md
CHANGED
|
@@ -1,74 +1,172 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
* @Description:
|
|
3
|
-
* @Author: 王国火
|
|
4
|
-
* @Date: 2022-09-15 16:57:23
|
|
5
|
-
* @LastEditTime:
|
|
6
|
-
* @LastEditors: 王国火
|
|
7
|
-
-->
|
|
8
|
-
# byt-ui
|
|
9
|
-
|
|
10
|
-
## 安装
|
|
11
|
-
```
|
|
12
|
-
yarn add byt-ui -S
|
|
13
|
-
```
|
|
14
|
-
|
|
15
|
-
## 全局引入
|
|
16
|
-
```
|
|
17
|
-
import BytUI from "byt-ui"
|
|
18
|
-
import 'byt-ui/lib/byt-ui.css'
|
|
19
|
-
Vue.use(BytUI)
|
|
20
|
-
```
|
|
21
|
-
|
|
22
|
-
## 按需引入公用方法 也可全局使用this.$byt
|
|
23
|
-
```
|
|
24
|
-
import {utils} from "byt-ui"
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
## 组件调用示例
|
|
28
|
-
```html
|
|
29
|
-
<base-view
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
1
|
+
<!--
|
|
2
|
+
* @Description:
|
|
3
|
+
* @Author: 王国火
|
|
4
|
+
* @Date: 2022-09-15 16:57:23
|
|
5
|
+
* @LastEditTime: 2023-06-07 09:05:18
|
|
6
|
+
* @LastEditors: 王国火
|
|
7
|
+
-->
|
|
8
|
+
# byt-ui
|
|
9
|
+
|
|
10
|
+
## 安装
|
|
11
|
+
```
|
|
12
|
+
yarn add byt-ui -S
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## 全局引入
|
|
16
|
+
```
|
|
17
|
+
import BytUI from "byt-ui"
|
|
18
|
+
import 'byt-ui/lib/byt-ui.css'
|
|
19
|
+
Vue.use(BytUI)
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## 按需引入公用方法 也可全局使用this.$byt
|
|
23
|
+
```
|
|
24
|
+
import {utils} from "byt-ui"
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## 组件调用示例
|
|
28
|
+
```html
|
|
29
|
+
<byt-base-view
|
|
30
|
+
:label-width="100"
|
|
31
|
+
:search-list="searchList"
|
|
32
|
+
:fetch="getTableData"
|
|
33
|
+
:table-data="tableData"
|
|
34
|
+
:columns="columns"
|
|
35
|
+
:pagination="pagination"
|
|
36
|
+
ref="baseView"
|
|
37
|
+
>
|
|
38
|
+
<template #btns>
|
|
39
|
+
<el-button type="primary" icon="el-icon-plus">新增</el-button>
|
|
40
|
+
<el-button type="primary" icon="el-icon-plus" @click="onClear">初始化表单</el-button>
|
|
41
|
+
</template>
|
|
42
|
+
|
|
43
|
+
<template #actions>
|
|
44
|
+
<el-button type="text" icon="el-icon-edit">编辑</el-button>
|
|
45
|
+
<el-button type="text" class="el-button-delete" icon="el-icon-delete">删除</el-button>
|
|
46
|
+
</template>
|
|
47
|
+
</byt-base-view>
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
```javascript
|
|
51
|
+
export default {
|
|
52
|
+
name: 'App',
|
|
53
|
+
data(){
|
|
54
|
+
return{
|
|
55
|
+
searchList: [
|
|
56
|
+
{
|
|
57
|
+
label: '输入框',
|
|
58
|
+
key: 'input',
|
|
59
|
+
type: 'input',
|
|
60
|
+
default:"abc"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
label: '下拉框',
|
|
64
|
+
key: 'select',
|
|
65
|
+
type: 'select',
|
|
66
|
+
default:1,
|
|
67
|
+
options:[
|
|
68
|
+
{label:"a",value:1},
|
|
69
|
+
{label:"b",value:2},
|
|
70
|
+
{label:"c",value:3},
|
|
71
|
+
{label:"d",value:4}
|
|
72
|
+
]
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
label: '级联选择',
|
|
76
|
+
key: 'cascader',
|
|
77
|
+
type: 'cascader',
|
|
78
|
+
default:"yizhi",
|
|
79
|
+
options:[{
|
|
80
|
+
value: 'zhinan',
|
|
81
|
+
label: '指南',
|
|
82
|
+
children: [{
|
|
83
|
+
value: 'shejiyuanze',
|
|
84
|
+
label: '设计原则',
|
|
85
|
+
children: [{
|
|
86
|
+
value: 'yizhi',
|
|
87
|
+
label: '一致'
|
|
88
|
+
}, {
|
|
89
|
+
value: 'fankui',
|
|
90
|
+
label: '反馈'
|
|
91
|
+
}, {
|
|
92
|
+
value: 'xiaolv',
|
|
93
|
+
label: '效率'
|
|
94
|
+
}, {
|
|
95
|
+
value: 'kekong',
|
|
96
|
+
label: '可控'
|
|
97
|
+
}]
|
|
98
|
+
}]
|
|
99
|
+
}]
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
label: '年月日',
|
|
103
|
+
key: 'date',
|
|
104
|
+
type: 'datepicker',
|
|
105
|
+
default:moment().format("YYYY-MM-DD")
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
label: '年月',
|
|
109
|
+
key: 'month',
|
|
110
|
+
type: 'datepicker',
|
|
111
|
+
fields:"month",
|
|
112
|
+
default:moment().format("YYYY-MM")
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
label: '年',
|
|
116
|
+
key: 'year',
|
|
117
|
+
type: 'datepicker',
|
|
118
|
+
fields:"year",
|
|
119
|
+
default:moment().format("YYYY")
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
label: '日期区间',
|
|
123
|
+
key: 'daterange',
|
|
124
|
+
type: 'daterange',
|
|
125
|
+
default:["2023-06-05","2023-06-07"]
|
|
126
|
+
}
|
|
127
|
+
],
|
|
128
|
+
tableData: [],
|
|
129
|
+
columns: [
|
|
130
|
+
{ label: '头像', slot: 'avatar', fixed: 'left' },
|
|
131
|
+
{ label: '用户名', key: 'username', fixed: 'left' },
|
|
132
|
+
{ label: '姓名', key: 'name' },
|
|
133
|
+
{ label: '手机号', key: 'phone' },
|
|
134
|
+
{ label: '昵称', key: 'nickname' },
|
|
135
|
+
{ label: '邮箱', key: 'email' },
|
|
136
|
+
{ label: '状态', slot: 'lockFlag' },
|
|
137
|
+
{ label: '创建时间', key: 'createTime' },
|
|
138
|
+
{ label: '操作', key: 'actions', slot: 'actions', width: 160, fixed: 'right' }
|
|
139
|
+
],
|
|
140
|
+
loading: false,
|
|
141
|
+
pagination: {
|
|
142
|
+
total: 0
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
```
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
## npm 发布执行顺序
|
|
152
|
+
```
|
|
153
|
+
1. yarn lib
|
|
154
|
+
2. 修改package.json version 版本号
|
|
155
|
+
3. npm publish
|
|
156
|
+
```
|
|
157
|
+
|
|
158
|
+
## 升级依赖包
|
|
159
|
+
```
|
|
160
|
+
yarn upgrade byt-ui --latest
|
|
161
|
+
|
|
162
|
+
```
|
|
163
|
+
|
|
164
|
+
## 删除已发版本,非必要情况，不允许删除包，删除后24小时内无法上传
|
|
165
|
+
```
|
|
166
|
+
运行 npm unpublish 包名 --force 命令，即可从npm删除已发布的包。
|
|
167
|
+
|
|
168
|
+
1、npm unpublish 命令只能删除72小时以内发布的包
|
|
169
|
+
|
|
170
|
+
2、npm unpublish 删除的包，在24小时内不允许重复发布
|
|
171
|
+
|
|
172
|
+
```
|
package/jsconfig.json
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
{
|
|
2
|
-
"compilerOptions": {
|
|
3
|
-
"target": "es5",
|
|
4
|
-
"module": "esnext",
|
|
5
|
-
"baseUrl": "./",
|
|
6
|
-
"moduleResolution": "node",
|
|
7
|
-
"paths": {
|
|
8
|
-
"@/*": [
|
|
9
|
-
"src/*"
|
|
10
|
-
]
|
|
11
|
-
},
|
|
12
|
-
"lib": [
|
|
13
|
-
"esnext",
|
|
14
|
-
"dom",
|
|
15
|
-
"dom.iterable",
|
|
16
|
-
"scripthost"
|
|
17
|
-
]
|
|
18
|
-
}
|
|
19
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"compilerOptions": {
|
|
3
|
+
"target": "es5",
|
|
4
|
+
"module": "esnext",
|
|
5
|
+
"baseUrl": "./",
|
|
6
|
+
"moduleResolution": "node",
|
|
7
|
+
"paths": {
|
|
8
|
+
"@/*": [
|
|
9
|
+
"src/*"
|
|
10
|
+
]
|
|
11
|
+
},
|
|
12
|
+
"lib": [
|
|
13
|
+
"esnext",
|
|
14
|
+
"dom",
|
|
15
|
+
"dom.iterable",
|
|
16
|
+
"scripthost"
|
|
17
|
+
]
|
|
18
|
+
}
|
|
19
|
+
}
|