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

package/dist/tmagic-form.umd.js

@@ -236,6 +236,7 @@
         }
         return display(mForm, props.config.display, props);
       });
+      const itemLabelWidth = vue.computed(() => props.config.labelWidth || props.labelWidth);
       vue.watchEffect(() => {
         expand.value = props.expandMore;
       });
@@ -296,6 +297,7 @@
         itemProp,
         items,
         display: display$1,
+        itemLabelWidth,
         tagName,
         rule,
         tooltip,
@@ -343,13 +345,14 @@
         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 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
         vue.createVNode(_component_el_form_item, {
           style: vue.normalizeStyle(_ctx.config.tip ? "flex: 1" : ""),
+          class: vue.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: vue.withCtx(() => [
@@ -392,7 +395,7 @@
             }, null, 8, _hoisted_3$7)) : vue.createCommentVNode("", true)
           ]),
           _: 1
-        }, 8, ["style", "prop", "label-width", "rules"]),
+        }, 8, ["style", "class", "prop", "label-width", "rules"]),
         _ctx.config.tip ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
           key: 0,
           placement: "left"
@@ -421,7 +424,7 @@
             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"]);
@@ -1696,6 +1699,7 @@
                         vue.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),
@@ -1713,6 +1717,7 @@
                         vue.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),
@@ -1791,6 +1796,7 @@
           key: 1,
           icon: _ctx.Grid,
           size: "small",
+          type: "primary",
           onClick: _ctx.toggleMode
         }, {
           default: vue.withCtx(() => [
@@ -1802,6 +1808,7 @@
           key: 2,
           icon: _ctx.FullScreen,
           size: "small",
+          type: "primary",
           onClick: _ctx.toggleFullscreen
         }, {
           default: vue.withCtx(() => [
@@ -2702,6 +2709,7 @@
     }, vue.toDisplayString(_ctx.displayText), 5)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
       vue.createVNode(_component_el_button, {
         text: "",
+        type: "primary",
         onClick: _ctx.editHandler
       }, {
         default: vue.withCtx(() => [