@tmagic/form 1.3.0-alpha.22 → 1.3.0-alpha.24

package/dist/tmagic-form.umd.cjs

@@ -181,7 +181,7 @@
     key: 5,
     style: { "text-align": "center" }
   };
-  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormContainer"
     },
@@ -610,7 +610,7 @@
   };
   const _hoisted_7 = { style: { "flex": "1" } };
   const _hoisted_8 = ["src"];
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormFieldset"
     },
@@ -693,7 +693,7 @@
           _ctx.config.schematic && show.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
             vue.createElementVNode("div", _hoisted_7, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (item, index) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$x, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$y, {
                   key: key(item, index),
                   model: name.value ? _ctx.model[name.value] : _ctx.model,
                   lastValues: name.value ? _ctx.lastValues[name.value] : _ctx.lastValues,
@@ -714,7 +714,7 @@
               src: _ctx.config.schematic
             }, null, 8, _hoisted_8)
           ])) : show.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 3 }, vue.renderList(_ctx.config.items, (item, index) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$x, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$y, {
               key: key(item, index),
               model: name.value ? _ctx.model[name.value] : _ctx.model,
               lastValues: name.value ? _ctx.lastValues[name.value] : _ctx.lastValues,
@@ -736,7 +736,7 @@
 
   const _hoisted_1$b = { class: "m-fields-group-list-item" };
   const _hoisted_2$5 = ["innerHTML"];
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormGroupListItem"
     },
@@ -869,7 +869,7 @@
               class: "m-form-tip"
             }, null, 8, _hoisted_2$5)) : vue.createCommentVNode("", true)
           ]),
-          expand.value ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+          expand.value ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
             key: 0,
             config: rowConfig.value,
             model: _ctx.model,
@@ -897,7 +897,7 @@
   const _hoisted_5$1 = [
     _hoisted_4$1
   ];
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormGroupList"
     },
@@ -987,7 +987,7 @@
             style: { "color": "rgba(0, 0, 0, 0.45)" }
           }, null, 8, _hoisted_2$4)) : vue.createCommentVNode("", true),
           !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, _hoisted_5$1)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(_ctx.model[_ctx.name], (item, index) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$v, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$w, {
               key: index,
               model: item,
               lastValues: getLastValues(_ctx.lastValues[_ctx.name], index),
@@ -1040,7 +1040,7 @@
   };
   const _hoisted_4 = { style: { "flex": "1" } };
   const _hoisted_5 = ["src"];
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormPanel"
     },
@@ -1095,7 +1095,7 @@
               _ctx.config.schematic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
                 vue.createElementVNode("div", _hoisted_4, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item, index) => {
-                    return vue.openBlock(), vue.createBlock(_sfc_main$x, {
+                    return vue.openBlock(), vue.createBlock(_sfc_main$y, {
                       key: item[vue.unref(mForm)?.keyProp || "__key"] ?? index,
                       config: item,
                       model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
@@ -1115,7 +1115,7 @@
                   src: _ctx.config.schematic
                 }, null, 8, _hoisted_5)
               ])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(items.value, (item, index) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$x, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$y, {
                   key: item[vue.unref(mForm)?.keyProp || "__key"] ?? index,
                   config: item,
                   model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
@@ -1137,7 +1137,7 @@
     }
   });
 
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormCol"
     },
@@ -1164,7 +1164,7 @@
       return (_ctx, _cache) => {
         return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCol), { span: _ctx.span }, {
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$x, {
+            vue.createVNode(_sfc_main$y, {
               model: _ctx.model,
               lastValues: _ctx.lastValues,
               "is-compare": _ctx.isCompare,
@@ -1186,7 +1186,7 @@
     }
   });
 
-  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormRow"
     },
@@ -1213,7 +1213,7 @@
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicRow), { gutter: 10 }, {
           default: vue.withCtx(() => [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (col, index) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$s, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$t, {
                 key: col[vue.unref(mForm)?.keyProp || "__key"] ?? index,
                 span: col.span || _ctx.config.span || 24 / _ctx.config.items.length,
                 config: col,
@@ -1236,7 +1236,7 @@
     }
   });
 
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormStep"
     },
