@sdata/web-vue 3.3.1 → 3.5.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/dist/sd.css +14 -5
- package/dist/sd.min.css +1 -1
- package/es/_components/select-view/select-view.d.ts +1 -1
- package/es/_components/select-view/style/index.css +1 -1
- package/es/_components/virtual-list/interface.d.ts +13 -6
- package/es/_components/virtual-list/style/index.scss +3 -1
- package/es/_components/virtual-list/virtual-list.vue.d.ts +31 -77
- package/es/_components/virtual-list/virtual-list.vue_vue_type_script_setup_true_lang.js +180 -503
- package/es/auto-complete/auto-complete.d.ts +1 -1
- package/es/auto-complete/auto-complete.js +3 -1
- package/es/auto-complete/index.d.ts +3 -3
- package/es/card/card.d.ts +3 -3
- package/es/card/index.d.ts +6 -6
- package/es/cascader/base-cascader-panel.d.ts +1 -1
- package/es/cascader/cascader-option.d.ts +1 -1
- package/es/cascader/cascader-option.js +8 -3
- package/es/cascader/cascader-panel.vue.d.ts +1 -1
- package/es/cascader/cascader-search-panel.d.ts +1 -1
- package/es/cascader/cascader.vue.d.ts +2 -2
- package/es/cascader/style/index.css +4 -1
- package/es/cascader/style/index.d.ts +1 -0
- package/es/cascader/style/index.scss +4 -1
- package/es/config-provider/config-provider.vue.d.ts +1 -1
- package/es/config-provider/index.d.ts +3 -3
- package/es/descriptions/descriptions.d.ts +2 -2
- package/es/descriptions/index.d.ts +6 -6
- package/es/drawer/drawer.vue.d.ts +2 -2
- package/es/drawer/index.d.ts +5 -5
- package/es/dropdown/dropdown-panel.vue.d.ts +1 -1
- package/es/ellipsis/ellipsis.vue.d.ts +1 -1
- package/es/ellipsis/ellipsis.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/ellipsis/index.d.ts +6 -6
- package/es/ellipsis/performant-ellipsis.vue.d.ts +1 -1
- package/es/image/preview-group.vue.d.ts +1 -1
- package/es/index.css +14 -5
- package/es/input-tag/style/index.css +1 -1
- package/es/link/index.d.ts +6 -6
- package/es/link/link.vue.d.ts +2 -2
- package/es/list/list-item-meta.vue.d.ts +2 -2
- package/es/list/list-item-meta.vue_vue_type_script_setup_true_lang.js +10 -3
- package/es/list/style/index.css +5 -0
- package/es/list/style/index.d.ts +1 -0
- package/es/list/style/index.scss +6 -0
- package/es/menu/item.d.ts +1 -1
- package/es/modal/index.d.ts +5 -5
- package/es/modal/modal.vue.d.ts +2 -2
- package/es/progress/line.vue.d.ts +1 -1
- package/es/qr-code/index.d.ts +12 -12
- package/es/qr-code/qr-code.vue.d.ts +4 -4
- package/es/select/index.d.ts +5 -5
- package/es/select/select-dropdown.vue.d.ts +1 -1
- package/es/select/select.d.ts +2 -2
- package/es/select/select.js +4 -2
- package/es/select/style/index.d.ts +1 -0
- package/es/slider/index.d.ts +3 -3
- package/es/slider/slider.vue.d.ts +1 -1
- package/es/spin/index.d.ts +3 -3
- package/es/spin/spin.d.ts +1 -1
- package/es/statistic/index.d.ts +3 -3
- package/es/statistic/statistic.vue.d.ts +1 -1
- package/es/table/index.d.ts +13 -7
- package/es/table/style/index.css +4 -1
- package/es/table/style/index.scss +6 -1
- package/es/table/table-column.d.ts +1 -1
- package/es/table/table-td.d.ts +1 -1
- package/es/table/table.d.ts +3 -1
- package/es/table/table.js +66 -34
- package/es/tabs/index.d.ts +3 -3
- package/es/tabs/tabs.d.ts +1 -1
- package/es/tag/index.d.ts +6 -6
- package/es/tag/style/index.css +1 -1
- package/es/tag/style/index.scss +1 -1
- package/es/tag/tag.vue.d.ts +2 -2
- package/es/timeline/index.d.ts +6 -6
- package/es/timeline/timeline.d.ts +3 -3
- package/es/toolbar/style/index.css +0 -1
- package/es/toolbar/style/index.scss +0 -1
- package/es/toolbar/style/token.scss +0 -2
- package/es/tree/base-node.vue.d.ts +4 -8
- package/es/tree/base-node.vue_vue_type_script_setup_true_lang.js +14 -16
- package/es/tree/tree.vue.d.ts +2 -2
- package/es/tree-select/tree-select.vue.d.ts +4 -4
- package/es/typography/base.d.ts +1 -1
- package/es/watermark/index.d.ts +3 -3
- package/es/watermark/watermark.d.ts +1 -1
- package/json/web-types.json +1 -1
- package/package.json +3 -3
- package/es/_components/virtual-list/use-virtual-size.js +0 -94
- package/es/_components/virtual-list-v2/hooks/use-size.d.ts +0 -17
- package/es/_components/virtual-list-v2/hooks/use-size.js +0 -95
- package/es/_components/virtual-list-v2/index.d.ts +0 -2
- package/es/_components/virtual-list-v2/index.js +0 -5
- package/es/_components/virtual-list-v2/interface.d.ts +0 -44
- package/es/_components/virtual-list-v2/virtual-list-item.d.ts +0 -22
- package/es/_components/virtual-list-v2/virtual-list-item.js +0 -37
- package/es/_components/virtual-list-v2/virtual-list.js +0 -47
- package/es/_components/virtual-list-v2/virtual-list.vue.d.ts +0 -749
- package/es/_components/virtual-list-v2/virtual-list.vue_vue_type_script_lang.js +0 -179
- package/es/_virtual/_plugin-vue_export-helper.js +0 -8
|
@@ -1,179 +0,0 @@
|
|
|
1
|
-
import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
|
|
2
|
-
import { getPrefixCls } from "../../_utils/global-config.js";
|
|
3
|
-
import { isNumber, isObject } from "../../_utils/is.js";
|
|
4
|
-
import Scrollbar from "../../scrollbar/index.js";
|
|
5
|
-
import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectWithoutProperties.js";
|
|
6
|
-
import { useSize } from "./hooks/use-size.js";
|
|
7
|
-
import virtual_list_item_default from "./virtual-list-item.js";
|
|
8
|
-
import { computed, defineComponent, nextTick, ref, toRefs } from "vue";
|
|
9
|
-
//#region components/_components/virtual-list-v2/virtual-list.vue?vue&type=script&lang.ts
|
|
10
|
-
var _excluded = ["outerStyle"];
|
|
11
|
-
var virtual_list_vue_vue_type_script_lang_default = defineComponent({
|
|
12
|
-
name: "VirtualList",
|
|
13
|
-
components: {
|
|
14
|
-
Scrollbar,
|
|
15
|
-
VirtualListItem: virtual_list_item_default
|
|
16
|
-
},
|
|
17
|
-
props: {
|
|
18
|
-
height: {
|
|
19
|
-
type: [Number, String],
|
|
20
|
-
default: 200
|
|
21
|
-
},
|
|
22
|
-
data: {
|
|
23
|
-
type: Array,
|
|
24
|
-
default: () => []
|
|
25
|
-
},
|
|
26
|
-
threshold: {
|
|
27
|
-
type: Number,
|
|
28
|
-
default: 0
|
|
29
|
-
},
|
|
30
|
-
itemKey: {
|
|
31
|
-
type: String,
|
|
32
|
-
default: "key"
|
|
33
|
-
},
|
|
34
|
-
fixedSize: {
|
|
35
|
-
type: Boolean,
|
|
36
|
-
default: false
|
|
37
|
-
},
|
|
38
|
-
estimatedSize: {
|
|
39
|
-
type: Number,
|
|
40
|
-
default: 30
|
|
41
|
-
},
|
|
42
|
-
buffer: {
|
|
43
|
-
type: Number,
|
|
44
|
-
default: 10
|
|
45
|
-
},
|
|
46
|
-
component: {
|
|
47
|
-
type: [String, Object],
|
|
48
|
-
default: "div"
|
|
49
|
-
},
|
|
50
|
-
listAttrs: { type: Object },
|
|
51
|
-
contentAttrs: { type: Object },
|
|
52
|
-
paddingPosition: {
|
|
53
|
-
type: String,
|
|
54
|
-
default: "content"
|
|
55
|
-
},
|
|
56
|
-
scrollbar: {
|
|
57
|
-
type: [Boolean, Object],
|
|
58
|
-
default: false
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
emits: {
|
|
62
|
-
scroll: (ev) => true,
|
|
63
|
-
reachBottom: (ev) => true
|
|
64
|
-
},
|
|
65
|
-
setup(props, { emit }) {
|
|
66
|
-
const { data, itemKey, fixedSize, estimatedSize, buffer, height } = toRefs(props);
|
|
67
|
-
const prefixCls = getPrefixCls("virtual-list");
|
|
68
|
-
const mergedComponent = computed(() => {
|
|
69
|
-
if (isObject(props.component)) return _objectSpread2({
|
|
70
|
-
container: "div",
|
|
71
|
-
list: "div",
|
|
72
|
-
content: "div"
|
|
73
|
-
}, props.component);
|
|
74
|
-
return {
|
|
75
|
-
container: props.component,
|
|
76
|
-
list: "div",
|
|
77
|
-
content: "div"
|
|
78
|
-
};
|
|
79
|
-
});
|
|
80
|
-
const containerRef = ref();
|
|
81
|
-
const contentRef = ref();
|
|
82
|
-
const scrollbarEnabled = computed(() => props.scrollbar !== false);
|
|
83
|
-
const scrollbarProps = computed(() => isObject(props.scrollbar) ? props.scrollbar : {});
|
|
84
|
-
const containerComponent = computed(() => scrollbarEnabled.value ? Scrollbar : mergedComponent.value.container);
|
|
85
|
-
const style = computed(() => {
|
|
86
|
-
return {
|
|
87
|
-
height: isNumber(height.value) ? `${height.value}px` : height.value,
|
|
88
|
-
overflow: scrollbarEnabled.value ? "hidden" : "auto"
|
|
89
|
-
};
|
|
90
|
-
});
|
|
91
|
-
const containerProps = computed(() => {
|
|
92
|
-
if (!scrollbarEnabled.value) return {};
|
|
93
|
-
const _scrollbarProps$value = scrollbarProps.value, { outerStyle } = _scrollbarProps$value, rest = _objectWithoutProperties(_scrollbarProps$value, _excluded);
|
|
94
|
-
const heightStyle = { height: style.value.height };
|
|
95
|
-
return _objectSpread2(_objectSpread2({}, rest), {}, { outerStyle: Array.isArray(outerStyle) ? [heightStyle, ...outerStyle] : outerStyle ? [heightStyle, outerStyle] : heightStyle });
|
|
96
|
-
});
|
|
97
|
-
const getScrollElement = () => {
|
|
98
|
-
var _value$elements, _ref, _elements$scrollOffse;
|
|
99
|
-
const value = containerRef.value;
|
|
100
|
-
if (!value) return;
|
|
101
|
-
if (typeof value.scrollTop === "number") return value;
|
|
102
|
-
const elements = (_value$elements = value.elements) === null || _value$elements === void 0 ? void 0 : _value$elements.call(value);
|
|
103
|
-
return (_ref = (_elements$scrollOffse = elements === null || elements === void 0 ? void 0 : elements.scrollOffsetElement) !== null && _elements$scrollOffse !== void 0 ? _elements$scrollOffse : elements === null || elements === void 0 ? void 0 : elements.viewport) !== null && _ref !== void 0 ? _ref : value.$el;
|
|
104
|
-
};
|
|
105
|
-
const setContainerScrollTop = (top) => {
|
|
106
|
-
const value = containerRef.value;
|
|
107
|
-
if (value && typeof value.scrollTop === "function") {
|
|
108
|
-
value.scrollTop(top);
|
|
109
|
-
return;
|
|
110
|
-
}
|
|
111
|
-
const element = getScrollElement();
|
|
112
|
-
if (element) element.scrollTop = top;
|
|
113
|
-
};
|
|
114
|
-
const getContainerScrollTop = () => {
|
|
115
|
-
var _getScrollElement$scr, _getScrollElement;
|
|
116
|
-
return (_getScrollElement$scr = (_getScrollElement = getScrollElement()) === null || _getScrollElement === void 0 ? void 0 : _getScrollElement.scrollTop) !== null && _getScrollElement$scr !== void 0 ? _getScrollElement$scr : 0;
|
|
117
|
-
};
|
|
118
|
-
const dataKeys = computed(() => data.value.map((item, index) => {
|
|
119
|
-
var _item$itemKey$value;
|
|
120
|
-
return (_item$itemKey$value = item[itemKey.value]) !== null && _item$itemKey$value !== void 0 ? _item$itemKey$value : index;
|
|
121
|
-
}));
|
|
122
|
-
const { frontPadding, behindPadding, start, end, getStartByScroll, setItemSize, hasItemSize, setStart, getScrollOffset } = useSize({
|
|
123
|
-
dataKeys,
|
|
124
|
-
fixedSize,
|
|
125
|
-
estimatedSize,
|
|
126
|
-
buffer
|
|
127
|
-
});
|
|
128
|
-
const currentList = computed(() => {
|
|
129
|
-
if (props.threshold && data.value.length <= props.threshold) return data.value;
|
|
130
|
-
return data.value.slice(start.value, end.value);
|
|
131
|
-
});
|
|
132
|
-
const onScroll = (ev) => {
|
|
133
|
-
const { scrollTop, scrollHeight, offsetHeight } = ev.target;
|
|
134
|
-
const _start = getStartByScroll(scrollTop);
|
|
135
|
-
if (_start !== start.value) {
|
|
136
|
-
setStart(_start);
|
|
137
|
-
nextTick(() => {
|
|
138
|
-
scrollTo(scrollTop);
|
|
139
|
-
});
|
|
140
|
-
}
|
|
141
|
-
emit("scroll", ev);
|
|
142
|
-
if (Math.floor(scrollHeight - (scrollTop + offsetHeight)) <= 0) emit("reachBottom", ev);
|
|
143
|
-
};
|
|
144
|
-
const scrollTo = (options) => {
|
|
145
|
-
var _options$index, _options$key;
|
|
146
|
-
if (!containerRef.value) return;
|
|
147
|
-
if (isNumber(options)) {
|
|
148
|
-
setContainerScrollTop(options);
|
|
149
|
-
return;
|
|
150
|
-
}
|
|
151
|
-
const _index = (_options$index = options.index) !== null && _options$index !== void 0 ? _options$index : dataKeys.value.indexOf((_options$key = options.key) !== null && _options$key !== void 0 ? _options$key : "");
|
|
152
|
-
setStart(_index - buffer.value);
|
|
153
|
-
setContainerScrollTop(getScrollOffset(_index));
|
|
154
|
-
nextTick(() => {
|
|
155
|
-
const _scrollTop = getScrollOffset(_index);
|
|
156
|
-
if (_scrollTop !== getContainerScrollTop()) setContainerScrollTop(_scrollTop);
|
|
157
|
-
});
|
|
158
|
-
};
|
|
159
|
-
return {
|
|
160
|
-
prefixCls,
|
|
161
|
-
containerRef,
|
|
162
|
-
contentRef,
|
|
163
|
-
frontPadding,
|
|
164
|
-
currentList,
|
|
165
|
-
behindPadding,
|
|
166
|
-
onScroll,
|
|
167
|
-
setItemSize,
|
|
168
|
-
hasItemSize,
|
|
169
|
-
start,
|
|
170
|
-
scrollTo,
|
|
171
|
-
style,
|
|
172
|
-
containerProps,
|
|
173
|
-
containerComponent,
|
|
174
|
-
mergedComponent
|
|
175
|
-
};
|
|
176
|
-
}
|
|
177
|
-
});
|
|
178
|
-
//#endregion
|
|
179
|
-
export { virtual_list_vue_vue_type_script_lang_default as default };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
//#region \0plugin-vue:export-helper
|
|
2
|
-
var _plugin_vue_export_helper_default = (sfc, props) => {
|
|
3
|
-
const target = sfc.__vccOpts || sfc;
|
|
4
|
-
for (const [key, val] of props) target[key] = val;
|
|
5
|
-
return target;
|
|
6
|
-
};
|
|
7
|
-
//#endregion
|
|
8
|
-
export { _plugin_vue_export_helper_default as default };
|