jobdone-shared-files 1.0.34 → 1.0.40

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.
Files changed (36) hide show
  1. package/ModuleInfo/LayoutNav.vue +251 -0
  2. package/ModuleInfo/logo-with-text.svg +22 -0
  3. package/ModuleInfo/navButton.vue +218 -0
  4. package/ProjectManagement/projectNavbar.vue +363 -363
  5. package/README.md +68 -19
  6. package/autocompleteSelect.vue +465 -465
  7. package/common/directives/collapse.js +12 -12
  8. package/common/directives/popovers.js +10 -10
  9. package/common/directives/selectPlaceholder.js +52 -52
  10. package/common/directives/textareaAutoHeight.js +10 -10
  11. package/common/directives/tooltip.js +10 -10
  12. package/common/format.js +26 -26
  13. package/index.js +14 -14
  14. package/lightboxWithOverview.vue +156 -156
  15. package/package.json +19 -19
  16. package/paginate.vue +141 -141
  17. package/style/css/vue-loading-overlay/index.css +40 -40
  18. package/style/scss/Common/Animation.scss +9 -9
  19. package/style/scss/Common/SelectableTable.scss +36 -36
  20. package/style/scss/Common/filepond.scss +31 -31
  21. package/style/scss/Common/thumbnail-group.scss +14 -14
  22. package/style/scss/Layout/LayoutBase.scss +1032 -1032
  23. package/style/scss/Layout/LayoutInnerColumn.scss +263 -263
  24. package/style/scss/Layout/LayoutProject.scss +126 -126
  25. package/style/scss/Layout/LayoutSinglePage.scss +17 -17
  26. package/style/scss/Layout/LayoutTwoColumn.scss +60 -60
  27. package/style/scss/Settings/_Mixins.scss +232 -232
  28. package/style/scss/Settings/_MobileVariables.scss +11 -11
  29. package/style/scss/Settings/_bs-variables-dark.scss +70 -70
  30. package/style/scss/Settings/_bs-variables.scss +1743 -1743
  31. package/style/scss/Settings/_color-mode.scss +122 -122
  32. package/style/scss/Settings/_custom-variables.scss +10 -10
  33. package/tagEditor.vue +249 -249
  34. package/tree.vue +71 -71
  35. package/treeItem.vue +358 -358
  36. package/vueLoadingOverlay.vue +74 -74
package/README.md CHANGED
@@ -8,20 +8,69 @@ import OOXX from '../../node_modules/jobdone-shared-files/OOXX.vue';
8
8
  ### .
9
9
  ## 01.ProjectManagement/projectNavbar - 專案資訊Navbar(2024.07.30_v2版本為破壞性更新)
10
10
 
