@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.
@@ -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> = {
@@ -36,7 +36,7 @@ export function useValue() {
36
36
  }
37
37
  });
38
38
 
39
- instance.watch('_show', value => {
39
+ instance.watch('show', value => {
40
40
  if (value) {
41
41
  showedValue.set(last(values.value) || []);
42
42
  }
@@ -30,6 +30,7 @@ sidebar: doc
30
30
  | disabledDate | 该属性值是一个函数,用于定义那些日期被禁止选择,函数参数为日期字符串,返回`true`则表示禁用该日期 | `(v: Dayjs) => boolean` | `undefined` |
31
31
  | type | 组件类型:`"date"` 只选择日期;`"datetime"` 选择日期和时间;`"year"` 选择年份;`"month"` 选择月份 | `"date"` &#124; `"datetime"` &#124; `"year"` &#124; `"month"` | `"date"` |
32
32
  | shortcuts | 指定快捷方式 | `Shortcut[]` | `undefined` |
33
+ | show | 是否展示菜单项 | `boolean` | `false` |
33
34
 
34
35
  ```ts
35
36
  import {Dayjs} from 'dayjs';
@@ -107,8 +107,11 @@ export function makeItemStyles() {
107
107
 
108
108
  // nested
109
109
  .k-form-item {
110
- display: block;
111
- width: auto;
110
+ &,
111
+ .k-form-content {
112
+ display: block;
113
+ width: auto;
114
+ }
112
115
  }
113
116
 
114
117
  // append
@@ -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('_show');
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('_show', true);
122
+ this.set('show', true);
125
123
  }
126
124
 
127
125
  @bind
128
126
  hide() {
129
- this.set('_show', false);
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="_show"
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={_show ? keywords : label}
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={!_show}
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={!_show}
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('_show', setWidth, {presented: true});
7
+ instance.watch('show', setWidth, {presented: true});
8
8
 
9
9
  function setWidth(v: boolean | undefined) {
10
10
  if (!v) return;
@@ -18,7 +18,7 @@ export function useFocusout() {
18
18
 
19
19
  function onFocusout(e: FocusEvent) {
20
20
  instance.trigger('focusout', e);
21
- if (instance.get('_show')) {
21
+ if (instance.get('show')) {
22
22
  e.stopPropagation();
23
23
  }
24
24
  }
@@ -42,7 +42,7 @@ export function useInput(resetKeywords: (keywords: State<string>) => void) {
42
42
  }
43
43
  }
44
44
 
45
- component.on('$changed:_show', show => {
45
+ component.on('$changed:show', show => {
46
46
  if (show) {
47
47
  focusInput();
48
48
  resetKeywords(keywords);
@@ -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';
@@ -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
+ }
@@ -36,7 +36,7 @@ export function useValue() {
36
36
  });
37
37
  }
38
38
  });
39
- instance.watch('_show', function (value) {
39
+ instance.watch('show', function (value) {
40
40
  if (value) {
41
41
  showedValue.set(last(values.value) || []);
42
42
  }
@@ -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
- _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);
@@ -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
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";
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
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';
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, {
@@ -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
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';
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",
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",
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,SimSun,sans-serif;
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 {};
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import './index.styl';
3
- import type { MenuProps } from '@king-design/react';
4
- export default class Demo extends React.Component {
5
- state: MenuProps<import("misstime").Key>;
6
- render(): JSX.Element;
7
- }