@king-design/intact 2.0.13 → 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.
- package/components/cascader/index.md +1 -0
- package/components/cascader/useValue.ts +1 -1
- package/components/datepicker/index.md +1 -0
- package/components/form/styles.ts +5 -2
- package/components/select/base.ts +5 -7
- package/components/select/base.vdt +5 -7
- package/components/select/demos/basic.md +1 -1
- package/components/select/index.md +1 -0
- package/components/select/useEqualWidth.ts +1 -1
- package/components/select/useFocusout.ts +1 -1
- package/components/select/useInput.ts +1 -1
- package/components/treeSelect/index.md +1 -0
- package/components/wave/index.ts +1 -1
- package/components/wave/styles.ts +2 -1
- package/es/components/cascader/useValue.js +1 -1
- package/es/components/form/styles.js +1 -1
- package/es/components/select/base.d.ts +1 -1
- package/es/components/select/base.js +4 -4
- package/es/components/select/base.vdt.js +6 -6
- package/es/components/select/useEqualWidth.js +1 -1
- package/es/components/select/useFocusout.js +1 -1
- package/es/components/select/useInput.js +1 -1
- package/es/components/wave/styles.js +1 -1
- package/es/index.d.ts +2 -2
- package/es/index.js +2 -2
- package/es/packages/kpc-react/__tests__/components/drawer.spec.js +23 -8
- package/es/site/data/components/select/demos/basic/react.js +2 -1
- package/es/styles/global.js +1 -1
- package/index.ts +2 -2
- package/package.json +2 -2
- package/styles/global.ts +1 -1
- package/es/site/data/components/menu/demos/collapse/react.d.ts +0 -11
- package/es/site/data/components/menu/demos/size/react.d.ts +0 -7
|
@@ -29,6 +29,7 @@ sidebar: doc
|
|
|
29
29
|
| format | 自定义结果显示,组件会将当前选择的所有数据项以数组的格式作为参数传入 | `Function` | `(values: string[]) => values.map(value => value.label).join(' / ')` |
|
|
30
30
|
| loadData | 如果`data`中的`children`属性值为空数组`[]`,则可以使用该属性定义动态加载逻辑,组件会将当前选中的数据项作为参数传入 | `(data: CascaderData<V>) => any` | `undefined` |
|
|
31
31
|
| filter | 如果可搜索,你可以传入`filter`改变搜索逻辑,组件会将搜索关键词和数据项作为参数传入 | `(keywords: string, data: CascaderData<V>) => boolean` | `(keywords: string, data: CascaderData<V>) => data.label.includes(keywords)` |
|
|
32
|
+
| show | 是否展示菜单项 | `boolean` | `false` |
|
|
32
33
|
|
|
33
34
|
```ts
|
|
34
35
|
export type CascaderData<V> = {
|
|
@@ -30,6 +30,7 @@ sidebar: doc
|
|
|
30
30
|
| disabledDate | 该属性值是一个函数,用于定义那些日期被禁止选择,函数参数为日期字符串,返回`true`则表示禁用该日期 | `(v: Dayjs) => boolean` | `undefined` |
|
|
31
31
|
| type | 组件类型:`"date"` 只选择日期;`"datetime"` 选择日期和时间;`"year"` 选择年份;`"month"` 选择月份 | `"date"` | `"datetime"` | `"year"` | `"month"` | `"date"` |
|
|
32
32
|
| shortcuts | 指定快捷方式 | `Shortcut[]` | `undefined` |
|
|
33
|
+
| show | 是否展示菜单项 | `boolean` | `false` |
|
|
33
34
|
|
|
34
35
|
```ts
|
|
35
36
|
import {Dayjs} from 'dayjs';
|
|
@@ -35,8 +35,7 @@ export interface BaseSelectProps<V, Multipe extends boolean = boolean, Attach =
|
|
|
35
35
|
placeholder?: Children
|
|
36
36
|
container?: Container
|
|
37
37
|
width?: string | number
|
|
38
|
-
|
|
39
|
-
_show?: boolean
|
|
38
|
+
show?: boolean
|
|
40
39
|
}
|
|
41
40
|
|
|
42
41
|
export interface BaseSelectEvents {
|
|
@@ -68,8 +67,7 @@ const typeDefs: Required<TypeDefs<BaseSelectProps<any>>> = {
|
|
|
68
67
|
placeholder: [String, Number],
|
|
69
68
|
container: [Function, String],
|
|
70
69
|
width: [String, Number],
|
|
71
|
-
|
|
72
|
-
_show: Boolean,
|
|
70
|
+
show: Boolean,
|
|
73
71
|
};
|
|
74
72
|
|
|
75
73
|
const defaults = (): Partial<BaseSelectProps<any>> => ({
|
|
@@ -102,7 +100,7 @@ export abstract class BaseSelect<
|
|
|
102
100
|
|
|
103
101
|
init() {
|
|
104
102
|
provide(SELECT, this);
|
|
105
|
-
useShowHideEvents('
|
|
103
|
+
useShowHideEvents('show');
|
|
106
104
|
// this.input = useInput();
|
|
107
105
|
|
|
108
106
|
this.watch('value', this.position, {presented: true});
|
|
@@ -121,12 +119,12 @@ export abstract class BaseSelect<
|
|
|
121
119
|
|
|
122
120
|
@bind
|
|
123
121
|
show() {
|
|
124
|
-
this.set('
|
|
122
|
+
this.set('show', true);
|
|
125
123
|
}
|
|
126
124
|
|
|
127
125
|
@bind
|
|
128
126
|
hide() {
|
|
129
|
-
this.set('
|
|
127
|
+
this.set('show', false);
|
|
130
128
|
}
|
|
131
129
|
|
|
132
130
|
public resetKeywords(keywords: State<string>) {
|
|
@@ -14,9 +14,7 @@ const {
|
|
|
14
14
|
size, hideIcon, fluid,
|
|
15
15
|
clearable, filterable,
|
|
16
16
|
className, container,
|
|
17
|
-
inline, style, width,
|
|
18
|
-
|
|
19
|
-
_show,
|
|
17
|
+
inline, style, width, show,
|
|
20
18
|
} = this.get();
|
|
21
19
|
|
|
22
20
|
const classNameObj = {
|
|
@@ -44,7 +42,7 @@ const {onFocusout, triggerRef} = this.focusout;
|
|
|
44
42
|
ref={this.dropdownRef}
|
|
45
43
|
disabled={disabled}
|
|
46
44
|
container={container}
|
|
47
|
-
v-model="
|
|
45
|
+
v-model="show"
|
|
48
46
|
>
|
|
49
47
|
<div {...getRestProps(this)}
|
|
50
48
|
class={classNameObj}
|
|
@@ -62,7 +60,7 @@ const {onFocusout, triggerRef} = this.focusout;
|
|
|
62
60
|
{/* TODO: Need mode on Transition */}
|
|
63
61
|
<TransitionGroup name="k-fade" appear={false}>
|
|
64
62
|
<Input v-if={!multiple && filterable}
|
|
65
|
-
value={
|
|
63
|
+
value={show ? keywords : label}
|
|
66
64
|
ev-$change:value={onInput}
|
|
67
65
|
disabled={disabled}
|
|
68
66
|
placeholder={label || placeholder}
|
|
@@ -71,7 +69,7 @@ const {onFocusout, triggerRef} = this.focusout;
|
|
|
71
69
|
fluid
|
|
72
70
|
inline
|
|
73
71
|
key="input"
|
|
74
|
-
readonly={!
|
|
72
|
+
readonly={!show}
|
|
75
73
|
waveDisabled={true}
|
|
76
74
|
/>
|
|
77
75
|
<div class="k-select-placeholder c-ellipsis"
|
|
@@ -128,7 +126,7 @@ const {onFocusout, triggerRef} = this.focusout;
|
|
|
128
126
|
inline
|
|
129
127
|
size={size}
|
|
130
128
|
key="filter"
|
|
131
|
-
readonly={!
|
|
129
|
+
readonly={!show}
|
|
132
130
|
waveDisabled={true}
|
|
133
131
|
/>
|
|
134
132
|
</div>
|
|
@@ -11,7 +11,7 @@ import {Select, Option} from 'kpc';
|
|
|
11
11
|
|
|
12
12
|
<div>
|
|
13
13
|
<div style="margin-bottom: 16px;">
|
|
14
|
-
<Select v-model="day">
|
|
14
|
+
<Select v-model="day" show={true}>
|
|
15
15
|
<Option value="Monday">星期一</Option>
|
|
16
16
|
<Option value="Tuesday">星期二</Option>
|
|
17
17
|
<Option value="Wednesday">星期三</Option>
|
|
@@ -31,6 +31,7 @@ sidebar: doc
|
|
|
31
31
|
| labelMap | 建立值`value`到展示标签`label`的映射,可以在`value`不在`Option`集合中时,依然能够正确展示相应的`label` | `Map<any, string>` | `new Map()` |
|
|
32
32
|
| card | 是否展示`card`模式 | `boolean` | `false` |
|
|
33
33
|
| autoDisableArrow | 是否在没有更多可选项时,给箭头一个`disabled`状态来提示用户 | `boolean` | `false` |
|
|
34
|
+
| show | 是否展示菜单项 | `boolean` | `false` |
|
|
34
35
|
|
|
35
36
|
```ts
|
|
36
37
|
export type Container = string | ((parentDom: Element, anchor: Node | null) => Element)
|
|
@@ -4,7 +4,7 @@ import type {BaseSelect} from './base';
|
|
|
4
4
|
export function useEqualWidth() {
|
|
5
5
|
const instance = useInstance() as BaseSelect;
|
|
6
6
|
|
|
7
|
-
instance.watch('
|
|
7
|
+
instance.watch('show', setWidth, {presented: true});
|
|
8
8
|
|
|
9
9
|
function setWidth(v: boolean | undefined) {
|
|
10
10
|
if (!v) return;
|
|
@@ -32,6 +32,7 @@ sidebar: doc
|
|
|
32
32
|
| defaultExpandAll | 是否默认展开所有节点 | `boolean` | `true` |
|
|
33
33
|
| checkbox | 是否展示复选框 | `boolean` | `false` |
|
|
34
34
|
| filter | 当支持筛选时,可以自定义筛选规则 | `(keywords: string, data: TreeDataItem<K>) => boolean` | `undefined` |
|
|
35
|
+
| show | 是否展示菜单项 | `boolean` | `false` |
|
|
35
36
|
|
|
36
37
|
```ts
|
|
37
38
|
import {Key, Children} from 'intact';
|
package/components/wave/index.ts
CHANGED
|
@@ -77,7 +77,7 @@ export class Wave extends Component<WaveProps> {
|
|
|
77
77
|
this.resetAnimation();
|
|
78
78
|
|
|
79
79
|
instance!.addEventListener('animationend', this.resetAnimation);
|
|
80
|
-
this.timer = window.setTimeout(() => {
|
|
80
|
+
this.timer = window.setTimeout(() => {
|
|
81
81
|
instance!.classList.add(this.className);
|
|
82
82
|
});
|
|
83
83
|
}
|
|
@@ -39,6 +39,7 @@ export function makeStyles(color: string, inset: string) {
|
|
|
39
39
|
animation: ${waveEffect} .2s ease-in;
|
|
40
40
|
animation-fill-mode: forwards;
|
|
41
41
|
border: 2px solid ${color};
|
|
42
|
+
pointer-events: none;
|
|
42
43
|
}
|
|
43
44
|
&.k-circle,
|
|
44
45
|
&.k-radio-wrapper {
|
|
@@ -47,4 +48,4 @@ export function makeStyles(color: string, inset: string) {
|
|
|
47
48
|
}
|
|
48
49
|
}
|
|
49
50
|
`;
|
|
50
|
-
}
|
|
51
|
+
}
|
|
@@ -50,7 +50,7 @@ setDefault(function () {
|
|
|
50
50
|
}).form;
|
|
51
51
|
});
|
|
52
52
|
export function makeItemStyles() {
|
|
53
|
-
return /*#__PURE__*/css("display:table;position:relative;table-layout:fixed;&:not(:last-of-type){margin-bottom:", form.item.gap, ";}&.k-fluid{width:100%;}.k-form-label{display:table-cell;width:", form.item.labelWidth, ";text-align:", form.item.labelTextAlign, ";padding-right:", form.item.labelGap, ";line-height:", form.item.labelLineHeight, ";}.k-form-star{color:", form.item.starColor, ";margin-right:", form.item.starGap, ";}.k-form-content{display:table-cell;vertical-align:middle;position:relative;}.k-form-error{position:absolute;color:", form.item.errorColor, ";font-size:", form.item.errorFontSize, ";left:0;right:0;display:flex;align-items:center;&.k-ellipsis{.k-form-error-more{display:inline-block;}}}.k-form-error-more{line-height:", form.item.errorFontSize, ";display:none;}&.k-invalid{.k-input{.k-input-inner{border:", form.item.invalidBorder, ";position:relative;z-index:1;}}.k-select,.k-checkbox-wrapper,.k-radio-wrapper{border:", form.item.invalidBorder, "!important;}.k-select .k-input .k-input-inner{border:none;}}.k-form-item{display:block;width:auto;}.k-form-append{display:table-cell;padding:", form.item.appendPadding, ";vertical-align:middle;}");
|
|
53
|
+
return /*#__PURE__*/css("display:table;position:relative;table-layout:fixed;&:not(:last-of-type){margin-bottom:", form.item.gap, ";}&.k-fluid{width:100%;}.k-form-label{display:table-cell;width:", form.item.labelWidth, ";text-align:", form.item.labelTextAlign, ";padding-right:", form.item.labelGap, ";line-height:", form.item.labelLineHeight, ";}.k-form-star{color:", form.item.starColor, ";margin-right:", form.item.starGap, ";}.k-form-content{display:table-cell;vertical-align:middle;position:relative;}.k-form-error{position:absolute;color:", form.item.errorColor, ";font-size:", form.item.errorFontSize, ";left:0;right:0;display:flex;align-items:center;&.k-ellipsis{.k-form-error-more{display:inline-block;}}}.k-form-error-more{line-height:", form.item.errorFontSize, ";display:none;}&.k-invalid{.k-input{.k-input-inner{border:", form.item.invalidBorder, ";position:relative;z-index:1;}}.k-select,.k-checkbox-wrapper,.k-radio-wrapper{border:", form.item.invalidBorder, "!important;}.k-select .k-input .k-input-inner{border:none;}}.k-form-item{&,.k-form-content{display:block;width:auto;}}.k-form-append{display:table-cell;padding:", form.item.appendPadding, ";vertical-align:middle;}");
|
|
54
54
|
}
|
|
55
55
|
export function makeFormStyles() {
|
|
56
56
|
var _context;
|
|
@@ -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
|
-
|
|
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
|
-
|
|
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('
|
|
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('
|
|
84
|
+
this.set('show', true);
|
|
85
85
|
};
|
|
86
86
|
|
|
87
87
|
_proto.hide = function hide() {
|
|
88
|
-
this.set('
|
|
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
|
-
|
|
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':
|
|
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': !
|
|
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': !
|
|
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('
|
|
198
|
+
$this.set('show', $v);
|
|
199
199
|
},
|
|
200
|
-
'value': $this.get('
|
|
200
|
+
'value': $this.get('show')
|
|
201
201
|
}, null, _this.dropdownRef)
|
|
202
202
|
});
|
|
203
203
|
}
|
|
@@ -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.
|
|
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.
|
|
60
|
+
export declare const version = "2.0.14";
|
package/es/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @king-design v2.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.
|
|
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")))
|
|
101
|
-
|
|
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 =
|
|
112
|
+
_context2.next = 8;
|
|
104
113
|
return wait();
|
|
105
114
|
|
|
106
|
-
case
|
|
115
|
+
case 8:
|
|
107
116
|
expect(click1.callCount).to.eql(1);
|
|
108
117
|
dispatchEvent(element2, 'click');
|
|
109
|
-
_context2.next =
|
|
118
|
+
_context2.next = 12;
|
|
110
119
|
return wait();
|
|
111
120
|
|
|
112
|
-
case
|
|
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
|
|
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, {
|
package/es/styles/global.js
CHANGED
|
@@ -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,
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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",
|
package/styles/global.ts
CHANGED
|
@@ -14,7 +14,7 @@ injectGlobal`
|
|
|
14
14
|
html {
|
|
15
15
|
--var-wave-color: ${theme.color.primary};
|
|
16
16
|
box-sizing: border-box;
|
|
17
|
-
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,
|
|
17
|
+
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;
|
|
18
18
|
}
|
|
19
19
|
body {
|
|
20
20
|
font-size: ${theme.fontSize};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { MenuProps } from '@king-design/react';
|
|
3
|
-
interface Props extends MenuProps {
|
|
4
|
-
}
|
|
5
|
-
export default class Demo extends React.Component<{}, Props> {
|
|
6
|
-
state: MenuProps<import("misstime").Key>;
|
|
7
|
-
private __test;
|
|
8
|
-
setTheme(theme?: string): void;
|
|
9
|
-
render(): JSX.Element;
|
|
10
|
-
}
|
|
11
|
-
export {};
|