@zat-design/sisyphus-react 3.6.7-beta.8 → 3.6.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/es/ProEditTable/components/RcTable/DraggableTable.d.ts +2 -2
  2. package/es/ProEditTable/components/RcTable/DraggableTable.js +107 -9
  3. package/es/ProEditTable/components/index.d.ts +0 -1
  4. package/es/ProEditTable/components/index.js +0 -1
  5. package/lib/ProEditTable/components/RcTable/DraggableTable.d.ts +2 -2
  6. package/lib/ProEditTable/components/RcTable/DraggableTable.js +109 -10
  7. package/lib/ProEditTable/components/index.d.ts +0 -1
  8. package/lib/ProEditTable/components/index.js +0 -14
  9. package/package.json +1 -1
  10. package/coverage/lcov-report/src/.umi/core/devScripts.ts.html +0 -241
  11. package/coverage/lcov-report/src/.umi/core/history.ts.html +0 -148
  12. package/coverage/lcov-report/src/.umi/core/index.html +0 -206
  13. package/coverage/lcov-report/src/.umi/core/plugin.ts.html +0 -109
  14. package/coverage/lcov-report/src/.umi/core/pluginRegister.ts.html +0 -160
  15. package/coverage/lcov-report/src/.umi/core/polyfill.ts.html +0 -97
  16. package/coverage/lcov-report/src/.umi/core/routes.ts.html +0 -26050
  17. package/coverage/lcov-report/src/.umi/core/umiExports.ts.html +0 -112
  18. package/coverage/lcov-report/src/.umi/dumi/demos/index.html +0 -116
  19. package/coverage/lcov-report/src/.umi/dumi/demos/index.ts.html +0 -6340
  20. package/coverage/lcov-report/src/.umi/dumi/index.html +0 -116
  21. package/coverage/lcov-report/src/.umi/dumi/layout.tsx.html +0 -109
  22. package/coverage/lcov-report/src/.umi/index.html +0 -116
  23. package/coverage/lcov-report/src/.umi/plugin-antd/index.html +0 -116
  24. package/coverage/lcov-report/src/.umi/plugin-antd/runtime.tsx.html +0 -172
  25. package/coverage/lcov-report/src/.umi/plugin-helmet/exports.ts.html +0 -94
  26. package/coverage/lcov-report/src/.umi/plugin-helmet/index.html +0 -116
  27. package/coverage/lcov-report/src/.umi/plugin-initial-state/Provider.tsx.html +0 -196
  28. package/coverage/lcov-report/src/.umi/plugin-initial-state/exports.ts.html +0 -106
  29. package/coverage/lcov-report/src/.umi/plugin-initial-state/index.html +0 -146
  30. package/coverage/lcov-report/src/.umi/plugin-initial-state/models/index.html +0 -116
  31. package/coverage/lcov-report/src/.umi/plugin-initial-state/models/initialState.ts.html +0 -88
  32. package/coverage/lcov-report/src/.umi/plugin-initial-state/runtime.tsx.html +0 -124
  33. package/coverage/lcov-report/src/.umi/plugin-locale/SelectLang.tsx.html +0 -1246
  34. package/coverage/lcov-report/src/.umi/plugin-locale/index.html +0 -161
  35. package/coverage/lcov-report/src/.umi/plugin-locale/locale.tsx.html +0 -268
  36. package/coverage/lcov-report/src/.umi/plugin-locale/localeExports.ts.html +0 -778
  37. package/coverage/lcov-report/src/.umi/plugin-locale/runtime.tsx.html +0 -115
  38. package/coverage/lcov-report/src/.umi/plugin-model/Provider.tsx.html +0 -202
  39. package/coverage/lcov-report/src/.umi/plugin-model/helpers/constant.tsx.html +0 -97
  40. package/coverage/lcov-report/src/.umi/plugin-model/helpers/dispatcher.tsx.html +0 -142
  41. package/coverage/lcov-report/src/.umi/plugin-model/helpers/executor.tsx.html +0 -334
  42. package/coverage/lcov-report/src/.umi/plugin-model/helpers/index.html +0 -146
  43. package/coverage/lcov-report/src/.umi/plugin-model/index.html +0 -146
  44. package/coverage/lcov-report/src/.umi/plugin-model/runtime.tsx.html +0 -121
  45. package/coverage/lcov-report/src/.umi/plugin-model/useModel.tsx.html +0 -298
  46. package/coverage/lcov-report/src/.umi/plugin-request/index.html +0 -116
  47. package/coverage/lcov-report/src/.umi/plugin-request/request.ts.html +0 -919
  48. package/coverage/lcov-report/src/.umi/umi.ts.html +0 -268
  49. package/es/ProEditTable/components/DndWrapper/index.d.ts +0 -17
  50. package/es/ProEditTable/components/DndWrapper/index.js +0 -104
  51. package/lib/ProEditTable/components/DndWrapper/index.d.ts +0 -17
  52. package/lib/ProEditTable/components/DndWrapper/index.js +0 -111
