@tmagic/form 1.0.3 → 1.0.6

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.3",
+  "version": "1.0.6",
   "name": "@tmagic/form",
   "sideEffects": [
     "dist/*",
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "@element-plus/icons": "0.0.11",
-    "@tmagic/utils": "1.0.3",
+    "@tmagic/utils": "1.0.6",
     "element-plus": "^2.2.6",
     "lodash-es": "^4.17.21",
     "moment": "^2.29.2",

package/src/containers/Fieldset.vue

@@ -102,7 +102,6 @@ if (props.config.checkbox && name.value) {
   watch(
     () => props.model[name.value]?.value,
     () => {
-      console.log(props.model);
       emit('change', props.model);
     },
   );

package/src/containers/Table.vue

@@ -154,7 +154,7 @@
 /* eslint-disable no-param-reassign */
 import { computed, defineComponent, inject, onMounted, PropType, ref, toRefs } from 'vue';
 import { ArrowDown, ArrowUp, Delete, FullScreen, Grid } from '@element-plus/icons';
-import { ElMessage, ElTable, UploadFile } from 'element-plus';
+import { ElMessage, UploadFile } from 'element-plus';
 import { cloneDeep } from 'lodash-es';
 import Sortable, { SortableEvent } from 'sortablejs';
 
@@ -223,7 +223,7 @@ export default defineComponent({
     let timer: NodeJS.Timeout | null = null;
     const mForm = inject<FormState | undefined>('mForm');
 
-    const elTable = ref<InstanceType<typeof ElTable>>();
+    const elTable = ref<any>();
     const excelBtn = ref<any>();
     const mTable = ref<HTMLDivElement>();
 

package/src/fields/Date.vue

@@ -1,20 +1,18 @@
 <template>
-  <div v-if="model">
-    <el-date-picker
-      v-model="model[modelName]"
-      type="date"
-      :size="size"
-      :placeholder="config.placeholder"
-      :disabled="disabled"
-      :format="config.format"
-      :value-format="config.format || 'YYYY-MM-DD HH:mm:ss'"
-      @change="changeHandler"
-    ></el-date-picker>
-  </div>
+  <el-date-picker
+    v-model="model[name]"
+    type="date"
+    :size="size"
+    :placeholder="config.placeholder"
+    :disabled="disabled"
+    :format="config.format"
+    :value-format="config.format || 'YYYY-MM-DD HH:mm:ss'"
+    @change="changeHandler"
+  ></el-date-picker>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType } from 'vue';
+import { defineComponent, PropType } from 'vue';
 
 import { datetimeFormatter } from '@tmagic/utils';
 
@@ -38,10 +36,8 @@ export default defineComponent({
   setup(props, { emit }) {
     useAddField(props.prop);
 
-    const modelName = computed(() => props.prop || props.config.name || '');
-    props.model[modelName.value] = datetimeFormatter(props.model[modelName.value], '');
+    props.model[props.name] = datetimeFormatter(props.model[props.name], '');
     return {
-      modelName,
       changeHandler(v: string) {
         emit('change', v);
       },

package/src/fields/Time.vue

@@ -1,14 +1,12 @@
 <template>
-  <div>
-    <el-time-picker
-      v-model="model[name]"
-      :size="size"
-      value-format="HH:mm:ss"
-      :placeholder="config.placeholder"
-      :disabled="disabled"
-      @change="changeHandler"
-    ></el-time-picker>
-  </div>
+  <el-time-picker
+    v-model="model[name]"
+    :size="size"
+    value-format="HH:mm:ss"
+    :placeholder="config.placeholder"
+    :disabled="disabled"
+    @change="changeHandler"
+  ></el-time-picker>
 </template>
 
 <script lang="ts">