@flatbiz/antd 5.2.5 → 5.2.6
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/dist/ace-editor-mysql/index.js +2 -3
- package/dist/ace-editor-mysql/index.js.map +1 -1
- package/dist/content-DQTZHavT.js +404 -0
- package/dist/content-DQTZHavT.js.map +1 -0
- package/dist/{drawer-BGqWxVP9.js → drawer-1AS_mYsB.js} +8 -4
- package/dist/drawer-1AS_mYsB.js.map +1 -0
- package/dist/{editor-DSdmtJGj.js → editor-KE1W0BsN.js} +10 -4
- package/dist/editor-KE1W0BsN.js.map +1 -0
- package/dist/index.d.ts +46 -0
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/dist/markdown-editor/index.css +0 -0
- package/dist/markdown-editor/index.d.ts +40 -0
- package/dist/markdown-editor/index.js +15 -0
- package/dist/markdown-editor/index.js.map +1 -0
- package/dist/resizable-drawer/index.d.ts +10 -0
- package/dist/resizable-drawer/index.js +1 -1
- package/dist/tree-wrapper/index.js +2 -2
- package/dist/tree-wrapper/index.js.map +1 -1
- package/package.json +9 -4
- package/dist/drawer-BGqWxVP9.js.map +0 -1
- package/dist/editor-DSdmtJGj.js.map +0 -1
|
@@ -3,18 +3,17 @@ import './../fba-hooks/index.css';
|
|
|
3
3
|
import './index.css';
|
|
4
4
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
5
5
|
|
|
6
|
-
export { A as AceEditorMysql } from '../editor-
|
|
6
|
+
export { A as AceEditorMysql } from '../editor-KE1W0BsN.js';
|
|
7
7
|
import '../_rollupPluginBabelHelpers-BspM60Sw.js';
|
|
8
8
|
import '@dimjs/utils/class-names/class-names';
|
|
9
9
|
import 'react';
|
|
10
10
|
import 'react-ace';
|
|
11
11
|
import 'ahooks';
|
|
12
|
-
import '
|
|
12
|
+
import '@flatbiz/utils';
|
|
13
13
|
import '../button-wrapper-BGjkUPpk.js';
|
|
14
14
|
import '@ant-design/icons/es/icons/LoadingOutlined.js';
|
|
15
15
|
import '@dimjs/lang/is-promise';
|
|
16
16
|
import 'antd';
|
|
17
|
-
import '@flatbiz/utils';
|
|
18
17
|
import '../config-provider-wrapper-Bxh9JdL4.js';
|
|
19
18
|
import 'antd/es/locale/en_US.js';
|
|
20
19
|
import 'antd/es/locale/zh_CN.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,404 @@
|
|
|
1
|
+
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
2
|
+
|
|
3
|
+
import { _ as _objectWithoutProperties, a as _slicedToArray, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BspM60Sw.js';
|
|
4
|
+
import _CloseCircleFilled from '@ant-design/icons/es/icons/CloseCircleFilled.js';
|
|
5
|
+
import { useState, useEffect, useRef, useMemo } from 'react';
|
|
6
|
+
import { Button, message, Spin } from 'antd';
|
|
7
|
+
import { getUuid, openNewWindow, loadScripts, loadStyles } from '@flatbiz/utils';
|
|
8
|
+
import { classNames } from '@dimjs/utils/class-names/class-names';
|
|
9
|
+
import { useSize } from 'ahooks';
|
|
10
|
+
import { getCodeString } from 'rehype-rewrite';
|
|
11
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
12
|
+
|
|
13
|
+
var _excluded = ["value", "onChange", "onUploadImage", "readonly", "darkMode", "className", "style", "readonlyHeightAuto", "height"],
|
|
14
|
+
_excluded2 = ["children", "className"];
|
|
15
|
+
// import MDEditor from '@uiw/react-md-editor';
|
|
16
|
+
|
|
17
|
+
var ReactMdEditor = function ReactMdEditor(props) {
|
|
18
|
+
var value = props.value,
|
|
19
|
+
onChange = props.onChange,
|
|
20
|
+
onUploadImage = props.onUploadImage,
|
|
21
|
+
readonly = props.readonly,
|
|
22
|
+
darkMode = props.darkMode,
|
|
23
|
+
className = props.className,
|
|
24
|
+
style = props.style,
|
|
25
|
+
readonlyHeightAuto = props.readonlyHeightAuto,
|
|
26
|
+
height = props.height,
|
|
27
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
28
|
+
var _useState = useState(value),
|
|
29
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
30
|
+
innerValue = _useState2[0],
|
|
31
|
+
setInnerValue = _useState2[1];
|
|
32
|
+
var readonlyHeightAutoFt = readonlyHeightAuto !== null && readonlyHeightAuto !== void 0 ? readonlyHeightAuto : true;
|
|
33
|
+
useEffect(function () {
|
|
34
|
+
setInnerValue(props.value);
|
|
35
|
+
}, [props.value]);
|
|
36
|
+
|
|
37
|
+
// 编辑器实例引用(用于操作内容)
|
|
38
|
+
var editorRef = useRef(null);
|
|
39
|
+
// 隐藏的文件选择器ref
|
|
40
|
+
var fileInputRef = useRef(null);
|
|
41
|
+
|
|
42
|
+
// 触发文件选择框
|
|
43
|
+
var handleImageClick = function handleImageClick() {
|
|
44
|
+
var _fileInputRef$current;
|
|
45
|
+
(_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 || _fileInputRef$current.click();
|
|
46
|
+
};
|
|
47
|
+
var onInnerChange = function onInnerChange(value) {
|
|
48
|
+
setInnerValue(value);
|
|
49
|
+
onChange === null || onChange === void 0 || onChange(value);
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
// 处理图片选择(核心:读取图片并插入)
|
|
53
|
+
var handleFileChange = function handleFileChange(e) {
|
|
54
|
+
return new Promise(function ($return, $error) {
|
|
55
|
+
var _e$target$files, file, imageUrl, imageMarkdown, _editorRef$current, textarea, cursorPosition, newContent;
|
|
56
|
+
file = (_e$target$files = e.target.files) === null || _e$target$files === void 0 ? void 0 : _e$target$files[0];
|
|
57
|
+
if (!file) return $return();
|
|
58
|
+
|
|
59
|
+
// 只允许图片类型
|
|
60
|
+
if (!file.type.startsWith('image/')) {
|
|
61
|
+
alert('请选择图片文件(jpg/png/gif等)');
|
|
62
|
+
return $return();
|
|
63
|
+
}
|
|
64
|
+
var $Try_1_Post = function () {
|
|
65
|
+
try {
|
|
66
|
+
return $return();
|
|
67
|
+
} catch ($boundEx) {
|
|
68
|
+
return $error($boundEx);
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
var $Try_1_Catch = function (error) {
|
|
72
|
+
try {
|
|
73
|
+
message.error((error === null || error === void 0 ? void 0 : error['']) || '图片上传失败');
|
|
74
|
+
return $Try_1_Post();
|
|
75
|
+
} catch ($boundEx) {
|
|
76
|
+
return $error($boundEx);
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
try {
|
|
80
|
+
return Promise.resolve(onUploadImage === null || onUploadImage === void 0 ? void 0 : onUploadImage(file)).then(function ($await_5) {
|
|
81
|
+
try {
|
|
82
|
+
imageUrl = $await_5;
|
|
83
|
+
imageMarkdown = "\n\n");
|
|
84
|
+
// 将图片Markdown插入到编辑器光标位置
|
|
85
|
+
if (editorRef.current) {
|
|
86
|
+
textarea = (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 ? void 0 : _editorRef$current['textarea'];
|
|
87
|
+
cursorPosition = textarea.selectionStart;
|
|
88
|
+
newContent = (innerValue === null || innerValue === void 0 ? void 0 : innerValue.slice(0, cursorPosition)) + imageMarkdown + (innerValue === null || innerValue === void 0 ? void 0 : innerValue.slice(cursorPosition));
|
|
89
|
+
onInnerChange(newContent);
|
|
90
|
+
// 清空文件选择框,避免重复选择同一文件无响应
|
|
91
|
+
e.target.value = '';
|
|
92
|
+
}
|
|
93
|
+
return $Try_1_Post();
|
|
94
|
+
} catch ($boundEx) {
|
|
95
|
+
return $Try_1_Catch($boundEx);
|
|
96
|
+
}
|
|
97
|
+
}, $Try_1_Catch);
|
|
98
|
+
} catch (error) {
|
|
99
|
+
$Try_1_Catch(error);
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
};
|
|
103
|
+
var Code = function Code(_ref) {
|
|
104
|
+
var _ref$children = _ref.children,
|
|
105
|
+
children = _ref$children === void 0 ? [] : _ref$children,
|
|
106
|
+
className = _ref.className,
|
|
107
|
+
props = _objectWithoutProperties(_ref, _excluded2);
|
|
108
|
+
var demoid = useRef(getUuid());
|
|
109
|
+
var _useState3 = useState(''),
|
|
110
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
111
|
+
svgContent = _useState4[0],
|
|
112
|
+
setSvgContent = _useState4[1];
|
|
113
|
+
var renderAbortRef = useRef(false);
|
|
114
|
+
var isMermaid = className && /^language-mermaid/.test(className.toLocaleLowerCase());
|
|
115
|
+
var code = children ? getCodeString(props.node.children) : children[0] || '';
|
|
116
|
+
useEffect(function () {
|
|
117
|
+
if (isMermaid && code) {
|
|
118
|
+
// 标记之前的渲染为已取消
|
|
119
|
+
renderAbortRef.current = true;
|
|
120
|
+
|
|
121
|
+
// 重置取消标志
|
|
122
|
+
renderAbortRef.current = false;
|
|
123
|
+
|
|
124
|
+
// 生成新的唯一 ID
|
|
125
|
+
var currentId = getUuid();
|
|
126
|
+
demoid.current = currentId;
|
|
127
|
+
|
|
128
|
+
// 创建一个临时的隐藏容器用于 Mermaid 渲染
|
|
129
|
+
var tempContainer = document.createElement('div');
|
|
130
|
+
tempContainer.style.position = 'absolute';
|
|
131
|
+
tempContainer.style.visibility = 'hidden';
|
|
132
|
+
tempContainer.style.width = '0';
|
|
133
|
+
tempContainer.style.height = '0';
|
|
134
|
+
tempContainer.style.top = '-9999px';
|
|
135
|
+
tempContainer.style.left = '-9999px';
|
|
136
|
+
tempContainer.id = currentId;
|
|
137
|
+
document.body.appendChild(tempContainer);
|
|
138
|
+
|
|
139
|
+
// 使用 requestAnimationFrame 确保在正确的时机渲染
|
|
140
|
+
var frameId = requestAnimationFrame(function () {
|
|
141
|
+
if (renderAbortRef.current) {
|
|
142
|
+
// 清理临时容器
|
|
143
|
+
try {
|
|
144
|
+
if (tempContainer.parentNode) {
|
|
145
|
+
document.body.removeChild(tempContainer);
|
|
146
|
+
}
|
|
147
|
+
} catch (_unused) {
|
|
148
|
+
// 忽略清理错误
|
|
149
|
+
}
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
152
|
+
var mermaid = window['mermaid'];
|
|
153
|
+
// 在临时容器中渲染
|
|
154
|
+
mermaid.render(currentId, code).then(function (_ref2) {
|
|
155
|
+
var svg = _ref2.svg;
|
|
156
|
+
// 检查是否已被取消
|
|
157
|
+
if (renderAbortRef.current) {
|
|
158
|
+
return;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
// 使用 React state 更新 SVG 内容,而不是直接操作 DOM
|
|
162
|
+
setSvgContent(svg);
|
|
163
|
+
}).catch(function (error) {
|
|
164
|
+
if (!renderAbortRef.current) {
|
|
165
|
+
console.log('Mermaid render error:', error);
|
|
166
|
+
setSvgContent('');
|
|
167
|
+
}
|
|
168
|
+
}).finally(function () {
|
|
169
|
+
// 清理临时容器
|
|
170
|
+
try {
|
|
171
|
+
if (tempContainer.parentNode) {
|
|
172
|
+
document.body.removeChild(tempContainer);
|
|
173
|
+
}
|
|
174
|
+
} catch (_unused2) {
|
|
175
|
+
// 忽略清理错误
|
|
176
|
+
}
|
|
177
|
+
});
|
|
178
|
+
});
|
|
179
|
+
|
|
180
|
+
// 清理函数:取消正在进行的渲染
|
|
181
|
+
return function () {
|
|
182
|
+
renderAbortRef.current = true;
|
|
183
|
+
cancelAnimationFrame(frameId);
|
|
184
|
+
|
|
185
|
+
// 清理临时容器
|
|
186
|
+
try {
|
|
187
|
+
if (tempContainer.parentNode) {
|
|
188
|
+
document.body.removeChild(tempContainer);
|
|
189
|
+
}
|
|
190
|
+
} catch (_unused3) {
|
|
191
|
+
// 忽略清理错误
|
|
192
|
+
}
|
|
193
|
+
};
|
|
194
|
+
} else {
|
|
195
|
+
setSvgContent('');
|
|
196
|
+
}
|
|
197
|
+
return undefined;
|
|
198
|
+
}, [isMermaid, code]);
|
|
199
|
+
if (isMermaid) {
|
|
200
|
+
return /*#__PURE__*/jsx("code", {
|
|
201
|
+
className: className,
|
|
202
|
+
"data-name": "mermaid",
|
|
203
|
+
dangerouslySetInnerHTML: {
|
|
204
|
+
__html: svgContent
|
|
205
|
+
}
|
|
206
|
+
});
|
|
207
|
+
}
|
|
208
|
+
return /*#__PURE__*/jsx("code", {
|
|
209
|
+
className: className,
|
|
210
|
+
children: children
|
|
211
|
+
});
|
|
212
|
+
};
|
|
213
|
+
var imageUploadCommand = {
|
|
214
|
+
name: 'imageUpload',
|
|
215
|
+
keyCommand: 'imageUpload',
|
|
216
|
+
render: function render() {
|
|
217
|
+
return /*#__PURE__*/jsx(Button, {
|
|
218
|
+
type: "default",
|
|
219
|
+
size: "small",
|
|
220
|
+
style: {
|
|
221
|
+
fontSize: 12
|
|
222
|
+
},
|
|
223
|
+
onClick: handleImageClick,
|
|
224
|
+
children: "\u4E0A\u4F20\u56FE\u7247"
|
|
225
|
+
}, "imageUpload");
|
|
226
|
+
}
|
|
227
|
+
};
|
|
228
|
+
// 支持 mermaid 语法
|
|
229
|
+
var mermaidCommand = {
|
|
230
|
+
name: 'mermaid',
|
|
231
|
+
keyCommand: 'mermaid',
|
|
232
|
+
render: function render() {
|
|
233
|
+
return /*#__PURE__*/jsx(Button, {
|
|
234
|
+
type: "default",
|
|
235
|
+
size: "small",
|
|
236
|
+
style: {
|
|
237
|
+
fontSize: 12
|
|
238
|
+
},
|
|
239
|
+
onClick: function onClick() {
|
|
240
|
+
openNewWindow('https://docs.min2k.com/zh/mermaid/syntax/pie.html');
|
|
241
|
+
},
|
|
242
|
+
children: "\u652F\u6301Mermaid\u56FE\u5F62"
|
|
243
|
+
}, "mermaid");
|
|
244
|
+
}
|
|
245
|
+
};
|
|
246
|
+
var MDEditor = window['@uiw/react-md-editor'].default;
|
|
247
|
+
var commands = window['@uiw/react-md-editor'].commands;
|
|
248
|
+
var extraCommands = [];
|
|
249
|
+
if (onUploadImage && !readonly) {
|
|
250
|
+
extraCommands = [imageUploadCommand, commands.divider, mermaidCommand, commands.divider, commands.fullscreen];
|
|
251
|
+
} else {
|
|
252
|
+
extraCommands = [mermaidCommand, commands.divider, commands.fullscreen];
|
|
253
|
+
}
|
|
254
|
+
var preview = readonly ? 'preview' : 'live';
|
|
255
|
+
var dataColorMode = darkMode ? 'dark' : 'light';
|
|
256
|
+
var commandsFt = useMemo(function () {
|
|
257
|
+
if (readonly) return [];
|
|
258
|
+
return undefined;
|
|
259
|
+
}, [readonly]);
|
|
260
|
+
var id = useMemo(function () {
|
|
261
|
+
return getUuid();
|
|
262
|
+
}, []);
|
|
263
|
+
var wmdeMarkdownSize = useSize(function () {
|
|
264
|
+
return document.querySelector("#".concat(id, " .wmde-markdown"));
|
|
265
|
+
});
|
|
266
|
+
var autoHeight = useMemo(function () {
|
|
267
|
+
return readonly && readonlyHeightAutoFt;
|
|
268
|
+
}, [readonly, readonlyHeightAutoFt]);
|
|
269
|
+
var heightFt = useMemo(function () {
|
|
270
|
+
if (autoHeight) {
|
|
271
|
+
var _wmdeMarkdownSize$hei;
|
|
272
|
+
return ((_wmdeMarkdownSize$hei = wmdeMarkdownSize === null || wmdeMarkdownSize === void 0 ? void 0 : wmdeMarkdownSize.height) !== null && _wmdeMarkdownSize$hei !== void 0 ? _wmdeMarkdownSize$hei : 0) + 60;
|
|
273
|
+
}
|
|
274
|
+
return height;
|
|
275
|
+
}, [autoHeight, wmdeMarkdownSize === null || wmdeMarkdownSize === void 0 ? void 0 : wmdeMarkdownSize.height, height]);
|
|
276
|
+
var visibleDragbarFt = useMemo(function () {
|
|
277
|
+
if (autoHeight) return false;
|
|
278
|
+
return restProps.visibleDragbar;
|
|
279
|
+
}, [autoHeight, restProps.visibleDragbar]);
|
|
280
|
+
return /*#__PURE__*/jsxs("div", {
|
|
281
|
+
style: _objectSpread2({
|
|
282
|
+
padding: '2px'
|
|
283
|
+
}, style),
|
|
284
|
+
className: classNames('v-markdown-editor', className),
|
|
285
|
+
id: id,
|
|
286
|
+
children: [/*#__PURE__*/jsx(MDEditor, _objectSpread2(_objectSpread2({
|
|
287
|
+
highlightEnable: true
|
|
288
|
+
}, restProps), {}, {
|
|
289
|
+
height: heightFt,
|
|
290
|
+
ref: editorRef,
|
|
291
|
+
value: innerValue,
|
|
292
|
+
preview: preview,
|
|
293
|
+
onChange: onInnerChange,
|
|
294
|
+
visibleDragbar: visibleDragbarFt,
|
|
295
|
+
"data-color-mode": dataColorMode,
|
|
296
|
+
extraCommands: extraCommands,
|
|
297
|
+
commands: commandsFt,
|
|
298
|
+
previewOptions: {
|
|
299
|
+
components: {
|
|
300
|
+
code: Code
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
})), /*#__PURE__*/jsx("input", {
|
|
304
|
+
type: "file",
|
|
305
|
+
ref: fileInputRef,
|
|
306
|
+
accept: "image/*" // 只允许选择图片
|
|
307
|
+
,
|
|
308
|
+
onChange: handleFileChange,
|
|
309
|
+
style: {
|
|
310
|
+
display: 'none'
|
|
311
|
+
}
|
|
312
|
+
})]
|
|
313
|
+
});
|
|
314
|
+
};
|
|
315
|
+
|
|
316
|
+
/**
|
|
317
|
+
* markdown编辑器
|
|
318
|
+
* ```
|
|
319
|
+
* 1. 使用@uiw/react-md-editor组件
|
|
320
|
+
* 2. 动态加载 mermaid.js 和 mdeditor.js 和 mdeditor.css
|
|
321
|
+
* //oss.ly.com/newpay/cdn/react-md-editor/mermaid.11.12.0.min.js
|
|
322
|
+
* //oss.ly.com/newpay/cdn/react-md-editor/4.0.11/mdeditor.min.js
|
|
323
|
+
* //oss.ly.com/newpay/cdn/react-md-editor/4.0.11/mdeditor.min.css
|
|
324
|
+
* ```
|
|
325
|
+
*/
|
|
326
|
+
var MarkdownEditor = function MarkdownEditor(props) {
|
|
327
|
+
var _useState = useState(false),
|
|
328
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
329
|
+
renderFlag = _useState2[0],
|
|
330
|
+
setRenderFlag = _useState2[1];
|
|
331
|
+
var _useState3 = useState(null),
|
|
332
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
333
|
+
errorMsg = _useState4[0],
|
|
334
|
+
setErrorMsg = _useState4[1];
|
|
335
|
+
useEffect(function () {
|
|
336
|
+
Promise.all([loadScripts({
|
|
337
|
+
scriptUrls: ['//oss.ly.com/newpay/cdn/react-md-editor/mermaid.11.12.0.min.js', '//oss.ly.com/newpay/cdn/react-md-editor/4.0.11/mdeditor.min.js'],
|
|
338
|
+
checkFn: function checkFn() {
|
|
339
|
+
var isLoaded = window['@uiw/react-md-editor'] && window['mermaid'];
|
|
340
|
+
return isLoaded;
|
|
341
|
+
},
|
|
342
|
+
intervalMs: 20
|
|
343
|
+
}), loadStyles({
|
|
344
|
+
styleUrls: ['//oss.ly.com/newpay/cdn/react-md-editor/4.0.11/mdeditor.min.css']
|
|
345
|
+
})]).then(function () {
|
|
346
|
+
setRenderFlag(true);
|
|
347
|
+
}).catch(function (error) {
|
|
348
|
+
console.error(error);
|
|
349
|
+
setRenderFlag(true);
|
|
350
|
+
setErrorMsg((error === null || error === void 0 ? void 0 : error.message) || 'Markdown编辑器加载失败');
|
|
351
|
+
});
|
|
352
|
+
}, []);
|
|
353
|
+
if (!renderFlag) {
|
|
354
|
+
return /*#__PURE__*/jsx(Spin, {
|
|
355
|
+
tip: /*#__PURE__*/jsx("div", {
|
|
356
|
+
style: {
|
|
357
|
+
marginTop: 10
|
|
358
|
+
},
|
|
359
|
+
children: "Markdown\u7F16\u8F91\u5668\u52A0\u8F7D\u4E2D"
|
|
360
|
+
}),
|
|
361
|
+
size: "large",
|
|
362
|
+
children: /*#__PURE__*/jsx("div", {
|
|
363
|
+
style: {
|
|
364
|
+
padding: 50,
|
|
365
|
+
background: 'rgba(0, 0, 0, 0.05)',
|
|
366
|
+
borderRadius: 4
|
|
367
|
+
}
|
|
368
|
+
})
|
|
369
|
+
});
|
|
370
|
+
}
|
|
371
|
+
if (errorMsg) {
|
|
372
|
+
return /*#__PURE__*/jsxs("div", {
|
|
373
|
+
style: {
|
|
374
|
+
textAlign: 'center',
|
|
375
|
+
padding: 20,
|
|
376
|
+
background: '#fff'
|
|
377
|
+
},
|
|
378
|
+
children: [/*#__PURE__*/jsx(_CloseCircleFilled, {
|
|
379
|
+
style: {
|
|
380
|
+
color: '#f00',
|
|
381
|
+
fontSize: 30
|
|
382
|
+
}
|
|
383
|
+
}), /*#__PURE__*/jsx("div", {
|
|
384
|
+
style: {
|
|
385
|
+
color: '#f00',
|
|
386
|
+
marginTop: 10,
|
|
387
|
+
fontSize: 16
|
|
388
|
+
},
|
|
389
|
+
children: "Markdown\u7F16\u8F91\u5668\u52A0\u8F7D\u5931\u8D25"
|
|
390
|
+
}), /*#__PURE__*/jsx("div", {
|
|
391
|
+
style: {
|
|
392
|
+
color: '#898989',
|
|
393
|
+
marginTop: 5,
|
|
394
|
+
fontSize: 12
|
|
395
|
+
},
|
|
396
|
+
children: errorMsg
|
|
397
|
+
})]
|
|
398
|
+
});
|
|
399
|
+
}
|
|
400
|
+
return /*#__PURE__*/jsx(ReactMdEditor, _objectSpread2({}, props));
|
|
401
|
+
};
|
|
402
|
+
|
|
403
|
+
export { MarkdownEditor as M };
|
|
404
|
+
//# sourceMappingURL=content-DQTZHavT.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"content-DQTZHavT.js","sources":["@flatbiz/antd/src/markdown-editor/editor.tsx","@flatbiz/antd/src/markdown-editor/content.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { useSize } from 'ahooks';\nimport { Button, message } from 'antd';\nimport { getCodeString } from 'rehype-rewrite';\nimport { classNames } from '@dimjs/utils';\nimport { getUuid, openNewWindow } from '@flatbiz/utils';\nimport type { MarkdownEditorProps } from './type.js';\n// import MDEditor from '@uiw/react-md-editor';\n\nexport const ReactMdEditor = (props: MarkdownEditorProps) => {\n const {\n value,\n onChange,\n onUploadImage,\n readonly,\n darkMode,\n className,\n style,\n readonlyHeightAuto,\n height,\n ...restProps\n } = props;\n const [innerValue, setInnerValue] = useState<string | undefined>(value);\n\n const readonlyHeightAutoFt = readonlyHeightAuto ?? true;\n\n useEffect(() => {\n setInnerValue(props.value);\n }, [props.value]);\n\n // 编辑器实例引用(用于操作内容)\n const editorRef = useRef(null);\n // 隐藏的文件选择器ref\n const fileInputRef = useRef<HTMLInputElement>(null);\n\n // 触发文件选择框\n const handleImageClick = () => {\n fileInputRef.current?.click();\n };\n\n const onInnerChange = (value?: string) => {\n setInnerValue(value);\n onChange?.(value);\n };\n\n // 处理图片选择(核心:读取图片并插入)\n const handleFileChange = async (e) => {\n const file = e.target.files?.[0];\n if (!file) return;\n\n // 只允许图片类型\n if (!file.type.startsWith('image/')) {\n alert('请选择图片文件(jpg/png/gif等)');\n return;\n }\n try {\n const imageUrl = await onUploadImage?.(file);\n const imageMarkdown = `\\n\\n`;\n // 将图片Markdown插入到编辑器光标位置\n if (editorRef.current) {\n const textarea = editorRef.current?.['textarea'] as HTMLTextAreaElement;\n const cursorPosition = textarea.selectionStart;\n const newContent =\n innerValue?.slice(0, cursorPosition) +\n imageMarkdown +\n innerValue?.slice(cursorPosition);\n onInnerChange(newContent);\n // 清空文件选择框,避免重复选择同一文件无响应\n e.target.value = '';\n }\n } catch (error) {\n message.error(error?.[''] || '图片上传失败');\n }\n };\n\n const Code = ({ children = [], className, ...props }: any) => {\n const demoid = useRef(getUuid());\n const [svgContent, setSvgContent] = useState<string>('');\n const renderAbortRef = useRef<boolean>(false);\n const isMermaid =\n className && /^language-mermaid/.test(className.toLocaleLowerCase());\n const code = children\n ? getCodeString(props.node.children)\n : children[0] || '';\n\n useEffect(() => {\n if (isMermaid && code) {\n // 标记之前的渲染为已取消\n renderAbortRef.current = true;\n\n // 重置取消标志\n renderAbortRef.current = false;\n\n // 生成新的唯一 ID\n const currentId = getUuid();\n demoid.current = currentId;\n\n // 创建一个临时的隐藏容器用于 Mermaid 渲染\n const tempContainer = document.createElement('div');\n tempContainer.style.position = 'absolute';\n tempContainer.style.visibility = 'hidden';\n tempContainer.style.width = '0';\n tempContainer.style.height = '0';\n tempContainer.style.top = '-9999px';\n tempContainer.style.left = '-9999px';\n tempContainer.id = currentId;\n document.body.appendChild(tempContainer);\n\n // 使用 requestAnimationFrame 确保在正确的时机渲染\n const frameId = requestAnimationFrame(() => {\n if (renderAbortRef.current) {\n // 清理临时容器\n try {\n if (tempContainer.parentNode) {\n document.body.removeChild(tempContainer);\n }\n } catch {\n // 忽略清理错误\n }\n return;\n }\n const mermaid = window['mermaid'];\n // 在临时容器中渲染\n mermaid\n .render(currentId, code)\n .then(({ svg }) => {\n // 检查是否已被取消\n if (renderAbortRef.current) {\n return;\n }\n\n // 使用 React state 更新 SVG 内容,而不是直接操作 DOM\n setSvgContent(svg);\n })\n .catch((error) => {\n if (!renderAbortRef.current) {\n console.log('Mermaid render error:', error);\n setSvgContent('');\n }\n })\n .finally(() => {\n // 清理临时容器\n try {\n if (tempContainer.parentNode) {\n document.body.removeChild(tempContainer);\n }\n } catch {\n // 忽略清理错误\n }\n });\n });\n\n // 清理函数:取消正在进行的渲染\n return () => {\n renderAbortRef.current = true;\n cancelAnimationFrame(frameId);\n\n // 清理临时容器\n try {\n if (tempContainer.parentNode) {\n document.body.removeChild(tempContainer);\n }\n } catch {\n // 忽略清理错误\n }\n };\n } else {\n setSvgContent('');\n }\n\n return undefined;\n }, [isMermaid, code]);\n\n if (isMermaid) {\n return (\n <code\n className={className}\n data-name=\"mermaid\"\n dangerouslySetInnerHTML={{ __html: svgContent }}\n />\n );\n }\n return <code className={className}>{children}</code>;\n };\n\n const imageUploadCommand = {\n name: 'imageUpload',\n keyCommand: 'imageUpload',\n render: () => {\n return (\n <Button\n key=\"imageUpload\"\n type=\"default\"\n size=\"small\"\n style={{ fontSize: 12 }}\n onClick={handleImageClick}\n >\n 上传图片\n </Button>\n );\n },\n };\n // 支持 mermaid 语法\n const mermaidCommand = {\n name: 'mermaid',\n keyCommand: 'mermaid',\n render: () => {\n return (\n <Button\n type=\"default\"\n key=\"mermaid\"\n size=\"small\"\n style={{ fontSize: 12 }}\n onClick={() => {\n openNewWindow('https://docs.min2k.com/zh/mermaid/syntax/pie.html');\n }}\n >\n 支持Mermaid图形\n </Button>\n );\n },\n };\n\n const MDEditor = window['@uiw/react-md-editor'].default;\n const commands = window['@uiw/react-md-editor'].commands;\n\n let extraCommands: any[] = [];\n\n if (onUploadImage && !readonly) {\n extraCommands = [\n imageUploadCommand,\n commands.divider,\n mermaidCommand,\n commands.divider,\n commands.fullscreen,\n ];\n } else {\n extraCommands = [mermaidCommand, commands.divider, commands.fullscreen];\n }\n\n const preview = readonly ? 'preview' : 'live';\n\n const dataColorMode = darkMode ? 'dark' : 'light';\n\n const commandsFt = useMemo(() => {\n if (readonly) return [];\n return undefined;\n }, [readonly]);\n\n const id = useMemo(() => {\n return getUuid();\n }, []);\n\n const wmdeMarkdownSize = useSize(() =>\n document.querySelector(`#${id} .wmde-markdown`)\n );\n\n const autoHeight = useMemo(() => {\n return readonly && readonlyHeightAutoFt;\n }, [readonly, readonlyHeightAutoFt]);\n\n const heightFt = useMemo(() => {\n if (autoHeight) {\n return (wmdeMarkdownSize?.height ?? 0) + 60;\n }\n return height;\n }, [autoHeight, wmdeMarkdownSize?.height, height]);\n\n const visibleDragbarFt = useMemo(() => {\n if (autoHeight) return false;\n return restProps.visibleDragbar;\n }, [autoHeight, restProps.visibleDragbar]);\n return (\n <div\n style={{ padding: '2px', ...style }}\n className={classNames('v-markdown-editor', className)}\n id={id}\n >\n <MDEditor\n highlightEnable={true}\n {...restProps}\n height={heightFt}\n ref={editorRef}\n value={innerValue}\n preview={preview}\n onChange={onInnerChange}\n visibleDragbar={visibleDragbarFt}\n data-color-mode={dataColorMode}\n extraCommands={extraCommands}\n commands={commandsFt}\n previewOptions={{\n components: {\n code: Code,\n },\n }}\n />\n {/* 隐藏的文件选择输入框 */}\n <input\n type=\"file\"\n ref={fileInputRef}\n accept=\"image/*\" // 只允许选择图片\n onChange={handleFileChange}\n style={{ display: 'none' }}\n />\n </div>\n );\n};\n","import { useEffect, useState } from 'react';\nimport { Spin } from 'antd';\nimport { CloseCircleFilled } from '@ant-design/icons';\nimport { loadScripts, loadStyles } from '@flatbiz/utils';\nimport { ReactMdEditor } from './editor.jsx';\nimport type { MarkdownEditorProps } from './type.js';\n\n/**\n * markdown编辑器\n * ```\n * 1. 使用@uiw/react-md-editor组件\n * 2. 动态加载 mermaid.js 和 mdeditor.js 和 mdeditor.css\n * //oss.ly.com/newpay/cdn/react-md-editor/mermaid.11.12.0.min.js\n * //oss.ly.com/newpay/cdn/react-md-editor/4.0.11/mdeditor.min.js\n * //oss.ly.com/newpay/cdn/react-md-editor/4.0.11/mdeditor.min.css\n * ```\n */\nexport const MarkdownEditor = (props: MarkdownEditorProps) => {\n const [renderFlag, setRenderFlag] = useState(false);\n const [errorMsg, setErrorMsg] = useState<string | null>(null);\n\n useEffect(() => {\n Promise.all([\n loadScripts({\n scriptUrls: [\n '//oss.ly.com/newpay/cdn/react-md-editor/mermaid.11.12.0.min.js',\n '//oss.ly.com/newpay/cdn/react-md-editor/4.0.11/mdeditor.min.js',\n ],\n checkFn: () => {\n const isLoaded = window['@uiw/react-md-editor'] && window['mermaid'];\n return isLoaded;\n },\n intervalMs: 20,\n }),\n loadStyles({\n styleUrls: [\n '//oss.ly.com/newpay/cdn/react-md-editor/4.0.11/mdeditor.min.css',\n ],\n }),\n ])\n .then(() => {\n setRenderFlag(true);\n })\n .catch((error) => {\n console.error(error);\n setRenderFlag(true);\n setErrorMsg(error?.message || 'Markdown编辑器加载失败');\n });\n }, []);\n\n if (!renderFlag) {\n return (\n <Spin\n tip={<div style={{ marginTop: 10 }}>Markdown编辑器加载中</div>}\n size=\"large\"\n >\n <div\n style={{\n padding: 50,\n background: 'rgba(0, 0, 0, 0.05)',\n borderRadius: 4,\n }}\n />\n </Spin>\n );\n }\n\n if (errorMsg) {\n return (\n <div style={{ textAlign: 'center', padding: 20, background: '#fff' }}>\n <CloseCircleFilled style={{ color: '#f00', fontSize: 30 }} />\n <div style={{ color: '#f00', marginTop: 10, fontSize: 16 }}>\n Markdown编辑器加载失败\n </div>\n <div style={{ color: '#898989', marginTop: 5, fontSize: 12 }}>\n {errorMsg}\n </div>\n </div>\n );\n }\n\n return <ReactMdEditor {...props} />;\n};\n"],"names":["ReactMdEditor","props","value","onChange","onUploadImage","readonly","darkMode","className","style","readonlyHeightAuto","height","restProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerValue","setInnerValue","readonlyHeightAutoFt","useEffect","editorRef","useRef","fileInputRef","handleImageClick","_fileInputRef$current","current","click","onInnerChange","handleFileChange","e","Promise","$return","$error","_e$target$files","file","imageUrl","imageMarkdown","_editorRef$current","textarea","cursorPosition","newContent","target","files","type","startsWith","alert","$Try_1_Post","$boundEx","$Try_1_Catch","error","message","resolve","then","$await_5","concat","selectionStart","slice","Code","_ref","_ref$children","children","_excluded2","demoid","getUuid","_useState3","_useState4","svgContent","setSvgContent","renderAbortRef","isMermaid","test","toLocaleLowerCase","code","getCodeString","node","currentId","tempContainer","document","createElement","position","visibility","width","top","left","id","body","appendChild","frameId","requestAnimationFrame","parentNode","removeChild","_unused","mermaid","window","render","_ref2","svg","catch","console","log","finally","_unused2","cancelAnimationFrame","_unused3","undefined","_jsx","dangerouslySetInnerHTML","__html","imageUploadCommand","name","keyCommand","Button","size","fontSize","onClick","mermaidCommand","openNewWindow","MDEditor","default","commands","extraCommands","divider","fullscreen","preview","dataColorMode","commandsFt","useMemo","wmdeMarkdownSize","useSize","querySelector","autoHeight","heightFt","_wmdeMarkdownSize$hei","visibleDragbarFt","visibleDragbar","_jsxs","_objectSpread","padding","_classNames","highlightEnable","ref","previewOptions","components","accept","display","MarkdownEditor","renderFlag","setRenderFlag","errorMsg","setErrorMsg","all","loadScripts","scriptUrls","checkFn","isLoaded","intervalMs","loadStyles","styleUrls","Spin","tip","marginTop","background","borderRadius","textAlign","_CloseCircleFilled","color"],"mappings":"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"}
|
|
@@ -47,7 +47,11 @@ var ResizableDrawer = function ResizableDrawer(_ref) {
|
|
|
47
47
|
onOk = _ref.onOk,
|
|
48
48
|
okText = _ref.okText,
|
|
49
49
|
cancelText = _ref.cancelText,
|
|
50
|
-
hidenFooter = _ref.hidenFooter
|
|
50
|
+
hidenFooter = _ref.hidenFooter,
|
|
51
|
+
_ref$minConstraints = _ref.minConstraints,
|
|
52
|
+
minConstraints = _ref$minConstraints === void 0 ? [400, 0] : _ref$minConstraints,
|
|
53
|
+
_ref$maxConstraints = _ref.maxConstraints,
|
|
54
|
+
maxConstraints = _ref$maxConstraints === void 0 ? [1200, 0] : _ref$maxConstraints;
|
|
51
55
|
var _useState = useState(initialWidth),
|
|
52
56
|
_useState2 = _slicedToArray(_useState, 2),
|
|
53
57
|
width = _useState2[0],
|
|
@@ -138,8 +142,8 @@ var ResizableDrawer = function ResizableDrawer(_ref) {
|
|
|
138
142
|
handle: /*#__PURE__*/jsx(ResizeHandle, {}),
|
|
139
143
|
axis: "x",
|
|
140
144
|
resizeHandles: ['w'],
|
|
141
|
-
minConstraints:
|
|
142
|
-
maxConstraints:
|
|
145
|
+
minConstraints: minConstraints,
|
|
146
|
+
maxConstraints: maxConstraints,
|
|
143
147
|
style: {
|
|
144
148
|
height: '100%'
|
|
145
149
|
},
|
|
@@ -183,4 +187,4 @@ var ResizableDrawer = function ResizableDrawer(_ref) {
|
|
|
183
187
|
};
|
|
184
188
|
|
|
185
189
|
export { ResizableDrawer as R };
|
|
186
|
-
//# sourceMappingURL=drawer-
|
|
190
|
+
//# sourceMappingURL=drawer-1AS_mYsB.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer-1AS_mYsB.js","sources":["@flatbiz/antd/src/resizable-drawer/resize-handle/index.tsx","@flatbiz/antd/src/resizable-drawer/utils.ts","@flatbiz/antd/src/resizable-drawer/drawer.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport './style.less';\nexport const ResizeHandle = forwardRef<HTMLDivElement>((props, ref) => {\n return <div ref={ref} {...props} className=\"resize-border\" />;\n});\n","let zIndex = 10;\n\nexport const getZindex = () => {\n zIndex++;\n return zIndex;\n};\n","import type { FC } from 'react';\nimport {\n type CSSProperties,\n type ReactElement,\n type ReactNode,\n useMemo,\n useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { Resizable } from 'react-resizable';\nimport { useMemoizedFn } from 'ahooks';\nimport { Button, Space } from 'antd';\nimport classNames from 'classnames';\nimport { CloseOutlined } from '@ant-design/icons';\nimport { isPromise } from '@dimjs/lang';\nimport { ButtonWrapper } from '../button-wrapper/button-wrapper.jsx';\nimport { ResizeHandle } from './resize-handle/index.jsx';\nimport { getZindex } from './utils.js';\nimport './style.less';\n\ntype ResizableDrawerProps = {\n open?: boolean;\n onClose?: () => void;\n title?: ReactNode;\n width?: number | string;\n children?: ReactNode;\n footer?: ReactNode | null;\n hidenFooter?: boolean;\n maskClosable?: boolean;\n mask?: boolean;\n className?: string;\n style?: CSSProperties;\n styles?: {\n header?: CSSProperties;\n body?: CSSProperties;\n footer?: CSSProperties;\n };\n headerExtraRender?: ReactElement;\n zIndex?: number;\n onOk?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n cancelText?: string;\n okText?: string;\n /** 最小宽度,默认值:400 */\n minConstraints?: [number, number];\n /** 最大宽度,默认值:1200 */\n maxConstraints?: [number, number];\n};\n\nexport const ResizableDrawer: FC<ResizableDrawerProps> = ({\n open,\n onClose,\n title = '抽屉标题',\n width: initialWidth = 600,\n children,\n footer,\n maskClosable = true,\n className,\n style,\n mask = true,\n styles,\n headerExtraRender,\n zIndex,\n onOk,\n okText,\n cancelText,\n hidenFooter,\n minConstraints = [400, 0],\n maxConstraints = [1200, 0],\n}) => {\n const [width, setWidth] = useState(initialWidth);\n\n const onResize = (_, data) => {\n const { size } = data;\n setWidth(size.width);\n };\n // 遮罩层点击\n const handleMaskClick = (e: React.MouseEvent<HTMLDivElement>) => {\n e.stopPropagation();\n if (maskClosable) {\n onClose?.();\n }\n };\n\n // 计算宽度样式\n const widthStyle = typeof width === 'number' ? `${width}px` : width;\n\n const drawerStyle = open\n ? {\n transform: 'translateX(0)',\n opacity: 1,\n }\n : {\n transform: 'translateX(100%)',\n opacity: 0,\n };\n\n const maskOpacity = open ? 1 : 0;\n\n const zIndexInner = useMemo(() => {\n return zIndex ? zIndex : 10 + getZindex();\n }, [zIndex]);\n\n const onOkHandle = useMemoizedFn((e) => {\n if (onOk) {\n const response = onOk(e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n return onClose?.();\n });\n\n return createPortal(\n <div\n className={classNames(\n 'drawer-resizable',\n { 'drawer-resizable-visible': open },\n className\n )}\n style={\n !mask\n ? { width: widthStyle, zIndex: zIndexInner }\n : { left: 0, zIndex: zIndexInner }\n }\n >\n {mask ? (\n <div\n className=\"drawer-resizable-mask\"\n style={{ opacity: maskOpacity }}\n onClick={handleMaskClick}\n />\n ) : null}\n\n <div\n className=\"drawer-resizable-content\"\n style={{\n width: widthStyle,\n ...drawerStyle,\n ...style,\n }}\n >\n {/* 头部 */}\n <div className=\"drawer-resizable-header\" style={styles?.header}>\n <div className=\"drawer-resizable-title\">\n <Button\n type=\"text\"\n className=\"drawer-resizable-title-close\"\n icon={<CloseOutlined />}\n onClick={(event) => {\n event.stopPropagation();\n onClose?.();\n }}\n ></Button>\n <div className=\"\">{title}</div>\n </div>\n {headerExtraRender ? (\n <div className=\"drawer-resizable-title-extra\">\n {headerExtraRender}\n </div>\n ) : null}\n </div>\n\n {/* 内容区域 */}\n <div className=\"drawer-resizable-body\" style={styles?.body}>\n <Resizable\n onResize={onResize}\n width={width}\n handle={<ResizeHandle />}\n axis=\"x\"\n resizeHandles={['w']}\n minConstraints={minConstraints}\n maxConstraints={maxConstraints}\n style={{ height: '100%' }}\n onResizeStop={(e) => {\n e.stopPropagation();\n const iframeList = document.querySelectorAll('iframe');\n iframeList.forEach((item) => {\n item.style.pointerEvents = '';\n });\n }}\n onResizeStart={(e) => {\n e.stopPropagation();\n const iframeList = document.querySelectorAll('iframe');\n iframeList.forEach((item) => {\n item.style.pointerEvents = 'none';\n });\n }}\n >\n {children}\n </Resizable>\n </div>\n {/* 底部 */}\n {hidenFooter ? null : footer ? (\n <div className=\"drawer-footer\" style={styles?.footer}>\n {footer}\n </div>\n ) : (\n <div className=\"drawer-footer\" style={styles?.footer}>\n <Space>\n <ButtonWrapper onClick={onClose}>\n {cancelText || '取消'}\n </ButtonWrapper>\n <ButtonWrapper\n onClick={onOkHandle}\n type=\"primary\"\n loadingPosition=\"center\"\n >\n {okText || '确定'}\n </ButtonWrapper>\n </Space>\n </div>\n )}\n </div>\n </div>,\n document.body\n );\n};\n"],"names":["ResizeHandle","forwardRef","props","ref","_jsx","_objectSpread","className","zIndex","getZindex","ResizableDrawer","_ref","open","onClose","_ref$title","title","_ref$width","width","initialWidth","children","footer","_ref$maskClosable","maskClosable","style","_ref$mask","mask","styles","headerExtraRender","onOk","okText","cancelText","hidenFooter","_ref$minConstraints","minConstraints","_ref$maxConstraints","maxConstraints","_useState","useState","_useState2","_slicedToArray","setWidth","onResize","_","data","size","handleMaskClick","e","stopPropagation","widthStyle","concat","drawerStyle","transform","opacity","maskOpacity","zIndexInner","useMemo","onOkHandle","useMemoizedFn","response","_isPromise","then","createPortal","_jsxs","classNames","left","onClick","header","Button","type","icon","_CloseOutlined","event","body","Resizable","handle","axis","resizeHandles","height","onResizeStop","iframeList","document","querySelectorAll","forEach","item","pointerEvents","onResizeStart","Space","ButtonWrapper","loadingPosition"],"mappings":"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"}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
import { a as _slicedToArray, _ as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BspM60Sw.js';
|
|
4
4
|
import { classNames } from '@dimjs/utils/class-names/class-names';
|
|
5
|
-
import { useState, useRef } from 'react';
|
|
5
|
+
import { useState, useRef, useEffect } from 'react';
|
|
6
6
|
import Ace from 'react-ace';
|
|
7
7
|
import { useMemoizedFn } from 'ahooks';
|
|
8
|
-
import {
|
|
8
|
+
import { loadScripts } from '@flatbiz/utils';
|
|
9
9
|
import { B as ButtonWrapper } from './button-wrapper-BGjkUPpk.js';
|
|
10
10
|
import { E as ErrorBoundaryWrapper } from './error-boundary-D6RX4EQZ.js';
|
|
11
11
|
import 'ace-builds/src-noconflict/ext-language_tools.js';
|
|
@@ -15,7 +15,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
15
15
|
|
|
16
16
|
var _excluded = ["value", "hiddenFormatterBtn", "autoCompleterList", "onChange", "onLoad"];
|
|
17
17
|
var formatSql = function formatSql(sqlContent) {
|
|
18
|
-
|
|
18
|
+
var sqlFormatter = window['sqlFormatter'];
|
|
19
|
+
return sqlFormatter === null || sqlFormatter === void 0 ? void 0 : sqlFormatter.format(sqlContent, {
|
|
19
20
|
language: 'sql'
|
|
20
21
|
}).replace(/\$ /g, '$').replace(/\{ /g, '{').replace(/ \}/g, '}');
|
|
21
22
|
};
|
|
@@ -31,6 +32,11 @@ var AceEditorMysql = function AceEditorMysql(props) {
|
|
|
31
32
|
onLoad = props.onLoad,
|
|
32
33
|
otherProps = _objectWithoutProperties(props, _excluded);
|
|
33
34
|
var editorRef = useRef();
|
|
35
|
+
useEffect(function () {
|
|
36
|
+
loadScripts({
|
|
37
|
+
scriptUrls: ['//oss.ly.com/newpay/cdn/sql-formatter/15.6.6/index.min.js']
|
|
38
|
+
});
|
|
39
|
+
}, []);
|
|
34
40
|
var handleChange = useMemoizedFn(function (content) {
|
|
35
41
|
onChange === null || onChange === void 0 || onChange(content);
|
|
36
42
|
});
|
|
@@ -116,4 +122,4 @@ var AceEditorMysql = function AceEditorMysql(props) {
|
|
|
116
122
|
};
|
|
117
123
|
|
|
118
124
|
export { AceEditorMysql as A };
|
|
119
|
-
//# sourceMappingURL=editor-
|
|
125
|
+
//# sourceMappingURL=editor-KE1W0BsN.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editor-KE1W0BsN.js","sources":["@flatbiz/antd/src/ace-editor-mysql/editor.tsx"],"sourcesContent":["import type { CSSProperties, ReactElement } from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport type { IAceEditorProps } from 'react-ace';\nimport Ace from 'react-ace';\nimport { useMemoizedFn } from 'ahooks';\nimport { classNames } from '@dimjs/utils';\nimport { loadScripts, type TAny } from '@flatbiz/utils';\nimport { ButtonWrapper } from '../button-wrapper/button-wrapper.jsx';\nimport { ErrorBoundaryWrapper } from '../error-boundary-wrapper/error-boundary.jsx';\nimport 'ace-builds/src-noconflict/ext-language_tools.js';\nimport 'ace-builds/src-noconflict/mode-mysql.js';\nimport 'ace-builds/src-noconflict/snippets/mysql.js';\n\nconst formatSql = (sqlContent: string) => {\n const sqlFormatter = window['sqlFormatter'];\n return sqlFormatter\n ?.format(sqlContent, { language: 'sql' })\n .replace(/\\$ /g, '$')\n .replace(/\\{ /g, '{')\n .replace(/ \\}/g, '}');\n};\n\nexport type AceEditorMysqlProps = Omit<\n IAceEditorProps,\n 'theme' | 'mode' | 'value' | 'onChange'\n> & {\n /** 编辑器高度,默认值:100%,可输入值例如 300px、100% */\n height?: string;\n value?: string;\n onChange?: (value?: string) => void;\n /** 配置输入自动提示关键字 */\n autoCompleterList?: { name: string; desc?: string }[];\n /** 隐藏【美化】按钮 */\n hiddenFormatterBtn?: boolean;\n /**\n * 编辑器主题配置,例如:github、terminal、xcode\n * ```\n * 1. 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';\n * 2. 配置 theme = xxxx\n * ```\n */\n theme?: string;\n /** 底部额外布局 */\n footerExtraRender?: (children: ReactElement) => ReactElement;\n footerStyle?: CSSProperties;\n};\n\nexport const AceEditorMysql = (props: AceEditorMysqlProps) => {\n const [rootNodekey, setRootNodekey] = useState(Date.now());\n const {\n value,\n hiddenFormatterBtn,\n autoCompleterList,\n onChange,\n onLoad,\n ...otherProps\n } = props;\n\n const editorRef = useRef<TAny>();\n\n useEffect(() => {\n loadScripts({\n scriptUrls: ['//oss.ly.com/newpay/cdn/sql-formatter/15.6.6/index.min.js'],\n });\n }, []);\n\n const handleChange = useMemoizedFn((content: string) => {\n onChange?.(content);\n });\n\n const getCompletions = useMemoizedFn((_a, _b, _c, _d, callback) => {\n callback(\n null,\n autoCompleterList?.map((item) => ({\n name: item.name,\n value: item.name,\n // score: 100,\n meta: item.desc,\n }))\n );\n });\n\n const onLoadHandle = (editor) => {\n editorRef.current = editor;\n /** 向编辑器中添加自动补全列表 */\n const findIndex = editor.completers.findIndex(\n (item) => item.id === 'custom'\n );\n if (findIndex >= 0) {\n editor.completers[findIndex] = { getCompletions, id: 'custom' };\n } else {\n editor.completers.push({ getCompletions, id: 'custom' });\n }\n onLoad?.(editor);\n };\n\n const footer = (\n <ButtonWrapper\n hidden={hiddenFormatterBtn === true}\n type=\"primary\"\n ghost\n onClick={() => {\n const currentValue = editorRef.current?.getValue();\n onChange?.(formatSql(currentValue || ''));\n }}\n >\n 美化\n </ButtonWrapper>\n );\n\n const Element = ((Ace as any)?.['default'] || (Ace as any)) as any;\n\n return (\n <div\n key={rootNodekey}\n className={classNames('ace-editor-mysql', props.className)}\n style={props.style}\n >\n <ErrorBoundaryWrapper\n onRenderReset={() => {\n onChange?.(undefined);\n setRootNodekey(Date.now());\n }}\n >\n <Element\n fontSize={14}\n showPrintMargin={true}\n showGutter={true}\n highlightActiveLine={true}\n placeholder=\"输入SQL\"\n height=\"250px\"\n width=\"auto\"\n {...otherProps}\n setOptions={{\n useWorker: false,\n enableBasicAutocompletion: false,\n enableLiveAutocompletion: true,\n enableSnippets: false,\n showLineNumbers: true,\n tabSize: 2,\n ...otherProps.setOptions,\n }}\n mode=\"mysql\"\n onLoad={onLoadHandle}\n onChange={handleChange}\n value={value}\n />\n </ErrorBoundaryWrapper>\n <div\n className=\"ace-editor-mysql-footer\"\n style={{ marginTop: 10, ...props.footerStyle }}\n >\n {props.footerExtraRender ? props.footerExtraRender(footer) : footer}\n </div>\n </div>\n );\n};\n"],"names":["formatSql","sqlContent","sqlFormatter","window","format","language","replace","AceEditorMysql","props","_useState","useState","Date","now","_useState2","_slicedToArray","rootNodekey","setRootNodekey","value","hiddenFormatterBtn","autoCompleterList","onChange","onLoad","otherProps","_objectWithoutProperties","_excluded","editorRef","useRef","useEffect","loadScripts","scriptUrls","handleChange","useMemoizedFn","content","getCompletions","_a","_b","_c","_d","callback","map","item","name","meta","desc","onLoadHandle","editor","current","findIndex","completers","id","push","footer","_jsx","ButtonWrapper","hidden","type","ghost","onClick","_editorRef$current","currentValue","getValue","children","Element","Ace","_jsxs","className","_classNames","style","ErrorBoundaryWrapper","onRenderReset","undefined","_objectSpread","fontSize","showPrintMargin","showGutter","highlightActiveLine","placeholder","height","width","setOptions","useWorker","enableBasicAutocompletion","enableLiveAutocompletion","enableSnippets","showLineNumbers","tabSize","mode","marginTop","footerStyle","footerExtraRender"],"mappings":"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"}
|