@lobehub/editor 4.26.1 → 4.27.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.
|
@@ -1,55 +1,77 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { createStaticStyles, cssVar, cx } from "antd-style";
|
|
3
3
|
//#region src/react/SendButton/components/StopIcon.tsx
|
|
4
|
-
const styles = createStaticStyles(({ css }) => ({
|
|
4
|
+
const styles = createStaticStyles(({ css }) => ({
|
|
5
|
+
icon: css`
|
|
6
|
+
position: relative;
|
|
7
|
+
display: inline-block;
|
|
5
8
|
flex: none;
|
|
6
9
|
line-height: 1;
|
|
7
|
-
|
|
10
|
+
`,
|
|
11
|
+
layer: css`
|
|
12
|
+
position: absolute;
|
|
13
|
+
inset: 0;
|
|
14
|
+
|
|
15
|
+
display: block;
|
|
16
|
+
|
|
17
|
+
width: 100%;
|
|
18
|
+
height: 100%;
|
|
19
|
+
`,
|
|
20
|
+
spinner: css`
|
|
21
|
+
transform-origin: 50% 50%;
|
|
22
|
+
animation: send-button-stop-spin 1s linear infinite;
|
|
23
|
+
|
|
24
|
+
@keyframes send-button-stop-spin {
|
|
25
|
+
to {
|
|
26
|
+
transform: rotate(360deg);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
`
|
|
30
|
+
}));
|
|
8
31
|
const StopIcon = ({ size = "1.5em", style }) => {
|
|
9
|
-
return /* @__PURE__ */
|
|
32
|
+
return /* @__PURE__ */ jsxs("span", {
|
|
10
33
|
className: cx("anticon", styles.icon),
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
34
|
+
style: {
|
|
35
|
+
height: size,
|
|
36
|
+
width: size,
|
|
37
|
+
...style
|
|
38
|
+
},
|
|
39
|
+
children: [/* @__PURE__ */ jsxs("svg", {
|
|
40
|
+
className: styles.layer,
|
|
18
41
|
fill: "none",
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
})
|
|
42
|
+
height: size,
|
|
43
|
+
viewBox: "0 0 1024 1024",
|
|
44
|
+
width: size,
|
|
45
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
46
|
+
children: [/* @__PURE__ */ jsx("circle", {
|
|
47
|
+
cx: "512",
|
|
48
|
+
cy: "512",
|
|
49
|
+
r: "426",
|
|
50
|
+
stroke: cssVar.colorBorder,
|
|
51
|
+
strokeWidth: "72"
|
|
52
|
+
}), /* @__PURE__ */ jsx("rect", {
|
|
53
|
+
fill: "currentColor",
|
|
54
|
+
height: "252",
|
|
55
|
+
rx: "24",
|
|
56
|
+
ry: "24",
|
|
57
|
+
width: "252",
|
|
58
|
+
x: "386",
|
|
59
|
+
y: "386"
|
|
60
|
+
})]
|
|
61
|
+
}), /* @__PURE__ */ jsx("svg", {
|
|
62
|
+
className: cx(styles.layer, styles.spinner),
|
|
63
|
+
fill: "none",
|
|
64
|
+
height: size,
|
|
65
|
+
viewBox: "0 0 1024 1024",
|
|
66
|
+
width: size,
|
|
67
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
68
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
69
|
+
d: "M938.667 512C938.667 276.359 747.64 85.333 512 85.333",
|
|
70
|
+
stroke: "currentColor",
|
|
71
|
+
strokeLinecap: "round",
|
|
72
|
+
strokeWidth: "73"
|
|
73
|
+
})
|
|
74
|
+
})]
|
|
53
75
|
});
|
|
54
76
|
};
|
|
55
77
|
//#endregion
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lobehub/editor",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.27.0",
|
|
4
4
|
"description": "A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"lobehub",
|
|
@@ -42,6 +42,10 @@
|
|
|
42
42
|
"types": "./es/react.d.ts",
|
|
43
43
|
"import": "./es/react.js"
|
|
44
44
|
},
|
|
45
|
+
"./react/EditorProvider": {
|
|
46
|
+
"types": "./es/react/EditorProvider/index.d.ts",
|
|
47
|
+
"import": "./es/react/EditorProvider/index.js"
|
|
48
|
+
},
|
|
45
49
|
"./renderer": {
|
|
46
50
|
"types": "./es/renderer.d.ts",
|
|
47
51
|
"import": "./es/renderer.js"
|