@@ -1290,7 +1290,7 @@
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(step.items, (item) => {
                 return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-                  item ? vue.withDirectives((vue.openBlock(), vue.createBlock(_sfc_main$x, {
+                  item ? vue.withDirectives((vue.openBlock(), vue.createBlock(_sfc_main$y, {
                     key: item[vue.unref(mForm)?.keyProp || "__key"],
                     config: item,
                     model: step.name ? _ctx.model[step.name] : _ctx.model,
@@ -1321,7 +1321,7 @@
     class: "bottom",
     style: { "text-align": "right" }
   };
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormTable"
     },
@@ -1810,7 +1810,7 @@
                         "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
                       }, {
                         default: vue.withCtx((scope) => [
-                          scope.$index > -1 ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+                          scope.$index > -1 ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
                             key: 0,
                             labelWidth: "0",
                             disabled: _ctx.disabled,
@@ -1930,7 +1930,7 @@
     }
   });
 
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormTabs"
     },
@@ -2084,7 +2084,7 @@
                 ]),
                 default: vue.withCtx(() => [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(tabItems(tab), (item) => {
-                    return vue.openBlock(), vue.createBlock(_sfc_main$x, {
+                    return vue.openBlock(), vue.createBlock(_sfc_main$y, {
                       key: item[vue.unref(mForm)?.keyProp || "__key"],
                       config: item,
                       disabled: _ctx.disabled,
@@ -2136,7 +2136,7 @@
     );
   };
 
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormCascader"
     },
@@ -2224,7 +2224,7 @@
     }
   });
 
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormCheckbox"
     },
@@ -2286,7 +2286,7 @@
     }
   });
 
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormCheckGroup"
     },
@@ -2349,7 +2349,7 @@
     }
   });
 
-  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormColorPicker"
     },
@@ -2383,7 +2383,7 @@
     }
   });
 
-  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDate"
     },
@@ -2423,7 +2423,7 @@
     }
   });
 
-  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDateRange"
     },
@@ -2525,7 +2525,7 @@
     }
   });
 
-  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDateTime"
     },
@@ -2575,7 +2575,7 @@
   });
 
   const _hoisted_1$7 = { key: 0 };
-  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDisplay"
     },
@@ -2604,7 +2604,7 @@
   });
 
   const _hoisted_1$6 = { class: "m-fields-dynamic-field" };
-  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDynamicField"
     },
@@ -2696,7 +2696,7 @@
     }
   });
 
-  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormHidden"
     },
@@ -2727,7 +2727,7 @@
     }
   });
 
-  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MForm"
     },
@@ -2866,7 +2866,7 @@
         }, {
           default: vue.withCtx(() => [
             initialized.value && Array.isArray(_ctx.config) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.config, (item, index) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$x, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$y, {
                 disabled: _ctx.disabled,
                 key: item[_ctx.keyProp] ?? index,
                 config: item,
@@ -2887,7 +2887,7 @@
   });
 
   const _hoisted_1$5 = { style: { "min-height": "1px" } };
-  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDialog"
     },
@@ -2901,6 +2901,8 @@
       fullscreen: { type: Boolean },
       disabled: { type: Boolean },
       title: {},
+      inline: { type: Boolean },
+      labelPosition: {},
       zIndex: {},
       size: {},
       confirmText: { default: "确定" }
@@ -3058,7 +3060,7 @@
               class: "m-dialog-body",
               style: vue.normalizeStyle(`max-height: ${bodyHeight.value}; overflow-y: auto; overflow-x: hidden;`)
             }, [
-              vue.createVNode(_sfc_main$d, {
+              vue.createVNode(_sfc_main$e, {
                 modelValue: stepActive.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => stepActive.value = $event),
                 ref_key: "form",
@@ -3069,8 +3071,10 @@
                 "init-values": _ctx.values,
                 "parent-values": _ctx.parentValues,
                 "label-width": _ctx.labelWidth,
+                "label-position": _ctx.labelPosition,
+                inline: _ctx.inline,
                 onChange: changeHandler
-              }, null, 8, ["modelValue", "size", "disabled", "config", "init-values", "parent-values", "label-width"]),
+              }, null, 8, ["modelValue", "size", "disabled", "config", "init-values", "parent-values", "label-width", "label-position", "inline"]),
               vue.renderSlot(_ctx.$slots, "default")
             ], 4)) : vue.createCommentVNode("", true)
           ]),
