free-fe-core-modules 0.0.54 → 0.1.1

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'"
-          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,

package/free-field/Fields/FixedList.vue

@@ -1,69 +1,38 @@
 <template>
   <div class="free-field-fixed-list row">
-    <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 :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-table
-      class="q-ma-xs col"
-      :rows="tableData"
-      :columns="columns"
-      row-key="Name"
-      :hide-bottom="!summaryContent"
-      separator="cell"
-      :pagination="{rowsPerPage:100000}"
-      table-header-class="row-zebra-even"
-    >
+    <q-table class="q-ma-xs col" :rows="tableData" :columns="columns" row-key="Name" :hide-bottom="!summaryContent"
+      separator="cell" :pagination="{ rowsPerPage: 100000 }" table-header-class="row-zebra-even">
       <template v-slot:top v-if="Field.Warning">
         <slot name="warning"></slot>
       </template>
       <template v-slot:body-cell="props">
-        <q-td
-          :props="props"
-          style="text-align: center;padding:0;margin:0;height:auto;width:auto;"
-          v-if="props.col.List &&
+        <q-td :props="props" style="text-align: center;padding:0;margin:0;height:auto;width:auto;" v-if="props.col.List &&
           (props.col.List.length === 1) &&
-            props.row[props.col.List[0].Name] === 'NaN'"
-          :class="tableTdClass(props.rowIndex)"
-        >/</q-td>
-        <q-td
-          :props="props"
-          v-else-if="showCell(props)"
-          :colspan="props.value && props.value.colspan || 1"
+          props.row[props.col.List[0].Name] === 'NaN'" :class="tableTdClass(props.rowIndex)">/</q-td>
+        <q-td :props="props" v-else-if="showCell(props)" :colspan="props.value && props.value.colspan || 1"
           :rowspan="props.value && props.value.rowspan || 1"
           :class="`items-center justify-center ${tableTdClass(props.rowIndex)}`"
-          style="padding:0;margin:0;height:auto;width:auto;"
-        >
+          style="padding:0;margin:0;height:auto;width:auto;">
           <span v-if="props.col.List && props.col.List.length > 1" class="full-width full-height">
-            <free-field
-              v-for="(col,index) in props.col.List"
-              :key="index"
-              :Field="columnField(col, true, props.col)"
-              :values="props.row"
-              @input="cellChanged()"
-              ref="fieldsToValid"
-            ></free-field>
+            <free-field v-for="(col, index) in props.col.List" :key="index" :Field="columnField(col, true, props.col)"
+              :values="props.row" @input="cellChanged()" ref="fieldsToValid"></free-field>
           </span>
           <span v-else class="full-width full-height">
-            <free-field
-              :Field="columnField(props.col, false)"
-              :values="props.row"
-              @input="cellChanged()"
-              borderless
-              ref="fieldToValid"
-            ></free-field>
+            <free-field :Field="columnField(props.col, false)" :values="props.row" @input="cellChanged()" borderless
+              ref="fieldToValid"></free-field>
           </span>
         </q-td>
       </template>
 
       <template v-slot:bottom>
         <q-tr class="summary-tr">
-          <q-td colspan="100%" class="text-right summary-row">{{summaryContent}}</q-td>
+          <q-td colspan="100%" class="text-right summary-row">{{ summaryContent }}</q-td>
         </q-tr>
       </template>
     </q-table>
@@ -72,8 +41,8 @@
 
 <script>
 import { defineComponent, watchEffect, ref, computed } from 'vue';
-import { useFreeField, freeFieldProps } from '../composible/useFreeField';
-import { useFormValidator} from '../../composible/useFormValidator';
+import { useFreeField, freeFieldProps } from '../composible/useFreeField.js';
+import { useFormValidator} from '../../composible/useFormValidator.js';
 
 export default defineComponent({
   name: 'InputFieldFixedList',
@@ -235,7 +204,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/FreeFieldList.vue

@@ -1,94 +1,47 @@
 <template>
   <div class="free-field-list row full-width">
-    <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>
 
-    <dynamic-list
-      class="col"
-      :Field="localField"
-      :values="values"
-      readonly
-      ref="fieldList"
-      selection="multiple"
-    >
+    <dynamic-list class="col" :Field="localField" :values="values" readonly ref="fieldList" selection="multiple">
       <template v-slot:top>
         <q-btn-group class="action-buttons">
-          <q-btn
-            icon="content_copy"
-            @click="copy"
-          >
+          <q-btn icon="content_copy" @click="copy">
             <q-tooltip>拷贝选中</q-tooltip>
           </q-btn>
-          <q-btn
-            icon="content_paste"
-            @click="paste"
-          >
+          <q-btn icon="content_paste" @click="paste">
             <q-tooltip>粘贴</q-tooltip>
           </q-btn>
-          <q-btn
-            icon="update"
-            @click="batch"
-            v-if="fieldListLength > 1"
-          >
+          <q-btn icon="update" @click="batch" v-if="fieldListLength > 1">
             <q-tooltip>批量修改</q-tooltip>
           </q-btn>
         </q-btn-group>
       </template>
       <template v-slot:header-actions>
-        <q-btn
-          flat
-          round
-          icon="add"
-          @click="addField"
-        ></q-btn>
+        <q-btn flat round icon="add" @click="addField"></q-btn>
       </template>
       <template v-slot:body-actions="props">
-        <q-btn
-          flat
-          round
-          icon="edit"
-          @click="editField(props.row)"
-        ></q-btn>
-        <q-btn
-          flat
-          round
-          icon="delete"
-          @click="deleteField(props)"
-        ></q-btn>
+        <q-btn flat round icon="edit" @click="editField(props.row)"></q-btn>
+        <q-btn flat round icon="delete" @click="deleteField(props)"></q-btn>
       </template>
       <template v-slot:warning>
         <slot name="warning"></slot>
       </template>
     </dynamic-list>
 
-    <free-field
-      :Field="editingFieldField"
-      :values="editingField"
-      @cancel="editorCancelled"
-      @save="saveField"
-      @input="editorInput"
-      @update:field="editingFieldChanged"
-    ></free-field>
+    <free-field :Field="editingFieldField" :values="editingField" @cancel="editorCancelled" @save="saveField"
+      @input="editorInput" @update:field="editingFieldChanged"></free-field>
   </div>
 </template>
 
 <script>
-import { defineComponent, ref, unref, computed, watchEffect } from 'vue';
-import { useFreeField, freeFieldProps } from '../composible/useFreeField';
-import DynamicList from './DynamicList';
+import { defineComponent, ref, unref, computed } from 'vue';
+import { useFreeField, freeFieldProps } from '../composible/useFreeField.js';
+import DynamicList from './DynamicList.vue';
 
 const clipBoardStore = {
   content: '',