@king-design/intact 3.5.1 → 3.6.0-beta.0
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/breadcrumb/demos/separator.md +4 -4
- package/components/breadcrumb/index.vdt +1 -1
- package/components/breadcrumb/styles.ts +3 -2
- package/components/button/index.md +1 -0
- package/components/datepicker/basepicker.ts +60 -13
- package/components/datepicker/calendar.ts +5 -1
- package/components/datepicker/calendar.vdt +20 -6
- package/components/datepicker/dayjs.ts +22 -2
- package/components/datepicker/demos/multiple.md +0 -5
- package/components/datepicker/demos/nowrap.md +35 -0
- package/components/datepicker/demos/yearMonth.md +8 -2
- package/components/datepicker/helpers.ts +5 -5
- package/components/datepicker/index.md +3 -2
- package/components/datepicker/index.spec.ts +107 -90
- package/components/datepicker/index.ts +23 -5
- package/components/datepicker/index.vdt +34 -35
- package/components/datepicker/styles.ts +102 -3
- package/components/datepicker/useDisabled.ts +3 -3
- package/components/datepicker/useFormats.ts +2 -0
- package/components/datepicker/useMergeRange.ts +54 -0
- package/components/datepicker/usePosition.ts +169 -0
- package/components/datepicker/useQuarters.ts +47 -0
- package/components/datepicker/useShowDate.ts +42 -11
- package/components/datepicker/useValue.ts +35 -4
- package/components/datepicker/useWeeks.ts +58 -0
- package/components/dialog/useFixBody.ts +7 -64
- package/components/ellipsis/styles.ts +4 -0
- package/components/form/styles.ts +1 -0
- package/components/scrollSelect/index.spec.ts +3 -3
- package/components/scrollSelect/useMouseEvents.ts +23 -10
- package/components/select/base.vdt +2 -1
- package/components/select/demos/creatable.md +13 -0
- package/components/select/index.md +1 -0
- package/components/select/index.spec.ts +180 -0
- package/components/select/option.ts +9 -1
- package/components/select/select.ts +2 -0
- package/components/select/useFilterable.ts +1 -1
- package/components/select/useInput.ts +4 -2
- package/components/select/useSearchable.ts +2 -2
- package/components/table/table.vdt +3 -3
- package/components/timepicker/demos/step.md +1 -1
- package/components/timepicker/panelPicker.vdt +5 -1
- package/components/timepicker/styles.ts +0 -1
- package/components/tour/demos/basic.md +73 -0
- package/components/tour/demos/beforeChange.md +109 -0
- package/components/tour/demos/closable.md +70 -0
- package/components/tour/demos/custom.md +98 -0
- package/components/tour/demos/customText.md +94 -0
- package/components/tour/demos/declarative.md +72 -0
- package/components/tour/demos/events.md +101 -0
- package/components/tour/demos/maskClosable.md +76 -0
- package/components/tour/demos/notarget.md +59 -0
- package/components/tour/index.md +48 -0
- package/components/tour/index.spec.ts +259 -0
- package/components/tour/index.ts +2 -0
- package/components/tour/step.ts +55 -0
- package/components/tour/step.vdt +75 -0
- package/components/tour/styles.ts +283 -0
- package/components/tour/tour.ts +107 -0
- package/components/tour/tour.vdt +83 -0
- package/components/tour/useArrow.ts +46 -0
- package/components/tour/useFixBody.ts +22 -0
- package/components/tour/useHighlight.ts +36 -0
- package/components/tour/useMaskClosable.ts +26 -0
- package/components/tour/useNavigation.ts +46 -0
- package/components/tour/usePosition.ts +91 -0
- package/components/tour/useSteps.ts +80 -0
- package/components/tree/useChecked.ts +6 -4
- package/components/treeSelect/index.spec.ts +13 -1
- package/components/virtualList/useVirtualRows.ts +1 -1
- package/es/components/breadcrumb/index.vdt.js +2 -1
- package/es/components/breadcrumb/styles.js +5 -3
- package/es/components/datepicker/basepicker.d.ts +4 -2
- package/es/components/datepicker/basepicker.js +46 -13
- package/es/components/datepicker/calendar.d.ts +34 -6
- package/es/components/datepicker/calendar.js +4 -0
- package/es/components/datepicker/calendar.vdt.js +21 -5
- package/es/components/datepicker/dayjs.d.ts +13 -2
- package/es/components/datepicker/dayjs.js +6 -0
- package/es/components/datepicker/helpers.d.ts +5 -5
- package/es/components/datepicker/index.d.ts +17 -2
- package/es/components/datepicker/index.js +23 -5
- package/es/components/datepicker/index.spec.js +356 -355
- package/es/components/datepicker/index.vdt.js +25 -29
- package/es/components/datepicker/styles.d.ts +17 -0
- package/es/components/datepicker/styles.js +29 -2
- package/es/components/datepicker/useDisabled.d.ts +2 -2
- package/es/components/datepicker/useDisabled.js +1 -1
- package/es/components/datepicker/useFormats.js +3 -1
- package/es/components/datepicker/useMergeRange.d.ts +5 -0
- package/es/components/datepicker/useMergeRange.js +50 -0
- package/es/components/datepicker/usePosition.d.ts +10 -0
- package/es/components/datepicker/usePosition.js +166 -0
- package/es/components/datepicker/useQuarters.d.ts +15 -0
- package/es/components/datepicker/useQuarters.js +36 -0
- package/es/components/datepicker/useShowDate.d.ts +1 -1
- package/es/components/datepicker/useShowDate.js +42 -9
- package/es/components/datepicker/useStatus.d.ts +1 -1
- package/es/components/datepicker/useValue.d.ts +1 -0
- package/es/components/datepicker/useValue.js +26 -2
- package/es/components/datepicker/useWeeks.d.ts +19 -0
- package/es/components/datepicker/useWeeks.js +48 -0
- package/es/components/dialog/useFixBody.js +6 -58
- package/es/components/ellipsis/styles.js +1 -1
- package/es/components/form/styles.js +1 -1
- package/es/components/scrollSelect/index.spec.js +4 -6
- package/es/components/scrollSelect/useMouseEvents.js +21 -9
- package/es/components/select/base.vdt.js +4 -2
- package/es/components/select/index.spec.js +269 -42
- package/es/components/select/option.d.ts +1 -0
- package/es/components/select/option.js +9 -2
- package/es/components/select/select.d.ts +1 -0
- package/es/components/select/select.js +2 -1
- package/es/components/select/useFilterable.js +2 -1
- package/es/components/select/useInput.js +5 -2
- package/es/components/select/useSearchable.js +1 -0
- package/es/components/table/table.vdt.js +4 -2
- package/es/components/timepicker/panelPicker.d.ts +2 -1
- package/es/components/timepicker/panelPicker.vdt.js +12 -4
- package/es/components/timepicker/selectPicker.d.ts +1 -1
- package/es/components/timepicker/styles.js +1 -1
- package/es/components/timepicker/useDisabled.d.ts +1 -1
- package/es/components/timepicker/useValue.d.ts +1 -0
- package/es/components/tour/index.d.ts +2 -0
- package/es/components/tour/index.js +2 -0
- package/es/components/tour/index.spec.d.ts +1 -0
- package/es/components/tour/index.spec.js +356 -0
- package/es/components/tour/step.d.ts +23 -0
- package/es/components/tour/step.js +46 -0
- package/es/components/tour/step.vdt.js +74 -0
- package/es/components/tour/styles.d.ts +7 -0
- package/es/components/tour/styles.js +84 -0
- package/es/components/tour/tour.d.ts +73 -0
- package/es/components/tour/tour.js +70 -0
- package/es/components/tour/tour.vdt.js +66 -0
- package/es/components/tour/useArrow.d.ts +4 -0
- package/es/components/tour/useArrow.js +40 -0
- package/es/components/tour/useFixBody.d.ts +4 -0
- package/es/components/tour/useFixBody.js +17 -0
- package/es/components/tour/useHighlight.d.ts +4 -0
- package/es/components/tour/useHighlight.js +31 -0
- package/es/components/tour/useMaskClosable.d.ts +1 -0
- package/es/components/tour/useMaskClosable.js +25 -0
- package/es/components/tour/useNavigation.d.ts +5 -0
- package/es/components/tour/useNavigation.js +103 -0
- package/es/components/tour/usePosition.d.ts +6 -0
- package/es/components/tour/usePosition.js +93 -0
- package/es/components/tour/useSteps.d.ts +6 -0
- package/es/components/tour/useSteps.js +68 -0
- package/es/components/tree/useChecked.js +6 -4
- package/es/components/treeSelect/index.spec.js +20 -5
- package/es/components/virtualList/useVirtualRows.js +1 -1
- package/es/hooks/useDocumentClick.js +3 -3
- package/es/hooks/useFixBody.d.ts +11 -0
- package/es/hooks/useFixBody.js +72 -0
- package/es/index.d.ts +3 -2
- package/es/index.js +3 -2
- package/es/site/data/components/breadcrumb/demos/separator/react.js +7 -5
- package/es/site/data/components/datepicker/demos/multiple/index.d.ts +0 -1
- package/es/site/data/components/datepicker/demos/multiple/index.js +1 -2
- package/es/site/data/components/datepicker/demos/multiple/react.d.ts +0 -1
- package/es/site/data/components/datepicker/demos/multiple/react.js +2 -13
- package/es/site/data/components/datepicker/demos/nowrap/index.d.ts +10 -0
- package/es/site/data/components/datepicker/demos/nowrap/index.js +19 -0
- package/es/site/data/components/datepicker/demos/nowrap/react.d.ts +10 -0
- package/es/site/data/components/datepicker/demos/nowrap/react.js +49 -0
- package/es/site/data/components/datepicker/demos/yearMonth/index.d.ts +2 -0
- package/es/site/data/components/datepicker/demos/yearMonth/index.js +3 -1
- package/es/site/data/components/datepicker/demos/yearMonth/react.d.ts +2 -0
- package/es/site/data/components/datepicker/demos/yearMonth/react.js +21 -1
- package/es/site/data/components/select/demos/creatable/index.d.ts +1 -0
- package/es/site/data/components/select/demos/creatable/index.js +2 -1
- package/es/site/data/components/select/demos/creatable/react.d.ts +1 -0
- package/es/site/data/components/select/demos/creatable/react.js +31 -2
- package/es/site/data/components/select/demos/searchable/index.js +1 -1
- package/es/site/data/components/select/demos/searchable/react.js +1 -1
- package/es/site/data/components/tour/demos/basic/index.d.ts +17 -0
- package/es/site/data/components/tour/demos/basic/index.js +46 -0
- package/es/site/data/components/tour/demos/basic/react.d.ts +16 -0
- package/es/site/data/components/tour/demos/basic/react.js +82 -0
- package/es/site/data/components/tour/demos/beforeChange/index.d.ts +20 -0
- package/es/site/data/components/tour/demos/beforeChange/index.js +69 -0
- package/es/site/data/components/tour/demos/beforeChange/react.d.ts +19 -0
- package/es/site/data/components/tour/demos/beforeChange/react.js +129 -0
- package/es/site/data/components/tour/demos/closable/index.d.ts +18 -0
- package/es/site/data/components/tour/demos/closable/index.js +42 -0
- package/es/site/data/components/tour/demos/closable/react.d.ts +17 -0
- package/es/site/data/components/tour/demos/closable/react.js +85 -0
- package/es/site/data/components/tour/demos/custom/index.d.ts +11 -0
- package/es/site/data/components/tour/demos/custom/index.js +35 -0
- package/es/site/data/components/tour/demos/custom/react.d.ts +11 -0
- package/es/site/data/components/tour/demos/custom/react.js +108 -0
- package/es/site/data/components/tour/demos/customButtons/index.d.ts +33 -0
- package/es/site/data/components/tour/demos/customButtons/index.js +55 -0
- package/es/site/data/components/tour/demos/customButtons/react.d.ts +33 -0
- package/es/site/data/components/tour/demos/customButtons/react.js +99 -0
- package/es/site/data/components/tour/demos/customText/index.d.ts +20 -0
- package/es/site/data/components/tour/demos/customText/index.js +54 -0
- package/es/site/data/components/tour/demos/customText/react.d.ts +19 -0
- package/es/site/data/components/tour/demos/customText/react.js +95 -0
- package/es/site/data/components/tour/demos/declarative/index.d.ts +11 -0
- package/es/site/data/components/tour/demos/declarative/index.js +36 -0
- package/es/site/data/components/tour/demos/declarative/react.d.ts +10 -0
- package/es/site/data/components/tour/demos/declarative/react.js +80 -0
- package/es/site/data/components/tour/demos/events/index.d.ts +18 -0
- package/es/site/data/components/tour/demos/events/index.js +58 -0
- package/es/site/data/components/tour/demos/events/react.d.ts +18 -0
- package/es/site/data/components/tour/demos/events/react.js +101 -0
- package/es/site/data/components/tour/demos/maskClosable/index.d.ts +18 -0
- package/es/site/data/components/tour/demos/maskClosable/index.js +47 -0
- package/es/site/data/components/tour/demos/maskClosable/react.d.ts +17 -0
- package/es/site/data/components/tour/demos/maskClosable/react.js +95 -0
- package/es/site/data/components/tour/demos/notarget/index.d.ts +11 -0
- package/es/site/data/components/tour/demos/notarget/index.js +35 -0
- package/es/site/data/components/tour/demos/notarget/react.d.ts +10 -0
- package/es/site/data/components/tour/demos/notarget/react.js +61 -0
- package/es/site/data/components/tour/index.d.ts +57 -0
- package/es/site/data/components/tour/index.js +32 -0
- package/es/site/src/pages/resource/index.js +1 -1
- package/es/styles/fonts/iconfont.js +2 -1
- package/es/styles/global.js +2 -1
- package/hooks/useDocumentClick.ts +3 -3
- package/hooks/useFixBody.ts +87 -0
- package/index.ts +3 -2
- package/package.json +1 -1
- package/styles/fonts/iconfont.ts +2 -1
- package/styles/global.ts +2 -1
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
|
|
2
|
+
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
|
|
3
|
+
import { __decorate } from "tslib";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Tour, Button, Message } from '@king-design/react';
|
|
6
|
+
import './index.styl';
|
|
7
|
+
import { bind } from '@king-design/react';
|
|
8
|
+
var Demo = /*#__PURE__*/function (_React$Component) {
|
|
9
|
+
_inheritsLoose(Demo, _React$Component);
|
|
10
|
+
function Demo() {
|
|
11
|
+
var _context;
|
|
12
|
+
var _this;
|
|
13
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
14
|
+
args[_key] = arguments[_key];
|
|
15
|
+
}
|
|
16
|
+
_this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
|
|
17
|
+
_this.state = {
|
|
18
|
+
currentStep: 0,
|
|
19
|
+
showTour: false,
|
|
20
|
+
tourData: [{
|
|
21
|
+
target: '#event-btn1',
|
|
22
|
+
title: '第一步',
|
|
23
|
+
content: '点击"下一步"按钮,将触发next事件'
|
|
24
|
+
}, {
|
|
25
|
+
target: '#event-btn2',
|
|
26
|
+
title: '第二步',
|
|
27
|
+
content: '点击"上一步"按钮,将触发prev事件'
|
|
28
|
+
}, {
|
|
29
|
+
target: '#event-btn3',
|
|
30
|
+
title: '第三步',
|
|
31
|
+
content: '点击"完成"按钮或关闭图标,将触发finish事件'
|
|
32
|
+
}]
|
|
33
|
+
};
|
|
34
|
+
return _this;
|
|
35
|
+
}
|
|
36
|
+
var _proto = Demo.prototype;
|
|
37
|
+
_proto.startTour = function startTour() {
|
|
38
|
+
this.setState({
|
|
39
|
+
showTour: true,
|
|
40
|
+
currentStep: 0
|
|
41
|
+
});
|
|
42
|
+
};
|
|
43
|
+
_proto.handlePrev = function handlePrev(index) {
|
|
44
|
+
Message.success("\u4E0A\u4E00\u6B65\u4E8B\u4EF6\u89E6\u53D1: \u5F53\u524D\u6B65\u9AA4 " + (index + 1));
|
|
45
|
+
};
|
|
46
|
+
_proto.handleNext = function handleNext(index) {
|
|
47
|
+
Message.success("\u4E0B\u4E00\u6B65\u4E8B\u4EF6\u89E6\u53D1: \u5F53\u524D\u6B65\u9AA4 " + (index + 1));
|
|
48
|
+
};
|
|
49
|
+
_proto.handleFinish = function handleFinish() {
|
|
50
|
+
Message.success('引导结束事件触发');
|
|
51
|
+
this.setState({
|
|
52
|
+
showTour: false
|
|
53
|
+
});
|
|
54
|
+
};
|
|
55
|
+
_proto.render = function render() {
|
|
56
|
+
var _this2 = this;
|
|
57
|
+
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
58
|
+
className: "example-container"
|
|
59
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
60
|
+
id: "event-btn1"
|
|
61
|
+
}, "\u7B2C\u4E00\u6B65"), /*#__PURE__*/React.createElement(Button, {
|
|
62
|
+
id: "event-btn2",
|
|
63
|
+
style: {
|
|
64
|
+
"marginLeft": "20px"
|
|
65
|
+
}
|
|
66
|
+
}, "\u7B2C\u4E8C\u6B65"), /*#__PURE__*/React.createElement(Button, {
|
|
67
|
+
id: "event-btn3",
|
|
68
|
+
style: {
|
|
69
|
+
"marginLeft": "20px"
|
|
70
|
+
}
|
|
71
|
+
}, "\u7B2C\u4E09\u6B65")), /*#__PURE__*/React.createElement(Tour, {
|
|
72
|
+
value: this.state.currentStep,
|
|
73
|
+
onChangeValue: function onChangeValue(currentStep) {
|
|
74
|
+
return _this2.setState({
|
|
75
|
+
currentStep: currentStep
|
|
76
|
+
});
|
|
77
|
+
},
|
|
78
|
+
visible: this.state.showTour,
|
|
79
|
+
data: this.state.tourData,
|
|
80
|
+
onPrev: this.handlePrev,
|
|
81
|
+
onNext: this.handleNext,
|
|
82
|
+
onFinish: this.handleFinish
|
|
83
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
84
|
+
style: {
|
|
85
|
+
"marginTop": "20px"
|
|
86
|
+
}
|
|
87
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
88
|
+
onClick: this.startTour
|
|
89
|
+
}, "\u5F00\u59CB\u5F15\u5BFC"), /*#__PURE__*/React.createElement("span", {
|
|
90
|
+
style: {
|
|
91
|
+
"marginLeft": "10px"
|
|
92
|
+
}
|
|
93
|
+
}, "\u5F53\u524D\u6B65\u9AA4: ", this.state.currentStep >= 0 ? this.state.currentStep + 1 : '未启动')));
|
|
94
|
+
};
|
|
95
|
+
return Demo;
|
|
96
|
+
}(React.Component);
|
|
97
|
+
export { Demo as default };
|
|
98
|
+
__decorate([bind], Demo.prototype, "startTour", null);
|
|
99
|
+
__decorate([bind], Demo.prototype, "handlePrev", null);
|
|
100
|
+
__decorate([bind], Demo.prototype, "handleNext", null);
|
|
101
|
+
__decorate([bind], Demo.prototype, "handleFinish", null);
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export { default as data } from './index.json';
|
|
2
|
+
import { Component } from 'intact';
|
|
3
|
+
export default class extends Component {
|
|
4
|
+
static template: string | import("intact").Template<any>;
|
|
5
|
+
static defaults(): {
|
|
6
|
+
currentStep: number;
|
|
7
|
+
showTour: boolean;
|
|
8
|
+
maskClosable: boolean;
|
|
9
|
+
tourData: {
|
|
10
|
+
target: string;
|
|
11
|
+
title: string;
|
|
12
|
+
content: string;
|
|
13
|
+
position: string;
|
|
14
|
+
}[];
|
|
15
|
+
};
|
|
16
|
+
startTour(): void;
|
|
17
|
+
finishTour(): void;
|
|
18
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
|
|
2
|
+
import { __decorate } from "tslib";
|
|
3
|
+
export { default as data } from './index.json';
|
|
4
|
+
import { Component } from 'intact';
|
|
5
|
+
import template from './index.vdt';
|
|
6
|
+
import { bind } from 'kpc';
|
|
7
|
+
var default_1 = /*#__PURE__*/function (_Component) {
|
|
8
|
+
_inheritsLoose(default_1, _Component);
|
|
9
|
+
function default_1() {
|
|
10
|
+
return _Component.apply(this, arguments) || this;
|
|
11
|
+
}
|
|
12
|
+
default_1.defaults = function defaults() {
|
|
13
|
+
return {
|
|
14
|
+
currentStep: 0,
|
|
15
|
+
showTour: false,
|
|
16
|
+
maskClosable: true,
|
|
17
|
+
tourData: [{
|
|
18
|
+
target: '#maskDemo1',
|
|
19
|
+
title: '遮罩层交互',
|
|
20
|
+
content: '当maskClosable为true时,点击遮罩层可关闭引导',
|
|
21
|
+
position: 'bottom'
|
|
22
|
+
}, {
|
|
23
|
+
target: '#maskDemo2',
|
|
24
|
+
title: '禁用遮罩层关闭',
|
|
25
|
+
content: '当maskClosable为false时,点击遮罩层无反应,必须使用按钮进行操作',
|
|
26
|
+
position: 'right'
|
|
27
|
+
}]
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
var _proto = default_1.prototype;
|
|
31
|
+
_proto.startTour = function startTour() {
|
|
32
|
+
this.set({
|
|
33
|
+
showTour: true,
|
|
34
|
+
currentStep: 0
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
_proto.finishTour = function finishTour() {
|
|
38
|
+
this.set({
|
|
39
|
+
showTour: false
|
|
40
|
+
});
|
|
41
|
+
};
|
|
42
|
+
return default_1;
|
|
43
|
+
}(Component);
|
|
44
|
+
default_1.template = template;
|
|
45
|
+
export { default_1 as default };
|
|
46
|
+
__decorate([bind], default_1.prototype, "startTour", null);
|
|
47
|
+
__decorate([bind], default_1.prototype, "finishTour", null);
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export default class Demo extends React.Component {
|
|
3
|
+
state: {
|
|
4
|
+
currentStep: number;
|
|
5
|
+
showTour: boolean;
|
|
6
|
+
maskClosable: boolean;
|
|
7
|
+
tourData: {
|
|
8
|
+
target: string;
|
|
9
|
+
title: string;
|
|
10
|
+
content: string;
|
|
11
|
+
position: string;
|
|
12
|
+
}[];
|
|
13
|
+
};
|
|
14
|
+
startTour(): void;
|
|
15
|
+
finishTour(): void;
|
|
16
|
+
render(): React.JSX.Element;
|
|
17
|
+
}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
|
|
2
|
+
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
|
|
3
|
+
import { __decorate } from "tslib";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Tour, Button, Switch } from '@king-design/react';
|
|
6
|
+
import { bind } from '@king-design/react';
|
|
7
|
+
var Demo = /*#__PURE__*/function (_React$Component) {
|
|
8
|
+
_inheritsLoose(Demo, _React$Component);
|
|
9
|
+
function Demo() {
|
|
10
|
+
var _context;
|
|
11
|
+
var _this;
|
|
12
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
13
|
+
args[_key] = arguments[_key];
|
|
14
|
+
}
|
|
15
|
+
_this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
|
|
16
|
+
_this.state = {
|
|
17
|
+
currentStep: 0,
|
|
18
|
+
showTour: false,
|
|
19
|
+
maskClosable: true,
|
|
20
|
+
tourData: [{
|
|
21
|
+
target: '#maskDemo1',
|
|
22
|
+
title: '遮罩层交互',
|
|
23
|
+
content: '当maskClosable为true时,点击遮罩层可关闭引导',
|
|
24
|
+
position: 'bottom'
|
|
25
|
+
}, {
|
|
26
|
+
target: '#maskDemo2',
|
|
27
|
+
title: '禁用遮罩层关闭',
|
|
28
|
+
content: '当maskClosable为false时,点击遮罩层无反应,必须使用按钮进行操作',
|
|
29
|
+
position: 'right'
|
|
30
|
+
}]
|
|
31
|
+
};
|
|
32
|
+
return _this;
|
|
33
|
+
}
|
|
34
|
+
var _proto = Demo.prototype;
|
|
35
|
+
_proto.startTour = function startTour() {
|
|
36
|
+
this.setState({
|
|
37
|
+
showTour: true,
|
|
38
|
+
currentStep: 0
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
_proto.finishTour = function finishTour() {
|
|
42
|
+
this.setState({
|
|
43
|
+
showTour: false
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
_proto.render = function render() {
|
|
47
|
+
var _this2 = this;
|
|
48
|
+
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
49
|
+
className: "example-container"
|
|
50
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
51
|
+
id: "maskDemo1"
|
|
52
|
+
}, "\u76EE\u6807\u5143\u7D201"), /*#__PURE__*/React.createElement(Button, {
|
|
53
|
+
id: "maskDemo2",
|
|
54
|
+
style: {
|
|
55
|
+
"marginLeft": "20px"
|
|
56
|
+
}
|
|
57
|
+
}, "\u76EE\u6807\u5143\u7D202")), /*#__PURE__*/React.createElement(Tour, {
|
|
58
|
+
value: this.state.currentStep,
|
|
59
|
+
onChangeValue: function onChangeValue(currentStep) {
|
|
60
|
+
return _this2.setState({
|
|
61
|
+
currentStep: currentStep
|
|
62
|
+
});
|
|
63
|
+
},
|
|
64
|
+
visible: this.state.showTour,
|
|
65
|
+
data: this.state.tourData,
|
|
66
|
+
maskClosable: this.state.maskClosable,
|
|
67
|
+
onFinish: this.finishTour
|
|
68
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
69
|
+
style: {
|
|
70
|
+
"marginTop": "20px"
|
|
71
|
+
}
|
|
72
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
73
|
+
style: {
|
|
74
|
+
"marginBottom": "10px"
|
|
75
|
+
}
|
|
76
|
+
}, /*#__PURE__*/React.createElement(Switch, {
|
|
77
|
+
value: this.state.maskClosable,
|
|
78
|
+
onChangeValue: function onChangeValue(maskClosable) {
|
|
79
|
+
return _this2.setState({
|
|
80
|
+
maskClosable: maskClosable
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
84
|
+
style: {
|
|
85
|
+
"marginLeft": "10px"
|
|
86
|
+
}
|
|
87
|
+
}, "\u70B9\u51FB\u906E\u7F69\u5173\u95ED\u5F15\u5BFC: ", this.state.maskClosable ? '启用' : '禁用')), /*#__PURE__*/React.createElement(Button, {
|
|
88
|
+
onClick: this.startTour
|
|
89
|
+
}, "\u542F\u52A8\u5F15\u5BFC")));
|
|
90
|
+
};
|
|
91
|
+
return Demo;
|
|
92
|
+
}(React.Component);
|
|
93
|
+
export { Demo as default };
|
|
94
|
+
__decorate([bind], Demo.prototype, "startTour", null);
|
|
95
|
+
__decorate([bind], Demo.prototype, "finishTour", null);
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export { default as data } from './index.json';
|
|
2
|
+
import { Component } from 'intact';
|
|
3
|
+
export default class extends Component {
|
|
4
|
+
static template: string | import("intact").Template<any>;
|
|
5
|
+
static defaults(): {
|
|
6
|
+
currentStep: number;
|
|
7
|
+
showTour: boolean;
|
|
8
|
+
};
|
|
9
|
+
settour(): void;
|
|
10
|
+
close(): void;
|
|
11
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
|
|
2
|
+
import { __decorate } from "tslib";
|
|
3
|
+
export { default as data } from './index.json';
|
|
4
|
+
import { Component } from 'intact';
|
|
5
|
+
import template from './index.vdt';
|
|
6
|
+
import { bind } from 'kpc';
|
|
7
|
+
var default_1 = /*#__PURE__*/function (_Component) {
|
|
8
|
+
_inheritsLoose(default_1, _Component);
|
|
9
|
+
function default_1() {
|
|
10
|
+
return _Component.apply(this, arguments) || this;
|
|
11
|
+
}
|
|
12
|
+
default_1.defaults = function defaults() {
|
|
13
|
+
return {
|
|
14
|
+
currentStep: 0,
|
|
15
|
+
showTour: false
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
var _proto = default_1.prototype;
|
|
19
|
+
_proto.settour = function settour() {
|
|
20
|
+
this.set({
|
|
21
|
+
showTour: true,
|
|
22
|
+
currentStep: 0
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
_proto.close = function close() {
|
|
26
|
+
this.set({
|
|
27
|
+
showTour: false
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
return default_1;
|
|
31
|
+
}(Component);
|
|
32
|
+
default_1.template = template;
|
|
33
|
+
export { default_1 as default };
|
|
34
|
+
__decorate([bind], default_1.prototype, "settour", null);
|
|
35
|
+
__decorate([bind], default_1.prototype, "close", null);
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
|
|
2
|
+
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
|
|
3
|
+
import { __decorate } from "tslib";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Tour, TourStep, Button } from '@king-design/react';
|
|
6
|
+
import { bind } from '@king-design/react';
|
|
7
|
+
var Demo = /*#__PURE__*/function (_React$Component) {
|
|
8
|
+
_inheritsLoose(Demo, _React$Component);
|
|
9
|
+
function Demo() {
|
|
10
|
+
var _context;
|
|
11
|
+
var _this;
|
|
12
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
13
|
+
args[_key] = arguments[_key];
|
|
14
|
+
}
|
|
15
|
+
_this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
|
|
16
|
+
_this.state = {
|
|
17
|
+
currentStep: 0,
|
|
18
|
+
showTour: false
|
|
19
|
+
};
|
|
20
|
+
return _this;
|
|
21
|
+
}
|
|
22
|
+
var _proto = Demo.prototype;
|
|
23
|
+
_proto.settour = function settour() {
|
|
24
|
+
this.setState({
|
|
25
|
+
showTour: true,
|
|
26
|
+
currentStep: 0
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
_proto.close = function close() {
|
|
30
|
+
this.setState({
|
|
31
|
+
showTour: false
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
_proto.render = function render() {
|
|
35
|
+
var _this2 = this;
|
|
36
|
+
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tour, {
|
|
37
|
+
value: this.state.currentStep,
|
|
38
|
+
onChangeValue: function onChangeValue(currentStep) {
|
|
39
|
+
return _this2.setState({
|
|
40
|
+
currentStep: currentStep
|
|
41
|
+
});
|
|
42
|
+
},
|
|
43
|
+
visible: this.state.showTour,
|
|
44
|
+
onFinish: this.close
|
|
45
|
+
}, /*#__PURE__*/React.createElement(TourStep, {
|
|
46
|
+
title: "\u65E0\u76EE\u6807\u5143\u7D20-\u7B2C\u4E00\u6B65"
|
|
47
|
+
}, /*#__PURE__*/React.createElement("span", null, "\u5F53\u6CA1\u6709\u6307\u5B9Atarget\u5C5E\u6027\u6216\u8005\u76EE\u6807\u5143\u7D20\u4E0D\u5B58\u5728\u65F6\uFF0CTour\u4F1A\u5C45\u4E2D\u663E\u793A\u5728\u5C4F\u5E55\u4E2D\u592E\u3002")), /*#__PURE__*/React.createElement(TourStep, {
|
|
48
|
+
title: "\u65E0\u76EE\u6807\u5143\u7D20-\u7B2C\u4E8C\u6B65"
|
|
49
|
+
}, /*#__PURE__*/React.createElement("span", null, "\u5F53\u6CA1\u6709\u6307\u5B9Atarget\u5C5E\u6027\u6216\u8005\u76EE\u6807\u5143\u7D20\u4E0D\u5B58\u5728\u65F6\uFF0C\u6240\u6709\u6B65\u9AA4\u90FD\u4F1A\u5C45\u4E2D\u663E\u793A\u5728\u5C4F\u5E55\u4E2D\u592E\u3002"))), /*#__PURE__*/React.createElement("div", {
|
|
50
|
+
style: {
|
|
51
|
+
"marginTop": "20px"
|
|
52
|
+
}
|
|
53
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
54
|
+
onClick: this.settour
|
|
55
|
+
}, "\u542F\u52A8\u65E0\u76EE\u6807\u5F15\u5BFC")));
|
|
56
|
+
};
|
|
57
|
+
return Demo;
|
|
58
|
+
}(React.Component);
|
|
59
|
+
export { Demo as default };
|
|
60
|
+
__decorate([bind], Demo.prototype, "settour", null);
|
|
61
|
+
__decorate([bind], Demo.prototype, "close", null);
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { Component } from 'intact';
|
|
2
|
+
import Article from '~/../src/components/article';
|
|
3
|
+
export default class extends Article {
|
|
4
|
+
static sidebar: {
|
|
5
|
+
组件: {
|
|
6
|
+
title: string;
|
|
7
|
+
category: string;
|
|
8
|
+
order: number;
|
|
9
|
+
sidebar: string;
|
|
10
|
+
path: string;
|
|
11
|
+
}[];
|
|
12
|
+
undefined: ({
|
|
13
|
+
title: string;
|
|
14
|
+
order: number;
|
|
15
|
+
sidebar: string;
|
|
16
|
+
disabled: boolean;
|
|
17
|
+
path: string;
|
|
18
|
+
} | {
|
|
19
|
+
title: string;
|
|
20
|
+
order: number;
|
|
21
|
+
sidebar: string;
|
|
22
|
+
path: string;
|
|
23
|
+
disabled?: undefined;
|
|
24
|
+
})[];
|
|
25
|
+
};
|
|
26
|
+
static data: {
|
|
27
|
+
setting: {
|
|
28
|
+
title: string;
|
|
29
|
+
category: string;
|
|
30
|
+
order: number;
|
|
31
|
+
sidebar: string;
|
|
32
|
+
};
|
|
33
|
+
contents: string;
|
|
34
|
+
index: string;
|
|
35
|
+
catalogs: {
|
|
36
|
+
text: string;
|
|
37
|
+
level: number;
|
|
38
|
+
id: string;
|
|
39
|
+
}[];
|
|
40
|
+
};
|
|
41
|
+
static defaults: () => {
|
|
42
|
+
demos: Component<any, {}, {}, {}>[];
|
|
43
|
+
setting: {
|
|
44
|
+
title: string;
|
|
45
|
+
category: string;
|
|
46
|
+
order: number;
|
|
47
|
+
sidebar: string;
|
|
48
|
+
};
|
|
49
|
+
contents: string;
|
|
50
|
+
index: string;
|
|
51
|
+
catalogs: {
|
|
52
|
+
text: string;
|
|
53
|
+
level: number;
|
|
54
|
+
id: string;
|
|
55
|
+
}[];
|
|
56
|
+
};
|
|
57
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import _extends from "@babel/runtime-corejs3/helpers/extends";
|
|
2
|
+
import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
|
|
3
|
+
import _keysInstanceProperty from "@babel/runtime-corejs3/core-js/instance/keys";
|
|
4
|
+
import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/starts-with";
|
|
5
|
+
import Article from '~/../src/components/article';
|
|
6
|
+
import data from './index.json';
|
|
7
|
+
import sidebar from '~/doc.json';
|
|
8
|
+
var r = require.context('./', true, /demos.*(index|demo).ts/);
|
|
9
|
+
var keys = _keysInstanceProperty(r).call(r);
|
|
10
|
+
var demos = [];
|
|
11
|
+
for (var i = 0; i < keys.length; i++) {
|
|
12
|
+
var file = keys[i];
|
|
13
|
+
if (!_startsWithInstanceProperty(file).call(file, '.')) continue;
|
|
14
|
+
// if we found demo.js then ignore index.js
|
|
15
|
+
if (/demo.ts$/.test(file)) i++;
|
|
16
|
+
demos.push(r(file));
|
|
17
|
+
}
|
|
18
|
+
var default_1 = /*#__PURE__*/function (_Article) {
|
|
19
|
+
_inheritsLoose(default_1, _Article);
|
|
20
|
+
function default_1() {
|
|
21
|
+
return _Article.apply(this, arguments) || this;
|
|
22
|
+
}
|
|
23
|
+
return default_1;
|
|
24
|
+
}(Article);
|
|
25
|
+
default_1.sidebar = sidebar;
|
|
26
|
+
default_1.data = data;
|
|
27
|
+
default_1.defaults = function () {
|
|
28
|
+
return _extends({}, Article.defaults, data, {
|
|
29
|
+
demos: demos
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
export { default_1 as default };
|
|
@@ -10,7 +10,7 @@ export var getSketch = function getSketch() {
|
|
|
10
10
|
location.href = 'https://damife.ks3-cn-beijing.ksyuncs.com/kpc/KingDesign-Sketch.zip';
|
|
11
11
|
};
|
|
12
12
|
export var getFigma = function getFigma() {
|
|
13
|
-
window.open('https://www.figma.com/community/file/
|
|
13
|
+
window.open('https://www.figma.com/community/file/1470708335000288640/kingdesign-3-0');
|
|
14
14
|
};
|
|
15
15
|
export var getDesign = function getDesign() {
|
|
16
16
|
window.open('https://js.design/resourceDetails?id=62c6c0834835c771da15dfe0&source=ksd&plan=web');
|
|
@@ -3,7 +3,8 @@ import eot from './iconfont.eot';
|
|
|
3
3
|
import woff from './iconfont.woff';
|
|
4
4
|
import ttf from './iconfont.ttf';
|
|
5
5
|
import svg from './iconfont.svg';
|
|
6
|
+
import woff2 from './iconfont.woff2';
|
|
6
7
|
import { cache } from '../../components/utils';
|
|
7
8
|
export var makeIconStyles = cache(function _makeIconStyles(k) {
|
|
8
|
-
injectGlobal("@font-face{font-family:\"kd-font\";src:url('", eot, "');src:url('", eot, "#iefix') format('embedded-opentype'),url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAACSEAAsAAAAAUpQAACQ1AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACMWAr+cOcwATYCJAOCaAuBNgAEIAWEZweMVhtaRVVGho0DAFn85RRRLeqjKJmcWPb/x+TGGNIh5ldDCSUEGUZhVcHR2QuLdFB4DeElxZoK3xN7skIJJ2jgCooiGrSQj1yThIa36BG1RrcTVivkwN5m/4xNbmj+s6NZhlImBDl0n6SbvXadQUhQBodUuD+PLgJwuHXeoXv5XOAowEhCTDwM5MBD7dceeDpGZU8NU98vp9KQlgiNSPNOo1ISQ7yb/vkGCAIKuCBg4Ck4UEHeU4GqLN3gDEbc0TjSaIb6S8zSaDTYko5MXtIf02GmSYfpMEu7zCJraGNNh3SZpUkzOjia69+Fi5nd5D6XUdXXVnLgAXLMjJ21VGBUiAdEsWuuDTHOMAs9hEf+8/2pdmtqHXavgwLfRi+AiCRSbmidH1KGPEoXw9671x5/EyAhg3RvV1cjz5gb1TveEgOUuQEBBKoP5lYld55+k2ZNwEdWXFo6oguz3Kodn/abfg1WFCkwIrIqlQggIG/CE38A2+0mu8kCi6q0yGeedJfknSceKTb/6rRVikNK69f6sOSyTvpfzV8gsESxhdzAFRMX4Yp7sJMAab1JpKFUSKllmK7MU95NN9676cYbb1lv324YT1Vl8XrBZbtL1kIm4GAYc/0fltdY9qysX5ySzAQVBd2Nv+4JAUpWJpRe09f2MDwWZWK0Kef1ges+PJao11TPmnBMCOI1SnoZjuGbCPEZv4Gv4PvwZ7G8EUVCeHfuz/wdr/85QbqvdCJ9OHYE4DhCFhJMKzbEdvwYqpRdlmllkqip3A9icx4XFPwqZiwJKh4SmElzVkDO2ttJRQcuwLllK1atWbdh05ZtO3bt2Xfg0JFjU6bNmDVn3oJF1vg7T68+/QYMGjJsxCibMeMmTPLy8QsIsnNwcnHzqNegUZNmLVq1adehU5dugpGJmUWNvFp1DBKSUtIy4mKiIsJCggKEKN62GshswfoBYR/OIQIXEIVLiMEVxOEaknADKbiFNNxBBu4hCw+Qg0fIwxMU4BmK8AIleIUyvEEF3qEas1Q0APtQhwNowCE04QhacAxtOIEOnEIXzqAHI9CHRRjAEgzBMgzDCozAKozCGozBOozDBkzAJkzCFkzBKEzDNszADszBLszDHizADCzCLCzBHKzAPKzCAqzBGKzDOGzABGzCJGzBFGzDNOxAE+xCM+xBC+xDKxxAGxxCOxxBBxxDJ5xAF5xCN5xBD5xDL1xAH1xCP1zBAFzDINzAENzCMNxBHe6hHh6gAR6hEZ6gFs9QxAuU8ApVeINqvEMNPqCAT8jjC3L4hix+IINfSPiDiCD1MJsnlE/zizCA5kfnBl6P+MabRAT3xlC7CwEFWSIIOSIZwAuM9wZExR0IvHFJ0T0fZDVK6a4EICGPF0uLplp3RnCA/agAxjcK4LFkY6arlfJCZu23e4+Kl5R6XmsyxT/XOrez4Qc4mB0+r5r7sJm/l6XrAc3vBDheT+5cDRqKen+NXqXrYvt2488LAncl4L3etl/finHAPwBEo58SQGB0hzIVZ7hBLODcTzGr9c7q5bAr3dKxBlns6/LFeNuIqC67IPh/wr4XAhZn2EUzYH0Bm513sOY6md3vhU9z79LY9vmoVqXMy8wXRRPzSRiQWjwoIawcQmVqimECGSVRL0sJVYu5ZaGnLrLY76JKwy5KbJDUwEZkV5I09IwT+44Qf731iC0gsMgZV4aSSvHI8ClJBgLWgHgc0gp5mYhNUvim8uIXDio9K1AnxUz0mIOi0cprqCHLBvWuMbnc6UDBaPaaGI2y3XUklbQFostYw4npzvI4eUe/cc7ZPuUdqziCXTEdMa6+wu0eq2kI7g3BFQNFPq4mMEiZjExWuXWh14Ip0OS6Dynt/cHuiV2gmqWfmvngPs1dp64aGS08uoB7cjhFEBTiOg2oVzrzC57fERWa3GALdPIjoavFGQcEfkcF/5TW9OvWT0PTrAGFaksqTWZecT6iOSqnTIe0vfXieSjh+9kgD5f4xjnqCo+Uh3nMLLmYsvwdBDzczoZ+EB53rAtK435BTT8b9JOglTkwimkEKAeyGmtGiQIaAyCDceAPcEkpq0XZIrQLXElAfGzMUuu0QI7FcwrgVBYkpKp+JDIseMbHzACkNqiVW6MHcBIGJEIR/QlSfXBGk7qD1SDVYFwyFiqnOTZJJ19OehVroQrJzko7H22FiZqQOkcRf14UZX/BswnPJcBMLl99IJWYJZYyP2qRi2c81pl+4jXobfkY26ns/WDr2MZn1X1bv92J/bvVA5tHKmc6K9oPfXmRNw1XWMu0LLqU9emGrXlpgJuL63Nc7oJD0SlIVaUt+UCeGfDlHV9bY3XktEYeWdbSMhHLV0NWqL1mVVdIiHEU6jqm9fKe91ueiZaDJmxy97LM3RqokOTCxfmpudd9LT4NlOX5a3qYkEZAk0EjqqUaoOdn1TIxLCR4H3zZ4XnT4kyHPzfAmTfGFna5OyQ54rHmy0YM3ljwMJp7kYKcy5Fcx+NrT48SI596WrwB7zWwhso6lmcmafPzdA3Pt2dG/JwbCha6XvUKbwbyvMGXFj6iZsGXyZnXiE6K89JYS41RHhWcxTVicupa7OWjxWYhu6IGLKrlwmi6kH/695kbG/DnOMe9EbRv1GzDILrydMFDSEsfLR0KDqnrc+ufzH8iL0ov6vf1x37aMjoJyZNkW3bqVUccDOQR22jojb7ZPDIB0BYUT3Gl0Q0f0909jjPXvqh7mW3yvJGR9R/SnN2uO9u1tG+ll2fbLZQQ4Tnsa3TceimfmTss9GLQVZMm2zryBrI8fhefkKZgph+fBsS44Bbq2inNq86SQEJyR6EkHtmotVrGAIjA5Q7SGVO2Rmd3sGPERZnNSg/QEohKV9gqKItgxjhKadvwoAXEJDDGopMzbj9CbYFU0rZcRJIJUbiCzNWpq5/pHK1BDRU1He+KaokMU20549AVU0tTcA4uaYA/vNGLGwHSSFhciwz/56sOoN/dqEkfXV1ebDrdN8nzql/6bNWIXoj7FQbuwy4T/rDL7OduueeLHxPphtz1ST3867IY7UPvEbdIzts7B+Ub3/pSt+U6gijssjKfo96P7D0teJStL9YguFlJuBntNglKMsv2XbAyC81GYjN8uK4rgo62yaYK6lyeVqb1yeaM3mizZQTcnDfrxlpPbQvb80AL9hHwvXdfGRivX1soqDQ2lPZ+kFwX2K54DNd5VtiC2HcKMPPIb+6QBOIoxT2mqeFuYLEs9HZNC3YcaSc2x5czCVp1XbczKkC+OaDqOMp6wjiA87eSqeqkVlzyyI7TbM44Q5ZcEBGj5RhNqRPyOJtMdYNg78zzgfoM6rKkE39tt2+fUJ1s0H0geTtp2l9MMJhMeC/jDezzPvzmNviPIDldSxF0TYmCo+xAqVBPAY9/YxPl3RSUNFmjqR2g1DgwcqcMQWCeXyxOQtYZA3xTLfy2lYd5lk3XQtkiW6CtmfR6Ans8y8wZO5/awMwX921OvuAKbFKLdZv587TgrP+jC3FlX3gwv9m4vFZyN+hD+NQmMvyGaZYASIsmMsEum3NjTLaSNAgVpR1HHRcwoYJJmNHUiCOSTsTcTQCF4/9nLgd1rlt+tS3zBh9rrTTr2ov1HDUf8U9di+XSPa9aPKQBuRX1VQ1L0ExdJSt9m6STyHVpVNHZPFLvHAenbcYQmvNGGSEazzQcO9idCnYPYq5roVtDIGkS2YZWDETGgoX1Sfl/eMNVMBzkcKJzqSVsFuPdFmRigaXkr7ZAi5JdlJeupmBznc64+qFH7n7PPvYqfZ/iRhZrGZLrAdgd0tIZfJGOEWrWlDbkEbCv32eFOvu8RWkgRoI6C54umG1SFj5b2LW1sLEwPbZ/wD9SmVmcAfNPTwaEUTBpcWWgHC55mpLIMY7KipZMRGBuaGYIMgw24Ofl1t8bccKTcKDJdCWolCfe4P9kYxB+HNdOBKLq3H3zL1+VuKps/1ZUXwlVa7RCWgh7XNbC15Qfx1a8k9/U43864sJ0Xeqp0jtNyUY7la4xdaQD4Od4rwF7GLBZVnmdg3NQv1R0UbDjxHNj1rFUSwaasFk+15oBTNy2EQEBHqHzU/ml/pC/x/PuQtMsWJxGVWdVadiXDeQ7KQQD3VfT5DROvw8YDFuS5nXP010+CeC1FwukQyc7/0Vlx3ZdpYV3/lwHujr348Ghg+kRpD5LGhvw43lCgZarBynuRwsVgRx9bJB9HoNXfQxZjc+mWWWBmqOiuKqfWWhGR7xq1YQ/78/MfPnxronKx+3D7gnL87RU0fFXfzpSaih0V00NaPiNUScvB9fhKnh6wriTdQZ7u9r6+7V9cCh9TM55O8VAo2Sc4wG54Lnv1SQLPfvFLiQ2QDZKA2O69UKjhdrUiHqeU/Do4LsFXfb5SKlmoB3oBYFMxNykTlvH0NbI3XoQO55gqyVbN+Fhco6mPNz+c+TvczHnYD2kR8dWsayPnCROkfhYk+5F2z0/gxV1cvGvGzfFIBjg2G8nSpF8ZCqqKnxVZPhzPhantkuuRQtB1YTzkZ9Nca8DMc5ipoEHjRN/PV4M58LjISaTSlRrvh+Nxk24H1jMnUO9HyVoBkVzH5zjyfqhL3qspSJfikxucR3Cl9usxsFXJuSt8MhmKSN70tjOcpQ+I/TsQa1IUjnY3d7tfpVAnuWzzlXlbPm8+7WDW03hojyeg5a6oqf0Zk1dm5mphN4bBrYltH5/lKmBOB+5+0xTsBXnPzaYW+kFhO5m4BrtTCUN30DY23NYpvNcgu43rQCVE/Q265hyYIz3Bt342C+pxm2VynS+LxHR7s2o1tpccGiozv9OxtVApd6eNoIVlixzZO6WJvGWw44VKCvh7oVZ+5mQNAIsaEQLFS8LpjSWDV43vFWtoxHHF06Llh0gha6xW9C6V+rg97ss/dzjk1EJlcGogQzUs/nYEos70fB3HxyCuoTZui8KpuRACxBMJsoSUqvaZCJAbNB0CnIKanhyYQMds2pXr2dDJclF8WhKL23bY7q0bB4TZSXagBNLUaE7P2mcnlwiKBYX4HHZ1HI9kbZPR9R7D881z59fnpq2y+EnRZpcDHibakAXp0g5nfGJJfmEqRqz/kmEiuQY7VS1tXC4sso41nAKnYkBKwDDNVKAgFPr1EQdKdKWE3HMiiup5BoVlBo/i9piuN9jaU5w7Y2zAaffcnkmEC3jDLatoODtoH3VNEiQJf6uUOFOEGHFt7PrvpdIPS4n2MCU4kb1bPDtVLiGh7ojVgQzl5YnlBBESUL5LZ+ZqPWXEOUJt0JX8ep4mTk2W1bitJbFmmXZzhLrNx5N7L2aoxHXKIvN8vVB7WeYN2YfRtKQGMSCDNsh9AC4enp6e045vXU9PSEQj1tapuH/CT5KgAZ9PjqYlCY4dsBgUAvQ7n70ns8e2jZ26kxLcWg8Jz60eMXCGKneEg1aXmhTmnKrDfIFoWz2uEcKbZNW15wiw0rHdJs1dyyZKmbP+ExNqhilqCMpuAGp+edcj/CHStpko1WvXeBoiGSMgLiyLyNcq26uy3yBozaEQGwo/qJ51M3acPOiTTjqP56CVKZUIinXl/csnJK2oMXfJ70t3QdgRQwEaWhAEBXE8QoP9xJDi71XrMA4NgCDq9xbagZg1PtoCoNwxpS0fs/doPGwITB0+fgepkEgI/1kmIvBcIVdSM8AkJ3LITkN3JO5ZsLtJpjMB8tlHQ+AOfcCt+E/Csvxm/DXzVcCfoiaBPgHzAkMlqZnBPbuCJjAFJKJwB3bA3W6sOo9MXvvGO0FfYL2LzrR74EuE92ipV1BdaWYQlqUQZuKEvfQTeVKlpURVhy3EmV3E8pwqxUvI25/2W4TISmhyJR2JPJxCi49XOZYNuE6gS1kLbO0iYxxedNWgeagNuH0CrMRMwpQe3U2J5QTVitRnjDh7bcShDWhfCJ0+kEfJR0/EUrHb9/G6aElC0MhYHs7E6Mrgce3mYmdCO4XADV6cOPE6cq/EpRNIcZJthzNHZkoXzktuLCJLcngWaWWmUGKp/mLE7RqWCDN1kepSaJ16ZLI6KzwyLR9euCR2Ojv8Px579D9ikXFqpq84dG8JvhXOMlT1+VnA6atLs3PxNl/N/idfb6x5ULho5lPC5elq92nP7f9fRi2ez4lPgnx0e5MbRT+aPWlPVIGOpM3/HmPI4iQHc7tfBd/+y4nW4O3JXPX3yY4HvimIA8MvtBeUKZnclIzaXQK/cBWdurtfdFekNkn59eH+vqx3A2IQoQjHLhhguXnm1j7/GjbWQ95v4uSNu1vkffK6/zTpymuUrvrEkhsCdQ+zVLrnqZ2ojO+mG+XrzmDrhiYurFjYsc4+tff6lSd8BX7/fX2yZAJxX8SXPsOZaX2fJcVaqj99u7t4FbTxXXCNTz+9cLOU6vYHV8yB0yO293SnU/OrlPVtOd9XSuTtunDeYFqyfLbd7/l1ojRfVODc3iQP/Sc6IqD+qfxFMk+Z5+93uNqzbEeTb519waPtzpm2UVSWLL6yU5p921HXnuNat2emiEmc6MLVFcp1jl6CEtKC8myzr1I8XXc8wW+6HOo9+yTnE8dW9y7hvYO9RTGcEjJQQeR5qSmWVWfVKtW1ybVPzJRSbXqHv7R4hFTuwlhSn1giUU8x5f6P+4OsiTXCuaC3jdwQ9LYMfNCFNziujg4CY6rK+YqkpZRJzm7b7zzvb+wLsUayEVNUiePjHPoxzWh3OnepWDEPMAhRryCA2y7ioO6u0d3G//222ALOBhU3GZq9yhSBajf30dlImJERAGpzix64ZeQ9qP8+bNSa/c55k5n4BsYG/C6LyD+/XqXy1C7HdksfEN8X0AKYoS7xTpVJKwuRsJCCSSA6nZ1Vg+P4FPXcEQs6kS48JcS7iT8ewY6DUdJwBykk0JxooAYXLeXd/wwbyzowDBva5zfzRvl7T4PWkUvkvzeTirOvb5eLKW1F+FCMYhI0YtzKcSXPuO314dTqONUCk6lgkTlPTc3wRK4X/RniFlzDIEgIhVMENtxjVl0MWR/WIIUfYHYUDdqQ/ajge75rv1VHQQB0slGTkTSMUVDCgMHg10ig47IjXs4R6UQxXOICExPEzhRREwQHU052j3SPSZtJnMLjb7LuzaueEvXfM6UxnX/U4UvjSfKyohXXYEoiw93fNcdRVXHdUpDdGnzIX3e/34yhO2Ayk95q6C02bTJnMkEnC8PZeCaMr5pbe48TSXOVWgswdkp3AbJj2vaaFjYl0YhvE9Auci9BOIgrbAY0UAQ0npYIvxRqIq5qr4ao553hQzxd0qd4f606B2cCsFpAuGP6oU8z8ldE+OzoHWEiTHv4JKYkPwCJ9+ZX4gwxSwtPP2Y6TSm6pgk8/Ev4Ze9S7y9Fd7HiTtwEwUsf6ZLWbpUq5VbQgEYSXLt89mnLNXlp1TIMwrNlrxFRiWf/3epNj+7MFeenlL51gp+m38bW295JSfDnCnT4+YkeYzZHBsry5Su3IxtXpkljYp93IMYszwJN8v05NsgoboapHTkJdejK7XVDapX7pWUMD3MAaJ9pzgLrRM5xjBd6Bt7oEzIHJEq1ffl5700TgGBDD3SvWMC90AgN2jALbh0CeIGxve0iU9b4nuMuRkd6r/2f7Hk+S0Parq9Jh6bUNBEqWMMitKIDPk4MGqHboQenRq0THe6nsmX4mAvBVvhpwBg1ewlyIe278fsml+S8BYdJMcDOJYkh0tW/1HMmow6pUVRVKSwKM+bQAlFkdJSl/HtHn/0w8W6g9+5HEl4MEUO6Vrw+D7Tna0WIJuXITTl/U+zWFWzSF33ysPFmkUq1aKetCoP7nkZb/hZAn/dIkCwVxBcy3QJSaHvCeBQqa4/EiJWnGZEWXVPAuCrtuQOBLP5SwrzGN9XALa04KxbzYJ1Y4IzawVNt5Xg9qLG1gmabymv+88E+Z+WH5Lf/fZLnBX2EdxuEqw9g0U5JG6W8nrAXaec4jBgzPBSGBfvIGGMxvjvp70fhWWrUtM+EmKa/S9W186Nh26JwqIJ40G80RL+R9hIPHGIy11xBgZOKbWQSD1AReC2CHB0cMniAS96NEFsOTvI74+j84/+ofbWBK87BPv+yOsSwEAHHjApmwxg3Vo3b90tN5M4GwXHP4Rk/XjAL1EhcmOHMKmvSqEVxdVXtVRLz2P7ulLRtRplo1KAu/F9qDXu5dZVtQL8vYv3myMUxgKpIqUq6WFy+7brO7Nm0tOqpfGG5Wp9tapZJ+wWFAlJQZuAFBYJugNJSxvih5YexehCHfH7dRP9CFIIPO0bFfHxFSvjSyuUK/eFJJQuTaic+CexUKqTSHSmch1mmrbJqTiepKNxyBqfk5gLVej63FBOybqs0Jywz0zSrLCSdVAm6j5XJObG5wxZwStxRyzKWm++NeS0mFvVUhxXS+OKj2PNdXFFtItB9jprJgcX/UlspN4RvEV/RS5qptMyo7dsHd5k5fWmtUpGs0pXvVy90UiXsVFkWGlNekDVi00wRjTXz6Y01i2fKgsUsYVypaKwIFahLIiLLahSFBTW840W5d7Q3jBrzb9of8ktkAxsXFuaefbid6HC777e2H6IS23B98fmK+JjCpcev/rLT6Wl1p++Hpwtib9/KTlkAb/rwzufA98aGz2xOetZdnBgj6R2Yc3e3OrcvTULayU93GAzOvz9g1PbNpGZ7c4iSU8QL5fPYgvIFUhBwDyQ2G3AEX2OEBMC3zw3yvcL3RIZ+hKL2nIAlSPafarEu47sI0dG+uyk3VnvNgn4yIec1GLYaJH+VfZucUxWrOmYsjQyO01X12gb7xXD9XD29WKDERH3jtsaLenmcANRXlQWkyPLMkflykKrErb/c+zs2CSyvc3Q6NHOheqj8t7MWv31021Pvw61DCQtJk/7TWVEaoSxAgLG/AsuOXXUr8E2u9xuk7/uCApLBgMjPXEWFRGJAh88biuOcGCrAkdJXjJG/64H4xSKbj/L5uv2tbH2q2O1cBzzah87vul4SxMajj8wXAXCIQ7w8JzpkcYKibIUXkZHzElx0/7fW3qKrZvMPBRpU8+89voj8JlohSBMzGOUvMpcJFgooHm4ibTv37u4LTh18lLmua6a3AM3RCJk/cu7GcM7Pzv77o9L30JIHhkTHrH+lUzTHbpQefXNgWssrrdQ1ZX6iUwkRrZtsdsTuv6p3BkmrGssj2/shuqEpzdv8d36mCvFJKn6sGxoAyKzTSpOBzZ8krDi3uvYbBV2GemgkWRSWs/jH6rkoWUyyHBqB7vNBBLff/mkjQtWC5WCl4X70FZnsXH+8JOJlxMo70n1y+roFyhAMxA/FEfZSAbqhY4rUT/UhP5oi6a3wScAEgGAvIhWLxsdvIYfGaiqpT29XUv6dYuVxT3WgGLluWJH8blQjIuN7bEvHQ6nnfThfZhd6MiPSItKP2hFhMGRO+CwgKSojNs/JS3C6DB/6pimtOMprD0ni08bjsHzwgCP9gluHoyKve79Aotn3SfHePBChEPYbJFclhKL3ihZdrT5c7cO6BlEbUhb69AQtZ67ouFI+zakLdL2l0E8VTp2dDhSR/t/QqijCBWJY3aSrPNmkiTP/0OA7xh257Vxp91qtTtJe19vTx+JoqRzmtepPsP5I14AgkVGo3CTxxlmHTr5HPVO7TXCxqyjuyjZO00ZuVFL1HX8j/NhJJBSP4utmu3K1mWH1cRVfHZRDKHhXGx9/0K8cT0jfH0h4y/mnTuTAzypRNctagUuvPHutJvpYTZNvVzFSFMHllXVfVazFWiubk09dClOFL61OcwXHS6Ku+SxX9v33yWlPNwcn87PmvfW2yqTGlWy6zOr1TAgE5EwqeUdYg3fhG3CK10xTIxc/WeRSqS6m2Hj4tNJp/WJAUn9pZemsY7alzTR3284F2TvAwnXRDXyhRblQqKxNCc0E2O9yEDffKRjvUzdaw8NWJ41OyojUpr6NYU7awxOn6uvHQU6WleKCY1F4LWEgWkKFlwQZs3Jwnw1JMVDQFXLHMcBv3w0yo5jH9kXIoNCzhI4GixN4MG6b/abDK9qk5csSVqnC9E0rb/EnKxVzK761Gl/4SQ/tUbLTDnRlTlRUTlVJoo4fGNkOUC1SEQvu/e6kwBcjieSUgOSZ+3Ojg636ET3i8x6kuuaFgZlouS+r3e4XPY+kmqkGT2yr7/PDjq0L5z2a+N3xkVIpHPQczvfv1X90kycbd8913Z4MNrh45QRnzBmtY+eVW32ol/lDEwwXNWPjUi+6A79quMbmgbpZOUVJgkqfTIHADyt16+WdveO0x+zqndVffxZhTOkc2qcQG7RaX/I4uhm4HQexmCffTxDREok81Pnb8EFHkbD6t7c3kfqGn4ISunrHxCRH4pgl20+6ZyKLmczBEBif34oqxmEz1f7Q+kcuSkby3L2kf0qV7GTTvCCB4tVFfVBUYqHMvIda1NBUzvGTuWgobYjYyUJCOZwoiLxHYCAejbs9U+kDgb6e2AIZaAULPQdG4ES7xzEsKhIpWBYvSFBGR0AriUizQtmu4AN/XFAkZMMDue16fwVi9ySaHl+OHXaD/ZrwLC3vRQ/GGyn+NR/k0J2PUCA628DMAD/1Nlzs8xJjNNDlY1eiNckgMG5pncKhk3ace5cTGQQ/3UmgMHY2IP7GMYU21ejpJODAWVXgsXPsrHn/PkFbEvD9Czo7dXpT37gxBsYBfvgg4PZdg6/KlQD/FTmJYZAxt8TwNN3Gd4IkglxvFTAUcbpS+BUONjn84NaYK4W49DpQHZi5Yux3zBxIY44EnjBw92IgBd5dIJbSyn4IGbyPN2ZP8Uld3i8048C0HNpM8wEgLwD/Qd358Oc7rugX7nSuDb9yAqzg67bYD/TDAvDyjqQJNgPBIr7DPkK2j90FBbBeu99uBcOEsU7RXbdBvt7x+DjsIa0+35oNKHKOwoTsA4ln4LuTeZeAX2tIppjpZKQF0FtgHeQyO9A00HPUWgCOO52wcdENVKt/XgPZs3oD89LQF+pLo9CP4IWnYwOssiXohjU8Cl4DOZ3fR2mD32aOmCGc0RXZqlcz6ZNcIgu8JcT87suw/0eNAGYrMz7BbQWJTdDT1gs76gYzj+YWGYZjg34HKFC4VnjCLQJ7mmEYo0O0P0b6Og8Tmgwzh4mizwKTQH+fNl0r4BaZTm0GMjPINukeyR0RA7w+hikzYf6YdO7gR3KbfuvTyP7GX87fumb9B83Gbyl/oqlqFOjMpIhdAL8+hM6cuCXpft5n6kAyMyyoTxR49Gf0lf237zkxheIRICyF5I8KXKBs0a/x81o9Fs2aU1wpCA+o8BHUUwLJZShgzLAMPkoK2WDcsCw+6hkav7sVUoSygTCRTDqCXwUkPf8UVDWC4WA4Q2FgeHno4iqPxQFhv+Pkm7FvKGUQdUaU/I6I+9EzU8sCfGYEo9lwolbb1BxR6rZyHXqlgFDDmQqreeKuFjFz6JFGZMpHjqtb7WnzRVRr/GoSHcvT0YicbFC4yF5m/E1eiYxIpfXo+L21UqUWSnStQzpjnCjePyh7lZcjNIwIyzhlhf+9XdIqqyIa6mYgOCHB6SUNH37hSCfAAG+aIwRBVTEPy1H1SPjSArhe1Liohd+gU2SIntvnJBAHy1EupXhozF4Ekb4nXAKqdGXRT7aKPCYYBPeBUweg6CFDnoYYIQJEH4R8B4zCHgIoBBhQhkXUmljnQ/CKE7SLC/Kqm7arh/GaV7WbT/eFz+/637e79cbjKlp6RmZWdk5JnNuXn5BYdECS/EvWa7IWkpznCrGy0HqYC5te20o6qIRuryTQ+o7V0i4KTeMnPN1pVHFeeRAzl8wkmXBUkfM052m5VdClorLVriOooXScNj2h7RyncJftB4CzBhVhkNV1HDMe3UYrwnsH9FYBkePsg1sXBcZSYrCA0P3VaZB37ZsVhUcWuEUGYU4y3M1ajm3VktSgUyuwNkhyqTlkIOMeBmkjJZ74uruXCcbkij/S6RTXs+LYUZTEmQBMXw9Cu96yuUpOanUOESYka3KWSbpPpfKnNO03qg0XR8N8iDPORDG2kUUh2u9IbCGjCi4wig5QjcVes0Snrt1u0H3JHmDNJQD3I28NFtkLiK7Y8uiM0b49kVkODZrBk4MWAs1kpbpUqQhFUgylCtjRYzGXP8iBYRsbpeS7kdjEg2bvMwVEYMSwpNJrjhxjOBZ8c3Gj4x05ToXRFdUjApL2hn9IA9JWjYvseaguHJH+VSYKQqVjNEHe3XSYJQhjYCJCD5QMUvLjm8z6OiiHRMECpNJ0qAxL3o90nqdh+S4pYDL4IXQ0N1jYUzIMhS8YLPMeIZs5RpD2DIm6m3cmEuymEJ3ZQbvhe6KFobYSmKJd9ZTuHYTBHFDlveCNjQkkfgH') format('woff2'),url('", woff, "') format('woff'),url('", ttf, "') format('truetype'),url('", svg, "#kpc-font') format('svg');}.", k, "-icon{font-family:\"kd-font\"!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.", k, "-icon-heart-fill:before{content:\"\\e9ba\";}.", k, "-icon-notification-fill:before{content:\"\\e9b9\";}.", k, "-icon-share:before{content:\"\\e9b8\";}.", k, "-icon-tag:before{content:\"\\e9b7\";}.", k, "-icon-clone:before{content:\"\\e9b6\";}.", k, "-icon-information-fill:before{content:\"\\e9b1\";}.", k, "-icon-warning-fill:before{content:\"\\e9b2\";}.", k, "-icon-success-fill:before{content:\"\\e9b3\";}.", k, "-icon-error-fill:before{content:\"\\e9b4\";}.", k, "-icon-question-fill:before{content:\"\\e9b5\";}.", k, "-icon-information:before{content:\"\\e9b0\";}.", k, "-icon-cloud:before{content:\"\\e9ac\";}.", k, "-icon-pin:before{content:\"\\e9ad\";}.", k, "-icon-home:before{content:\"\\e9ae\";}.", k, "-icon-cut:before{content:\"\\e9af\";}.", k, "-icon-server:before{content:\"\\e99a\";}.", k, "-icon-internet:before{content:\"\\e99b\";}.", k, "-icon-mail:before{content:\"\\e99c\";}.", k, "-icon-paper:before{content:\"\\e99d\";}.", k, "-icon-phone:before{content:\"\\e99e\";}.", k, "-icon-panel:before{content:\"\\e99f\";}.", k, "-icon-alarm:before{content:\"\\e9a0\";}.", k, "-icon-notification:before{content:\"\\e9a1\";}.", k, "-icon-earphone:before{content:\"\\e9a2\";}.", k, "-icon-settings-horizontal:before{content:\"\\e9a3\";}.", k, "-icon-message:before{content:\"\\e9a4\";}.", k, "-icon-heart:before{content:\"\\e9a5\";}.", k, "-icon-return-right:before{content:\"\\e9a6\";}.", k, "-icon-picture:before{content:\"\\e9a7\";}.", k, "-icon-logout:before{content:\"\\e9a8\";}.", k, "-icon-all:before{content:\"\\e9a9\";}.", k, "-icon-drag:before{content:\"\\e9aa\";}.", k, "-icon-settings-vertical:before{content:\"\\e9ab\";}.", k, "-icon-more:before{content:\"\\e97d\";}.", k, "-icon-more-circled:before{content:\"\\e988\";}.", k, "-icon-folder:before{content:\"\\e994\";}.", k, "-icon-unlock:before{content:\"\\e995\";}.", k, "-icon-user:before{content:\"\\e996\";}.", k, "-icon-folder-open:before{content:\"\\e997\";}.", k, "-icon-lock:before{content:\"\\e998\";}.", k, "-icon-users:before{content:\"\\e999\";}.", k, "-icon-edit:before{content:\"\\e98e\";}.", k, "-icon-location:before{content:\"\\e98f\";}.", k, "-icon-delete:before{content:\"\\e990\";}.", k, "-icon-settings:before{content:\"\\e992\";}.", k, "-icon-calendar:before{content:\"\\e993\";}.", k, "-icon-search:before{content:\"\\e97e\";}.", k, "-icon-alert:before{content:\"\\e97f\";}.", k, "-icon-question:before{content:\"\\e980\";}.", k, "-icon-zoom-in:before{content:\"\\e981\";}.", k, "-icon-zoom-out:before{content:\"\\e982\";}.", k, "-icon-close-outline:before{content:\"\\e983\";}.", k, "-icon-check-outline:before{content:\"\\e984\";}.", k, "-icon-hidden:before{content:\"\\e985\";}.", k, "-icon-visible:before{content:\"\\e986\";}.", k, "-icon-time:before{content:\"\\e987\";}.", k, "-icon-refresh:before{content:\"\\e989\";}.", k, "-icon-batchsearch:before{content:\"\\e98a\";}.", k, "-icon-upload:before{content:\"\\e98c\";}.", k, "-icon-download:before{content:\"\\e98d\";}.", k, "-icon-left-squared:before{content:\"\\e975\";}.", k, "-icon-right-squared:before{content:\"\\e976\";}.", k, "-icon-down-squared:before{content:\"\\e977\";}.", k, "-icon-up-squared:before{content:\"\\e978\";}.", k, "-icon-right-circled:before{content:\"\\e979\";}.", k, "-icon-down-circled:before{content:\"\\e97a\";}.", k, "-icon-left-circled:before{content:\"\\e97b\";}.", k, "-icon-up-circled:before{content:\"\\e97c\";}.", k, "-icon-up-bold:before{content:\"\\e962\";}.", k, "-icon-left-bold:before{content:\"\\e963\";}.", k, "-icon-down:before{content:\"\\e964\";}.", k, "-icon-right-bold:before{content:\"\\e965\";}.", k, "-icon-right:before{content:\"\\e966\";}.", k, "-icon-left:before{content:\"\\e968\";}.", k, "-icon-up:before{content:\"\\e969\";}.", k, "-icon-down-bold:before{content:\"\\e96a\";}.", k, "-icon-sort:before{content:\"\\e96b\";}.", k, "-icon-sort-bold:before{content:\"\\e96c\";}.", k, "-icon-check:before{content:\"\\e96d\";}.", k, "-icon-check-bold:before{content:\"\\e96e\";}.", k, "-icon-close-bold:before{content:\"\\e96f\";}.", k, "-icon-add:before{content:\"\\e970\";}.", k, "-icon-minus-bold:before{content:\"\\e971\";}.", k, "-icon-close:before{content:\"\\e972\";}.", k, "-icon-minus:before{content:\"\\e973\";}.", k, "-icon-add-bold:before{content:\"\\e974\";}.", k, "-icon-start:before{content:\"\\e9bb\";}.", k, "-icon-stop:before{content:\"\\e9bd\";}.", k, "-icon-sortorder:before{content:\"\\e9bc\";}");
|
|
9
|
+
injectGlobal("@font-face{font-family:\"kd-font\";src:url('", eot, "');src:url('", eot, "#iefix') format('embedded-opentype'),url('", woff2, "') format('woff2'),url('", woff, "') format('woff'),url('", ttf, "') format('truetype'),url('", svg, "#kpc-font') format('svg');}.", k, "-icon{font-family:\"kd-font\"!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.", k, "-icon-heart-fill:before{content:\"\\e9ba\";}.", k, "-icon-notification-fill:before{content:\"\\e9b9\";}.", k, "-icon-share:before{content:\"\\e9b8\";}.", k, "-icon-tag:before{content:\"\\e9b7\";}.", k, "-icon-clone:before{content:\"\\e9b6\";}.", k, "-icon-information-fill:before{content:\"\\e9b1\";}.", k, "-icon-warning-fill:before{content:\"\\e9b2\";}.", k, "-icon-success-fill:before{content:\"\\e9b3\";}.", k, "-icon-error-fill:before{content:\"\\e9b4\";}.", k, "-icon-question-fill:before{content:\"\\e9b5\";}.", k, "-icon-information:before{content:\"\\e9b0\";}.", k, "-icon-cloud:before{content:\"\\e9ac\";}.", k, "-icon-pin:before{content:\"\\e9ad\";}.", k, "-icon-home:before{content:\"\\e9ae\";}.", k, "-icon-cut:before{content:\"\\e9af\";}.", k, "-icon-server:before{content:\"\\e99a\";}.", k, "-icon-internet:before{content:\"\\e99b\";}.", k, "-icon-mail:before{content:\"\\e99c\";}.", k, "-icon-paper:before{content:\"\\e99d\";}.", k, "-icon-phone:before{content:\"\\e99e\";}.", k, "-icon-panel:before{content:\"\\e99f\";}.", k, "-icon-alarm:before{content:\"\\e9a0\";}.", k, "-icon-notification:before{content:\"\\e9a1\";}.", k, "-icon-earphone:before{content:\"\\e9a2\";}.", k, "-icon-settings-horizontal:before{content:\"\\e9a3\";}.", k, "-icon-message:before{content:\"\\e9a4\";}.", k, "-icon-heart:before{content:\"\\e9a5\";}.", k, "-icon-return-right:before{content:\"\\e9a6\";}.", k, "-icon-picture:before{content:\"\\e9a7\";}.", k, "-icon-logout:before{content:\"\\e9a8\";}.", k, "-icon-all:before{content:\"\\e9a9\";}.", k, "-icon-drag:before{content:\"\\e9aa\";}.", k, "-icon-settings-vertical:before{content:\"\\e9ab\";}.", k, "-icon-more:before{content:\"\\e97d\";}.", k, "-icon-more-circled:before{content:\"\\e988\";}.", k, "-icon-folder:before{content:\"\\e994\";}.", k, "-icon-unlock:before{content:\"\\e995\";}.", k, "-icon-user:before{content:\"\\e996\";}.", k, "-icon-folder-open:before{content:\"\\e997\";}.", k, "-icon-lock:before{content:\"\\e998\";}.", k, "-icon-users:before{content:\"\\e999\";}.", k, "-icon-edit:before{content:\"\\e98e\";}.", k, "-icon-location:before{content:\"\\e98f\";}.", k, "-icon-delete:before{content:\"\\e990\";}.", k, "-icon-settings:before{content:\"\\e992\";}.", k, "-icon-calendar:before{content:\"\\e993\";}.", k, "-icon-search:before{content:\"\\e97e\";}.", k, "-icon-alert:before{content:\"\\e97f\";}.", k, "-icon-question:before{content:\"\\e980\";}.", k, "-icon-zoom-in:before{content:\"\\e981\";}.", k, "-icon-zoom-out:before{content:\"\\e982\";}.", k, "-icon-close-outline:before{content:\"\\e983\";}.", k, "-icon-check-outline:before{content:\"\\e984\";}.", k, "-icon-hidden:before{content:\"\\e985\";}.", k, "-icon-visible:before{content:\"\\e986\";}.", k, "-icon-time:before{content:\"\\e987\";}.", k, "-icon-refresh:before{content:\"\\e989\";}.", k, "-icon-batchsearch:before{content:\"\\e98a\";}.", k, "-icon-upload:before{content:\"\\e98c\";}.", k, "-icon-download:before{content:\"\\e98d\";}.", k, "-icon-left-squared:before{content:\"\\e975\";}.", k, "-icon-right-squared:before{content:\"\\e976\";}.", k, "-icon-down-squared:before{content:\"\\e977\";}.", k, "-icon-up-squared:before{content:\"\\e978\";}.", k, "-icon-right-circled:before{content:\"\\e979\";}.", k, "-icon-down-circled:before{content:\"\\e97a\";}.", k, "-icon-left-circled:before{content:\"\\e97b\";}.", k, "-icon-up-circled:before{content:\"\\e97c\";}.", k, "-icon-up-bold:before{content:\"\\e962\";}.", k, "-icon-left-bold:before{content:\"\\e963\";}.", k, "-icon-down:before{content:\"\\e964\";}.", k, "-icon-right-bold:before{content:\"\\e965\";}.", k, "-icon-right:before{content:\"\\e966\";}.", k, "-icon-left:before{content:\"\\e968\";}.", k, "-icon-up:before{content:\"\\e969\";}.", k, "-icon-down-bold:before{content:\"\\e96a\";}.", k, "-icon-sort:before{content:\"\\e96b\";}.", k, "-icon-sort-bold:before{content:\"\\e96c\";}.", k, "-icon-check:before{content:\"\\e96d\";}.", k, "-icon-check-bold:before{content:\"\\e96e\";}.", k, "-icon-close-bold:before{content:\"\\e96f\";}.", k, "-icon-add:before{content:\"\\e970\";}.", k, "-icon-minus-bold:before{content:\"\\e971\";}.", k, "-icon-close:before{content:\"\\e972\";}.", k, "-icon-minus:before{content:\"\\e973\";}.", k, "-icon-add-bold:before{content:\"\\e974\";}.", k, "-icon-start:before{content:\"\\e9bb\";}.", k, "-icon-stop:before{content:\"\\e9bd\";}.", k, "-icon-sortorder:before{content:\"\\e9bc\";}");
|
|
9
10
|
});
|
package/es/styles/global.js
CHANGED
|
@@ -4,13 +4,14 @@ import _Object$keys from "@babel/runtime-corejs3/core-js/object/keys";
|
|
|
4
4
|
import { injectGlobal, css } from '@emotion/css';
|
|
5
5
|
import { theme } from './theme';
|
|
6
6
|
import { palette } from '../styles/utils';
|
|
7
|
+
import { hasDocumentAvailable } from 'intact-shared';
|
|
7
8
|
var slideDirections = {
|
|
8
9
|
down: 'center top 0',
|
|
9
10
|
up: 'center bottom 0',
|
|
10
11
|
left: 'right center 0',
|
|
11
12
|
right: 'left center 0'
|
|
12
13
|
};
|
|
13
|
-
if (!/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)) {
|
|
14
|
+
if (hasDocumentAvailable && !/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)) {
|
|
14
15
|
document.body.classList.add('k-customize-scrollbar');
|
|
15
16
|
}
|
|
16
17
|
// TODO: update global when theme changed
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import {RefObject, onMounted, onUnmounted} from 'intact';
|
|
2
|
-
import {isFunction} from 'intact-shared';
|
|
2
|
+
import {isFunction, hasDocumentAvailable} from 'intact-shared';
|
|
3
3
|
|
|
4
4
|
export interface IgnoreClickEvent extends MouseEvent {
|
|
5
5
|
_ignore?: boolean
|
|
@@ -16,7 +16,7 @@ let getNow = Date.now;
|
|
|
16
16
|
// timestamp can either be hi-res (relative to page load) or low-res
|
|
17
17
|
// (relative to UNIX epoch), so in order to compare time we have to use the
|
|
18
18
|
// same timestamp type when saving the flush timestamp.
|
|
19
|
-
if (getNow() > document.createEvent('Event').timeStamp) {
|
|
19
|
+
if (hasDocumentAvailable && getNow() > document.createEvent('Event').timeStamp) {
|
|
20
20
|
// if the low-res timestamp which is bigger than the event timestamp
|
|
21
21
|
// (which is evaluated AFTER) it means the event is using a hi-res timestamp,
|
|
22
22
|
// and we need to use the hi-res version for event listeners as well.
|
|
@@ -24,7 +24,7 @@ if (getNow() > document.createEvent('Event').timeStamp) {
|
|
|
24
24
|
}
|
|
25
25
|
// #3485: Firefox <= 53 has incorrect Event.timeStamp implementation
|
|
26
26
|
// and does not fire microtasks in between event propagation, so safe to exclude.
|
|
27
|
-
const ffMatch = navigator.userAgent.match(/firefox\/(\d+)/i);
|
|
27
|
+
const ffMatch = hasDocumentAvailable ? navigator.userAgent.match(/firefox\/(\d+)/i) : null;
|
|
28
28
|
const skipTimestampCheck = !!(ffMatch && Number(ffMatch[1]) <= 53);
|
|
29
29
|
|
|
30
30
|
export function useDocumentClick(
|