@@ -3085,7 +3089,7 @@
     key: 2,
     class: "m-fields-link"
   };
-  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormLink"
     },
@@ -3167,7 +3171,7 @@
             ]),
             _: 1
           }),
-          vue.createVNode(_sfc_main$c, {
+          vue.createVNode(_sfc_main$d, {
             ref_key: "editor",
             ref: editor,
             title: _ctx.config.formTitle || "编辑扩展配置",
@@ -3183,7 +3187,7 @@
     }
   });
 
-  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormNumber"
     },
@@ -3233,7 +3237,7 @@
 
   const _hoisted_1$3 = { class: "m-fields-number-range" };
   const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "split-tag" }, "-", -1);
-  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormNumberRange"
     },
@@ -3286,7 +3290,7 @@
     }
   });
 
-  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormRadioGroup"
     },
@@ -3338,7 +3342,7 @@
     }
   });
 
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormSelectOptionGroups"
     },
@@ -3372,7 +3376,7 @@
     }
   });
 
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormSelectOptions"
     },
@@ -3396,7 +3400,7 @@
   });
 
   const _hoisted_1$2 = { key: 2 };
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormSelect"
     },
@@ -3736,10 +3740,10 @@
           onVisibleChange: visibleHandler
         }, {
           default: vue.withCtx(() => [
-            _ctx.config.group ? (vue.openBlock(), vue.createBlock(_sfc_main$7, {
+            _ctx.config.group ? (vue.openBlock(), vue.createBlock(_sfc_main$8, {
               key: 0,
               options: vue.unref(groupOptions)
-            }, null, 8, ["options"])) : (vue.openBlock(), vue.createBlock(_sfc_main$6, {
+            }, null, 8, ["options"])) : (vue.openBlock(), vue.createBlock(_sfc_main$7, {
               key: 1,
               options: vue.unref(itemOptions)
             }, null, 8, ["options"])),
@@ -3755,7 +3759,7 @@
     }
   });
 
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormSwitch"
     },
@@ -3813,7 +3817,7 @@
   });
 
   const _hoisted_1$1 = { key: 0 };
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormText"
     },
@@ -3937,7 +3941,7 @@
     }
   });
 
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormTextarea"
     },
@@ -3981,7 +3985,7 @@
     }
   });
 
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormTime"
     },
@@ -4019,6 +4023,84 @@
     }
   });
 
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      name: "MFormTimeRange"
+    },
+    __name: "Timerange",
+    props: {
+      config: {},
+      model: {},
+      initValues: {},
+      values: {},
+      name: {},
+      prop: {},
+      disabled: { type: Boolean },
+      size: {},
+      lastValues: {}
+    },
+    emits: ["change"],
+    setup(__props, { emit }) {
+      const props = __props;
+      useAddField(props.prop);
+      const { names } = props.config;
+      const value = vue.ref([]);
+      if (props.model !== void 0 && names?.length) {
+        vue.watch(
+          [() => props.model[names[0]], () => props.model[names[1]]],
+          ([start, end], [preStart, preEnd]) => {
+            if (!value.value) {
+              value.value = [];
+            }
+            if (!start || !end)
+              value.value = [];
+            if (start !== preStart)
+              value.value[0] = start;
+            if (end !== preEnd)
+              value.value[1] = end;
+          },
+          {
+            immediate: true
+          }
+        );
+      }
+      const setValue = (v) => {
+        names?.forEach((item, index) => {
+          if (!props.model) {
+            return;
+          }
+          if (Array.isArray(v)) {
+            props.model[item] = utils.datetimeFormatter(v[index]?.toString(), "");
+          } else {
+            props.model[item] = void 0;
+          }
+        });
+      };
+      const changeHandler = (v) => {
+        const value2 = v || [];
+        if (names?.length) {
+          setValue(value2);
+        }
+        emit("change", value2);
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTimePicker), {
+          modelValue: value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+          "is-range": "",
+          "range-separator": "-",
+          "start-placeholder": "开始时间",
+          "end-placeholder": "结束时间",
+          size: _ctx.size,
+          "unlink-panels": true,
+          disabled: _ctx.disabled,
+          "default-time": _ctx.config.defaultTime,
+          onChange: changeHandler
+        }, null, 8, ["modelValue", "size", "disabled", "default-time"]);
+      };
+    }
+  });
+
   const index$1 = '';
 
   const _hoisted_1 = { style: { "min-height": "1px" } };
