@king-design/react 2.0.2 → 2.0.3

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.
@@ -0,0 +1,37 @@
1
+ import React, {createRef} from 'react';
2
+ import * as ReactDOM from 'react-dom';
3
+ import { Tooltip, Form, FormItem } from '../../';
4
+ import {getElement, wait, dispatchEvent} from '../../../../test/utils';
5
+
6
+ describe('Form', () => {
7
+ it('should show Tooltip in append slot', async () => {
8
+ const click = sinon.spy(() => console.log(1));
9
+ const container = document.createElement('div');
10
+ document.body.appendChild(container);
11
+
12
+ ReactDOM.render(
13
+ <Form>
14
+ <FormItem
15
+ label="测试"
16
+ value="1"
17
+ slotAppend={
18
+ <Tooltip content="测试">
19
+ <i className="k-icon ion-ionic" />
20
+ </Tooltip>
21
+ }
22
+ />
23
+ </Form>,
24
+ container
25
+ );
26
+
27
+ const trigger = container.querySelector('.k-icon') as HTMLElement;
28
+ expect(trigger).to.be.exist;
29
+
30
+ dispatchEvent(trigger, 'mouseover');
31
+ await wait();
32
+ expect(getElement('.k-tooltip-content')).to.be.exist;
33
+
34
+ ReactDOM.unmountComponentAtNode(container);
35
+ document.body.removeChild(container);
36
+ });
37
+ });
@@ -10,7 +10,7 @@ export * from './shapes/rectangle';
10
10
  export * from './shapes/square';
11
11
  export * from './shapes/text';
12
12
  export * from './shapes/line';
13
- declare const DDiamond: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DTriangle: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCylinder: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCloud: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>;
13
+ declare const DDiamond: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DTriangle: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCylinder: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCloud: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>;
14
14
  export { DDiamond, DTriangle, DCylinder, DCloud };
15
15
  export * from './layouts/layout';
16
16
  export * from './layouts/circle';
