@fewangsit/wangsvue 1.5.219-alpha.0 → 1.5.219-alpha.2

package/dialogform/index.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as oe, useSlots as ie, inject as G, ref as D, shallowRef as P, computed as re, createBlock as m, openBlock as n, unref as t, mergeProps as i, withCtx as J, createElementVNode as B, normalizeProps as p, guardReactiveProps as $, createElementBlock as Q, createCommentVNode as d, createVNode as X, renderSlot as S, toDisplayString as ne, withDirectives as ue, vShow as de } from "vue";
-import { u as me } from "../plugins/WangsVue.es.js";
-import { s as ce } from "../vendor/primevue/dialog/dialog.esm.es.js";
-import { _ as w } from "../button/index.es.js";
-import { _ as be } from "../checkbox/index.es.js";
-import { _ as ve } from "../form/index.es.js";
-import { _ as fe } from "../icon/index.es.js";
-import { _ as pe } from "../validatormessage/index.es.js";
-const Le = /* @__PURE__ */ oe({
+import { defineComponent, useSlots, inject, ref, shallowRef, computed, createBlock, openBlock, unref, mergeProps, withCtx, createElementVNode, normalizeProps, guardReactiveProps, createElementBlock, createCommentVNode, createVNode, renderSlot, toDisplayString, withDirectives, vShow } from "vue";
+import { u as useWangsVueConfig } from "../plugins/WangsVue.es.js";
+import { s as script } from "../vendor/primevue/dialog/dialog.esm.es.js";
+import { _ as _sfc_main$2 } from "../button/index.es.js";
+import { _ as _sfc_main$4 } from "../checkbox/index.es.js";
+import { _ as _sfc_main$3 } from "../form/index.es.js";
+import { _ as _sfc_main$1 } from "../icon/index.es.js";
+import { _ as _sfc_main$5 } from "../validatormessage/index.es.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DialogForm",
   props: {
     buttonsTemplate: {},
@@ -16,13 +16,13 @@ const Le = /* @__PURE__ */ oe({
     class: {},
     cancelBtnLabel: {},
     clearBtnLabel: {},
-    closable: { type: Boolean, default: !0 },
-    closeOnSubmit: { type: Boolean, default: !0 },
+    closable: { type: Boolean, default: true },
+    closeOnSubmit: { type: Boolean, default: true },
     contentClass: {},
     dateHeader: {},
     headerIcon: {},
     invalid: { type: Boolean },
-    resetAfterSubmit: { type: Boolean, default: !0 },
+    resetAfterSubmit: { type: Boolean, default: true },
     severity: {},
     showStayCheckbox: { type: Boolean, default: void 0 },
     stayCheckboxLabel: {},
@@ -41,175 +41,212 @@ const Le = /* @__PURE__ */ oe({
     submitBtnSeverity: {}
   },
   emits: ["clear", "close", "hide", "show", "submit", "update:visible"],
-  setup(Y, { expose: Z, emit: x }) {
-    const s = Y, r = x, L = ie(), { locale: c } = me("DialogForm"), _ = G("preset", {}).dialog, l = G("preset", {}).dialogform, o = D(), ee = D(), te = P(0), V = P(!1), b = P(!1), C = D({
-      stayAfterSubmit: !1,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const { locale } = useWangsVueConfig("DialogForm");
+    const DialogPreset = inject("preset", {}).dialog;
+    const DialogFormPreset = inject("preset", {}).dialogform;
+    const form = ref();
+    const dialogForm = ref();
+    const fieldsKey = shallowRef(0);
+    const showConfirm = shallowRef(false);
+    const expanded = shallowRef(false);
+    const formPayload = ref({
+      stayAfterSubmit: false,
       formValues: {}
-    }), ae = re(() => {
-      const e = L["aside-right"] && b.value ? s.asideRightWidth : 0;
-      return `calc(${{
-        small: 400,
-        medium: 500,
-        large: 572,
+    });
+    const computedWidth = computed(() => {
+      const asideRightWidth = slots["aside-right"] && expanded.value ? props.asideRightWidth : 0;
+      const baseWidth = {
+        "small": 400,
+        "medium": 500,
+        "large": 572,
         "semi-xlarge": 600,
-        xlarge: 800
-      }[s.width]}px + ${e}px)`;
-    }), le = () => {
-      r("update:visible", !1), r("close");
-    }, W = () => {
-      o.value && !s.invalid && !s.validatorMessage && (o.value.onSubmitClicked(), o.value.submit());
-    }, F = () => {
-      o.value && o.value.clearField(), r("clear");
-    }, se = async (e) => {
-      s.validationFunction && await s.validationFunction(e.formValues), !s.invalid && !s.validatorMessage && (C.value = e, L.confirm ? V.value = !0 : A());
-    }, A = async (e) => {
-      const { stayAfterSubmit: a } = C.value;
-      if (!a && s.closeOnSubmit && r("update:visible", !1), L.confirm)
+        "xlarge": 800
+      }[props.width];
+      return `calc(${baseWidth}px + ${asideRightWidth}px)`;
+    });
+    const closeDialog = () => {
+      emit("update:visible", false);
+      emit("close");
+    };
+    const onButtonSubmitClicked = () => {
+      if (form.value && !props.invalid && !props.validatorMessage) {
+        form.value.onSubmitClicked();
+        form.value.submit();
+      }
+    };
+    const clearField = () => {
+      if (form.value) {
+        form.value.clearField();
+      }
+      emit("clear");
+    };
+    const onSubmitDialogForm = async (payload) => {
+      if (props.validationFunction) {
+        await props.validationFunction(payload.formValues);
+      }
+      if (!props.invalid && !props.validatorMessage) {
+        formPayload.value = payload;
+        if (slots["confirm"]) showConfirm.value = true;
+        else onFormValidated();
+      }
+    };
+    const onFormValidated = async (submitFunction) => {
+      const { stayAfterSubmit } = formPayload.value;
+      if (!stayAfterSubmit && props.closeOnSubmit) {
+        emit("update:visible", false);
+      }
+      if (slots["confirm"]) {
         try {
-          await (e == null ? void 0 : e(C.value));
-        } catch (v) {
-          console.error(v);
+          await (submitFunction == null ? void 0 : submitFunction(formPayload.value));
+        } catch (error) {
+          console.error(error);
         }
-      else
-        r("submit", C.value);
-      s.resetAfterSubmit && F();
+      } else {
+        emit("submit", formPayload.value);
+      }
+      if (props.resetAfterSubmit) clearField();
     };
-    return Z({
-      form: o,
-      clearField: F,
-      setValues: (e) => {
-        var a;
-        (a = o.value) == null || a.setValues(e);
+    __expose({
+      form,
+      clearField,
+      setValues: (values) => {
+        var _a;
+        (_a = form.value) == null ? void 0 : _a.setValues(values);
       },
-      setFieldValue: (e, a, v) => {
-        var y;
-        (y = o.value) == null || y.setFieldValue(e, a, v);
+      setFieldValue: (field, value, shouldValidate) => {
+        var _a;
+        (_a = form.value) == null ? void 0 : _a.setFieldValue(field, value, shouldValidate);
       },
-      setErrors: (e) => {
-        var a;
-        (a = o.value) == null || a.setErrors(e);
+      setErrors: (fields) => {
+        var _a;
+        (_a = form.value) == null ? void 0 : _a.setErrors(fields);
       }
-    }), (e, a) => {
-      var v, y, T, E;
-      return n(), m(t(ce), i({
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return openBlock(), createBlock(unref(script), mergeProps({
         ref_key: "dialogForm",
-        ref: ee
-      }, (v = t(l)) == null ? void 0 : v.root, {
-        class: s.class,
-        closable: e.closable,
-        draggable: !1,
-        header: e.header,
+        ref: dialogForm
+      }, (_a = unref(DialogFormPreset)) == null ? void 0 : _a.root, {
+        class: props.class,
+        closable: _ctx.closable,
+        draggable: false,
+        header: _ctx.header,
         pt: {
           root: {
             class: [
-              ...(y = t(_)) == null ? void 0 : y.root({ state: {} }).class,
-              ...(T = t(l)) == null ? void 0 : T.root.class
+              ...(_b = unref(DialogPreset)) == null ? void 0 : _b.root({ state: {} }).class,
+              ...(_c = unref(DialogFormPreset)) == null ? void 0 : _c.root.class
             ],
-            style: (E = t(l)) == null ? void 0 : E.root.style(ae.value)
+            style: (_d = unref(DialogFormPreset)) == null ? void 0 : _d.root.style(computedWidth.value)
           }
         },
-        visible: e.visible,
-        onHide: a[3] || (a[3] = (f) => r("hide")),
-        onShow: a[4] || (a[4] = (f) => r("show")),
-        "onUpdate:visible": a[5] || (a[5] = (f) => r("update:visible", !!f)),
+        visible: _ctx.visible,
+        onHide: _cache[3] || (_cache[3] = ($event) => emit("hide")),
+        onShow: _cache[4] || (_cache[4] = ($event) => emit("show")),
+        "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => emit("update:visible", !!$event)),
         modal: ""
       }), {
-        container: J(() => {
-          var f, M, I, H, N, O, U, j, z, K;
+        container: withCtx(() => {
+          var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j;
           return [
-            B("div", p($((f = t(l)) == null ? void 0 : f.container(b.value))), [
-              B("section", i((M = t(l)) == null ? void 0 : M.mainsection, { id: "main" }), [
-                B("div", p($((I = t(l)) == null ? void 0 : I.header)), [
-                  S(e.$slots, "header", {}, () => {
-                    var u, h, g, k;
+            createElementVNode("div", normalizeProps(guardReactiveProps((_a2 = unref(DialogFormPreset)) == null ? void 0 : _a2.container(expanded.value))), [
+              createElementVNode("section", mergeProps((_b2 = unref(DialogFormPreset)) == null ? void 0 : _b2.mainsection, { id: "main" }), [
+                createElementVNode("div", normalizeProps(guardReactiveProps((_c2 = unref(DialogFormPreset)) == null ? void 0 : _c2.header)), [
+                  renderSlot(_ctx.$slots, "header", {}, () => {
+                    var _a3, _b3, _c3, _d3;
                     return [
-                      e.headerIcon ? (n(), m(fe, i({ key: 0 }, (u = t(l)) == null ? void 0 : u.headericon, {
-                        icon: e.headerIcon,
-                        severity: e.severity,
+                      _ctx.headerIcon ? (openBlock(), createBlock(_sfc_main$1, mergeProps({ key: 0 }, (_a3 = unref(DialogFormPreset)) == null ? void 0 : _a3.headericon, {
+                        icon: _ctx.headerIcon,
+                        severity: _ctx.severity,
                         "aria-label": "Header Icon"
-                      }), null, 16, ["icon", "severity"])) : d("", !0),
-                      B("h3", p($((h = t(l)) == null ? void 0 : h.headertitle)), ne(e.header), 17),
-                      e.$slots["aside-right"] ? (n(), m(w, i({ key: 1 }, (g = t(l)) == null ? void 0 : g.expandasidebutton, {
-                        label: b.value ? t(c).asideRightExpandedButtonLabel : t(c).asideRightCollapsedButtonLabel,
-                        onClick: a[0] || (a[0] = (R) => b.value = !b.value),
+                      }), null, 16, ["icon", "severity"])) : createCommentVNode("", true),
+                      createElementVNode("h3", normalizeProps(guardReactiveProps((_b3 = unref(DialogFormPreset)) == null ? void 0 : _b3.headertitle)), toDisplayString(_ctx.header), 17),
+                      _ctx.$slots["aside-right"] ? (openBlock(), createBlock(_sfc_main$2, mergeProps({ key: 1 }, (_c3 = unref(DialogFormPreset)) == null ? void 0 : _c3.expandasidebutton, {
+                        label: expanded.value ? unref(locale).asideRightExpandedButtonLabel : unref(locale).asideRightCollapsedButtonLabel,
+                        onClick: _cache[0] || (_cache[0] = ($event) => expanded.value = !expanded.value),
                         text: ""
-                      }), null, 16, ["label"])) : d("", !0),
-                      e.closable ? (n(), m(w, i({
+                      }), null, 16, ["label"])) : createCommentVNode("", true),
+                      _ctx.closable ? (openBlock(), createBlock(_sfc_main$2, mergeProps({
                         key: 2,
-                        onClick: le
-                      }, (k = t(l)) == null ? void 0 : k.closedialog, {
+                        onClick: closeDialog
+                      }, (_d3 = unref(DialogFormPreset)) == null ? void 0 : _d3.closedialog, {
                         icon: "close",
                         "icon-class": "w-[22px] h-[22px]",
                         rounded: "",
                         severity: "secondary",
                         text: ""
-                      }), null, 16)) : d("", !0)
+                      }), null, 16)) : createCommentVNode("", true)
                     ];
                   })
                 ], 16),
-                X(ve, i((H = t(l)) == null ? void 0 : H.form, {
+                createVNode(_sfc_main$3, mergeProps((_d2 = unref(DialogFormPreset)) == null ? void 0 : _d2.form, {
                   ref_key: "form",
-                  ref: o,
-                  "buttons-template": e.buttonsTemplate,
-                  "column-per-row": e.columnPerRow,
-                  "reset-after-submit": e.resetAfterSubmit,
-                  onSubmit: se,
+                  ref: form,
+                  "buttons-template": _ctx.buttonsTemplate,
+                  "column-per-row": _ctx.columnPerRow,
+                  "reset-after-submit": _ctx.resetAfterSubmit,
+                  onSubmit: onSubmitDialogForm,
                   "hide-footer": ""
                 }), {
-                  fields: J(({ formValues: u }) => [
-                    S(e.$slots, "fields", {
-                      key: te.value,
-                      formValues: u
+                  fields: withCtx(({ formValues }) => [
+                    renderSlot(_ctx.$slots, "fields", {
+                      key: fieldsKey.value,
+                      formValues
                     })
                   ]),
                   _: 3
                 }, 16, ["buttons-template", "column-per-row", "reset-after-submit"]),
-                S(e.$slots, "confirm", {
-                  hide: () => V.value = !1,
-                  submit: A,
-                  visible: V.value
+                renderSlot(_ctx.$slots, "confirm", {
+                  hide: () => showConfirm.value = false,
+                  submit: onFormValidated,
+                  visible: showConfirm.value
                 }),
-                B("div", p($((N = t(l)) == null ? void 0 : N.footer)), [
-                  e.showStayCheckbox ? (n(), m(be, i({ key: 0 }, (O = t(l)) == null ? void 0 : O.staycheckbox, {
-                    label: e.stayCheckboxLabel ?? t(c).stayCheckboxLabel,
-                    "model-value": (U = o.value) == null ? void 0 : U.stayAfterSubmit,
-                    "onUpdate:modelValue": a[1] || (a[1] = (u) => o.value && (o.value.stayAfterSubmit = u))
-                  }), null, 16, ["label", "model-value"])) : d("", !0),
-                  ue(X(pe, i((j = t(l)) == null ? void 0 : j.validatormessage, {
-                    format: !1,
-                    message: e.validatorMessage
+                createElementVNode("div", normalizeProps(guardReactiveProps((_e = unref(DialogFormPreset)) == null ? void 0 : _e.footer)), [
+                  _ctx.showStayCheckbox ? (openBlock(), createBlock(_sfc_main$4, mergeProps({ key: 0 }, (_f = unref(DialogFormPreset)) == null ? void 0 : _f.staycheckbox, {
+                    label: _ctx.stayCheckboxLabel ?? unref(locale).stayCheckboxLabel,
+                    "model-value": (_g = form.value) == null ? void 0 : _g.stayAfterSubmit,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value && (form.value.stayAfterSubmit = $event))
+                  }), null, 16, ["label", "model-value"])) : createCommentVNode("", true),
+                  withDirectives(createVNode(_sfc_main$5, mergeProps((_h = unref(DialogFormPreset)) == null ? void 0 : _h.validatormessage, {
+                    format: false,
+                    message: _ctx.validatorMessage
                   }), null, 16, ["message"]), [
-                    [de, e.invalid && e.validatorMessage]
+                    [vShow, _ctx.invalid && _ctx.validatorMessage]
                   ]),
-                  s.buttonsTemplate.length ? (n(), Q("div", p(i({ key: 1 }, (z = t(l)) == null ? void 0 : z.footerbutton)), [
-                    S(e.$slots, "actionButtons", { submit: W }, () => {
-                      var u, h, g, k, R, q;
+                  props.buttonsTemplate.length ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, (_i = unref(DialogFormPreset)) == null ? void 0 : _i.footerbutton)), [
+                    renderSlot(_ctx.$slots, "actionButtons", { submit: onButtonSubmitClicked }, () => {
+                      var _a3, _b3, _c3, _d3, _e2, _f2;
                       return [
-                        (u = s.buttonsTemplate) != null && u.includes("cancel") ? (n(), m(w, i({ key: 0 }, (h = t(l)) == null ? void 0 : h.cancelbtn, {
-                          label: e.cancelBtnLabel ?? t(c).cancelBtnLabel,
-                          onClick: a[2] || (a[2] = (ye) => (r("close"), r("update:visible", !1))),
+                        ((_a3 = props.buttonsTemplate) == null ? void 0 : _a3.includes("cancel")) ? (openBlock(), createBlock(_sfc_main$2, mergeProps({ key: 0 }, (_b3 = unref(DialogFormPreset)) == null ? void 0 : _b3.cancelbtn, {
+                          label: _ctx.cancelBtnLabel ?? unref(locale).cancelBtnLabel,
+                          onClick: _cache[2] || (_cache[2] = ($event) => (emit("close"), emit("update:visible", false))),
                           severity: "dark",
                           text: ""
-                        }), null, 16, ["label"])) : d("", !0),
-                        (g = s.buttonsTemplate) != null && g.includes("clear") ? (n(), m(w, i({ key: 1 }, (k = t(l)) == null ? void 0 : k.clearfield, {
-                          label: e.clearBtnLabel ?? t(c).clearBtnLabel,
-                          onClick: F,
+                        }), null, 16, ["label"])) : createCommentVNode("", true),
+                        ((_c3 = props.buttonsTemplate) == null ? void 0 : _c3.includes("clear")) ? (openBlock(), createBlock(_sfc_main$2, mergeProps({ key: 1 }, (_d3 = unref(DialogFormPreset)) == null ? void 0 : _d3.clearfield, {
+                          label: _ctx.clearBtnLabel ?? unref(locale).clearBtnLabel,
+                          onClick: clearField,
                           class: "whitespace-nowrap",
                           text: ""
-                        }), null, 16, ["label"])) : d("", !0),
-                        (R = s.buttonsTemplate) != null && R.includes("submit") ? (n(), m(w, i({ key: 2 }, (q = t(l)) == null ? void 0 : q.savesubmitbutton, {
-                          label: e.submitBtnLabel ?? t(c).submitBtnLabel,
-                          severity: s.severity === "primary" ? void 0 : s.severity ?? "success",
-                          onClick: W
-                        }), null, 16, ["label", "severity"])) : d("", !0)
+                        }), null, 16, ["label"])) : createCommentVNode("", true),
+                        ((_e2 = props.buttonsTemplate) == null ? void 0 : _e2.includes("submit")) ? (openBlock(), createBlock(_sfc_main$2, mergeProps({ key: 2 }, (_f2 = unref(DialogFormPreset)) == null ? void 0 : _f2.savesubmitbutton, {
+                          label: _ctx.submitBtnLabel ?? unref(locale).submitBtnLabel,
+                          severity: props.severity === "primary" ? void 0 : props.severity ?? "success",
+                          onClick: onButtonSubmitClicked
+                        }), null, 16, ["label", "severity"])) : createCommentVNode("", true)
                       ];
                     })
-                  ], 16)) : d("", !0)
+                  ], 16)) : createCommentVNode("", true)
                 ], 16)
               ], 16),
-              e.$slots["aside-right"] ? (n(), Q("aside", p(i({ key: 0 }, (K = t(l)) == null ? void 0 : K.asidesection(b.value, e.asideRightWidth))), [
-                S(e.$slots, "aside-right")
-              ], 16)) : d("", !0)
+              _ctx.$slots["aside-right"] ? (openBlock(), createElementBlock("aside", normalizeProps(mergeProps({ key: 0 }, (_j = unref(DialogFormPreset)) == null ? void 0 : _j.asidesection(expanded.value, _ctx.asideRightWidth))), [
+                renderSlot(_ctx.$slots, "aside-right")
+              ], 16)) : createCommentVNode("", true)
             ], 16)
           ];
         }),
@@ -219,5 +256,5 @@ const Le = /* @__PURE__ */ oe({
   }
 });
 export {
-  Le as _
+  _sfc_main as _
 };