@oiij/emoji-picker 0.0.14 → 0.0.15

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as _vueuse_core0 from "@vueuse/core";
 import { Picker } from "emoji-mart";
-import * as vue0 from "vue";
+import * as vue from "vue";
 import { MaybeRefOrGetter, TemplateRef } from "vue";
 
 //#region src/index.d.ts
@@ -197,7 +197,7 @@ type UseEmojiPickerOptions = {
  * import { useEmojiPicker } from '@oiij/emoji-picker'
  *
  * const pickerRef = ref()
- * const { emojiPickerInst, updateTheme } = useEmojiPicker(pickerRef, {
+ * const { emojiPickerInst, setDarkMode } = useEmojiPicker(pickerRef, {
  *   darkMode: false,
  *   language: 'zh',
  *   emojiPickerOptions: {
@@ -214,12 +214,12 @@ type UseEmojiPickerOptions = {
  * ```
  */
 declare function useEmojiPicker(templateRef: TemplateRef<HTMLElement>, options?: UseEmojiPickerOptions): {
-  templateRef: Readonly<vue0.ShallowRef<HTMLElement | null>>;
-  darkMode: vue0.Ref<boolean | undefined, boolean | undefined>;
-  language: vue0.Ref<"zh" | "en" | undefined, "zh" | "en" | undefined>;
-  emojiPickerInst: vue0.ShallowRef<Picker | null, Picker | null>;
-  updateTheme: (darkMode?: boolean) => void;
-  updateLanguage: (language?: "zh" | "en") => void;
+  templateRef: Readonly<vue.ShallowRef<HTMLElement | null>>;
+  darkMode: vue.Ref<boolean | undefined, boolean | undefined>;
+  language: vue.Ref<"zh" | "en" | undefined, "zh" | "en" | undefined>;
+  emojiPickerInst: vue.ShallowRef<Picker | null, Picker | null>;
+  setDarkMode: (darkMode?: boolean) => void;
+  setLanguage: (language?: "zh" | "en") => void;
   onRender: _vueuse_core0.EventHookOn<[Picker]>;
 };
 /**

package/dist/index.mjs

@@ -2,7 +2,6 @@ import data from "@emoji-mart/data";
 import { createEventHook, watchOnce } from "@vueuse/core";
 import { Picker } from "emoji-mart";
 import { onUnmounted, ref, shallowRef, toValue, watch, watchEffect } from "vue";
-
 //#region ../_utils/custom-watch.ts
 function watchRefOrGetter(value, callback) {
 	const refValue = ref(toValue(value));
@@ -14,7 +13,6 @@ function watchRefOrGetter(value, callback) {
 	});
 	return refValue;
 }
-
 //#endregion
 //#region src/index.ts
 /**
@@ -31,7 +29,7 @@ function watchRefOrGetter(value, callback) {
 * import { useEmojiPicker } from '@oiij/emoji-picker'
 *
 * const pickerRef = ref()
-* const { emojiPickerInst, updateTheme } = useEmojiPicker(pickerRef, {
+* const { emojiPickerInst, setDarkMode } = useEmojiPicker(pickerRef, {
 *   darkMode: false,
 *   language: 'zh',
 *   emojiPickerOptions: {
@@ -49,8 +47,8 @@ function watchRefOrGetter(value, callback) {
 */
 function useEmojiPicker(templateRef, options) {
 	const { darkMode, language, emojiPickerOptions } = options ?? {};
-	const darkModeRef = watchRefOrGetter(darkMode, updateTheme);
-	const languageRef = watchRefOrGetter(language, updateLanguage);
+	const darkModeRef = watchRefOrGetter(darkMode, () => setDarkMode());
+	const languageRef = watchRefOrGetter(language, () => setLanguage());
 	const _options = {
 		data,
 		emojiButtonRadius: "6px",
@@ -73,8 +71,8 @@ function useEmojiPicker(templateRef, options) {
 	*
 	* @param darkMode - 是否开启暗黑模式
 	*/
-	function updateTheme(darkMode) {
-		if (darkMode !== void 0 && darkMode !== darkModeRef.value) darkModeRef.value = darkMode;
+	function setDarkMode(darkMode) {
+		if (darkMode !== void 0) darkModeRef.value = darkMode;
 		_options.theme = darkModeRef.value ? "dark" : "light";
 		destroy();
 		render();
@@ -84,8 +82,8 @@ function useEmojiPicker(templateRef, options) {
 	*
 	* @param language - 语言
 	*/
-	function updateLanguage(language) {
-		if (language !== void 0 && language !== languageRef.value) languageRef.value = language;
+	function setLanguage(language) {
+		if (language !== void 0) languageRef.value = language;
 		_options.locale = languageRef.value ?? "zh";
 		destroy();
 		render();
@@ -112,11 +110,10 @@ function useEmojiPicker(templateRef, options) {
 		darkMode: darkModeRef,
 		language: languageRef,
 		emojiPickerInst,
-		updateTheme,
-		updateLanguage,
+		setDarkMode,
+		setLanguage,
 		onRender: onRenderEvent.on
 	};
 }
-
 //#endregion
-export { useEmojiPicker };
+export { useEmojiPicker };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oiij/emoji-picker",
   "type": "module",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "description": "A Vue Composable for emoji-picker",
   "author": "oiij",
   "license": "MIT",
@@ -26,15 +26,15 @@
   ],
   "peerDependencies": {
     "@emoji-mart/data": "^1.2.1",
-    "@vueuse/core": "^14.1.0",
+    "@vueuse/core": "^14.2.1",
     "emoji-mart": "^5.6.0",
-    "vue": "^3.5.27"
+    "vue": "^3.5.30"
   },
   "devDependencies": {
     "@emoji-mart/data": "^1.2.1",
-    "@vueuse/core": "^14.1.0",
+    "@vueuse/core": "^14.2.1",
     "emoji-mart": "^5.6.0",
-    "vue": "^3.5.27"
+    "vue": "^3.5.30"
   },
   "publishConfig": {
     "access": "public"