vft 0.0.19 → 0.0.20

package/lib/components/multiple-tabs/multiple-tabs.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiple-tabs.vue2.js","sources":["../../../../../packages/components/multiple-tabs/multiple-tabs.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('multiple-tabs')\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, listenerRouteChange, useRouterHelper } from '@vft/router';\nimport { useMultipleTabStore, useTabs } from '@vft/store';\nimport { useRefs } from '@vft/use';\nimport { generateCssVars } from '@vft/utils';\nimport hotkeys from 'hotkeys-js';\nimport { computed, ref, unref, watchEffect } from 'vue';\nimport type { RouteLocationNormalized, RouteMeta } from 'vue-router';\nimport { useRouter, onBeforeRouteLeave } from 'vue-router';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { VftTabs, VftTabPane, type TabsPaneContext } from '@vft-ui/components';\n\nimport TabContent from './tab-content.vue';\nimport type { TabContentExpose } from './types';\nimport { initAffixTabs, useTabsDrag } from './use';\n\ninterface MultipleTabsProps {\n  tabsStyle?: Record<string, Numberish>;\n  contextMenuStyle?: Record<string, Numberish>;\n  canDrag?: boolean;\n}\n\ndefineProps({\n  \"tabsStyle\": null,\n  \"contextMenuStyle\": null,\n  \"canDrag\": { type: Boolean,  }\n})\n\n\n\n;\n\nconst affixList = initAffixTabs();\n\nif (__props.canDrag) {\n  useTabsDrag(affixList);\n}\n\nconst tabStore = useMultipleTabStore();\n\n// active path for tab\nconst activePathRef = ref('');\nconst activeIndex = ref(0);\nconst fromRoute = ref();\n\nconst router = useRouter();\nconst { go } = useRouterHelper();\n\n// get current tab list\nconst getTabsState = computed(() => {\n  return tabStore.getTabList.filter((item) => {\n    return !item.meta?.hideTab;\n  });\n});\n\n\nwatchEffect(() => {\n  if (activePathRef.value) {\n    const _activeIndex = getTabsState.value.findIndex(item => {\n      return getRouterKeyPath(item) === activePathRef.value;\n    });\n    if (_activeIndex === -1) {\n      activeIndex.value = getTabsState.value?.length - 1;\n    } else {\n      activeIndex.value = _activeIndex;\n    }\n    activeIndex.value = activeIndex.value < affixList?.length ? affixList?.length - 1 : activeIndex.value;\n  }\n});\n\nonBeforeRouteLeave(() => {\n  fromRoute.value = unref(router.currentRoute);\n});\n\nlistenerRouteChange((route) => {\n  if (!route) {\n    return;\n  }\n\n  const { meta = {} } = route;\n  const { currentActivePath, hideTab } = meta as RouteMeta;\n\n  const isHide = !hideTab ? null : currentActivePath;\n\n  // set current active tab value\n  const activePath = getRouterKeyPath(route);\n\n  if (activePathRef.value !== activePath) {\n    activePathRef.value = activePath;\n  }\n\n  if (isHide) {\n    // 如果当前 tab 是隐藏的，则从路由中根据 currentActivePath 寻找到此路由的信息，然后在 tabStore 添加此路由\n    let findParentRoute = router.getRoutes().find((item) => item.path === currentActivePath);\n    findParentRoute && tabStore.addTab(findParentRoute as unknown as RouteLocationNormalized, unref(fromRoute), activeIndex.value, route);\n  } else {\n    tabStore.addTab(unref(route), unref(fromRoute), activeIndex.value);\n  }\n});\n\n// 点击 tab 根据 tab 传入的 path 路径，跳转到对应页面\nfunction handleClick (pane: TabsPaneContext) {\n  if (activePathRef.value === pane.paneName) {\n  \treturn;\n  }\n  const clickTab = getTabsState.value[pane.attrs.index];\n  activePathRef.value = pane.paneName as string;\n  const hideActiveRoutePath = (clickTab?.meta?.hideActiveRoute as RouteLocationNormalized)?.fullPath;\n  if (hideActiveRoutePath) {\n    go(hideActiveRoutePath);\n  } else {\n    go(clickTab.fullPath || clickTab.path);\n  }\n}\n\n// click x close tab\nfunction handleRemove (targetPath: string) {\n  tabStore.closeTabByKey(targetPath, router);\n}\n\nconst [refs, setRefs] = useRefs<TabContentExpose>();\n\nfunction handleContextMenu (data: {pane: {attrs: {index: number;};}; event: any;}) {\n  const _index = data.pane.attrs.index;\n  const _event = data.event;\n  refs.value[_index].handleContext(_event);\n}\n\nconst _tabsStyle = computed(() => {\n  let initTabStyle: Record<string, Numberish> = {\n    padding: '4px 0 0',\n    'header-height': '26px',\n    'item-color': '#5C5C5C',\n    'item-bg-color': '#f8f8f8',\n    'font-size': '13px',\n    'item-padding': '0 10px',\n    'close-icon-left': '8px',\n    'item-distance': '10px',\n    'item-max-width': '348px',\n    'header-margin': '0 0 0 8px'\n  };\n\n  return { ...generateCssVars(initTabStyle, 'tabs', 'vft'), ...__props.tabsStyle };\n});\n\nconst { closeCurrent } = useTabs();\n\nhotkeys('command+e, ctrl+e', function () {\n  closeCurrent();\n  return false;\n});\n\nconst _contextMenuStyle = computed(() => {\n  return {\n    ...generateCssVars({\n      border: '1px solid #dcdfe6',\n      'sub-item-height': '40px',\n      'item-min-width': '150px'\n    }, 'menu', 'vft'),\n    ...__props.contextMenuStyle\n  };\n});\n</script>\n\n<template>\n  <div :class=\"ns.b()\" :style=\"_tabsStyle\">\n    <vft-tabs\n      v-model:model-value=\"activePathRef\"\n      type=\"card\"\n      @tabClick=\"handleClick\"\n      @tabRemove=\"handleRemove\"\n      @tabContextMenu=\"handleContextMenu\"\n      :closeIconCfg=\"{ color: 'white'}\"\n    >\n      <!--why key add index：key not update after sort -->\n      <template v-for=\"(item, index) in getTabsState\" :key=\"getRouterKeyPath(item) + index\">\n        <vft-tab-pane :closable=\"!(item.meta?.affix)\" :index=\"index\" :name=\"getRouterKeyPath(item)\">\n          <template #label>\n            <tab-content :contextMenuStyle=\"_contextMenuStyle\" :affixNum=\"affixList?.length\"\n              :ref=\"setRefs(index)\" :tabItem=\"item\" />\n          </template>\n        </vft-tab-pane>\n      </template>\n    </vft-tabs>\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","affixList","initAffixTabs","__props","useTabsDrag","tabStore","useMultipleTabStore","activePathRef","ref","activeIndex","fromRoute","router","useRouter","go","useRouterHelper","getTabsState","computed","item","_a","watchEffect","_activeIndex","getRouterKeyPath","onBeforeRouteLeave","unref","listenerRouteChange","route","meta","currentActivePath","hideTab","isHide","activePath","findParentRoute","handleClick","pane","clickTab","hideActiveRoutePath","_b","handleRemove","targetPath","refs","setRefs","useRefs","handleContextMenu","data","_index","_event","_tabsStyle","initTabStyle","generateCssVars","closeCurrent","useTabs","hotkeys","_contextMenuStyle"],"mappings":"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"}

package/lib/components/multiple-tabs/tab-content.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-content.vue2.js","sources":["../../../../../packages/components/multiple-tabs/tab-content.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { type RouteLocationNormalized } from 'vue-router';\nimport { useContextMenu } from '@vft-ui/components/context-menu';\nimport type { TabContentExpose } from './types';\nimport { useTabDropdown } from './use';\n\ninterface Props {\n  tabItem: RouteLocationNormalized;\n  affixNum: number;\n  contextMenuStyle?: Record<string, Numberish>;\n}\n\ndefineProps({\n  \"tabItem\": null,\n  \"affixNum\": null,\n  \"contextMenuStyle\": null\n})\n\nconst [createContextMenu] = useContextMenu();\n\nconst getTitle = computed(() => {\n  return __props.tabItem.meta && (__props.tabItem.meta.title as string);\n});\n\nconst { getDropMenuList, handleContextMenu } = useTabDropdown(__props.tabItem, __props.affixNum);\n\nfunction handleContext(e: MouseEvent) {\n  handleContextMenu(__props.tabItem)(e);\n  createContextMenu({\n    event: e,\n    styles: __props.contextMenuStyle,\n    items: getDropMenuList.value\n  });\n}\n\ndefineExpose<TabContentExpose>({\n  handleContext\n});\n</script>\n\n<template>\n  <span :title=\"getTitle\" class=\"vft-multiple-tabs__title\" @contextmenu.stop=\"handleContext\">{{ getTitle }}</span>\n</template>\n"],"names":["createContextMenu","useContextMenu","getTitle","computed","__props","getDropMenuList","handleContextMenu","useTabDropdown","handleContext","e","expose"],"mappings":"++CAmBM,KAAA,CAACA,CAAiB,EAAIC,EAAAA,iBAEtBC,EAAWC,EAAAA,SAAS,IACjBC,EAAQ,QAAQ,MAASA,EAAQ,QAAQ,KAAK,KACtD,EAEK,CAAE,gBAAAC,EAAiB,kBAAAC,GAAsBC,EAAAA,eAAeH,EAAQ,QAASA,EAAQ,QAAQ,EAE/F,SAASI,EAAcC,EAAe,CAClBH,EAAAF,EAAQ,OAAO,EAAEK,CAAC,EAClBT,EAAA,CAChB,MAAOS,EACP,OAAQL,EAAQ,iBAChB,MAAOC,EAAgB,KAAA,CACxB,CACH,CAE+B,OAAAK,EAAA,CAC7B,cAAAF,CAAA,CACD"}

