@bsgoal/common 2.15.21 → 2.15.22
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/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @Author: canlong.shen
|
|
3
3
|
* @Date: 2023-05-18 16:24:31
|
|
4
4
|
* @LastEditors: canlong.shen
|
|
5
|
-
* @LastEditTime: 2023-
|
|
5
|
+
* @LastEditTime: 2023-07-07 17:09:38
|
|
6
6
|
* @FilePath: \common\src\components\bsgoal-base-button\demo.vue
|
|
7
7
|
* @Description: 按钮 演示
|
|
8
8
|
*
|
|
@@ -27,10 +27,13 @@ const task = (done) => {
|
|
|
27
27
|
</script>
|
|
28
28
|
<template>
|
|
29
29
|
<div class="bsgoal-base-button-demo">
|
|
30
|
-
<BsgoalBaseButton :task="task"
|
|
30
|
+
<BsgoalBaseButton :task="task" mode="detail" > </BsgoalBaseButton>
|
|
31
|
+
|
|
32
|
+
<BsgoalBaseButton :task="task" mode="edit" plain > </BsgoalBaseButton>
|
|
33
|
+
<BsgoalBaseButton :task="task" mode="cancel" > </BsgoalBaseButton>
|
|
31
34
|
<BsgoalBaseButton :task="task" mode="confirm" content="取消"> </BsgoalBaseButton>
|
|
32
35
|
|
|
33
|
-
<BsgoalBaseButton :task="task" plain> </BsgoalBaseButton>
|
|
36
|
+
<BsgoalBaseButton :task="task" mode="add" plain content="取消"> </BsgoalBaseButton>
|
|
34
37
|
<BsgoalBaseButton :task="task" mode="add"> </BsgoalBaseButton>
|
|
35
38
|
<BsgoalBaseButton :task="task" mode="delete"> </BsgoalBaseButton>
|
|
36
39
|
<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-
|
|
5
|
+
* @LastEditTime: 2023-07-07 17:09:11
|
|
6
6
|
* @FilePath: \common\src\components\bsgoal-base-button\index.vue
|
|
7
7
|
* @Description: 统一按钮
|
|
8
8
|
*
|
|
@@ -31,7 +31,7 @@ const props = defineProps({
|
|
|
31
31
|
validator: (v) => ['primary', 'success', 'warning', 'danger', 'info'].includes(v)
|
|
32
32
|
},
|
|
33
33
|
icon: {
|
|
34
|
-
type: [String, Object],
|
|
34
|
+
type: [String, Object, Boolean],
|
|
35
35
|
default: ''
|
|
36
36
|
},
|
|
37
37
|
content: {
|
|
@@ -63,10 +63,10 @@ const props = defineProps({
|
|
|
63
63
|
// ---> S 触发按钮 <---
|
|
64
64
|
const loading = ref(false)
|
|
65
65
|
const triggerClick = () => {
|
|
66
|
-
// 默认 loading 是打开的
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
66
|
+
// 默认 loading 是打开的
|
|
67
|
+
if (props.hasLoading) {
|
|
68
|
+
loading.value = true
|
|
69
|
+
}
|
|
70
70
|
const { task } = props
|
|
71
71
|
const taskValue = unref(task)
|
|
72
72
|
taskValue(() => {
|
|
@@ -87,23 +87,28 @@ const typeGet = computed(() => {
|
|
|
87
87
|
return ''
|
|
88
88
|
case 'confirm':
|
|
89
89
|
case 'add':
|
|
90
|
+
case 'edit':
|
|
90
91
|
return 'primary'
|
|
91
92
|
}
|
|
92
93
|
return type
|
|
93
94
|
})
|
|
94
95
|
const iconGet = computed(() => {
|
|
95
96
|
const { mode = '', icon = '' } = props
|
|
97
|
+
console.log('icon', icon)
|
|
96
98
|
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
99
|
+
if (icon !== false) {
|
|
100
|
+
switch (mode) {
|
|
101
|
+
case 'delete':
|
|
102
|
+
return Delete
|
|
103
|
+
case 'add':
|
|
104
|
+
return Plus
|
|
105
|
+
case 'cancel':
|
|
106
|
+
return CloseBold
|
|
107
|
+
case 'confirm':
|
|
108
|
+
return Select
|
|
109
|
+
}
|
|
106
110
|
}
|
|
111
|
+
|
|
107
112
|
return icon
|
|
108
113
|
})
|
|
109
114
|
const contentGet = computed(() => {
|
|
@@ -116,8 +121,12 @@ const contentGet = computed(() => {
|
|
|
116
121
|
return '确认'
|
|
117
122
|
case 'add':
|
|
118
123
|
return '新增'
|
|
124
|
+
case 'edit':
|
|
125
|
+
return '编辑'
|
|
119
126
|
case 'delete':
|
|
120
127
|
return '删除'
|
|
128
|
+
case 'detail':
|
|
129
|
+
return '详情'
|
|
121
130
|
}
|
|
122
131
|
return content
|
|
123
132
|
})
|