@king-design/intact 3.4.3-beta.0 → 3.4.3-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.
- package/components/button/demos/disabled.md +4 -14
- package/components/button/index.vdt +1 -1
- package/components/button/styles.ts +1 -14
- package/components/dialog/styles.ts +3 -3
- package/components/dropdown/item.ts +2 -7
- package/components/editable/index.spec.ts +8 -8
- package/components/editable/index.vdt +1 -3
- package/components/editable/styles.ts +1 -8
- package/components/ellipsis/index.vdt +0 -1
- package/components/select/base.ts +1 -7
- package/components/select/base.vdt +1 -2
- package/components/switch/index.ts +1 -1
- package/components/table/cell.ts +0 -1
- package/components/table/cell.vdt +2 -8
- package/components/table/column.ts +0 -2
- package/components/table/index.md +0 -3
- package/components/table/row.ts +3 -4
- package/components/table/row.vdt +2 -2
- package/components/table/styles.ts +1 -1
- package/components/table/table.ts +0 -3
- package/components/table/table.vdt +2 -10
- package/components/table/useGroup.ts +1 -1
- package/components/table/useTree.ts +2 -9
- package/components/tooltip/tooltip.ts +0 -2
- package/components/treeSelect/demos/basic.md +0 -1
- package/components/treeSelect/index.vdt +0 -1
- package/es/components/button/index.vdt.js +1 -1
- package/es/components/button/styles.js +3 -3
- package/es/components/diagram/shapes/callout.d.ts +1 -1
- package/es/components/diagram/shapes/circle.d.ts +1 -1
- package/es/components/diagram/shapes/document.d.ts +1 -1
- package/es/components/diagram/shapes/ellipse.d.ts +1 -1
- package/es/components/diagram/shapes/hexagon.d.ts +1 -1
- package/es/components/diagram/shapes/image.d.ts +1 -1
- package/es/components/diagram/shapes/parallelogram.d.ts +1 -1
- package/es/components/diagram/shapes/rectangle.d.ts +1 -1
- package/es/components/diagram/shapes/square.d.ts +1 -1
- package/es/components/diagram/shapes/text.d.ts +1 -1
- package/es/components/dialog/styles.js +3 -3
- package/es/components/dropdown/item.js +2 -5
- package/es/components/editable/index.spec.js +8 -8
- package/es/components/editable/index.vdt.js +1 -3
- package/es/components/editable/styles.d.ts +0 -1
- package/es/components/editable/styles.js +1 -4
- package/es/components/ellipsis/index.vdt.js +0 -1
- package/es/components/select/base.d.ts +0 -4
- package/es/components/select/base.js +1 -11
- package/es/components/select/base.vdt.js +1 -2
- package/es/components/switch/index.js +1 -1
- package/es/components/table/cell.d.ts +0 -1
- package/es/components/table/cell.vdt.js +3 -13
- package/es/components/table/column.d.ts +0 -1
- package/es/components/table/column.js +0 -1
- package/es/components/table/row.d.ts +1 -2
- package/es/components/table/row.js +2 -3
- package/es/components/table/row.vdt.js +1 -3
- package/es/components/table/styles.js +1 -1
- package/es/components/table/table.d.ts +0 -2
- package/es/components/table/table.js +1 -2
- package/es/components/table/table.vdt.js +0 -14
- package/es/components/table/useGroup.js +1 -1
- package/es/components/table/useTree.d.ts +1 -1
- package/es/components/table/useTree.js +2 -30
- package/es/components/tooltip/tooltip.d.ts +0 -1
- package/es/components/tooltip/tooltip.js +1 -9
- package/es/components/treeSelect/index.vdt.js +0 -1
- package/es/index.d.ts +2 -2
- package/es/index.js +2 -2
- package/es/site/data/components/button/demos/disabled/index.d.ts +0 -1
- package/es/site/data/components/button/demos/disabled/index.js +0 -1
- package/es/site/data/components/button/demos/disabled/react.d.ts +0 -1
- package/es/site/data/components/button/demos/disabled/react.js +15 -28
- package/es/site/data/components/treeSelect/demos/basic/react.js +1 -2
- package/index.ts +2 -2
- package/package.json +2 -2
- package/components/select/demos/immutable.md +0 -38
- package/components/select/useImmutable.ts +0 -46
- package/components/table/demos/asyncTree.md +0 -70
- package/components/table/demos/footer.md +0 -38
- package/es/components/select/useImmutable.d.ts +0 -4
- package/es/components/select/useImmutable.js +0 -46
- package/es/site/data/components/select/demos/immutable/index.d.ts +0 -9
- package/es/site/data/components/select/demos/immutable/index.js +0 -18
- package/es/site/data/components/select/demos/immutable/react.d.ts +0 -9
- package/es/site/data/components/select/demos/immutable/react.js +0 -53
- package/es/site/data/components/table/demos/asyncTree/index.d.ts +0 -20
- package/es/site/data/components/table/demos/asyncTree/index.js +0 -53
- package/es/site/data/components/table/demos/asyncTree/react.d.ts +0 -20
- package/es/site/data/components/table/demos/asyncTree/react.js +0 -76
- package/es/site/data/components/table/demos/footer/index.d.ts +0 -12
- package/es/site/data/components/table/demos/footer/index.js +0 -25
- package/es/site/data/components/table/demos/footer/react.d.ts +0 -11
- package/es/site/data/components/table/demos/footer/react.js +0 -46
|
@@ -18,7 +18,7 @@ export declare class DImage extends DShape<DImageProps> {
|
|
|
18
18
|
rotatable?: boolean | undefined;
|
|
19
19
|
editable?: boolean | undefined;
|
|
20
20
|
connectable?: boolean | undefined;
|
|
21
|
-
strokeStyle?: "
|
|
21
|
+
strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
|
|
22
22
|
label?: string | number | undefined;
|
|
23
23
|
style?: Record<string, string | number> | undefined;
|
|
24
24
|
data?: any;
|
|
@@ -12,7 +12,7 @@ export declare class DParallelogram extends DShape {
|
|
|
12
12
|
rotatable?: boolean | undefined;
|
|
13
13
|
editable?: boolean | undefined;
|
|
14
14
|
connectable?: boolean | undefined;
|
|
15
|
-
strokeStyle?: "
|
|
15
|
+
strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
|
|
16
16
|
label?: string | number | undefined;
|
|
17
17
|
style?: Record<string, string | number> | undefined;
|
|
18
18
|
data?: any;
|
|
@@ -18,7 +18,7 @@ export declare class DRectangle extends DShape<DRectangleProps> {
|
|
|
18
18
|
rotatable?: boolean | undefined;
|
|
19
19
|
editable?: boolean | undefined;
|
|
20
20
|
connectable?: boolean | undefined;
|
|
21
|
-
strokeStyle?: "
|
|
21
|
+
strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
|
|
22
22
|
label?: string | number | undefined;
|
|
23
23
|
style?: Record<string, string | number> | undefined;
|
|
24
24
|
data?: any;
|
|
@@ -13,7 +13,7 @@ export declare class DSquare extends DRectangle {
|
|
|
13
13
|
rotatable?: boolean | undefined;
|
|
14
14
|
editable?: boolean | undefined;
|
|
15
15
|
connectable?: boolean | undefined;
|
|
16
|
-
strokeStyle?: "
|
|
16
|
+
strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
|
|
17
17
|
label?: string | number | undefined;
|
|
18
18
|
style?: Record<string, string | number> | undefined;
|
|
19
19
|
data?: any;
|
|
@@ -12,7 +12,7 @@ export declare class DText extends DShape {
|
|
|
12
12
|
rotatable?: boolean | undefined;
|
|
13
13
|
editable?: boolean | undefined;
|
|
14
14
|
connectable?: boolean | undefined;
|
|
15
|
-
strokeStyle?: "
|
|
15
|
+
strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
|
|
16
16
|
label?: string | number | undefined;
|
|
17
17
|
style?: Record<string, string | number> | undefined;
|
|
18
18
|
data?: any;
|
|
@@ -58,11 +58,11 @@ var defaults = {
|
|
|
58
58
|
padding: "0 24px",
|
|
59
59
|
bodyMarginTop: "-25px",
|
|
60
60
|
tipIconMarginBottom: '10px',
|
|
61
|
-
tipIconFontSize: '
|
|
62
|
-
tipIconLineHeight: '
|
|
61
|
+
tipIconFontSize: '37px',
|
|
62
|
+
tipIconLineHeight: '37px',
|
|
63
63
|
// with title
|
|
64
64
|
titleFontWeight: '500',
|
|
65
|
-
titleTipIconFontSize: '
|
|
65
|
+
titleTipIconFontSize: '37px',
|
|
66
66
|
titleFontSize: '14px',
|
|
67
67
|
wrapperPaddingLeft: '8px',
|
|
68
68
|
titleBodyMarginTop: '-36px'
|
|
@@ -50,11 +50,8 @@ export var DropdownItem = /*#__PURE__*/function (_Component) {
|
|
|
50
50
|
// hide all dropdowns
|
|
51
51
|
var dropdown = this.dropdown;
|
|
52
52
|
do {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}
|
|
56
|
-
dropdown = dropdown.dropdown;
|
|
57
|
-
} while (dropdown);
|
|
53
|
+
dropdown.hide(true);
|
|
54
|
+
} while (dropdown = dropdown.dropdown);
|
|
58
55
|
}
|
|
59
56
|
};
|
|
60
57
|
_proto.hasSubMenu = function hasSubMenu() {
|
|
@@ -24,7 +24,7 @@ describe('Editable', function () {
|
|
|
24
24
|
case 5:
|
|
25
25
|
expect(element.innerHTML).to.matchSnapshot();
|
|
26
26
|
// input
|
|
27
|
-
input = element.querySelector('
|
|
27
|
+
input = element.querySelector('input');
|
|
28
28
|
input.value = 'test';
|
|
29
29
|
dispatchEvent(input, 'blur');
|
|
30
30
|
_context.next = 11;
|
|
@@ -39,7 +39,7 @@ describe('Editable', function () {
|
|
|
39
39
|
return wait();
|
|
40
40
|
case 16:
|
|
41
41
|
expect(element.innerHTML).to.matchSnapshot();
|
|
42
|
-
input = element.querySelector('
|
|
42
|
+
input = element.querySelector('input');
|
|
43
43
|
input.value = 'new';
|
|
44
44
|
dispatchEvent(input, 'keydown', {
|
|
45
45
|
keyCode: 27
|
|
@@ -56,7 +56,7 @@ describe('Editable', function () {
|
|
|
56
56
|
return wait();
|
|
57
57
|
case 27:
|
|
58
58
|
expect(element.innerHTML).to.matchSnapshot();
|
|
59
|
-
input = element.querySelector('
|
|
59
|
+
input = element.querySelector('input');
|
|
60
60
|
input.value = 'new';
|
|
61
61
|
dispatchEvent(input, 'keydown', {
|
|
62
62
|
keyCode: 13
|
|
@@ -84,7 +84,7 @@ describe('Editable', function () {
|
|
|
84
84
|
_context2.next = 5;
|
|
85
85
|
return wait();
|
|
86
86
|
case 5:
|
|
87
|
-
input = findDomFromVNode(first.$lastInput, true).querySelector('
|
|
87
|
+
input = findDomFromVNode(first.$lastInput, true).querySelector('input');
|
|
88
88
|
dispatchEvent(input, 'focus');
|
|
89
89
|
input.value = 'a';
|
|
90
90
|
dispatchEvent(input, 'input');
|
|
@@ -98,7 +98,7 @@ describe('Editable', function () {
|
|
|
98
98
|
_context2.next = 16;
|
|
99
99
|
return wait();
|
|
100
100
|
case 16:
|
|
101
|
-
input = findDomFromVNode(second.$lastInput, true).querySelector('
|
|
101
|
+
input = findDomFromVNode(second.$lastInput, true).querySelector('input');
|
|
102
102
|
input.value = 'a';
|
|
103
103
|
dispatchEvent(input, 'input');
|
|
104
104
|
dispatchEvent(input, 'blur');
|
|
@@ -111,7 +111,7 @@ describe('Editable', function () {
|
|
|
111
111
|
_context2.next = 26;
|
|
112
112
|
return wait();
|
|
113
113
|
case 26:
|
|
114
|
-
input = findDomFromVNode(third.$lastInput, true).querySelector('
|
|
114
|
+
input = findDomFromVNode(third.$lastInput, true).querySelector('input');
|
|
115
115
|
input.value = 'a';
|
|
116
116
|
dispatchEvent(input, 'input');
|
|
117
117
|
dispatchEvent(input, 'blur');
|
|
@@ -164,7 +164,7 @@ describe('Editable', function () {
|
|
|
164
164
|
_context4.next = 7;
|
|
165
165
|
return wait();
|
|
166
166
|
case 7:
|
|
167
|
-
input = element.querySelector("
|
|
167
|
+
input = element.querySelector("input");
|
|
168
168
|
input.value = 'aa';
|
|
169
169
|
dispatchEvent(input, 'blur');
|
|
170
170
|
_context4.next = 12;
|
|
@@ -175,7 +175,7 @@ describe('Editable', function () {
|
|
|
175
175
|
_context4.next = 16;
|
|
176
176
|
return wait();
|
|
177
177
|
case 16:
|
|
178
|
-
input = element.querySelector("
|
|
178
|
+
input = element.querySelector("input");
|
|
179
179
|
expect(input.value).to.eql('aa');
|
|
180
180
|
case 18:
|
|
181
181
|
case "end":
|
|
@@ -31,9 +31,7 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
31
31
|
'ref': this.inputRef,
|
|
32
32
|
'frozenOnInput': true,
|
|
33
33
|
'ev-$mounted': this.select,
|
|
34
|
-
'
|
|
35
|
-
'type': 'textarea',
|
|
36
|
-
'rows': 'auto'
|
|
34
|
+
'autoWidth': true
|
|
37
35
|
}, null, this.inputRef), 0, 'c-ellipsis'), !disabled && !editing ? _$cc(Tooltip, {
|
|
38
36
|
'content': tip,
|
|
39
37
|
'children': _$cc(Icon, {
|
|
@@ -5,9 +5,6 @@ import '../../styles/global';
|
|
|
5
5
|
import { cache } from '../utils';
|
|
6
6
|
var defaults = {
|
|
7
7
|
iconGap: '0 0 0 8px',
|
|
8
|
-
get smallPadding() {
|
|
9
|
-
return theme.small.padding;
|
|
10
|
-
},
|
|
11
8
|
// invalid
|
|
12
9
|
invalid: {
|
|
13
10
|
get border() {
|
|
@@ -24,5 +21,5 @@ setDefault(function () {
|
|
|
24
21
|
});
|
|
25
22
|
export { editable };
|
|
26
23
|
export var makeStyles = cache(function makeStyles(k) {
|
|
27
|
-
return /*#__PURE__*/css("display:inline-flex;align-items:center;.", k, "-editable-icon{margin:", editable.iconGap, ";}&.", k, "-invalid{.", k, "-input-wrapper{border:", editable.invalid.border, "!important;}}
|
|
24
|
+
return /*#__PURE__*/css("display:inline-flex;align-items:center;.", k, "-editable-icon{margin:", editable.iconGap, ";}&.", k, "-invalid{.", k, "-input-wrapper{border:", editable.invalid.border, "!important;}}");
|
|
28
25
|
});
|
|
@@ -51,10 +51,6 @@ export declare abstract class BaseSelect<T extends BaseSelectProps<any> = BaseSe
|
|
|
51
51
|
};
|
|
52
52
|
private focusout;
|
|
53
53
|
private draggable;
|
|
54
|
-
immutable: {
|
|
55
|
-
immutableValues: State<any[]>;
|
|
56
|
-
isClosable: (key: string) => boolean;
|
|
57
|
-
};
|
|
58
54
|
protected config: {
|
|
59
55
|
cls: (name: string) => string;
|
|
60
56
|
readonly k: string;
|
|
@@ -2,8 +2,6 @@ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
|
|
|
2
2
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
|
|
3
3
|
import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
|
|
4
4
|
import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/splice";
|
|
5
|
-
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
|
|
6
|
-
import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
|
|
7
5
|
import { __decorate } from "tslib";
|
|
8
6
|
import { Component, provide, createRef } from 'intact';
|
|
9
7
|
import template from './base.vdt';
|
|
@@ -16,7 +14,6 @@ import { useInput } from './useInput';
|
|
|
16
14
|
import { useFocusout } from './useFocusout';
|
|
17
15
|
import { isNullOrUndefined } from 'intact-shared';
|
|
18
16
|
import { useDraggable } from './useDraggble';
|
|
19
|
-
import { useImmutable } from './useImmutable';
|
|
20
17
|
import { useConfigContext } from '../config';
|
|
21
18
|
var typeDefs = {
|
|
22
19
|
value: null,
|
|
@@ -63,7 +60,6 @@ export var BaseSelect = /*#__PURE__*/function (_Component) {
|
|
|
63
60
|
_this.input = useInput(_this.resetKeywords);
|
|
64
61
|
_this.focusout = useFocusout();
|
|
65
62
|
_this.draggable = useDraggable();
|
|
66
|
-
_this.immutable = useImmutable();
|
|
67
63
|
_this.config = useConfigContext();
|
|
68
64
|
return _this;
|
|
69
65
|
}
|
|
@@ -108,13 +104,7 @@ export var BaseSelect = /*#__PURE__*/function (_Component) {
|
|
|
108
104
|
};
|
|
109
105
|
_proto.clear = function clear(e) {
|
|
110
106
|
e.stopPropagation();
|
|
111
|
-
|
|
112
|
-
value = _this$get2.value,
|
|
113
|
-
multiple = _this$get2.multiple;
|
|
114
|
-
var immutableValues = this.immutable.immutableValues.value;
|
|
115
|
-
this.set('value', multiple ? Array.isArray(value) ? _filterInstanceProperty(value).call(value, function (key) {
|
|
116
|
-
return _includesInstanceProperty(immutableValues).call(immutableValues, key);
|
|
117
|
-
}) : [] : null);
|
|
107
|
+
this.set('value', this.get('multiple') ? [] : null);
|
|
118
108
|
};
|
|
119
109
|
_proto.onKeydown = function onKeydown(e) {
|
|
120
110
|
this.trigger('keydown', e);
|
|
@@ -57,7 +57,6 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
57
57
|
var _this$focusout = this.focusout,
|
|
58
58
|
onFocusout = _this$focusout.onFocusout,
|
|
59
59
|
triggerRef = _this$focusout.triggerRef;
|
|
60
|
-
var isClosable = this.immutable.isClosable;
|
|
61
60
|
var filterInput = filterable ? _$cc(Input, {
|
|
62
61
|
'className': _$cn(k + "-select-input"),
|
|
63
62
|
'value': keywords,
|
|
@@ -140,7 +139,7 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
140
139
|
'children': _$ma(label, function ($label, $key) {
|
|
141
140
|
return _$cc(Tag, {
|
|
142
141
|
'key': isStringOrNumber($label) ? $label : isStringOrNumber(value[$key]) ? value[$key] : $key,
|
|
143
|
-
'closable':
|
|
142
|
+
'closable': true,
|
|
144
143
|
'ev-close': this.delete.bind(this, $key),
|
|
145
144
|
'disabled': disabled,
|
|
146
145
|
'size': size,
|
|
@@ -15,7 +15,6 @@ export interface TableCellProps {
|
|
|
15
15
|
rowspan: number;
|
|
16
16
|
onClickArrow: (e: MouseEvent) => void;
|
|
17
17
|
hasChildren: boolean;
|
|
18
|
-
loaded: boolean;
|
|
19
18
|
}
|
|
20
19
|
export declare class TableCell extends Component<TableCellProps> {
|
|
21
20
|
static template: string | import("intact").Template<any>;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { createElementVNode as _$ce, createUnknownComponentVNode as _$cc, className as _$cn } from 'intact';
|
|
2
2
|
import { getClassAndStyleForFixed } from './useFixedColumns';
|
|
3
3
|
import { get, noop } from 'intact-shared';
|
|
4
4
|
import { Button } from '../button';
|
|
5
5
|
import { Icon } from '../icon';
|
|
6
6
|
import { getTextByChildren } from '../utils';
|
|
7
|
-
import { Ellipsis } from '../ellipsis';
|
|
8
7
|
export default function ($props, $blocks, $__proto__) {
|
|
9
8
|
var _classNameObj;
|
|
10
9
|
$blocks || ($blocks = {});
|
|
@@ -22,8 +21,7 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
22
21
|
colspan = _this$get.colspan,
|
|
23
22
|
rowspan = _this$get.rowspan,
|
|
24
23
|
onClickArrow = _this$get.onClickArrow,
|
|
25
|
-
hasChildren = _this$get.hasChildren
|
|
26
|
-
loaded = _this$get.loaded;
|
|
24
|
+
hasChildren = _this$get.hasChildren;
|
|
27
25
|
var k = this.config.k;
|
|
28
26
|
var blocks = props.$blocks;
|
|
29
27
|
var children = get(data, props.key);
|
|
@@ -33,11 +31,6 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
33
31
|
children = template(noop, [data, rowIndex]);
|
|
34
32
|
}
|
|
35
33
|
}
|
|
36
|
-
if (props.ellipsis) {
|
|
37
|
-
children = _$cc(Ellipsis, {
|
|
38
|
-
'children': children
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
34
|
var _getClassAndStyleForF = getClassAndStyleForFixed(props, offset, k, checkType),
|
|
42
35
|
className = _getClassAndStyleForF.className,
|
|
43
36
|
style = _getClassAndStyleForF.style;
|
|
@@ -53,12 +46,9 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
53
46
|
'size': 'mini',
|
|
54
47
|
'className': _$cn(k + "-table-arrow"),
|
|
55
48
|
'ev-click': onClickArrow,
|
|
56
|
-
'children':
|
|
49
|
+
'children': _$cc(Icon, {
|
|
57
50
|
'className': _$cn(k + "-icon-right"),
|
|
58
51
|
'size': 'small'
|
|
59
|
-
}) : _$cc(Icon, {
|
|
60
|
-
'className': _$cn(k + "-tree-icon ion-load-c"),
|
|
61
|
-
'rotate': true
|
|
62
52
|
})
|
|
63
53
|
}) : undefined, children], 0, _$cn(classNameObj), {
|
|
64
54
|
'style': style,
|
|
@@ -20,11 +20,10 @@ export interface TableRowProps {
|
|
|
20
20
|
spreaded: boolean;
|
|
21
21
|
hasChildren: boolean;
|
|
22
22
|
indent: number;
|
|
23
|
-
onToggleSpreadRow: (key: TableRowKey
|
|
23
|
+
onToggleSpreadRow: (key: TableRowKey) => void;
|
|
24
24
|
onBeforeUnmount: (key: TableRowKey) => void;
|
|
25
25
|
offsetMap: Record<Key, number>;
|
|
26
26
|
animation: boolean;
|
|
27
|
-
loaded: boolean;
|
|
28
27
|
draggable: boolean;
|
|
29
28
|
draggingKey: TableRowKey | null;
|
|
30
29
|
onRowDragStart: DragCallback;
|
|
@@ -70,9 +70,8 @@ export var TableRow = /*#__PURE__*/function (_Component) {
|
|
|
70
70
|
e.stopPropagation();
|
|
71
71
|
var _this$get3 = this.get(),
|
|
72
72
|
onToggleSpreadRow = _this$get3.onToggleSpreadRow,
|
|
73
|
-
key = _this$get3.key
|
|
74
|
-
|
|
75
|
-
onToggleSpreadRow(key, data);
|
|
73
|
+
key = _this$get3.key;
|
|
74
|
+
onToggleSpreadRow(key);
|
|
76
75
|
};
|
|
77
76
|
_proto.onMouseEnter = function onMouseEnter(e) {
|
|
78
77
|
// for tooltip
|
|
@@ -33,8 +33,7 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
33
33
|
offsetMap = _this$get.offsetMap,
|
|
34
34
|
draggable = _this$get.draggable,
|
|
35
35
|
draggingKey = _this$get.draggingKey,
|
|
36
|
-
animation = _this$get.animation
|
|
37
|
-
loaded = _this$get.loaded;
|
|
36
|
+
animation = _this$get.animation;
|
|
38
37
|
var k = this.config.k;
|
|
39
38
|
var classNameObj = (_classNameObj = {}, _classNameObj[k + "-disabled"] = disabled, _classNameObj[k + "-checked"] = checked, _classNameObj[k + "-selected"] = selected, _classNameObj[k + "-spreaded"] = spreaded, _classNameObj[k + "-dragging"] = draggingKey === key, _classNameObj[className] = className, _classNameObj);
|
|
40
39
|
var getGridItem = function getGridItem(columnIndex) {
|
|
@@ -83,7 +82,6 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
83
82
|
'columnIndex': columnIndex,
|
|
84
83
|
'rowIndex': rowIndex,
|
|
85
84
|
'data': data,
|
|
86
|
-
'loaded': loaded,
|
|
87
85
|
'offset': offsetMap[columnKey],
|
|
88
86
|
'checkType': checkType,
|
|
89
87
|
'indent': indent,
|
|
@@ -90,7 +90,7 @@ setDefault(function () {
|
|
|
90
90
|
makeGroupMenuStyles == null || makeGroupMenuStyles.clearCache();
|
|
91
91
|
});
|
|
92
92
|
export var makeStyles = cache(function makeStyles(k) {
|
|
93
|
-
return /*#__PURE__*/css("font-size:", table.fontSize, ";color:", table.color, ";position:relative;z-index:0;.", k, "-table-wrapper{border-bottom:", table.border, ";overflow:auto;border-radius:", table.borderRadius, ";}table{width:100%;border-
|
|
93
|
+
return /*#__PURE__*/css("font-size:", table.fontSize, ";color:", table.color, ";position:relative;z-index:0;.", k, "-table-wrapper{border-bottom:", table.border, ";overflow:auto;border-radius:", table.borderRadius, ";}table{width:100%;border-spacing:0;table-layout:fixed;}thead{text-align:", table.thead.textAlign, ";font-size:", table.thead.fontSize, ";font-weight:", table.thead.fontWeight, ";position:sticky;top:0;z-index:2;tr{height:", table.thead.height, ";&:not(:last-of-type) th{border-bottom:", table.border, ";}}}th{padding:", table.thead.padding, ";position:relative;background:", table.thead.bgColor, ";line-height:normal;&:before{content:'';height:", table.thead.delimiterHeight, ";position:absolute;background-color:", table.thead.delimiterColor, ";width:1px;left:1px;top:50%;transform:translateY(-50%);}&.", k, "-fixed-right:before{left:-2px;}&:first-of-type:before{display:none;}}.", k, "-table-title{display:inline-flex;align-items:center;max-width:100%;color:", table.thead.color, ";}.", k, "-table-title-text{flex:1;display:inline-flex;line-height:1.4;}tbody{tr{&:hover td{background:", table.tbody.hoverBgcolor, ";}&:last-of-type td{border-bottom-color:transparent;}}}td{padding:", table.tbody.padding, ";border-bottom:", table.border, ";background:", table.bgColor, ";word-wrap:break-word;}.", k, "-fixed-left,.", k, "-fixed-right{position:sticky;z-index:1;&:after{content:'';display:block;transition:box-shadow ", table.transition, ";position:absolute;top:0;bottom:0px;width:10px;pointer-events:none;}}.", k, "-fixed-left:after{right:-11px;}.", k, "-fixed-right:after{left:-11px;}&.", k, "-scroll-left .", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}&.", k, "-scroll-right .", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}&.", k, "-scroll-middle{.", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}.", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}}.", k, "-fixed-right+.", k, "-fixed-right:after{display:none;}.", k, "-table-affix-header{position:sticky;top:0;left:0;.", k, "-affix-wrapper{overflow:hidden;}&.", k, "-fixed{position:relative;}}&.", k, "-border,&.", k, "-grid{.", k, "-table-wrapper{border-top:", table.border, ";border-left:", table.border, ";border-right:", table.border, ";}}&.", k, "-grid{td:not(:last-of-type),th:not(:last-of-type){border-right:", table.border, ";}th:before{display:none;}}&.", k, "-stripe{tr:nth-child(even):not(:hover) td{background:", table.stripeBgColor, ";}}.", k, "-table-group{margin-left:", table.group.gap, ";}.", k, "-table-check{.", k, "-checkbox,.", k, "-radio{position:relative;top:-1px;}}.", k, "-column-sortable{cursor:pointer;}.", k, "-column-sort{.", k, "-icon{display:block;height:", _sortInstanceProperty(table).iconHeight, ";line-height:", _sortInstanceProperty(table).iconHeight, ";margin:0 0 1px ", _sortInstanceProperty(table).gap, ";}&.", k, "-desc .", k, "-icon.", k, "-desc,&.", k, "-asc .", k, "-icon.", k, "-asc{color:", _sortInstanceProperty(table).enabledColor, ";}}.", k, "-table-spin.", k, "-overlay{z-index:2;}.", k, "-table-empty{text-align:center;}tr.", k, "-expand{td{padding:0;background:#fdfcff;}}&.", k, "-with-expand{tr:not(.", k, "-expand){td{border-bottom:none;}}}.", k, "-table-expand{border-top:", table.border, ";box-sizing:content-box;}tbody tr.", k, "-selected td{background:", table.selectedBgColor, ";}.", k, "-hidden{display:none;}.", k, "-table-arrow{width:", table.arrow.width, "!important;margin-right:", table.arrow.gap, ";transition:transform ", table.transition, ";position:relative;top:-1px;}tr.", k, "-spreaded{.", k, "-table-arrow{transform:rotate(90deg);}}.", k, "-table-resize{height:100%;width:", table.resizeWidth, ";position:absolute;top:0;left:-1px;cursor:ew-resize;}tr.", k, "-dragging{opacity:", table.draggingOpacity, ";}.", k, "-table-scrollbar{overflow-x:auto;overflow-y:hidden;}.", k, "-table-scrollbar-inner{height:1px;}", _mapInstanceProperty(aligns).call(aligns, function (type) {
|
|
94
94
|
return /*#__PURE__*/css(".", k, "-align-", type, "{text-align:", type, ";}");
|
|
95
95
|
}), ">.", k, "-pagination{margin:16px 0;}&.", k, "-fix-header{min-height:0;.", k, "-table-wrapper{height:100%;}}");
|
|
96
96
|
});
|
|
@@ -38,7 +38,6 @@ export interface TableProps<T = any, K extends TableRowKey = TableRowKey, C exte
|
|
|
38
38
|
animation?: boolean | [boolean, boolean];
|
|
39
39
|
hideHeader?: boolean;
|
|
40
40
|
pagination?: boolean | PaginationProps;
|
|
41
|
-
load?: (value: T) => Promise<void> | void;
|
|
42
41
|
}
|
|
43
42
|
export interface TableEvents<T = any, K extends TableRowKey = number> {
|
|
44
43
|
clickRow: [T, number, K];
|
|
@@ -61,7 +60,6 @@ export interface TableBlocks<T = unknown> {
|
|
|
61
60
|
empty: null;
|
|
62
61
|
tooltip: [T, number];
|
|
63
62
|
expand: [T, number];
|
|
64
|
-
footer: null;
|
|
65
63
|
}
|
|
66
64
|
type CheckType = 'checkbox' | 'radio' | 'none';
|
|
67
65
|
export type TableCheckType = CheckType;
|
|
@@ -183,7 +183,6 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
183
183
|
'key': key,
|
|
184
184
|
'cols': cols,
|
|
185
185
|
'data': value,
|
|
186
|
-
'loaded': value.loaded,
|
|
187
186
|
'checkType': checkType,
|
|
188
187
|
'hasFixedLeft': hasFixedLeft,
|
|
189
188
|
'onClick': _this.clickRow,
|
|
@@ -260,19 +259,6 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
260
259
|
}
|
|
261
260
|
return hidden || !spreaded;
|
|
262
261
|
});
|
|
263
|
-
if ($blocks.footer) {
|
|
264
|
-
rows.push(_$ce(2, 'tr', _$ce(2, 'td', (_$blocks['footer'] = function ($super) {
|
|
265
|
-
return null;
|
|
266
|
-
}, __$blocks['footer'] = function ($super, data) {
|
|
267
|
-
var block = $blocks['footer'];
|
|
268
|
-
var callBlock = function callBlock() {
|
|
269
|
-
return _$blocks['footer'].call($this, $super, data);
|
|
270
|
-
};
|
|
271
|
-
return block ? block.call($this, callBlock, data) : callBlock();
|
|
272
|
-
}, __$blocks['footer'](_$no)), 0, _$cn(k + "-table-footer"), {
|
|
273
|
-
'colspan': colCount
|
|
274
|
-
}), 2, null, null, 'table-footer'));
|
|
275
|
-
}
|
|
276
262
|
return animation[0] ? _$cc(TransitionGroup, {
|
|
277
263
|
'name': 'k-fade-in-left',
|
|
278
264
|
'move': !draggingKey.value,
|
|
@@ -61,7 +61,7 @@ export function useGroup() {
|
|
|
61
61
|
function isEmptyValue(groupValue) {
|
|
62
62
|
var _instance$get4 = instance.get(),
|
|
63
63
|
multiple = _instance$get4.multiple;
|
|
64
|
-
return !groupValue || multiple && (!isArray(groupValue) || groupValue.every(function (value) {
|
|
64
|
+
return !groupValue && groupValue !== 0 || multiple && (!isArray(groupValue) || groupValue.every(function (value) {
|
|
65
65
|
return !value;
|
|
66
66
|
}));
|
|
67
67
|
}
|
|
@@ -2,7 +2,7 @@ import type { TableRowKey } from './table';
|
|
|
2
2
|
import { State } from '../../hooks/useState';
|
|
3
3
|
export declare function useTree(data: State<any[] | undefined>): {
|
|
4
4
|
isSpreaded: (key: TableRowKey) => boolean;
|
|
5
|
-
toggleSpreadRow: (key: TableRowKey
|
|
5
|
+
toggleSpreadRow: (key: TableRowKey) => void;
|
|
6
6
|
loopData: <T>(cb: (value: any, index: number, level: number, meta: T | null) => T, shouldBreak?: boolean) => void;
|
|
7
7
|
};
|
|
8
8
|
export declare function loopDataWithChildrenKey<T>(data: any[] | undefined, childrenKey: string | undefined, cb: (value: any, index: number, level: number, meta: T | null) => T, shouldBreak: boolean): void;
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
|
|
2
|
-
import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
|
|
3
1
|
import { useInstance } from 'intact';
|
|
4
2
|
import { inArray } from './useChecked';
|
|
5
3
|
import { toggleArray } from '../utils';
|
|
@@ -8,34 +6,8 @@ export function useTree(data) {
|
|
|
8
6
|
function isSpreaded(key) {
|
|
9
7
|
return inArray(instance.get('spreadKeys'), key);
|
|
10
8
|
}
|
|
11
|
-
function toggleSpreadRow(
|
|
12
|
-
|
|
13
|
-
}
|
|
14
|
-
function _toggleSpreadRow() {
|
|
15
|
-
_toggleSpreadRow = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(key, rowData) {
|
|
16
|
-
var _instance$get2, spreadKeys, load;
|
|
17
|
-
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
18
|
-
while (1) switch (_context.prev = _context.next) {
|
|
19
|
-
case 0:
|
|
20
|
-
_instance$get2 = instance.get(), spreadKeys = _instance$get2.spreadKeys, load = _instance$get2.load;
|
|
21
|
-
instance.set('spreadKeys', toggleArray(spreadKeys, key));
|
|
22
|
-
if (!(load && data.value && !rowData.loaded)) {
|
|
23
|
-
_context.next = 8;
|
|
24
|
-
break;
|
|
25
|
-
}
|
|
26
|
-
rowData.loaded = false;
|
|
27
|
-
_context.next = 6;
|
|
28
|
-
return load(rowData);
|
|
29
|
-
case 6:
|
|
30
|
-
rowData.loaded = true;
|
|
31
|
-
instance.forceUpdate();
|
|
32
|
-
case 8:
|
|
33
|
-
case "end":
|
|
34
|
-
return _context.stop();
|
|
35
|
-
}
|
|
36
|
-
}, _callee);
|
|
37
|
-
}));
|
|
38
|
-
return _toggleSpreadRow.apply(this, arguments);
|
|
9
|
+
function toggleSpreadRow(key) {
|
|
10
|
+
instance.set('spreadKeys', toggleArray(instance.get('spreadKeys'), key));
|
|
39
11
|
}
|
|
40
12
|
function loopData(cb, shouldBreak) {
|
|
41
13
|
if (shouldBreak === void 0) {
|
|
@@ -23,7 +23,6 @@ export declare class Tooltip<T extends TooltipProps = TooltipProps, E extends To
|
|
|
23
23
|
static typeDefs: Required<TypeDefs<TooltipProps>>;
|
|
24
24
|
static defaults: () => Partial<TooltipProps>;
|
|
25
25
|
static events: Events<TooltipEvents>;
|
|
26
|
-
$isTooltip: boolean;
|
|
27
26
|
show(shouldFocus?: boolean): void;
|
|
28
27
|
hide(immediately: boolean): void;
|
|
29
28
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
|
|
2
2
|
import _extends from "@babel/runtime-corejs3/helpers/extends";
|
|
3
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
|
|
4
3
|
import { Dropdown } from '../dropdown/dropdown';
|
|
5
4
|
import { _$ } from '../../i18n';
|
|
6
5
|
import { themes } from './styles';
|
|
@@ -40,14 +39,7 @@ var events = _extends({}, Dropdown.events, {
|
|
|
40
39
|
export var Tooltip = /*#__PURE__*/function (_Dropdown) {
|
|
41
40
|
_inheritsLoose(Tooltip, _Dropdown);
|
|
42
41
|
function Tooltip() {
|
|
43
|
-
|
|
44
|
-
var _this;
|
|
45
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
46
|
-
args[_key] = arguments[_key];
|
|
47
|
-
}
|
|
48
|
-
_this = _Dropdown.call.apply(_Dropdown, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
|
|
49
|
-
_this.$isTooltip = true;
|
|
50
|
-
return _this;
|
|
42
|
+
return _Dropdown.apply(this, arguments) || this;
|
|
51
43
|
}
|
|
52
44
|
var _proto = Tooltip.prototype;
|
|
53
45
|
_proto.show = function show(shouldFocus) {
|
|
@@ -43,7 +43,6 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
43
43
|
'multiple': multiple,
|
|
44
44
|
'selectable': !checkbox,
|
|
45
45
|
'load': load,
|
|
46
|
-
'showLine': showLine,
|
|
47
46
|
'filter': filterable ? _filterInstanceProperty(this) : null,
|
|
48
47
|
'ev-transitionEnd': this.position
|
|
49
48
|
}, null, treeRef)
|
package/es/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @king-design v3.4.3-beta.
|
|
2
|
+
* @king-design v3.4.3-beta.1
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) Kingsoft Cloud
|
|
5
5
|
* Released under the MIT License
|
|
@@ -64,4 +64,4 @@ export * from './components/treeSelect';
|
|
|
64
64
|
export * from './components/upload';
|
|
65
65
|
export * from './components/view';
|
|
66
66
|
export * from './components/wave';
|
|
67
|
-
export declare const version = "3.4.3-beta.
|
|
67
|
+
export declare const version = "3.4.3-beta.1";
|
package/es/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @king-design v3.4.3-beta.
|
|
2
|
+
* @king-design v3.4.3-beta.1
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) Kingsoft Cloud
|
|
5
5
|
* Released under the MIT License
|
|
@@ -65,5 +65,5 @@ export * from './components/treeSelect';
|
|
|
65
65
|
export * from './components/upload';
|
|
66
66
|
export * from './components/view';
|
|
67
67
|
export * from './components/wave';
|
|
68
|
-
export var version = '3.4.3-beta.
|
|
68
|
+
export var version = '3.4.3-beta.1';
|
|
69
69
|
/* generate end */
|
|
@@ -2,7 +2,6 @@ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
|
|
|
2
2
|
export { default as data } from './index.json';
|
|
3
3
|
import { Component } from 'intact';
|
|
4
4
|
import template from './index.vdt';
|
|
5
|
-
import './index.styl';
|
|
6
5
|
var default_1 = /*#__PURE__*/function (_Component) {
|
|
7
6
|
_inheritsLoose(default_1, _Component);
|
|
8
7
|
function default_1() {
|