@thelacanians/vue-native-runtime 0.4.11 → 0.4.13

package/dist/index.cjs

@@ -1268,7 +1268,9 @@ var VAlertDialog = (0, import_runtime_core15.defineComponent)({
     visible: { type: Boolean, default: false },
     title: { type: String, default: "" },
     message: { type: String, default: "" },
-    buttons: { type: Array, default: () => [] }
+    buttons: { type: Array, default: () => [] },
+    confirmText: { type: String, default: "" },
+    cancelText: { type: String, default: "" }
   },
   emits: ["confirm", "cancel", "action"],
   setup(props, { emit }) {
@@ -1286,15 +1288,27 @@ var VAlertDialog = (0, import_runtime_core15.defineComponent)({
     (0, import_runtime_core15.onUnmounted)(() => {
       if (visibleTimer) clearTimeout(visibleTimer);
     });
-    return () => (0, import_runtime_core15.h)("VAlertDialog", {
-      visible: debouncedVisible.value,
-      title: props.title,
-      message: props.message,
-      buttons: props.buttons,
-      onConfirm: (e) => emit("confirm", e),
-      onCancel: () => emit("cancel"),
-      onAction: (e) => emit("action", e)
-    });
+    return () => {
+      let resolvedButtons = props.buttons;
+      if (resolvedButtons.length === 0 && (props.confirmText || props.cancelText)) {
+        resolvedButtons = [];
+        if (props.cancelText) {
+          resolvedButtons.push({ label: props.cancelText, style: "cancel" });
+        }
+        if (props.confirmText) {
+          resolvedButtons.push({ label: props.confirmText, style: "default" });
+        }
+      }
+      return (0, import_runtime_core15.h)("VAlertDialog", {
+        visible: debouncedVisible.value,
+        title: props.title,
+        message: props.message,
+        buttons: resolvedButtons,
+        onConfirm: (e) => emit("confirm", e),
+        onCancel: () => emit("cancel"),
+        onAction: (e) => emit("action", e)
+      });
+    };
   }
 });
 
@@ -2426,14 +2440,31 @@ function useHttp(config = {}) {
       }
     }
   }
