@tmagic/form 1.0.0-beta.15 → 1.0.0-beta.16

package/dist/style.css

@@ -17,26 +17,24 @@
   opacity: 0;
 }
 
-.m-form,
-.m-form-panel.el-card .el-card__body {
-  color: #333;
-  background-color: #fff;
-}
-
 .m-form .m-form-tip {
   color: rgba(0, 0, 0, 0.45);
   font-size: 12px;
   transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
 }
-
 .m-form .m-form-schematic {
   max-width: 50%;
   height: 100%;
 }
-
-.el-table .cell > div.m-form-container {
+.m-form .el-table .cell > div.m-form-container {
   display: block;
 }
+.m-form .el-tabs {
+  margin-bottom: 10px;
+}
+.m-form .el-form-item.hidden .el-form-item__label {
+  display: none;
+}
 
 .magic-datetime-picker-popper .el-picker-panel__footer button:first-child {
   display: none;

package/dist/tmagic-form.es.js

@@ -233,6 +233,7 @@ const _sfc_main$t = defineComponent({
       }
       return display(mForm, props.config.display, props);
     });
+    const itemLabelWidth = computed(() => props.config.labelWidth || props.labelWidth);
     watchEffect(() => {
       expand.value = props.expandMore;
     });
@@ -293,6 +294,7 @@ const _sfc_main$t = defineComponent({
       itemProp,
       items,
       display: display$1,
+      itemLabelWidth,
       tagName,
       rule,
       tooltip,
@@ -340,13 +342,14 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
       prop: _ctx.itemProp,
       "step-active": _ctx.stepActive,
       "expand-more": _ctx.expand,
-      "label-width": _ctx.config.labelWidth || _ctx.labelWidth,
+      "label-width": _ctx.itemLabelWidth,
       onChange: _ctx.onChangeHandler
     }, null, 8, ["size", "model", "config", "name", "prop", "step-active", "expand-more", "label-width", "onChange"])) : _ctx.type && _ctx.display ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
       createVNode(_component_el_form_item, {
         style: normalizeStyle(_ctx.config.tip ? "flex: 1" : ""),
+        class: normalizeClass({ hidden: _ctx.itemLabelWidth === 0 || !_ctx.config.text }),
         prop: _ctx.itemProp,
-        "label-width": _ctx.config.text ? _ctx.config.labelWidth || _ctx.labelWidth : "0",
+        "label-width": _ctx.itemLabelWidth,
         rules: _ctx.rule
       }, {
         label: withCtx(() => [
@@ -389,7 +392,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, _hoisted_3$7)) : createCommentVNode("", true)
         ]),
         _: 1
-      }, 8, ["style", "prop", "label-width", "rules"]),
+      }, 8, ["style", "class", "prop", "label-width", "rules"]),
       _ctx.config.tip ? (openBlock(), createBlock(_component_el_tooltip, {
         key: 0,
         placement: "left"
@@ -418,7 +421,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
           size: _ctx.size,
           "step-active": _ctx.stepActive,
           "expand-more": _ctx.expand,
-          "label-width": _ctx.config.labelWidth || _ctx.labelWidth,
+          "label-width": _ctx.itemLabelWidth,
           prop: _ctx.itemProp,
           onChange: _ctx.onChangeHandler
         }, null, 8, ["model", "config", "size", "step-active", "expand-more", "label-width", "prop", "onChange"]);
@@ -1693,6 +1696,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
                       createVNode(_component_el_button, {
                         plain: "",
                         size: "small",
+                        type: "primary",
                         icon: _ctx.ArrowUp,
                         text: "",
                         onClick: ($event) => _ctx.upHandler(scope.$index + 1 + _ctx.pagecontext * _ctx.pagesize - 1),
@@ -1710,6 +1714,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
                       createVNode(_component_el_button, {
                         plain: "",
                         size: "small",
+                        type: "primary",
                         icon: _ctx.ArrowDown,
                         text: "",
                         onClick: ($event) => _ctx.downHandler(scope.$index + 1 + _ctx.pagecontext * _ctx.pagesize - 1),
@@ -1788,6 +1793,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
         key: 1,
         icon: _ctx.Grid,
         size: "small",
+        type: "primary",
         onClick: _ctx.toggleMode
       }, {
         default: withCtx(() => [
@@ -1799,6 +1805,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
         key: 2,
         icon: _ctx.FullScreen,
         size: "small",
+        type: "primary",
         onClick: _ctx.toggleFullscreen
       }, {
         default: withCtx(() => [
@@ -2699,6 +2706,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   }, toDisplayString(_ctx.displayText), 5)) : (openBlock(), createElementBlock("div", _hoisted_2$1, [
     createVNode(_component_el_button, {
       text: "",
+      type: "primary",
       onClick: _ctx.editHandler
     }, {
       default: withCtx(() => [