vft 0.0.19 → 0.0.21

package/es/components/popper/composables/use-content-dom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-content-dom.mjs","sources":["../../../../../../packages/components/popper/composables/use-content-dom.ts"],"sourcesContent":["import { computed, ref, unref } from 'vue'\nimport { useNamespace, useZIndex } from '@vft-ui/hooks'\n\nimport type { CSSProperties, StyleValue } from 'vue'\nimport type { UsePopperReturn } from '@vft-ui/hooks'\nimport type { UsePopperContentReturn } from './use-content'\nimport type { PopperContentProps } from '../types'\n\nexport const usePopperContentDOM = (\n  props: PopperContentProps,\n  {\n    attributes,\n    styles,\n    role,\n  }: Pick<UsePopperReturn, 'attributes' | 'styles'> &\n    Pick<UsePopperContentReturn, 'role'>\n) => {\n  const { nextZIndex } = useZIndex()\n  const ns = useNamespace('popper')\n\n  const contentAttrs = computed(() => unref(attributes).popper)\n  const contentZIndex = ref<number>(props.zIndex || nextZIndex())\n  const contentClass = computed(() => [\n    ns.b(),\n    ns.is('pure', props.pure),\n    ns.is(props.effect!),\n    props.popperClass,\n  ])\n  const contentStyle = computed<StyleValue[]>(() => {\n    return [\n      { zIndex: unref(contentZIndex) } as CSSProperties,\n      props.popperStyle || {},\n      unref(styles).popper as CSSProperties,\n    ]\n  })\n  const ariaModal = computed<string | undefined>(() =>\n    role.value === 'dialog' ? 'false' : undefined\n  )\n  const arrowStyle = computed(\n    () => (unref(styles).arrow || {}) as CSSProperties\n  )\n\n  const updateZIndex = () => {\n    contentZIndex.value = props.zIndex || nextZIndex()\n  }\n\n  return {\n    ariaModal,\n    arrowStyle,\n    contentAttrs,\n    contentClass,\n    contentStyle,\n    contentZIndex,\n\n    updateZIndex,\n  }\n}\n\nexport type UsePopperContentDOMReturn = ReturnType<typeof usePopperContentDOM>\n"],"names":["usePopperContentDOM","props","attributes","styles","role","nextZIndex","useZIndex","ns","useNamespace","contentAttrs","computed","unref","contentZIndex","ref","contentClass","contentStyle","ariaModal","arrowStyle"],"mappings":";;;;;;;;AAQa,MAAAA,IAAsB,CACjCC,GACA;AAAA,EACE,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AACF,MAEG;AACG,QAAA,EAAE,YAAAC,MAAeC,KACjBC,IAAKC,EAAa,QAAQ,GAE1BC,IAAeC,EAAS,MAAMC,EAAMT,CAAU,EAAE,MAAM,GACtDU,IAAgBC,EAAYZ,EAAM,UAAUI,EAAY,CAAA,GACxDS,IAAeJ,EAAS,MAAM;AAAA,IAClCH,EAAG,EAAE;AAAA,IACLA,EAAG,GAAG,QAAQN,EAAM,IAAI;AAAA,IACxBM,EAAG,GAAGN,EAAM,MAAO;AAAA,IACnBA,EAAM;AAAA,EAAA,CACP,GACKc,IAAeL,EAAuB,MACnC;AAAA,IACL,EAAE,QAAQC,EAAMC,CAAa,EAAE;AAAA,IAC/BX,EAAM,eAAe,CAAC;AAAA,IACtBU,EAAMR,CAAM,EAAE;AAAA,EAAA,CAEjB,GACKa,IAAYN;AAAA,IAA6B,MAC7CN,EAAK,UAAU,WAAW,UAAU;AAAA,EAAA,GAEhCa,IAAaP;AAAA,IACjB,MAAOC,EAAMR,CAAM,EAAE,SAAS,CAAC;AAAA,EAAA;AAO1B,SAAA;AAAA,IACL,WAAAa;AAAA,IACA,YAAAC;AAAA,IACA,cAAAR;AAAA,IACA,cAAAK;AAAA,IACA,cAAAC;AAAA,IACA,eAAAH;AAAA,IAEA,cAZmB,MAAM;AACX,MAAAA,EAAA,QAAQX,EAAM,UAAUI,EAAW;AAAA,IAAA;AAAA,EAWjD;AAEJ;"}