package/lib/components/multiple-tabs/use/use-multiple-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-multiple-tabs.js","sources":["../../../../../../packages/components/multiple-tabs/use/use-multiple-tabs.ts"],"sourcesContent":["import { useSortable } from '@vft/use';\nimport { arrSort, isNullOrUndefined } from '@vft/utils';\nimport type { SortableEvent } from 'sortablejs';\nimport { nextTick, ref, toRaw } from 'vue';\nimport type { RouteLocationNormalized } from 'vue-router';\nimport { useRouter } from 'vue-router';\nimport { useMultipleTabStore } from '@vft/store';\n\n/**\n * @description 初始化需要固定的 tab 标签\n * @author wfd\n * @date 2022/10/15 19:03\n * @example\n * @returns {string[]}\n */\nexport function initAffixTabs(): string[] {\n  const affixList = ref<RouteLocationNormalized[]>([]);\n\n  const tabStore = useMultipleTabStore();\n  const router = useRouter();\n\n  // 过滤需要固定的标签\n  function filterAffixTabs(routes: RouteLocationNormalized[]) {\n    const tabs: RouteLocationNormalized[] = [];\n    routes &&\n      routes.forEach((route) => {\n        if (route.meta?.affix) {\n          // console.log(route, 777, toRaw(route));\n          tabs.push(toRaw(route));\n        }\n      });\n    return tabs;\n  }\n\n  function addAffixTabs() {\n    const affixTabs = filterAffixTabs(router.getRoutes() as unknown as RouteLocationNormalized[]);\n\n    arrSort(affixTabs, ['meta', 'order']);\n\n    affixList.value = affixTabs;\n\n    for (const tab of affixTabs) {\n      tabStore.addTab({\n        meta: tab.meta,\n        name: tab.name,\n        path: tab.path\n      } as RouteLocationNormalized);\n    }\n  }\n\n  let isAddAffix = false;\n\n  // 开始执行固定标签\n  if (!isAddAffix) {\n    addAffixTabs();\n    isAddAffix = true;\n  }\n  return affixList.value.map((item) => item.meta?.title).filter(Boolean) as string[];\n}\n\nexport function useTabsDrag(affixTextList: string[]) {\n  const tabStore = useMultipleTabStore();\n  nextTick(() => {\n    const el = document.querySelectorAll('.vft-tabs__nav')?.[0] as HTMLElement;\n\n    const { initSortable } = useSortable(el, {\n      draggable: '.is-closable',\n      filter: (e) => {\n        const text = (e?.target as HTMLElement)?.innerText;\n        if (!text) return false;\n        return affixTextList.includes(text);\n      },\n\n      onEnd: (evt: SortableEvent) => {\n        const { oldIndex, newIndex } = evt;\n\n        if (isNullOrUndefined(oldIndex) || isNullOrUndefined(newIndex) || oldIndex === newIndex) {\n          return;\n        }\n\n        tabStore.sortTabs(oldIndex, newIndex);\n      }\n    });\n    initSortable();\n  });\n}\n"],"names":["initAffixTabs","affixList","ref","tabStore","useMultipleTabStore","router","useRouter","filterAffixTabs","routes","tabs","route","_a","toRaw","addAffixTabs","affixTabs","arrSort","tab","isAddAffix","item","useTabsDrag","affixTextList","nextTick","el","initSortable","useSortable","e","text","evt","oldIndex","newIndex","isNullOrUndefined"],"mappings":"qMAeO,SAASA,GAA0B,CAClC,MAAAC,EAAYC,MAA+B,CAAA,CAAE,EAE7CC,EAAWC,EAAAA,sBACXC,EAASC,EAAAA,YAGf,SAASC,EAAgBC,EAAmC,CAC1D,MAAMC,EAAkC,CAAA,EAEtC,OAAAD,GAAAA,EAAO,QAASE,GAAU,QACpBC,EAAAD,EAAM,OAAN,MAAAC,EAAY,OAETF,EAAA,KAAKG,QAAMF,CAAK,CAAC,CACxB,CACD,EACID,CACT,CAEA,SAASI,GAAe,CACtB,MAAMC,EAAYP,EAAgBF,EAAO,UAAmD,CAAA,EAE5FU,EAAAA,QAAQD,EAAW,CAAC,OAAQ,OAAO,CAAC,EAEpCb,EAAU,MAAQa,EAElB,UAAWE,KAAOF,EAChBX,EAAS,OAAO,CACd,KAAMa,EAAI,KACV,KAAMA,EAAI,KACV,KAAMA,EAAI,IAAA,CACgB,CAEhC,CAEA,IAAIC,EAAa,GAGjB,OAAKA,IACUJ,IACAI,EAAA,IAERhB,EAAU,MAAM,IAAKiB,GAAA,OAAS,OAAAP,EAAAO,EAAK,OAAL,YAAAP,EAAW,MAAK,EAAE,OAAO,OAAO,CACvE,CAEO,SAASQ,EAAYC,EAAyB,CACnD,MAAMjB,EAAWC,EAAAA,sBACjBiB,EAAAA,SAAS,IAAM,OACb,MAAMC,GAAKX,EAAA,SAAS,iBAAiB,gBAAgB,IAA1C,YAAAA,EAA8C,GAEnD,CAAE,aAAAY,CAAA,EAAiBC,EAAA,YAAYF,EAAI,CACvC,UAAW,eACX,OAASG,GAAM,OACP,MAAAC,GAAQf,EAAAc,GAAA,YAAAA,EAAG,SAAH,YAAAd,EAA2B,UACzC,OAAKe,EACEN,EAAc,SAASM,CAAI,EADhB,EAEpB,EAEA,MAAQC,GAAuB,CACvB,KAAA,CAAE,SAAAC,EAAU,SAAAC,CAAa,EAAAF,EAE3BG,EAAAA,kBAAkBF,CAAQ,GAAKE,EAAAA,kBAAkBD,CAAQ,GAAKD,IAAaC,GAItE1B,EAAA,SAASyB,EAAUC,CAAQ,CACtC,CAAA,CACD,EACYN,GAAA,CACd,CACH"}

package/lib/components/multiple-tabs/use/use-tab-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tab-dropdown.js","sources":["../../../../../../packages/components/multiple-tabs/use/use-tab-dropdown.ts"],"sourcesContent":["import { getRouterKeyPath } from '@vft/router';\nimport { computed, reactive, unref } from 'vue';\nimport { type RouteLocationNormalized } from 'vue-router';\nimport { type ContextMenuItem } from '@vft-ui/components/context-menu';\nimport { useMultipleTabStore, useTabs } from '@vft/store';\n\nexport function useTabDropdown(tabItem: RouteLocationNormalized, affixNum: number) {\n  // 记录当前点击多 tab 的索引与 tab 的信息\n  const state = reactive({\n    current: null as Nullable<RouteLocationNormalized>,\n    currentIndex: 0\n  });\n\n  const tabStore = useMultipleTabStore();\n  const { refreshPage, closeAll, close, closeLeft, closeOther, closeRight, newWinTab } = useTabs();\n\n  /**\n   * @description 多 tab 菜单列表\n   */\n  const getDropMenuList = computed(() => {\n    if (!tabItem) {\n      return;\n    }\n    const { meta } = tabItem;\n\n    const index = state.currentIndex;\n\n    // 关闭左侧标签页\n    const closeLeftDisabled = index === 0 || index <= affixNum;\n    // 关闭右侧标签页\n    const closeRightDisabled = tabStore.getTabList.length <= affixNum || (index === tabStore.getTabList.length - 1 && tabStore.getLastDragEndIndex >= 0);\n    // 关闭其他\n    const closeOtherDisabled = tabStore.getTabList.length === affixNum || (tabStore.getTabList.length === affixNum + 1 && index === affixNum);\n    // 关闭所有\n    const disabled = tabStore.getTabList.length === affixNum;\n\n    const dropMenuList: ContextMenuItem[] = [\n      {\n        iconCfg: { icon: 'vi-refresh' },\n        text: '刷新',\n        handler: () => refreshPage(tabItem)\n      },\n      {\n        iconCfg: { icon: 'vi-new-page' },\n        text: '新页面打开',\n        handler: () => newWinTab(tabItem),\n        divider: true\n      },\n      {\n        iconCfg: { icon: 'vi-close' },\n        text: '关闭标签页',\n        disabled: !!meta?.affix || disabled,\n        handler: () => close(tabItem)\n      },\n      {\n        iconCfg: { icon: 'vi-close-left' },\n        text: '关闭左侧标签页',\n        disabled: closeLeftDisabled,\n        handler: () => closeLeft(tabItem)\n      },\n      {\n        iconCfg: { icon: 'vi-close-right' },\n        text: '关闭右侧标签页',\n        disabled: closeRightDisabled,\n        divider: true,\n        handler: () => closeRight(tabItem)\n      },\n      {\n        iconCfg: { icon: 'vi-close-other' },\n        text: '关闭其它标签页',\n        disabled: closeOtherDisabled,\n        handler: () => closeOther(tabItem)\n      },\n      {\n        iconCfg: { icon: 'vi-close-all' },\n        text: '关闭所有标签页',\n        disabled,\n        handler: () => closeAll()\n      }\n    ];\n\n    return dropMenuList;\n  });\n\n  // 点击 tab 右侧菜单事件\n  function handleContextMenu(tabItem: RouteLocationNormalized) {\n    return (e: Event) => {\n      if (!tabItem) {\n        return;\n      }\n      e?.preventDefault();\n\n      // 获取当前点击的 tab 在多 tab 列表中的位置\n      const index = tabStore.getTabList.findIndex((tab) => getRouterKeyPath(tab) === getRouterKeyPath(tabItem));\n      state.current = tabItem;\n      state.currentIndex = index;\n    };\n  }\n\n  return { getDropMenuList, handleContextMenu };\n}\n"],"names":["useTabDropdown","tabItem","affixNum","state","reactive","tabStore","useMultipleTabStore","refreshPage","closeAll","close","closeLeft","closeOther","closeRight","newWinTab","useTabs","getDropMenuList","computed","meta","index","closeLeftDisabled","closeRightDisabled","closeOtherDisabled","disabled","handleContextMenu","e","tab","getRouterKeyPath"],"mappings":"wJAMgB,SAAAA,EAAeC,EAAkCC,EAAkB,CAEjF,MAAMC,EAAQC,EAAAA,SAAS,CACrB,QAAS,KACT,aAAc,CAAA,CACf,EAEKC,EAAWC,EAAAA,sBACX,CAAE,YAAAC,EAAa,SAAAC,EAAU,MAAAC,EAAO,UAAAC,EAAW,WAAAC,EAAY,WAAAC,EAAY,UAAAC,GAAcC,EAAAA,UAKjFC,EAAkBC,EAAAA,SAAS,IAAM,CACrC,GAAI,CAACf,EACH,OAEI,KAAA,CAAE,KAAAgB,CAAS,EAAAhB,EAEXiB,EAAQf,EAAM,aAGdgB,EAAoBD,IAAU,GAAKA,GAAShB,EAE5CkB,EAAqBf,EAAS,WAAW,QAAUH,GAAagB,IAAUb,EAAS,WAAW,OAAS,GAAKA,EAAS,qBAAuB,EAE5IgB,EAAqBhB,EAAS,WAAW,SAAWH,GAAaG,EAAS,WAAW,SAAWH,EAAW,GAAKgB,IAAUhB,EAE1HoB,EAAWjB,EAAS,WAAW,SAAWH,EA+CzC,MA7CiC,CACtC,CACE,QAAS,CAAE,KAAM,YAAa,EAC9B,KAAM,KACN,QAAS,IAAMK,EAAYN,CAAO,CACpC,EACA,CACE,QAAS,CAAE,KAAM,aAAc,EAC/B,KAAM,QACN,QAAS,IAAMY,EAAUZ,CAAO,EAChC,QAAS,EACX,EACA,CACE,QAAS,CAAE,KAAM,UAAW,EAC5B,KAAM,QACN,SAAU,CAAC,EAACgB,GAAA,MAAAA,EAAM,QAASK,EAC3B,QAAS,IAAMb,EAAMR,CAAO,CAC9B,EACA,CACE,QAAS,CAAE,KAAM,eAAgB,EACjC,KAAM,UACN,SAAUkB,EACV,QAAS,IAAMT,EAAUT,CAAO,CAClC,EACA,CACE,QAAS,CAAE,KAAM,gBAAiB,EAClC,KAAM,UACN,SAAUmB,EACV,QAAS,GACT,QAAS,IAAMR,EAAWX,CAAO,CACnC,EACA,CACE,QAAS,CAAE,KAAM,gBAAiB,EAClC,KAAM,UACN,SAAUoB,EACV,QAAS,IAAMV,EAAWV,CAAO,CACnC,EACA,CACE,QAAS,CAAE,KAAM,cAAe,EAChC,KAAM,UACN,SAAAqB,EACA,QAAS,IAAMd,EAAS,CAC1B,CAAA,CAGK,CACR,EAGD,SAASe,EAAkBtB,EAAkC,CAC3D,OAAQuB,GAAa,CACnB,GAAI,CAACvB,EACH,OAEFuB,GAAA,MAAAA,EAAG,iBAGG,MAAAN,EAAQb,EAAS,WAAW,UAAWoB,GAAQC,EAAA,iBAAiBD,CAAG,IAAMC,mBAAiBzB,CAAO,CAAC,EACxGE,EAAM,QAAUF,EAChBE,EAAM,aAAee,CAAA,CAEzB,CAEO,MAAA,CAAE,gBAAAH,EAAiB,kBAAAQ,EAC5B"}

package/lib/components/overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/overlay/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Overlay from './overlay.vue'\n\nexport const VftOverlay = withInstall(Overlay)\n\nexport default VftOverlay\n\n"],"names":["VftOverlay","withInstall","Overlay"],"mappings":"2PAIaA,EAAaC,cAAYC,EAAO,OAAA"}

package/lib/components/overlay/overlay.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.vue2.js","sources":["../../../../../packages/components/overlay/overlay.vue"],"sourcesContent":["<script lang=\"ts\">\nenum PatchFlags {\n  TEXT = 1,\n  CLASS = 2,\n  STYLE = 4,\n  PROPS = 8,\n  FULL_PROPS = 16,\n  HYDRATE_EVENTS = 32,\n  STABLE_FRAGMENT = 64,\n  KEYED_FRAGMENT = 128,\n  UNKEYED_FRAGMENT = 256,\n  NEED_PATCH = 512,\n  DYNAMIC_SLOTS = 1024,\n  HOISTED = -1,\n  BAIL = -2\n}\nconst ns = /* hoist-static*/ useNamespace('overlay')\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 { createVNode, useSlots, type CSSProperties, h, renderSlot } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { NOOP } from '@vue/shared';\n\n\n\ninterface Props {\n  mask?: boolean;\n  onlyNode?: boolean\n  customMaskEvent?: boolean;\n  overlayClass?: any;\n  zIndex?: Numberish;\n}\n\nconst useSameTarget = (handleClick?: (e: MouseEvent) => void) => {\n  if (!handleClick) {\n    return { onClick: NOOP, onMousedown: NOOP, onMouseup: NOOP };\n  }\n\n  let mousedownTarget = false;\n  let mouseupTarget = false;\n\n  const onClick = (e: MouseEvent) => {\n    // if and only if\n    if (mousedownTarget && mouseupTarget) {\n      handleClick(e);\n    }\n    mousedownTarget = mouseupTarget = false;\n  };\n\n  const onMousedown = (e: MouseEvent) => {\n    // marking current mousedown target.\n    mousedownTarget = e.target === e.currentTarget;\n  };\n  const onMouseup = (e: MouseEvent) => {\n    // marking current mouseup target.\n    mouseupTarget = e.target === e.currentTarget;\n  };\n\n  return { onClick, onMousedown, onMouseup };\n};\n\ndefineProps({\n  \"mask\": { type: Boolean,  },\n  \"onlyNode\": { type: Boolean,  },\n  \"customMaskEvent\": { type: Boolean,  },\n  \"overlayClass\": null,\n  \"zIndex\": null\n})\n\n\n\n;\n\nconst emit = defineEmits(['click']);\n\nconst slots = useSlots();\n\nconst onMaskClick = (e: MouseEvent) => {\n  emit('click', e);\n};\n\nconst { onClick, onMousedown, onMouseup } = useSameTarget(__props.customMaskEvent ? undefined : onMaskClick);\n\ndefineRender(() => {\n  return __props.mask\n    ? createVNode(\n        'div',\n        {\n          class: [ns.b(), __props.overlayClass],\n          style: {\n            zIndex: __props.zIndex\n          },\n          onClick,\n          onMousedown,\n          onMouseup\n        },\n        [renderSlot(slots, 'default')],\n        PatchFlags.STYLE | PatchFlags.CLASS | PatchFlags.PROPS,\n        ['onClick', 'onMouseup', 'onMousedown']\n      )\n    : __props.onlyNode ? h(\n      'div',\n      {},\n      [renderSlot(slots, 'default')]\n    ) : h(\n        'div',\n        {\n          class: __props.overlayClass,\n          style: {\n            zIndex: __props.zIndex,\n            position: 'fixed',\n            top: '0px',\n            right: '0px',\n            bottom: '0px',\n            left: '0px'\n          } as CSSProperties\n        },\n        [renderSlot(slots, 'default')]\n      );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","useSameTarget","handleClick","NOOP","mousedownTarget","mouseupTarget","e","slots","useSlots","onMaskClick","emit","onClick","onMousedown","onMouseup","__props","createVNode","renderSlot","h"],"mappings":"wVAgBA,MAAMA,EAAuBC,EAAAA,aAAa,SAAS,EAGnDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,+KAgBK,MAAAI,EAAiBC,GAA0C,CAC/D,GAAI,CAACA,EACH,MAAO,CAAE,QAASC,OAAM,YAAaA,EAAAA,KAAM,UAAWA,EAAAA,MAGxD,IAAIC,EAAkB,GAClBC,EAAgB,GAmBpB,MAAO,CAAE,QAjBQC,GAAkB,CAE7BF,GAAmBC,GACrBH,EAAYI,CAAC,EAEfF,EAAkBC,EAAgB,EAAA,EAYlB,YATGC,GAAkB,CAEnBF,EAAAE,EAAE,SAAWA,EAAE,aAAA,EAOJ,UALZA,GAAkB,CAEnBD,EAAAC,EAAE,SAAWA,EAAE,aAAA,EAGQ,EAiBrCC,EAAQC,EAAAA,WAERC,EAAeH,GAAkB,CACrCI,EAAK,QAASJ,CAAC,CAAA,EAGX,CAAE,QAAAK,EAAS,YAAAC,EAAa,UAAAC,GAAcZ,EAAca,EAAQ,gBAAkB,OAAYL,CAAW,EAE9F,MAAA,IACJK,EAAQ,KACXC,EAAA,YACE,MACA,CACE,MAAO,CAAClB,EAAG,EAAE,EAAGiB,EAAQ,YAAY,EACpC,MAAO,CACL,OAAQA,EAAQ,MAClB,EACA,QAAAH,EACA,YAAAC,EACA,UAAAC,CACF,EACA,CAACG,EAAA,WAAWT,EAAO,SAAS,CAAC,EAC7B,GACA,CAAC,UAAW,YAAa,aAAa,CAAA,EAExCO,EAAQ,SAAWG,EAAA,EACnB,MACA,CAAC,EACD,CAACD,EAAA,WAAWT,EAAO,SAAS,CAAC,CAAA,EAC3BU,EAAA,EACA,MACA,CACE,MAAOH,EAAQ,aACf,MAAO,CACL,OAAQA,EAAQ,OAChB,SAAU,QACV,IAAK,MACL,MAAO,MACP,OAAQ,MACR,KAAM,KACR,CACF,EACA,CAACE,EAAA,WAAWT,EAAO,SAAS,CAAC,CAAA"}

package/lib/components/pagination/components/jumper.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jumper.vue2.js","sources":["../../../../../../packages/components/pagination/components/jumper.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('jump')\" :disabled=\"disabled\">\n    <span :class=\"[ns.e('goto')]\">{{ t('el.pagination.goto') }}</span>\n    <vft-input\n      :size=\"size\"\n      :class=\"[ns.e('editor'), ns.is('in-pagination')]\"\n      :min=\"1\"\n      :max=\"pageCount\"\n      :disabled=\"disabled\"\n      :model-value=\"innerValue\"\n      :validate-event=\"false\"\n      type=\"number\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n    />\n    <span :class=\"[ns.e('classifier')]\">页</span>\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue';\nimport { type ComponentSize } from '../../types';\nimport { useNamespace } from '@vft-ui/hooks';\nimport VftInput from '@vft-ui/components/input';\nimport { usePagination } from '../usePagination';\n\ninterface Props {\n  size: ComponentSize\n}\n\ndefineProps({\n  \"size\": null\n})\n\nconst ns = useNamespace('pagination');\nconst { pageCount, disabled, currentPage, changeEvent } = usePagination();\nconst userInput = ref<number>();\nconst innerValue = computed(() => userInput.value ?? currentPage?.value);\n\nfunction handleInput(val: number | string) {\n  userInput.value = +val;\n}\n\nfunction handleChange(val: number | string) {\n  val = Math.trunc(+val);\n  changeEvent?.(+val);\n  userInput.value = undefined;\n}\n</script>\n"],"names":["ns","useNamespace","pageCount","disabled","currentPage","changeEvent","usePagination","userInput","ref","innerValue","computed","handleInput","val","handleChange"],"mappings":"8eAkCM,MAAAA,EAAKC,eAAa,YAAY,EAC9B,CAAE,UAAAC,EAAW,SAAAC,EAAU,YAAAC,EAAa,YAAAC,CAAA,EAAgBC,EAAAA,gBACpDC,EAAYC,EAAAA,MACZC,EAAaC,EAAAA,SAAS,IAAMH,EAAU,QAASH,GAAA,YAAAA,EAAa,MAAK,EAEvE,SAASO,EAAYC,EAAsB,CACzCL,EAAU,MAAQ,CAACK,CACrB,CAEA,SAASC,EAAaD,EAAsB,CACpCA,EAAA,KAAK,MAAM,CAACA,CAAG,EACrBP,GAAA,MAAAA,EAAc,CAACO,GACfL,EAAU,MAAQ,MACpB"}

