@lobehub/ui 1.125.8 → 1.126.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/es/ActionIcon/index.js +6 -3
  2. package/es/LogoThree/LogoSpline.d.ts +2 -1
  3. package/es/LogoThree/LogoSpline.js +10 -5
  4. package/es/LogoThree/index.d.ts +2 -1
  5. package/es/LogoThree/index.js +10 -5
  6. package/es/styles/colors/generateColorPalette.js +1 -2
  7. package/es/styles/theme/customToken.js +1 -1
  8. package/package.json +1 -1
package/es/ActionIcon/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- var _excluded = ["color", "fill", "className", "active", "icon", "size", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading", "tooltipDelay", "fillOpacity", "fillRule", "focusable", "disable"];
3
+ var _excluded = ["color", "fill", "className", "active", "icon", "size", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading", "tooltipDelay", "fillOpacity", "fillRule", "focusable", "disable", "spin"];
4
4
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
5
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6
6
  import { Loader2 } from 'lucide-react';
@@ -37,6 +37,7 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
37
37
  fillRule = _ref.fillRule,
38
38
  focusable = _ref.focusable,
39
39
  disable = _ref.disable,
40
+ iconSpinning = _ref.spin,
40
41
  rest = _objectWithoutProperties(_ref, _excluded);
41
42
  var _useStyles = useStyles({
42
43
  active: Boolean(active),
@@ -57,10 +58,12 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
57
58
  focusable: focusable,
58
59
  size: size === 'site' ? 'normal' : size
59
60
  };
60
- var content = icon && /*#__PURE__*/_jsx(Icon, _objectSpread({
61
+ var content = icon && /*#__PURE__*/_jsx(Icon, _objectSpread(_objectSpread({
61
62
  className: styles.icon,
62
63
  icon: icon
63
- }, iconProps));
64
+ }, iconProps), {}, {
65
+ spin: iconSpinning
66
+ }));
64
67
  var spin = /*#__PURE__*/_jsx(Icon, _objectSpread(_objectSpread({
65
68
  icon: Loader2
66
69
  }, iconProps), {}, {
package/es/LogoThree/LogoSpline.d.ts CHANGED
@@ -1,5 +1,6 @@
1
+ import { type SplineProps } from '@splinetool/react-spline';
1
2
  import { CSSProperties } from 'react';
2
- export interface LogoSplineProps {
3
+ export interface LogoSplineProps extends Partial<SplineProps> {
3
4
  className?: string;
4
5
  height?: number | string;
5
6
  style?: CSSProperties;
package/es/LogoThree/LogoSpline.js CHANGED
@@ -1,5 +1,7 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
2
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
4
+ var _excluded = ["className", "style", "width", "height", "onLoad"];
3
5
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
6
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
7
  import Spline from '@splinetool/react-spline';
@@ -14,7 +16,9 @@ var LogoSpline = /*#__PURE__*/memo(function (_ref) {
14
16
  var className = _ref.className,
15
17
  style = _ref.style,
16
18
  width = _ref.width,
17
- height = _ref.height;
19
+ height = _ref.height,
20
+ _onLoad = _ref.onLoad,
21
+ rest = _objectWithoutProperties(_ref, _excluded);
18
22
  var _useThemeMode = useThemeMode(),
19
23
  isDarkMode = _useThemeMode.isDarkMode;
20
24
  var _useState = useState(true),
@@ -28,12 +32,13 @@ var LogoSpline = /*#__PURE__*/memo(function (_ref) {
28
32
  position: 'relative',
29
33
  width: width
30
34
  }, style),
31
- children: [loading && /*#__PURE__*/_jsx(Loading, {}), /*#__PURE__*/_jsx(Spline, {
32
- onLoad: function onLoad() {
33
- return setLoading(false);
35
+ children: [loading && /*#__PURE__*/_jsx(Loading, {}), /*#__PURE__*/_jsx(Spline, _objectSpread({
36
+ onLoad: function onLoad(splineApp) {
37
+ setLoading(false);
38
+ _onLoad === null || _onLoad === void 0 || _onLoad(splineApp);
34
39
  },
35
40
  scene: isDarkMode ? DARK : LIGHT
36
- })]
41
+ }, rest))]
37
42
  });
38
43
  });
39
44
  export default LogoSpline;
package/es/LogoThree/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
+ import { type SplineProps } from '@splinetool/react-spline';
1
2
  import { CSSProperties } from 'react';
2
- export interface LogoThreeProps {
3
+ export interface LogoThreeProps extends Partial<SplineProps> {
3
4
  className?: string;
4
5
  size?: number | string;
5
6
  style?: CSSProperties;
package/es/LogoThree/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
2
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
4
+ var _excluded = ["className", "style", "size", "onLoad"];
3
5
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
6
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
7
  import Spline from '@splinetool/react-spline';
@@ -10,7 +12,9 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
10
12
  var LogoThree = /*#__PURE__*/memo(function (_ref) {
11
13
  var className = _ref.className,
12
14
  style = _ref.style,
13
- size = _ref.size;
15
+ size = _ref.size,
16
+ _onLoad = _ref.onLoad,
17
+ rest = _objectWithoutProperties(_ref, _excluded);
14
18
  var _useState = useState(true),
15
19
  _useState2 = _slicedToArray(_useState, 2),
16
20
  loading = _useState2[0],
@@ -22,12 +26,13 @@ var LogoThree = /*#__PURE__*/memo(function (_ref) {
22
26
  position: 'relative',
23
27
  width: size
24
28
  }, style),
25
- children: [loading && /*#__PURE__*/_jsx(Loading, {}), /*#__PURE__*/_jsx(Spline, {
26
- onLoad: function onLoad() {
27
- return setLoading(false);
29
+ children: [loading && /*#__PURE__*/_jsx(Loading, {}), /*#__PURE__*/_jsx(Spline, _objectSpread({
30
+ onLoad: function onLoad(splineApp) {
31
+ setLoading(false);
32
+ _onLoad === null || _onLoad === void 0 || _onLoad(splineApp);
28
33
  },
29
34
  scene: 'https://gw.alipayobjects.com/os/kitchen/8LH7slSv3s/logo.splinecode'
30
- })]
35
+ }, rest))]
31
36
  });
32
37
  });
33
38
  export default LogoThree;
package/es/styles/colors/generateColorPalette.js CHANGED
@@ -1,13 +1,12 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
2
  import { capitalize } from 'lodash-es';
3
3
  export var generateColorPalette = function generateColorPalette(_ref) {
4
- var _ref2;
5
4
  var type = _ref.type,
6
5
  scale = _ref.scale,
7
6
  appearance = _ref.appearance;
8
7
  var name = capitalize(type);
9
8
  var isDarkMode = appearance === 'dark';
10
- return _ref2 = {}, _defineProperty(_ref2, "color".concat(name, "Bg"), scale[appearance][1]), _defineProperty(_ref2, "color".concat(name, "BgHover"), scale[appearance][2]), _defineProperty(_ref2, "color".concat(name, "Border"), scale[appearance][4]), _defineProperty(_ref2, "color".concat(name, "BorderHover"), scale[appearance][isDarkMode ? 5 : 3]), _defineProperty(_ref2, "color".concat(name, "Hover"), scale[appearance][isDarkMode ? 10 : 8]), _defineProperty(_ref2, "color".concat(name), scale[appearance][9]), _defineProperty(_ref2, "color".concat(name, "Active"), scale[appearance][isDarkMode ? 7 : 10]), _defineProperty(_ref2, "color".concat(name, "TextHover"), scale[appearance][isDarkMode ? 10 : 8]), _defineProperty(_ref2, "color".concat(name, "Text"), scale[appearance][9]), _defineProperty(_ref2, "color".concat(name, "TextActive"), scale[appearance][isDarkMode ? 7 : 10]), _ref2;
9
+ return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "color".concat(name, "Bg"), scale[appearance][1]), "color".concat(name, "BgHover"), scale[appearance][2]), "color".concat(name, "Border"), scale[appearance][4]), "color".concat(name, "BorderHover"), scale[appearance][isDarkMode ? 5 : 3]), "color".concat(name, "Hover"), scale[appearance][isDarkMode ? 10 : 8]), "color".concat(name), scale[appearance][9]), "color".concat(name, "Active"), scale[appearance][isDarkMode ? 7 : 10]), "color".concat(name, "TextHover"), scale[appearance][isDarkMode ? 10 : 8]), "color".concat(name, "Text"), scale[appearance][9]), "color".concat(name, "TextActive"), scale[appearance][isDarkMode ? 7 : 10]);
11
10
  };