package/es/components/popper/composables/use-content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-content.mjs","sources":["../../../../../../packages/components/popper/composables/use-content.ts"],"sourcesContent":["import { computed, inject, onMounted, ref, unref, watch } from 'vue'\nimport { isUndefined } from 'lodash'\nimport { usePopper } from '@vft-ui/hooks'\nimport { POPPER_INJECTION_KEY } from '../constants'\nimport { buildPopperOptions, unwrapMeasurableEl } from '../utils'\n\nimport type { Modifier } from '@popperjs/core'\nimport type { PartialOptions } from '@vft-ui/hooks'\nimport type { PopperContentProps } from '../types'\n\nconst DEFAULT_ARROW_OFFSET = 0\n\nexport const usePopperContent = (props: PopperContentProps) => {\n  const { popperInstanceRef, contentRef, triggerRef, role } = inject(\n    POPPER_INJECTION_KEY,\n    undefined\n  )!\n\n  const arrowRef = ref<HTMLElement>()\n  const arrowOffset = ref<number>()\n\n  const eventListenerModifier = computed(() => {\n    return {\n      name: 'eventListeners',\n      enabled: !!props.visible,\n    } as Modifier<'eventListeners', any>\n  })\n\n  const arrowModifier = computed(() => {\n    const arrowEl = unref(arrowRef)\n    const offset = unref(arrowOffset) ?? DEFAULT_ARROW_OFFSET\n    // Seems like the `phase` and `fn` is required by Modifier type\n    // But on its documentation they didn't specify that.\n    // Refer to https://popper.js.org/docs/v2/modifiers/arrow/\n    return {\n      name: 'arrow',\n      enabled: !isUndefined(arrowEl),\n      options: {\n        element: arrowEl,\n        padding: offset,\n      },\n    } as any\n  })\n\n  const options = computed<PartialOptions>(() => {\n    return {\n      onFirstUpdate: () => {\n        update()\n      },\n      // @ts-ignore\n      ...buildPopperOptions(props, [\n        unref(arrowModifier),\n        unref(eventListenerModifier),\n      ]),\n    }\n  })\n\n  const computedReference = computed(\n    () => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef)\n  )\n\n  const { attributes, state, styles, update, forceUpdate, instanceRef } =\n    usePopper(computedReference, contentRef, options)\n\n  watch(instanceRef, (instance) => (popperInstanceRef.value = instance))\n\n  onMounted(() => {\n    watch(\n      () => unref(computedReference)?.getBoundingClientRect(),\n      () => {\n        update()\n      }\n    )\n  })\n\n  return {\n    attributes,\n    arrowRef,\n    contentRef,\n    instanceRef,\n    state,\n    styles,\n    role,\n\n    forceUpdate,\n    update,\n  }\n}\n\nexport type UsePopperContentReturn = ReturnType<typeof usePopperContent>\n"],"names":["DEFAULT_ARROW_OFFSET","usePopperContent","props","popperInstanceRef","contentRef","triggerRef","role","inject","POPPER_INJECTION_KEY","arrowRef","ref","arrowOffset","eventListenerModifier","computed","arrowModifier","arrowEl","unref","offset","isUndefined","options","update","buildPopperOptions","computedReference","unwrapMeasurableEl","attributes","state","styles","forceUpdate","instanceRef","usePopper","watch","instance","onMounted","_a"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAuB,GAEhBC,IAAmB,CAACC,MAA8B;AAC7D,QAAM,EAAE,mBAAAC,GAAmB,YAAAC,GAAY,YAAAC,GAAY,MAAAC,EAAS,IAAAC;AAAA,IAC1DC;AAAA,IACA;AAAA,EAAA,GAGIC,IAAWC,KACXC,IAAcD,KAEdE,IAAwBC,EAAS,OAC9B;AAAA,IACL,MAAM;AAAA,IACN,SAAS,CAAC,CAACX,EAAM;AAAA,EAAA,EAEpB,GAEKY,IAAgBD,EAAS,MAAM;AAC7B,UAAAE,IAAUC,EAAMP,CAAQ,GACxBQ,IAASD,EAAML,CAAW,KAAKX;AAI9B,WAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS,CAACkB,EAAYH,CAAO;AAAA,MAC7B,SAAS;AAAA,QACP,SAASA;AAAA,QACT,SAASE;AAAA,MACX;AAAA,IAAA;AAAA,EACF,CACD,GAEKE,IAAUN,EAAyB,OAChC;AAAA,IACL,eAAe,MAAM;AACZ,MAAAO;IACT;AAAA;AAAA,IAEA,GAAGC,EAAmBnB,GAAO;AAAA,MAC3Bc,EAAMF,CAAa;AAAA,MACnBE,EAAMJ,CAAqB;AAAA,IAAA,CAC5B;AAAA,EAAA,EAEJ,GAEKU,IAAoBT;AAAA,IACxB,MAAMU,EAAmBrB,EAAM,WAAW,KAAKc,EAAMX,CAAU;AAAA,EAAA,GAG3D,EAAE,YAAAmB,GAAY,OAAAC,GAAO,QAAAC,GAAQ,QAAAN,GAAQ,aAAAO,GAAa,aAAAC,EAAA,IACtDC,EAAUP,GAAmBlB,GAAYe,CAAO;AAElD,SAAAW,EAAMF,GAAa,CAACG,MAAc5B,EAAkB,QAAQ4B,CAAS,GAErEC,EAAU,MAAM;AACd,IAAAF;AAAA,MACE;;AAAM,gBAAAG,IAAAjB,EAAMM,CAAiB,MAAvB,gBAAAW,EAA0B;AAAA;AAAA,MAChC,MAAM;AACG,QAAAb;MACT;AAAA,IAAA;AAAA,EACF,CACD,GAEM;AAAA,IACL,YAAAI;AAAA,IACA,UAAAf;AAAA,IACA,YAAAL;AAAA,IACA,aAAAwB;AAAA,IACA,OAAAH;AAAA,IACA,QAAAC;AAAA,IACA,MAAApB;AAAA,IAEA,aAAAqB;AAAA,IACA,QAAAP;AAAA,EAAA;AAEJ;"}

package/es/components/popper/composables/use-focus-trap.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-focus-trap.mjs","sources":["../../../../../../packages/components/popper/composables/use-focus-trap.ts"],"sourcesContent":["import { ref } from 'vue'\n\nimport type { SetupContext } from 'vue'\nimport type { PopperContentProps } from '../types'\n\nexport const usePopperContentFocusTrap = (\n  props: PopperContentProps,\n  emit: any\n) => {\n  const trapped = ref(false)\n  const focusStartRef = ref<'container' | 'first' | HTMLElement>()\n\n  const onFocusAfterTrapped = () => {\n    emit('focus')\n  }\n\n  const onFocusAfterReleased = (event: CustomEvent) => {\n    if (event.detail?.focusReason !== 'pointer') {\n      focusStartRef.value = 'first'\n      emit('blur')\n    }\n  }\n\n  const onFocusInTrap = (event: FocusEvent) => {\n    if (props.visible && !trapped.value) {\n      if (event.target) {\n        focusStartRef.value = event.target as typeof focusStartRef.value\n      }\n      trapped.value = true\n    }\n  }\n\n  const onFocusoutPrevented = (event: CustomEvent) => {\n    if (!props.trapping) {\n      if (event.detail.focusReason === 'pointer') {\n        event.preventDefault()\n      }\n      trapped.value = false\n    }\n  }\n\n  const onReleaseRequested = () => {\n    trapped.value = false\n    emit('close')\n  }\n\n  return {\n    focusStartRef,\n    trapped,\n\n    onFocusAfterReleased,\n    onFocusAfterTrapped,\n    onFocusInTrap,\n    onFocusoutPrevented,\n    onReleaseRequested,\n  }\n}\n\nexport type UsePopperContentFocusTrapReturn = ReturnType<\n  typeof usePopperContentFocusTrap\n>\n"],"names":["usePopperContentFocusTrap","props","emit","trapped","ref","focusStartRef","event","_a"],"mappings":";AAKa,MAAAA,IAA4B,CACvCC,GACAC,MACG;AACG,QAAAC,IAAUC,EAAI,EAAK,GACnBC,IAAgBD;AAoCf,SAAA;AAAA,IACL,eAAAC;AAAA,IACA,SAAAF;AAAA,IAEA,sBAlC2B,CAACG,MAAuB;;AAC/C,QAAAC,IAAAD,EAAM,WAAN,gBAAAC,EAAc,iBAAgB,cAChCF,EAAc,QAAQ,SACtBH,EAAK,MAAM;AAAA,IACb;AAAA,IA+BA,qBAvC0B,MAAM;AAChC,MAAAA,EAAK,OAAO;AAAA,IAAA;AAAA,IAuCZ,eA7BoB,CAACI,MAAsB;AAC3C,MAAIL,EAAM,WAAW,CAACE,EAAQ,UACxBG,EAAM,WACRD,EAAc,QAAQC,EAAM,SAE9BH,EAAQ,QAAQ;AAAA,IAClB;AAAA,IAwBA,qBArB0B,CAACG,MAAuB;AAC9C,MAACL,EAAM,aACLK,EAAM,OAAO,gBAAgB,aAC/BA,EAAM,eAAe,GAEvBH,EAAQ,QAAQ;AAAA,IAClB;AAAA,IAgBA,oBAbyB,MAAM;AAC/B,MAAAA,EAAQ,QAAQ,IAChBD,EAAK,OAAO;AAAA,IAAA;AAAA,EAWZ;AAEJ;"}

package/es/components/popper/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../../packages/components/popper/constants.ts"],"sourcesContent":["import type { CSSProperties, ComputedRef, InjectionKey, Ref } from 'vue'\nimport type { Instance } from '@popperjs/core'\n\nexport type Measurable = {\n  getBoundingClientRect: () => DOMRect\n}\n\n/**\n * triggerRef indicates the element that triggers popper\n * contentRef indicates the element of popper content\n * referenceRef indicates the element that popper content relative with\n */\nexport type VftPopperInjectionContext = {\n  triggerRef: Ref<Measurable | undefined>\n  contentRef: Ref<HTMLElement | undefined>\n  popperInstanceRef: Ref<Instance | undefined>\n  referenceRef: Ref<Measurable | undefined>\n  role: ComputedRef<string>\n}\n\nexport type VftPopperContentInjectionContext = {\n  arrowRef: Ref<HTMLElement | undefined>\n  arrowOffset: Ref<number | undefined>\n  arrowStyle: ComputedRef<CSSProperties>\n}\n\nexport const POPPER_INJECTION_KEY: InjectionKey<VftPopperInjectionContext> =\n  Symbol('popper')\n\nexport const POPPER_CONTENT_INJECTION_KEY: InjectionKey<VftPopperContentInjectionContext> =\n  Symbol('popperContent')\n"],"names":["POPPER_INJECTION_KEY","POPPER_CONTENT_INJECTION_KEY"],"mappings":"AA0Ba,MAAAA,IACX,OAAO,QAAQ,GAEJC,IACX,OAAO,eAAe;"}

package/es/components/popper/content.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.vue2.mjs","sources":["../../../../../packages/components/popper/content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: 'vft-popper-content'\n});\n</script>\n<template>\n  <div ref=\"contentRef\"\n\t\t\tv-bind=\"contentAttrs\"\n\t\t\t:style=\"contentStyle\"\n\t\t\t:class=\"contentClass\"\n\t\t\ttabindex=\"-1\"\n\t\t\t@mouseenter=\"(e) => $emit('mouseenter', e)\"\n\t\t\t@mouseleave=\"(e) => $emit('mouseleave', e)\">\n    <focus-trap\n\t\t\t\t:trapped=\"trapped\"\n\t\t\t\t:trap-on-focus-in=\"true\"\n\t\t\t\t:focus-trap-el=\"contentRef\"\n\t\t\t\t:focus-start-el=\"focusStartRef\"\n\t\t\t\t@focus-after-trapped=\"onFocusAfterTrapped\"\n\t\t\t\t@focus-after-released=\"onFocusAfterReleased\"\n\t\t\t\t@focusin=\"onFocusInTrap\"\n\t\t\t\t@focusout-prevented=\"onFocusoutPrevented\"\n\t\t\t\t@release-requested=\"onReleaseRequested\"\n    >\n      <slot />\n    </focus-trap>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { Options, Placement } from '@popperjs/core';\nimport FocusTrap from '@vft-ui/components/focus-trap';\nimport { isElement } from '@vft/utils';\nimport { isNil } from 'lodash';\nimport type { WatchStopHandle } from 'vue';\nimport { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, type StyleValue, unref, watch } from 'vue';\nimport { usePopperContent, usePopperContentDOM, usePopperContentFocusTrap, } from './composables';\nimport { POPPER_CONTENT_INJECTION_KEY } from './constants';\n\n;\n\ninterface Props {\n  boundariesPadding?: number;\n  fallbackPlacements?: Placement[];\n  gpuAcceleration?: boolean;\n  offset?: number;\n  placement?: Placement;\n  popperOptions?: Partial<Options>;\n  strategy?: 'fixed' | 'absolute';\n  id?: string;\n  style?: StyleValue;\n  className?: ClassType;\n  effect?: string;\n  visible?: boolean;\n  enterable?: boolean;\n  pure?: boolean;\n  focusOnShow?: boolean;\n  trapping?: boolean;\n  popperClass?: ClassType;\n  popperStyle?: StyleValue;\n  referenceEl?: HTMLElement;\n  triggerTargetEl?: HTMLElement;\n  stopPopperMouseEvent?: boolean;\n  ariaLabel?: string;\n  virtualTriggering?: boolean;\n  zIndex?: number;\n}\n\ndefineProps({\n  \"boundariesPadding\": { default: 0 },\n  \"fallbackPlacements\": null,\n  \"gpuAcceleration\": { type: Boolean, default: true },\n  \"offset\": { default: 12 },\n  \"placement\": { default: 'bottom' },\n  \"popperOptions\": { default: {} },\n  \"strategy\": { default: 'absolute' },\n  \"id\": null,\n  \"style\": null,\n  \"className\": null,\n  \"effect\": { default: 'dark' },\n  \"visible\": { type: Boolean,  },\n  \"enterable\": { type: Boolean, default: true },\n  \"pure\": { type: Boolean,  },\n  \"focusOnShow\": { type: Boolean, default: false },\n  \"trapping\": { type: Boolean, default: false },\n  \"popperClass\": null,\n  \"popperStyle\": null,\n  \"referenceEl\": null,\n  \"triggerTargetEl\": null,\n  \"stopPopperMouseEvent\": { type: Boolean, default: true },\n  \"ariaLabel\": null,\n  \"virtualTriggering\": { type: Boolean,  },\n  \"zIndex\": null\n})\n\nconst emit = defineEmits(['mouseenter', 'mouseleave', 'focus', 'blur', 'close']);\n\nconst instance = getCurrentInstance()!;\n\nconst {\n\tfocusStartRef,\n\ttrapped,\n\tonFocusAfterReleased,\n\tonFocusAfterTrapped,\n\tonFocusInTrap,\n\tonFocusoutPrevented,\n\tonReleaseRequested,\n} = usePopperContentFocusTrap(instance.props, emit)\n\nconst { attributes, arrowRef, contentRef, styles, instanceRef, role, update } =\n\tusePopperContent(instance.props)\n\nconst {\n\tariaModal,\n\tarrowStyle,\n\tcontentAttrs,\n\tcontentClass,\n\tcontentStyle,\n\tupdateZIndex,\n} = usePopperContentDOM(instance.props, {\n\tstyles,\n\tattributes,\n\trole,\n})\n\n// const formItemContext = inject(formItemContextKey, undefined)\nconst arrowOffset = ref<number>()\n\nprovide(POPPER_CONTENT_INJECTION_KEY, {\n\tarrowStyle,\n\tarrowRef,\n\tarrowOffset,\n})\n\n// if (\n// \tformItemContext &&\n// \t(formItemContext.addInputId || formItemContext.removeInputId)\n// ) {\n// \t// disallow auto-id from inside popper content\n// \tprovide(formItemContextKey, {\n// \t\t...formItemContext,\n// \t\taddInputId: NOOP,\n// \t\tremoveInputId: NOOP,\n// \t})\n// }\n\nlet triggerTargetAriaStopWatch: WatchStopHandle | undefined = undefined\n\nconst updatePopper = (shouldUpdateZIndex = true) => {\n\tupdate()\n\tshouldUpdateZIndex && updateZIndex()\n}\n\nconst togglePopperAlive = () => {\n\tupdatePopper(false)\n\tif (__props.visible && __props.focusOnShow) {\n\t\ttrapped.value = true\n\t} else if (__props.visible === false) {\n\t\ttrapped.value = false\n\t}\n}\n\nonMounted(() => {\n\twatch(\n\t\t() => __props.triggerTargetEl,\n\t\t(triggerTargetEl, prevTriggerTargetEl) => {\n\t\t\ttriggerTargetAriaStopWatch?.()\n\t\t\ttriggerTargetAriaStopWatch = undefined\n\n\t\t\tconst el = unref(triggerTargetEl || contentRef.value)\n\t\t\tconst prevEl = unref(prevTriggerTargetEl || contentRef.value)\n\n\t\t\tif (isElement(el)) {\n\t\t\t\ttriggerTargetAriaStopWatch = watch(\n\t\t\t\t\t[role, () => __props.ariaLabel, ariaModal, () => __props.id],\n\t\t\t\t\t(watches) => {\n\t\t\t\t\t\t;['role', 'aria-label', 'aria-modal', 'id'].forEach((key, idx) => {\n\t\t\t\t\t\t\tisNil(watches[idx])\n\t\t\t\t\t\t\t\t? el.removeAttribute(key)\n\t\t\t\t\t\t\t\t: el.setAttribute(key, watches[idx]!)\n\t\t\t\t\t\t})\n\t\t\t\t\t},\n\t\t\t\t\t{ immediate: true }\n\t\t\t\t)\n\t\t\t}\n\t\t\tif (prevEl !== el && isElement(prevEl)) {\n\t\t\t\t;['role', 'aria-label', 'aria-modal', 'id'].forEach((key) => {\n\t\t\t\t\tprevEl.removeAttribute(key)\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\t{ immediate: true }\n\t)\n\n\twatch(() => __props.visible, togglePopperAlive, { immediate: true })\n})\n\nonBeforeUnmount(() => {\n\ttriggerTargetAriaStopWatch?.()\n\ttriggerTargetAriaStopWatch = undefined\n})\n\ndefineExpose({\n\t/**\n\t * @description popper content element\n\t */\n\tpopperContentRef: contentRef,\n\t/**\n\t * @description popperjs instance\n\t */\n\tpopperInstanceRef: instanceRef,\n\t/**\n\t * @description method for updating popper\n\t */\n\tupdatePopper,\n\n\t/**\n\t * @description content style\n\t */\n\tcontentStyle,\n})\n</script>\n"],"names":["__default__","DO_defineComponent","instance","getCurrentInstance","focusStartRef","trapped","onFocusAfterReleased","onFocusAfterTrapped","onFocusInTrap","onFocusoutPrevented","onReleaseRequested","usePopperContentFocusTrap","emit","attributes","arrowRef","contentRef","styles","instanceRef","role","update","usePopperContent","ariaModal","arrowStyle","contentAttrs","contentClass","contentStyle","updateZIndex","usePopperContentDOM","arrowOffset","ref","provide","POPPER_CONTENT_INJECTION_KEY","triggerTargetAriaStopWatch","updatePopper","shouldUpdateZIndex","togglePopperAlive","__props","onMounted","watch","triggerTargetEl","prevTriggerTargetEl","el","unref","prevEl","isElement","watches","key","idx","isNil","onBeforeUnmount","expose"],"mappings":";;;;;;;;;AAEA,MAAAA,KAA6BC,EAAmB;AAAA,EAC9C,MAAM;AACR,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FD,UAAMC,IAAWC,KAEX;AAAA,MACL,eAAAC;AAAA,MACA,SAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,oBAAAC;AAAA,IACG,IAAAC,GAA0BT,EAAS,OAAOU,CAAI,GAE5C,EAAE,YAAAC,GAAY,UAAAC,GAAU,YAAAC,GAAY,QAAAC,GAAQ,aAAAC,GAAa,MAAAC,GAAM,QAAAC,EAAO,IAC3EC,EAAiBlB,EAAS,KAAK,GAE1B;AAAA,MACL,WAAAmB;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,IAAA,IACGC,EAAoBzB,EAAS,OAAO;AAAA,MACvC,QAAAc;AAAA,MACA,YAAAH;AAAA,MACA,MAAAK;AAAA,IAAA,CACA,GAGKU,IAAcC;AAEpB,IAAAC,EAAQC,IAA8B;AAAA,MACrC,YAAAT;AAAA,MACA,UAAAR;AAAA,MACA,aAAAc;AAAA,IAAA,CACA;AAcD,QAAII;AAEE,UAAAC,IAAe,CAACC,IAAqB,OAAS;AAC5C,MAAAf,KACPe,KAAsBR,EAAa;AAAA,IAAA,GAG9BS,IAAoB,MAAM;AAC/B,MAAAF,EAAa,EAAK,GACdG,EAAQ,WAAWA,EAAQ,cAC9B/B,EAAQ,QAAQ,KACN+B,EAAQ,YAAY,OAC9B/B,EAAQ,QAAQ;AAAA,IACjB;AAGD,WAAAgC,EAAU,MAAM;AACf,MAAAC;AAAA,QACC,MAAMF,EAAQ;AAAA,QACd,CAACG,GAAiBC,MAAwB;AACZ,UAAAR,KAAA,QAAAA,KACAA,IAAA;AAE7B,gBAAMS,IAAKC,EAAMH,KAAmBxB,EAAW,KAAK,GAC9C4B,IAASD,EAAMF,KAAuBzB,EAAW,KAAK;AAExD,UAAA6B,EAAUH,CAAE,MACcT,IAAAM;AAAA,YAC5B,CAACpB,GAAM,MAAMkB,EAAQ,WAAWf,GAAW,MAAMe,EAAQ,EAAE;AAAA,YAC3D,CAACS,MAAY;AACV,eAAA,QAAQ,cAAc,cAAc,IAAI,EAAE,QAAQ,CAACC,GAAKC,MAAQ;AACjE,gBAAAC,EAAMH,EAAQE,CAAG,CAAC,IACfN,EAAG,gBAAgBK,CAAG,IACtBL,EAAG,aAAaK,GAAKD,EAAQE,CAAG,CAAE;AAAA,cAAA,CACrC;AAAA,YACF;AAAA,YACA,EAAE,WAAW,GAAK;AAAA,UAAA,IAGhBJ,MAAWF,KAAMG,EAAUD,CAAM,KACnC,CAAC,QAAQ,cAAc,cAAc,IAAI,EAAE,QAAQ,CAACG,MAAQ;AAC5D,YAAAH,EAAO,gBAAgBG,CAAG;AAAA,UAAA,CAC1B;AAAA,QAEH;AAAA,QACA,EAAE,WAAW,GAAK;AAAA,MAAA,GAGnBR,EAAM,MAAMF,EAAQ,SAASD,GAAmB,EAAE,WAAW,IAAM;AAAA,IAAA,CACnE,GAEDc,EAAgB,MAAM;AACQ,MAAAjB,KAAA,QAAAA,KACAA,IAAA;AAAA,IAAA,CAC7B,GAEYkB,EAAA;AAAA;AAAA;AAAA;AAAA,MAIZ,kBAAkBnC;AAAA;AAAA;AAAA;AAAA,MAIlB,mBAAmBE;AAAA;AAAA;AAAA;AAAA,MAInB,cAAAgB;AAAA;AAAA;AAAA;AAAA,MAKA,cAAAR;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/popper/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/popper/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\nimport Popper from './popper.vue'\n\nimport VftPopperArrow from './arrow.vue'\nimport VftPopperTrigger from './trigger.vue'\nimport VftPopperContent from './content.vue'\n\nexport { VftPopperArrow, VftPopperTrigger, VftPopperContent }\n\nexport const VftPopper = withInstall(Popper)\nexport default VftPopper\n\nexport type { Placement, Options } from '@popperjs/core'\nexport * from './types'\n"],"names":["VftPopper","withInstall","Popper"],"mappings":";;;;;;;;AASa,MAAAA,IAAYC,EAAYC,CAAM;"}

