@vuetkit/components 0.0.5 → 0.0.7

package/README.md

@@ -2,4 +2,11 @@
 
 ## Description
 
-Collection of business development components for Vue3 projects.
+Collection of business development components for Vue3 + ElementPlus projects.
+
+## All Components / Component Hooks
+
+### Feedback
+
+- [useMessage](/components/src/feedback/useMessage/)
+- [useAsyncConfirm](/components/src/feedback/useAsyncConfirm/)

package/dist/index.d.ts

@@ -1,4 +1,12 @@
-//#region src/form/select/index.d.ts
-declare function test(): string;
+import { MessageProps } from "element-plus";
+
+//#region src/feedback/useMessage/index.d.ts
+declare function useMessage(options?: MessageProps): {
+  success: (message: string) => import("element-plus").MessageHandler;
+  error: (message: string) => import("element-plus").MessageHandler;
+  warning: (message: string) => import("element-plus").MessageHandler;
+  info: (message: string) => import("element-plus").MessageHandler;
+  closeAll: () => void;
+};
 //#endregion
-export { test };
+export { useMessage };

package/dist/index.js

@@ -1,6 +1,47 @@
-//#region src/form/select/index.ts
-function test() {
-	return "test";
+import { ElMessage } from "element-plus";
+//#region src/feedback/useMessage/index.ts
+const DEFAULT_DURATION = 3e3;
+const DEFAULT_SHOW_CLOSE = true;
+const DEFAULT_PLAIN = true;
+const DEFAULT_GROUPING = true;
+function useMessage(options = {}) {
+	var _options$duration, _options$showClose, _options$plain, _options$grouping;
+	const mergedOptions = {
+		...options,
+		duration: (_options$duration = options.duration) !== null && _options$duration !== void 0 ? _options$duration : DEFAULT_DURATION,
+		showClose: (_options$showClose = options.showClose) !== null && _options$showClose !== void 0 ? _options$showClose : DEFAULT_SHOW_CLOSE,
+		plain: (_options$plain = options.plain) !== null && _options$plain !== void 0 ? _options$plain : DEFAULT_PLAIN,
+		grouping: (_options$grouping = options.grouping) !== null && _options$grouping !== void 0 ? _options$grouping : DEFAULT_GROUPING
+	};
+	function createMessage(message, type) {
+		return ElMessage({
+			...mergedOptions,
+			message,
+			type
+		});
+	}
+	function closeAll() {
+		ElMessage.closeAll();
+	}
+	function success(message) {
+		return createMessage(message, "success");
+	}
+	function error(message) {
+		return createMessage(message, "error");
+	}
+	function warning(message) {
+		return createMessage(message, "warning");
+	}
+	function info(message) {
+		return createMessage(message, "info");
+	}
+	return {
+		success,
+		error,
+		warning,
+		info,
+		closeAll
+	};
 }
 //#endregion
-export { test };
+export { useMessage };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuetkit/components",
   "type": "module",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "Collection of business development components for Vue3 projects",
   "author": "Kalu5",
   "license": "MIT",
@@ -16,6 +16,10 @@
     "README.md",
     "dist"
   ],
+  "peerDependencies": {
+    "element-plus": "^2.14.1",
+    "vue": "^3.5.35"
+  },
   "scripts": {
     "build": "tsdown --config-loader tsx"
   }