bi-element-ui 1.1.9 → 1.1.91
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/.browserslistrc +3 -3
- package/.eslintignore +1 -1
- package/.prettierrc +8 -8
- package/.prettierrc.json +8 -8
- package/.vscode/extensions.json +3 -3
- package/.vscode/settings.json +2 -2
- package/README.md +148 -148
- package/cypress.json +3 -3
- package/dist/css/about.734427a8.css +1 -0
- package/dist/css/chunk-vendors.8b3b4be2.css +22 -0
- package/dist/css/index.9e71d803.css +1 -0
- package/dist/index.html +1 -1
- package/dist/js/about.4ff3d4f9.js +2 -0
- package/dist/js/chunk-vendors.d907e1f2.js +387 -0
- package/dist/js/index.66b4892a.js +11 -0
- package/lib/demo.html +10 -10
- package/package-lock2.json +17309 -17309
- package/package.json +1 -1
- package/src/components/BiDatePicker/datePickerOption.js +163 -163
- package/src/components/BiDatePicker/index.vue +59 -59
- package/src/components/BiTable/columu.vue +81 -81
- package/src/components/BiTable/forced.js +63 -63
- package/src/components/BiTable/index.js +6 -6
- package/src/components/BiTable/render.vue +13 -13
- package/src/components/BiTable/table.vue +179 -179
- package/src/components/BiTableColumn/Group.vue +275 -275
- package/src/components/BiTableColumn/api.js +16 -16
- package/src/components/BiTooltipIcon/index.vue +63 -63
- package/src/components/EditBtn.vue +15 -15
- package/src/components/FreeButton/index.vue +50 -50
- package/src/components/Pagination/index.vue +91 -91
- package/src/components/Pagination/scrollTo.js +65 -65
- package/src/router/index.js +44 -44
- package/src/store/index.js +11 -11
- package/src/views/Date.vue +96 -96
- package/src/views/Home.vue +11 -0
- package/src/views/Layout.vue +34 -34
- package/src/views/Scene.vue +111 -111
- package/src/views/showData.vue +2 -2
- package/tests/e2e/.eslintrc.js +10 -10
- package/tests/e2e/plugins/index.js +25 -25
- package/tests/e2e/specs/test.js +8 -8
- package/tests/e2e/support/commands.js +25 -25
- package/tests/e2e/support/index.js +20 -20
- package/tests/unit/example.spec.js +13 -13
- package//345/211/215/347/253/257ui/346/240/267/345/274/217/350/247/204/350/214/203.md +101 -101
- package/dist/css/about.f927ac1d.css +0 -1
- package/dist/css/chunk-vendors.bce393fb.css +0 -1
- package/dist/css/index.9da9fdde.css +0 -1
- package/dist/js/about.49a721d0.js +0 -2
- package/dist/js/chunk-vendors.008a0caf.js +0 -313
- package/dist/js/index.e9532c02.js +0 -11
- package/pnpm-lock.yaml +0 -13329
- /package/lib/{bi-element-ui.common.js → Bi-element-ui.common.js} +0 -0
- /package/lib/{bi-element-ui.css → Bi-element-ui.css} +0 -0
- /package/lib/{bi-element-ui.umd.js → Bi-element-ui.umd.js} +0 -0
- /package/lib/{bi-element-ui.umd.min.js → Bi-element-ui.umd.min.js} +0 -0
package/.browserslistrc
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
> 1%
|
2
|
-
last 2 versions
|
3
|
-
not dead
|
1
|
+
> 1%
|
2
|
+
last 2 versions
|
3
|
+
not dead
|
package/.eslintignore
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
|
1
|
+
|
2
2
|
packages/TableSticky/*
|
package/.prettierrc
CHANGED
@@ -1,8 +1,8 @@
|
|
1
|
-
{
|
2
|
-
"eslintIntegration": true,
|
3
|
-
"semi": false,
|
4
|
-
"singleQuote": true,
|
5
|
-
"printWidth": 100000,
|
6
|
-
"bracketSpacing:": false,
|
7
|
-
"trailingComma": "none"
|
8
|
-
}
|
1
|
+
{
|
2
|
+
"eslintIntegration": true,
|
3
|
+
"semi": false,
|
4
|
+
"singleQuote": true,
|
5
|
+
"printWidth": 100000,
|
6
|
+
"bracketSpacing:": false,
|
7
|
+
"trailingComma": "none"
|
8
|
+
}
|
package/.prettierrc.json
CHANGED
@@ -1,8 +1,8 @@
|
|
1
|
-
{
|
2
|
-
"eslintIntegration": true,
|
3
|
-
"semi": false,
|
4
|
-
"singleQuote": true,
|
5
|
-
"printWidth": 100000,
|
6
|
-
"bracketSpacing:": false,
|
7
|
-
"trailingComma": "none"
|
8
|
-
}
|
1
|
+
{
|
2
|
+
"eslintIntegration": true,
|
3
|
+
"semi": false,
|
4
|
+
"singleQuote": true,
|
5
|
+
"printWidth": 100000,
|
6
|
+
"bracketSpacing:": false,
|
7
|
+
"trailingComma": "none"
|
8
|
+
}
|
package/.vscode/extensions.json
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
{
|
2
|
-
"recommendations": ["gamedilong.anes"]
|
3
|
-
}
|
1
|
+
{
|
2
|
+
"recommendations": ["gamedilong.anes"]
|
3
|
+
}
|
package/.vscode/settings.json
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
{
|
2
|
-
"editor.inlineSuggest.showToolbar": "always"
|
1
|
+
{
|
2
|
+
"editor.inlineSuggest.showToolbar": "always"
|
3
3
|
}
|
package/README.md
CHANGED
@@ -1,148 +1,148 @@
|
|
1
|
-
# vue-free-table
|
2
|
-
|
3
|
-
> 基于 element ui table 二次封装,几乎支持原 table 所有的功能
|
4
|
-
|
5
|
-
### 文档使用
|
6
|
-
|
7
|
-
**[DEMO 预览](http://ui.zwwlkj01.top/#/)**
|
8
|
-
|
9
|
-
**特性**
|
10
|
-
|
11
|
-
- 以 element-ui table 为基础进行二次封装,减少代码量
|
12
|
-
- 继承 element-ui table 组件的参数及事件
|
13
|
-
- 支持 render 渲染
|
14
|
-
- 支持 slot 插槽
|
15
|
-
- 支持组件引入
|
16
|
-
- 支持树形数据
|
17
|
-
- 支持分页功能
|
18
|
-
|
19
|
-
**文档**
|
20
|
-
|
21
|
-
| 属性 | 说明 | 类型 | 默认 |
|
22
|
-
| --------------- | -------------------------------------------------- | --------- | ------- |
|
23
|
-
| `data` | table 的 `data` 属性 | `Array` | `[]` |
|
24
|
-
| `column` | 用于控制表格列渲染 | `Array` | `[]` |
|
25
|
-
| `columns-props` | 用于定义所有 `column` 公共的属性 | `Object` | |
|
26
|
-
| `pagination` | 是否显示分页组件, 具体详细请看`pagination配置`栏目 | `Boolean` | `false` |
|
27
|
-
|
28
|
-
只是在 Element Table 封装了一层,原本设置在 Table 上的 props 与事件监听和设置都可以直接绑定到组件上,具体配置可参考[Element Tabel](https://element.eleme.io/#/zh-CN/component/table#table-attributes) 文档
|
29
|
-
|
30
|
-
**column 配置**
|
31
|
-
column 用于控制表格的列行为, 设置示例:
|
32
|
-
|
33
|
-
```jsx
|
34
|
-
const column = [
|
35
|
-
{ label: '日期', prop: 'date', width: 100 },
|
36
|
-
{ label: '姓名', prop: 'name' },
|
37
|
-
{ label: '邮编', prop: 'zip' },
|
38
|
-
{
|
39
|
-
label: '地址',
|
40
|
-
prop: 'address',
|
41
|
-
render: (h, scope) => {
|
42
|
-
return (<el-tag>{scope.row.address}<el-tag>)
|
43
|
-
}
|
44
|
-
},
|
45
|
-
{
|
46
|
-
label: '组件',
|
47
|
-
prop: 'cmp',
|
48
|
-
component: EditBtn,
|
49
|
-
listeners: {
|
50
|
-
'row-edit'(row) {
|
51
|
-
console.log('row-edit', row)
|
52
|
-
}
|
53
|
-
}
|
54
|
-
}
|
55
|
-
]
|
56
|
-
```
|
57
|
-
|
58
|
-
**columns-props 配置**
|
59
|
-
columns-props 用于配置 columns 各列默认的 props 属性,
|
60
|
-
|
61
|
-
```js
|
62
|
-
const columnsProps = {
|
63
|
-
align: 'left',
|
64
|
-
minWidth: 120
|
65
|
-
}
|
66
|
-
```
|
67
|
-
|
68
|
-
**pagination 配置**
|
69
|
-
pagination 用于控制显示分页组件, pagination 分页组件是继承 el-pagination 的二次封装,来源开源项目中的[vue-element-admin
|
70
|
-
组件库中分页组件](https://github.com/PanJiaChen/vue-element-admin/blob/master/src/components/Pagination/index.vue)
|
71
|
-
|
72
|
-
| 参数 | 说明 | 类型 | 默认值 |
|
73
|
-
| ------------- | ------------------------------------- | ---------- | ---------------- |
|
74
|
-
| `total` | 总条目数 | `Number` | / |
|
75
|
-
| `page` | 当前页数 支持 `.sync` 修饰符 | `Number` | 1 |
|
76
|
-
| `limit` | 每页显示条目个数,支持 `.sync` 修饰符 | `Number` | 20 |
|
77
|
-
| `page-sizes` | 每页显示个数选择器的选项设置 | `Number[]` | [10, 20, 30, 50] |
|
78
|
-
| `hidden` | 是否隐藏 | `Boolean` | `false` |
|
79
|
-
| `auto-scroll` | 分页之后是否自动滚动到顶部 | `Boolean` | `true` |
|
80
|
-
|
81
|
-
其它 Element 的 el-pagination 支持的属性,它也都支持。详情见[文档](https://element.eleme.io/#/zh-CN/component/pagination)
|
82
|
-
|
83
|
-
**示例**
|
84
|
-
|
85
|
-
```js
|
86
|
-
<template>
|
87
|
-
<bi-table border stripe :data="data" :column="column"></bi-table>
|
88
|
-
</template>
|
89
|
-
|
90
|
-
<script>
|
91
|
-
import BiTable from '@/components/BiTable'
|
92
|
-
|
93
|
-
export default {
|
94
|
-
components: {
|
95
|
-
BiTable
|
96
|
-
},
|
97
|
-
data() {
|
98
|
-
return {
|
99
|
-
column: [
|
100
|
-
{ label: '日期', prop: 'date' },
|
101
|
-
{ label: '姓名', prop: 'name' },
|
102
|
-
{ label: '省份', prop: 'province' },
|
103
|
-
{ label: '市区', prop: 'city' },
|
104
|
-
{ label: '地址', prop: 'address' }
|
105
|
-
],
|
106
|
-
data: [
|
107
|
-
{
|
108
|
-
date: '2016-05-03',
|
109
|
-
name: '王小虎',
|
110
|
-
province: '上海',
|
111
|
-
city: '普陀区',
|
112
|
-
address: '上海市普陀区金沙江路 1518 弄'
|
113
|
-
},
|
114
|
-
{
|
115
|
-
date: '2016-05-02',
|
116
|
-
name: '王小虎',
|
117
|
-
province: '上海',
|
118
|
-
city: '普陀区',
|
119
|
-
address: '上海市普陀区金沙江路 1518 弄'
|
120
|
-
}
|
121
|
-
]
|
122
|
-
}
|
123
|
-
}
|
124
|
-
}
|
125
|
-
</script>
|
126
|
-
```
|
127
|
-
|
128
|
-
### 构建命令
|
129
|
-
|
130
|
-
```bash
|
131
|
-
# 安装依赖包
|
132
|
-
npm install
|
133
|
-
|
134
|
-
# 启动开发环境
|
135
|
-
npm run serve
|
136
|
-
|
137
|
-
# 构建生产环境
|
138
|
-
npm run build
|
139
|
-
|
140
|
-
# 启动unit测试
|
141
|
-
npm run test:unit
|
142
|
-
|
143
|
-
# 启动unit end-to-end 测试
|
144
|
-
npm run test:e2e
|
145
|
-
|
146
|
-
# 检查修复代码
|
147
|
-
npm run lint
|
148
|
-
```
|
1
|
+
# vue-free-table
|
2
|
+
|
3
|
+
> 基于 element ui table 二次封装,几乎支持原 table 所有的功能
|
4
|
+
|
5
|
+
### 文档使用
|
6
|
+
|
7
|
+
**[DEMO 预览](http://ui.zwwlkj01.top/#/)**
|
8
|
+
|
9
|
+
**特性**
|
10
|
+
|
11
|
+
- 以 element-ui table 为基础进行二次封装,减少代码量
|
12
|
+
- 继承 element-ui table 组件的参数及事件
|
13
|
+
- 支持 render 渲染
|
14
|
+
- 支持 slot 插槽
|
15
|
+
- 支持组件引入
|
16
|
+
- 支持树形数据
|
17
|
+
- 支持分页功能
|
18
|
+
|
19
|
+
**文档**
|
20
|
+
|
21
|
+
| 属性 | 说明 | 类型 | 默认 |
|
22
|
+
| --------------- | -------------------------------------------------- | --------- | ------- |
|
23
|
+
| `data` | table 的 `data` 属性 | `Array` | `[]` |
|
24
|
+
| `column` | 用于控制表格列渲染 | `Array` | `[]` |
|
25
|
+
| `columns-props` | 用于定义所有 `column` 公共的属性 | `Object` | |
|
26
|
+
| `pagination` | 是否显示分页组件, 具体详细请看`pagination配置`栏目 | `Boolean` | `false` |
|
27
|
+
|
28
|
+
只是在 Element Table 封装了一层,原本设置在 Table 上的 props 与事件监听和设置都可以直接绑定到组件上,具体配置可参考[Element Tabel](https://element.eleme.io/#/zh-CN/component/table#table-attributes) 文档
|
29
|
+
|
30
|
+
**column 配置**
|
31
|
+
column 用于控制表格的列行为, 设置示例:
|
32
|
+
|
33
|
+
```jsx
|
34
|
+
const column = [
|
35
|
+
{ label: '日期', prop: 'date', width: 100 },
|
36
|
+
{ label: '姓名', prop: 'name' },
|
37
|
+
{ label: '邮编', prop: 'zip' },
|
38
|
+
{
|
39
|
+
label: '地址',
|
40
|
+
prop: 'address',
|
41
|
+
render: (h, scope) => {
|
42
|
+
return (<el-tag>{scope.row.address}<el-tag>)
|
43
|
+
}
|
44
|
+
},
|
45
|
+
{
|
46
|
+
label: '组件',
|
47
|
+
prop: 'cmp',
|
48
|
+
component: EditBtn,
|
49
|
+
listeners: {
|
50
|
+
'row-edit'(row) {
|
51
|
+
console.log('row-edit', row)
|
52
|
+
}
|
53
|
+
}
|
54
|
+
}
|
55
|
+
]
|
56
|
+
```
|
57
|
+
|
58
|
+
**columns-props 配置**
|
59
|
+
columns-props 用于配置 columns 各列默认的 props 属性,
|
60
|
+
|
61
|
+
```js
|
62
|
+
const columnsProps = {
|
63
|
+
align: 'left',
|
64
|
+
minWidth: 120
|
65
|
+
}
|
66
|
+
```
|
67
|
+
|
68
|
+
**pagination 配置**
|
69
|
+
pagination 用于控制显示分页组件, pagination 分页组件是继承 el-pagination 的二次封装,来源开源项目中的[vue-element-admin
|
70
|
+
组件库中分页组件](https://github.com/PanJiaChen/vue-element-admin/blob/master/src/components/Pagination/index.vue)
|
71
|
+
|
72
|
+
| 参数 | 说明 | 类型 | 默认值 |
|
73
|
+
| ------------- | ------------------------------------- | ---------- | ---------------- |
|
74
|
+
| `total` | 总条目数 | `Number` | / |
|
75
|
+
| `page` | 当前页数 支持 `.sync` 修饰符 | `Number` | 1 |
|
76
|
+
| `limit` | 每页显示条目个数,支持 `.sync` 修饰符 | `Number` | 20 |
|
77
|
+
| `page-sizes` | 每页显示个数选择器的选项设置 | `Number[]` | [10, 20, 30, 50] |
|
78
|
+
| `hidden` | 是否隐藏 | `Boolean` | `false` |
|
79
|
+
| `auto-scroll` | 分页之后是否自动滚动到顶部 | `Boolean` | `true` |
|
80
|
+
|
81
|
+
其它 Element 的 el-pagination 支持的属性,它也都支持。详情见[文档](https://element.eleme.io/#/zh-CN/component/pagination)
|
82
|
+
|
83
|
+
**示例**
|
84
|
+
|
85
|
+
```js
|
86
|
+
<template>
|
87
|
+
<bi-table border stripe :data="data" :column="column"></bi-table>
|
88
|
+
</template>
|
89
|
+
|
90
|
+
<script>
|
91
|
+
import BiTable from '@/components/BiTable'
|
92
|
+
|
93
|
+
export default {
|
94
|
+
components: {
|
95
|
+
BiTable
|
96
|
+
},
|
97
|
+
data() {
|
98
|
+
return {
|
99
|
+
column: [
|
100
|
+
{ label: '日期', prop: 'date' },
|
101
|
+
{ label: '姓名', prop: 'name' },
|
102
|
+
{ label: '省份', prop: 'province' },
|
103
|
+
{ label: '市区', prop: 'city' },
|
104
|
+
{ label: '地址', prop: 'address' }
|
105
|
+
],
|
106
|
+
data: [
|
107
|
+
{
|
108
|
+
date: '2016-05-03',
|
109
|
+
name: '王小虎',
|
110
|
+
province: '上海',
|
111
|
+
city: '普陀区',
|
112
|
+
address: '上海市普陀区金沙江路 1518 弄'
|
113
|
+
},
|
114
|
+
{
|
115
|
+
date: '2016-05-02',
|
116
|
+
name: '王小虎',
|
117
|
+
province: '上海',
|
118
|
+
city: '普陀区',
|
119
|
+
address: '上海市普陀区金沙江路 1518 弄'
|
120
|
+
}
|
121
|
+
]
|
122
|
+
}
|
123
|
+
}
|
124
|
+
}
|
125
|
+
</script>
|
126
|
+
```
|
127
|
+
|
128
|
+
### 构建命令
|
129
|
+
|
130
|
+
```bash
|
131
|
+
# 安装依赖包
|
132
|
+
npm install
|
133
|
+
|
134
|
+
# 启动开发环境
|
135
|
+
npm run serve
|
136
|
+
|
137
|
+
# 构建生产环境
|
138
|
+
npm run build
|
139
|
+
|
140
|
+
# 启动unit测试
|
141
|
+
npm run test:unit
|
142
|
+
|
143
|
+
# 启动unit end-to-end 测试
|
144
|
+
npm run test:e2e
|
145
|
+
|
146
|
+
# 检查修复代码
|
147
|
+
npm run lint
|
148
|
+
```
|
package/cypress.json
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
{
|
2
|
-
"pluginsFile": "tests/e2e/plugins/index.js"
|
3
|
-
}
|
1
|
+
{
|
2
|
+
"pluginsFile": "tests/e2e/plugins/index.js"
|
3
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
.example-table-box[data-v-49a6bb0c]{margin:25px 50px}.example-table-box p[data-v-49a6bb0c]{text-align:left;font-weight:700}.box[data-v-ac1da312]{background:#ccc;height:200px;padding:10px 50px}header[data-v-ac1da312]{height:50px;background:#fff}.example-table-box[data-v-10718cef]{margin:25px 50px;position:relative}.example-table-box p[data-v-10718cef]{text-align:left;font-weight:700}
|