12
11
  export var generateColorNeutralPalette = function generateColorNeutralPalette(_ref3) {
13
12
  var scale = _ref3.scale,
package/es/styles/theme/customToken.js CHANGED
@@ -12,7 +12,7 @@ var generateColorPalette = function generateColorPalette(_ref) {
12
12
  var name = _ref.name,
13
13
  scale = _ref.scale,
14
14
  appearance = _ref.appearance;
15
- return _ref2 = {}, _defineProperty(_ref2, "".concat(name, "Bg"), scale["".concat(appearance, "A")][1]), _defineProperty(_ref2, "".concat(name, "BgHover"), scale["".concat(appearance, "A")][2]), _defineProperty(_ref2, "".concat(name, "Border"), scale[appearance][4]), _defineProperty(_ref2, "".concat(name, "BorderSecondary"), scale[appearance][3]), _defineProperty(_ref2, "".concat(name, "BorderHover"), scale[appearance][5]), _defineProperty(_ref2, "".concat(name, "Hover"), scale[appearance][10]), _defineProperty(_ref2, "".concat(name), scale[appearance][9]), _defineProperty(_ref2, "".concat(name, "Active"), scale[appearance][7]), _defineProperty(_ref2, "".concat(name, "TextHover"), scale["".concat(appearance, "A")][10]), _defineProperty(_ref2, "".concat(name, "Text"), scale["".concat(appearance, "A")][9]), _defineProperty(_ref2, "".concat(name, "TextActive"), scale["".concat(appearance, "A")][7]), _ref2;
15
+ return _ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "".concat(name, "Bg"), scale["".concat(appearance, "A")][1]), "".concat(name, "BgHover"), scale["".concat(appearance, "A")][2]), "".concat(name, "Border"), scale[appearance][4]), "".concat(name, "BorderSecondary"), scale[appearance][3]), "".concat(name, "BorderHover"), scale[appearance][5]), "".concat(name, "Hover"), scale[appearance][10]), "".concat(name), scale[appearance][9]), "".concat(name, "Active"), scale[appearance][7]), "".concat(name, "TextHover"), scale["".concat(appearance, "A")][10]), "".concat(name, "Text"), scale["".concat(appearance, "A")][9]), _defineProperty(_ref2, "".concat(name, "TextActive"), scale["".concat(appearance, "A")][7]);
16
16
  };
17
17
  var generateCustomColorPalette = function generateCustomColorPalette(_ref3) {
18
18
  var name = _ref3.name,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lobehub/ui",
3
- "version": "1.125.8",
3
+ "version": "1.126.0",
4
4
  "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
5
5
  "keywords": [
6
6
  "lobehub",