@bsgoal/common 1.4.7 → 1.4.9
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/dist/index.mjs +678 -647
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/bsgoal-base-dialog/demo.vue +2 -2
- package/src/components/bsgoal-base-dialog/index.vue +9 -2
- package/src/components/bsgoal-base-table/demo.vue +11 -1
- package/src/components/bsgoal-base-table/index.vue +11 -6
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.bsgoal-base-form .base_form{padding:16px 6px 8px 16px}.bsgoal-base-form .base_form .el-form-item{margin-right:10px}.bsgoal-base-form .base_form div.el-input,.bsgoal-base-form .base_form div.el-select{width:100%}.bsgoal-base-table-pagination{text-align:right}.bsgoal-base-table-pagination .base_table_pagination{display:inline-block;margin-top:16px}.bsgoal-base-table .base_table{padding:16px}.bsgoal-base-table .base_table_menu{margin-bottom:8px}.bsgoal-base-table .el-table__body-wrapper{overflow-y:hidden!important}.bsgoal-base-line .base_line{height:10px;background-color:#f0f2f5}.bsgoal-base-line .bsgoal-base-line__vertical{display:inline-block;height:100%}.bsgoal-base-line .base_line__vertical{width:10px;height:100%}.bsgoal-base-search-operation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bsgoal-base-search-operation .operation_fold{margin-left:12px;cursor:pointer;min-width:3em}.bsgoal-base-cascader{width:100%}.bsgoal-base-cascader .base_cascader{width:inherit}.bsgoal-base-search .base_search{padding:16px 6px 8px 16px}.bsgoal-base-search .base_search .el-form-item{margin-bottom:8px;margin-right:10px}.bsgoal-base-search .base_search div.el-input,.bsgoal-base-search .base_search div.el-select{width:100%}.bsgoal-base-tree-fold .base_tree_fold{position:absolute;top:0;bottom:0;right:10px;margin:auto;width:14px;height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:10px;background-color:#409eff}.bsgoal-base-tree-fold .base_tree_fold--hide{right:0px}.bsgoal-base-tree{display:inline-block}.bsgoal-base-tree .base_tree{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;min-width:14px}.bsgoal-base-tree .base_tree_main{width:221px;padding:16px;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:auto}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar{width:6px;height:6px}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.2);width:20px}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar-track{background-color:#fff}.bsgoal-base-tree .base_tree_main_input{margin-bottom:10px}.bsgoal-base-tree .base_tree .el-tree-node__content>i.el-tree-node__expand-icon{padding-left:0}.bsgoal-base-dialog .base_dialog_header{font-weight:500;color:#303133;font-size:16px}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__header{padding:16px 30px;margin-right:0;background-color:#f5f7fa}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__header .el-dialog__headerbtn{top:0px;right:8px}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__body{padding:0 0 30px 30px}
|
|
1
|
+
@charset "UTF-8";.bsgoal-base-form .base_form{padding:16px 6px 8px 16px}.bsgoal-base-form .base_form .el-form-item{margin-right:10px}.bsgoal-base-form .base_form div.el-input,.bsgoal-base-form .base_form div.el-select{width:100%}.bsgoal-base-table-pagination{text-align:right}.bsgoal-base-table-pagination .base_table_pagination{display:inline-block;margin-top:16px}.bsgoal-base-table-empty .base_table_empty{text-align:center}.bsgoal-base-table-empty .base_table_empty_img{padding-top:16px;line-height:initial}.bsgoal-base-table-empty .base_table_empty_text{display:inline-block}.bsgoal-base-table .base_table{padding:16px}.bsgoal-base-table .base_table_menu{margin-bottom:8px}.bsgoal-base-table .el-table__body-wrapper{overflow-y:hidden!important}.bsgoal-base-table .el-scrollbar__view{height:100%}.bsgoal-base-line .base_line{height:10px;background-color:#f0f2f5}.bsgoal-base-line .bsgoal-base-line__vertical{display:inline-block;height:100%}.bsgoal-base-line .base_line__vertical{width:10px;height:100%}.bsgoal-base-search-operation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bsgoal-base-search-operation .operation_fold{margin-left:12px;cursor:pointer;min-width:3em}.bsgoal-base-cascader{width:100%}.bsgoal-base-cascader .base_cascader{width:inherit}.bsgoal-base-search .base_search{padding:16px 6px 8px 16px}.bsgoal-base-search .base_search .el-form-item{margin-bottom:8px;margin-right:10px}.bsgoal-base-search .base_search div.el-input,.bsgoal-base-search .base_search div.el-select{width:100%}.bsgoal-base-tree-fold .base_tree_fold{position:absolute;top:0;bottom:0;right:10px;margin:auto;width:14px;height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:10px;background-color:#409eff}.bsgoal-base-tree-fold .base_tree_fold--hide{right:0px}.bsgoal-base-tree{display:inline-block}.bsgoal-base-tree .base_tree{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;min-width:14px}.bsgoal-base-tree .base_tree_main{width:221px;padding:16px;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:auto}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar{width:6px;height:6px}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.2);width:20px}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar-track{background-color:#fff}.bsgoal-base-tree .base_tree_main_input{margin-bottom:10px}.bsgoal-base-tree .base_tree .el-tree-node__content>i.el-tree-node__expand-icon{padding-left:0}.bsgoal-base-dialog .base_dialog_header{font-weight:500;color:#303133;font-size:16px}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__header{padding:16px 30px;margin-right:0;background-color:#f5f7fa}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__header .el-dialog__headerbtn{top:0px;right:8px}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__body{padding:0 0 30px 30px}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @Author: canlong.shen
|
|
3
3
|
* @Date: 2023-04-23 16:35:24
|
|
4
4
|
* @LastEditors: canlong.shen
|
|
5
|
-
* @LastEditTime: 2023-04-
|
|
5
|
+
* @LastEditTime: 2023-04-28 14:43:37
|
|
6
6
|
* @FilePath: \common\src\components\bsgoal-base-dialog\demo.vue
|
|
7
7
|
* @Description: 弹窗公共组件 演示
|
|
8
8
|
*
|
|
@@ -35,7 +35,7 @@ const test = () => {
|
|
|
35
35
|
<template>
|
|
36
36
|
<div class="bsgoal-base-dialog-demo">
|
|
37
37
|
<div class="base_dialog_demo">
|
|
38
|
-
<BsgoalBaseDialog v-model="dialogVisible" />
|
|
38
|
+
<BsgoalBaseDialog v-model="dialogVisible" width="600" />
|
|
39
39
|
<el-button type="primary" @click="test">打开弹窗22</el-button>
|
|
40
40
|
</div>
|
|
41
41
|
</div>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @Author: canlong.shen
|
|
3
3
|
* @Date: 2023-04-23 16:35:19
|
|
4
4
|
* @LastEditors: canlong.shen
|
|
5
|
-
* @LastEditTime: 2023-04-
|
|
5
|
+
* @LastEditTime: 2023-04-28 14:40:14
|
|
6
6
|
* @FilePath: \common\src\components\bsgoal-base-dialog\index.vue
|
|
7
7
|
* @Description: 弹窗公共组件
|
|
8
8
|
*
|
|
@@ -46,7 +46,14 @@ const props = defineProps({
|
|
|
46
46
|
confirmTxt: {
|
|
47
47
|
type: [String],
|
|
48
48
|
default: '确定'
|
|
49
|
+
},
|
|
50
|
+
/**
|
|
51
|
+
* 宽度
|
|
52
|
+
*/
|
|
53
|
+
width:{
|
|
54
|
+
type:[String,Number]
|
|
49
55
|
}
|
|
56
|
+
|
|
50
57
|
})
|
|
51
58
|
|
|
52
59
|
const emits = defineEmits(['update:modelValue', 'on-confirm'])
|
|
@@ -87,7 +94,7 @@ watch(dialogVisible, (v) => {
|
|
|
87
94
|
<div class="bsgoal-base-dialog">
|
|
88
95
|
<div class="base_dialog">
|
|
89
96
|
<!-- S 组件实体 -->
|
|
90
|
-
<el-dialog v-model="dialogVisible" custom-class="bsgoal_base_dialog_main">
|
|
97
|
+
<el-dialog v-model="dialogVisible" custom-class="bsgoal_base_dialog_main" :width="width">
|
|
91
98
|
<template #header>
|
|
92
99
|
<div class="base_dialog_header">{{ title }}</div>
|
|
93
100
|
</template>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @Author: canlong.shen
|
|
3
3
|
* @Date: 2023-04-10 14:26:44
|
|
4
4
|
* @LastEditors: canlong.shen
|
|
5
|
-
* @LastEditTime: 2023-04-
|
|
5
|
+
* @LastEditTime: 2023-04-28 09:37:59
|
|
6
6
|
* @FilePath: \common\src\components\bsgoal-base-table\demo.vue
|
|
7
7
|
* @Description: 表格公共组件演示页面
|
|
8
8
|
*
|
|
@@ -246,10 +246,19 @@ const options = ref([
|
|
|
246
246
|
prop: 'prop6'
|
|
247
247
|
},
|
|
248
248
|
])
|
|
249
|
+
|
|
250
|
+
const clearData = () => {
|
|
251
|
+
|
|
252
|
+
data.value = []
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
|
|
249
257
|
</script>
|
|
250
258
|
<template>
|
|
251
259
|
<div class="bsgoal-base-table-demo">
|
|
252
260
|
<!-- <BsgoalBaseSearch :config-options="searchOptions" /> -->
|
|
261
|
+
<el-button type="primary" @click="clearData">设置为空数据</el-button>
|
|
253
262
|
<BsgoalBaseTable operation operationWidth="200" selection :config-options="options" :data="data" >
|
|
254
263
|
<template v-slot:operation="{ row }">
|
|
255
264
|
<div>
|
|
@@ -257,6 +266,7 @@ const options = ref([
|
|
|
257
266
|
</div>
|
|
258
267
|
</template>
|
|
259
268
|
</BsgoalBaseTable>
|
|
269
|
+
<hr />
|
|
260
270
|
|
|
261
271
|
</div>
|
|
262
272
|
</template>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @Author: canlong.shen
|
|
3
3
|
* @Date: 2023-04-10 11:29:04
|
|
4
4
|
* @LastEditors: canlong.shen
|
|
5
|
-
* @LastEditTime: 2023-04-
|
|
5
|
+
* @LastEditTime: 2023-04-28 09:27:13
|
|
6
6
|
* @FilePath: \common\src\components\bsgoal-base-table\index.vue
|
|
7
7
|
* @Description:
|
|
8
8
|
*
|
|
@@ -19,6 +19,7 @@ export default {
|
|
|
19
19
|
import { ref, computed, unref, inject, watchEffect, watch } from 'vue'
|
|
20
20
|
import BsgoalBaseTableContent from '../bsgoal-base-table-content/index.vue'
|
|
21
21
|
import BsgoalBaseTablePagination from '../bsgoal-base-table-pagination/index.vue'
|
|
22
|
+
import BsgoalBaseTableEmpty from '../bsgoal-base-table-empty/index.vue'
|
|
22
23
|
import { useAutoHeight } from '../../combines/useComs.js'
|
|
23
24
|
import { useFetch } from '../../combines/useFetchs.js'
|
|
24
25
|
|
|
@@ -103,8 +104,8 @@ const props = defineProps({
|
|
|
103
104
|
/**
|
|
104
105
|
* 表格高度 下边距值
|
|
105
106
|
*/
|
|
106
|
-
expression:{
|
|
107
|
-
type:[Number],
|
|
107
|
+
expression: {
|
|
108
|
+
type: [Number],
|
|
108
109
|
default: 75
|
|
109
110
|
}
|
|
110
111
|
})
|
|
@@ -137,7 +138,7 @@ const transferFoldStatus = inject('transferFoldStatus')
|
|
|
137
138
|
watchEffect(() => {
|
|
138
139
|
const status = transferFoldStatus ? transferFoldStatus.value : false
|
|
139
140
|
const expressionVal = unref(props.expression)
|
|
140
|
-
useAutoHeight(EL_TABLE_WRAP_REF, { arg: status, expression:expressionVal })
|
|
141
|
+
useAutoHeight(EL_TABLE_WRAP_REF, { arg: status, expression: expressionVal })
|
|
141
142
|
})
|
|
142
143
|
|
|
143
144
|
// 触发搜索
|
|
@@ -221,7 +222,7 @@ defineExpose({
|
|
|
221
222
|
>
|
|
222
223
|
<!-- / 无数据展示内容 -->
|
|
223
224
|
<template #empty>
|
|
224
|
-
|
|
225
|
+
<BsgoalBaseTableEmpty />
|
|
225
226
|
</template>
|
|
226
227
|
<!-- / 无数据展示内容 -->
|
|
227
228
|
<!-- / 多选 -->
|
|
@@ -275,7 +276,11 @@ defineExpose({
|
|
|
275
276
|
margin-bottom: 8px;
|
|
276
277
|
}
|
|
277
278
|
.el-table__body-wrapper {
|
|
278
|
-
|
|
279
|
+
overflow-y: hidden !important;
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
.el-scrollbar__view {
|
|
283
|
+
height: 100%;
|
|
279
284
|
}
|
|
280
285
|
}
|
|
281
286
|
</style>
|