package/lib/components/pagination/components/next.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"next.vue2.js","sources":["../../../../../../packages/components/pagination/components/next.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-next\"\n    :disabled=\"internalDisabled\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"nextText\">{{ nextText }}</span>\n    <vft-icon icon=\"vi-arrow-right\" :size=\"16\" />\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport VftIcon from '@vft-ui/components/icon';\n\ninterface Props {\n  disabled?: boolean;\n  currentPage?: number;\n  pageCount?: number;\n  nextText?: string;\n}\n\ndefineProps({\n  \"disabled\": { type: Boolean,  },\n  \"currentPage\": { default: 1 },\n  \"pageCount\": { default: 50 },\n  \"nextText\": null\n})\n\ndefineEmits(['click']);\n\nconst internalDisabled = computed(\n  () =>\n    __props.disabled ||\n    __props.currentPage === __props.pageCount ||\n    __props.pageCount === 0\n);\n</script>\n"],"names":["internalDisabled","computed","__props"],"mappings":"sWAiCA,MAAMA,EAAmBC,EAAA,SACvB,IACEC,EAAQ,UACRA,EAAQ,cAAgBA,EAAQ,WAChCA,EAAQ,YAAc,CAAA"}

package/lib/components/pagination/components/pager.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pager.vue2.js","sources":["../../../../../../packages/components/pagination/components/pager.vue"],"sourcesContent":["<template>\n  <ul :class=\"nsPager.b()\" @click=\"onPagerClick\" @keyup.enter=\"onEnter\">\n    <li\n      v-if=\"pageCount > 0\"\n      :class=\"[\n        nsPager.is('active', currentPage === 1),\n        nsPager.is('disabled', disabled),\n      ]\"\n      class=\"number\"\n      :aria-current=\"currentPage === 1\"\n      :tabindex=\"tabindex\"\n    >\n      1\n    </li>\n    <li\n      v-if=\"showPrevMore\"\n      :class=\"[\n        'more',\n        'btn-quickprev',\n        nsIcon.b(),\n        nsPager.is('disabled', disabled),\n      ]\"\n      :tabindex=\"tabindex\"\n      @mouseenter=\"onMouseEnter(true)\"\n      @mouseleave=\"quickPrevHover = false\"\n      @focus=\"onFocus(true)\"\n      @blur=\"quickPrevFocus = false\"\n    >\n      <Icon v-if=\"(quickPrevHover || quickPrevFocus) && !disabled\" icon=\"vi-arrow-lefts\" :size=\"12\" :scale=\"0.8\" />\n      <Icon v-else icon=\"vi-more\" />\n    </li>\n    <li\n      v-for=\"pager in pagers\"\n      :key=\"pager\"\n      :class=\"[\n        nsPager.is('active', currentPage === pager),\n        nsPager.is('disabled', disabled),\n      ]\"\n      class=\"number\"\n      :aria-current=\"currentPage === pager\"\n      :tabindex=\"tabindex\"\n    >\n      {{ pager }}\n    </li>\n    <li\n      v-if=\"showNextMore\"\n      :class=\"[\n        'more',\n        'btn-quicknext',\n        nsIcon.b(),\n        nsPager.is('disabled', disabled),\n      ]\"\n      :tabindex=\"tabindex\"\n      @mouseenter=\"onMouseEnter()\"\n      @mouseleave=\"quickNextHover = false\"\n      @focus=\"onFocus()\"\n      @blur=\"quickNextFocus = false\"\n    >\n      <Icon v-if=\"(quickNextHover || quickNextFocus) && !disabled\" icon=\"vi-arrow-rights\" :size=\"12\"\n        :scale=\"0.8\" />\n      <Icon v-else icon=\"vi-more\" />\n    </li>\n    <li\n      v-if=\"pageCount > 1\"\n      :class=\"[\n        nsPager.is('active', currentPage === pageCount),\n        nsPager.is('disabled', disabled),\n      ]\"\n      class=\"number\"\n      :aria-current=\"currentPage === pageCount\"\n      :tabindex=\"tabindex\"\n    >\n      {{ pageCount }}\n    </li>\n  </ul>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, watchEffect } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { VftIcon as Icon } from '@vft-ui/components/icon';\n\ninterface Props {\n  currentPage?: number;\n  pageCount: number;\n  pagerCount?: number;\n  disabled?: boolean;\n}\n\ndefineProps({\n  \"currentPage\": { default: 1 },\n  \"pageCount\": null,\n  \"pagerCount\": { default: 7 },\n  \"disabled\": { type: Boolean,  }\n})\n\nconst emit = defineEmits(['change']);\nconst nsPager = useNamespace('pager');\nconst nsIcon = useNamespace('icon');\nconst showPrevMore = ref(false);\nconst showNextMore = ref(false);\nconst quickPrevHover = ref(false);\nconst quickNextHover = ref(false);\nconst quickPrevFocus = ref(false);\nconst quickNextFocus = ref(false);\nconst pagers = computed(() => {\n  const halfPagerCount = (__props.pagerCount - 1) / 2;\n  let showPrevMore = false;\n  let showNextMore = false;\n  if (__props.pageCount > __props.pagerCount) {\n    if (__props.currentPage > __props.pagerCount - halfPagerCount) {\n      showPrevMore = true;\n    }\n    if (__props.currentPage < __props.pageCount - halfPagerCount) {\n      showNextMore = true;\n    }\n  }\n  const array: number[] = [];\n  if (showPrevMore && !showNextMore) {\n    const startPage = __props.pageCount - (__props.pagerCount - 2);\n    for (let i = startPage; i < __props.pageCount; i++) {\n      array.push(i);\n    }\n  } else if (!showPrevMore && showNextMore) {\n    for (let i = 2; i < __props.pagerCount; i++) {\n      array.push(i);\n    }\n  } else if (showPrevMore && showNextMore) {\n    const offset = Math.floor(__props.pagerCount / 2) - 1;\n    for (let i = __props.currentPage - offset; i <= __props.currentPage + offset; i++) {\n      array.push(i);\n    }\n  } else {\n    for (let i = 2; i < __props.pageCount; i++) {\n      array.push(i);\n    }\n  }\n  return array;\n});\nconst tabindex = computed(() => (__props.disabled ? -1 : 0));\nwatchEffect(() => {\n  const halfPagerCount = (__props.pagerCount - 1) / 2;\n  showPrevMore.value = false;\n  showNextMore.value = false;\n  if (__props.pageCount! > __props.pagerCount) {\n    if (__props.currentPage > __props.pagerCount - halfPagerCount) {\n      showPrevMore.value = true;\n    }\n    if (__props.currentPage < __props.pageCount! - halfPagerCount) {\n      showNextMore.value = true;\n    }\n  }\n});\n\nfunction onMouseEnter (forward = false) {\n  if (__props.disabled) return;\n  if (forward) {\n    quickPrevHover.value = true;\n  } else {\n    quickNextHover.value = true;\n  }\n}\n\nfunction onFocus (forward = false) {\n  if (forward) {\n    quickPrevFocus.value = true;\n  } else {\n    quickNextFocus.value = true;\n  }\n}\n\nfunction onEnter (e: UIEvent) {\n  const target = e.target as HTMLElement;\n  if (\n    target.tagName.toLowerCase() === 'li' &&\n    Array.from(target.classList).includes('number')\n  ) {\n    const newPage = Number(target.textContent);\n    if (newPage !== __props.currentPage) {\n      emit('change', newPage);\n    }\n  } else if (\n    target.tagName.toLowerCase() === 'li' &&\n    Array.from(target.classList).includes('more')\n  ) {\n    onPagerClick(e);\n  }\n}\n\nfunction onPagerClick (event: UIEvent) {\n  const target = event.target as HTMLElement;\n  if (target.tagName.toLowerCase() === 'ul' || __props.disabled) {\n    return;\n  }\n  let newPage = Number(target.textContent);\n  const pagerCountOffset = __props.pagerCount - 2;\n  if (target.className.includes('more')) {\n    if (target.className.includes('quickprev')) {\n      newPage = __props.currentPage - pagerCountOffset;\n    } else if (target.className.includes('quicknext')) {\n      newPage = __props.currentPage + pagerCountOffset;\n    }\n  }\n  if (!Number.isNaN(+newPage)) {\n    if (newPage < 1) {\n      newPage = 1;\n    }\n    if (newPage > __props.pageCount) {\n      newPage = __props.pageCount;\n    }\n  }\n  if (newPage !== __props.currentPage) {\n    emit('change', newPage);\n  }\n}\n</script>\n"],"names":["nsPager","useNamespace","nsIcon","showPrevMore","ref","showNextMore","quickPrevHover","quickNextHover","quickPrevFocus","quickNextFocus","pagers","computed","halfPagerCount","__props","array","startPage","i","offset","tabindex","watchEffect","onMouseEnter","forward","onFocus","onEnter","e","target","newPage","emit","onPagerClick","event","pagerCountOffset"],"mappings":"wqBAgGM,MAAAA,EAAUC,eAAa,OAAO,EAC9BC,EAASD,eAAa,MAAM,EAC5BE,EAAeC,MAAI,EAAK,EACxBC,EAAeD,MAAI,EAAK,EACxBE,EAAiBF,MAAI,EAAK,EAC1BG,EAAiBH,MAAI,EAAK,EAC1BI,EAAiBJ,MAAI,EAAK,EAC1BK,EAAiBL,MAAI,EAAK,EAC1BM,EAASC,EAAAA,SAAS,IAAM,CACtB,MAAAC,GAAkBC,EAAQ,WAAa,GAAK,EAClD,IAAIV,EAAe,GACfE,EAAe,GACfQ,EAAQ,UAAYA,EAAQ,aAC1BA,EAAQ,YAAcA,EAAQ,WAAaD,IAC7CT,EAAe,IAEbU,EAAQ,YAAcA,EAAQ,UAAYD,IAC5CP,EAAe,KAGnB,MAAMS,EAAkB,CAAA,EACpBX,GAAAA,GAAgB,CAACE,EAAc,CACjC,MAAMU,EAAYF,EAAQ,WAAaA,EAAQ,WAAa,GAC5D,QAAS,EAAIE,EAAW,EAAIF,EAAQ,UAAW,IAC7CC,EAAM,KAAK,CAAC,CACd,SACS,CAACX,GAAgBE,EAC1B,QAASW,EAAI,EAAGA,EAAIH,EAAQ,WAAYG,IACtCF,EAAM,KAAKE,CAAC,UAELb,GAAgBE,EAAc,CACvC,MAAMY,EAAS,KAAK,MAAMJ,EAAQ,WAAa,CAAC,EAAI,EAC3C,QAAA,EAAIA,EAAQ,YAAcI,EAAQ,GAAKJ,EAAQ,YAAcI,EAAQ,IAC5EH,EAAM,KAAK,CAAC,CACd,KAEA,SAASE,EAAI,EAAGA,EAAIH,EAAQ,UAAWG,IACrCF,EAAM,KAAKE,CAAC,EAGT,OAAAF,CAAA,CACR,EACKI,EAAWP,EAAAA,SAAS,IAAOE,EAAQ,SAAW,GAAK,CAAE,EAC3DM,EAAAA,YAAY,IAAM,CACV,MAAAP,GAAkBC,EAAQ,WAAa,GAAK,EAClDV,EAAa,MAAQ,GACrBE,EAAa,MAAQ,GACjBQ,EAAQ,UAAaA,EAAQ,aAC3BA,EAAQ,YAAcA,EAAQ,WAAaD,IAC7CT,EAAa,MAAQ,IAEnBU,EAAQ,YAAcA,EAAQ,UAAaD,IAC7CP,EAAa,MAAQ,IAEzB,CACD,EAEQ,SAAAe,EAAcC,EAAU,GAAO,CAClCR,EAAQ,WACRQ,EACFf,EAAe,MAAQ,GAEvBC,EAAe,MAAQ,GAE3B,CAES,SAAAe,EAASD,EAAU,GAAO,CAC7BA,EACFb,EAAe,MAAQ,GAEvBC,EAAe,MAAQ,EAE3B,CAEA,SAASc,EAASC,EAAY,CAC5B,MAAMC,EAASD,EAAE,OACjB,GACEC,EAAO,QAAQ,YAAY,IAAM,MACjC,MAAM,KAAKA,EAAO,SAAS,EAAE,SAAS,QAAQ,EAC9C,CACM,MAAAC,EAAU,OAAOD,EAAO,WAAW,EACrCC,IAAYb,EAAQ,aACtBc,EAAK,SAAUD,CAAO,CAGxB,MAAAD,EAAO,QAAQ,YAAA,IAAkB,MACjC,MAAM,KAAKA,EAAO,SAAS,EAAE,SAAS,MAAM,GAE5CG,EAAaJ,CAAC,CAElB,CAEA,SAASI,EAAcC,EAAgB,CACrC,MAAMJ,EAASI,EAAM,OACrB,GAAIJ,EAAO,QAAQ,YAAkB,IAAA,MAAQZ,EAAQ,SACnD,OAEE,IAAAa,EAAU,OAAOD,EAAO,WAAW,EACjC,MAAAK,EAAmBjB,EAAQ,WAAa,EAC1CY,EAAO,UAAU,SAAS,MAAM,IAC9BA,EAAO,UAAU,SAAS,WAAW,EACvCC,EAAUb,EAAQ,YAAciB,EACvBL,EAAO,UAAU,SAAS,WAAW,IAC9CC,EAAUb,EAAQ,YAAciB,IAG/B,OAAO,MAAM,CAACJ,CAAO,IACpBA,EAAU,IACFA,EAAA,GAERA,EAAUb,EAAQ,YACpBa,EAAUb,EAAQ,YAGlBa,IAAYb,EAAQ,aACtBc,EAAK,SAAUD,CAAO,CAE1B"}

package/lib/components/pagination/components/prev.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prev.vue2.js","sources":["../../../../../../packages/components/pagination/components/prev.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-prev\"\n    :disabled=\"internalDisabled\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"emit('click', $event)\"\n  >\n    <span v-if=\"prevText\">{{ prevText }}</span>\n    <Icon icon=\"vi-arrow-left\" :size=\"16\"/>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { VftIcon as Icon } from '@vft-ui/components/icon';\n\ninterface Props {\n  disabled?: boolean\n  currentPage?: number\n  prevText?:string\n}\n\ndefineProps({\n  \"disabled\": { type: Boolean,  },\n  \"currentPage\": { default: 1 },\n  \"prevText\": null\n})\n\nconst emit = defineEmits(['click']);\n\nconst internalDisabled = computed(\n  () => __props.disabled || __props.currentPage <= 1\n);\n</script>\n"],"names":["internalDisabled","computed","__props"],"mappings":"wVA+BA,MAAMA,EAAmBC,EAAA,SACvB,IAAMC,EAAQ,UAAYA,EAAQ,aAAe,CAAA"}