+  function buildUrl(url, params) {
+    if (!params || Object.keys(params).length === 0) return url;
+    const qs = Object.entries(params).map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(v)}`).join("&");
+    return url.includes("?") ? `${url}&${qs}` : `${url}?${qs}`;
+  }
   return {
     loading,
     error,
-    get: (url, headers) => request("GET", url, { headers }),
+    get: (url, options) => {
+      if (options && !("params" in options) && !("headers" in options)) {
+        return request("GET", url, { headers: options });
+      }
+      const opts = options;
+      return request("GET", buildUrl(url, opts?.params), { headers: opts?.headers });
+    },
     post: (url, body, headers) => request("POST", url, { body, headers }),
     put: (url, body, headers) => request("PUT", url, { body, headers }),
     patch: (url, body, headers) => request("PATCH", url, { body, headers }),
-    delete: (url, headers) => request("DELETE", url, { headers })
+    delete: (url, options) => {
+      if (options && !("params" in options) && !("headers" in options)) {
+        return request("DELETE", url, { headers: options });
+      }
+      const opts = options;
+      return request("DELETE", buildUrl(url, opts?.params), { headers: opts?.headers });
+    }
   };
 }
 

package/dist/index.d.cts

@@ -335,6 +335,10 @@ interface VAlertDialogProps {
         label: string;
         style?: 'default' | 'cancel' | 'destructive';
     }>;
+    /** Shorthand: confirm button label. Used when `buttons` is empty. */
+    confirmText?: string;
+    /** Shorthand: cancel button label. Used when `buttons` is empty. */
+    cancelText?: string;
 }
 interface VStatusBarProps {
     barStyle?: 'default' | 'light-content' | 'dark-content';
@@ -1246,6 +1250,14 @@ declare const VAlertDialog: _vue_runtime_core.DefineComponent<_vue_runtime_core.
         type: () => AlertButton[];
         default: () => never[];
     };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, ("confirm" | "cancel" | "action")[], "confirm" | "cancel" | "action", _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
@@ -1265,6 +1277,14 @@ declare const VAlertDialog: _vue_runtime_core.DefineComponent<_vue_runtime_core.
         type: () => AlertButton[];
         default: () => never[];
     };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     onConfirm?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
@@ -1274,6 +1294,8 @@ declare const VAlertDialog: _vue_runtime_core.DefineComponent<_vue_runtime_core.
     title: string;
     message: string;
     buttons: AlertButton[];
+    confirmText: string;
+    cancelText: string;
 }, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
 
 type StatusBarStyle = 'default' | 'light-content' | 'dark-content';
@@ -2662,11 +2684,17 @@ interface HttpResponse<T = any> {
 declare function useHttp(config?: HttpRequestConfig): {
     loading: _vue_reactivity.Ref<boolean, boolean>;
     error: _vue_reactivity.Ref<string | null, string | null>;
-    get: <T = any>(url: string, headers?: Record<string, string>) => Promise<HttpResponse<T>>;
+    get: <T = any>(url: string, options?: {
+        params?: Record<string, string>;
+        headers?: Record<string, string>;
+    } | Record<string, string>) => Promise<HttpResponse<T>>;
     post: <T = any>(url: string, body?: any, headers?: Record<string, string>) => Promise<HttpResponse<T>>;
     put: <T = any>(url: string, body?: any, headers?: Record<string, string>) => Promise<HttpResponse<T>>;
     patch: <T = any>(url: string, body?: any, headers?: Record<string, string>) => Promise<HttpResponse<T>>;
-    delete: <T = any>(url: string, headers?: Record<string, string>) => Promise<HttpResponse<T>>;
+    delete: <T = any>(url: string, options?: {
+        params?: Record<string, string>;
+        headers?: Record<string, string>;
+    } | Record<string, string>) => Promise<HttpResponse<T>>;
 };
 
 type ColorScheme = 'light' | 'dark';

package/dist/index.d.ts

@@ -335,6 +335,10 @@ interface VAlertDialogProps {
         label: string;
         style?: 'default' | 'cancel' | 'destructive';
     }>;
+    /** Shorthand: confirm button label. Used when `buttons` is empty. */
+    confirmText?: string;
+    /** Shorthand: cancel button label. Used when `buttons` is empty. */
+    cancelText?: string;
 }
 interface VStatusBarProps {
     barStyle?: 'default' | 'light-content' | 'dark-content';
@@ -1246,6 +1250,14 @@ declare const VAlertDialog: _vue_runtime_core.DefineComponent<_vue_runtime_core.
         type: () => AlertButton[];
         default: () => never[];
     };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, ("confirm" | "cancel" | "action")[], "confirm" | "cancel" | "action", _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
@@ -1265,6 +1277,14 @@ declare const VAlertDialog: _vue_runtime_core.DefineComponent<_vue_runtime_core.
         type: () => AlertButton[];
         default: () => never[];
     };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     onConfirm?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
@@ -1274,6 +1294,8 @@ declare const VAlertDialog: _vue_runtime_core.DefineComponent<_vue_runtime_core.
     title: string;
     message: string;
     buttons: AlertButton[];
+    confirmText: string;
+    cancelText: string;
 }, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
 
 type StatusBarStyle = 'default' | 'light-content' | 'dark-content';
@@ -2662,11 +2684,17 @@ interface HttpResponse<T = any> {
 declare function useHttp(config?: HttpRequestConfig): {
     loading: _vue_reactivity.Ref<boolean, boolean>;
     error: _vue_reactivity.Ref<string | null, string | null>;
-    get: <T = any>(url: string, headers?: Record<string, string>) => Promise<HttpResponse<T>>;
+    get: <T = any>(url: string, options?: {
+        params?: Record<string, string>;
+        headers?: Record<string, string>;
+    } | Record<string, string>) => Promise<HttpResponse<T>>;
     post: <T = any>(url: string, body?: any, headers?: Record<string, string>) => Promise<HttpResponse<T>>;
     put: <T = any>(url: string, body?: any, headers?: Record<string, string>) => Promise<HttpResponse<T>>;
     patch: <T = any>(url: string, body?: any, headers?: Record<string, string>) => Promise<HttpResponse<T>>;
-    delete: <T = any>(url: string, headers?: Record<string, string>) => Promise<HttpResponse<T>>;
+    delete: <T = any>(url: string, options?: {
+        params?: Record<string, string>;
+        headers?: Record<string, string>;
+    } | Record<string, string>) => Promise<HttpResponse<T>>;
 };
 
 type ColorScheme = 'light' | 'dark';

package/dist/index.js

@@ -1164,7 +1164,9 @@ var VAlertDialog = defineComponent14({
     visible: { type: Boolean, default: false },
     title: { type: String, default: "" },
     message: { type: String, default: "" },
-    buttons: { type: Array, default: () => [] }
+    buttons: { type: Array, default: () => [] },
+    confirmText: { type: String, default: "" },
+    cancelText: { type: String, default: "" }
   },
   emits: ["confirm", "cancel", "action"],
   setup(props, { emit }) {
@@ -1182,15 +1184,27 @@ var VAlertDialog = defineComponent14({
     onUnmounted2(() => {
       if (visibleTimer) clearTimeout(visibleTimer);
     });
-    return () => h14("VAlertDialog", {
-      visible: debouncedVisible.value,
-      title: props.title,
-      message: props.message,
-      buttons: props.buttons,
-      onConfirm: (e) => emit("confirm", e),
-      onCancel: () => emit("cancel"),
-      onAction: (e) => emit("action", e)
-    });
+    return () => {
+      let resolvedButtons = props.buttons;
+      if (resolvedButtons.length === 0 && (props.confirmText || props.cancelText)) {
+        resolvedButtons = [];
+        if (props.cancelText) {
+          resolvedButtons.push({ label: props.cancelText, style: "cancel" });
+        }
+        if (props.confirmText) {
+          resolvedButtons.push({ label: props.confirmText, style: "default" });
+        }
+      }
+      return h14("VAlertDialog", {
+        visible: debouncedVisible.value,
+        title: props.title,
+        message: props.message,
+        buttons: resolvedButtons,
+        onConfirm: (e) => emit("confirm", e),
+        onCancel: () => emit("cancel"),
+        onAction: (e) => emit("action", e)
+      });
+    };
   }
 });
 
@@ -2322,14 +2336,31 @@ function useHttp(config = {}) {
       }
     }
   }
+  function buildUrl(url, params) {
+    if (!params || Object.keys(params).length === 0) return url;
+    const qs = Object.entries(params).map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(v)}`).join("&");
+    return url.includes("?") ? `${url}&${qs}` : `${url}?${qs}`;
+  }
   return {
     loading,
     error,
-    get: (url, headers) => request("GET", url, { headers }),
+    get: (url, options) => {
+      if (options && !("params" in options) && !("headers" in options)) {
+        return request("GET", url, { headers: options });
+      }
+      const opts = options;
+      return request("GET", buildUrl(url, opts?.params), { headers: opts?.headers });
+    },
     post: (url, body, headers) => request("POST", url, { body, headers }),
     put: (url, body, headers) => request("PUT", url, { body, headers }),
     patch: (url, body, headers) => request("PATCH", url, { body, headers }),
-    delete: (url, headers) => request("DELETE", url, { headers })
+    delete: (url, options) => {
+      if (options && !("params" in options) && !("headers" in options)) {
+        return request("DELETE", url, { headers: options });
+      }
+      const opts = options;
+      return request("DELETE", buildUrl(url, opts?.params), { headers: opts?.headers });
+    }
   };
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thelacanians/vue-native-runtime",
-  "version": "0.4.11",
+  "version": "0.4.13",
   "description": "Vue 3 custom renderer for native iOS and Android apps",
   "license": "MIT",
   "author": "Vue Native Contributors",