package/es/components/popper/popper.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popper.vue2.mjs","sources":["../../../../../packages/components/popper/popper.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: 'vft-popper',\n  inheritAttrs: false\n});\n</script>\n<template>\n  <slot />\n</template>\n\n<script lang=\"ts\" setup>\nimport type { Instance as PopperInstance } from '@popperjs/core';\nimport { computed, provide, ref } from 'vue';\nimport type { VftPopperInjectionContext } from './constants';\nimport { POPPER_INJECTION_KEY } from './constants';\n\n;\n\ninterface Props {\n  role?: 'dialog' | 'grid' | 'group' | 'listbox' | 'menu' | 'navigation' | 'tooltip' | 'tree';\n}\n\ndefineProps({\n  \"role\": { default: 'tooltip' }\n})\n\nconst triggerRef = ref<HTMLElement>();\nconst popperInstanceRef = ref<PopperInstance>();\nconst contentRef = ref<HTMLElement>();\nconst referenceRef = ref<HTMLElement>();\nconst _role = computed(() => __props.role);\n\nconst popperProvides = {\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef,\n  /**\n   * @description popper content element\n   */\n  contentRef,\n  /**\n   * @description popper reference element\n   */\n  referenceRef,\n  /**\n   * @description role determines how aria attributes are distributed\n   */\n  role: _role\n} as VftPopperInjectionContext;\n\ndefineExpose(popperProvides);\n\nprovide(POPPER_INJECTION_KEY, popperProvides);\n</script>\n"],"names":["__default__","DO_defineComponent","triggerRef","ref","popperInstanceRef","contentRef","referenceRef","_role","computed","__props","popperProvides","expose","provide","POPPER_INJECTION_KEY"],"mappings":";;AAEA,MAAAA,IAA6BC,EAAmB;AAAA,EAC9C,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;;;;;;AAsBD,UAAMC,IAAaC,KACbC,IAAoBD,KACpBE,IAAaF,KACbG,IAAeH,KACfI,IAAQC,EAAS,MAAMC,EAAQ,IAAI,GAEnCC,IAAiB;AAAA;AAAA;AAAA;AAAA,MAIrB,YAAAR;AAAA;AAAA;AAAA;AAAA,MAIA,mBAAAE;AAAA;AAAA;AAAA;AAAA,MAIA,YAAAC;AAAA;AAAA;AAAA;AAAA,MAIA,cAAAC;AAAA;AAAA;AAAA;AAAA,MAIA,MAAMC;AAAA,IAAA;AAGR,WAAAI,EAAaD,CAAc,GAE3BE,EAAQC,GAAsBH,CAAc;;;"}

package/es/components/popper/trigger.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.vue2.mjs","sources":["../../../../../packages/components/popper/trigger.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: 'VftPopperTrigger',\n  inheritAttrs: false\n});\n</script>\n<template>\n  <vft-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-controls=\"ariaControls\"\n    :aria-describedby=\"ariaDescribedby\"\n    :aria-expanded=\"ariaExpanded\"\n    :aria-haspopup=\"ariaHaspopup\"\n  >\n    <slot />\n  </vft-only-child>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, onMounted, watch, getCurrentInstance } from 'vue';\nimport { isNil } from 'lodash';\nimport { unrefElement } from '@vueuse/core';\nimport { VftOnlyChild } from '@vft-ui/components/slot'\nimport { useForwardRef } from '@vft-ui/hooks';\nimport { POPPER_INJECTION_KEY } from './constants';\nimport { isElement } from '@vft/utils';\n\nimport type { WatchStopHandle } from 'vue';\nimport type { Measurable } from './types';\n\n;\n\ninterface Props {\n  virtualRef?: Measurable\n  virtualTriggering?: boolean\n  onMouseenter?: Function\n  onMouseleave?: Function\n  onClick?: Function\n  onKeydown?: Function\n  onFocus?: Function\n  onBlur?: Function\n  onContextmenu?: Function\n  id?: string\n  open?: boolean\n}\n\ndefineProps({\n  \"virtualRef\": null,\n  \"virtualTriggering\": { type: Boolean,  },\n  \"onMouseenter\": { type: Function,  },\n  \"onMouseleave\": { type: Function,  },\n  \"onClick\": { type: Function,  },\n  \"onKeydown\": { type: Function,  },\n  \"onFocus\": { type: Function,  },\n  \"onBlur\": { type: Function,  },\n  \"onContextmenu\": { type: Function,  },\n  \"id\": null,\n  \"open\": { type: Boolean,  }\n})\n\nconst instance = getCurrentInstance()!;\n\nconst { role, triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!;\n\nuseForwardRef(triggerRef);\n\nconst ariaControls = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? __props.id : undefined;\n});\n\nconst ariaDescribedby = computed<string | undefined>(() => {\n  if (role && role.value === 'tooltip') {\n    return __props.open && __props.id ? __props.id : undefined;\n  }\n  return undefined;\n});\n\nconst ariaHaspopup = computed<string | undefined>(() => {\n  if (role && role.value !== 'tooltip') {\n    return role.value;\n  }\n  return undefined;\n});\n\nconst ariaExpanded = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? `${__props.open}` : undefined;\n});\n\nlet virtualTriggerAriaStopWatch: WatchStopHandle | undefined = undefined;\n\nonMounted(() => {\n  watch(\n    () => __props.virtualRef,\n    (virtualEl) => {\n      if (virtualEl) {\n        triggerRef.value = unrefElement(virtualEl as HTMLElement);\n      }\n    },\n    {\n      immediate: true\n    }\n  );\n\n  watch(\n    triggerRef,\n    (el, prevEl) => {\n      virtualTriggerAriaStopWatch?.();\n      virtualTriggerAriaStopWatch = undefined;\n      if (isElement(el)) {\n        ;(\n          [\n            'onMouseenter',\n            'onMouseleave',\n            'onClick',\n            'onKeydown',\n            'onFocus',\n            'onBlur',\n            'onContextmenu'\n          ] as const\n        ).forEach((eventName) => {\n          const handler: any = instance.props[eventName];\n          if (handler) {\n            ;(el as HTMLElement).addEventListener(\n              eventName.slice(2).toLowerCase(),\n              handler\n            )\n            ;(prevEl as HTMLElement)?.removeEventListener?.(\n              eventName.slice(2).toLowerCase(),\n              handler\n            );\n          }\n        });\n        virtualTriggerAriaStopWatch = watch(\n          [ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded],\n          (watches) => {\n            ;[\n              'aria-controls',\n              'aria-describedby',\n              'aria-haspopup',\n              'aria-expanded'\n            ].forEach((key, idx) => {\n              isNil(watches[idx])\n                ? el.removeAttribute(key)\n                : el.setAttribute(key, watches[idx]!);\n            });\n          },\n          { immediate: true }\n        );\n      }\n      if (isElement(prevEl)) {\n        ;[\n          'aria-controls',\n          'aria-describedby',\n          'aria-haspopup',\n          'aria-expanded'\n        ].forEach((key) => prevEl.removeAttribute(key));\n      }\n    },\n    {\n      immediate: true\n    }\n  );\n});\n\nonBeforeUnmount(() => {\n  virtualTriggerAriaStopWatch?.();\n  virtualTriggerAriaStopWatch = undefined;\n});\n\ndefineExpose({\n  /**\n   * @description trigger element\n   */\n  triggerRef\n});\n</script>\n"],"names":["__default__","DO_defineComponent","instance","getCurrentInstance","role","triggerRef","inject","POPPER_INJECTION_KEY","useForwardRef","ariaControls","computed","ariaHaspopup","__props","ariaDescribedby","ariaExpanded","virtualTriggerAriaStopWatch","onMounted","watch","virtualEl","unrefElement","el","prevEl","isElement","eventName","handler","_a","watches","key","idx","isNil","onBeforeUnmount","expose"],"mappings":";;;;;;;;;;AAEA,MAAAA,IAA6BC,EAAmB;AAAA,EAC9C,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;;;;;;;;;;;;;;;;AAyDD,UAAMC,IAAWC,KAEX,EAAE,MAAAC,GAAM,YAAAC,EAAe,IAAAC,EAAOC,GAAsB,MAAS;AAEnE,IAAAC,EAAcH,CAAU;AAElB,UAAAI,IAAeC,EAA6B,MACzCC,EAAa,QAAQC,EAAQ,KAAK,MAC1C,GAEKC,IAAkBH,EAA6B,MAAM;AACrD,UAAAN,KAAQA,EAAK,UAAU;AACzB,eAAOQ,EAAQ,QAAQA,EAAQ,KAAKA,EAAQ,KAAK;AAAA,IAE5C,CACR,GAEKD,IAAeD,EAA6B,MAAM;AAClD,UAAAN,KAAQA,EAAK,UAAU;AACzB,eAAOA,EAAK;AAAA,IAEP,CACR,GAEKU,IAAeJ,EAA6B,MACzCC,EAAa,QAAQ,GAAGC,EAAQ,SAAS,MACjD;AAED,QAAIG;AAEJ,WAAAC,EAAU,MAAM;AACd,MAAAC;AAAA,QACE,MAAML,EAAQ;AAAA,QACd,CAACM,MAAc;AACb,UAAIA,MACSb,EAAA,QAAQc,EAAaD,CAAwB;AAAA,QAE5D;AAAA,QACA;AAAA,UACE,WAAW;AAAA,QACb;AAAA,MAAA,GAGFD;AAAA,QACEZ;AAAA,QACA,CAACe,GAAIC,MAAW;AACgB,UAAAN,KAAA,QAAAA,KACAA,IAAA,QAC1BO,EAAUF,CAAE,MAEZ;AAAA,YACE;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA,EAEF,QAAQ,CAACG,MAAc;;AACjB,kBAAAC,IAAetB,EAAS,MAAMqB,CAAS;AAC7C,YAAIC,MACAJ,EAAmB;AAAA,cACnBG,EAAU,MAAM,CAAC,EAAE,YAAY;AAAA,cAC/BC;AAAA,YAAA,IAEAC,IAAAJ,KAAA,gBAAAA,EAAwB,wBAAxB,QAAAI,EAAA;AAAA,cAAAJ;AAAA,cACAE,EAAU,MAAM,CAAC,EAAE,YAAY;AAAA,cAC/BC;AAAA;AAAA,UAEJ,CACD,GAC6BT,IAAAE;AAAA,YAC5B,CAACR,GAAcI,GAAiBF,GAAcG,CAAY;AAAA,YAC1D,CAACY,MAAY;AACV;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA,EACA,QAAQ,CAACC,GAAKC,MAAQ;AACtB,gBAAAC,EAAMH,EAAQE,CAAG,CAAC,IACdR,EAAG,gBAAgBO,CAAG,IACtBP,EAAG,aAAaO,GAAKD,EAAQE,CAAG,CAAE;AAAA,cAAA,CACvC;AAAA,YACH;AAAA,YACA,EAAE,WAAW,GAAK;AAAA,UAAA,IAGlBN,EAAUD,CAAM,KACjB;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA,EACA,QAAQ,CAACM,MAAQN,EAAO,gBAAgBM,CAAG,CAAC;AAAA,QAElD;AAAA,QACA;AAAA,UACE,WAAW;AAAA,QACb;AAAA,MAAA;AAAA,IACF,CACD,GAEDG,EAAgB,MAAM;AACU,MAAAf,KAAA,QAAAA,KACAA,IAAA;AAAA,IAAA,CAC/B,GAEYgB,EAAA;AAAA;AAAA;AAAA;AAAA,MAIX,YAAA1B;AAAA,IAAA,CACD;;;;;;;;;;;;;"}

