jobdone-shared-files 1.0.13 → 1.0.14
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 +363 -363
- package/autocompleteSelect.vue +461 -461
- package/common/directives/collapse.js +12 -12
- package/common/directives/popovers.js +10 -10
- package/common/directives/selectPlaceholder.js +52 -52
- package/common/directives/textareaAutoHeight.js +10 -10
- package/common/directives/tooltip.js +10 -10
- package/common/format.js +26 -26
- package/index.js +14 -14
- package/lightboxWithOverview.vue +156 -156
- package/package.json +19 -19
- package/paginate.vue +141 -141
- package/style/css/vue-loading-overlay/index.css +40 -40
- package/style/scss/Common/Animation.scss +9 -9
- package/style/scss/Common/SelectableTable.scss +34 -34
- package/style/scss/Common/filepond.scss +31 -31
- package/style/scss/Common/thumbnail-group.scss +14 -14
- package/style/scss/Layout/LayoutBase.scss +1031 -1031
- package/style/scss/Layout/LayoutMobile.scss +206 -206
- package/style/scss/Layout/LayoutProject.scss +126 -126
- package/style/scss/Layout/LayoutSinglePage.scss +17 -17
- package/style/scss/Layout/LayoutTwoColumn.scss +60 -60
- package/style/scss/Settings/_Mixins.scss +232 -232
- package/style/scss/Settings/_MobileVariables.scss +11 -11
- package/style/scss/Settings/_bs-variables-dark.scss +70 -70
- package/style/scss/Settings/_bs-variables.scss +1743 -1743
- package/style/scss/Settings/_color-mode.scss +122 -122
- package/style/scss/Settings/_custom-variables.scss +10 -10
- package/tagEditor.vue +249 -249
- package/tree.vue +69 -69
- package/treeItem.vue +355 -371
- package/vueLoadingOverlay.vue +74 -74
package/vueLoadingOverlay.vue
CHANGED
|
@@ -1,75 +1,75 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<loading :is-full-page="fullPage" :loader='loader' :active="isActive" :color='colors' :background-color='backgroundColor' :opacity='opacity' :enforce-focus="false"/>
|
|
3
|
-
</template>
|
|
4
|
-
|
|
5
|
-
<script>
|
|
6
|
-
|
|
7
|
-
// enum Data & Functions
|
|
8
|
-
|
|
9
|
-
// vue & bootstrap
|
|
10
|
-
import { ref } from 'vue'
|
|
11
|
-
|
|
12
|
-
// plugins
|
|
13
|
-
import Loading from 'vue-loading-overlay';
|
|
14
|
-
|
|
15
|
-
/** vue loading 預設樣式 */
|
|
16
|
-
const loadingOverlayOptions = {
|
|
17
|
-
loader: 'bars',
|
|
18
|
-
colors: '#647AF1',
|
|
19
|
-
backgroundColor: '#000',
|
|
20
|
-
opacity: 0.5,
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
// 用法說明
|
|
24
|
-
// 1. npm install vue-loading-overlay@^6.0
|
|
25
|
-
// 2. 在js或.vue中import >> import Loading from "本檔案位置"
|
|
26
|
-
// 3. 畫面中放上Component >> <Loading :is-active="isLoading"></Loading> ("isLoading" => 自定義變數)
|
|
27
|
-
// 4. loading 初始化 >> const isLoading = ref(false); ("isLoading" => 自定義變數)
|
|
28
|
-
// 5. 開啟loading >> isLoading.value = true; ("isLoading" => 自定義變數)
|
|
29
|
-
// 6. 關閉loading >> isLoading.value = false; ("isLoading" => 自定義變數)
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
// vue components
|
|
34
|
-
export default {
|
|
35
|
-
props: {
|
|
36
|
-
isActive: {
|
|
37
|
-
type: Boolean,
|
|
38
|
-
default: false
|
|
39
|
-
},
|
|
40
|
-
loader: {
|
|
41
|
-
type: String,
|
|
42
|
-
default: loadingOverlayOptions.loader
|
|
43
|
-
},
|
|
44
|
-
colors: {
|
|
45
|
-
type: String,
|
|
46
|
-
default: loadingOverlayOptions.colors
|
|
47
|
-
},
|
|
48
|
-
backgroundColor: {
|
|
49
|
-
type: String,
|
|
50
|
-
default: loadingOverlayOptions.backgroundColor
|
|
51
|
-
},
|
|
52
|
-
opacity: {
|
|
53
|
-
type: Number,
|
|
54
|
-
default: loadingOverlayOptions.opacity
|
|
55
|
-
},
|
|
56
|
-
fullPage: {
|
|
57
|
-
type: Boolean,
|
|
58
|
-
default: true
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
components: {
|
|
62
|
-
Loading
|
|
63
|
-
},
|
|
64
|
-
setup(props, { emit }) {
|
|
65
|
-
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
</script>
|
|
70
|
-
<style lang="scss">
|
|
71
|
-
@import './style/css/vue-loading-overlay/index.css';
|
|
72
|
-
.vl-overlay{
|
|
73
|
-
backdrop-filter: var(--backdrop-blur);
|
|
74
|
-
}
|
|
1
|
+
<template>
|
|
2
|
+
<loading :is-full-page="fullPage" :loader='loader' :active="isActive" :color='colors' :background-color='backgroundColor' :opacity='opacity' :enforce-focus="false"/>
|
|
3
|
+
</template>
|
|
4
|
+
|
|
5
|
+
<script>
|
|
6
|
+
|
|
7
|
+
// enum Data & Functions
|
|
8
|
+
|
|
9
|
+
// vue & bootstrap
|
|
10
|
+
import { ref } from 'vue'
|
|
11
|
+
|
|
12
|
+
// plugins
|
|
13
|
+
import Loading from 'vue-loading-overlay';
|
|
14
|
+
|
|
15
|
+
/** vue loading 預設樣式 */
|
|
16
|
+
const loadingOverlayOptions = {
|
|
17
|
+
loader: 'bars',
|
|
18
|
+
colors: '#647AF1',
|
|
19
|
+
backgroundColor: '#000',
|
|
20
|
+
opacity: 0.5,
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
// 用法說明
|
|
24
|
+
// 1. npm install vue-loading-overlay@^6.0
|
|
25
|
+
// 2. 在js或.vue中import >> import Loading from "本檔案位置"
|
|
26
|
+
// 3. 畫面中放上Component >> <Loading :is-active="isLoading"></Loading> ("isLoading" => 自定義變數)
|
|
27
|
+
// 4. loading 初始化 >> const isLoading = ref(false); ("isLoading" => 自定義變數)
|
|
28
|
+
// 5. 開啟loading >> isLoading.value = true; ("isLoading" => 自定義變數)
|
|
29
|
+
// 6. 關閉loading >> isLoading.value = false; ("isLoading" => 自定義變數)
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
// vue components
|
|
34
|
+
export default {
|
|
35
|
+
props: {
|
|
36
|
+
isActive: {
|
|
37
|
+
type: Boolean,
|
|
38
|
+
default: false
|
|
39
|
+
},
|
|
40
|
+
loader: {
|
|
41
|
+
type: String,
|
|
42
|
+
default: loadingOverlayOptions.loader
|
|
43
|
+
},
|
|
44
|
+
colors: {
|
|
45
|
+
type: String,
|
|
46
|
+
default: loadingOverlayOptions.colors
|
|
47
|
+
},
|
|
48
|
+
backgroundColor: {
|
|
49
|
+
type: String,
|
|
50
|
+
default: loadingOverlayOptions.backgroundColor
|
|
51
|
+
},
|
|
52
|
+
opacity: {
|
|
53
|
+
type: Number,
|
|
54
|
+
default: loadingOverlayOptions.opacity
|
|
55
|
+
},
|
|
56
|
+
fullPage: {
|
|
57
|
+
type: Boolean,
|
|
58
|
+
default: true
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
components: {
|
|
62
|
+
Loading
|
|
63
|
+
},
|
|
64
|
+
setup(props, { emit }) {
|
|
65
|
+
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
</script>
|
|
70
|
+
<style lang="scss">
|
|
71
|
+
@import './style/css/vue-loading-overlay/index.css';
|
|
72
|
+
.vl-overlay{
|
|
73
|
+
backdrop-filter: var(--backdrop-blur);
|
|
74
|
+
}
|
|
75
75
|
</style>
|