yuyeon 0.1.1 → 0.1.2-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/yuyeon.js +1265 -1263
- package/dist/yuyeon.umd.cjs +11 -11
- package/lib/components/dropdown/YDropdown.mjs +4 -5
- package/lib/components/dropdown/YDropdown.mjs.map +1 -1
- package/lib/components/img/YImg.mjs +174 -0
- package/lib/components/img/YImg.mjs.map +1 -0
- package/lib/components/img/YImg.scss +31 -0
- package/lib/components/img/index.mjs +2 -0
- package/lib/components/img/index.mjs.map +1 -0
- package/lib/components/layer/YLayer.mjs +2 -2
- package/lib/components/layer/YLayer.mjs.map +1 -1
- package/lib/components/menu/YMenu.mjs +4 -5
- package/lib/components/menu/YMenu.mjs.map +1 -1
- package/lib/components/text-ellipsis/YTextEllipsis.mjs +1 -1
- package/lib/components/text-ellipsis/YTextEllipsis.mjs.map +1 -1
- package/lib/components/tooltip/YTooltip.mjs +4 -5
- package/lib/components/tooltip/YTooltip.mjs.map +1 -1
- package/lib/composables/resize-observer.mjs +2 -1
- package/lib/composables/resize-observer.mjs.map +1 -1
- package/lib/composables/transition.mjs +3 -2
- package/lib/composables/transition.mjs.map +1 -1
- package/lib/util/environments.mjs +8 -0
- package/lib/util/environments.mjs.map +1 -0
- package/package.json +1 -1
- package/types/components/dropdown/YDropdown.d.ts +43 -15
- package/types/components/img/YImg.d.ts +173 -0
- package/types/components/img/index.d.ts +0 -0
- package/types/components/layer/YLayer.d.ts +4 -4
- package/types/components/menu/YMenu.d.ts +20 -6
- package/types/components/select/YSelect.d.ts +213 -94
- package/types/components/tooltip/YTooltip.d.ts +20 -6
- package/types/composables/transition.d.ts +20 -2
- package/types/util/environments.d.ts +6 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YTooltip.mjs","names":["computed","defineComponent","nextTick","ref","watch","useModelDuplex","useRender","
|
|
1
|
+
{"version":3,"file":"YTooltip.mjs","names":["computed","defineComponent","nextTick","ref","watch","useModelDuplex","useRender","pressPolyTransitionPropsOptions","omit","bindClasses","chooseProps","YLayer","pressYLayerProps","useDelay","YPlate","NAME","YTooltipPropOptions","tooltipClasses","type","Array","String","Object","preventClip","Boolean","default","YTooltip","name","props","coordinateStrategy","scrollStrategy","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 { pressPolyTransitionPropsOptions } 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' as const,\r\n scrollStrategy: 'reposition' as const,\r\n openOnHover: true,\r\n align: 'center',\r\n offset: 8,\r\n }),\r\n ...pressPolyTransitionPropsOptions({\r\n transition: '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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"}
|
|
@@ -2,10 +2,11 @@ import { readonly, ref } from 'vue';
|
|
|
2
2
|
import { onBeforeUnmount } from 'vue';
|
|
3
3
|
import { watch } from 'vue';
|
|
4
4
|
import { getHtmlElement } from "../util/vue-component.mjs";
|
|
5
|
+
import Environments from "../util/environments.mjs";
|
|
5
6
|
export function useResizeObserver(callback) {
|
|
6
7
|
const resizeObservedRef = ref();
|
|
7
8
|
const contentRect = ref();
|
|
8
|
-
if (
|
|
9
|
+
if (Environments.canUseResizeObserver) {
|
|
9
10
|
const observer = new ResizeObserver((entries, observer) => {
|
|
10
11
|
callback?.(entries, observer);
|
|
11
12
|
if (!entries.length) return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-observer.mjs","names":["readonly","ref","onBeforeUnmount","watch","getHtmlElement","useResizeObserver","callback","resizeObservedRef","contentRect","
|
|
1
|
+
{"version":3,"file":"resize-observer.mjs","names":["readonly","ref","onBeforeUnmount","watch","getHtmlElement","Environments","useResizeObserver","callback","resizeObservedRef","contentRect","canUseResizeObserver","observer","ResizeObserver","entries","length","value","disconnect","neo","old","unobserve","undefined","observe","flush"],"sources":["../../src/composables/resize-observer.ts"],"sourcesContent":["import { readonly, ref } from 'vue';\r\nimport { onBeforeUnmount } from 'vue';\r\nimport { watch } from 'vue';\r\n\r\nimport { getHtmlElement } from '../util/vue-component';\r\nimport Environments from '../util/environments';\r\n\r\nexport function useResizeObserver(callback?: ResizeObserverCallback) {\r\n const resizeObservedRef = ref<HTMLElement>();\r\n const contentRect = ref<DOMRectReadOnly>();\r\n if (Environments.canUseResizeObserver) {\r\n const observer = new ResizeObserver((entries, observer) => {\r\n callback?.(entries, observer);\r\n if (!entries.length) return;\r\n contentRect.value = entries[0].contentRect;\r\n });\r\n\r\n onBeforeUnmount(() => {\r\n observer.disconnect();\r\n });\r\n\r\n watch(\r\n resizeObservedRef,\r\n (neo, old) => {\r\n if (old) {\r\n observer.unobserve(getHtmlElement(old));\r\n contentRect.value = undefined;\r\n }\r\n if (neo) {\r\n observer.observe(getHtmlElement(neo));\r\n }\r\n },\r\n { flush: 'post' },\r\n );\r\n }\r\n\r\n return {\r\n resizeObservedRef,\r\n contentRect: readonly(contentRect),\r\n };\r\n}\r\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,GAAG,QAAQ,KAAK;AACnC,SAASC,eAAe,QAAQ,KAAK;AACrC,SAASC,KAAK,QAAQ,KAAK;AAAC,SAEnBC,cAAc;AAAA,OAChBC,YAAY;AAEnB,OAAO,SAASC,iBAAiBA,CAACC,QAAiC,EAAE;EACnE,MAAMC,iBAAiB,GAAGP,GAAG,CAAc,CAAC;EAC5C,MAAMQ,WAAW,GAAGR,GAAG,CAAkB,CAAC;EAC1C,IAAII,YAAY,CAACK,oBAAoB,EAAE;IACrC,MAAMC,QAAQ,GAAG,IAAIC,cAAc,CAAC,CAACC,OAAO,EAAEF,QAAQ,KAAK;MACzDJ,QAAQ,GAAGM,OAAO,EAAEF,QAAQ,CAAC;MAC7B,IAAI,CAACE,OAAO,CAACC,MAAM,EAAE;MACrBL,WAAW,CAACM,KAAK,GAAGF,OAAO,CAAC,CAAC,CAAC,CAACJ,WAAW;IAC5C,CAAC,CAAC;IAEFP,eAAe,CAAC,MAAM;MACpBS,QAAQ,CAACK,UAAU,CAAC,CAAC;IACvB,CAAC,CAAC;IAEFb,KAAK,CACDK,iBAAiB,EACjB,CAACS,GAAG,EAAEC,GAAG,KAAK;MACZ,IAAIA,GAAG,EAAE;QACPP,QAAQ,CAACQ,SAAS,CAACf,cAAc,CAACc,GAAG,CAAC,CAAC;QACvCT,WAAW,CAACM,KAAK,GAAGK,SAAS;MAC/B;MACA,IAAIH,GAAG,EAAE;QACPN,QAAQ,CAACU,OAAO,CAACjB,cAAc,CAACa,GAAG,CAAC,CAAC;MACvC;IACF,CAAC,EACD;MAAEK,KAAK,EAAE;IAAO,CACpB,CAAC;EACH;EAEA,OAAO;IACLd,iBAAiB;IACjBC,WAAW,EAAET,QAAQ,CAACS,WAAW;EACnC,CAAC;AACH"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { Transition, computed, h } from 'vue';
|
|
2
|
-
|
|
2
|
+
import { propsFactory } from "../util/index.mjs";
|
|
3
|
+
export const pressPolyTransitionPropsOptions = propsFactory({
|
|
3
4
|
transition: {
|
|
4
5
|
type: [String, Object],
|
|
5
6
|
default: 'slide-fade'
|
|
6
7
|
}
|
|
7
|
-
};
|
|
8
|
+
}, 'PolyTransition');
|
|
8
9
|
export function usePolyTransition(props) {
|
|
9
10
|
const polyTransitionBindProps = computed(() => {
|
|
10
11
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transition.mjs","names":["Transition","computed","h","
|
|
1
|
+
{"version":3,"file":"transition.mjs","names":["Transition","computed","h","propsFactory","pressPolyTransitionPropsOptions","transition","type","String","Object","default","usePolyTransition","props","polyTransitionBindProps","is","transitionProps","name","PolyTransition","_ref","slots","forcedProps","component","rest"],"sources":["../../src/composables/transition.ts"],"sourcesContent":["import {\r\n Component,\r\n FunctionalComponent,\r\n PropType,\r\n Transition,\r\n TransitionProps,\r\n computed,\r\n h,\r\n} from 'vue';\r\nimport { propsFactory } from '../util';\r\n\r\nexport const pressPolyTransitionPropsOptions = propsFactory({\r\n transition: {\r\n type: [String, Object] as PropType<\r\n string | (TransitionProps & { is?: Component })\r\n >,\r\n default: 'slide-fade',\r\n },\r\n}, 'PolyTransition');\r\n\r\nexport function usePolyTransition(props: { transition: any }) {\r\n const polyTransitionBindProps = computed(() => {\r\n const { is, ...transitionProps } =\r\n typeof props.transition === 'object'\r\n ? props.transition\r\n : { is: props.transition, name: props.transition };\r\n return {\r\n is,\r\n transitionProps,\r\n };\r\n });\r\n\r\n return {\r\n polyTransitionBindProps,\r\n };\r\n}\r\n\r\nexport const PolyTransition: FunctionalComponent<\r\n TransitionProps & { is: string | Component; transitionProps: TransitionProps }\r\n> = (props, { slots }) => {\r\n const { is, transitionProps, ...forcedProps } = props;\r\n const { component = Transition, ...rest } =\r\n typeof is === 'object'\r\n ? { component: is, ...transitionProps }\r\n : { name: is };\r\n return h(component, { ...rest, ...transitionProps, ...forcedProps }, slots);\r\n};\r\n"],"mappings":"AAAA,SAIEA,UAAU,EAEVC,QAAQ,EACRC,CAAC,QACI,KAAK;AAAC,SACJC,YAAY;AAErB,OAAO,MAAMC,+BAA+B,GAAGD,YAAY,CAAC;EAC1DE,UAAU,EAAE;IACVC,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAEpB;IACDC,OAAO,EAAE;EACX;AACF,CAAC,EAAE,gBAAgB,CAAC;AAEpB,OAAO,SAASC,iBAAiBA,CAACC,KAA0B,EAAE;EAC5D,MAAMC,uBAAuB,GAAGX,QAAQ,CAAC,MAAM;IAC7C,MAAM;MAAEY,EAAE;MAAE,GAAGC;IAAgB,CAAC,GAC9B,OAAOH,KAAK,CAACN,UAAU,KAAK,QAAQ,GAChCM,KAAK,CAACN,UAAU,GAChB;MAAEQ,EAAE,EAAEF,KAAK,CAACN,UAAU;MAAEU,IAAI,EAAEJ,KAAK,CAACN;IAAW,CAAC;IACtD,OAAO;MACLQ,EAAE;MACFC;IACF,CAAC;EACH,CAAC,CAAC;EAEF,OAAO;IACLF;EACF,CAAC;AACH;AAEA,OAAO,MAAMI,cAEZ,GAAGA,CAACL,KAAK,EAAAM,IAAA,KAAgB;EAAA,IAAd;IAAEC;EAAM,CAAC,GAAAD,IAAA;EACnB,MAAM;IAAEJ,EAAE;IAAEC,eAAe;IAAE,GAAGK;EAAY,CAAC,GAAGR,KAAK;EACrD,MAAM;IAAES,SAAS,GAAGpB,UAAU;IAAE,GAAGqB;EAAK,CAAC,GACvC,OAAOR,EAAE,KAAK,QAAQ,GAClB;IAAEO,SAAS,EAAEP,EAAE;IAAE,GAAGC;EAAgB,CAAC,GACrC;IAAEC,IAAI,EAAEF;EAAG,CAAC;EAClB,OAAOX,CAAC,CAACkB,SAAS,EAAE;IAAE,GAAGC,IAAI;IAAE,GAAGP,eAAe;IAAE,GAAGK;EAAY,CAAC,EAAED,KAAK,CAAC;AAC7E,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
const IS_BROWSER = typeof window !== 'undefined';
|
|
2
|
+
const Environments = {
|
|
3
|
+
isBrowser: IS_BROWSER,
|
|
4
|
+
canUseIntersectionObserver: IS_BROWSER && 'IntersectionObserver' in window,
|
|
5
|
+
canUseResizeObserver: IS_BROWSER && 'ResizeObserver' in window
|
|
6
|
+
};
|
|
7
|
+
export default Environments;
|
|
8
|
+
//# sourceMappingURL=environments.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"environments.mjs","names":["IS_BROWSER","window","Environments","isBrowser","canUseIntersectionObserver","canUseResizeObserver"],"sources":["../../src/util/environments.ts"],"sourcesContent":["const IS_BROWSER = typeof window !== 'undefined';\r\nconst Environments = {\r\n isBrowser: IS_BROWSER,\r\n canUseIntersectionObserver: IS_BROWSER && 'IntersectionObserver' in window,\r\n canUseResizeObserver: IS_BROWSER && 'ResizeObserver' in window,\r\n};\r\n\r\nexport default Environments;\r\n"],"mappings":"AAAA,MAAMA,UAAU,GAAG,OAAOC,MAAM,KAAK,WAAW;AAChD,MAAMC,YAAY,GAAG;EACnBC,SAAS,EAAEH,UAAU;EACrBI,0BAA0B,EAAEJ,UAAU,IAAI,sBAAsB,IAAIC,MAAM;EAC1EI,oBAAoB,EAAEL,UAAU,IAAI,gBAAgB,IAAIC;AAC1D,CAAC;AAED,eAAeC,YAAY"}
|
package/package.json
CHANGED
|
@@ -45,27 +45,41 @@ export declare const pressYDropdownPropsOptions: <Defaults extends {
|
|
|
45
45
|
openOnClickBase?: unknown;
|
|
46
46
|
closeCondition?: unknown;
|
|
47
47
|
} = {}>(defaults?: Defaults | undefined) => {
|
|
48
|
-
transition: unknown extends Defaults["transition"] ? {
|
|
49
|
-
default: string;
|
|
48
|
+
transition: unknown extends Defaults["transition"] ? Omit<{
|
|
50
49
|
type: PropType<string | (import('vue').TransitionProps & {
|
|
51
50
|
is?: import('vue').Component | undefined;
|
|
52
51
|
})>;
|
|
53
|
-
} : Omit<{
|
|
54
52
|
default: string;
|
|
53
|
+
}, "default" | "type"> & {
|
|
54
|
+
type: PropType<NonNullable<string | (import('vue').TransitionProps & {
|
|
55
|
+
is?: import('vue').Component | undefined;
|
|
56
|
+
})>>;
|
|
57
|
+
default: NonNullable<string | (import('vue').TransitionProps & {
|
|
58
|
+
is?: import('vue').Component | undefined;
|
|
59
|
+
})>;
|
|
60
|
+
} : Omit<Omit<{
|
|
55
61
|
type: PropType<string | (import('vue').TransitionProps & {
|
|
56
62
|
is?: import('vue').Component | undefined;
|
|
57
63
|
})>;
|
|
64
|
+
default: string;
|
|
65
|
+
}, "default" | "type"> & {
|
|
66
|
+
type: PropType<NonNullable<string | (import('vue').TransitionProps & {
|
|
67
|
+
is?: import('vue').Component | undefined;
|
|
68
|
+
})>>;
|
|
69
|
+
default: NonNullable<string | (import('vue').TransitionProps & {
|
|
70
|
+
is?: import('vue').Component | undefined;
|
|
71
|
+
})>;
|
|
58
72
|
}, "default" | "type"> & {
|
|
59
|
-
type: PropType<unknown extends Defaults["transition"] ? string | (import('vue').TransitionProps & {
|
|
73
|
+
type: PropType<unknown extends Defaults["transition"] ? NonNullable<string | (import('vue').TransitionProps & {
|
|
60
74
|
is?: import('vue').Component | undefined;
|
|
61
|
-
}) : NonNullable<string | (import('vue').TransitionProps & {
|
|
75
|
+
})> : Defaults["transition"] | NonNullable<NonNullable<string | (import('vue').TransitionProps & {
|
|
62
76
|
is?: import('vue').Component | undefined;
|
|
63
|
-
})
|
|
64
|
-
default: unknown extends Defaults["transition"] ? string | (import('vue').TransitionProps & {
|
|
77
|
+
})>>>;
|
|
78
|
+
default: unknown extends Defaults["transition"] ? NonNullable<string | (import('vue').TransitionProps & {
|
|
65
79
|
is?: import('vue').Component | undefined;
|
|
66
|
-
}) : NonNullable<string | (import('vue').TransitionProps & {
|
|
80
|
+
})> : Defaults["transition"] | NonNullable<NonNullable<string | (import('vue').TransitionProps & {
|
|
67
81
|
is?: import('vue').Component | undefined;
|
|
68
|
-
})
|
|
82
|
+
})>>;
|
|
69
83
|
};
|
|
70
84
|
items: unknown extends Defaults["items"] ? {
|
|
71
85
|
type: PropType<any[]>;
|
|
@@ -397,11 +411,18 @@ export declare const pressYDropdownPropsOptions: <Defaults extends {
|
|
|
397
411
|
};
|
|
398
412
|
};
|
|
399
413
|
export declare const YDropdown: import('vue').DefineComponent<{
|
|
400
|
-
transition: {
|
|
401
|
-
default: string;
|
|
414
|
+
transition: Omit<{
|
|
402
415
|
type: PropType<string | (import('vue').TransitionProps & {
|
|
403
416
|
is?: import('vue').Component | undefined;
|
|
404
417
|
})>;
|
|
418
|
+
default: string;
|
|
419
|
+
}, "default" | "type"> & {
|
|
420
|
+
type: PropType<NonNullable<string | (import('vue').TransitionProps & {
|
|
421
|
+
is?: import('vue').Component | undefined;
|
|
422
|
+
})>>;
|
|
423
|
+
default: NonNullable<string | (import('vue').TransitionProps & {
|
|
424
|
+
is?: import('vue').Component | undefined;
|
|
425
|
+
})>;
|
|
405
426
|
};
|
|
406
427
|
items: {
|
|
407
428
|
type: PropType<any[]>;
|
|
@@ -527,11 +548,18 @@ export declare const YDropdown: import('vue').DefineComponent<{
|
|
|
527
548
|
default: undefined;
|
|
528
549
|
};
|
|
529
550
|
}, void, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "update:modelValue")[], "click" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
530
|
-
transition: {
|
|
531
|
-
default: string;
|
|
551
|
+
transition: Omit<{
|
|
532
552
|
type: PropType<string | (import('vue').TransitionProps & {
|
|
533
553
|
is?: import('vue').Component | undefined;
|
|
534
554
|
})>;
|
|
555
|
+
default: string;
|
|
556
|
+
}, "default" | "type"> & {
|
|
557
|
+
type: PropType<NonNullable<string | (import('vue').TransitionProps & {
|
|
558
|
+
is?: import('vue').Component | undefined;
|
|
559
|
+
})>>;
|
|
560
|
+
default: NonNullable<string | (import('vue').TransitionProps & {
|
|
561
|
+
is?: import('vue').Component | undefined;
|
|
562
|
+
})>;
|
|
535
563
|
};
|
|
536
564
|
items: {
|
|
537
565
|
type: PropType<any[]>;
|
|
@@ -664,9 +692,9 @@ export declare const YDropdown: import('vue').DefineComponent<{
|
|
|
664
692
|
align: "top" | "bottom" | "start" | "end" | "center";
|
|
665
693
|
closeDelay: number;
|
|
666
694
|
openDelay: number;
|
|
667
|
-
transition: string | (import('vue').TransitionProps & {
|
|
695
|
+
transition: NonNullable<string | (import('vue').TransitionProps & {
|
|
668
696
|
is?: import('vue').Component | undefined;
|
|
669
|
-
})
|
|
697
|
+
})>;
|
|
670
698
|
position: NonNullable<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
|
|
671
699
|
origin: string;
|
|
672
700
|
viewportMargin: string | number | unknown[];
|
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
import { PropType, SlotsType } from 'vue';
|
|
2
|
+
|
|
3
|
+
export declare const pressYImgPropsOptions: <Defaults extends {
|
|
4
|
+
minWidth?: unknown;
|
|
5
|
+
width?: unknown;
|
|
6
|
+
maxWidth?: unknown;
|
|
7
|
+
minHeight?: unknown;
|
|
8
|
+
height?: unknown;
|
|
9
|
+
maxHeight?: unknown;
|
|
10
|
+
objectFit?: unknown;
|
|
11
|
+
eager?: unknown;
|
|
12
|
+
transition?: unknown;
|
|
13
|
+
src?: unknown;
|
|
14
|
+
crossorigin?: unknown;
|
|
15
|
+
referrerpolicy?: unknown;
|
|
16
|
+
} = {}>(defaults?: Defaults | undefined) => {
|
|
17
|
+
minWidth: unknown extends Defaults["minWidth"] ? PropType<string | number> : {
|
|
18
|
+
type: PropType<unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"]>;
|
|
19
|
+
default: unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"];
|
|
20
|
+
};
|
|
21
|
+
width: unknown extends Defaults["width"] ? PropType<string | number> : {
|
|
22
|
+
type: PropType<unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"]>;
|
|
23
|
+
default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"];
|
|
24
|
+
};
|
|
25
|
+
maxWidth: unknown extends Defaults["maxWidth"] ? PropType<string | number> : {
|
|
26
|
+
type: PropType<unknown extends Defaults["maxWidth"] ? string | number : NonNullable<string | number> | Defaults["maxWidth"]>;
|
|
27
|
+
default: unknown extends Defaults["maxWidth"] ? string | number : NonNullable<string | number> | Defaults["maxWidth"];
|
|
28
|
+
};
|
|
29
|
+
minHeight: unknown extends Defaults["minHeight"] ? PropType<string | number> : {
|
|
30
|
+
type: PropType<unknown extends Defaults["minHeight"] ? string | number : NonNullable<string | number> | Defaults["minHeight"]>;
|
|
31
|
+
default: unknown extends Defaults["minHeight"] ? string | number : NonNullable<string | number> | Defaults["minHeight"];
|
|
32
|
+
};
|
|
33
|
+
height: unknown extends Defaults["height"] ? PropType<string | number> : {
|
|
34
|
+
type: PropType<unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"]>;
|
|
35
|
+
default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"];
|
|
36
|
+
};
|
|
37
|
+
maxHeight: unknown extends Defaults["maxHeight"] ? PropType<string | number> : {
|
|
38
|
+
type: PropType<unknown extends Defaults["maxHeight"] ? string | number : NonNullable<string | number> | Defaults["maxHeight"]>;
|
|
39
|
+
default: unknown extends Defaults["maxHeight"] ? string | number : NonNullable<string | number> | Defaults["maxHeight"];
|
|
40
|
+
};
|
|
41
|
+
objectFit: unknown extends Defaults["objectFit"] ? {
|
|
42
|
+
type: PropType<"fill" | "contain" | "cover" | "scale-down">;
|
|
43
|
+
default: string;
|
|
44
|
+
} : Omit<{
|
|
45
|
+
type: PropType<"fill" | "contain" | "cover" | "scale-down">;
|
|
46
|
+
default: string;
|
|
47
|
+
}, "default" | "type"> & {
|
|
48
|
+
type: PropType<unknown extends Defaults["objectFit"] ? "fill" | "contain" | "cover" | "scale-down" : Defaults["objectFit"] | NonNullable<"fill" | "contain" | "cover" | "scale-down">>;
|
|
49
|
+
default: unknown extends Defaults["objectFit"] ? "fill" | "contain" | "cover" | "scale-down" : Defaults["objectFit"] | NonNullable<"fill" | "contain" | "cover" | "scale-down">;
|
|
50
|
+
};
|
|
51
|
+
eager: unknown extends Defaults["eager"] ? BooleanConstructor : {
|
|
52
|
+
type: PropType<unknown extends Defaults["eager"] ? boolean : boolean | Defaults["eager"]>;
|
|
53
|
+
default: unknown extends Defaults["eager"] ? boolean : boolean | Defaults["eager"];
|
|
54
|
+
};
|
|
55
|
+
transition: unknown extends Defaults["transition"] ? Omit<{
|
|
56
|
+
type: PropType<string | (import('vue').TransitionProps & {
|
|
57
|
+
is?: import('vue').Component | undefined;
|
|
58
|
+
})>;
|
|
59
|
+
default: string;
|
|
60
|
+
}, "default" | "type"> & {
|
|
61
|
+
type: PropType<NonNullable<string | (import('vue').TransitionProps & {
|
|
62
|
+
is?: import('vue').Component | undefined;
|
|
63
|
+
})>>;
|
|
64
|
+
default: NonNullable<string | (import('vue').TransitionProps & {
|
|
65
|
+
is?: import('vue').Component | undefined;
|
|
66
|
+
})>;
|
|
67
|
+
} : Omit<Omit<{
|
|
68
|
+
type: PropType<string | (import('vue').TransitionProps & {
|
|
69
|
+
is?: import('vue').Component | undefined;
|
|
70
|
+
})>;
|
|
71
|
+
default: string;
|
|
72
|
+
}, "default" | "type"> & {
|
|
73
|
+
type: PropType<NonNullable<string | (import('vue').TransitionProps & {
|
|
74
|
+
is?: import('vue').Component | undefined;
|
|
75
|
+
})>>;
|
|
76
|
+
default: NonNullable<string | (import('vue').TransitionProps & {
|
|
77
|
+
is?: import('vue').Component | undefined;
|
|
78
|
+
})>;
|
|
79
|
+
}, "default" | "type"> & {
|
|
80
|
+
type: PropType<unknown extends Defaults["transition"] ? NonNullable<string | (import('vue').TransitionProps & {
|
|
81
|
+
is?: import('vue').Component | undefined;
|
|
82
|
+
})> : NonNullable<NonNullable<string | (import('vue').TransitionProps & {
|
|
83
|
+
is?: import('vue').Component | undefined;
|
|
84
|
+
})>> | Defaults["transition"]>;
|
|
85
|
+
default: unknown extends Defaults["transition"] ? NonNullable<string | (import('vue').TransitionProps & {
|
|
86
|
+
is?: import('vue').Component | undefined;
|
|
87
|
+
})> : NonNullable<NonNullable<string | (import('vue').TransitionProps & {
|
|
88
|
+
is?: import('vue').Component | undefined;
|
|
89
|
+
})>> | Defaults["transition"];
|
|
90
|
+
};
|
|
91
|
+
src: unknown extends Defaults["src"] ? PropType<string> : {
|
|
92
|
+
type: PropType<unknown extends Defaults["src"] ? string : string | Defaults["src"]>;
|
|
93
|
+
default: unknown extends Defaults["src"] ? string : string | Defaults["src"];
|
|
94
|
+
};
|
|
95
|
+
crossorigin: unknown extends Defaults["crossorigin"] ? PropType<"" | "anonymous" | "use-credentials" | undefined> : {
|
|
96
|
+
type: PropType<unknown extends Defaults["crossorigin"] ? "" | "anonymous" | "use-credentials" | undefined : Defaults["crossorigin"] | NonNullable<"" | "anonymous" | "use-credentials" | undefined>>;
|
|
97
|
+
default: unknown extends Defaults["crossorigin"] ? "" | "anonymous" | "use-credentials" | undefined : Defaults["crossorigin"] | NonNullable<"" | "anonymous" | "use-credentials" | undefined>;
|
|
98
|
+
};
|
|
99
|
+
referrerpolicy: unknown extends Defaults["referrerpolicy"] ? PropType<("" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url") | undefined> : {
|
|
100
|
+
type: PropType<unknown extends Defaults["referrerpolicy"] ? ("" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url") | undefined : Defaults["referrerpolicy"] | NonNullable<("" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url") | undefined>>;
|
|
101
|
+
default: unknown extends Defaults["referrerpolicy"] ? ("" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url") | undefined : Defaults["referrerpolicy"] | NonNullable<("" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url") | undefined>;
|
|
102
|
+
};
|
|
103
|
+
};
|
|
104
|
+
export type YImgStatus = 'idle' | 'loading' | 'loaded' | 'error';
|
|
105
|
+
export declare const YImg: import('vue').DefineComponent<{
|
|
106
|
+
minWidth: PropType<string | number>;
|
|
107
|
+
width: PropType<string | number>;
|
|
108
|
+
maxWidth: PropType<string | number>;
|
|
109
|
+
minHeight: PropType<string | number>;
|
|
110
|
+
height: PropType<string | number>;
|
|
111
|
+
maxHeight: PropType<string | number>;
|
|
112
|
+
objectFit: {
|
|
113
|
+
type: PropType<"fill" | "contain" | "cover" | "scale-down">;
|
|
114
|
+
default: string;
|
|
115
|
+
};
|
|
116
|
+
eager: BooleanConstructor;
|
|
117
|
+
transition: Omit<{
|
|
118
|
+
type: PropType<string | (import('vue').TransitionProps & {
|
|
119
|
+
is?: import('vue').Component | undefined;
|
|
120
|
+
})>;
|
|
121
|
+
default: string;
|
|
122
|
+
}, "default" | "type"> & {
|
|
123
|
+
type: PropType<NonNullable<string | (import('vue').TransitionProps & {
|
|
124
|
+
is?: import('vue').Component | undefined;
|
|
125
|
+
})>>;
|
|
126
|
+
default: NonNullable<string | (import('vue').TransitionProps & {
|
|
127
|
+
is?: import('vue').Component | undefined;
|
|
128
|
+
})>;
|
|
129
|
+
};
|
|
130
|
+
src: PropType<string>;
|
|
131
|
+
crossorigin: PropType<"" | "anonymous" | "use-credentials" | undefined>;
|
|
132
|
+
referrerpolicy: PropType<("" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url") | undefined>;
|
|
133
|
+
}, void, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("error" | "load" | "loaded")[], "error" | "load" | "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
134
|
+
minWidth: PropType<string | number>;
|
|
135
|
+
width: PropType<string | number>;
|
|
136
|
+
maxWidth: PropType<string | number>;
|
|
137
|
+
minHeight: PropType<string | number>;
|
|
138
|
+
height: PropType<string | number>;
|
|
139
|
+
maxHeight: PropType<string | number>;
|
|
140
|
+
objectFit: {
|
|
141
|
+
type: PropType<"fill" | "contain" | "cover" | "scale-down">;
|
|
142
|
+
default: string;
|
|
143
|
+
};
|
|
144
|
+
eager: BooleanConstructor;
|
|
145
|
+
transition: Omit<{
|
|
146
|
+
type: PropType<string | (import('vue').TransitionProps & {
|
|
147
|
+
is?: import('vue').Component | undefined;
|
|
148
|
+
})>;
|
|
149
|
+
default: string;
|
|
150
|
+
}, "default" | "type"> & {
|
|
151
|
+
type: PropType<NonNullable<string | (import('vue').TransitionProps & {
|
|
152
|
+
is?: import('vue').Component | undefined;
|
|
153
|
+
})>>;
|
|
154
|
+
default: NonNullable<string | (import('vue').TransitionProps & {
|
|
155
|
+
is?: import('vue').Component | undefined;
|
|
156
|
+
})>;
|
|
157
|
+
};
|
|
158
|
+
src: PropType<string>;
|
|
159
|
+
crossorigin: PropType<"" | "anonymous" | "use-credentials" | undefined>;
|
|
160
|
+
referrerpolicy: PropType<("" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url") | undefined>;
|
|
161
|
+
}>> & {
|
|
162
|
+
onError?: ((...args: any[]) => any) | undefined;
|
|
163
|
+
onLoad?: ((...args: any[]) => any) | undefined;
|
|
164
|
+
onLoaded?: ((...args: any[]) => any) | undefined;
|
|
165
|
+
}, {
|
|
166
|
+
transition: NonNullable<string | (import('vue').TransitionProps & {
|
|
167
|
+
is?: import('vue').Component | undefined;
|
|
168
|
+
})>;
|
|
169
|
+
objectFit: "fill" | "contain" | "cover" | "scale-down";
|
|
170
|
+
eager: boolean;
|
|
171
|
+
}, SlotsType<{
|
|
172
|
+
placeholder: any;
|
|
173
|
+
}>>;
|
|
File without changes
|
|
@@ -152,14 +152,14 @@ export declare const pressYLayerProps: <Defaults extends {
|
|
|
152
152
|
}, "default" | "type"> & {
|
|
153
153
|
type: PropType<unknown extends Defaults["transition"] ? string | (import('vue').TransitionProps & {
|
|
154
154
|
is?: import('vue').Component | undefined;
|
|
155
|
-
}) :
|
|
155
|
+
}) : NonNullable<string | (import('vue').TransitionProps & {
|
|
156
156
|
is?: import('vue').Component | undefined;
|
|
157
|
-
})
|
|
157
|
+
})> | Defaults["transition"]>;
|
|
158
158
|
default: unknown extends Defaults["transition"] ? string | (import('vue').TransitionProps & {
|
|
159
159
|
is?: import('vue').Component | undefined;
|
|
160
|
-
}) :
|
|
160
|
+
}) : NonNullable<string | (import('vue').TransitionProps & {
|
|
161
161
|
is?: import('vue').Component | undefined;
|
|
162
|
-
})
|
|
162
|
+
})> | Defaults["transition"];
|
|
163
163
|
};
|
|
164
164
|
theme: unknown extends Defaults["theme"] ? PropType<string> : {
|
|
165
165
|
type: PropType<unknown extends Defaults["theme"] ? string : string | Defaults["theme"]>;
|
|
@@ -119,11 +119,18 @@ export declare const YMenuPropOptions: {
|
|
|
119
119
|
* # Component
|
|
120
120
|
*/
|
|
121
121
|
export declare const YMenu: import('vue').DefineComponent<{
|
|
122
|
-
transition: {
|
|
123
|
-
default: string;
|
|
122
|
+
transition: Omit<{
|
|
124
123
|
type: PropType<string | (import('vue').TransitionProps & {
|
|
125
124
|
is?: import('vue').Component | undefined;
|
|
126
125
|
})>;
|
|
126
|
+
default: string;
|
|
127
|
+
}, "default" | "type"> & {
|
|
128
|
+
type: PropType<NonNullable<string | (import('vue').TransitionProps & {
|
|
129
|
+
is?: import('vue').Component | undefined;
|
|
130
|
+
})>>;
|
|
131
|
+
default: NonNullable<string | (import('vue').TransitionProps & {
|
|
132
|
+
is?: import('vue').Component | undefined;
|
|
133
|
+
})>;
|
|
127
134
|
};
|
|
128
135
|
preventCloseBubble: PropType<boolean>;
|
|
129
136
|
minWidth: PropType<string | number>;
|
|
@@ -2076,11 +2083,18 @@ export declare const YMenu: import('vue').DefineComponent<{
|
|
|
2076
2083
|
};
|
|
2077
2084
|
hovered: import('vue').ComputedRef<boolean>;
|
|
2078
2085
|
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "afterLeave" | "hoverContent")[], "update:modelValue" | "afterLeave" | "hoverContent", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
2079
|
-
transition: {
|
|
2080
|
-
default: string;
|
|
2086
|
+
transition: Omit<{
|
|
2081
2087
|
type: PropType<string | (import('vue').TransitionProps & {
|
|
2082
2088
|
is?: import('vue').Component | undefined;
|
|
2083
2089
|
})>;
|
|
2090
|
+
default: string;
|
|
2091
|
+
}, "default" | "type"> & {
|
|
2092
|
+
type: PropType<NonNullable<string | (import('vue').TransitionProps & {
|
|
2093
|
+
is?: import('vue').Component | undefined;
|
|
2094
|
+
})>>;
|
|
2095
|
+
default: NonNullable<string | (import('vue').TransitionProps & {
|
|
2096
|
+
is?: import('vue').Component | undefined;
|
|
2097
|
+
})>;
|
|
2084
2098
|
};
|
|
2085
2099
|
preventCloseBubble: PropType<boolean>;
|
|
2086
2100
|
minWidth: PropType<string | number>;
|
|
@@ -2198,9 +2212,9 @@ export declare const YMenu: import('vue').DefineComponent<{
|
|
|
2198
2212
|
align: "top" | "bottom" | "start" | "end" | "center";
|
|
2199
2213
|
closeDelay: number;
|
|
2200
2214
|
openDelay: number;
|
|
2201
|
-
transition: string | (import('vue').TransitionProps & {
|
|
2215
|
+
transition: NonNullable<string | (import('vue').TransitionProps & {
|
|
2202
2216
|
is?: import('vue').Component | undefined;
|
|
2203
|
-
})
|
|
2217
|
+
})>;
|
|
2204
2218
|
coordinateStrategy: NonNullable<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
|
|
2205
2219
|
position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
|
|
2206
2220
|
origin: string;
|