jobdone-shared-files 1.1.13 → 1.1.15

package/ModalFileRepositorySelector.vue

@@ -1,5 +1,5 @@
 <template>
-    <div id="ModalFileRepository" class="modal fade" :class="subModal ? 'sub-modal' : ''" ref="modalDom"
+    <div id="ModalFileRepository" class="modal fade" :class="optionsAdjust.subModal ? 'sub-modal' : ''" ref="modalDom"
         data-bs-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true">
         <div class="modal-dialog modal-dialog-scrollable" :class="classManager.modalSize" role="document">
             <div class="modal-content">
@@ -56,10 +56,10 @@
                             </template>
                         </div>
                     </div>
-                    <div v-if="fileListPreview.length === 0" class="border-bottom text-center p-4 bg-gray-500">
+                    <div v-if="fileListPreview.length === 0" class="text-center p-4 bg-gray-500">
                         <p class="mt-3">暫存媒體庫中沒有任何檔案</p>
                     </div>
-                    <div ref="getNextPagesTarget" style="height: 1rem"></div>
+                    <div ref="getNextPagesTarget" class="bg-gray-500" style="height: 1rem"></div>
                 </div>
                 <div class="modal-footer">
                     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
@@ -82,11 +82,6 @@ import Loading from "./vueLoadingOverlay.vue";
 import VueEasyLightbox from 'vue-easy-lightbox';
 
 const props = defineProps({
-    subModal: {
-        // 是否為子視窗（預設 false），子視窗會取消 backdrop-filter 效果，且高度略低於一般Modal
-        type: Boolean,
-        default: false
-    },
     projectId: {
         // 專案ID
         type: String,
@@ -105,7 +100,8 @@ const props = defineProps({
     options: {
         // 額外參數設定
         // { 
-        //      modalSize: 'lg'                      // Modal的尺寸。可選值：sm, '', lg, xl。預設 'lg',
+        //      subModal: false,                    // 是否為子視窗（預設 false），子視窗會取消 backdrop-filter 效果，且高度略低於一般Modal
+        //      modalSize: 'lg'                      // Modal的尺寸。可選值：sm, md, lg, xl。預設 'lg',
         //      modalTitle: '暫存媒體選擇器'           // Modal的標題。預設 '暫存媒體選擇器'
         //      modalIcon: 'inventory_2',            // Modal的圖示。預設 'inventory_2'
         //      onlyMyFileCanSwitch: true,           // 是否顯示「僅顯示我的檔案」切換選項。預設 true
@@ -145,9 +141,13 @@ const optionConfigs = {
         validate: (value) => typeof value === 'string' && value.length > 0,
         defaultValue: 'thumbnailUrl'
     },
+    subModal: {
+        validate: (value) => typeof value === 'boolean',
+        defaultValue: false // 是否為子視窗（預設 false），子視窗會取消 backdrop-filter 效果，且高度略低於一般Modal
+    },
     modalSize: {
         validate: (value) => typeof value === 'string' && ['sm', 'md', 'lg', 'xl'].includes(value),
-        defaultValue: 'lg' // 可選值：sm, '', lg, xl
+        defaultValue: 'lg' // 可選值：sm, md, lg, xl
     },
     modalTitle: {
         validate: (value) => typeof value === 'string' && value.length > 0,
@@ -326,7 +326,6 @@ const getRepositoryFiles = async () => {
 
         const pageResults = await Promise.allSettled(getPromise)
         pageResults.forEach((result) => {
-            console.log(result)
             if (result.status === 'rejected') {
                 throw new Error('載入檔案列表失敗')
             }
@@ -349,7 +348,7 @@ const getRepositoryFiles = async () => {
         await nextTick()
         checkNeedLoadMore()
     } catch (error) {
-        console.log(error)
+        console.error(error)
     } finally {
         isLoading.value = false
     }
@@ -386,7 +385,6 @@ const submitSelected = () => {
         acc.push(toRaw(item))
         return acc
     }, [])
-    // console.log(res)
     emit('submitSelected', res)
     modalHide(modalDom.value)
 }

package/README.md

@@ -380,6 +380,31 @@ import OOXX from '../../node_modules/jobdone-shared-files/OOXX.vue';
 | --------- | ------------------ |
 | select | 選到項目要做什麼 |      
 
+## 09.ModalFileRepositorySelector
+
+### 參數
+|參數|型別|說明|必要|
+|--|--|--|--|
+| `project-id` | `String` | 專案ID | 是 |
+| `user-id` | `String` | 使用者ID | 是 |
+| `api-url` | `String` | 取得檔案列表的 API URL | 是 |
+| `options` | `Object` | 額外參數設定，詳細參考下方| 否 |
+
+### options 額外參數設定
+|參數|型別|預設|可用選項|說明|
+|--|--|--|--|--|
+| `subModal` | `Boolean` | `false` |  `true` `false` | 是否為子視窗。子視窗會取消 backdrop-filter 效果，且高度略低於一般Modal 
+| `modalSize` | `String` | `lg` |  `sm` `md` `lg` `xl` | Modal的尺寸
+| `modalTitle` | `String` | `暫存媒體選擇器` |   | Modal的標題
+| `modalIcon` | `String` | `inventory_2` |   | Modal的圖示(MaterialIcons)
+| `onlyMyFileCanSwitch` | `Boolean` | `true` | `true` `false`  | 是否顯示「僅顯示我的檔案」切換選項
+| `onlyMyFileDefaultValue` | `Boolean` | `true` | `true` `false`  | 「僅顯示我的檔案」預設選項
+| `bindingKey` | `String` | `uid` |   | 選項唯一值的keyName
+| `createAtKey` | `String` | `createAt` |   | 檔案建立時間的keyName
+| `fileUrlKey` | `String` | `fileUrl` |   | 檔案URL的keyName
+| `thumbnailUrlKey` | `String` | `thumbnailUrl` |   | 檔案縮圖URL的keyName
+
+
 ### .    
 ### .    
 ### .    

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jobdone-shared-files",
-  "version": "1.1.13",
+  "version": "1.1.15",
   "description": "Shared JS and SCSS for Jobdone Enterprise.",
   "main": "index.js",
   "scripts": {