@element-plus/nightly 0.0.20241029 → 0.0.20241030
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/index.full.js +26 -26
- package/dist/index.full.min.js +10 -10
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +10 -10
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +26 -26
- package/dist/locale/af.js +1 -1
- package/dist/locale/af.min.js +1 -1
- package/dist/locale/af.min.mjs +1 -1
- package/dist/locale/af.mjs +1 -1
- package/dist/locale/ar-eg.js +1 -1
- package/dist/locale/ar-eg.min.js +1 -1
- package/dist/locale/ar-eg.min.mjs +1 -1
- package/dist/locale/ar-eg.mjs +1 -1
- package/dist/locale/ar.js +1 -1
- package/dist/locale/ar.min.js +1 -1
- package/dist/locale/ar.min.mjs +1 -1
- package/dist/locale/ar.mjs +1 -1
- package/dist/locale/az.js +1 -1
- package/dist/locale/az.min.js +1 -1
- package/dist/locale/az.min.mjs +1 -1
- package/dist/locale/az.mjs +1 -1
- package/dist/locale/bg.js +1 -1
- package/dist/locale/bg.min.js +1 -1
- package/dist/locale/bg.min.mjs +1 -1
- package/dist/locale/bg.mjs +1 -1
- package/dist/locale/bn.js +1 -1
- package/dist/locale/bn.min.js +1 -1
- package/dist/locale/bn.min.mjs +1 -1
- package/dist/locale/bn.mjs +1 -1
- package/dist/locale/ca.js +1 -1
- package/dist/locale/ca.min.js +1 -1
- package/dist/locale/ca.min.mjs +1 -1
- package/dist/locale/ca.mjs +1 -1
- package/dist/locale/ckb.js +1 -1
- package/dist/locale/ckb.min.js +1 -1
- package/dist/locale/ckb.min.mjs +1 -1
- package/dist/locale/ckb.mjs +1 -1
- package/dist/locale/cs.js +1 -1
- package/dist/locale/cs.min.js +1 -1
- package/dist/locale/cs.min.mjs +1 -1
- package/dist/locale/cs.mjs +1 -1
- package/dist/locale/da.js +1 -1
- package/dist/locale/da.min.js +1 -1
- package/dist/locale/da.min.mjs +1 -1
- package/dist/locale/da.mjs +1 -1
- package/dist/locale/de.js +1 -1
- package/dist/locale/de.min.js +1 -1
- package/dist/locale/de.min.mjs +1 -1
- package/dist/locale/de.mjs +1 -1
- package/dist/locale/el.js +1 -1
- package/dist/locale/el.min.js +1 -1
- package/dist/locale/el.min.mjs +1 -1
- package/dist/locale/el.mjs +1 -1
- package/dist/locale/en.js +1 -1
- package/dist/locale/en.min.js +1 -1
- package/dist/locale/en.min.mjs +1 -1
- package/dist/locale/en.mjs +1 -1
- package/dist/locale/eo.js +1 -1
- package/dist/locale/eo.min.js +1 -1
- package/dist/locale/eo.min.mjs +1 -1
- package/dist/locale/eo.mjs +1 -1
- package/dist/locale/es.js +1 -1
- package/dist/locale/es.min.js +1 -1
- package/dist/locale/es.min.mjs +1 -1
- package/dist/locale/es.mjs +1 -1
- package/dist/locale/et.js +1 -1
- package/dist/locale/et.min.js +1 -1
- package/dist/locale/et.min.mjs +1 -1
- package/dist/locale/et.mjs +1 -1
- package/dist/locale/eu.js +1 -1
- package/dist/locale/eu.min.js +1 -1
- package/dist/locale/eu.min.mjs +1 -1
- package/dist/locale/eu.mjs +1 -1
- package/dist/locale/fa.js +1 -1
- package/dist/locale/fa.min.js +1 -1
- package/dist/locale/fa.min.mjs +1 -1
- package/dist/locale/fa.mjs +1 -1
- package/dist/locale/fi.js +1 -1
- package/dist/locale/fi.min.js +1 -1
- package/dist/locale/fi.min.mjs +1 -1
- package/dist/locale/fi.mjs +1 -1
- package/dist/locale/fr.js +1 -1
- package/dist/locale/fr.min.js +1 -1
- package/dist/locale/fr.min.mjs +1 -1
- package/dist/locale/fr.mjs +1 -1
- package/dist/locale/he.js +1 -1
- package/dist/locale/he.min.js +1 -1
- package/dist/locale/he.min.mjs +1 -1
- package/dist/locale/he.mjs +1 -1
- package/dist/locale/hr.js +1 -1
- package/dist/locale/hr.min.js +1 -1
- package/dist/locale/hr.min.mjs +1 -1
- package/dist/locale/hr.mjs +1 -1
- package/dist/locale/hu.js +1 -1
- package/dist/locale/hu.min.js +1 -1
- package/dist/locale/hu.min.mjs +1 -1
- package/dist/locale/hu.mjs +1 -1
- package/dist/locale/hy-am.js +1 -1
- package/dist/locale/hy-am.min.js +1 -1
- package/dist/locale/hy-am.min.mjs +1 -1
- package/dist/locale/hy-am.mjs +1 -1
- package/dist/locale/id.js +1 -1
- package/dist/locale/id.min.js +1 -1
- package/dist/locale/id.min.mjs +1 -1
- package/dist/locale/id.mjs +1 -1
- package/dist/locale/it.js +1 -1
- package/dist/locale/it.min.js +1 -1
- package/dist/locale/it.min.mjs +1 -1
- package/dist/locale/it.mjs +1 -1
- package/dist/locale/ja.js +1 -1
- package/dist/locale/ja.min.js +1 -1
- package/dist/locale/ja.min.mjs +1 -1
- package/dist/locale/ja.mjs +1 -1
- package/dist/locale/kk.js +1 -1
- package/dist/locale/kk.min.js +1 -1
- package/dist/locale/kk.min.mjs +1 -1
- package/dist/locale/kk.mjs +1 -1
- package/dist/locale/km.js +1 -1
- package/dist/locale/km.min.js +1 -1
- package/dist/locale/km.min.mjs +1 -1
- package/dist/locale/km.mjs +1 -1
- package/dist/locale/ko.js +1 -1
- package/dist/locale/ko.min.js +1 -1
- package/dist/locale/ko.min.mjs +1 -1
- package/dist/locale/ko.mjs +1 -1
- package/dist/locale/ku.js +1 -1
- package/dist/locale/ku.min.js +1 -1
- package/dist/locale/ku.min.mjs +1 -1
- package/dist/locale/ku.mjs +1 -1
- package/dist/locale/ky.js +1 -1
- package/dist/locale/ky.min.js +1 -1
- package/dist/locale/ky.min.mjs +1 -1
- package/dist/locale/ky.mjs +1 -1
- package/dist/locale/lt.js +1 -1
- package/dist/locale/lt.min.js +1 -1
- package/dist/locale/lt.min.mjs +1 -1
- package/dist/locale/lt.mjs +1 -1
- package/dist/locale/lv.js +1 -1
- package/dist/locale/lv.min.js +1 -1
- package/dist/locale/lv.min.mjs +1 -1
- package/dist/locale/lv.mjs +1 -1
- package/dist/locale/mg.js +1 -1
- package/dist/locale/mg.min.js +1 -1
- package/dist/locale/mg.min.mjs +1 -1
- package/dist/locale/mg.mjs +1 -1
- package/dist/locale/mn.js +1 -1
- package/dist/locale/mn.min.js +1 -1
- package/dist/locale/mn.min.mjs +1 -1
- package/dist/locale/mn.mjs +1 -1
- package/dist/locale/my.js +1 -1
- package/dist/locale/my.min.js +1 -1
- package/dist/locale/my.min.mjs +1 -1
- package/dist/locale/my.mjs +1 -1
- package/dist/locale/nb-no.js +1 -1
- package/dist/locale/nb-no.min.js +1 -1
- package/dist/locale/nb-no.min.mjs +1 -1
- package/dist/locale/nb-no.mjs +1 -1
- package/dist/locale/nl.js +1 -1
- package/dist/locale/nl.min.js +1 -1
- package/dist/locale/nl.min.mjs +1 -1
- package/dist/locale/nl.mjs +1 -1
- package/dist/locale/pa.js +1 -1
- package/dist/locale/pa.min.js +1 -1
- package/dist/locale/pa.min.mjs +1 -1
- package/dist/locale/pa.mjs +1 -1
- package/dist/locale/pl.js +1 -1
- package/dist/locale/pl.min.js +1 -1
- package/dist/locale/pl.min.mjs +1 -1
- package/dist/locale/pl.mjs +1 -1
- package/dist/locale/pt-br.js +1 -1
- package/dist/locale/pt-br.min.js +1 -1
- package/dist/locale/pt-br.min.mjs +1 -1
- package/dist/locale/pt-br.mjs +1 -1
- package/dist/locale/pt.js +1 -1
- package/dist/locale/pt.min.js +1 -1
- package/dist/locale/pt.min.mjs +1 -1
- package/dist/locale/pt.mjs +1 -1
- package/dist/locale/ro.js +1 -1
- package/dist/locale/ro.min.js +1 -1
- package/dist/locale/ro.min.mjs +1 -1
- package/dist/locale/ro.mjs +1 -1
- package/dist/locale/ru.js +1 -1
- package/dist/locale/ru.min.js +1 -1
- package/dist/locale/ru.min.mjs +1 -1
- package/dist/locale/ru.mjs +1 -1
- package/dist/locale/sk.js +1 -1
- package/dist/locale/sk.min.js +1 -1
- package/dist/locale/sk.min.mjs +1 -1
- package/dist/locale/sk.mjs +1 -1
- package/dist/locale/sl.js +1 -1
- package/dist/locale/sl.min.js +1 -1
- package/dist/locale/sl.min.mjs +1 -1
- package/dist/locale/sl.mjs +1 -1
- package/dist/locale/sr.js +1 -1
- package/dist/locale/sr.min.js +1 -1
- package/dist/locale/sr.min.mjs +1 -1
- package/dist/locale/sr.mjs +1 -1
- package/dist/locale/sv.js +1 -1
- package/dist/locale/sv.min.js +1 -1
- package/dist/locale/sv.min.mjs +1 -1
- package/dist/locale/sv.mjs +1 -1
- package/dist/locale/sw.js +1 -1
- package/dist/locale/sw.min.js +1 -1
- package/dist/locale/sw.min.mjs +1 -1
- package/dist/locale/sw.mjs +1 -1
- package/dist/locale/ta.js +1 -1
- package/dist/locale/ta.min.js +1 -1
- package/dist/locale/ta.min.mjs +1 -1
- package/dist/locale/ta.mjs +1 -1
- package/dist/locale/th.js +1 -1
- package/dist/locale/th.min.js +1 -1
- package/dist/locale/th.min.mjs +1 -1
- package/dist/locale/th.mjs +1 -1
- package/dist/locale/tk.js +1 -1
- package/dist/locale/tk.min.js +1 -1
- package/dist/locale/tk.min.mjs +1 -1
- package/dist/locale/tk.mjs +1 -1
- package/dist/locale/tr.js +1 -1
- package/dist/locale/tr.min.js +1 -1
- package/dist/locale/tr.min.mjs +1 -1
- package/dist/locale/tr.mjs +1 -1
- package/dist/locale/ug-cn.js +1 -1
- package/dist/locale/ug-cn.min.js +1 -1
- package/dist/locale/ug-cn.min.mjs +1 -1
- package/dist/locale/ug-cn.mjs +1 -1
- package/dist/locale/uk.js +1 -1
- package/dist/locale/uk.min.js +1 -1
- package/dist/locale/uk.min.mjs +1 -1
- package/dist/locale/uk.mjs +1 -1
- package/dist/locale/uz-uz.js +1 -1
- package/dist/locale/uz-uz.min.js +1 -1
- package/dist/locale/uz-uz.min.mjs +1 -1
- package/dist/locale/uz-uz.mjs +1 -1
- package/dist/locale/vi.js +1 -1
- package/dist/locale/vi.min.js +1 -1
- package/dist/locale/vi.min.mjs +1 -1
- package/dist/locale/vi.mjs +1 -1
- package/dist/locale/zh-cn.js +1 -1
- package/dist/locale/zh-cn.min.js +1 -1
- package/dist/locale/zh-cn.min.mjs +1 -1
- package/dist/locale/zh-cn.mjs +1 -1
- package/dist/locale/zh-tw.js +1 -1
- package/dist/locale/zh-tw.min.js +1 -1
- package/dist/locale/zh-tw.min.mjs +1 -1
- package/dist/locale/zh-tw.mjs +1 -1
- package/es/components/autocomplete/index.mjs +2 -2
- package/es/components/autocomplete/src/autocomplete.mjs +367 -81
- package/es/components/autocomplete/src/autocomplete.mjs.map +1 -1
- package/es/components/autocomplete/src/autocomplete2.mjs +81 -367
- package/es/components/autocomplete/src/autocomplete2.mjs.map +1 -1
- package/es/components/index.mjs +5 -5
- package/es/components/message-box/src/index.mjs +2 -1
- package/es/components/message-box/src/index.mjs.map +1 -1
- package/es/components/page-header/index.mjs +2 -2
- package/es/components/page-header/src/page-header.mjs +17 -102
- package/es/components/page-header/src/page-header.mjs.map +1 -1
- package/es/components/page-header/src/page-header2.mjs +102 -17
- package/es/components/page-header/src/page-header2.mjs.map +1 -1
- package/es/components/segmented/index.mjs +2 -2
- package/es/components/segmented/src/segmented.mjs +159 -30
- package/es/components/segmented/src/segmented.mjs.map +1 -1
- package/es/components/segmented/src/segmented2.mjs +30 -159
- package/es/components/segmented/src/segmented2.mjs.map +1 -1
- package/es/components/skeleton/index.mjs +2 -2
- package/es/components/skeleton/src/skeleton-item.mjs +18 -23
- package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
- package/es/components/skeleton/src/skeleton-item2.mjs +23 -18
- package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
- package/es/components/skeleton/src/skeleton2.mjs +1 -1
- package/es/components/slider/src/composables/use-lifecycle.mjs +2 -1
- package/es/components/slider/src/composables/use-lifecycle.mjs.map +1 -1
- package/es/components/slider/src/composables/use-watch.mjs +2 -1
- package/es/components/slider/src/composables/use-watch.mjs.map +1 -1
- package/es/components/table/src/config.mjs +4 -2
- package/es/components/table/src/config.mjs.map +1 -1
- package/es/components/table/src/table-body/styles-helper.mjs +6 -6
- package/es/components/table/src/table-body/styles-helper.mjs.map +1 -1
- package/es/components/table/src/table-header/style.helper.mjs +6 -4
- package/es/components/table/src/table-header/style.helper.mjs.map +1 -1
- package/es/components/table/src/table-layout.mjs +4 -3
- package/es/components/table/src/table-layout.mjs.map +1 -1
- package/es/components/table/src/util.mjs +4 -4
- package/es/components/table/src/util.mjs.map +1 -1
- package/es/components/teleport/index.mjs +2 -2
- package/es/components/teleport/src/teleport.mjs +18 -9
- package/es/components/teleport/src/teleport.mjs.map +1 -1
- package/es/components/teleport/src/teleport2.mjs +9 -18
- package/es/components/teleport/src/teleport2.mjs.map +1 -1
- package/es/components/time-picker/src/time-picker-com/basic-time-spinner.mjs +2 -1
- package/es/components/time-picker/src/time-picker-com/basic-time-spinner.mjs.map +1 -1
- package/es/components/tooltip-v2/index.mjs +1 -1
- package/es/components/tooltip-v2/src/content.mjs +49 -111
- package/es/components/tooltip-v2/src/content.mjs.map +1 -1
- package/es/components/tooltip-v2/src/content2.mjs +111 -49
- package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
- package/es/components/tooltip-v2/src/tooltip.mjs +1 -1
- package/es/components/tooltip-v2/src/tooltip2.mjs +2 -2
- package/es/components/tour/index.mjs +2 -2
- package/es/components/tour/src/tour.mjs +69 -158
- package/es/components/tour/src/tour.mjs.map +1 -1
- package/es/components/tour/src/tour2.mjs +158 -69
- package/es/components/tour/src/tour2.mjs.map +1 -1
- package/es/components/tree/src/model/node.mjs +2 -2
- package/es/components/tree/src/model/node.mjs.map +1 -1
- package/es/components/tree/src/model/useDragNode.mjs +3 -2
- package/es/components/tree/src/model/useDragNode.mjs.map +1 -1
- package/es/index.mjs +5 -5
- package/es/utils/dom/scroll.mjs +2 -1
- package/es/utils/dom/scroll.mjs.map +1 -1
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/autocomplete/index.js +2 -2
- package/lib/components/autocomplete/src/autocomplete.js +365 -80
- package/lib/components/autocomplete/src/autocomplete.js.map +1 -1
- package/lib/components/autocomplete/src/autocomplete2.js +80 -365
- package/lib/components/autocomplete/src/autocomplete2.js.map +1 -1
- package/lib/components/index.js +5 -5
- package/lib/components/message-box/src/index.js +2 -1
- package/lib/components/message-box/src/index.js.map +1 -1
- package/lib/components/page-header/index.js +2 -2
- package/lib/components/page-header/src/page-header.js +18 -102
- package/lib/components/page-header/src/page-header.js.map +1 -1
- package/lib/components/page-header/src/page-header2.js +102 -18
- package/lib/components/page-header/src/page-header2.js.map +1 -1
- package/lib/components/segmented/index.js +2 -2
- package/lib/components/segmented/src/segmented.js +158 -30
- package/lib/components/segmented/src/segmented.js.map +1 -1
- package/lib/components/segmented/src/segmented2.js +30 -158
- package/lib/components/segmented/src/segmented2.js.map +1 -1
- package/lib/components/skeleton/index.js +2 -2
- package/lib/components/skeleton/src/skeleton-item.js +18 -23
- package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
- package/lib/components/skeleton/src/skeleton-item2.js +23 -18
- package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
- package/lib/components/skeleton/src/skeleton2.js +1 -1
- package/lib/components/slider/src/composables/use-lifecycle.js +2 -1
- package/lib/components/slider/src/composables/use-lifecycle.js.map +1 -1
- package/lib/components/slider/src/composables/use-watch.js +2 -1
- package/lib/components/slider/src/composables/use-watch.js.map +1 -1
- package/lib/components/table/src/config.js +4 -2
- package/lib/components/table/src/config.js.map +1 -1
- package/lib/components/table/src/table-body/styles-helper.js +5 -5
- package/lib/components/table/src/table-body/styles-helper.js.map +1 -1
- package/lib/components/table/src/table-header/style.helper.js +6 -4
- package/lib/components/table/src/table-header/style.helper.js.map +1 -1
- package/lib/components/table/src/table-layout.js +4 -3
- package/lib/components/table/src/table-layout.js.map +1 -1
- package/lib/components/table/src/util.js +2 -2
- package/lib/components/table/src/util.js.map +1 -1
- package/lib/components/teleport/index.js +2 -2
- package/lib/components/teleport/src/teleport.js +18 -9
- package/lib/components/teleport/src/teleport.js.map +1 -1
- package/lib/components/teleport/src/teleport2.js +9 -18
- package/lib/components/teleport/src/teleport2.js.map +1 -1
- package/lib/components/time-picker/src/time-picker-com/basic-time-spinner.js +2 -1
- package/lib/components/time-picker/src/time-picker-com/basic-time-spinner.js.map +1 -1
- package/lib/components/tooltip-v2/index.js +1 -1
- package/lib/components/tooltip-v2/src/content.js +49 -111
- package/lib/components/tooltip-v2/src/content.js.map +1 -1
- package/lib/components/tooltip-v2/src/content2.js +111 -49
- package/lib/components/tooltip-v2/src/content2.js.map +1 -1
- package/lib/components/tooltip-v2/src/tooltip.js +1 -1
- package/lib/components/tooltip-v2/src/tooltip2.js +2 -2
- package/lib/components/tour/index.js +2 -2
- package/lib/components/tour/src/tour.js +69 -157
- package/lib/components/tour/src/tour.js.map +1 -1
- package/lib/components/tour/src/tour2.js +157 -69
- package/lib/components/tour/src/tour2.js.map +1 -1
- package/lib/components/tree/src/model/node.js +1 -1
- package/lib/components/tree/src/model/node.js.map +1 -1
- package/lib/components/tree/src/model/useDragNode.js +3 -2
- package/lib/components/tree/src/model/useDragNode.js.map +1 -1
- package/lib/index.js +5 -5
- package/lib/utils/dom/scroll.js +2 -1
- package/lib/utils/dom/scroll.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +2 -2
- package/web-types.json +1 -1
|
@@ -1,54 +1,116 @@
|
|
|
1
|
-
import '
|
|
1
|
+
import { defineComponent, inject, ref, computed, unref, watch, onMounted, provide, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createVNode, withCtx, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
|
|
2
|
+
import { offset } from '@floating-ui/dom';
|
|
2
3
|
import '../../../hooks/index.mjs';
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
4
|
+
import '../../visual-hidden/index.mjs';
|
|
5
|
+
import { tooltipV2RootKey, tooltipV2ContentKey } from './constants.mjs';
|
|
6
|
+
import { tooltipV2ContentProps } from './content.mjs';
|
|
7
|
+
import { tooltipV2CommonProps } from './common.mjs';
|
|
8
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
9
|
+
import { useFloating, arrowMiddleware } from '../../../hooks/use-floating/index.mjs';
|
|
10
|
+
import { useZIndex } from '../../../hooks/use-z-index/index.mjs';
|
|
11
|
+
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
12
|
+
import ElVisuallyHidden from '../../visual-hidden/src/visual-hidden2.mjs';
|
|
5
13
|
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
"top-start",
|
|
9
|
-
"top-end",
|
|
10
|
-
"top",
|
|
11
|
-
"bottom-start",
|
|
12
|
-
"bottom-end",
|
|
13
|
-
"bottom",
|
|
14
|
-
"left-start",
|
|
15
|
-
"left-end",
|
|
16
|
-
"left",
|
|
17
|
-
"right-start",
|
|
18
|
-
"right-end",
|
|
19
|
-
"right"
|
|
20
|
-
];
|
|
21
|
-
const tooltipV2ContentProps = buildProps({
|
|
22
|
-
arrowPadding: {
|
|
23
|
-
type: definePropType(Number),
|
|
24
|
-
default: 5
|
|
25
|
-
},
|
|
26
|
-
effect: {
|
|
27
|
-
type: definePropType(String),
|
|
28
|
-
default: "light"
|
|
29
|
-
},
|
|
30
|
-
contentClass: String,
|
|
31
|
-
placement: {
|
|
32
|
-
type: definePropType(String),
|
|
33
|
-
values: tooltipV2Placements,
|
|
34
|
-
default: "bottom"
|
|
35
|
-
},
|
|
36
|
-
reference: {
|
|
37
|
-
type: definePropType(Object),
|
|
38
|
-
default: null
|
|
39
|
-
},
|
|
40
|
-
offset: {
|
|
41
|
-
type: Number,
|
|
42
|
-
default: 8
|
|
43
|
-
},
|
|
44
|
-
strategy: {
|
|
45
|
-
type: definePropType(String),
|
|
46
|
-
values: tooltipV2Strategies,
|
|
47
|
-
default: "absolute"
|
|
48
|
-
},
|
|
49
|
-
showArrow: Boolean,
|
|
50
|
-
...useAriaProps(["ariaLabel"])
|
|
14
|
+
const __default__ = defineComponent({
|
|
15
|
+
name: "ElTooltipV2Content"
|
|
51
16
|
});
|
|
17
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
18
|
+
...__default__,
|
|
19
|
+
props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
|
|
20
|
+
setup(__props) {
|
|
21
|
+
const props = __props;
|
|
22
|
+
const { triggerRef, contentId } = inject(tooltipV2RootKey);
|
|
23
|
+
const placement = ref(props.placement);
|
|
24
|
+
const strategy = ref(props.strategy);
|
|
25
|
+
const arrowRef = ref(null);
|
|
26
|
+
const { referenceRef, contentRef, middlewareData, x, y, update } = useFloating({
|
|
27
|
+
placement,
|
|
28
|
+
strategy,
|
|
29
|
+
middleware: computed(() => {
|
|
30
|
+
const middleware = [offset(props.offset)];
|
|
31
|
+
if (props.showArrow) {
|
|
32
|
+
middleware.push(arrowMiddleware({
|
|
33
|
+
arrowRef
|
|
34
|
+
}));
|
|
35
|
+
}
|
|
36
|
+
return middleware;
|
|
37
|
+
})
|
|
38
|
+
});
|
|
39
|
+
const zIndex = useZIndex().nextZIndex();
|
|
40
|
+
const ns = useNamespace("tooltip-v2");
|
|
41
|
+
const side = computed(() => {
|
|
42
|
+
return placement.value.split("-")[0];
|
|
43
|
+
});
|
|
44
|
+
const contentStyle = computed(() => {
|
|
45
|
+
return {
|
|
46
|
+
position: unref(strategy),
|
|
47
|
+
top: `${unref(y) || 0}px`,
|
|
48
|
+
left: `${unref(x) || 0}px`,
|
|
49
|
+
zIndex
|
|
50
|
+
};
|
|
51
|
+
});
|
|
52
|
+
const arrowStyle = computed(() => {
|
|
53
|
+
if (!props.showArrow)
|
|
54
|
+
return {};
|
|
55
|
+
const { arrow } = unref(middlewareData);
|
|
56
|
+
return {
|
|
57
|
+
[`--${ns.namespace.value}-tooltip-v2-arrow-x`]: `${arrow == null ? void 0 : arrow.x}px` || "",
|
|
58
|
+
[`--${ns.namespace.value}-tooltip-v2-arrow-y`]: `${arrow == null ? void 0 : arrow.y}px` || ""
|
|
59
|
+
};
|
|
60
|
+
});
|
|
61
|
+
const contentClass = computed(() => [
|
|
62
|
+
ns.e("content"),
|
|
63
|
+
ns.is("dark", props.effect === "dark"),
|
|
64
|
+
ns.is(unref(strategy)),
|
|
65
|
+
props.contentClass
|
|
66
|
+
]);
|
|
67
|
+
watch(arrowRef, () => update());
|
|
68
|
+
watch(() => props.placement, (val) => placement.value = val);
|
|
69
|
+
onMounted(() => {
|
|
70
|
+
watch(() => props.reference || triggerRef.value, (el) => {
|
|
71
|
+
referenceRef.value = el || void 0;
|
|
72
|
+
}, {
|
|
73
|
+
immediate: true
|
|
74
|
+
});
|
|
75
|
+
});
|
|
76
|
+
provide(tooltipV2ContentKey, { arrowRef });
|
|
77
|
+
return (_ctx, _cache) => {
|
|
78
|
+
return openBlock(), createElementBlock("div", {
|
|
79
|
+
ref_key: "contentRef",
|
|
80
|
+
ref: contentRef,
|
|
81
|
+
style: normalizeStyle(unref(contentStyle)),
|
|
82
|
+
"data-tooltip-v2-root": ""
|
|
83
|
+
}, [
|
|
84
|
+
!_ctx.nowrap ? (openBlock(), createElementBlock("div", {
|
|
85
|
+
key: 0,
|
|
86
|
+
"data-side": unref(side),
|
|
87
|
+
class: normalizeClass(unref(contentClass))
|
|
88
|
+
}, [
|
|
89
|
+
renderSlot(_ctx.$slots, "default", {
|
|
90
|
+
contentStyle: unref(contentStyle),
|
|
91
|
+
contentClass: unref(contentClass)
|
|
92
|
+
}),
|
|
93
|
+
createVNode(unref(ElVisuallyHidden), {
|
|
94
|
+
id: unref(contentId),
|
|
95
|
+
role: "tooltip"
|
|
96
|
+
}, {
|
|
97
|
+
default: withCtx(() => [
|
|
98
|
+
_ctx.ariaLabel ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
99
|
+
createTextVNode(toDisplayString(_ctx.ariaLabel), 1)
|
|
100
|
+
], 64)) : renderSlot(_ctx.$slots, "default", { key: 1 })
|
|
101
|
+
]),
|
|
102
|
+
_: 3
|
|
103
|
+
}, 8, ["id"]),
|
|
104
|
+
renderSlot(_ctx.$slots, "arrow", {
|
|
105
|
+
style: normalizeStyle(unref(arrowStyle)),
|
|
106
|
+
side: unref(side)
|
|
107
|
+
})
|
|
108
|
+
], 10, ["data-side"])) : createCommentVNode("v-if", true)
|
|
109
|
+
], 4);
|
|
110
|
+
};
|
|
111
|
+
}
|
|
112
|
+
});
|
|
113
|
+
var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "content.vue"]]);
|
|
52
114
|
|
|
53
|
-
export {
|
|
115
|
+
export { TooltipV2Content as default };
|
|
54
116
|
//# sourceMappingURL=content2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/content.
|
|
1
|
+
{"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/content.vue"],"sourcesContent":["<template>\n <div ref=\"contentRef\" :style=\"contentStyle\" data-tooltip-v2-root>\n <div v-if=\"!nowrap\" :data-side=\"side\" :class=\"contentClass\">\n <slot :content-style=\"contentStyle\" :content-class=\"contentClass\" />\n <el-visually-hidden :id=\"contentId\" role=\"tooltip\">\n <template v-if=\"ariaLabel\">\n {{ ariaLabel }}\n </template>\n <slot v-else />\n </el-visually-hidden>\n <slot name=\"arrow\" :style=\"arrowStyle\" :side=\"side\" />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, onMounted, provide, ref, unref, watch } from 'vue'\nimport { offset } from '@floating-ui/dom'\nimport {\n arrowMiddleware,\n useFloating,\n useNamespace,\n useZIndex,\n} from '@element-plus/hooks'\nimport ElVisuallyHidden from '@element-plus/components/visual-hidden'\nimport { tooltipV2ContentKey, tooltipV2RootKey } from './constants'\nimport { tooltipV2ContentProps } from './content'\nimport { tooltipV2CommonProps } from './common'\n\nimport type { CSSProperties } from 'vue'\nimport type { Middleware } from '@floating-ui/dom'\n\ndefineOptions({\n name: 'ElTooltipV2Content',\n})\n\nconst props = defineProps({ ...tooltipV2ContentProps, ...tooltipV2CommonProps })\n\nconst { triggerRef, contentId } = inject(tooltipV2RootKey)!\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nconst { referenceRef, contentRef, middlewareData, x, y, update } = useFloating({\n placement,\n strategy,\n middleware: computed(() => {\n const middleware: Middleware[] = [offset(props.offset)]\n\n if (props.showArrow) {\n middleware.push(\n arrowMiddleware({\n arrowRef,\n })\n )\n }\n\n return middleware\n }),\n})\n\nconst zIndex = useZIndex().nextZIndex()\n\nconst ns = useNamespace('tooltip-v2')\n\nconst side = computed(() => {\n return placement.value.split('-')[0]\n})\n\nconst contentStyle = computed<CSSProperties>(() => {\n return {\n position: unref(strategy),\n top: `${unref(y) || 0}px`,\n left: `${unref(x) || 0}px`,\n zIndex,\n }\n})\n\nconst arrowStyle = computed<CSSProperties>(() => {\n if (!props.showArrow) return {}\n\n const { arrow } = unref(middlewareData)\n\n return {\n [`--${ns.namespace.value}-tooltip-v2-arrow-x`]: `${arrow?.x}px` || '',\n [`--${ns.namespace.value}-tooltip-v2-arrow-y`]: `${arrow?.y}px` || '',\n }\n})\n\nconst contentClass = computed(() => [\n ns.e('content'),\n ns.is('dark', props.effect === 'dark'),\n ns.is(unref(strategy)),\n props.contentClass,\n])\n\nwatch(arrowRef, () => update())\n\nwatch(\n () => props.placement,\n (val) => (placement.value = val)\n)\n\nonMounted(() => {\n watch(\n () => props.reference || triggerRef.value,\n (el) => {\n referenceRef.value = el || undefined\n },\n {\n immediate: true,\n }\n )\n})\n\nprovide(tooltipV2ContentKey, { arrowRef })\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeStyle","_unref"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import '../../../utils/index.mjs';
|
|
|
2
2
|
import { tooltipV2RootProps } from './root.mjs';
|
|
3
3
|
import { tooltipV2TriggerProps } from './trigger.mjs';
|
|
4
4
|
import { tooltipV2ArrowProps } from './arrow.mjs';
|
|
5
|
-
import { tooltipV2ContentProps } from './
|
|
5
|
+
import { tooltipV2ContentProps } from './content.mjs';
|
|
6
6
|
import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
|
|
7
7
|
|
|
8
8
|
const tooltipV2Props = buildProps({
|
|
@@ -2,13 +2,13 @@ import { defineComponent, toRefs, reactive, openBlock, createBlock, normalizePro
|
|
|
2
2
|
import { pick } from 'lodash-unified';
|
|
3
3
|
import { ElTeleport } from '../../teleport/index.mjs';
|
|
4
4
|
import { tooltipV2ArrowProps } from './arrow.mjs';
|
|
5
|
-
import { tooltipV2ContentProps } from './
|
|
5
|
+
import { tooltipV2ContentProps } from './content.mjs';
|
|
6
6
|
import { tooltipV2RootProps } from './root.mjs';
|
|
7
7
|
import { tooltipV2Props } from './tooltip.mjs';
|
|
8
8
|
import { tooltipV2TriggerProps } from './trigger.mjs';
|
|
9
9
|
import TooltipV2Root from './root2.mjs';
|
|
10
10
|
import TooltipV2Arrow from './arrow2.mjs';
|
|
11
|
-
import TooltipV2Content from './
|
|
11
|
+
import TooltipV2Content from './content2.mjs';
|
|
12
12
|
import TooltipV2Trigger from './trigger2.mjs';
|
|
13
13
|
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
14
14
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '../../utils/index.mjs';
|
|
2
|
-
import Tour from './src/
|
|
2
|
+
import Tour from './src/tour2.mjs';
|
|
3
3
|
import TourStep from './src/step2.mjs';
|
|
4
|
-
export { tourEmits, tourProps } from './src/
|
|
4
|
+
export { tourEmits, tourProps } from './src/tour.mjs';
|
|
5
5
|
export { tourStepEmits, tourStepProps } from './src/step.mjs';
|
|
6
6
|
export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './src/content.mjs';
|
|
7
7
|
import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
|
|
@@ -1,164 +1,75 @@
|
|
|
1
|
-
import { defineComponent, ref, computed, toRef, watch, useSlots, provide, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createElementVNode, mergeProps, normalizeStyle, createBlock, renderSlot, createCommentVNode } from 'vue';
|
|
2
|
-
import { useVModel } from '@vueuse/core';
|
|
3
|
-
import '../../../hooks/index.mjs';
|
|
4
1
|
import '../../../utils/index.mjs';
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
12
|
-
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
13
|
-
import { isBoolean } from '../../../utils/types.mjs';
|
|
14
|
-
import { useZIndex } from '../../../hooks/use-z-index/index.mjs';
|
|
2
|
+
import '../../../constants/index.mjs';
|
|
3
|
+
import { tourContentProps } from './content.mjs';
|
|
4
|
+
import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
|
|
5
|
+
import { iconPropType } from '../../../utils/vue/icon.mjs';
|
|
6
|
+
import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
|
|
7
|
+
import { isBoolean, isNumber } from '../../../utils/types.mjs';
|
|
15
8
|
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
])
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
})
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
const { mergedPosInfo: pos, triggerTarget } = useTarget(currentTarget, toRef(props, "modelValue"), toRef(props, "gap"), mergedMask, mergedScrollIntoViewOptions);
|
|
72
|
-
watch(() => props.modelValue, (val) => {
|
|
73
|
-
if (!val) {
|
|
74
|
-
current.value = 0;
|
|
75
|
-
}
|
|
76
|
-
});
|
|
77
|
-
const onEscClose = () => {
|
|
78
|
-
if (props.closeOnPressEscape) {
|
|
79
|
-
emit("update:modelValue", false);
|
|
80
|
-
emit("close", current.value);
|
|
81
|
-
}
|
|
82
|
-
};
|
|
83
|
-
const onUpdateTotal = (val) => {
|
|
84
|
-
total.value = val;
|
|
85
|
-
};
|
|
86
|
-
const slots = useSlots();
|
|
87
|
-
provide(tourKey, {
|
|
88
|
-
currentStep,
|
|
89
|
-
current,
|
|
90
|
-
total,
|
|
91
|
-
showClose: toRef(props, "showClose"),
|
|
92
|
-
closeIcon: toRef(props, "closeIcon"),
|
|
93
|
-
mergedType,
|
|
94
|
-
ns,
|
|
95
|
-
slots,
|
|
96
|
-
updateModelValue(modelValue) {
|
|
97
|
-
emit("update:modelValue", modelValue);
|
|
98
|
-
},
|
|
99
|
-
onClose() {
|
|
100
|
-
emit("close", current.value);
|
|
101
|
-
},
|
|
102
|
-
onFinish() {
|
|
103
|
-
emit("finish");
|
|
104
|
-
},
|
|
105
|
-
onChange() {
|
|
106
|
-
emit("change", current.value);
|
|
107
|
-
}
|
|
108
|
-
});
|
|
109
|
-
return (_ctx, _cache) => {
|
|
110
|
-
return openBlock(), createElementBlock(Fragment, null, [
|
|
111
|
-
createVNode(unref(ElTeleport), { to: _ctx.appendTo }, {
|
|
112
|
-
default: withCtx(() => {
|
|
113
|
-
var _a, _b;
|
|
114
|
-
return [
|
|
115
|
-
createElementVNode("div", mergeProps({ class: unref(kls) }, _ctx.$attrs), [
|
|
116
|
-
createVNode(ElTourMask, {
|
|
117
|
-
visible: unref(mergedShowMask),
|
|
118
|
-
fill: (_a = unref(mergedMaskStyle)) == null ? void 0 : _a.color,
|
|
119
|
-
style: normalizeStyle((_b = unref(mergedMaskStyle)) == null ? void 0 : _b.style),
|
|
120
|
-
pos: unref(pos),
|
|
121
|
-
"z-index": unref(mergedZIndex),
|
|
122
|
-
"target-area-clickable": _ctx.targetAreaClickable
|
|
123
|
-
}, null, 8, ["visible", "fill", "style", "pos", "z-index", "target-area-clickable"]),
|
|
124
|
-
_ctx.modelValue ? (openBlock(), createBlock(ElTourContent, {
|
|
125
|
-
key: unref(current),
|
|
126
|
-
reference: unref(triggerTarget),
|
|
127
|
-
placement: unref(mergedPlacement),
|
|
128
|
-
"show-arrow": unref(mergedShowArrow),
|
|
129
|
-
"z-index": unref(mergedZIndex),
|
|
130
|
-
style: normalizeStyle(unref(mergedContentStyle)),
|
|
131
|
-
onClose: onEscClose
|
|
132
|
-
}, {
|
|
133
|
-
default: withCtx(() => [
|
|
134
|
-
createVNode(unref(ElTourSteps), {
|
|
135
|
-
current: unref(current),
|
|
136
|
-
onUpdateTotal
|
|
137
|
-
}, {
|
|
138
|
-
default: withCtx(() => [
|
|
139
|
-
renderSlot(_ctx.$slots, "default")
|
|
140
|
-
]),
|
|
141
|
-
_: 3
|
|
142
|
-
}, 8, ["current"])
|
|
143
|
-
]),
|
|
144
|
-
_: 3
|
|
145
|
-
}, 8, ["reference", "placement", "show-arrow", "z-index", "style"])) : createCommentVNode("v-if", true)
|
|
146
|
-
], 16)
|
|
147
|
-
];
|
|
148
|
-
}),
|
|
149
|
-
_: 3
|
|
150
|
-
}, 8, ["to"]),
|
|
151
|
-
createCommentVNode(" just for IDE "),
|
|
152
|
-
false ? renderSlot(_ctx.$slots, "indicators", {
|
|
153
|
-
key: 0,
|
|
154
|
-
current: unref(current) + 1,
|
|
155
|
-
total: total.value
|
|
156
|
-
}) : createCommentVNode("v-if", true)
|
|
157
|
-
], 64);
|
|
158
|
-
};
|
|
9
|
+
const tourProps = buildProps({
|
|
10
|
+
modelValue: Boolean,
|
|
11
|
+
current: {
|
|
12
|
+
type: Number,
|
|
13
|
+
default: 0
|
|
14
|
+
},
|
|
15
|
+
showArrow: {
|
|
16
|
+
type: Boolean,
|
|
17
|
+
default: true
|
|
18
|
+
},
|
|
19
|
+
showClose: {
|
|
20
|
+
type: Boolean,
|
|
21
|
+
default: true
|
|
22
|
+
},
|
|
23
|
+
closeIcon: {
|
|
24
|
+
type: iconPropType
|
|
25
|
+
},
|
|
26
|
+
placement: tourContentProps.placement,
|
|
27
|
+
contentStyle: {
|
|
28
|
+
type: definePropType([Object])
|
|
29
|
+
},
|
|
30
|
+
mask: {
|
|
31
|
+
type: definePropType([Boolean, Object]),
|
|
32
|
+
default: true
|
|
33
|
+
},
|
|
34
|
+
gap: {
|
|
35
|
+
type: definePropType(Object),
|
|
36
|
+
default: () => ({
|
|
37
|
+
offset: 6,
|
|
38
|
+
radius: 2
|
|
39
|
+
})
|
|
40
|
+
},
|
|
41
|
+
zIndex: {
|
|
42
|
+
type: Number
|
|
43
|
+
},
|
|
44
|
+
scrollIntoViewOptions: {
|
|
45
|
+
type: definePropType([Boolean, Object]),
|
|
46
|
+
default: () => ({
|
|
47
|
+
block: "center"
|
|
48
|
+
})
|
|
49
|
+
},
|
|
50
|
+
type: {
|
|
51
|
+
type: definePropType(String)
|
|
52
|
+
},
|
|
53
|
+
appendTo: {
|
|
54
|
+
type: definePropType([String, Object]),
|
|
55
|
+
default: "body"
|
|
56
|
+
},
|
|
57
|
+
closeOnPressEscape: {
|
|
58
|
+
type: Boolean,
|
|
59
|
+
default: true
|
|
60
|
+
},
|
|
61
|
+
targetAreaClickable: {
|
|
62
|
+
type: Boolean,
|
|
63
|
+
default: true
|
|
159
64
|
}
|
|
160
65
|
});
|
|
161
|
-
|
|
66
|
+
const tourEmits = {
|
|
67
|
+
[UPDATE_MODEL_EVENT]: (value) => isBoolean(value),
|
|
68
|
+
["update:current"]: (current) => isNumber(current),
|
|
69
|
+
close: (current) => isNumber(current),
|
|
70
|
+
finish: () => true,
|
|
71
|
+
change: (current) => isNumber(current)
|
|
72
|
+
};
|
|
162
73
|
|
|
163
|
-
export {
|
|
74
|
+
export { tourEmits, tourProps };
|
|
164
75
|
//# sourceMappingURL=tour.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tour.mjs","sources":["../../../../../../packages/components/tour/src/tour.
|
|
1
|
+
{"version":3,"file":"tour.mjs","sources":["../../../../../../packages/components/tour/src/tour.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n iconPropType,\n isBoolean,\n isNumber,\n} from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { tourContentProps } from './content'\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\nimport type Tour from './tour.vue'\nimport type { TourGap, TourMask } from './types'\n\nexport const tourProps = buildProps({\n /**\n * @description open tour\n */\n modelValue: Boolean,\n /**\n * @description what is the current step\n */\n current: {\n type: Number,\n default: 0,\n },\n /**\n * @description whether to show the arrow\n */\n showArrow: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether to show a close button\n */\n showClose: {\n type: Boolean,\n default: true,\n },\n /**\n * @description custom close icon\n */\n closeIcon: {\n type: iconPropType,\n },\n /**\n * @description position of the guide card relative to the target element\n */\n placement: tourContentProps.placement,\n /**\n * @description custom style for content\n */\n contentStyle: {\n type: definePropType<CSSProperties>([Object]),\n },\n /**\n * @description whether to enable masking, change mask style and fill color by pass custom props\n */\n mask: {\n type: definePropType<TourMask>([Boolean, Object]),\n default: true,\n },\n /**\n * @description transparent gap between mask and target\n */\n gap: {\n type: definePropType<TourGap>(Object),\n default: () => ({\n offset: 6,\n radius: 2,\n }),\n },\n /**\n * @description tour's zIndex\n */\n zIndex: {\n type: Number,\n },\n /**\n * @description support pass custom scrollIntoView options\n */\n scrollIntoViewOptions: {\n type: definePropType<boolean | ScrollIntoViewOptions>([Boolean, Object]),\n default: () => ({\n block: 'center',\n }),\n },\n /**\n * @description type, affects the background color and text color\n */\n type: {\n type: definePropType<'default' | 'primary'>(String),\n },\n /**\n * @description which element the TourContent appends to\n */\n appendTo: {\n type: definePropType<string | HTMLElement>([String, Object]),\n default: 'body',\n },\n /**\n * @description whether the Tour can be closed by pressing ESC\n */\n closeOnPressEscape: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether the target element can be clickable, when using mask\n */\n targetAreaClickable: {\n type: Boolean,\n default: true,\n },\n})\n\nexport type TourProps = ExtractPropTypes<typeof tourProps>\nexport type TourInstance = InstanceType<typeof Tour>\n\nexport const tourEmits = {\n [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n ['update:current']: (current: number) => isNumber(current),\n close: (current: number) => isNumber(current),\n finish: () => true,\n change: (current: number) => isNumber(current),\n}\nexport type TourEmits = typeof tourEmits\n"],"names":[],"mappings":";;;;;;;;AASY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,SAAS,EAAE,gBAAgB,CAAC,SAAS;AACvC,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAClC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,MAAM,EAAE,CAAC;AACf,KAAK,CAAC;AACN,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,qBAAqB,EAAE;AACzB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,OAAO;AACpB,MAAM,KAAK,EAAE,QAAQ;AACrB,KAAK,CAAC;AACN,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK,CAAC;AACnD,EAAE,CAAC,gBAAgB,GAAG,CAAC,OAAO,KAAK,QAAQ,CAAC,OAAO,CAAC;AACpD,EAAE,KAAK,EAAE,CAAC,OAAO,KAAK,QAAQ,CAAC,OAAO,CAAC;AACvC,EAAE,MAAM,EAAE,MAAM,IAAI;AACpB,EAAE,MAAM,EAAE,CAAC,OAAO,KAAK,QAAQ,CAAC,OAAO,CAAC;AACxC;;;;"}
|