jobdone-shared-files 0.0.1-beta.98 → 1.0.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/ProjectManagement/projectNavbar.vue +1 -0
- package/common/directives/collapse.js +1 -1
- package/common/directives/popovers.js +1 -1
- package/common/directives/selectPlaceholder.js +29 -0
- package/common/directives/tooltip.js +1 -1
- package/lightboxWithOverview.vue +2 -2
- package/package.json +2 -2
- package/paginate.vue +1 -1
- package/style/scss/Common/Animation.scss +1 -1
- package/style/scss/Common/SelectableTable.scss +1 -1
- package/style/scss/Common/filepond.scss +1 -1
- package/style/scss/Layout/LayoutBase.scss +5 -0
- package/style/scss/Layout/LayoutMobile.scss +1 -1
- package/style/scss/Layout/LayoutProject.scss +1 -1
- package/style/scss/Layout/LayoutSinglePage.scss +1 -1
- package/style/scss/Layout/LayoutTwoColumn.scss +1 -1
- package/style/scss/Settings/_Mixins.scss +3 -3
- package/treeItem.vue +1 -1
|
@@ -114,6 +114,7 @@
|
|
|
114
114
|
import { formatDate } from '../../../node_modules/jobdone-shared-files/common/format';
|
|
115
115
|
import { onMounted, ref, computed, nextTick } from 'vue';
|
|
116
116
|
import axios from 'axios';
|
|
117
|
+
import '../../bootstrap/js/dist/dropdown.js';
|
|
117
118
|
|
|
118
119
|
export default {
|
|
119
120
|
props: {
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
function updateDom(el, binding) {
|
|
2
|
+
el.querySelectorAll('option').forEach(element => {
|
|
3
|
+
element.style.color = 'var(--bs-body-color)'
|
|
4
|
+
});
|
|
5
|
+
|
|
6
|
+
let excludeValue = binding.value.excludeOpt === binding.value.value ?? 'notExcludeValue'
|
|
7
|
+
// !! NOTE:用於placeholder是有值的情況......
|
|
8
|
+
|
|
9
|
+
let includeValue = binding.value.includeOpt?.includes(binding.value.value)
|
|
10
|
+
// !! NOTE:用於排除某些下拉選單要選用 0、null、undefined、false 等等值作為選項的情況
|
|
11
|
+
|
|
12
|
+
if (!excludeValue && (!!binding.value.value || includeValue)) {
|
|
13
|
+
el.classList.add(binding.value.selectingClass)
|
|
14
|
+
el.classList.remove(binding.value.unselectClass)
|
|
15
|
+
el.style.color = 'var(--bs-body-color) '
|
|
16
|
+
} else {
|
|
17
|
+
el.classList.add(binding.value.unselectClass)
|
|
18
|
+
el.classList.remove(binding.value.selectingClass)
|
|
19
|
+
el.style.color = 'var(--bs-input-placeholder-color) '
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
export default {
|
|
23
|
+
mounted(el, binding) {
|
|
24
|
+
updateDom(el, binding)
|
|
25
|
+
},
|
|
26
|
+
updated(el, binding) {
|
|
27
|
+
updateDom(el, binding)
|
|
28
|
+
}
|
|
29
|
+
}
|
package/lightboxWithOverview.vue
CHANGED
|
@@ -73,9 +73,9 @@
|
|
|
73
73
|
</script>
|
|
74
74
|
|
|
75
75
|
<style scoped lang="scss">
|
|
76
|
-
|
|
77
|
-
@import "../bootstrap/scss/mixins";
|
|
76
|
+
@import "../bootstrap/scss/functions";
|
|
78
77
|
@import "./style/scss/Settings/bs-variables";
|
|
78
|
+
@import "../bootstrap/scss/mixins";
|
|
79
79
|
@import "./style/scss/Settings/Mixins";
|
|
80
80
|
.hover-border{
|
|
81
81
|
transition: $transition-base;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "jobdone-shared-files",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"description": "Shared JS and SCSS for Jobdone Enterprise.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"axios": "^1.2.2",
|
|
13
13
|
"vue": "^3.2.45",
|
|
14
14
|
"vue-loading-overlay": "^6.0.3",
|
|
15
|
-
"bootstrap": "^5.3.
|
|
15
|
+
"bootstrap": "^5.3.2",
|
|
16
16
|
"dayjs": "^1.11.7",
|
|
17
17
|
"vue-easy-lightbox": "^1.16.0"
|
|
18
18
|
}
|
package/paginate.vue
CHANGED
|
@@ -105,8 +105,8 @@
|
|
|
105
105
|
|
|
106
106
|
<style scoped lang="scss">
|
|
107
107
|
@import "../bootstrap/scss/functions";
|
|
108
|
-
@import "../bootstrap/scss/mixins";
|
|
109
108
|
@import "./style/scss/Settings/bs-variables";
|
|
109
|
+
@import "../bootstrap/scss/mixins";
|
|
110
110
|
@import "./style/scss/Settings/Mixins";
|
|
111
111
|
|
|
112
112
|
.page-link{
|
|
@@ -45,6 +45,11 @@
|
|
|
45
45
|
// general ------------------------------------------
|
|
46
46
|
:root{
|
|
47
47
|
--backdrop-blur: blur(2px);
|
|
48
|
+
|
|
49
|
+
// ====================================
|
|
50
|
+
// scrollbar樣式
|
|
51
|
+
// ====================================
|
|
52
|
+
--scrollbar-width: 10px;
|
|
48
53
|
}
|
|
49
54
|
|
|
50
55
|
[v-cloak]{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@import "../../../../bootstrap/scss/functions";
|
|
2
|
-
@import "../../../../bootstrap/scss/mixins";
|
|
3
2
|
@import "../Settings/bs-variables";
|
|
3
|
+
@import "../../../../bootstrap/scss/mixins";
|
|
4
4
|
@import "../Settings/custom-variables";
|
|
5
5
|
@import "../Settings/Mixins";
|
|
6
6
|
@import "../Common/Animation.scss";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@import "../../../../bootstrap/scss/functions";
|
|
2
|
-
@import "../../../../bootstrap/scss/mixins";
|
|
3
2
|
@import "../Settings/bs-variables";
|
|
3
|
+
@import "../../../../bootstrap/scss/mixins";
|
|
4
4
|
@import "../Settings/custom-variables";
|
|
5
5
|
@import "../Settings/Mixins";
|
|
6
6
|
html, body, #app.layout-two-column,
|
|
@@ -60,9 +60,9 @@
|
|
|
60
60
|
$background: var(--gray-200),
|
|
61
61
|
$default-color: var(--gray-500),
|
|
62
62
|
$hover-color: var(--bs-primary),
|
|
63
|
-
$width:
|
|
64
|
-
$height:
|
|
65
|
-
$border-radius:
|
|
63
|
+
$width: var(--scrollbar-width),
|
|
64
|
+
$height: var(--scrollbar-width),
|
|
65
|
+
$border-radius: var(--scrollbar-width),
|
|
66
66
|
$y: auto,
|
|
67
67
|
$x: hidden
|
|
68
68
|
) {
|
package/treeItem.vue
CHANGED