@zat-design/sisyphus-react 3.10.1-beta.4 → 3.10.2-beta.1

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 (42) hide show
  1. package/coverage/lcov-report/src/.umi/core/devScripts.ts.html +241 -0
  2. package/coverage/lcov-report/src/.umi/core/history.ts.html +148 -0
  3. package/coverage/lcov-report/src/.umi/core/index.html +206 -0
  4. package/coverage/lcov-report/src/.umi/core/plugin.ts.html +109 -0
  5. package/coverage/lcov-report/src/.umi/core/pluginRegister.ts.html +160 -0
  6. package/coverage/lcov-report/src/.umi/core/polyfill.ts.html +97 -0
  7. package/coverage/lcov-report/src/.umi/core/routes.ts.html +26050 -0
  8. package/coverage/lcov-report/src/.umi/core/umiExports.ts.html +112 -0
  9. package/coverage/lcov-report/src/.umi/dumi/demos/index.html +116 -0
  10. package/coverage/lcov-report/src/.umi/dumi/demos/index.ts.html +6340 -0
  11. package/coverage/lcov-report/src/.umi/dumi/index.html +116 -0
  12. package/coverage/lcov-report/src/.umi/dumi/layout.tsx.html +109 -0
  13. package/coverage/lcov-report/src/.umi/index.html +116 -0
  14. package/coverage/lcov-report/src/.umi/plugin-antd/index.html +116 -0
  15. package/coverage/lcov-report/src/.umi/plugin-antd/runtime.tsx.html +172 -0
  16. package/coverage/lcov-report/src/.umi/plugin-helmet/exports.ts.html +94 -0
  17. package/coverage/lcov-report/src/.umi/plugin-helmet/index.html +116 -0
  18. package/coverage/lcov-report/src/.umi/plugin-initial-state/Provider.tsx.html +196 -0
  19. package/coverage/lcov-report/src/.umi/plugin-initial-state/exports.ts.html +106 -0
  20. package/coverage/lcov-report/src/.umi/plugin-initial-state/index.html +146 -0
  21. package/coverage/lcov-report/src/.umi/plugin-initial-state/models/index.html +116 -0
  22. package/coverage/lcov-report/src/.umi/plugin-initial-state/models/initialState.ts.html +88 -0
  23. package/coverage/lcov-report/src/.umi/plugin-initial-state/runtime.tsx.html +124 -0
  24. package/coverage/lcov-report/src/.umi/plugin-locale/SelectLang.tsx.html +1246 -0
  25. package/coverage/lcov-report/src/.umi/plugin-locale/index.html +161 -0
  26. package/coverage/lcov-report/src/.umi/plugin-locale/locale.tsx.html +268 -0
  27. package/coverage/lcov-report/src/.umi/plugin-locale/localeExports.ts.html +778 -0
  28. package/coverage/lcov-report/src/.umi/plugin-locale/runtime.tsx.html +115 -0
  29. package/coverage/lcov-report/src/.umi/plugin-model/Provider.tsx.html +202 -0
  30. package/coverage/lcov-report/src/.umi/plugin-model/helpers/constant.tsx.html +97 -0
  31. package/coverage/lcov-report/src/.umi/plugin-model/helpers/dispatcher.tsx.html +142 -0
  32. package/coverage/lcov-report/src/.umi/plugin-model/helpers/executor.tsx.html +334 -0
  33. package/coverage/lcov-report/src/.umi/plugin-model/helpers/index.html +146 -0
  34. package/coverage/lcov-report/src/.umi/plugin-model/index.html +146 -0
  35. package/coverage/lcov-report/src/.umi/plugin-model/runtime.tsx.html +121 -0
  36. package/coverage/lcov-report/src/.umi/plugin-model/useModel.tsx.html +298 -0
  37. package/coverage/lcov-report/src/.umi/plugin-request/index.html +116 -0
  38. package/coverage/lcov-report/src/.umi/plugin-request/request.ts.html +919 -0
  39. package/coverage/lcov-report/src/.umi/umi.ts.html +268 -0
  40. package/es/ProTable/components/RenderColumn/index.js +67 -42
  41. package/lib/ProTable/components/RenderColumn/index.js +66 -41
  42. package/package.json +1 -1
package/coverage/lcov-report/src/.umi/umi.ts.html ADDED
@@ -0,0 +1,268 @@
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/ProTable/components/RenderColumn/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import "antd/es/space/style";
2
2
  import _Space from "antd/es/space";