package/coverage/lcov-report/src/.umi/umi.ts.html DELETED
@@ -1,268 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for src/.umi/umi.ts</title>
7
- <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../prettify.css" />
9
- <link rel="stylesheet" href="../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
- <meta name="viewport" content="width=device-width, initial-scale=1" />
12
- <style type='text/css'>
13
- .coverage-summary .sorter {
14
- background-image: url(../../sort-arrow-sprite.png);
15
- }
16
- </style>
17
- </head>
18
-
19
- <body>
20
- <div class='wrapper'>
21
- <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> / <a href="index.html">src/.umi</a> umi.ts</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">0% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>0/14</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">0% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>0/7</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">0% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>0/4</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">0% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>0/13</span>
50
- </div>
51
-
52
-
53
- </div>
54
- <p class="quiet">
55
- Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
- </p>
57
- <template id="filterTemplate">
58
- <div class="quiet">
59
- Filter:
60
- <input oninput="onInput()" type="search" id="fileSearch">
61
- </div>
62
- </template>
63
- </div>
64
- <div class='status-line low'></div>
65
- <pre><table class="coverage">
66
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
- <a name='L2'></a><a href='#L2'>2</a>
68
- <a name='L3'></a><a href='#L3'>3</a>
69
- <a name='L4'></a><a href='#L4'>4</a>
70
- <a name='L5'></a><a href='#L5'>5</a>
71
- <a name='L6'></a><a href='#L6'>6</a>
72
- <a name='L7'></a><a href='#L7'>7</a>
73
- <a name='L8'></a><a href='#L8'>8</a>
74
- <a name='L9'></a><a href='#L9'>9</a>
75
- <a name='L10'></a><a href='#L10'>10</a>
76
- <a name='L11'></a><a href='#L11'>11</a>
77
- <a name='L12'></a><a href='#L12'>12</a>
78
- <a name='L13'></a><a href='#L13'>13</a>
79
- <a name='L14'></a><a href='#L14'>14</a>
80
- <a name='L15'></a><a href='#L15'>15</a>
81
- <a name='L16'></a><a href='#L16'>16</a>
82
- <a name='L17'></a><a href='#L17'>17</a>
83
- <a name='L18'></a><a href='#L18'>18</a>
84
- <a name='L19'></a><a href='#L19'>19</a>
85
- <a name='L20'></a><a href='#L20'>20</a>
86
- <a name='L21'></a><a href='#L21'>21</a>
87
- <a name='L22'></a><a href='#L22'>22</a>
88
- <a name='L23'></a><a href='#L23'>23</a>
89
- <a name='L24'></a><a href='#L24'>24</a>
90
- <a name='L25'></a><a href='#L25'>25</a>
91
- <a name='L26'></a><a href='#L26'>26</a>
92
- <a name='L27'></a><a href='#L27'>27</a>
93
- <a name='L28'></a><a href='#L28'>28</a>
94
- <a name='L29'></a><a href='#L29'>29</a>
95
- <a name='L30'></a><a href='#L30'>30</a>
96
- <a name='L31'></a><a href='#L31'>31</a>
97
- <a name='L32'></a><a href='#L32'>32</a>
98
- <a name='L33'></a><a href='#L33'>33</a>
99
- <a name='L34'></a><a href='#L34'>34</a>
100
- <a name='L35'></a><a href='#L35'>35</a>
101
- <a name='L36'></a><a href='#L36'>36</a>
102
- <a name='L37'></a><a href='#L37'>37</a>
103
- <a name='L38'></a><a href='#L38'>38</a>
104
- <a name='L39'></a><a href='#L39'>39</a>
105
- <a name='L40'></a><a href='#L40'>40</a>
106
- <a name='L41'></a><a href='#L41'>41</a>
107
- <a name='L42'></a><a href='#L42'>42</a>
108
- <a name='L43'></a><a href='#L43'>43</a>
109
- <a name='L44'></a><a href='#L44'>44</a>
110
- <a name='L45'></a><a href='#L45'>45</a>
111
- <a name='L46'></a><a href='#L46'>46</a>
112
- <a name='L47'></a><a href='#L47'>47</a>
113
- <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a>
115
- <a name='L50'></a><a href='#L50'>50</a>
116
- <a name='L51'></a><a href='#L51'>51</a>
117
- <a name='L52'></a><a href='#L52'>52</a>
118
- <a name='L53'></a><a href='#L53'>53</a>
119
- <a name='L54'></a><a href='#L54'>54</a>
120
- <a name='L55'></a><a href='#L55'>55</a>
121
- <a name='L56'></a><a href='#L56'>56</a>
122
- <a name='L57'></a><a href='#L57'>57</a>
123
- <a name='L58'></a><a href='#L58'>58</a>
124
- <a name='L59'></a><a href='#L59'>59</a>
125
- <a name='L60'></a><a href='#L60'>60</a>
126
- <a name='L61'></a><a href='#L61'>61</a>
127
- <a name='L62'></a><a href='#L62'>62</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
128
- <span class="cline-any cline-neutral">&nbsp;</span>
129
- <span class="cline-any cline-neutral">&nbsp;</span>
130
- <span class="cline-any cline-neutral">&nbsp;</span>
131
- <span class="cline-any cline-neutral">&nbsp;</span>
132
- <span class="cline-any cline-neutral">&nbsp;</span>
133
- <span class="cline-any cline-neutral">&nbsp;</span>
134
- <span class="cline-any cline-neutral">&nbsp;</span>
135
- <span class="cline-any cline-neutral">&nbsp;</span>
136
- <span class="cline-any cline-neutral">&nbsp;</span>
137
- <span class="cline-any cline-neutral">&nbsp;</span>
138
- <span class="cline-any cline-neutral">&nbsp;</span>
139
- <span class="cline-any cline-neutral">&nbsp;</span>
140
- <span class="cline-any cline-no">&nbsp;</span>
141
- <span class="cline-any cline-neutral">&nbsp;</span>
142
- <span class="cline-any cline-no">&nbsp;</span>
143
- <span class="cline-any cline-neutral">&nbsp;</span>
144
- <span class="cline-any cline-neutral">&nbsp;</span>
145
- <span class="cline-any cline-neutral">&nbsp;</span>
146
- <span class="cline-any cline-no">&nbsp;</span>
147
- <span class="cline-any cline-neutral">&nbsp;</span>
148
- <span class="cline-any cline-neutral">&nbsp;</span>
149
- <span class="cline-any cline-neutral">&nbsp;</span>
150
- <span class="cline-any cline-neutral">&nbsp;</span>
151
- <span class="cline-any cline-neutral">&nbsp;</span>
152
- <span class="cline-any cline-neutral">&nbsp;</span>
153
- <span class="cline-any cline-neutral">&nbsp;</span>
154
- <span class="cline-any cline-neutral">&nbsp;</span>
155
- <span class="cline-any cline-neutral">&nbsp;</span>
156
- <span class="cline-any cline-neutral">&nbsp;</span>
157
- <span class="cline-any cline-neutral">&nbsp;</span>
158
- <span class="cline-any cline-neutral">&nbsp;</span>
159
- <span class="cline-any cline-no">&nbsp;</span>
160
- <span class="cline-any cline-neutral">&nbsp;</span>
161
- <span class="cline-any cline-neutral">&nbsp;</span>
162
- <span class="cline-any cline-neutral">&nbsp;</span>
163
- <span class="cline-any cline-neutral">&nbsp;</span>
164
- <span class="cline-any cline-no">&nbsp;</span>
165
- <span class="cline-any cline-neutral">&nbsp;</span>
166
- <span class="cline-any cline-neutral">&nbsp;</span>
167
- <span class="cline-any cline-neutral">&nbsp;</span>
168
- <span class="cline-any cline-no">&nbsp;</span>
169
- <span class="cline-any cline-neutral">&nbsp;</span>
170
- <span class="cline-any cline-neutral">&nbsp;</span>
171
- <span class="cline-any cline-neutral">&nbsp;</span>
172
- <span class="cline-any cline-neutral">&nbsp;</span>
173
- <span class="cline-any cline-neutral">&nbsp;</span>
174
- <span class="cline-any cline-neutral">&nbsp;</span>
175
- <span class="cline-any cline-no">&nbsp;</span>
176
- <span class="cline-any cline-neutral">&nbsp;</span>
177
- <span class="cline-any cline-no">&nbsp;</span>
178
- <span class="cline-any cline-no">&nbsp;</span>
179
- <span class="cline-any cline-no">&nbsp;</span>
180
- <span class="cline-any cline-no">&nbsp;</span>
181
- <span class="cline-any cline-no">&nbsp;</span>
182
- <span class="cline-any cline-neutral">&nbsp;</span>
183
- <span class="cline-any cline-neutral">&nbsp;</span>
184
- <span class="cline-any cline-no">&nbsp;</span>
185
- <span class="cline-any cline-neutral">&nbsp;</span>
186
- <span class="cline-any cline-neutral">&nbsp;</span>
187
- <span class="cline-any cline-neutral">&nbsp;</span>
188
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// @ts-nocheck
189
- import './core/polyfill';
190
- import '@@/core/devScripts';
191
- import { plugin } from './core/plugin';
192
- import './core/pluginRegister';
193
- import { createHistory } from './core/history';
194
- import { ApplyPluginsType } from '/Users/zakj/Desktop/pro/za-material-warehouse/node_modules/@umijs/runtime';
195
- import { renderClient } from '/Users/zakj/Desktop/pro/za-material-warehouse/node_modules/@umijs/renderer-react/dist/index.js';
196
- import { getRoutes } from './core/routes';
197
- &nbsp;
198
- &nbsp;
199
- import '../global.less';
200
- import { _onCreate } from './plugin-locale/locale';
201
- <span class="cstat-no" title="statement not covered" >_onCreate();</span>
202
- &nbsp;
203
- const getClientRender = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(a</span>rgs: { hot?: boolean; routes?: any[] } = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; <span class="cstat-no" title="statement not covered" >plugin.applyPlugins({</span></span>
204
- key: 'render',
205
- type: ApplyPluginsType.compose,
206
- initialValue: <span class="fstat-no" title="function not covered" >()</span> =&gt; {
207
- const opts = <span class="cstat-no" title="statement not covered" >plugin.applyPlugins({</span>
208
- key: 'modifyClientRenderOpts',
209
- type: ApplyPluginsType.modify,
210
- initialValue: {
211
- routes: args.routes || getRoutes(),
212
- plugin,
213
- history: createHistory(args.hot),
214
- isServer: process.env.__IS_SERVER,
215
- dynamicImport: true,
216
- rootElement: 'root',
217
- defaultTitle: `sisyphus(3.4.3-beta.6)`,
218
- },
219
- });
220
- <span class="cstat-no" title="statement not covered" > return renderClient(opts);</span>
221
- },
222
- args,
223
- });
224
- &nbsp;
225
- const clientRender = <span class="cstat-no" title="statement not covered" >getClientRender();</span>
226
- export default clientRender();
227
- &nbsp;
228
- &nbsp;
229
- <span class="cstat-no" title="statement not covered" > window.g_umi = {</span>
230
- version: '3.5.41',
231
- };
232
-
233
- &nbsp;
234
- // hot module replacement
235
- // @ts-ignore
236
- <span class="cstat-no" title="statement not covered" >if (module.hot) {</span>
237
- // @ts-ignore
238
- <span class="cstat-no" title="statement not covered" > module.hot.accept('./core/routes', <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
239
- const ret = <span class="cstat-no" title="statement not covered" >require('./core/routes');</span>
240
- <span class="cstat-no" title="statement not covered" > if (ret.then) {</span>
241
- <span class="cstat-no" title="statement not covered" > ret.then(<span class="fstat-no" title="function not covered" >({</span> getRoutes }) =&gt; {</span>
242
- <span class="cstat-no" title="statement not covered" > getClientRender({ hot: true, routes: getRoutes() })();</span>
243
- });
244
- } else {
245
- <span class="cstat-no" title="statement not covered" > getClientRender({ hot: true, routes: ret.getRoutes() })();</span>
246
- }
247
- });
248
- }
249
- &nbsp;</pre></td></tr></table></pre>
250
-
251
- <div class='push'></div><!-- for sticky footer -->
252
- </div><!-- /wrapper -->
253
- <div class='footer quiet pad2 space-top1 center small'>
254
- Code coverage generated by
255
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
256
- at 2024-01-24T02:49:50.075Z
257
- </div>
258
- <script src="../../prettify.js"></script>
259
- <script>
260
- window.onload = function () {
261
- prettyPrint();
262
- };
263
- </script>
264
- <script src="../../sorter.js"></script>
265
- <script src="../../block-navigation.js"></script>
266
- </body>
267
- </html>
268
-
package/es/ProEditTable/components/DndWrapper/index.d.ts DELETED
@@ -1,17 +0,0 @@
1
- import React, { FC } from 'react';
2
- interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
3
- 'data-row-key': string;
4
- 'data-hide'?: boolean;
5
- disabled?: boolean;
6
- 'data-row-draggable'?: any;
7
- }
8
- export declare const Row: FC<RowProps>;
9
- declare const DndWrapper: ({ draggable, value, onChange, onDrag, disabled, children }: {
10
- draggable: any;
11
- value: any;
12
- onChange: any;
13
- onDrag: any;
14
- disabled: any;
15
- children: any;
16
- }) => any;
17
- export default DndWrapper;
package/es/ProEditTable/components/DndWrapper/index.js DELETED
@@ -1,104 +0,0 @@
1
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- var _excluded = ["disabled", "children"];
4
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
- import React from 'react';
6
- import { DndContext } from '@dnd-kit/core';
7
- import { arrayMove, useSortable, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
8
- import { CSS } from '@dnd-kit/utilities';
9
- import ProIcon from '../../../ProIcon';
10
- export var Row = function Row(props) {
11
- var disabled = props.disabled,
12
- children = props.children,
13
- restProps = _objectWithoutProperties(props, _excluded);
14
- var data = useSortable({
15
- id: props['data-row-key'],
16
- disabled: disabled
17
- });
18
- var attributes = data.attributes,
19
- listeners = data.listeners,
20
- setNodeRef = data.setNodeRef,
21
- transform = data.transform,
22
- transition = data.transition,
23
- isDragging = data.isDragging;
24
- var style = _objectSpread(_objectSpread({}, props.style), {}, {
25
- transform: CSS.Transform.toString(transform && _objectSpread(_objectSpread({}, transform), {}, {
26
- scaleY: 1
27
- })),
28
- transition: transition
29
- }, isDragging ? {
30
- position: 'relative',
31
- zIndex: 2
32
- } : {});
33
- return _jsx("tr", _objectSpread(_objectSpread(_objectSpread({}, restProps), {}, {
34
- ref: setNodeRef,
35
- style: style
36
- }, attributes), {}, {
37
- children: React.Children.map(children, function (child) {
38
- if (child.key === 'RC_TABLE_KEY' && !disabled) {
39
- var _restProps$dataRowD;
40
- var _ref = (child === null || child === void 0 ? void 0 : child.props) || {},
41
- render = _ref.render,
42
- record = _ref.record,
43
- renderIndex = _ref.renderIndex;
44
- var isDrag = restProps['data-row-draggable'] ? (_restProps$dataRowD = restProps['data-row-draggable']) === null || _restProps$dataRowD === void 0 ? void 0 : _restProps$dataRowD.call(restProps, record) : true;
45
- return /*#__PURE__*/React.cloneElement(child, {
46
- children: _jsxs("span", {
47
- className: "drag-wrapper".concat(props['data-hide'] ? ' no-check' : ''),
48
- children: [isDrag ? _jsx(ProIcon, _objectSpread({
49
- className: "drag-icon",
50
- style: {
51
- touchAction: 'none',
52
- cursor: disabled ? 'no-drop' : 'move'
53
- },
54
- type: "drag",
55
- size: 20
56
- }, listeners)) : _jsx(ProIcon, {
57
- size: 20
58
- }), props['data-hide'] ? null : render === null || render === void 0 ? void 0 : render(null, record, renderIndex)]
59
- })
60
- });
61
- }
62
- return child;
63
- })
64
- }));
65
- };
66
- var DndWrapper = function DndWrapper(_ref2) {
67
- var _value$;
68
- var draggable = _ref2.draggable,
69
- value = _ref2.value,
70
- onChange = _ref2.onChange,
71
- onDrag = _ref2.onDrag,
72
- disabled = _ref2.disabled,
73
- children = _ref2.children;
74
- var onDragEnd = function onDragEnd(event) {
75
- var active = event.active,
76
- over = event.over;
77
- if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
78
- if (onDrag) {
79
- var nextList = onDrag(event, value);
80
- onChange(nextList);
81
- return;
82
- }
83
- var activeIndex = value.findIndex(function (i) {
84
- return i.rowKey === active.id;
85
- });
86
- var overIndex = value.findIndex(function (i) {
87
- return i.rowKey === (over === null || over === void 0 ? void 0 : over.id);
88
- });
89
- var nextValue = arrayMove(value, activeIndex, overIndex);
90
- onChange(nextValue);
91
- }
92
- };
93
- return draggable && !disabled ? _jsx(DndContext, {
94
- onDragEnd: onDragEnd,
95
- children: _jsx(SortableContext, {
96
- items: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value.map(function (i) {
97
- return i.rowKey;
98
- }) : [],
99
- strategy: verticalListSortingStrategy,
100
- children: children
101
- })
102
- }) : children;
103
- };
104
- export default DndWrapper;
package/lib/ProEditTable/components/DndWrapper/index.d.ts DELETED
@@ -1,17 +0,0 @@
1
- import React, { FC } from 'react';
2
- interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
3
- 'data-row-key': string;
4
- 'data-hide'?: boolean;
5
- disabled?: boolean;
6
- 'data-row-draggable'?: any;
7
- }
8
- export declare const Row: FC<RowProps>;
9
- declare const DndWrapper: ({ draggable, value, onChange, onDrag, disabled, children }: {
10
- draggable: any;
11
- value: any;
12
- onChange: any;
13
- onDrag: any;
14
- disabled: any;
15
- children: any;
16
- }) => any;
17
- export default DndWrapper;
package/lib/ProEditTable/components/DndWrapper/index.js DELETED
@@ -1,111 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = exports.Row = void 0;
8
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _jsxRuntime = require("react/jsx-runtime");
11
- var _react = _interopRequireDefault(require("react"));
12
- var _core = require("@dnd-kit/core");
13
- var _sortable = require("@dnd-kit/sortable");
14
- var _utilities = require("@dnd-kit/utilities");
15
- var _ProIcon = _interopRequireDefault(require("../../../ProIcon"));
16
- var _excluded = ["disabled", "children"];
17
- var Row = exports.Row = function Row(props) {
18
- var disabled = props.disabled,
19
- children = props.children,
20
- restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
21
- var data = (0, _sortable.useSortable)({
22
- id: props['data-row-key'],
23
- disabled: disabled
24
- });
25
- var attributes = data.attributes,
26
- listeners = data.listeners,
27
- setNodeRef = data.setNodeRef,
28
- transform = data.transform,
29
- transition = data.transition,
30
- isDragging = data.isDragging;
31
- var style = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.style), {}, {
32
- transform: _utilities.CSS.Transform.toString(transform && (0, _objectSpread2.default)((0, _objectSpread2.default)({}, transform), {}, {
33
- scaleY: 1
34
- })),
35
- transition: transition
36
- }, isDragging ? {
37
- position: 'relative',
38
- zIndex: 2
39
- } : {});
40
- return (0, _jsxRuntime.jsx)("tr", (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
41
- ref: setNodeRef,
42
- style: style
43
- }, attributes), {}, {
44
- children: _react.default.Children.map(children, function (child) {
45
- if (child.key === 'RC_TABLE_KEY' && !disabled) {
46
- var _restProps$dataRowD;
47
- var _ref = (child === null || child === void 0 ? void 0 : child.props) || {},
48
- render = _ref.render,
49
- record = _ref.record,
50
- renderIndex = _ref.renderIndex;
51
- var isDrag = restProps['data-row-draggable'] ? (_restProps$dataRowD = restProps['data-row-draggable']) === null || _restProps$dataRowD === void 0 ? void 0 : _restProps$dataRowD.call(restProps, record) : true;
52
- return /*#__PURE__*/_react.default.cloneElement(child, {
53
- children: (0, _jsxRuntime.jsxs)("span", {
54
- className: "drag-wrapper".concat(props['data-hide'] ? ' no-check' : ''),
55
- children: [isDrag ? (0, _jsxRuntime.jsx)(_ProIcon.default, (0, _objectSpread2.default)({
56
- className: "drag-icon",
57
- style: {
58
- touchAction: 'none',
59
- cursor: disabled ? 'no-drop' : 'move'
60
- },
61
- type: "drag",
62
- size: 20
63
- }, listeners)) : (0, _jsxRuntime.jsx)(_ProIcon.default, {
64
- size: 20
65
- }), props['data-hide'] ? null : render === null || render === void 0 ? void 0 : render(null, record, renderIndex)]
66
- })
67
- });
68
- }
69
- return child;
70
- })
71
- }));
72
- };
73
- var DndWrapper = function DndWrapper(_ref2) {
74
- var _value$;
75
- var draggable = _ref2.draggable,
76
- value = _ref2.value,
77
- onChange = _ref2.onChange,
78
- onDrag = _ref2.onDrag,
79
- disabled = _ref2.disabled,
80
- children = _ref2.children;
81
- var onDragEnd = function onDragEnd(event) {
82
- var active = event.active,
83
- over = event.over;
84
- if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
85
- if (onDrag) {
86
- var nextList = onDrag(event, value);
87
- onChange(nextList);
88
- return;
89
- }
90
- var activeIndex = value.findIndex(function (i) {
91
- return i.rowKey === active.id;
92
- });
93
- var overIndex = value.findIndex(function (i) {
94
- return i.rowKey === (over === null || over === void 0 ? void 0 : over.id);
95
- });
96
- var nextValue = (0, _sortable.arrayMove)(value, activeIndex, overIndex);
97
- onChange(nextValue);
98
- }
99
- };
100
- return draggable && !disabled ? (0, _jsxRuntime.jsx)(_core.DndContext, {
101
- onDragEnd: onDragEnd,
102
- children: (0, _jsxRuntime.jsx)(_sortable.SortableContext, {
103
- items: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value.map(function (i) {
104
- return i.rowKey;
105
- }) : [],
106
- strategy: _sortable.verticalListSortingStrategy,
107
- children: children
108
- })
109
- }) : children;
110
- };
111
- var _default = exports.default = DndWrapper;