@king-design/intact 2.0.13-beta.0 → 2.0.14

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/components/cascader/index.md +1 -0
  2. package/components/cascader/useValue.ts +1 -1
  3. package/components/code/index.md +2 -2
  4. package/components/code/index.ts +2 -2
  5. package/components/code/useEditor.ts +1 -1
  6. package/components/datepicker/index.md +1 -0
  7. package/components/form/styles.ts +5 -2
  8. package/components/select/base.ts +5 -7
  9. package/components/select/base.vdt +5 -7
  10. package/components/select/demos/basic.md +1 -1
  11. package/components/select/index.md +1 -0
  12. package/components/select/useEqualWidth.ts +1 -1
  13. package/components/select/useFocusout.ts +1 -1
  14. package/components/select/useInput.ts +1 -1
  15. package/components/table/demos/animation.md +7 -0
  16. package/components/table/index.md +1 -0
  17. package/components/table/row.ts +1 -0
  18. package/components/table/row.vdt +5 -3
  19. package/components/table/table.ts +3 -0
  20. package/components/table/table.vdt +97 -89
  21. package/components/tooltip/index.ts +1 -1
  22. package/components/treeSelect/index.md +1 -0
  23. package/components/wave/index.ts +1 -1
  24. package/components/wave/styles.ts +2 -1
  25. package/es/components/cascader/useValue.js +1 -1
  26. package/es/components/code/index.d.ts +2 -2
  27. package/es/components/code/useEditor.js +1 -1
  28. package/es/components/form/styles.js +1 -1
  29. package/es/components/select/base.d.ts +1 -1
  30. package/es/components/select/base.js +4 -4
  31. package/es/components/select/base.vdt.js +6 -6
  32. package/es/components/select/useEqualWidth.js +1 -1
  33. package/es/components/select/useFocusout.js +1 -1
  34. package/es/components/select/useInput.js +1 -1
  35. package/es/components/table/row.d.ts +1 -0
  36. package/es/components/table/row.vdt.js +5 -6
  37. package/es/components/table/table.d.ts +1 -0
  38. package/es/components/table/table.js +4 -2
  39. package/es/components/table/table.vdt.js +111 -104
  40. package/es/components/tooltip/index.d.ts +1 -1
  41. package/es/components/wave/styles.js +1 -1
  42. package/es/index.d.ts +2 -2
  43. package/es/index.js +2 -2
  44. package/es/packages/kpc-react/__tests__/components/drawer.spec.js +23 -8
  45. package/es/site/data/components/select/demos/basic/react.js +2 -1
  46. package/es/site/data/components/table/demos/animation/react.js +16 -0
  47. package/es/styles/global.js +1 -1
  48. package/index.ts +2 -2
  49. package/package.json +2 -2
  50. package/styles/global.ts +1 -1
  51. package/es/site/data/components/menu/demos/collapse/react.d.ts +0 -11
  52. package/es/site/data/components/menu/demos/size/react.d.ts +0 -7
@@ -20,7 +20,7 @@ export interface BaseSelectProps<V, Multipe extends boolean = boolean, Attach =
20
20
  placeholder?: Children;
21
21
  container?: Container;
22
22
  width?: string | number;
23
- _show?: boolean;
23
+ show?: boolean;
24
24
  }