3
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
4
3
  import "antd/es/tooltip/style";
5
4
  import _Tooltip from "antd/es/tooltip";
5
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
6
6
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
7
7
  import "antd/es/typography/style";
8
8
  import _Typography from "antd/es/typography";
@@ -41,6 +41,45 @@ var RenderColumn = function RenderColumn(props) {
41
41
  'varied-cell': props === null || props === void 0 ? void 0 : props.isChanged,
42
42
  'add-cell': props === null || props === void 0 ? void 0 : props.isAddCell
43
43
  });
44
+ var getPadding = function getPadding(el) {
45
+ var style = window.getComputedStyle(el, null);
46
+ var paddingLeft = Number.parseInt(style.paddingLeft, 10) || 0;
47
+ var paddingRight = Number.parseInt(style.paddingRight, 10) || 0;
48
+ var paddingTop = Number.parseInt(style.paddingTop, 10) || 0;
49
+ var paddingBottom = Number.parseInt(style.paddingBottom, 10) || 0;
50
+ return {
51
+ pLeft: paddingLeft,
52
+ pRight: paddingRight,
53
+ pTop: paddingTop,
54
+ pBottom: paddingBottom
55
+ };
56
+ };
57
+ var checkEllipsis = function checkEllipsis(box) {
58
+ var range = document.createRange();
59
+ range.setStart(box, 0);
60
+ range.setEnd(box, box.childNodes.length);
61
+ var rangeWidth = range.getBoundingClientRect().width;
62
+ var _getPadding = getPadding(box),
63
+ pLeft = _getPadding.pLeft,
64
+ pRight = _getPadding.pRight,
65
+ pTop = _getPadding.pTop,
66
+ pBottom = _getPadding.pBottom;
67
+ var horizontalPadding = pLeft + pRight;
68
+ if (rangeWidth + horizontalPadding > box.clientWidth) {
69
+ return true;
70
+ }
71
+ return false;
72
+ };
73
+ var handleMouseOver = function handleMouseOver(e) {
74
+ setState({
75
+ tooltip: checkEllipsis(e.target)
76
+ });
77
+ };
78
+ var tooltipProps = _objectSpread({
79
+ getPopupContainer: function getPopupContainer(triggerNode) {
80
+ return triggerNode.parentNode;
81
+ }
82
+ }, toolTipProps);
44
83
  // 比对场景走的逻辑
45
84
  if (!isInNewRowFlag && isBoolean(props === null || props === void 0 ? void 0 : props.isChanged)) {
46
85
  var renderNode = value ? node : '-';
@@ -58,11 +97,36 @@ var RenderColumn = function RenderColumn(props) {
58
97
  }) : _jsx("div", {
59
98
  style: {
60
99
  minWidth: minWidth,
61
- width: width
100
+ width: width,
101
+ overflow: 'hidden',
102
+ textOverflow: 'ellipsis',
103
+ whiteSpace: 'nowrap'
62
104
  },
63
105
  children: ellipsis ? currentValue : renderNode
64
106
  });
65
107
  if ((props === null || props === void 0 ? void 0 : props.isChanged) === false) {
108
+ if (ellipsis) {
109
+ return _jsx(_Tooltip, _objectSpread(_objectSpread({
110
+ title: renderNode,
111
+ onOpenChange: function onOpenChange(open) {
112
+ setState({
113
+ tooltip: false
114
+ });
115
+ },
116
+ open: tooltip
117
+ }, tooltipProps), {}, {
118
+ children: _jsx(Text, {
119
+ style: {
120
+ width: width,
121
+ minWidth: minWidth
122
+ },
123
+ ellipsis: true,
124
+ onMouseOver: handleMouseOver,
125
+ onFocus: handleMouseOver,
126
+ children: renderNode
127
+ })
128
+ }));
129
+ }
66
130
  return renderNode;
67
131
  }
