@vuetify/nightly 3.6.0-alpha.2-dev.2024-04-29 → 3.6.1-dev.2024-05-01
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/CHANGELOG.md +2 -100
- package/dist/_component-variables-labs.sass +0 -2
- package/dist/_component-variables.sass +2 -0
- package/dist/json/attributes.json +61 -9
- package/dist/json/importMap-labs.json +30 -46
- package/dist/json/importMap.json +116 -96
- package/dist/json/tags.json +19 -1
- package/dist/json/web-types.json +906 -494
- package/dist/vuetify-labs.css +2122 -2065
- package/dist/vuetify-labs.d.ts +5250 -5026
- package/dist/vuetify-labs.esm.js +3962 -3756
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +3962 -3756
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +930 -722
- package/dist/vuetify.d.ts +3309 -968
- package/dist/vuetify.esm.js +1832 -908
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +1832 -908
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +624 -564
- package/dist/vuetify.min.js.map +1 -1
- package/lib/{labs → components}/VConfirmEdit/VConfirmEdit.mjs +1 -1
- package/lib/components/VConfirmEdit/VConfirmEdit.mjs.map +1 -0
- package/lib/components/VConfirmEdit/__test__/VConfirmEdit.spec.cy.mjs.map +1 -0
- package/lib/components/VConfirmEdit/index.mjs.map +1 -0
- package/lib/components/VDataIterator/index.d.mts +2 -0
- package/lib/components/VDataTable/VDataTable.css +35 -0
- package/lib/components/VDataTable/VDataTable.sass +34 -1
- package/lib/components/VDataTable/VDataTableFooter.css +5 -9
- package/lib/components/VDataTable/VDataTableFooter.sass +21 -21
- package/lib/components/VDataTable/VDataTableHeaders.mjs +66 -7
- package/lib/components/VDataTable/VDataTableHeaders.mjs.map +1 -1
- package/lib/components/VDataTable/VDataTableRow.mjs +45 -10
- package/lib/components/VDataTable/VDataTableRow.mjs.map +1 -1
- package/lib/components/VDataTable/VDataTableRows.mjs +8 -2
- package/lib/components/VDataTable/VDataTableRows.mjs.map +1 -1
- package/lib/components/VDataTable/_variables.scss +9 -4
- package/lib/components/VDataTable/index.d.mts +263 -217
- package/lib/components/VDataTable/types.mjs.map +1 -1
- package/lib/components/VDatePicker/VDatePicker.mjs +4 -4
- package/lib/components/VDatePicker/VDatePicker.mjs.map +1 -1
- package/lib/{labs → components}/VEmptyState/VEmptyState.mjs +4 -4
- package/lib/components/VEmptyState/VEmptyState.mjs.map +1 -0
- package/lib/components/VEmptyState/index.mjs.map +1 -0
- package/lib/{labs → components}/VFab/VFab.mjs +1 -1
- package/lib/components/VFab/VFab.mjs.map +1 -0
- package/lib/components/VFab/index.mjs.map +1 -0
- package/lib/components/VNavigationDrawer/VNavigationDrawer.css +1 -1
- package/lib/components/VNavigationDrawer/VNavigationDrawer.sass +1 -1
- package/lib/components/VSnackbar/VSnackbar.mjs +12 -5
- package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
- package/lib/components/VSparkline/VBarline.mjs.map +1 -0
- package/lib/components/VSparkline/VSparkline.mjs +44 -320
- package/lib/components/VSparkline/VSparkline.mjs.map +1 -1
- package/lib/components/VSparkline/VTrendline.mjs.map +1 -0
- package/lib/components/VSparkline/index.mjs +1 -3
- package/lib/components/VSparkline/index.mjs.map +1 -1
- package/lib/components/VSparkline/util/line.mjs.map +1 -0
- package/lib/components/VSparkline/util/path.mjs.map +1 -0
- package/lib/components/VSpeedDial/VSpeedDial.mjs +68 -85
- package/lib/components/VSpeedDial/VSpeedDial.mjs.map +1 -1
- package/lib/components/VSpeedDial/VSpeedDial.sass +20 -72
- package/lib/components/VSpeedDial/index.mjs +1 -3
- package/lib/components/VSpeedDial/index.mjs.map +1 -1
- package/lib/components/index.d.mts +3289 -954
- package/lib/components/index.mjs +6 -2
- package/lib/components/index.mjs.map +1 -1
- package/lib/composables/directiveComponent.mjs +1 -1
- package/lib/composables/directiveComponent.mjs.map +1 -1
- package/lib/entry-bundler.mjs +1 -1
- package/lib/entry-bundler.mjs.map +1 -1
- package/lib/framework.mjs +1 -1
- package/lib/framework.mjs.map +1 -1
- package/lib/index.d.mts +44 -43
- package/lib/labs/VDateInput/VDateInput.mjs +2 -2
- package/lib/labs/VDateInput/VDateInput.mjs.map +1 -1
- package/lib/labs/VDateInput/index.d.mts +14 -14
- package/lib/labs/VPullToRefresh/VPullToRefresh.css +27 -0
- package/lib/labs/VPullToRefresh/VPullToRefresh.mjs +117 -0
- package/lib/labs/VPullToRefresh/VPullToRefresh.mjs.map +1 -0
- package/lib/labs/VPullToRefresh/VPullToRefresh.sass +23 -0
- package/lib/labs/VPullToRefresh/index.d.mts +189 -0
- package/lib/labs/VPullToRefresh/index.mjs +2 -0
- package/lib/labs/VPullToRefresh/index.mjs.map +1 -0
- package/lib/labs/components.d.mts +1505 -3641
- package/lib/labs/components.mjs +1 -5
- package/lib/labs/components.mjs.map +1 -1
- package/lib/locale/ko.mjs +8 -8
- package/lib/locale/ko.mjs.map +1 -1
- package/package.json +1 -1
- package/lib/components/VSparkline/helpers/core.mjs +0 -49
- package/lib/components/VSparkline/helpers/core.mjs.map +0 -1
- package/lib/components/VSparkline/helpers/math.mjs +0 -34
- package/lib/components/VSparkline/helpers/math.mjs.map +0 -1
- package/lib/components/VSparkline/helpers/path.mjs +0 -27
- package/lib/components/VSparkline/helpers/path.mjs.map +0 -1
- package/lib/components/VSpeedDial/_variables.scss +0 -5
- package/lib/labs/VConfirmEdit/VConfirmEdit.mjs.map +0 -1
- package/lib/labs/VConfirmEdit/__test__/VConfirmEdit.spec.cy.mjs.map +0 -1
- package/lib/labs/VConfirmEdit/index.mjs.map +0 -1
- package/lib/labs/VEmptyState/VEmptyState.mjs.map +0 -1
- package/lib/labs/VEmptyState/index.mjs.map +0 -1
- package/lib/labs/VFab/VFab.mjs.map +0 -1
- package/lib/labs/VFab/index.mjs.map +0 -1
- package/lib/labs/VSparkline/VBarline.mjs.map +0 -1
- package/lib/labs/VSparkline/VSparkline.mjs +0 -49
- package/lib/labs/VSparkline/VSparkline.mjs.map +0 -1
- package/lib/labs/VSparkline/VTrendline.mjs.map +0 -1
- package/lib/labs/VSparkline/index.mjs +0 -2
- package/lib/labs/VSparkline/index.mjs.map +0 -1
- package/lib/labs/VSparkline/util/line.mjs.map +0 -1
- package/lib/labs/VSparkline/util/path.mjs.map +0 -1
- package/lib/labs/VSpeedDial/VSpeedDial.mjs +0 -77
- package/lib/labs/VSpeedDial/VSpeedDial.mjs.map +0 -1
- package/lib/labs/VSpeedDial/VSpeedDial.sass +0 -27
- package/lib/labs/VSpeedDial/index.mjs +0 -2
- package/lib/labs/VSpeedDial/index.mjs.map +0 -1
- /package/lib/{labs → components}/VConfirmEdit/__test__/VConfirmEdit.spec.cy.mjs +0 -0
- /package/lib/{labs → components}/VConfirmEdit/index.d.mts +0 -0
- /package/lib/{labs → components}/VConfirmEdit/index.mjs +0 -0
- /package/lib/{labs → components}/VEmptyState/VEmptyState.css +0 -0
- /package/lib/{labs → components}/VEmptyState/VEmptyState.sass +0 -0
- /package/lib/{labs → components}/VEmptyState/_variables.scss +0 -0
- /package/lib/{labs → components}/VEmptyState/index.d.mts +0 -0
- /package/lib/{labs → components}/VEmptyState/index.mjs +0 -0
- /package/lib/{labs → components}/VFab/VFab.css +0 -0
- /package/lib/{labs → components}/VFab/VFab.sass +0 -0
- /package/lib/{labs → components}/VFab/_mixins.scss +0 -0
- /package/lib/{labs → components}/VFab/_variables.scss +0 -0
- /package/lib/{labs → components}/VFab/index.d.mts +0 -0
- /package/lib/{labs → components}/VFab/index.mjs +0 -0
- /package/lib/{labs → components}/VSparkline/VBarline.mjs +0 -0
- /package/lib/{labs → components}/VSparkline/VTrendline.mjs +0 -0
- /package/lib/{labs → components}/VSparkline/index.d.mts +0 -0
- /package/lib/{labs → components}/VSparkline/util/line.mjs +0 -0
- /package/lib/{labs → components}/VSparkline/util/path.mjs +0 -0
- /package/lib/{labs → components}/VSpeedDial/VSpeedDial.css +0 -0
- /package/lib/{labs → components}/VSpeedDial/index.d.mts +0 -0
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { createVNode as _createVNode } from "vue";
|
|
2
|
+
// Styles
|
|
3
|
+
import "./VPullToRefresh.css";
|
|
4
|
+
|
|
5
|
+
// Components
|
|
6
|
+
import { VIcon } from "../../components/VIcon/index.mjs";
|
|
7
|
+
import { VProgressCircular } from "../../components/VProgressCircular/index.mjs"; // Utilities
|
|
8
|
+
import { computed, onMounted, ref, shallowRef, watch } from 'vue';
|
|
9
|
+
import { clamp, convertToUnit, genericComponent, getScrollParents, useRender } from "../../util/index.mjs";
|
|
10
|
+
export const VPullToRefresh = genericComponent()({
|
|
11
|
+
name: 'VPullToRefresh',
|
|
12
|
+
props: {
|
|
13
|
+
pullDownThreshold: {
|
|
14
|
+
type: Number,
|
|
15
|
+
default: 64
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
emits: {
|
|
19
|
+
load: options => true
|
|
20
|
+
},
|
|
21
|
+
setup(props, _ref) {
|
|
22
|
+
let {
|
|
23
|
+
slots,
|
|
24
|
+
emit
|
|
25
|
+
} = _ref;
|
|
26
|
+
let touchstartY = 0;
|
|
27
|
+
let scrollParents = [];
|
|
28
|
+
const touchDiff = shallowRef(0);
|
|
29
|
+
const containerRef = ref();
|
|
30
|
+
const refreshing = shallowRef(false);
|
|
31
|
+
const goingUp = shallowRef(false);
|
|
32
|
+
const touching = shallowRef(false);
|
|
33
|
+
const canRefresh = computed(() => touchDiff.value >= props.pullDownThreshold && !refreshing.value);
|
|
34
|
+
const topOffset = computed(() => clamp(touchDiff.value, 0, props.pullDownThreshold));
|
|
35
|
+
function onTouchstart(e) {
|
|
36
|
+
if (refreshing.value) return;
|
|
37
|
+
touching.value = true;
|
|
38
|
+
touchstartY = 'clientY' in e ? e.clientY : e.touches[0].clientY;
|
|
39
|
+
}
|
|
40
|
+
function onTouchmove(e) {
|
|
41
|
+
if (refreshing.value || !touching.value) return;
|
|
42
|
+
const touchY = 'clientY' in e ? e.clientY : e.touches[0].clientY;
|
|
43
|
+
if (scrollParents.length && !scrollParents[0].scrollTop) {
|
|
44
|
+
touchDiff.value = touchY - touchstartY;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
function onTouchend(e) {
|
|
48
|
+
if (refreshing.value) return;
|
|
49
|
+
touching.value = false;
|
|
50
|
+
if (canRefresh.value) {
|
|
51
|
+
function done() {
|
|
52
|
+
if (!refreshing.value) return;
|
|
53
|
+
touchDiff.value = 0;
|
|
54
|
+
refreshing.value = false;
|
|
55
|
+
}
|
|
56
|
+
emit('load', {
|
|
57
|
+
done
|
|
58
|
+
});
|
|
59
|
+
refreshing.value = true;
|
|
60
|
+
} else {
|
|
61
|
+
touchDiff.value = 0;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
onMounted(() => {
|
|
65
|
+
scrollParents = getScrollParents(containerRef.value);
|
|
66
|
+
});
|
|
67
|
+
watch([topOffset, refreshing], () => {
|
|
68
|
+
if (scrollParents.length) {
|
|
69
|
+
const stopScrolling = topOffset.value && !refreshing.value;
|
|
70
|
+
scrollParents.forEach(p => p.style.overflow = stopScrolling ? 'hidden' : 'auto');
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
watch(topOffset, (newVal, oldVal) => {
|
|
74
|
+
goingUp.value = newVal < oldVal;
|
|
75
|
+
});
|
|
76
|
+
useRender(() => {
|
|
77
|
+
return _createVNode("div", {
|
|
78
|
+
"class": ['v-pull-to-refresh'],
|
|
79
|
+
"onTouchstart": onTouchstart,
|
|
80
|
+
"onTouchmove": onTouchmove,
|
|
81
|
+
"onTouchend": onTouchend,
|
|
82
|
+
"onMousedown": onTouchstart,
|
|
83
|
+
"onMouseup": onTouchend,
|
|
84
|
+
"onMouseleave": onTouchend,
|
|
85
|
+
"onMousemove": onTouchmove,
|
|
86
|
+
"ref": containerRef
|
|
87
|
+
}, [_createVNode("div", {
|
|
88
|
+
"class": ['v-pull-to-refresh__pull-down', {
|
|
89
|
+
'v-pull-to-refresh__pull-down--touching': touching.value
|
|
90
|
+
}],
|
|
91
|
+
"style": {
|
|
92
|
+
top: convertToUnit(-1 * props.pullDownThreshold + topOffset.value),
|
|
93
|
+
height: convertToUnit(props.pullDownThreshold)
|
|
94
|
+
}
|
|
95
|
+
}, [slots.pullDownPanel ? slots.pullDownPanel({
|
|
96
|
+
canRefresh: canRefresh.value,
|
|
97
|
+
goingUp: goingUp.value,
|
|
98
|
+
refreshing: refreshing.value
|
|
99
|
+
}) : _createVNode("div", {
|
|
100
|
+
"class": ['v-pull-to-refresh__pull-down-default']
|
|
101
|
+
}, [refreshing.value ? _createVNode(VProgressCircular, {
|
|
102
|
+
"indeterminate": true,
|
|
103
|
+
"active": false
|
|
104
|
+
}, null) : _createVNode(VIcon, {
|
|
105
|
+
"icon": canRefresh.value || goingUp.value ? '$sortAsc' : '$sortDesc'
|
|
106
|
+
}, null)])]), _createVNode("div", {
|
|
107
|
+
"class": ['v-pull-to-refresh__scroll-container', {
|
|
108
|
+
'v-pull-to-refresh__scroll-container--touching': touching.value
|
|
109
|
+
}],
|
|
110
|
+
"style": {
|
|
111
|
+
top: convertToUnit(topOffset.value)
|
|
112
|
+
}
|
|
113
|
+
}, [slots.default?.()])]);
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
});
|
|
117
|
+
//# sourceMappingURL=VPullToRefresh.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VPullToRefresh.mjs","names":["VIcon","VProgressCircular","computed","onMounted","ref","shallowRef","watch","clamp","convertToUnit","genericComponent","getScrollParents","useRender","VPullToRefresh","name","props","pullDownThreshold","type","Number","default","emits","load","options","setup","_ref","slots","emit","touchstartY","scrollParents","touchDiff","containerRef","refreshing","goingUp","touching","canRefresh","value","topOffset","onTouchstart","e","clientY","touches","onTouchmove","touchY","length","scrollTop","onTouchend","done","stopScrolling","forEach","p","style","overflow","newVal","oldVal","_createVNode","top","height","pullDownPanel"],"sources":["../../../src/labs/VPullToRefresh/VPullToRefresh.tsx"],"sourcesContent":["// Styles\nimport './VPullToRefresh.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Utilities\nimport { computed, onMounted, ref, shallowRef, watch } from 'vue'\nimport { clamp, convertToUnit, genericComponent, getScrollParents, useRender } from '@/util'\n\nexport type VPullToRefreshSlots = {\n default: never\n pullDownPanel: {\n canRefresh: boolean\n goingUp: boolean\n refreshing: boolean\n }\n}\n\nexport const VPullToRefresh = genericComponent<VPullToRefreshSlots>()({\n name: 'VPullToRefresh',\n\n props: {\n pullDownThreshold: {\n type: Number,\n default: 64,\n },\n },\n\n emits: {\n load: (options: { done: () => void }) => true,\n },\n\n setup (props, { slots, emit }) {\n let touchstartY = 0\n let scrollParents: HTMLElement[] = []\n\n const touchDiff = shallowRef(0)\n const containerRef = ref<HTMLElement>()\n\n const refreshing = shallowRef(false)\n const goingUp = shallowRef(false)\n const touching = shallowRef(false)\n\n const canRefresh = computed(() => touchDiff.value >= props.pullDownThreshold && !refreshing.value)\n const topOffset = computed(() => clamp(touchDiff.value, 0, props.pullDownThreshold))\n\n function onTouchstart (e: TouchEvent | MouseEvent) {\n if (refreshing.value) return\n touching.value = true\n touchstartY = 'clientY' in e ? e.clientY : e.touches[0].clientY\n }\n\n function onTouchmove (e: TouchEvent | MouseEvent) {\n if (refreshing.value || !touching.value) return\n\n const touchY = 'clientY' in e ? e.clientY : e.touches[0].clientY\n\n if (scrollParents.length && !scrollParents[0].scrollTop) {\n touchDiff.value = touchY - touchstartY\n }\n }\n\n function onTouchend (e: TouchEvent | MouseEvent) {\n if (refreshing.value) return\n touching.value = false\n if (canRefresh.value) {\n function done () {\n if (!refreshing.value) return\n touchDiff.value = 0\n refreshing.value = false\n }\n emit('load', { done })\n refreshing.value = true\n } else {\n touchDiff.value = 0\n }\n }\n\n onMounted(() => {\n scrollParents = getScrollParents(containerRef.value)\n })\n\n watch([topOffset, refreshing], () => {\n if (scrollParents.length) {\n const stopScrolling = topOffset.value && !refreshing.value\n scrollParents.forEach(p => p.style.overflow = stopScrolling ? 'hidden' : 'auto')\n }\n })\n\n watch(topOffset, (newVal, oldVal) => {\n goingUp.value = newVal < oldVal\n })\n\n useRender(() => {\n return (\n <div\n class={[\n 'v-pull-to-refresh',\n ]}\n onTouchstart={ onTouchstart }\n onTouchmove={ onTouchmove }\n onTouchend={ onTouchend }\n onMousedown={ onTouchstart }\n onMouseup={ onTouchend }\n onMouseleave={ onTouchend }\n onMousemove={ onTouchmove }\n ref={ containerRef }\n >\n <div\n class={[\n 'v-pull-to-refresh__pull-down',\n {\n 'v-pull-to-refresh__pull-down--touching': touching.value,\n },\n ]}\n style={{\n top: convertToUnit(-1 * props.pullDownThreshold + topOffset.value),\n height: convertToUnit(props.pullDownThreshold),\n }}\n >\n { slots.pullDownPanel\n ? slots.pullDownPanel({\n canRefresh: canRefresh.value,\n goingUp: goingUp.value,\n refreshing: refreshing.value,\n }) : (\n <div\n class={[\n 'v-pull-to-refresh__pull-down-default',\n ]}\n >\n {\n refreshing.value ? (\n <VProgressCircular\n indeterminate\n active={ false }\n />\n ) : (\n <VIcon\n icon={ canRefresh.value || goingUp.value ? '$sortAsc' : '$sortDesc' }\n />\n )\n }\n </div>\n )\n }\n </div>\n <div\n class={[\n 'v-pull-to-refresh__scroll-container',\n {\n 'v-pull-to-refresh__scroll-container--touching': touching.value,\n },\n ]}\n style={{ top: convertToUnit(topOffset.value) }}\n >\n { slots.default?.() }\n </div>\n </div>\n )\n })\n },\n})\n\nexport type VPullToRefresh = InstanceType<typeof VPullToRefresh>\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
.v-pull-to-refresh
|
|
2
|
+
overflow: hidden
|
|
3
|
+
position: relative
|
|
4
|
+
&__pull-down
|
|
5
|
+
position: absolute
|
|
6
|
+
width: 100%
|
|
7
|
+
transition: top .3s ease-out
|
|
8
|
+
&--touching
|
|
9
|
+
transition: none
|
|
10
|
+
|
|
11
|
+
&__pull-down-default
|
|
12
|
+
display: flex
|
|
13
|
+
width: 100%
|
|
14
|
+
height: 100%
|
|
15
|
+
justify-content: center
|
|
16
|
+
align-items: flex-end
|
|
17
|
+
padding-bottom: 10px
|
|
18
|
+
|
|
19
|
+
&__scroll-container
|
|
20
|
+
position: relative
|
|
21
|
+
transition: top .3s ease-out
|
|
22
|
+
&--touching
|
|
23
|
+
transition: none
|
|
@@ -0,0 +1,189 @@
|
|
|
1
|
+
import * as vue from 'vue';
|
|
2
|
+
import { ComponentPropsOptions, ExtractPropTypes } from 'vue';
|
|
3
|
+
|
|
4
|
+
interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
|
|
5
|
+
filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
declare const VPullToRefresh: {
|
|
9
|
+
new (...args: any[]): vue.CreateComponentPublicInstance<{
|
|
10
|
+
pullDownThreshold: number;
|
|
11
|
+
} & {} & {
|
|
12
|
+
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
|
|
13
|
+
default?: (() => vue.VNodeChild) | undefined;
|
|
14
|
+
pullDownPanel?: ((arg: {
|
|
15
|
+
canRefresh: boolean;
|
|
16
|
+
goingUp: boolean;
|
|
17
|
+
refreshing: boolean;
|
|
18
|
+
}) => vue.VNodeChild) | undefined;
|
|
19
|
+
};
|
|
20
|
+
'v-slots'?: {
|
|
21
|
+
default?: false | (() => vue.VNodeChild) | undefined;
|
|
22
|
+
pullDownPanel?: false | ((arg: {
|
|
23
|
+
canRefresh: boolean;
|
|
24
|
+
goingUp: boolean;
|
|
25
|
+
refreshing: boolean;
|
|
26
|
+
}) => vue.VNodeChild) | undefined;
|
|
27
|
+
} | undefined;
|
|
28
|
+
} & {
|
|
29
|
+
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
|
|
30
|
+
"v-slot:pullDownPanel"?: false | ((arg: {
|
|
31
|
+
canRefresh: boolean;
|
|
32
|
+
goingUp: boolean;
|
|
33
|
+
refreshing: boolean;
|
|
34
|
+
}) => vue.VNodeChild) | undefined;
|
|
35
|
+
} & {
|
|
36
|
+
onLoad?: ((options: {
|
|
37
|
+
done: () => void;
|
|
38
|
+
}) => any) | undefined;
|
|
39
|
+
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
40
|
+
load: (options: {
|
|
41
|
+
done: () => void;
|
|
42
|
+
}) => true;
|
|
43
|
+
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
|
|
44
|
+
pullDownThreshold: number;
|
|
45
|
+
} & {} & {
|
|
46
|
+
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
|
|
47
|
+
default?: (() => vue.VNodeChild) | undefined;
|
|
48
|
+
pullDownPanel?: ((arg: {
|
|
49
|
+
canRefresh: boolean;
|
|
50
|
+
goingUp: boolean;
|
|
51
|
+
refreshing: boolean;
|
|
52
|
+
}) => vue.VNodeChild) | undefined;
|
|
53
|
+
};
|
|
54
|
+
'v-slots'?: {
|
|
55
|
+
default?: false | (() => vue.VNodeChild) | undefined;
|
|
56
|
+
pullDownPanel?: false | ((arg: {
|
|
57
|
+
canRefresh: boolean;
|
|
58
|
+
goingUp: boolean;
|
|
59
|
+
refreshing: boolean;
|
|
60
|
+
}) => vue.VNodeChild) | undefined;
|
|
61
|
+
} | undefined;
|
|
62
|
+
} & {
|
|
63
|
+
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
|
|
64
|
+
"v-slot:pullDownPanel"?: false | ((arg: {
|
|
65
|
+
canRefresh: boolean;
|
|
66
|
+
goingUp: boolean;
|
|
67
|
+
refreshing: boolean;
|
|
68
|
+
}) => vue.VNodeChild) | undefined;
|
|
69
|
+
} & {
|
|
70
|
+
onLoad?: ((options: {
|
|
71
|
+
done: () => void;
|
|
72
|
+
}) => any) | undefined;
|
|
73
|
+
}, {
|
|
74
|
+
pullDownThreshold: number;
|
|
75
|
+
}, true, {}, vue.SlotsType<Partial<{
|
|
76
|
+
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
77
|
+
[key: string]: any;
|
|
78
|
+
}>[];
|
|
79
|
+
pullDownPanel: (arg: {
|
|
80
|
+
canRefresh: boolean;
|
|
81
|
+
goingUp: boolean;
|
|
82
|
+
refreshing: boolean;
|
|
83
|
+
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
84
|
+
[key: string]: any;
|
|
85
|
+
}>[];
|
|
86
|
+
}>>, {
|
|
87
|
+
P: {};
|
|
88
|
+
B: {};
|
|
89
|
+
D: {};
|
|
90
|
+
C: {};
|
|
91
|
+
M: {};
|
|
92
|
+
Defaults: {};
|
|
93
|
+
}, {
|
|
94
|
+
pullDownThreshold: number;
|
|
95
|
+
} & {} & {
|
|
96
|
+
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
|
|
97
|
+
default?: (() => vue.VNodeChild) | undefined;
|
|
98
|
+
pullDownPanel?: ((arg: {
|
|
99
|
+
canRefresh: boolean;
|
|
100
|
+
goingUp: boolean;
|
|
101
|
+
refreshing: boolean;
|
|
102
|
+
}) => vue.VNodeChild) | undefined;
|
|
103
|
+
};
|
|
104
|
+
'v-slots'?: {
|
|
105
|
+
default?: false | (() => vue.VNodeChild) | undefined;
|
|
106
|
+
pullDownPanel?: false | ((arg: {
|
|
107
|
+
canRefresh: boolean;
|
|
108
|
+
goingUp: boolean;
|
|
109
|
+
refreshing: boolean;
|
|
110
|
+
}) => vue.VNodeChild) | undefined;
|
|
111
|
+
} | undefined;
|
|
112
|
+
} & {
|
|
113
|
+
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
|
|
114
|
+
"v-slot:pullDownPanel"?: false | ((arg: {
|
|
115
|
+
canRefresh: boolean;
|
|
116
|
+
goingUp: boolean;
|
|
117
|
+
refreshing: boolean;
|
|
118
|
+
}) => vue.VNodeChild) | undefined;
|
|
119
|
+
} & {
|
|
120
|
+
onLoad?: ((options: {
|
|
121
|
+
done: () => void;
|
|
122
|
+
}) => any) | undefined;
|
|
123
|
+
}, {}, {}, {}, {}, {
|
|
124
|
+
pullDownThreshold: number;
|
|
125
|
+
}>;
|
|
126
|
+
__isFragment?: undefined;
|
|
127
|
+
__isTeleport?: undefined;
|
|
128
|
+
__isSuspense?: undefined;
|
|
129
|
+
} & vue.ComponentOptionsBase<{
|
|
130
|
+
pullDownThreshold: number;
|
|
131
|
+
} & {} & {
|
|
132
|
+
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
|
|
133
|
+
default?: (() => vue.VNodeChild) | undefined;
|
|
134
|
+
pullDownPanel?: ((arg: {
|
|
135
|
+
canRefresh: boolean;
|
|
136
|
+
goingUp: boolean;
|
|
137
|
+
refreshing: boolean;
|
|
138
|
+
}) => vue.VNodeChild) | undefined;
|
|
139
|
+
};
|
|
140
|
+
'v-slots'?: {
|
|
141
|
+
default?: false | (() => vue.VNodeChild) | undefined;
|
|
142
|
+
pullDownPanel?: false | ((arg: {
|
|
143
|
+
canRefresh: boolean;
|
|
144
|
+
goingUp: boolean;
|
|
145
|
+
refreshing: boolean;
|
|
146
|
+
}) => vue.VNodeChild) | undefined;
|
|
147
|
+
} | undefined;
|
|
148
|
+
} & {
|
|
149
|
+
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
|
|
150
|
+
"v-slot:pullDownPanel"?: false | ((arg: {
|
|
151
|
+
canRefresh: boolean;
|
|
152
|
+
goingUp: boolean;
|
|
153
|
+
refreshing: boolean;
|
|
154
|
+
}) => vue.VNodeChild) | undefined;
|
|
155
|
+
} & {
|
|
156
|
+
onLoad?: ((options: {
|
|
157
|
+
done: () => void;
|
|
158
|
+
}) => any) | undefined;
|
|
159
|
+
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
160
|
+
load: (options: {
|
|
161
|
+
done: () => void;
|
|
162
|
+
}) => true;
|
|
163
|
+
}, string, {
|
|
164
|
+
pullDownThreshold: number;
|
|
165
|
+
}, {}, string, vue.SlotsType<Partial<{
|
|
166
|
+
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
167
|
+
[key: string]: any;
|
|
168
|
+
}>[];
|
|
169
|
+
pullDownPanel: (arg: {
|
|
170
|
+
canRefresh: boolean;
|
|
171
|
+
goingUp: boolean;
|
|
172
|
+
refreshing: boolean;
|
|
173
|
+
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
174
|
+
[key: string]: any;
|
|
175
|
+
}>[];
|
|
176
|
+
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
|
|
177
|
+
pullDownThreshold: {
|
|
178
|
+
type: NumberConstructor;
|
|
179
|
+
default: number;
|
|
180
|
+
};
|
|
181
|
+
}, vue.ExtractPropTypes<{
|
|
182
|
+
pullDownThreshold: {
|
|
183
|
+
type: NumberConstructor;
|
|
184
|
+
default: number;
|
|
185
|
+
};
|
|
186
|
+
}>>;
|
|
187
|
+
type VPullToRefresh = InstanceType<typeof VPullToRefresh>;
|
|
188
|
+
|
|
189
|
+
export { VPullToRefresh };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","names":["VPullToRefresh"],"sources":["../../../src/labs/VPullToRefresh/index.ts"],"sourcesContent":["export { VPullToRefresh } from './VPullToRefresh'\n"],"mappings":"SAASA,cAAc","ignoreList":[]}
|