@tmagic/form 1.0.0-beta.1 → 1.0.0-beta.4

package/dist/style.css

@@ -136,7 +136,6 @@ fieldset.m-fieldset .m-form-tip {
   background-color: #f2f2f2 !important;
   color: #333 !important;
 }
-.m-fields-table .el-table td,
 .m-fields-table .el-table th {
   padding: 0 !important;
 }

package/dist/tmagic-form.es.js

@@ -1,7 +1,7 @@
 import { toRaw, defineComponent, inject, ref, computed, resolveComponent, watchEffect, openBlock, createElementBlock, normalizeStyle, normalizeClass, createBlock, resolveDynamicComponent, Fragment, createVNode, withCtx, createElementVNode, createCommentVNode, renderList, createTextVNode, toDisplayString, withDirectives, vShow, renderSlot, onMounted, toRefs, getCurrentInstance, watch, unref, reactive, onBeforeUnmount, vModelText, onBeforeMount, resolveDirective, createSlots, provide } from 'vue';
-import { cloneDeep } from 'lodash-es';
-import { CaretRight, CaretBottom, Delete, ArrowDown, ArrowUp } from '@element-plus/icons';
-import { ElMessage, ElForm } from 'element-plus';
+import { cloneDeep, isEqual } from 'lodash-es';
+import { CaretRight, CaretBottom, Delete, ArrowDown, ArrowUp, FullScreen, Grid } from '@element-plus/icons';
+import { ElMessage } from 'element-plus';
 import Sortable from 'sortablejs';
 import { asyncLoadJs, sleep, datetimeFormatter } from '@tmagic/utils';
 