package/lib/components/pagination/components/sizes.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.vue2.js","sources":["../../../../../../packages/components/pagination/components/sizes.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('sizes')\">\n    <!--<el-select-->\n    <!--  :model-value=\"innerPageSize\"-->\n    <!--  :disabled=\"disabled\"-->\n    <!--  :popper-class=\"popperClass\"-->\n    <!--  :size=\"size\"-->\n    <!--  :validate-event=\"false\"-->\n    <!--  @change=\"handleChange\"-->\n    <!--&gt;-->\n    <!--  <el-option-->\n    <!--    v-for=\"item in innerPageSizes\"-->\n    <!--    :key=\"item\"-->\n    <!--    :value=\"item\"-->\n    <!--    :label=\"item + '条/页'\"-->\n    <!--  />-->\n    <!--</el-select>-->\n\t\t暂无\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport { isEqual } from 'lodash';\n// import { ElOption, ElSelect } from 'element-plus';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { usePagination } from '../usePagination';\n\ninterface Props {\n  pageSize?: number\n  pageSizes?: number[]\n  popperClass?: string\n  disabled?: boolean\n  size?: string\n}\n\ndefineProps({\n  \"pageSize\": null,\n  \"pageSizes\": { default: [10, 20, 30, 40, 50, 100] },\n  \"popperClass\": null,\n  \"disabled\": { type: Boolean,  },\n  \"size\": null\n})\n\nconst emit = defineEmits(['page-size-change']);\nconst ns = useNamespace('pagination');\nconst pagination = usePagination();\nconst innerPageSize = ref<number>(__props.pageSize!);\n\nwatch(\n  () => __props.pageSizes,\n  (newVal, oldVal) => {\n    if (isEqual(newVal, oldVal)) return;\n    if (Array.isArray(newVal)) {\n      const _pageSize = newVal.includes(__props.pageSize!)\n        ? __props.pageSize\n        : __props.pageSizes[0];\n      emit('page-size-change', _pageSize);\n    }\n  }\n);\n\nwatch(\n  () => __props.pageSize,\n  (newVal) => {\n    innerPageSize.value = newVal!;\n  }\n);\n\nconst innerPageSizes = computed(() => __props.pageSizes);\nfunction handleChange(val: number) {\n  if (val !== innerPageSize.value) {\n    innerPageSize.value = val;\n    pagination.handleSizeChange?.(Number(val));\n  }\n}\n</script>\n"],"names":["ns","useNamespace","usePagination","innerPageSize","ref","__props","watch","newVal","oldVal","isEqual","_pageSize","emit","computed"],"mappings":"kkBA6CM,MAAAA,EAAKC,eAAa,YAAY,EACjBC,gBAAc,EAC3B,MAAAC,EAAgBC,EAAAA,IAAYC,EAAQ,QAAS,EAEnDC,OAAAA,EAAA,MACE,IAAMD,EAAQ,UACd,CAACE,EAAQC,IAAW,CACd,GAAAC,CAAAA,EAAA,QAAQF,EAAQC,CAAM,GACtB,MAAM,QAAQD,CAAM,EAAG,CACnB,MAAAG,EAAYH,EAAO,SAASF,EAAQ,QAAS,EAC/CA,EAAQ,SACRA,EAAQ,UAAU,CAAC,EACvBM,EAAK,mBAAoBD,CAAS,CACpC,CACF,CAAA,EAGFJ,EAAA,MACE,IAAMD,EAAQ,SACbE,GAAW,CACVJ,EAAc,MAAQI,CACxB,CAAA,EAGqBK,WAAS,IAAMP,EAAQ,SAAS"}

package/lib/components/pagination/components/total.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"total.vue2.js","sources":["../../../../../../packages/components/pagination/components/total.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('total')\" :disabled=\"disabled\">\n    {{ total }}\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@vft-ui/hooks';\nimport { usePagination } from '../usePagination';\n\nconst ns = useNamespace('pagination');\nconst { disabled } = usePagination();\n\ninterface Props {\n  total: number;\n}\n\ndefineProps({\n  \"total\": { default: 1000 }\n})\n</script>\n"],"names":["ns","useNamespace","disabled","usePagination"],"mappings":"qdAUM,MAAAA,EAAKC,eAAa,YAAY,EAC9B,CAAE,SAAAC,GAAaC,EAAAA"}

package/lib/components/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/pagination/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Pagination from './pagination'\n\nexport const VftPagination = withInstall(Pagination)\nexport default VftPagination\n\nexport * from './pagination'\nexport * from './usePagination'\n"],"names":["VftPagination","withInstall","Pagination"],"mappings":"yRAIaA,EAAgBC,cAAYC,EAAU,OAAA"}

package/lib/components/pagination/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sources":["../../../../../packages/components/pagination/pagination.ts"],"sourcesContent":["import { isNumber } from '@vft/utils';\nimport { computed, type ComputedRef, defineComponent, getCurrentInstance, h, type InjectionKey, provide, ref, watch, type WritableComputedRef } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\n\nimport Prev from './components/prev.vue';\nimport Next from './components/next.vue';\nimport Sizes from './components/sizes.vue';\nimport Jumper from './components/jumper.vue';\nimport Total from './components/total.vue';\nimport Pager from './components/pager.vue';\n\nimport type { VNode } from 'vue';\nimport { elPaginationKey } from './usePagination';\n\n/**\n * It it user's responsibility to guarantee that the value of props.total... is number\n * (same as pageSize, defaultPageSize, currentPage, defaultCurrentPage, pageCount)\n * Otherwise we can reasonable infer that the corresponding field is absent\n */\nconst isAbsent = (v: unknown): v is undefined => typeof v !== 'number';\n\ntype LayoutKey = 'prev' | 'pager' | 'next' | 'jumper' | '->' | 'total' | 'sizes' | 'slot';\n\nexport const paginationEmits = {\n  'update:current-page': (val: number) => isNumber(val),\n  'update:page-size': (val: number) => isNumber(val),\n  'size-change': (val: number) => isNumber(val),\n  'current-change': (val: number) => isNumber(val),\n  'prev-click': (val: number) => isNumber(val),\n  'next-click': (val: number) => isNumber(val)\n};\nexport type PaginationEmits = typeof paginationEmits;\n\nconst componentName = 'VftPagination';\nexport default defineComponent({\n  name: componentName,\n  props: {\n    /**\n     * @description total item count\n     */\n    total: Number,\n    /**\n     * @description options of item count per page\n     */\n    pageSize: Number,\n    /**\n     * @description default initial value of page size\n     */\n    defaultPageSize: Number,\n    /**\n     * @description current page number\n     */\n    currentPage: Number,\n    /**\n     * @description default initial value of current-page\n     */\n    defaultCurrentPage: Number,\n    /**\n     * @description total page count. Set either `total` or `page-count` and pages will be displayed; if you need `page-sizes`, `total` is required\n     */\n    pageCount: Number,\n    /**\n     * @description number of pagers. Pagination collapses when the total page count exceeds this value\n     */\n    pagerCount: {\n      type: Number,\n      validator: (value: unknown) => {\n        return isNumber(value) && Math.trunc(value) === value && value > 4 && value < 22 && value % 2 === 1;\n      },\n      default: 7\n    },\n    /**\n     * @description layout of Pagination, elements separated with a comma\n     */\n    layout: {\n      type: String,\n      default: (['prev', 'pager', 'next', 'jumper', '->', 'total'] as LayoutKey[]).join(', ')\n    },\n    /**\n     * @description item count of each page\n     */\n    pageSizes: {\n      type: Array,\n      default: [10, 20, 30, 40, 50, 100]\n    },\n    /**\n     * @description custom class name for the page size Select's dropdown\n     */\n    popperClass: {\n      type: String,\n      default: ''\n    },\n    /**\n     * @description text for the prev button\n     */\n    prevText: {\n      type: String,\n      default: ''\n    },\n    /**\n     * @description icon for the prev button, higher priority of `prev-text`\n     */\n    prevIcon: {\n      type: String,\n      default: () => 'ArrowLeft'\n    },\n    /**\n     * @description text for the next button\n     */\n    nextText: {\n      type: String,\n      default: ''\n    },\n    /**\n     * @description icon for the next button, higher priority of `next-text`\n     */\n    nextIcon: {\n      type: String,\n      default: () => 'ArrowRight'\n    },\n    /**\n     * @description whether to use small pagination\n     */\n    small: Boolean,\n    /**\n     * @description whether the buttons have a background color\n     */\n    background: Boolean,\n    /**\n     * @description whether Pagination is disabled\n     */\n    disabled: Boolean,\n    /**\n     * @description whether to hide when there's only one page\n     */\n    hideOnSinglePage: Boolean\n  },\n  emits: paginationEmits,\n  setup(props, { emit, slots }) {\n    const ns = useNamespace('pagination');\n    const vnodeProps = getCurrentInstance()!.vnode.props || {};\n    // we can find @xxx=\"xxx\" props on `vnodeProps` to check if user bind corresponding events\n    const hasCurrentPageListener = 'onUpdate:currentPage' in vnodeProps || 'onUpdate:current-page' in vnodeProps || 'onCurrentChange' in vnodeProps;\n    const hasPageSizeListener = 'onUpdate:pageSize' in vnodeProps || 'onUpdate:page-size' in vnodeProps || 'onSizeChange' in vnodeProps;\n    const assertValidUsage = computed(() => {\n      // Users have to set either one, otherwise count of pages cannot be determined\n      if (isAbsent(props.total) && isAbsent(props.pageCount)) return false;\n      // <el-pagination ...otherProps :current-page=\"xxx\" /> without corresponding listener is forbidden now\n      // Users have to use two way binding of `currentPage`\n      // If users just want to provide a default value, `defaultCurrentPage` is here for you\n      if (!isAbsent(props.currentPage) && !hasCurrentPageListener) return false;\n      // When you want to change sizes, things get more complex, detailed below\n      // Basically the most important value we need is page count\n      // either directly from props.pageCount\n      // or calculated from props.total\n      // we will take props.pageCount precedence over props.total\n      if (props.layout.includes('sizes')) {\n        if (!isAbsent(props.pageCount)) {\n          // if props.pageCount is assign by user, then user have to watch pageSize change\n          // and recalculate pageCount\n          if (!hasPageSizeListener) return false;\n        } else if (!isAbsent(props.total)) {\n          // Otherwise, we will see if user have props.pageSize defined\n          // If so, meaning user want to have pageSize controlled himself/herself from component\n          // Thus page size listener is required\n          // users are account for page size change\n          if (!isAbsent(props.pageSize)) {\n            if (!hasPageSizeListener) {\n              return false;\n            }\n          } else {\n            // (else block just for explaination)\n            // else page size is controlled by el-pagination internally\n          }\n        }\n      }\n      return true;\n    });\n\n    const innerPageSize = ref(isAbsent(props.defaultPageSize) ? 10 : props.defaultPageSize);\n    const innerCurrentPage = ref(isAbsent(props.defaultCurrentPage) ? 1 : props.defaultCurrentPage);\n\n    const pageSizeBridge = computed({\n      get() {\n        return isAbsent(props.pageSize) ? innerPageSize.value : props.pageSize;\n      },\n      set(v: number) {\n        if (isAbsent(props.pageSize)) {\n          innerPageSize.value = v;\n        }\n        if (hasPageSizeListener) {\n          emit('update:page-size', v);\n          emit('size-change', v);\n        }\n      }\n    });\n\n    const pageCountBridge = computed<number>(() => {\n      let pageCount = 0;\n      if (!isAbsent(props.pageCount)) {\n        pageCount = props.pageCount;\n      } else if (!isAbsent(props.total)) {\n        pageCount = Math.max(1, Math.ceil(props.total / pageSizeBridge.value));\n      }\n      return pageCount;\n    });\n\n    const currentPageBridge = computed<number>({\n      get() {\n        return isAbsent(props.currentPage) ? innerCurrentPage.value : props.currentPage;\n      },\n      set(v) {\n        let newCurrentPage = v;\n        if (v < 1) {\n          newCurrentPage = 1;\n        } else if (v > pageCountBridge.value) {\n          newCurrentPage = pageCountBridge.value;\n        }\n        if (isAbsent(props.currentPage)) {\n          innerCurrentPage.value = newCurrentPage;\n        }\n        if (hasCurrentPageListener) {\n          emit('update:current-page', newCurrentPage);\n          emit('current-change', newCurrentPage);\n        }\n      }\n    });\n\n    watch(pageCountBridge, (val) => {\n      if (currentPageBridge.value > val) currentPageBridge.value = val;\n    });\n\n    function handleCurrentChange(val: number) {\n      currentPageBridge.value = val;\n    }\n\n    function handleSizeChange(val: number) {\n      pageSizeBridge.value = val;\n      const newPageCount = pageCountBridge.value;\n      if (currentPageBridge.value > newPageCount) {\n        currentPageBridge.value = newPageCount;\n      }\n    }\n\n    function prev() {\n      if (props.disabled) return;\n      currentPageBridge.value -= 1;\n      emit('prev-click', currentPageBridge.value);\n    }\n\n    function next() {\n      if (props.disabled) return;\n      currentPageBridge.value += 1;\n      emit('next-click', currentPageBridge.value);\n    }\n\n    function addClass(element: any, cls: string) {\n      if (element) {\n        if (!element.props) {\n          element.props = {};\n        }\n        element.props.class = [element.props.class, cls].join(' ');\n      }\n    }\n\n    provide(elPaginationKey, {\n      pageCount: pageCountBridge,\n      disabled: computed(() => props.disabled),\n      currentPage: currentPageBridge,\n      changeEvent: handleCurrentChange,\n      handleSizeChange\n    });\n\n    return () => {\n      if (!assertValidUsage.value) {\n        // debugWarn(componentName, t('el.pagination.deprecationWarning'));\n        return null;\n      }\n      if (!props.layout) return null;\n      if (props.hideOnSinglePage && pageCountBridge.value <= 1) return null;\n      const rootChildren: Array<VNode | VNode[] | null> = [];\n      const rightWrapperChildren: Array<VNode | VNode[] | null> = [];\n      const rightWrapperRoot = h('div', { class: ns.e('rightwrapper') }, rightWrapperChildren);\n      const TEMPLATE_MAP: Record<Exclude<LayoutKey, '->'>, VNode | VNode[] | null> = {\n        prev: h(Prev, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          prevText: props.prevText,\n          prevIcon: props.prevIcon,\n          onClick: prev\n        }),\n        jumper: h(Jumper, {\n          size: props.small ? 'small' : 'default'\n        }),\n        pager: h(Pager, {\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          pagerCount: props.pagerCount,\n          onChange: handleCurrentChange,\n          disabled: props.disabled\n        }),\n        next: h(Next, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          nextText: props.nextText,\n          nextIcon: props.nextIcon,\n          onClick: next\n        }),\n        sizes: h(Sizes, {\n          pageSize: pageSizeBridge.value,\n          pageSizes: props.pageSizes,\n          popperClass: props.popperClass,\n          disabled: props.disabled,\n          size: props.small ? 'small' : 'default'\n        }),\n        slot: slots?.default?.() ?? null,\n        total: h(Total, { total: isAbsent(props.total) ? 0 : props.total })\n      };\n\n      const components = props.layout.split(',').map((item: string) => item.trim()) as LayoutKey[];\n\n      let haveRightWrapper = false;\n\n      components.forEach((c) => {\n        if (c === '->') {\n          haveRightWrapper = true;\n          return;\n        }\n        if (!haveRightWrapper) {\n          rootChildren.push(TEMPLATE_MAP[c]);\n        } else {\n          rightWrapperChildren.push(TEMPLATE_MAP[c]);\n        }\n      });\n\n      addClass(rootChildren[0], ns.is('first'));\n      addClass(rootChildren[rootChildren.length - 1], ns.is('last'));\n\n      if (haveRightWrapper && rightWrapperChildren.length > 0) {\n        addClass(rightWrapperChildren[0], ns.is('first'));\n        addClass(rightWrapperChildren[rightWrapperChildren.length - 1], ns.is('last'));\n        rootChildren.push(rightWrapperRoot);\n      }\n      return h(\n        'div',\n        {\n          role: 'pagination',\n          'aria-label': 'pagination',\n          class: [\n            ns.b(),\n            ns.is('background', props.background),\n            {\n              [ns.m('small')]: props.small\n            }\n          ]\n        },\n        rootChildren\n      );\n    };\n  }\n});\n"],"names":["isAbsent","v","paginationEmits","val","isNumber","componentName","Pagination","defineComponent","value","props","emit","slots","ns","useNamespace","vnodeProps","getCurrentInstance","hasCurrentPageListener","hasPageSizeListener","assertValidUsage","computed","innerPageSize","ref","innerCurrentPage","pageSizeBridge","pageCountBridge","pageCount","currentPageBridge","newCurrentPage","watch","handleCurrentChange","handleSizeChange","newPageCount","prev","next","addClass","element","cls","provide","elPaginationKey","rootChildren","rightWrapperChildren","rightWrapperRoot","h","TEMPLATE_MAP","Prev","Jumper","Pager","Next","Sizes","_a","Total","components","item","haveRightWrapper","c"],"mappings":"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"}

package/lib/components/pagination/usePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.js","sources":["../../../../../packages/components/pagination/usePagination.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, WritableComputedRef } from 'vue';\nimport { inject } from 'vue';\nexport interface ElPaginationContext {\n  currentPage?: WritableComputedRef<number>;\n  pageCount?: ComputedRef<number>;\n  disabled?: ComputedRef<boolean>;\n  changeEvent?: (val: number) => void;\n  handleSizeChange?: (val: number) => void;\n}\n\nexport const elPaginationKey: InjectionKey<ElPaginationContext> = Symbol('elPaginationKey');\n\nexport const usePagination = () => inject(elPaginationKey, {});\n"],"names":["elPaginationKey","usePagination","inject"],"mappings":"uGAUaA,EAAqD,OAAO,iBAAiB,EAE7EC,EAAgB,IAAMC,SAAOF,EAAiB,CAAE,CAAA"}

package/lib/components/popover/directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.js","sources":["../../../../../packages/components/popover/directive.ts"],"sourcesContent":["import type { DirectiveBinding, ObjectDirective } from 'vue'\n// import type { PopoverInstance } from './popover'\n\nconst attachEvents = (el: HTMLElement, binding: DirectiveBinding) => {\n\tconst popperComponent: any = binding.arg || binding.value\n\tconst popover = popperComponent?.popperRef\n\tif (popover) {\n\t\tpopover.triggerRef = el\n\t}\n}\n\nexport default {\n\tmounted (el, binding) {\n\t\tattachEvents(el, binding)\n\t},\n\tupdated (el, binding) {\n\t\tattachEvents(el, binding)\n\t},\n} as ObjectDirective\n\nexport const VPopover = 'popover'\n"],"names":["attachEvents","el","binding","popperComponent","popover","directive","VPopover"],"mappings":"4GAGA,MAAMA,EAAe,CAACC,EAAiBC,IAA8B,CAC9D,MAAAC,EAAuBD,EAAQ,KAAOA,EAAQ,MAC9CE,EAAUD,GAAA,YAAAA,EAAiB,UAC7BC,IACHA,EAAQ,WAAaH,EAEvB,EAEeI,EAAA,CACd,QAASJ,EAAIC,EAAS,CACrBF,EAAaC,EAAIC,CAAO,CACzB,EACA,QAASD,EAAIC,EAAS,CACrBF,EAAaC,EAAIC,CAAO,CACzB,CACD,EAEaI,EAAW"}

package/lib/components/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/popover/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Popover from './popover.vue'\n\nexport const VftPopover = withInstall(Popover)\nexport default VftPopover\n\n"],"names":["VftPopover","withInstall","Popover"],"mappings":"2PAIaA,EAAaC,cAAYC,EAAO,OAAA"}

package/lib/components/popover/popover.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.vue2.js","sources":["../../../../../packages/components/popover/popover.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('popover')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<template>\n\t<vft-tooltip\n\t\t\tref=\"tooltipRef\"\n\t\t\tv-bind=\"$attrs\"\n\t\t\t:trigger=\"trigger\"\n\t\t\t:placement=\"placement\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t:visible=\"visible\"\n\t\t\t:transition=\"transition\"\n\t\t\t:popper-options=\"popperOptions\"\n\t\t\t:tabindex=\"tabindex\"\n\t\t\t:content=\"content\"\n\t\t\t:offset=\"offset\"\n\t\t\t:show-after=\"showAfter\"\n\t\t\t:hide-after=\"hideAfter\"\n\t\t\t:auto-close=\"autoClose\"\n\t\t\t:show-arrow=\"showArrow\"\n\t\t\t:aria-label=\"title\"\n\t\t\t:effect=\"effect\"\n\t\t\t:enterable=\"enterable\"\n\t\t\t:popper-class=\"kls\"\n\t\t\t:popper-style=\"style\"\n\t\t\t:teleported=\"teleported\"\n\t\t\t:persistent=\"persistent\"\n\t\t\t:gpu-acceleration=\"gpuAcceleration\"\n\t\t\t@before-show=\"beforeEnter\"\n\t\t\t@before-hide=\"beforeLeave\"\n\t\t\t@show=\"afterEnter\"\n\t\t\t@hide=\"afterLeave\"\n\t>\n\t\t<template v-if=\"$slots.reference\">\n\t\t\t<slot name=\"reference\" />\n\t\t</template>\n\n\t\t<template #content>\n\t\t\t<div v-if=\"title\" :class=\"ns.e('title')\" role=\"title\">\n\t\t\t\t{{ title }}\n\t\t\t</div>\n\t\t\t<slot>\n\t\t\t\t{{ content }}\n\t\t\t</slot>\n\t\t</template>\n\t</vft-tooltip>\n</template>\n<script lang=\"ts\" setup>\nimport type { Options, Placement } from '@popperjs/core';\nimport { computed, ref, type StyleValue, unref } from 'vue';\nimport { addUnit } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { VftTooltip, type TooltipTriggerType } from '@vft-ui/components/tooltip';\n\ninterface PopoverProps {\n\ttrigger?: TooltipTriggerType;\n\tplacement?: Placement;\n\tdisabled?: boolean;\n\tvisible?: boolean;\n\ttransition?: string;\n\tpopperOptions?: Partial<Options>;\n\ttabindex?: number;\n\tcontent?: string;\n\tpopperStyle?: StyleValue;\n\tpopperClass?: ClassType;\n\tenterable?: boolean;\n\teffect?: 'light' | 'dark';\n\tteleported?: boolean;\n\ttitle?: string;\n\twidth?: string | number;\n\toffset?: number;\n\tshowAfter?: number;\n\thideAfter?: number;\n\tautoClose?: number;\n\tshowArrow?: boolean;\n\tpersistent?: boolean;\n}\n\ndefineProps({\n  \"trigger\": { default: 'hover' },\n  \"placement\": { default: 'bottom' },\n  \"disabled\": { type: Boolean,  },\n  \"visible\": { type: Boolean, default: null },\n  \"transition\": { default: 'vft-fade-in-linear' },\n  \"popperOptions\": null,\n  \"tabindex\": { default: 0 },\n  \"content\": null,\n  \"popperStyle\": null,\n  \"popperClass\": null,\n  \"enterable\": { type: Boolean, default: true },\n  \"effect\": { default: 'light' },\n  \"teleported\": { type: Boolean, default: true },\n  \"title\": null,\n  \"width\": { default: 150 },\n  \"offset\": null,\n  \"showAfter\": { default: 0 },\n  \"hideAfter\": { default: 200 },\n  \"autoClose\": { default: 0 },\n  \"showArrow\": { type: Boolean, default: true },\n  \"persistent\": { type: Boolean, default: true }\n})\n\nconst emit = defineEmits(['update:visible', 'before-enter', 'before-leave', 'after-enter', 'after-leave']);\n\n\n\n;\n\nconst tooltipRef = ref();\nconst popperRef = computed(() => {\n\treturn unref(tooltipRef)?.popperRef;\n});\n\nconst style = computed(() => {\n\treturn [\n\t\t{\n\t\t\twidth: addUnit(__props.width)\n\t\t},\n\t\t__props.popperStyle!\n\t];\n});\n\nconst kls = computed(() => {\n\treturn [ns.b(), __props.popperClass!, { [ns.m('plain')]: !!__props.content }];\n});\n\nconst gpuAcceleration = computed(() => {\n\treturn __props.transition === `${ns.namespace.value}-fade-in-linear`;\n});\n\nconst hide = () => {\n\ttooltipRef.value?.hide();\n};\n\nconst beforeEnter = () => {\n\temit('before-enter');\n};\nconst beforeLeave = () => {\n\temit('before-leave');\n};\n\nconst afterEnter = () => {\n\temit('after-enter');\n};\n\nconst afterLeave = () => {\n\temit('update:visible', false);\n\temit('after-leave');\n};\n\ndefineExpose({\n\t/** @description popper ref */\n\tpopperRef,\n\t/** @description hide popover */\n\thide\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","tooltipRef","ref","popperRef","computed","unref","style","addUnit","__props","kls","gpuAcceleration","hide","_a","beforeEnter","emit","beforeLeave","afterEnter","afterLeave","expose"],"mappings":"yXACMA,EAAuBC,EAAAA,aAAa,SAAS,EAGnDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,gqBA0GD,MAAMI,EAAaC,EAAAA,MACbC,EAAYC,EAAAA,SAAS,IAAM,OACzB,OAAAC,EAAAA,EAAA,MAAMJ,CAAU,IAAhBI,YAAAA,EAAmB,SAAA,CAC1B,EAEKC,EAAQF,EAAAA,SAAS,IACf,CACN,CACC,MAAOG,EAAAA,QAAQC,EAAQ,KAAK,CAC7B,EACAA,EAAQ,WAAA,CAET,EAEKC,EAAML,EAAAA,SAAS,IACb,CAACP,EAAG,EAAK,EAAAW,EAAQ,YAAc,CAAE,CAACX,EAAG,EAAE,OAAO,CAAC,EAAG,CAAC,CAACW,EAAQ,OAAS,CAAA,CAC5E,EAEKE,EAAkBN,EAAAA,SAAS,IACzBI,EAAQ,aAAe,GAAGX,EAAG,UAAU,sBAC9C,EAEKc,EAAO,IAAM,QAClBC,EAAAX,EAAW,QAAX,MAAAW,EAAkB,MAAK,EAGlBC,EAAc,IAAM,CACzBC,EAAK,cAAc,CAAA,EAEdC,EAAc,IAAM,CACzBD,EAAK,cAAc,CAAA,EAGdE,EAAa,IAAM,CACxBF,EAAK,aAAa,CAAA,EAGbG,EAAa,IAAM,CACxBH,EAAK,iBAAkB,EAAK,EAC5BA,EAAK,aAAa,CAAA,EAGN,OAAAI,EAAA,CAEZ,UAAAf,EAEA,KAAAQ,CAAA,CACA"}

