hy-dispatch-ui-v3 0.1.5 → 0.2.0

package/lib/components/appDialog/appDialog.vue.js

@@ -0,0 +1,209 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var iconsVue = require('@element-plus/icons-vue');
+var useLocale = require('../../hooks/useLocale.js');
+var index = require('../appButton/index.js');
+
+import "./style/appDialog.scss";
+
+const __default__ = vue.defineComponent({
+  name: "AppDialog"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: /* @__PURE__ */ vue.mergeModels({
+    title: { type: String, default: "\u6807\u9898" },
+    titleAlign: { type: String, default: "default" },
+    // default、center
+    showClose: { type: Boolean, default: true },
+    showCancel: {
+      type: Boolean,
+      default: true
+    },
+    cancelType: {
+      type: String,
+      default: "default"
+    },
+    cancelText: {
+      type: String
+    },
+    showSubmit: {
+      type: Boolean,
+      default: true
+    },
+    submitType: {
+      type: String,
+      default: "primary"
+    },
+    submitText: {
+      type: String
+    },
+    onClose: Function,
+    onCancel: Function,
+    onSubmit: Function
+  }, {
+    "modelValue": { type: Boolean, default: false },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["hide"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { t } = useLocale.useLocale();
+    const visible = vue.useModel(__props, "modelValue");
+    const loading = vue.ref(false);
+    async function onSubmitHandler() {
+      if (loading.value) return;
+      loading.value = true;
+      if (props.onSubmit) {
+        try {
+          await props.onSubmit();
+        } catch (err) {
+          console.error(err);
+          loading.value = false;
+          return;
+        }
+      }
+      visible.value = false;
+      loading.value = false;
+      emits("hide");
+    }
+    async function onCancelHandler() {
+      if (loading.value) return;
+      loading.value = true;
+      if (props.onCancel) {
+        try {
+          await props.onCancel();
+        } catch (err) {
+          console.error(err);
+          loading.value = false;
+          return;
+        }
+      }
+      visible.value = false;
+      loading.value = false;
+      emits("hide");
+    }
+    async function onCloseHandler() {
+      if (loading.value) return;
+      loading.value = true;
+      if (props.onClose) {
+        try {
+          await props.onClose();
+        } catch (err) {
+          console.error(err);
+          loading.value = false;
+          return;
+        }
+      }
+      visible.value = false;
+      loading.value = false;
+      emits("hide");
+    }
+    __expose({});
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDialog), vue.mergeProps({
+        modelValue: visible.value,
+        "onUpdate:modelValue": ($event) => visible.value = $event,
+        "append-to-body": true,
+        "close-on-click-modal": false,
+        "close-on-press-escape": false,
+        "show-close": false,
+        width: "37.5rem"
+      }, _ctx.$attrs), {
+        header: vue.withCtx(() => [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(["box-border w-full border-0 border-b border-solid border-background-3 px-4 py-[10px] text-main text-sm font-bold flex justify-between items-center relative", { "!justify-center": __props.titleAlign === "center" }])
+            },
+            [
+              vue.createElementVNode(
+                "span",
+                null,
+                vue.toDisplayString(__props.title),
+                1
+                /* TEXT */
+              ),
+              __props.showClose ? (vue.openBlock(), vue.createElementBlock(
+                "div",
+                {
+                  key: 0,
+                  class: vue.normalizeClass(["text-lg absolute right-4 cursor-pointer text-danger-2", { "cursor-not-allowed": loading.value }]),
+                  onClick: onCloseHandler
+                },
+                [
+                  vue.createCommentVNode(' <AppIcon svg-name="close" class="!w-[20px] !h-[20px]" /> '),
+                  vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                    size: "18",
+                    color: "rgb(var(--hy-danger-2))"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(iconsVue.CircleClose))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ],
+                2
+                /* CLASS */
+              )) : vue.createCommentVNode("v-if", true)
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", { class: "text-main" }, [
+            vue.createElementVNode("div", { class: "p-6 box-border" }, [
+              vue.renderSlot(_ctx.$slots, "default"),
+              vue.createElementVNode("div", { class: "flex items-center justify-between pt-5" }, [
+                __props.showCancel ? (vue.openBlock(), vue.createBlock(vue.unref(index.AppButton), {
+                  key: 0,
+                  type: __props.cancelType,
+                  disabled: loading.value,
+                  class: "!min-w-[120px]",
+                  onClick: onCancelHandler
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(vue.unref(t)("dialog.cancel")),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["type", "disabled"])) : vue.createCommentVNode("v-if", true),
+                __props.showSubmit ? (vue.openBlock(), vue.createBlock(vue.unref(index.AppButton), {
+                  key: 1,
+                  type: __props.submitType,
+                  disabled: loading.value,
+                  class: "!min-w-[120px]",
+                  onClick: onSubmitHandler
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(vue.unref(t)("dialog.confirm")),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["type", "disabled"])) : vue.createCommentVNode("v-if", true)
+              ])
+            ])
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["modelValue", "onUpdate:modelValue"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/appDialog/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var appDialog = require('./appDialog.vue.js');
+var handler = require('../../utils/handler.js');
+
+const AppDialog = handler.withInstall(appDialog.default);
+
+exports.AppDialog = AppDialog;
+exports.default = AppDialog;

package/lib/components/appForm/appForm.vue.js

@@ -4,14 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-var index$1 = require('../appIcon/index.js');
-var index$2 = require('../appDatePicker/index.js');
-var index$3 = require('../appOrgCascader/index.js');
+var appFormItem = require('./cpns/appFormItem.vue.js');
+var extraItem = require('./cpns/extraItem.vue.js');
+var arrayItem = require('./cpns/arrayItem.vue.js');
 var index = require('./js/index.js');
 var useAppForm = require('./js/useAppForm.js');
 var useLocale = require('../../hooks/useLocale.js');
 var is = require('../../utils/is.js');
-var handler = require('../../utils/handler.js');
 
 import "./style/appForm.scss";
 
@@ -34,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     },
     columnNum: {
       type: Number,
-      default: 1
+      default: 2
     },
     readonly: {
       type: Boolean,
@@ -43,6 +42,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     loading: {
       type: Boolean,
       default: false
+    },
+    size: {
+      type: String,
+      default: "default"
+      // 'large' | 'default' | 'small'
     }
   },
   setup(__props, { expose: __expose }) {
@@ -74,12 +78,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         await vue.nextTick();
         return vue.unref(formTemplateRef).validateField(fields);
       },
-      resetFields: (fields) => {
+      resetFields: async (fields) => {
         let columns = props.columns || [];
-        if (fields && (fields == null ? void 0 : fields.length)) {
-          columns = fields.map((key) => formColumnMap.get(key)).filter(Boolean);
+        if (fields && fields?.length) {
+          columns = fields.map((key) => formColumnMap.value.get(key)).filter(Boolean);
         }
         useAppForm.resetAppFormValue(columns, props.model);
+        vue.unref(formTemplateRef).clearValidate(fields);
       },
       scrollToField: async (fields) => {
         await vue.nextTick();
@@ -90,8 +95,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         vue.unref(formTemplateRef).clearValidate(fields);
       },
       fields: vue.computed(() => {
-        var _a;
-        return ((_a = vue.unref(formTemplateRef)) == null ? void 0 : _a.fields) || [];
+        return vue.unref(formTemplateRef)?.fields || [];
       }),
       getField: async (fields) => {
         await vue.nextTick();
@@ -108,7 +112,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         ref: formTemplateRef,
         model: __props.model,
         rules: __props.rules,
-        "label-position": "top"
+        "label-position": "top",
+        size: __props.size,
+        class: "px-2"
       }, _ctx.$attrs), {
         default: vue.withCtx(() => [
           vue.createElementVNode(
@@ -129,200 +135,117 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                       key: column.key
                     },
                     [
-                      vue.unref(index.columnShowHandler)(props, column) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElFormItem), {
-                        key: 0,
-                        rules: column.rules,
-                        prop: vue.unref(is.isArray)(column.field) ? column.field[0] : column.field,
-                        style: vue.normalizeStyle(vue.unref(index.columnItemStyle)(props, column))
-                      }, {
-                        default: vue.withCtx(() => {
-                          var _a;
-                          return [
-                            vue.createCommentVNode(" \u8868\u5355\u9879label "),
-                            vue.createElementVNode("div", { class: "w-full flex justify-between text-main" }, [
-                              vue.createElementVNode("div", { class: "flex items-center" }, [
-                                vue.renderSlot(_ctx.$slots, column.labelSlot, { column }, () => [
-                                  vue.createElementVNode(
-                                    "span",
-                                    { class: "text-main" },
-                                    vue.toDisplayString(column.label),
-                                    1
-                                    /* TEXT */
-                                  )
-                                ]),
-                                vue.unref(index.isRequired)(props, column) ? (vue.openBlock(), vue.createElementBlock("span", {
-                                  key: 0,
-                                  class: "label-required"
-                                })) : vue.createCommentVNode("v-if", true),
-                                column.help ? (vue.openBlock(), vue.createBlock(
-                                  vue.unref(elementPlus.ElPopover),
-                                  {
-                                    key: 1,
-                                    placement: "bottom-start",
-                                    "popper-class": "popover_echarts w-[200px]",
-                                    trigger: "hover"
-                                  },
-                                  {
-                                    reference: vue.withCtx(() => [
-                                      vue.createElementVNode("div", { class: "flex items-center" }, [
-                                        vue.createVNode(vue.unref(index$1.AppIcon), {
-                                          "svg-name": "help",
-                                          "class-name": "!w-3 !h-3 ml-1 svgBox"
-                                        }),
-                                        vue.createTextVNode(
-                                          " " + vue.toDisplayString(vue.unref(t)("hy.help")),
-                                          1
-                                          /* TEXT */
-                                        )
-                                      ])
-                                    ]),
-                                    default: vue.withCtx(() => [
-                                      vue.createElementVNode(
-                                        "div",
-                                        null,
-                                        vue.toDisplayString(vue.unref(handler.funRunHandler)(column.help)),
-                                        1
-                                        /* TEXT */
-                                      )
-                                    ]),
-                                    _: 2
-                                    /* DYNAMIC */
-                                  },
-                                  1024
-                                  /* DYNAMIC_SLOTS */
-                                )) : vue.createCommentVNode("v-if", true)
-                              ]),
-                              column.rightSlot && _ctx.$slots[column.rightSlot] ? (vue.openBlock(), vue.createElementBlock("div", {
-                                key: 0,
-                                class: "ml-2"
-                              }, [
-                                vue.renderSlot(_ctx.$slots, column.rightSlot)
-                              ])) : vue.createCommentVNode("v-if", true)
-                            ]),
-                            vue.createCommentVNode(" \u8868\u5355\u7EC4\u4EF6 "),
-                            column.readonly || __props.readonly || !column.type && !column.slot ? (vue.openBlock(), vue.createElementBlock(
-                              "span",
-                              { key: 0 },
-                              vue.toDisplayString(vue.unref(index.renderText)(props, column, columnIndex)),
-                              1
-                              /* TEXT */
-                            )) : (vue.openBlock(), vue.createElementBlock(
-                              vue.Fragment,
-                              { key: 1 },
-                              [
-                                vue.createCommentVNode(" \u81EA\u5B9A\u4E49\u5177\u540D\u63D2\u69FD "),
-                                column.slot && _ctx.$slots[column.slot] ? vue.renderSlot(_ctx.$slots, column.slot, {
-                                  key: 0,
-                                  column
-                                }) : column.type === "input" ? (vue.openBlock(), vue.createElementBlock(
-                                  vue.Fragment,
-                                  { key: 1 },
-                                  [
-                                    vue.createCommentVNode(" \u8F93\u5165\u6846 "),
-                                    vue.createVNode(vue.unref(elementPlus.ElInput), vue.mergeProps({
-                                      modelValue: __props.model[column.field],
-                                      "onUpdate:modelValue": ($event) => __props.model[column.field] = $event
-                                    }, { ref_for: true }, column.attrs, {
-                                      disabled: vue.unref(index.isDisabled)(props, column)
-                                    }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
-                                  ],
-                                  2112
-                                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                                )) : column.type === "select" ? (vue.openBlock(), vue.createElementBlock(
-                                  vue.Fragment,
-                                  { key: 2 },
-                                  [
-                                    vue.createCommentVNode(" \u9009\u62E9\u6846 "),
-                                    vue.createVNode(vue.unref(elementPlus.ElSelect), vue.mergeProps({
-                                      modelValue: __props.model[column.field],
-                                      "onUpdate:modelValue": ($event) => __props.model[column.field] = $event
-                                    }, { ref_for: true }, column.attrs, {
-                                      disabled: vue.unref(index.isDisabled)(props, column)
-                                    }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
-                                  ],
-                                  2112
-                                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                                )) : column.type === "date-picker" ? (vue.openBlock(), vue.createElementBlock(
-                                  vue.Fragment,
-                                  { key: 3 },
-                                  [
-                                    vue.createCommentVNode(" \u65E5\u671F\u9009\u62E9\u6846 "),
-                                    [
-                                      "datetimerange",
-                                      "daterange",
-                                      "monthrange",
-                                      "yearrange"
-                                    ].includes((_a = column.attrs) == null ? void 0 : _a.type) && vue.unref(is.isArray)(column.field) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.AppDatePicker), vue.mergeProps({
-                                      key: 0,
-                                      start: __props.model[column.field[0]],
-                                      "onUpdate:start": ($event) => __props.model[column.field[0]] = $event,
-                                      end: __props.model[column.field[1]],
-                                      "onUpdate:end": ($event) => __props.model[column.field[1]] = $event,
-                                      "is-range": true,
-                                      style: { "width": "100%" }
-                                    }, { ref_for: true }, column.attrs, {
-                                      disabled: vue.unref(index.isDisabled)(props, column)
-                                    }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.AppDatePicker), vue.mergeProps({
-                                      key: 1,
-                                      modelValue: __props.model[column.field],
-                                      "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
-                                      "is-range": false,
-                                      style: { "width": "100%" }
-                                    }, { ref_for: true }, column.attrs, {
-                                      disabled: vue.unref(index.isDisabled)(props, column)
-                                    }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"]))
-                                  ],
-                                  64
-                                  /* STABLE_FRAGMENT */
-                                )) : column.type === "radio" ? (vue.openBlock(), vue.createElementBlock(
-                                  vue.Fragment,
-                                  { key: 4 },
-                                  [
-                                    vue.createCommentVNode(" \u5355\u9009 "),
-                                    vue.createVNode(vue.unref(elementPlus.ElRadioGroup), vue.mergeProps({
-                                      modelValue: __props.model[column.field],
-                                      "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
-                                      disabled: vue.unref(index.isDisabled)(props, column)
-                                    }, { ref_for: true }, column.attrs), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
-                                  ],
-                                  2112
-                                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                                )) : column.type === "checkbox" ? (vue.openBlock(), vue.createElementBlock(
-                                  vue.Fragment,
-                                  { key: 5 },
-                                  [
-                                    vue.createCommentVNode(" \u591A\u9009 "),
-                                    vue.createVNode(vue.unref(elementPlus.ElCheckboxGroup), vue.mergeProps({
-                                      modelValue: __props.model[column.field],
-                                      "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
-                                      disabled: vue.unref(index.isDisabled)(props, column)
-                                    }, { ref_for: true }, column.attrs), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
-                                  ],
-                                  2112
-                                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                                )) : column.type === "org-cascader" ? (vue.openBlock(), vue.createElementBlock(
-                                  vue.Fragment,
-                                  { key: 6 },
-                                  [
-                                    vue.createCommentVNode(" \u90E8\u95E8\u7EA7\u8054\u9009\u62E9\u6846 "),
-                                    vue.createVNode(vue.unref(index$3.AppOrgCascader), vue.mergeProps({
-                                      modelValue: __props.model[column.field],
-                                      "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
-                                      disabled: vue.unref(index.isDisabled)(props, column)
-                                    }, { ref_for: true }, column.attrs), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
-                                  ],
-                                  2112
-                                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                                )) : vue.createCommentVNode("v-if", true)
-                              ],
-                              64
-                              /* STABLE_FRAGMENT */
-                            ))
-                          ];
-                        }),
-                        _: 2
-                        /* DYNAMIC */
-                      }, 1032, ["rules", "prop", "style"])) : vue.createCommentVNode("v-if", true)
+                      vue.createCommentVNode(" \u6807\u9898 "),
+                      column.type === "title" ? (vue.openBlock(), vue.createElementBlock(
+                        "div",
+                        {
+                          key: 0,
+                          class: vue.normalizeClass(["w-full flex items-center text-theme whitespace-nowrap relative mb-3 mt-1", [__props.size === "small" ? "text-xs" : "text-sm"]]),
+                          style: vue.normalizeStyle(vue.unref(index.columnItemStyle)(props, column))
+                        },
+                        [
+                          vue.createElementVNode(
+                            "span",
+                            { class: "mr-2" },
+                            vue.toDisplayString(column.label),
+                            1
+                            /* TEXT */
+                          ),
+                          vue.createVNode(vue.unref(elementPlus.ElDivider), {
+                            "content-position": "left",
+                            "border-style": "dashed",
+                            class: "border-[rgba(var(--hy-theme),0.5)] my-0"
+                          }),
+                          vue.createElementVNode("div", { class: "absolute top-1/2 -left-1.5 transform -translate-x-full -translate-y-1/2 w-0.5 h-3 bg-theme" })
+                        ],
+                        6
+                        /* CLASS, STYLE */
+                      )) : column.type === "extra" && !_ctx.$slots[column.slot] ? (vue.openBlock(), vue.createElementBlock(
+                        vue.Fragment,
+                        { key: 1 },
+                        [
+                          vue.createCommentVNode(" \u8865\u5145\u4FE1\u606F\u8868\u5355 "),
+                          vue.unref(index.columnShowHandler)(props, column) ? (vue.openBlock(), vue.createBlock(extraItem.default, {
+                            key: 0,
+                            model: __props.model,
+                            column,
+                            columnNum: __props.columnNum,
+                            loading: __props.loading,
+                            readonly: __props.readonly,
+                            style: vue.normalizeStyle(vue.unref(index.columnItemStyle)(props, column))
+                          }, vue.createSlots({
+                            _: 2
+                            /* DYNAMIC */
+                          }, [
+                            vue.renderList(_ctx.$slots, (_, slotName) => {
+                              return {
+                                name: slotName,
+                                fn: vue.withCtx((scope) => [
+                                  vue.renderSlot(_ctx.$slots, slotName, vue.mergeProps({ ref_for: true }, scope))
+                                ])
+                              };
+                            })
+                          ]), 1032, ["model", "column", "columnNum", "loading", "readonly", "style"])) : vue.createCommentVNode("v-if", true)
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      )) : column.type === "array" && !_ctx.$slots[column.slot] ? (vue.openBlock(), vue.createElementBlock(
+                        vue.Fragment,
+                        { key: 2 },
+                        [
+                          vue.createCommentVNode(" \u8868\u5355\u6570\u7EC4 "),
+                          vue.unref(index.columnShowHandler)(props, column) ? (vue.openBlock(), vue.createBlock(arrayItem.default, {
+                            key: 0,
+                            model: __props.model,
+                            column,
+                            columnNum: __props.columnNum,
+                            loading: __props.loading,
+                            readonly: __props.readonly,
+                            size: __props.size,
+                            style: vue.normalizeStyle(vue.unref(index.columnItemStyle)(props, column))
+                          }, vue.createSlots({
+                            _: 2
+                            /* DYNAMIC */
+                          }, [
+                            vue.renderList(_ctx.$slots, (_, slotName) => {
+                              return {
+                                name: slotName,
+                                fn: vue.withCtx((scope) => [
+                                  vue.renderSlot(_ctx.$slots, slotName, vue.mergeProps({ ref_for: true }, scope))
+                                ])
+                              };
+                            })
+                          ]), 1032, ["model", "column", "columnNum", "loading", "readonly", "size", "style"])) : vue.createCommentVNode("v-if", true)
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      )) : (vue.openBlock(), vue.createElementBlock(
+                        vue.Fragment,
+                        { key: 3 },
+                        [
+                          vue.createCommentVNode(" \u8868\u5355 "),
+                          vue.createVNode(appFormItem.default, {
+                            model: __props.model,
+                            column,
+                            loading: __props.loading,
+                            readonly: __props.readonly
+                          }, vue.createSlots({
+                            _: 2
+                            /* DYNAMIC */
+                          }, [
+                            vue.renderList(_ctx.$slots, (_, slotName) => {
+                              return {
+                                name: slotName,
+                                fn: vue.withCtx((scope) => [
+                                  vue.renderSlot(_ctx.$slots, slotName, vue.mergeProps({ ref_for: true }, scope))
+                                ])
+                              };
+                            })
+                          ]), 1032, ["model", "column", "loading", "readonly"])
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      ))
                     ],
                     64
                     /* STABLE_FRAGMENT */
@@ -338,7 +261,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         ]),
         _: 3
         /* FORWARDED */
-      }, 16, ["model", "rules"]);
+      }, 16, ["model", "rules", "size"]);
     };
   }
 });