{"version":3,"file":"components-filter-index-a5ccfef6.js","sources":["../../../../../src/composables/globalRouter.ts","../../../../../src/components/layout/filter/radio/index.vue","../../../../../src/components/layout/filter/radio/hooks/index.ts","../../../../../src/components/layout/filter/radio/group.vue","../../../../../src/components/layout/filter/index.vue"],"sourcesContent":["import { isClient } from '@qcwp/utils'\r\nexport function setScrollTop(top: number, behavior: ScrollBehavior | undefined = 'auto') {\r\n  try {\r\n    isClient && window.scrollTo({ top, behavior })\r\n  }\r\n  catch (err) {\r\n    console.error('setScrollTop err', err)\r\n  }\r\n}\r\n","<script setup lang='ts'>\r\nimport type { RadioOption } from '../hooks/types'\r\nimport { NuxtLink } from '#components'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  label?: string\r\n  value?: string\r\n  options?: RadioOption[]\r\n  keyIndex?: number\r\n  currentFilterValue?: string\r\n  defaultParamValues?: string[]\r\n  generateUrl?: (keyIndex: number, value: string, parentValue?: string) => string\r\n}>(), {\r\n  label: '不限',\r\n  value: '0',\r\n  options: () => [],\r\n  keyIndex: 0,\r\n  currentFilterValue: '0',\r\n  defaultParamValues: () => ['0'],\r\n  generateUrl: () => '',\r\n})\r\n\r\nconst isActive = computed(() => {\r\n  let childrenOptionValues: string[] = []\r\n  if (props.options && props.options.length)\r\n    childrenOptionValues = props.options.map(v => String(v.value))\r\n  return props.value === props.currentFilterValue || childrenOptionValues.includes(props.currentFilterValue)\r\n})\r\n\r\nconst showChildren = ref(false)\r\nfunction showChangeHandle(show: boolean) {\r\n  showChildren.value = (props.options && props.options.length) ? show : false\r\n}\r\n</script>\r\n\r\n<template>\r\n  <n-popover\r\n    :animated=\"false\"\r\n    trigger=\"hover\"\r\n    placement=\"bottom-start\"\r\n    :width=\"150\"\r\n    :show-arrow=\"false\"\r\n    :show=\"showChildren\"\r\n    :style=\"{ '--n-padding': 0 }\"\r\n    @update:show=\"showChangeHandle\"\r\n  >\r\n    <template #trigger>\r\n      <NuxtLink\r\n        :to=\"generateUrl(props.keyIndex, props.value)\"\r\n        class=\"group radio\"\r\n        :class=\"{ radio__active: isActive }\"\r\n      >\r\n        <span>{{ props.label }}</span>\r\n        <i\r\n          v-if=\"props.options && props.options.length\"\r\n          class=\"i-bxs:down-arrow text-2 ml-1 group-hover:rotate-180 -top-0.5 relative\"\r\n        />\r\n      </NuxtLink>\r\n    </template>\r\n    <ul p-1>\r\n      <li\r\n        v-for=\"item, index in props.options\" :key=\"index\"\r\n        class=\"py-2 px-1.5 rounded-sm hover:bg-gray-100\"\r\n        :class=\"{ 'radio-child__active': currentFilterValue === item.value }\"\r\n      >\r\n        <NuxtLink :to=\"generateUrl(props.keyIndex, item.value, props.value)\" class=\"inline-block w-full h-full\">\r\n          {{ item.label }}\r\n        </NuxtLink>\r\n        <i i-carbon:checkmark class=\"absolute right-0 top-50% -translate-y-50% hidden radio-child__active-icon\" />\r\n      </li>\r\n    </ul>\r\n  </n-popover>\r\n</template>\r\n\r\n<style lang='scss' scoped>\r\n@import \"../styles.scss\";\r\n</style>\r\n","export const RADIO_GROUP = Symbol('CAR_RADIO_GROUP')\r\n","<script setup lang='ts'>\r\nimport type { RadioGroupOption } from '../hooks/types'\r\nimport Radio from './index.vue'\r\nimport { RADIO_GROUP } from './hooks'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  labelKey?: string\r\n  valueKey?: string\r\n  value?: number\r\n  options?: RadioGroupOption[] | Record<string, any>\r\n  keyIndex?: number\r\n  currentFilterValue?: string\r\n  defaultParamValues?: string[]\r\n  generateUrl?: (keyIndex: number, value: string, parentValue?: string) => string\r\n}>(), {\r\n  labelKey: 'label',\r\n  valueKey: 'value',\r\n  options: () => [],\r\n  currentFilterValue: '0',\r\n  defaultParamValues: () => ['0'],\r\n  generateUrl: () => '',\r\n})\r\nprovide<boolean>(RADIO_GROUP, true)\r\n</script>\r\n\r\n<template>\r\n  <div class=\"flex flex-wrap\">\r\n    <Radio\r\n      v-for=\"item, index in props.options\" :key=\"index\"\r\n      :label=\"item[props.labelKey]\"\r\n      :value=\"item[props.valueKey]\"\r\n      :options=\"item.children\"\r\n      :key-index=\"props.keyIndex\"\r\n      :current-filter-value=\"props.currentFilterValue\"\r\n      :default-param-values=\"props.defaultParamValues\"\r\n      :generate-url=\"props.generateUrl\"\r\n    />\r\n  </div>\r\n</template>\r\n","<script setup lang='ts'>\r\nimport { useFilterSelect, useFilterSomeFilter } from './hooks'\r\nimport type { OptionItem, RadioGroupOption } from './hooks/types'\r\nimport FilterPopup from './popup.vue'\r\nimport RadioGroup from './radio/group.vue'\r\nimport { getRouteParam } from '~~/src/common/function/url'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  optionsKey: Record<string, OptionItem>\r\n  optionFixedKeys: string[]\r\n  options: Record<string, RadioGroupOption[]>\r\n  // 路由中的拼接方式\r\n  type?: 'param' | 'query'\r\n  defaultIndexParams?: string[] // 默认参数值 eg. ['0', '0']\r\n  defaultIndexQueries?: Record<string, string>\r\n  generateUrl?: (paramIndex: number, value: string, parentValue?: string) => string\r\n  generateFilterUrl: (query?: Map<string, string>) => string\r\n  isShowSomeFilter?: boolean\r\n  fixedClass?: string\r\n  // 是否展示空的筛选项\r\n  showEmpty?: boolean\r\n}>(), {\r\n  type: 'param',\r\n  defaultIndexParams: () => [],\r\n  defaultIndexQueries: () => ({}),\r\n  options: () => ({}),\r\n  isShowSomeFilter: true,\r\n  showEmpty: true,\r\n})\r\nconst { isDesktop } = useDevice()\r\nfunction currentValue(key: string) {\r\n  if (props.type === 'param') {\r\n    const index = props.optionsKey[key].index\r\n    return getRouteParam(props.defaultIndexParams)[index]\r\n  }\r\n  else {\r\n    const k = props.optionsKey[key].key\r\n    return k ? props.defaultIndexQueries[k] : ''\r\n  }\r\n}\r\n\r\nconst {\r\n  showPopup,\r\n  currentChildOption,\r\n  currentChildKey,\r\n  selectHandle,\r\n  selectChildHandle,\r\n  checkIsActive,\r\n} = useFilterSelect(props, true)\r\nconst {\r\n  someFilterRef,\r\n  someFilterRefIsVisible,\r\n  someFilterData,\r\n} = useFilterSomeFilter(props)\r\n\r\nonMounted(() => {\r\n  if (isDesktop)\r\n    return\r\n  const els = document.getElementsByClassName('radio__active')\r\n  for (const el of els) {\r\n    // 会在页面加载完成后，滚动到指定元素\r\n    const offsetLeft = (el as HTMLElement)?.offsetLeft\r\n    offsetLeft && el.parentElement?.scrollTo({\r\n      top: 0,\r\n      left: offsetLeft - 100,\r\n    })\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <ul v-if=\"isDesktop\" class=\"hidden\" md=\"block\" px-2>\r\n      <template v-for=\"v, key in props.optionsKey\">\r\n        <li v-if=\"showEmpty || props.options[key].length\" :key=\"v.index\" class=\"item\">\r\n          <span class=\"label\">{{ v.label }}</span>\r\n          <div class=\"option\">\r\n            <RadioGroup\r\n              :label-key=\"v.labelKey\"\r\n              :value-key=\"v.valueKey\"\r\n              :options=\"props.options[key]\"\r\n              :key-index=\"v.index\"\r\n              :current-filter-value=\"currentValue(key)\"\r\n              :default-param-values=\"props.defaultIndexParams\"\r\n              :generate-url=\"generateUrl\"\r\n            />\r\n          </div>\r\n        </li>\r\n      </template>\r\n      <slot name=\"someFilter\" />\r\n    </ul>\r\n    <div v-else class=\"block\" md=\"hidden\">\r\n      <div ref=\"someFilterRef\" py-2>\r\n        <template v-for=\"item, index in someFilterData\">\r\n          <div v-if=\"showEmpty || item.data.length\" :key=\"index\" class=\"flex items-center pb-2\">\r\n            <div class=\"flex-shrink-0 px-2 text-4\">\r\n              {{ item.label }}\r\n            </div>\r\n            <ul class=\"flex-grow w-0 overflow-x-auto flex gap-2 px-2\">\r\n              <li\r\n                v-for=\"option, i in item.data\" :key=\"i\"\r\n                class=\"flex-shrink-0 inline-block px-2 py-1 bg-gray-100 rounded-sm text-3.5\"\r\n                :class=\"{ radio__active: checkIsActive(index, option.value, option.children) }\"\r\n                @click=\"selectHandle(index, option)\"\r\n              >\r\n                <span>{{ option.label }}</span>\r\n                <i v-if=\"option.children && option.children.length\" class=\"i-bxs:down-arrow text-2 ml-1 -top-0.5 relative\" />\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </template>\r\n        <slot name=\"someFilter\" />\r\n      </div>\r\n      <div\r\n        v-if=\"isShowSomeFilter && someFilterRef && !someFilterRefIsVisible\" md=\"hidden\"\r\n        class=\"fixed z-3 bg-white h-6 text-3 text-center w-full pt-1\"\r\n        :class=\"props.fixedClass ? props.fixedClass : 'top-86px'\"\r\n        @click=\"setScrollTop(0)\"\r\n      >\r\n        <span text-title-700>筛选条件</span>\r\n        <i class=\"i-bxs:down-arrow text-2 ml-1 relative -top-1px\" />\r\n      </div>\r\n      <FilterPopup\r\n        v-model:show=\"showPopup\"\r\n        :options-key=\"props.optionsKey\"\r\n        :current-child-key=\"currentChildKey\"\r\n        :check-is-active-handle=\"checkIsActive\"\r\n        :current-child-option=\"currentChildOption\"\r\n        @selectChildHandle=\"selectChildHandle\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang='scss' scoped>\r\n@import \"./styles.scss\";\r\n</style>\r\n"],"names":["setScrollTop","top","behavior","isClient","err","isActive","computed","childrenOptionValues","props","v","showChildren","ref","showChangeHandle","show","RADIO_GROUP","provide","isDesktop","useDevice","currentValue","key","index","getRouteParam","k","showPopup","currentChildOption","currentChildKey","selectHandle","selectChildHandle","checkIsActive","useFilterSelect","someFilterRef","someFilterRefIsVisible","someFilterData","useFilterSomeFilter","onMounted","els","el","offsetLeft","_a"],"mappings":"kwBACgB,SAAAA,EAAaC,EAAaC,EAAuC,OAAQ,CACnF,GAAA,CACFC,GAAY,OAAO,SAAS,CAAE,IAAAF,EAAK,SAAAC,CAAU,CAAA,QAExCE,EAAK,CACF,QAAA,MAAM,mBAAoBA,CAAG,CACvC,CACF,ohBCcAC,EAAAC,EAAA,IAAA,CACE,IAAAC,EAAA,CAAA,EACA,OAAAC,EAAA,SAAAA,EAAA,QAAA,SACED,EAAAC,EAAA,QAAA,IAAAC,GAAA,OAAAA,EAAA,KAAA,CAAA,GACFD,EAAA,QAAAA,EAAA,oBAAAD,EAAA,SAAAC,EAAA,kBAAA,CAAyG,CAAA,EAG3GE,EAAAC,EAAA,EAAA,EACA,SAAAC,EAAAC,EAAA,CACEH,EAAA,MAAAF,EAAA,SAAAA,EAAA,QAAA,OAAAK,EAAA,EAAsE,yzBC/B3DC,GAAc,OAAO,iBAAiB,qSCsBnD,OAAAC,EAAAD,GAAA,EAAA,usCCOA,CAAA,UAAAE,GAAAC,IACA,SAAAC,EAAAC,EAAA,CACE,GAAAX,EAAA,OAAA,QAAA,CACE,MAAAY,EAAAZ,EAAA,WAAAW,CAAA,EAAA,MACA,OAAAE,EAAAb,EAAA,kBAAA,EAAAY,CAAA,CAAoD,KAAA,CAGpD,MAAAE,EAAAd,EAAA,WAAAW,CAAA,EAAA,IACA,OAAAG,EAAAd,EAAA,oBAAAc,CAAA,EAAA,EAA0C,CAC5C,CAGF,KAAA,CAAM,UAAAC,EACJ,mBAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,cAAAC,CACA,EAAAC,EAAArB,EAAA,EAAA,EAEF,CAAM,cAAAsB,EACJ,uBAAAC,EACA,eAAAC,CACA,EAAAC,EAAAzB,CAAA,EAGF,OAAA0B,EAAA,IAAA,OACE,GAAAlB,EACE,OACF,MAAAmB,EAAA,SAAA,uBAAA,eAAA,EACA,UAAAC,KAAAD,EAAA,CAEE,MAAAE,EAAAD,GAAA,YAAAA,EAAA,WACAC,KAAAC,EAAAF,EAAA,gBAAA,MAAAE,EAAA,SAAA,CAAyC,IAAA,EAClC,KAAAD,EAAA,GACc,GACpB,CACH,CAAA"}