@vunk/form 2.12.0 → 2.12.2

package/components/dialog-input-collection/index.cjs

@@ -7,18 +7,20 @@ var index = require('../index.cjs');
 var core = require('@vunk/core');
 var formItem = require('@vunk/form/components/form-item');
 var informationRenderer = require('@vunk/form/components/information-renderer');
-var composables = require('@vunk/form/composables');
+var composables$1 = require('@vunk/form/composables');
+var avatar = require('@vunk/plus/components/avatar');
 var tableColumns = require('@vunk/plus/components/table-columns');
+var _enum = require('@vunk/shared/enum');
+var _function = require('@vunk/shared/function');
 var elementPlus = require('element-plus');
+var composables = require('@vunk/core/composables');
+var form$1 = require('@vunk/form/components/form');
+var form = require('@vunk/form/shared/form');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+var informationTemplatesDefault = require('@vunk/form/components/information-templates-default');
 var rendererData = require('@vunk/form/components/renderer-data');
 var templateInstancesProvider = require('@vunk/form/components/template-instances-provider');
-var informationTemplatesDefault = require('@vunk/form/components/information-templates-default');
 var templatesDefault = require('@vunk/form/components/templates-default');
-var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
-var _enum = require('@vunk/shared/enum');
-var avatar = require('@vunk/plus/components/avatar');
-var form = require('@vunk/form/components/form');
-var _function = require('@vunk/shared/function');
 var cloneDeep = require('../cloneDeep.cjs');
 require('../isObject.cjs');
 
@@ -64,6 +66,9 @@ const props = {
     type: Object,
     default: () => ({})
   },