25
25
  export interface BaseSelectEvents {
26
26
  keydown: [KeyboardEvent];
@@ -27,7 +27,7 @@ var typeDefs = {
27
27
  placeholder: [String, Number],
28
28
  container: [Function, String],
29
29
  width: [String, Number],
30
- _show: Boolean
30
+ show: Boolean
31
31
  };
32
32
 
33
33
  var defaults = function defaults() {
@@ -65,7 +65,7 @@ export var BaseSelect = /*#__PURE__*/function (_Component) {
65
65
 
66
66
  _proto.init = function init() {
67
67
  provide(SELECT, this);
68
- useShowHideEvents('_show'); // this.input = useInput();
68
+ useShowHideEvents('show'); // this.input = useInput();
69
69
 
70
70
  this.watch('value', this.position, {
71
71
  presented: true
@@ -81,11 +81,11 @@ export var BaseSelect = /*#__PURE__*/function (_Component) {
81
81
  };
82
82
 
83
83
  _proto.show = function show() {
84
- this.set('_show', true);
84
+ this.set('show', true);
85
85
  };
86
86
 
87
87
  _proto.hide = function hide() {
88
- this.set('_show', false);
88
+ this.set('show', false);
89
89
  };
90
90
 
91
91
  _proto.resetKeywords = function resetKeywords(keywords) {
@@ -40,7 +40,7 @@ export default function ($props, $blocks, $__proto__) {
40
40
  inline = _this$get.inline,
41
41
  style = _this$get.style,
42
42
  width = _this$get.width,
43
- _show = _this$get._show;
43
+ show = _this$get.show;
44
44
 
45
45
  var classNameObj = (_classNameObj = {
46
46
  'k-select': true,
@@ -94,7 +94,7 @@ export default function ($props, $blocks, $__proto__) {
94
94
  'name': 'k-fade',
95
95
  'appear': false,
96
96
  'children': !multiple && filterable ? _$cc(Input, {
97
- 'value': _show ? keywords : label,
97
+ 'value': show ? keywords : label,
98
98
  'ev-$change:value': onInput,
99
99
  'disabled': disabled,
100
100
  'placeholder': label || placeholder,
@@ -103,7 +103,7 @@ export default function ($props, $blocks, $__proto__) {
103
103
  'fluid': true,
104
104
  'inline': true,
105
105
  'key': 'input',
106
- 'readonly': !_show,
106
+ 'readonly': !show,
107
107
  'waveDisabled': true
108
108
  }, 'input', inputRef) : !filterable && !hasValue ? _$ce(2, 'div', placeholder, 0, 'k-select-placeholder c-ellipsis', null, 'placeholder') : !multiple ? _$ce(2, 'div', (_$blocks['value'] = function ($super) {
109
109
  return label;
@@ -155,7 +155,7 @@ export default function ($props, $blocks, $__proto__) {
155
155
  'inline': true,
156
156
  'size': size,
157
157
  'key': 'filter',
158
- 'readonly': !_show,
158
+ 'readonly': !show,
159
159
  'waveDisabled': true
160
160
  }, 'filter', inputRef) : undefined], 0, _$cn({
161
161
  "k-select-values": true,
@@ -195,9 +195,9 @@ export default function ($props, $blocks, $__proto__) {
195
195
  return block ? block.call($this, callBlock, data) : callBlock();
196
196
  }, __$blocks['base-menu'](_$no))],
197
197
  'ev-$model:value': function ev$modelValue($v) {
198
- $this.set('_show', $v);
198
+ $this.set('show', $v);
199
199
  },
200
- 'value': $this.get('_show')
200
+ 'value': $this.get('show')
201
201
  }, null, _this.dropdownRef)
202
202
  });
203
203
  }
@@ -1,7 +1,7 @@
1
1
  import { useInstance, findDomFromVNode } from 'intact';
2
2
  export function useEqualWidth() {
3
3
  var instance = useInstance();
4
- instance.watch('_show', setWidth, {
4
+ instance.watch('show', setWidth, {
5
5
  presented: true
6
6
  });
7
7
 
@@ -20,7 +20,7 @@ export function useFocusout() {
20
20
  function onFocusout(e) {
21
21
  instance.trigger('focusout', e);
22
22
 
23
- if (instance.get('_show')) {
23
+ if (instance.get('show')) {
24
24
  e.stopPropagation();
25
25
  }
26
26
  }
@@ -25,7 +25,7 @@ export function useInput(resetKeywords) {
25
25
  }
26
26
  }
27
27
 
28
- component.on('$changed:_show', function (show) {
28
+ component.on('$changed:show', function (show) {
29
29
  if (show) {
30
30
  focusInput();
31
31
  resetKeywords(keywords);
@@ -23,6 +23,7 @@ export interface TableRowProps {
23
23
  onToggleSpreadRow: (key: TableRowKey) => void;
24
24
  onBeforeUnmount: (key: TableRowKey) => void;
25
25
  offsetMap: Record<Key, number>;
26
+ animation: boolean;
26
27
  draggable: boolean;
27
28
  draggingKey: TableRowKey | null;
28
29
  onRowDragStart: DragCallback;
@@ -5,7 +5,7 @@ import { getClassAndStyleForFixed } from './useFixedColumns';
5
5
  import { Checkbox } from '../checkbox';
6
6
  import { Radio } from '../radio';
7
7
  import { TableCell } from './cell';
8
- import { createElementVNode, className as cx } from 'intact';
8
+ import { createElementVNode, className as cx, createFragment } from 'intact';
9
9
  export default function ($props, $blocks, $__proto__) {
10
10
  var _classNameObj,
11
11
  _this = this;
@@ -34,7 +34,8 @@ export default function ($props, $blocks, $__proto__) {
34
34
  key = _this$get.key,
35
35
  offsetMap = _this$get.offsetMap,
36
36
  draggable = _this$get.draggable,
37
- draggingKey = _this$get.draggingKey;
37
+ draggingKey = _this$get.draggingKey,
38
+ animation = _this$get.animation;
38
39
 
39
40
  var classNameObj = (_classNameObj = {
40
41
  'k-disabled': disabled,
@@ -110,16 +111,14 @@ export default function ($props, $blocks, $__proto__) {
110
111
  'key': columnKey
111
112
  }, columnKey));
112
113
  });
113
-
114
- var rows = _$cc(TransitionGroup, {
114
+ var rows = animation ? _$cc(TransitionGroup, {
115
115
  'name': 'k-fade-expand',
116
116
  'move': false,
117
117
  'children': vNodes
118
- });
118
+ }) : createFragment(vNodes, 8);
119
119
  /* const rows = vNodes; */
120
120
  // for performance, no normalize
121
121
 
122
-
123
122
  return createElementVNode(2, 'tr', rows, 2, cx(classNameObj), {
124
123
  'data-key': key,
125
124
  'ev-mouseenter': this.onMouseEnter,
@@ -34,6 +34,7 @@ export interface TableProps<T = any, K extends TableRowKey = TableRowKey, C exte
34
34
  minColWidth?: number;
35
35
  widthStoreKey?: string;
36
36
  draggable?: boolean;
37
+ animation?: boolean | [boolean, boolean];
37
38
  }
38
39
  export interface TableEvents<T = any, K extends TableRowKey = number> {
39
40
  clickRow: [T, number, K];
@@ -56,7 +56,8 @@ var typeDefs = {
56
56
  resizable: Boolean,
57
57
  minColWidth: Number,
58
58
  widthStoreKey: String,
59
- draggable: Boolean
59
+ draggable: Boolean,
60
+ animation: [Boolean, Array]
60
61
  };
61
62
 
62
63
  var defaults = function defaults() {
@@ -69,7 +70,8 @@ var defaults = function defaults() {
69
70
  rowExpandable: true,
70
71
  childrenKey: 'children',
71
72
  indent: 32,
72
- minColWidth: 40
73
+ minColWidth: 40,
74
+ animation: true
73
75
  };
74
76
  };
75
77
 
@@ -57,7 +57,10 @@ export default function ($props, $blocks, $__proto__) {
57
57
  tooltipContainer = _this$get.tooltipContainer,
58
58
  showIndeterminate = _this$get.showIndeterminate,
59
59
  resizable = _this$get.resizable,
60
- draggable = _this$get.draggable;
60
+ draggable = _this$get.draggable,
61
+ _animation = _this$get.animation;
62
+
63
+ var animation = !Array.isArray(_animation) ? [_animation, _animation] : _animation;
61
64
 
62
65
  var _this$columns$getData = this.columns.getData(),
63
66
  columns = _this$columns$getData.columns,
@@ -130,10 +133,8 @@ export default function ($props, $blocks, $__proto__) {
130
133
  'children': _$cc(FixedColumnsContext.Provider, {
131
134
  'value': offsetMap,
132
135
  'children': _$ce(2, 'thead', _$ma(columns, function ($value, $key) {
133
- return _$ce(2, 'tr', _$cc(TransitionGroup, {
134
- 'name': 'k-fade-expand',
135
- 'move': false,
136
- 'children': [$key === 0 && checkType !== 'none' ? _$cv('th', _extends({}, getClassAndStyleForFixed({
136
+ return _$ce(2, 'tr', function () {
137
+ var ths = [$key === 0 && checkType !== 'none' ? _$cv('th', _extends({}, getClassAndStyleForFixed({
137
138
  fixed: hasFixedLeft ? 'left' : false
138
139
  }, 0), {
139
140
  'rowspan': maxRows,
@@ -143,8 +144,13 @@ export default function ($props, $blocks, $__proto__) {
143
144
  'indeterminate': showIndeterminate && allCheckedStatus == AllCheckedStatus.Indeterminate,
144
145
  'ev-$change:value': toggleCheckedAll,
145
146
  'disabled': !hasData
146
- }) : undefined) : undefined, $value]
147
- }), 2);
147
+ }) : undefined) : undefined, $value];
148
+ return animation[1] ? _$cc(TransitionGroup, {
149
+ 'name': 'k-fade-expand',
150
+ 'move': false,
151
+ 'children': ths
152
+ }) : ths;
153
+ }(), 0);
148
154
  }, $this), 4)
149
155
  })
150
156
  })
@@ -181,115 +187,116 @@ export default function ($props, $blocks, $__proto__) {
181
187
  return block ? block.call($this, callBlock, data) : callBlock();
182
188
  }, __$blocks['empty'](_$no)), 0, 'k-table-empty', {
183
189
  'colspan': colCount
184
- }), 2, null, null, 'table-empty') : _$cc(TransitionGroup, {
185
- 'name': 'k-fade-in-left',
186
- 'move': !draggingKey.value,
187
- 'children': function () {
188
- var rows = [];
189
- loopData(function (value, index, level, hidden) {
190
- // don't render if row is hidden
191
- if (hidden) return hidden;
192
- var status = allStatus[index];
193
- var key = allKeys[index];
194
- var spreaded = isSpreaded(key);
195
- var hasChildren = !!childrenKey && Array.isArray(value[childrenKey]);
196
- var indentSize = indent ? indent * level : 0;
190
+ }), 2, null, null, 'table-empty') : function () {
191
+ var rows = [];
192
+ loopData(function (value, index, level, hidden) {
193
+ // don't render if row is hidden
194
+ if (hidden) return hidden;
195
+ var status = allStatus[index];
196
+ var key = allKeys[index];
197
+ var spreaded = isSpreaded(key);
198
+ var hasChildren = !!childrenKey && Array.isArray(value[childrenKey]);
199
+ var indentSize = indent ? indent * level : 0;
197
200
 
198
- var row = _$cc(TableRow, {
199
- 'key': key,
200
- 'cols': cols,
201
- 'data': value,
202
- 'checkType': checkType,
203
- 'hasFixedLeft': hasFixedLeft,
204
- 'onClick': _this.clickRow,
205
- 'checked': status.checked,
206
- 'indeterminate': status.indeterminate,
207
- 'index': index,
208
- 'disabled': status.disabled,
209
- 'allDisabled': status.allDisabled,
210
- 'className': _$cn(rowClassName && rowClassName(value, index, key)),
211
- 'merge': merge,
212
- 'grid': getGrid(),
213
- 'onChangeChecked': onChangeChecked,
214
- 'selected': isSelected(key),
215
- 'spreaded': spreaded,
216
- 'hasChildren': hasChildren,
217
- 'indent': indentSize,
218
- 'onToggleSpreadRow': toggleSpreadRow,
219
- 'onBeforeUnmount': _this.resetRowStatus.onRowBeforeUnmount,
220
- 'offsetMap': offsetMap,
221
- 'draggable': draggable,
222
- 'draggingKey': draggingKey.value,
223
- 'onRowDragStart': onRowDragStart,
224
- 'onRowDragEnd': onRowDragEnd,
225
- 'onRowDragOver': onRowDragOver
226
- }, key);
201
+ var row = _$cc(TableRow, {
202
+ 'key': key,
203
+ 'cols': cols,
204
+ 'data': value,
205
+ 'checkType': checkType,
206
+ 'hasFixedLeft': hasFixedLeft,
207
+ 'onClick': _this.clickRow,
208
+ 'checked': status.checked,
209
+ 'indeterminate': status.indeterminate,
210
+ 'index': index,
211
+ 'disabled': status.disabled,
212
+ 'allDisabled': status.allDisabled,
213
+ 'className': _$cn(rowClassName && rowClassName(value, index, key)),
214
+ 'merge': merge,
215
+ 'grid': getGrid(),
216
+ 'onChangeChecked': onChangeChecked,
217
+ 'selected': isSelected(key),
218
+ 'spreaded': spreaded,
219
+ 'hasChildren': hasChildren,
220
+ 'indent': indentSize,
221
+ 'onToggleSpreadRow': toggleSpreadRow,
222
+ 'onBeforeUnmount': _this.resetRowStatus.onRowBeforeUnmount,
223
+ 'offsetMap': offsetMap,
224
+ 'animation': animation[1],
225
+ 'draggable': draggable,
226
+ 'draggingKey': draggingKey.value,
227
+ 'onRowDragStart': onRowDragStart,
228
+ 'onRowDragEnd': onRowDragEnd,
229
+ 'onRowDragOver': onRowDragOver
230
+ }, key);
227
231
 
228
- if ($blocks.tooltip) {
229
- var content = (_$blocks['tooltip'] = function ($super) {
230
- return null;
231
- }, __$blocks['tooltip'] = function ($super, data) {
232
- var block = $blocks['tooltip'];
232
+ if ($blocks.tooltip) {
233
+ var content = (_$blocks['tooltip'] = function ($super) {
234
+ return null;
235
+ }, __$blocks['tooltip'] = function ($super, data) {
236
+ var block = $blocks['tooltip'];
233
237
 
234
- var callBlock = function callBlock() {
235
- return _$blocks['tooltip'].call($this, $super, data);
236
- };
238
+ var callBlock = function callBlock() {
239
+ return _$blocks['tooltip'].call($this, $super, data);
240
+ };
237
241
 
238
- return block ? block.call($this, callBlock, data) : callBlock();
239
- }, __$blocks['tooltip'](_$no, [value, index]));
240
- row = _$cc(Tooltip, {
241
- 'key': key,
242
- 'position': tooltipPosition,
243
- 'container': tooltipContainer,
244
- 'children': row,
245
- '$blocks': function ($blocks) {
246
- var _$blocks = {},
247
- __$blocks = _$ex({}, $blocks);
242
+ return block ? block.call($this, callBlock, data) : callBlock();
243
+ }, __$blocks['tooltip'](_$no, [value, index]));
244
+ row = _$cc(Tooltip, {
245
+ 'key': key,
246
+ 'position': tooltipPosition,
247
+ 'container': tooltipContainer,
248
+ 'children': row,
249
+ '$blocks': function ($blocks) {
250
+ var _$blocks = {},
251
+ __$blocks = _$ex({}, $blocks);
248
252
 
249
- return (_$blocks['content'] = function ($super) {
250
- return content;
251
- }, __$blocks['content'] = function ($super, data) {
252
- var block = $blocks['content'];
253
+ return (_$blocks['content'] = function ($super) {
254
+ return content;
255
+ }, __$blocks['content'] = function ($super, data) {
256
+ var block = $blocks['content'];
253
257
 
254
- var callBlock = function callBlock() {
255
- return _$blocks['content'].call($this, $super, data);
256
- };
258
+ var callBlock = function callBlock() {
259
+ return _$blocks['content'].call($this, $super, data);
260
+ };
257
261
 
258
- return block ? block.call($this, callBlock, data) : callBlock();
259
- }), __$blocks;
260
- }.call($this, _$em)
261
- }, key);
262
- }
262
+ return block ? block.call($this, callBlock, data) : callBlock();
263
+ }), __$blocks;
264
+ }.call($this, _$em)
265
+ }, key);
266
+ }
263
267
 
264
- rows.push(row);
268
+ rows.push(row);
265
269
 
266
- if ($blocks.expand) {
267
- var expanded = isExpanded(key);
268
- rows.push(_$ce(2, 'tr', _$ce(2, 'td', _$cc(Transition, _extends({}, expandAnimationCallbacks, {
269
- 'children': expanded ? _$ce(2, 'div', (_$blocks['expand'] = function ($super) {
270
- return null;
271
- }, __$blocks['expand'] = function ($super, data) {
272
- var block = $blocks['expand'];
270
+ if ($blocks.expand) {
271
+ var expanded = isExpanded(key);
272
+ rows.push(_$ce(2, 'tr', _$ce(2, 'td', _$cc(Transition, _extends({}, expandAnimationCallbacks, {
273
+ 'children': expanded ? _$ce(2, 'div', (_$blocks['expand'] = function ($super) {
274
+ return null;
275
+ }, __$blocks['expand'] = function ($super, data) {
276
+ var block = $blocks['expand'];
273
277
 
274
- var callBlock = function callBlock() {
275
- return _$blocks['expand'].call($this, $super, data);
276
- };
278
+ var callBlock = function callBlock() {
279
+ return _$blocks['expand'].call($this, $super, data);
280
+ };
277
281
 
278
- return block ? block.call($this, callBlock, data) : callBlock();
279
- }, __$blocks['expand'](_$no, [value, index])), 0, 'k-table-expand') : undefined
280
- })), 2, null, {
281
- 'colspan': colCount
282
- }), 2, _$cn({
283
- "k-expand": true,
284
- 'k-expanded': expanded
285
- }), null, key + ".$expand"));
286
- }
282
+ return block ? block.call($this, callBlock, data) : callBlock();
283
+ }, __$blocks['expand'](_$no, [value, index])), 0, 'k-table-expand') : undefined
284
+ })), 2, null, {
285
+ 'colspan': colCount
286
+ }), 2, _$cn({
287
+ "k-expand": true,
288
+ 'k-expanded': expanded
289
+ }), null, key + ".$expand"));
290
+ }
287
291
 
288
- return hidden || !spreaded;
289
- });
290
- return rows;
291
- }()
292
- }), 0);
292
+ return hidden || !spreaded;
293
+ });
294
+ return animation[0] ? _$cc(TransitionGroup, {
295
+ 'name': 'k-fade-in-left',
296
+ 'move': !draggingKey.value,
297
+ 'children': rows
298
+ }) : rows;
299
+ }(), 0);
293
300
 
294
301
  var tableWidthPx = tableWidth.value ? tableWidth.value + "px" : null;
295
302
  var _this$stickyScrollbar = this.stickyScrollbar,
@@ -8,6 +8,6 @@ export interface TooltipProps extends BaseTooltipProps {
8
8
  export interface TooltipBlocks extends BaseTooltipBlocks, TooltipContentBlocks {
9
9
  content: null;
10
10
  }
11
- declare class _Tooltip extends BaseTooltip<TooltipProps, TooltipEvents, TooltipBlocks> {
11
+ export declare class _Tooltip extends BaseTooltip<TooltipProps, TooltipEvents, TooltipBlocks> {
12
12
  }
13
13
  export declare const Tooltip: typeof _Tooltip;
@@ -13,5 +13,5 @@ setDefault(function () {
13
13
  });
14
14
  export function makeStyles(color, inset) {
15
15
  var waveEffect = /*#__PURE__*/keyframes("100%{top:calc(", inset, " + ", wave.inset, ");bottom:calc(", inset, " + ", wave.inset, ");left:calc(", inset, " + ", wave.inset, ");right:calc(", inset, " + ", wave.inset, ");opacity:0.05;}");
16
- return /*#__PURE__*/css("position:relative;&::after{display:block;content:'';position:absolute;top:", inset, ";bottom:", inset, ";left:", inset, ";right:", inset, ";opacity:0.4;border-radius:4px;z-index:2;animation:", waveEffect, " .2s ease-in;animation-fill-mode:forwards;border:2px solid ", color, ";}&.k-circle,&.k-radio-wrapper{&:after{border-radius:calc(", theme.large.height, " / 2 + 4px);}}");
16
+ return /*#__PURE__*/css("position:relative;&::after{display:block;content:'';position:absolute;top:", inset, ";bottom:", inset, ";left:", inset, ";right:", inset, ";opacity:0.4;border-radius:4px;z-index:2;animation:", waveEffect, " .2s ease-in;animation-fill-mode:forwards;border:2px solid ", color, ";pointer-events:none;}&.k-circle,&.k-radio-wrapper{&:after{border-radius:calc(", theme.large.height, " / 2 + 4px);}}");
17
17
  }
package/es/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @king-design v2.0.13-beta.0
2
+ * @king-design v2.0.14
3
3
  *
4
4
  * Copyright (c) Kingsoft Cloud
5
5
  * Released under the MIT License
@@ -57,4 +57,4 @@ export * from './components/tree';
57
57
  export * from './components/treeSelect';
58
58
  export * from './components/upload';
59
59
  export * from './components/wave';
60
- export declare const version = "2.0.13-beta.0";
60
+ export declare const version = "2.0.14";
package/es/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @king-design v2.0.13-beta.0
2
+ * @king-design v2.0.14
3
3
  *
4
4
  * Copyright (c) Kingsoft Cloud
5
5
  * Released under the MIT License
@@ -59,5 +59,5 @@ export * from './components/tree';
59
59
  export * from './components/treeSelect';
60
60
  export * from './components/upload';
61
61
  export * from './components/wave';
62
- export var version = '2.0.13-beta.0';
62
+ export var version = '2.0.14';
63
63
  /* generate end */
@@ -64,7 +64,7 @@ describe('Drawer', function () {
64
64
  }, _callee);
65
65
  })));
66
66
  it('should handle event correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
67
- var click1, click2, _document$querySelect, element1, element2;
67
+ var click1, click2, click3, _document$querySelect, element1, element2, element3;
68
68
 
69
69
  return _regeneratorRuntime.wrap(function _callee2$(_context2) {
70
70
  while (1) {
@@ -76,6 +76,9 @@ describe('Drawer', function () {
76
76
  click2 = sinon.spy(function () {
77
77
  return console.log(2);
78
78
  });
79
+ click3 = sinon.spy(function () {
80
+ return console.log(3);
81
+ });
79
82
  ReactDOM.render( /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Drawer, {
80
83
  value: true,
81
84
  title: "1"
@@ -97,22 +100,34 @@ describe('Drawer', function () {
97
100
  }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
98
101
  className: "click",
99
102
  onClick: click2
100
- }, "click")))), container);
101
- _document$querySelect = document.querySelectorAll('.click'), element1 = _document$querySelect[0], element2 = _document$querySelect[1];
103
+ }, "click"))), /*#__PURE__*/React.createElement(Drawer, {
104
+ value: true,
105
+ title: "3"
106
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
107
+ className: "click",
108
+ onClick: click3
109
+ }, "click"))))), container);
110
+ _document$querySelect = document.querySelectorAll('.click'), element1 = _document$querySelect[0], element2 = _document$querySelect[1], element3 = _document$querySelect[2];
102
111
  dispatchEvent(element1, 'click');
103
- _context2.next = 7;
112
+ _context2.next = 8;
104
113
  return wait();
105
114
 
106
- case 7:
115
+ case 8:
107
116
  expect(click1.callCount).to.eql(1);
108
117
  dispatchEvent(element2, 'click');
109
- _context2.next = 11;
118
+ _context2.next = 12;
110
119
  return wait();
111
120
 
112
- case 11:
121
+ case 12:
113
122
  expect(click2.callCount).to.eql(1);
123
+ dispatchEvent(element3, 'click');
124
+ _context2.next = 16;
125
+ return wait();
114
126
 
115
- case 12:
127
+ case 16:
128
+ expect(click3.callCount).to.eql(1);
129
+
130
+ case 17:
116
131
  case "end":
117
132
  return _context2.stop();
118
133
  }
@@ -37,7 +37,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
37
37
  return _this2.setState({
38
38
  day: day
39
39
  });
40
- }
40
+ },
41
+ show: true
41
42
  }, /*#__PURE__*/React.createElement(Option, {
42
43
  value: "Monday"
43
44
  }, "\u661F\u671F\u4E00"), /*#__PURE__*/React.createElement(Option, {
@@ -98,6 +98,22 @@ var Demo = /*#__PURE__*/function (_React$Component) {
98
98
  }) : undefined, /*#__PURE__*/React.createElement(TableColumn, {
99
99
  key: "c",
100
100
  title: "Title 3"
101
+ })), /*#__PURE__*/React.createElement(Table, {
102
+ data: this.state.data,
103
+ resizable: true,
104
+ rowKey: function rowKey(row) {
105
+ return row.a;
106
+ },
107
+ animation: false
108
+ }, /*#__PURE__*/React.createElement(TableColumn, {
109
+ key: "a",
110
+ title: "Title 1"
111
+ }), this.state.isShow ? /*#__PURE__*/React.createElement(TableColumn, {
112
+ key: "b",
113
+ title: "Title 2"
114
+ }) : undefined, /*#__PURE__*/React.createElement(TableColumn, {
115
+ key: "c",
116
+ title: "Title 3"
101
117
  })));
102
118
  };
