@opentiny/vue-renderless 3.17.6 → 3.18.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/README.md +12 -3
- package/anchor/index.js +6 -2
- package/autocomplete/index.js +12 -11
- package/autocomplete/vue.js +35 -7
- package/collapse-item/index.js +7 -1
- package/collapse-item/vue.js +12 -2
- package/color-picker/index.js +20 -32
- package/color-picker/vue.js +31 -54
- package/color-select-panel/index.js +8 -5
- package/color-select-panel/vue.js +1 -2
- package/common/deps/clickoutside.js +10 -3
- package/common/deps/tree-model/tree-store.js +13 -2
- package/common/deps/useRelation.js +24 -7
- package/common/form/const.js +10 -0
- package/common/index.js +1 -1
- package/common/runtime.js +1 -1
- package/dialog-box/index.js +1 -1
- package/dialog-select/index.js +40 -13
- package/dialog-select/vue.js +3 -3
- package/dropdown-item/mf.js +1 -1
- package/dropdown-menu/index.js +3 -0
- package/dropdown-menu/vue.js +5 -3
- package/file-upload/index.js +4 -4
- package/fluent-editor/index.js +10 -3
- package/fluent-editor/options.js +32 -2
- package/fluent-editor/vue.js +8 -8
- package/form-item/index.js +6 -1
- package/form-item/vue.js +3 -1
- package/guide/index.js +4 -4
- package/input/index.js +15 -0
- package/input/vue.js +11 -4
- package/option/index.js +0 -15
- package/option/vue.js +2 -13
- package/package.json +1 -1
- package/pager-item/index.js +4 -7
- package/picker/index.js +27 -7
- package/picker/vue.js +2 -1
- package/pop-upload/index.js +13 -4
- package/pop-upload/vue.js +4 -0
- package/popeditor/index.js +2 -1
- package/rich-text-editor/vue.js +9 -3
- package/select/index.js +5 -4
- package/select/vue.js +12 -4
- package/slider-button/index.js +8 -3
- package/slider-button/vue.js +6 -2
- package/slider-button-group/index.js +46 -9
- package/slider-button-group/vue.js +39 -18
- package/tab-item-mf/vue.js +6 -1
- package/tabs-mf/index.js +58 -3
- package/tabs-mf/vue-bar.js +0 -6
- package/tabs-mf/vue-swipe.js +20 -0
- package/tabs-mf/vue.js +22 -4
- package/time/index.js +6 -1
- package/time/vue.js +7 -2
- package/time-line/index.js +1 -1
- package/time-line-new/index.js +53 -0
- package/time-line-new/vue.js +41 -0
- package/time-spinner/index.js +1 -1
- package/time-spinner/vue.js +2 -2
- package/tooltip/vue.js +16 -3
- package/tree/index.js +1 -0
- package/tree/vue.js +4 -1
- package/tree-select/index.js +6 -6
- package/tree-select/vue.js +1 -1
- package/types/autocomplete.type.d.ts +16 -12
- package/types/button.type.d.ts +22 -1
- package/types/checkbox.type.d.ts +1 -0
- package/types/dropdown.type.d.ts +4 -0
- package/types/file-upload.type.d.ts +1 -1
- package/types/form-item.type.d.ts +1 -1
- package/types/{form.type-33aa784a.d.ts → form.type-f6fb4c38.d.ts} +5 -0
- package/types/form.type.d.ts +1 -1
- package/types/input.type.d.ts +5 -1
- package/types/link.type.d.ts +6 -1
- package/types/search.type.d.ts +7 -0
- package/types/tree-menu.type.d.ts +0 -1
- package/types/upload-dragger.type.d.ts +1 -1
- package/types/{upload-list.type-02a1effb.d.ts → upload-list.type-4194f534.d.ts} +6 -0
- package/types/upload-list.type.d.ts +1 -1
- package/types/upload.type.d.ts +1 -1
- package/types/user-head.type.d.ts +4 -1
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import "../chunk-G2ADBYYC.js";
|
|
2
|
+
import emulate from "../common/deps/touch-emulator";
|
|
3
|
+
import { onTouchstart, onTouchmove, clearScroll } from "./index";
|
|
4
|
+
emulate();
|
|
5
|
+
const api = ["state", "onTouchstart", "onTouchmove", "clearScroll"];
|
|
6
|
+
const renderless = (props, { reactive }, { vm }) => {
|
|
7
|
+
const api2 = {};
|
|
8
|
+
const state = reactive({ last: -1 });
|
|
9
|
+
Object.assign(api2, {
|
|
10
|
+
state,
|
|
11
|
+
onTouchstart: onTouchstart(state),
|
|
12
|
+
onTouchmove: onTouchmove({ props, state, vm }),
|
|
13
|
+
clearScroll: clearScroll(vm)
|
|
14
|
+
});
|
|
15
|
+
return api2;
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
api,
|
|
19
|
+
renderless
|
|
20
|
+
};
|
package/tabs-mf/vue.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import "../chunk-G2ADBYYC.js";
|
|
2
2
|
import { random } from "../common/string";
|
|
3
|
+
import { useRelation } from "../common/deps/useRelation";
|
|
3
4
|
import {
|
|
4
5
|
setActive,
|
|
5
6
|
addItem,
|
|
@@ -13,7 +14,9 @@ import {
|
|
|
13
14
|
clearOtherTabSwipeScroll,
|
|
14
15
|
computedSwipeable,
|
|
15
16
|
observeTabSwipeSize,
|
|
16
|
-
unobserveTabSwipeSize
|
|
17
|
+
unobserveTabSwipeSize,
|
|
18
|
+
sortItem,
|
|
19
|
+
onRelationChange
|
|
17
20
|
} from "./index";
|
|
18
21
|
const api = [
|
|
19
22
|
"state",
|
|
@@ -27,7 +30,10 @@ const api = [
|
|
|
27
30
|
"canLeave",
|
|
28
31
|
"clearOtherTabSwipeScroll"
|
|
29
32
|
];
|
|
30
|
-
|
|
33
|
+
let uniqueId = 0;
|
|
34
|
+
const renderless = (props, hooks, { vm, emit, nextTick }) => {
|
|
35
|
+
const { onMounted, onBeforeUnmount, provide, reactive, watch, computed, getCurrentInstance } = hooks;
|
|
36
|
+
const instance = getCurrentInstance().proxy;
|
|
31
37
|
const state = reactive({
|
|
32
38
|
items: [],
|
|
33
39
|
navs: [],
|
|
@@ -35,7 +41,9 @@ const renderless = (props, { onMounted, onBeforeUnmount, provide, reactive, watc
|
|
|
35
41
|
key: computed(() => state.currentItem ? state.currentItem.name : random()),
|
|
36
42
|
separator: props.separator,
|
|
37
43
|
swipeable: computed(() => api2.computedSwipeable()),
|
|
38
|
-
maxTabSwipeHeight: 0
|
|
44
|
+
maxTabSwipeHeight: 0,
|
|
45
|
+
itemOrderKey: "",
|
|
46
|
+
tabsId: ++uniqueId
|
|
39
47
|
});
|
|
40
48
|
const api2 = {};
|
|
41
49
|
Object.assign(api2, {
|
|
@@ -52,9 +60,19 @@ const renderless = (props, { onMounted, onBeforeUnmount, provide, reactive, watc
|
|
|
52
60
|
clearOtherTabSwipeScroll: clearOtherTabSwipeScroll({ state, vm }),
|
|
53
61
|
computedSwipeable: computedSwipeable({ props, state }),
|
|
54
62
|
observeTabSwipeSize: observeTabSwipeSize({ state, vm }),
|
|
55
|
-
unobserveTabSwipeSize: unobserveTabSwipeSize({ state, vm })
|
|
63
|
+
unobserveTabSwipeSize: unobserveTabSwipeSize({ state, vm }),
|
|
64
|
+
sortItem: sortItem(state),
|
|
65
|
+
useRelation: useRelation(hooks),
|
|
66
|
+
onRelationChange: onRelationChange({ api: api2, instance, nextTick, state })
|
|
56
67
|
});
|
|
57
68
|
provide("tabs", vm);
|
|
69
|
+
provide("tabsId", state.tabsId);
|
|
70
|
+
api2.useRelation({
|
|
71
|
+
relationKey: `tabs-${state.tabsId}`,
|
|
72
|
+
childrenKey: "childTabs",
|
|
73
|
+
relationContainer: () => vm.$el.querySelector("[data-tag=tiny-tabs-hidden]"),
|
|
74
|
+
onChange: () => api2.onRelationChange()
|
|
75
|
+
});
|
|
58
76
|
watch(
|
|
59
77
|
() => props.activeName,
|
|
60
78
|
(name) => name && api2.setActive(name)
|
package/time/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "../chunk-G2ADBYYC.js";
|
|
2
|
-
import { limitTimeRange, clearMilliseconds, timeWithinRange } from "../common/deps/date-util";
|
|
2
|
+
import { limitTimeRange, formatDate, clearMilliseconds, timeWithinRange } from "../common/deps/date-util";
|
|
3
3
|
const watchValue = ({ api, nextTick, state }) => (value) => {
|
|
4
4
|
let date;
|
|
5
5
|
if (value instanceof Date) {
|
|
@@ -70,9 +70,14 @@ const changeSelectionRange = ({ vm, state }) => (step) => {
|
|
|
70
70
|
const next = (index + step + list.length) % list.length;
|
|
71
71
|
vm.$refs.spinner.emitSelectRange(mapping[next]);
|
|
72
72
|
};
|
|
73
|
+
const displayValue = ({ state, t }) => () => {
|
|
74
|
+
const formattedValue = formatDate(state.value, state.format, t);
|
|
75
|
+
return formattedValue;
|
|
76
|
+
};
|
|
73
77
|
export {
|
|
74
78
|
adjustSpinners,
|
|
75
79
|
changeSelectionRange,
|
|
80
|
+
displayValue,
|
|
76
81
|
handleCancel,
|
|
77
82
|
handleChange,
|
|
78
83
|
handleConfirm,
|
package/time/vue.js
CHANGED
|
@@ -9,6 +9,7 @@ import {
|
|
|
9
9
|
handleCancel,
|
|
10
10
|
handleChange,
|
|
11
11
|
setSelectionRange,
|
|
12
|
+
displayValue,
|
|
12
13
|
handleConfirm
|
|
13
14
|
} from "./index";
|
|
14
15
|
import { compuAmPmMode } from "../time-range";
|
|
@@ -27,17 +28,20 @@ const initState = ({ reactive, props, computed, api: api2 }) => {
|
|
|
27
28
|
disabled: false,
|
|
28
29
|
arrowControl: false,
|
|
29
30
|
visible: false,
|
|
31
|
+
showTimePickerButton: false,
|
|
30
32
|
needInitAdjust: true,
|
|
33
|
+
displayValue: computed(() => api2.displayValue()),
|
|
31
34
|
showSeconds: computed(() => (state.format || "").includes("ss")),
|
|
32
35
|
useArrow: computed(() => state.arrowControl || props.timeArrowControl || false),
|
|
33
36
|
amPmMode: computed(() => api2.compuAmPmMode())
|
|
34
37
|
});
|
|
35
38
|
return state;
|
|
36
39
|
};
|
|
37
|
-
const renderless = (props, { computed, onMounted, reactive, watch, nextTick }, { t, emit: $emit, vm }) => {
|
|
40
|
+
const renderless = (props, { computed, onMounted, reactive, watch, nextTick }, { t, emit: $emit, vm, designConfig }) => {
|
|
38
41
|
const api2 = {};
|
|
39
42
|
const emit = props.emitter ? props.emitter.emit : $emit;
|
|
40
43
|
const state = initState({ reactive, props, computed, api: api2 });
|
|
44
|
+
state.showTimePickerButton = designConfig == null ? void 0 : designConfig.showTimePickerButton;
|
|
41
45
|
Object.assign(api2, {
|
|
42
46
|
t,
|
|
43
47
|
state,
|
|
@@ -51,7 +55,8 @@ const renderless = (props, { computed, onMounted, reactive, watch, nextTick }, {
|
|
|
51
55
|
handleConfirm: handleConfirm({ state, emit }),
|
|
52
56
|
handleKeydown: handleKeydown({ api: api2, vm }),
|
|
53
57
|
handleChange: handleChange({ api: api2, emit, state }),
|
|
54
|
-
|
|
58
|
+
displayValue: displayValue({ state, t }),
|
|
59
|
+
watchValue: watchValue({ api: api2, nextTick, state })
|
|
55
60
|
});
|
|
56
61
|
watch(() => state.value, api2.watchValue);
|
|
57
62
|
watch(
|
package/time-line/index.js
CHANGED
|
@@ -40,7 +40,7 @@ const getStatusCls = ({ constants, state }) => (index, node) => {
|
|
|
40
40
|
};
|
|
41
41
|
const computedData = ({ props, state }) => () => {
|
|
42
42
|
if (props.data && props.data.length > 0) {
|
|
43
|
-
return state.isReverse ? props.data.map((item, i) => __spreadProps(__spreadValues({}, props.data[props.data.length - 1 - i]), { index: i })) : props.data.map((item, i) => __spreadProps(__spreadValues({}, item), { index: i }));
|
|
43
|
+
return state.isReverse ? props.data.map((item, i) => __spreadProps(__spreadValues({}, props.data[props.data.length - 1 - i]), { _$index: i })) : props.data.map((item, i) => __spreadProps(__spreadValues({}, item), { _$index: i }));
|
|
44
44
|
}
|
|
45
45
|
return state.itemsArray;
|
|
46
46
|
};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import "../chunk-G2ADBYYC.js";
|
|
2
|
+
import { format } from "../common/date";
|
|
3
|
+
const getDate = (dateTime) => {
|
|
4
|
+
return {
|
|
5
|
+
date: format(dateTime, "yyyy/MM/dd"),
|
|
6
|
+
time: format(dateTime, "hh:mm:ss")
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
const getStatus = ({ state, t }) => (value) => {
|
|
10
|
+
const status = state.current - value;
|
|
11
|
+
return status > 0 ? t("ui.steps.done") : status === 0 ? t("ui.steps.doing") : t("ui.steps.wait");
|
|
12
|
+
};
|
|
13
|
+
const handleClick = ({ emit, state }) => ({ index, node }) => {
|
|
14
|
+
emit("click", state.isReverse ? state.nodes.length - index - 1 : index, node);
|
|
15
|
+
};
|
|
16
|
+
const getStatusCls = ({ constants, state }) => (index) => {
|
|
17
|
+
const { PROCESS_DONE_CLS, PROCESS_CUR_CLS, PROCESS_WAIT_CLS } = constants;
|
|
18
|
+
const cls = {};
|
|
19
|
+
const reverse = state.isReverse;
|
|
20
|
+
cls[PROCESS_DONE_CLS] = reverse ? index > state.current : index < state.current;
|
|
21
|
+
cls[PROCESS_CUR_CLS] = index === state.current;
|
|
22
|
+
cls[PROCESS_WAIT_CLS] = reverse ? index < state.current : index > state.current;
|
|
23
|
+
return cls;
|
|
24
|
+
};
|
|
25
|
+
const computedData = ({ props, state }) => () => {
|
|
26
|
+
return state.isReverse ? props.data.map((item, i) => props.data[props.data.length - 1 - i]) : props.data;
|
|
27
|
+
};
|
|
28
|
+
const computedCurrent = ({ props, state }) => () => {
|
|
29
|
+
return state.isReverse ? state.nodes.length - props.active - 1 : props.active;
|
|
30
|
+
};
|
|
31
|
+
const computedIsReverse = (props) => () => props.reverse && props.vertical;
|
|
32
|
+
const computedStackNodes = ({ state, props }) => () => {
|
|
33
|
+
if (state.nodes.length >= props.nodeMax && !props.foldDisabled) {
|
|
34
|
+
state.showData = true;
|
|
35
|
+
return state.nodes.slice(0, props.limitedNodes);
|
|
36
|
+
}
|
|
37
|
+
return state.nodes;
|
|
38
|
+
};
|
|
39
|
+
const changeStatus = ({ state }) => () => {
|
|
40
|
+
state.showAll = !state.showAll;
|
|
41
|
+
return state.showAll;
|
|
42
|
+
};
|
|
43
|
+
export {
|
|
44
|
+
changeStatus,
|
|
45
|
+
computedCurrent,
|
|
46
|
+
computedData,
|
|
47
|
+
computedIsReverse,
|
|
48
|
+
computedStackNodes,
|
|
49
|
+
getDate,
|
|
50
|
+
getStatus,
|
|
51
|
+
getStatusCls,
|
|
52
|
+
handleClick
|
|
53
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import "../chunk-G2ADBYYC.js";
|
|
2
|
+
import {
|
|
3
|
+
handleClick,
|
|
4
|
+
changeStatus,
|
|
5
|
+
getStatusCls,
|
|
6
|
+
getStatus,
|
|
7
|
+
computedData,
|
|
8
|
+
getDate,
|
|
9
|
+
computedCurrent,
|
|
10
|
+
computedIsReverse,
|
|
11
|
+
computedStackNodes
|
|
12
|
+
} from "./index";
|
|
13
|
+
const api = ["state", "handleClick", "getStatusCls", "getStatus", "getDate", "changeStatus"];
|
|
14
|
+
const renderless = (props, { computed, reactive }, { t, emit, constants }) => {
|
|
15
|
+
const api2 = {};
|
|
16
|
+
const state = reactive({
|
|
17
|
+
nodes: computed(() => api2.computedData()),
|
|
18
|
+
stackNodes: computed(() => state.showAll ? state.nodes : api2.computedStackNodes()),
|
|
19
|
+
current: computed(() => api2.computedCurrent()),
|
|
20
|
+
isReverse: computed(() => api2.computedIsReverse()),
|
|
21
|
+
showData: false,
|
|
22
|
+
showAll: false
|
|
23
|
+
});
|
|
24
|
+
Object.assign(api2, {
|
|
25
|
+
state,
|
|
26
|
+
getDate,
|
|
27
|
+
computedData: computedData({ props, state }),
|
|
28
|
+
computedCurrent: computedCurrent({ props, state }),
|
|
29
|
+
computedIsReverse: computedIsReverse(props),
|
|
30
|
+
getStatus: getStatus({ state, t }),
|
|
31
|
+
handleClick: handleClick({ emit, state, api: api2 }),
|
|
32
|
+
getStatusCls: getStatusCls({ constants, props, state }),
|
|
33
|
+
computedStackNodes: computedStackNodes({ state, props }),
|
|
34
|
+
changeStatus: changeStatus({ state })
|
|
35
|
+
});
|
|
36
|
+
return api2;
|
|
37
|
+
};
|
|
38
|
+
export {
|
|
39
|
+
api,
|
|
40
|
+
renderless
|
|
41
|
+
};
|
package/time-spinner/index.js
CHANGED
|
@@ -193,7 +193,7 @@ const amPm = (props) => (hour) => {
|
|
|
193
193
|
}
|
|
194
194
|
return content;
|
|
195
195
|
};
|
|
196
|
-
const typeItemHeight = ({ vm }) => (type) => vm.$refs[type].$el.querySelector(DATEPICKER.Qurtyli).offsetHeight;
|
|
196
|
+
const typeItemHeight = ({ vm, designConfig }) => (type) => vm.$refs[type].$el.querySelector(DATEPICKER.Qurtyli).offsetHeight + ((designConfig == null ? void 0 : designConfig.itemMarginSpace) || 0);
|
|
197
197
|
const scrollBarHeight = (vm) => (type) => vm.$refs[type].$el.offsetHeight;
|
|
198
198
|
export {
|
|
199
199
|
adjustCurrentSpinner,
|
package/time-spinner/vue.js
CHANGED
|
@@ -58,7 +58,7 @@ const initState = ({ reactive, computed, props, api: api2 }) => {
|
|
|
58
58
|
});
|
|
59
59
|
return state;
|
|
60
60
|
};
|
|
61
|
-
const renderless = (props, { computed, onMounted, reactive, watch, nextTick }, { emit, vm, constants }) => {
|
|
61
|
+
const renderless = (props, { computed, onMounted, reactive, watch, nextTick }, { emit, vm, designConfig, constants }) => {
|
|
62
62
|
const api2 = {};
|
|
63
63
|
const state = initState({ reactive, computed, props, api: api2 });
|
|
64
64
|
onMounted(() => {
|
|
@@ -67,7 +67,7 @@ const renderless = (props, { computed, onMounted, reactive, watch, nextTick }, {
|
|
|
67
67
|
Object.assign(api2, {
|
|
68
68
|
state,
|
|
69
69
|
amPm: amPm(props),
|
|
70
|
-
typeItemHeight: typeItemHeight({ vm }),
|
|
70
|
+
typeItemHeight: typeItemHeight({ vm, designConfig }),
|
|
71
71
|
scrollBarHeight: scrollBarHeight(vm),
|
|
72
72
|
getArrowHourList: getArrowHourList(state),
|
|
73
73
|
getArrowSecondList: getArrowSecondList(state),
|
package/tooltip/vue.js
CHANGED
|
@@ -33,10 +33,12 @@ const api = [
|
|
|
33
33
|
"updatePopper",
|
|
34
34
|
"focusHandler"
|
|
35
35
|
];
|
|
36
|
-
const initState = ({ reactive, showPopper, popperElm, referenceElm, props, inject }) => reactive({
|
|
36
|
+
const initState = ({ reactive, showPopper, popperElm, referenceElm, props, inject, popperJS, currentPlacement }) => reactive({
|
|
37
|
+
popperJS,
|
|
37
38
|
showPopper,
|
|
38
39
|
popperElm,
|
|
39
40
|
referenceElm,
|
|
41
|
+
currentPlacement,
|
|
40
42
|
timeout: null,
|
|
41
43
|
focusing: false,
|
|
42
44
|
expectedState: void 0,
|
|
@@ -60,8 +62,19 @@ const renderless = (props, {
|
|
|
60
62
|
const popperVmRef = {};
|
|
61
63
|
const popperParam = { emit, props, nextTick, toRefs, reactive, parent: parent.$parent, vm, popperVmRef };
|
|
62
64
|
Object.assign(popperParam, { slots, onBeforeUnmount, onDeactivated, watch });
|
|
63
|
-
const { showPopper, updatePopper, popperElm, referenceElm, doDestroy } = userPopper(
|
|
64
|
-
|
|
65
|
+
const { showPopper, updatePopper, popperElm, referenceElm, doDestroy, popperJS, currentPlacement } = userPopper(
|
|
66
|
+
popperParam
|
|
67
|
+
);
|
|
68
|
+
const state = initState({
|
|
69
|
+
reactive,
|
|
70
|
+
showPopper,
|
|
71
|
+
popperElm,
|
|
72
|
+
referenceElm,
|
|
73
|
+
props,
|
|
74
|
+
inject,
|
|
75
|
+
popperJS,
|
|
76
|
+
currentPlacement
|
|
77
|
+
});
|
|
65
78
|
Object.assign(api2, {
|
|
66
79
|
state,
|
|
67
80
|
doDestroy,
|
package/tree/index.js
CHANGED
|
@@ -297,6 +297,7 @@ const filter = ({ props, state, api }) => (value) => {
|
|
|
297
297
|
throw new Error("[Tree] filterNodeMethod is required when filter");
|
|
298
298
|
}
|
|
299
299
|
state.store.filter(value);
|
|
300
|
+
state.filterText = value;
|
|
300
301
|
if (props.willChangeView) {
|
|
301
302
|
api.initPlainNodeStore();
|
|
302
303
|
}
|
package/tree/vue.js
CHANGED
|
@@ -163,7 +163,10 @@ const initState = ({ reactive, emitter, props, computed, api: api2 }) => {
|
|
|
163
163
|
},
|
|
164
164
|
newNodeId: Math.floor(random() * 1e4),
|
|
165
165
|
plainNodeStore: {},
|
|
166
|
-
allNodeKeys: []
|
|
166
|
+
allNodeKeys: [],
|
|
167
|
+
// tiny 新增
|
|
168
|
+
filterText: ""
|
|
169
|
+
// 记录当前过滤的内容
|
|
167
170
|
});
|
|
168
171
|
return state;
|
|
169
172
|
};
|
package/tree-select/index.js
CHANGED
|
@@ -2,22 +2,22 @@ import {
|
|
|
2
2
|
__spreadProps,
|
|
3
3
|
__spreadValues
|
|
4
4
|
} from "../chunk-G2ADBYYC.js";
|
|
5
|
-
const filter = ({ vm
|
|
6
|
-
|
|
5
|
+
const filter = ({ vm }) => (value) => {
|
|
6
|
+
vm.$refs.treeRef.filter(value);
|
|
7
7
|
};
|
|
8
|
-
const nodeClick = ({ props, vm
|
|
8
|
+
const nodeClick = ({ props, vm }) => (data) => {
|
|
9
9
|
if (!props.multiple) {
|
|
10
|
-
|
|
10
|
+
vm.$refs.baseSelectRef.updateSelectedData(__spreadProps(__spreadValues({}, data), {
|
|
11
11
|
currentLabel: data[props.textField],
|
|
12
12
|
value: data[props.valueField],
|
|
13
13
|
state: {
|
|
14
14
|
currentLabel: data[props.textField]
|
|
15
15
|
}
|
|
16
16
|
}));
|
|
17
|
-
|
|
17
|
+
vm.$refs.baseSelectRef.hidePanel();
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
|
-
const check = ({ props }) => (data, { checkedNodes }) => {
|
|
20
|
+
const check = ({ props, vm }) => (data, { checkedNodes }) => {
|
|
21
21
|
if (props.multiple) {
|
|
22
22
|
vm.$refs.baseSelectRef.updateSelectedData(
|
|
23
23
|
checkedNodes.map((node) => {
|
package/tree-select/vue.js
CHANGED
|
@@ -62,6 +62,10 @@ declare const autoCompleteProps: {
|
|
|
62
62
|
type: BooleanConstructor;
|
|
63
63
|
default: boolean;
|
|
64
64
|
};
|
|
65
|
+
validateEvent: {
|
|
66
|
+
type: BooleanConstructor;
|
|
67
|
+
default: undefined;
|
|
68
|
+
};
|
|
65
69
|
tiny_mode: StringConstructor;
|
|
66
70
|
tiny_mode_root: BooleanConstructor;
|
|
67
71
|
tiny_template: (FunctionConstructor | ObjectConstructor)[];
|
|
@@ -71,7 +75,7 @@ declare const autoCompleteProps: {
|
|
|
71
75
|
};
|
|
72
76
|
|
|
73
77
|
declare const initSuggestionState: ({ reactive, parent, showPopper, popperElm, referenceElm }: {
|
|
74
|
-
reactive:
|
|
78
|
+
reactive: IAutoCompleteRenderlessParams['reactive'];
|
|
75
79
|
parent: IAutoCompleteRenderlessParamUtils['parent'];
|
|
76
80
|
showPopper: Ref<boolean>;
|
|
77
81
|
popperElm: Ref<HTMLElement>;
|
|
@@ -122,22 +126,14 @@ declare const initSuggestionState: ({ reactive, parent, showPopper, popperElm, r
|
|
|
122
126
|
*
|
|
123
127
|
*/
|
|
124
128
|
|
|
125
|
-
declare const handleChange: ({ api, emit, state, props }:
|
|
126
|
-
api: IAutoCompleteApi;
|
|
127
|
-
emit: IAutoCompleteRenderlessParamUtils['emit'];
|
|
128
|
-
state: IAutoCompleteState;
|
|
129
|
-
props: IAutoCompleteProps;
|
|
130
|
-
}) => (value: any) => void;
|
|
129
|
+
declare const handleChange: ({ api, emit, state, props, dispatch }: Pick<IAutoCompleteRenderlessParams, 'api' | 'emit' | 'state' | 'props' | 'dispatch'>) => (value: any) => void;
|
|
131
130
|
declare const handleFocus: ({ api, emit, props, state }: {
|
|
132
131
|
api: IAutoCompleteApi;
|
|
133
132
|
emit: IAutoCompleteRenderlessParamUtils['emit'];
|
|
134
133
|
state: IAutoCompleteState;
|
|
135
134
|
props: IAutoCompleteProps;
|
|
136
135
|
}) => (event: any) => void;
|
|
137
|
-
declare const handleBlur: ({ emit, state }:
|
|
138
|
-
emit: IAutoCompleteRenderlessParamUtils['emit'];
|
|
139
|
-
state: IAutoCompleteState;
|
|
140
|
-
}) => (event: any) => void;
|
|
136
|
+
declare const handleBlur: ({ emit, state, dispatch, props }: Pick<IAutoCompleteRenderlessParams, 'emit' | 'state' | 'dispatch' | 'props'>) => (event: any) => void;
|
|
141
137
|
declare const handleClear: ({ emit, state }: {
|
|
142
138
|
emit: IAutoCompleteRenderlessParamUtils['emit'];
|
|
143
139
|
state: IAutoCompleteState;
|
|
@@ -169,6 +165,8 @@ declare const mounted: ({ vm, state, suggestionState }: {
|
|
|
169
165
|
}) => () => void;
|
|
170
166
|
|
|
171
167
|
interface IAutoCompleteState {
|
|
168
|
+
showAutoWidth: boolean | null;
|
|
169
|
+
popperElm: Element | null;
|
|
172
170
|
activated: boolean;
|
|
173
171
|
suggestions: unknown[];
|
|
174
172
|
loading: boolean;
|
|
@@ -176,8 +174,14 @@ interface IAutoCompleteState {
|
|
|
176
174
|
suggestionDisabled: boolean;
|
|
177
175
|
id: string;
|
|
178
176
|
suggestionVisible: ComputedRef<boolean>;
|
|
177
|
+
validateEvent: boolean;
|
|
179
178
|
}
|
|
180
179
|
type IAutoCompleteProps = ExtractPropTypes<typeof autoCompleteProps>;
|
|
180
|
+
type IAutoCompleteRenderlessParams = ISharedRenderlessFunctionParams<IAutoCompleteConstants> & {
|
|
181
|
+
state: IAutoCompleteState;
|
|
182
|
+
props: IAutoCompleteProps;
|
|
183
|
+
api: IAutoCompleteApi;
|
|
184
|
+
};
|
|
181
185
|
interface IAutoCompleteApi {
|
|
182
186
|
state: IAutoCompleteState;
|
|
183
187
|
doDestroy: (forceDestroy?: boolean | undefined) => void;
|
|
@@ -197,4 +201,4 @@ interface IAutoCompleteApi {
|
|
|
197
201
|
type IAutoCompleteConstants = ReturnType<typeof autoCompleteProps._constants.default>;
|
|
198
202
|
type IAutoCompleteRenderlessParamUtils = ISharedRenderlessParamUtils<IAutoCompleteConstants>;
|
|
199
203
|
|
|
200
|
-
export { IAutoCompleteApi, IAutoCompleteConstants, IAutoCompleteProps, IAutoCompleteRenderlessParamUtils, IAutoCompleteState };
|
|
204
|
+
export { IAutoCompleteApi, IAutoCompleteConstants, IAutoCompleteProps, IAutoCompleteRenderlessParamUtils, IAutoCompleteRenderlessParams, IAutoCompleteState };
|
package/types/button.type.d.ts
CHANGED
|
@@ -2,59 +2,80 @@ import { ComputedRef, ExtractPropTypes } from 'vue';
|
|
|
2
2
|
import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.js';
|
|
3
3
|
|
|
4
4
|
declare const buttonProps: {
|
|
5
|
+
/** 展示按钮不同的状态,设置为text则展示为文本按钮。可取值为:'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text' */
|
|
5
6
|
type: {
|
|
6
7
|
type: StringConstructor;
|
|
7
8
|
default: string;
|
|
8
9
|
};
|
|
10
|
+
/** 设置原生的tabindex属性 */
|
|
9
11
|
tabindex: {
|
|
10
12
|
type: StringConstructor;
|
|
11
13
|
default: string;
|
|
12
14
|
};
|
|
15
|
+
/** 按钮左侧展示的图标,接收为Icon组件 */
|
|
13
16
|
icon: {
|
|
14
17
|
type: (StringConstructor | ObjectConstructor)[];
|
|
15
18
|
default: string;
|
|
16
19
|
};
|
|
20
|
+
/** 按钮显示的文本 */
|
|
17
21
|
text: {
|
|
18
22
|
type: StringConstructor;
|
|
19
23
|
default: string;
|
|
20
24
|
};
|
|
25
|
+
/** 设置按钮禁用时间,防止重复提交,单位毫秒 */
|
|
21
26
|
resetTime: {
|
|
22
27
|
type: NumberConstructor;
|
|
23
28
|
default: number;
|
|
24
29
|
};
|
|
30
|
+
/** 对应按钮原生 type 属性 */
|
|
25
31
|
nativeType: {
|
|
26
32
|
type: StringConstructor;
|
|
27
33
|
default: string;
|
|
28
34
|
};
|
|
35
|
+
/** 当配置href后,点击按钮则更新 location.href 进行页面跳转 */
|
|
29
36
|
href: {
|
|
30
37
|
type: StringConstructor;
|
|
31
38
|
default: string;
|
|
32
39
|
};
|
|
40
|
+
/** 定义按钮尺寸 */
|
|
33
41
|
size: {
|
|
34
42
|
type: StringConstructor;
|
|
35
43
|
default: string;
|
|
36
44
|
validator(val: string): boolean;
|
|
37
45
|
};
|
|
46
|
+
/** 是否圆角按钮 */
|
|
38
47
|
round: BooleanConstructor;
|
|
48
|
+
/** 是否朴素按钮 */
|
|
39
49
|
plain: BooleanConstructor;
|
|
50
|
+
/** 是否圆形按钮 */
|
|
40
51
|
circle: BooleanConstructor;
|
|
52
|
+
/** 是否加载中状态 */
|
|
41
53
|
loading: BooleanConstructor;
|
|
54
|
+
/** 是否被禁用按钮 */
|
|
42
55
|
disabled: BooleanConstructor;
|
|
56
|
+
/** 是否默认聚焦 */
|
|
43
57
|
autofocus: BooleanConstructor;
|
|
58
|
+
/** 自定义类名, 仅 mobile-first 模板时有效 */
|
|
44
59
|
customClass: {
|
|
45
60
|
type: StringConstructor;
|
|
46
61
|
default: string;
|
|
47
62
|
};
|
|
63
|
+
/** 设置通栏按钮,宽度充满水平方向, 仅 mobile-first 模板时有效 */
|
|
48
64
|
banner: {
|
|
49
65
|
type: BooleanConstructor;
|
|
50
66
|
default: boolean;
|
|
51
67
|
};
|
|
68
|
+
/** 是否幽灵按钮 */
|
|
52
69
|
ghost: BooleanConstructor;
|
|
70
|
+
/** 点击事件 */
|
|
71
|
+
onClick: {
|
|
72
|
+
type: PropType<(ev: MouseEvent) => void>;
|
|
73
|
+
};
|
|
53
74
|
tiny_mode: StringConstructor;
|
|
54
75
|
tiny_mode_root: BooleanConstructor;
|
|
55
76
|
tiny_template: (FunctionConstructor | ObjectConstructor)[];
|
|
56
77
|
tiny_renderless: FunctionConstructor;
|
|
57
|
-
tiny_theme: StringConstructor;
|
|
78
|
+
tiny_theme: StringConstructor; /** 是否加载中状态 */
|
|
58
79
|
tiny_chart_theme: ObjectConstructor;
|
|
59
80
|
};
|
|
60
81
|
|
package/types/checkbox.type.d.ts
CHANGED
package/types/dropdown.type.d.ts
CHANGED
|
@@ -68,6 +68,10 @@ declare const dropdownProps: {
|
|
|
68
68
|
default: boolean;
|
|
69
69
|
};
|
|
70
70
|
suffixIcon: ObjectConstructor;
|
|
71
|
+
lazyShowPopper: {
|
|
72
|
+
type: BooleanConstructor;
|
|
73
|
+
default: boolean;
|
|
74
|
+
};
|
|
71
75
|
tiny_mode: StringConstructor;
|
|
72
76
|
tiny_mode_root: BooleanConstructor;
|
|
73
77
|
tiny_template: (FunctionConstructor | ObjectConstructor)[];
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import 'vue';
|
|
2
|
-
export { C as IFileUploadAfterDownload, m as IFileUploadApi, D as IFileUploadBatchSegmentDownload, y as IFileUploadBatchSegmentUpload, a as IFileUploadConstants, w as IFileUploadDownloadFileInner, x as IFileUploadDownloadFileSingle, u as IFileUploadDownloadFileSingleInner, t as IFileUploadEdmDownload, s as IFileUploadFile, A as IFileUploadGetFormData, v as IFileUploadLargeDocumentDownload, r as IFileUploadModalVm, o as IFileUploadProps, p as IFileUploadRenderlessParamUtils, q as IFileUploadRenderlessParams, z as IFileUploadSegmentUploadInner, n as IFileUploadService, B as IFileUploadSetWriterFile, E as IFileUploadSliceDownloadChunk, l as IFileUploadState, F as IFileUploadStreamsaver, I as IFileUploadVm } from './upload-list.type-
|
|
2
|
+
export { C as IFileUploadAfterDownload, m as IFileUploadApi, D as IFileUploadBatchSegmentDownload, y as IFileUploadBatchSegmentUpload, a as IFileUploadConstants, w as IFileUploadDownloadFileInner, x as IFileUploadDownloadFileSingle, u as IFileUploadDownloadFileSingleInner, t as IFileUploadEdmDownload, s as IFileUploadFile, A as IFileUploadGetFormData, v as IFileUploadLargeDocumentDownload, r as IFileUploadModalVm, o as IFileUploadProps, p as IFileUploadRenderlessParamUtils, q as IFileUploadRenderlessParams, z as IFileUploadSegmentUploadInner, n as IFileUploadService, B as IFileUploadSetWriterFile, E as IFileUploadSliceDownloadChunk, l as IFileUploadState, F as IFileUploadStreamsaver, I as IFileUploadVm } from './upload-list.type-4194f534.js';
|
|
3
3
|
import './shared.type.js';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import 'vue';
|
|
2
|
-
export { i as IFormItemApi, f as IFormItemConstants, I as IFormItemDisplayedValueParam, k as IFormItemInstance, c as IFormItemLabelStyle, g as IFormItemProps, j as IFormItemRenderlessParamUtils, h as IFormItemRenderlessParams, d as IFormItemRule, e as IFormItemState, b as IFormItemTrigger, a as IFormItemValidateStatus } from './form.type-
|
|
2
|
+
export { i as IFormItemApi, f as IFormItemConstants, I as IFormItemDisplayedValueParam, k as IFormItemInstance, c as IFormItemLabelStyle, g as IFormItemProps, j as IFormItemRenderlessParamUtils, h as IFormItemRenderlessParams, d as IFormItemRule, e as IFormItemState, b as IFormItemTrigger, a as IFormItemValidateStatus } from './form.type-f6fb4c38.js';
|
|
3
3
|
import './shared.type.js';
|
|
@@ -92,6 +92,10 @@ declare const formProps: {
|
|
|
92
92
|
type: BooleanConstructor;
|
|
93
93
|
default: boolean;
|
|
94
94
|
};
|
|
95
|
+
wrapFragment: {
|
|
96
|
+
type: StringConstructor;
|
|
97
|
+
default: string;
|
|
98
|
+
};
|
|
95
99
|
tooltipConfig: {
|
|
96
100
|
type: ObjectConstructor;
|
|
97
101
|
default: () => {};
|
|
@@ -285,6 +289,7 @@ interface IFormItemState {
|
|
|
285
289
|
isErrorInline: boolean;
|
|
286
290
|
isErrorBlock: boolean;
|
|
287
291
|
tooltipType: string;
|
|
292
|
+
isMultiple: boolean;
|
|
288
293
|
}
|
|
289
294
|
type IFormItemConstants = typeof $constants;
|
|
290
295
|
type IFormItemProps = ExtractPropTypes<typeof formItemProps>;
|
package/types/form.type.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import 'vue';
|
|
2
|
-
export { p as IFormApi, r as IFormInstance, n as IFormProps, q as IFormRenderlessParamUtils, o as IFormRenderlessParams, l as IFormRules, m as IFormState } from './form.type-
|
|
2
|
+
export { p as IFormApi, r as IFormInstance, n as IFormProps, q as IFormRenderlessParamUtils, o as IFormRenderlessParams, l as IFormRules, m as IFormState } from './form.type-f6fb4c38.js';
|
|
3
3
|
import './shared.type.js';
|
package/types/input.type.d.ts
CHANGED
|
@@ -179,7 +179,7 @@ declare const inputProps: {
|
|
|
179
179
|
};
|
|
180
180
|
showEmptyValue: {
|
|
181
181
|
type: BooleanConstructor;
|
|
182
|
-
default:
|
|
182
|
+
default: undefined;
|
|
183
183
|
};
|
|
184
184
|
textAlign: {
|
|
185
185
|
type: StringConstructor;
|
|
@@ -188,6 +188,10 @@ declare const inputProps: {
|
|
|
188
188
|
width: {
|
|
189
189
|
type: PropType<string | number | null>;
|
|
190
190
|
};
|
|
191
|
+
showTooltip: {
|
|
192
|
+
type: BooleanConstructor;
|
|
193
|
+
default: boolean;
|
|
194
|
+
};
|
|
191
195
|
tiny_mode: StringConstructor;
|
|
192
196
|
tiny_mode_root: BooleanConstructor;
|
|
193
197
|
tiny_template: (FunctionConstructor | ObjectConstructor)[];
|
package/types/link.type.d.ts
CHANGED
|
@@ -2,19 +2,24 @@ import { ExtractPropTypes } from 'vue';
|
|
|
2
2
|
import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.js';
|
|
3
3
|
|
|
4
4
|
declare const linkProps: {
|
|
5
|
+
/** 文本链接类型:'primary' | 'success' | 'warning' | 'danger' | 'info' */
|
|
5
6
|
type: {
|
|
6
7
|
type: StringConstructor;
|
|
7
8
|
default: string;
|
|
8
9
|
};
|
|
10
|
+
/** 显示内容 */
|
|
9
11
|
value: StringConstructor;
|
|
12
|
+
/** 是否下划线 */
|
|
10
13
|
underline: {
|
|
11
14
|
type: BooleanConstructor;
|
|
12
15
|
default: boolean;
|
|
13
16
|
};
|
|
17
|
+
/** 原生 href 属性 */
|
|
14
18
|
href: StringConstructor;
|
|
19
|
+
/** 自定义图标 */
|
|
15
20
|
icon: (StringConstructor | ObjectConstructor)[];
|
|
21
|
+
/** 是否禁用状态 */
|
|
16
22
|
disabled: BooleanConstructor;
|
|
17
|
-
size: StringConstructor;
|
|
18
23
|
tiny_mode: StringConstructor;
|
|
19
24
|
tiny_mode_root: BooleanConstructor;
|
|
20
25
|
tiny_template: (FunctionConstructor | ObjectConstructor)[];
|
package/types/search.type.d.ts
CHANGED
|
@@ -76,8 +76,15 @@ declare const searchProps: {
|
|
|
76
76
|
};
|
|
77
77
|
typeValue: ObjectConstructor;
|
|
78
78
|
suffixIcon: (StringConstructor | ObjectConstructor)[];
|
|
79
|
+
disabled: {
|
|
80
|
+
type: BooleanConstructor;
|
|
81
|
+
default: boolean;
|
|
82
|
+
};
|
|
79
83
|
tiny_mode: StringConstructor;
|
|
80
84
|
tiny_mode_root: BooleanConstructor;
|
|
85
|
+
/**
|
|
86
|
+
* 配置主题色,primary:蓝 gray:灰
|
|
87
|
+
*/
|
|
81
88
|
tiny_template: (FunctionConstructor | ObjectConstructor)[];
|
|
82
89
|
tiny_renderless: FunctionConstructor;
|
|
83
90
|
tiny_theme: StringConstructor;
|