+  validateCatch: {
+    type: Function
+  },
   modules: {
     type: Array,
     default: () => ["operations:add"]
@@ -74,76 +79,6 @@ const emits = {
 };
 
 var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-  __name: "layout",
-  props: {
-    data: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: ["setData"],
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const __returned__ = { get VkfRendererData() {
-      return rendererData.VkfRendererData;
-    }, get VkfTemplateInstancesProvider() {
-      return templateInstancesProvider.VkfTemplateInstancesProvider;
-    }, get VkfInformationTemplates() {
-      return informationRenderer.VkfInformationTemplates;
-    }, get VkfInformationData() {
-      return informationRenderer.VkfInformationData;
-    }, get VkfInformationTemplatesDefault() {
-      return informationTemplatesDefault.VkfInformationTemplatesDefault;
-    }, get VkfTemplatesDefault() {
-      return templatesDefault.VkfTemplatesDefault;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock($setup["VkfTemplateInstancesProvider"], null, {
-    placeholder: vue.withCtx(() => [
-      vue.createVNode($setup["VkfTemplatesDefault"])
-    ]),
-    default: vue.withCtx(() => [
-      vue.createVNode($setup["VkfInformationTemplates"], null, {
-        placeholder: vue.withCtx(() => [
-          vue.createVNode($setup["VkfInformationTemplatesDefault"])
-        ]),
-        default: vue.withCtx(() => [
-          vue.createVNode($setup["VkfRendererData"], {
-            data: $props.data,
-            onSetData: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("setData", $event))
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode($setup["VkfInformationData"], {
-                data: $props.data,
-                onSetData: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("setData", $event))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-                /* FORWARDED */
-              }, 8, ["data"])
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["data"])
-        ]),
-        _: 3
-        /* FORWARDED */
-      })
-    ]),
-    _: 3
-    /* FORWARDED */
-  });
-}
-var TemplatesLayout = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog-input-collection/src/layout.vue"]]);
-
-var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   __name: "dialog-form",
   props: {
     title: {
@@ -169,6 +104,10 @@ var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     dialogFormProps: {
       type: Object,
       default: () => ({})
+    },
+    validateCatch: {
+      type: Function,
+      default: form.validateCatch
     }
   },
   emits: ["update:modelValue", "update:visible", "change"],
@@ -177,32 +116,42 @@ var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const formData = vue.ref(props.modelValue);
+    const formDef = composables.useDeferred();
+    formDef.promise.then((form) => {
+      props.dialogFormProps.elRef?.(form);
+    });
     vue.watch(() => props.visible, (v) => {
       if (props.openReset && v) {
         formData.value = { ...props.modelValue };
+        setTimeout(() => {
+          formDef.value?.clearValidate();
+        });
       }
     });
     function handleSubmit() {
-      emit("update:modelValue", formData.value);
-      emit("change", formData.value);
-      emit("update:visible", false);
+      formDef.value?.validate().then(() => {
+        emit("update:modelValue", formData.value);
+        emit("change", formData.value);
+        emit("update:visible", false);
+      }).catch(props.validateCatch);
     }
-    const __returned__ = { props, emit, formData, handleSubmit, get VkfForm() {
-      return form.VkfForm;
+    const __returned__ = { props, emit, formData, formDef, handleSubmit, get setData() {
+      return core.setData;
+    }, get VkfForm() {
+      return form$1.VkfForm;
     }, get ElDialog() {
       return elementPlus.ElDialog;
-    }, get setData() {
-      return core.setData;
     } };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElButton = vue.resolveComponent("ElButton");
   return vue.openBlock(), vue.createBlock($setup["ElDialog"], {
     "model-value": $props.visible,
+    "append-to-body": "",
     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:visible", $event))
   }, {
     header: vue.withCtx(() => [
@@ -231,16 +180,87 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     default: vue.withCtx(() => [
       vue.createVNode($setup["VkfForm"], vue.mergeProps($props.dialogFormProps, {
+        "el-ref": $setup.formDef.resolve,
         "form-items": $props.formItems,
         data: $setup.formData,
         onSetData: _cache[0] || (_cache[0] = ($event) => $setup.setData($setup.formData, $event))
-      }), null, 16, ["form-items", "data"])
+      }), null, 16, ["el-ref", "form-items", "data"])
     ]),
     _: 3
     /* FORWARDED */
   }, 8, ["model-value"]);
 }
-var DialogForm = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog-input-collection/src/dialog-form.vue"]]);
+var DialogForm = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog-input-collection/src/dialog-form.vue"]]);
+
+var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "layout",
+  props: {
+    data: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["setData"],
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const __returned__ = { get VkfInformationData() {
+      return informationRenderer.VkfInformationData;
+    }, get VkfInformationTemplates() {
+      return informationRenderer.VkfInformationTemplates;
+    }, get VkfInformationTemplatesDefault() {
+      return informationTemplatesDefault.VkfInformationTemplatesDefault;
+    }, get VkfRendererData() {
+      return rendererData.VkfRendererData;
+    }, get VkfTemplateInstancesProvider() {
+      return templateInstancesProvider.VkfTemplateInstancesProvider;
+    }, get VkfTemplatesDefault() {
+      return templatesDefault.VkfTemplatesDefault;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createBlock($setup["VkfTemplateInstancesProvider"], null, {
+    placeholder: vue.withCtx(() => [
+      vue.createVNode($setup["VkfTemplatesDefault"])
+    ]),
+    default: vue.withCtx(() => [
+      vue.createVNode($setup["VkfInformationTemplates"], null, {
+        placeholder: vue.withCtx(() => [
+          vue.createVNode($setup["VkfInformationTemplatesDefault"])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode($setup["VkfRendererData"], {
+            data: $props.data,
+            onSetData: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("setData", $event))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode($setup["VkfInformationData"], {
+                data: $props.data,
+                onSetData: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("setData", $event))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["data"])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["data"])
+        ]),
+        _: 3
+        /* FORWARDED */
+      })
+    ]),
+    _: 3
+    /* FORWARDED */
+  });
+}
+var TemplatesLayout = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog-input-collection/src/layout.vue"]]);
 
 var _sfc_main = /* @__PURE__ */vue.defineComponent({
   ...{
@@ -254,14 +274,14 @@ var _sfc_main = /* @__PURE__ */vue.defineComponent({
     emit: __emit
   }) {
     __expose();
-    const ElTable = elementPlus.ElTable;
     const props = __props;
     const emit = __emit;
+    const ElTable = elementPlus.ElTable;
     const hasColAdd = vue.computed(() => {
       return props.modules.includes("operations:add");
     });
     const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props);
-    const readonly = composables.useComputedReadonly(props);
+    const readonly = composables$1.useComputedReadonly(props);
     const formData = vue.computed(() => {
       if (!props.prop || props.prop.length === 0) {
         return props.modelValue;
@@ -392,9 +412,9 @@ var _sfc_main = /* @__PURE__ */vue.defineComponent({
       emit("update:modelValue", core.getValue(data, props.prop));
     };
     const __returned__ = {
-      ElTable,
       props,
       emit,
+      ElTable,
       hasColAdd,
       formItemBindProps,
       readonly,
@@ -409,29 +429,29 @@ var _sfc_main = /* @__PURE__ */vue.defineComponent({
       handleEdit,
       handleDialogFormChange,
       handleFormSetData,
-      get Plus() {
-        return index.plus_default;
-      },
       get Edit() {
         return index.edit_default;
       },
+      get Plus() {
+        return index.plus_default;
+      },
       get VkfFormItem() {
         return formItem.VkfFormItem;
       },
+      get VkAvatar() {
+        return avatar.VkAvatar;
+      },
       get VkTableColumns() {
         return tableColumns.VkTableColumns;
       },
-      get ElButton() {
-        return elementPlus.ElButton;
-      },
-      TemplatesLayout,
       get CRUD() {
         return _enum.CRUD;
       },
-      get VkAvatar() {
-        return avatar.VkAvatar;
+      get ElButton() {
+        return elementPlus.ElButton;
       },
-      DialogForm
+      DialogForm,
+      TemplatesLayout
     };
     Object.defineProperty(__returned__, "__isScriptSetup", {
       enumerable: false,
@@ -488,10 +508,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               _: 2
               /* DYNAMIC */
             }, [
-              !$setup.readonly && _ctx.splicable && _ctx.labelActions ? {
+              _ctx.labelActions ? {
                 name: "labelActions",
                 fn: vue.withCtx(() => [
-                  vue.createVNode($setup["ElButton"], {
+                  vue.renderSlot(_ctx.$slots, "labelActions"),
+                  !$setup.readonly && _ctx.splicable ? (vue.openBlock(), vue.createBlock($setup["ElButton"], {
+                    key: 0,
                     size: "small",
                     icon: $setup.Plus,
                     onClick: _cache[0] || (_cache[0] = ($event) => $setup.handlePlus(-1))
@@ -501,7 +523,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     ])),
                     _: 1,
                     __: [4]
-                  }, 8, ["icon"])
+                  }, 8, ["icon"])) : vue.createCommentVNode("v-if", true)
                 ]),
                 key: "0"
               } : void 0
@@ -516,6 +538,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $setup.cuState.data = $event),
             "form-items": $setup.cuFormItems,
             "dialog-form-props": _ctx.dialogFormProps,
+            "validate-catch": _ctx.validateCatch,
             onChange: $setup.handleDialogFormChange
           }, {
             header: vue.withCtx(() => [
@@ -534,10 +557,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["visible", "modelValue", "form-items", "dialog-form-props"])
+          }, 8, ["visible", "modelValue", "form-items", "dialog-form-props", "validate-catch"])
         ]),
-        _: 1
-        /* STABLE */
+        _: 3
+        /* FORWARDED */
       }, 8, ["data"]),
       vue.renderSlot(_ctx.$slots, "default")
     ],