free-fe-core-modules 0.0.37 → 0.0.38

package/free-field/Fields/Column.vue

@@ -3,16 +3,16 @@
     <free-field
       v-for="(field, idx) in Field.Options?.Fields"
       :Field="field"
-      :values="fieldData"
+      :values="fieldData.value"
       :key="idx"
       ref="fieldsToValidate"
-      @input="$emit('input', field)"></free-field>
+      @input="changed"></free-field>
   </div>
 </template>
 
 <script>
 import { defineComponent } from 'vue';
-import { freeFieldProps } from '../composible/useFreeField';
+import { freeFieldProps, useFreeField } from '../composible/useFreeField';
 import { useFormValidator} from '../../composible/useFormValidator';
 
 export default defineComponent({
@@ -119,13 +119,21 @@ export default defineComponent({
     ],
     Description: '',
   },
-  setup(props) {
+  emits: ['input'],
+  setup(props, { emit }) {
     if(!props.Field) return () => null;
 
+    const { fieldData } = useFreeField(props);
     const { validate } = useFormValidator('fieldsToValidate');
 
     return {
+      fieldData,
       validate,
+
+      changed: (fld) => {
+        const newValue = props.Field.Name === '.' ? Object.nestValue(fieldData, fld.Name) : fieldData;
+        emit('input', newValue, props.Field.Name === '.' ? fld : props.Field);
+      }
     }
   },
   computed: {

package/free-field/Fields/Image.vue

@@ -165,6 +165,7 @@
           round size="20px"
           @click="showPreview=false"></q-icon>
         <q-img
+          fit="contain"
           v-if="previewType === 'image'"
           contain :src="previewFile"
           @click="showPreview=false"

package/free-field/Fields/Row.vue

@@ -3,17 +3,16 @@
     <free-field
       v-for="(field, idx) in Field.Options?.Fields"
       :Field="field"
-      :values="fieldData"
+      :values="fieldData.value"
       :key="idx"
       ref="fieldsToValidate"
-      @input="$emit('input', field)"></free-field>
+      @input="changed"></free-field>
   </div>
 </template>
 
 <script>
-// TODO: correct the validations
 import { defineComponent } from 'vue';
-import { freeFieldProps } from '../composible/useFreeField';
+import { freeFieldProps, useFreeField } from '../composible/useFreeField';
 import { useFormValidator} from '../../composible/useFormValidator';
 
 export default defineComponent({
@@ -120,13 +119,21 @@ export default defineComponent({
     ],
     Description: '',
   },
-  setup(props) {
+  emits: ['input'],
+  setup(props, { emit }) {
     if(!props.Field) return () => null;
 
+    const { fieldData } = useFreeField(props);
     const { validate } = useFormValidator('fieldsToValidate');
 
     return {
+      fieldData,
       validate,
+
+      changed: (fld) => {
+        const newValue = props.Field.Name === '.' ? Object.nestValue(fieldData, fld.Name) : fieldData;
+        emit('input', newValue, props.Field.Name === '.' ? fld : props.Field);
+      }
     }
   },
   computed: {

package/free-field/Fields/Search.vue

@@ -28,7 +28,7 @@
           <q-table
             :flat="Field.Options?.Flat"
             :bordered="Field.Options?.Bordered"
-            :rows="searchData ? searchData.docs : []"
+            :rows="searchData.docs || []"
             :columns="searchColumns"
             row-key="id"
             :pagination="searchPagination"
@@ -200,6 +200,12 @@ export default defineComponent({
         Name: 'Options.SearchField',
         Default: 'id',
       },
+      {
+        Type: 'String',
+        Label: '搜索传输字段名',
+        Name: 'Options.SearchKeyName',
+        Default: 'search',
+      },
       {
         Type: 'String',
         Label: '显示字段',
@@ -423,9 +429,12 @@ export default defineComponent({
         return;
       }
 
+      const reqBody = {...(p ? {page: p} : {})};
+      reqBody[this.Field.Options?.SearchKeyName || 'search'] = this.searchKey;
+
       this.getRequest(
           this.Field.Options.SearchUrl,
-          {search: this.searchKey, ...(p ? {page: p} : {})}
+          reqBody,
         )
         .then((d) => {
           if (d && d.msg === 'OK') {

package/free-field/composible/fieldWrapper.js

@@ -196,8 +196,13 @@ export default defineComponent({
           props.Field.ReadOnly ? "free-field--readonly" : "",
           !shouldHide.value && hasError.value ? "hasError" : "",
         ],
-        onInput: () => {
-          emit("input", props.Field);
+        /**
+         *
+         * @param {any} _ value of the changed field
+         * @param {Field} fld the changed field (optional)
+         */
+        onInput: (_, fld) => {
+          emit("input", fld || props.Field);
         },
         ...compEmits.value,
       },

package/package.json

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