bi-element-ui 1.1.8 → 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.
Files changed (59) hide show
  1. package/.browserslistrc +3 -3
  2. package/.eslintignore +1 -1
  3. package/.prettierrc +8 -8
  4. package/.prettierrc.json +8 -8
  5. package/.vscode/extensions.json +3 -3
  6. package/.vscode/settings.json +2 -2
  7. package/README.md +148 -148
  8. package/cypress.json +3 -3
  9. package/dist/css/about.734427a8.css +1 -0
  10. package/dist/css/chunk-vendors.8b3b4be2.css +22 -0
  11. package/dist/css/index.9e71d803.css +1 -0
  12. package/dist/index.html +1 -1
  13. package/dist/js/about.4ff3d4f9.js +2 -0
  14. package/dist/js/chunk-vendors.d907e1f2.js +387 -0
  15. package/dist/js/index.66b4892a.js +11 -0
  16. package/lib/{bi-element-ui.common.js → Bi-element-ui.common.js} +190 -61
  17. package/lib/{bi-element-ui.umd.js → Bi-element-ui.umd.js} +190 -61
  18. package/lib/{bi-element-ui.umd.min.js → Bi-element-ui.umd.min.js} +5 -5
  19. package/lib/demo.html +10 -10
  20. package/package-lock2.json +17309 -17309
  21. package/package.json +1 -1
  22. package/src/components/BiDatePicker/datePickerOption.js +163 -163
  23. package/src/components/BiDatePicker/index.vue +59 -59
  24. package/src/components/BiTable/columu.vue +81 -81
  25. package/src/components/BiTable/forced.js +63 -63
  26. package/src/components/BiTable/index.js +6 -6
  27. package/src/components/BiTable/render.vue +13 -13
  28. package/src/components/BiTable/table.vue +179 -179
  29. package/src/components/BiTableColumn/Group.vue +275 -275
  30. package/src/components/BiTableColumn/api.js +16 -16
  31. package/src/components/BiTooltipIcon/index.vue +63 -63
  32. package/src/components/EditBtn.vue +15 -15
  33. package/src/components/FreeButton/index.vue +50 -50
  34. package/src/components/Pagination/index.vue +91 -91
  35. package/src/components/Pagination/scrollTo.js +65 -65
  36. package/src/router/index.js +44 -44
  37. package/src/store/index.js +11 -11
  38. package/src/table.js +86 -0
  39. package/src/views/Date.vue +96 -96
  40. package/src/views/Home.vue +11 -0
  41. package/src/views/Layout.vue +34 -34
  42. package/src/views/Scene.vue +111 -111
  43. package/src/views/Table.vue +190 -173
  44. package/src/views/showData.vue +2 -2
  45. package/tests/e2e/.eslintrc.js +10 -10
  46. package/tests/e2e/plugins/index.js +25 -25
  47. package/tests/e2e/specs/test.js +8 -8
  48. package/tests/e2e/support/commands.js +25 -25
  49. package/tests/e2e/support/index.js +20 -20
  50. package/tests/unit/example.spec.js +13 -13
  51. package//345/211/215/347/253/257ui/346/240/267/345/274/217/350/247/204/350/214/203.md +101 -101
  52. package/dist/css/about.f927ac1d.css +0 -1
  53. package/dist/css/chunk-vendors.bce393fb.css +0 -1
  54. package/dist/css/index.9da9fdde.css +0 -1
  55. package/dist/js/about.49a721d0.js +0 -2
  56. package/dist/js/chunk-vendors.008a0caf.js +0 -313
  57. package/dist/js/index.e9532c02.js +0 -11
  58. package/pnpm-lock.yaml +0 -13329
  59. /package/lib/{bi-element-ui.css → Bi-element-ui.css} +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
+ }
@@ -1,3 +1,3 @@
1
- {
2
- "recommendations": ["gamedilong.anes"]
3
- }
1
+ {
2
+ "recommendations": ["gamedilong.anes"]
3
+ }
@@ -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}