package/es/components/popper/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../../packages/components/popper/utils.ts"],"sourcesContent":["import { isClient, unrefElement } from '@vueuse/core'\n\nimport type { ComponentPublicInstance } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\nimport type { Modifier } from '@popperjs/core'\nimport type { Measurable } from './constants'\nimport type { PopperCoreConfigProps } from './types'\n\nexport const buildPopperOptions = (\n\tprops: PopperCoreConfigProps,\n\tmodifiers: Modifier<any, any>[] = []\n) => {\n\tconst { placement, strategy, popperOptions } = props\n\tconst options = {\n\t\tplacement,\n\t\tstrategy,\n\t\t...popperOptions,\n\t\tmodifiers: [...genModifiers(props), ...modifiers],\n\t}\n\t\n\tderiveExtraModifiers(options, popperOptions?.modifiers)\n\treturn options\n}\n\nexport const unwrapMeasurableEl = (\n\t$el: MaybeRef<Measurable | undefined | ComponentPublicInstance>\n) => {\n\tif (!isClient) return\n\treturn unrefElement($el as HTMLElement)\n}\n\nfunction genModifiers (options: PopperCoreConfigProps) {\n\tconst { offset, gpuAcceleration, fallbackPlacements } = options\n\treturn [\n\t\t{\n\t\t\tname: 'offset',\n\t\t\toptions: {\n\t\t\t\toffset: [0, offset ?? 12],\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tname: 'preventOverflow',\n\t\t\toptions: {\n\t\t\t\tpadding: {\n\t\t\t\t\ttop: 2,\n\t\t\t\t\tbottom: 2,\n\t\t\t\t\tleft: 5,\n\t\t\t\t\tright: 5,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tname: 'flip',\n\t\t\toptions: {\n\t\t\t\tpadding: 5,\n\t\t\t\tfallbackPlacements,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tname: 'computeStyles',\n\t\t\toptions: {\n\t\t\t\tgpuAcceleration,\n\t\t\t},\n\t\t},\n\t]\n}\n\nfunction deriveExtraModifiers (\n\toptions: any,\n\tmodifiers: PopperCoreConfigProps['popperOptions']['modifiers']\n) {\n\tif (modifiers) {\n\t\toptions.modifiers = [...options.modifiers, ...(modifiers ?? [])]\n\t}\n}\n"],"names":["buildPopperOptions","props","modifiers","placement","strategy","popperOptions","options","genModifiers","deriveExtraModifiers","unwrapMeasurableEl","$el","isClient","unrefElement","offset","gpuAcceleration","fallbackPlacements"],"mappings":";AAQO,MAAMA,IAAqB,CACjCC,GACAC,IAAkC,OAC9B;AACJ,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,eAAAC,EAAA,IAAkBJ,GACzCK,IAAU;AAAA,IACf,WAAAH;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,IACH,WAAW,CAAC,GAAGE,EAAaN,CAAK,GAAG,GAAGC,CAAS;AAAA,EAAA;AAG5B,SAAAM,EAAAF,GAASD,KAAA,gBAAAA,EAAe,SAAS,GAC/CC;AACR,GAEaG,IAAqB,CACjCC,MACI;AACJ,MAAKC;AACL,WAAOC,EAAaF,CAAkB;AACvC;AAEA,SAASH,EAAcD,GAAgC;AACtD,QAAM,EAAE,QAAAO,GAAQ,iBAAAC,GAAiB,oBAAAC,EAAA,IAAuBT;AACjD,SAAA;AAAA,IACN;AAAA,MACC,MAAM;AAAA,MACN,SAAS;AAAA,QACR,QAAQ,CAAC,GAAGO,KAAU,EAAE;AAAA,MACzB;AAAA,IACD;AAAA,IACA;AAAA,MACC,MAAM;AAAA,MACN,SAAS;AAAA,QACR,SAAS;AAAA,UACR,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,OAAO;AAAA,QACR;AAAA,MACD;AAAA,IACD;AAAA,IACA;AAAA,MACC,MAAM;AAAA,MACN,SAAS;AAAA,QACR,SAAS;AAAA,QACT,oBAAAE;AAAA,MACD;AAAA,IACD;AAAA,IACA;AAAA,MACC,MAAM;AAAA,MACN,SAAS;AAAA,QACR,iBAAAD;AAAA,MACD;AAAA,IACD;AAAA,EAAA;AAEF;AAEA,SAASN,EACRF,GACAJ,GACC;AACD,EAAIA,MACKI,EAAA,YAAY,CAAC,GAAGA,EAAQ,WAAW,GAAIJ,KAAa,CAAA,CAAG;AAEjE;"}

package/es/components/qrcode/drawCanvas.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawCanvas.mjs","sources":["../../../../../packages/components/qrcode/drawCanvas.ts"],"sourcesContent":["import { toCanvas } from 'qrcode';\nimport type { QRCodeRenderersOptions } from 'qrcode';\nimport type { RenderQrCodeParams, ContentType } from './types';\nimport { cloneDeep } from 'lodash';\n\nexport const renderQrCode = ({ canvas, content, width = 0, options: params = {} }: RenderQrCodeParams) => {\n  const options = cloneDeep(params);\n  // 容错率，默认对内容少的二维码采用高容错率，内容多的二维码采用低容错率\n  options.errorCorrectionLevel = options.errorCorrectionLevel || getErrorCorrectionLevel(content);\n\n  return getOriginWidth(content, options).then((_width: number) => {\n    options.scale = width === 0 ? undefined : (width / _width) * 4;\n    return toCanvas(canvas, content, options);\n  });\n};\n\n// 得到原QrCode的大小，以便缩放得到正确的QrCode大小\nfunction getOriginWidth(content: ContentType, options: QRCodeRenderersOptions) {\n  const _canvas = document.createElement('canvas');\n  return toCanvas(_canvas, content, options).then(() => _canvas.width);\n}\n\n// 对于内容少的QrCode，增大容错率\nfunction getErrorCorrectionLevel(content: ContentType) {\n  if (content.length > 36) {\n    return 'M';\n  } else if (content.length > 16) {\n    return 'Q';\n  } else {\n    return 'H';\n  }\n}\n"],"names":["renderQrCode","canvas","content","width","params","options","cloneDeep","getErrorCorrectionLevel","getOriginWidth","_width","toCanvas","_canvas"],"mappings":";;AAKa,MAAAA,IAAe,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,OAAAC,IAAQ,GAAG,SAASC,IAAS,CAAA,QAA6B;AAClG,QAAAC,IAAUC,EAAUF,CAAM;AAEhC,SAAAC,EAAQ,uBAAuBA,EAAQ,wBAAwBE,EAAwBL,CAAO,GAEvFM,EAAeN,GAASG,CAAO,EAAE,KAAK,CAACI,OAC5CJ,EAAQ,QAAQF,MAAU,IAAI,SAAaA,IAAQM,IAAU,GACtDC,EAAST,GAAQC,GAASG,CAAO,EACzC;AACH;AAGA,SAASG,EAAeN,GAAsBG,GAAiC;AACvE,QAAAM,IAAU,SAAS,cAAc,QAAQ;AACxC,SAAAD,EAASC,GAAST,GAASG,CAAO,EAAE,KAAK,MAAMM,EAAQ,KAAK;AACrE;AAGA,SAASJ,EAAwBL,GAAsB;AACjD,SAAAA,EAAQ,SAAS,KACZ,MACEA,EAAQ,SAAS,KACnB,MAEA;AAEX;"}

package/es/components/qrcode/drawLogo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawLogo.mjs","sources":["../../../../../packages/components/qrcode/drawLogo.ts"],"sourcesContent":["import { isString } from '@vft/utils';\nimport type { LogoType, RenderQrCodeParams } from './types';\n\nexport const drawLogo = ({ canvas, logo }: RenderQrCodeParams) => {\n  if (!logo) {\n    return new Promise((resolve) => {\n      resolve((canvas as HTMLCanvasElement).toDataURL());\n    });\n  }\n  const canvasWidth = (canvas as HTMLCanvasElement).width;\n  const { logoSize = 0.15, bgColor = '#fff', borderSize = 0.05, crossOrigin, borderRadius = 8, logoRadius = 0 } = logo as LogoType;\n\n  const logoSrc: string = isString(logo) ? logo : logo.src;\n  const logoWidth = canvasWidth * logoSize;\n  const logoXY = (canvasWidth * (1 - logoSize)) / 2;\n  const logoBgWidth = canvasWidth * (logoSize + borderSize);\n  const logoBgXY = (canvasWidth * (1 - logoSize - borderSize)) / 2;\n\n  const ctx = canvas.getContext('2d');\n  if (!ctx) return;\n\n  // logo 底色\n  canvasRoundRect(ctx)(logoBgXY, logoBgXY, logoBgWidth, logoBgWidth, borderRadius);\n  ctx.fillStyle = bgColor;\n  ctx.fill();\n\n  // logo\n  const image = new Image();\n  if (crossOrigin || logoRadius) {\n    image.setAttribute('crossOrigin', crossOrigin || 'anonymous');\n  }\n  image.src = logoSrc;\n\n  // 使用image绘制可以避免某些跨域情况\n  const drawLogoWithImage = (image: CanvasImageSource) => {\n    ctx.drawImage(image, logoXY, logoXY, logoWidth, logoWidth);\n  };\n\n  // 使用canvas绘制以获得更多的功能\n  const drawLogoWithCanvas = (image: HTMLImageElement) => {\n    const canvasImage = document.createElement('canvas');\n    canvasImage.width = logoXY + logoWidth;\n    canvasImage.height = logoXY + logoWidth;\n    const imageCanvas = canvasImage.getContext('2d');\n    if (!imageCanvas || !ctx) return;\n    imageCanvas.drawImage(image, logoXY, logoXY, logoWidth, logoWidth);\n\n    canvasRoundRect(ctx)(logoXY, logoXY, logoWidth, logoWidth, logoRadius);\n    if (!ctx) return;\n    const fillStyle = ctx.createPattern(canvasImage, 'no-repeat');\n    if (fillStyle) {\n      ctx.fillStyle = fillStyle;\n      ctx.fill();\n    }\n  };\n\n  // 将 logo绘制到 canvas上\n  return new Promise((resolve) => {\n    image.onload = () => {\n      logoRadius ? drawLogoWithCanvas(image) : drawLogoWithImage(image);\n      resolve((canvas as HTMLCanvasElement).toDataURL());\n    };\n  });\n};\n\n// copy来的方法，用于绘制圆角\nfunction canvasRoundRect(ctx: CanvasRenderingContext2D) {\n  return (x: number, y: number, w: number, h: number, r: number) => {\n    const minSize = Math.min(w, h);\n    if (r > minSize / 2) {\n      r = minSize / 2;\n    }\n    ctx.beginPath();\n    ctx.moveTo(x + r, y);\n    ctx.arcTo(x + w, y, x + w, y + h, r);\n    ctx.arcTo(x + w, y + h, x, y + h, r);\n    ctx.arcTo(x, y + h, x, y, r);\n    ctx.arcTo(x, y, x + w, y, r);\n    ctx.closePath();\n    return ctx;\n  };\n}\n"],"names":["drawLogo","canvas","logo","resolve","canvasWidth","logoSize","bgColor","borderSize","crossOrigin","borderRadius","logoRadius","logoSrc","isString","logoWidth","logoXY","logoBgWidth","logoBgXY","ctx","canvasRoundRect","image","drawLogoWithImage","drawLogoWithCanvas","canvasImage","imageCanvas","fillStyle","x","y","w","h","minSize"],"mappings":";AAGO,MAAMA,IAAW,CAAC,EAAE,QAAAC,GAAQ,MAAAC,QAA+B;AAChE,MAAI,CAACA;AACI,WAAA,IAAI,QAAQ,CAACC,MAAY;AACrB,MAAAA,EAAAF,EAA6B,WAAW;AAAA,IAAA,CAClD;AAEH,QAAMG,IAAeH,EAA6B,OAC5C,EAAE,UAAAI,IAAW,MAAM,SAAAC,IAAU,QAAQ,YAAAC,IAAa,MAAM,aAAAC,GAAa,cAAAC,IAAe,GAAG,YAAAC,IAAa,EAAA,IAAMR,GAE1GS,IAAkBC,EAASV,CAAI,IAAIA,IAAOA,EAAK,KAC/CW,IAAYT,IAAcC,GAC1BS,IAAUV,KAAe,IAAIC,KAAa,GAC1CU,IAAcX,KAAeC,IAAWE,IACxCS,IAAYZ,KAAe,IAAIC,IAAWE,KAAe,GAEzDU,IAAMhB,EAAO,WAAW,IAAI;AAClC,MAAI,CAACgB;AAAK;AAGV,EAAAC,EAAgBD,CAAG,EAAED,GAAUA,GAAUD,GAAaA,GAAaN,CAAY,GAC/EQ,EAAI,YAAYX,GAChBW,EAAI,KAAK;AAGH,QAAAE,IAAQ,IAAI;AAClB,GAAIX,KAAeE,MACXS,EAAA,aAAa,eAAeX,KAAe,WAAW,GAE9DW,EAAM,MAAMR;AAGN,QAAAS,IAAoB,CAACD,MAA6B;AACtD,IAAAF,EAAI,UAAUE,GAAOL,GAAQA,GAAQD,GAAWA,CAAS;AAAA,EAAA,GAIrDQ,IAAqB,CAACF,MAA4B;AAChD,UAAAG,IAAc,SAAS,cAAc,QAAQ;AACnD,IAAAA,EAAY,QAAQR,IAASD,GAC7BS,EAAY,SAASR,IAASD;AACxB,UAAAU,IAAcD,EAAY,WAAW,IAAI;AAK/C,QAJI,CAACC,KAAe,CAACN,MACrBM,EAAY,UAAUJ,GAAOL,GAAQA,GAAQD,GAAWA,CAAS,GAEjEK,EAAgBD,CAAG,EAAEH,GAAQA,GAAQD,GAAWA,GAAWH,CAAU,GACjE,CAACO;AAAK;AACV,UAAMO,IAAYP,EAAI,cAAcK,GAAa,WAAW;AAC5D,IAAIE,MACFP,EAAI,YAAYO,GAChBP,EAAI,KAAK;AAAA,EACX;AAIK,SAAA,IAAI,QAAQ,CAACd,MAAY;AAC9B,IAAAgB,EAAM,SAAS,MAAM;AACnB,MAAAT,IAAaW,EAAmBF,CAAK,IAAIC,EAAkBD,CAAK,GACvDhB,EAAAF,EAA6B,WAAW;AAAA,IAAA;AAAA,EACnD,CACD;AACH;AAGA,SAASiB,EAAgBD,GAA+B;AACtD,SAAO,CAACQ,GAAWC,GAAWC,GAAWC,GAAW,MAAc;AAChE,UAAMC,IAAU,KAAK,IAAIF,GAAGC,CAAC;AACzB,WAAA,IAAIC,IAAU,MAChB,IAAIA,IAAU,IAEhBZ,EAAI,UAAU,GACVA,EAAA,OAAOQ,IAAI,GAAGC,CAAC,GACfT,EAAA,MAAMQ,IAAIE,GAAGD,GAAGD,IAAIE,GAAGD,IAAIE,GAAG,CAAC,GAC/BX,EAAA,MAAMQ,IAAIE,GAAGD,IAAIE,GAAGH,GAAGC,IAAIE,GAAG,CAAC,GACnCX,EAAI,MAAMQ,GAAGC,IAAIE,GAAGH,GAAGC,GAAG,CAAC,GAC3BT,EAAI,MAAMQ,GAAGC,GAAGD,IAAIE,GAAGD,GAAG,CAAC,GAC3BT,EAAI,UAAU,GACPA;AAAA,EAAA;AAEX;"}

package/es/components/qrcode/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/qrcode/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Qrcode from './qrcode.vue'\n\nexport const VftQrcode = withInstall(Qrcode)\nexport default VftQrcode\n\nexport * from './types'\n"],"names":["VftQrcode","withInstall","Qrcode"],"mappings":";;;;;AAIa,MAAAA,IAAYC,EAAYC,CAAM;"}

package/es/components/qrcode/qrcode.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"qrcode.vue2.mjs","sources":["../../../../../packages/components/qrcode/qrcode.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('qrcode')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<template>\n  <div>\n    <component :is=\"tag\" ref=\"wrapRef\" />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { toDataURL } from 'qrcode';\nimport { onMounted, ref, unref } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { type LogoType, type QRCodeRenderersOptions, toCanvas } from './qrcodePlus';\nimport { downloadByUrl } from '@vft/utils';\n\ninterface Props {\n  /** 二维码资源 */\n  value?: string | any[];\n  /** 二维码配置 */\n  options?: QRCodeRenderersOptions;\n  /** 宽度 */\n  width?: number;\n  /** 中间的 logo */\n  logo?: LogoType;\n  /** img 不支持内嵌logo */\n  tag?: 'canvas' | 'img';\n}\n\ndefineProps({\n  \"value\": null,\n  \"options\": null,\n  \"width\": { default: 200 },\n  \"logo\": null,\n  \"tag\": { default: 'canvas' }\n})\n\nconst emit = defineEmits(['done', 'error']);\n\n\n\n;\n\nconst wrapRef = ref<HTMLCanvasElement | HTMLImageElement | null>(null);\n\nasync function createQrcode () {\n  try {\n    const renderValue = String(__props.value);\n    const wrapEl = unref(wrapRef);\n\n    if (!wrapEl) return;\n\n    if (__props.tag === 'canvas') {\n      const url: string = await toCanvas({\n        canvas: wrapEl,\n        width: __props.width,\n        logo: __props.logo,\n        content: renderValue,\n        options: __props.options || {}\n      });\n      emit('done', { url, ctx: (wrapEl as HTMLCanvasElement).getContext('2d') });\n      return;\n    }\n\n    if (__props.tag === 'img') {\n      const url = await toDataURL(renderValue, {\n        errorCorrectionLevel: 'H',\n        width: __props.width,\n        ...__props.options\n      });\n      (unref(wrapRef) as HTMLImageElement).src = url;\n      emit('done', { url });\n    }\n  } catch (error) {\n    emit('error', error);\n  }\n}\n\n/**\n * file download\n */\nfunction download (fileName?: string) {\n  let url = '';\n  const wrapEl = unref(wrapRef);\n  if (wrapEl instanceof HTMLCanvasElement) {\n    url = wrapEl.toDataURL();\n  } else if (wrapEl instanceof HTMLImageElement) {\n    url = wrapEl.src;\n  }\n  if (!url) return;\n  downloadByUrl({\n    url,\n    fileName\n  });\n}\n\nonMounted(createQrcode);\n\nconst instance = getCurrentInstance()!;\n\n// 监听参数变化重新生成二维码\nwatch(instance.props, () => {\n  createQrcode();\n}, { deep: true });\n\ndefineExpose({\n  download\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","wrapRef","ref","createQrcode","renderValue","__props","wrapEl","unref","url","toCanvas","emit","toDataURL","error","download","fileName","downloadByUrl","onMounted","instance","expose"],"mappings":";;;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,QAAQ;AAAA,GAGlDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;AAwCK,UAAAI,IAAUC,EAAiD,IAAI;AAErE,mBAAeC,IAAgB;AACzB,UAAA;AACI,cAAAC,IAAc,OAAOC,EAAQ,KAAK,GAClCC,IAASC,EAAMN,CAAO;AAE5B,YAAI,CAACK;AAAQ;AAET,YAAAD,EAAQ,QAAQ,UAAU;AACtB,gBAAAG,IAAc,MAAMC,EAAS;AAAA,YACjC,QAAQH;AAAA,YACR,OAAOD,EAAQ;AAAA,YACf,MAAMA,EAAQ;AAAA,YACd,SAASD;AAAA,YACT,SAASC,EAAQ,WAAW,CAAC;AAAA,UAAA,CAC9B;AACI,UAAAK,EAAA,QAAQ,EAAE,KAAAF,GAAK,KAAMF,EAA6B,WAAW,IAAI,GAAG;AACzE;AAAA,QACF;AAEI,YAAAD,EAAQ,QAAQ,OAAO;AACnB,gBAAAG,IAAM,MAAMG,EAAUP,GAAa;AAAA,YACvC,sBAAsB;AAAA,YACtB,OAAOC,EAAQ;AAAA,YACf,GAAGA,EAAQ;AAAA,UAAA,CACZ;AACA,UAAAE,EAAMN,CAAO,EAAuB,MAAMO,GACtCE,EAAA,QAAQ,EAAE,KAAAF,EAAA,CAAK;AAAA,QACtB;AAAA,eACOI;AACP,QAAAF,EAAK,SAASE,CAAK;AAAA,MACrB;AAAA,IACF;AAKA,aAASC,EAAUC,GAAmB;AACpC,UAAIN,IAAM;AACJ,YAAAF,IAASC,EAAMN,CAAO;AAM5B,MALIK,aAAkB,oBACpBE,IAAMF,EAAO,cACJA,aAAkB,qBAC3BE,IAAMF,EAAO,MAEVE,KACSO,EAAA;AAAA,QACZ,KAAAP;AAAA,QACA,UAAAM;AAAA,MAAA,CACD;AAAA,IACH;AAEA,IAAAE,EAAUb,CAAY;AAEtB,UAAMc,IAAW;AAGX,iBAAAA,EAAS,OAAO,MAAM;AACb,MAAAd;IAAA,GACZ,EAAE,MAAM,GAAA,CAAM,GAEJe,EAAA;AAAA,MACX,UAAAL;AAAA,IAAA,CACD;;;;;;;;"}

package/es/components/qrcode/toCanvas.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toCanvas.mjs","sources":["../../../../../packages/components/qrcode/toCanvas.ts"],"sourcesContent":["import { renderQrCode } from './drawCanvas';\nimport { drawLogo } from './drawLogo';\nimport type { RenderQrCodeParams } from './types';\n\nexport const toCanvas = (options: RenderQrCodeParams) => {\n  return renderQrCode(options)\n    .then(() => {\n      return options;\n    })\n    .then(drawLogo) as Promise<string>;\n};\n"],"names":["toCanvas","options","renderQrCode","drawLogo"],"mappings":";;AAIa,MAAAA,IAAW,CAACC,MAChBC,EAAaD,CAAO,EACxB,KAAK,MACGA,CACR,EACA,KAAKE,CAAQ;"}

package/es/components/result/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/result/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Result from './result.vue'\n\nexport const VftResult = withInstall(Result)\nexport default VftResult\n"],"names":["VftResult","withInstall","Result"],"mappings":";;;;;AAIa,MAAAA,IAAYC,EAAYC,CAAM;"}

package/es/components/result/result.vue2.mjs

@@ -0,0 +1,91 @@
+import { defineComponent as l, getCurrentInstance as d, useSlots as f, computed as v, h as o } from "vue";
+import { singleAttrToObj as _, renderTNode as b } from "@vft/utils";
+import { useNamespace as x } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import "../divider/index.mjs";
+import { VftIcon as C } from "../icon/index.mjs";
+import "../avatar/index.mjs";
+import "../empty/index.mjs";
+import "./index.mjs";
+import "../exception/index.mjs";
+import "../tabs/index.mjs";
+import "../popper/index.mjs";
+import "../collapse-transition/index.mjs";
+import "../tooltip/index.mjs";
+import "../popover/index.mjs";
+import "../menu/index.mjs";
+import "@vft/use";
+import "../multiple-tabs/index.mjs";
+import "../header-layout/index.mjs";
+import "../footer-layout/index.mjs";
+import "../iframe-layout/index.mjs";
+import "../router-view-content/index.mjs";
+import "../logo/index.mjs";
+import "../back-top/index.mjs";
+import "../config-provider/index.mjs";
+import "../descriptions/index.mjs";
+import "../full-screen/index.mjs";
+import "../icon-text/index.mjs";
+import "../image/index.mjs";
+import "../input/index.mjs";
+import "../link/index.mjs";
+import "../pagination/index.mjs";
+import "../tag/index.mjs";
+import "../side-menu/index.mjs";
+import "../qrcode/index.mjs";
+import "../overlay/index.mjs";
+import "../clamp/index.mjs";
+import "../clamp-toggle/index.mjs";
+import "../page-wrapper/index.mjs";
+import "../message/index.mjs";
+const i = (
+  /* hoist-static*/
+  x("result")
+), I = l({
+  name: i.b()
+}), ut = /* @__PURE__ */ l({
+  ...I,
+  props: {
+    title: null,
+    subTitle: null,
+    icon: null
+  },
+  setup(s) {
+    var e, n;
+    const u = d(), t = f(), m = v(() => _(s.icon, "icon")), a = (e = m.value) != null && e.icon ? o("div", {
+      class: i.e("icon")
+    }, [o(C, { ...m.value })]) : (n = t.default) == null ? void 0 : n.call(t), p = (r) => {
+      const c = b(u, r);
+      return c ? o(
+        "div",
+        {
+          class: i.e(r)
+        },
+        [o("p", {}, { default: () => c })]
+      ) : null;
+    };
+    return () => o(
+      "div",
+      { class: i.b() },
+      {
+        default: () => [
+          a,
+          p("title"),
+          p("sub-title"),
+          t.extra ? o("div", { class: i.e("extra") }, { default: () => {
+            var r;
+            return (r = t.extra) == null ? void 0 : r.call(t);
+          } }) : null
+        ]
+      }
+    );
+  }
+});
+export {
+  ut as default
+};
+//# sourceMappingURL=result.vue2.mjs.map

package/es/components/result/result.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"result.vue2.mjs","sources":["../../../../../packages/components/result/result.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('result')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script setup lang=\"ts\">\nimport { renderTNode, singleAttrToObj } from '@vft/utils';\nimport { h, getCurrentInstance, computed, useSlots } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { type IconProps, VftIcon } from '@vft-ui/components';\n\ninterface Props {\n  title?: string | number;\n  subTitle?: string | number;\n  icon?: IconProps;\n}\n\ndefineProps({\n  \"title\": null,\n  \"subTitle\": null,\n  \"icon\": null\n})\n\n\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst slots = useSlots();\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n\nconst vIcon = _icon.value?.icon ? h('div', {\n  class: ns.e('icon')\n}, [h(VftIcon, { ..._icon.value })]) : slots.default?.();\n\nconst vCon = (attrName: string) => {\n  const nodeCon = renderTNode(instance, attrName);\n  return nodeCon ? h(\n    'div',\n    {\n      class: ns.e(attrName)\n    }, [h('p', {}, { default: () => nodeCon })]\n  ) : null;\n};\n\ndefineRender(() => {\n  return (\n    h(\n      'div', { class: ns.b() }, {\n        default: () => [\n          vIcon,\n          vCon('title'),\n          vCon('sub-title'),\n          slots.extra ? h('div', { class: ns.e('extra') }, { default: ()=> slots.extra?.() }) : null\n        ]\n      }\n    )\n  );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","slots","useSlots","_icon","computed","singleAttrToObj","__props","vIcon","_a","h","VftIcon","_b","vCon","attrName","nodeCon","renderTNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,QAAQ;AAAA,GAGlDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;AAuBD,UAAMI,IAAWC,KAEXC,IAAQC,KAERC,IAAQC,EAAS,MACdC,EAAgBC,EAAQ,MAAM,MAAM,CAC5C,GAEKC,KAAQC,IAAAL,EAAM,UAAN,QAAAK,EAAa,OAAOC,EAAE,OAAO;AAAA,MACzC,OAAOd,EAAG,EAAE,MAAM;AAAA,IACjB,GAAA,CAACc,EAAEC,GAAS,EAAE,GAAGP,EAAM,MAAO,CAAA,CAAC,CAAC,KAAIQ,IAAAV,EAAM,YAAN,gBAAAU,EAAA,KAAAV,IAEjCW,IAAO,CAACC,MAAqB;AAC3B,YAAAC,IAAUC,EAAYhB,GAAUc,CAAQ;AAC9C,aAAOC,IAAUL;AAAA,QACf;AAAA,QACA;AAAA,UACE,OAAOd,EAAG,EAAEkB,CAAQ;AAAA,QACtB;AAAA,QAAG,CAACJ,EAAE,KAAK,CAAC,GAAG,EAAE,SAAS,MAAMK,EAAQ,CAAC,CAAC;AAAA,MACxC,IAAA;AAAA,IAAA;AAGO,WAAA,MAETL;AAAA,MACE;AAAA,MAAO,EAAE,OAAOd,EAAG,IAAI;AAAA,MAAG;AAAA,QACxB,SAAS,MAAM;AAAA,UACbY;AAAA,UACAK,EAAK,OAAO;AAAA,UACZA,EAAK,WAAW;AAAA,UAChBX,EAAM,QAAQQ,EAAE,OAAO,EAAE,OAAOd,EAAG,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,MAAA;;AAAK,oBAAAa,IAAAP,EAAM,UAAN,gBAAAO,EAAA,KAAAP;AAAA,YAAiB,CAAA,IAAI;AAAA,QACxF;AAAA,MACF;AAAA,IAAA;AAAA;;"}

package/es/components/router-view-content/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/router-view-content/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport RouterViewContent from './router-view-content.vue'\n\nexport const VftRouterViewContent = withInstall(RouterViewContent)\n\nexport default VftRouterViewContent\n"],"names":["VftRouterViewContent","withInstall","RouterViewContent"],"mappings":";;;;;AAIa,MAAAA,IAAuBC,EAAYC,CAAiB;"}

package/es/components/router-view-content/router-view-content.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-view-content.vue2.mjs","sources":["../../../../../packages/components/router-view-content/router-view-content.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('router-view-content')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { getRouterKeyPath } from '@vft/router';\nimport { type Component, computed } from 'vue';\nimport { type RouteLocationNormalizedLoaded } from 'vue-router';\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface LayoutConentProps {\n  tabStore?: any\n  openKeepAlive?: boolean;\n  isReloadFlag: boolean\n  pageErrorStatus?: boolean;\n  enableErrorHandle?: boolean;\n  exceptionComp?: Component;\n}\n\ndefineProps({\n  \"tabStore\": null,\n  \"openKeepAlive\": { type: Boolean, default: true },\n  \"isReloadFlag\": { type: Boolean,  },\n  \"pageErrorStatus\": { type: Boolean,  },\n  \"enableErrorHandle\": { type: Boolean,  },\n  \"exceptionComp\": null\n})\n\n\n\n;\n\nconst getCaches = computed(() => {\n  if (!__props.openKeepAlive) {\n    return [];\n  }\n  return __props.tabStore.getCachedTabList;\n});\n\nconst pageComponent = computed(() => {\n  return (component: Component) => {\n    if (__props.enableErrorHandle) {\n      return __props.pageErrorStatus ? (__props.exceptionComp || component) : component;\n    } else {\n      return component;\n    }\n  };\n});\n\nconst excludeNames = computed(() => {\n  return (route: RouteLocationNormalizedLoaded) => {\n    let name = route.name;\n    if (route.meta?.currentActivePath) {\n      name = route.matched?.filter(item => {\n        return item.path === route.meta?.currentActivePath;\n      })?.[0].name;\n    }\n\n    return __props.isReloadFlag ? undefined : name;\n  };\n});\n</script>\n\n<template>\n  <router-view v-slot=\"{ Component: Comp, route }\">\n    <keep-alive v-if=\"openKeepAlive\" :include=\"getCaches\" :exclude=\"excludeNames(route)\">\n      <component v-if=\"isReloadFlag\" :is=\"pageComponent(Comp)\"\n        :key=\"getRouterKeyPath(route)\" />\n    </keep-alive>\n    <component v-else :is=\"pageComponent(Comp)\" :key=\"route.fullPath\" />\n  </router-view>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","getCaches","computed","__props","pageComponent","component","excludeNames","route","name","_a","_c","_b","item"],"mappings":";;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,qBAAqB;AAAA,GAG/DC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;AA6BK,UAAAI,IAAYC,EAAS,MACpBC,EAAQ,gBAGNA,EAAQ,SAAS,mBAFf,EAGV,GAEKC,IAAgBF,EAAS,MACtB,CAACG,MACFF,EAAQ,qBACHA,EAAQ,mBAAmBA,EAAQ,iBAAiBE,CAKhE,GAEKC,IAAeJ,EAAS,MACrB,CAACK,MAAyC;;AAC/C,UAAIC,IAAOD,EAAM;AACb,cAAAE,IAAAF,EAAM,SAAN,QAAAE,EAAY,sBACPD,KAAAE,KAAAC,IAAAJ,EAAM,YAAN,gBAAAI,EAAe,OAAO,CAAQC,MAAA;;AAC5B,eAAAA,EAAK,WAASH,IAAAF,EAAM,SAAN,gBAAAE,EAAY;AAAA,MAAA,OAD5B,gBAAAC,EAEF,GAAG,OAGHP,EAAQ,eAAe,SAAYK;AAAA,IAAA,CAE7C;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/side-menu/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/side-menu/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport SideMenu from './side-menu.vue'\n\nexport const VftSideMenu = withInstall(SideMenu)\n\nexport default VftSideMenu\n\nexport * from './types'\n"],"names":["VftSideMenu","withInstall","SideMenu"],"mappings":";;;;;AAIa,MAAAA,IAAcC,EAAYC,CAAQ;"}

package/es/components/side-menu/side-menu.vue2.mjs

@@ -0,0 +1,228 @@
+import { defineComponent as w, useSlots as P, ref as U, computed as m, h as f, onMounted as W, nextTick as $, createVNode as d } from "vue";
+import { listenerRouteChange as j, useRouterHelper as Y } from "@vft/router";
+import { useSortable as z } from "@vft/use";
+import { isUrl as D, generateCssVars as M, addUnit as S, isNullOrUndefined as b } from "@vft/utils";
+import { useNamespace as F } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import "../divider/index.mjs";
+import { VftIcon as G } from "../icon/index.mjs";
+import "../avatar/index.mjs";
+import "../empty/index.mjs";
+import "../result/index.mjs";
+import "../exception/index.mjs";
+import "../tabs/index.mjs";
+import "../popper/index.mjs";
+import "../collapse-transition/index.mjs";
+import "../tooltip/index.mjs";
+import "../popover/index.mjs";
+import { VftMenu as J, VftSubMenu as K, VftMenuItem as k } from "../menu/index.mjs";
+import "../multiple-tabs/index.mjs";
+import "../header-layout/index.mjs";
+import "../footer-layout/index.mjs";
+import "../iframe-layout/index.mjs";
+import "../router-view-content/index.mjs";
+import "../logo/index.mjs";
+import "../back-top/index.mjs";
+import "../config-provider/index.mjs";
+import "../descriptions/index.mjs";
+import "../full-screen/index.mjs";
+import "../icon-text/index.mjs";
+import "../image/index.mjs";
+import "../input/index.mjs";
+import "../link/index.mjs";
+import "../pagination/index.mjs";
+import "../tag/index.mjs";
+import "./index.mjs";
+import "../qrcode/index.mjs";
+import "../overlay/index.mjs";
+import "../clamp/index.mjs";
+import "../clamp-toggle/index.mjs";
+import "../page-wrapper/index.mjs";
+import "../message/index.mjs";
+import { useRouter as L } from "vue-router";
+const a = (
+  /* hoist-static*/
+  F("side-menu")
+), Q = w({
+  name: a.b()
+}), ze = /* @__PURE__ */ w({
+  ...Q,
+  props: {
+    menus: null,
+    uniqueOpened: {
+      type: Boolean,
+      default: !0
+    },
+    collapse: {
+      type: Boolean,
+      default: !1
+    },
+    defaultActive: null,
+    width: null,
+    collapseWidth: {
+      default: 50
+    },
+    attrMapping: null,
+    extraHeight: {
+      default: 100
+    },
+    menuTopBottomHeight: {
+      default: 40
+    },
+    showCollapse: {
+      type: Boolean,
+      default: !1
+    },
+    dragOption: null,
+    useMenuSelect: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:collapse", "dragEnd", "select"],
+  setup(o, {
+    emit: h
+  }) {
+    const c = P(), v = U(), i = m(() => ({
+      path: "path",
+      children: "children",
+      title: "title",
+      index: "path",
+      icon: "icon",
+      ...o.attrMapping
+    }));
+    j((e) => {
+      !e || e.meta.hideSide || (v.value = e.path);
+    });
+    const x = (e, r) => {
+      const n = e[i.value.path], u = e[i.value.title], l = e == null ? void 0 : e[i.value.children], p = e == null ? void 0 : e[i.value.index], s = e == null ? void 0 : e[i.value.icon];
+      return l != null && l.length ? f(
+        // @ts-ignore
+        K,
+        {
+          popperAppendToBody: !0,
+          key: p || n,
+          index: p || n,
+          title: u,
+          icon: s,
+          popperClass: a.e("popper")
+        },
+        {
+          default: () => l == null ? void 0 : l.map((t, q) => {
+            var O;
+            const g = t[i.value.path], C = t[i.value.index], R = t[i.value.icon], E = t[i.value.title];
+            return (O = t == null ? void 0 : t[i.value.children]) != null && O.length ? x(t, q) : (
+              // @ts-ignore
+              f(k, {
+                key: C || g,
+                index: C || g,
+                route: g,
+                icon: R,
+                title: E,
+                disabled: t.disabled
+              })
+            );
+          })
+        }
+      ) : f(k, {
+        key: p || n,
+        index: p || n,
+        title: u,
+        route: n,
+        icon: s,
+        disabled: e.disabled
+      }, c.menuItem ? () => {
+        var t;
+        return (t = c.menuItem) == null ? void 0 : t.call(c, {
+          item: e,
+          index: r
+        });
+      } : "");
+    }, B = m(() => {
+      var e, r;
+      return f(J, {
+        onSelect: o.useMenuSelect ? T : () => {
+        },
+        defaultActive: o.defaultActive || v.value,
+        class: [a.e("con"), (e = o.dragOption) != null && e.dragClassName ? a.e((r = o.dragOption) == null ? void 0 : r.dragClassName) : ""],
+        style: {
+          height: `calc(100% - ${o.menuTopBottomHeight}px)`
+        },
+        uniqueOpened: o.uniqueOpened,
+        collapse: o.collapse,
+        "collapse-transition": !1
+      }, () => o.menus.map((n, u) => x(n, u)));
+    }), {
+      go: y
+    } = Y(), N = L();
+    async function T(e) {
+      var l, p, s;
+      const r = e.route;
+      let n = e.route;
+      e.indexPath.some((t) => D(t)) && (n = e.indexPath.slice(-2).join("/"));
+      const u = (s = (p = (l = N.getRoutes().filter((t) => t.path === n)) == null ? void 0 : l[0]) == null ? void 0 : p.meta) == null ? void 0 : s.linkTarget;
+      y(u ? {
+        url: r,
+        winOpenOpt: {
+          target: u
+        }
+      } : r), h("select", e);
+    }
+    const A = m(() => ({
+      ...M({
+        "border-right": "none"
+      }, "menu"),
+      ...M({
+        width: o.collapse ? S(o.collapseWidth) : S(o.width)
+      }, "side-menu"),
+      height: `calc(100% - ${o.extraHeight}px)`
+    })), V = m(() => [a.b(), a.m("fixed")]);
+    function H() {
+      h("update:collapse", !o.collapse);
+    }
+    return W(() => {
+      $(() => {
+        var e, r, n;
+        if ((e = o.dragOption) != null && e.dragClassName) {
+          const u = (n = document.querySelectorAll("." + a.e((r = o.dragOption) == null ? void 0 : r.dragClassName))) == null ? void 0 : n[0], {
+            initSortable: l
+          } = z(u, {
+            draggable: ".vft-menu-item",
+            onEnd: (p) => {
+              const {
+                oldIndex: s,
+                newIndex: t
+              } = p;
+              b(s) || b(t) || s === t || h("dragEnd", s, t);
+            },
+            ...o.dragOption
+          });
+          l();
+        }
+      });
+    }), () => d("div", {
+      class: V.value,
+      style: A.value
+    }, [c.top ? d("div", {
+      class: a.e("top")
+    }, [c.top()]) : null, B.value, c.bottom ? d("div", {
+      class: a.e("bottom")
+    }, [c.bottom()]) : o.showCollapse ? d("div", {
+      onClick: H,
+      class: [a.e("bottom"), a.e("collapse")]
+    }, [d(G, {
+      style: {
+        transform: o.collapse ? "rotateY(180deg)" : ""
+      },
+      icon: "vi-collapse"
+    }, null)]) : null]);
+  }
+});
+export {
+  ze as default
+};
+//# sourceMappingURL=side-menu.vue2.mjs.map

package/es/components/side-menu/side-menu.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-menu.vue2.mjs","sources":["../../../../../packages/components/side-menu/side-menu.vue"],"sourcesContent":["<script lang=\"tsx\">\nconst ns = /* hoist-static*/ useNamespace('side-menu')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"tsx\" setup>\nimport { listenerRouteChange, type MenuType, useRouterHelper } from '@vft/router';\nimport { useSortable } from '@vft/use';\nimport { addUnit, generateCssVars, isNullOrUndefined, isUrl } from '@vft/utils';\nimport Sortable, { type SortableEvent } from 'sortablejs';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { VftMenu as Menu, VftSubMenu as SubMenu, VftMenuItem as MenuItem, VftIcon as Icon } from '@vft-ui/components';\nimport { ref, h, type VNode, computed, useSlots, onMounted, nextTick } from 'vue';\nimport { useRouter } from 'vue-router';\n\ninterface MenuConProps {\n  menus: MenuType[];\n  uniqueOpened?: boolean;\n  collapse?: boolean;\n  defaultActive?: string;\n  width?: Numberish;\n  collapseWidth?: Numberish;\n  attrMapping?: {\n    path?: string;\n    children?: string;\n    title?: string;\n    index?: Numberish;\n    icon?: string;\n  };\n  /** 系统内除去侧边栏的其他高度 */\n  extraHeight?: number;\n  /** 上下插槽的总体高度 */\n  menuTopBottomHeight?: number;\n  /** 显示底部折叠按钮 */\n  showCollapse?: boolean;\n  /** 排序配置 */\n  dragOption?: Sortable.Options & {dragClassName: string};\n  useMenuSelect?: boolean\n}\n\ndefineProps({\n  \"menus\": null,\n  \"uniqueOpened\": { type: Boolean, default: true },\n  \"collapse\": { type: Boolean, default: false },\n  \"defaultActive\": null,\n  \"width\": null,\n  \"collapseWidth\": { default: 50 },\n  \"attrMapping\": null,\n  \"extraHeight\": { default: 100 },\n  \"menuTopBottomHeight\": { default: 40 },\n  \"showCollapse\": { type: Boolean, default: false },\n  \"dragOption\": null,\n  \"useMenuSelect\": { type: Boolean, default: true }\n})\n\nconst emit = defineEmits(['update:collapse', 'dragEnd', 'select']);\n\n\n\nconst slots = useSlots();\n\n;\n\nconst _defaultActive = ref();\n\nconst _attrMapping = computed(() => {\n\treturn {\n    path: 'path',\n    children: 'children',\n    title: 'title',\n    index: 'path',\n    icon: 'icon',\n    ...__props.attrMapping\n  };\n});\n\nlistenerRouteChange((route) => {\n  if (!route || route.meta.hideSide) {\n    return;\n  }\n  _defaultActive.value = route.path as string;\n});\n\nconst vSubMenu = (item: Record<string, any>, itemIndex: number): VNode => {\n  const _path = item[_attrMapping.value.path!];\n  const _title = item[_attrMapping.value.title!];\n  const _children = item?.[_attrMapping.value.children!];\n  const _index = item?.[_attrMapping.value.index!];\n  const _icon = item?.[_attrMapping.value.icon!];\n\n  return _children?.length\n    ? h(\n      // @ts-ignore\n      SubMenu,\n      {\n        popperAppendToBody: true,\n        key: _index || _path,\n        index: _index || _path,\n        title: _title,\n        icon: _icon,\n        popperClass: ns.e('popper')\n      },\n      {\n        default: () => {\n          return _children?.map((subItem: Record<string, any>, index: number) => {\n            const subPath = subItem[_attrMapping.value.path!];\n            const subIndex = subItem[_attrMapping.value.index!];\n            const subIcon = subItem[_attrMapping.value.icon!];\n            const subTitle = subItem[_attrMapping.value.title!];\n            return subItem?.[_attrMapping.value.children!]?.length\n              ? vSubMenu(subItem, index)\n              : // @ts-ignore\n              h(MenuItem, {\n                key: subIndex || subPath,\n                index: subIndex || subPath,\n                route: subPath,\n                icon: subIcon,\n                title: subTitle,\n                disabled: subItem.disabled\n              });\n          });\n        }\n      }\n    )\n    : h(MenuItem, {\n      key: _index || _path,\n      index: _index || _path,\n      title: _title,\n      route: _path,\n      icon: _icon,\n      disabled: item.disabled\n    }, slots.menuItem ? () => slots.menuItem?.({ item, index: itemIndex }) : '');\n};\n\nconst vMenu = computed(() => {\n  return h(\n    Menu,\n    {\n      onSelect: __props.useMenuSelect ? handleSelect : () => {},\n      defaultActive: __props.defaultActive || _defaultActive.value,\n      class: [ns.e('con'), __props.dragOption?.dragClassName ? ns.e(__props.dragOption?.dragClassName) : ''],\n      style: { height: `calc(100% - ${__props.menuTopBottomHeight}px)` },\n      uniqueOpened: __props.uniqueOpened,\n      collapse: __props.collapse,\n      'collapse-transition': false\n    }, () =>\n      __props.menus.map((item, index) => {\n        return vSubMenu(item, index);\n      })\n  );\n});\n\nconst { go } = useRouterHelper();\nconst router = useRouter();\n\nasync function handleSelect (data: {route: string; indexPath: string[]}) {\n  const path = data.route;\n\n  let _path = data.route;\n\n  if (data.indexPath.some((item) => isUrl(item))) {\n    _path = data.indexPath.slice(-2).join('/');\n  }\n  const linkTarget = router.getRoutes().filter((item) => item.path === _path)?.[0]?.meta?.linkTarget;\n\n  if (linkTarget) {\n    go({ url: path, winOpenOpt: { target: linkTarget as TargetContext } });\n  } else {\n    go(path);\n  }\n  emit('select', data);\n}\n\nconst style = computed(() => {\n  return {\n    ...generateCssVars({ 'border-right': 'none' }, 'menu'),\n    ...generateCssVars({ width: !__props.collapse ? addUnit(__props.width) : addUnit(__props.collapseWidth) }, 'side-menu'),\n    height: `calc(100% - ${__props.extraHeight}px)`\n  };\n});\n\nconst menuClass = computed(() => {\n  return [ns.b(), ns.m('fixed')];\n});\n\nfunction onChangeCollapse () {\n  emit('update:collapse', !__props.collapse);\n}\n\nonMounted(() => {\n  nextTick(() => {\n    if (__props.dragOption?.dragClassName) {\n      const el = document.querySelectorAll('.' + ns.e(__props.dragOption?.dragClassName))?.[0] as HTMLElement;\n\n      const { initSortable } = useSortable(el, {\n        draggable: '.vft-menu-item',\n        onEnd: (evt: SortableEvent) => {\n          const { oldIndex, newIndex } = evt;\n          if (isNullOrUndefined(oldIndex) || isNullOrUndefined(newIndex) || oldIndex === newIndex) {\n            return;\n          }\n          emit('dragEnd', oldIndex, newIndex);\n        },\n        ...__props.dragOption\n      });\n      initSortable();\n    }\n  });\n});\n\ndefineRender(() => {\n  return (\n    <div class={menuClass.value} style={style.value}>\n      {slots.top ? <div class={ns.e('top')}>{slots.top()}</div> : null}\n      {vMenu.value}\n      {slots.bottom ? (\n        <div class={ns.e('bottom')}>{slots.bottom()}</div>\n      ) : __props.showCollapse ? (\n        <div onClick={onChangeCollapse} class={[ns.e('bottom'), ns.e('collapse')]}>\n          <Icon style={{ transform: __props.collapse ? 'rotateY(180deg)' : '' }} icon=\"vi-collapse\"></Icon>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","name","b","slots","useSlots","_defaultActive","ref","_attrMapping","computed","path","children","title","index","icon","__props","attrMapping","listenerRouteChange","route","meta","hideSide","value","vSubMenu","item","itemIndex","_path","_title","_children","_index","_icon","length","h","SubMenu","popperAppendToBody","key","popperClass","e","default","map","subItem","subPath","subIndex","subIcon","subTitle","MenuItem","disabled","menuItem","vMenu","Menu","onSelect","useMenuSelect","handleSelect","defaultActive","class","dragOption","dragClassName","style","height","menuTopBottomHeight","uniqueOpened","collapse","menus","go","useRouterHelper","router","useRouter","data","indexPath","some","isUrl","slice","join","linkTarget","getRoutes","filter","url","winOpenOpt","target","emit","generateCssVars","width","addUnit","collapseWidth","extraHeight","menuClass","m","onChangeCollapse","onMounted","nextTick","el","document","querySelectorAll","initSortable","useSortable","draggable","onEnd","evt","oldIndex","newIndex","isNullOrUndefined","_createVNode","top","bottom","showCollapse","Icon","transform"],"mappings":"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"}

package/es/components/slot/only-child.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"only-child.mjs","sources":["../../../../../packages/components/slot/only-child.tsx"],"sourcesContent":["import {\n  Comment,\n  Fragment,\n  Text,\n  cloneVNode,\n  defineComponent,\n  inject,\n  withDirectives,\n} from 'vue'\nimport { NOOP, isObject } from '@vue/shared'\nimport {\n  FORWARD_REF_INJECTION_KEY,\n  useForwardRefDirective,\n  useNamespace,\n} from '@vft-ui/hooks'\nimport { debugWarn } from '@vft-ui/utils'\n\nimport type { Ref, VNode } from 'vue'\n\nconst NAME = 'VftOnlyChild'\n\nexport const OnlyChild = defineComponent({\n  name: NAME,\n  setup(_, { slots, attrs }) {\n    const forwardRefInjection = inject(FORWARD_REF_INJECTION_KEY)\n    const forwardRefDirective = useForwardRefDirective(\n      forwardRefInjection?.setForwardRef ?? NOOP\n    )\n    return () => {\n      const defaultSlot = slots.default?.(attrs)\n      if (!defaultSlot) return null\n\n      if (defaultSlot.length > 1) {\n        debugWarn(NAME, 'requires exact only one valid child.')\n        return null\n      }\n\n      const firstLegitNode = findFirstLegitChild(defaultSlot)\n      if (!firstLegitNode) {\n        debugWarn(NAME, 'no valid child node found')\n        return null\n      }\n\n      return withDirectives(cloneVNode(firstLegitNode!, attrs), [\n        [forwardRefDirective],\n      ])\n    }\n  },\n})\n\nfunction findFirstLegitChild(node: VNode[] | undefined): VNode | null {\n  if (!node) return null\n  const children = node as VNode[]\n  for (const child of children) {\n    /**\n     * when user uses h(Fragment, [text]) to render plain string,\n     * this switch case just cannot handle, when the value is primitives\n     * we should just return the wrapped string\n     */\n    if (isObject(child)) {\n      switch (child.type) {\n        case Comment:\n          continue\n        case Text:\n        case 'svg':\n          return wrapTextContent(child)\n        case Fragment:\n          return findFirstLegitChild(child.children as VNode[])\n        default:\n          return child\n      }\n    }\n    return wrapTextContent(child)\n  }\n  return null\n}\n\nfunction wrapTextContent(s: string | VNode) {\n  const ns = useNamespace('only-child')\n  return <span class={ns.e('content')}>{s}</span>\n}\n\nexport type OnlyChildExpose = {\n  forwardRef: Ref<HTMLElement>\n}\n"],"names":["NAME","OnlyChild","defineComponent","name","setup","_","slots","attrs","forwardRefInjection","inject","FORWARD_REF_INJECTION_KEY","forwardRefDirective","useForwardRefDirective","setForwardRef","NOOP","defaultSlot","default","length","debugWarn","firstLegitNode","findFirstLegitChild","withDirectives","cloneVNode","node","children","child","isObject","type","Comment","Text","wrapTextContent","Fragment","s","ns","useNamespace","_createVNode","e"],"mappings":";;;;;;;;;;AAmBA,MAAMA,IAAO,gBAEAC,IAAYC,gBAAAA,EAAgB;AAAA,EACvCC,MAAMH;AAAAA,EACNI,MAAMC,GAAG;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,EAAM,GAAG;AACzB,UAAMC,IAAsBC,EAAOC,CAAyB,GACtDC,IAAsBC,GAC1BJ,KAAAA,gBAAAA,EAAqBK,kBAAiBC,CAAI;AAE5C,WAAO,MAAM;;AACX,YAAMC,KAAcT,IAAAA,EAAMU,YAANV,gBAAAA,EAAAA,KAAAA,GAAgBC;AACpC,UAAI,CAACQ;AAAa,eAAO;AAEzB,UAAIA,EAAYE,SAAS;AACvBC,eAAAA,EAAUlB,GAAM,sCAAsC,GAC/C;AAGT,YAAMmB,IAAiBC,EAAoBL,CAAW;AACtD,aAAKI,IAKEE,EAAeC,EAAWH,GAAiBZ,CAAK,GAAG,CACxD,CAACI,CAAmB,CAAC,CACtB,KANCO,EAAUlB,GAAM,2BAA2B,GACpC;AAAA;EAOb;AACF,CAAC;AAED,SAASoB,EAAoBG,GAAyC;AACpE,MAAI,CAACA;AAAM,WAAO;AAClB,QAAMC,IAAWD;AACjB,aAAWE,KAASD,GAAU;AAM5B,QAAIE,EAASD,CAAK;AAChB,cAAQA,EAAME,MAAI;AAAA,QAChB,KAAKC;AACH;AAAA,QACF,KAAKC;AAAAA,QACL,KAAK;AACH,iBAAOC,EAAgBL,CAAK;AAAA,QAC9B,KAAKM;AACH,iBAAOX,EAAoBK,EAAMD,QAAQ;AAAA,QAC3C;AACE,iBAAOC;AAAAA,MAAK;AAGlB,WAAOK,EAAgBL,CAAK;AAAA,EAC9B;AACA,SAAO;AACT;AAEA,SAASK,EAAgBE,GAAmB;AAC1C,QAAMC,IAAKC,EAAa,YAAY;AACpC,SAAAC,EAAA,QAAA;AAAA,IAAA,OAAoBF,EAAGG,EAAE,SAAS;AAAA,EAAC,GAAA,CAAGJ,CAAC,CAAA;AACzC;"}

package/es/components/tab-pane/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/tabs/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/tabs/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@vft-ui/utils'\nimport Tabs from './tabs.vue';\nimport TabPane from './tab-pane.vue';\n\nexport const VftTabs = withInstall(Tabs, { TabPane })\nexport const VftTabPane = withNoopInstall(TabPane)\nexport default VftTabs\n\nexport * from './types';\n"],"names":["VftTabs","withInstall","Tabs","TabPane","VftTabPane","withNoopInstall"],"mappings":";;;;;;;AAIO,MAAMA,IAAUC,EAAYC,GAAM,EAAA,SAAEC,GAAS,GACvCC,IAAaC,EAAgBF,CAAO;"}

package/es/components/tabs/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/tabs/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/tabs/tab-bar.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-bar.vue2.mjs","sources":["../../../../../packages/components/tabs/tab-bar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { type TabsPaneContext, TabsRootContextKey } from './types';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { capitalize } from '@vft/utils';\nimport { getCurrentInstance, inject, nextTick, ref, watch, computed } from 'vue';\nimport { useResizeObserver } from '@vueuse/core';\n\nimport type { CSSProperties } from 'vue';\n\nconst props = defineProps({\n  \"tabs\": null\n});\n\nconst instance = getCurrentInstance()!;\nconst rootTabs = inject(TabsRootContextKey)!;\n\nconst ns = useNamespace('tabs');\n\nconst barRef = ref<HTMLDivElement>();\nconst barStyle = ref<CSSProperties>();\n\nconst getBarStyle = (): CSSProperties => {\n  let offset = 0;\n  let tabSize = 0;\n\n  const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition!)\n    ? 'width'\n    : 'height';\n  const sizeDir = sizeName === 'width' ? 'x' : 'y';\n  const position = sizeDir === 'x' ? 'left' : 'top';\n\n  props.tabs.every((tab) => {\n    const $el = instance.parent?.refs?.[`tab-${tab.uid}`] as HTMLElement;\n    if (!$el) return false;\n\n    if (!tab.active) {\n      return true;\n    }\n    offset = $el[`offset${capitalize(position)}`];\n    tabSize = $el[`client${capitalize(sizeName)}`];\n\n    const tabStyles = window.getComputedStyle($el);\n\n    if (sizeName === 'width') {\n      if (props.tabs.length > 1) {\n        tabSize -=\n          Number.parseFloat(tabStyles.paddingLeft) +\n          Number.parseFloat(tabStyles.paddingRight);\n      }\n      offset += Number.parseFloat(tabStyles.paddingLeft);\n    }\n    return false;\n  });\n\n  return {\n    [sizeName]: `${tabSize}px`,\n    transform: `translate${capitalize(sizeDir)}(${offset}px)`\n  };\n};\n\nconst update = () => (barStyle.value = getBarStyle());\n\nwatch(\n  () => props.tabs,\n  async () => {\n    await nextTick();\n    update();\n  },\n  { immediate: true }\n);\n\nconst _tabPosition = computed(() => {\n  return rootTabs.props.tabPosition!;\n});\n\nuseResizeObserver(barRef, () => update());\n\ndefineExpose({\n  ref: barRef,\n  update\n});\n</script>\n\n<template>\n  <div\n    ref=\"barRef\"\n    :class=\"[ns.e('active-bar'), ns.is(_tabPosition)]\"\n    :style=\"barStyle\"\n  />\n</template>\n"],"names":["instance","getCurrentInstance","rootTabs","inject","TabsRootContextKey","ns","useNamespace","barRef","ref","barStyle","getBarStyle","offset","tabSize","sizeName","sizeDir","position","props","tab","$el","_b","_a","capitalize","tabStyles","update","watch","nextTick","_tabPosition","computed","useResizeObserver","expose"],"mappings":";;;;;;;;;;;;;;;iBAaMA,IAAWC,KACXC,IAAWC,EAAOC,CAAkB,GAEpCC,IAAKC,EAAa,MAAM,GAExBC,IAASC,KACTC,IAAWD,KAEXE,IAAc,MAAqB;AACvC,UAAIC,IAAS,GACTC,IAAU;AAER,YAAAC,IAAW,CAAC,OAAO,QAAQ,EAAE,SAASX,EAAS,MAAM,WAAY,IACnE,UACA,UACEY,IAAUD,MAAa,UAAU,MAAM,KACvCE,IAAWD,MAAY,MAAM,SAAS;AAEtC,aAAAE,EAAA,KAAK,MAAM,CAACC,MAAQ;;AACxB,cAAMC,KAAMC,KAAAC,IAAApB,EAAS,WAAT,gBAAAoB,EAAiB,SAAjB,gBAAAD,EAAwB,OAAOF,EAAI;AAC/C,YAAI,CAACC;AAAY,iBAAA;AAEb,YAAA,CAACD,EAAI;AACA,iBAAA;AAET,QAAAN,IAASO,EAAI,SAASG,EAAWN,CAAQ,GAAG,GAC5CH,IAAUM,EAAI,SAASG,EAAWR,CAAQ,GAAG;AAEvC,cAAAS,IAAY,OAAO,iBAAiBJ,CAAG;AAE7C,eAAIL,MAAa,YACXG,EAAM,KAAK,SAAS,MAEpBJ,KAAA,OAAO,WAAWU,EAAU,WAAW,IACvC,OAAO,WAAWA,EAAU,YAAY,IAElCX,KAAA,OAAO,WAAWW,EAAU,WAAW,IAE5C;AAAA,MAAA,CACR,GAEM;AAAA,QACL,CAACT,CAAQ,GAAG,GAAGD;AAAA,QACf,WAAW,YAAYS,EAAWP,CAAO,KAAKH;AAAA,MAAA;AAAA,IAChD,GAGIY,IAAS,MAAOd,EAAS,QAAQC,EAAY;AAEnD,IAAAc;AAAA,MACE,MAAMR,EAAM;AAAA,MACZ,YAAY;AACV,cAAMS,EAAS,GACRF;MACT;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA;AAGd,UAAAG,IAAeC,EAAS,MACrBzB,EAAS,MAAM,WACvB;AAEiB,WAAA0B,EAAArB,GAAQ,MAAMgB,EAAA,CAAQ,GAE3BM,EAAA;AAAA,MACX,KAAKtB;AAAA,MACL,QAAAgB;AAAA,IAAA,CACD;;;;;;;;"}