free-fe-core-modules 0.0.55 → 0.1.2

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.js';
 
 const clipBoardStore = {
   content: '',

package/free-field/Fields/Image.vue

@@ -1,152 +1,89 @@
 <template>
   <div class="row free-field-image" v-if="Field">
-    <span
-      :class="`field-label ${(Field.Label && Field.Label.trim().length)
-        ? '' : 'field-label-empty'} ${Field.Required ? 'required' : ''}`"
-      v-if="Field.Label && !Field.dense">
+    <span :class="`field-label ${(Field.Label && Field.Label.trim().length)
+      ? '' : 'field-label-empty'} ${Field.Required ? 'required' : ''}`" v-if="Field.Label && !Field.dense">
       <q-tooltip v-if="Field.Description" anchor="top right">
         {{
-        Field.Description
+          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"
-      :class="(Field.dense ?
+    <q-uploader @uploaded="uploaded" @removed="removeFile" @rejected="filesRejected" ref="uploader" :factory="factoryFn"
+      auto-upload :max-file-size="maxFileSize" :class="(Field.dense ?
         `no-shadow dense` : `${Field.onlyIcon ? 'only-icon' : ''}`)
-          + (hasError ? ' free-field--error' : '')"
-    >
+        + (hasError ? ' free-field--error' : '')">
       <template v-slot:list="scope">
         <div class="uploader-btns row no-wrap items-center" v-if="!Field.dense && !(Field.onlyIcon || onlyIcon)">
           <q-spinner v-if="scope.isUploading" class="q-uploader__spinner" />
-          <q-btn
-            v-if="!scope.isUploading"
-            type="a"
-            icon="cloud_upload"
-            dense
-            flat
-            class="upload-btn"
-            label="点击上传"
-            :disabled="Field.ReadOnly"
-          >
+          <q-btn v-if="!scope.isUploading" type="a" icon="cloud_upload" dense flat class="upload-btn" label="点击上传"
+            :disabled="Field.ReadOnly">
             <q-uploader-add-trigger v-if="!Field.ReadOnly" />
           </q-btn>
-          <q-btn
-            v-if="scope.isUploading"
-            icon="clear"
-            @click="scope.abort"
-            round
-            class="clear-btn"
-            dense
-            flat
-            :disabled="Field.ReadOnly"
-          ></q-btn>
+          <q-btn v-if="scope.isUploading" icon="clear" @click="scope.abort" round class="clear-btn" dense flat
+            :disabled="Field.ReadOnly"></q-btn>
           <slot name="warning"></slot>
         </div>
 
-        <q-btn
-          v-if="(Field.onlyIcon || onlyIcon) && (!fieldData.value || !fieldData.value || !fieldData.value.id)"
-          type="a"
-          :icon="fieldData?.value?.id ? 'check' : 'cloud_upload'"
-          dense
-          flat
-          :disabled="Field.ReadOnly"
-        >
+        <q-btn v-if="(Field.onlyIcon || onlyIcon) && (!fieldData.value || !fieldData.value || !fieldData.value.id)"
+          type="a" :icon="fieldData?.value?.id ? 'check' : 'cloud_upload'" dense flat :disabled="Field.ReadOnly">
           <q-uploader-add-trigger />
         </q-btn>
 
         <div v-else-if="(Field.onlyIcon || onlyIcon) && fieldData.value && fieldData.value?.id">
-          <q-img
-            :src="$filter(Field?.Options?.NoThumb ? 'serverImage' : 'serverThumb', `${fieldData.value.id}`)"
-            style="width:32px; max-height:32px;min-height:32px;"
-          >
+          <q-img :src="$filter(Field?.Options?.NoThumb ? 'serverImage' : 'serverThumb', `${fieldData.value.id}`)"
+            style="width:32px; max-height:32px;min-height:32px;">
           </q-img>
-          <q-uploader-add-trigger/>
+          <q-uploader-add-trigger />
         </div>
 
         <q-item v-else-if="Field.dense" class="items-center q-pa-none">
           <q-item-section v-if="fieldData.value.id" thumbnail>
-            <q-img
-              :src="`${ctx.config.thumbUrlBase}${fieldData.value.id}`"
-              style="width: 48px; max-height: 48px;"
-            >
+            <q-img :src="`${ctx.config.thumbUrlBase}${fieldData.value.id}`" style="width: 48px; max-height: 48px;">
             </q-img>
             <q-uploader-add-trigger v-if="!Field.ReadOnly" />
           </q-item-section>
 
-          <q-item-section v-if=" fieldData.value.__img" thumbnail class="gt-xs">
+          <q-item-section v-if="fieldData.value.__img" thumbnail class="gt-xs">
             <q-img :src="fieldData.value.__img.src">
             </q-img>
             <q-uploader-add-trigger v-if="!Field.ReadOnly" />
           </q-item-section>
 
           <q-item-section v-if="!fieldData.value?.id">
-            <q-btn
-              v-if="!scope.isUploading"
-              type="a"
-              icon="cloud_upload"
-              class="upload-btn"
-              dense
-              flat
-              :disabled="Field.ReadOnly"
-            >
+            <q-btn v-if="!scope.isUploading" type="a" icon="cloud_upload" class="upload-btn" dense flat
+              :disabled="Field.ReadOnly">
               <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="!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>
-                </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>
-                <span v-else-if="fieldData.value && fieldData.value.name">
-                  {{fieldData.value.name}}
-                </span>
-                <q-tooltip>{{ fieldData.value.name }}</q-tooltip>
+          <q-card flat class="file-list-item">
+            <e-icon class="file-image" :name="fileThumb(fieldData.value)" :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>
+              </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>
+              <span v-else-if="fieldData.value && fieldData.value.name">
+                {{ fieldData.value.name }}
               </span>
+              <q-tooltip>{{ fieldData.value.name }}</q-tooltip>
+            </span>
 
-              <span class="file-size full-width ellipsis">
-                Size: {{ fieldData.value.sizeLabel || fieldData.value.__sizeLabel }}
-              </span>
+            <span class="file-size full-width ellipsis">
+              Size: {{ fieldData.value.sizeLabel || fieldData.value.__sizeLabel }}
+            </span>
 
-              <q-btn
-                flat
-                dense
-                round
-                class="delete-btn"
-                icon="close"
-                @click="scope.removeFile(fieldData.value)"
-                :disabled="Field.ReadOnly"
-              />
+            <q-btn flat dense round class="delete-btn" icon="close" @click="scope.removeFile(fieldData.value)"
+              :disabled="Field.ReadOnly" />
           </q-card>
         </div>
 
@@ -155,32 +92,18 @@
         </div>
       </template>
     </q-uploader>
-    <q-dialog class="image-preview-dialog"
-      flat
-      full-width full-height v-model="showPreview"
+    <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
-          fit="contain"
-          v-if="previewType === 'image'"
-          :src="previewFile"
-          @click="showPreview=false"
+        <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 fit="contain" v-if="previewType === 'image'" :src="previewFile" @click="showPreview = false"
           style="max-height: 100%; max-width: 100%;">
         </q-img>
 
-        <q-pdfviewer
-          v-if="previewType === 'pdf'"
-          v-model="showPreview"
-          @click="showPreview=false"
-          :src="previewFile"
-          type="pdfjs"
-          style="height: 100%; max-width: 100%;"
-        />
+        <q-pdfviewer v-if="previewType === 'pdf'" v-model="showPreview" @click="showPreview = false" :src="previewFile"
+          type="pdfjs" style="height: 100%; max-width: 100%;" />
       </div>
     </q-dialog>
   </div>
@@ -188,9 +111,9 @@
 
 <script>
 import { defineComponent, getCurrentInstance, ref } from 'vue';
-import { useFreeField, freeFieldProps } from 'free-fe-core-modules/free-field/composible/useFreeField';
-import { useFormValidator} from 'free-fe-core-modules/composible/useFormValidator';
-import { useUploader } from 'free-fe-core-modules/free-field/composible/useUploader';
+import { useFreeField, freeFieldProps } from '../composible/useFreeField.js';
+import { useFormValidator} from '../../composible/useFormValidator.js';
+import { useUploader } from '../composible/useUploader.js';
 
 export default defineComponent({
   name: 'InputFieldImage',
@@ -297,7 +220,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,