yuyeon 0.0.46 → 0.0.47-rc.1

package/lib/components/layer/YLayer.mjs

@@ -10,7 +10,7 @@ import { PolyTransition, polyTransitionPropOptions, usePolyTransition } from "..
 import { ComplementClick } from "../../directives/complement-click/index.mjs";
 import { bindClasses, propsFactory } from "../../util/vue-component.mjs";
 import "./YLayer.scss";
-import { useBase } from "./base.mjs";
+import { pressBasePropsOptions, useBase } from "./base.mjs";
 export const pressYLayerProps = propsFactory({
   modelValue: {
     type: Boolean
@@ -55,6 +55,7 @@ export const pressYLayerProps = propsFactory({
   },
   ...pressThemePropsOptions(),
   ...polyTransitionPropOptions,
+  ...pressBasePropsOptions(),
   ...pressCoordinateProps(),
   ...pressDimensionPropsOptions()
 }, 'YLayer');
@@ -88,10 +89,11 @@ export const YLayer = defineComponent({
     const scrim$ = ref();
     const content$ = ref();
     const {
+      base,
       base$,
       baseEl,
       baseSlot
-    } = useBase();
+    } = useBase(props);
     const {
       themeClasses
     } = useLocalTheme(props);
@@ -127,7 +129,7 @@ export const YLayer = defineComponent({
       updateCoordinate
     } = useCoordinate(props, {
       contentEl: content$,
-      baseEl,
+      base,
       active
     });
     function onClickComplementLayer(mouseEvent) {

package/lib/components/layer/YLayer.mjs.map

@@ -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","useBase","pressYLayerProps","modelValue","type","Boolean","scrim","scrimOpacity","Number","eager","classes","Array","String","Object","contentClasses","closeClickScrim","contentStyles","default","disabled","openOnHover","openDelay","closeDelay","YLayer","name","inheritAttrs","components","directives","props","modal","emits","value","mouseEvent","afterLeave","slots","setup","_ref","emit","expose","attrs","vm","scrim$","content$","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","zIndex","computedClass","boundClasses","computedContentClasses","isMe","vnode","slotBase","base","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 {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    ...pressThemePropsOptions(),\r\n    ...polyTransitionPropOptions,\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$, baseEl, baseSlot } = useBase();\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      baseEl,\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: '2000',\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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"}
+{"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","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","zIndex","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    ...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: '2000',\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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"}

package/lib/components/layer/base.mjs

@@ -1,15 +1,25 @@
 import { computed, getCurrentInstance, ref, watchEffect } from 'vue';
 import { propsFactory } from "../../util/vue-component.mjs";
 export const pressBasePropsOptions = propsFactory({
-  base: String
+  base: [String, Object, Array]
 }, 'YLayer.base');
-export function useBase() {
+export function useBase(props) {
   const vm = getCurrentInstance();
   const base$ = ref();
   const baseSlot = ref();
   const baseEl = ref();
   const baseFromSlotEl = computed(() => {
-    return baseSlot.value?.[0]?.el;
+    const el = baseSlot.value?.[0]?.el;
+    if (el && el.nodeType === Node.ELEMENT_NODE) {
+      return el;
+    }
+    return undefined;
+  });
+  const base = computed(() => {
+    if (baseEl.value) {
+      return baseEl.value;
+    }
+    return getBase(props.base, vm);
   });
   watchEffect(() => {
     if (!base$.value) {
@@ -21,7 +31,7 @@ export function useBase() {
       base = base.baseEl;
     }
     if (base$.value?.$el) {
-      if (base$.value.$el.nodeType === 1) {
+      if (base$.value.$el.nodeType === Node.ELEMENT_NODE) {
         base = base$.value.$el;
       }
     }
@@ -30,7 +40,32 @@ export function useBase() {
   return {
     base$,
     baseEl,
-    baseSlot
+    baseSlot,
+    base
   };
 }
+function getBase(selector, vm) {
+  if (!selector) return;
+  let ret;
+  if (selector === 'parent') {
+    let el = vm?.proxy?.$el?.parentNode;
+    while (el?.hasAttribute('data-base-parent')) {
+      el = el.parentNode;
+    }
+    ret = el;
+  }
+  // Selector
+  else if (typeof selector === 'string') {
+    ret = document.querySelector(selector);
+  }
+  // Component
+  else if ('$el' in selector) {
+    ret = selector.$el;
+  }
+  // HTMLElement | Element | [x, y]
+  else {
+    ret = selector;
+  }
+  return ret;
+}
 //# sourceMappingURL=base.mjs.map

package/lib/components/layer/base.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"base.mjs","names":["computed","getCurrentInstance","ref","watchEffect","propsFactory","pressBasePropsOptions","base","String","useBase","vm","base$","baseSlot","baseEl","baseFromSlotEl","value","el","$el","nodeType"],"sources":["../../../src/components/layer/base.ts"],"sourcesContent":["import { computed, getCurrentInstance, ref, watchEffect } from 'vue';\n\nimport { propsFactory } from '../../util/vue-component';\n\nexport const pressBasePropsOptions = propsFactory(\n  {\n    base: String,\n  },\n  'YLayer.base',\n);\n\nexport function useBase() {\n  const vm = getCurrentInstance();\n\n  const base$ = ref();\n  const baseSlot = ref();\n  const baseEl = ref<HTMLElement>();\n\n  const baseFromSlotEl = computed(() => {\n    return baseSlot.value?.[0]?.el;\n  });\n\n  watchEffect(() => {\n    if (!base$.value) {\n      baseEl.value = baseFromSlotEl.value;\n      return;\n    }\n    let base = base$.value;\n    if (base.baseEl) {\n      base = base.baseEl;\n    }\n    if (base$.value?.$el) {\n      if (base$.value.$el.nodeType === 1) {\n        base = base$.value.$el;\n      }\n    }\n    baseEl.value = base;\n  });\n\n  return {\n    base$,\n    baseEl,\n    baseSlot,\n  };\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,kBAAkB,EAAEC,GAAG,EAAEC,WAAW,QAAQ,KAAK;AAAC,SAE5DC,YAAY;AAErB,OAAO,MAAMC,qBAAqB,GAAGD,YAAY,CAC/C;EACEE,IAAI,EAAEC;AACR,CAAC,EACD,aACF,CAAC;AAED,OAAO,SAASC,OAAOA,CAAA,EAAG;EACxB,MAAMC,EAAE,GAAGR,kBAAkB,CAAC,CAAC;EAE/B,MAAMS,KAAK,GAAGR,GAAG,CAAC,CAAC;EACnB,MAAMS,QAAQ,GAAGT,GAAG,CAAC,CAAC;EACtB,MAAMU,MAAM,GAAGV,GAAG,CAAc,CAAC;EAEjC,MAAMW,cAAc,GAAGb,QAAQ,CAAC,MAAM;IACpC,OAAOW,QAAQ,CAACG,KAAK,GAAG,CAAC,CAAC,EAAEC,EAAE;EAChC,CAAC,CAAC;EAEFZ,WAAW,CAAC,MAAM;IAChB,IAAI,CAACO,KAAK,CAACI,KAAK,EAAE;MAChBF,MAAM,CAACE,KAAK,GAAGD,cAAc,CAACC,KAAK;MACnC;IACF;IACA,IAAIR,IAAI,GAAGI,KAAK,CAACI,KAAK;IACtB,IAAIR,IAAI,CAACM,MAAM,EAAE;MACfN,IAAI,GAAGA,IAAI,CAACM,MAAM;IACpB;IACA,IAAIF,KAAK,CAACI,KAAK,EAAEE,GAAG,EAAE;MACpB,IAAIN,KAAK,CAACI,KAAK,CAACE,GAAG,CAACC,QAAQ,KAAK,CAAC,EAAE;QAClCX,IAAI,GAAGI,KAAK,CAACI,KAAK,CAACE,GAAG;MACxB;IACF;IACAJ,MAAM,CAACE,KAAK,GAAGR,IAAI;EACrB,CAAC,CAAC;EAEF,OAAO;IACLI,KAAK;IACLE,MAAM;IACND;EACF,CAAC;AACH"}
+{"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","$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      baseEl.value = baseFromSlotEl.value;\n      return;\n    }\n    let base = base$.value;\n    if (base.baseEl) {\n      base = base.baseEl;\n    }\n    if (base$.value?.$el) {\n      if (base$.value.$el.nodeType === Node.ELEMENT_NODE) {\n        base = base$.value.$el;\n      }\n    }\n    baseEl.value = base;\n  });\n\n  return {\n    base$,\n    baseEl,\n    baseSlot,\n    base,\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":"AAAA,SAIEA,QAAQ,EACRC,kBAAkB,EAClBC,GAAG,EACHC,WAAW,QACN,KAAK;AAAC,SAEJC,YAAY;AASrB,OAAO,MAAMC,qBAAqB,GAAGD,YAAY,CAC/C;EACEE,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,EAAEC,KAAK;AAC9B,CAAC,EACD,aACF,CAAC;AAMD,OAAO,SAASC,OAAOA,CAACC,KAAgB,EAAE;EACxC,MAAMC,EAAE,GAAGX,kBAAkB,CAAC,CAAE;EAEhC,MAAMY,KAAK,GAAGX,GAAG,CAAC,CAAC;EACnB,MAAMY,QAAQ,GAAGZ,GAAG,CAAC,CAAC;EACtB,MAAMa,MAAM,GAAGb,GAAG,CAAc,CAAC;EAEjC,MAAMc,cAAc,GAAGhB,QAAQ,CAAC,MAAM;IACpC,MAAMiB,EAAE,GAAGH,QAAQ,CAACI,KAAK,GAAG,CAAC,CAAC,EAAED,EAAE;IAClC,IAAIA,EAAE,IAAIA,EAAE,CAACE,QAAQ,KAAKC,IAAI,CAACC,YAAY,EAAE;MAC3C,OAAOJ,EAAE;IACX;IACA,OAAOK,SAAS;EAClB,CAAC,CAAC;EAEF,MAAMhB,IAAI,GAAGN,QAAQ,CAAC,MAAM;IAC1B,IAAIe,MAAM,CAACG,KAAK,EAAE;MAChB,OAAOH,MAAM,CAACG,KAAK;IACrB;IACA,OAAOK,OAAO,CAACZ,KAAK,CAACL,IAAI,EAAEM,EAAE,CAAC;EAChC,CAAC,CAAC;EAEFT,WAAW,CAAC,MAAM;IAChB,IAAI,CAACU,KAAK,CAACK,KAAK,EAAE;MAChBH,MAAM,CAACG,KAAK,GAAGF,cAAc,CAACE,KAAK;MACnC;IACF;IACA,IAAIZ,IAAI,GAAGO,KAAK,CAACK,KAAK;IACtB,IAAIZ,IAAI,CAACS,MAAM,EAAE;MACfT,IAAI,GAAGA,IAAI,CAACS,MAAM;IACpB;IACA,IAAIF,KAAK,CAACK,KAAK,EAAEM,GAAG,EAAE;MACpB,IAAIX,KAAK,CAACK,KAAK,CAACM,GAAG,CAACL,QAAQ,KAAKC,IAAI,CAACC,YAAY,EAAE;QAClDf,IAAI,GAAGO,KAAK,CAACK,KAAK,CAACM,GAAG;MACxB;IACF;IACAT,MAAM,CAACG,KAAK,GAAGZ,IAAI;EACrB,CAAC,CAAC;EAEF,OAAO;IACLO,KAAK;IACLE,MAAM;IACND,QAAQ;IACRR;EACF,CAAC;AACH;AAEA,SAASiB,OAAOA,CAACE,QAAkB,EAAEb,EAA6B,EAAE;EAClE,IAAI,CAACa,QAAQ,EAAE;EAEf,IAAIC,GAAG;EAEP,IAAID,QAAQ,KAAK,QAAQ,EAAE;IACzB,IAAIR,EAAE,GAAGL,EAAE,EAAEe,KAAK,EAAEH,GAAG,EAAEI,UAAU;IACnC,OAAOX,EAAE,EAAEY,YAAY,CAAC,kBAAkB,CAAC,EAAE;MAC3CZ,EAAE,GAAGA,EAAE,CAACW,UAAU;IACpB;IACAF,GAAG,GAAGT,EAAE;EACV;EACA;EAAA,KACK,IAAI,OAAOQ,QAAQ,KAAK,QAAQ,EAAE;IACrCC,GAAG,GAAGI,QAAQ,CAACC,aAAa,CAACN,QAAQ,CAAC;EACxC;EACA;EAAA,KACK,IAAI,KAAK,IAAIA,QAAQ,EAAE;IAC1BC,GAAG,GAAGD,QAAQ,CAACD,GAAG;EACpB;EACA;EAAA,KACK;IACHE,GAAG,GAAGD,QAAQ;EAChB;EAEA,OAAOC,GAAG;AACZ"}

package/lib/composables/coordinate/arrangement.mjs

@@ -1,7 +1,7 @@
 export function applyArrangement(props, state, coordinate, coordinateStyles) {
   const {
     contentEl,
-    baseEl,
+    base,
     active
   } = state;
   function updateCoordinate() {

package/lib/composables/coordinate/arrangement.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"arrangement.mjs","names":["applyArrangement","props","state","coordinate","coordinateStyles","contentEl","baseEl","active","updateCoordinate"],"sources":["../../../src/composables/coordinate/arrangement.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'vue';\n\nimport { Rect } from '../../util/rect';\n\nimport { CoordinateState } from './types';\n\nexport function applyArrangement(\n  props: any,\n  state: CoordinateState,\n  coordinate: Ref<Rect | undefined>,\n  coordinateStyles: Ref<CSSProperties>,\n) {\n  const { contentEl, baseEl, active } = state;\n\n  function updateCoordinate(): any {\n    //\n  }\n\n  return {\n    updateCoordinate,\n  };\n}\n"],"mappings":"AAMA,OAAO,SAASA,gBAAgBA,CAC9BC,KAAU,EACVC,KAAsB,EACtBC,UAAiC,EACjCC,gBAAoC,EACpC;EACA,MAAM;IAAEC,SAAS;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAE3C,SAASM,gBAAgBA,CAAA,EAAQ;IAC/B;EAAA;EAGF,OAAO;IACLA;EACF,CAAC;AACH"}
+{"version":3,"file":"arrangement.mjs","names":["applyArrangement","props","state","coordinate","coordinateStyles","contentEl","base","active","updateCoordinate"],"sources":["../../../src/composables/coordinate/arrangement.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'vue';\n\nimport { Rect } from '../../util/rect';\n\nimport { CoordinateState } from './types';\n\nexport function applyArrangement(\n  props: any,\n  state: CoordinateState,\n  coordinate: Ref<Rect | undefined>,\n  coordinateStyles: Ref<CSSProperties>,\n) {\n  const { contentEl, base, active } = state;\n\n  function updateCoordinate(): any {\n    //\n  }\n\n  return {\n    updateCoordinate,\n  };\n}\n"],"mappings":"AAMA,OAAO,SAASA,gBAAgBA,CAC9BC,KAAU,EACVC,KAAsB,EACtBC,UAAiC,EACjCC,gBAAoC,EACpC;EACA,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAEzC,SAASM,gBAAgBA,CAAA,EAAQ;IAC/B;EAAA;EAGF,OAAO;IACLA;EACF,CAAC;AACH"}

package/lib/composables/coordinate/levitation.mjs

@@ -1,15 +1,15 @@
-import { computed, nextTick, onScopeDispose, ref, watch } from "vue";
-import { MutableRect, getOverflow } from "../../util/rect.mjs";
+import { computed, nextTick, onScopeDispose, ref, watch } from 'vue';
+import { flipAlign, flipCorner, flipSide, getAxis, parseAnchor } from "../../util/anchor.mjs";
+import { clamp } from "../../util/common.mjs";
 import { $computed } from "../../util/reactivity.mjs";
+import { MutableRect, getOverflow } from "../../util/rect.mjs";
 import { getScrollParents } from "../../util/scroll.mjs";
 import { getBoundingPureRect, pixelCeil, pixelRound, toStyleSizeValue } from "../../util/ui.mjs";
 import { anchorToPoint, getOffset } from "./utils/point.mjs";
-import { flipAlign, flipCorner, flipSide, getAxis, parseAnchor } from "../../util/anchor.mjs";
-import { clamp } from "../../util/common.mjs";
 export function applyLevitation(props, state, coordinate, coordinateStyles) {
   const {
     contentEl,
-    baseEl,
+    base,
     active
   } = state;
   const isRtl = ref(false);
@@ -40,11 +40,11 @@ export function applyLevitation(props, state, coordinate, coordinateStyles) {
   const resizeObserver = new ResizeObserver(() => {
     if (observe) updateCoordinate();
   });
-  watch([state.baseEl, state.contentEl], (_ref, _ref2) => {
+  watch([state.base, state.contentEl], (_ref, _ref2) => {
     let [neoBaseEl, neoContentEl] = _ref;
     let [oldBaseEl, oldContentEl] = _ref2;
-    if (oldBaseEl) resizeObserver.unobserve(oldBaseEl);
-    if (neoBaseEl) resizeObserver.observe(neoBaseEl);
+    if (oldBaseEl && !Array.isArray(oldBaseEl) && oldBaseEl.nodeType === 1) resizeObserver.unobserve(oldBaseEl);
+    if (neoBaseEl && !Array.isArray(neoBaseEl) && neoBaseEl.nodeType === 1) resizeObserver.observe(neoBaseEl);
     if (oldContentEl) resizeObserver.unobserve(oldContentEl);
     if (neoContentEl) resizeObserver.observe(neoContentEl);
   }, {
@@ -61,7 +61,7 @@ export function applyLevitation(props, state, coordinate, coordinateStyles) {
   }
   function updateCoordinate() {
     observe = false;
-    const $base = baseEl.value;
+    const $base = base.value;
     const $content = contentEl.value;
     requestAnimationFrame(() => {
       requestAnimationFrame(() => observe = true);
@@ -70,7 +70,12 @@ export function applyLevitation(props, state, coordinate, coordinateStyles) {
     const {
       viewportMargin
     } = props;
-    const baseRect = $base.getBoundingClientRect();
+    const baseRect = Array.isArray($base) ? new MutableRect({
+      x: $base?.[0] ?? 0,
+      y: $base?.[1] ?? 0,
+      width: 0,
+      height: 0
+    }) : $base.getBoundingClientRect();
     const contentRect = getIgnoreInsetRect($content);
     const scrollParents = getScrollParents($content);
     if (scrollParents.length < 1) {

package/lib/composables/coordinate/levitation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"levitation.mjs","names":["computed","nextTick","onScopeDispose","ref","watch","MutableRect","getOverflow","$computed","getScrollParents","getBoundingPureRect","pixelCeil","pixelRound","toStyleSizeValue","anchorToPoint","getOffset","flipAlign","flipCorner","flipSide","getAxis","parseAnchor","clamp","applyLevitation","props","state","coordinate","coordinateStyles","contentEl","baseEl","active","isRtl","minWidth","minHeight","maxWidth","maxHeight","map","key","val","parseFloat","isNaN","Infinity","offset","Array","isArray","split","length","push","observe","resizeObserver","ResizeObserver","updateCoordinate","_ref","_ref2","neoBaseEl","neoContentEl","oldBaseEl","oldContentEl","unobserve","immediate","disconnect","getIgnoreInsetRect","el","rect","x","style","left","y","top","$base","value","$content","requestAnimationFrame","viewportMargin","baseRect","getBoundingClientRect","contentRect","scrollParents","document","documentElement","viewport","reduce","box","scrollBox","width","clientWidth","height","clientHeight","Math","max","min","right","bottom","undefined","preferredAnchor","preferredOrigin","location","position","align","parsedAnchor","parsedOrigin","origin","side","placement","anchor","checkOverflow","_placement","targetPoint","contentPoint","overflows","available","flipped","resets","_x","_y","axis","hasOverflowX","before","after","hasOverflowY","reset","forEach","newPlacement","flip","newOverflows","Object","assign","transformOrigin","result"],"sources":["../../../src/composables/coordinate/levitation.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'vue';\nimport { computed, nextTick, onScopeDispose, ref, watch } from \"vue\";\n\nimport { MutableRect, Rect, getOverflow } from '../../util/rect';\nimport { $computed } from '../../util/reactivity';\nimport { getScrollParents } from '../../util/scroll';\nimport { getBoundingPureRect, pixelCeil, pixelRound, toStyleSizeValue } from \"../../util/ui\";\nimport {\n  anchorToPoint,\n  getOffset,\n} from './utils/point';\n\nimport { CoordinateState } from './types';\nimport { Anchor, flipAlign, flipCorner, flipSide, getAxis, parseAnchor } from \"../../util/anchor\";\nimport { clamp } from \"../../util/common\";\n\nexport function applyLevitation(\n  props: any,\n  state: CoordinateState,\n  coordinate: Ref<Rect | undefined>,\n  coordinateStyles: Ref<CSSProperties>,\n) {\n  const { contentEl, baseEl, active } = state;\n\n  const isRtl = ref(false);\n\n  /* Content Limitations */\n  const [minWidth, minHeight, maxWidth, maxHeight] = (\n    ['minWidth', 'minHeight', 'maxWidth', 'maxHeight'] as const\n  ).map((key) => {\n    return computed(() => {\n      const val = parseFloat(props[key]!);\n      return isNaN(val) ? Infinity : val;\n    });\n  });\n\n  /* Offset */\n  const offset = computed(() => {\n    if (Array.isArray(props.offset)) {\n      return props.offset;\n    }\n    if (typeof props.offset === 'string') {\n      const offset = props.offset.split(' ').map(parseFloat);\n      if (offset.length < 2) offset.push(0);\n      return offset;\n    }\n    return typeof props.offset === 'number' ? [props.offset, 0] : [0, 0];\n  });\n\n  /* Observing Update */\n  let observe = false;\n  const resizeObserver = new ResizeObserver(() => {\n    if (observe) updateCoordinate();\n  });\n  watch(\n    [state.baseEl, state.contentEl],\n    ([neoBaseEl, neoContentEl], [oldBaseEl, oldContentEl]) => {\n      if (oldBaseEl) resizeObserver.unobserve(oldBaseEl);\n      if (neoBaseEl) resizeObserver.observe(neoBaseEl);\n\n      if (oldContentEl) resizeObserver.unobserve(oldContentEl);\n      if (neoContentEl) resizeObserver.observe(neoContentEl);\n    },\n    { immediate: true },\n  );\n  onScopeDispose(() => {\n    resizeObserver.disconnect();\n  });\n\n  function getIgnoreInsetRect(el: HTMLElement) {\n    const rect = getBoundingPureRect(el);\n    rect.x -= parseFloat(el.style.left || '0');\n    rect.y -= parseFloat(el.style.top || '0');\n    return rect;\n  }\n\n  function updateCoordinate(): any {\n    observe = false;\n    const $base = baseEl.value;\n    const $content = contentEl.value;\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => (observe = true));\n    });\n\n    if (!$base || !$content) return;\n\n    const { viewportMargin } = props;\n\n    const baseRect = $base.getBoundingClientRect();\n    const contentRect = getIgnoreInsetRect($content);\n    const scrollParents = getScrollParents($content);\n\n    if (scrollParents.length < 1) {\n      scrollParents.push(document.documentElement);\n    }\n\n    /**\n     * Viewport area\n     */\n    const viewport = scrollParents.reduce<MutableRect>(\n      (box: MutableRect | undefined, el) => {\n        const rect = el.getBoundingClientRect();\n        const scrollBox = new MutableRect({\n          x: el === document.documentElement ? 0 : rect.x,\n          y: el === document.documentElement ? 0 : rect.y,\n          width: el.clientWidth,\n          height: el.clientHeight,\n        });\n\n        if (box) {\n          return new MutableRect({\n            x: Math.max(box.left, scrollBox.left),\n            y: Math.max(box.top, scrollBox.top),\n            width:\n              Math.min(box.right, scrollBox.right) -\n              Math.max(box.left, scrollBox.left),\n            height:\n              Math.min(box.bottom, scrollBox.bottom) -\n              Math.max(box.top, scrollBox.top),\n          });\n        }\n        return scrollBox;\n      },\n      undefined!,\n    );\n    viewport.x += viewportMargin;\n    viewport.y += viewportMargin;\n    viewport.width -= viewportMargin * 2;\n    viewport.height -= viewportMargin * 2;\n\n    const { preferredAnchor, preferredOrigin } = $computed(() => {\n      const location = `${props.position} ${props.align}` as Anchor;\n      const parsedAnchor = parseAnchor(location, false);\n      const parsedOrigin =\n        props.origin === 'overlap'\n          ? parsedAnchor\n          : props.origin === 'auto'\n          ? flipSide(parsedAnchor)\n          : parseAnchor(props.origin, false);\n\n      // Some combinations of props may produce an invalid origin\n      if (\n        parsedAnchor.side === parsedOrigin.side &&\n        parsedAnchor.align === flipAlign(parsedOrigin).align\n      ) {\n        return {\n          preferredAnchor: flipCorner(parsedAnchor),\n          preferredOrigin: flipCorner(parsedOrigin),\n        };\n      } else {\n        return {\n          preferredAnchor: parsedAnchor,\n          preferredOrigin: parsedOrigin,\n        };\n      }\n    });\n\n    let placement = {\n      anchor: preferredAnchor.value,\n      origin: preferredOrigin.value,\n    };\n\n    function checkOverflow(_placement: typeof placement) {\n      const box = new MutableRect(contentRect);\n      const targetPoint = anchorToPoint(_placement.anchor, baseRect);\n      const contentPoint = anchorToPoint(_placement.origin, box);\n\n      let { x, y } = getOffset(targetPoint, contentPoint);\n\n      switch (_placement.anchor.side) {\n        case 'top':\n          y -= offset.value[0];\n          break;\n        case 'bottom':\n          y += offset.value[0];\n          break;\n        case 'left':\n          x -= offset.value[0];\n          break;\n        case 'right':\n          x += offset.value[0];\n          break;\n      }\n\n      switch (_placement.anchor.align) {\n        case 'top':\n          y -= offset.value[1];\n          break;\n        case 'bottom':\n          y += offset.value[1];\n          break;\n        case 'left':\n          x -= offset.value[1];\n          break;\n        case 'right':\n          x += offset.value[1];\n          break;\n      }\n\n      box.x += x;\n      box.y += y;\n\n      box.width = Math.min(box.width, maxWidth.value);\n      box.height = Math.min(box.height, maxHeight.value);\n\n      const overflows = getOverflow(box, viewport);\n\n      return { overflows, x, y };\n    }\n\n    let x = 0;\n    let y = 0;\n    const available = { x: 0, y: 0 };\n    const flipped = { x: false, y: false };\n    let resets = -1;\n    while (true) {\n      if (resets++ > 10) {\n        break;\n      }\n\n      const { x: _x, y: _y, overflows } = checkOverflow(placement);\n\n      x += _x;\n      y += _y;\n\n      contentRect.x += _x;\n      contentRect.y += _y;\n\n      // flip\n      {\n        const axis = getAxis(placement.anchor);\n        const hasOverflowX = overflows.x.before || overflows.x.after;\n        const hasOverflowY = overflows.y.before || overflows.y.after;\n\n        let reset = false;\n        ['x', 'y'].forEach((key) => {\n          if (\n            (key === 'x' && hasOverflowX && !flipped.x) ||\n            (key === 'y' && hasOverflowY && !flipped.y)\n          ) {\n            const newPlacement = {\n              anchor: { ...placement.anchor },\n              origin: { ...placement.origin },\n            };\n            const flip =\n              key === 'x'\n                ? axis === 'y'\n                  ? flipAlign\n                  : flipSide\n                : axis === 'y'\n                ? flipSide\n                : flipAlign;\n            newPlacement.anchor = flip(newPlacement.anchor);\n            newPlacement.origin = flip(newPlacement.origin);\n            const { overflows: newOverflows } = checkOverflow(newPlacement);\n            if (\n              (newOverflows[key].before <= overflows[key].before &&\n                newOverflows[key].after <= overflows[key].after) ||\n              newOverflows[key].before + newOverflows[key].after <\n                (overflows[key].before + overflows[key].after) / 2\n            ) {\n              placement = newPlacement;\n              reset = flipped[key] = true;\n            }\n          }\n        });\n        if (reset) continue;\n      }\n\n      // shift\n      if (overflows.x.before) {\n        x += overflows.x.before;\n        contentRect.x += overflows.x.before;\n      }\n      if (overflows.x.after) {\n        x -= overflows.x.after;\n        contentRect.x -= overflows.x.after;\n      }\n      if (overflows.y.before) {\n        y += overflows.y.before;\n        contentRect.y += overflows.y.before;\n      }\n      if (overflows.y.after) {\n        y -= overflows.y.after;\n        contentRect.y -= overflows.y.after;\n      }\n\n      // size\n      {\n        const overflows = getOverflow(contentRect, viewport);\n        available.x = viewport.width - overflows.x.before - overflows.x.after;\n        available.y = viewport.height - overflows.y.before - overflows.y.after;\n\n        x += overflows.x.before;\n        contentRect.x += overflows.x.before;\n        y += overflows.y.before;\n        contentRect.y += overflows.y.before;\n      }\n\n      break;\n    }\n\n    const axis = getAxis(placement.anchor);\n\n    Object.assign(coordinateStyles.value, {\n      '--y-levitation-anchor-origin': `${placement.anchor.side} ${placement.anchor.align}`,\n      transformOrigin: `${placement.origin.side} ${placement.origin.align}`,\n      top: toStyleSizeValue(pixelRound(y)),\n      left: isRtl.value ? undefined : toStyleSizeValue(pixelRound(x)),\n      right: isRtl.value ? toStyleSizeValue(pixelRound(-x)) : undefined,\n      minWidth: toStyleSizeValue(\n        axis === 'y'\n          ? Math.min(minWidth.value, baseRect.width)\n          : minWidth.value,\n      ),\n      maxWidth: toStyleSizeValue(\n        pixelCeil(\n          clamp(\n            available.x,\n            minWidth.value === Infinity ? 0 : minWidth.value,\n            maxWidth.value,\n          ),\n        ),\n      ),\n      maxHeight: toStyleSizeValue(\n        pixelCeil(\n          clamp(\n            available.y,\n            minHeight.value === Infinity ? 0 : minHeight.value,\n            maxHeight.value,\n          ),\n        ),\n      ),\n    });\n\n    return {\n      available,\n      contentRect,\n    };\n  }\n\n  watch(\n    () => [\n      props.offset,\n      props.minWidth,\n      props.minHeight,\n      props.maxWidth,\n      props.maxHeight,\n    ],\n    () => updateCoordinate(),\n  );\n\n  nextTick(() => {\n    const result = updateCoordinate();\n    if (!result) return;\n    const { available, contentRect } = result;\n    if (contentRect.height > available.y) {\n      requestAnimationFrame(() => {\n        updateCoordinate();\n        requestAnimationFrame(() => {\n          updateCoordinate();\n        });\n      });\n    }\n  });\n\n  return {\n    updateCoordinate,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"levitation.mjs","names":["computed","nextTick","onScopeDispose","ref","watch","flipAlign","flipCorner","flipSide","getAxis","parseAnchor","clamp","$computed","MutableRect","getOverflow","getScrollParents","getBoundingPureRect","pixelCeil","pixelRound","toStyleSizeValue","anchorToPoint","getOffset","applyLevitation","props","state","coordinate","coordinateStyles","contentEl","base","active","isRtl","minWidth","minHeight","maxWidth","maxHeight","map","key","val","parseFloat","isNaN","Infinity","offset","Array","isArray","split","length","push","observe","resizeObserver","ResizeObserver","updateCoordinate","_ref","_ref2","neoBaseEl","neoContentEl","oldBaseEl","oldContentEl","nodeType","unobserve","immediate","disconnect","getIgnoreInsetRect","el","rect","x","style","left","y","top","$base","value","$content","requestAnimationFrame","viewportMargin","baseRect","width","height","getBoundingClientRect","contentRect","scrollParents","document","documentElement","viewport","reduce","box","scrollBox","clientWidth","clientHeight","Math","max","min","right","bottom","undefined","preferredAnchor","preferredOrigin","location","position","align","parsedAnchor","parsedOrigin","origin","side","placement","anchor","checkOverflow","_placement","targetPoint","contentPoint","overflows","available","flipped","resets","_x","_y","axis","hasOverflowX","before","after","hasOverflowY","reset","forEach","newPlacement","flip","newOverflows","Object","assign","transformOrigin","result"],"sources":["../../../src/composables/coordinate/levitation.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'vue';\nimport { computed, nextTick, onScopeDispose, ref, watch } from 'vue';\n\nimport {\n  Anchor,\n  flipAlign,\n  flipCorner,\n  flipSide,\n  getAxis,\n  parseAnchor,\n} from '../../util/anchor';\nimport { clamp } from '../../util/common';\nimport { $computed } from '../../util/reactivity';\nimport { MutableRect, Rect, getOverflow } from '../../util/rect';\nimport { getScrollParents } from '../../util/scroll';\nimport {\n  getBoundingPureRect,\n  pixelCeil,\n  pixelRound,\n  toStyleSizeValue,\n} from '../../util/ui';\nimport { CoordinateState } from './types';\nimport { anchorToPoint, getOffset } from './utils/point';\n\nexport function applyLevitation(\n  props: any,\n  state: CoordinateState,\n  coordinate: Ref<Rect | undefined>,\n  coordinateStyles: Ref<CSSProperties>,\n) {\n  const { contentEl, base, active } = state;\n\n  const isRtl = ref(false);\n\n  /* Content Limitations */\n  const [minWidth, minHeight, maxWidth, maxHeight] = (\n    ['minWidth', 'minHeight', 'maxWidth', 'maxHeight'] as const\n  ).map((key) => {\n    return computed(() => {\n      const val = parseFloat(props[key]!);\n      return isNaN(val) ? Infinity : val;\n    });\n  });\n\n  /* Offset */\n  const offset = computed(() => {\n    if (Array.isArray(props.offset)) {\n      return props.offset;\n    }\n    if (typeof props.offset === 'string') {\n      const offset = props.offset.split(' ').map(parseFloat);\n      if (offset.length < 2) offset.push(0);\n      return offset;\n    }\n    return typeof props.offset === 'number' ? [props.offset, 0] : [0, 0];\n  });\n\n  /* Observing Update */\n  let observe = false;\n  const resizeObserver = new ResizeObserver(() => {\n    if (observe) updateCoordinate();\n  });\n  watch(\n    [state.base, state.contentEl],\n    ([neoBaseEl, neoContentEl], [oldBaseEl, oldContentEl]) => {\n      if (oldBaseEl && !Array.isArray(oldBaseEl) && oldBaseEl.nodeType === 1)\n        resizeObserver.unobserve(oldBaseEl);\n      if (neoBaseEl && !Array.isArray(neoBaseEl) && neoBaseEl.nodeType === 1)\n        resizeObserver.observe(neoBaseEl);\n\n      if (oldContentEl) resizeObserver.unobserve(oldContentEl);\n      if (neoContentEl) resizeObserver.observe(neoContentEl);\n    },\n    { immediate: true },\n  );\n  onScopeDispose(() => {\n    resizeObserver.disconnect();\n  });\n\n  function getIgnoreInsetRect(el: HTMLElement) {\n    const rect = getBoundingPureRect(el);\n    rect.x -= parseFloat(el.style.left || '0');\n    rect.y -= parseFloat(el.style.top || '0');\n    return rect;\n  }\n\n  function updateCoordinate(): any {\n    observe = false;\n    const $base = base.value;\n    const $content = contentEl.value;\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => (observe = true));\n    });\n\n    if (!$base || !$content) return;\n\n    const { viewportMargin } = props;\n\n    const baseRect = Array.isArray($base)\n      ? new MutableRect({\n          x: $base?.[0] ?? 0,\n          y: $base?.[1] ?? 0,\n          width: 0,\n          height: 0,\n        })\n      : $base.getBoundingClientRect();\n    const contentRect = getIgnoreInsetRect($content);\n    const scrollParents = getScrollParents($content);\n\n    if (scrollParents.length < 1) {\n      scrollParents.push(document.documentElement);\n    }\n\n    /**\n     * Viewport area\n     */\n    const viewport = scrollParents.reduce<MutableRect>(\n      (box: MutableRect | undefined, el) => {\n        const rect = el.getBoundingClientRect();\n        const scrollBox = new MutableRect({\n          x: el === document.documentElement ? 0 : rect.x,\n          y: el === document.documentElement ? 0 : rect.y,\n          width: el.clientWidth,\n          height: el.clientHeight,\n        });\n\n        if (box) {\n          return new MutableRect({\n            x: Math.max(box.left, scrollBox.left),\n            y: Math.max(box.top, scrollBox.top),\n            width:\n              Math.min(box.right, scrollBox.right) -\n              Math.max(box.left, scrollBox.left),\n            height:\n              Math.min(box.bottom, scrollBox.bottom) -\n              Math.max(box.top, scrollBox.top),\n          });\n        }\n        return scrollBox;\n      },\n      undefined!,\n    );\n    viewport.x += viewportMargin;\n    viewport.y += viewportMargin;\n    viewport.width -= viewportMargin * 2;\n    viewport.height -= viewportMargin * 2;\n\n    const { preferredAnchor, preferredOrigin } = $computed(() => {\n      const location = `${props.position} ${props.align}` as Anchor;\n      const parsedAnchor = parseAnchor(location, false);\n      const parsedOrigin =\n        props.origin === 'overlap'\n          ? parsedAnchor\n          : props.origin === 'auto'\n          ? flipSide(parsedAnchor)\n          : parseAnchor(props.origin, false);\n\n      // Some combinations of props may produce an invalid origin\n      if (\n        parsedAnchor.side === parsedOrigin.side &&\n        parsedAnchor.align === flipAlign(parsedOrigin).align\n      ) {\n        return {\n          preferredAnchor: flipCorner(parsedAnchor),\n          preferredOrigin: flipCorner(parsedOrigin),\n        };\n      } else {\n        return {\n          preferredAnchor: parsedAnchor,\n          preferredOrigin: parsedOrigin,\n        };\n      }\n    });\n\n    let placement = {\n      anchor: preferredAnchor.value,\n      origin: preferredOrigin.value,\n    };\n\n    function checkOverflow(_placement: typeof placement) {\n      const box = new MutableRect(contentRect);\n      const targetPoint = anchorToPoint(_placement.anchor, baseRect);\n      const contentPoint = anchorToPoint(_placement.origin, box);\n\n      let { x, y } = getOffset(targetPoint, contentPoint);\n\n      switch (_placement.anchor.side) {\n        case 'top':\n          y -= offset.value[0];\n          break;\n        case 'bottom':\n          y += offset.value[0];\n          break;\n        case 'left':\n          x -= offset.value[0];\n          break;\n        case 'right':\n          x += offset.value[0];\n          break;\n      }\n\n      switch (_placement.anchor.align) {\n        case 'top':\n          y -= offset.value[1];\n          break;\n        case 'bottom':\n          y += offset.value[1];\n          break;\n        case 'left':\n          x -= offset.value[1];\n          break;\n        case 'right':\n          x += offset.value[1];\n          break;\n      }\n\n      box.x += x;\n      box.y += y;\n\n      box.width = Math.min(box.width, maxWidth.value);\n      box.height = Math.min(box.height, maxHeight.value);\n\n      const overflows = getOverflow(box, viewport);\n\n      return { overflows, x, y };\n    }\n\n    let x = 0;\n    let y = 0;\n    const available = { x: 0, y: 0 };\n    const flipped = { x: false, y: false };\n    let resets = -1;\n    while (true) {\n      if (resets++ > 10) {\n        break;\n      }\n\n      const { x: _x, y: _y, overflows } = checkOverflow(placement);\n\n      x += _x;\n      y += _y;\n\n      contentRect.x += _x;\n      contentRect.y += _y;\n\n      // flip\n      {\n        const axis = getAxis(placement.anchor);\n        const hasOverflowX = overflows.x.before || overflows.x.after;\n        const hasOverflowY = overflows.y.before || overflows.y.after;\n\n        let reset = false;\n        ['x', 'y'].forEach((key) => {\n          if (\n            (key === 'x' && hasOverflowX && !flipped.x) ||\n            (key === 'y' && hasOverflowY && !flipped.y)\n          ) {\n            const newPlacement = {\n              anchor: { ...placement.anchor },\n              origin: { ...placement.origin },\n            };\n            const flip =\n              key === 'x'\n                ? axis === 'y'\n                  ? flipAlign\n                  : flipSide\n                : axis === 'y'\n                ? flipSide\n                : flipAlign;\n            newPlacement.anchor = flip(newPlacement.anchor);\n            newPlacement.origin = flip(newPlacement.origin);\n            const { overflows: newOverflows } = checkOverflow(newPlacement);\n            if (\n              (newOverflows[key].before <= overflows[key].before &&\n                newOverflows[key].after <= overflows[key].after) ||\n              newOverflows[key].before + newOverflows[key].after <\n                (overflows[key].before + overflows[key].after) / 2\n            ) {\n              placement = newPlacement;\n              reset = flipped[key] = true;\n            }\n          }\n        });\n        if (reset) continue;\n      }\n\n      // shift\n      if (overflows.x.before) {\n        x += overflows.x.before;\n        contentRect.x += overflows.x.before;\n      }\n      if (overflows.x.after) {\n        x -= overflows.x.after;\n        contentRect.x -= overflows.x.after;\n      }\n      if (overflows.y.before) {\n        y += overflows.y.before;\n        contentRect.y += overflows.y.before;\n      }\n      if (overflows.y.after) {\n        y -= overflows.y.after;\n        contentRect.y -= overflows.y.after;\n      }\n\n      // size\n      {\n        const overflows = getOverflow(contentRect, viewport);\n        available.x = viewport.width - overflows.x.before - overflows.x.after;\n        available.y = viewport.height - overflows.y.before - overflows.y.after;\n\n        x += overflows.x.before;\n        contentRect.x += overflows.x.before;\n        y += overflows.y.before;\n        contentRect.y += overflows.y.before;\n      }\n\n      break;\n    }\n\n    const axis = getAxis(placement.anchor);\n\n    Object.assign(coordinateStyles.value, {\n      '--y-levitation-anchor-origin': `${placement.anchor.side} ${placement.anchor.align}`,\n      transformOrigin: `${placement.origin.side} ${placement.origin.align}`,\n      top: toStyleSizeValue(pixelRound(y)),\n      left: isRtl.value ? undefined : toStyleSizeValue(pixelRound(x)),\n      right: isRtl.value ? toStyleSizeValue(pixelRound(-x)) : undefined,\n      minWidth: toStyleSizeValue(\n        axis === 'y'\n          ? Math.min(minWidth.value, baseRect.width)\n          : minWidth.value,\n      ),\n      maxWidth: toStyleSizeValue(\n        pixelCeil(\n          clamp(\n            available.x,\n            minWidth.value === Infinity ? 0 : minWidth.value,\n            maxWidth.value,\n          ),\n        ),\n      ),\n      maxHeight: toStyleSizeValue(\n        pixelCeil(\n          clamp(\n            available.y,\n            minHeight.value === Infinity ? 0 : minHeight.value,\n            maxHeight.value,\n          ),\n        ),\n      ),\n    });\n\n    return {\n      available,\n      contentRect,\n    };\n  }\n\n  watch(\n    () => [\n      props.offset,\n      props.minWidth,\n      props.minHeight,\n      props.maxWidth,\n      props.maxHeight,\n    ],\n    () => updateCoordinate(),\n  );\n\n  nextTick(() => {\n    const result = updateCoordinate();\n    if (!result) return;\n    const { available, contentRect } = result;\n    if (contentRect.height > available.y) {\n      requestAnimationFrame(() => {\n        updateCoordinate();\n        requestAnimationFrame(() => {\n          updateCoordinate();\n        });\n      });\n    }\n  });\n\n  return {\n    updateCoordinate,\n  };\n}\n"],"mappings":"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"}

package/lib/composables/coordinate/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","names":[],"sources":["../../../src/composables/coordinate/types.ts"],"sourcesContent":["import type { Ref } from \"vue\";\r\n\r\nexport interface CoordinateState {\r\n  contentEl: Ref<HTMLElement | undefined>;\r\n  baseEl: Ref<HTMLElement | undefined>;\r\n  active: Ref<boolean>;\r\n}\r\n"],"mappings":""}
+{"version":3,"file":"types.mjs","names":[],"sources":["../../../src/composables/coordinate/types.ts"],"sourcesContent":["import type { Ref } from \"vue\";\r\n\r\nexport interface CoordinateState {\r\n  contentEl: Ref<HTMLElement | undefined>;\r\n  base: Ref<HTMLElement | [x: number, y: number] | undefined>;\r\n  active: Ref<boolean>;\r\n}\r\n"],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.0.46",
+  "version": "0.0.47-rc.1",
   "keywords": [
     "UI Library",
     "Vue"

package/types/components/dialog/YDialog.d.ts

@@ -14,6 +14,7 @@ export declare const pressYDialogPropsOptions: <Defaults extends {
     openOnHover?: unknown;
     openDelay?: unknown;
     closeDelay?: unknown;
+    base?: unknown;
     coordinateStrategy?: unknown;
     position?: unknown;
     align?: unknown;
@@ -145,6 +146,10 @@ export declare const pressYDialogPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["closeDelay"] ? number : number | Defaults["closeDelay"]>;
         default: unknown extends Defaults["closeDelay"] ? number : number | Defaults["closeDelay"];
     };
+    base: unknown extends Defaults["base"] ? PropType<import("../layer/base").BaseType> : {
+        type: PropType<unknown extends Defaults["base"] ? import("../layer/base").BaseType : Defaults["base"] | NonNullable<import("../layer/base").BaseType>>;
+        default: unknown extends Defaults["base"] ? import("../layer/base").BaseType : Defaults["base"] | NonNullable<import("../layer/base").BaseType>;
+    };
     coordinateStrategy: unknown extends Defaults["coordinateStrategy"] ? {
         type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
         default: string;
@@ -309,6 +314,7 @@ export declare const YDialog: import("vue").DefineComponent<{
         type: PropType<number>;
         default: number;
     };
+    base: PropType<import("../layer/base").BaseType>;
     coordinateStrategy: {
         type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
         default: string;
@@ -384,6 +390,7 @@ export declare const YDialog: import("vue").DefineComponent<{
             type: NumberConstructor;
             default: number;
         };
+        base: PropType<import("../layer/base").BaseType>;
         transition: {
             type: PropType<string | (import("vue").TransitionProps & {
                 is?: import("vue").Component | undefined;
@@ -2050,6 +2057,7 @@ export declare const YDialog: import("vue").DefineComponent<{
             type: NumberConstructor;
             default: number;
         };
+        base: PropType<import("../layer/base").BaseType>;
         transition: {
             type: PropType<string | (import("vue").TransitionProps & {
                 is?: import("vue").Component | undefined;
@@ -2170,6 +2178,7 @@ export declare const YDialog: import("vue").DefineComponent<{
         type: PropType<number>;
         default: number;
     };
+    base: PropType<import("../layer/base").BaseType>;
     coordinateStrategy: {
         type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
         default: string;

package/types/components/layer/YLayer.d.ts

@@ -12,6 +12,7 @@ export declare const pressYLayerProps: <Defaults extends {
     origin?: unknown;
     offset?: unknown;
     viewportMargin?: unknown;
+    base?: unknown;
     transition?: unknown;
     theme?: unknown;
     modelValue?: unknown;
@@ -109,6 +110,10 @@ export declare const pressYLayerProps: <Defaults extends {
         type: PropType<unknown extends Defaults["viewportMargin"] ? number : number | Defaults["viewportMargin"]>;
         default: unknown extends Defaults["viewportMargin"] ? number : number | Defaults["viewportMargin"];
     };
+    base: unknown extends Defaults["base"] ? PropType<import("./base").BaseType> : {
+        type: PropType<unknown extends Defaults["base"] ? import("./base").BaseType : NonNullable<import("./base").BaseType> | Defaults["base"]>;
+        default: unknown extends Defaults["base"] ? import("./base").BaseType : NonNullable<import("./base").BaseType> | Defaults["base"];
+    };
     transition: unknown extends Defaults["transition"] ? {
         type: PropType<string | (import("vue").TransitionProps & {
             is?: import("vue").Component | undefined;
@@ -272,6 +277,7 @@ export declare const YLayer: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    base: PropType<import("./base").BaseType>;
     transition: {
         type: PropType<string | (import("vue").TransitionProps & {
             is?: import("vue").Component | undefined;
@@ -1938,6 +1944,7 @@ export declare const YLayer: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    base: PropType<import("./base").BaseType>;
     transition: {
         type: PropType<string | (import("vue").TransitionProps & {
             is?: import("vue").Component | undefined;

package/types/components/layer/base.d.ts

@@ -1,13 +1,20 @@
+import { ComponentPublicInstance, PropType } from 'vue';
+export type BaseType = string | Element | ComponentPublicInstance | [x: number, y: number] | undefined;
 export declare const pressBasePropsOptions: <Defaults extends {
     base?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
-    base: unknown extends Defaults["base"] ? StringConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["base"] ? string : string | Defaults["base"]>;
-        default: unknown extends Defaults["base"] ? string : string | Defaults["base"];
+    base: unknown extends Defaults["base"] ? PropType<BaseType> : {
+        type: PropType<unknown extends Defaults["base"] ? BaseType : NonNullable<BaseType> | Defaults["base"]>;
+        default: unknown extends Defaults["base"] ? BaseType : NonNullable<BaseType> | Defaults["base"];
     };
 };
-export declare function useBase(): {
+interface BaseProps {
+    base: BaseType;
+}
+export declare function useBase(props: BaseProps): {
     base$: import("vue").Ref<any>;
     baseEl: import("vue").Ref<HTMLElement | undefined>;
     baseSlot: import("vue").Ref<any>;
+    base: import("vue").ComputedRef<any>;
 };
+export {};

package/types/components/menu/YMenu.d.ts

@@ -36,6 +36,7 @@ export declare const YMenuPropOptions: {
         type: NumberConstructor;
         default: number;
     };
+    base: PropType<import("../layer/base").BaseType>;
     transition: {
         type: PropType<string | (import("vue").TransitionProps & {
             is?: import("vue").Component | undefined;
@@ -146,6 +147,7 @@ export declare const YMenu: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    base: PropType<import("../layer/base").BaseType>;
     theme: PropType<string>;
     modelValue: {
         type: PropType<boolean>;
@@ -237,6 +239,7 @@ export declare const YMenu: import("vue").DefineComponent<{
             type: NumberConstructor;
             default: number;
         };
+        base: PropType<import("../layer/base").BaseType>;
         transition: {
             type: PropType<string | (import("vue").TransitionProps & {
                 is?: import("vue").Component | undefined;
@@ -1906,6 +1909,7 @@ export declare const YMenu: import("vue").DefineComponent<{
             type: NumberConstructor;
             default: number;
         };
+        base: PropType<import("../layer/base").BaseType>;
         transition: {
             type: PropType<string | (import("vue").TransitionProps & {
                 is?: import("vue").Component | undefined;
@@ -2028,6 +2032,7 @@ export declare const YMenu: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    base: PropType<import("../layer/base").BaseType>;
     theme: PropType<string>;
     modelValue: {
         type: PropType<boolean>;