yuyeon 0.1.0-rc.2 → 0.1.0-rc.3
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/yuyeon.js +1745 -1745
- package/dist/yuyeon.umd.cjs +9 -9
- package/lib/components/date-picker/YDatePicker.mjs +1 -0
- package/lib/components/date-picker/YDatePicker.mjs.map +1 -1
- package/lib/components/layer/YLayer.mjs +3 -1
- package/lib/components/layer/YLayer.mjs.map +1 -1
- package/lib/components/layer/base.mjs +5 -1
- package/lib/components/layer/base.mjs.map +1 -1
- package/lib/components/tooltip/YTooltip.mjs +13 -23
- package/lib/components/tooltip/YTooltip.mjs.map +1 -1
- package/package.json +1 -1
- package/types/components/date-picker/YDatePicker.d.ts +7 -2
- package/types/components/dialog/YDialog.d.ts +1 -0
- package/types/components/layer/YLayer.d.ts +1 -0
- package/types/components/layer/base.d.ts +1 -0
- package/types/components/menu/YMenu.d.ts +1 -0
- package/types/components/select/YSelect.d.ts +2 -0
- package/types/components/tooltip/YTooltip.d.ts +1814 -3
|
@@ -17,6 +17,7 @@ export const pressYDatePickerPropsOptions = propsFactory({
|
|
|
17
17
|
export const YDatePicker = defineComponent({
|
|
18
18
|
name: 'YDatePicker',
|
|
19
19
|
props: pressYDatePickerPropsOptions(),
|
|
20
|
+
emits: ['update:month', 'update:year', 'update:modelValue', 'update:mode'],
|
|
20
21
|
setup(props, _ref) {
|
|
21
22
|
let {
|
|
22
23
|
emit
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YDatePicker.mjs","names":["Transition","computed","defineComponent","ref","watch","useModelDuplex","useRender","useDate","omit","chooseProps","propsFactory","YDateCalendar","pressYDateCalendarPropsOptions","YDatePickerControl","YMonthPicker","YYearPicker","pressYDatePickerPropsOptions","modelValue","YDatePicker","name","props","setup","_ref","emit","yearPicker$","dateUtil","model","mode","month","getMonth","date","year","getYear","displayDate","setYear","value","setMonth","monthText","format","yearText","toggleMonthMode","toggleYearMode","onClickYear","onClickMonth","onClickPage","dir","changePage","change","onClickPrev","onClickNext","_createVNode","_mergeProps","default","$event"],"sources":["../../../src/components/date-picker/YDatePicker.tsx"],"sourcesContent":["import { Transition, computed, defineComponent, ref, watch } from 'vue';\n\nimport { useModelDuplex } from '../../composables/communication';\nimport { useRender } from '../../composables/component';\nimport { useDate } from '../../composables/date';\nimport { omit } from '../../util';\nimport { chooseProps, propsFactory } from '../../util/vue-component';\nimport { YDateCalendar, pressYDateCalendarPropsOptions } from './YDateCalendar';\nimport { YDatePickerControl } from './YDatePickerControl';\nimport { YMonthPicker } from './YMonthPicker';\nimport { YYearPicker } from './YYearPicker';\n\nimport './YDatePicker.scss';\n\nexport const pressYDatePickerPropsOptions = propsFactory(\n {\n ...omit(pressYDateCalendarPropsOptions(), ['modelValue']),\n modelValue: null,\n },\n 'YDatePicker',\n);\n\nexport const YDatePicker = defineComponent({\n name: 'YDatePicker',\n props: pressYDatePickerPropsOptions(),\n setup(props, { emit }) {\n const yearPicker$ = ref<typeof YYearPicker>();\n const dateUtil = useDate();\n const model = useModelDuplex(props, 'modelValue');\n const mode = useModelDuplex(props, 'mode');\n\n const month = ref(dateUtil.getMonth(dateUtil.date()));\n const year = ref(dateUtil.getYear(dateUtil.date()));\n const displayDate = computed(() => {\n const date = dateUtil.setYear(dateUtil.date(), year.value);\n return dateUtil.setMonth(date, month.value);\n });\n const monthText = computed(() => {\n return dateUtil.format(displayDate.value, 'month');\n });\n const yearText = computed(() => {\n return dateUtil.format(displayDate.value, 'year');\n });\n\n function toggleMonthMode() {\n mode.value = mode.value === 'month' ? 'date' : 'month';\n }\n\n function toggleYearMode() {\n mode.value = mode.value === 'year' ? 'date' : 'year';\n }\n\n function onClickYear() {\n toggleYearMode();\n }\n\n function onClickMonth() {\n toggleMonthMode();\n }\n\n function onClickPage(dir: number) {\n if (mode.value === 'month') {\n year.value = year.value + dir;\n return;\n }\n if (mode.value === 'year') {\n yearPicker$.value?.changePage(dir);\n return;\n }\n const change = month.value + dir;\n if (change > 11) {\n year.value += 1;\n month.value = 0;\n } else if (change < 0) {\n year.value -= 1;\n month.value = 11;\n } else {\n month.value = change;\n }\n }\n\n function onClickPrev() {\n onClickPage(-1);\n }\n\n function onClickNext() {\n onClickPage(1);\n }\n\n watch(month, () => {\n if (mode.value === 'month') toggleMonthMode();\n emit('update:month', month.value);\n });\n\n watch(year, () => {\n if (mode.value === 'year') {\n mode.value = 'month';\n }\n emit('update:year', year.value);\n });\n\n useRender(() => (\n <div class={['y-date-picker']}>\n <YDatePickerControl\n {...chooseProps(props, YDatePickerControl.props)}\n yearText={yearText.value}\n monthText={monthText.value}\n onClick:year={onClickYear}\n onClick:month={onClickMonth}\n onClick:prev={onClickPrev}\n onClick:next={onClickNext}\n ></YDatePickerControl>\n <Transition name=\"fade\" mode=\"out-in\">\n {mode.value === 'month' ? (\n <YMonthPicker v-model={month.value} />\n ) : mode.value === 'year' ? (\n <YYearPicker v-model={year.value} ref={yearPicker$} />\n ) : (\n <YDateCalendar\n {...chooseProps(props, YDateCalendar.props)}\n hideHeader={true}\n v-model={model.value}\n v-model:month={month.value}\n v-model:year={year.value}\n />\n )}\n </Transition>\n </div>\n ));\n },\n});\n\nexport type YDatePicker = InstanceType<typeof YDatePicker>;\n"],"mappings":";AAAA,SAASA,UAAU,EAAEC,QAAQ,EAAEC,eAAe,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAC,SAE/DC,cAAc;AAAA,SACdC,SAAS;AAAA,SACTC,OAAO;AAAA,SACPC,IAAI;AAAA,SACJC,WAAW,EAAEC,YAAY;AAAA,SACzBC,aAAa,EAAEC,8BAA8B;AAAA,SAC7CC,kBAAkB;AAAA,SAClBC,YAAY;AAAA,SACZC,WAAW;AAEpB;AAEA,OAAO,MAAMC,4BAA4B,GAAGN,YAAY,CACtD;EACE,GAAGF,IAAI,CAACI,8BAA8B,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;EACzDK,UAAU,EAAE;AACd,CAAC,EACD,aACF,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGhB,eAAe,CAAC;EACzCiB,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAEJ,4BAA4B,CAAC,CAAC;EACrCK,KAAKA,
|
|
1
|
+
{"version":3,"file":"YDatePicker.mjs","names":["Transition","computed","defineComponent","ref","watch","useModelDuplex","useRender","useDate","omit","chooseProps","propsFactory","YDateCalendar","pressYDateCalendarPropsOptions","YDatePickerControl","YMonthPicker","YYearPicker","pressYDatePickerPropsOptions","modelValue","YDatePicker","name","props","emits","setup","_ref","emit","yearPicker$","dateUtil","model","mode","month","getMonth","date","year","getYear","displayDate","setYear","value","setMonth","monthText","format","yearText","toggleMonthMode","toggleYearMode","onClickYear","onClickMonth","onClickPage","dir","changePage","change","onClickPrev","onClickNext","_createVNode","_mergeProps","default","$event"],"sources":["../../../src/components/date-picker/YDatePicker.tsx"],"sourcesContent":["import { Transition, computed, defineComponent, ref, watch } from 'vue';\n\nimport { useModelDuplex } from '../../composables/communication';\nimport { useRender } from '../../composables/component';\nimport { useDate } from '../../composables/date';\nimport { omit } from '../../util';\nimport { chooseProps, propsFactory } from '../../util/vue-component';\nimport { YDateCalendar, pressYDateCalendarPropsOptions } from './YDateCalendar';\nimport { YDatePickerControl } from './YDatePickerControl';\nimport { YMonthPicker } from './YMonthPicker';\nimport { YYearPicker } from './YYearPicker';\n\nimport './YDatePicker.scss';\n\nexport const pressYDatePickerPropsOptions = propsFactory(\n {\n ...omit(pressYDateCalendarPropsOptions(), ['modelValue']),\n modelValue: null,\n },\n 'YDatePicker',\n);\n\nexport const YDatePicker = defineComponent({\n name: 'YDatePicker',\n props: pressYDatePickerPropsOptions(),\n emits: ['update:month', 'update:year', 'update:modelValue', 'update:mode'],\n setup(props, { emit }) {\n const yearPicker$ = ref<typeof YYearPicker>();\n const dateUtil = useDate();\n const model = useModelDuplex(props, 'modelValue');\n const mode = useModelDuplex(props, 'mode');\n\n const month = ref(dateUtil.getMonth(dateUtil.date()));\n const year = ref(dateUtil.getYear(dateUtil.date()));\n const displayDate = computed(() => {\n const date = dateUtil.setYear(dateUtil.date(), year.value);\n return dateUtil.setMonth(date, month.value);\n });\n const monthText = computed(() => {\n return dateUtil.format(displayDate.value, 'month');\n });\n const yearText = computed(() => {\n return dateUtil.format(displayDate.value, 'year');\n });\n\n function toggleMonthMode() {\n mode.value = mode.value === 'month' ? 'date' : 'month';\n }\n\n function toggleYearMode() {\n mode.value = mode.value === 'year' ? 'date' : 'year';\n }\n\n function onClickYear() {\n toggleYearMode();\n }\n\n function onClickMonth() {\n toggleMonthMode();\n }\n\n function onClickPage(dir: number) {\n if (mode.value === 'month') {\n year.value = year.value + dir;\n return;\n }\n if (mode.value === 'year') {\n yearPicker$.value?.changePage(dir);\n return;\n }\n const change = month.value + dir;\n if (change > 11) {\n year.value += 1;\n month.value = 0;\n } else if (change < 0) {\n year.value -= 1;\n month.value = 11;\n } else {\n month.value = change;\n }\n }\n\n function onClickPrev() {\n onClickPage(-1);\n }\n\n function onClickNext() {\n onClickPage(1);\n }\n\n watch(month, () => {\n if (mode.value === 'month') toggleMonthMode();\n emit('update:month', month.value);\n });\n\n watch(year, () => {\n if (mode.value === 'year') {\n mode.value = 'month';\n }\n emit('update:year', year.value);\n });\n\n useRender(() => (\n <div class={['y-date-picker']}>\n <YDatePickerControl\n {...chooseProps(props, YDatePickerControl.props)}\n yearText={yearText.value}\n monthText={monthText.value}\n onClick:year={onClickYear}\n onClick:month={onClickMonth}\n onClick:prev={onClickPrev}\n onClick:next={onClickNext}\n ></YDatePickerControl>\n <Transition name=\"fade\" mode=\"out-in\">\n {mode.value === 'month' ? (\n <YMonthPicker v-model={month.value} />\n ) : mode.value === 'year' ? (\n <YYearPicker v-model={year.value} ref={yearPicker$} />\n ) : (\n <YDateCalendar\n {...chooseProps(props, YDateCalendar.props)}\n hideHeader={true}\n v-model={model.value}\n v-model:month={month.value}\n v-model:year={year.value}\n />\n )}\n </Transition>\n </div>\n ));\n },\n});\n\nexport type YDatePicker = InstanceType<typeof YDatePicker>;\n"],"mappings":"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"}
|
|
@@ -96,7 +96,8 @@ export const YLayer = defineComponent({
|
|
|
96
96
|
base,
|
|
97
97
|
base$,
|
|
98
98
|
baseEl,
|
|
99
|
-
baseSlot
|
|
99
|
+
baseSlot,
|
|
100
|
+
baseFromSlotEl
|
|
100
101
|
} = useBase(props);
|
|
101
102
|
const {
|
|
102
103
|
themeClasses
|
|
@@ -285,6 +286,7 @@ export const YLayer = defineComponent({
|
|
|
285
286
|
content$,
|
|
286
287
|
base$,
|
|
287
288
|
baseEl,
|
|
289
|
+
baseFromSlotEl,
|
|
288
290
|
polyTransitionBindProps,
|
|
289
291
|
coordinateStyles,
|
|
290
292
|
layerGroupState,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YLayer.mjs","names":["Teleport","Transition","computed","defineComponent","getCurrentInstance","mergeProps","reactive","ref","shallowRef","toRef","useRender","pressCoordinateProps","useCoordinate","pressDimensionPropsOptions","useDimension","useLayerGroup","pressThemePropsOptions","useLocalTheme","useLazy","PolyTransition","polyTransitionPropOptions","usePolyTransition","ComplementClick","bindClasses","propsFactory","pressBasePropsOptions","useBase","pressYLayerProps","modelValue","type","Boolean","scrim","scrimOpacity","Number","eager","classes","Array","String","Object","contentClasses","closeClickScrim","contentStyles","default","disabled","openOnHover","openDelay","closeDelay","zIndex","YLayer","name","inheritAttrs","components","directives","props","modal","emits","value","mouseEvent","afterLeave","slots","setup","_ref","emit","expose","attrs","vm","scrim$","content$","base","base$","baseEl","baseSlot","themeClasses","layerGroup","layerGroupState","getActiveLayers","polyTransitionBindProps","dimensionStyles","active","get","set","v","finish","hovered","lazyValue","onAfterUpdate","rendered","coordinateStyles","updateCoordinate","contentEl","onClickComplementLayer","target","closeConditional","complementClickOption","handler","determine","include","onAfterEnter","onAfterLeave","onClickScrim","onMouseenter","event","onMouseleave","computedStyle","toString","computedClass","boundClasses","computedContentClasses","isMe","vnode","slotBase","class","_createVNode","_Fragment","_mergeProps","_withDirectives","_vShow","_resolveDirective"],"sources":["../../../src/components/layer/YLayer.tsx"],"sourcesContent":["import type {\r\n CSSProperties,\r\n ComponentInternalInstance,\r\n PropType,\r\n SlotsType,\r\n} from 'vue';\r\nimport {\r\n Teleport,\r\n Transition,\r\n computed,\r\n defineComponent,\r\n getCurrentInstance,\r\n mergeProps,\r\n reactive,\r\n ref,\r\n shallowRef,\r\n toRef,\r\n watchEffect,\r\n} from 'vue';\r\n\r\nimport { useRender } from '../../composables/component';\r\nimport {\r\n pressCoordinateProps,\r\n useCoordinate,\r\n} from '../../composables/coordinate';\r\nimport {\r\n pressDimensionPropsOptions,\r\n useDimension,\r\n} from '../../composables/dimension';\r\nimport { useLayerGroup } from '../../composables/layer-group';\r\nimport { pressThemePropsOptions, useLocalTheme } from '../../composables/theme';\r\nimport { useLazy } from '../../composables/timing';\r\nimport {\r\n PolyTransition,\r\n polyTransitionPropOptions,\r\n usePolyTransition,\r\n} from '../../composables/transition';\r\nimport {\r\n ComplementClick,\r\n ComplementClickBindingOptions,\r\n} from '../../directives/complement-click';\r\nimport { bindClasses, propsFactory } from '../../util/vue-component';\r\n\r\nimport './YLayer.scss';\r\nimport { pressBasePropsOptions, useBase } from './base';\r\n\r\nexport const pressYLayerProps = propsFactory(\r\n {\r\n modelValue: {\r\n type: Boolean as PropType<boolean>,\r\n },\r\n scrim: {\r\n type: Boolean as PropType<boolean>,\r\n },\r\n scrimOpacity: {\r\n type: Number as PropType<number>,\r\n },\r\n eager: {\r\n type: Boolean as PropType<boolean>,\r\n },\r\n classes: {\r\n type: [Array, String, Object] as PropType<\r\n string[] | string | Record<string, any>\r\n >,\r\n },\r\n contentClasses: {\r\n type: [Array, String, Object] as PropType<\r\n string[] | string | Record<string, any>\r\n >,\r\n },\r\n closeClickScrim: {\r\n type: Boolean as PropType<boolean>,\r\n },\r\n contentStyles: {\r\n type: Object as PropType<CSSProperties>,\r\n default: () => {},\r\n },\r\n disabled: {\r\n type: Boolean as PropType<boolean>,\r\n default: false,\r\n },\r\n openOnHover: {\r\n type: Boolean as PropType<boolean>,\r\n default: false,\r\n },\r\n openDelay: {\r\n type: Number as PropType<number>,\r\n default: 200,\r\n },\r\n closeDelay: {\r\n type: Number as PropType<number>,\r\n default: 200,\r\n },\r\n zIndex: {\r\n type: [Number, String] as PropType<number | string>,\r\n default: 2000,\r\n },\r\n ...pressThemePropsOptions(),\r\n ...polyTransitionPropOptions,\r\n ...pressBasePropsOptions(),\r\n ...pressCoordinateProps(),\r\n ...pressDimensionPropsOptions(),\r\n },\r\n 'YLayer',\r\n);\r\n\r\nexport const YLayer = defineComponent({\r\n name: 'YLayer',\r\n inheritAttrs: false,\r\n components: {\r\n PolyTransition,\r\n },\r\n directives: {\r\n ComplementClick,\r\n },\r\n props: {\r\n modal: Boolean as PropType<boolean>,\r\n ...pressYLayerProps(),\r\n },\r\n emits: {\r\n 'update:modelValue': (value: boolean) => true,\r\n 'click:complement': (mouseEvent: MouseEvent) => true,\r\n afterLeave: () => true,\r\n },\r\n slots: Object as SlotsType<{\r\n base: any;\r\n default: any;\r\n }>,\r\n setup(props, { emit, expose, attrs, slots }) {\r\n const vm = getCurrentInstance();\r\n\r\n const scrim$ = ref<HTMLElement>();\r\n const content$ = ref<HTMLElement>();\r\n\r\n const { base, base$, baseEl, baseSlot } = useBase(props);\r\n\r\n const { themeClasses } = useLocalTheme(props);\r\n const { layerGroup, layerGroupState, getActiveLayers } = useLayerGroup();\r\n const { polyTransitionBindProps } = usePolyTransition(props);\r\n const { dimensionStyles } = useDimension(props);\r\n const active = computed<boolean>({\r\n get: (): boolean => {\r\n return !!props.modelValue;\r\n },\r\n set: (v: boolean) => {\r\n emit('update:modelValue', v);\r\n },\r\n });\r\n const finish = shallowRef(false);\r\n const hovered = ref(false);\r\n\r\n const disabled = toRef(props, 'disabled');\r\n const { lazyValue, onAfterUpdate } = useLazy(toRef(props, 'eager'), active);\r\n const rendered = computed<boolean>(\r\n () => !disabled.value && (lazyValue.value || active.value),\r\n );\r\n\r\n const { coordinateStyles, updateCoordinate } = useCoordinate(props, {\r\n contentEl: content$,\r\n base,\r\n active,\r\n });\r\n\r\n function onClickComplementLayer(mouseEvent: MouseEvent) {\r\n emit('click:complement', mouseEvent);\r\n if (!props.modal) {\r\n if (\r\n scrim$.value !== null &&\r\n scrim$.value === mouseEvent.target &&\r\n props.closeClickScrim\r\n ) {\r\n active.value = false;\r\n }\r\n } else {\r\n // TODO: shrug ani\r\n }\r\n }\r\n\r\n function closeConditional(): boolean {\r\n return (\r\n (!props.openOnHover || (props.openOnHover && !hovered.value)) &&\r\n active.value && finish.value\r\n ); // TODO: && groupTopLevel.value;\r\n }\r\n\r\n const complementClickOption = reactive<ComplementClickBindingOptions>({\r\n handler: onClickComplementLayer,\r\n determine: closeConditional,\r\n include: () => [baseEl.value],\r\n });\r\n\r\n function onAfterEnter() {\r\n finish.value = true;\r\n }\r\n\r\n function onAfterLeave() {\r\n onAfterUpdate();\r\n finish.value = false;\r\n emit('afterLeave');\r\n }\r\n\r\n function onClickScrim() {\r\n if (props.closeClickScrim) {\r\n active.value = false;\r\n }\r\n }\r\n\r\n function onMouseenter(event: Event) {\r\n hovered.value = true;\r\n }\r\n\r\n function onMouseleave(event: Event) {\r\n hovered.value = false;\r\n }\r\n\r\n const computedStyle = computed(() => {\r\n return {\r\n zIndex: (props.zIndex ?? '2000').toString(),\r\n };\r\n });\r\n\r\n const computedClass = computed<Record<string, boolean>>(() => {\r\n const { classes } = props;\r\n const boundClasses = bindClasses(classes);\r\n return {\r\n ...boundClasses,\r\n 'y-layer--active': !!active.value,\r\n };\r\n });\r\n\r\n const computedContentClasses = computed<Record<string, boolean>>(() => {\r\n const boundClasses = bindClasses(props.contentClasses);\r\n return {\r\n ...boundClasses,\r\n };\r\n });\r\n\r\n expose({\r\n scrim$,\r\n base$,\r\n content$: computed(() => content$.value),\r\n baseEl,\r\n active,\r\n onAfterUpdate,\r\n updateCoordinate,\r\n hovered,\r\n finish,\r\n modal: computed(() => props.modal),\r\n getActiveLayers,\r\n isMe: (vnode: ComponentInternalInstance) => {\r\n return vnode === vm;\r\n },\r\n });\r\n\r\n useRender(() => {\r\n const slotBase = slots.base?.({\r\n active: active.value,\r\n props: mergeProps({\r\n ref: base$,\r\n class: {\r\n 'y-layer-base': true,\r\n 'y-layer-base--active': active.value,\r\n },\r\n }),\r\n });\r\n baseSlot.value = slotBase;\r\n return (\r\n <>\r\n {slotBase}\r\n <Teleport disabled={!layerGroup.value} to={layerGroup.value as any}>\r\n {rendered.value && (\r\n <div\r\n class={{\r\n 'y-layer': true,\r\n 'y-layer--finish': finish.value,\r\n ...computedClass.value,\r\n [themeClasses.value ?? '']: true,\r\n }}\r\n onMouseenter={onMouseenter}\r\n onMouseleave={onMouseleave}\r\n style={computedStyle.value}\r\n {...attrs}\r\n >\r\n <Transition name=\"fade\" appear>\r\n {active.value && props.scrim && (\r\n <div\r\n class=\"y-layer__scrim\"\r\n style={{ '--y-layer-scrim-opacity': props.scrimOpacity }}\r\n onClick={onClickScrim}\r\n ref=\"scrim$\"\r\n ></div>\r\n )}\r\n </Transition>\r\n <PolyTransition\r\n onAfterEnter={onAfterEnter}\r\n onAfterLeave={onAfterLeave}\r\n appear\r\n {...polyTransitionBindProps.value}\r\n >\r\n <div\r\n v-show={active.value}\r\n v-complement-click={{ ...complementClickOption }}\r\n class={{\r\n 'y-layer__content': true,\r\n ...computedContentClasses.value,\r\n }}\r\n style={[\r\n {\r\n ...dimensionStyles.value,\r\n ...coordinateStyles.value,\r\n ...props.contentStyles,\r\n },\r\n ]}\r\n ref={content$}\r\n >\r\n {slots.default?.({ active: active.value })}\r\n </div>\r\n </PolyTransition>\r\n </div>\r\n )}\r\n </Teleport>\r\n </>\r\n );\r\n });\r\n\r\n return {\r\n complementClickOption,\r\n layerGroup,\r\n active,\r\n finish,\r\n rendered,\r\n lazyValue,\r\n onAfterUpdate: onAfterUpdate as () => void,\r\n scrim$,\r\n content$,\r\n base$,\r\n baseEl,\r\n polyTransitionBindProps,\r\n coordinateStyles,\r\n layerGroupState,\r\n getActiveLayers,\r\n };\r\n },\r\n});\r\n\r\nexport type YLayer = InstanceType<typeof YLayer>;\r\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"YLayer.mjs","names":["Teleport","Transition","computed","defineComponent","getCurrentInstance","mergeProps","reactive","ref","shallowRef","toRef","useRender","pressCoordinateProps","useCoordinate","pressDimensionPropsOptions","useDimension","useLayerGroup","pressThemePropsOptions","useLocalTheme","useLazy","PolyTransition","polyTransitionPropOptions","usePolyTransition","ComplementClick","bindClasses","propsFactory","pressBasePropsOptions","useBase","pressYLayerProps","modelValue","type","Boolean","scrim","scrimOpacity","Number","eager","classes","Array","String","Object","contentClasses","closeClickScrim","contentStyles","default","disabled","openOnHover","openDelay","closeDelay","zIndex","YLayer","name","inheritAttrs","components","directives","props","modal","emits","value","mouseEvent","afterLeave","slots","setup","_ref","emit","expose","attrs","vm","scrim$","content$","base","base$","baseEl","baseSlot","baseFromSlotEl","themeClasses","layerGroup","layerGroupState","getActiveLayers","polyTransitionBindProps","dimensionStyles","active","get","set","v","finish","hovered","lazyValue","onAfterUpdate","rendered","coordinateStyles","updateCoordinate","contentEl","onClickComplementLayer","target","closeConditional","complementClickOption","handler","determine","include","onAfterEnter","onAfterLeave","onClickScrim","onMouseenter","event","onMouseleave","computedStyle","toString","computedClass","boundClasses","computedContentClasses","isMe","vnode","slotBase","class","_createVNode","_Fragment","_mergeProps","_withDirectives","_vShow","_resolveDirective"],"sources":["../../../src/components/layer/YLayer.tsx"],"sourcesContent":["import type {\r\n CSSProperties,\r\n ComponentInternalInstance,\r\n PropType,\r\n SlotsType,\r\n} from 'vue';\r\nimport {\r\n Teleport,\r\n Transition,\r\n computed,\r\n defineComponent,\r\n getCurrentInstance,\r\n mergeProps,\r\n reactive,\r\n ref,\r\n shallowRef,\r\n toRef,\r\n watchEffect,\r\n} from 'vue';\r\n\r\nimport { useRender } from '../../composables/component';\r\nimport {\r\n pressCoordinateProps,\r\n useCoordinate,\r\n} from '../../composables/coordinate';\r\nimport {\r\n pressDimensionPropsOptions,\r\n useDimension,\r\n} from '../../composables/dimension';\r\nimport { useLayerGroup } from '../../composables/layer-group';\r\nimport { pressThemePropsOptions, useLocalTheme } from '../../composables/theme';\r\nimport { useLazy } from '../../composables/timing';\r\nimport {\r\n PolyTransition,\r\n polyTransitionPropOptions,\r\n usePolyTransition,\r\n} from '../../composables/transition';\r\nimport {\r\n ComplementClick,\r\n ComplementClickBindingOptions,\r\n} from '../../directives/complement-click';\r\nimport { bindClasses, propsFactory } from '../../util/vue-component';\r\n\r\nimport './YLayer.scss';\r\nimport { pressBasePropsOptions, useBase } from './base';\r\n\r\nexport const pressYLayerProps = propsFactory(\r\n {\r\n modelValue: {\r\n type: Boolean as PropType<boolean>,\r\n },\r\n scrim: {\r\n type: Boolean as PropType<boolean>,\r\n },\r\n scrimOpacity: {\r\n type: Number as PropType<number>,\r\n },\r\n eager: {\r\n type: Boolean as PropType<boolean>,\r\n },\r\n classes: {\r\n type: [Array, String, Object] as PropType<\r\n string[] | string | Record<string, any>\r\n >,\r\n },\r\n contentClasses: {\r\n type: [Array, String, Object] as PropType<\r\n string[] | string | Record<string, any>\r\n >,\r\n },\r\n closeClickScrim: {\r\n type: Boolean as PropType<boolean>,\r\n },\r\n contentStyles: {\r\n type: Object as PropType<CSSProperties>,\r\n default: () => {},\r\n },\r\n disabled: {\r\n type: Boolean as PropType<boolean>,\r\n default: false,\r\n },\r\n openOnHover: {\r\n type: Boolean as PropType<boolean>,\r\n default: false,\r\n },\r\n openDelay: {\r\n type: Number as PropType<number>,\r\n default: 200,\r\n },\r\n closeDelay: {\r\n type: Number as PropType<number>,\r\n default: 200,\r\n },\r\n zIndex: {\r\n type: [Number, String] as PropType<number | string>,\r\n default: 2000,\r\n },\r\n ...pressThemePropsOptions(),\r\n ...polyTransitionPropOptions,\r\n ...pressBasePropsOptions(),\r\n ...pressCoordinateProps(),\r\n ...pressDimensionPropsOptions(),\r\n },\r\n 'YLayer',\r\n);\r\n\r\nexport const YLayer = defineComponent({\r\n name: 'YLayer',\r\n inheritAttrs: false,\r\n components: {\r\n PolyTransition,\r\n },\r\n directives: {\r\n ComplementClick,\r\n },\r\n props: {\r\n modal: Boolean as PropType<boolean>,\r\n ...pressYLayerProps(),\r\n },\r\n emits: {\r\n 'update:modelValue': (value: boolean) => true,\r\n 'click:complement': (mouseEvent: MouseEvent) => true,\r\n afterLeave: () => true,\r\n },\r\n slots: Object as SlotsType<{\r\n base: any;\r\n default: any;\r\n }>,\r\n setup(props, { emit, expose, attrs, slots }) {\r\n const vm = getCurrentInstance();\r\n\r\n const scrim$ = ref<HTMLElement>();\r\n const content$ = ref<HTMLElement>();\r\n\r\n const { base, base$, baseEl, baseSlot, baseFromSlotEl } = useBase(props);\r\n\r\n const { themeClasses } = useLocalTheme(props);\r\n const { layerGroup, layerGroupState, getActiveLayers } = useLayerGroup();\r\n const { polyTransitionBindProps } = usePolyTransition(props);\r\n const { dimensionStyles } = useDimension(props);\r\n const active = computed<boolean>({\r\n get: (): boolean => {\r\n return !!props.modelValue;\r\n },\r\n set: (v: boolean) => {\r\n emit('update:modelValue', v);\r\n },\r\n });\r\n const finish = shallowRef(false);\r\n const hovered = ref(false);\r\n\r\n const disabled = toRef(props, 'disabled');\r\n const { lazyValue, onAfterUpdate } = useLazy(toRef(props, 'eager'), active);\r\n const rendered = computed<boolean>(\r\n () => !disabled.value && (lazyValue.value || active.value),\r\n );\r\n\r\n const { coordinateStyles, updateCoordinate } = useCoordinate(props, {\r\n contentEl: content$,\r\n base,\r\n active,\r\n });\r\n\r\n function onClickComplementLayer(mouseEvent: MouseEvent) {\r\n emit('click:complement', mouseEvent);\r\n if (!props.modal) {\r\n if (\r\n scrim$.value !== null &&\r\n scrim$.value === mouseEvent.target &&\r\n props.closeClickScrim\r\n ) {\r\n active.value = false;\r\n }\r\n } else {\r\n // TODO: shrug ani\r\n }\r\n }\r\n\r\n function closeConditional(): boolean {\r\n return (\r\n (!props.openOnHover || (props.openOnHover && !hovered.value)) &&\r\n active.value && finish.value\r\n ); // TODO: && groupTopLevel.value;\r\n }\r\n\r\n const complementClickOption = reactive<ComplementClickBindingOptions>({\r\n handler: onClickComplementLayer,\r\n determine: closeConditional,\r\n include: () => [baseEl.value],\r\n });\r\n\r\n function onAfterEnter() {\r\n finish.value = true;\r\n }\r\n\r\n function onAfterLeave() {\r\n onAfterUpdate();\r\n finish.value = false;\r\n emit('afterLeave');\r\n }\r\n\r\n function onClickScrim() {\r\n if (props.closeClickScrim) {\r\n active.value = false;\r\n }\r\n }\r\n\r\n function onMouseenter(event: Event) {\r\n hovered.value = true;\r\n }\r\n\r\n function onMouseleave(event: Event) {\r\n hovered.value = false;\r\n }\r\n\r\n const computedStyle = computed(() => {\r\n return {\r\n zIndex: (props.zIndex ?? '2000').toString(),\r\n };\r\n });\r\n\r\n const computedClass = computed<Record<string, boolean>>(() => {\r\n const { classes } = props;\r\n const boundClasses = bindClasses(classes);\r\n return {\r\n ...boundClasses,\r\n 'y-layer--active': !!active.value,\r\n };\r\n });\r\n\r\n const computedContentClasses = computed<Record<string, boolean>>(() => {\r\n const boundClasses = bindClasses(props.contentClasses);\r\n return {\r\n ...boundClasses,\r\n };\r\n });\r\n\r\n expose({\r\n scrim$,\r\n base$,\r\n content$: computed(() => content$.value),\r\n baseEl,\r\n active,\r\n onAfterUpdate,\r\n updateCoordinate,\r\n hovered,\r\n finish,\r\n modal: computed(() => props.modal),\r\n getActiveLayers,\r\n isMe: (vnode: ComponentInternalInstance) => {\r\n return vnode === vm;\r\n },\r\n });\r\n\r\n useRender(() => {\r\n const slotBase = slots.base?.({\r\n active: active.value,\r\n props: mergeProps({\r\n ref: base$,\r\n class: {\r\n 'y-layer-base': true,\r\n 'y-layer-base--active': active.value,\r\n },\r\n }),\r\n });\r\n baseSlot.value = slotBase;\r\n return (\r\n <>\r\n {slotBase}\r\n <Teleport disabled={!layerGroup.value} to={layerGroup.value as any}>\r\n {rendered.value && (\r\n <div\r\n class={{\r\n 'y-layer': true,\r\n 'y-layer--finish': finish.value,\r\n ...computedClass.value,\r\n [themeClasses.value ?? '']: true,\r\n }}\r\n onMouseenter={onMouseenter}\r\n onMouseleave={onMouseleave}\r\n style={computedStyle.value}\r\n {...attrs}\r\n >\r\n <Transition name=\"fade\" appear>\r\n {active.value && props.scrim && (\r\n <div\r\n class=\"y-layer__scrim\"\r\n style={{ '--y-layer-scrim-opacity': props.scrimOpacity }}\r\n onClick={onClickScrim}\r\n ref=\"scrim$\"\r\n ></div>\r\n )}\r\n </Transition>\r\n <PolyTransition\r\n onAfterEnter={onAfterEnter}\r\n onAfterLeave={onAfterLeave}\r\n appear\r\n {...polyTransitionBindProps.value}\r\n >\r\n <div\r\n v-show={active.value}\r\n v-complement-click={{ ...complementClickOption }}\r\n class={{\r\n 'y-layer__content': true,\r\n ...computedContentClasses.value,\r\n }}\r\n style={[\r\n {\r\n ...dimensionStyles.value,\r\n ...coordinateStyles.value,\r\n ...props.contentStyles,\r\n },\r\n ]}\r\n ref={content$}\r\n >\r\n {slots.default?.({ active: active.value })}\r\n </div>\r\n </PolyTransition>\r\n </div>\r\n )}\r\n </Teleport>\r\n </>\r\n );\r\n });\r\n\r\n return {\r\n complementClickOption,\r\n layerGroup,\r\n active,\r\n finish,\r\n rendered,\r\n lazyValue,\r\n onAfterUpdate: onAfterUpdate as () => void,\r\n scrim$,\r\n content$,\r\n base$,\r\n baseEl,\r\n baseFromSlotEl,\r\n polyTransitionBindProps,\r\n coordinateStyles,\r\n layerGroupState,\r\n getActiveLayers,\r\n };\r\n },\r\n});\r\n\r\nexport type YLayer = InstanceType<typeof YLayer>;\r\n"],"mappings":"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"}
|
|
@@ -39,13 +39,17 @@ export function useBase(props) {
|
|
|
39
39
|
toEl = base$.value.$el;
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
|
+
if (toEl?.nodeType !== Node.ELEMENT_NODE) {
|
|
43
|
+
toEl = baseFromSlotEl.value;
|
|
44
|
+
}
|
|
42
45
|
baseEl.value = toEl;
|
|
43
46
|
});
|
|
44
47
|
return {
|
|
45
48
|
base$,
|
|
46
49
|
baseEl,
|
|
47
50
|
baseSlot,
|
|
48
|
-
base
|
|
51
|
+
base,
|
|
52
|
+
baseFromSlotEl
|
|
49
53
|
};
|
|
50
54
|
}
|
|
51
55
|
function getBase(selector, vm) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.mjs","names":["computed","getCurrentInstance","ref","watchEffect","propsFactory","pressBasePropsOptions","base","String","Object","Array","useBase","props","vm","base$","baseSlot","baseEl","baseFromSlotEl","el","value","nodeType","Node","ELEMENT_NODE","undefined","getBase","isArray","toEl","$el","selector","ret","proxy","parentNode","hasAttribute","document","querySelector"],"sources":["../../../src/components/layer/base.ts"],"sourcesContent":["import {\
|
|
1
|
+
{"version":3,"file":"base.mjs","names":["computed","getCurrentInstance","ref","watchEffect","propsFactory","pressBasePropsOptions","base","String","Object","Array","useBase","props","vm","base$","baseSlot","baseEl","baseFromSlotEl","el","value","nodeType","Node","ELEMENT_NODE","undefined","getBase","isArray","toEl","$el","selector","ret","proxy","parentNode","hasAttribute","document","querySelector"],"sources":["../../../src/components/layer/base.ts"],"sourcesContent":["import {\n ComponentInternalInstance,\n ComponentPublicInstance,\n PropType,\n computed,\n getCurrentInstance,\n ref,\n watchEffect,\n} from 'vue';\n\nimport { propsFactory } from '../../util/vue-component';\n\nexport type BaseType =\n | string\n | Element\n | ComponentPublicInstance\n | [x: number, y: number]\n | undefined;\n\nexport const pressBasePropsOptions = propsFactory(\n {\n base: [String, Object, Array] as PropType<BaseType>,\n },\n 'YLayer.base',\n);\n\ninterface BaseProps {\n base: BaseType;\n}\n\nexport function useBase(props: BaseProps) {\n const vm = getCurrentInstance()!;\n\n const base$ = ref();\n const baseSlot = ref();\n const baseEl = ref<HTMLElement>();\n\n const baseFromSlotEl = computed(() => {\n const el = baseSlot.value?.[0]?.el;\n if (el && el.nodeType === Node.ELEMENT_NODE) {\n return el;\n }\n return undefined;\n });\n\n const base = computed(() => {\n if (baseEl.value) {\n return baseEl.value;\n }\n return getBase(props.base, vm);\n });\n\n watchEffect(() => {\n if (!base$.value) {\n if (!baseFromSlotEl.value && props.base && !Array.isArray(props.base)) {\n baseEl.value = base.value;\n return;\n }\n baseEl.value = baseFromSlotEl.value;\n return;\n }\n let toEl = base$.value;\n if (toEl.baseEl) {\n toEl = toEl.baseEl;\n }\n if (base$.value?.$el) {\n if (base$.value.$el.nodeType === Node.ELEMENT_NODE) {\n toEl = base$.value.$el;\n }\n }\n if (toEl?.nodeType !== Node.ELEMENT_NODE) {\n toEl = baseFromSlotEl.value;\n }\n baseEl.value = toEl;\n });\n\n return {\n base$,\n baseEl,\n baseSlot,\n base,\n baseFromSlotEl,\n };\n}\n\nfunction getBase(selector: BaseType, vm: ComponentInternalInstance) {\n if (!selector) return;\n\n let ret;\n\n if (selector === 'parent') {\n let el = vm?.proxy?.$el?.parentNode;\n while (el?.hasAttribute('data-base-parent')) {\n el = el.parentNode;\n }\n ret = el;\n }\n // Selector\n else if (typeof selector === 'string') {\n ret = document.querySelector(selector);\n }\n // Component\n else if ('$el' in selector) {\n ret = selector.$el;\n }\n // HTMLElement | Element | [x, y]\n else {\n ret = selector;\n }\n\n return ret;\n}\n"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
|
|
2
|
-
import { computed, defineComponent, nextTick, ref, watch
|
|
2
|
+
import { computed, defineComponent, nextTick, ref, watch } from 'vue';
|
|
3
3
|
import { useModelDuplex } from "../../composables/communication.mjs";
|
|
4
4
|
import { useRender } from "../../composables/component.mjs";
|
|
5
5
|
import { polyTransitionPropOptions } from "../../composables/transition.mjs";
|
|
@@ -46,10 +46,10 @@ export const YTooltip = defineComponent({
|
|
|
46
46
|
expose
|
|
47
47
|
} = _ref;
|
|
48
48
|
const layer$ = ref();
|
|
49
|
-
const base$ = ref();
|
|
50
|
-
const baseSlot = ref();
|
|
51
|
-
const baseEl = ref();
|
|
52
49
|
const contentEl = ref();
|
|
50
|
+
const baseEl = computed(() => {
|
|
51
|
+
return layer$.value?.baseEl;
|
|
52
|
+
});
|
|
53
53
|
const classes = computed(() => {
|
|
54
54
|
const boundClasses = bindClasses(props.tooltipClasses);
|
|
55
55
|
return {
|
|
@@ -67,19 +67,6 @@ export const YTooltip = defineComponent({
|
|
|
67
67
|
}
|
|
68
68
|
});
|
|
69
69
|
const hovered = computed(() => !!layer$.value?.hovered);
|
|
70
|
-
const baseFromSlotEl = computed(() => {
|
|
71
|
-
return baseSlot.value?.[0]?.el;
|
|
72
|
-
});
|
|
73
|
-
watchEffect(() => {
|
|
74
|
-
if (!base$.value) {
|
|
75
|
-
if (baseFromSlotEl.value?.nodeType !== 3) {
|
|
76
|
-
baseEl.value = baseFromSlotEl.value;
|
|
77
|
-
}
|
|
78
|
-
return;
|
|
79
|
-
}
|
|
80
|
-
const base = base$.value;
|
|
81
|
-
baseEl.value = base$.value?.$el ? base$.value?.$el : base;
|
|
82
|
-
});
|
|
83
70
|
watch(active, neo => {
|
|
84
71
|
if (neo) {
|
|
85
72
|
nextTick(() => {
|
|
@@ -114,12 +101,12 @@ export const YTooltip = defineComponent({
|
|
|
114
101
|
}
|
|
115
102
|
});
|
|
116
103
|
function bindHover(el) {
|
|
117
|
-
el.addEventListener('mouseenter', onMouseenter);
|
|
118
|
-
el.addEventListener('mouseleave', onMouseleave);
|
|
104
|
+
el.addEventListener?.('mouseenter', onMouseenter);
|
|
105
|
+
el.addEventListener?.('mouseleave', onMouseleave);
|
|
119
106
|
}
|
|
120
107
|
function unbindHover(el) {
|
|
121
|
-
el.removeEventListener('mouseenter', onMouseenter);
|
|
122
|
-
el.removeEventListener('mouseleave', onMouseleave);
|
|
108
|
+
el.removeEventListener?.('mouseenter', onMouseenter);
|
|
109
|
+
el.removeEventListener?.('mouseleave', onMouseleave);
|
|
123
110
|
}
|
|
124
111
|
watch(() => layer$.value?.baseEl, (neo, old) => {
|
|
125
112
|
if (neo) {
|
|
@@ -128,6 +115,10 @@ export const YTooltip = defineComponent({
|
|
|
128
115
|
unbindHover(old);
|
|
129
116
|
}
|
|
130
117
|
});
|
|
118
|
+
expose({
|
|
119
|
+
layer$,
|
|
120
|
+
baseEl
|
|
121
|
+
});
|
|
131
122
|
useRender(() => {
|
|
132
123
|
return _createVNode(_Fragment, null, [_createVNode(YLayer, _mergeProps({
|
|
133
124
|
"ref": layer$
|
|
@@ -155,10 +146,9 @@ export const YTooltip = defineComponent({
|
|
|
155
146
|
})]);
|
|
156
147
|
});
|
|
157
148
|
return {
|
|
158
|
-
|
|
149
|
+
layer$,
|
|
159
150
|
el$: layer$,
|
|
160
151
|
baseEl,
|
|
161
|
-
baseSlot,
|
|
162
152
|
active
|
|
163
153
|
};
|
|
164
154
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YTooltip.mjs","names":["computed","defineComponent","nextTick","ref","watch","watchEffect","useModelDuplex","useRender","polyTransitionPropOptions","omit","bindClasses","chooseProps","YLayer","pressYLayerProps","useDelay","YPlate","NAME","YTooltipPropOptions","tooltipClasses","type","Array","String","Object","preventClip","Boolean","default","YTooltip","name","props","coordinateStrategy","openOnHover","align","offset","transition","emits","setup","_ref","slots","emit","expose","layer$","base$","baseSlot","baseEl","contentEl","classes","boundClasses","model","active","get","value","set","v","disabled","hovered","baseFromSlotEl","el","nodeType","base","$el","neo","$content","content$","startOpenDelay","startCloseDelay","changeActive","onMouseenter","e","onMouseleave","bindHover","addEventListener","unbindHover","removeEventListener","old","_createVNode","_Fragment","_mergeProps","$event","_len","arguments","length","args","_key","_len2","_key2","el$"],"sources":["../../../src/components/tooltip/YTooltip.tsx"],"sourcesContent":["import type { PropType } from 'vue';\r\nimport {\r\n computed,\r\n defineComponent,\r\n nextTick,\r\n ref,\r\n watch,\r\n watchEffect,\r\n} from 'vue';\r\n\r\nimport { useModelDuplex } from '../../composables/communication';\r\nimport { useRender } from '../../composables/component';\r\nimport { polyTransitionPropOptions } from '../../composables/transition';\r\nimport { omit } from '../../util';\r\nimport { bindClasses, chooseProps } from '../../util/vue-component';\r\nimport { YLayer, pressYLayerProps } from '../layer';\r\nimport { useDelay } from '../layer/active-delay';\r\nimport { YPlate } from '../plate';\r\n\r\nimport './YTooltip.scss';\r\n\r\nconst NAME = 'YTooltip';\r\n\r\nconst YTooltipPropOptions = {\r\n tooltipClasses: {\r\n type: [Array, String, Object] as PropType<\r\n string[] | string | Record<string, any>\r\n >,\r\n },\r\n preventClip: {\r\n type: Boolean as PropType<boolean>,\r\n default: true,\r\n },\r\n};\r\n\r\n/**\r\n * # Component\r\n */\r\nexport const YTooltip = defineComponent({\r\n name: NAME,\r\n props: {\r\n ...YTooltipPropOptions,\r\n ...pressYLayerProps({\r\n coordinateStrategy: 'levitation',\r\n openOnHover: true,\r\n align: 'center',\r\n offset: 8,\r\n }),\r\n transition: {\r\n ...polyTransitionPropOptions.transition,\r\n default: 'fade',\r\n },\r\n },\r\n emits: ['update:modelValue'],\r\n setup(props, { slots, emit, expose }) {\r\n const layer$ = ref<typeof YLayer>();\r\n const base$ = ref();\r\n const baseSlot = ref();\r\n const baseEl = ref<HTMLElement>();\r\n const contentEl = ref<HTMLElement>();\r\n\r\n const classes = computed(() => {\r\n const boundClasses = bindClasses(props.tooltipClasses);\r\n return {\r\n ...boundClasses,\r\n 'y-tooltip': true,\r\n };\r\n });\r\n\r\n const model = useModelDuplex(props);\r\n\r\n const active = computed({\r\n get: (): boolean => {\r\n return !!model.value;\r\n },\r\n set: (v: boolean) => {\r\n if (!(v && props.disabled)) model.value = v;\r\n },\r\n });\r\n\r\n const hovered = computed(() => !!layer$.value?.hovered);\r\n\r\n const baseFromSlotEl = computed(() => {\r\n return baseSlot.value?.[0]?.el;\r\n });\r\n\r\n watchEffect(() => {\r\n if (!base$.value) {\r\n if (baseFromSlotEl.value?.nodeType !== 3) {\r\n baseEl.value = baseFromSlotEl.value;\r\n }\r\n return;\r\n }\r\n const base = base$.value;\r\n baseEl.value = base$.value?.$el ? base$.value?.$el : base;\r\n });\r\n\r\n watch(active, (neo) => {\r\n if (neo) {\r\n nextTick(() => {\r\n const $content = layer$.value?.content$;\r\n contentEl.value = $content;\r\n });\r\n }\r\n });\r\n\r\n const { startOpenDelay, startCloseDelay } = useDelay(\r\n props,\r\n (changeActive) => {\r\n if (!changeActive && props.openOnHover && !hovered.value) {\r\n active.value = false;\r\n } else if (changeActive) {\r\n active.value = true;\r\n }\r\n },\r\n );\r\n\r\n function onMouseenter(e: MouseEvent) {\r\n if (props.openOnHover) {\r\n startOpenDelay();\r\n }\r\n }\r\n\r\n function onMouseleave(e: MouseEvent) {\r\n if (props.openOnHover) {\r\n startCloseDelay();\r\n }\r\n }\r\n\r\n watch(hovered, (value) => {\r\n if (!value) {\r\n startCloseDelay();\r\n }\r\n });\r\n\r\n function bindHover(el: HTMLElement) {\r\n el.addEventListener('mouseenter', onMouseenter);\r\n el.addEventListener('mouseleave', onMouseleave);\r\n }\r\n\r\n function unbindHover(el: HTMLElement) {\r\n el.removeEventListener('mouseenter', onMouseenter);\r\n el.removeEventListener('mouseleave', onMouseleave);\r\n }\r\n\r\n watch(\r\n () => layer$.value?.baseEl,\r\n (neo, old) => {\r\n if (neo) {\r\n bindHover(neo);\r\n } else if (old) {\r\n unbindHover(old);\r\n }\r\n },\r\n );\r\n\r\n useRender(() => {\r\n return (\r\n <>\r\n <YLayer\r\n ref={layer$}\r\n {...omit(chooseProps(props, YLayer.props), ['scrim'])}\r\n classes={classes.value}\r\n scrim={false}\r\n transition={props.transition}\r\n v-model={active.value}\r\n >\r\n {{\r\n default: (...args: any) => {\r\n return (\r\n <>\r\n <YPlate></YPlate>\r\n <div class=\"y-tooltip__content\">\r\n {slots.default?.(...args) ?? ''}\r\n </div>\r\n </>\r\n );\r\n },\r\n base: (...args: any[]) => slots.base?.(...args),\r\n }}\r\n </YLayer>\r\n </>\r\n );\r\n });\r\n\r\n return {\r\n base$,\r\n el$: layer$,\r\n baseEl,\r\n baseSlot,\r\n active,\r\n };\r\n },\r\n});\r\n\r\nexport type YTooltip = InstanceType<typeof YTooltip>;\r\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"YTooltip.mjs","names":["computed","defineComponent","nextTick","ref","watch","useModelDuplex","useRender","polyTransitionPropOptions","omit","bindClasses","chooseProps","YLayer","pressYLayerProps","useDelay","YPlate","NAME","YTooltipPropOptions","tooltipClasses","type","Array","String","Object","preventClip","Boolean","default","YTooltip","name","props","coordinateStrategy","openOnHover","align","offset","transition","emits","setup","_ref","slots","emit","expose","layer$","contentEl","baseEl","value","classes","boundClasses","model","active","get","set","v","disabled","hovered","neo","$content","content$","startOpenDelay","startCloseDelay","changeActive","onMouseenter","e","onMouseleave","bindHover","el","addEventListener","unbindHover","removeEventListener","old","_createVNode","_Fragment","_mergeProps","$event","_len","arguments","length","args","_key","base","_len2","_key2","el$"],"sources":["../../../src/components/tooltip/YTooltip.tsx"],"sourcesContent":["import type { PropType } from 'vue';\r\nimport {\r\n computed,\r\n defineComponent,\r\n nextTick,\r\n ref,\r\n watch,\r\n watchEffect,\r\n} from 'vue';\r\n\r\nimport { useModelDuplex } from '../../composables/communication';\r\nimport { useRender } from '../../composables/component';\r\nimport { polyTransitionPropOptions } from '../../composables/transition';\r\nimport { omit } from '../../util';\r\nimport { bindClasses, chooseProps } from '../../util/vue-component';\r\nimport { YLayer, pressYLayerProps } from '../layer';\r\nimport { useDelay } from '../layer/active-delay';\r\nimport { YPlate } from '../plate';\r\n\r\nimport './YTooltip.scss';\r\n\r\nconst NAME = 'YTooltip';\r\n\r\nconst YTooltipPropOptions = {\r\n tooltipClasses: {\r\n type: [Array, String, Object] as PropType<\r\n string[] | string | Record<string, any>\r\n >,\r\n },\r\n preventClip: {\r\n type: Boolean as PropType<boolean>,\r\n default: true,\r\n },\r\n};\r\n\r\n/**\r\n * # Component\r\n */\r\nexport const YTooltip = defineComponent({\r\n name: NAME,\r\n props: {\r\n ...YTooltipPropOptions,\r\n ...pressYLayerProps({\r\n coordinateStrategy: 'levitation',\r\n openOnHover: true,\r\n align: 'center',\r\n offset: 8,\r\n }),\r\n transition: {\r\n ...polyTransitionPropOptions.transition,\r\n default: 'fade',\r\n },\r\n },\r\n emits: ['update:modelValue'],\r\n setup(props, { slots, emit, expose }) {\r\n const layer$ = ref<typeof YLayer>();\r\n const contentEl = ref<HTMLElement>();\r\n const baseEl = computed(() => {\r\n return layer$.value?.baseEl;\r\n });\r\n\r\n const classes = computed(() => {\r\n const boundClasses = bindClasses(props.tooltipClasses);\r\n return {\r\n ...boundClasses,\r\n 'y-tooltip': true,\r\n };\r\n });\r\n\r\n const model = useModelDuplex(props);\r\n\r\n const active = computed({\r\n get: (): boolean => {\r\n return !!model.value;\r\n },\r\n set: (v: boolean) => {\r\n if (!(v && props.disabled)) model.value = v;\r\n },\r\n });\r\n\r\n const hovered = computed(() => !!layer$.value?.hovered);\r\n\r\n watch(active, (neo) => {\r\n if (neo) {\r\n nextTick(() => {\r\n const $content = layer$.value?.content$;\r\n contentEl.value = $content;\r\n });\r\n }\r\n });\r\n\r\n const { startOpenDelay, startCloseDelay } = useDelay(\r\n props,\r\n (changeActive) => {\r\n if (!changeActive && props.openOnHover && !hovered.value) {\r\n active.value = false;\r\n } else if (changeActive) {\r\n active.value = true;\r\n }\r\n },\r\n );\r\n\r\n function onMouseenter(e: MouseEvent) {\r\n if (props.openOnHover) {\r\n startOpenDelay();\r\n }\r\n }\r\n\r\n function onMouseleave(e: MouseEvent) {\r\n if (props.openOnHover) {\r\n startCloseDelay();\r\n }\r\n }\r\n\r\n watch(hovered, (value) => {\r\n if (!value) {\r\n startCloseDelay();\r\n }\r\n });\r\n\r\n function bindHover(el: HTMLElement) {\r\n el.addEventListener?.('mouseenter', onMouseenter);\r\n el.addEventListener?.('mouseleave', onMouseleave);\r\n }\r\n\r\n function unbindHover(el: HTMLElement) {\r\n el.removeEventListener?.('mouseenter', onMouseenter);\r\n el.removeEventListener?.('mouseleave', onMouseleave);\r\n }\r\n\r\n watch(\r\n () => layer$.value?.baseEl,\r\n (neo, old) => {\r\n if (neo) {\r\n bindHover(neo);\r\n } else if (old) {\r\n unbindHover(old);\r\n }\r\n },\r\n );\r\n\r\n\r\n expose({\r\n layer$,\r\n baseEl,\r\n });\r\n\r\n useRender(() => {\r\n return (\r\n <>\r\n <YLayer\r\n ref={layer$}\r\n {...omit(chooseProps(props, YLayer.props), ['scrim'])}\r\n classes={classes.value}\r\n scrim={false}\r\n transition={props.transition}\r\n v-model={active.value}\r\n >\r\n {{\r\n default: (...args: any) => {\r\n return (\r\n <>\r\n <YPlate></YPlate>\r\n <div class=\"y-tooltip__content\">\r\n {slots.default?.(...args) ?? ''}\r\n </div>\r\n </>\r\n );\r\n },\r\n base: (...args: any[]) => slots.base?.(...args),\r\n }}\r\n </YLayer>\r\n </>\r\n );\r\n });\r\n\r\n return {\r\n layer$,\r\n el$: layer$,\r\n baseEl,\r\n active,\r\n };\r\n },\r\n});\r\n\r\nexport type YTooltip = InstanceType<typeof YTooltip>;\r\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -89,7 +89,7 @@ export declare const YDatePicker: import("vue").DefineComponent<{
|
|
|
89
89
|
};
|
|
90
90
|
hideHeader: BooleanConstructor;
|
|
91
91
|
min: import("vue").PropType<unknown>;
|
|
92
|
-
}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
92
|
+
}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:year" | "update:month" | "update:mode")[], "update:modelValue" | "update:year" | "update:month" | "update:mode", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
93
93
|
modelValue: null;
|
|
94
94
|
disabled: BooleanConstructor;
|
|
95
95
|
color: StringConstructor;
|
|
@@ -106,7 +106,12 @@ export declare const YDatePicker: import("vue").DefineComponent<{
|
|
|
106
106
|
};
|
|
107
107
|
hideHeader: BooleanConstructor;
|
|
108
108
|
min: import("vue").PropType<unknown>;
|
|
109
|
-
}
|
|
109
|
+
}>> & {
|
|
110
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
111
|
+
"onUpdate:year"?: ((...args: any[]) => any) | undefined;
|
|
112
|
+
"onUpdate:month"?: ((...args: any[]) => any) | undefined;
|
|
113
|
+
"onUpdate:mode"?: ((...args: any[]) => any) | undefined;
|
|
114
|
+
}, {
|
|
110
115
|
disabled: boolean;
|
|
111
116
|
multiple: boolean;
|
|
112
117
|
range: boolean;
|
|
@@ -481,6 +481,7 @@ export declare const YDialog: import("vue").DefineComponent<{
|
|
|
481
481
|
content$: import("vue").Ref<HTMLElement | undefined>;
|
|
482
482
|
base$: import("vue").Ref<any>;
|
|
483
483
|
baseEl: import("vue").Ref<HTMLElement | undefined>;
|
|
484
|
+
baseFromSlotEl: import("vue").ComputedRef<any>;
|
|
484
485
|
polyTransitionBindProps: import("vue").ComputedRef<{
|
|
485
486
|
is: any;
|
|
486
487
|
transitionProps: any;
|
|
@@ -358,6 +358,7 @@ export declare const YLayer: import("vue").DefineComponent<{
|
|
|
358
358
|
content$: import("vue").Ref<HTMLElement | undefined>;
|
|
359
359
|
base$: import("vue").Ref<any>;
|
|
360
360
|
baseEl: import("vue").Ref<HTMLElement | undefined>;
|
|
361
|
+
baseFromSlotEl: import("vue").ComputedRef<any>;
|
|
361
362
|
polyTransitionBindProps: import("vue").ComputedRef<{
|
|
362
363
|
is: any;
|
|
363
364
|
transitionProps: any;
|
|
@@ -317,6 +317,7 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
317
317
|
content$: import("vue").Ref<HTMLElement | undefined>;
|
|
318
318
|
base$: import("vue").Ref<any>;
|
|
319
319
|
baseEl: import("vue").Ref<HTMLElement | undefined>;
|
|
320
|
+
baseFromSlotEl: import("vue").ComputedRef<any>;
|
|
320
321
|
polyTransitionBindProps: import("vue").ComputedRef<{
|
|
321
322
|
is: any;
|
|
322
323
|
transitionProps: any;
|
|
@@ -2991,6 +2991,7 @@ export declare const YSelect: import("vue").DefineComponent<{
|
|
|
2991
2991
|
content$: import("vue").Ref<HTMLElement | undefined>;
|
|
2992
2992
|
base$: import("vue").Ref<any>;
|
|
2993
2993
|
baseEl: import("vue").Ref<HTMLElement | undefined>;
|
|
2994
|
+
baseFromSlotEl: import("vue").ComputedRef<any>;
|
|
2994
2995
|
polyTransitionBindProps: import("vue").ComputedRef<{
|
|
2995
2996
|
is: any;
|
|
2996
2997
|
transitionProps: any;
|
|
@@ -5046,6 +5047,7 @@ export declare const YSelect: import("vue").DefineComponent<{
|
|
|
5046
5047
|
content$: import("vue").Ref<HTMLElement | undefined>;
|
|
5047
5048
|
base$: import("vue").Ref<any>;
|
|
5048
5049
|
baseEl: import("vue").Ref<HTMLElement | undefined>;
|
|
5050
|
+
baseFromSlotEl: import("vue").ComputedRef<any>;
|
|
5049
5051
|
polyTransitionBindProps: import("vue").ComputedRef<{
|
|
5050
5052
|
is: any;
|
|
5051
5053
|
transitionProps: any;
|