@lobehub/ui 1.149.2 → 1.149.3

package/es/EmojiPicker/index.js

@@ -1,12 +1,12 @@
 'use client';
 
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import data from '@emoji-mart/data';
 import Picker from '@emoji-mart/react';
 import { Popover } from 'antd';
-import { memo } from 'react';
+import { memo, useState } from 'react';
 import useSWR from 'swr';
 import useMergeState from 'use-merge-value';
 import Avatar from "../Avatar";
@@ -21,6 +21,10 @@ var EmojiPicker = /*#__PURE__*/memo(function (_ref) {
     onChange = _ref.onChange,
     _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? 'en-US' : _ref$locale;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
   var _useSWR = useSWR(locale, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -49,24 +53,33 @@ var EmojiPicker = /*#__PURE__*/memo(function (_ref) {
     ava = _useMergeState2[0],
     setAva = _useMergeState2[1];
   return /*#__PURE__*/_jsx(Popover, {
+    arrow: false,
     content: /*#__PURE__*/_jsx("div", {
       className: styles.picker,
+      onBlur: function onBlur() {
+        return setOpen(false);
+      },
       children: /*#__PURE__*/_jsx(Picker, {
         data: data,
         i18n: i18n,
         locale: locale.split('-')[0],
         onEmojiSelect: function onEmojiSelect(e) {
-          return setAva(e.native);
+          setAva(e.native);
+          setOpen(false);
         },
         skinTonePosition: 'none',
         theme: 'auto'
       })
     }),
+    open: open,
     placement: 'left',
     rootClassName: styles.popover,
-    trigger: 'click',
+    trigger: ['click'],
     children: /*#__PURE__*/_jsx("div", {
       className: styles.avatar,
+      onClick: function onClick() {
+        return setOpen(true);
+      },
       style: {
         width: 'fit-content'
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.149.2",
+  "version": "1.149.3",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -75,21 +75,21 @@
     ]
   },
   "dependencies": {
-    "@babel/runtime": "^7.24.7",
+    "@babel/runtime": "^7.25.4",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@emoji-mart/data": "^1.2.1",
     "@emoji-mart/react": "^1.1.1",
-    "@floating-ui/react": "^0.26.19",
+    "@floating-ui/react": "^0.26.23",
     "@giscus/react": "^3.0.0",
     "@lobehub/emojilib": "latest",
-    "@react-spring/web": "^9.7.3",
-    "@shikijs/transformers": "^1.10.0",
+    "@react-spring/web": "^9.7.4",
+    "@shikijs/transformers": "^1.14.1",
     "@splinetool/runtime": "^0.9.526",
-    "chroma-js": "^2.4.2",
-    "dayjs": "^1.11.11",
+    "chroma-js": "^2.6.0",
+    "dayjs": "^1.11.13",
     "emoji-mart": "^5.6.0",
     "emoji-regex": "^10.3.0",
     "fast-deep-equal": "^3.1.3",
@@ -100,33 +100,33 @@
     "numeral": "^2.0.6",
     "polished": "^4.3.1",
     "prism-react-renderer": "^2.3.1",
-    "query-string": "^9.0.0",
+    "query-string": "^9.1.0",
     "rc-footer": "^0.6.8",
     "re-resizable": "^6.9.17",
     "react-error-boundary": "^4.0.13",
     "react-layout-kit": "^1.9.0",
     "react-markdown": "^8.0.7",
     "react-merge-refs": "^2.1.1",
-    "react-rnd": "^10.4.11",
+    "react-rnd": "^10.4.12",
     "react-simple-code-editor": "^0.13.1",
     "rehype-katex": "^6.0.3",
     "rehype-raw": "^7.0.0",
     "remark-breaks": "^4.0.0",
     "remark-gfm": "^3.0.1",
     "remark-math": "^5.1.1",
-    "shiki": "^1.10.0",
+    "shiki": "^1.14.1",
     "swr": "^2.2.5",
     "ts-md5": "^1.3.1",
     "url-join": "^5.0.0",
     "use-merge-value": "^1.2.0",
     "uuid": "^10.0.0",
-    "zustand": "^4.5.4",
+    "zustand": "^4.5.5",
     "zustand-utils": "^1.3.2"
   },
   "devDependencies": {
-    "@ant-design/icons": "^5.3.7",
-    "@commitlint/cli": "^19.3.0",
-    "@lobehub/lint": "^1.24.3",
+    "@ant-design/icons": "^5.4.0",
+    "@commitlint/cli": "^19.4.0",
+    "@lobehub/lint": "^1.24.4",
     "@testing-library/react": "^14.3.1",
     "@types/chroma-js": "^2.4.4",
     "@types/lodash-es": "^4.17.12",
@@ -139,7 +139,7 @@
     "@types/uuid": "^10.0.0",
     "@vitest/coverage-v8": "~1.2.2",
     "babel-plugin-antd-style": "^1.0.4",
-    "commitlint": "^19.3.0",
+    "commitlint": "^19.4.0",
     "concurrently": "^8.2.2",
     "cross-env": "^7.0.3",
     "dpdm": "^3.14.0",
@@ -148,16 +148,16 @@
     "eslint": "^8.57.0",
     "father": "4.3.1",
     "husky": "9.0.11",
-    "jsdom": "^24.1.0",
-    "lint-staged": "^15.2.7",
-    "prettier": "^3.3.2",
+    "jsdom": "^24.1.3",
+    "lint-staged": "^15.2.9",
+    "prettier": "^3.3.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "remark": "^14.0.3",
     "remark-cli": "^11.0.0",
     "semantic-release": "^21.1.2",
     "stylelint": "^15.11.0",
-    "typescript": "^5.5.2",
+    "typescript": "^5.5.4",
     "vitest": "~1.2.2"
   },
   "peerDependencies": {