11
- ### 需要傳入的值：
12
- | 數值名稱 | 說明 | 必要 |
13
- |------------------|--------------------------------------------------------------------------------|------|
14
- | root-domain | 底層的 domain，傳入的值有無斜線皆可 | 是 |
15
- | arrow-back-link | 離開專案的連結，一般來說是底層的 ProjectList | 是 |
16
- | project-info | 可接受api url或物件，api僅支援Get請求，結構應為`{name: "", caseNo: "", caseNo: "",beginDT:"",endDT:"",approvedWorkingPeriod:0, extendToDT:"",extendDays:""}`| 是 |
17
- | project-apps | 可接受api url或物件，api僅支援Get請求，結構去Copy底層API取得專案所屬Module的App連結(V2 TOP)| 是 |
18
- | active-client-id | Navbar active的對象，請填入client id，不填預設active專案資訊| N |
19
- | project-id | project id | 是 |
20
- | user-id | 傳入 user 的帳號 id | 是 |
21
- | user-picture | 傳入 user 的大頭貼 | 是 |
22
- | log-out-link | 登出連結 | 是 |
11
+ ### 可用參數
12
+ | 參數 | 型別 | 說明 | 必要 |
13
+ |------------------|----------------|---------------------------------------------------------------------------------------------------------------------------------------------|----|
14
+ | `root-domain` | `String` | 底層的 domain，傳入的值有無斜線皆可 | 是 |
15
+ | `arrow-back-link` | `String` | 離開專案的連結，一般來說是底層的 Index，底層的 Index 會再判斷該導回對應模組的首頁 | 是 |
16
+ | `project-info` | `String`, `Object` | 可接受api url或物件，api 僅支援 Get 請求，結構應為`{name: "", caseNo: "", caseNo: "",beginDT:"",endDT:"",approvedWorkingPeriod:0, extendToDT:"",extendDays:""}` | 是 |
17
+ | `project-apps` | `String`, `Object` | 可接受 api url 或物件，api 僅支援 Get 請求，，結構應為`{ id: null, name: '', iconName: '', featurePackApps: [], generalLinks: [] }`，去呼叫底層 API 取得專案所屬 Module 的 App 連結 (V2 TOP) | 是 |
18
+ | `active-client-id` | `String` | Navbar active 的對象，請填入 client id，預設 active 的為專案資訊 | 否 |
19
+ | `project-id` | `String` | project id | 是 |
20
+ | `user-id` | `String` | 傳入 user 的帳號 id | 是 |
21
+ | `user-picture` | `String` | 傳入 user 的大頭貼 | 是 |
22
+ | `log-out-link` | `String` | 登出連結 | 是 |
23
+
24
+
25
+ ## 02-1.ModuleInfo/LayoutNav - 模組首頁 Sidebar
26
+ `LayoutNav` 是用於模組首頁的側邊欄 Component，會顯示模組資訊、使用者資訊以及該模組的待辦事項列表 (單單) 的連結。
27
+
28
+ 其中 `module-info` 可以傳入 API URL 或者直接傳入物件。如果是 API URL，組件將自動發出 GET 請求來獲取資料。
29
+
30
+ `LayoutNav` 內已包含 `navButton` 模組功能總表按鈕/下拉選單。
31
+
32
+ ### 可用參數
33
+
34
+ | 參數 | 型別 | 說明 | 必要 |
35
+ |---------------------|--------------------|---------------------------------------------------------------------------------------------------------------------------------------------|----|
36
+ | `root-domain` | `String` | 底層的 domain，傳入的值有無斜線皆可 | 否 |
37
+ | `user-avatar` | `String` | 傳入 user 的大頭貼 | 是 |
38
+ | `user-display-name` | `String` | 傳入 user 的顯示名稱 | 是 |
39
+ | `user-full-name` | `String` | 傳入 user 的全名 | 是 |
40
+ | `org-name` | `String` | 公司名稱，僅在 `moduleInfo.isPersonal` 為 `false` 時顯示 | 否 |
41
+ | `module-info` | `String`, `Object` | 可接受 API URL 或物件，API 僅支援 GET 請求，結構應為 `{ moduleInfo: { name: "", iconName: "" }, generalLinks: [], isPersonal: true, isPaymentAdmin: false }` | 是 |
42
+ | `index-link` | `String` | 模組的首頁，預設為 `/Index`，，一般來說是底層的 Index | 否 |
43
+ | `logout-link` | `String` | 登出連結，預設為 `/Logout` | 否 |
44
+ | 否 |
45
+
46
+
47
+ ### Slot 說明
48
+
49
+ `LayoutNav` 組件提供多個插槽 (slots) 讓開發者自定義內容：
50
+
51
+ - **`list-content-top`**: 放於「我的待辦事項列表 (單單) 」之上的內容。
52
+
53
+ - **`list-content-bottom`**: 放於「我的待辦事項列表 (單單) 」之下的內容。
54
+
55
+ - **`bottom-link`**: 固定於側邊欄底部的插槽，放在「我的聯絡人」旁的按鈕。可添加其他重要的按鈕，例如「通知」等功能。
56
+
57
+
58
+ ## 02-2.ModuleInfo/navButton - 模組功能總表按鈕/下拉選單
59
+ `navButton` 是用於顯示模組功能總表的按鈕及下拉選單的組件。按下按鈕後，會顯示與模組相關的功能連結，例如待辦事項、公司資訊和個人資料等連結。
60
+
61
+ 其中 `module-info` 可以傳入 API URL 或者直接傳入物件。如果是 API URL，組件將自動發出 GET 請求來獲取資料，同 `LayoutNav`。
62
+
63
+ ### 可用參數
64
+ | 參數 | 型別 | 說明 | 必要 |
65
+ |-------------------|--------------------|---------------------------------------------------------------------------------------------------------------------------------------------|----|
66
+ | `root-domain` | `String` | 底層的 domain，傳入的值有無斜線皆可 | 否 |
67
+ | `module-info` | `String`, `Object` | 可接受 API URL 或物件，API 僅支援 GET 請求，結構應為 `{ moduleInfo: { name: "", iconName: "" }, generalLinks: [], isPersonal: true, isPaymentAdmin: false }` | 是 |
68
+ | `index-link` | `String` | 模組的首頁，預設為 `/Index`，，一般來說是底層的 Index | 否 |
69
+ | `logout-link` | `String` | 登出連結，預設為 `/Logout` | 否 |
70
+
71
+
23
72
  ### .