package/lib/components/popper/arrow.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.vue2.js","sources":["../../../../../packages/components/popper/arrow.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'vft-popper-arrow',\n\tinheritAttrs: false\n});\n</script>\n<template>\n  <span ref=\"arrowRef\" :class=\"ns.e('arrow')\" data-popper-arrow :style=\"arrowStyle\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount, watch } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { POPPER_CONTENT_INJECTION_KEY } from './constants';\n\ninterface Props {\n  arrowOffset?: number\n}\n\ndefineProps({\n  \"arrowOffset\": { default: 5 }\n})\n\n;\n\nconst ns = useNamespace('popper');\nconst { arrowOffset: _arrowOffset, arrowRef, arrowStyle } = inject(\n  POPPER_CONTENT_INJECTION_KEY,\n  undefined\n)!;\n\nwatch(\n  () => __props.arrowOffset,\n  (val) => {\n    _arrowOffset.value = val;\n  }\n);\nonBeforeUnmount(() => {\n  arrowRef.value = undefined;\n});\n\ndefineExpose({\n  /**\n   * @description Arrow element\n   */\n  arrowRef\n});\n</script>\n"],"names":["__default__","DO_defineComponent","ns","useNamespace","_arrowOffset","arrowRef","arrowStyle","inject","POPPER_CONTENT_INJECTION_KEY","watch","__props","val","onBeforeUnmount","expose"],"mappings":"kXAEAA,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAM,mBACN,aAAc,EACf,CAAC,gFAqBK,MAAAC,EAAKC,eAAa,QAAQ,EAC1B,CAAE,YAAaC,EAAc,SAAAC,EAAU,WAAAC,CAAe,EAAAC,EAAA,OAC1DC,EAAA,6BACA,MAAA,EAGFC,OAAAA,EAAA,MACE,IAAMC,EAAQ,YACbC,GAAQ,CACPP,EAAa,MAAQO,CACvB,CAAA,EAEFC,EAAAA,gBAAgB,IAAM,CACpBP,EAAS,MAAQ,MAAA,CAClB,EAEYQ,EAAA,CAIX,SAAAR,CAAA,CACD"}

package/lib/components/popper/composables/use-content-dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-content-dom.js","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":"kUAQa,MAAAA,EAAsB,CACjCC,EACA,CACE,WAAAC,EACA,OAAAC,EACA,KAAAC,CACF,IAEG,CACG,KAAA,CAAE,WAAAC,GAAeC,EAAAA,YACjBC,EAAKC,eAAa,QAAQ,EAE1BC,EAAeC,EAAAA,SAAS,IAAMC,EAAM,MAAAT,CAAU,EAAE,MAAM,EACtDU,EAAgBC,EAAAA,IAAYZ,EAAM,QAAUI,EAAY,CAAA,EACxDS,EAAeJ,EAAAA,SAAS,IAAM,CAClCH,EAAG,EAAE,EACLA,EAAG,GAAG,OAAQN,EAAM,IAAI,EACxBM,EAAG,GAAGN,EAAM,MAAO,EACnBA,EAAM,WAAA,CACP,EACKc,EAAeL,EAAAA,SAAuB,IACnC,CACL,CAAE,OAAQC,QAAMC,CAAa,CAAE,EAC/BX,EAAM,aAAe,CAAC,EACtBU,EAAA,MAAMR,CAAM,EAAE,MAAA,CAEjB,EACKa,EAAYN,EAAA,SAA6B,IAC7CN,EAAK,QAAU,SAAW,QAAU,MAAA,EAEhCa,EAAaP,EAAA,SACjB,IAAOC,QAAMR,CAAM,EAAE,OAAS,CAAC,CAAA,EAO1B,MAAA,CACL,UAAAa,EACA,WAAAC,EACA,aAAAR,EACA,aAAAK,EACA,aAAAC,EACA,cAAAH,EAEA,aAZmB,IAAM,CACXA,EAAA,MAAQX,EAAM,QAAUI,EAAW,CAAA,CAWjD,CAEJ"}

package/lib/components/popper/composables/use-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-content.js","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"],"mappings":"2VAUMA,EAAuB,EAEhBC,EAAoBC,GAA8B,CAC7D,KAAM,CAAE,kBAAAC,EAAmB,WAAAC,EAAY,WAAAC,EAAY,KAAAC,CAAS,EAAAC,EAAA,OAC1DC,EAAA,qBACA,MAAA,EAGIC,EAAWC,EAAAA,MACXC,EAAcD,EAAAA,MAEdE,EAAwBC,EAAAA,SAAS,KAC9B,CACL,KAAM,iBACN,QAAS,CAAC,CAACX,EAAM,OAAA,EAEpB,EAEKY,EAAgBD,EAAAA,SAAS,IAAM,CAC7B,MAAAE,EAAUC,QAAMP,CAAQ,EACxBQ,EAASD,EAAAA,MAAML,CAAW,GAAKX,EAI9B,MAAA,CACL,KAAM,QACN,QAAS,CAACkB,EAAA,YAAYH,CAAO,EAC7B,QAAS,CACP,QAASA,EACT,QAASE,CACX,CAAA,CACF,CACD,EAEKE,EAAUN,EAAAA,SAAyB,KAChC,CACL,cAAe,IAAM,CACZO,GACT,EAEA,GAAGC,EAAAA,mBAAmBnB,EAAO,CAC3Bc,EAAAA,MAAMF,CAAa,EACnBE,EAAAA,MAAMJ,CAAqB,CAAA,CAC5B,CAAA,EAEJ,EAEKU,EAAoBT,EAAA,SACxB,IAAMU,EAAmB,mBAAArB,EAAM,WAAW,GAAKc,EAAAA,MAAMX,CAAU,CAAA,EAG3D,CAAE,WAAAmB,EAAY,MAAAC,EAAO,OAAAC,EAAQ,OAAAN,EAAQ,YAAAO,EAAa,YAAAC,CAAA,EACtDC,EAAAA,UAAUP,EAAmBlB,EAAYe,CAAO,EAElDW,OAAAA,EAAA,MAAMF,EAAcG,GAAc5B,EAAkB,MAAQ4B,CAAS,EAErEC,EAAAA,UAAU,IAAM,CACdF,EAAA,MACE,WAAMd,OAAAA,EAAAA,EAAA,MAAMM,CAAiB,IAAvBN,YAAAA,EAA0B,yBAChC,IAAM,CACGI,GACT,CAAA,CACF,CACD,EAEM,CACL,WAAAI,EACA,SAAAf,EACA,WAAAL,EACA,YAAAwB,EACA,MAAAH,EACA,OAAAC,EACA,KAAApB,EAEA,YAAAqB,EACA,OAAAP,CAAA,CAEJ"}

