free-fe-core-modules 0.1.20 → 0.1.22

package/free-field/Fields/AgreementCheck.js

@@ -26,6 +26,10 @@ export default defineComponent({
 
     const { proxy:vm } = getCurrentInstance();
     const { fieldData, setFieldData } = useFreeField(props);
+    if (fieldData.value === void 0) {
+      setFieldData(false, emit);
+    }
+
     const hasError = ref(false);
 
     const fieldTip = (tip) => {

package/free-field/Fields/File.vue

@@ -51,7 +51,7 @@
 
           <div v-else-if="!!fieldData.value?.id" class="file-list row items-start justify-start">
             <q-card flat class="file-list-item">
-              <e-icon class="file-image" :name="fileThumb(fieldData.value)" thumb
+              <e-icon class="file-image" :name="fileThumb(fieldData.value, ctx)" thumb
                 :relative="filePreviewType(fieldData.value) !== 'image'" @click="preview(fieldData.value)">
                 <div class="view-btn-wrapper absolute-full justify-center text-center">
                   <q-btn flat class="view-btn full-height full-width">查看</q-btn>

package/free-field/Fields/FileList.vue

@@ -77,7 +77,7 @@
           <div v-if="Array.isArray(allFiles) && allFiles.length"
             class="file-list file-list-card row items-start justify-start q-gutter-xl">
             <q-card flat class="file-list-item" v-for="(file, index) in allFiles || []" :key="index">
-              <e-icon class="file-image" :name="fileThumb(file)" thumb :relative="filePreviewType(file) !== 'image'"
+              <e-icon class="file-image" :name="fileThumb(file, ctx)" thumb :relative="filePreviewType(file) !== 'image'"
                 @click="preview(file)">
                 <div class="view-btn-wrapper absolute-full justify-center text-center">
                   <q-btn flat class="view-btn full-height full-width">查看</q-btn>

package/free-field/Fields/Image.vue

@@ -61,7 +61,7 @@
 
         <div v-else-if="fieldData.value?.id" class="file-list row items-start justify-start">
           <q-card flat class="file-list-item">
-            <e-icon class="file-image" :name="fileThumb(fieldData.value)" :thumb="!Field?.Options?.NoThumb"
+            <e-icon class="file-image" :name="fileThumb(fieldData.value, ctx)" :thumb="!Field?.Options?.NoThumb"
               :relative="filePreviewType(fieldData.value) !== 'image'" @click="preview(fieldData.value)">
               <div class="view-btn-wrapper absolute-full justify-center text-center">
                 <q-btn flat class="view-btn full-height full-width" @click="preview(fieldData.value)">查看</q-btn>

package/free-field/Fields/ImageList.vue

@@ -27,7 +27,7 @@
         <div v-if="Array.isArray(allFiles) && allFiles.length"
           class="file-list row items-start justify-start q-gutter-xl">
           <q-card flat class="file-list-item" v-for="(file, index) in allFiles" :key="index">
-            <e-icon class="file-image" :name="fileThumb(file)" thumb :relative="filePreviewType(file) !== 'image'"
+            <e-icon class="file-image" :name="fileThumb(file, ctx)" thumb :relative="filePreviewType(file) !== 'image'"
               @click="preview(file)">
               <div class="view-btn-wrapper absolute-full justify-center text-center">
                 <q-btn flat class="view-btn full-height full-width" @click="preview(file)">查看</q-btn>

package/free-field/Fields/Rich.vue

@@ -273,6 +273,48 @@ export default defineComponent({
       return isVal;
     };
 
+    const handleVideoUpload = (file, editor) => {
+      const formData = new FormData();
+      formData.append('file', file, file.name || 'pasted-video');
+
+      vm.postRequest('/upload', formData, {
+        __ignoreDecycle: true,
+        headers: {
+          'Content-Type': 'multipart/form-data',
+        },
+      }).then((res) => {
+        if (res && res.data && res.data.id) {
+          const videoUrl = `${window.location.protocol}//${window.location.hostname}${window.location.port ? `:${window.location.port}` : ''}${vm.ctx.config.videoUrlBase}${res.data.id}${props.Field.Options?.UploadedImageUrlArgs || ''}`;
+
+          // 插入视频元素到编辑器
+          editor.insertContent(`
+            <div class="video-container" style="margin: 10px 0;">
+              <video src="${videoUrl}" controls style="max-width: 100%; height: auto;">
+                您的浏览器不支持视频播放
+              </video>
+            </div>
+          `);
+        }
+      }).catch(() => {
+      });
+    };
+
+    const paste_preprocess = (editor, args) => {
+      const items = args.clipboardData.items;
+
+      for (let i = 0; i < items.length; i++) {
+        const item = items[i];
+
+        // 检查是否为视频文件
+        if (item.kind === 'file' && item.type.startsWith('video/')) {
+          const file = item.getAsFile();
+
+          // 处理视频上传
+          handleVideoUpload(file, editor);
+        }
+      }
+    };
+
     const tinySetup = (editor) => {
       // add button for indent 2ems
       editor.on('init', () => {
@@ -331,6 +373,11 @@ export default defineComponent({
           }
         });
       }
+
+      // 处理粘贴视频文件
+      editor.on('paste', (e) => {
+        paste_preprocess(editor, e);
+      });
     };
 
     const tinyChanged = (v) => {

package/free-field/composible/useUploader.js

@@ -158,10 +158,19 @@ export function useUploader(props) {
     return typeList.join(',');
   });
 
-  const fileThumb = computed(() => (file) => {
+  const fileThumb = computed(() => (file, app) => {
     const unknownType = 'insert_drive_file';
     if (!file) return unknownType;
 
+    if (app?.config?.['core-modules']?.fileTypeIconMap) {
+      const { fType, fExt } = _getFileType(file);
+      const key = `${fType}.${fExt}`;
+      const icon = app.config['core-modules'].fileTypeIconMap[key];
+      if (icon) {
+        return icon;
+      }
+    }
+
     let type = '';
     // const fTypes = file.type.split('/');
     // const [fType, fExt] = fTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "free-fe-core-modules",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "main": "index.js",
   "repository": "https://github.com/freeeis/free-fe-core-modules.git",
   "author": "zhiquan",