@lobehub/ui 1.118.2 → 1.119.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.
- package/es/ActionIcon/index.d.ts +1 -1
- package/es/ActionIcon/index.js +13 -23
- package/es/Alert/index.js +4 -2
- package/es/Alert/style.d.ts +1 -0
- package/es/Alert/style.js +12 -11
- package/es/LogoThree/LogoSpline.js +9 -17
- package/es/LogoThree/index.js +9 -17
- package/es/Tooltip/style.js +1 -1
- package/package.json +1 -1
package/es/ActionIcon/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { type IconProps, type IconSizeConfig, type IconSizeType } from "../Icon";
|
|
3
|
-
import type
|
|
3
|
+
import { type TooltipProps } from "../Tooltip";
|
|
4
4
|
interface ActionIconSizeConfig extends IconSizeConfig {
|
|
5
5
|
blockSize?: number;
|
|
6
6
|
borderRadius?: number;
|
package/es/ActionIcon/index.js
CHANGED
|
@@ -4,18 +4,14 @@ var _excluded = ["color", "fill", "className", "active", "icon", "size", "style"
|
|
|
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';
|
|
7
|
-
import {
|
|
7
|
+
import { forwardRef, useMemo } from 'react';
|
|
8
8
|
import Icon from "../Icon";
|
|
9
|
+
import Spotlight from "../Spotlight";
|
|
10
|
+
import Tooltip from "../Tooltip";
|
|
9
11
|
import { calcSize } from "./calcSize";
|
|
10
12
|
import { useStyles } from "./style";
|
|
11
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
14
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
var Tooltip = /*#__PURE__*/lazy(function () {
|
|
14
|
-
return import("../Tooltip");
|
|
15
|
-
});
|
|
16
|
-
var Spotlight = /*#__PURE__*/lazy(function () {
|
|
17
|
-
return import("../Spotlight");
|
|
18
|
-
});
|
|
19
15
|
var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
20
16
|
var color = _ref.color,
|
|
21
17
|
fill = _ref.fill,
|
|
@@ -78,24 +74,18 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
78
74
|
width: blockSize
|
|
79
75
|
}, style)
|
|
80
76
|
}, rest), {}, {
|
|
81
|
-
children: [/*#__PURE__*/_jsx(
|
|
82
|
-
fallback: null,
|
|
83
|
-
children: spotlight && /*#__PURE__*/_jsx(Spotlight, {})
|
|
84
|
-
}), loading ? spin : content, children]
|
|
77
|
+
children: [spotlight && /*#__PURE__*/_jsx(Spotlight, {}), loading ? spin : content, children]
|
|
85
78
|
}));
|
|
86
79
|
if (!title) return actionIconBlock;
|
|
87
|
-
return /*#__PURE__*/_jsx(
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
title: title,
|
|
97
|
-
children: actionIconBlock
|
|
98
|
-
})
|
|
80
|
+
return /*#__PURE__*/_jsx(Tooltip, {
|
|
81
|
+
arrow: arrow,
|
|
82
|
+
mouseEnterDelay: tooltipDelay,
|
|
83
|
+
overlayStyle: {
|
|
84
|
+
pointerEvents: 'none'
|
|
85
|
+
},
|
|
86
|
+
placement: placement,
|
|
87
|
+
title: title,
|
|
88
|
+
children: actionIconBlock
|
|
99
89
|
});
|
|
100
90
|
});
|
|
101
91
|
export default ActionIcon;
|
package/es/Alert/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
4
|
-
var _excluded = ["closeIcon", "closable", "description", "showIcon", "type", "variant", "icon", "colorfulText", "style", "extra", "classNames", "text", "extraDefaultExpand", "extraIsolate"];
|
|
4
|
+
var _excluded = ["closeIcon", "closable", "description", "showIcon", "type", "variant", "icon", "colorfulText", "style", "extra", "classNames", "text", "extraDefaultExpand", "extraIsolate", "banner"];
|
|
5
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; }
|
|
6
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; }
|
|
7
7
|
import { Alert as AntdAlert, message } from 'antd';
|
|
@@ -47,6 +47,7 @@ var Alert = /*#__PURE__*/memo(function (_ref) {
|
|
|
47
47
|
_ref$extraDefaultExpa = _ref.extraDefaultExpand,
|
|
48
48
|
extraDefaultExpand = _ref$extraDefaultExpa === void 0 ? false : _ref$extraDefaultExpa,
|
|
49
49
|
extraIsolate = _ref.extraIsolate,
|
|
50
|
+
banner = _ref.banner,
|
|
50
51
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
51
52
|
var _useState = useState(extraDefaultExpand),
|
|
52
53
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -62,6 +63,7 @@ var Alert = /*#__PURE__*/memo(function (_ref) {
|
|
|
62
63
|
cx = _useStyles.cx;
|
|
63
64
|
var isInsideExtra = !extraIsolate && !!extra;
|
|
64
65
|
var alert = /*#__PURE__*/_jsx(AntdAlert, _objectSpread({
|
|
66
|
+
banner: banner,
|
|
65
67
|
className: cx(styles.container, colorfulText && styles.colorfulText, !!isInsideExtra && styles.hasExtra, variant === 'block' && styles.variantBlock, variant === 'ghost' && styles.variantGhost, variant === 'pure' && styles.variantPure, classNames === null || classNames === void 0 ? void 0 : classNames.alert, !isInsideExtra && styles.container),
|
|
66
68
|
closable: closable,
|
|
67
69
|
closeIcon: closeIcon || /*#__PURE__*/_jsx(ActionIcon, {
|
|
@@ -91,7 +93,7 @@ var Alert = /*#__PURE__*/memo(function (_ref) {
|
|
|
91
93
|
return /*#__PURE__*/_jsxs(Flexbox, {
|
|
92
94
|
className: classNames === null || classNames === void 0 ? void 0 : classNames.container,
|
|
93
95
|
children: [alert, /*#__PURE__*/_jsxs(Flexbox, {
|
|
94
|
-
className: cx(styles.extra, variant === 'block' && styles.variantBlock, variant === 'ghost' && styles.variantGhost, variant === 'pure' && styles.variantPure),
|
|
96
|
+
className: cx(styles.extra, banner && styles.banner, variant === 'block' && styles.variantBlock, variant === 'ghost' && styles.variantGhost, variant === 'pure' && styles.variantPure),
|
|
95
97
|
style: {
|
|
96
98
|
background: colors(theme, type, 'bg'),
|
|
97
99
|
borderColor: colors(theme, type, 'border'),
|
package/es/Alert/style.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ export declare const useStyles: (props?: {
|
|
|
3
3
|
hasTitle?: boolean | undefined;
|
|
4
4
|
showIcon?: boolean | undefined;
|
|
5
5
|
} | undefined) => import("antd-style").ReturnStyles<{
|
|
6
|
+
banner: import("antd-style").SerializedStyles;
|
|
6
7
|
colorfulText: import("antd-style").SerializedStyles;
|
|
7
8
|
container: string;
|
|
8
9
|
extra: import("antd-style").SerializedStyles;
|
package/es/Alert/style.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
|
2
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
|
|
3
3
|
import { createStyles } from 'antd-style';
|
|
4
4
|
export var useStyles = createStyles(function (_ref, _ref2) {
|
|
5
5
|
var cx = _ref.cx,
|
|
@@ -12,15 +12,16 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
12
12
|
var baseBlockPadding = hasTitle ? 16 : 8;
|
|
13
13
|
var baseInlinePadding = hasTitle ? 16 : 12;
|
|
14
14
|
return {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
15
|
+
banner: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border: none;\n border-radius: 0;\n "]))),
|
|
16
|
+
colorfulText: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .", "-alert-message,.", "-alert-description {\n color: inherit;\n }\n "])), prefixCls, prefixCls),
|
|
17
|
+
container: cx(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n\n display: flex;\n flex-direction: row;\n gap: ", "px;\n align-items: flex-start;\n\n max-width: 100%;\n padding-right: ", "px;\n padding-left: ", "px;\n padding-block: ", "px;\n\n .", "-alert-message {\n font-weight: ", ";\n line-height: 24px;\n word-break: break-all;\n }\n .", "-alert-icon {\n display: flex;\n align-items: center;\n height: 24px;\n margin: 0;\n }\n .", "-alert-close-icon {\n display: flex;\n align-items: center;\n height: 24px;\n margin: 0;\n }\n "])), hasTitle ? 12 : 8, closable ? baseInlinePadding : baseInlinePadding * 1.5, showIcon ? baseInlinePadding : baseInlinePadding * 1.5, baseBlockPadding, prefixCls, hasTitle ? 600 : 400, prefixCls, prefixCls), hasTitle && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n .", "-alert-description {\n line-height: 1.5;\n word-break: break-all;\n opacity: 0.75;\n }\n "])), prefixCls)),
|
|
18
|
+
extra: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: relative;\n\n overflow: hidden;\n\n max-width: 100%;\n\n border: 1px solid;\n border-top: none;\n border-bottom-right-radius: ", "px;\n border-bottom-left-radius: ", "px;\n "])), token.borderRadiusLG, token.borderRadiusLG),
|
|
19
|
+
extraBody: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n overflow-x: auto;\n width: 100%;\n padding-block: ", "px;\n padding-inline: ", "px;\n "])), baseBlockPadding, baseInlinePadding),
|
|
20
|
+
extraHeader: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n padding-block: ", "px;\n padding-inline: ", "px;\n border-top: 1px dashed;\n "])), baseBlockPadding * 0.75, baseInlinePadding * 0.75),
|
|
21
|
+
hasExtra: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n border-bottom: none;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n "]))),
|
|
22
|
+
variantBlock: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n border: none;\n "]))),
|
|
23
|
+
variantGhost: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n background: transparent !important;\n "]))),
|
|
24
|
+
variantPure: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n padding: 0 !important;\n background: transparent !important;\n border: none;\n "]))),
|
|
25
|
+
variantPureExtraHeader: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n margin-top: ", "px;\n margin-left: ", "px;\n padding-inline: 0;\n "])), baseBlockPadding, -baseInlinePadding * 0.25)
|
|
25
26
|
};
|
|
26
27
|
});
|
|
@@ -2,15 +2,12 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
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
4
|
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
|
+
import Spline from '@splinetool/react-spline';
|
|
5
6
|
import { useThemeMode } from 'antd-style';
|
|
6
|
-
import {
|
|
7
|
+
import { memo, useState } from 'react';
|
|
7
8
|
import Loading from "./Loading";
|
|
8
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
10
10
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
-
var Spline = /*#__PURE__*/lazy(function () {
|
|
12
|
-
return import('@splinetool/react-spline');
|
|
13
|
-
});
|
|
14
11
|
var LIGHT = 'https://gw.alipayobjects.com/os/kitchen/J9jiHITGrs/scene.splinecode';
|
|
15
12
|
var DARK = 'https://gw.alipayobjects.com/os/kitchen/CzQKKvSE8a/scene.splinecode';
|
|
16
13
|
var LogoSpline = /*#__PURE__*/memo(function (_ref) {
|
|
@@ -24,24 +21,19 @@ var LogoSpline = /*#__PURE__*/memo(function (_ref) {
|
|
|
24
21
|
_useState2 = _slicedToArray(_useState, 2),
|
|
25
22
|
loading = _useState2[0],
|
|
26
23
|
setLoading = _useState2[1];
|
|
27
|
-
return /*#__PURE__*/
|
|
24
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
28
25
|
className: className,
|
|
29
26
|
style: _objectSpread({
|
|
30
27
|
height: height,
|
|
31
28
|
position: 'relative',
|
|
32
29
|
width: width
|
|
33
30
|
}, style),
|
|
34
|
-
children: /*#__PURE__*/_jsx(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
},
|
|
41
|
-
scene: isDarkMode ? DARK : LIGHT
|
|
42
|
-
})]
|
|
43
|
-
})
|
|
44
|
-
})
|
|
31
|
+
children: [loading && /*#__PURE__*/_jsx(Loading, {}), /*#__PURE__*/_jsx(Spline, {
|
|
32
|
+
onLoad: function onLoad() {
|
|
33
|
+
return setLoading(false);
|
|
34
|
+
},
|
|
35
|
+
scene: isDarkMode ? DARK : LIGHT
|
|
36
|
+
})]
|
|
45
37
|
});
|
|
46
38
|
});
|
|
47
39
|
export default LogoSpline;
|
package/es/LogoThree/index.js
CHANGED
|
@@ -2,14 +2,11 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
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
4
|
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
|
-
import
|
|
5
|
+
import Spline from '@splinetool/react-spline';
|
|
6
|
+
import { memo, useState } from 'react';
|
|
6
7
|
import Loading from "./Loading";
|
|
7
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
9
9
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
-
var Spline = /*#__PURE__*/lazy(function () {
|
|
11
|
-
return import('@splinetool/react-spline');
|
|
12
|
-
});
|
|
13
10
|
var LogoThree = /*#__PURE__*/memo(function (_ref) {
|
|
14
11
|
var className = _ref.className,
|
|
15
12
|
style = _ref.style,
|
|
@@ -18,24 +15,19 @@ var LogoThree = /*#__PURE__*/memo(function (_ref) {
|
|
|
18
15
|
_useState2 = _slicedToArray(_useState, 2),
|
|
19
16
|
loading = _useState2[0],
|
|
20
17
|
setLoading = _useState2[1];
|
|
21
|
-
return /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
22
19
|
className: className,
|
|
23
20
|
style: _objectSpread({
|
|
24
21
|
height: size,
|
|
25
22
|
position: 'relative',
|
|
26
23
|
width: size
|
|
27
24
|
}, style),
|
|
28
|
-
children: /*#__PURE__*/_jsx(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
},
|
|
35
|
-
scene: 'https://gw.alipayobjects.com/os/kitchen/8LH7slSv3s/logo.splinecode'
|
|
36
|
-
})]
|
|
37
|
-
})
|
|
38
|
-
})
|
|
25
|
+
children: [loading && /*#__PURE__*/_jsx(Loading, {}), /*#__PURE__*/_jsx(Spline, {
|
|
26
|
+
onLoad: function onLoad() {
|
|
27
|
+
return setLoading(false);
|
|
28
|
+
},
|
|
29
|
+
scene: 'https://gw.alipayobjects.com/os/kitchen/8LH7slSv3s/logo.splinecode'
|
|
30
|
+
})]
|
|
39
31
|
});
|
|
40
32
|
});
|
|
41
33
|
export default LogoThree;
|
package/es/Tooltip/style.js
CHANGED
|
@@ -6,6 +6,6 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
6
6
|
token = _ref.token,
|
|
7
7
|
prefixCls = _ref.prefixCls;
|
|
8
8
|
return {
|
|
9
|
-
tooltip: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .", "-tooltip-inner {\n display: flex;\n align-items: center;\n justify-content: center;\n\n min-height: unset;\n padding: 4px 8px;\n\n color: ", ";\n\n background-color: ", ";\n border-radius: ", "px;\n }\n\n .", "-tooltip-arrow {\n &::before,\n &::after {\n background: ", ";\n }\n }\n "])), prefixCls, token.colorBgLayout, token.colorText, token.borderRadiusSM, prefixCls, token.colorText)
|
|
9
|
+
tooltip: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .", "-tooltip-inner {\n display: flex;\n align-items: center;\n justify-content: center;\n\n min-height: unset;\n padding: 4px 8px;\n\n color: ", ";\n\n background-color: ", ";\n border-radius: ", "px;\n\n word-break: break-all;\n }\n\n .", "-tooltip-arrow {\n &::before,\n &::after {\n background: ", ";\n }\n }\n "])), prefixCls, token.colorBgLayout, token.colorText, token.borderRadiusSM, prefixCls, token.colorText)
|
|
10
10
|
};
|
|
11
11
|
});
|