package/lib/components/popper/composables/use-focus-trap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-focus-trap.js","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":"uGAKaA,EAA4B,CACvCC,EACAC,IACG,CACG,MAAAC,EAAUC,MAAI,EAAK,EACnBC,EAAgBD,EAAAA,MAoCf,MAAA,CACL,cAAAC,EACA,QAAAF,EAEA,qBAlC4BG,GAAuB,SAC/CC,EAAAD,EAAM,SAAN,YAAAC,EAAc,eAAgB,YAChCF,EAAc,MAAQ,QACtBH,EAAK,MAAM,EACb,EA+BA,oBAvC0B,IAAM,CAChCA,EAAK,OAAO,CAAA,EAuCZ,cA7BqBI,GAAsB,CACvCL,EAAM,SAAW,CAACE,EAAQ,QACxBG,EAAM,SACRD,EAAc,MAAQC,EAAM,QAE9BH,EAAQ,MAAQ,GAClB,EAwBA,oBArB2BG,GAAuB,CAC7CL,EAAM,WACLK,EAAM,OAAO,cAAgB,WAC/BA,EAAM,eAAe,EAEvBH,EAAQ,MAAQ,GAClB,EAgBA,mBAbyB,IAAM,CAC/BA,EAAQ,MAAQ,GAChBD,EAAK,OAAO,CAAA,CAWZ,CAEJ"}

package/lib/components/popper/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","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":"gFA0Ba,MAAAA,EACX,OAAO,QAAQ,EAEJC,EACX,OAAO,eAAe"}

package/lib/components/popper/content.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.vue2.js","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":"qaAEAA,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAM,oBACR,CAAC,usBA8FD,MAAMC,EAAWC,EAAAA,qBAEX,CACL,cAAAC,EACA,QAAAC,EACA,qBAAAC,EACA,oBAAAC,EACA,cAAAC,EACA,oBAAAC,EACA,mBAAAC,CACG,EAAAC,4BAA0BT,EAAS,MAAOU,CAAI,EAE5C,CAAE,WAAAC,EAAY,SAAAC,EAAU,WAAAC,EAAY,OAAAC,EAAQ,YAAAC,EAAa,KAAAC,EAAM,OAAAC,CAAO,EAC3EC,EAAAA,iBAAiBlB,EAAS,KAAK,EAE1B,CACL,UAAAmB,EACA,WAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,CAAA,EACGC,EAAoB,oBAAAzB,EAAS,MAAO,CACvC,OAAAc,EACA,WAAAH,EACA,KAAAK,CAAA,CACA,EAGKU,EAAcC,EAAAA,MAEpBC,EAAAA,QAAQC,EAAAA,6BAA8B,CACrC,WAAAT,EACA,SAAAR,EACA,YAAAc,CAAA,CACA,EAcD,IAAII,EAEE,MAAAC,EAAe,CAACC,EAAqB,KAAS,CAC5Cf,IACPe,GAAsBR,EAAa,CAAA,EAG9BS,EAAoB,IAAM,CAC/BF,EAAa,EAAK,EACdG,EAAQ,SAAWA,EAAQ,YAC9B/B,EAAQ,MAAQ,GACN+B,EAAQ,UAAY,KAC9B/B,EAAQ,MAAQ,GACjB,EAGDgC,OAAAA,EAAAA,UAAU,IAAM,CACfC,EAAA,MACC,IAAMF,EAAQ,gBACd,CAACG,EAAiBC,IAAwB,CACZR,GAAA,MAAAA,IACAA,EAAA,OAE7B,MAAMS,EAAKC,EAAA,MAAMH,GAAmBxB,EAAW,KAAK,EAC9C4B,EAASD,EAAA,MAAMF,GAAuBzB,EAAW,KAAK,EAExD6B,EAAAA,UAAUH,CAAE,IACcT,EAAAM,EAAA,MAC5B,CAACpB,EAAM,IAAMkB,EAAQ,UAAWf,EAAW,IAAMe,EAAQ,EAAE,EAC1DS,GAAY,CACV,CAAA,OAAQ,aAAc,aAAc,IAAI,EAAE,QAAQ,CAACC,EAAKC,IAAQ,CACjEC,EAAAA,MAAMH,EAAQE,CAAG,CAAC,EACfN,EAAG,gBAAgBK,CAAG,EACtBL,EAAG,aAAaK,EAAKD,EAAQE,CAAG,CAAE,CAAA,CACrC,CACF,EACA,CAAE,UAAW,EAAK,CAAA,GAGhBJ,IAAWF,GAAMG,EAAU,UAAAD,CAAM,GACnC,CAAC,OAAQ,aAAc,aAAc,IAAI,EAAE,QAASG,GAAQ,CAC5DH,EAAO,gBAAgBG,CAAG,CAAA,CAC1B,CAEH,EACA,CAAE,UAAW,EAAK,CAAA,EAGnBR,EAAA,MAAM,IAAMF,EAAQ,QAASD,EAAmB,CAAE,UAAW,GAAM,CAAA,CACnE,EAEDc,EAAAA,gBAAgB,IAAM,CACQjB,GAAA,MAAAA,IACAA,EAAA,MAAA,CAC7B,EAEYkB,EAAA,CAIZ,iBAAkBnC,EAIlB,kBAAmBE,EAInB,aAAAgB,EAKA,aAAAR,CAAA,CACA"}

package/lib/components/popper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":"qVASaA,EAAYC,cAAYC,EAAM,OAAA"}

package/lib/components/popper/popper.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popper.vue2.js","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":"+JAEAA,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAM,aACN,aAAc,EAChB,CAAC,iFAsBD,MAAMC,EAAaC,EAAAA,MACbC,EAAoBD,EAAAA,MACpBE,EAAaF,EAAAA,MACbG,EAAeH,EAAAA,MACfI,EAAQC,EAAA,SAAS,IAAMC,EAAQ,IAAI,EAEnCC,EAAiB,CAIrB,WAAAR,EAIA,kBAAAE,EAIA,WAAAC,EAIA,aAAAC,EAIA,KAAMC,CAAA,EAGR,OAAAI,EAAaD,CAAc,EAE3BE,UAAQC,EAAAA,qBAAsBH,CAAc"}

package/lib/components/popper/trigger.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.vue2.js","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":"maAEAA,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAM,mBACN,aAAc,EAChB,CAAC,8TAyDD,MAAMC,EAAWC,EAAAA,qBAEX,CAAE,KAAAC,EAAM,WAAAC,CAAe,EAAAC,EAAA,OAAOC,uBAAsB,MAAS,EAEnEC,EAAA,cAAcH,CAAU,EAElB,MAAAI,EAAeC,EAAAA,SAA6B,IACzCC,EAAa,MAAQC,EAAQ,GAAK,MAC1C,EAEKC,EAAkBH,EAAAA,SAA6B,IAAM,CACrD,GAAAN,GAAQA,EAAK,QAAU,UACzB,OAAOQ,EAAQ,MAAQA,EAAQ,GAAKA,EAAQ,GAAK,MAE5C,CACR,EAEKD,EAAeD,EAAAA,SAA6B,IAAM,CAClD,GAAAN,GAAQA,EAAK,QAAU,UACzB,OAAOA,EAAK,KAEP,CACR,EAEKU,EAAeJ,EAAAA,SAA6B,IACzCC,EAAa,MAAQ,GAAGC,EAAQ,OAAS,MACjD,EAED,IAAIG,EAEJC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAA,MACE,IAAML,EAAQ,WACbM,GAAc,CACTA,IACSb,EAAA,MAAQc,eAAaD,CAAwB,EAE5D,EACA,CACE,UAAW,EACb,CAAA,EAGFD,EAAA,MACEZ,EACA,CAACe,EAAIC,IAAW,CACgBN,GAAA,MAAAA,IACAA,EAAA,OAC1BO,EAAAA,UAAUF,CAAE,IAEZ,CACE,eACA,eACA,UACA,YACA,UACA,SACA,eAAA,EAEF,QAASG,GAAc,OACjB,MAAAC,EAAetB,EAAS,MAAMqB,CAAS,EACzCC,IACAJ,EAAmB,iBACnBG,EAAU,MAAM,CAAC,EAAE,YAAY,EAC/BC,CAAA,GAEAC,EAAAJ,GAAA,YAAAA,EAAwB,sBAAxB,MAAAI,EAAA,KAAAJ,EACAE,EAAU,MAAM,CAAC,EAAE,YAAY,EAC/BC,GAEJ,CACD,EAC6BT,EAAAE,EAAA,MAC5B,CAACR,EAAcI,EAAiBF,EAAcG,CAAY,EACzDY,GAAY,CACV,CACC,gBACA,mBACA,gBACA,eAAA,EACA,QAAQ,CAACC,EAAKC,IAAQ,CACtBC,EAAAA,MAAMH,EAAQE,CAAG,CAAC,EACdR,EAAG,gBAAgBO,CAAG,EACtBP,EAAG,aAAaO,EAAKD,EAAQE,CAAG,CAAE,CAAA,CACvC,CACH,EACA,CAAE,UAAW,EAAK,CAAA,GAGlBN,EAAAA,UAAUD,CAAM,GACjB,CACC,gBACA,mBACA,gBACA,eAAA,EACA,QAASM,GAAQN,EAAO,gBAAgBM,CAAG,CAAC,CAElD,EACA,CACE,UAAW,EACb,CAAA,CACF,CACD,EAEDG,EAAAA,gBAAgB,IAAM,CACUf,GAAA,MAAAA,IACAA,EAAA,MAAA,CAC/B,EAEYgB,EAAA,CAIX,WAAA1B,CAAA,CACD"}

package/lib/components/popper/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","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":"gHAQaA,EAAqB,CACjCC,EACAC,EAAkC,KAC9B,CACJ,KAAM,CAAE,UAAAC,EAAW,SAAAC,EAAU,cAAAC,CAAA,EAAkBJ,EACzCK,EAAU,CACf,UAAAH,EACA,SAAAC,EACA,GAAGC,EACH,UAAW,CAAC,GAAGE,EAAaN,CAAK,EAAG,GAAGC,CAAS,CAAA,EAG5B,OAAAM,EAAAF,EAASD,GAAA,YAAAA,EAAe,SAAS,EAC/CC,CACR,EAEaG,EACZC,GACI,CACJ,GAAKC,EAAA,SACL,OAAOC,EAAAA,aAAaF,CAAkB,CACvC,EAEA,SAASH,EAAcD,EAAgC,CACtD,KAAM,CAAE,OAAAO,EAAQ,gBAAAC,EAAiB,mBAAAC,CAAA,EAAuBT,EACjD,MAAA,CACN,CACC,KAAM,SACN,QAAS,CACR,OAAQ,CAAC,EAAGO,GAAU,EAAE,CACzB,CACD,EACA,CACC,KAAM,kBACN,QAAS,CACR,QAAS,CACR,IAAK,EACL,OAAQ,EACR,KAAM,EACN,MAAO,CACR,CACD,CACD,EACA,CACC,KAAM,OACN,QAAS,CACR,QAAS,EACT,mBAAAE,CACD,CACD,EACA,CACC,KAAM,gBACN,QAAS,CACR,gBAAAD,CACD,CACD,CAAA,CAEF,CAEA,SAASN,EACRF,EACAJ,EACC,CACGA,IACKI,EAAA,UAAY,CAAC,GAAGA,EAAQ,UAAW,GAAIJ,GAAa,CAAA,CAAG,EAEjE"}

package/lib/components/qrcode/drawCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawCanvas.js","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":"8HAKaA,EAAe,CAAC,CAAE,OAAAC,EAAQ,QAAAC,EAAS,MAAAC,EAAQ,EAAG,QAASC,EAAS,CAAA,KAA6B,CAClG,MAAAC,EAAUC,YAAUF,CAAM,EAEhC,OAAAC,EAAQ,qBAAuBA,EAAQ,sBAAwBE,EAAwBL,CAAO,EAEvFM,EAAeN,EAASG,CAAO,EAAE,KAAMI,IAC5CJ,EAAQ,MAAQF,IAAU,EAAI,OAAaA,EAAQM,EAAU,EACtDC,WAAST,EAAQC,EAASG,CAAO,EACzC,CACH,EAGA,SAASG,EAAeN,EAAsBG,EAAiC,CACvE,MAAAM,EAAU,SAAS,cAAc,QAAQ,EACxC,OAAAD,EAAA,SAASC,EAAST,EAASG,CAAO,EAAE,KAAK,IAAMM,EAAQ,KAAK,CACrE,CAGA,SAASJ,EAAwBL,EAAsB,CACjD,OAAAA,EAAQ,OAAS,GACZ,IACEA,EAAQ,OAAS,GACnB,IAEA,GAEX"}

package/lib/components/qrcode/drawLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawLogo.js","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":"8GAGaA,EAAW,CAAC,CAAE,OAAAC,EAAQ,KAAAC,KAA+B,CAChE,GAAI,CAACA,EACI,OAAA,IAAI,QAASC,GAAY,CACrBA,EAAAF,EAA6B,WAAW,CAAA,CAClD,EAEH,MAAMG,EAAeH,EAA6B,MAC5C,CAAE,SAAAI,EAAW,IAAM,QAAAC,EAAU,OAAQ,WAAAC,EAAa,IAAM,YAAAC,EAAa,aAAAC,EAAe,EAAG,WAAAC,EAAa,CAAA,EAAMR,EAE1GS,EAAkBC,EAAAA,SAASV,CAAI,EAAIA,EAAOA,EAAK,IAC/CW,EAAYT,EAAcC,EAC1BS,EAAUV,GAAe,EAAIC,GAAa,EAC1CU,EAAcX,GAAeC,EAAWE,GACxCS,EAAYZ,GAAe,EAAIC,EAAWE,GAAe,EAEzDU,EAAMhB,EAAO,WAAW,IAAI,EAClC,GAAI,CAACgB,EAAK,OAGVC,EAAgBD,CAAG,EAAED,EAAUA,EAAUD,EAAaA,EAAaN,CAAY,EAC/EQ,EAAI,UAAYX,EAChBW,EAAI,KAAK,EAGH,MAAAE,EAAQ,IAAI,OACdX,GAAeE,IACXS,EAAA,aAAa,cAAeX,GAAe,WAAW,EAE9DW,EAAM,IAAMR,EAGN,MAAAS,EAAqBD,GAA6B,CACtDF,EAAI,UAAUE,EAAOL,EAAQA,EAAQD,EAAWA,CAAS,CAAA,EAIrDQ,EAAsBF,GAA4B,CAChD,MAAAG,EAAc,SAAS,cAAc,QAAQ,EACnDA,EAAY,MAAQR,EAASD,EAC7BS,EAAY,OAASR,EAASD,EACxB,MAAAU,EAAcD,EAAY,WAAW,IAAI,EAK/C,GAJI,CAACC,GAAe,CAACN,IACrBM,EAAY,UAAUJ,EAAOL,EAAQA,EAAQD,EAAWA,CAAS,EAEjEK,EAAgBD,CAAG,EAAEH,EAAQA,EAAQD,EAAWA,EAAWH,CAAU,EACjE,CAACO,GAAK,OACV,MAAMO,EAAYP,EAAI,cAAcK,EAAa,WAAW,EACxDE,IACFP,EAAI,UAAYO,EAChBP,EAAI,KAAK,EACX,EAIK,OAAA,IAAI,QAASd,GAAY,CAC9BgB,EAAM,OAAS,IAAM,CACnBT,EAAaW,EAAmBF,CAAK,EAAIC,EAAkBD,CAAK,EACvDhB,EAAAF,EAA6B,WAAW,CAAA,CACnD,CACD,CACH,EAGA,SAASiB,EAAgBD,EAA+B,CACtD,MAAO,CAACQ,EAAWC,EAAWC,EAAWC,EAAW,IAAc,CAChE,MAAMC,EAAU,KAAK,IAAIF,EAAGC,CAAC,EACzB,OAAA,EAAIC,EAAU,IAChB,EAAIA,EAAU,GAEhBZ,EAAI,UAAU,EACVA,EAAA,OAAOQ,EAAI,EAAGC,CAAC,EACfT,EAAA,MAAMQ,EAAIE,EAAGD,EAAGD,EAAIE,EAAGD,EAAIE,EAAG,CAAC,EAC/BX,EAAA,MAAMQ,EAAIE,EAAGD,EAAIE,EAAGH,EAAGC,EAAIE,EAAG,CAAC,EACnCX,EAAI,MAAMQ,EAAGC,EAAIE,EAAGH,EAAGC,EAAG,CAAC,EAC3BT,EAAI,MAAMQ,EAAGC,EAAGD,EAAIE,EAAGD,EAAG,CAAC,EAC3BT,EAAI,UAAU,EACPA,CAAA,CAEX"}

