@bsgoal/common 2.5.7 → 2.6.0
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 +851 -827
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +13 -13
- package/dist/index.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/src/components/bsgoal-base-alert/demo.vue +6 -6
- package/src/components/bsgoal-base-alert/index.vue +6 -7
- package/src/components/bsgoal-base-button/demo.vue +8 -10
- package/src/components/bsgoal-base-button/index.vue +6 -7
- package/src/components/bsgoal-base-cascader/demo.vue +5 -6
- package/src/components/bsgoal-base-cascader/index.vue +6 -7
- package/src/components/bsgoal-base-dialog/demo.vue +4 -6
- package/src/components/bsgoal-base-dialog/index.vue +11 -7
- package/src/components/bsgoal-base-form/demo.vue +5 -6
- package/src/components/bsgoal-base-form/index.vue +5 -6
- package/src/components/bsgoal-base-frame/demo.vue +5 -5
- package/src/components/bsgoal-base-frame/index.vue +4 -5
- package/src/components/bsgoal-base-item/demo.vue +4 -5
- package/src/components/bsgoal-base-item/index.vue +5 -5
- package/src/components/bsgoal-base-layout/demo.vue +5 -6
- package/src/components/bsgoal-base-layout/index.vue +4 -6
- package/src/components/bsgoal-base-line/demo.vue +5 -6
- package/src/components/bsgoal-base-line/index.vue +6 -7
- package/src/components/bsgoal-base-link/demo.vue +8 -14
- package/src/components/bsgoal-base-link/index.vue +5 -6
- package/src/components/bsgoal-base-search/demo.vue +6 -9
- package/src/components/bsgoal-base-search/index.vue +4 -6
- package/src/components/bsgoal-base-search-operation/index.vue +6 -7
- package/src/components/bsgoal-base-search-table/demo.vue +4 -7
- package/src/components/bsgoal-base-search-table/index.vue +5 -6
- package/src/components/bsgoal-base-select/demo.vue +4 -5
- package/src/components/bsgoal-base-select/index.vue +5 -5
- package/src/components/bsgoal-base-switch/demo.vue +5 -5
- package/src/components/bsgoal-base-switch/index.vue +5 -5
- package/src/components/bsgoal-base-table/demo.vue +6 -7
- package/src/components/bsgoal-base-table/index.vue +4 -5
- package/src/components/bsgoal-base-table-content/index.vue +5 -6
- package/src/components/bsgoal-base-table-empty/demo.vue +5 -6
- package/src/components/bsgoal-base-table-empty/index.vue +3 -3
- package/src/components/bsgoal-base-table-pagination/index.vue +5 -6
- package/src/components/bsgoal-base-tabs/demo.vue +5 -6
- package/src/components/bsgoal-base-tabs/index.vue +5 -5
- package/src/components/bsgoal-base-time/demo.vue +6 -6
- package/src/components/bsgoal-base-time/index.vue +5 -5
- package/src/components/bsgoal-base-time-range/demo.vue +5 -5
- package/src/components/bsgoal-base-time-range/index.vue +5 -5
- package/src/components/bsgoal-base-tooltip/demo.vue +5 -7
- package/src/components/bsgoal-base-tooltip/index.vue +5 -6
- package/src/components/bsgoal-base-tree/demo.vue +5 -6
- package/src/components/bsgoal-base-tree/index.vue +5 -6
- package/src/components/bsgoal-base-tree-fold/index.vue +5 -6
- package/src/components/layout/layout-home.vue +16 -16
- package/src/components/layout/layout-left-menu.vue +22 -16
- package/src/components/layout/layout-right-container.vue +12 -11
- package/src/components/layout/layout-top-header.vue +11 -13
- package/src/components/bsgoal-base-search-table/demo-table.vue +0 -52
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.base_tooltip_popper{max-width:20em}.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-form .base_form--visible{width:0px;height:0px;overflow:hidden}.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-dialog__footer--conceal .el-dialog__footer{display:none}.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}.bsgoal-base-dialog .bsgoal_base_dialog_main .base_dialog_content{padding:30px}.bsgoal-base-dialog .bsgoal_base_dialog_main .base_dialog_content--form{padding:0 0 30px 30px}.bsgoal-base-button,.bsgoal-base-button .base_button{display:inline-block}.bsgoal-base-alert .el-alert,.bsgoal-base-item .base_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bsgoal-base-item .base_item_label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#606266;height:32px;line-height:32px;padding-right:12px}
|
|
1
|
+
@charset "UTF-8";.base_tooltip_popper{max-width:20em}.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-form .base_form--visible{width:0px;height:0px;overflow:hidden}.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-dialog__footer--conceal .el-dialog__footer{display:none}.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}.bsgoal-base-dialog .bsgoal_base_dialog_main .base_dialog_content{padding:30px}.bsgoal-base-dialog .bsgoal_base_dialog_main .base_dialog_content--form{padding:0 0 30px 30px}.bsgoal-base-dialog .bsgoal_base_dialog_main .base_dialog_content--form .bsgoal-base-form .base_form{padding:initial;padding-top:16px}.bsgoal-base-button,.bsgoal-base-button .base_button{display:inline-block}.bsgoal-base-alert .el-alert,.bsgoal-base-item .base_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bsgoal-base-item .base_item_label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#606266;height:32px;line-height:32px;padding-right:12px}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bsgoal/common",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.6.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"files": [
|
|
6
6
|
"dist",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"element-plus": "^2.3.3",
|
|
30
|
-
"vue": "^3.
|
|
30
|
+
"vue": "^3.3.4",
|
|
31
31
|
"vue-router": "^4.1.6"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @Author: canlong.shen
|
|
3
3
|
* @Date: 2023-05-24 09:13:02
|
|
4
4
|
* @LastEditors: canlong.shen
|
|
5
|
-
* @LastEditTime: 2023-05-
|
|
5
|
+
* @LastEditTime: 2023-05-26 15:51:21
|
|
6
6
|
* @FilePath: \common\src\components\bsgoal-base-alert\demo.vue
|
|
7
7
|
* @Description: alert 提示演示
|
|
8
8
|
*
|
|
@@ -12,12 +12,12 @@
|
|
|
12
12
|
---------------------------------------------------------------- */
|
|
13
13
|
import { ref } from 'vue'
|
|
14
14
|
import BsgoalBaseAlert from './index.vue'
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
<script>
|
|
18
|
-
export default {
|
|
15
|
+
|
|
16
|
+
defineOptions({
|
|
19
17
|
name: 'BsgoalBaseAlertDemo'
|
|
20
|
-
}
|
|
18
|
+
})
|
|
19
|
+
|
|
20
|
+
const props = defineProps({})
|
|
21
21
|
</script>
|
|
22
22
|
<template>
|
|
23
23
|
<div class="$bsgoal-base-alert-demo">
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @Author: canlong.shen
|
|
3
3
|
* @Date: 2023-05-24 09:12:54
|
|
4
4
|
* @LastEditors: canlong.shen
|
|
5
|
-
* @LastEditTime: 2023-05-
|
|
5
|
+
* @LastEditTime: 2023-05-26 15:52:34
|
|
6
6
|
* @FilePath: \common\src\components\bsgoal-base-alert\index.vue
|
|
7
7
|
* @Description: alert 提示组件
|
|
8
8
|
*
|
|
@@ -12,7 +12,11 @@
|
|
|
12
12
|
/* setup模板
|
|
13
13
|
---------------------------------------------------------------- */
|
|
14
14
|
import { ref } from 'vue'
|
|
15
|
-
|
|
15
|
+
|
|
16
|
+
defineOptions({
|
|
17
|
+
name: 'BsgoalBaseAlert'
|
|
18
|
+
})
|
|
19
|
+
|
|
16
20
|
const props = defineProps({
|
|
17
21
|
/**
|
|
18
22
|
* 类型
|
|
@@ -24,11 +28,6 @@ const props = defineProps({
|
|
|
24
28
|
}
|
|
25
29
|
})
|
|
26
30
|
</script>
|
|
27
|
-
<script>
|
|
28
|
-
export default {
|
|
29
|
-
name: 'BsgoalBaseAlert'
|
|
30
|
-
}
|
|
31
|
-
</script>
|
|
32
31
|
<template>
|
|
33
32
|
<div class="bsgoal-base-alert">
|
|
34
33
|
<el-alert class="base_alert" :type="type" show-icon>
|
|
@@ -13,26 +13,24 @@
|
|
|
13
13
|
---------------------------------------------------------------- */
|
|
14
14
|
import { ref } from 'vue'
|
|
15
15
|
import BsgoalBaseButton from './index.vue'
|
|
16
|
-
// props
|
|
17
|
-
const props = defineProps({})
|
|
18
16
|
|
|
17
|
+
defineOptions({
|
|
18
|
+
name: 'BsgoalBaseButtonDemo'
|
|
19
|
+
})
|
|
20
|
+
|
|
21
|
+
const props = defineProps({})
|
|
19
22
|
const task = (done) => {
|
|
20
23
|
setTimeout(() => {
|
|
21
24
|
done()
|
|
22
25
|
}, 3000)
|
|
23
26
|
}
|
|
24
27
|
</script>
|
|
25
|
-
<script>
|
|
26
|
-
export default {
|
|
27
|
-
name: 'BsgoalBaseButtonDemo'
|
|
28
|
-
}
|
|
29
|
-
</script>
|
|
30
28
|
<template>
|
|
31
29
|
<div class="bsgoal-base-button-demo">
|
|
32
|
-
<BsgoalBaseButton :task="task" mode="cancel"
|
|
33
|
-
<BsgoalBaseButton :task="task" mode="confirm"
|
|
30
|
+
<BsgoalBaseButton :task="task" mode="cancel" content="取消"> </BsgoalBaseButton>
|
|
31
|
+
<BsgoalBaseButton :task="task" mode="confirm" content="取消"> </BsgoalBaseButton>
|
|
34
32
|
|
|
35
|
-
<BsgoalBaseButton :task="task" plain
|
|
33
|
+
<BsgoalBaseButton :task="task" plain> </BsgoalBaseButton>
|
|
36
34
|
<BsgoalBaseButton :task="task" mode="add"> </BsgoalBaseButton>
|
|
37
35
|
<BsgoalBaseButton :task="task" mode="delete"> </BsgoalBaseButton>
|
|
38
36
|
<BsgoalBaseButton :task="task" #default="{ loading }">
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @Author: canlong.shen
|
|
3
3
|
* @Date: 2023-05-18 16:24:25
|
|
4
4
|
* @LastEditors: canlong.shen
|
|
5
|
-
* @LastEditTime: 2023-05-
|
|
5
|
+
* @LastEditTime: 2023-05-26 15:53:36
|
|
6
6
|
* @FilePath: \common\src\components\bsgoal-base-button\index.vue
|
|
7
7
|
* @Description: 统一按钮
|
|
8
8
|
*
|
|
@@ -14,7 +14,11 @@
|
|
|
14
14
|
import { ref, unref, computed } from 'vue'
|
|
15
15
|
import { Delete, Plus, CloseBold, Select } from '@element-plus/icons-vue'
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
|
|
18
|
+
defineOptions({
|
|
19
|
+
name: 'BsgoalBaseButton'
|
|
20
|
+
})
|
|
21
|
+
|
|
18
22
|
const props = defineProps({
|
|
19
23
|
task: {
|
|
20
24
|
type: [Object, Function],
|
|
@@ -111,11 +115,6 @@ const contentGet = computed(() => {
|
|
|
111
115
|
|
|
112
116
|
// ---> E 模式 <---
|
|
113
117
|
</script>
|
|
114
|
-
<script>
|
|
115
|
-
export default {
|
|
116
|
-
name: 'BsgoalBaseButton'
|
|
117
|
-
}
|
|
118
|
-
</script>
|
|
119
118
|
<template>
|
|
120
119
|
<div class="bsgoal-base-button">
|
|
121
120
|
<div class="base_button" @click="triggerClick">
|
|
@@ -8,17 +8,16 @@
|
|
|
8
8
|
*
|
|
9
9
|
-->
|
|
10
10
|
|
|
11
|
-
<script>
|
|
12
|
-
export default {
|
|
13
|
-
name: "BsgoalBaseCascaderDemo",
|
|
14
|
-
};
|
|
15
|
-
</script>
|
|
16
11
|
<script setup>
|
|
17
12
|
/* setup模板
|
|
18
13
|
---------------------------------------------------------------- */
|
|
19
14
|
import { ref ,watch ,toRaw} from 'vue';
|
|
20
15
|
import BsgoalBaseCascader from './index.vue'
|
|
21
|
-
|
|
16
|
+
|
|
17
|
+
defineOptions({
|
|
18
|
+
name: 'BsgoalBaseCascaderDemo'
|
|
19
|
+
})
|
|
20
|
+
|
|
22
21
|
const props = defineProps({
|
|
23
22
|
|
|
24
23
|
})
|
|
@@ -2,21 +2,20 @@
|
|
|
2
2
|
* @Author: canlong.shen
|
|
3
3
|
* @Date: 2023-04-25 15:29:27
|
|
4
4
|
* @LastEditors: canlong.shen
|
|
5
|
-
* @LastEditTime: 2023-
|
|
5
|
+
* @LastEditTime: 2023-05-26 15:54:39
|
|
6
6
|
* @FilePath: \common\src\components\bsgoal-base-cascader\index.vue
|
|
7
7
|
* @Description: 级联选择 公共组件
|
|
8
8
|
*
|
|
9
9
|
-->
|
|
10
|
-
<script>
|
|
11
|
-
export default {
|
|
12
|
-
name: 'BsgoalBaseCascader'
|
|
13
|
-
}
|
|
14
|
-
</script>
|
|
15
10
|
<script setup>
|
|
16
11
|
/* setup模板
|
|
17
12
|
---------------------------------------------------------------- */
|
|
18
13
|
import { ref, toRaw } from 'vue'
|
|
19
|
-
|
|
14
|
+
|
|
15
|
+
defineOptions({
|
|
16
|
+
name: 'BsgoalBaseCascader'
|
|
17
|
+
})
|
|
18
|
+
|
|
20
19
|
const props = defineProps({
|
|
21
20
|
/**
|
|
22
21
|
* 绑定的值
|
|
@@ -8,11 +8,6 @@
|
|
|
8
8
|
*
|
|
9
9
|
-->
|
|
10
10
|
|
|
11
|
-
<script>
|
|
12
|
-
export default {
|
|
13
|
-
name: 'BsgoalBaseDialogDemo'
|
|
14
|
-
}
|
|
15
|
-
</script>
|
|
16
11
|
<script setup>
|
|
17
12
|
/* setup模板
|
|
18
13
|
---------------------------------------------------------------- */
|
|
@@ -20,7 +15,10 @@ import { ref } from 'vue'
|
|
|
20
15
|
import BsgoalBaseDialog from './index.vue'
|
|
21
16
|
import BsgoalBaseTabs from '../bsgoal-base-tabs/index.vue'
|
|
22
17
|
|
|
23
|
-
|
|
18
|
+
defineOptions({
|
|
19
|
+
name: 'BsgoalBaseDialogDemo'
|
|
20
|
+
})
|
|
21
|
+
|
|
24
22
|
const props = defineProps({})
|
|
25
23
|
|
|
26
24
|
const dialogVisible = ref(false)
|
|
@@ -2,22 +2,21 @@
|
|
|
2
2
|
* @Author: canlong.shen
|
|
3
3
|
* @Date: 2023-04-23 16:35:19
|
|
4
4
|
* @LastEditors: canlong.shen
|
|
5
|
-
* @LastEditTime: 2023-05-
|
|
5
|
+
* @LastEditTime: 2023-05-26 15:39:08
|
|
6
6
|
* @FilePath: \common\src\components\bsgoal-base-dialog\index.vue
|
|
7
7
|
* @Description: 弹窗公共组件
|
|
8
8
|
*
|
|
9
9
|
-->
|
|
10
10
|
|
|
11
|
-
<script>
|
|
12
|
-
export default {
|
|
13
|
-
name: 'BsgoalBaseDialog'
|
|
14
|
-
}
|
|
15
|
-
</script>
|
|
16
11
|
<script setup>
|
|
17
12
|
/* setup模板
|
|
18
13
|
---------------------------------------------------------------- */
|
|
19
14
|
import { ref, watch, computed } from 'vue'
|
|
20
|
-
|
|
15
|
+
|
|
16
|
+
defineOptions({
|
|
17
|
+
name: 'BsgoalBaseDialog'
|
|
18
|
+
})
|
|
19
|
+
|
|
21
20
|
const props = defineProps({
|
|
22
21
|
/**
|
|
23
22
|
* 弹窗状态
|
|
@@ -203,6 +202,11 @@ const widthGet = computed(() => {
|
|
|
203
202
|
|
|
204
203
|
.base_dialog_content--form {
|
|
205
204
|
padding: 0px 0px 30px 30px;
|
|
205
|
+
|
|
206
|
+
.bsgoal-base-form .base_form {
|
|
207
|
+
padding: initial;
|
|
208
|
+
padding-top: 16px;
|
|
209
|
+
}
|
|
206
210
|
}
|
|
207
211
|
}
|
|
208
212
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @Author: canlong.shen
|
|
3
3
|
* @Date: 2023-04-10 15:00:00
|
|
4
4
|
* @LastEditors: canlong.shen
|
|
5
|
-
* @LastEditTime: 2023-05-
|
|
5
|
+
* @LastEditTime: 2023-05-26 15:55:40
|
|
6
6
|
* @FilePath: \common\src\components\bsgoal-base-form\demo.vue
|
|
7
7
|
* @Description: 表单公共组件演示组件
|
|
8
8
|
*
|
|
@@ -15,6 +15,10 @@ import BsgoalBaseForm from './index.vue'
|
|
|
15
15
|
import { ref, computed, toRefs, watch, unref } from 'vue'
|
|
16
16
|
import ComponentTypeEnums from '../../enums/componentTypeEnums.js'
|
|
17
17
|
|
|
18
|
+
defineOptions({
|
|
19
|
+
name: 'BsgoalBaseFormDemo'
|
|
20
|
+
})
|
|
21
|
+
|
|
18
22
|
const values = ref({
|
|
19
23
|
prop1: '222',
|
|
20
24
|
prop2: 'select1',
|
|
@@ -233,11 +237,6 @@ const configOptions = ref([
|
|
|
233
237
|
}
|
|
234
238
|
])
|
|
235
239
|
</script>
|
|
236
|
-
<script>
|
|
237
|
-
export default {
|
|
238
|
-
name: 'BsgoalBaseFormDemo'
|
|
239
|
-
}
|
|
240
|
-
</script>
|
|
241
240
|
<template>
|
|
242
241
|
<div class="bsgoal-base-form-demo">
|
|
243
242
|
{{ bindModel }}
|
|
@@ -8,11 +8,6 @@
|
|
|
8
8
|
*
|
|
9
9
|
-->
|
|
10
10
|
|
|
11
|
-
<script>
|
|
12
|
-
export default {
|
|
13
|
-
name: 'BsgoalBaseForm'
|
|
14
|
-
}
|
|
15
|
-
</script>
|
|
16
11
|
<script setup>
|
|
17
12
|
/* setup模板
|
|
18
13
|
---------------------------------------------------------------- */
|
|
@@ -23,7 +18,11 @@ import BsgoalBaseTooltip from '../bsgoal-base-tooltip/index.vue'
|
|
|
23
18
|
import { ElMessage } from 'element-plus'
|
|
24
19
|
import { isObject } from '../../utils/common.js'
|
|
25
20
|
import { isBoolean } from 'lodash'
|
|
26
|
-
|
|
21
|
+
|
|
22
|
+
defineOptions({
|
|
23
|
+
name: 'BsgoalBaseForm'
|
|
24
|
+
})
|
|
25
|
+
|
|
27
26
|
const props = defineProps({
|
|
28
27
|
/**
|
|
29
28
|
* >----------props----------<
|
|
@@ -13,17 +13,17 @@
|
|
|
13
13
|
<BsgoalBaseFrame />
|
|
14
14
|
</div>
|
|
15
15
|
</template>
|
|
16
|
-
<script>
|
|
17
|
-
export default {
|
|
18
|
-
name: "BsgoalBaseFrameDemo",
|
|
19
|
-
};
|
|
20
|
-
</script>
|
|
21
16
|
<script setup>
|
|
22
17
|
/* setup模板
|
|
23
18
|
---------------------------------------------------------------- */
|
|
24
19
|
import BsgoalBaseFrame from './index.vue'
|
|
25
20
|
import { ref, computed, toRefs, watch, unref
|
|
26
21
|
} from 'vue';
|
|
22
|
+
|
|
23
|
+
defineOptions({
|
|
24
|
+
name: 'BsgoalBaseFrameDemo'
|
|
25
|
+
})
|
|
26
|
+
|
|
27
27
|
</script>
|
|
28
28
|
<style lang="scss" scoped>
|
|
29
29
|
/* 自定义样式
|
|
@@ -12,16 +12,15 @@
|
|
|
12
12
|
|
|
13
13
|
</div>
|
|
14
14
|
</template>
|
|
15
|
-
<script>
|
|
16
|
-
export default {
|
|
17
|
-
name: "BsgoalBaseFrame",
|
|
18
|
-
};
|
|
19
|
-
</script>
|
|
20
15
|
<script setup>
|
|
21
16
|
/* setup模板
|
|
22
17
|
---------------------------------------------------------------- */
|
|
23
18
|
import { ref, computed, toRefs, watch, unref
|
|
24
19
|
} from 'vue';
|
|
20
|
+
|
|
21
|
+
defineOptions({
|
|
22
|
+
name: 'BsgoalBaseFrame'
|
|
23
|
+
})
|
|
25
24
|
</script>
|
|
26
25
|
<style lang="scss">
|
|
27
26
|
/* 覆盖样式
|
|
@@ -14,13 +14,12 @@
|
|
|
14
14
|
import { ref } from 'vue'
|
|
15
15
|
import BsgoalBaseItem from './index.vue'
|
|
16
16
|
import BsgoalBaseSwitch from '../bsgoal-base-switch/index.vue';
|
|
17
|
-
const props = defineProps({})
|
|
18
17
|
|
|
19
|
-
|
|
20
|
-
<script>
|
|
21
|
-
export default {
|
|
18
|
+
defineOptions({
|
|
22
19
|
name: 'BsgoalBaseItemDemo'
|
|
23
|
-
}
|
|
20
|
+
})
|
|
21
|
+
|
|
22
|
+
const props = defineProps({})
|
|
24
23
|
|
|
25
24
|
const switchModelValue = ref('0')
|
|
26
25
|
</script>
|
|
@@ -11,6 +11,11 @@
|
|
|
11
11
|
/* setup模板
|
|
12
12
|
---------------------------------------------------------------- */
|
|
13
13
|
import { ref } from 'vue'
|
|
14
|
+
|
|
15
|
+
defineOptions({
|
|
16
|
+
name: 'BsgoalBaseItem'
|
|
17
|
+
})
|
|
18
|
+
|
|
14
19
|
const props = defineProps({
|
|
15
20
|
/**
|
|
16
21
|
* label 后缀
|
|
@@ -28,11 +33,6 @@ const props = defineProps({
|
|
|
28
33
|
}
|
|
29
34
|
})
|
|
30
35
|
</script>
|
|
31
|
-
<script>
|
|
32
|
-
export default {
|
|
33
|
-
name: 'BsgoalBaseItem'
|
|
34
|
-
}
|
|
35
|
-
</script>
|
|
36
36
|
<template>
|
|
37
37
|
<div class="bsgoal-base-item">
|
|
38
38
|
<div class="base_item">
|
|
@@ -13,13 +13,12 @@
|
|
|
13
13
|
---------------------------------------------------------------- */
|
|
14
14
|
import { ref } from 'vue'
|
|
15
15
|
import BsgoalBaseLayout from './index.vue'
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
</script>
|
|
19
|
-
<script>
|
|
20
|
-
export default {
|
|
16
|
+
|
|
17
|
+
defineOptions({
|
|
21
18
|
name: 'BsgoalBaseLayoutDemo'
|
|
22
|
-
}
|
|
19
|
+
})
|
|
20
|
+
|
|
21
|
+
const props = defineProps({})
|
|
23
22
|
</script>
|
|
24
23
|
<template>
|
|
25
24
|
<div class="bsgoal-base-layout-demo">
|
|
@@ -12,7 +12,10 @@
|
|
|
12
12
|
/* setup模板
|
|
13
13
|
---------------------------------------------------------------- */
|
|
14
14
|
import { ref, useSlots } from 'vue'
|
|
15
|
-
|
|
15
|
+
|
|
16
|
+
defineOptions({
|
|
17
|
+
name: 'BsgoalBaseLayout'
|
|
18
|
+
})
|
|
16
19
|
const props = defineProps({
|
|
17
20
|
/**
|
|
18
21
|
* 间隔
|
|
@@ -35,11 +38,6 @@ const slots = useSlots()
|
|
|
35
38
|
const slotNames = ref(Object.keys(slots))
|
|
36
39
|
// ---> E 插槽 <---
|
|
37
40
|
</script>
|
|
38
|
-
<script>
|
|
39
|
-
export default {
|
|
40
|
-
name: 'BsgoalBaseLayout'
|
|
41
|
-
}
|
|
42
|
-
</script>
|
|
43
41
|
<template>
|
|
44
42
|
<div class="bsgoal-base-layout">
|
|
45
43
|
<el-row class="base_layout" :gutter="gutter">
|
|
@@ -8,17 +8,16 @@
|
|
|
8
8
|
*
|
|
9
9
|
-->
|
|
10
10
|
|
|
11
|
-
<script>
|
|
12
|
-
export default {
|
|
13
|
-
name: "BsgoalBaseLineDemo",
|
|
14
|
-
};
|
|
15
|
-
</script>
|
|
16
11
|
<script setup>
|
|
17
12
|
/* setup模板
|
|
18
13
|
---------------------------------------------------------------- */
|
|
19
14
|
import BsgoalBaseLine from './index.vue'
|
|
20
15
|
import { ref } from 'vue';
|
|
21
|
-
|
|
16
|
+
|
|
17
|
+
defineOptions({
|
|
18
|
+
name: 'BsgoalBaseLineDemo'
|
|
19
|
+
})
|
|
20
|
+
|
|
22
21
|
const props = defineProps({
|
|
23
22
|
|
|
24
23
|
})
|
|
@@ -2,22 +2,21 @@
|
|
|
2
2
|
* @Author: canlong.shen
|
|
3
3
|
* @Date: 2023-04-13 17:12:43
|
|
4
4
|
* @LastEditors: canlong.shen
|
|
5
|
-
* @LastEditTime: 2023-
|
|
5
|
+
* @LastEditTime: 2023-05-26 15:59:36
|
|
6
6
|
* @FilePath: \common\src\components\bsgoal-base-line\index.vue
|
|
7
7
|
* @Description: 分割线公共组件
|
|
8
8
|
*
|
|
9
9
|
-->
|
|
10
10
|
|
|
11
|
-
<script>
|
|
12
|
-
export default {
|
|
13
|
-
name: 'BsgoalBaseLine'
|
|
14
|
-
}
|
|
15
|
-
</script>
|
|
16
11
|
<script setup>
|
|
17
12
|
/* setup模板
|
|
18
13
|
---------------------------------------------------------------- */
|
|
19
14
|
import { ref } from 'vue'
|
|
20
|
-
|
|
15
|
+
|
|
16
|
+
defineOptions({
|
|
17
|
+
name: 'BsgoalBaseLine'
|
|
18
|
+
})
|
|
19
|
+
|
|
21
20
|
const props = defineProps({
|
|
22
21
|
/**
|
|
23
22
|
* 是否为垂直
|
|
@@ -7,30 +7,25 @@
|
|
|
7
7
|
* @Description: 链接公共组件 演示
|
|
8
8
|
*
|
|
9
9
|
-->
|
|
10
|
-
|
|
11
|
-
<script>
|
|
12
|
-
export default {
|
|
13
|
-
name: "BsgoalBaseLinkDemo",
|
|
14
|
-
};
|
|
15
|
-
</script>
|
|
16
10
|
<script setup>
|
|
17
11
|
/* setup模板
|
|
18
12
|
---------------------------------------------------------------- */
|
|
19
|
-
import { ref } from 'vue'
|
|
20
|
-
import
|
|
21
|
-
// props
|
|
22
|
-
const props = defineProps({
|
|
13
|
+
import { ref } from 'vue'
|
|
14
|
+
import BsgoalBaseLink from './index.vue'
|
|
23
15
|
|
|
16
|
+
defineOptions({
|
|
17
|
+
name: 'BsgoalBaseLinkDemo'
|
|
24
18
|
})
|
|
19
|
+
const props = defineProps({})
|
|
25
20
|
|
|
26
21
|
const clickLink = () => {
|
|
27
|
-
|
|
22
|
+
console.log('点击链接了')
|
|
28
23
|
}
|
|
29
24
|
</script>
|
|
30
25
|
<template>
|
|
31
26
|
<div class="bsgoal-base-link-demo">
|
|
32
|
-
|
|
33
|
-
|
|
27
|
+
<BsgoalBaseLink content="这是链接" @on-click="clickLink" />
|
|
28
|
+
<BsgoalBaseLink underline content="这是链接" @on-click="clickLink" />
|
|
34
29
|
</div>
|
|
35
30
|
</template>
|
|
36
31
|
<style lang="scss" scoped>
|
|
@@ -41,4 +36,3 @@ const clickLink = () => {
|
|
|
41
36
|
/* 覆盖样式
|
|
42
37
|
---------------------------------------------------------------- */
|
|
43
38
|
</style>
|
|
44
|
-
|
|
@@ -8,16 +8,15 @@
|
|
|
8
8
|
*
|
|
9
9
|
-->
|
|
10
10
|
|
|
11
|
-
<script>
|
|
12
|
-
export default {
|
|
13
|
-
name: "BsgoalBaseLink",
|
|
14
|
-
};
|
|
15
|
-
</script>
|
|
16
11
|
<script setup>
|
|
17
12
|
/* setup模板
|
|
18
13
|
---------------------------------------------------------------- */
|
|
19
14
|
import { ref } from 'vue';
|
|
20
|
-
|
|
15
|
+
|
|
16
|
+
defineOptions({
|
|
17
|
+
name: 'BsgoalBaseLink'
|
|
18
|
+
})
|
|
19
|
+
|
|
21
20
|
const props = defineProps({
|
|
22
21
|
/**
|
|
23
22
|
* 内容
|
|
@@ -8,11 +8,6 @@
|
|
|
8
8
|
*
|
|
9
9
|
-->
|
|
10
10
|
|
|
11
|
-
<script>
|
|
12
|
-
export default {
|
|
13
|
-
name: 'BsgoalBaseSearchDemo'
|
|
14
|
-
}
|
|
15
|
-
</script>
|
|
16
11
|
<script setup>
|
|
17
12
|
/* setup模板
|
|
18
13
|
---------------------------------------------------------------- */
|
|
@@ -20,10 +15,12 @@ import { ref } from 'vue'
|
|
|
20
15
|
import BsgoalBaseSearch from './index.vue'
|
|
21
16
|
import ComponentTypeEnums from '../../enums/componentTypeEnums.js'
|
|
22
17
|
|
|
23
|
-
|
|
24
|
-
|
|
18
|
+
defineOptions({
|
|
19
|
+
name: 'BsgoalBaseSearchDemo'
|
|
20
|
+
})
|
|
25
21
|
// props
|
|
26
22
|
const props = defineProps({})
|
|
23
|
+
const searchModelValue = ref({})
|
|
27
24
|
let curLocalOptions = ref([
|
|
28
25
|
{
|
|
29
26
|
label: 'prop1',
|
|
@@ -166,7 +163,7 @@ let curLocalOptions = ref([
|
|
|
166
163
|
label: 'prop17',
|
|
167
164
|
type: ComponentTypeEnums.CASCADER,
|
|
168
165
|
prop: 'prop17',
|
|
169
|
-
single:true,
|
|
166
|
+
single: true,
|
|
170
167
|
range: [
|
|
171
168
|
{
|
|
172
169
|
label: 'value1',
|
|
@@ -187,7 +184,7 @@ let curLocalOptions = ref([
|
|
|
187
184
|
{
|
|
188
185
|
label: 'value1-4',
|
|
189
186
|
value: 'value1-5'
|
|
190
|
-
}
|
|
187
|
+
}
|
|
191
188
|
]
|
|
192
189
|
}
|
|
193
190
|
]
|
|
@@ -8,11 +8,6 @@
|
|
|
8
8
|
*
|
|
9
9
|
-->
|
|
10
10
|
|
|
11
|
-
<script>
|
|
12
|
-
export default {
|
|
13
|
-
name: 'BsgoalBaseSearch'
|
|
14
|
-
}
|
|
15
|
-
</script>
|
|
16
11
|
<script setup>
|
|
17
12
|
/* setup模板
|
|
18
13
|
---------------------------------------------------------------- */
|
|
@@ -23,7 +18,10 @@ import BsgoalBaseLine from '../bsgoal-base-line/index.vue'
|
|
|
23
18
|
import BsgoalBaseSearchOperation from '../bsgoal-base-search-operation/index.vue'
|
|
24
19
|
import BsgoalBaseCascader from '../bsgoal-base-cascader/index.vue'
|
|
25
20
|
|
|
26
|
-
|
|
21
|
+
defineOptions({
|
|
22
|
+
name: 'BsgoalBaseSearch'
|
|
23
|
+
})
|
|
24
|
+
|
|
27
25
|
const props = defineProps({
|
|
28
26
|
/**
|
|
29
27
|
* >----------props----------<
|