24
- ## 02.Paginate - 分頁
73
+ ## 03.Paginate - 分頁
25
74
  ### 範例
26
75
  ```
27
76
  <template>
@@ -49,7 +98,7 @@ import OOXX from '../../node_modules/jobdone-shared-files/OOXX.vue';
49
98
  | --- | ----------------- | --------------- |
50
99
  | 1 | `to-page` | 點選頁碼執行的動作 |
51
100
  ### .
52
- ## 03.TagEditor - 標籤
101
+ ## 04.TagEditor - 標籤
53
102
  ### 範例
54
103
  ```
55
104
  <template>
@@ -89,7 +138,7 @@ import OOXX from '../../node_modules/jobdone-shared-files/OOXX.vue';
89
138
  | --- | ----------------- | --------------- |
90
139
  | 1 | `update-auto-complete-option` | 文字輸入時呼叫，value為當前輸入的值，可用於刷新autoCompleteOption。 |
91
140
  ### .
92
- ## 04.Tree - 樹狀結構
141
+ ## 05.Tree - 樹狀結構
93
142
  ### 範例
94
143
  ```
95
144
  <template>
@@ -148,7 +197,7 @@ import OOXX from '../../node_modules/jobdone-shared-files/OOXX.vue';
148
197
  | --------- | ------------------ |
149
198
  | clickItem | 點選項目執行的方法 |
150
199
  ### .
151
- ## 05.VueLoadingOverlay - 指定樣式讀取樣式
200
+ ## 06.VueLoadingOverlay - 指定樣式讀取樣式
152
201
  ### 範例
153
202
  ```
154
203
  <template>
@@ -188,7 +237,7 @@ import OOXX from '../../node_modules/jobdone-shared-files/OOXX.vue';
188
237
  | 4. | background-color | `String` | `#000` | 遮罩顏色 |
189
238
  | 5. | opacity | `Number ` | `0.5` | 遮罩透明度 |
190
239
  ### .
191
- ## 06.lightboxWithOverview - 有縮圖的圖片光箱
240
+ ## 07.lightboxWithOverview - 有縮圖的圖片光箱
192
241
 
193
242
  ```
194
243
  <lightbox-with-overview
@@ -198,14 +247,14 @@ import OOXX from '../../node_modules/jobdone-shared-files/OOXX.vue';
198
247
  ```
199
248
 
200
249
  ### 可傳入的值：
201
- | 數值名稱 | 說明 | 必要 |
250
+ | 參數 | 說明 | 必要 |
202
251
  |------------------|-----------------------------------------------------------------|----|
203
252
  | pictures-data | 格式為： `[{src: "", title: ""}]` | 是 |
204
253
  | preview | 是否要顯示縮圖，可傳入 `true` or `false` | 否 |
205
254
  | display-index | 預設 index 為 0 | 否 |
206
255
  | preview-count | preview 的圖片陣列數量，預設為 5，可使用 `lightboxWithOverviewRef?.previewPictures` 與 `lightboxWithOverviewRef?.otherPictureCount` | 否 |
207
256
  ### .
208
- ## 07.autocompleteSelect - autocomplete下拉選單
257
+ ## 08.autocompleteSelect - autocomplete下拉選單
209
258
  ### 範例1：簡易型，String Array 的選單
210
259
  ```
211
260
  <template>