package/lib/components/qrcode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":"0PAIaA,EAAYC,cAAYC,EAAM,OAAA"}

package/lib/components/qrcode/qrcode.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qrcode.vue2.js","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":"uYACMA,EAAuBC,EAAAA,aAAa,QAAQ,EAGlDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,mKAwCK,MAAAI,EAAUC,MAAiD,IAAI,EAErE,eAAeC,GAAgB,CACzB,GAAA,CACI,MAAAC,EAAc,OAAOC,EAAQ,KAAK,EAClCC,EAASC,QAAMN,CAAO,EAE5B,GAAI,CAACK,EAAQ,OAET,GAAAD,EAAQ,MAAQ,SAAU,CACtB,MAAAG,EAAc,MAAMC,WAAS,CACjC,OAAQH,EACR,MAAOD,EAAQ,MACf,KAAMA,EAAQ,KACd,QAASD,EACT,QAASC,EAAQ,SAAW,CAAC,CAAA,CAC9B,EACIK,EAAA,OAAQ,CAAE,IAAAF,EAAK,IAAMF,EAA6B,WAAW,IAAI,EAAG,EACzE,MACF,CAEI,GAAAD,EAAQ,MAAQ,MAAO,CACnB,MAAAG,EAAM,MAAMG,EAAA,UAAUP,EAAa,CACvC,qBAAsB,IACtB,MAAOC,EAAQ,MACf,GAAGA,EAAQ,OAAA,CACZ,EACAE,EAAAA,MAAMN,CAAO,EAAuB,IAAMO,EACtCE,EAAA,OAAQ,CAAE,IAAAF,CAAA,CAAK,CACtB,QACOI,GACPF,EAAK,QAASE,CAAK,CACrB,CACF,CAKA,SAASC,EAAUC,EAAmB,CACpC,IAAIN,EAAM,GACJ,MAAAF,EAASC,QAAMN,CAAO,EACxBK,aAAkB,kBACpBE,EAAMF,EAAO,YACJA,aAAkB,mBAC3BE,EAAMF,EAAO,KAEVE,GACSO,gBAAA,CACZ,IAAAP,EACA,SAAAM,CAAA,CACD,CACH,CAEAE,EAAA,UAAUb,CAAY,EAEtB,MAAMc,EAAW,qBAGX,aAAAA,EAAS,MAAO,IAAM,CACbd,GAAA,EACZ,CAAE,KAAM,EAAA,CAAM,EAEJe,EAAA,CACX,SAAAL,CAAA,CACD"}

package/lib/components/qrcode/toCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toCanvas.js","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":"8IAIaA,EAAYC,GAChBC,eAAaD,CAAO,EACxB,KAAK,IACGA,CACR,EACA,KAAKE,EAAAA,QAAQ"}

package/lib/components/result/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":"0PAIaA,EAAYC,cAAYC,EAAM,OAAA"}

package/lib/components/result/result.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"result.vue2.js","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":"s5CACA,MAAMA,EAAuBC,EAAAA,aAAa,QAAQ,EAGlDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,wFAuBD,MAAMI,EAAWC,EAAAA,qBAEXC,EAAQC,EAAAA,WAERC,EAAQC,EAAAA,SAAS,IACdC,kBAAgBC,EAAQ,KAAM,MAAM,CAC5C,EAEKC,GAAQC,EAAAL,EAAM,QAAN,MAAAK,EAAa,KAAOC,EAAAA,EAAE,MAAO,CACzC,MAAOd,EAAG,EAAE,MAAM,CACjB,EAAA,CAACc,EAAE,EAAAC,UAAS,CAAE,GAAGP,EAAM,KAAO,CAAA,CAAC,CAAC,GAAIQ,EAAAV,EAAM,UAAN,YAAAU,EAAA,KAAAV,GAEjCW,EAAQC,GAAqB,CAC3B,MAAAC,EAAUC,EAAAA,YAAYhB,EAAUc,CAAQ,EAC9C,OAAOC,EAAUL,EAAA,EACf,MACA,CACE,MAAOd,EAAG,EAAEkB,CAAQ,CACtB,EAAG,CAACJ,EAAAA,EAAE,IAAK,CAAC,EAAG,CAAE,QAAS,IAAMK,CAAQ,CAAC,CAAC,CACxC,EAAA,IAAA,EAGO,MAAA,IAETL,EAAA,EACE,MAAO,CAAE,MAAOd,EAAG,GAAI,EAAG,CACxB,QAAS,IAAM,CACbY,EACAK,EAAK,OAAO,EACZA,EAAK,WAAW,EAChBX,EAAM,MAAQQ,EAAA,EAAE,MAAO,CAAE,MAAOd,EAAG,EAAE,OAAO,CAAE,EAAG,CAAE,QAAS,IAAA,OAAK,OAAAa,EAAAP,EAAM,QAAN,YAAAO,EAAA,KAAAP,GAAiB,CAAA,EAAI,IACxF,CACF,CAAA"}

package/lib/components/router-view-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":"uQAIaA,EAAuBC,cAAYC,EAAiB,OAAA"}

package/lib/components/router-view-content/router-view-content.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-view-content.vue2.js","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":"yWACA,MAAMA,EAAuBC,EAAAA,aAAa,qBAAqB,EAG/DC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,kNA6BK,MAAAI,EAAYC,EAAAA,SAAS,IACpBC,EAAQ,cAGNA,EAAQ,SAAS,iBAFf,EAGV,EAEKC,EAAgBF,EAAAA,SAAS,IACrBG,GACFF,EAAQ,mBACHA,EAAQ,iBAAmBA,EAAQ,eAAiBE,CAKhE,EAEKC,EAAeJ,EAAAA,SAAS,IACpBK,GAAyC,WAC/C,IAAIC,EAAOD,EAAM,KACb,OAAAE,EAAAF,EAAM,OAAN,MAAAE,EAAY,oBACPD,GAAAE,GAAAC,EAAAJ,EAAM,UAAN,YAAAI,EAAe,OAAeC,GAAA,OAC5B,OAAAA,EAAK,SAASH,EAAAF,EAAM,OAAN,YAAAE,EAAY,kBAAA,KAD5B,YAAAC,EAEF,GAAG,MAGHP,EAAQ,aAAe,OAAYK,CAAA,CAE7C"}

package/lib/components/side-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":"6PAIaA,EAAcC,cAAYC,EAAQ,OAAA"}

package/lib/components/side-menu/side-menu.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-menu.vue2.js","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/lib/components/slot/only-child.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"only-child.js","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":"sZAmBA,MAAMA,EAAO,eAEAC,EAAYC,EAAAA,gBAAgB,CACvCC,KAAMH,EACNI,MAAMC,EAAG,CAAEC,MAAAA,EAAOC,MAAAA,CAAM,EAAG,CACzB,MAAMC,EAAsBC,SAAOC,EAAAA,yBAAyB,EACtDC,EAAsBC,EAAsB,wBAChDJ,GAAAA,YAAAA,EAAqBK,gBAAiBC,EAAI,IAAA,EAE5C,MAAO,IAAM,OACX,MAAMC,GAAcT,EAAAA,EAAMU,UAANV,YAAAA,EAAAA,KAAAA,EAAgBC,GACpC,GAAI,CAACQ,EAAa,OAAO,KAEzB,GAAIA,EAAYE,OAAS,EACvBC,OAAAA,YAAUlB,EAAM,sCAAsC,EAC/C,KAGT,MAAMmB,EAAiBC,EAAoBL,CAAW,EACtD,OAAKI,EAKEE,EAAc,eAACC,EAAU,WAACH,EAAiBZ,CAAK,EAAG,CACxD,CAACI,CAAmB,CAAC,CACtB,GANCO,YAAUlB,EAAM,2BAA2B,EACpC,MAOb,CACF,CAAC,EAED,SAASoB,EAAoBG,EAAyC,CACpE,GAAI,CAACA,EAAM,OAAO,KAClB,MAAMC,EAAWD,EACjB,UAAWE,KAASD,EAAU,CAM5B,GAAIE,EAAAA,SAASD,CAAK,EAChB,OAAQA,EAAME,KAAI,CAChB,KAAKC,EAAO,QACV,SACF,KAAKC,OACL,IAAK,MACH,OAAOC,EAAgBL,CAAK,EAC9B,KAAKM,EAAQ,SACX,OAAOX,EAAoBK,EAAMD,QAAQ,EAC3C,QACE,OAAOC,CAAK,CAGlB,OAAOK,EAAgBL,CAAK,CAC9B,CACA,OAAO,IACT,CAEA,SAASK,EAAgBE,EAAmB,CAC1C,MAAMC,EAAKC,eAAa,YAAY,EACpC,OAAAC,EAAAA,YAAA,OAAA,CAAA,MAAoBF,EAAGG,EAAE,SAAS,CAAC,EAAA,CAAGJ,CAAC,CAAA,CACzC"}

package/lib/components/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":"gTAIaA,EAAUC,EAAA,YAAYC,UAAM,CAAA,QAAEC,UAAS,EACvCC,EAAaC,kBAAgBF,EAAO,OAAA"}

package/lib/components/tabs/tab-bar.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-bar.vue2.js","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":"8cAaMA,EAAWC,EAAAA,qBACXC,EAAWC,SAAOC,EAAAA,kBAAkB,EAEpCC,EAAKC,eAAa,MAAM,EAExBC,EAASC,EAAAA,MACTC,EAAWD,EAAAA,MAEXE,EAAc,IAAqB,CACvC,IAAIC,EAAS,EACTC,EAAU,EAER,MAAAC,EAAW,CAAC,MAAO,QAAQ,EAAE,SAASX,EAAS,MAAM,WAAY,EACnE,QACA,SACEY,EAAUD,IAAa,QAAU,IAAM,IACvCE,EAAWD,IAAY,IAAM,OAAS,MAEtC,OAAAE,EAAA,KAAK,MAAOC,GAAQ,SACxB,MAAMC,GAAMC,GAAAC,EAAApB,EAAS,SAAT,YAAAoB,EAAiB,OAAjB,YAAAD,EAAwB,OAAOF,EAAI,OAC/C,GAAI,CAACC,EAAY,MAAA,GAEb,GAAA,CAACD,EAAI,OACA,MAAA,GAETN,EAASO,EAAI,SAASG,EAAW,WAAAN,CAAQ,GAAG,EAC5CH,EAAUM,EAAI,SAASG,EAAW,WAAAR,CAAQ,GAAG,EAEvC,MAAAS,EAAY,OAAO,iBAAiBJ,CAAG,EAE7C,OAAIL,IAAa,UACXG,EAAM,KAAK,OAAS,IAEpBJ,GAAA,OAAO,WAAWU,EAAU,WAAW,EACvC,OAAO,WAAWA,EAAU,YAAY,GAElCX,GAAA,OAAO,WAAWW,EAAU,WAAW,GAE5C,EAAA,CACR,EAEM,CACL,CAACT,CAAQ,EAAG,GAAGD,MACf,UAAW,YAAYS,EAAW,WAAAP,CAAO,KAAKH,MAAA,CAChD,EAGIY,EAAS,IAAOd,EAAS,MAAQC,EAAY,EAEnDc,EAAA,MACE,IAAMR,EAAM,KACZ,SAAY,CACV,MAAMS,EAAS,SAAA,EACRF,GACT,EACA,CAAE,UAAW,EAAK,CAAA,EAGd,MAAAG,EAAeC,EAAAA,SAAS,IACrBzB,EAAS,MAAM,WACvB,EAEiB0B,OAAAA,EAAAA,kBAAArB,EAAQ,IAAMgB,EAAA,CAAQ,EAE3BM,EAAA,CACX,IAAKtB,EACL,OAAAgB,CAAA,CACD"}

