@tmagic/form 1.5.0-beta.13 → 1.5.0-beta.14

package/dist/tmagic-form.js

@@ -668,7 +668,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       return (name.value ? _ctx.model[name.value] : _ctx.model) ? (openBlock(), createElementBlock("fieldset", {
         key: 0,
         class: "m-fieldset",
-        style: normalizeStyle(show.value ? "padding: 15px 15px 0 5px;" : "border: 0")
+        style: normalizeStyle(show.value ? "padding: 15px" : "border: 0")
       }, [
         name.value && _ctx.config.checkbox ? (openBlock(), createBlock(resolveDynamicComponent(!show.value ? "div" : "legend"), { key: 0 }, {
           default: withCtx(() => [
@@ -1024,7 +1024,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         addable.value ? (openBlock(), createBlock(unref(TMagicButton), {
           key: 3,
           onClick: addHandler,
-          size: "small",
+          type: "primary",
           disabled: _ctx.disabled
         }, {
           default: withCtx(() => _cache[2] || (_cache[2] = [
@@ -2616,9 +2616,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     useAddField(props.prop);
-    const value = props.model?.[props.name].toString();
+    const value = props.model?.[props.name]?.toString();
     if (props.model) {
-      if (value === "Invalid Date") {
+      if (!value || value === "Invalid Date") {
         props.model[props.name] = "";
       } else {
         props.model[props.name] = datetimeFormatter(

package/dist/tmagic-form.umd.cjs

@@ -665,7 +665,7 @@
         return (name.value ? _ctx.model[name.value] : _ctx.model) ? (vue.openBlock(), vue.createElementBlock("fieldset", {
           key: 0,
           class: "m-fieldset",
-          style: vue.normalizeStyle(show.value ? "padding: 15px 15px 0 5px;" : "border: 0")
+          style: vue.normalizeStyle(show.value ? "padding: 15px" : "border: 0")
         }, [
           name.value && _ctx.config.checkbox ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(!show.value ? "div" : "legend"), { key: 0 }, {
             default: vue.withCtx(() => [
@@ -1021,7 +1021,7 @@
           addable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
             key: 3,
             onClick: addHandler,
-            size: "small",
+            type: "primary",
             disabled: _ctx.disabled
           }, {
             default: vue.withCtx(() => _cache[2] || (_cache[2] = [
@@ -2613,9 +2613,9 @@
       const props = __props;
       const emit = __emit;
       useAddField(props.prop);
-      const value = props.model?.[props.name].toString();
+      const value = props.model?.[props.name]?.toString();
       if (props.model) {
-        if (value === "Invalid Date") {
+        if (!value || value === "Invalid Date") {
           props.model[props.name] = "";
         } else {
           props.model[props.name] = datetimeFormatter(

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.5.0-beta.13",
+  "version": "1.5.0-beta.14",
   "name": "@tmagic/form",
   "type": "module",
   "sideEffects": [
@@ -55,8 +55,8 @@
   "peerDependencies": {
     "vue": "^3.5.0",
     "typescript": "*",
-    "@tmagic/design": "1.5.0-beta.13",
-    "@tmagic/utils": "1.5.0-beta.13"
+    "@tmagic/design": "1.5.0-beta.14",
+    "@tmagic/utils": "1.5.0-beta.14"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/src/containers/Fieldset.vue

@@ -1,9 +1,5 @@
 <template>
-  <fieldset
-    v-if="name ? model[name] : model"
-    class="m-fieldset"
-    :style="show ? 'padding: 15px 15px 0 5px;' : 'border: 0'"
-  >
+  <fieldset v-if="name ? model[name] : model" class="m-fieldset" :style="show ? 'padding: 15px' : 'border: 0'">
     <component v-if="name && config.checkbox" :is="!show ? 'div' : 'legend'">
       <TMagicCheckbox
         v-model="model[name].value"

package/src/containers/GroupList.vue

@@ -25,7 +25,7 @@
       @addDiffCount="onAddDiffCount()"
     ></MFieldsGroupListItem>
 
-    <TMagicButton @click="addHandler" size="small" :disabled="disabled" v-if="addable">新增</TMagicButton>
+    <TMagicButton @click="addHandler" type="primary" :disabled="disabled" v-if="addable">新增</TMagicButton>
 
     <TMagicButton :icon="Grid" size="small" @click="toggleMode" v-if="config.enableToggleMode">切换为表格</TMagicButton>
   </div>

package/src/fields/DateTime.vue

@@ -32,9 +32,9 @@ const emit = defineEmits<{
 
 useAddField(props.prop);
 
-const value = props.model?.[props.name].toString();
+const value = props.model?.[props.name]?.toString();
 if (props.model) {
-  if (value === 'Invalid Date') {
+  if (!value || value === 'Invalid Date') {
     props.model[props.name] = '';
   } else {
     props.model[props.name] = datetimeFormatter(