@opentiny/vue-renderless 3.20.3 → 3.21.1
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/badge/vue.js +1 -1
- package/base-select/index.js +3 -0
- package/bulletin-board/index.js +1 -1
- package/button/index.js +1 -1
- package/cascader/index.js +10 -8
- package/cascader-panel/vue.js +1 -1
- package/cascader-select/column-index.js +3 -0
- package/chart-core/deps/utils.js +1 -1
- package/chart-core/index.js +1 -1
- package/common/browser.js +2 -0
- package/common/deps/eSpaceCtrl.js +3 -2
- package/common/deps/fastdom/singleton.js +9 -1
- package/common/deps/fullscreen/screenfull.js +54 -25
- package/common/deps/popper.js +18 -18
- package/common/deps/touch-emulator.js +15 -10
- package/common/deps/upload-ajax.js +1 -1
- package/common/index.js +2 -2
- package/common/runtime.js +1 -1
- package/common/string.js +5 -2
- package/common/validate/util.js +1 -1
- package/dialog-box/index.js +6 -3
- package/divider/index.js +47 -0
- package/divider/vue.js +24 -3
- package/dropdown/index.js +44 -26
- package/dropdown/vue.js +17 -8
- package/espace/index.js +1 -1
- package/fall-menu/index.js +1 -1
- package/file-upload/index.js +71 -67
- package/file-upload/vue.js +6 -6
- package/floatbar/index.js +1 -1
- package/fluent-editor/index.js +25 -9
- package/form/vue.js +1 -1
- package/grid/plugins/export.js +1 -1
- package/guide/index.js +1 -1
- package/image/index.js +1 -1
- package/image-viewer/index.js +3 -2
- package/input/vue.js +3 -0
- package/link/vue.js +1 -1
- package/locales/index.js +1 -1
- package/logout/index.js +1 -1
- package/menu/index.js +1 -1
- package/milestone/index.js +2 -1
- package/modal/index.js +0 -1
- package/nav-menu/index.js +80 -11
- package/nav-menu/vue.js +13 -1
- package/package.json +2 -2
- package/picker/index.js +10 -0
- package/rich-text/index.js +1 -1
- package/rich-text/module/file-upload.js +1 -1
- package/rich-text/module/image-upload.js +1 -1
- package/rich-text-editor/vue.js +11 -10
- package/roles/index.js +1 -1
- package/select/index.js +27 -17
- package/select/vue.js +33 -5
- package/select-dropdown/vue.js +2 -1
- package/split/index.js +2 -1
- package/statistic/index.js +5 -2
- package/tabbar-item/vue.js +1 -1
- package/tabs-mf/wheel.js +14 -9
- package/time-panel/index.js +8 -1
- package/time-panel/vue.js +2 -0
- package/time-spinner/index.js +2 -1
- package/toggle-menu/index.js +1 -1
- package/transfer/index.js +1 -5
- package/tree-menu/index.js +5 -1
- package/tree-menu/vue.js +5 -2
- package/types/alert.type.d.ts +4 -0
- package/types/dialog-box.type.d.ts +10 -0
- package/types/divider.type.d.ts +94 -0
- package/types/dropdown.type.d.ts +9 -1
- package/types/file-upload.type.d.ts +1 -1
- package/types/float-button.type.d.ts +2 -2
- package/types/form-item.type.d.ts +1 -1
- package/types/{form.type-f6fb4c38.d.ts → form.type-4e0ec0a1.d.ts} +2 -1
- package/types/form.type.d.ts +1 -1
- package/types/image.type.d.ts +1 -1
- package/types/nav-menu.type.d.ts +1 -0
- package/types/statistic.type.d.ts +2 -5
- package/types/tree-menu.type.d.ts +19 -0
- package/types/upload-dragger.type.d.ts +2 -2
- package/types/{upload-list.type-6189e4c9.d.ts → upload-list.type-eaf82b7a.d.ts} +4 -8
- package/types/upload-list.type.d.ts +1 -1
- package/types/upload.type.d.ts +1 -1
- package/types/user-contact.type.d.ts +1 -1
- package/upload-dragger/index.js +49 -24
- package/upload-dragger/vue.js +1 -0
- package/upload-list/index.js +1 -1
- package/upload-list/vue.js +2 -1
- package/user/index.js +1 -1
- package/user-contact/index.js +1 -1
- package/year-table/index.js +2 -2
- package/common/xss.js +0 -191
package/select/vue.js
CHANGED
|
@@ -118,6 +118,7 @@ import {
|
|
|
118
118
|
import debounce from "../common/deps/debounce";
|
|
119
119
|
import { isNumber } from "../common/type";
|
|
120
120
|
import { useUserAgent } from "../common/deps/useUserAgent";
|
|
121
|
+
import { isBrowser } from "../common/browser";
|
|
121
122
|
const api = [
|
|
122
123
|
"state",
|
|
123
124
|
"nodeCollapse",
|
|
@@ -206,7 +207,7 @@ const initState = ({ reactive, computed, props, api: api2, emitter, parent, cons
|
|
|
206
207
|
optionsAllDisabled: computed(() => api2.computedOptionsAllDisabled()),
|
|
207
208
|
collapseTagSize: computed(() => api2.computedCollapseTagSize()),
|
|
208
209
|
showNewOption: computed(() => api2.computedShowNewOption()),
|
|
209
|
-
selectSize: computed(() => props.size || state.formItemSize),
|
|
210
|
+
selectSize: computed(() => isBrowser ? props.size || state.formItemSize : 0),
|
|
210
211
|
optimizeOpts: computed(() => api2.computeOptimizeOpts()),
|
|
211
212
|
optimizeStore: { valueIndex: 0, recycleScrollerHeight: computed(() => api2.recycleScrollerHeight()) },
|
|
212
213
|
collapseTags: computed(() => api2.computeCollapseTags()),
|
|
@@ -225,9 +226,33 @@ const initState = ({ reactive, computed, props, api: api2, emitter, parent, cons
|
|
|
225
226
|
selectedVal: computed(
|
|
226
227
|
() => state.device === "mb" && props.multiple && state.visible ? state.selectedCopy : state.selected
|
|
227
228
|
),
|
|
228
|
-
displayOnlyContent: computed(
|
|
229
|
-
(
|
|
230
|
-
|
|
229
|
+
displayOnlyContent: computed(() => {
|
|
230
|
+
if (props.multiple) {
|
|
231
|
+
if (Array.isArray(state.selected)) {
|
|
232
|
+
if (state.isDisplayOnly && props.options && props.options.length > 0) {
|
|
233
|
+
return state.selected.map((item) => {
|
|
234
|
+
const find = props.options.find((opt) => opt[props.valueField] === item.value);
|
|
235
|
+
return find ? find[props.textField] : "";
|
|
236
|
+
}).join("; ");
|
|
237
|
+
} else {
|
|
238
|
+
return state.selected.map((item) => item.state ? item.state.currentLabel : item.currentLabel).join("; ");
|
|
239
|
+
}
|
|
240
|
+
} else {
|
|
241
|
+
return "";
|
|
242
|
+
}
|
|
243
|
+
} else {
|
|
244
|
+
if (state.selected) {
|
|
245
|
+
if (state.isDisplayOnly && props.options && props.options.length > 0) {
|
|
246
|
+
const find = props.options.find((opt) => opt[props.valueField] === state.selected.value);
|
|
247
|
+
return find ? find[props.textField] : "";
|
|
248
|
+
} else {
|
|
249
|
+
return (state.selected.state ? state.selected.state.currentLabel : state.selected.currentLabel || state.selected.label) || "";
|
|
250
|
+
}
|
|
251
|
+
} else {
|
|
252
|
+
return "";
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
}),
|
|
231
256
|
breakpoint: useBreakpoint ? useBreakpoint().current : "",
|
|
232
257
|
isSaaSTheme: vm.theme === "saas",
|
|
233
258
|
disabledOptionHover: false,
|
|
@@ -307,8 +332,11 @@ const initStateAdd = ({ computed, props, api: api2, parent }) => {
|
|
|
307
332
|
showCollapseTag: false,
|
|
308
333
|
exceedMaxVisibleRow: false,
|
|
309
334
|
// 是否超出默认最大显示行数
|
|
310
|
-
toHideIndex: Infinity
|
|
335
|
+
toHideIndex: Infinity,
|
|
311
336
|
// 第一个超出被隐藏的索引
|
|
337
|
+
willFocusRun: false,
|
|
338
|
+
// 进入focus时,延时等一下看是否触发blur,触发则不进入focus
|
|
339
|
+
willFocusTimer: 0
|
|
312
340
|
};
|
|
313
341
|
};
|
|
314
342
|
const initApi = ({
|
package/select-dropdown/vue.js
CHANGED
|
@@ -13,6 +13,7 @@ import {
|
|
|
13
13
|
import userPopper from "../common/deps/vue-popper";
|
|
14
14
|
import PopupManager from "../common/deps/popup-manager";
|
|
15
15
|
import debounce from "../common/deps/debounce";
|
|
16
|
+
import { isBrowser } from "../common/browser";
|
|
16
17
|
const api = [
|
|
17
18
|
"state",
|
|
18
19
|
"doDestroy",
|
|
@@ -75,7 +76,7 @@ const initApi = ({ api: api2, popper, state, selectEmitter, constants, selectVm,
|
|
|
75
76
|
};
|
|
76
77
|
const initWatch = ({ watch, selectVm, state, nextTick }) => {
|
|
77
78
|
watch(
|
|
78
|
-
() => selectVm.state.inputWidth,
|
|
79
|
+
() => isBrowser ? selectVm.state.inputWidth : void 0,
|
|
79
80
|
(val) => {
|
|
80
81
|
nextTick(() => {
|
|
81
82
|
state.minWidth = (selectVm && selectVm.$el && selectVm.$el.getBoundingClientRect().width || val) + "px";
|
package/split/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import "../chunk-G2ADBYYC.js";
|
|
2
|
+
import { isBrowser } from "../common/browser";
|
|
2
3
|
const px2percent = ({ numerator, denominator }) => parseFloat(numerator) / parseFloat(denominator);
|
|
3
4
|
const getComputedThresholdValue = ({ api, props, vm, state }) => (type) => {
|
|
4
5
|
const size = vm.$refs.outerWrapper[state.offsetSize];
|
|
@@ -100,7 +101,7 @@ const buttonRightBottomClick = ({ emit, props, state }) => () => {
|
|
|
100
101
|
};
|
|
101
102
|
const computeOffset = ({ api, nextTick, props, vm, state }) => () => {
|
|
102
103
|
setTimeout(() => {
|
|
103
|
-
if (state) {
|
|
104
|
+
if (state && isBrowser) {
|
|
104
105
|
state.totalPane = vm.$refs.outerWrapper[state.offsetSize];
|
|
105
106
|
state.leftTopPane = state.totalPane * (state.offset / 100);
|
|
106
107
|
}
|
package/statistic/index.js
CHANGED
|
@@ -11,9 +11,12 @@ const getIntegerAndDecimal = ({ props }) => () => {
|
|
|
11
11
|
if (!isNumber(props.value)) {
|
|
12
12
|
return props.value;
|
|
13
13
|
}
|
|
14
|
-
let displayValue =
|
|
14
|
+
let displayValue = String(props.value).split(".");
|
|
15
15
|
let integer = (_a = displayValue[0]) == null ? void 0 : _a.replace(/\B(?=(\d{3})+(?!\d))/g, props.groupSeparator);
|
|
16
|
-
let decimal = (_b = displayValue[1]) == null ? void 0 : _b.padEnd(props.precision, "0")
|
|
16
|
+
let decimal = (_b = displayValue[1]) == null ? void 0 : _b.padEnd(props.precision, "0");
|
|
17
|
+
if (props.precision >= 0) {
|
|
18
|
+
decimal = decimal == null ? void 0 : decimal.slice(0, props.precision > 0 ? props.precision : 0);
|
|
19
|
+
}
|
|
17
20
|
if (!displayValue) {
|
|
18
21
|
integer = "0";
|
|
19
22
|
}
|
package/tabbar-item/vue.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "../chunk-G2ADBYYC.js";
|
|
2
2
|
import { getRouteActive, onClick, bindChildren, routeTab, getTabbarItemsWidth } from "./index";
|
|
3
|
-
import { xss } from "
|
|
3
|
+
import { xss } from "@opentiny/utils";
|
|
4
4
|
const api = ["state", "onClick", "getTabbarItemsWidth"];
|
|
5
5
|
const renderless = (props, { computed, onMounted, reactive, inject }, { parent, emit, nextTick, route, router, dispatch, vm }) => {
|
|
6
6
|
const api2 = {};
|
package/tabs-mf/wheel.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import "../chunk-G2ADBYYC.js";
|
|
2
|
+
import { isBrowser } from "../common/browser";
|
|
2
3
|
const getAddWheelListener = (window, document) => {
|
|
3
4
|
const { addApiName, removeApiName, prefix } = detectEventModel(window);
|
|
4
5
|
const support = detectAvailableWheelEvent(document);
|
|
@@ -14,22 +15,26 @@ const getAddWheelListener = (window, document) => {
|
|
|
14
15
|
};
|
|
15
16
|
};
|
|
16
17
|
const detectEventModel = (window) => {
|
|
17
|
-
const flag = window.addEventListener;
|
|
18
|
+
const flag = isBrowser ? window.addEventListener : null;
|
|
18
19
|
const addApiName = flag ? "addEventListener" : "attachEvent";
|
|
19
20
|
const removeApiName = flag ? "removeEventListener" : "detachEvent";
|
|
20
21
|
const prefix = flag ? "" : "on";
|
|
21
22
|
return { addApiName, removeApiName, prefix };
|
|
22
23
|
};
|
|
23
24
|
const detectAvailableWheelEvent = (document) => {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
25
|
+
if (!isBrowser)
|
|
26
|
+
return null;
|
|
27
|
+
else {
|
|
28
|
+
let support;
|
|
29
|
+
if ("onwheel" in document.createElement("div")) {
|
|
30
|
+
support = "wheel";
|
|
31
|
+
} else if (document.onmousewheel !== void 0) {
|
|
32
|
+
support = "mousewheel";
|
|
33
|
+
} else {
|
|
34
|
+
support = "DOMMouseScroll";
|
|
35
|
+
}
|
|
36
|
+
return support;
|
|
31
37
|
}
|
|
32
|
-
return support;
|
|
33
38
|
};
|
|
34
39
|
const elemCbMap = /* @__PURE__ */ new WeakMap();
|
|
35
40
|
const getWheelListener = ({ addApiName, removeApiName, prefix, support, window }) => ({
|
package/time-panel/index.js
CHANGED
|
@@ -66,7 +66,14 @@ const computItems = ({ api, state }) => () => {
|
|
|
66
66
|
current = api.nextTime(current, step);
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
|
-
|
|
69
|
+
if (state.isFilter) {
|
|
70
|
+
const newItems = result.filter((item) => {
|
|
71
|
+
return item.value.includes(state.filterVal);
|
|
72
|
+
});
|
|
73
|
+
return newItems;
|
|
74
|
+
} else {
|
|
75
|
+
return result;
|
|
76
|
+
}
|
|
70
77
|
};
|
|
71
78
|
const handleClick = (api) => (item) => !item.disabled && api.emitPick({ value: item.value });
|
|
72
79
|
const handleClear = ({ api, state }) => () => {
|
package/time-panel/vue.js
CHANGED
|
@@ -33,6 +33,8 @@ const initState = ({ reactive, computed, api: api2 }) => {
|
|
|
33
33
|
maxTime: "",
|
|
34
34
|
width: 0,
|
|
35
35
|
lastEmitValue: "",
|
|
36
|
+
isFilter: false,
|
|
37
|
+
filterVal: "",
|
|
36
38
|
items: computed(() => api2.computItems()),
|
|
37
39
|
default: computed(() => state.defaultValue || state.defaultTime || ""),
|
|
38
40
|
value: computed({
|
package/time-spinner/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import "../chunk-G2ADBYYC.js";
|
|
2
2
|
import { modifyTime } from "../common/deps/date-util";
|
|
3
3
|
import { DATEPICKER } from "../common";
|
|
4
|
+
import { isBrowser } from "../common/browser";
|
|
4
5
|
const getArrowHourList = (state) => () => {
|
|
5
6
|
const hours = state.hours;
|
|
6
7
|
const step = state.step.hours;
|
|
@@ -142,7 +143,7 @@ const adjustCurrentSpinner = ({ api, state }) => (type) => {
|
|
|
142
143
|
api.adjustSpinner(type, state[type]);
|
|
143
144
|
};
|
|
144
145
|
const adjustSpinner = ({ api, props, vm, state }) => (type, value) => {
|
|
145
|
-
if (props.arrowControl) {
|
|
146
|
+
if (props.arrowControl || !isBrowser) {
|
|
146
147
|
return;
|
|
147
148
|
}
|
|
148
149
|
const el = vm.$refs[type].$refs.wrap;
|
package/toggle-menu/index.js
CHANGED
package/transfer/index.js
CHANGED
|
@@ -105,11 +105,7 @@ const addToRight = ({
|
|
|
105
105
|
const itemsToBeMoved = [];
|
|
106
106
|
const key = props.props.key;
|
|
107
107
|
if (props.render && props.render.plugin.name === Tree) {
|
|
108
|
-
|
|
109
|
-
currentValue = refs.leftPanel.$refs.plugin.getCheckedKeys();
|
|
110
|
-
} else {
|
|
111
|
-
state.leftChecked.forEach((item) => !currentValue.includes(item) && currentValue.push(item));
|
|
112
|
-
}
|
|
108
|
+
state.leftChecked.forEach((item) => !currentValue.includes(item) && currentValue.push(item));
|
|
113
109
|
} else {
|
|
114
110
|
if (value === "all") {
|
|
115
111
|
state.leftData.forEach((item) => {
|
package/tree-menu/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
__spreadValues
|
|
3
3
|
} from "../chunk-G2ADBYYC.js";
|
|
4
|
-
import { xss } from "
|
|
4
|
+
import { xss } from "@opentiny/utils";
|
|
5
5
|
const initData = ({ state, props, service, api }) => async () => {
|
|
6
6
|
if (props.data) {
|
|
7
7
|
state.data = props.data;
|
|
@@ -12,6 +12,9 @@ const initData = ({ state, props, service, api }) => async () => {
|
|
|
12
12
|
state.data = api.setMenuKey({ newData: [], menuData });
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
+
const getTree = ({ vm }) => () => {
|
|
16
|
+
return vm.$refs.tree;
|
|
17
|
+
};
|
|
15
18
|
const setMenuKey = (api) => ({ newData, menuData }) => {
|
|
16
19
|
Array.isArray(menuData) && menuData.forEach((data) => {
|
|
17
20
|
const item = {};
|
|
@@ -149,6 +152,7 @@ export {
|
|
|
149
152
|
getCurrentKey,
|
|
150
153
|
getCurrentNode,
|
|
151
154
|
getTitle,
|
|
155
|
+
getTree,
|
|
152
156
|
handleToggleMenu,
|
|
153
157
|
initData,
|
|
154
158
|
nodeClick,
|
package/tree-menu/vue.js
CHANGED
|
@@ -24,7 +24,8 @@ import {
|
|
|
24
24
|
setCurrentNode,
|
|
25
25
|
getCurrentNode,
|
|
26
26
|
handleToggleMenu,
|
|
27
|
-
computedTreeStyle
|
|
27
|
+
computedTreeStyle,
|
|
28
|
+
getTree
|
|
28
29
|
} from "./index";
|
|
29
30
|
const api = [
|
|
30
31
|
"state",
|
|
@@ -51,7 +52,8 @@ const api = [
|
|
|
51
52
|
"getCurrentKey",
|
|
52
53
|
"setCurrentNode",
|
|
53
54
|
"getCurrentNode",
|
|
54
|
-
"handleToggleMenu"
|
|
55
|
+
"handleToggleMenu",
|
|
56
|
+
"getTree"
|
|
55
57
|
];
|
|
56
58
|
const renderless = (props, { computed, watch, reactive, onMounted }, { t, service, emit, vm }) => {
|
|
57
59
|
service = service || { base: {} };
|
|
@@ -96,6 +98,7 @@ const renderless = (props, { computed, watch, reactive, onMounted }, { t, servic
|
|
|
96
98
|
getCurrentKey: getCurrentKey({ vm }),
|
|
97
99
|
setCurrentNode: setCurrentNode({ vm }),
|
|
98
100
|
getCurrentNode: getCurrentNode({ vm }),
|
|
101
|
+
getTree: getTree({ vm }),
|
|
99
102
|
handleToggleMenu: handleToggleMenu({ state, vm }),
|
|
100
103
|
computedTreeStyle: computedTreeStyle({ props })
|
|
101
104
|
});
|
package/types/alert.type.d.ts
CHANGED
|
@@ -20,6 +20,7 @@ declare const $constants: {
|
|
|
20
20
|
DIALOG_BOX_CLASS: string;
|
|
21
21
|
PC_SCROLL_LOCK_CLASS: string;
|
|
22
22
|
MOBILE_SCROLL_LOCK_CLASS: string;
|
|
23
|
+
DIALOG_BOX_DATA_TAG: string;
|
|
23
24
|
Mode: string;
|
|
24
25
|
SCROLL_LOCK_CLASS(mode: any): any;
|
|
25
26
|
};
|
|
@@ -34,6 +35,7 @@ declare const dialogBoxProps: {
|
|
|
34
35
|
DIALOG_BOX_CLASS: string;
|
|
35
36
|
PC_SCROLL_LOCK_CLASS: string;
|
|
36
37
|
MOBILE_SCROLL_LOCK_CLASS: string;
|
|
38
|
+
DIALOG_BOX_DATA_TAG: string;
|
|
37
39
|
Mode: string;
|
|
38
40
|
SCROLL_LOCK_CLASS(mode: any): any;
|
|
39
41
|
};
|
|
@@ -128,6 +130,14 @@ declare const dialogBoxProps: {
|
|
|
128
130
|
type: StringConstructor;
|
|
129
131
|
default: string;
|
|
130
132
|
};
|
|
133
|
+
noAnimation: {
|
|
134
|
+
type: BooleanConstructor;
|
|
135
|
+
default: boolean;
|
|
136
|
+
};
|
|
137
|
+
customStyle: {
|
|
138
|
+
type: ObjectConstructor;
|
|
139
|
+
default: () => {};
|
|
140
|
+
};
|
|
131
141
|
tiny_mode: StringConstructor;
|
|
132
142
|
tiny_mode_root: BooleanConstructor;
|
|
133
143
|
tiny_template: (FunctionConstructor | ObjectConstructor)[];
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { ExtractPropTypes } from 'vue';
|
|
2
|
+
import { PropType } from '@opentiny/vue-common';
|
|
3
|
+
import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.js';
|
|
4
|
+
|
|
5
|
+
type DirectionType = 'horizontal' | 'vertical';
|
|
6
|
+
type BorderStyleType = 'dashed' | 'solid' | 'dotted';
|
|
7
|
+
type ContentPositionType = 'left' | 'right' | 'center';
|
|
8
|
+
declare const dividerProps: {
|
|
9
|
+
_constants: {
|
|
10
|
+
type: ObjectConstructor;
|
|
11
|
+
default: () => {};
|
|
12
|
+
};
|
|
13
|
+
direction: {
|
|
14
|
+
type: PropType<DirectionType>;
|
|
15
|
+
default: string;
|
|
16
|
+
};
|
|
17
|
+
color: {
|
|
18
|
+
type: StringConstructor;
|
|
19
|
+
default: string;
|
|
20
|
+
};
|
|
21
|
+
borderStyle: {
|
|
22
|
+
type: PropType<BorderStyleType>;
|
|
23
|
+
default: string;
|
|
24
|
+
};
|
|
25
|
+
contentPosition: {
|
|
26
|
+
type: PropType<ContentPositionType>;
|
|
27
|
+
default: string;
|
|
28
|
+
};
|
|
29
|
+
contentColor: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
default: string;
|
|
32
|
+
};
|
|
33
|
+
contentBackgroundColor: {
|
|
34
|
+
type: StringConstructor;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
fontSize: {
|
|
38
|
+
type: StringConstructor;
|
|
39
|
+
default: () => string;
|
|
40
|
+
};
|
|
41
|
+
margin: StringConstructor;
|
|
42
|
+
offset: StringConstructor;
|
|
43
|
+
height: StringConstructor;
|
|
44
|
+
status: {
|
|
45
|
+
type: StringConstructor;
|
|
46
|
+
values: string[];
|
|
47
|
+
default: () => string;
|
|
48
|
+
};
|
|
49
|
+
tiny_mode: StringConstructor;
|
|
50
|
+
tiny_mode_root: BooleanConstructor;
|
|
51
|
+
tiny_template: (FunctionConstructor | ObjectConstructor)[];
|
|
52
|
+
tiny_renderless: FunctionConstructor;
|
|
53
|
+
tiny_theme: StringConstructor;
|
|
54
|
+
tiny_chart_theme: ObjectConstructor;
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
declare const computedRootStyle: ({ state, props }: Pick<IDividerRenderlessParams, 'state' | 'props'>) => () => IDividerStyle;
|
|
58
|
+
declare const computedLineStyle: ({ props }: Pick<IDividerRenderlessParams, 'props'>) => () => IDividerStyle;
|
|
59
|
+
declare const computedTextStyle: ({ props }: Pick<IDividerRenderlessParams, 'props'>) => () => IDividerStyle;
|
|
60
|
+
declare const setDividerHeight: ({ state, props, vm, nextTick }: Pick<IDividerRenderlessParams, 'state' | 'props' | 'vm' | 'nextTick'>) => () => void;
|
|
61
|
+
|
|
62
|
+
interface IDividerState {
|
|
63
|
+
height: string;
|
|
64
|
+
margin: string;
|
|
65
|
+
lineStyle: IDividerStyle;
|
|
66
|
+
textStyle: IDividerStyle;
|
|
67
|
+
rootStyle: IDividerStyle;
|
|
68
|
+
}
|
|
69
|
+
type IDividerProps = ExtractPropTypes<typeof dividerProps>;
|
|
70
|
+
interface IDividerApi {
|
|
71
|
+
state: IDividerState;
|
|
72
|
+
computedLineStyle: ReturnType<typeof computedLineStyle>;
|
|
73
|
+
computedTextStyle: ReturnType<typeof computedTextStyle>;
|
|
74
|
+
computedRootStyle: ReturnType<typeof computedRootStyle>;
|
|
75
|
+
setDividerHeight: ReturnType<typeof setDividerHeight>;
|
|
76
|
+
}
|
|
77
|
+
type IDividerRenderlessParams = ISharedRenderlessFunctionParams<never> & {
|
|
78
|
+
api: IDividerApi;
|
|
79
|
+
state: IDividerState;
|
|
80
|
+
props: IDividerProps;
|
|
81
|
+
};
|
|
82
|
+
type IDividerRenderlessParamUtils = ISharedRenderlessParamUtils<never>;
|
|
83
|
+
interface IDividerStyle {
|
|
84
|
+
margin?: string | number;
|
|
85
|
+
height?: string | number;
|
|
86
|
+
fontSize?: string | number;
|
|
87
|
+
right?: string | number;
|
|
88
|
+
left?: string | number;
|
|
89
|
+
borderLeftStyle?: string | number;
|
|
90
|
+
borderTopStyle?: string | number;
|
|
91
|
+
borderTopColor?: string | number;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
export { IDividerApi, IDividerProps, IDividerRenderlessParamUtils, IDividerRenderlessParams, IDividerState, IDividerStyle };
|
package/types/dropdown.type.d.ts
CHANGED
|
@@ -3,6 +3,10 @@ import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './
|
|
|
3
3
|
|
|
4
4
|
declare const dropdownProps: {
|
|
5
5
|
modelValue: (StringConstructor | NumberConstructor)[];
|
|
6
|
+
visible: {
|
|
7
|
+
type: BooleanConstructor;
|
|
8
|
+
default: undefined;
|
|
9
|
+
};
|
|
6
10
|
type: StringConstructor;
|
|
7
11
|
trigger: StringConstructor;
|
|
8
12
|
size: {
|
|
@@ -97,7 +101,7 @@ interface IDropdownState {
|
|
|
97
101
|
visible: boolean;
|
|
98
102
|
timeout: null | NodeJS.Timeout;
|
|
99
103
|
focusing: false;
|
|
100
|
-
menuItems: NodeListOf<HTMLElement> | undefined | null;
|
|
104
|
+
menuItems: NodeListOf<HTMLElement> | undefined | null | [];
|
|
101
105
|
menuItemsArray: HTMLElement[] | null;
|
|
102
106
|
triggerElm: HTMLElement | null;
|
|
103
107
|
dropdownElm: HTMLElement | null;
|
|
@@ -105,6 +109,8 @@ interface IDropdownState {
|
|
|
105
109
|
showIcon: boolean;
|
|
106
110
|
showSelfIcon: boolean;
|
|
107
111
|
designConfig: IDropdownRenderlessParamUtils['designConfig'];
|
|
112
|
+
trigger: 'click' | 'hover';
|
|
113
|
+
visibleIsBoolean: boolean;
|
|
108
114
|
}
|
|
109
115
|
interface IDropdownApi {
|
|
110
116
|
state: IDropdownState;
|
|
@@ -126,6 +132,8 @@ interface IDropdownApi {
|
|
|
126
132
|
initDomOperation: () => void;
|
|
127
133
|
beforeDistory: () => void;
|
|
128
134
|
clickOutside: () => void;
|
|
135
|
+
toggleFocusOnTrue: () => void;
|
|
136
|
+
toggleFocusOnFalse: () => void;
|
|
129
137
|
}
|
|
130
138
|
type IDropdownRenderlessParams = ISharedRenderlessFunctionParams<null> & {
|
|
131
139
|
state: IDropdownState;
|
|
@@ -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-eaf82b7a.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-4e0ec0a1.js';
|
|
3
3
|
import './shared.type.js';
|
|
@@ -21,7 +21,8 @@ declare const formProps: {
|
|
|
21
21
|
size: StringConstructor;
|
|
22
22
|
disabled: BooleanConstructor;
|
|
23
23
|
validateOnRuleChange: {
|
|
24
|
-
type: BooleanConstructor;
|
|
24
|
+
type: (StringConstructor | BooleanConstructor)[];
|
|
25
|
+
validator: (value: string | boolean) => boolean;
|
|
25
26
|
default: boolean;
|
|
26
27
|
};
|
|
27
28
|
hideRequiredAsterisk: {
|
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-4e0ec0a1.js';
|
|
3
3
|
import './shared.type.js';
|
package/types/image.type.d.ts
CHANGED
package/types/nav-menu.type.d.ts
CHANGED
|
@@ -11,13 +11,10 @@ declare const statisticProps: {
|
|
|
11
11
|
PREFIX: string;
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
|
-
precision:
|
|
15
|
-
type: NumberConstructor;
|
|
16
|
-
default: number;
|
|
17
|
-
};
|
|
14
|
+
precision: NumberConstructor;
|
|
18
15
|
formatter: FunctionConstructor;
|
|
19
16
|
value: {
|
|
20
|
-
type: NumberConstructor;
|
|
17
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
21
18
|
default: number;
|
|
22
19
|
};
|
|
23
20
|
prefix: StringConstructor;
|
|
@@ -66,6 +66,10 @@ declare const treeMenuProps: {
|
|
|
66
66
|
type: BooleanConstructor;
|
|
67
67
|
default: boolean;
|
|
68
68
|
};
|
|
69
|
+
showExpand: {
|
|
70
|
+
type: BooleanConstructor;
|
|
71
|
+
default: boolean;
|
|
72
|
+
};
|
|
69
73
|
collapsible: {
|
|
70
74
|
type: BooleanConstructor;
|
|
71
75
|
default: boolean;
|
|
@@ -121,6 +125,9 @@ declare const initData: ({ state, props, service, api }: {
|
|
|
121
125
|
service: any;
|
|
122
126
|
api: ITreeMenuApi;
|
|
123
127
|
}) => () => Promise<void>;
|
|
128
|
+
declare const getTree: ({ vm }: {
|
|
129
|
+
vm: any;
|
|
130
|
+
}) => () => any;
|
|
124
131
|
declare const setMenuKey: (api: ITreeMenuApi) => ({ newData, menuData }: {
|
|
125
132
|
newData: ITreeMenuNewData[];
|
|
126
133
|
menuData: ITreeMenuData[];
|
|
@@ -172,6 +179,15 @@ declare const setCurrentNode: ({ vm }: {
|
|
|
172
179
|
declare const getCurrentNode: ({ vm }: {
|
|
173
180
|
vm: any;
|
|
174
181
|
}) => () => any;
|
|
182
|
+
declare const handleToggleMenu: ({ state, vm }: {
|
|
183
|
+
state: any;
|
|
184
|
+
vm: any;
|
|
185
|
+
}) => (type: any) => void;
|
|
186
|
+
declare const computedTreeStyle: ({ props }: {
|
|
187
|
+
props: any;
|
|
188
|
+
}) => () => {
|
|
189
|
+
height: string;
|
|
190
|
+
};
|
|
175
191
|
|
|
176
192
|
interface ITreeMenuState {
|
|
177
193
|
data?: unknown[];
|
|
@@ -197,6 +213,7 @@ interface ITreeMenuApi {
|
|
|
197
213
|
currentChange: ReturnType<typeof currentChange>;
|
|
198
214
|
watchFilterText: ReturnType<typeof watchFilterText>;
|
|
199
215
|
getTitle: ReturnType<typeof getTitle>;
|
|
216
|
+
getTree: ReturnType<typeof getTree>;
|
|
200
217
|
setMenuKey: ReturnType<typeof setMenuKey>;
|
|
201
218
|
initData: ReturnType<typeof initData>;
|
|
202
219
|
collapseChange: ReturnType<typeof collapseChange>;
|
|
@@ -206,6 +223,8 @@ interface ITreeMenuApi {
|
|
|
206
223
|
getCurrentKey: ReturnType<typeof getCurrentKey>;
|
|
207
224
|
setCurrentNode: ReturnType<typeof setCurrentNode>;
|
|
208
225
|
getCurrentNode: ReturnType<typeof getCurrentNode>;
|
|
226
|
+
handleToggleMenu: ReturnType<typeof handleToggleMenu>;
|
|
227
|
+
computedTreeStyle: ReturnType<typeof computedTreeStyle>;
|
|
209
228
|
}
|
|
210
229
|
interface ITreeMenuData {
|
|
211
230
|
name: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ExtractPropTypes } from 'vue';
|
|
2
2
|
import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.js';
|
|
3
|
-
import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-
|
|
3
|
+
import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-eaf82b7a.js';
|
|
4
4
|
|
|
5
5
|
declare const UploadDraggerProps: {
|
|
6
6
|
disabled: BooleanConstructor;
|
|
@@ -26,7 +26,7 @@ declare const UploadDraggerProps: {
|
|
|
26
26
|
*/
|
|
27
27
|
|
|
28
28
|
declare const onDragOver: ({ props, state }: Pick<IUploadDraggerRenderlessParams, 'props' | 'state'>) => () => boolean;
|
|
29
|
-
declare const onDrop: ({ emit, props, state }: Pick<IUploadDraggerRenderlessParams, 'emit' | 'props' | 'state'>) => (event:
|
|
29
|
+
declare const onDrop: ({ emit, props, state }: Pick<IUploadDraggerRenderlessParams, 'emit' | 'props' | 'state'>) => (event: any) => Promise<void>;
|
|
30
30
|
declare const watchDragover: ({ state, constants }: Pick<IUploadDraggerRenderlessParams, 'state' | 'constants'>) => () => void;
|
|
31
31
|
|
|
32
32
|
interface IUploadDraggerState {
|
|
@@ -410,11 +410,8 @@ declare const beforeUpload: ({ props, api, Modal, constants, t, state }: Pick<IF
|
|
|
410
410
|
declare const startUpload: ({ state, constants, vm, Modal, api, t }: Pick<IFileUploadRenderlessParams, 'state' | 'constants' | 'vm' | 'api' | 't'> & IFileUploadModalVm) => (file: IFileUploadFile, isList: boolean) => void;
|
|
411
411
|
declare const properFileSize: ({ props, state, api, constants, Modal, t }: Pick<IFileUploadRenderlessParams, 'props' | 'state' | 'constants' | 'api' | 't'> & IFileUploadModalVm) => (file: IFileUploadFile) => boolean;
|
|
412
412
|
declare const addFileToList: ({ api, constants, emit, props, state, mode }: Pick<IFileUploadRenderlessParams, 'api' | 'constants' | 'emit' | 'props' | 'state' | 'mode'>) => (rawFile: IFileUploadFile, updateId: string, reUpload: boolean) => void;
|
|
413
|
-
declare const getFileHash: ({ emit, Modal, constants, t,
|
|
414
|
-
CryptoJS: object;
|
|
415
|
-
}) => ({ file, chunkSize, showTips }: {
|
|
413
|
+
declare const getFileHash: ({ emit, Modal, constants, t, state }: Pick<IFileUploadRenderlessParams, 'emit' | 'constants' | 't' | 'state'> & IFileUploadModalVm) => ({ file, showTips }: {
|
|
416
414
|
file: IFileUploadFile;
|
|
417
|
-
chunkSize: number;
|
|
418
415
|
showTips: boolean;
|
|
419
416
|
}) => Promise<unknown>;
|
|
420
417
|
declare const handleStart: ({ api, constants, props, state, vm }: Pick<IFileUploadRenderlessParams, 'api' | 'constants' | 'props' | 'state' | 'vm'>) => (rawFiles: IFileUploadFile[], updateId: string, reUpload?: boolean) => void;
|
|
@@ -482,8 +479,9 @@ declare const downloadFileSingleInner: ({ props, state, api, constants }: {
|
|
|
482
479
|
file: any;
|
|
483
480
|
isBatch: any;
|
|
484
481
|
}) => void;
|
|
485
|
-
declare const getDownloadFileInfo: ({ api, state, props, service }: Pick<IFileUploadRenderlessParams, 'api' | 'state' | 'props' | 'service'>) => ({ docId }: {
|
|
482
|
+
declare const getDownloadFileInfo: ({ api, state, props, service }: Pick<IFileUploadRenderlessParams, 'api' | 'state' | 'props' | 'service'>) => ({ docId, docVersion }: {
|
|
486
483
|
docId: string;
|
|
484
|
+
docVersion: string;
|
|
487
485
|
}) => any;
|
|
488
486
|
declare const largeDocumentDownload: ({ api, state }: Pick<IFileUploadRenderlessParams, 'api' | 'state'>) => ({ file, isBatch, isLessThan17G }: IFileUploadLargeDocumentDownload) => void;
|
|
489
487
|
declare const sliceDownloadChunk: ({ state }: Pick<IFileUploadRenderlessParams, 'state'>) => (file: IFileUploadFile) => IFileUploadSliceDownloadChunk[][];
|
|
@@ -496,9 +494,7 @@ declare const setWriterFile: ({ state, emit, Streamsaver }: Pick<IFileUploadRend
|
|
|
496
494
|
declare const getFormData$1: ({ constants, props, state }: Pick<IFileUploadRenderlessParams, 'constants' | 'props' | 'state'>) => ({ formData, file, type }: IFileUploadGetFormData) => IUploadFormData;
|
|
497
495
|
declare const largeDocumentUpload: ({ api, Modal, state, t, emit, constants }: Pick<IFileUploadRenderlessParams, 'api' | 'state' | 't' | 'emit' | 'constants'> & IFileUploadModalVm) => (file: IFileUploadFile) => void;
|
|
498
496
|
declare const segmentUploadInit: ({ api, props, service, state, constants }: Pick<IFileUploadRenderlessParams, 'api' | 'props' | 'service' | 'state' | 'constants'>) => (file: IFileUploadFile) => Promise<unknown>;
|
|
499
|
-
declare const segmentUpload: ({ api, props, service, state, emit, constants
|
|
500
|
-
CryptoJS: object;
|
|
501
|
-
}) => (batchIndex: number, file: IFileUploadFile, progress: {
|
|
497
|
+
declare const segmentUpload: ({ api, props, service, state, emit, constants }: Pick<IFileUploadRenderlessParams, 'api' | 'props' | 'service' | 'state' | 'emit' | 'constants'>) => (batchIndex: number, file: IFileUploadFile, progress: {
|
|
502
498
|
file: IFileUploadFile;
|
|
503
499
|
}) => void;
|
|
504
500
|
declare const batchSegmentUpload: ({ api, constants, props, vm, state }: Pick<IFileUploadRenderlessParams, 'api' | 'constants' | 'props' | 'vm' | 'state'>) => ({ docId, batchIndex, batches, progress }: IFileUploadBatchSegmentUpload) => void;
|