68
132
  if (Array.isArray(originalValue)) {
@@ -86,7 +150,7 @@ var RenderColumn = function RenderColumn(props) {
86
150
  title: _jsx(_Space, {
87
151
  direction: "vertical",
88
152
  className: "changed-tooltip",
89
- children: (props === null || props === void 0 ? void 0 : props.isChanged) ? _jsxs(_Fragment, {
153
+ children: (props === null || props === void 0 ? void 0 : props.isChanged) && !(props === null || props === void 0 ? void 0 : props.isAddCell) ? _jsxs(_Fragment, {
90
154
  children: [_jsxs(_Space, {
91
155
  align: "start",
92
156
  className: "original-value-container",
@@ -138,45 +202,6 @@ var RenderColumn = function RenderColumn(props) {
138
202
  });
139
203
  }
140
204
  if (ellipsis) {
141
- var getPadding = function getPadding(el) {
142
- var style = window.getComputedStyle(el, null);
143
- var paddingLeft = Number.parseInt(style.paddingLeft, 10) || 0;
144
- var paddingRight = Number.parseInt(style.paddingRight, 10) || 0;
145
- var paddingTop = Number.parseInt(style.paddingTop, 10) || 0;
146
- var paddingBottom = Number.parseInt(style.paddingBottom, 10) || 0;
147
- return {
148
- pLeft: paddingLeft,
149
- pRight: paddingRight,
150
- pTop: paddingTop,
151
- pBottom: paddingBottom
152
- };
153
- };
154
- var checkEllipsis = function checkEllipsis(box) {
155
- var range = document.createRange();
156
- range.setStart(box, 0);
157
- range.setEnd(box, box.childNodes.length);
158
- var rangeWidth = range.getBoundingClientRect().width;
159
- var _getPadding = getPadding(box),
160
- pLeft = _getPadding.pLeft,
161
- pRight = _getPadding.pRight,
162
- pTop = _getPadding.pTop,
163
- pBottom = _getPadding.pBottom;
164
- var horizontalPadding = pLeft + pRight;
165
- if (rangeWidth + horizontalPadding > box.clientWidth) {
166
- return true;
167
- }
168
- return false;
169
- };
170
- var handleMouseOver = function handleMouseOver(e) {
171
- setState({
172
- tooltip: checkEllipsis(e.target)
173
- });
174
- };
175
- var tooltipProps = _objectSpread({
176
- getPopupContainer: function getPopupContainer(triggerNode) {
177
- return triggerNode.parentNode;
178
- }
179
- }, toolTipProps);
180
205
  if (!value) {
181
206
  return _jsx("div", {
182
207
  style: {
package/lib/ProTable/components/RenderColumn/index.js CHANGED
@@ -43,6 +43,45 @@ var RenderColumn = function RenderColumn(props) {
43
43
  'varied-cell': props === null || props === void 0 ? void 0 : props.isChanged,
44
44
  'add-cell': props === null || props === void 0 ? void 0 : props.isAddCell
45
45
  });
46
+ var getPadding = function getPadding(el) {
47
+ var style = window.getComputedStyle(el, null);
48
+ var paddingLeft = Number.parseInt(style.paddingLeft, 10) || 0;
49
+ var paddingRight = Number.parseInt(style.paddingRight, 10) || 0;
50
+ var paddingTop = Number.parseInt(style.paddingTop, 10) || 0;
51
+ var paddingBottom = Number.parseInt(style.paddingBottom, 10) || 0;
52
+ return {
53
+ pLeft: paddingLeft,
54
+ pRight: paddingRight,
55
+ pTop: paddingTop,
56
+ pBottom: paddingBottom
57
+ };
58
+ };
59
+ var checkEllipsis = function checkEllipsis(box) {
60
+ var range = document.createRange();
61
+ range.setStart(box, 0);
62
+ range.setEnd(box, box.childNodes.length);
63
+ var rangeWidth = range.getBoundingClientRect().width;
64
+ var _getPadding = getPadding(box),
65
+ pLeft = _getPadding.pLeft,
66
+ pRight = _getPadding.pRight,
67
+ pTop = _getPadding.pTop,
68
+ pBottom = _getPadding.pBottom;
69
+ var horizontalPadding = pLeft + pRight;
70
+ if (rangeWidth + horizontalPadding > box.clientWidth) {
71
+ return true;
72
+ }
73
+ return false;
74
+ };
75
+ var handleMouseOver = function handleMouseOver(e) {
76
+ setState({
77
+ tooltip: checkEllipsis(e.target)
78
+ });
79
+ };
80
+ var tooltipProps = (0, _objectSpread2.default)({
81
+ getPopupContainer: function getPopupContainer(triggerNode) {
82
+ return triggerNode.parentNode;
83
+ }
84
+ }, toolTipProps);
46
85
  // 比对场景走的逻辑
47
86
  if (!isInNewRowFlag && (0, _lodash.isBoolean)(props === null || props === void 0 ? void 0 : props.isChanged)) {
48
87
  var renderNode = value ? node : '-';
@@ -60,11 +99,36 @@ var RenderColumn = function RenderColumn(props) {
60
99
  }) : (0, _jsxRuntime.jsx)("div", {
61
100
  style: {
62
101
  minWidth: minWidth,
63
- width: width
102
+ width: width,
103
+ overflow: 'hidden',
104
+ textOverflow: 'ellipsis',
105
+ whiteSpace: 'nowrap'
64
106
  },
65
107
  children: ellipsis ? currentValue : renderNode
66
108
  });
67
109
  if ((props === null || props === void 0 ? void 0 : props.isChanged) === false) {
110
+ if (ellipsis) {
111
+ return (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
112
+ title: renderNode,
113
+ onOpenChange: function onOpenChange(open) {
114
+ setState({
115
+ tooltip: false
116
+ });
117
+ },
118
+ open: tooltip
119
+ }, tooltipProps), {}, {
120
+ children: (0, _jsxRuntime.jsx)(Text, {
121
+ style: {
122
+ width: width,
123
+ minWidth: minWidth
124
+ },
125
+ ellipsis: true,
126
+ onMouseOver: handleMouseOver,
127
+ onFocus: handleMouseOver,
128
+ children: renderNode
129
+ })
130
+ }));
131
+ }
68
132
  return renderNode;
69
133
  }
70
134
  if (Array.isArray(originalValue)) {
@@ -88,7 +152,7 @@ var RenderColumn = function RenderColumn(props) {
88
152
  title: (0, _jsxRuntime.jsx)(_antd.Space, {
89
153
  direction: "vertical",
90
154
  className: "changed-tooltip",
91
- children: (props === null || props === void 0 ? void 0 : props.isChanged) ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
155
+ children: (props === null || props === void 0 ? void 0 : props.isChanged) && !(props === null || props === void 0 ? void 0 : props.isAddCell) ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
92
156
  children: [(0, _jsxRuntime.jsxs)(_antd.Space, {
93
157
  align: "start",
94
158
  className: "original-value-container",
@@ -140,45 +204,6 @@ var RenderColumn = function RenderColumn(props) {
140
204
  });
141
205
  }
142
206
  if (ellipsis) {
143
- var getPadding = function getPadding(el) {
144
- var style = window.getComputedStyle(el, null);
145
- var paddingLeft = Number.parseInt(style.paddingLeft, 10) || 0;
146
- var paddingRight = Number.parseInt(style.paddingRight, 10) || 0;
147
- var paddingTop = Number.parseInt(style.paddingTop, 10) || 0;
148
- var paddingBottom = Number.parseInt(style.paddingBottom, 10) || 0;
149
- return {
150
- pLeft: paddingLeft,
151
- pRight: paddingRight,
152
- pTop: paddingTop,
153
- pBottom: paddingBottom
154
- };
155
- };
156
- var checkEllipsis = function checkEllipsis(box) {
157
- var range = document.createRange();
158
- range.setStart(box, 0);
159
- range.setEnd(box, box.childNodes.length);
160
- var rangeWidth = range.getBoundingClientRect().width;
161
- var _getPadding = getPadding(box),
162
- pLeft = _getPadding.pLeft,
163
- pRight = _getPadding.pRight,
164
- pTop = _getPadding.pTop,
165
- pBottom = _getPadding.pBottom;
166
- var horizontalPadding = pLeft + pRight;
167
- if (rangeWidth + horizontalPadding > box.clientWidth) {
168
- return true;
169
- }
170
- return false;
171
- };
172
- var handleMouseOver = function handleMouseOver(e) {
173
- setState({
174
- tooltip: checkEllipsis(e.target)
175
- });
176
- };
177
- var tooltipProps = (0, _objectSpread2.default)({
178
- getPopupContainer: function getPopupContainer(triggerNode) {
179
- return triggerNode.parentNode;
180
- }
181
- }, toolTipProps);
182
207
  if (!value) {
183
208
  return (0, _jsxRuntime.jsx)("div", {
184
209
  style: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zat-design/sisyphus-react",
3
- "version": "3.10.1-beta.4",
3
+ "version": "3.10.2-beta.1",
4
4
  "license": "Apache-2.0",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",