@king-design/vue 3.6.0-beta.0 → 3.6.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/__tests__/__snapshots__/Vue Next Demos.md +111 -47
- package/__tests__/components/misc.spec.ts +93 -0
- package/components/cascader/index.spec.js +18 -19
- package/components/datepicker/basepicker.d.ts +6 -27
- package/components/datepicker/basepicker.js +23 -268
- package/components/datepicker/calendar.d.ts +4 -2
- package/components/datepicker/dayjs.d.ts +2 -13
- package/components/datepicker/helpers.d.ts +3 -2
- package/components/datepicker/helpers.js +2 -3
- package/components/datepicker/index.d.ts +21 -29
- package/components/datepicker/index.js +22 -32
- package/components/datepicker/index.spec.js +1333 -578
- package/components/datepicker/index.vdt.js +39 -38
- package/components/datepicker/shortcuts.d.ts +1 -1
- package/components/datepicker/styles.d.ts +7 -2
- package/components/datepicker/styles.js +10 -15
- package/components/datepicker/useConfirm.d.ts +6 -0
- package/components/datepicker/useConfirm.js +65 -0
- package/components/datepicker/useDisabled.d.ts +5 -3
- package/components/datepicker/useDisabled.js +22 -27
- package/components/datepicker/useFormats.d.ts +2 -2
- package/components/datepicker/useFormats.js +6 -2
- package/components/datepicker/useHighlight.d.ts +14 -0
- package/components/datepicker/useHighlight.js +60 -0
- package/components/datepicker/useKeyboards.js +2 -1
- package/components/datepicker/useMergeRange.d.ts +1 -1
- package/components/datepicker/useMergeRange.js +11 -16
- package/components/datepicker/useMonths.js +5 -3
- package/components/datepicker/usePanel.d.ts +1 -10
- package/components/datepicker/usePanel.js +19 -32
- package/components/datepicker/useShowDate.d.ts +1 -1
- package/components/datepicker/useShowDate.js +15 -40
- package/components/datepicker/useStatus.js +33 -16
- package/components/datepicker/useValue.d.ts +11 -6
- package/components/datepicker/useValue.js +49 -69
- package/components/datepicker/useValueBase.d.ts +28 -0
- package/components/datepicker/useValueBase.js +277 -0
- package/components/datepicker/useYears.js +6 -3
- package/components/dropdown/dropdown.d.ts +1 -0
- package/components/dropdown/dropdown.js +7 -4
- package/components/input/index.d.ts +2 -0
- package/components/input/index.js +6 -0
- package/components/input/index.spec.js +45 -0
- package/components/input/index.vdt.js +4 -3
- package/components/input/useAutoWidth.d.ts +2 -0
- package/components/input/useAutoWidth.js +19 -1
- package/components/scrollSelect/useMouseEvents.js +5 -4
- package/components/select/base.d.ts +1 -1
- package/components/select/base.js +3 -2
- package/components/select/base.vdt.js +4 -3
- package/components/select/index.spec.js +158 -84
- package/components/select/option.js +2 -1
- package/components/select/select.js +2 -1
- package/components/select/styles.d.ts +79 -0
- package/components/select/styles.js +1 -0
- package/components/select/useInput.d.ts +1 -1
- package/components/select/useInput.js +4 -4
- package/components/table/index.spec.js +84 -6
- package/components/table/useStickyHeader.js +1 -1
- package/components/timepicker/index.spec.js +298 -128
- package/components/timepicker/panelPicker.d.ts +21 -16
- package/components/timepicker/panelPicker.js +7 -4
- package/components/timepicker/panelPicker.vdt.js +5 -9
- package/components/timepicker/selectPicker.d.ts +4 -3
- package/components/timepicker/styles.js +1 -1
- package/components/timepicker/useConfirm.d.ts +6 -0
- package/components/timepicker/useConfirm.js +19 -0
- package/components/timepicker/useDefaultValue.d.ts +4 -0
- package/components/timepicker/useDefaultValue.js +27 -0
- package/components/timepicker/useDisabled.d.ts +6 -3
- package/components/timepicker/useDisabled.js +13 -4
- package/components/timepicker/useFormats.d.ts +1 -1
- package/components/timepicker/useValue.d.ts +13 -8
- package/components/timepicker/useValue.js +14 -15
- package/components/tour/index.spec.js +1 -1
- package/index.d.ts +2 -2
- package/index.js +2 -2
- package/package.json +2 -2
- package/components/datepicker/usePosition.d.ts +0 -10
- package/components/datepicker/usePosition.js +0 -166
|
@@ -2,47 +2,49 @@ import { TypeDefs } from 'intact-vue-next';
|
|
|
2
2
|
import { BasePicker } from '../datepicker/basepicker';
|
|
3
3
|
import dayjs from '../datepicker/dayjs';
|
|
4
4
|
import { State } from '../../hooks/useState';
|
|
5
|
-
import { PanelTypes } from '../datepicker/usePanel';
|
|
6
5
|
import { TimepickerProps, TimepickerEvents, TimepickerBlocks } from './constants';
|
|
6
|
+
import { StateValueItem } from '../datepicker/useValueBase';
|
|
7
7
|
export declare class PanelPicker<Multipe extends boolean = false, Range extends boolean = false> extends BasePicker<TimepickerProps<Multipe, Range>, TimepickerEvents, TimepickerBlocks> {
|
|
8
8
|
static template: string | import('intact-vue-next').Template<any>;
|
|
9
9
|
static typeDefs: Required<TypeDefs<TimepickerProps<boolean, boolean>>>;
|
|
10
10
|
formats: {
|
|
11
11
|
getValueFormat: () => string;
|
|
12
12
|
getShowFormat: () => string;
|
|
13
|
-
createDateByValueFormat: (value: import("../datepicker/
|
|
14
|
-
createDateByShowFormat: (value: import("../datepicker/
|
|
13
|
+
createDateByValueFormat: (value: import("../datepicker/useValueBase").Value) => dayjs.Dayjs;
|
|
14
|
+
createDateByShowFormat: (value: import("../datepicker/useValueBase").Value) => dayjs.Dayjs;
|
|
15
15
|
getShowString: (value: dayjs.Dayjs) => string;
|
|
16
16
|
getValueString: (value: dayjs.Dayjs) => string;
|
|
17
17
|
};
|
|
18
|
+
defaultValue: {
|
|
19
|
+
get: () => StateValueItem;
|
|
20
|
+
};
|
|
18
21
|
disabled: {
|
|
19
22
|
isDisabled: (value: dayjs.Dayjs, type?: "h" | "s" | "y" | "date" | "month" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "D" | "M" | "m" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q") => boolean;
|
|
20
|
-
isDisabledConfirm: () => boolean;
|
|
21
23
|
maxDate: State<dayjs.Dayjs | null>;
|
|
22
24
|
minDate: State<dayjs.Dayjs | null>;
|
|
23
|
-
isDisabledTime: (value: dayjs.Dayjs
|
|
25
|
+
isDisabledTime: (value: dayjs.Dayjs) => boolean;
|
|
24
26
|
isDisabledTimeByStep: (value: string, flag: import("../datepicker/usePanel").PanelFlags) => boolean;
|
|
27
|
+
isDisabledConfirm: () => boolean;
|
|
28
|
+
isDisabledValue: (value: StateValueItem) => boolean;
|
|
25
29
|
};
|
|
26
30
|
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
31
|
startRef: import('intact-vue-next').RefObject<import("../datepicker/calendar").DatepickerCalendar>;
|
|
33
32
|
endRef: import('intact-vue-next').RefObject<import("../datepicker/calendar").DatepickerCalendar>;
|
|
34
33
|
};
|
|
35
34
|
value: {
|
|
36
35
|
format: () => string | string[];
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
36
|
+
formatSingleValue: (value: StateValueItem) => string;
|
|
37
|
+
convertToDayjs: (v: import("../datepicker/useValueBase").Value | [import("../datepicker/useValueBase").Value, import("../datepicker/useValueBase").Value] | import("../datepicker/useValueBase").Value[] | [import("../datepicker/useValueBase").Value, import("../datepicker/useValueBase").Value][] | null | undefined) => import("../datepicker/useValueBase").DayjsValue;
|
|
38
|
+
unique: () => void;
|
|
40
39
|
setMoment: () => void;
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
40
|
+
updateValue: () => void;
|
|
41
|
+
allValuesUpdatedInMultipleMode: () => boolean | undefined;
|
|
42
|
+
value: State<import("../datepicker/useValueBase").StateValue>;
|
|
43
|
+
setValue: (v: StateValueItem, fromInput: boolean) => void;
|
|
44
|
+
getDayjsValue: () => import("../datepicker/useValueBase").DayjsValue;
|
|
44
45
|
onChangeTime: (date: dayjs.Dayjs, flag: import("../datepicker/usePanel").PanelFlags) => void;
|
|
45
46
|
onChangeTimeByStep: (v: string, flag: import("../datepicker/usePanel").PanelFlags) => void;
|
|
47
|
+
getTimeValue: (flag: import("../datepicker/usePanel").PanelFlags) => dayjs.Dayjs | null | undefined;
|
|
46
48
|
};
|
|
47
49
|
step: {
|
|
48
50
|
options: State<{
|
|
@@ -50,6 +52,9 @@ export declare class PanelPicker<Multipe extends boolean = false, Range extends
|
|
|
50
52
|
label: string;
|
|
51
53
|
}[] | null>;
|
|
52
54
|
};
|
|
55
|
+
confirm: {
|
|
56
|
+
onConfirm: () => void;
|
|
57
|
+
};
|
|
53
58
|
protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import('intact-vue-next').Children[];
|
|
54
59
|
protected getLabel(): string | string[];
|
|
55
60
|
}
|
|
@@ -8,9 +8,10 @@ import { useFormats } from './useFormats';
|
|
|
8
8
|
import { useValue } from './useValue';
|
|
9
9
|
import { useDisabled } from './useDisabled';
|
|
10
10
|
import { usePanel } from '../datepicker/usePanel';
|
|
11
|
-
import { PanelTypes } from '../datepicker/usePanel';
|
|
12
11
|
import { useStep } from './useStep';
|
|
13
12
|
import { typeDefs } from './constants';
|
|
13
|
+
import { useConfirm } from './useConfirm';
|
|
14
|
+
import { useDefaultValue } from './useDefaultValue';
|
|
14
15
|
export var PanelPicker = /*#__PURE__*/function (_BasePicker) {
|
|
15
16
|
_inheritsLoose(PanelPicker, _BasePicker);
|
|
16
17
|
function PanelPicker() {
|
|
@@ -21,10 +22,12 @@ export var PanelPicker = /*#__PURE__*/function (_BasePicker) {
|
|
|
21
22
|
}
|
|
22
23
|
_this = _BasePicker.call.apply(_BasePicker, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
|
|
23
24
|
_this.formats = useFormats();
|
|
24
|
-
_this.
|
|
25
|
-
_this.
|
|
26
|
-
_this.
|
|
25
|
+
_this.defaultValue = useDefaultValue();
|
|
26
|
+
_this.disabled = useDisabled(_this.formats, _this.defaultValue);
|
|
27
|
+
_this.panel = usePanel();
|
|
28
|
+
_this.value = useValue(_this.formats, _this.disabled, _this.panel, _this.defaultValue);
|
|
27
29
|
_this.step = useStep(_this.disabled, _this.formats);
|
|
30
|
+
_this.confirm = useConfirm(_this.value, _this.formats.getValueString, _this.defaultValue);
|
|
28
31
|
return _this;
|
|
29
32
|
}
|
|
30
33
|
var _proto = PanelPicker.prototype;
|
|
@@ -8,6 +8,7 @@ import { Button } from '../button';
|
|
|
8
8
|
import { PanelFlags } from '../datepicker/usePanel';
|
|
9
9
|
import { last } from '../datepicker/helpers';
|
|
10
10
|
import { ScrollSelect } from '../scrollSelect';
|
|
11
|
+
import { makeStyles as makeStylesInheritDatepicker } from '../datepicker/styles';
|
|
11
12
|
export default function ($props, $blocks, $__proto__) {
|
|
12
13
|
var _classNameObj;
|
|
13
14
|
$blocks || ($blocks = {});
|
|
@@ -21,13 +22,13 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
21
22
|
max = _this$get.max;
|
|
22
23
|
var _this$value = this.value,
|
|
23
24
|
value = _this$value.value.value,
|
|
24
|
-
onConfirm = _this$value.onConfirm,
|
|
25
25
|
onChangeTime = _this$value.onChangeTime,
|
|
26
26
|
onChangeTimeByStep = _this$value.onChangeTimeByStep,
|
|
27
27
|
getTimeValue = _this$value.getTimeValue,
|
|
28
28
|
setMoment = _this$value.setMoment;
|
|
29
29
|
var lastValue = last(value);
|
|
30
30
|
var k = this.config.k;
|
|
31
|
+
var onConfirm = this.confirm.onConfirm;
|
|
31
32
|
var classNameObj = (_classNameObj = {}, _classNameObj[k + "-time-content"] = true, _classNameObj[k + "-range"] = range, _classNameObj[className] = className, _classNameObj[makePanelStyles(k)] = true, _classNameObj);
|
|
32
33
|
var options = this.step.options.value;
|
|
33
34
|
var _this$disabled = this.disabled,
|
|
@@ -59,25 +60,20 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
59
60
|
}), 2, _$cn(k + "-datepicker-time"))], 0, _$cn(k + "-datepicker-calendar-wrapper"));
|
|
60
61
|
};
|
|
61
62
|
return _$su.call($this, {
|
|
62
|
-
'className': _$cn(k + "-timepicker")
|
|
63
|
+
'className': _$cn(k + "-timepicker " + makeStylesInheritDatepicker(k))
|
|
63
64
|
}, function ($blocks) {
|
|
64
65
|
var _$blocks = {},
|
|
65
66
|
__$blocks = _$ex({}, $blocks);
|
|
66
67
|
return (_$blocks['base-menu'] = function ($super) {
|
|
67
68
|
return _$cc(DropdownMenu, {
|
|
68
69
|
'className': _$cn(classNameObj),
|
|
69
|
-
'children': _$ce(2, 'div', [_$ce(2, 'div', [generatePanel(PanelFlags.Start), _$ct('\n '), range ? generatePanel(PanelFlags.End) : null], 0, _$cn(k + "-datepicker-calendars")), _$ce(2, 'div',
|
|
70
|
-
'type': 'link',
|
|
71
|
-
'size': 'small',
|
|
72
|
-
'ev-click': setMoment,
|
|
73
|
-
'children': _$('此刻')
|
|
74
|
-
}) : undefined, _$cc(Button, {
|
|
70
|
+
'children': _$ce(2, 'div', [_$ce(2, 'div', [generatePanel(PanelFlags.Start), _$ct('\n '), range ? generatePanel(PanelFlags.End) : null], 0, _$cn(k + "-datepicker-calendars")), _$ce(2, 'div', _$cc(Button, {
|
|
75
71
|
'type': 'primary',
|
|
76
72
|
'size': 'small',
|
|
77
73
|
'disabled': isDisabledConfirm(),
|
|
78
74
|
'ev-click': onConfirm,
|
|
79
75
|
'children': _$('确定')
|
|
80
|
-
})
|
|
76
|
+
}), 2, _$cn(k + "-datepicker-footer"))], 4, _$cn(k + "-datepicker-wrapper"))
|
|
81
77
|
});
|
|
82
78
|
}, __$blocks['base-menu'] = function ($super, data) {
|
|
83
79
|
var block = $blocks['base-menu'];
|
|
@@ -6,15 +6,16 @@ export declare class SelectPicker extends Component<TimepickerProps, TimepickerE
|
|
|
6
6
|
formats: {
|
|
7
7
|
getValueFormat: () => string;
|
|
8
8
|
getShowFormat: () => string;
|
|
9
|
-
createDateByValueFormat: (value: import("../datepicker/
|
|
10
|
-
createDateByShowFormat: (value: import("../datepicker/
|
|
9
|
+
createDateByValueFormat: (value: import("../datepicker/useValueBase").Value) => import("dayjs").Dayjs;
|
|
10
|
+
createDateByShowFormat: (value: import("../datepicker/useValueBase").Value) => import("dayjs").Dayjs;
|
|
11
11
|
getShowString: (value: import("dayjs").Dayjs) => string;
|
|
12
12
|
getValueString: (value: import("dayjs").Dayjs) => string;
|
|
13
13
|
};
|
|
14
14
|
disabled: {
|
|
15
15
|
isDisabled: (value: import("dayjs").Dayjs, type?: "h" | "s" | "y" | "date" | "month" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "D" | "M" | "m" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q") => boolean;
|
|
16
|
-
isDisabledTime: (value: import("dayjs").Dayjs
|
|
16
|
+
isDisabledTime: (value: import("dayjs").Dayjs) => boolean;
|
|
17
17
|
isDisabledConfirm: () => boolean;
|
|
18
|
+
isDisabledValue: (value: import("../datepicker/useValueBase").StateValueItem) => boolean;
|
|
18
19
|
maxDate: import("../../hooks/useState").State<import("dayjs").Dayjs | null>;
|
|
19
20
|
minDate: import("../../hooks/useState").State<import("dayjs").Dayjs | null>;
|
|
20
21
|
};
|
|
@@ -26,5 +26,5 @@ setDefault(function () {
|
|
|
26
26
|
makePanelStyles == null || makePanelStyles.clearCache();
|
|
27
27
|
});
|
|
28
28
|
export var makePanelStyles = cache(function makePanelStyles(k) {
|
|
29
|
-
return cx(makePanelStylesBase(k), /*#__PURE__*/css("&.", k, "-time-content{.", k, "-datepicker-time{padding:", timepicker.padding, ";}.", k, "-scroll-select{height:", timepicker.scrollHeight, ";}}&.", k, "-range{.", k, "-datepicker-time{width:auto;}.", k, "-scroll-select{height:", timepicker.range.scrollHeight, ";}.", k, "-datepicker-calendar-wrapper{padding:", timepicker.range.padding, ";width:", timepicker.range.width, ";border:none;}.", k, "-timepicker-title{text-align:center;margin-bottom:", timepicker.range.titleGap, ";}}"));
|
|
29
|
+
return cx(makePanelStylesBase(k), /*#__PURE__*/css("&.", k, "-time-content{.", k, "-datepicker-time{padding:", timepicker.padding, ";}.", k, "-scroll-select{height:", timepicker.scrollHeight, ";}}&.", k, "-range{.", k, "-datepicker-time{width:auto;border:", timepicker.border, ";}.", k, "-scroll-select{height:", timepicker.range.scrollHeight, ";}.", k, "-datepicker-calendar-wrapper{padding:", timepicker.range.padding, ";width:", timepicker.range.width, ";border:none;}.", k, "-timepicker-title{text-align:center;margin-bottom:", timepicker.range.titleGap, ";}}"));
|
|
30
30
|
});
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { useFormats } from './useFormats';
|
|
2
|
+
import { useValue } from './useValue';
|
|
3
|
+
import type { useDefaultValue } from './useDefaultValue';
|
|
4
|
+
export declare function useConfirm(value: ReturnType<typeof useValue>, getValueString: ReturnType<typeof useFormats>['getValueString'], defaultValue: ReturnType<typeof useDefaultValue>): {
|
|
5
|
+
onConfirm: () => void;
|
|
6
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { useInstance } from 'intact-vue-next';
|
|
2
|
+
export function useConfirm(value, getValueString, defaultValue) {
|
|
3
|
+
var instance = useInstance();
|
|
4
|
+
function onConfirm() {
|
|
5
|
+
var _instance$get = instance.get(),
|
|
6
|
+
multiple = _instance$get.multiple;
|
|
7
|
+
// if we click confirm button directly, set the value to placeholder values
|
|
8
|
+
value.setValue(defaultValue.get(), false);
|
|
9
|
+
if (!multiple) {
|
|
10
|
+
instance.hide();
|
|
11
|
+
} else {
|
|
12
|
+
value.unique();
|
|
13
|
+
}
|
|
14
|
+
value.updateValue();
|
|
15
|
+
}
|
|
16
|
+
return {
|
|
17
|
+
onConfirm: onConfirm
|
|
18
|
+
};
|
|
19
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import _Object$assign from "@babel/runtime-corejs3/core-js/object/assign";
|
|
2
|
+
import { useInstance } from 'intact-vue-next';
|
|
3
|
+
import { last } from '../datepicker/helpers';
|
|
4
|
+
import { NOW_START, NOW_END } from './constants';
|
|
5
|
+
import { isArray } from 'intact-shared';
|
|
6
|
+
export function useDefaultValue() {
|
|
7
|
+
var instance = useInstance();
|
|
8
|
+
function get() {
|
|
9
|
+
var _value = instance.value.value.value;
|
|
10
|
+
var lastValue = last(_value);
|
|
11
|
+
var _instance$get = instance.get(),
|
|
12
|
+
range = _instance$get.range;
|
|
13
|
+
if (range) {
|
|
14
|
+
// consider the second last value to maintain consistency
|
|
15
|
+
var penulimate = getPenulimate(_value);
|
|
16
|
+
return _Object$assign([NOW_START, NOW_END], penulimate, lastValue);
|
|
17
|
+
}
|
|
18
|
+
return lastValue || NOW_START;
|
|
19
|
+
}
|
|
20
|
+
return {
|
|
21
|
+
get: get
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
function getPenulimate(value) {
|
|
25
|
+
if (!isArray(value)) return;
|
|
26
|
+
return value[value.length - 2];
|
|
27
|
+
}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import type { useFormats } from './useFormats';
|
|
2
2
|
import { PanelFlags } from '../datepicker/usePanel';
|
|
3
|
-
|
|
3
|
+
import { StateValueItem } from '../datepicker/useValueBase';
|
|
4
|
+
import type { useDefaultValue } from './useDefaultValue';
|
|
5
|
+
export declare function useDisabled(formats: ReturnType<typeof useFormats>, defaultValue: ReturnType<typeof useDefaultValue>): {
|
|
4
6
|
isDisabled: (value: import("dayjs").Dayjs, type?: "h" | "s" | "y" | "date" | "month" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "D" | "M" | "m" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q") => boolean;
|
|
5
|
-
isDisabledConfirm: () => boolean;
|
|
6
7
|
maxDate: import("../../hooks/useState").State<import("dayjs").Dayjs | null>;
|
|
7
8
|
minDate: import("../../hooks/useState").State<import("dayjs").Dayjs | null>;
|
|
8
|
-
isDisabledTime: (value: import("dayjs").Dayjs
|
|
9
|
+
isDisabledTime: (value: import("dayjs").Dayjs) => boolean;
|
|
9
10
|
isDisabledTimeByStep: (value: string, flag: PanelFlags) => boolean;
|
|
11
|
+
isDisabledConfirm: () => boolean;
|
|
12
|
+
isDisabledValue: (value: StateValueItem) => boolean;
|
|
10
13
|
};
|
|
@@ -1,16 +1,25 @@
|
|
|
1
1
|
import _extends from "@babel/runtime-corejs3/helpers/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime-corejs3/helpers/objectWithoutPropertiesLoose";
|
|
3
|
-
var _excluded = ["isDisabledTime"];
|
|
3
|
+
var _excluded = ["isDisabledTime", "isDisabledConfirm", "isDisabledValue"];
|
|
4
|
+
import { useInstance } from 'intact-vue-next';
|
|
4
5
|
import { useDisabled as useDisabledBase } from '../datepicker/useDisabled';
|
|
5
|
-
export function useDisabled(formats) {
|
|
6
|
+
export function useDisabled(formats, defaultValue) {
|
|
7
|
+
var instance = useInstance();
|
|
6
8
|
var _useDisabledBase = useDisabledBase(formats),
|
|
7
9
|
isDisabledTime = _useDisabledBase.isDisabledTime,
|
|
10
|
+
isDisabledConfirmBase = _useDisabledBase.isDisabledConfirm,
|
|
11
|
+
isDisabledValue = _useDisabledBase.isDisabledValue,
|
|
8
12
|
rest = _objectWithoutPropertiesLoose(_useDisabledBase, _excluded);
|
|
9
13
|
function isDisabledTimeByStep(value, flag) {
|
|
10
|
-
return isDisabledTime(formats.createDateByValueFormat(value)
|
|
14
|
+
return isDisabledTime(formats.createDateByValueFormat(value));
|
|
15
|
+
}
|
|
16
|
+
function isDisabledConfirm() {
|
|
17
|
+
return isDisabledValue(defaultValue.get());
|
|
11
18
|
}
|
|
12
19
|
return _extends({
|
|
13
20
|
isDisabledTime: isDisabledTime,
|
|
14
|
-
isDisabledTimeByStep: isDisabledTimeByStep
|
|
21
|
+
isDisabledTimeByStep: isDisabledTimeByStep,
|
|
22
|
+
isDisabledConfirm: isDisabledConfirm,
|
|
23
|
+
isDisabledValue: isDisabledValue
|
|
15
24
|
}, rest);
|
|
16
25
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Component } from 'intact-vue-next';
|
|
2
2
|
import dayjs, { Dayjs } from '../datepicker/dayjs';
|
|
3
3
|
import type { TimepickerProps } from './';
|
|
4
|
-
import type { Value } from '../datepicker/
|
|
4
|
+
import type { Value } from '../datepicker/useValueBase';
|
|
5
5
|
export declare function useFormats<T extends Component<TimepickerProps>>(): {
|
|
6
6
|
getValueFormat: () => string;
|
|
7
7
|
getShowFormat: () => string;
|
|
@@ -1,17 +1,22 @@
|
|
|
1
1
|
import type { useFormats } from './useFormats';
|
|
2
|
-
import { StateValueItem } from '../datepicker/
|
|
2
|
+
import { StateValueItem, DayjsValue } from '../datepicker/useValueBase';
|
|
3
3
|
import type { useDisabled } from '../datepicker/useDisabled';
|
|
4
4
|
import type { usePanel } from '../datepicker/usePanel';
|
|
5
5
|
import { PanelFlags } from '../datepicker/usePanel';
|
|
6
|
-
|
|
6
|
+
import type Dayjs from 'dayjs';
|
|
7
|
+
import type { useDefaultValue } from './useDefaultValue';
|
|
8
|
+
export declare function useValue(formats: ReturnType<typeof useFormats>, disabled: ReturnType<typeof useDisabled>, panel: ReturnType<typeof usePanel>, defaultValue: ReturnType<typeof useDefaultValue>): {
|
|
7
9
|
format: () => string | string[];
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
10
|
+
formatSingleValue: (value: StateValueItem) => string;
|
|
11
|
+
convertToDayjs: (v: import("../datepicker/useValueBase").Value | [import("../datepicker/useValueBase").Value, import("../datepicker/useValueBase").Value] | import("../datepicker/useValueBase").Value[] | [import("../datepicker/useValueBase").Value, import("../datepicker/useValueBase").Value][] | null | undefined) => DayjsValue;
|
|
12
|
+
unique: () => void;
|
|
11
13
|
setMoment: () => void;
|
|
12
|
-
|
|
14
|
+
updateValue: () => void;
|
|
15
|
+
allValuesUpdatedInMultipleMode: () => boolean | undefined;
|
|
16
|
+
value: import("../../hooks/useState").State<import("../datepicker/useValueBase").StateValue>;
|
|
13
17
|
setValue: (v: StateValueItem, fromInput: boolean) => void;
|
|
14
|
-
getDayjsValue: () =>
|
|
15
|
-
onChangeTime: (date:
|
|
18
|
+
getDayjsValue: () => DayjsValue;
|
|
19
|
+
onChangeTime: (date: Dayjs.Dayjs, flag: PanelFlags) => void;
|
|
16
20
|
onChangeTimeByStep: (v: string, flag: PanelFlags) => void;
|
|
21
|
+
getTimeValue: (flag: PanelFlags) => Dayjs.Dayjs | null | undefined;
|
|
17
22
|
};
|
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
import _extends from "@babel/runtime-corejs3/helpers/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime-corejs3/helpers/objectWithoutPropertiesLoose";
|
|
3
|
-
var _excluded = ["value", "getDayjsValue", "setValue", "onChangeTime"];
|
|
3
|
+
var _excluded = ["value", "getDayjsValue", "setValue", "onChangeTime", "getTimeValue"];
|
|
4
4
|
import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
|
|
5
5
|
import { useInstance } from 'intact-vue-next';
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
import { NOW_START, NOW_END } from './constants';
|
|
9
|
-
export function useValue(formats, disabled, panel) {
|
|
6
|
+
import { useValueBase } from '../datepicker/useValueBase';
|
|
7
|
+
export function useValue(formats, disabled, panel, defaultValue) {
|
|
10
8
|
var instance = useInstance();
|
|
11
9
|
var _useValueBase = useValueBase(formats, disabled, panel, function (v) {
|
|
12
10
|
return false;
|
|
13
11
|
}, function (v) {
|
|
14
12
|
// pop the last value when input
|
|
15
13
|
// because it is a placeholder date
|
|
16
|
-
value.value.pop();
|
|
14
|
+
// value.value.pop(); // no placeholder any more
|
|
17
15
|
setValue(v, true);
|
|
18
16
|
}, function () {
|
|
19
17
|
return 'second';
|
|
@@ -24,24 +22,25 @@ export function useValue(formats, disabled, panel) {
|
|
|
24
22
|
getDayjsValue = _useValueBase.getDayjsValue,
|
|
25
23
|
setValue = _useValueBase.setValue,
|
|
26
24
|
onChangeTime = _useValueBase.onChangeTime,
|
|
25
|
+
getTimeValueBase = _useValueBase.getTimeValue,
|
|
27
26
|
rest = _objectWithoutPropertiesLoose(_useValueBase, _excluded);
|
|
28
|
-
setValue(getPlaceholderDates(), false);
|
|
29
|
-
instance.watch('value', function (value) {
|
|
30
|
-
var dayjsValue = getDayjsValue();
|
|
31
|
-
setValue(last(dayjsValue) || getPlaceholderDates(), false);
|
|
32
|
-
});
|
|
33
|
-
function getPlaceholderDates() {
|
|
34
|
-
return instance.get('range') ? [NOW_START, NOW_END] : NOW_START;
|
|
35
|
-
}
|
|
36
27
|
function onChangeTimeByStep(v, flag) {
|
|
37
28
|
var date = formats.createDateByValueFormat(v);
|
|
38
29
|
onChangeTime(date, flag);
|
|
39
30
|
}
|
|
31
|
+
function getTimeValue(flag) {
|
|
32
|
+
var value = defaultValue.get();
|
|
33
|
+
if (instance.get('range')) {
|
|
34
|
+
return value[flag];
|
|
35
|
+
}
|
|
36
|
+
return value;
|
|
37
|
+
}
|
|
40
38
|
return _extends({
|
|
41
39
|
value: value,
|
|
42
40
|
setValue: setValue,
|
|
43
41
|
getDayjsValue: getDayjsValue,
|
|
44
42
|
onChangeTime: onChangeTime,
|
|
45
|
-
onChangeTimeByStep: onChangeTimeByStep
|
|
43
|
+
onChangeTimeByStep: onChangeTimeByStep,
|
|
44
|
+
getTimeValue: getTimeValue
|
|
46
45
|
}, rest);
|
|
47
46
|
}
|
|
@@ -285,7 +285,7 @@ describe('Tour', function () {
|
|
|
285
285
|
buttons = element.querySelectorAll('.k-btn');
|
|
286
286
|
startBtn = _findInstanceProperty(_context14 = _Array$from(buttons)).call(_context14, function (btn) {
|
|
287
287
|
var _btn$textContent7;
|
|
288
|
-
return (_btn$textContent7 = btn.textContent) == null ? void 0 : _includesInstanceProperty(_btn$textContent7).call(_btn$textContent7, '
|
|
288
|
+
return (_btn$textContent7 = btn.textContent) == null ? void 0 : _includesInstanceProperty(_btn$textContent7).call(_btn$textContent7, '开始自定义按钮引导');
|
|
289
289
|
});
|
|
290
290
|
startBtn.click();
|
|
291
291
|
_context15.next = 6;
|
package/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @king-design v3.6.0
|
|
2
|
+
* @king-design v3.6.0
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) Kingsoft Cloud
|
|
5
5
|
* Released under the MIT License
|
|
@@ -66,7 +66,7 @@ export * from './components/upload';
|
|
|
66
66
|
export * from './components/view';
|
|
67
67
|
export * from './components/virtualList';
|
|
68
68
|
export * from './components/wave';
|
|
69
|
-
export declare const version = "3.6.0
|
|
69
|
+
export declare const version = "3.6.0";
|
|
70
70
|
|
|
71
71
|
|
|
72
72
|
export {normalize} from 'intact-vue-next';
|
package/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @king-design v3.6.0
|
|
2
|
+
* @king-design v3.6.0
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) Kingsoft Cloud
|
|
5
5
|
* Released under the MIT License
|
|
@@ -67,7 +67,7 @@ export * from './components/upload';
|
|
|
67
67
|
export * from './components/view';
|
|
68
68
|
export * from './components/virtualList';
|
|
69
69
|
export * from './components/wave';
|
|
70
|
-
export var version = '3.6.0
|
|
70
|
+
export var version = '3.6.0';
|
|
71
71
|
/* generate end */
|
|
72
72
|
|
|
73
73
|
export {normalize} from 'intact-vue-next';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@king-design/vue",
|
|
3
|
-
"version": "3.6.0
|
|
3
|
+
"version": "3.6.0",
|
|
4
4
|
"description": "King-Design UI components for Vue3.0.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"component",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@emotion/css": "^11.5.0",
|
|
38
38
|
"dayjs": "^1.10.7",
|
|
39
39
|
"enquire.js": "^2.1.6",
|
|
40
|
-
"intact-vue-next": "3.0.
|
|
40
|
+
"intact-vue-next": "3.0.42-beta.1",
|
|
41
41
|
"monaco-editor": "^0.26.1",
|
|
42
42
|
"mxgraphx": "^4.0.7",
|
|
43
43
|
"resize-observer-polyfill": "^1.5.1",
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export declare function usePosition(): {
|
|
2
|
-
position: import("../../hooks/useState").State<"end" | "start">;
|
|
3
|
-
charLength: import("../../hooks/useState").State<number>;
|
|
4
|
-
startTextLength: import("../../hooks/useState").State<number>;
|
|
5
|
-
handleInputClick: (e: MouseEvent) => void;
|
|
6
|
-
resetPosition: (pos?: 'start' | 'end') => void;
|
|
7
|
-
togglePosition: () => void;
|
|
8
|
-
setupEventListeners: () => void;
|
|
9
|
-
resetToStart: () => void;
|
|
10
|
-
};
|