sprintify-ui 0.8.20 → 0.8.22

package/dist/sprintify-ui.es.js

@@ -7186,7 +7186,7 @@ const Gx = {
         (d = o.value) == null || d.focus();
         return;
       }
-      r("confirm", l);
+      r("confirm", l.value);
     }
     return (c, d) => (I(), K("div", Qx, [
       j("div", Zx, [
@@ -7228,7 +7228,7 @@ const Gx = {
             ]),
             _(a) ? (I(), Ee(Sr, {
               key: 0,
-              class: "mt-5",
+              class: "mt-5 w-full",
               label: _(a).label,
               size: _(a).size,
               required: _(a).required
@@ -7242,7 +7242,8 @@ const Gx = {
                   "onUpdate:modelValue": d[0] || (d[0] = (f) => gr(l) ? l.value = f : null),
                   name: "input",
                   placeholder: _(a).placeholder,
-                  class: "w-full"
+                  class: "w-full",
+                  "tw-input": "w-full"
                 }, null, 8, ["modelValue", "placeholder"])) : (I(), Ee(ir, {
                   key: 1,
                   ref_key: "inputRef",
@@ -7304,6 +7305,7 @@ const Gx = {
         confirmText: n.confirmText ?? ze("sui.confirm"),
         cancelText: n.cancelText ?? ze("sui.cancel"),
         closeOnOutsideClick: n.closeOnOutsideClick ?? !0,
+        input: n.input ?? !1,
         onConfirm: n.onConfirm ?? function() {
         },
         onCancel: n.onCancel ?? function() {
@@ -7843,8 +7845,8 @@ const iE = {
   __name: "BaseAppDialogs",
   setup(n, { expose: t }) {
     const e = Id(), r = N(() => e.dialogs);
-    function i(d) {
-      d.onConfirm(), l(d);
+    function i(d, f) {
+      d.onConfirm(f), l(d);
     }
     function o(d) {
       d.onCancel(), l(d);
@@ -7914,10 +7916,11 @@ const iE = {
                 message: h.message,
                 "confirm-text": h.confirmText,
                 html: h.html,
+                input: h.input,
                 "cancel-text": h.cancelText,
                 onCancel: (p) => o(h),
-                onConfirm: (p) => i(h)
-              }, null, 8, ["class", "color", "title", "message", "confirm-text", "html", "cancel-text", "onCancel", "onConfirm"])
+                onConfirm: (p) => i(h, p)
+              }, null, 8, ["class", "color", "title", "message", "confirm-text", "html", "input", "cancel-text", "onCancel", "onConfirm"])
             ])
           ]))), 128))
         ]),

package/dist/types/components/BaseAppDialogs.vue.d.ts

@@ -5,10 +5,19 @@ declare const _default: import("vue").DefineComponent<{}, {
         title: string;
         message: string;
         html: boolean;
+        input: false | {
+            label?: string | undefined;
+            placeholder?: string | undefined;
+            name?: string | undefined;
+            type?: string | undefined;
+            size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+            required?: boolean | undefined;
+            disabled?: boolean | undefined;
+        };
         confirmText: string;
         cancelText: string;
         closeOnOutsideClick: boolean;
-        onConfirm: () => void;
+        onConfirm: (input?: string | undefined) => void;
         onCancel: () => void;
     }[]>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

package/dist/types/components/BaseDialog.vue.d.ts

@@ -68,9 +68,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     title: string;
     message: string;
     html: boolean;
+    input: boolean | InputConfigProps;
     confirmText: string;
     cancelText: string;
-    input: boolean | InputConfigProps;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/types/components/BaseTextareaAutoresize.vue.d.ts

@@ -54,10 +54,10 @@ declare const _default: import("vue").DefineComponent<{
     focus: typeof focus;
     blur: typeof blur;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
     focus: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
     submit: (...args: any[]) => void;
-    input: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: string;
@@ -110,8 +110,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
-    onSubmit?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
+    onSubmit?: ((...args: any[]) => any) | undefined;
 }, {
     required: boolean;
     modelValue: string | null;

package/dist/types/types/index.d.ts

@@ -121,10 +121,11 @@ export interface DialogOptions {
     title: string;
     message: string;
     html?: boolean;
+    input?: InputConfigProps | false;
     confirmText?: string;
     cancelText?: string;
     closeOnOutsideClick?: boolean;
-    onConfirm?: () => void;
+    onConfirm?: (input?: string) => void;
     onCancel?: () => void;
 }
 export interface Dialog {
@@ -133,10 +134,11 @@ export interface Dialog {
     title: string;
     message: string;
     html: boolean;
+    input: InputConfigProps | false;
     confirmText: string;
     cancelText: string;
     closeOnOutsideClick: boolean;
-    onConfirm: () => void;
+    onConfirm: (input?: string) => void;
     onCancel: () => void;
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.8.20",
+  "version": "0.8.22",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseAppDialogs.vue

@@ -48,9 +48,10 @@
             :message="dialog.message"
             :confirm-text="dialog.confirmText"
             :html="dialog.html"
+            :input="dialog.input"
             :cancel-text="dialog.cancelText"
             @cancel="cancel(dialog)"
-            @confirm="confirm(dialog)"
+            @confirm="event => confirm(dialog, event)"
           />
         </div>
       </div>
@@ -70,8 +71,8 @@ const dialogs = computed(() => {
   return dialogStore.dialogs;
 });
 
-function confirm(dialog: Dialog) {
-  dialog.onConfirm();
+function confirm(dialog: Dialog, input?: string) {
+  dialog.onConfirm(input);
   remove(dialog);
 }
 

package/src/components/BaseDialog.vue

@@ -57,7 +57,7 @@
 
           <BaseField
             v-if="inputConfig"
-            class="mt-5"
+            class="mt-5 w-full"
             :label="inputConfig.label"
             :size="inputConfig.size"
             :required="inputConfig.required"
@@ -69,6 +69,7 @@
               name="input"
               :placeholder="inputConfig.placeholder"
               class="w-full"
+              tw-input="w-full"
             />
             <BaseInput
               v-else
@@ -197,7 +198,7 @@ function confirm() {
     return;
   }
 
-  emit('confirm', input);
+  emit('confirm', input.value);
 }
 
 </script>

package/src/stores/dialogs.ts

@@ -21,6 +21,7 @@ export const useDialogsStore = defineStore('dialogs', {
         confirmText: options.confirmText ?? t('sui.confirm'),
         cancelText: options.cancelText ?? t('sui.cancel'),
         closeOnOutsideClick: options.closeOnOutsideClick ?? true,
+        input: options.input ?? false,
         onConfirm:
           options.onConfirm ??
           function () {

package/src/types/index.ts

@@ -153,10 +153,11 @@ export interface DialogOptions {
   title: string;
   message: string;
   html?: boolean;
+  input?: InputConfigProps | false;
   confirmText?: string;
   cancelText?: string;
   closeOnOutsideClick?: boolean;
-  onConfirm?: () => void;
+  onConfirm?: (input?: string) => void;
   onCancel?: () => void;
 }
 
@@ -166,10 +167,11 @@ export interface Dialog {
   title: string;
   message: string;
   html: boolean;
+  input: InputConfigProps | false;
   confirmText: string;
   cancelText: string;
   closeOnOutsideClick: boolean;
-  onConfirm: () => void;
+  onConfirm: (input?: string) => void;
   onCancel: () => void;
 }