@opentiny/vue-renderless 3.14.0 → 3.15.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/LICENSE +22 -0
- package/action-menu/index.js +44 -0
- package/action-menu/vue.js +25 -8
- package/calendar-view/index.js +21 -13
- package/calendar-view/vue.js +6 -3
- package/cascader/index.js +1 -1
- package/cascader-select/index.js +5 -0
- package/cascader-select/vue.js +3 -1
- package/common/bigInt.js +2 -2
- package/common/deps/date-util.js +4 -2
- package/common/deps/vue-popper.js +22 -2
- package/common/index.js +15 -2
- package/common/runtime.js +1 -1
- package/date-range/vue.js +1 -0
- package/date-table/index.js +30 -53
- package/date-table/vue.js +1 -1
- package/dept/index.js +8 -1
- package/dept/vue.js +10 -1
- package/dialog-box/index.js +12 -6
- package/dialog-box/vue.js +1 -1
- package/dropdown-item/mf.js +2 -2
- package/file-upload/index.js +0 -1
- package/grid/utils/dom.js +30 -10
- package/image/index.js +4 -0
- package/image/vue.js +6 -3
- package/image-viewer/vue.js +3 -1
- package/input/index.js +6 -1
- package/input/vue.js +9 -5
- package/modal/index.js +1 -1
- package/numeric/index.js +9 -20
- package/numeric/vue.js +3 -12
- package/option-group/index.js +13 -0
- package/option-group/vue.js +19 -6
- package/package.json +7 -7
- package/picker/index.js +218 -193
- package/picker/vue.js +7 -4
- package/popconfirm/index.js +6 -0
- package/popconfirm/vue.js +11 -3
- package/popeditor/index.js +2 -2
- package/popover/index.js +4 -1
- package/popover/vue.js +2 -1
- package/quarter-panel/index.js +61 -0
- package/quarter-panel/vue.js +46 -0
- package/select/index.js +111 -55
- package/select/vue.js +53 -19
- package/skeleton/vue.js +2 -2
- package/skeleton-item/vue.js +1 -1
- package/statistic/index.js +22 -0
- package/statistic/vue.js +20 -0
- package/tabs/index.js +16 -1
- package/tall-storage/index.js +1 -1
- package/time-picker-mobile/index.js +10 -1
- package/time-picker-mobile/vue.js +5 -3
- package/time-spinner/index.js +52 -1
- package/time-spinner/vue.js +4 -2
- package/timeline-item/index.js +14 -1
- package/timeline-item/vue.js +7 -4
- package/tree/index.js +8 -4
- package/tree/vue.js +3 -3
- package/tree-node/index.js +2 -2
- package/types/action-menu.type.d.ts +40 -12
- package/types/action-sheet.type.d.ts +2 -2
- package/types/alert.type.d.ts +1 -1
- package/types/checkbox.type.d.ts +3 -3
- package/types/collapse.type.d.ts +1 -1
- package/types/date-table.type.d.ts +13 -0
- package/types/dialog-box.type.d.ts +1 -1
- package/types/drawer.type.d.ts +1 -1
- package/types/{dropdown-item.type-8475a549.d.ts → dropdown-item.type-678794c9.d.ts} +4 -0
- package/types/dropdown-item.type.d.ts +1 -1
- package/types/dropdown-menu.type.d.ts +1 -1
- package/types/file-upload.type.d.ts +1 -1
- package/types/form-item.type.d.ts +1 -1
- package/types/{form.type-222799ae.d.ts → form.type-8e30b25c.d.ts} +2 -1
- package/types/form.type.d.ts +1 -1
- package/types/image.type.d.ts +4 -0
- package/types/input.type.d.ts +3 -1
- package/types/milestone.type.d.ts +1 -1
- package/types/numeric.type.d.ts +4 -5
- package/types/pager.type.d.ts +1 -1
- package/types/popconfirm.type.d.ts +8 -0
- package/types/popeditor.type.d.ts +1 -1
- package/types/popover.type.d.ts +3 -3
- package/types/progress.type.d.ts +1 -1
- package/types/skeleton.type.d.ts +1 -1
- package/types/statistic.type.d.ts +56 -0
- package/types/steps.type.d.ts +1 -1
- package/types/switch.type.d.ts +3 -3
- package/types/tag.type.d.ts +4 -1
- package/types/{time-line.type-b155cb4f.d.ts → time-line.type-1b501c41.d.ts} +7 -0
- package/types/time-line.type.d.ts +1 -1
- package/types/timeline-item.type.d.ts +1 -1
- package/types/transfer.type.d.ts +3 -3
- package/types/upload-dragger.type.d.ts +2 -2
- package/types/{upload-list.type-a29aea50.d.ts → upload-list.type-f34997c8.d.ts} +9 -5
- package/types/upload-list.type.d.ts +1 -1
- package/types/upload.type.d.ts +1 -1
- package/user/index.js +1 -1
- package/credit-card/index.js +0 -93
- package/credit-card/vue.js +0 -62
- package/credit-card-form/index.js +0 -112
- package/credit-card-form/vue.js +0 -119
- package/detail-page/index.js +0 -79
- package/detail-page/vue.js +0 -78
- package/slide-bar/index.js +0 -67
- package/slide-bar/vue.js +0 -32
package/statistic/vue.js
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import "../chunk-G2ADBYYC.js";
|
|
2
|
+
import { getIntegerAndDecimal } from "./index";
|
|
3
|
+
const api = ["state", "getIntegerAndDecimal"];
|
|
4
|
+
const renderless = (props, hooks) => {
|
|
5
|
+
const api2 = {
|
|
6
|
+
getIntegerAndDecimal: getIntegerAndDecimal({ props })
|
|
7
|
+
};
|
|
8
|
+
const { reactive, computed } = hooks;
|
|
9
|
+
const state = reactive({
|
|
10
|
+
value: computed(() => api2.getIntegerAndDecimal(props))
|
|
11
|
+
});
|
|
12
|
+
Object.assign(api2, {
|
|
13
|
+
state
|
|
14
|
+
});
|
|
15
|
+
return api2;
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
api,
|
|
19
|
+
renderless
|
|
20
|
+
};
|
package/tabs/index.js
CHANGED
|
@@ -7,9 +7,24 @@ const calcPaneInstances = ({
|
|
|
7
7
|
}) => (isForceUpdate = false) => {
|
|
8
8
|
const tabItemVNodes = parent.$slots.default;
|
|
9
9
|
if (tabItemVNodes) {
|
|
10
|
+
const orderPanes = [];
|
|
11
|
+
tabItemVNodes().forEach((vnode) => {
|
|
12
|
+
var _a;
|
|
13
|
+
if (Array.isArray(vnode.children)) {
|
|
14
|
+
vnode.children.forEach((child) => {
|
|
15
|
+
var _a2;
|
|
16
|
+
orderPanes.push((_a2 = child.props) == null ? void 0 : _a2.name);
|
|
17
|
+
});
|
|
18
|
+
} else {
|
|
19
|
+
orderPanes.push((_a = vnode.props) == null ? void 0 : _a.name);
|
|
20
|
+
}
|
|
21
|
+
});
|
|
10
22
|
const currentPanes = [];
|
|
11
23
|
childrenHandler(({ vm, isLevel1 }) => {
|
|
12
|
-
isLevel1 && vm.$options.componentName === constants.TAB_ITEM
|
|
24
|
+
if (isLevel1 && vm.$options.componentName === constants.TAB_ITEM) {
|
|
25
|
+
const index = orderPanes.findIndex((name) => name === vm.name);
|
|
26
|
+
index > -1 ? currentPanes[index] = vm : currentPanes.push(vm);
|
|
27
|
+
}
|
|
13
28
|
});
|
|
14
29
|
const currentPaneStates = currentPanes.map((pane) => pane.state);
|
|
15
30
|
const paneStates = state.panes.map((pane) => pane.state);
|
package/tall-storage/index.js
CHANGED
|
@@ -84,7 +84,7 @@ const setLocalStorageage = (name, value, memorySpace = 5) => {
|
|
|
84
84
|
oldArray = sortDeduplication(oldArray, memorySpace);
|
|
85
85
|
newValue = JSON.stringify(oldArray);
|
|
86
86
|
} else if (oldValue === null || oldValue === value) {
|
|
87
|
-
newValue = value;
|
|
87
|
+
newValue = JSON.stringify([value]);
|
|
88
88
|
} else {
|
|
89
89
|
newValue = JSON.stringify([value, oldValue]);
|
|
90
90
|
}
|
|
@@ -9,7 +9,7 @@ const watchModelValue = ({ props, state }) => () => {
|
|
|
9
9
|
if (!showSeconds && modelValue.length === 3) {
|
|
10
10
|
state.seconds = modelValue[2];
|
|
11
11
|
}
|
|
12
|
-
state.dateArr = modelValue ? modelValue.slice(0, num) : [];
|
|
12
|
+
state.dateArr = modelValue && state.dateArr.toString() !== "NaN,NaN,NaN" ? modelValue.slice(0, num) : [];
|
|
13
13
|
};
|
|
14
14
|
const watchVisible = ({ api, state }) => (value) => {
|
|
15
15
|
state.visible = value;
|
|
@@ -25,6 +25,14 @@ const confirm = ({ emit, state }) => (value) => {
|
|
|
25
25
|
emit("update:modelValue", state.value);
|
|
26
26
|
emit("confirm", state.value);
|
|
27
27
|
};
|
|
28
|
+
const clear = ({ state, emit, api, vm, dispatch }) => ($event) => {
|
|
29
|
+
state.dateArr = [];
|
|
30
|
+
vm.$refs.cascaderSelect.clear(state.dateArr);
|
|
31
|
+
emit("update:modelValue", state.dateArr);
|
|
32
|
+
emit("clear", state.dateArr);
|
|
33
|
+
dispatch("Picker", "handle-clear", $event);
|
|
34
|
+
api.updateVisible(false);
|
|
35
|
+
};
|
|
28
36
|
const getTimePeriod = ({ state, props }) => (unit, length) => {
|
|
29
37
|
const step = props.step || {};
|
|
30
38
|
const value = step[unit] || 1;
|
|
@@ -39,6 +47,7 @@ const computedOptions = ({ state, api, props }) => () => {
|
|
|
39
47
|
return options;
|
|
40
48
|
};
|
|
41
49
|
export {
|
|
50
|
+
clear,
|
|
42
51
|
computedOptions,
|
|
43
52
|
confirm,
|
|
44
53
|
getTimePeriod,
|
|
@@ -6,10 +6,11 @@ import {
|
|
|
6
6
|
confirm,
|
|
7
7
|
updateVisible,
|
|
8
8
|
getTimePeriod,
|
|
9
|
-
computedOptions
|
|
9
|
+
computedOptions,
|
|
10
|
+
clear
|
|
10
11
|
} from "./index";
|
|
11
|
-
const api = ["state", "confirm", "updateVisible"];
|
|
12
|
-
const renderless = (props, { reactive, watch, computed }, { emit }) => {
|
|
12
|
+
const api = ["state", "confirm", "updateVisible", "clear"];
|
|
13
|
+
const renderless = (props, { reactive, watch, computed }, { emit, vm, dispatch }) => {
|
|
13
14
|
const api2 = {};
|
|
14
15
|
const state = reactive({
|
|
15
16
|
visible: false,
|
|
@@ -25,6 +26,7 @@ const renderless = (props, { reactive, watch, computed }, { emit }) => {
|
|
|
25
26
|
watchModelValue: watchModelValue({ props, state }),
|
|
26
27
|
watchVisible: watchVisible({ api: api2, state }),
|
|
27
28
|
confirm: confirm({ emit, state }),
|
|
29
|
+
clear: clear({ state, emit, api: api2, vm, dispatch }),
|
|
28
30
|
updateVisible: updateVisible({ emit, state }),
|
|
29
31
|
getTimePeriod: getTimePeriod({ state, props }),
|
|
30
32
|
computedOptions: computedOptions({ state, api: api2, props }),
|
package/time-spinner/index.js
CHANGED
|
@@ -70,9 +70,59 @@ const handleScroll = ({ api, vm, state }) => (type) => {
|
|
|
70
70
|
const step = state.step[type];
|
|
71
71
|
const limitVal = { hours: 23, minutes: 59, seconds: 59 };
|
|
72
72
|
Object.keys(limitVal).forEach((key) => limitVal[key] = Math.floor(limitVal[key] / step) * step);
|
|
73
|
-
value = Math.min(value * step, limitVal[type]);
|
|
73
|
+
value = api.selectDateScroll(type, Math.min(value * step, limitVal[type]));
|
|
74
74
|
api.modifyDateField(type, value);
|
|
75
75
|
};
|
|
76
|
+
const selectDateScroll = ({ state, props }) => (type, value) => {
|
|
77
|
+
if (Object.keys(props.endDate).length !== 0) {
|
|
78
|
+
const endHours = props.endDate.getHours();
|
|
79
|
+
const endMinutes = props.endDate.getMinutes();
|
|
80
|
+
const endSeconds = props.endDate.getSeconds();
|
|
81
|
+
if (type === "hours") {
|
|
82
|
+
value = value > endHours ? state.hours : value;
|
|
83
|
+
} else if (type === "minutes") {
|
|
84
|
+
value = state.hours === endHours && value > endMinutes ? state.minutes : value;
|
|
85
|
+
} else {
|
|
86
|
+
value = state.hours === endHours && state.minutes === endMinutes && value > endSeconds ? state.seconds : value;
|
|
87
|
+
}
|
|
88
|
+
} else if (Object.keys(props.startDate).length !== 0) {
|
|
89
|
+
const startHours = props.startDate.getHours();
|
|
90
|
+
const startMinutes = props.startDate.getMinutes();
|
|
91
|
+
const startSeconds = props.startDate.getSeconds();
|
|
92
|
+
if (type === "hours") {
|
|
93
|
+
value = value < startHours ? state.hours : value;
|
|
94
|
+
} else if (type === "minutes") {
|
|
95
|
+
value = state.hours === startHours && value < startMinutes ? state.minutes : value;
|
|
96
|
+
} else {
|
|
97
|
+
value = state.hours === startHours && state.minutes === startMinutes && value < startSeconds ? state.seconds : value;
|
|
98
|
+
}
|
|
99
|
+
} else if (state.selectableRange.length > 0) {
|
|
100
|
+
const [startRange, endRange] = state.selectableRange[0];
|
|
101
|
+
const startRangeHours = startRange.getHours();
|
|
102
|
+
const endRangeHours = endRange.getHours();
|
|
103
|
+
const startRangeMinutes = startRange.getMinutes();
|
|
104
|
+
const endRangeMinutes = endRange.getMinutes();
|
|
105
|
+
const startRangeSeconds = startRange.getSeconds();
|
|
106
|
+
const endRangeSeconds = endRange.getSeconds();
|
|
107
|
+
if (type === "hours") {
|
|
108
|
+
value = value < startRangeHours || value > endRangeHours ? state.hours : value;
|
|
109
|
+
} else if (type === "minutes") {
|
|
110
|
+
if (state.hours === startRangeHours) {
|
|
111
|
+
value = value < startRangeMinutes ? startRangeMinutes : value;
|
|
112
|
+
} else if (state.hours === endRangeHours) {
|
|
113
|
+
value = value > endRangeMinutes ? endRangeMinutes : value;
|
|
114
|
+
}
|
|
115
|
+
} else {
|
|
116
|
+
if (state.hours === startRangeHours && state.minutes === startRangeMinutes) {
|
|
117
|
+
value = value < startRangeSeconds ? startRangeSeconds : value;
|
|
118
|
+
} else if (state.hours === endRangeHours && state.minutes === endRangeMinutes) {
|
|
119
|
+
value = value > endRangeSeconds ? endRangeSeconds : value;
|
|
120
|
+
}
|
|
121
|
+
value = startRangeSeconds === 0 && value < 1 ? 0 : value;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
return value;
|
|
125
|
+
};
|
|
76
126
|
const adjustSpinners = ({ api, state }) => () => {
|
|
77
127
|
api.adjustSpinner("hours", state.hours);
|
|
78
128
|
api.adjustSpinner("minutes", state.minutes);
|
|
@@ -152,5 +202,6 @@ export {
|
|
|
152
202
|
modifyDateField,
|
|
153
203
|
scrollBarHeight,
|
|
154
204
|
scrollDown,
|
|
205
|
+
selectDateScroll,
|
|
155
206
|
typeItemHeight
|
|
156
207
|
};
|
package/time-spinner/vue.js
CHANGED
|
@@ -16,7 +16,8 @@ import {
|
|
|
16
16
|
decrease,
|
|
17
17
|
modifyDateField,
|
|
18
18
|
handleClick,
|
|
19
|
-
emitSelectRange
|
|
19
|
+
emitSelectRange,
|
|
20
|
+
selectDateScroll
|
|
20
21
|
} from "./index";
|
|
21
22
|
import { getRangeHours, getRangeMinutes } from "../common/deps/date-util";
|
|
22
23
|
const api = [
|
|
@@ -81,7 +82,8 @@ const renderless = (props, { computed, onMounted, reactive, watch, nextTick }, {
|
|
|
81
82
|
handleClick: handleClick(api2),
|
|
82
83
|
scrollDown: scrollDown({ api: api2, state }),
|
|
83
84
|
handleScroll: handleScroll({ api: api2, vm, state }),
|
|
84
|
-
adjustCurrentSpinner: adjustCurrentSpinner({ api: api2, state })
|
|
85
|
+
adjustCurrentSpinner: adjustCurrentSpinner({ api: api2, state }),
|
|
86
|
+
selectDateScroll: selectDateScroll({ state, props })
|
|
85
87
|
});
|
|
86
88
|
watch(
|
|
87
89
|
() => props.date,
|
package/timeline-item/index.js
CHANGED
|
@@ -45,12 +45,24 @@ const computedItemCls = ({ props, api, state }) => () => {
|
|
|
45
45
|
} else {
|
|
46
46
|
itemClass.push("normal");
|
|
47
47
|
}
|
|
48
|
-
|
|
48
|
+
if (!props.node.type) {
|
|
49
|
+
itemClass.push(api.getStatusCls(props.node));
|
|
50
|
+
}
|
|
49
51
|
if (state.computedLineWidth) {
|
|
50
52
|
itemClass.push("no-flex");
|
|
51
53
|
}
|
|
52
54
|
return itemClass;
|
|
53
55
|
};
|
|
56
|
+
const computedIconClass = ({ props, api }) => () => {
|
|
57
|
+
let iconClass = ["icon", { "step-icon": api.rootProps.textPosition === "right" }];
|
|
58
|
+
const defaultIcons = ["success", "warning", "error"];
|
|
59
|
+
if (defaultIcons.includes(props.node[props.autoColorField])) {
|
|
60
|
+
iconClass.push(`icon-${props.node[props.autoColorField]}`);
|
|
61
|
+
} else if (props.node[props.autoColorField]) {
|
|
62
|
+
iconClass.push("icon-custom");
|
|
63
|
+
}
|
|
64
|
+
return iconClass;
|
|
65
|
+
};
|
|
54
66
|
const computedItemStyle = ({ props, state, api }) => () => {
|
|
55
67
|
const { index } = props.node;
|
|
56
68
|
const { computedSpace, nodesLength } = state;
|
|
@@ -68,6 +80,7 @@ const computedItemStyle = ({ props, state, api }) => () => {
|
|
|
68
80
|
};
|
|
69
81
|
export {
|
|
70
82
|
computedCurrent,
|
|
83
|
+
computedIconClass,
|
|
71
84
|
computedIsReverse,
|
|
72
85
|
computedItemCls,
|
|
73
86
|
computedItemStyle,
|
package/timeline-item/vue.js
CHANGED
|
@@ -8,10 +8,11 @@ import {
|
|
|
8
8
|
computedCurrent,
|
|
9
9
|
computedIsReverse,
|
|
10
10
|
computedWidth,
|
|
11
|
-
computedItemStyle
|
|
11
|
+
computedItemStyle,
|
|
12
|
+
computedIconClass
|
|
12
13
|
} from "./index";
|
|
13
14
|
const api = ["state", "handleClick", "getStatusCls", "getStatus", "getDate", "rootProps"];
|
|
14
|
-
const renderless = (props, { computed, reactive, inject }, { t, emit, constants
|
|
15
|
+
const renderless = (props, { computed, reactive, inject }, { t, emit, constants }) => {
|
|
15
16
|
const api2 = {};
|
|
16
17
|
const { timelineItems, nodes, props: rootProps } = inject("nodesInject");
|
|
17
18
|
timelineItems.push(props.node);
|
|
@@ -22,7 +23,8 @@ const renderless = (props, { computed, reactive, inject }, { t, emit, constants,
|
|
|
22
23
|
computedSpace: computed(() => api2.computedWidth(props.space || api2.rootProps.space)),
|
|
23
24
|
computedItemCls: computed(() => api2.computedItemCls()),
|
|
24
25
|
computedItemStyle: computed(() => api2.computedItemStyle()),
|
|
25
|
-
computedLineWidth: computed(() => api2.computedWidth(props.lineWidth || api2.rootProps.lineWidth))
|
|
26
|
+
computedLineWidth: computed(() => api2.computedWidth(props.lineWidth || api2.rootProps.lineWidth)),
|
|
27
|
+
iconClass: computed(() => api2.computedIconClass())
|
|
26
28
|
});
|
|
27
29
|
Object.assign(api2, {
|
|
28
30
|
state,
|
|
@@ -35,7 +37,8 @@ const renderless = (props, { computed, reactive, inject }, { t, emit, constants,
|
|
|
35
37
|
computedWidth: computedWidth(),
|
|
36
38
|
getStatus: getStatus({ state, t }),
|
|
37
39
|
handleClick: handleClick({ emit, state }),
|
|
38
|
-
getStatusCls: getStatusCls({ constants, state })
|
|
40
|
+
getStatusCls: getStatusCls({ constants, state }),
|
|
41
|
+
computedIconClass: computedIconClass({ props, api: api2 })
|
|
39
42
|
});
|
|
40
43
|
return api2;
|
|
41
44
|
};
|
package/tree/index.js
CHANGED
|
@@ -333,11 +333,15 @@ const setCheckedNodes = ({ props, state }) => (nodes, leafOnly) => {
|
|
|
333
333
|
}
|
|
334
334
|
state.store.setCheckedNodes(nodes, leafOnly);
|
|
335
335
|
};
|
|
336
|
-
const setCheckedKeys = ({ props, state }) => (keys, leafOnly) => {
|
|
336
|
+
const setCheckedKeys = ({ props, state, api }) => (keys, leafOnly) => {
|
|
337
337
|
if (!props.nodeKey) {
|
|
338
338
|
throw new Error("[Tree] nodeKey is required in setCheckedKeys");
|
|
339
339
|
}
|
|
340
|
-
|
|
340
|
+
if (props.showRadio) {
|
|
341
|
+
api.setCurrentRadio(keys);
|
|
342
|
+
} else {
|
|
343
|
+
state.store.setCheckedKeys(keys, leafOnly);
|
|
344
|
+
}
|
|
341
345
|
};
|
|
342
346
|
const setChecked = (state) => (data, checked, deep) => {
|
|
343
347
|
state.store.setChecked(data, checked, deep);
|
|
@@ -451,7 +455,7 @@ const init = ({ state, nodeKey, checkedKey }) => {
|
|
|
451
455
|
}
|
|
452
456
|
}
|
|
453
457
|
};
|
|
454
|
-
const setCurrentRadio = ({ props, state }) => () => {
|
|
458
|
+
const setCurrentRadio = ({ props, state }) => (paramCheckedKey) => {
|
|
455
459
|
if (!props.showRadio) {
|
|
456
460
|
return;
|
|
457
461
|
}
|
|
@@ -459,7 +463,7 @@ const setCurrentRadio = ({ props, state }) => () => {
|
|
|
459
463
|
throw new Error("[Tree] nodeKey is required in setCurrentRadio");
|
|
460
464
|
}
|
|
461
465
|
const nodeKey = props.nodeKey;
|
|
462
|
-
const defaultCheckedKeys = props.defaultCheckedKeys || [];
|
|
466
|
+
const defaultCheckedKeys = props.defaultCheckedKeys || paramCheckedKey || [];
|
|
463
467
|
const checkedKey = defaultCheckedKeys.length ? defaultCheckedKeys[0] : null;
|
|
464
468
|
if (!checkedKey) {
|
|
465
469
|
return;
|
package/tree/vue.js
CHANGED
|
@@ -164,7 +164,7 @@ const initState = ({ reactive, emitter, props, computed, api: api2 }) => {
|
|
|
164
164
|
});
|
|
165
165
|
return state;
|
|
166
166
|
};
|
|
167
|
-
const initApi = ({ state, dispatch, broadcast, props, vm, constants, t, emit }) => ({
|
|
167
|
+
const initApi = ({ state, dispatch, broadcast, props, vm, constants, t, emit, api: api2 }) => ({
|
|
168
168
|
state,
|
|
169
169
|
dispatch,
|
|
170
170
|
broadcast,
|
|
@@ -184,7 +184,7 @@ const initApi = ({ state, dispatch, broadcast, props, vm, constants, t, emit })
|
|
|
184
184
|
getCheckedKeys: getCheckedKeys(state),
|
|
185
185
|
getCurrentNode: getCurrentNode(state),
|
|
186
186
|
setCheckedNodes: setCheckedNodes({ props, state }),
|
|
187
|
-
setCheckedKeys: setCheckedKeys({ props, state }),
|
|
187
|
+
setCheckedKeys: setCheckedKeys({ props, state, api: api2 }),
|
|
188
188
|
setChecked: setChecked(state),
|
|
189
189
|
getHalfCheckedNodes: getHalfCheckedNodes(state),
|
|
190
190
|
getHalfCheckedKeys: getHalfCheckedKeys(state),
|
|
@@ -239,7 +239,7 @@ const renderless = (props, { computed, onMounted, onUpdated, reactive, watch, pr
|
|
|
239
239
|
const api2 = {};
|
|
240
240
|
const state = initState({ reactive, emitter, props, computed, api: api2 });
|
|
241
241
|
provide("parentEmitter", state.emitter);
|
|
242
|
-
Object.assign(api2, initApi({ state, dispatch, broadcast, props, vm, constants, t, emit }), {
|
|
242
|
+
Object.assign(api2, initApi({ state, dispatch, broadcast, props, vm, constants, t, emit, api: api2 }), {
|
|
243
243
|
closeMenu: closeMenu(state),
|
|
244
244
|
mounted: mounted({ api: api2, vm }),
|
|
245
245
|
created: created({ api: api2, props, state }),
|
package/tree-node/index.js
CHANGED
|
@@ -47,7 +47,7 @@ const handleSelectChange = ({ props, state }) => (checked, indeterminate) => {
|
|
|
47
47
|
state.oldChecked = checked;
|
|
48
48
|
state.indeterminate = indeterminate;
|
|
49
49
|
};
|
|
50
|
-
const handleClick = ({ api, vm, props, state }) => (e
|
|
50
|
+
const handleClick = ({ api, vm, props, state }) => (e) => {
|
|
51
51
|
const store = state.tree.state.store;
|
|
52
52
|
state.tree.clearCurrentStore(props.node);
|
|
53
53
|
if (!state.tree.onlyCheckChildren) {
|
|
@@ -58,7 +58,7 @@ const handleClick = ({ api, vm, props, state }) => (e, trigger) => {
|
|
|
58
58
|
state.tree.$emit("current-change", store.currentNode ? store.currentNode.data : null, store.currentNode);
|
|
59
59
|
}
|
|
60
60
|
state.tree.currentNode = vm;
|
|
61
|
-
if (state.tree.checkOnClickNode && !props.node.disabled
|
|
61
|
+
if (state.tree.checkOnClickNode && !props.node.disabled) {
|
|
62
62
|
e.target.checked = !props.node.checked;
|
|
63
63
|
api.handleCheckChange(null, e);
|
|
64
64
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ExtractPropTypes, ComponentPublicInstance } from 'vue';
|
|
2
2
|
import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
@@ -17,14 +17,10 @@ declare const actionMenuProps: {
|
|
|
17
17
|
type: ArrayConstructor;
|
|
18
18
|
default: () => never[];
|
|
19
19
|
};
|
|
20
|
-
maxShowNum:
|
|
21
|
-
type: NumberConstructor;
|
|
22
|
-
default: number;
|
|
23
|
-
};
|
|
20
|
+
maxShowNum: NumberConstructor;
|
|
24
21
|
moreText: StringConstructor;
|
|
25
22
|
spacing: {
|
|
26
23
|
type: (StringConstructor | NumberConstructor)[];
|
|
27
|
-
default: string;
|
|
28
24
|
};
|
|
29
25
|
textField: {
|
|
30
26
|
type: StringConstructor;
|
|
@@ -47,6 +43,10 @@ declare const actionMenuProps: {
|
|
|
47
43
|
type: BooleanConstructor;
|
|
48
44
|
default: boolean;
|
|
49
45
|
};
|
|
46
|
+
mode: {
|
|
47
|
+
type: StringConstructor;
|
|
48
|
+
default: string;
|
|
49
|
+
};
|
|
50
50
|
tiny_mode: StringConstructor;
|
|
51
51
|
tiny_mode_root: BooleanConstructor;
|
|
52
52
|
tiny_template: (FunctionConstructor | ObjectConstructor)[];
|
|
@@ -55,6 +55,26 @@ declare const actionMenuProps: {
|
|
|
55
55
|
tiny_chart_theme: ObjectConstructor;
|
|
56
56
|
};
|
|
57
57
|
|
|
58
|
+
/**
|
|
59
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
60
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
61
|
+
*
|
|
62
|
+
* Use of this source code is governed by an MIT-style license.
|
|
63
|
+
*
|
|
64
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
65
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
66
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
67
|
+
*
|
|
68
|
+
*/
|
|
69
|
+
|
|
70
|
+
declare const computedMaxShowNum: ({ props, state }: Pick<IActionMenuRenderlessParams, 'props' | 'state'>) => () => number;
|
|
71
|
+
declare const computedSpacing: ({ props, state }: Pick<IActionMenuRenderlessParams, 'props' | 'state'>) => () => string;
|
|
72
|
+
declare const computedMoreText: ({ props, state, t }: any) => () => string;
|
|
73
|
+
declare const computedSuffixIcon: ({ props, state }: Pick<IActionMenuRenderlessParams, 'props' | 'state'>) => () => string | Object;
|
|
74
|
+
declare const handleMoreClick: (emit: IActionMenuRenderlessParams['emit']) => () => void;
|
|
75
|
+
declare const handleItemClick: (emit: IActionMenuRenderlessParams['emit']) => (data: IActionMenuItemData) => void;
|
|
76
|
+
declare const visibleChange: (emit: IActionMenuRenderlessParams['emit']) => (status: boolean) => void;
|
|
77
|
+
|
|
58
78
|
/**
|
|
59
79
|
* Copyright (c) 2022 - present TinyVue Authors.
|
|
60
80
|
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
@@ -68,9 +88,13 @@ declare const actionMenuProps: {
|
|
|
68
88
|
*/
|
|
69
89
|
|
|
70
90
|
interface IActionMenuState {
|
|
71
|
-
visibleOptions:
|
|
72
|
-
moreOptions:
|
|
73
|
-
|
|
91
|
+
visibleOptions: object;
|
|
92
|
+
moreOptions: object;
|
|
93
|
+
isCardMode: boolean;
|
|
94
|
+
spacing: string | number;
|
|
95
|
+
maxShowNum: number;
|
|
96
|
+
moreText: string;
|
|
97
|
+
suffixIcon: string | Object;
|
|
74
98
|
}
|
|
75
99
|
type IActionMenuProps = ExtractPropTypes<typeof actionMenuProps>;
|
|
76
100
|
type IActionMenuRenderlessParams = ISharedRenderlessFunctionParams<null> & {
|
|
@@ -83,9 +107,13 @@ interface IActionMenuItemData {
|
|
|
83
107
|
disabled: boolean;
|
|
84
108
|
}
|
|
85
109
|
interface IActionMenuApi {
|
|
86
|
-
handleMoreClick:
|
|
87
|
-
handleItemClick:
|
|
88
|
-
visibleChange:
|
|
110
|
+
handleMoreClick: ReturnType<typeof handleMoreClick>;
|
|
111
|
+
handleItemClick: ReturnType<typeof handleItemClick>;
|
|
112
|
+
visibleChange: ReturnType<typeof visibleChange>;
|
|
113
|
+
computedMaxShowNum: ReturnType<typeof computedMaxShowNum>;
|
|
114
|
+
computedSpacing: ReturnType<typeof computedSpacing>;
|
|
115
|
+
computedMoreText: ReturnType<typeof computedMoreText>;
|
|
116
|
+
computedSuffixIcon: ReturnType<typeof computedSuffixIcon>;
|
|
89
117
|
state: IActionMenuState;
|
|
90
118
|
}
|
|
91
119
|
type IActionMenuRenderlessParamUtils = ISharedRenderlessParamUtils<null>;
|
|
@@ -6,7 +6,7 @@ declare const actionSheetProps: {
|
|
|
6
6
|
type: ArrayConstructor;
|
|
7
7
|
default: () => never[];
|
|
8
8
|
};
|
|
9
|
-
modelValue: (
|
|
9
|
+
modelValue: (StringConstructor | ArrayConstructor | NumberConstructor)[];
|
|
10
10
|
beforeClose: FunctionConstructor;
|
|
11
11
|
visible: {
|
|
12
12
|
type: BooleanConstructor;
|
|
@@ -45,7 +45,7 @@ declare const actionSheetProps: {
|
|
|
45
45
|
type: BooleanConstructor;
|
|
46
46
|
default: () => boolean;
|
|
47
47
|
};
|
|
48
|
-
customClass: (
|
|
48
|
+
customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
|
|
49
49
|
contentClass: StringConstructor;
|
|
50
50
|
type: {
|
|
51
51
|
type: StringConstructor;
|
package/types/alert.type.d.ts
CHANGED
|
@@ -76,7 +76,7 @@ declare const alertProps: {
|
|
|
76
76
|
type: BooleanConstructor;
|
|
77
77
|
default: boolean;
|
|
78
78
|
};
|
|
79
|
-
customClass: (
|
|
79
|
+
customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
|
|
80
80
|
offset: {
|
|
81
81
|
type: (StringConstructor | NumberConstructor)[];
|
|
82
82
|
default: number;
|
package/types/checkbox.type.d.ts
CHANGED
|
@@ -20,10 +20,10 @@ declare const checkboxProps: {
|
|
|
20
20
|
};
|
|
21
21
|
};
|
|
22
22
|
modelValue: {
|
|
23
|
-
type: (
|
|
23
|
+
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
24
24
|
};
|
|
25
25
|
label: {
|
|
26
|
-
type: (
|
|
26
|
+
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
27
27
|
default: string;
|
|
28
28
|
};
|
|
29
29
|
indeterminate: BooleanConstructor;
|
|
@@ -40,7 +40,7 @@ declare const checkboxProps: {
|
|
|
40
40
|
border: BooleanConstructor;
|
|
41
41
|
size: StringConstructor;
|
|
42
42
|
text: StringConstructor;
|
|
43
|
-
customClass: (
|
|
43
|
+
customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
|
|
44
44
|
validateEvent: {
|
|
45
45
|
type: BooleanConstructor;
|
|
46
46
|
default: boolean;
|
package/types/collapse.type.d.ts
CHANGED
|
@@ -24,7 +24,7 @@ declare const collapseProps: {
|
|
|
24
24
|
accordion: BooleanConstructor;
|
|
25
25
|
beforeClose: FunctionConstructor;
|
|
26
26
|
modelValue: {
|
|
27
|
-
type: (
|
|
27
|
+
type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
|
|
28
28
|
default: () => never[];
|
|
29
29
|
};
|
|
30
30
|
tiny_mode: StringConstructor;
|
|
@@ -62,6 +62,18 @@ declare const DATEPICKER: {
|
|
|
62
62
|
center: string;
|
|
63
63
|
right: string;
|
|
64
64
|
};
|
|
65
|
+
QuarterMap: {
|
|
66
|
+
0: number;
|
|
67
|
+
1: number;
|
|
68
|
+
2: number;
|
|
69
|
+
3: number;
|
|
70
|
+
};
|
|
71
|
+
MonthQuarterMap: {
|
|
72
|
+
0: number;
|
|
73
|
+
3: number;
|
|
74
|
+
6: number;
|
|
75
|
+
9: number;
|
|
76
|
+
};
|
|
65
77
|
TriggerTypes: string[];
|
|
66
78
|
DateFormats: {
|
|
67
79
|
year: string;
|
|
@@ -79,6 +91,7 @@ declare const DATEPICKER: {
|
|
|
79
91
|
};
|
|
80
92
|
Time: string;
|
|
81
93
|
TimeRange: string;
|
|
94
|
+
Quarter: string;
|
|
82
95
|
IconTime: string;
|
|
83
96
|
IconDate: string;
|
|
84
97
|
DateRange: string;
|
|
@@ -162,7 +162,7 @@ declare const handleCancel: ({ api, emit }: Pick<IDialogBoxRenderlessParams, 'ap
|
|
|
162
162
|
declare const updatePopper: ({ api, constants }: Pick<IDialogBoxRenderlessParams, 'api' | 'constants'>) => () => void;
|
|
163
163
|
declare const afterEnter: (emit: IDialogBoxRenderlessParams['emit']) => () => void;
|
|
164
164
|
declare const afterLeave: (emit: IDialogBoxRenderlessParams['emit']) => () => void;
|
|
165
|
-
declare const handleDrag: ({ parent, props, state, emit }: Pick<IDialogBoxRenderlessParams, 'parent' | 'props' | 'state' | 'emit'>) => (event: MouseEvent) => void;
|
|
165
|
+
declare const handleDrag: ({ parent, props, state, emit, vm }: Pick<IDialogBoxRenderlessParams, 'parent' | 'props' | 'state' | 'emit' | 'vm'>) => (event: MouseEvent) => void;
|
|
166
166
|
declare const showScrollbar: (lockScrollClass: string) => () => void;
|
|
167
167
|
declare const hideScrollbar: (lockScrollClass: string) => () => void;
|
|
168
168
|
|
package/types/drawer.type.d.ts
CHANGED
|
@@ -13,7 +13,7 @@ declare const drawerProps: {
|
|
|
13
13
|
type: BooleanConstructor;
|
|
14
14
|
default: boolean;
|
|
15
15
|
};
|
|
16
|
-
customClass: (
|
|
16
|
+
customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
|
|
17
17
|
placement: {
|
|
18
18
|
type: StringConstructor;
|
|
19
19
|
default: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import 'vue';
|
|
2
|
-
export { k as IDropdownItemApi, i as IDropdownItemConstants, q as IDropdownItemMfDataStore, p as IDropdownItemOptionStyle, h as IDropdownItemProps, m as IDropdownItemRenderlessParamUtils, l as IDropdownItemRenderlessParams, j as IDropdownItemState, n as IDropdownItemStyle, o as IDropdownItemTag, g as IDropdownItemVm } from './dropdown-item.type-
|
|
2
|
+
export { k as IDropdownItemApi, i as IDropdownItemConstants, q as IDropdownItemMfDataStore, p as IDropdownItemOptionStyle, h as IDropdownItemProps, m as IDropdownItemRenderlessParamUtils, l as IDropdownItemRenderlessParams, j as IDropdownItemState, n as IDropdownItemStyle, o as IDropdownItemTag, g as IDropdownItemVm } from './dropdown-item.type-678794c9.js';
|
|
3
3
|
import './shared.type.js';
|
|
4
4
|
import './dropdown.type.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import 'vue';
|
|
2
|
-
export { b as IDropdownMenuApi, e as IDropdownMenuPopperParams, I as IDropdownMenuProps, d as IDropdownMenuRenderlessParamUtils, c as IDropdownMenuRenderlessParams, a as IDropdownMenuState, f as IDropdownMenuVm } from './dropdown-item.type-
|
|
2
|
+
export { b as IDropdownMenuApi, e as IDropdownMenuPopperParams, I as IDropdownMenuProps, d as IDropdownMenuRenderlessParamUtils, c as IDropdownMenuRenderlessParams, a as IDropdownMenuState, f as IDropdownMenuVm } from './dropdown-item.type-678794c9.js';
|
|
3
3
|
import './shared.type.js';
|
|
4
4
|
import './dropdown.type.js';
|
|
@@ -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-f34997c8.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-8e30b25c.js';
|
|
3
3
|
import './shared.type.js';
|
|
@@ -138,7 +138,7 @@ declare const formItemProps: {
|
|
|
138
138
|
type: BooleanConstructor;
|
|
139
139
|
default: undefined;
|
|
140
140
|
};
|
|
141
|
-
rules: (
|
|
141
|
+
rules: (ObjectConstructor | ArrayConstructor)[];
|
|
142
142
|
showMessage: {
|
|
143
143
|
type: BooleanConstructor;
|
|
144
144
|
default: boolean;
|
|
@@ -159,6 +159,7 @@ declare const formItemProps: {
|
|
|
159
159
|
type: BooleanConstructor;
|
|
160
160
|
default: boolean;
|
|
161
161
|
};
|
|
162
|
+
extra: StringConstructor;
|
|
162
163
|
tiny_mode: StringConstructor;
|
|
163
164
|
tiny_mode_root: BooleanConstructor;
|
|
164
165
|
tiny_template: (FunctionConstructor | ObjectConstructor)[];
|
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-8e30b25c.js';
|
|
3
3
|
import './shared.type.js';
|
package/types/image.type.d.ts
CHANGED
|
@@ -59,6 +59,10 @@ declare const imageProps: {
|
|
|
59
59
|
type: NumberConstructor;
|
|
60
60
|
default: number;
|
|
61
61
|
};
|
|
62
|
+
keepStyle: {
|
|
63
|
+
type: BooleanConstructor;
|
|
64
|
+
default: boolean;
|
|
65
|
+
};
|
|
62
66
|
tiny_mode: StringConstructor;
|
|
63
67
|
tiny_mode_root: BooleanConstructor;
|
|
64
68
|
tiny_template: (FunctionConstructor | ObjectConstructor)[];
|