@tmagic/form 1.0.3 → 1.0.4

package/dist/types/src/fields/Date.vue.d.ts

@@ -1,4 +1,4 @@
-import type { DefineComponent, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
 import { DateConfig } from '../schema';
 declare const _default: DefineComponent<{
     config: {
@@ -23,7 +23,6 @@ declare const _default: DefineComponent<{
     initValues: ObjectConstructor;
     values: ObjectConstructor;
 }, {
-    modelName: ComputedRef<string | number>;
     changeHandler(v: string): void;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "input")[], "change" | "input", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     config: {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.3",
+  "version": "1.0.4",
   "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.4",
     "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/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">