@@ -4038,7 +4120,9 @@
       title: {},
       zIndex: {},
       size: {},
-      confirmText: { default: "确定" }
+      confirmText: { default: "确定" },
+      inline: { type: Boolean },
+      labelPosition: {}
     },
     emits: ["close", "submit", "error", "change", "open", "opened"],
     setup(__props, { expose: __expose, emit }) {
@@ -4146,7 +4230,7 @@
               ref: drawerBody,
               class: "m-drawer-body"
             }, [
-              vue.createVNode(_sfc_main$d, {
+              vue.createVNode(_sfc_main$e, {
                 ref_key: "form",
                 ref: form,
                 size: _ctx.size,
@@ -4155,8 +4239,10 @@
                 "init-values": _ctx.values,
                 "parent-values": _ctx.parentValues,
                 "label-width": _ctx.labelWidth,
+                "label-position": _ctx.labelPosition,
+                inline: _ctx.inline,
                 onChange: changeHandler
-              }, null, 8, ["size", "disabled", "config", "init-values", "parent-values", "label-width"]),
+              }, null, 8, ["size", "disabled", "config", "init-values", "parent-values", "label-width", "label-position", "inline"]),
               vue.renderSlot(_ctx.$slots, "default")
             ], 512)) : vue.createCommentVNode("", true)
           ]),
@@ -4172,67 +4258,69 @@
       const option = Object.assign(defaultInstallOpt, opt);
       app.config.globalProperties.$MAGIC_FORM = option;
       setConfig(option);
-      app.component("m-form", _sfc_main$d);
-      app.component("m-form-dialog", _sfc_main$c);
-      app.component("m-form-container", _sfc_main$x);
-      app.component("m-form-fieldset", _sfc_main$w);
-      app.component("m-form-group-list", _sfc_main$u);
-      app.component("m-form-panel", _sfc_main$t);
-      app.component("m-form-row", _sfc_main$r);
-      app.component("m-form-step", _sfc_main$q);
-      app.component("m-form-table", _sfc_main$p);
-      app.component("m-form-tab", _sfc_main$o);
-      app.component("m-fields-text", _sfc_main$3);
-      app.component("m-fields-number", _sfc_main$a);
-      app.component("m-fields-number-range", _sfc_main$9);
-      app.component("m-fields-textarea", _sfc_main$2);
-      app.component("m-fields-hidden", _sfc_main$e);
-      app.component("m-fields-date", _sfc_main$j);
-      app.component("m-fields-datetime", _sfc_main$h);
-      app.component("m-fields-daterange", _sfc_main$i);
-      app.component("m-fields-time", _sfc_main$1);
-      app.component("m-fields-checkbox", _sfc_main$m);
-      app.component("m-fields-switch", _sfc_main$4);
-      app.component("m-fields-color-picker", _sfc_main$k);
-      app.component("m-fields-checkbox-group", _sfc_main$l);
-      app.component("m-fields-radio-group", _sfc_main$8);
-      app.component("m-fields-display", _sfc_main$g);
-      app.component("m-fields-link", _sfc_main$b);
-      app.component("m-fields-select", _sfc_main$5);
-      app.component("m-fields-cascader", _sfc_main$n);
-      app.component("m-fields-dynamic-field", _sfc_main$f);
+      app.component("m-form", _sfc_main$e);
+      app.component("m-form-dialog", _sfc_main$d);
+      app.component("m-form-container", _sfc_main$y);
+      app.component("m-form-fieldset", _sfc_main$x);
+      app.component("m-form-group-list", _sfc_main$v);
+      app.component("m-form-panel", _sfc_main$u);
+      app.component("m-form-row", _sfc_main$s);
+      app.component("m-form-step", _sfc_main$r);
+      app.component("m-form-table", _sfc_main$q);
+      app.component("m-form-tab", _sfc_main$p);
+      app.component("m-fields-text", _sfc_main$4);
+      app.component("m-fields-number", _sfc_main$b);
+      app.component("m-fields-number-range", _sfc_main$a);
+      app.component("m-fields-textarea", _sfc_main$3);
+      app.component("m-fields-hidden", _sfc_main$f);
+      app.component("m-fields-date", _sfc_main$k);
+      app.component("m-fields-datetime", _sfc_main$i);
+      app.component("m-fields-daterange", _sfc_main$j);
+      app.component("m-fields-timerange", _sfc_main$1);
+      app.component("m-fields-time", _sfc_main$2);
+      app.component("m-fields-checkbox", _sfc_main$n);
+      app.component("m-fields-switch", _sfc_main$5);
+      app.component("m-fields-color-picker", _sfc_main$l);
+      app.component("m-fields-checkbox-group", _sfc_main$m);
+      app.component("m-fields-radio-group", _sfc_main$9);
+      app.component("m-fields-display", _sfc_main$h);
+      app.component("m-fields-link", _sfc_main$c);
+      app.component("m-fields-select", _sfc_main$6);
+      app.component("m-fields-cascader", _sfc_main$o);
+      app.component("m-fields-dynamic-field", _sfc_main$g);
     }
   };
 
