free-fe-core-modules 0.0.55 → 0.1.1

package/components/Basic/EIcon.vue

@@ -1,21 +1,11 @@
 <template>
   <span class="e-icon justify-center items-center">
-    <q-icon
-      v-if="isIcon"
-      class="full-width full-height"
-      :name="name"
-    ></q-icon>
-    <q-img
-      v-else
-      class="full-width full-height"
-      style="display: block;"
-      :src="imgPath"
-      round
-    >
+    <q-icon v-if="isIcon" class="full-width full-height" :name="name"></q-icon>
+    <q-img v-else class="full-width full-height" style="display: block;" :src="imgPath" round>
       <slot></slot>
       <template v-slot:error v-if="!hideError">
         <div class="error-slot column absolute-full justify-center text-center">
-          <span class="no-picture-text full-width">{{noImageText}}</span>
+          <span class="no-picture-text full-width">{{ noImageText }}</span>
         </div>
       </template>
     </q-img>
@@ -23,7 +13,7 @@
 </template>
 
 <script>
-import { ref, computed, defineComponent, getCurrentInstance, watchEffect, nextTick } from 'vue';
+import { ref, computed, defineComponent, getCurrentInstance, watchEffect } from 'vue';
 
 export default defineComponent({
   name: 'EIcon',

package/components/Dialog/index.js

@@ -14,7 +14,7 @@ MsgDialog.install = (app) => {
 
     dialogApp.config.globalProperties = app.config.globalProperties;
 
-    const { reload, ...appContext } = app._context;
+    const { ...appContext } = app._context;
     Object.assign(dialogApp._context, appContext);
 
     MsgDialogInstance = dialogApp.mount('#free-dialog');

package/free-field/Fields/AgreementCheck.js

@@ -1,5 +1,5 @@
-import { defineComponent, h, ref, getCurrentInstance } from 'vue';
-import { QCheckbox } from 'quasar';
+import { defineComponent, h, ref, getCurrentInstance, defineExpose } from 'vue';
+import { QCheckbox, QIcon } from 'quasar';
 import { useFreeField, freeFieldProps } from '../composible/useFreeField';
 
 export default defineComponent({
@@ -21,7 +21,7 @@ export default defineComponent({
     ...freeFieldProps,
   },
   emits: ['input'],
-  setup(props, { emit, expose }){
+  setup(props, { emit }){
     if (!props.Field) return {};
 
     const { proxy:vm } = getCurrentInstance();

package/free-field/Fields/DateRange.js

@@ -1,8 +1,9 @@
 import { ref, defineComponent, getCurrentInstance, h, computed, watch, watchEffect } from 'vue';
 import { QInput, QIcon, QPopupProxy, QDate } from 'quasar';
-import { useFreeField, freeFieldProps } from '../composible/useFreeField';
-import freeFieldLabel from '../composible/freeFieldLabel';
-import { useFormValidator} from '../../composible/useFormValidator';
+import { useFreeField, freeFieldProps } from '../composible/useFreeField.js';
+import freeFieldLabel from '../composible/freeFieldLabel.js';
+import { useFormValidator} from '../../composible/useFormValidator.js';
+import ReadonlyContent from '../composible/readonlyContent.js';
 
 export default defineComponent({
   name: 'InputFieldDateRange',

package/free-field/Fields/DynamicList.js

@@ -1,4 +1,4 @@
-import { ref, defineComponent, getCurrentInstance, h, computed, watchEffect } from 'vue';
+import { ref, defineComponent, h, computed, watchEffect } from 'vue';
 import { QTable, QTh, QTd, QTr, QIcon } from 'quasar';
 import { useFreeField, freeFieldProps } from '../composible/useFreeField';
 import freeFieldLabel from '../composible/freeFieldLabel';
@@ -247,7 +247,6 @@ export default defineComponent({
     const showCell = (p) => {
       const colNum = Number(p.col.name);
 
-      // eslint-disable-next-line no-restricted-globals
       if (isNaN(colNum)) return true;
 
       if (p.row.rowSize !== void 0) {

package/free-field/Fields/File.vue

@@ -1,87 +1,35 @@
 <template>
   <div class="row free-field-file" v-if="Field">
-    <span
-      :class="`field-label ${(Field.Label && Field.Label.trim().length)
-        ? '' : 'field-label-empty'} ${Field.Required ? 'required' : ''}`"
-      v-if="Field.Label !== void 0"
-    >
-      <q-tooltip
-        v-if="Field.Description"
-        anchor="top right"
-      >{{Field.Description}}</q-tooltip>
-      {{Field.Label || ''}}
-      <span
-        v-if="Field.Required"
-        class="required-mark"
-      >*</span>
+    <span :class="`field-label ${(Field.Label && Field.Label.trim().length)
+      ? '' : 'field-label-empty'} ${Field.Required ? 'required' : ''}`" v-if="Field.Label !== void 0">
+      <q-tooltip v-if="Field.Description" anchor="top right">{{ Field.Description }}</q-tooltip>
+      {{ Field.Label || '' }}
+      <span v-if="Field.Required" class="required-mark">*</span>
     </span>
 
-    <q-uploader
-      @uploaded="uploaded"
-      @removed="removeFile"
-      @rejected="filesRejected"
-      ref="uploader"
-      :factory="factoryFn"
-      auto-upload
-      :max-file-size="maxFileSize"
-      :accept="acceptedFileTypes"
-      :class="`q-ma-xs ${hasError ? 'free-field--error' : ''}`"
-    >
+    <q-uploader @uploaded="uploaded" @removed="removeFile" @rejected="filesRejected" ref="uploader" :factory="factoryFn"
+      auto-upload :max-file-size="maxFileSize" :accept="acceptedFileTypes"
+      :class="`q-ma-xs ${hasError ? 'free-field--error' : ''}`">
       <template v-slot:list="scope">
-        <div
-          v-if="Field.Options && Field.Options.AsLink && !!fieldData.value?.id"
-          class="file-link row full-width ellipsis items-center"
-        >
-          <div
-            class="row ellipsis full-width"
-            v-for="(file, index) in fieldData.value"
-            :key="index"
-          >
-            <q-btn
-              icon="cloud_download"
-              dense
-              flat
-            ></q-btn>
-            <a
-              class="ellipsis"
-              target="_blank"
-              :href="$filter('serverPath', file.id)"
-              :download="file.name"
-            >
+        <div v-if="Field.Options && Field.Options.AsLink && !!fieldData.value?.id"
+          class="file-link row full-width ellipsis items-center">
+          <div class="row ellipsis full-width" v-for="(file, index) in fieldData.value" :key="index">
+            <q-btn icon="cloud_download" dense flat></q-btn>
+            <a class="ellipsis" target="_blank" :href="$filter('serverPath', file.id)" :download="file.name">
               {{ file.name }}
               <q-tooltip>{{ file.name }}</q-tooltip>
             </a>
           </div>
         </div>
         <div v-else>
-          <div
-            class="uploader-btns row no-wrap items-center"
-            v-if="!dense"
-          >
-            <q-spinner
-              v-if="scope.isUploading"
-              class="q-uploader__spinner"
-            />
-            <q-btn
-              v-if="!scope.isUploading && !Field.ReadOnly"
-              type="a"
-              icon="cloud_upload"
-              dense
-              flat
-              class="upload-btn"
-              label="点击上传"
-            >
+          <div class="uploader-btns row no-wrap items-center" v-if="!dense">
+            <q-spinner v-if="scope.isUploading" class="q-uploader__spinner" />
+            <q-btn v-if="!scope.isUploading && !Field.ReadOnly" type="a" icon="cloud_upload" dense flat
+              class="upload-btn" label="点击上传">
               <q-uploader-add-trigger v-if="!Field.ReadOnly" />
             </q-btn>
-            <q-btn
-              v-if="scope.isUploading && !Field.ReadOnly"
-              icon="clear"
-              @click="scope.abort"
-              class="clear-btn"
-              round
-              dense
-              flat
-            ></q-btn>
+            <q-btn v-if="scope.isUploading && !Field.ReadOnly" icon="clear" @click="scope.abort" class="clear-btn" round
+              dense flat></q-btn>
             <slot name="warning"></slot>
           </div>
 
@@ -94,51 +42,28 @@
             </q-item-section>
 
             <q-item-section side>
-              <q-btn
-                v-if="!scope.isUploading && !Field.ReadOnly"
-                type="a"
-                icon="cloud_upload"
-                class="upload-btn"
-                dense
-                flat
-              >
+              <q-btn v-if="!scope.isUploading && !Field.ReadOnly" type="a" icon="cloud_upload" class="upload-btn" dense
+                flat>
                 <q-uploader-add-trigger v-if="!Field.ReadOnly" />
               </q-btn>
             </q-item-section>
           </q-item>
 
-          <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
-                :relative="filePreviewType(fieldData.value) !== 'image'"
-                @click="preview(fieldData.value)"
-              >
+          <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
+                :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>
+                  <q-btn flat class="view-btn full-height full-width">查看</q-btn>
                 </div>
               </e-icon>
               <span class="file-name full-width ellipsis">
-                <a
-                  v-if="fieldData.value && fieldData.value.id"
-                  target="_blank"
-                  :href="$filter('serverPath', fieldData.value.id)"
-                  :download="fieldData.value.name">
-                    {{ fieldData.value.name }}
+                <a v-if="fieldData.value && fieldData.value.id" target="_blank"
+                  :href="$filter('serverPath', fieldData.value.id)" :download="fieldData.value.name">
+                  {{ fieldData.value.name }}
                 </a>
                 <span v-else-if="fieldData.value && fieldData.value.name">
-                  {{fieldData.value.name}}
+                  {{ fieldData.value.name }}
                 </span>
                 <q-tooltip>{{ fieldData.value.name }}</q-tooltip>
               </span>
@@ -147,58 +72,28 @@
                 Size: {{ fieldData.value.sizeLabel || fieldData.value.__sizeLabel }}
               </span>
 
-              <q-btn
-                flat
-                dense
-                round
-                class="delete-btn"
-                icon="close"
-                @click="scope.removeFile(fieldData.value)"
-                v-if="!Field.ReadOnly"
-              />
+              <q-btn flat dense round class="delete-btn" icon="close" @click="scope.removeFile(fieldData.value)"
+                v-if="!Field.ReadOnly" />
             </q-card>
           </div>
-          <div
-            class="free-field--error-tag"
-            v-if="hasError"
-          >
+          <div class="free-field--error-tag" v-if="hasError">
             <e-icon name="error"></e-icon>
           </div>
         </div>
       </template>
     </q-uploader>
-    <q-dialog
-      class="image-preview-dialog"
-      flat
-      full-width
-      full-height
-      v-model="showPreview"
-      style="background: rgba(0,0,0,0)"
-    >
+    <q-dialog class="image-preview-dialog" flat full-width full-height v-model="showPreview"
+      style="background: rgba(0,0,0,0)">
       <div class="image-preview">
-        <q-icon name="close"
-          class="absolute cursor-pointer bg-white text-primary"
-          style="border-radius: 6px;border: 1px solid primary;right: 0;"
-          round size="20px"
-          @click="showPreview=false"></q-icon>
-        <q-img
-          v-if="previewType=== 'image'"
-          fit="contain"
-          :src="previewFile"
-          @click="showPreview=false"
-          style="height: 100%; max-width: 100%;"
-        >
+        <q-icon name="close" class="absolute cursor-pointer bg-white text-primary"
+          style="border-radius: 6px;border: 1px solid primary;right: 0;" round size="20px"
+          @click="showPreview = false"></q-icon>
+        <q-img v-if="previewType === 'image'" fit="contain" :src="previewFile" @click="showPreview = false"
+          style="height: 100%; max-width: 100%;">
         </q-img>
 
-        <pdf-viewer
-          v-if="previewType === 'pdf'"
-          v-model="showPreview"
-          @click="showPreview=false"
-          :src="previewFile"
-          :version="Field?.Options?.PdfViewerVersion"
-          type="pdfjs"
-          style="height: 100%; max-width: 100%;"
-        />
+        <pdf-viewer v-if="previewType === 'pdf'" v-model="showPreview" @click="showPreview = false" :src="previewFile"
+          :version="Field?.Options?.PdfViewerVersion" type="pdfjs" style="height: 100%; max-width: 100%;" />
       </div>
     </q-dialog>
   </div>
@@ -206,10 +101,10 @@
 
 <script>
 import { computed, defineComponent, getCurrentInstance, ref } from 'vue';
-import { useFreeField, freeFieldProps } from '../composible/useFreeField';
-import { useFormValidator} from '../../composible/useFormValidator';
-import { useUploader } from '../composible/useUploader';
-import PdfViewer from './pdfviewer';
+import { useFreeField, freeFieldProps } from '../composible/useFreeField.js';
+import { useFormValidator} from '../../composible/useFormValidator.js';
+import { useUploader } from '../composible/useUploader.js';
+import PdfViewer from './pdfviewer.js';
 
 export default defineComponent({
   name: 'InputFieldFile',
@@ -329,7 +224,6 @@ export default defineComponent({
         if (res && res.msg === 'OK') {
           setFieldData({
             id: res.data.id,
-            // eslint-disable-next-line no-underscore-dangle
             sizeLabel: file.__sizeLabel,
             name: file.name,
             size: file.size,

package/free-field/Fields/FileList.vue

@@ -1,55 +1,21 @@
 <template>
   <div class="row free-field-file-list" v-if="Field">
-    <span
-      :class="`field-label ${(Field.Label && Field.Label.trim().length)
-        ? '' : 'field-label-empty'} ${Field.Required ? 'required' : ''}`"
-      v-if="Field.Label !== void 0"
-    >
-      <q-tooltip
-        v-if="Field.Description"
-        anchor="top right"
-      >{{Field.Description}}</q-tooltip>
-      {{Field.Label || ''}}
-      <span
-        v-if="Field.Required"
-        class="required-mark"
-      >*</span>
+    <span :class="`field-label ${(Field.Label && Field.Label.trim().length)
+      ? '' : 'field-label-empty'} ${Field.Required ? 'required' : ''}`" v-if="Field.Label !== void 0">
+      <q-tooltip v-if="Field.Description" anchor="top right">{{ Field.Description }}</q-tooltip>
+      {{ Field.Label || '' }}
+      <span v-if="Field.Required" class="required-mark">*</span>
     </span>
-    <q-uploader
-      @added="localFiles.push(...$event)"
-      @uploaded="uploaded"
-      @removed="removeFile"
-      @rejected="filesRejected"
-      :factory="factoryFn"
-      multiple
-      :auto-upload="Field && Field.Options && Field.Options.Auto"
-      :max-file-size="maxFileSize"
-      :max-total-size="maxTotalSize"
-      :accept="acceptedFileTypes"
-      :class="`q-ma-xs ${hasError ? 'free-field--error' : ''}`"
-      ref="uploader"
-    >
+    <q-uploader @added="localFiles.push(...$event)" @uploaded="uploaded" @removed="removeFile" @rejected="filesRejected"
+      :factory="factoryFn" multiple :auto-upload="Field && Field.Options && Field.Options.Auto"
+      :max-file-size="maxFileSize" :max-total-size="maxTotalSize" :accept="acceptedFileTypes"
+      :class="`q-ma-xs ${hasError ? 'free-field--error' : ''}`" ref="uploader">
       <template v-slot:list="scope">
-        <div
-          v-if="Field.Options && Field.Options.AsLink && Array.isArray(allFiles) && allFiles.length"
-          class="file-link row full-width ellipsis items-center"
-        >
-          <div
-            class="row ellipsis full-width"
-            v-for="(file, index) in allFiles || []"
-            :key="index"
-          >
-            <q-btn
-              icon="cloud_download"
-              dense
-              flat
-            ></q-btn>
-            <a
-              class="ellipsis"
-              target="_blank"
-              :href="$filter('serverPath', file.id)"
-              :download="file.name"
-            >
+        <div v-if="Field.Options && Field.Options.AsLink && Array.isArray(allFiles) && allFiles.length"
+          class="file-link row full-width ellipsis items-center">
+          <div class="row ellipsis full-width" v-for="(file, index) in allFiles || []" :key="index">
+            <q-btn icon="cloud_download" dense flat></q-btn>
+            <a class="ellipsis" target="_blank" :href="$filter('serverPath', file.id)" :download="file.name">
               {{ file.name }}
               <q-tooltip>{{ file.name }}</q-tooltip>
             </a>
@@ -57,43 +23,17 @@
         </div>
         <div v-else>
           <div class="uploader-btns row no-wrap items-center">
-            <q-spinner
-              v-if="scope.isUploading"
-              class="q-uploader__spinner"
-            />
-            <q-btn
-              v-if="scope.canAddFiles && !Field.ReadOnly && canHaveMore"
-              type="a"
-              icon="add_box"
-              label="点击添加"
-              class="add-btn"
-              dense
-              flat
-            >
+            <q-spinner v-if="scope.isUploading" class="q-uploader__spinner" />
+            <q-btn v-if="scope.canAddFiles && !Field.ReadOnly && canHaveMore" type="a" icon="add_box" label="点击添加"
+              class="add-btn" dense flat>
               <q-uploader-add-trigger v-if="!Field.ReadOnly" />
             </q-btn>
-            <q-btn
-              v-if="!Field.ReadOnly
-                && scope.canUpload && !(Field && Field.Options && Field.Options.Auto)"
-              type="a"
-              icon="cloud_upload"
-              @click="scope.upload"
-              class="upload-btn"
-              label="点击上传"
-              dense
-              flat
-            ></q-btn>
-
-            <q-btn
-              v-if="scope.isUploading && !Field.ReadOnly"
-              type="a"
-              icon="clear"
-              @click="scope.abort"
-              class="abort-btn"
-              round
-              dense
-              flat
-            ></q-btn>
+            <q-btn v-if="!Field.ReadOnly
+              && scope.canUpload && !(Field && Field.Options && Field.Options.Auto)" type="a" icon="cloud_upload"
+              @click="scope.upload" class="upload-btn" label="点击上传" dense flat></q-btn>
+
+            <q-btn v-if="scope.isUploading && !Field.ReadOnly" type="a" icon="clear" @click="scope.abort"
+              class="abort-btn" round dense flat></q-btn>
             <slot name="warning"></slot>
           </div>
 
@@ -134,36 +74,18 @@
             </q-list>
           </div> -->
 
-          <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'"
-                @click="preview(file)"
-              >
+          <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'"
+                @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>
+                  <q-btn flat class="view-btn full-height full-width">查看</q-btn>
                 </div>
               </e-icon>
               <span class="file-name full-width ellipsis">
-                <a
-                  target="_blank"
-                  :href="$filter('serverPath', file.id)"
-                  :download="file.name">
-                    {{ file.name }}
+                <a target="_blank" :href="$filter('serverPath', file.id)" :download="file.name">
+                  {{ file.name }}
                 </a>
                 <q-tooltip>{{ file.name }}</q-tooltip>
               </span>
@@ -172,58 +94,28 @@
                 Size: {{ file.sizeLabel || file.__sizeLabel }}
               </span>
 
-              <q-btn
-                flat
-                dense
-                round
-                class="delete-btn"
-                icon="close"
-                @click="scope.removeFile(file)"
-                v-if="!Field.ReadOnly"
-              />
+              <q-btn flat dense round class="delete-btn" icon="close" @click="scope.removeFile(file)"
+                v-if="!Field.ReadOnly" />
             </q-card>
           </div>
-          <div
-            class="free-field--error-tag"
-            v-if="hasError"
-          >
+          <div class="free-field--error-tag" v-if="hasError">
             <e-icon name="error"></e-icon>
           </div>
         </div>
       </template>
     </q-uploader>
-    <q-dialog
-      class="image-preview-dialog"
-      flat
-      full-width
-      full-height
-      v-model="showPreview"
-      style="background: rgba(0,0,0,0)"
-    >
+    <q-dialog class="image-preview-dialog" flat full-width full-height v-model="showPreview"
+      style="background: rgba(0,0,0,0)">
       <div class="image-preview">
-        <q-icon name="close"
-          class="absolute cursor-pointer bg-white text-primary"
-          style="border-radius: 6px;border: 1px solid primary;right: 0;"
-          round size="20px"
-          @click="showPreview=false"></q-icon>
-        <q-img
-          v-if="previewType=== 'image'"
-          fit="contain"
-          :src="previewFile"
-          @click="showPreview=false"
-          style="height: 100%; max-width: 100%;"
-        >
+        <q-icon name="close" class="absolute cursor-pointer bg-white text-primary"
+          style="border-radius: 6px;border: 1px solid primary;right: 0;" round size="20px"
+          @click="showPreview = false"></q-icon>
+        <q-img v-if="previewType === 'image'" fit="contain" :src="previewFile" @click="showPreview = false"
+          style="height: 100%; max-width: 100%;">
         </q-img>
 
-        <pdf-viewer
-          v-if="previewType === 'pdf'"
-          v-model="showPreview"
-          @click="showPreview=false"
-          :src="previewFile"
-          :version="Field?.Options?.PdfViewerVersion"
-          type="pdfjs"
-          style="height: 100%; max-width: 100%;"
-        />
+        <pdf-viewer v-if="previewType === 'pdf'" v-model="showPreview" @click="showPreview = false" :src="previewFile"
+          :version="Field?.Options?.PdfViewerVersion" type="pdfjs" style="height: 100%; max-width: 100%;" />
       </div>
     </q-dialog>
   </div>
@@ -231,10 +123,10 @@
 
 <script>
 import { computed, defineComponent, getCurrentInstance, ref } from 'vue';
-import { useFreeField, freeFieldProps } from '../composible/useFreeField';
-import { useFormValidator} from '../../composible/useFormValidator';
-import { useUploader } from '../composible/useUploader';
-import PdfViewer from './pdfviewer';
+import { useFreeField, freeFieldProps } from '../composible/useFreeField.js';
+import { useFormValidator} from '../../composible/useFormValidator.js';
+import { useUploader } from '../composible/useUploader.js';
+import PdfViewer from './pdfviewer.js';
 
 export default defineComponent({
   name: 'InputFieldFileList',
@@ -375,7 +267,6 @@ export default defineComponent({
           if (res && res.msg === 'OK') {
             uploadedFiles.push({
               id: res.data.id,
-              // eslint-disable-next-line no-underscore-dangle
               sizeLabel: file.__sizeLabel,
               name: file.name,
               size: file.size,