@lobehub/ui 1.56.0 → 1.58.0

package/es/ActionIcon/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LucideIcon } from 'lucide-react';
+import { type IconProps } from "../Icon";
 import { type TooltipProps } from "../Tooltip";
 import { DivProps } from "../types";
 export type ActionIconSize = 'large' | 'normal' | 'small' | 'site' | {
@@ -19,6 +19,8 @@ export interface ActionIconProps extends DivProps {
      * @default false
      */
     arrow?: boolean;
+    color?: IconProps['color'];
+    fill?: IconProps['fill'];
     /**
      * @description Glass blur style
      * @default 'false'
@@ -28,7 +30,7 @@ export interface ActionIconProps extends DivProps {
      * @description The icon element to be rendered
      * @type LucideIcon
      */
-    icon?: LucideIcon;
+    icon?: IconProps['icon'];
     /**
      * @description Set the loading status of ActionIcon
      */

package/es/ActionIcon/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "active", "icon", "size", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading", "tooltipDelay"];
+var _excluded = ["color", "fill", "className", "active", "icon", "size", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading", "tooltipDelay"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { Loader2 } from 'lucide-react';
@@ -53,7 +53,9 @@ var calcSize = function calcSize(size) {
   };
 };
 var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
+  var color = _ref.color,
+    fill = _ref.fill,
+    className = _ref.className,
     active = _ref.active,
     icon = _ref.icon,
     _ref$size = _ref.size,
@@ -84,11 +86,14 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
     borderRadius = _useMemo.borderRadius;
   var content = /*#__PURE__*/_jsxs(_Fragment, {
     children: [icon && /*#__PURE__*/_jsx(Icon, {
+      color: color,
+      fill: fill,
       icon: icon,
       size: size === 'site' ? 'normal' : size
     }), children]
   });
   var spin = /*#__PURE__*/_jsx(Icon, {
+    color: color,
     icon: Loader2,
     size: size === 'site' ? 'normal' : size,
     spin: true

package/es/FluentEmoji/index.js

@@ -54,8 +54,11 @@ var FluentEmoji = /*#__PURE__*/memo(function (_ref) {
           });
         }
     }
-  }, [type]);
-  if (type === 'pure' || !emojiUrl || loadingFail) return /*#__PURE__*/_jsx("div", {
+  }, [type, emoji]);
+  var isFallback = useMemo(function () {
+    return type === 'pure' || !emojiUrl || loadingFail;
+  }, []);
+  if (isFallback) return /*#__PURE__*/_jsx("div", {
     className: cx(styles.container, className),
     style: _objectSpread({
       fontSize: size * 0.9,

package/es/Icon/index.d.ts

@@ -6,6 +6,8 @@ export type IconSize = 'large' | 'normal' | 'small' | {
     strokeWidth?: number;
 };
 export interface IconProps extends DivProps {
+    color?: string;
+    fill?: string;
     /**
      * @description The icon element to be rendered
      * @type LucideIcon

package/es/Icon/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["icon", "size", "className", "spin"];
+var _excluded = ["icon", "size", "color", "fill", "className", "spin"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { memo, useMemo } from 'react';
@@ -48,6 +48,8 @@ var calcSize = function calcSize(size) {
 var Icon = /*#__PURE__*/memo(function (_ref) {
   var icon = _ref.icon,
     size = _ref.size,
+    color = _ref.color,
+    fill = _ref.fill,
     className = _ref.className,
     spin = _ref.spin,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -65,6 +67,8 @@ var Icon = /*#__PURE__*/memo(function (_ref) {
     role: "img"
   }, props), {}, {
     children: /*#__PURE__*/_jsx(SvgIcon, {
+      color: color,
+      fill: fill,
       focusable: false,
       height: fontSize,
       size: fontSize,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.56.0",
+  "version": "1.58.0",
   "description": "Lobe UI is an open-source UI component library for building chatbot web apps",
   "keywords": [
     "lobehub",
@@ -28,11 +28,11 @@
   ],
   "scripts": {
     "build": "father build",
-    "build:watch": "father dev",
     "ci": "npm run lint && npm run type-check",
     "clean": "rm -r es lib dist coverage .dumi/tmp .eslintcache node_modules/.cache",
-    "dev": "dumi dev",
+    "dev": "father dev",
     "docs:build": "dumi build",
+    "docs:dev": "dumi dev",
     "doctor": "father doctor",
     "lint": "eslint \"{src,tests}/**/*.{js,jsx,ts,tsx}\" --fix",
     "lint:md": "remark . --quiet --frail --output",
@@ -40,6 +40,7 @@
     "prepare": "husky install && npm run setup",
     "prepublishOnly": "father doctor && npm run build",
     "prettier": "prettier -c --write --no-error-on-unmatched-pattern \"**/**\"",
+    "pull": "git pull",
     "release": "semantic-release",
     "setup": "dumi setup",
     "start": "dumi dev",