-  exports.MCascader = _sfc_main$n;
-  exports.MCheckbox = _sfc_main$m;
-  exports.MCheckboxGroup = _sfc_main$l;
-  exports.MColorPicker = _sfc_main$k;
-  exports.MContainer = _sfc_main$x;
-  exports.MDate = _sfc_main$j;
-  exports.MDateTime = _sfc_main$h;
-  exports.MDaterange = _sfc_main$i;
-  exports.MDisplay = _sfc_main$g;
-  exports.MDynamicField = _sfc_main$f;
-  exports.MFieldset = _sfc_main$w;
-  exports.MForm = _sfc_main$d;
-  exports.MFormDialog = _sfc_main$c;
+  exports.MCascader = _sfc_main$o;
+  exports.MCheckbox = _sfc_main$n;
+  exports.MCheckboxGroup = _sfc_main$m;
+  exports.MColorPicker = _sfc_main$l;
+  exports.MContainer = _sfc_main$y;
+  exports.MDate = _sfc_main$k;
+  exports.MDateTime = _sfc_main$i;
+  exports.MDaterange = _sfc_main$j;
+  exports.MDisplay = _sfc_main$h;
+  exports.MDynamicField = _sfc_main$g;
+  exports.MFieldset = _sfc_main$x;
+  exports.MForm = _sfc_main$e;
+  exports.MFormDialog = _sfc_main$d;
   exports.MFormDrawer = _sfc_main;
-  exports.MGroupList = _sfc_main$u;
-  exports.MHidden = _sfc_main$e;
-  exports.MLink = _sfc_main$b;
-  exports.MNumber = _sfc_main$a;
-  exports.MNumberRange = _sfc_main$9;
-  exports.MPanel = _sfc_main$t;
-  exports.MRadioGroup = _sfc_main$8;
-  exports.MRow = _sfc_main$r;
-  exports.MSelect = _sfc_main$5;
-  exports.MSwitch = _sfc_main$4;
-  exports.MTable = _sfc_main$p;
-  exports.MTabs = _sfc_main$o;
-  exports.MText = _sfc_main$3;
-  exports.MTextarea = _sfc_main$2;
-  exports.MTime = _sfc_main$1;
+  exports.MGroupList = _sfc_main$v;
+  exports.MHidden = _sfc_main$f;
+  exports.MLink = _sfc_main$c;
+  exports.MNumber = _sfc_main$b;
+  exports.MNumberRange = _sfc_main$a;
+  exports.MPanel = _sfc_main$u;
+  exports.MRadioGroup = _sfc_main$9;
+  exports.MRow = _sfc_main$s;
+  exports.MSelect = _sfc_main$6;
+  exports.MSwitch = _sfc_main$5;
+  exports.MTable = _sfc_main$q;
+  exports.MTabs = _sfc_main$p;
+  exports.MText = _sfc_main$4;
+  exports.MTextarea = _sfc_main$3;
+  exports.MTime = _sfc_main$2;
+  exports.MTimerange = _sfc_main$1;
   exports.createValues = createValues;
   exports.default = index;
   exports.display = display;