@@ -163,9 +163,11 @@ export var Dropdown = /*#__PURE__*/function (_Component) {
163
163
 
164
164
  _proto.normalizeTriggerProps = function normalizeTriggerProps(props) {
165
165
  // if use kpc in react or vue, normalize props by Wrapper.props.vnode;
166
- if (this.$isReact || this.$isVueNext) {
167
- var vnode = props.vnode;
168
- if (!vnode) return props;
166
+ var vnode = props.vnode;
167
+ if (!vnode) return props; // maybe we render the intact component in react slot property, in this case
168
+ // the $isReact is false. so use the vnode $$typeof field as gauge
169
+
170
+ if (vnode.$$typeof || this.$isVueNext) {
169
171
  var _props = vnode.props;
170
172
  if (!_props) return props;
171
173
  return {
@@ -179,12 +181,10 @@ export var Dropdown = /*#__PURE__*/function (_Component) {
179
181
 
180
182
  };
181
183
  } else if (this.$isVue) {
182
- var _vnode = props.vnode;
183
- if (!_vnode) return props;
184
- var data = _vnode.data;
184
+ var data = vnode.data;
185
185
  var on = data && data.on || EMPTY_OBJ;
186
186
  var ret = {
187
- vnode: _vnode
187
+ vnode: vnode
188
188
  };
189
189
  ['click', 'mouseenter', 'mouseleave', 'contextmenu'].forEach(function (event) {
190
190
  var method = on[event];
@@ -81,7 +81,7 @@ export var Portal = /*#__PURE__*/function (_Component) {
81
81
  }
82
82
  } else {
83
83
  mountedQueue.push(function () {
84
- parentDom = _this2.$lastInput.dom.parentElement;
84
+ var parentDom = _this2.$lastInput.dom.parentElement;
85
85
 
86
86
  _this2.initContainer(nextProps.container, parentDom, anchor);
87
87
 
@@ -0,0 +1,2 @@
1
+ export * from './skeleton';
2
+ export * from './item';
@@ -0,0 +1,2 @@
1
+ export * from './skeleton';
2
+ export * from './item';
@@ -0,0 +1,16 @@
1
+ import { Component, TypeDefs } from 'intact-react';
2
+ declare type ItemType = 'text' | 'avator' | 'image' | 'button' | 'input';
3
+ export declare const ItemTypeMap: ItemType[];
4
+ export interface SkeletonItemProps {
5
+ type?: ItemType;
6
+ }
7
+ export interface SkeletonItemEvents {
8
+ }
9
+ export interface SkeletonItemBlocks {
10
+ }
11
+ export declare class SkeletonItem extends Component<SkeletonItemProps, SkeletonItemEvents, SkeletonItemBlocks> {
12
+ static template: string | import("intact").Template<any>;
13
+ static typeDefs: Required<TypeDefs<SkeletonItemProps>>;
14
+ static defaults: () => Partial<SkeletonItemProps>;
15
+ }
16
+ export {};
@@ -0,0 +1,26 @@
1
+ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
2
+ import { Component } from 'intact-react';
3
+ import template from './item.vdt';
4
+ export var ItemTypeMap = ['text', 'avator', 'image', 'button', 'input'];
5
+ var typeDefs = {
6
+ type: ItemTypeMap
7
+ };
8
+
9
+ var defaults = function defaults() {
10
+ return {
11
+ type: 'text'
12
+ };
13
+ };
14
+
15
+ export var SkeletonItem = /*#__PURE__*/function (_Component) {
16
+ _inheritsLoose(SkeletonItem, _Component);
17
+
18
+ function SkeletonItem() {
19
+ return _Component.apply(this, arguments) || this;
20
+ }
21
+
22
+ return SkeletonItem;
23
+ }(Component);
24
+ SkeletonItem.template = template;
25
+ SkeletonItem.typeDefs = typeDefs;
26
+ SkeletonItem.defaults = defaults;
@@ -0,0 +1,35 @@
1
+ import _extends from "@babel/runtime-corejs3/helpers/extends";
2
+ import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce } from 'intact-react';
3
+ import { makeItemStyles } from './style';
4
+ import { getRestProps } from '../utils';
5
+ var _$tmp0 = {
6
+ 'd': 'M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z'
7
+ };
8
+ var _$tmp1 = {
9
+ 'viewBox': '0 0 1024 1024',
10
+ 'xmlns': 'http://www.w3.org/2000/svg'
11
+ };
12
+ export default function ($props, $blocks, $__proto__) {
13
+ var _classNameObj, _ItemklsObj;
14
+
15
+ $blocks || ($blocks = {});
16
+ $props || ($props = {});
17
+ var $this = this;
18
+
19
+ var _this$get = this.get(),
20
+ type = _this$get.type;
21
+
22
+ var classNameObj = (_classNameObj = {
23
+ 'k-skeleton-item': true
24
+ }, _classNameObj[makeItemStyles()] = true, _classNameObj);
25
+ var ItemklsObj = (_ItemklsObj = {
26
+ 'k-skeleton-item-box': true
27
+ }, _ItemklsObj["skeleton-item-" + type] = true, _ItemklsObj);
28
+
29
+ var skeletonItem = _$cv('div', _extends({
30
+ 'className': _$cn(ItemklsObj)
31
+ }, getRestProps(this)), type === 'image' ? _$ce(512, 'svg', _$ce(2, 'path', null, 1, null, _$tmp0), 2, null, _$tmp1) : undefined);
32
+
33
+ return _$ce(2, 'div', skeletonItem, 0, _$cn(classNameObj));
34
+ }
35
+ ;
@@ -0,0 +1,17 @@
1
+ import { Component, TypeDefs } from 'intact-react';
2
+ export interface SkeletonProps {
3
+ loading: boolean;
4
+ animated?: boolean;
5
+ rows?: number;
6
+ avator?: boolean;
7
+ size?: string;
8
+ }
9
+ export interface SkeletonEvents {
10
+ }
11
+ export interface SkeletonBlocks {
12
+ }
13
+ export declare class Skeleton extends Component<SkeletonProps, SkeletonEvents, SkeletonBlocks> {
14
+ static template: string | import("intact").Template<any>;
15
+ static typeDefs: Required<TypeDefs<SkeletonProps>>;
16
+ static defaults: () => Partial<SkeletonProps>;
17
+ }
@@ -0,0 +1,30 @@
1
+ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
2
+ import { Component } from 'intact-react';
3
+ import template from './skeleton.vdt';
4
+ var typeDefs = {
5
+ loading: Boolean,
6
+ animated: Boolean,
7
+ rows: Number,
8
+ avator: Boolean,
9
+ size: String
10
+ };
11
+
12
+ var defaults = function defaults() {
13
+ return {
14
+ rows: 2,
15
+ size: 'large'
16
+ };
17
+ };
18
+
19
+ export var Skeleton = /*#__PURE__*/function (_Component) {
20
+ _inheritsLoose(Skeleton, _Component);
21
+
22
+ function Skeleton() {
23
+ return _Component.apply(this, arguments) || this;
24
+ }
25
+
26
+ return Skeleton;
27
+ }(Component);
28
+ Skeleton.template = template;
29
+ Skeleton.typeDefs = typeDefs;
30
+ Skeleton.defaults = defaults;
@@ -0,0 +1,37 @@
1
+ import _fillInstanceProperty from "@babel/runtime-corejs3/core-js/instance/fill";
2
+ import { map as _$ma, createUnknownComponentVNode as _$cc, createElementVNode as _$ce, className as _$cn } from 'intact-react';
3
+ import { SkeletonItem } from './item';
4
+ import { makeStyles, kls } from './style';
5
+ var _$tmp0 = {
6
+ 'type': 'avator'
7
+ };
8
+ export default function ($props, $blocks, $__proto__) {
9
+ var _context, _classNameObj;
10
+
11
+ $blocks || ($blocks = {});
12
+ $props || ($props = {});
13
+ var $this = this;
14
+
15
+ var _this$get = this.get(),
16
+ rows = _this$get.rows,
17
+ avator = _this$get.avator,
18
+ animated = _this$get.animated,
19
+ children = _this$get.children,
20
+ loading = _this$get.loading,
21
+ size = _this$get.size;
22
+
23
+ var targetRows = typeof rows !== 'number' ? 3 : rows < 1 ? 1 : parseInt(rows);
24
+
25
+ var skeletonList = _fillInstanceProperty(_context = Array(targetRows + 2)).call(_context);
26
+
27
+ var skeletonItems = _$ma(skeletonList, function ($value, $key) {
28
+ return _$cc(SkeletonItem);
29
+ }, $this);
30
+
31
+ var classNameObj = (_classNameObj = {
32
+ 'k-skeleton': true,
33
+ 'k-animated': animated
34
+ }, _classNameObj[makeStyles(size)] = true, _classNameObj);
35
+ return loading ? _$ce(2, 'div', children ? _$ce(2, 'div', children, 0) : avator ? _$ce(2, 'div', [_$cc(SkeletonItem, _$tmp0), _$ce(2, 'div', skeletonItems, 0, 'k-skeleton-items')], 4, _$cn(kls('avator-box'))) : _$ce(2, 'div', skeletonItems, 0, 'k-skeleton-items'), 2, _$cn(classNameObj)) : undefined;
36
+ }
37
+ ;
@@ -0,0 +1,6 @@
1
+ import '../../styles/global';
2
+ export declare const kls: (className: string) => string;
3
+ declare type ItemSize = 'default' | 'large' | 'small' | 'mini';
4
+ export declare function makeStyles(size: ItemSize): string;
5
+ export declare function makeItemStyles(): string;
6
+ export {};
@@ -0,0 +1,35 @@
1
+ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
2
+
3
+ import { deepDefaults } from '../../styles/utils';
4
+ import { theme, setDefault } from '../../styles/theme';
5
+ import { css, keyframes } from '@emotion/css';
6
+ import '../../styles/global';
7
+ export var kls = function kls(className) {
8
+ return "k-skeleton-" + className;
9
+ };
10
+ var defaults = {
11
+ item: {
12
+ bgColor: '#dcdde0'
13
+ }
14
+ };
15
+ var skeleton;
16
+ setDefault(function () {
17
+ skeleton = deepDefaults(theme, {
18
+ skeleton: defaults
19
+ }).skeleton;
20
+ });
21
+ export function makeStyles(size) {
22
+ return /*#__PURE__*/css("&.k-animated{.", kls('item'), "{&>.k-skeleton-item-box{background:linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);background-size:400% 100%;animation:", skeletonLoading, " 1.4s ease infinite;}}}.k-skeleton-items{.", kls('item'), ":first-child{.skeleton-item-text{width:33%;}}.", kls('item'), ":last-child{.skeleton-item-text{width:61%;}}}.", kls('avator-box'), "{display:flex;&>div:last-child{flex-grow:1;padding-left:20px;}}.skeleton-item-button,.skeleton-item-input{height:", theme[size].height, ";}");
23
+ }
24
+ var skeletonLoading = /*#__PURE__*/keyframes(process.env.NODE_ENV === "production" ? {
25
+ name: "1jmexzm",
26
+ styles: "0%{background-position:100% 50%;}to{background-position:0 50%;}"
27
+ } : {
28
+ name: "1jmexzm",
29
+ styles: "0%{background-position:100% 50%;}to{background-position:0 50%;}",
30
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
31
+ });
32
+ export function makeItemStyles() {
33
+ var skeletonItem = skeleton.item;
34
+ return /*#__PURE__*/css("&>div{background:", skeletonItem.bgColor, ";}.skeleton-item-text{width:100%;height:16px;border-radius:4px;margin-top:16px;}.skeleton-item-avator{width:40px;height:40px;border-radius:50%;}.skeleton-item-image{display:flex;justify-content:center;align-items:center;width:200px;height:200px;&>svg{width:48px;height:48px;fill:", skeletonItem.bgColor, ";}}.skeleton-item-button{width:64px;background:", skeletonItem.bgColor, ";}.skeleton-item-input{width:160px;background:", skeletonItem.bgColor, ";}");
35
+ }
@@ -1,4 +1,4 @@
1
1
  export declare const context: {
2
- Provider: import("misstime").ComponentConstructor<import('intact-react').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
3
- Consumer: import("misstime").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
2
+ Provider: import("vdt").ComponentConstructor<import('intact-react').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
3
+ Consumer: import("vdt").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
4
4
  };
@@ -43,10 +43,9 @@ export function useFilter(getNodes, getExpandedKeys) {
43
43
  }
44
44
 
45
45
  function updateFilterUpward(node) {
46
- if (!node) return; // should expand the node
46
+ if (!node || _filterInstanceProperty(node)) return; // should expand the node
47
47
 
48
48
  getExpandedKeys().add(node.key);
49
- if (_filterInstanceProperty(node)) return;
50
49
  node.filter = true;
51
50
  updateFilterUpward(node.parent);
52
51
  }
package/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @king-design v2.0.2
2
+ * @king-design v2.0.3
3
3
  *
4
4
  * Copyright (c) Kingsoft Cloud
5
5
  * Released under the MIT License
@@ -38,6 +38,7 @@ export * from './components/radio';
38
38
  export * from './components/rate';
39
39
  export * from './components/scrollSelect';
40
40
  export * from './components/select';
41
+ export * from './components/skeleton';
41
42
  export * from './components/slider';
42
43
  export * from './components/spin';
43
44
  export * from './components/spinner';
@@ -56,7 +57,7 @@ export * from './components/tree';
56
57
  export * from './components/treeSelect';
57
58
  export * from './components/upload';
58
59
  export * from './components/wave';
59
- export declare const version = "2.0.2";
60
+ export declare const version = "2.0.3";
60
61
 
61
62
 
62
63
  export {normalize} from 'intact-react';
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @king-design v2.0.2
2
+ * @king-design v2.0.3
3
3
  *
4
4
  * Copyright (c) Kingsoft Cloud
5
5
  * Released under the MIT License
@@ -40,6 +40,7 @@ export * from './components/radio';
40
40
  export * from './components/rate';
41
41
  export * from './components/scrollSelect';
42
42
  export * from './components/select';
43
+ export * from './components/skeleton';
43
44
  export * from './components/slider';
44
45
  export * from './components/spin';
45
46
  export * from './components/spinner';
@@ -58,7 +59,7 @@ export * from './components/tree';
58
59
  export * from './components/treeSelect';
59
60
  export * from './components/upload';
60
61
  export * from './components/wave';
61
- export var version = '2.0.2';
62
+ export var version = '2.0.3';
62
63
  /* generate end */
63
64
 
64
65
  export {normalize} from 'intact-react';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@king-design/react",
3
- "version": "2.0.2",
3
+ "version": "2.0.3",
4
4
  "description": "King-Design UI components for React.",
5
5
  "keywords": [
6
6
  "component",
@@ -37,7 +37,7 @@
37
37
  "dayjs": "^1.10.7",
38
38
  "downloadjs": "^1.4.7",
39
39
  "enquire.js": "^2.1.6",
40
- "intact-react": "^3.0.3",
40
+ "intact-react": "^3.0.5",
41
41
  "monaco-editor": "^0.26.1",
42
42
  "mxgraphx": "^4.0.7",
43
43
  "resize-observer-polyfill": "^1.5.1",
@@ -1,34 +0,0 @@
1
- import { TypeDefs } from 'intact-react';
2
- import { BaseSelect, BaseSelectProps, BaseSelectEvents, BaseSelectBlocks } from '../select/base';
3
- export interface CascaderProps<V = any, Multipe extends boolean = boolean> extends BaseSelectProps<V[], Multipe> {
4
- data?: CascaderData<V>[];
5
- trigger?: 'click' | 'hover';
6
- changeOnSelect?: boolean;
7
- format?: (labels: string[]) => string;
8
- loadData?: (data: CascaderData<V>) => any;
9
- filter?: (keywords: string, data: CascaderData<V>) => boolean;
10
- }
11
- export declare type CascaderData<V> = {
12
- value: V;
13
- label: string;
14
- disabled?: boolean;
15
- loaded?: boolean;
16
- children?: CascaderData<V>[];
17
- };
18
- export interface CascaderEvents extends BaseSelectEvents {
19
- }
20
- export interface CascaderBlocks<V> extends BaseSelectBlocks<V> {
21
- }
22
- export declare class Cascader<V = any, Multipe extends boolean = false> extends BaseSelect<CascaderProps<V, Multipe>, CascaderEvents, CascaderBlocks<V>> {
23
- static template: string | import("intact").Template<any>;
24
- static typeDefs: Required<TypeDefs<CascaderProps<any, boolean>>>;
25
- static defaults: () => Partial<CascaderProps<any, boolean>>;
26
- private value;
27
- private label;
28
- private load;
29
- private filterable;
30
- private positionObj;
31
- protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import("intact").Children[];
32
- protected getLabel(): import("intact").Children;
33
- protected hasValue(): any;
34
- }
@@ -1,63 +0,0 @@
1
- import { TypeDefs } from 'intact-react';
2
- import dayjs from './dayjs';
3
- import { State } from '../../hooks/useState';
4
- import { Shortcut } from './shortcuts';
5
- import { BasePicker, BasePickerProps, BasePickerEvents, BasePickerBlocks, Value } from './basepicker';
6
- export * as shortcuts from './shortcuts';
7
- export interface DatepickerProps<V extends Value = Value, M extends boolean = boolean, R extends boolean = boolean> extends BasePickerProps<V extends string ? V : V | string, M, R> {
8
- type?: 'date' | 'datetime' | 'year' | 'month';
9
- shortcuts?: Shortcut[];
10
- }
11
- export interface DatepickerEvents extends BasePickerEvents {
12
- }
13
- export interface DatepickerBlocks<V extends Value = Value, R extends boolean = boolean> extends BasePickerBlocks<V, R> {
14
- }
15
- export declare class Datepicker<V extends Value = Value, M extends boolean = false, R extends boolean = false> extends BasePicker<DatepickerProps<V, M, R>, DatepickerEvents, DatepickerBlocks<V, R>> {
16
- static template: string | import("intact").Template<any>;
17
- static typeDefs: Required<TypeDefs<DatepickerProps<Value, boolean, boolean>>>;
18
- static defaults: () => Partial<DatepickerProps<Value, boolean, boolean>>;
19
- formats: {
20
- getValueFormat: () => string;
21
- getShowFormat: () => string;
22
- createDateByValueFormat: (value: Value) => dayjs.Dayjs;
23
- createDateByShowFormat: (value: string) => dayjs.Dayjs;
24
- getShowString: (value: dayjs.Dayjs) => string;
25
- getValueString: (value: dayjs.Dayjs) => string;
26
- };
27
- disabled: {
28
- isDisabled: (value: dayjs.Dayjs, type?: dayjs.OpUnitType) => boolean;
29
- isDisabledTime: (value: dayjs.Dayjs, flag: import("./usePanel").PanelFlags) => boolean;
30
- isDisabledConfirm: () => boolean;
31
- maxDate: State<dayjs.Dayjs | null>;
32
- minDate: State<dayjs.Dayjs | null>;
33
- };
34
- panel: {
35
- startPanel: State<import("./usePanel").PanelTypes>;
36
- endPanel: State<import("./usePanel").PanelTypes>;
37
- changePanel: (type: import("./usePanel").PanelTypes, flag?: import("./usePanel").PanelFlags) => void;
38
- getPanel: (flag: import("./usePanel").PanelFlags) => State<import("./usePanel").PanelTypes>;
39
- reset: () => void;
40
- startRef: import("intact").RefObject<import("./calendar").DatepickerCalendar>;
41
- endRef: import("intact").RefObject<import("./calendar").DatepickerCalendar>;
42
- };
43
- focusDate: {
44
- focusDate: State<dayjs.Dayjs | null>;
45
- reset: () => void;
46
- };
47
- value: {
48
- format: () => string | string[];
49
- onConfirm: () => void;
50
- onChangeTime: (date: dayjs.Dayjs, flag: import("./usePanel").PanelFlags) => void;
51
- getTimeValue: (flag: import("./usePanel").PanelFlags) => dayjs.Dayjs | null | undefined;
52
- convertToDayjs: (v: Value | [Value, Value] | Value[] | [Value, Value][] | null | undefined) => import("./basepicker").DayjsValue;
53
- getDayjsValue: () => import("./basepicker").DayjsValue;
54
- value: State<import("./basepicker").StateValue>;
55
- setValue: (v: import("./basepicker").StateValueItem, fromInput: boolean) => void;
56
- onChangeDate: (v: dayjs.Dayjs, flag: import("./usePanel").PanelFlags) => void;
57
- };
58
- init(): void;
59
- protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import("intact").Children[];
60
- protected getLabel(): string | string[];
61
- protected clear(e: MouseEvent): void;
62
- private setByShortcut;
63
- }
@@ -1,33 +0,0 @@
1
- import { Children, TypeDefs } from 'intact-react';
2
- import { Option } from './option';
3
- import { BaseSelect, BaseSelectProps, BaseSelectEvents, BaseSelectBlocks } from './base';
4
- export interface SelectProps<T = string, Multipe extends boolean = boolean> extends BaseSelectProps<T, Multipe> {
5
- filter?: (keywords: string, props: any) => boolean;
6
- searchable?: boolean;
7
- creatable?: boolean;
8
- labelMap?: Map<any, Children>;
9
- card?: boolean;
10
- autoDisableArrow?: boolean;
11
- }
12
- export interface SelectEvents extends BaseSelectEvents {
13
- }
14
- export interface SelectBlocks<T> extends BaseSelectBlocks<T> {
15
- menu: null;
16
- }
17
- export declare class Select<T = string, Multipe extends boolean = false> extends BaseSelect<SelectProps<T, Multipe>, SelectEvents, SelectBlocks<T>> {
18
- static template: string | import("intact").Template<any>;
19
- static typeDefs: Required<TypeDefs<SelectProps<string, boolean>>>;
20
- static defaults: () => Partial<SelectProps<string, boolean>>;
21
- filterable: {
22
- getCreatedVNode: (children: (string | number | import("intact").VNode<import("intact").VNodeTag>)[]) => import("intact").VNode<typeof Option> | undefined;
23
- filter: (children: Children) => Children;
24
- };
25
- label: {
26
- getLabel: () => Children;
27
- activeIndices: import("intact").NonNullableRefObject<number[]>;
28
- };
29
- init(): void;
30
- protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | Children[];
31
- protected getLabel(): Children;
32
- private getAllShowedValues;
33
- }
@@ -1,54 +0,0 @@
1
- import { TypeDefs } from 'intact-react';
2
- import { BasePicker } from '../datepicker/basepicker';
3
- import dayjs from '../datepicker/dayjs';
4
- import { State } from '../../hooks/useState';
5
- import { PanelTypes } from '../datepicker/usePanel';
6
- import { TimepickerProps, TimepickerEvents, TimepickerBlocks } from './constants';
7
- export declare class PanelPicker<Multipe extends boolean = false, Range extends boolean = false> extends BasePicker<TimepickerProps<Multipe, Range>, TimepickerEvents, TimepickerBlocks> {
8
- static template: string | import("intact").Template<any>;
9
- static typeDefs: Required<TypeDefs<TimepickerProps<boolean, boolean>>>;
10
- formats: {
11
- getValueFormat: () => string;
12
- getShowFormat: () => string;
13
- createDateByValueFormat: (value: import("../datepicker/basepicker").Value) => dayjs.Dayjs;
14
- createDateByShowFormat: (value: import("../datepicker/basepicker").Value) => dayjs.Dayjs;
15
- getShowString: (value: dayjs.Dayjs) => string;
16
- getValueString: (value: dayjs.Dayjs) => string;
17
- };
18
- disabled: {
19
- isDisabled: (value: dayjs.Dayjs, type?: dayjs.OpUnitType) => boolean;
20
- isDisabledConfirm: () => boolean;
21
- maxDate: State<dayjs.Dayjs | null>;
22
- minDate: State<dayjs.Dayjs | null>;
23
- isDisabledTime: (value: dayjs.Dayjs, flag: import("../datepicker/usePanel").PanelFlags) => boolean;
24
- isDisabledTimeByStep: (value: string, flag: import("../datepicker/usePanel").PanelFlags) => boolean;
25
- };
26
- panel: {
27
- startPanel: State<PanelTypes>;
28
- endPanel: State<PanelTypes>;
29
- changePanel: (type: PanelTypes, flag?: import("../datepicker/usePanel").PanelFlags) => void;
30
- getPanel: (flag: import("../datepicker/usePanel").PanelFlags) => State<PanelTypes>;
31
- reset: () => void;
32
- startRef: import("intact").RefObject<import("../datepicker/calendar").DatepickerCalendar>;
33
- endRef: import("intact").RefObject<import("../datepicker/calendar").DatepickerCalendar>;
34
- };
35
- value: {
36
- format: () => string | string[];
37
- onConfirm: () => void;
38
- getTimeValue: (flag: import("../datepicker/usePanel").PanelFlags) => dayjs.Dayjs | null | undefined;
39
- convertToDayjs: (v: import("../datepicker/basepicker").Value | [import("../datepicker/basepicker").Value, import("../datepicker/basepicker").Value] | import("../datepicker/basepicker").Value[] | [import("../datepicker/basepicker").Value, import("../datepicker/basepicker").Value][] | null | undefined) => import("../datepicker/basepicker").DayjsValue;
40
- value: State<import("../datepicker/basepicker").StateValue>;
41
- setValue: (v: import("../datepicker/basepicker").StateValueItem, fromInput: boolean) => void;
42
- getDayjsValue: () => import("../datepicker/basepicker").DayjsValue;
43
- onChangeTime: (date: dayjs.Dayjs, flag: import("../datepicker/usePanel").PanelFlags) => void;
44
- onChangeTimeByStep: (v: string, flag: import("../datepicker/usePanel").PanelFlags) => void;
45
- };
46
- step: {
47
- options: State<{
48
- value: string;
49
- label: string;
50
- }[] | null>;
51
- };
52
- protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import("intact").Children[];
53
- protected getLabel(): string | string[];
54
- }
@@ -1,27 +0,0 @@
1
- import { TypeDefs, Children, Key } from 'intact-react';
2
- import { BaseSelect, BaseSelectProps, BaseSelectEvents, BaseSelectBlocks } from '../select/base';
3
- import { TreeProps } from '../tree';
4
- import type { DataItem } from '../tree/useNodes';
5
- export interface TreeSelectProps<K extends Key = Key, Multipe extends boolean = boolean, Checkbox extends boolean = boolean> extends BaseSelectProps<K, Multipe, Checkbox extends true ? K[] : K | null> {
6
- data?: TreeProps<K>['data'];
7
- uncorrelated?: boolean;
8
- load?: TreeProps<K>['load'];
9
- showLine?: boolean;
10
- defaultExpandAll?: boolean;
11
- checkbox?: Checkbox;
12
- filter?: (keywords: string, data: DataItem<K>) => boolean;
13
- }
14
- export interface TreeSelectEvents extends BaseSelectEvents {
15
- }
16
- export interface TreeSelectBlocks<K> extends BaseSelectBlocks<K> {
17
- }
18
- export declare class TreeSelect<K extends Key = Key, Checkbox extends boolean = false, Multipe extends boolean = Checkbox extends true ? true : false> extends BaseSelect<TreeSelectProps<K, Multipe, Checkbox>, TreeSelectEvents, TreeSelectBlocks<K>> {
19
- static template: string | import("intact").Template<any>;
20
- static typeDefs: Required<TypeDefs<TreeSelectProps<Key, boolean, boolean>>>;
21
- static defaults: () => Partial<TreeSelectProps<Key, boolean, boolean>>;
22
- private value;
23
- init(): void;
24
- protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | Children[];
25
- protected getLabel(): Children;
26
- private filter;
27
- }