@@ -1359,6 +1359,8 @@ const _sfc_main$l = defineComponent({
       ArrowDown,
       ArrowUp,
       Delete,
+      FullScreen,
+      Grid,
       data: computed(() => props.model[modelName.value].filter((item, index) => index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value)),
       addable: computed(() => {
         if (!props.model[modelName.value].length) {
@@ -1607,7 +1609,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
               })) : createCommentVNode("", true),
               createVNode(_component_el_table_column, {
                 label: "\u64CD\u4F5C",
-                width: "50",
+                width: "60",
                 fixed: _ctx.config.fixed === false ? void 0 : "left"
               }, {
                 default: withCtx((scope) => [
@@ -1625,7 +1627,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
               _ctx.sort && _ctx.model[_ctx.modelName] && _ctx.model[_ctx.modelName].length > 1 ? (openBlock(), createBlock(_component_el_table_column, {
                 key: 1,
                 label: "\u6392\u5E8F",
-                width: "70"
+                width: "60"
               }, {
                 default: withCtx((scope) => [
                   scope.$index + 1 + _ctx.pagecontext * _ctx.pagesize - 1 !== 0 ? (openBlock(), createBlock(_component_el_tooltip, {
@@ -1673,7 +1675,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
                 width: "45"
               })) : createCommentVNode("", true),
               createVNode(_component_el_table_column, {
-                width: "50",
+                width: "60",
                 label: "\u5E8F\u53F7"
               }, {
                 default: withCtx((scope) => [
@@ -1730,7 +1732,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
       _hoisted_5,
       _ctx.enableToggleMode && !_ctx.isFullscreen ? (openBlock(), createBlock(_component_el_button, {
         key: 1,
-        icon: "el-icon-s-grid",
+        icon: _ctx.Grid,
         size: "small",
         onClick: _ctx.toggleMode
       }, {
@@ -1738,10 +1740,10 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
           _hoisted_6
         ]),
         _: 1
-      }, 8, ["onClick"])) : createCommentVNode("", true),
+      }, 8, ["icon", "onClick"])) : createCommentVNode("", true),
       _ctx.config.enableFullscreen !== false ? (openBlock(), createBlock(_component_el_button, {
         key: 2,
-        icon: "el-icon-s-grid",
+        icon: _ctx.FullScreen,
         size: "small",
         onClick: _ctx.toggleFullscreen
       }, {
@@ -1749,7 +1751,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
           createTextVNode(toDisplayString(_ctx.isFullscreen ? "\u9000\u51FA\u5168\u5C4F" : "\u5168\u5C4F\u7F16\u8F91"), 1)
         ]),
         _: 1
-      }, 8, ["onClick"])) : createCommentVNode("", true),
+      }, 8, ["icon", "onClick"])) : createCommentVNode("", true),
       _ctx.importable ? (openBlock(), createBlock(_component_el_upload, {
         key: 3,
         ref: "excelBtn",
@@ -1815,6 +1817,7 @@ const getActive = (mForm, props, activeTabName) => {
 };
 const tabClickHandler = (mForm, tab, props) => {
   const { config, model, prop } = props;
+  tab.name = tab.paneName;
   if (typeof config.onTabClick === "function") {
     config.onTabClick(mForm, tab, { model, formValue: mForm?.values, prop });
   }
@@ -3355,7 +3358,6 @@ var Time = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]])
 
 const _sfc_main$1 = defineComponent({
   name: "m-form",
-  components: { ElForm, MContainer: Container },
   props: {
     initValues: {
       type: Object,
@@ -3388,8 +3390,7 @@ const _sfc_main$1 = defineComponent({
       default: () => 1
     },
     size: {
-      type: String,
-      default: "small"
+      type: String
     },
     inline: {
       type: Boolean,
@@ -3432,8 +3433,10 @@ const _sfc_main$1 = defineComponent({
       }
     });
     provide("mForm", formState);
-    watchEffect(() => {
-      initialized.value = false;
+    watch([() => props.config, () => props.initValues], ([config], [preConfig]) => {
+      if (!isEqual(toRaw(config), toRaw(preConfig))) {
+        initialized.value = false;
+      }
       initValue(formState, {
         initValues: props.initValues,
         config: props.config
@@ -3441,7 +3444,7 @@ const _sfc_main$1 = defineComponent({
         values.value = value;
         initialized.value = true;
       });
-    });
+    }, { immediate: true });
     return {
       initialized,
       values,
@@ -3474,10 +3477,9 @@ const _sfc_main$1 = defineComponent({
   }
 });
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_MContainer = resolveComponent("MContainer");
-  const _component_ElForm = resolveComponent("ElForm");
-  return _ctx.initialized && Array.isArray(_ctx.config) ? (openBlock(), createBlock(_component_ElForm, {
-    key: 0,
+  const _component_m_form_container = resolveComponent("m-form-container");
+  const _component_el_form = resolveComponent("el-form");
+  return openBlock(), createBlock(_component_el_form, {
     class: "m-form",
     ref: "elForm",
     model: _ctx.values,
@@ -3488,8 +3490,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     "label-position": _ctx.labelPosition
   }, {
     default: withCtx(() => [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config, (item, index) => {
-        return openBlock(), createBlock(_component_MContainer, {
+      _ctx.initialized && Array.isArray(_ctx.config) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.config, (item, index) => {
+        return openBlock(), createBlock(_component_m_form_container, {
           key: item[_ctx.keyProp] ?? index,
           config: item,
           model: _ctx.values,
@@ -3498,10 +3500,10 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
           size: _ctx.size,
           onChange: _ctx.changeHandler
         }, null, 8, ["config", "model", "label-width", "step-active", "size", "onChange"]);
-      }), 128))
+      }), 128)) : createCommentVNode("", true)
     ]),
     _: 1
-  }, 8, ["model", "label-width", "disabled", "style", "inline", "label-position"])) : createCommentVNode("", true);
+  }, 8, ["model", "label-width", "disabled", "style", "inline", "label-position"]);
 }
 var Form = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 
@@ -3521,6 +3523,7 @@ const _sfc_main = defineComponent({
       default: () => []
     },
     labelWidth: [Number, String],
+    size: String,
     confirmText: {
       type: String,
       default: "\u786E\u5B9A"
@@ -3691,11 +3694,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             modelValue: _ctx.stepActive,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.stepActive = $event),
             ref: "form",
+            size: _ctx.size,
             config: _ctx.config,
             "init-values": _ctx.values,
             "label-width": _ctx.labelWidth,
             onChange: _ctx.changeHandler
-          }, null, 8, ["modelValue", "config", "init-values", "label-width", "onChange"]),
+          }, null, 8, ["modelValue", "size", "config", "init-values", "label-width", "onChange"]),
           renderSlot(_ctx.$slots, "default")
         ], 4)
       ]),