package/lib/components/tabs/tab-nav.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-nav.vue2.js","sources":["../../../../../packages/components/tabs/tab-nav.vue"],"sourcesContent":["<script lang=\"tsx\">\nconst ns_nav = /* hoist-static*/ useNamespace('tab-nav')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns_nav.b()\n});</script>\n<script lang=\"tsx\" setup>\nimport { throwError } from '@vft-ui/utils';\nimport {\n  computed,\n  type CSSProperties,\n  getCurrentInstance,\n  inject,\n  nextTick,\n  onMounted,\n  onUpdated,\n  ref,\n  watch\n} from 'vue';\nimport { type IconProps, VftIcon } from '@vft-ui/components';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { capitalize } from '@vft/utils';\nimport { EVENT_CODE } from '@vft/constants';\nimport { TabsRootContextKey } from './types';\nimport type { TabsPaneContext, TabsType, Scrollable } from './types';\nimport { useDocumentVisibility, useResizeObserver, useWindowFocus } from '@vueuse/core';\nimport TabBar from './tab-bar.vue';\n\ninterface TabNavProps {\n  panes: TabsPaneContext[];\n  /** 标签是否同时可增加和关闭 */\n  editable?: boolean;\n  /** 标签是否可增加 */\n  addable?: boolean;\n  /** tab 类型 */\n  type?: TabsType;\n  stretch?: boolean;\n  /** 图标配置 */\n  closeIconCfg?: IconProps;\n  addIconCfg?: IconProps;\n  arrowLeftIconCfg?: IconProps;\n  arrowRightIconCfg?: IconProps;\n}\n\ndefineProps({\n  \"panes\": null,\n  \"editable\": { type: Boolean,  },\n  \"addable\": { type: Boolean,  },\n  \"type\": null,\n  \"stretch\": { type: Boolean,  },\n  \"closeIconCfg\": null,\n  \"addIconCfg\": null,\n  \"arrowLeftIconCfg\": null,\n  \"arrowRightIconCfg\": null\n})\n\nconst emit = defineEmits(['tabClick', 'tabRemove', 'tabAdd', 'tabContextmenu']);\n\n\n\n;\n\nconst vm = getCurrentInstance()!;\n\n// 获取从 index.vue 提供的数据信息\nconst rootTabs = inject(TabsRootContextKey)!;\nif (!rootTabs) throwError(ns_nav.b(), `<vft-tabs><tab-nav /></vft-tabs>`)\n\nconst ns = useNamespace('tabs');\nconst visibility = useDocumentVisibility();\nconst focused = useWindowFocus();\n\n// 整个 nav dom 包含前进后退 btn (vft-tabs__nav-wrap)\nconst el$ = ref<HTMLDivElement>();\n// el$ 子节点 包含 newButton (vft-tabs__nav-scroll)\nconst navScroll$ = ref<HTMLDivElement>();\n// navScroll$ 子节点 (vft-tabs__nav)\nconst nav$ = ref<HTMLDivElement>();\n\n/** 是否展示左右滚动 */\nconst scrollable = ref<false | Scrollable>(false);\n// 记录滚动时的偏移量\nconst navOffset = ref(0);\nconst isFocus = ref(false);\nconst focusable = ref(true);\n\n// 根据 tabPosition 确定 sizeName 是 width or height\nconst sizeName = computed(() => ['top', 'bottom'].includes(rootTabs.props.tabPosition!) ? 'width' : 'height');\n\n// 设置 tab 导航栏的 translateX or translateY 的偏移量\nconst navStyle = computed<CSSProperties>(() => {\n  const dir = sizeName.value === 'width' ? 'X' : 'Y';\n  return {\n    transform: `translate${dir}(-${navOffset.value}px)`\n  };\n});\n\n// 向前滚动\nconst scrollPrev = () => {\n  if (!navScroll$.value) return;\n  const containerSize =\n    navScroll$.value[`offset${capitalize(sizeName.value)}`];\n  const currentOffset = navOffset.value;\n\n  if (!currentOffset) return;\n\n  navOffset.value = currentOffset > containerSize ? currentOffset - containerSize : 0;\n};\n\n// 向后滚动\nconst scrollNext = () => {\n  if (!navScroll$.value || !nav$.value) return;\n\n  const navSize = nav$.value[`offset${capitalize(sizeName.value)}`];\n  const containerSize =\n    navScroll$.value[`offset${capitalize(sizeName.value)}`];\n  const currentOffset = navOffset.value;\n\n  if (navSize - currentOffset <= containerSize) return;\n\n  navOffset.value = navSize - currentOffset > containerSize * 2\n    ? currentOffset + containerSize\n    : navSize - containerSize;\n};\n\n// 滚动到激活的 tab 主要是获取 navOffset 的值\nconst scrollToActiveTab = async() => {\n  const nav = nav$.value;\n  if (!scrollable.value || !el$.value || !navScroll$.value || !nav) return;\n\n  await nextTick();\n\n  const activeTab = el$.value.querySelector('.is-active');\n  if (!activeTab) return;\n\n  const navScroll = navScroll$.value;\n  const isHorizontal = ['top', 'bottom'].includes(\n    rootTabs.props.tabPosition!\n  );\n  const activeTabBounding = activeTab.getBoundingClientRect();\n  // vft-tabs__nav-scroll\n  const navScrollBounding = navScroll.getBoundingClientRect();\n  const maxOffset = isHorizontal\n    ? nav.offsetWidth - navScrollBounding.width\n    : nav.offsetHeight - navScrollBounding.height;\n\n  const currentOffset = navOffset.value;\n\n  let newOffset = currentOffset;\n\n  if (isHorizontal) {\n    if (activeTabBounding.left < navScrollBounding.left) {\n      newOffset =\n        currentOffset - (navScrollBounding.left - activeTabBounding.left);\n    }\n    if (activeTabBounding.right > navScrollBounding.right) {\n      newOffset =\n        currentOffset + activeTabBounding.right - navScrollBounding.right;\n    }\n  } else {\n    if (activeTabBounding.top < navScrollBounding.top) {\n      newOffset =\n        currentOffset - (navScrollBounding.top - activeTabBounding.top);\n    }\n    if (activeTabBounding.bottom > navScrollBounding.bottom) {\n      newOffset =\n        currentOffset +\n        (activeTabBounding.bottom - navScrollBounding.bottom);\n    }\n  }\n  newOffset = Math.max(newOffset, 0);\n  navOffset.value = Math.min(newOffset, maxOffset);\n};\n\nconst update = () => {\n  if (!nav$.value || !navScroll$.value) return;\n  // 根据 position 的不同 获取 nav$(vft-tabs__nav) 的 offsetWidth or offsetHeight\n  const navSize = nav$.value[`offset${capitalize(sizeName.value)}`];\n  // 获取到 navScroll$ 的 offsetWidth or offsetHeight\n  const containerSize = navScroll$.value[`offset${capitalize(sizeName.value)}`];\n  // 获取到当前的偏移量\n  const currentOffset = navOffset.value;\n  // 由于 navScroll$ 的 overflow 是 hidden，所以当 vft-tabs__nav 撑开时其宽度可能会超过 vft-tabs__nav-scroll\n  if (containerSize < navSize) {\n    scrollable.value = scrollable.value || {};\n    scrollable.value.prev = currentOffset;\n    scrollable.value.next = currentOffset + containerSize < navSize;\n    if (navSize - currentOffset < containerSize) {\n      navOffset.value = navSize - containerSize;\n    }\n  } else {\n    scrollable.value = false;\n    if (currentOffset > 0) {\n      navOffset.value = 0;\n    }\n  }\n};\n\nconst changeTab = (e: KeyboardEvent) => {\n  const code = e.code;\n\n  const { up, down, left, right } = EVENT_CODE;\n  if (![up, down, left, right].includes(code)) return;\n\n  // 左右上下键更换tab\n  const tabList = Array.from(\n    (e.currentTarget as HTMLDivElement).querySelectorAll<HTMLDivElement>(\n      '[role=tab]:not(.is-disabled)'\n    )\n  );\n  const currentIndex = tabList.indexOf(e.target as HTMLDivElement);\n\n  let nextIndex: number;\n  if (code === left || code === up) {\n    // left\n    if (currentIndex === 0) {\n      // first\n      nextIndex = tabList.length - 1;\n    } else {\n      nextIndex = currentIndex - 1;\n    }\n  } else {\n    // right\n    if (currentIndex < tabList.length - 1) {\n      // not last\n      nextIndex = currentIndex + 1;\n    } else {\n      nextIndex = 0;\n    }\n  }\n  tabList[nextIndex].focus(); // 改变焦点元素\n  tabList[nextIndex].click(); // 选中下一个tab\n  setFocus();\n};\n\nconst setFocus = () => {\n  if (focusable.value) isFocus.value = true;\n};\nconst removeFocus = () => (isFocus.value = false);\n\nwatch(visibility, (visibility) => {\n  if (visibility === 'hidden') {\n    focusable.value = false;\n  } else if (visibility === 'visible') {\n    setTimeout(() => (focusable.value = true), 50);\n  }\n});\n\nwatch(focused, (focused) => {\n  if (focused) {\n    setTimeout(() => (focusable.value = true), 50);\n  } else {\n    focusable.value = false;\n  }\n});\n\n// 监听 resize 触发 update\nuseResizeObserver(el$, update);\n\nonMounted(() => setTimeout(() => scrollToActiveTab(), 0));\nonUpdated(() => update());\n\ndefineExpose({\n  scrollToActiveTab,\n  removeFocus\n});\n\nwatch(\n  () => __props.panes,\n  () => vm.update(),\n  { flush: 'post' }\n);\n\n// 前进后退标签\nconst scrollBtn = computed(() => {\n  return scrollable.value\n    ? [\n      <span\n        class={[\n          ns.e('nav-prev'),\n          ns.is('disabled', !scrollable.value.prev)\n        ]}\n        onClick={scrollPrev}\n      >\n        {__props.arrowLeftIconCfg?.icon ? <VftIcon {...__props.arrowLeftIconCfg}></VftIcon> : null}\n      </span>,\n      <span\n        class={[\n          ns.e('nav-next'),\n          ns.is('disabled', !scrollable.value.next)\n        ]}\n        onClick={scrollNext}\n      >\n         {__props.arrowRightIconCfg?.icon ? <VftIcon {...__props.arrowRightIconCfg}></VftIcon> : null}\n      </span>\n    ]\n    : null;\n});\n\n// 渲染 tab-pane\nconst tabs = computed(() => {\n  return __props.panes?.map((pane, index) => {\n    const uid = pane.uid;\n    const disabled = pane.props.disabled;\n    const tabName = pane.props.name ?? pane.index ?? `${index}`;\n    const closable = !disabled && (pane.isClosable || __props.editable);\n    pane.index = `${index}`;\n\n    // 关闭标签图标\n    const btnClose = closable ? (\n      <span class=\"is-icon-close\" onClick={(ev: MouseEvent) => emit('tabRemove', pane, ev)}>\n        {__props.closeIconCfg?.icon ? <VftIcon {...__props.closeIconCfg}></VftIcon> : null}\n      </span>\n    ) : null;\n\n    const tabLabelContent = pane.slots.label?.() || pane.props.label;\n    const tabindex = !disabled && pane.active ? 0 : -1;\n\n    return (\n      <div\n        ref={`tab-${uid}`}\n        class={[\n          ns.e('item'),\n          ns.is(rootTabs.props.tabPosition!),\n          ns.is('active', pane.active),\n          ns.is('disabled', disabled),\n          ns.is('closable', closable),\n          ns.is('focus', isFocus.value)\n        ]}\n        id={`tab-${tabName}`}\n        key={`tab-${uid}`}\n        aria-controls={`pane-${tabName}`}\n        role=\"tab\"\n        aria-selected={pane.active}\n        tabindex={tabindex}\n        onFocus={() => setFocus()}\n        onBlur={() => removeFocus()}\n        onClick={(ev: MouseEvent) => {\n          removeFocus();\n          emit('tabClick', pane, tabName, ev);\n        }}\n        onContextmenu={(event) => {\n          event.preventDefault();\n          emit('tabContextmenu', { pane, index, event });\n        }}\n        onKeydown={(ev: KeyboardEvent) => {\n          if (\n            closable &&\n            (ev.code === EVENT_CODE.delete ||\n              ev.code === EVENT_CODE.backspace)\n          ) {\n            emit('tabRemove', pane, ev);\n          }\n        }}\n      >\n        {...[tabLabelContent, btnClose]}\n      </div>\n    );\n  });\n});\n\n// 增加 tab 的 dom\nconst newButton =\n  __props.editable || __props.addable ? (\n    <span\n      class={ns.e('new-tab')}\n      tabindex=\"0\"\n      onClick={() => emit('tabAdd')}\n      onKeydown={(ev: KeyboardEvent) => {\n        if (ev.code === EVENT_CODE.enter) emit('tabAdd');\n      }}\n    >\n      {__props.addIconCfg?.icon ? <VftIcon {...__props.addIconCfg}></VftIcon> : null}\n    </span>\n  ) : null;\n\ndefineRender(() => {\n  return (\n    <div\n      ref={el$}\n      class={[\n        ns.e('nav-wrap'),\n        ns.is('scrollable', !!scrollable.value),\n        ns.is(rootTabs.props.tabPosition!)\n      ]}\n    >\n      {scrollBtn.value}\n      <div class={ns.e('nav-scroll')} ref={navScroll$}>\n        <div\n          class={[\n            ns.e('nav'),\n            ns.is(rootTabs.props.tabPosition!),\n            ns.is(\n              'stretch',\n              __props.stretch &&\n              ['top', 'bottom'].includes(rootTabs.props.tabPosition!)\n            )\n          ]}\n          ref={nav$}\n          style={navStyle.value}\n          role=\"tablist\"\n          onKeydown={changeTab}\n        >\n          {...[\n            !__props.type ? <TabBar tabs={[...__props.panes]} /> : null,\n            tabs.value\n          ]}\n        </div>\n        {newButton}\n      </div>\n    </div>\n  );\n});\n</script>\n"],"names":["ns_nav","useNamespace","__default__","DO_defineComponent","name","b","vm","getCurrentInstance","rootTabs","inject","TabsRootContextKey","throwError","ns","visibility","useDocumentVisibility","focused","useWindowFocus","el$","ref","navScroll$","nav$","scrollable","navOffset","isFocus","focusable","sizeName","computed","includes","props","tabPosition","navStyle","transform","value","scrollPrev","containerSize","capitalize","currentOffset","scrollNext","navSize","scrollToActiveTab","nav","nextTick","activeTab","querySelector","navScroll","isHorizontal","activeTabBounding","getBoundingClientRect","navScrollBounding","maxOffset","offsetWidth","width","offsetHeight","height","newOffset","left","right","top","bottom","Math","max","min","update","prev","next","changeTab","e","code","up","down","EVENT_CODE","tabList","Array","from","currentTarget","querySelectorAll","currentIndex","indexOf","target","nextIndex","length","focus","click","setFocus","removeFocus","watch","setTimeout","useResizeObserver","onMounted","onUpdated","expose","__props","panes","flush","scrollBtn","_createVNode","is","arrowLeftIconCfg","icon","VftIcon","arrowRightIconCfg","tabs","map","pane","index","uid","disabled","tabName","closable","isClosable","editable","btnClose","ev","emit","closeIconCfg","tabLabelContent","slots","label","tabindex","active","onFocus","onBlur","event","preventDefault","delete","backspace","newButton","addable","onClick","enter","addIconCfg","stretch","type","TabBar"],"mappings":"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"}

package/lib/components/tabs/tab-pane.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-pane.vue2.js","sources":["../../../../../packages/components/tabs/tab-pane.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('tab-pane')\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 { throwError } from '@vft-ui/utils';\nimport { type TabsPaneContext, TabsRootContextKey } from './types';\nimport { useNamespace } from '@vft-ui/hooks';\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onMounted,\n  onUnmounted,\n  reactive,\n  ref,\n  useSlots,\n  watch\n} from 'vue';\nimport { eagerComputed } from '@vueuse/core';\n\ninterface TabPaneProps {\n  /** 选项卡标题 */\n  label?: string;\n  /** 与选项卡绑定值 value 对应的标识符，表示选项卡别名 */\n  name?: Numberish;\n  /** 标签是否可关闭 */\n  closable?: boolean;\n  /** 是否禁用 */\n  disabled?: boolean;\n  /** 标签是否延迟渲染 */\n  lazy?: boolean;\n}\n\ndefineProps({\n  \"label\": null,\n  \"name\": null,\n  \"closable\": { type: Boolean,  },\n  \"disabled\": { type: Boolean,  },\n  \"lazy\": { type: Boolean,  }\n})\n\n\n\n;\n\nconst vm = getCurrentInstance()!;\n\nconst slots = useSlots();\n\nconst tabsRoot = inject(TabsRootContextKey)!;\n\nif (!tabsRoot)\n\tthrowError(ns.b(), 'usage: <vft-tabs><vft-tab-pane /></vft-tabs/>')\n\nconst index = ref<string>();\n// 可关闭\nconst isClosable = computed(() => __props.closable || tabsRoot.props.closable);\n// 激活\nconst active = eagerComputed(() => {\n  return tabsRoot.currentName.value === (__props.name ?? index.value);\n});\n\nconst loaded = ref(active.value);\n\nconst paneName = computed(() => __props.name ?? index.value);\n\nconst shouldBeRender = eagerComputed(() => {\n  return !__props.lazy || loaded.value || active.value;\n});\n\nwatch(active, (val) => {\n  if (val) loaded.value = true;\n});\n\nconst pane = reactive({\n  uid: vm.uid,\n  slots,\n  props: vm.props as unknown as TabPaneProps,\n  paneName,\n  active,\n  index,\n  isClosable,\n  attrs: vm.attrs\n});\n\n\nonMounted(() => {\n  tabsRoot.registerPane(pane as TabsPaneContext);\n});\n\nonUnmounted(() => {\n  tabsRoot.unregisterPane(pane.uid);\n});\n</script>\n\n<template>\n  <div v-if=\"shouldBeRender\" v-show=\"active\" :id=\"`pane-${paneName}`\" :class=\"ns.b()\"\n    role=\"tabpanel\" :aria-hidden=\"!active\" :aria-labelledby=\"`tab-${paneName}`\">\n    <slot />\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","vm","getCurrentInstance","slots","useSlots","tabsRoot","inject","TabsRootContextKey","throwError","index","ref","isClosable","computed","__props","active","eagerComputed","loaded","paneName","shouldBeRender","watch","val","pane","reactive","onMounted","onUnmounted"],"mappings":"ucACMA,EAAuBC,EAAAA,aAAa,UAAU,EAGpDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,sIA2CD,MAAMI,EAAKC,EAAAA,qBAELC,EAAQC,EAAAA,WAERC,EAAWC,SAAOC,EAAAA,kBAAkB,EAErCF,GACOG,EAAAA,WAAAX,EAAG,EAAE,EAAG,+CAA+C,EAEnE,MAAMY,EAAQC,EAAAA,MAERC,EAAaC,EAAS,SAAA,IAAMC,EAAQ,UAAYR,EAAS,MAAM,QAAQ,EAEvES,EAASC,EAAAA,cAAc,IACpBV,EAAS,YAAY,SAAWQ,EAAQ,MAAQJ,EAAM,MAC9D,EAEKO,EAASN,EAAAA,IAAII,EAAO,KAAK,EAEzBG,EAAWL,EAAAA,SAAS,IAAMC,EAAQ,MAAQJ,EAAM,KAAK,EAErDS,EAAiBH,EAAAA,cAAc,IAC5B,CAACF,EAAQ,MAAQG,EAAO,OAASF,EAAO,KAChD,EAEKK,QAAAL,EAASM,GAAQ,CACjBA,IAAKJ,EAAO,MAAQ,GAAA,CACzB,EAED,MAAMK,EAAOC,EAAAA,SAAS,CACpB,IAAKrB,EAAG,IACR,MAAAE,EACA,MAAOF,EAAG,MACV,SAAAgB,EACA,OAAAH,EACA,MAAAL,EACA,WAAAE,EACA,MAAOV,EAAG,KAAA,CACX,EAGDsB,OAAAA,EAAAA,UAAU,IAAM,CACdlB,EAAS,aAAagB,CAAuB,CAAA,CAC9C,EAEDG,EAAAA,YAAY,IAAM,CACPnB,EAAA,eAAegB,EAAK,GAAG,CAAA,CACjC"}