103
119
 
@@ -12,6 +12,6 @@ var slideDirections = {
12
12
  right: 'left center 0'
13
13
  }; // TODO: update global when theme changed
14
14
 
15
- injectGlobal("html{--var-wave-color:", theme.color.primary, ";box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro SC,SF Pro Text,Helvetica Neue,Helvetica,PingFang SC,Segoe UI,Roboto,Hiragino Sans GB,arial,microsoft yahei ui,Microsoft YaHei,SimSun,sans-serif;}body{font-size:", theme.fontSize, ";line-height:", theme.lineHeight, ";margin:0;padding:0;color:", theme.color.text, ";}*,*:before,*:after{box-sizing:inherit;}", _mapInstanceProperty(_context = _Object$keys(slideDirections)).call(_context, function (direction) {
15
+ injectGlobal("html{--var-wave-color:", theme.color.primary, ";box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro SC,SF Pro Text,Helvetica Neue,Helvetica,PingFang SC,Segoe UI,Roboto,Hiragino Sans GB,arial,microsoft yahei ui,Microsoft YaHei,sans-serif;}body{font-size:", theme.fontSize, ";line-height:", theme.lineHeight, ";margin:0;padding:0;color:", theme.color.text, ";}*,*:before,*:after{box-sizing:inherit;}", _mapInstanceProperty(_context = _Object$keys(slideDirections)).call(_context, function (direction) {
16
16
  return "\n .k-slide" + direction + "-enter-from,\n .k-slide" + direction + "-leave-to {\n transform-origin: " + slideDirections[direction] + ";\n opacity: 0;\n transform: " + (direction === 'down' || direction === 'up' ? "scaleY(.8)" : 'scaleX(.8)') + ";\n }\n .k-slide" + direction + "-enter-active,\n .k-slide" + direction + "-leave-active {\n transform-origin: " + slideDirections[direction] + ";\n transition: opacity " + theme.transition.large + ", transform " + theme.transition.large + " !important;\n pointer-events: none;\n }\n ";
17
17
  }).join(''), " .k-fade-enter-from,.k-fade-leave-to{opacity:0!important;}.k-fade-enter-active,.k-fade-leave-active{transition:opacity ", theme.transition.large, ";}.k-fade-leave-active:not(tr){position:absolute;}.k-fade-move{transition:transform ", theme.transition.large, ";}.k-scale-enter-from,.k-scale-leave-to{transform:scale(0);}.k-scale-enter-active,.k-scale-leave-active{transition:transform ", theme.transition.large, ";}.k-expand-enter-from,.k-expand-leave-to{opacity:0;overflow:hidden;}.k-expand-enter-active,.k-expand-leave-active{transition:all ", theme.transition.large, "!important;overflow:hidden;}.k-expand-move{transition:transform ", theme.transition.large, ";}.k-dropdown-enter-from,.k-dropdown-leave-to{opacity:0;transform:translateY(-20px);}.k-dropdown-enter-active,.k-dropdown-leave-active,.k-dropdown-move{transition:all ", theme.transition.large, ";}.k-dropdown-leave-active{position:absolute!important;}.k-dropdown-move{transition:transform ", theme.transition.large, ";}.k-fade-in-left-enter-from,.k-fade-in-left-leave-to{opacity:0;transform:translate3d(-15px, 0, 0);}.k-fade-in-left-enter-active,.k-fade-in-left-leave-active{transition:all ", theme.transition.large, ";td{background:", palette(theme.color.primary, -4), "!important;}}.k-fade-in-left-move{transition:transform ", theme.transition.large, ";}.k-fade-expand-enter-from,.k-fade-expand-leave-to{opacity:0;}.k-fade-expand-enter-active,.k-fade-expand-leave-active{transition:all ", theme.transition.large, ";background:", palette(theme.color.primary, -4), "!important;}.c-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.c-hidden{display:none;}.c-middle{display:inline-block;vertical-align:middle;}");
package/index.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @king-design v2.0.13-beta.0
2
+ * @king-design v2.0.14
3
3
  *
4
4
  * Copyright (c) Kingsoft Cloud
5
5
  * Released under the MIT License
@@ -62,6 +62,6 @@ export * from './components/treeSelect';
62
62
  export * from './components/upload';
63
63
  export * from './components/wave';
64
64
 
65
- export const version = '2.0.13-beta.0';
65
+ export const version = '2.0.14';
66
66
 
67
67
  /* generate end */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@king-design/intact",
3
- "version": "2.0.13-beta.0",
3
+ "version": "2.0.14",
4
4
  "description": "A component library written in Intact for Intact, Vue, React and Angular",
5
5
  "main": "es/index.js",
6
6
  "scripts": {
@@ -116,7 +116,7 @@
116
116
  "highlight.js": "^10.4.1",
117
117
  "history": "^5.0.0",
118
118
  "html-webpack-plugin": "5.3.1",
119
- "intact-react": "^3.0.13",
119
+ "intact-react": "^3.0.14",
120
120
  "istanbul-instrumenter-loader": "^3.0.0",
121
121
  "js-yaml": "^4.1.0",
122
122
  "karma": "^6.3.2",