@flatbiz/antd 5.2.5 → 5.2.7
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-C6Qc7y_K.js +297 -0
- package/dist/content-C6Qc7y_K.js.map +1 -0
- package/dist/content-Px6O7VBy.js +414 -0
- package/dist/content-Px6O7VBy.js.map +1 -0
- package/dist/{drag-DUY7Olcc.js → drag-D3i6_WRS.js} +2 -2
- package/dist/{drag-DUY7Olcc.js.map → drag-D3i6_WRS.js.map} +1 -1
- package/dist/drag-editable-table/index.css +1 -1
- package/dist/drag-editable-table/index.d.ts +3 -0
- package/dist/drag-editable-table/index.js +3 -4
- package/dist/{drawer-BGqWxVP9.js → drawer-1AS_mYsB.js} +8 -4
- package/dist/drawer-1AS_mYsB.js.map +1 -0
- package/dist/editable-table/index.css +1 -1
- package/dist/editable-table/index.d.ts +3 -0
- package/dist/editable-table/index.js +2 -3
- package/dist/{editable-table-DYR12TJM.js → editable-table-BaKnBuHT.js} +2 -2
- package/dist/{editable-table-DYR12TJM.js.map → editable-table-BaKnBuHT.js.map} +1 -1
- package/dist/{editor-DSdmtJGj.js → editor-KE1W0BsN.js} +10 -4
- package/dist/editor-KE1W0BsN.js.map +1 -0
- package/dist/index.d.ts +87 -1
- package/dist/index.js +12 -6
- package/dist/index.js.map +1 -1
- package/dist/markdown-editor/index.css +0 -0
- package/dist/markdown-editor/index.d.ts +42 -0
- package/dist/markdown-editor/index.js +15 -0
- package/dist/markdown-editor/index.js.map +1 -0
- package/dist/pre-defined-class-name/index.css +1 -1
- 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/dist/upload-multi-type/index.css +1 -0
- package/dist/upload-multi-type/index.d.ts +37 -0
- package/dist/upload-multi-type/index.js +42 -0
- package/dist/upload-multi-type/index.js.map +1 -0
- package/dist/upload-wrapper/index.css +1 -1
- package/dist/upload-wrapper/index.d.ts +4 -1
- package/dist/upload-wrapper/index.js +1 -2
- package/dist/{upload-wrapper-BovR_RV6.js → upload-wrapper-DmZglNR4.js} +29 -13
- package/dist/upload-wrapper-DmZglNR4.js.map +1 -0
- package/package.json +13 -4
- package/dist/drawer-BGqWxVP9.js.map +0 -1
- package/dist/editor-DSdmtJGj.js.map +0 -1
- package/dist/upload-wrapper-BovR_RV6.js.map +0 -1
|
@@ -0,0 +1,414 @@
|
|
|
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 { useRef, useState, useEffect, 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 { jsx, jsxs } from 'react/jsx-runtime';
|
|
12
|
+
|
|
13
|
+
var _excluded$1 = ["children", "className"];
|
|
14
|
+
var PluginMermaidCode = function PluginMermaidCode(_ref) {
|
|
15
|
+
var _ref$children = _ref.children,
|
|
16
|
+
children = _ref$children === void 0 ? [] : _ref$children,
|
|
17
|
+
className = _ref.className,
|
|
18
|
+
props = _objectWithoutProperties(_ref, _excluded$1);
|
|
19
|
+
var demoid = useRef(getUuid());
|
|
20
|
+
var _useState = useState(''),
|
|
21
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
22
|
+
svgContent = _useState2[0],
|
|
23
|
+
setSvgContent = _useState2[1];
|
|
24
|
+
var renderAbortRef = useRef(false);
|
|
25
|
+
var isMermaid = className && /^language-mermaid/.test(className.toLocaleLowerCase());
|
|
26
|
+
var code = children ? getCodeString(props.node.children) : children[0] || '';
|
|
27
|
+
useEffect(function () {
|
|
28
|
+
if (isMermaid && code) {
|
|
29
|
+
// 标记之前的渲染为已取消
|
|
30
|
+
renderAbortRef.current = true;
|
|
31
|
+
|
|
32
|
+
// 重置取消标志
|
|
33
|
+
renderAbortRef.current = false;
|
|
34
|
+
|
|
35
|
+
// 生成新的唯一 ID
|
|
36
|
+
var currentId = getUuid();
|
|
37
|
+
demoid.current = currentId;
|
|
38
|
+
|
|
39
|
+
// 创建一个临时的隐藏容器用于 Mermaid 渲染
|
|
40
|
+
var tempContainer = document.createElement('div');
|
|
41
|
+
tempContainer.style.position = 'absolute';
|
|
42
|
+
tempContainer.style.visibility = 'hidden';
|
|
43
|
+
tempContainer.style.width = '0';
|
|
44
|
+
tempContainer.style.height = '0';
|
|
45
|
+
tempContainer.style.top = '-9999px';
|
|
46
|
+
tempContainer.style.left = '-9999px';
|
|
47
|
+
tempContainer.id = currentId;
|
|
48
|
+
document.body.appendChild(tempContainer);
|
|
49
|
+
|
|
50
|
+
// 使用 requestAnimationFrame 确保在正确的时机渲染
|
|
51
|
+
var frameId = requestAnimationFrame(function () {
|
|
52
|
+
if (renderAbortRef.current) {
|
|
53
|
+
// 清理临时容器
|
|
54
|
+
try {
|
|
55
|
+
if (tempContainer.parentNode) {
|
|
56
|
+
document.body.removeChild(tempContainer);
|
|
57
|
+
}
|
|
58
|
+
} catch (_unused) {
|
|
59
|
+
// 忽略清理错误
|
|
60
|
+
}
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
var mermaid = window['mermaid'];
|
|
64
|
+
// 在临时容器中渲染
|
|
65
|
+
mermaid.render(currentId, code).then(function (_ref2) {
|
|
66
|
+
var svg = _ref2.svg;
|
|
67
|
+
// 检查是否已被取消
|
|
68
|
+
if (renderAbortRef.current) {
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
// 使用 React state 更新 SVG 内容,而不是直接操作 DOM
|
|
73
|
+
setSvgContent(svg);
|
|
74
|
+
}).catch(function (error) {
|
|
75
|
+
if (!renderAbortRef.current) {
|
|
76
|
+
console.log('Mermaid render error:', error);
|
|
77
|
+
setSvgContent('');
|
|
78
|
+
}
|
|
79
|
+
}).finally(function () {
|
|
80
|
+
// 清理临时容器
|
|
81
|
+
try {
|
|
82
|
+
if (tempContainer.parentNode) {
|
|
83
|
+
document.body.removeChild(tempContainer);
|
|
84
|
+
}
|
|
85
|
+
} catch (_unused2) {
|
|
86
|
+
// 忽略清理错误
|
|
87
|
+
}
|
|
88
|
+
});
|
|
89
|
+
});
|
|
90
|
+
|
|
91
|
+
// 清理函数:取消正在进行的渲染
|
|
92
|
+
return function () {
|
|
93
|
+
renderAbortRef.current = true;
|
|
94
|
+
cancelAnimationFrame(frameId);
|
|
95
|
+
|
|
96
|
+
// 清理临时容器
|
|
97
|
+
try {
|
|
98
|
+
if (tempContainer.parentNode) {
|
|
99
|
+
document.body.removeChild(tempContainer);
|
|
100
|
+
}
|
|
101
|
+
} catch (_unused3) {
|
|
102
|
+
// 忽略清理错误
|
|
103
|
+
}
|
|
104
|
+
};
|
|
105
|
+
} else {
|
|
106
|
+
setSvgContent('');
|
|
107
|
+
}
|
|
108
|
+
return undefined;
|
|
109
|
+
}, [isMermaid, code]);
|
|
110
|
+
if (isMermaid) {
|
|
111
|
+
return /*#__PURE__*/jsx("code", {
|
|
112
|
+
className: className,
|
|
113
|
+
"data-name": "mermaid",
|
|
114
|
+
dangerouslySetInnerHTML: {
|
|
115
|
+
__html: svgContent
|
|
116
|
+
}
|
|
117
|
+
});
|
|
118
|
+
}
|
|
119
|
+
return /*#__PURE__*/jsx("code", {
|
|
120
|
+
className: className,
|
|
121
|
+
children: children
|
|
122
|
+
});
|
|
123
|
+
};
|
|
124
|
+
|
|
125
|
+
var _excluded = ["value", "onChange", "onUploadImage", "readonly", "isDarkMode", "className", "style", "readonlyHeightAuto", "height", "hideBorder"];
|
|
126
|
+
// import MDEditor from '@uiw/react-md-editor';
|
|
127
|
+
|
|
128
|
+
/**
|
|
129
|
+
* ```
|
|
130
|
+
* 使用:@uiw/react-md-editor 组件
|
|
131
|
+
* 文档:https://www.npmjs.com/package/@uiw/react-md-editor
|
|
132
|
+
* ```
|
|
133
|
+
*/
|
|
134
|
+
var ReactMdEditor = function ReactMdEditor(props) {
|
|
135
|
+
var value = props.value,
|
|
136
|
+
onChange = props.onChange,
|
|
137
|
+
onUploadImage = props.onUploadImage,
|
|
138
|
+
readonly = props.readonly,
|
|
139
|
+
isDarkMode = props.isDarkMode,
|
|
140
|
+
className = props.className,
|
|
141
|
+
style = props.style,
|
|
142
|
+
readonlyHeightAuto = props.readonlyHeightAuto,
|
|
143
|
+
height = props.height,
|
|
144
|
+
hideBorder = props.hideBorder,
|
|
145
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
146
|
+
var _useState = useState(value),
|
|
147
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
148
|
+
innerValue = _useState2[0],
|
|
149
|
+
setInnerValue = _useState2[1];
|
|
150
|
+
var readonlyHeightAutoFt = readonlyHeightAuto !== null && readonlyHeightAuto !== void 0 ? readonlyHeightAuto : true;
|
|
151
|
+
useEffect(function () {
|
|
152
|
+
console.log('props.value', props.value);
|
|
153
|
+
setInnerValue(props.value);
|
|
154
|
+
}, [props.value]);
|
|
155
|
+
|
|
156
|
+
// 编辑器实例引用(用于操作内容)
|
|
157
|
+
var editorRef = useRef(null);
|
|
158
|
+
// 隐藏的文件选择器ref
|
|
159
|
+
var fileInputRef = useRef(null);
|
|
160
|
+
|
|
161
|
+
// 触发文件选择框
|
|
162
|
+
var handleImageClick = function handleImageClick() {
|
|
163
|
+
var _fileInputRef$current;
|
|
164
|
+
(_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 || _fileInputRef$current.click();
|
|
165
|
+
};
|
|
166
|
+
var onInnerChange = function onInnerChange(value) {
|
|
167
|
+
setInnerValue(value);
|
|
168
|
+
onChange === null || onChange === void 0 || onChange(value);
|
|
169
|
+
};
|
|
170
|
+
|
|
171
|
+
// 处理图片选择(核心:读取图片并插入)
|
|
172
|
+
var handleFileChange = function handleFileChange(e) {
|
|
173
|
+
return new Promise(function ($return, $error) {
|
|
174
|
+
var _e$target$files, file, imageUrl, imageMarkdown, _editorRef$current, textarea, cursorPosition, newContent;
|
|
175
|
+
file = (_e$target$files = e.target.files) === null || _e$target$files === void 0 ? void 0 : _e$target$files[0];
|
|
176
|
+
if (!file) return $return();
|
|
177
|
+
|
|
178
|
+
// 只允许图片类型
|
|
179
|
+
if (!file.type.startsWith('image/')) {
|
|
180
|
+
alert('请选择图片文件(jpg/png/gif等)');
|
|
181
|
+
return $return();
|
|
182
|
+
}
|
|
183
|
+
var $Try_1_Post = function () {
|
|
184
|
+
try {
|
|
185
|
+
return $return();
|
|
186
|
+
} catch ($boundEx) {
|
|
187
|
+
return $error($boundEx);
|
|
188
|
+
}
|
|
189
|
+
};
|
|
190
|
+
var $Try_1_Catch = function (error) {
|
|
191
|
+
try {
|
|
192
|
+
message.error((error === null || error === void 0 ? void 0 : error['']) || '图片上传失败');
|
|
193
|
+
return $Try_1_Post();
|
|
194
|
+
} catch ($boundEx) {
|
|
195
|
+
return $error($boundEx);
|
|
196
|
+
}
|
|
197
|
+
};
|
|
198
|
+
try {
|
|
199
|
+
return Promise.resolve(onUploadImage === null || onUploadImage === void 0 ? void 0 : onUploadImage(file)).then(function ($await_2) {
|
|
200
|
+
try {
|
|
201
|
+
imageUrl = $await_2;
|
|
202
|
+
imageMarkdown = "\n\n");
|
|
203
|
+
// 将图片Markdown插入到编辑器光标位置
|
|
204
|
+
if (editorRef.current) {
|
|
205
|
+
textarea = (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 ? void 0 : _editorRef$current['textarea'];
|
|
206
|
+
cursorPosition = textarea.selectionStart;
|
|
207
|
+
newContent = (innerValue === null || innerValue === void 0 ? void 0 : innerValue.slice(0, cursorPosition)) + imageMarkdown + (innerValue === null || innerValue === void 0 ? void 0 : innerValue.slice(cursorPosition));
|
|
208
|
+
onInnerChange(newContent);
|
|
209
|
+
// 清空文件选择框,避免重复选择同一文件无响应
|
|
210
|
+
e.target.value = '';
|
|
211
|
+
}
|
|
212
|
+
return $Try_1_Post();
|
|
213
|
+
} catch ($boundEx) {
|
|
214
|
+
return $Try_1_Catch($boundEx);
|
|
215
|
+
}
|
|
216
|
+
}, $Try_1_Catch);
|
|
217
|
+
} catch (error) {
|
|
218
|
+
$Try_1_Catch(error);
|
|
219
|
+
}
|
|
220
|
+
});
|
|
221
|
+
};
|
|
222
|
+
var imageUploadCommand = {
|
|
223
|
+
name: 'imageUpload',
|
|
224
|
+
keyCommand: 'imageUpload',
|
|
225
|
+
render: function render() {
|
|
226
|
+
return /*#__PURE__*/jsx(Button, {
|
|
227
|
+
type: "default",
|
|
228
|
+
size: "small",
|
|
229
|
+
style: {
|
|
230
|
+
fontSize: 12
|
|
231
|
+
},
|
|
232
|
+
onClick: handleImageClick,
|
|
233
|
+
children: "\u4E0A\u4F20\u56FE\u7247"
|
|
234
|
+
}, "imageUpload");
|
|
235
|
+
}
|
|
236
|
+
};
|
|
237
|
+
// 支持 mermaid 语法
|
|
238
|
+
var mermaidCommand = {
|
|
239
|
+
name: 'mermaid',
|
|
240
|
+
keyCommand: 'mermaid',
|
|
241
|
+
render: function render() {
|
|
242
|
+
return /*#__PURE__*/jsx(Button, {
|
|
243
|
+
type: "default",
|
|
244
|
+
size: "small",
|
|
245
|
+
style: {
|
|
246
|
+
fontSize: 12
|
|
247
|
+
},
|
|
248
|
+
onClick: function onClick() {
|
|
249
|
+
openNewWindow('https://docs.min2k.com/zh/mermaid/syntax/pie.html');
|
|
250
|
+
},
|
|
251
|
+
children: "\u652F\u6301Mermaid\u56FE\u5F62"
|
|
252
|
+
}, "mermaid");
|
|
253
|
+
}
|
|
254
|
+
};
|
|
255
|
+
var MDEditor = window['@uiw/react-md-editor'].default;
|
|
256
|
+
var commands = window['@uiw/react-md-editor'].commands;
|
|
257
|
+
var extraCommands = [];
|
|
258
|
+
if (onUploadImage && !readonly) {
|
|
259
|
+
extraCommands = [imageUploadCommand, commands.divider, mermaidCommand, commands.divider, commands.fullscreen];
|
|
260
|
+
} else {
|
|
261
|
+
extraCommands = [mermaidCommand, commands.divider, commands.fullscreen];
|
|
262
|
+
}
|
|
263
|
+
var preview = readonly ? 'preview' : 'live';
|
|
264
|
+
var dataColorMode = isDarkMode ? 'dark' : 'light';
|
|
265
|
+
var commandsFt = useMemo(function () {
|
|
266
|
+
if (readonly) return [];
|
|
267
|
+
return undefined;
|
|
268
|
+
}, [readonly]);
|
|
269
|
+
var id = useMemo(function () {
|
|
270
|
+
return getUuid();
|
|
271
|
+
}, []);
|
|
272
|
+
var wmdeMarkdownSize = useSize(function () {
|
|
273
|
+
return document.querySelector("#".concat(id, " .wmde-markdown"));
|
|
274
|
+
});
|
|
275
|
+
var autoHeight = useMemo(function () {
|
|
276
|
+
return readonly && readonlyHeightAutoFt;
|
|
277
|
+
}, [readonly, readonlyHeightAutoFt]);
|
|
278
|
+
var heightFt = useMemo(function () {
|
|
279
|
+
if (autoHeight) {
|
|
280
|
+
var _wmdeMarkdownSize$hei;
|
|
281
|
+
return ((_wmdeMarkdownSize$hei = wmdeMarkdownSize === null || wmdeMarkdownSize === void 0 ? void 0 : wmdeMarkdownSize.height) !== null && _wmdeMarkdownSize$hei !== void 0 ? _wmdeMarkdownSize$hei : 0) + 25;
|
|
282
|
+
}
|
|
283
|
+
return height;
|
|
284
|
+
}, [autoHeight, wmdeMarkdownSize === null || wmdeMarkdownSize === void 0 ? void 0 : wmdeMarkdownSize.height, height]);
|
|
285
|
+
var visibleDragbarFt = useMemo(function () {
|
|
286
|
+
if (autoHeight) return false;
|
|
287
|
+
return restProps.visibleDragbar;
|
|
288
|
+
}, [autoHeight, restProps.visibleDragbar]);
|
|
289
|
+
return /*#__PURE__*/jsxs("div", {
|
|
290
|
+
style: style,
|
|
291
|
+
className: classNames('v-markdown-editor', className),
|
|
292
|
+
id: id,
|
|
293
|
+
children: [/*#__PURE__*/jsx(MDEditor, _objectSpread2(_objectSpread2({
|
|
294
|
+
highlightEnable: true
|
|
295
|
+
}, restProps), {}, {
|
|
296
|
+
style: {
|
|
297
|
+
boxShadow: hideBorder ? 'none' : undefined
|
|
298
|
+
},
|
|
299
|
+
height: heightFt,
|
|
300
|
+
ref: editorRef,
|
|
301
|
+
value: innerValue,
|
|
302
|
+
preview: preview,
|
|
303
|
+
onChange: onInnerChange,
|
|
304
|
+
visibleDragbar: visibleDragbarFt,
|
|
305
|
+
"data-color-mode": dataColorMode,
|
|
306
|
+
extraCommands: extraCommands,
|
|
307
|
+
commands: commandsFt,
|
|
308
|
+
previewOptions: {
|
|
309
|
+
components: {
|
|
310
|
+
code: PluginMermaidCode
|
|
311
|
+
}
|
|
312
|
+
}
|
|
313
|
+
})), /*#__PURE__*/jsx("input", {
|
|
314
|
+
type: "file",
|
|
315
|
+
ref: fileInputRef,
|
|
316
|
+
accept: "image/*" // 只允许选择图片
|
|
317
|
+
,
|
|
318
|
+
onChange: handleFileChange,
|
|
319
|
+
style: {
|
|
320
|
+
display: 'none'
|
|
321
|
+
}
|
|
322
|
+
})]
|
|
323
|
+
});
|
|
324
|
+
};
|
|
325
|
+
|
|
326
|
+
/**
|
|
327
|
+
* markdown编辑器
|
|
328
|
+
* ```
|
|
329
|
+
* 1. 使用@uiw/react-md-editor组件
|
|
330
|
+
* 2. 动态加载 mermaid.js 和 mdeditor.js 和 mdeditor.css
|
|
331
|
+
* //oss.ly.com/newpay/cdn/react-md-editor/mermaid.11.12.0.min.js
|
|
332
|
+
* //oss.ly.com/newpay/cdn/react-md-editor/4.0.11/mdeditor.min.js
|
|
333
|
+
* //oss.ly.com/newpay/cdn/react-md-editor/4.0.11/mdeditor.min.css
|
|
334
|
+
* ```
|
|
335
|
+
*/
|
|
336
|
+
var MarkdownEditor = function MarkdownEditor(props) {
|
|
337
|
+
var _useState = useState(false),
|
|
338
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
339
|
+
renderFlag = _useState2[0],
|
|
340
|
+
setRenderFlag = _useState2[1];
|
|
341
|
+
var _useState3 = useState(null),
|
|
342
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
343
|
+
errorMsg = _useState4[0],
|
|
344
|
+
setErrorMsg = _useState4[1];
|
|
345
|
+
useEffect(function () {
|
|
346
|
+
Promise.all([loadScripts({
|
|
347
|
+
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'],
|
|
348
|
+
checkFn: function checkFn() {
|
|
349
|
+
var isLoaded = window['@uiw/react-md-editor'] && window['mermaid'];
|
|
350
|
+
return isLoaded;
|
|
351
|
+
},
|
|
352
|
+
intervalMs: 20
|
|
353
|
+
}), loadStyles({
|
|
354
|
+
styleUrls: ['//oss.ly.com/newpay/cdn/react-md-editor/4.0.11/mdeditor.min.css']
|
|
355
|
+
})]).then(function () {
|
|
356
|
+
setRenderFlag(true);
|
|
357
|
+
}).catch(function (error) {
|
|
358
|
+
console.error(error);
|
|
359
|
+
setRenderFlag(true);
|
|
360
|
+
setErrorMsg((error === null || error === void 0 ? void 0 : error.message) || 'Markdown编辑器加载失败');
|
|
361
|
+
});
|
|
362
|
+
}, []);
|
|
363
|
+
if (!renderFlag) {
|
|
364
|
+
return /*#__PURE__*/jsx(Spin, {
|
|
365
|
+
tip: /*#__PURE__*/jsx("div", {
|
|
366
|
+
style: {
|
|
367
|
+
marginTop: 10
|
|
368
|
+
},
|
|
369
|
+
children: "Markdown\u7F16\u8F91\u5668\u52A0\u8F7D\u4E2D"
|
|
370
|
+
}),
|
|
371
|
+
size: "small",
|
|
372
|
+
children: /*#__PURE__*/jsx("div", {
|
|
373
|
+
style: {
|
|
374
|
+
padding: 50,
|
|
375
|
+
background: 'rgba(0, 0, 0, 0.05)',
|
|
376
|
+
borderRadius: 4
|
|
377
|
+
}
|
|
378
|
+
})
|
|
379
|
+
});
|
|
380
|
+
}
|
|
381
|
+
if (errorMsg) {
|
|
382
|
+
return /*#__PURE__*/jsxs("div", {
|
|
383
|
+
style: {
|
|
384
|
+
textAlign: 'center',
|
|
385
|
+
padding: 20,
|
|
386
|
+
background: '#fff'
|
|
387
|
+
},
|
|
388
|
+
children: [/*#__PURE__*/jsx(_CloseCircleFilled, {
|
|
389
|
+
style: {
|
|
390
|
+
color: '#f00',
|
|
391
|
+
fontSize: 30
|
|
392
|
+
}
|
|
393
|
+
}), /*#__PURE__*/jsx("div", {
|
|
394
|
+
style: {
|
|
395
|
+
color: '#f00',
|
|
396
|
+
marginTop: 10,
|
|
397
|
+
fontSize: 16
|
|
398
|
+
},
|
|
399
|
+
children: "Markdown\u7F16\u8F91\u5668\u52A0\u8F7D\u5931\u8D25"
|
|
400
|
+
}), /*#__PURE__*/jsx("div", {
|
|
401
|
+
style: {
|
|
402
|
+
color: '#898989',
|
|
403
|
+
marginTop: 5,
|
|
404
|
+
fontSize: 12
|
|
405
|
+
},
|
|
406
|
+
children: errorMsg
|
|
407
|
+
})]
|
|
408
|
+
});
|
|
409
|
+
}
|
|
410
|
+
return /*#__PURE__*/jsx(ReactMdEditor, _objectSpread2({}, props));
|
|
411
|
+
};
|
|
412
|
+
|
|
413
|
+
export { MarkdownEditor as M };
|
|
414
|
+
//# sourceMappingURL=content-Px6O7VBy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"content-Px6O7VBy.js","sources":["@flatbiz/antd/src/markdown-editor/plugin-mermaid.tsx","@flatbiz/antd/src/markdown-editor/editor.tsx","@flatbiz/antd/src/markdown-editor/content.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { getCodeString } from 'rehype-rewrite';\nimport { getUuid } from '@flatbiz/utils';\n\nexport const PluginMermaidCode = ({\n children = [],\n className,\n ...props\n}: 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","import { useEffect, useMemo, useRef, useState } from 'react';\nimport { useSize } from 'ahooks';\nimport { Button, message } from 'antd';\nimport { classNames } from '@dimjs/utils';\nimport { getUuid, openNewWindow } from '@flatbiz/utils';\nimport { PluginMermaidCode } from './plugin-mermaid.jsx';\nimport type { MarkdownEditorProps } from './type.js';\n// import MDEditor from '@uiw/react-md-editor';\n\n/**\n * ```\n * 使用:@uiw/react-md-editor 组件\n * 文档:https://www.npmjs.com/package/@uiw/react-md-editor\n * ```\n */\nexport const ReactMdEditor = (props: MarkdownEditorProps) => {\n const {\n value,\n onChange,\n onUploadImage,\n readonly,\n isDarkMode,\n className,\n style,\n readonlyHeightAuto,\n height,\n hideBorder,\n ...restProps\n } = props;\n const [innerValue, setInnerValue] = useState<string | undefined>(value);\n\n const readonlyHeightAutoFt = readonlyHeightAuto ?? true;\n\n useEffect(() => {\n console.log('props.value', props.value);\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 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 = isDarkMode ? '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) + 25;\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={style}\n className={classNames('v-markdown-editor', className)}\n id={id}\n >\n <MDEditor\n highlightEnable={true}\n {...restProps}\n style={{ boxShadow: hideBorder ? 'none' : undefined }}\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: PluginMermaidCode,\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=\"small\"\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":["PluginMermaidCode","_ref","_ref$children","children","className","props","_objectWithoutProperties","_excluded","demoid","useRef","getUuid","_useState","useState","_useState2","_slicedToArray","svgContent","setSvgContent","renderAbortRef","isMermaid","test","toLocaleLowerCase","code","getCodeString","node","useEffect","current","currentId","tempContainer","document","createElement","style","position","visibility","width","height","top","left","id","body","appendChild","frameId","requestAnimationFrame","parentNode","removeChild","_unused","mermaid","window","render","then","_ref2","svg","catch","error","console","log","finally","_unused2","cancelAnimationFrame","_unused3","undefined","_jsx","dangerouslySetInnerHTML","__html","ReactMdEditor","value","onChange","onUploadImage","readonly","isDarkMode","readonlyHeightAuto","hideBorder","restProps","innerValue","setInnerValue","readonlyHeightAutoFt","editorRef","fileInputRef","handleImageClick","_fileInputRef$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","message","resolve","$await_2","concat","selectionStart","slice","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","_classNames","_objectSpread","highlightEnable","boxShadow","ref","previewOptions","components","accept","display","MarkdownEditor","renderFlag","setRenderFlag","_useState3","_useState4","errorMsg","setErrorMsg","all","loadScripts","scriptUrls","checkFn","isLoaded","intervalMs","loadStyles","styleUrls","Spin","tip","marginTop","padding","background","borderRadius","textAlign","_CloseCircleFilled","color"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import { Form } from 'antd';
|
|
|
5
5
|
import { useSensors, useSensor, PointerSensor, DndContext } from '@dnd-kit/core';
|
|
6
6
|
import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
|
|
7
7
|
import { useSortable, SortableContext, verticalListSortingStrategy, arrayMove } from '@dnd-kit/sortable';
|
|
8
|
-
import { E as EditableTable } from './editable-table-
|
|
8
|
+
import { E as EditableTable } from './editable-table-BaKnBuHT.js';
|
|
9
9
|
import { fbaHooks } from './fba-hooks/index.js';
|
|
10
10
|
import _DragOutlined from '@ant-design/icons/es/icons/DragOutlined.js';
|
|
11
11
|
import { createElement, Children, cloneElement } from 'react';
|
|
@@ -178,4 +178,4 @@ var DragEditableTable = function DragEditableTable(props) {
|
|
|
178
178
|
};
|
|
179
179
|
|
|
180
180
|
export { DragEditableTable as D };
|
|
181
|
-
//# sourceMappingURL=drag-
|
|
181
|
+
//# sourceMappingURL=drag-D3i6_WRS.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-DUY7Olcc.js","sources":["@flatbiz/antd/src/drag-editable-table/context.ts","@flatbiz/antd/src/drag-editable-table/table-tr-handle.tsx","@flatbiz/antd/src/drag-editable-table/row.tsx","@flatbiz/antd/src/drag-editable-table/drag.tsx"],"sourcesContent":["import { type ReactElement } from 'react';\nimport { fbaHooks } from '../fba-hooks/index.js';\n\nexport const [getCtx, CtxProvider] = fbaHooks.createCtx<{\n dragIcon?: ReactElement;\n uidFieldKey: string;\n}>();\n","import {\n Children,\n cloneElement,\n type CSSProperties,\n type ReactElement,\n} from 'react';\nimport { type RowProps } from 'antd';\nimport { DragOutlined } from '@ant-design/icons';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { isUndefinedOrNull, noop } from '@flatbiz/utils';\nimport { IconWrapper } from '../icon-wrapper/icon-wrapper.jsx';\n\ntype TableTrHandleProps = RowProps & {\n dragIcon?: ReactElement;\n};\nexport const TableTrHandle = (props: TableTrHandleProps) => {\n const { dragIcon, ...innerProps } = props;\n const rowId = innerProps['data-row-key'] as number;\n\n const {\n setActivatorNodeRef,\n listeners,\n setNodeRef,\n transform,\n transition,\n isDragging,\n } = useSortable({\n id: rowId,\n });\n\n if (isUndefinedOrNull(rowId)) {\n return <tr {...innerProps} />;\n }\n const style: CSSProperties = {\n ...innerProps.style,\n transform: CSS.Transform.toString(transform && { ...transform, scaleY: 1 }),\n transition,\n cursor: 'move',\n ...(isDragging\n ? {\n position: 'relative',\n zIndex: 9999,\n boxShadow: ' 0px 0px 12px 4px rgba(34, 33, 81, 0.1)',\n backgroundColor: 'var(--block-bg-color)',\n }\n : {}),\n };\n const iconElement = dragIcon || <DragOutlined />;\n return (\n <tr {...innerProps} ref={setNodeRef} style={style} key={rowId}>\n {Children.map(props.children, (child) => {\n if ((child as ReactElement).key === '__sort') {\n return cloneElement(child as ReactElement, {\n children: (\n <span\n ref={setActivatorNodeRef}\n style={{\n touchAction: 'none',\n cursor: 'move',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n {...listeners}\n >\n <IconWrapper\n style={{\n touchAction: 'none',\n cursor: 'move',\n padding: '1px 0px',\n margin: 0,\n justifyContent: 'center',\n color: '#787878',\n }}\n icon={iconElement}\n onClick={noop}\n size=\"small\"\n />\n </span>\n ),\n });\n }\n return child;\n })}\n </tr>\n );\n};\n","import { getCtx } from './context.js';\nimport { TableTrHandle } from './table-tr-handle.jsx';\n\nexport const Row = (props) => {\n const ctx = getCtx();\n return <TableTrHandle {...props} dragIcon={ctx.dragIcon} />;\n};\n","import { type ReactElement } from 'react';\nimport { Form } from 'antd';\nimport {\n DndContext,\n type DragEndEvent,\n PointerSensor,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\nimport {\n arrayMove,\n SortableContext,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { type TPlainObject } from '@flatbiz/utils';\nimport type {\n EditableTableColumn,\n EditableTableProps,\n} from '../editable-table/editable-table.jsx';\nimport { EditableTable } from '../editable-table/editable-table.jsx';\nimport { CtxProvider } from './context.js';\nimport { Row } from './row.jsx';\n\nexport type DragEditableTableProps = EditableTableProps & {\n /**\n * 拖拽图标自定义,默认使用 DragOutlined 图标\n */\n dragIcon?: ReactElement;\n\n /** 禁用拖拽 */\n disabledDrag?: boolean;\n /**\n * 表格数据唯一值字段Key\n * ```\n * ```\n */\n uidFieldKey: string;\n /**\n * 拖拽结束事件\n * ```\n * dataSource: 拖拽完成后的数据源\n * dragData\n * 1. activeId 拖拽ID\n * 2. activeIndex 拖拽起始表格数组索引值\n * 3. overIndex 拖拽结束表格数组索引值\n * ```\n */\n onDragChange?: (\n dataSource: TPlainObject[],\n dragData: {\n activeId: string | number;\n overId?: string | number;\n activeIndex: number;\n overIndex: number;\n }\n ) => void;\n};\n\n/**\n * 可拖拽编辑表格\n * @deprecated 已过期,请使用 DragEditableTablePro组件\n * ```\n * 1. 表格数据必须要有唯一值字段,通过参数 uidFieldKey 告诉组件\n * 2. Table 参数 components.body.row 被组件内部使用\n * ```\n */\nexport const DragEditableTable = (props: DragEditableTableProps) => {\n const { dragIcon, uidFieldKey, onDragChange, disabledDrag, ...otherProps } =\n props;\n const form = Form.useFormInstance();\n const dataList = Form.useWatch(\n props.completeName ? props.completeName : props.name,\n form\n );\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: {\n // 当拖拽触发区域有其他点击事件时,需要延迟触发拖拽动作\n delay: 0,\n tolerance: 0,\n },\n })\n );\n\n const onDragEnd = ({ active, over }: DragEndEvent) => {\n if (active.id !== over?.id) {\n const activeIndex = dataList.findIndex(\n (i) => i[uidFieldKey] === active.id\n );\n const overIndex = dataList.findIndex((i) => i[uidFieldKey] === over?.id);\n const dataListNew = arrayMove(dataList, activeIndex, overIndex);\n form.setFields([\n {\n name: props.completeName ? props.completeName : props.name,\n value: dataListNew,\n },\n ]);\n onDragChange?.(dataListNew as TPlainObject[], {\n activeId: active.id,\n overId: over?.id,\n activeIndex,\n overIndex,\n });\n }\n };\n\n const columns: EditableTableColumn[] = disabledDrag\n ? otherProps.columns\n : [\n {\n dataIndex: '__sort',\n width: 40,\n key: '__sort',\n align: 'center',\n } as EditableTableColumn,\n ].concat(otherProps.columns || []);\n\n return (\n <CtxProvider\n value={{\n dragIcon,\n uidFieldKey,\n }}\n >\n <DndContext\n sensors={sensors}\n modifiers={[restrictToVerticalAxis]}\n onDragEnd={onDragEnd}\n >\n <SortableContext\n items={dataList?.map((i) => i[uidFieldKey]) || []}\n strategy={verticalListSortingStrategy}\n >\n <EditableTable\n {...otherProps}\n uidFieldKey={uidFieldKey}\n columns={columns}\n tableProps={{\n ...otherProps.tableProps,\n components: {\n ...otherProps.tableProps?.components,\n body: {\n ...otherProps.tableProps?.components?.body,\n row: disabledDrag ? undefined : Row,\n },\n },\n }}\n />\n </SortableContext>\n </DndContext>\n </CtxProvider>\n );\n};\n"],"names":["_fbaHooks$createCtx","fbaHooks","createCtx","_fbaHooks$createCtx2","_slicedToArray","getCtx","CtxProvider","TableTrHandle","props","dragIcon","innerProps","_objectWithoutProperties","_excluded","rowId","_useSortable","useSortable","id","setActivatorNodeRef","listeners","setNodeRef","transform","transition","isDragging","isUndefinedOrNull","_jsx","_objectSpread","style","CSS","Transform","toString","scaleY","cursor","position","zIndex","boxShadow","backgroundColor","iconElement","_DragOutlined","_createElement","ref","key","Children","map","children","child","cloneElement","touchAction","display","alignItems","justifyContent","IconWrapper","padding","margin","color","icon","onClick","noop","size","Row","ctx","DragEditableTable","_otherProps$tableProp","_otherProps$tableProp2","uidFieldKey","onDragChange","disabledDrag","otherProps","form","Form","useFormInstance","dataList","useWatch","completeName","name","sensors","useSensors","useSensor","PointerSensor","activationConstraint","delay","tolerance","onDragEnd","_ref","active","over","activeIndex","findIndex","i","overIndex","dataListNew","arrayMove","setFields","value","activeId","overId","columns","dataIndex","width","align","concat","DndContext","modifiers","restrictToVerticalAxis","SortableContext","items","strategy","verticalListSortingStrategy","EditableTable","tableProps","components","body","row","undefined"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"drag-D3i6_WRS.js","sources":["@flatbiz/antd/src/drag-editable-table/context.ts","@flatbiz/antd/src/drag-editable-table/table-tr-handle.tsx","@flatbiz/antd/src/drag-editable-table/row.tsx","@flatbiz/antd/src/drag-editable-table/drag.tsx"],"sourcesContent":["import { type ReactElement } from 'react';\nimport { fbaHooks } from '../fba-hooks/index.js';\n\nexport const [getCtx, CtxProvider] = fbaHooks.createCtx<{\n dragIcon?: ReactElement;\n uidFieldKey: string;\n}>();\n","import {\n Children,\n cloneElement,\n type CSSProperties,\n type ReactElement,\n} from 'react';\nimport { type RowProps } from 'antd';\nimport { DragOutlined } from '@ant-design/icons';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { isUndefinedOrNull, noop } from '@flatbiz/utils';\nimport { IconWrapper } from '../icon-wrapper/icon-wrapper.jsx';\n\ntype TableTrHandleProps = RowProps & {\n dragIcon?: ReactElement;\n};\nexport const TableTrHandle = (props: TableTrHandleProps) => {\n const { dragIcon, ...innerProps } = props;\n const rowId = innerProps['data-row-key'] as number;\n\n const {\n setActivatorNodeRef,\n listeners,\n setNodeRef,\n transform,\n transition,\n isDragging,\n } = useSortable({\n id: rowId,\n });\n\n if (isUndefinedOrNull(rowId)) {\n return <tr {...innerProps} />;\n }\n const style: CSSProperties = {\n ...innerProps.style,\n transform: CSS.Transform.toString(transform && { ...transform, scaleY: 1 }),\n transition,\n cursor: 'move',\n ...(isDragging\n ? {\n position: 'relative',\n zIndex: 9999,\n boxShadow: ' 0px 0px 12px 4px rgba(34, 33, 81, 0.1)',\n backgroundColor: 'var(--block-bg-color)',\n }\n : {}),\n };\n const iconElement = dragIcon || <DragOutlined />;\n return (\n <tr {...innerProps} ref={setNodeRef} style={style} key={rowId}>\n {Children.map(props.children, (child) => {\n if ((child as ReactElement).key === '__sort') {\n return cloneElement(child as ReactElement, {\n children: (\n <span\n ref={setActivatorNodeRef}\n style={{\n touchAction: 'none',\n cursor: 'move',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n {...listeners}\n >\n <IconWrapper\n style={{\n touchAction: 'none',\n cursor: 'move',\n padding: '1px 0px',\n margin: 0,\n justifyContent: 'center',\n color: '#787878',\n }}\n icon={iconElement}\n onClick={noop}\n size=\"small\"\n />\n </span>\n ),\n });\n }\n return child;\n })}\n </tr>\n );\n};\n","import { getCtx } from './context.js';\nimport { TableTrHandle } from './table-tr-handle.jsx';\n\nexport const Row = (props) => {\n const ctx = getCtx();\n return <TableTrHandle {...props} dragIcon={ctx.dragIcon} />;\n};\n","import { type ReactElement } from 'react';\nimport { Form } from 'antd';\nimport {\n DndContext,\n type DragEndEvent,\n PointerSensor,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\nimport {\n arrayMove,\n SortableContext,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { type TPlainObject } from '@flatbiz/utils';\nimport type {\n EditableTableColumn,\n EditableTableProps,\n} from '../editable-table/editable-table.jsx';\nimport { EditableTable } from '../editable-table/editable-table.jsx';\nimport { CtxProvider } from './context.js';\nimport { Row } from './row.jsx';\n\nexport type DragEditableTableProps = EditableTableProps & {\n /**\n * 拖拽图标自定义,默认使用 DragOutlined 图标\n */\n dragIcon?: ReactElement;\n\n /** 禁用拖拽 */\n disabledDrag?: boolean;\n /**\n * 表格数据唯一值字段Key\n * ```\n * ```\n */\n uidFieldKey: string;\n /**\n * 拖拽结束事件\n * ```\n * dataSource: 拖拽完成后的数据源\n * dragData\n * 1. activeId 拖拽ID\n * 2. activeIndex 拖拽起始表格数组索引值\n * 3. overIndex 拖拽结束表格数组索引值\n * ```\n */\n onDragChange?: (\n dataSource: TPlainObject[],\n dragData: {\n activeId: string | number;\n overId?: string | number;\n activeIndex: number;\n overIndex: number;\n }\n ) => void;\n};\n\n/**\n * 可拖拽编辑表格\n * @deprecated 已过期,请使用 DragEditableTablePro组件\n * ```\n * 1. 表格数据必须要有唯一值字段,通过参数 uidFieldKey 告诉组件\n * 2. Table 参数 components.body.row 被组件内部使用\n * ```\n */\nexport const DragEditableTable = (props: DragEditableTableProps) => {\n const { dragIcon, uidFieldKey, onDragChange, disabledDrag, ...otherProps } =\n props;\n const form = Form.useFormInstance();\n const dataList = Form.useWatch(\n props.completeName ? props.completeName : props.name,\n form\n );\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: {\n // 当拖拽触发区域有其他点击事件时,需要延迟触发拖拽动作\n delay: 0,\n tolerance: 0,\n },\n })\n );\n\n const onDragEnd = ({ active, over }: DragEndEvent) => {\n if (active.id !== over?.id) {\n const activeIndex = dataList.findIndex(\n (i) => i[uidFieldKey] === active.id\n );\n const overIndex = dataList.findIndex((i) => i[uidFieldKey] === over?.id);\n const dataListNew = arrayMove(dataList, activeIndex, overIndex);\n form.setFields([\n {\n name: props.completeName ? props.completeName : props.name,\n value: dataListNew,\n },\n ]);\n onDragChange?.(dataListNew as TPlainObject[], {\n activeId: active.id,\n overId: over?.id,\n activeIndex,\n overIndex,\n });\n }\n };\n\n const columns: EditableTableColumn[] = disabledDrag\n ? otherProps.columns\n : [\n {\n dataIndex: '__sort',\n width: 40,\n key: '__sort',\n align: 'center',\n } as EditableTableColumn,\n ].concat(otherProps.columns || []);\n\n return (\n <CtxProvider\n value={{\n dragIcon,\n uidFieldKey,\n }}\n >\n <DndContext\n sensors={sensors}\n modifiers={[restrictToVerticalAxis]}\n onDragEnd={onDragEnd}\n >\n <SortableContext\n items={dataList?.map((i) => i[uidFieldKey]) || []}\n strategy={verticalListSortingStrategy}\n >\n <EditableTable\n {...otherProps}\n uidFieldKey={uidFieldKey}\n columns={columns}\n tableProps={{\n ...otherProps.tableProps,\n components: {\n ...otherProps.tableProps?.components,\n body: {\n ...otherProps.tableProps?.components?.body,\n row: disabledDrag ? undefined : Row,\n },\n },\n }}\n />\n </SortableContext>\n </DndContext>\n </CtxProvider>\n );\n};\n"],"names":["_fbaHooks$createCtx","fbaHooks","createCtx","_fbaHooks$createCtx2","_slicedToArray","getCtx","CtxProvider","TableTrHandle","props","dragIcon","innerProps","_objectWithoutProperties","_excluded","rowId","_useSortable","useSortable","id","setActivatorNodeRef","listeners","setNodeRef","transform","transition","isDragging","isUndefinedOrNull","_jsx","_objectSpread","style","CSS","Transform","toString","scaleY","cursor","position","zIndex","boxShadow","backgroundColor","iconElement","_DragOutlined","_createElement","ref","key","Children","map","children","child","cloneElement","touchAction","display","alignItems","justifyContent","IconWrapper","padding","margin","color","icon","onClick","noop","size","Row","ctx","DragEditableTable","_otherProps$tableProp","_otherProps$tableProp2","uidFieldKey","onDragChange","disabledDrag","otherProps","form","Form","useFormInstance","dataList","useWatch","completeName","name","sensors","useSensors","useSensor","PointerSensor","activationConstraint","delay","tolerance","onDragEnd","_ref","active","over","activeIndex","findIndex","i","overIndex","dataListNew","arrayMove","setFields","value","activeId","overId","columns","dataIndex","width","align","concat","DndContext","modifiers","restrictToVerticalAxis","SortableContext","items","strategy","verticalListSortingStrategy","EditableTable","tableProps","components","body","row","undefined"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.bw-center-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ant-btn.button-remove-gap{height:auto;line-height:normal;margin:0;min-height:auto;padding:0}.editable-table{padding-bottom:15px}.editable-table .ant-form-item{margin:0!important}.editable-table .editable-text-view.ant-typography{margin-bottom:0}.editable-table:not(.et-empty-show-large) .ant-table-placeholder .ant-empty{align-items:center;display:flex;justify-content:center;margin:0}.editable-table:not(.et-empty-show-large) .ant-table-placeholder .ant-empty-image{height:25px;margin:0;width:50px}.editable-table .ant-table-cell-with-append .ant-table-row-expand-icon{margin-top:7px}.editable-input-number-form-item .ant-input-number{width:100%}.icon-wrapper{align-items:center;border-radius:6px;display:inline-flex;margin:0 -6px;padding:6px}.icon-wrapper .anticon+.icon-wrapper-text{margin-left:3px}.icon-wrapper .icon-wrapper-text{display:inline-flex}.icon-wrapper-tigger{cursor:pointer}.icon-wrapper-tigger:hover{background-color:rgba(0,0,0,.06);position:relative;transform:scale(1.1);transition:all .1s ease-in}.icon-wrapper-small{border-radius:3px;font-size:14px;margin:0 -3px;padding:3px}.icon-wrapper-middle{font-size:16px}.icon-wrapper-large{font-size:20px}.icon-wrapper.icon-wrapper-hidden-hover-bgcolor{margin:0;padding:0}.icon-wrapper.icon-wrapper-hidden-hover-bgcolor:hover{background-color:transparent}.v-selector-item-icon{margin-right:5px}.table-fen-color,.table-wan-color{background-color:rgba(201,188,47,.2);box-shadow:0 0 10px rgba(201,188,47,.4);display:inline-block}.text-symbol-wrapper{display:inline-block;position:relative}.tsw-symbol{font-size:14px;line-height:normal;position:absolute;top:50%}.tsw-symbol-before{transform:translate(-100%,-50%)}.tsw-symbol-after{transform:translate(100%,-50%)}.tsw-required .tsw-symbol{color:#ff4d4f}.tips-wrapper{align-items:center;display:inline-flex}.tips-wrapper-icon{flex-shrink:0;opacity:.8}.tips-wrapper-text{flex:1;overflow:hidden}.v-file-upload .ant-upload-span{cursor:pointer}.ant-upload-list-picture .v-upload-list-item-extra-actions .ant-btn-icon,.ant-upload-list-text .v-upload-list-item-extra-actions .ant-btn-icon{color:rgba(0,0,0,.45)}.ant-upload-list-picture .v-upload-list-item-extra-actions .ant-btn,.ant-upload-list-text .v-upload-list-item-extra-actions .ant-btn{height:20px;margin:0 0 0 5px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions,.ant-upload-list-text .v-upload-list-item-extra-actions{opacity:0;transition:opacity .3s}.ant-upload-list-picture-card .ant-upload-list-item:hover .v-upload-list-item-extra-actions,.ant-upload-list-picture-circle .ant-upload-list-item:hover .v-upload-list-item-extra-actions,.ant-upload-list-text .ant-upload-list-item:hover .v-upload-list-item-extra-actions{opacity:1}.ant-upload-list-picture-card .v-upload-list-item-actions-wrapper .ant-upload-list-item-actions,.ant-upload-list-picture-circle .v-upload-list-item-actions-wrapper .ant-upload-list-item-actions{inset-inline-start:auto!important;width:auto!important}.ant-upload-list-picture-card .v-upload-list-item-actions-wrapper .v-upload-list-item-extra-actions,.ant-upload-list-picture-circle .v-upload-list-item-actions-wrapper .v-upload-list-item-extra-actions{position:absolute;z-index:10}.ant-upload-list-picture-card .v-upload-list-item-actions-wrapper .v-upload-list-item-extra-actions .ant-btn-icon,.ant-upload-list-picture-circle .v-upload-list-item-actions-wrapper .v-upload-list-item-extra-actions .ant-btn-icon{color:#fff}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-2-1 .ant-upload-list-item-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-2-1 .ant-upload-list-item-actions{right:38px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-2-1 .v-upload-list-item-extra-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-2-1 .v-upload-list-item-extra-actions{right:15px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-2-2 .ant-upload-list-item-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-2-2 .ant-upload-list-item-actions{left:15px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-2-2 .v-upload-list-item-extra-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-2-2 .v-upload-list-item-extra-actions{right:8px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-2-2 .v-upload-list-item-extra-actions .ant-btn,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-2-2 .v-upload-list-item-extra-actions .ant-btn{width:20px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-1-1 .ant-upload-list-item-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-1-1 .ant-upload-list-item-actions{right:47px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-1-1 .v-upload-list-item-extra-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-1-1 .v-upload-list-item-extra-actions{right:20px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-1-2 .ant-upload-list-item-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-1-2 .ant-upload-list-item-actions{right:60px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-1-2 .v-upload-list-item-extra-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-1-2 .v-upload-list-item-extra-actions{right:14px}
|
|
1
|
+
.bw-center-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ant-btn.button-remove-gap{height:auto;line-height:normal;margin:0;min-height:auto;padding:0}.editable-table{padding-bottom:15px}.editable-table .ant-form-item{margin:0!important}.editable-table .editable-text-view.ant-typography{margin-bottom:0}.editable-table:not(.et-empty-show-large) .ant-table-placeholder .ant-empty{align-items:center;display:flex;justify-content:center;margin:0}.editable-table:not(.et-empty-show-large) .ant-table-placeholder .ant-empty-image{height:25px;margin:0;width:50px}.editable-table .ant-table-cell-with-append .ant-table-row-expand-icon{margin-top:7px}.editable-input-number-form-item .ant-input-number{width:100%}.icon-wrapper{align-items:center;border-radius:6px;display:inline-flex;margin:0 -6px;padding:6px}.icon-wrapper .anticon+.icon-wrapper-text{margin-left:3px}.icon-wrapper .icon-wrapper-text{display:inline-flex}.icon-wrapper-tigger{cursor:pointer}.icon-wrapper-tigger:hover{background-color:rgba(0,0,0,.06);position:relative;transform:scale(1.1);transition:all .1s ease-in}.icon-wrapper-small{border-radius:3px;font-size:14px;margin:0 -3px;padding:3px}.icon-wrapper-middle{font-size:16px}.icon-wrapper-large{font-size:20px}.icon-wrapper.icon-wrapper-hidden-hover-bgcolor{margin:0;padding:0}.icon-wrapper.icon-wrapper-hidden-hover-bgcolor:hover{background-color:transparent}.v-selector-item-icon{margin-right:5px}.table-fen-color,.table-wan-color{background-color:rgba(201,188,47,.2);box-shadow:0 0 10px rgba(201,188,47,.4);display:inline-block}.text-symbol-wrapper{display:inline-block;position:relative}.tsw-symbol{font-size:14px;line-height:normal;position:absolute;top:50%}.tsw-symbol-before{transform:translate(-100%,-50%)}.tsw-symbol-after{transform:translate(100%,-50%)}.tsw-required .tsw-symbol{color:#ff4d4f}.tips-wrapper{align-items:center;display:inline-flex}.tips-wrapper-icon{flex-shrink:0;opacity:.8}.tips-wrapper-text{flex:1;overflow:hidden}.v-file-upload .ant-upload-span{cursor:pointer}.ant-upload-list-picture .v-upload-list-item-extra-actions .ant-btn-icon,.ant-upload-list-text .v-upload-list-item-extra-actions .ant-btn-icon{color:rgba(0,0,0,.45)}.ant-upload-list-picture .v-upload-list-item-extra-actions .ant-btn,.ant-upload-list-text .v-upload-list-item-extra-actions .ant-btn{height:20px;margin:0 0 0 5px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions,.ant-upload-list-text .v-upload-list-item-extra-actions{opacity:0;transition:opacity .3s}.ant-upload-list-picture-card .ant-upload-list-item:hover .v-upload-list-item-extra-actions,.ant-upload-list-picture-circle .ant-upload-list-item:hover .v-upload-list-item-extra-actions,.ant-upload-list-text .ant-upload-list-item:hover .v-upload-list-item-extra-actions{opacity:1}.ant-upload-list-picture-card .v-upload-list-item-actions-wrapper .ant-upload-list-item-actions,.ant-upload-list-picture-circle .v-upload-list-item-actions-wrapper .ant-upload-list-item-actions{inset-inline-start:auto!important;width:auto!important}.ant-upload-list-picture-card .v-upload-list-item-actions-wrapper .v-upload-list-item-extra-actions,.ant-upload-list-picture-circle .v-upload-list-item-actions-wrapper .v-upload-list-item-extra-actions{position:absolute;z-index:10}.ant-upload-list-picture-card .v-upload-list-item-actions-wrapper .v-upload-list-item-extra-actions .ant-btn-icon,.ant-upload-list-picture-circle .v-upload-list-item-actions-wrapper .v-upload-list-item-extra-actions .ant-btn-icon{color:#fff}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-2-1 .ant-upload-list-item-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-2-1 .ant-upload-list-item-actions{right:38px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-2-1 .v-upload-list-item-extra-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-2-1 .v-upload-list-item-extra-actions{right:15px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-2-2 .ant-upload-list-item-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-2-2 .ant-upload-list-item-actions{left:15px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-2-2 .v-upload-list-item-extra-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-2-2 .v-upload-list-item-extra-actions{right:8px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-2-2 .v-upload-list-item-extra-actions .ant-btn,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-2-2 .v-upload-list-item-extra-actions .ant-btn{width:20px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-1-1 .ant-upload-list-item-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-1-1 .ant-upload-list-item-actions{right:47px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-1-1 .v-upload-list-item-extra-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-1-1 .v-upload-list-item-extra-actions{right:20px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-1-2 .ant-upload-list-item-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-1-2 .ant-upload-list-item-actions{right:60px}.ant-upload-list-picture-card .v-upload-list-item-extra-actions-1-2 .v-upload-list-item-extra-actions,.ant-upload-list-picture-circle .v-upload-list-item-extra-actions-1-2 .v-upload-list-item-extra-actions{right:14px}.v-upload-dragger .ant-upload-drag{align-items:center;display:flex;min-height:80px}.v-upload-dragger .v-upload-dragger-content{align-items:center;color:#8c8c8c;display:flex;flex-direction:column;font-size:13px;justify-content:center}
|
|
@@ -239,6 +239,7 @@ export type UploadWrapperProps<T extends TPlainObject = TPlainObject> = {
|
|
|
239
239
|
* 自动提交,默认:true
|
|
240
240
|
* ```
|
|
241
241
|
* 1. 自定义beforeUpload配置后 autoSubmit 失效
|
|
242
|
+
* 2. 设置为 false 时,在onChange中获取File对象数组
|
|
242
243
|
* ```
|
|
243
244
|
*/
|
|
244
245
|
autoSubmit?: boolean;
|
|
@@ -256,6 +257,8 @@ export type UploadWrapperProps<T extends TPlainObject = TPlainObject> = {
|
|
|
256
257
|
icon: ReactElement;
|
|
257
258
|
onClick: (file: UploadFile, fileList: UploadFile[], e: any) => void;
|
|
258
259
|
}[];
|
|
260
|
+
/** 是否使用拖拽上传 */
|
|
261
|
+
isDragger?: boolean;
|
|
259
262
|
} & Omit<UploadProps, "onChange" | "fileList">;
|
|
260
263
|
export type EditableTableName = string | number | Array<string | number>;
|
|
261
264
|
export type EditableTableRecordType = FormListFieldData & {
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
2
|
import './../button-operate/index.css';
|
|
3
|
-
import './../button-wrapper/index.css';
|
|
4
3
|
import './../dialog-confirm/index.css';
|
|
5
4
|
import './../fba-hooks/index.css';
|
|
6
5
|
import './../fba-utils/index.css';
|
|
@@ -9,13 +8,13 @@ import './../tag-list-render/index.css';
|
|
|
9
8
|
import './index.css';
|
|
10
9
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
11
10
|
|
|
12
|
-
export { D as DragEditableTable } from '../drag-
|
|
11
|
+
export { D as DragEditableTable } from '../drag-D3i6_WRS.js';
|
|
13
12
|
import '../_rollupPluginBabelHelpers-BspM60Sw.js';
|
|
14
13
|
import 'antd';
|
|
15
14
|
import '@dnd-kit/core';
|
|
16
15
|
import '@dnd-kit/modifiers';
|
|
17
16
|
import '@dnd-kit/sortable';
|
|
18
|
-
import '../editable-table-
|
|
17
|
+
import '../editable-table-BaKnBuHT.js';
|
|
19
18
|
import '@ant-design/icons/es/icons/PlusOutlined.js';
|
|
20
19
|
import '@dimjs/utils/class-names/class-names';
|
|
21
20
|
import 'react';
|
|
@@ -82,7 +81,7 @@ import '../switch-wrapper-4CaXzwYq.js';
|
|
|
82
81
|
import '@dimjs/lang/is-boolean';
|
|
83
82
|
import '@dimjs/lang/is-number';
|
|
84
83
|
import '../input-text-area-wrapper-xOYbr_W-.js';
|
|
85
|
-
import '../upload-wrapper-
|
|
84
|
+
import '../upload-wrapper-DmZglNR4.js';
|
|
86
85
|
import 'react-dom';
|
|
87
86
|
import '@ant-design/icons/es/icons/DeleteOutlined.js';
|
|
88
87
|
import '@ant-design/icons/es/icons/DragOutlined.js';
|