@veltra/desktop 1.1.15 → 1.1.19

package/dist/components/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","names":[],"sources":["../../../src/components/grid/grid.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" :class=\"cls.b\" ref=\"grid\">\n    <slot />\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem, removeStyles, setStyles, withUnit } from '@veltra/utils'\nimport { type CSSProperties, provide, watch, useTemplateRef, computed } from 'vue'\n\nimport type { GridProps, GridEmits, _GridExposed } from '../../types'\nimport { getBreakpointCols } from './breakpoint'\nimport { GridDIKey } from './di'\nimport { useResponsive } from './use-responsive'\n\ndefineOptions({\n  name: 'Grid'\n})\n\nconst props = withDefaults(defineProps<GridProps>(), {\n  tag: 'div'\n})\n\nconst emit = defineEmits<GridEmits>()\n\nconst cls = bem('grid')\n\nconst gridRef = useTemplateRef<HTMLElement>('grid')\n\nconst { currentBreakpoint, gridItemsProps } = useResponsive({\n  props,\n  emit,\n  gridRef\n})\n\nconst styles = computed(() => {\n  const { gap, cols } = props\n  const result: CSSProperties = {}\n\n  // 间距\n  if (typeof gap === 'number') {\n    if (gap > 0) {\n      result.rowGap = result.columnGap = gap + 'px'\n    }\n  } else if (typeof gap === 'string') {\n    const [rowGap, columnGap] = gap.split(' ')\n    result.columnGap = withUnit(columnGap || rowGap, 'px')\n    result.rowGap = withUnit(rowGap, 'px')\n  }\n\n  const breakpoint = currentBreakpoint.value\n\n  switch (typeof cols) {\n    case 'number':\n      result.gridTemplateColumns = `repeat(${cols}, minmax(0px, 1fr))`\n      break\n    case 'function':\n      if (breakpoint) {\n        result.gridTemplateColumns = `repeat(${cols(breakpoint)}, minmax(0px, 1fr))`\n      }\n      break\n    case 'object':\n      if (breakpoint) {\n        const amount = getBreakpointCols(cols, breakpoint)\n        result.gridTemplateColumns = `repeat(${amount}, minmax(0px, 1fr))`\n      }\n  }\n\n  return result\n})\n\nwatch([styles, gridRef], ([styles, dom]) => {\n  if (!dom) return\n\n  // 重置并移除样式\n  removeStyles(dom, ['gridTemplateColumns', 'columnGap', 'rowGap'])\n  setStyles(dom, styles)\n})\n\nprovide(GridDIKey, {\n  currentBreakpoint,\n  gridItemsProps\n})\n\ndefineExpose<_GridExposed>({\n  el: gridRef\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EAId,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,OAAM;EAEtB,MAAM,UAAU,eAA4B,OAAM;EAElD,MAAM,EAAE,mBAAmB,mBAAmB,cAAc;GAC1D;GACA;GACA;GACD,CAAA;AAsCD,QAAM,CApCS,eAAe;GAC5B,MAAM,EAAE,KAAK,SAAS;GACtB,MAAM,SAAwB,EAAC;AAG/B,OAAI,OAAO,QAAQ;QACb,MAAM,EACR,QAAO,SAAS,OAAO,YAAY,MAAM;cAElC,OAAO,QAAQ,UAAU;IAClC,MAAM,CAAC,QAAQ,aAAa,IAAI,MAAM,IAAG;AACzC,WAAO,YAAY,SAAS,aAAa,QAAQ,KAAI;AACrD,WAAO,SAAS,SAAS,QAAQ,KAAI;;GAGvC,MAAM,aAAa,kBAAkB;AAErC,WAAQ,OAAO,MAAf;IACE,KAAK;AACH,YAAO,sBAAsB,UAAU,KAAK;AAC5C;IACF,KAAK;AACH,SAAI,WACF,QAAO,sBAAsB,UAAU,KAAK,WAAW,CAAC;AAE1D;IACF,KAAK,SACH,KAAI,WAEF,QAAO,sBAAsB,UADd,kBAAkB,MAAM,WACA,CAAO;;AAIpD,UAAO;IAGF,EAAQ,QAAQ,GAAG,CAAC,QAAQ,SAAS;AAC1C,OAAI,CAAC,IAAK;AAGV,gBAAa,KAAK;IAAC;IAAuB;IAAa;IAAS,CAAA;AAChE,aAAU,KAAK,OAAM;IACtB;AAED,UAAQ,WAAW;GACjB;GACA;GACD,CAAA;AAED,WAA2B,EACzB,IAAI,SACL,CAAA;;uBArFC,YAEY,wBAFI,QAAA,IAAG,EAAA;IAAG,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC;IAAE,KAAI;;2BAC9B,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"grid.js","names":[],"sources":["../../../src/components/grid/grid.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" :class=\"cls.b\" ref=\"grid\">\n    <slot />\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem, removeStyles, setStyles, withUnit } from '@veltra/utils'\nimport { type CSSProperties, provide, watch, useTemplateRef, computed } from 'vue'\n\nimport type { GridProps, GridEmits, _GridExposed } from '../../types'\nimport { getBreakpointCols } from './breakpoint'\nimport { GridDIKey } from './di'\nimport { useResponsive } from './use-responsive'\n\ndefineOptions({\n  name: 'Grid'\n})\n\nconst props = withDefaults(defineProps<GridProps>(), {\n  tag: 'div'\n})\n\nconst emit = defineEmits<GridEmits>()\n\nconst cls = bem('grid')\n\nconst gridRef = useTemplateRef<HTMLElement>('grid')\n\nconst { currentBreakpoint, gridItemsProps } = useResponsive({\n  props,\n  emit,\n  gridRef\n})\n\nconst styles = computed(() => {\n  const { gap, cols } = props\n  const result: CSSProperties = {}\n\n  // 间距\n  if (typeof gap === 'number') {\n    if (gap > 0) {\n      result.rowGap = result.columnGap = gap + 'px'\n    }\n  } else if (typeof gap === 'string') {\n    const [rowGap, columnGap] = gap.split(' ')\n    result.columnGap = withUnit(columnGap || rowGap, 'px')\n    result.rowGap = withUnit(rowGap, 'px')\n  }\n\n  const breakpoint = currentBreakpoint.value\n\n  switch (typeof cols) {\n    case 'number':\n      result.gridTemplateColumns = `repeat(${cols}, minmax(0px, 1fr))`\n      break\n    case 'function':\n      if (breakpoint) {\n        result.gridTemplateColumns = `repeat(${cols(breakpoint)}, minmax(0px, 1fr))`\n      }\n      break\n    case 'object':\n      if (breakpoint) {\n        const amount = getBreakpointCols(cols, breakpoint)\n        result.gridTemplateColumns = `repeat(${amount}, minmax(0px, 1fr))`\n      }\n  }\n\n  return result\n})\n\nwatch([styles, gridRef], ([styles, dom]) => {\n  if (!dom) return\n\n  // 重置并移除样式\n  removeStyles(dom, ['gridTemplateColumns', 'columnGap', 'rowGap'])\n  setStyles(dom, styles)\n})\n\nprovide(GridDIKey, {\n  currentBreakpoint,\n  gridItemsProps\n})\n\ndefineExpose<_GridExposed>({\n  el: gridRef\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EAId,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,OAAM;EAEtB,MAAM,UAAU,eAA4B,OAAM;EAElD,MAAM,EAAE,mBAAmB,mBAAmB,cAAc;GAC1D;GACA;GACA;GACD,CAAA;EAsCD,MAAM,CApCS,eAAe;GAC5B,MAAM,EAAE,KAAK,SAAS;GACtB,MAAM,SAAwB,EAAC;GAG/B,IAAI,OAAO,QAAQ;QACb,MAAM,GACR,OAAO,SAAS,OAAO,YAAY,MAAM;UAEtC,IAAI,OAAO,QAAQ,UAAU;IAClC,MAAM,CAAC,QAAQ,aAAa,IAAI,MAAM,IAAG;IACzC,OAAO,YAAY,SAAS,aAAa,QAAQ,KAAI;IACrD,OAAO,SAAS,SAAS,QAAQ,KAAI;;GAGvC,MAAM,aAAa,kBAAkB;GAErC,QAAQ,OAAO,MAAf;IACE,KAAK;KACH,OAAO,sBAAsB,UAAU,KAAK;KAC5C;IACF,KAAK;KACH,IAAI,YACF,OAAO,sBAAsB,UAAU,KAAK,WAAU,CAAE;KAE1D;IACF,KAAK,UACH,IAAI,YAEF,OAAO,sBAAsB,UADd,kBAAkB,MAAM,WACA,CAAO;;GAIpD,OAAO;IAGF,EAAQ,QAAO,GAAI,CAAC,QAAQ,SAAS;GAC1C,IAAI,CAAC,KAAK;GAGV,aAAa,KAAK;IAAC;IAAuB;IAAa;IAAS,CAAA;GAChE,UAAU,KAAK,OAAM;IACtB;EAED,QAAQ,WAAW;GACjB;GACA;GACD,CAAA;EAED,SAA2B,EACzB,IAAI,SACL,CAAA;;uBArFC,YAEY,wBAFI,QAAA,IAAG,EAAA;IAAG,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC;IAAE,KAAI;;2BAC9B,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/grid/use-responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-responsive.js","names":[],"sources":["../../../src/components/grid/use-responsive.ts"],"sourcesContent":["import { debounce } from '@cat-kit/core'\nimport type { Undef } from '@veltra/utils'\nimport {\n  computed,\n  shallowRef,\n  watch,\n  type ShallowRef,\n  shallowReactive,\n  onBeforeUnmount,\n  type ComputedRef\n} from 'vue'\n\nimport type { Breakpoint, GridEmits, GridItemProps, GridProps } from '../../types'\nimport { getContainerBreakpoint } from './breakpoint'\n\ninterface ResponsiveOptions {\n  props: GridProps\n  emit: GridEmits\n  /** 栅格容器模板引用 */\n  gridRef: ShallowRef<HTMLElement | null>\n}\n\ninterface UseResponsiveReturned {\n  responsive: ComputedRef<boolean>\n  gridItemsProps: Set<GridItemProps>\n  currentBreakpoint: ShallowRef<Breakpoint | undefined>\n}\n\nexport function useResponsive(options: ResponsiveOptions): UseResponsiveReturned {\n  const { props, gridRef, emit } = options\n\n  const gridItemsProps = shallowReactive<Set<GridItemProps>>(new Set())\n\n  const responsive = computed(() => {\n    return (props.cols && typeof props.cols !== 'number') || !!gridItemsProps.size\n  })\n\n  const currentBreakpoint = shallowRef<Breakpoint>()\n\n  let observer: Undef<ResizeObserver>\n\n  watch(\n    [responsive, gridRef],\n    ([responsive, dom]) => {\n      if (!dom) return\n\n      observer?.unobserve(dom)\n      observer?.disconnect()\n      observer = undefined\n\n      if (!responsive) {\n        currentBreakpoint.value = undefined\n        return\n      }\n\n      observer = new ResizeObserver(\n        debounce(([entry]) => {\n          const target = entry!.target as HTMLElement\n          const rect = target.getBoundingClientRect()\n          emit('resize', rect)\n          const breakpoint = getContainerBreakpoint(target.offsetWidth)\n          const prev = currentBreakpoint.value\n          if (\n            prev !== undefined &&\n            prev.name === breakpoint.name &&\n            prev.level === breakpoint.level\n          ) {\n            return\n          }\n          currentBreakpoint.value = breakpoint\n          emit('breakpoint-change', breakpoint)\n        }, 0)\n      )\n      observer.observe(dom)\n    },\n    { immediate: true }\n  )\n\n  onBeforeUnmount(() => {\n    gridRef.value && observer?.unobserve(gridRef.value)\n    observer?.disconnect()\n  })\n\n  return { responsive, gridItemsProps, currentBreakpoint }\n}\n"],"mappings":";;;;AA4BA,SAAgB,cAAc,SAAmD;CAC/E,MAAM,EAAE,OAAO,SAAS,SAAS;CAEjC,MAAM,iBAAiB,gCAAoC,IAAI,KAAK,CAAC;CAErE,MAAM,aAAa,eAAe;AAChC,SAAQ,MAAM,QAAQ,OAAO,MAAM,SAAS,YAAa,CAAC,CAAC,eAAe;GAC1E;CAEF,MAAM,oBAAoB,YAAwB;CAElD,IAAI;AAEJ,OACE,CAAC,YAAY,QAAQ,GACpB,CAAC,YAAY,SAAS;AACrB,MAAI,CAAC,IAAK;AAEV,YAAU,UAAU,IAAI;AACxB,YAAU,YAAY;AACtB,aAAW,KAAA;AAEX,MAAI,CAAC,YAAY;AACf,qBAAkB,QAAQ,KAAA;AAC1B;;AAGF,aAAW,IAAI,eACb,UAAU,CAAC,WAAW;GACpB,MAAM,SAAS,MAAO;AAEtB,QAAK,UADQ,OAAO,uBACD,CAAC;GACpB,MAAM,aAAa,uBAAuB,OAAO,YAAY;GAC7D,MAAM,OAAO,kBAAkB;AAC/B,OACE,SAAS,KAAA,KACT,KAAK,SAAS,WAAW,QACzB,KAAK,UAAU,WAAW,MAE1B;AAEF,qBAAkB,QAAQ;AAC1B,QAAK,qBAAqB,WAAW;KACpC,EAAE,CACN;AACD,WAAS,QAAQ,IAAI;IAEvB,EAAE,WAAW,MAAM,CACpB;AAED,uBAAsB;AACpB,UAAQ,SAAS,UAAU,UAAU,QAAQ,MAAM;AACnD,YAAU,YAAY;GACtB;AAEF,QAAO;EAAE;EAAY;EAAgB;EAAmB"}
+{"version":3,"file":"use-responsive.js","names":[],"sources":["../../../src/components/grid/use-responsive.ts"],"sourcesContent":["import { debounce } from '@cat-kit/core'\nimport type { Undef } from '@veltra/utils'\nimport {\n  computed,\n  shallowRef,\n  watch,\n  type ShallowRef,\n  shallowReactive,\n  onBeforeUnmount,\n  type ComputedRef\n} from 'vue'\n\nimport type { Breakpoint, GridEmits, GridItemProps, GridProps } from '../../types'\nimport { getContainerBreakpoint } from './breakpoint'\n\ninterface ResponsiveOptions {\n  props: GridProps\n  emit: GridEmits\n  /** 栅格容器模板引用 */\n  gridRef: ShallowRef<HTMLElement | null>\n}\n\ninterface UseResponsiveReturned {\n  responsive: ComputedRef<boolean>\n  gridItemsProps: Set<GridItemProps>\n  currentBreakpoint: ShallowRef<Breakpoint | undefined>\n}\n\nexport function useResponsive(options: ResponsiveOptions): UseResponsiveReturned {\n  const { props, gridRef, emit } = options\n\n  const gridItemsProps = shallowReactive<Set<GridItemProps>>(new Set())\n\n  const responsive = computed(() => {\n    return (props.cols && typeof props.cols !== 'number') || !!gridItemsProps.size\n  })\n\n  const currentBreakpoint = shallowRef<Breakpoint>()\n\n  let observer: Undef<ResizeObserver>\n\n  watch(\n    [responsive, gridRef],\n    ([responsive, dom]) => {\n      if (!dom) return\n\n      observer?.unobserve(dom)\n      observer?.disconnect()\n      observer = undefined\n\n      if (!responsive) {\n        currentBreakpoint.value = undefined\n        return\n      }\n\n      observer = new ResizeObserver(\n        debounce(([entry]) => {\n          const target = entry!.target as HTMLElement\n          const rect = target.getBoundingClientRect()\n          emit('resize', rect)\n          const breakpoint = getContainerBreakpoint(target.offsetWidth)\n          const prev = currentBreakpoint.value\n          if (\n            prev !== undefined &&\n            prev.name === breakpoint.name &&\n            prev.level === breakpoint.level\n          ) {\n            return\n          }\n          currentBreakpoint.value = breakpoint\n          emit('breakpoint-change', breakpoint)\n        }, 0)\n      )\n      observer.observe(dom)\n    },\n    { immediate: true }\n  )\n\n  onBeforeUnmount(() => {\n    gridRef.value && observer?.unobserve(gridRef.value)\n    observer?.disconnect()\n  })\n\n  return { responsive, gridItemsProps, currentBreakpoint }\n}\n"],"mappings":";;;;AA4BA,SAAgB,cAAc,SAAmD;CAC/E,MAAM,EAAE,OAAO,SAAS,SAAS;CAEjC,MAAM,iBAAiB,gCAAoC,IAAI,KAAK,CAAC;CAErE,MAAM,aAAa,eAAe;EAChC,OAAQ,MAAM,QAAQ,OAAO,MAAM,SAAS,YAAa,CAAC,CAAC,eAAe;GAC1E;CAEF,MAAM,oBAAoB,YAAwB;CAElD,IAAI;CAEJ,MACE,CAAC,YAAY,QAAQ,GACpB,CAAC,YAAY,SAAS;EACrB,IAAI,CAAC,KAAK;EAEV,UAAU,UAAU,IAAI;EACxB,UAAU,YAAY;EACtB,WAAW,KAAA;EAEX,IAAI,CAAC,YAAY;GACf,kBAAkB,QAAQ,KAAA;GAC1B;;EAGF,WAAW,IAAI,eACb,UAAU,CAAC,WAAW;GACpB,MAAM,SAAS,MAAO;GAEtB,KAAK,UADQ,OAAO,uBACD,CAAC;GACpB,MAAM,aAAa,uBAAuB,OAAO,YAAY;GAC7D,MAAM,OAAO,kBAAkB;GAC/B,IACE,SAAS,KAAA,KACT,KAAK,SAAS,WAAW,QACzB,KAAK,UAAU,WAAW,OAE1B;GAEF,kBAAkB,QAAQ;GAC1B,KAAK,qBAAqB,WAAW;KACpC,EAAE,CACN;EACD,SAAS,QAAQ,IAAI;IAEvB,EAAE,WAAW,MAAM,CACpB;CAED,sBAAsB;EACpB,QAAQ,SAAS,UAAU,UAAU,QAAQ,MAAM;EACnD,UAAU,YAAY;GACtB;CAEF,OAAO;EAAE;EAAY;EAAgB;EAAmB"}

package/dist/components/grid-input/grid-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-input.js","names":[],"sources":["../../../src/components/grid-input/grid-input.vue"],"sourcesContent":["<template>\n  <ul :class=\"[cls.b, cls.m(size)]\">\n    <li\n      v-for=\"(_, index) in length\"\n      :key=\"index\"\n      tabindex=\"0\"\n      @keydown=\"onKeydown($event, valueArray[index]!, index)\"\n      @focus=\"focus(index)\"\n      @blur=\"index === position && (blur = true)\"\n      ref=\"items\"\n      :class=\"[cls.e('item'), bem.is('focus', index === position && !blur)]\"\n    >\n      <span :class=\"cls.em('item', 'text')\" v-if=\"valueArray[index]\">\n        {{ valueArray[index] }}\n      </span>\n\n      <span :class=\"cls.em('item', 'cursor')\" v-else-if=\"index === position\"></span>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { computed, ref, getCurrentInstance } from 'vue'\n\nimport type { GridInputProps, GridInputEmits, GridInputExposed } from '../../types'\n\ndefineOptions({\n  name: 'GridInput'\n})\n\nconst emit = defineEmits<GridInputEmits>()\n\nconst props = withDefaults(defineProps<GridInputProps>(), {\n  length: 6,\n  zero: false,\n  separator: '-'\n})\n\nconst { size } = useFallbackProps([props], {\n  size: 'default'\n})\n\nconst cls = bem('grid-input')\n\nconst _numberReg = computed(() => (props.zero ? /^[0-9]$/ : /^[1-9]$/))\n\nconst valueArray = ref<string[]>([])\n\nconst position = ref<number>(-1)\n\nconst blur = ref<boolean>(false)\n\nconst instance = getCurrentInstance()\n\nconst focus = async (index?: number) => {\n  if (index === undefined) {\n    focus(position.value)\n    return\n  }\n  if (index !== 0 && index > valueArray.value.length) {\n    index = valueArray.value.length\n  }\n  position.value = index\n  const items = (instance?.refs as { items?: unknown })?.items as any\n  let dom = items?.[index]\n  dom?.focus()\n  blur.value = false\n}\n\nconst changeValue = (value: string, index: number) => {\n  if (position.value === props.length) return\n  const currentValue = valueArray.value[index]\n\n  if (currentValue) {\n    valueArray.value.splice(index, 1, value)\n  } else if (index === valueArray.value.length) {\n    valueArray.value.push(value)\n  } else {\n    return\n  }\n  position.value++\n  focus()\n\n  emit('input', valueArray.value.filter((v) => v).join(props.separator))\n}\n\nconst baseOperation = {\n  Backspace: (value: string, index: number) => {\n    if (value) {\n      valueArray.value.splice(index, 1)\n    } else if (index - 1 >= 0) {\n      valueArray.value.splice(index - 1, 1)\n    }\n    if (index !== 0) {\n      focus(index - 1)\n    }\n    emit('input', valueArray.value.filter((v) => v).join(props.separator))\n  },\n  ArrowLeft: (value: string, index: number) => {\n    if (index === 0) return\n    focus(index - 1)\n  },\n  ArrowRight: (value: string, index: number) => {\n    if (index === valueArray.value.length) return\n    focus(index + 1)\n  }\n}\n\nconst onKeydown = (e: any, value: string, index: number) => {\n  if (_numberReg.value.test(e.key)) {\n    changeValue(e.key, index)\n    return\n  }\n  baseOperation[e.key](value, index)\n}\n\nconst clear = () => {\n  while (valueArray.value.length) {\n    valueArray.value.pop()\n  }\n}\n\ndefineExpose<GridInputExposed>({ clear })\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAgCA,MAAM,OAAO;EAEb,MAAM,QAAQ;EAMd,MAAM,EAAE,SAAS,iBAAiB,CAAC,MAAM,EAAE,EACzC,MAAM,WACP,CAAA;EAED,MAAM,MAAM,IAAI,aAAY;EAE5B,MAAM,aAAa,eAAgB,MAAM,OAAO,YAAY,UAAU;EAEtE,MAAM,aAAa,IAAc,EAAE,CAAA;EAEnC,MAAM,WAAW,IAAY,GAAE;EAE/B,MAAM,OAAO,IAAa,MAAK;EAE/B,MAAM,WAAW,oBAAmB;EAEpC,MAAM,QAAQ,OAAO,UAAmB;AACtC,OAAI,UAAU,KAAA,GAAW;AACvB,UAAM,SAAS,MAAK;AACpB;;AAEF,OAAI,UAAU,KAAK,QAAQ,WAAW,MAAM,OAC1C,SAAQ,WAAW,MAAM;AAE3B,YAAS,QAAQ;AAGjB,MAFe,UAAU,OAA8B,SACrC,SACb,OAAM;AACX,QAAK,QAAQ;;EAGf,MAAM,eAAe,OAAe,UAAkB;AACpD,OAAI,SAAS,UAAU,MAAM,OAAQ;AAGrC,OAFqB,WAAW,MAAM,OAGpC,YAAW,MAAM,OAAO,OAAO,GAAG,MAAK;YAC9B,UAAU,WAAW,MAAM,OACpC,YAAW,MAAM,KAAK,MAAK;OAE3B;AAEF,YAAS;AACT,UAAM;AAEN,QAAK,SAAS,WAAW,MAAM,QAAQ,MAAM,EAAE,CAAC,KAAK,MAAM,UAAU,CAAA;;EAGvE,MAAM,gBAAgB;GACpB,YAAY,OAAe,UAAkB;AAC3C,QAAI,MACF,YAAW,MAAM,OAAO,OAAO,EAAC;aACvB,QAAQ,KAAK,EACtB,YAAW,MAAM,OAAO,QAAQ,GAAG,EAAC;AAEtC,QAAI,UAAU,EACZ,OAAM,QAAQ,EAAC;AAEjB,SAAK,SAAS,WAAW,MAAM,QAAQ,MAAM,EAAE,CAAC,KAAK,MAAM,UAAU,CAAA;;GAEvE,YAAY,OAAe,UAAkB;AAC3C,QAAI,UAAU,EAAG;AACjB,UAAM,QAAQ,EAAC;;GAEjB,aAAa,OAAe,UAAkB;AAC5C,QAAI,UAAU,WAAW,MAAM,OAAQ;AACvC,UAAM,QAAQ,EAAC;;GAEnB;EAEA,MAAM,aAAa,GAAQ,OAAe,UAAkB;AAC1D,OAAI,WAAW,MAAM,KAAK,EAAE,IAAI,EAAE;AAChC,gBAAY,EAAE,KAAK,MAAK;AACxB;;AAEF,iBAAc,EAAE,KAAK,OAAO,MAAK;;EAGnC,MAAM,cAAc;AAClB,UAAO,WAAW,MAAM,OACtB,YAAW,MAAM,KAAI;;AAIzB,WAA+B,EAAE,OAAO,CAAA;;uBA3HtC,mBAiBK,MAAA,EAjBA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,GAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EAC5B,mBAeK,UAAA,MAAA,WAdkB,QAAA,SAAb,GAAG,UAAK;wBADlB,mBAeK,MAAA;KAbF,KAAK;KACN,UAAS;KACR,YAAO,WAAE,UAAU,QAAQ,WAAA,MAAW,QAAS,MAAK;KACpD,UAAK,WAAE,MAAM,MAAK;KAClB,SAAI,WAAE,UAAU,SAAA,UAAa,KAAA,QAAI;;KAClC,KAAI;KACH,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,EAAC,OAAA,EAAU,MAAA,IAAG,CAAC,GAAE,SAAU,UAAU,SAAA,SAAQ,CAAK,KAAA,MAAI,CAAA,CAAA;QAEvB,WAAA,MAAW,UAAA,WAAA,EAAvD,mBAEO,QAAA;;KAFA,OAAK,eAAE,MAAA,IAAG,CAAC,GAAE,QAAA,OAAA,CAAA;uBACf,WAAA,MAAW,OAAK,EAAA,EAAA,IAG8B,UAAU,SAAA,SAAA,WAAA,EAA7D,mBAA8E,QAAA;;KAAvE,OAAK,eAAE,MAAA,IAAG,CAAC,GAAE,QAAA,SAAA,CAAA"}
+{"version":3,"file":"grid-input.js","names":[],"sources":["../../../src/components/grid-input/grid-input.vue"],"sourcesContent":["<template>\n  <ul :class=\"[cls.b, cls.m(size)]\">\n    <li\n      v-for=\"(_, index) in length\"\n      :key=\"index\"\n      tabindex=\"0\"\n      @keydown=\"onKeydown($event, valueArray[index]!, index)\"\n      @focus=\"focus(index)\"\n      @blur=\"index === position && (blur = true)\"\n      ref=\"items\"\n      :class=\"[cls.e('item'), bem.is('focus', index === position && !blur)]\"\n    >\n      <span :class=\"cls.em('item', 'text')\" v-if=\"valueArray[index]\">\n        {{ valueArray[index] }}\n      </span>\n\n      <span :class=\"cls.em('item', 'cursor')\" v-else-if=\"index === position\"></span>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { computed, ref, getCurrentInstance } from 'vue'\n\nimport type { GridInputProps, GridInputEmits, GridInputExposed } from '../../types'\n\ndefineOptions({\n  name: 'GridInput'\n})\n\nconst emit = defineEmits<GridInputEmits>()\n\nconst props = withDefaults(defineProps<GridInputProps>(), {\n  length: 6,\n  zero: false,\n  separator: '-'\n})\n\nconst { size } = useFallbackProps([props], {\n  size: 'default'\n})\n\nconst cls = bem('grid-input')\n\nconst _numberReg = computed(() => (props.zero ? /^[0-9]$/ : /^[1-9]$/))\n\nconst valueArray = ref<string[]>([])\n\nconst position = ref<number>(-1)\n\nconst blur = ref<boolean>(false)\n\nconst instance = getCurrentInstance()\n\nconst focus = async (index?: number) => {\n  if (index === undefined) {\n    focus(position.value)\n    return\n  }\n  if (index !== 0 && index > valueArray.value.length) {\n    index = valueArray.value.length\n  }\n  position.value = index\n  const items = (instance?.refs as { items?: unknown })?.items as any\n  let dom = items?.[index]\n  dom?.focus()\n  blur.value = false\n}\n\nconst changeValue = (value: string, index: number) => {\n  if (position.value === props.length) return\n  const currentValue = valueArray.value[index]\n\n  if (currentValue) {\n    valueArray.value.splice(index, 1, value)\n  } else if (index === valueArray.value.length) {\n    valueArray.value.push(value)\n  } else {\n    return\n  }\n  position.value++\n  focus()\n\n  emit('input', valueArray.value.filter((v) => v).join(props.separator))\n}\n\nconst baseOperation = {\n  Backspace: (value: string, index: number) => {\n    if (value) {\n      valueArray.value.splice(index, 1)\n    } else if (index - 1 >= 0) {\n      valueArray.value.splice(index - 1, 1)\n    }\n    if (index !== 0) {\n      focus(index - 1)\n    }\n    emit('input', valueArray.value.filter((v) => v).join(props.separator))\n  },\n  ArrowLeft: (value: string, index: number) => {\n    if (index === 0) return\n    focus(index - 1)\n  },\n  ArrowRight: (value: string, index: number) => {\n    if (index === valueArray.value.length) return\n    focus(index + 1)\n  }\n}\n\nconst onKeydown = (e: any, value: string, index: number) => {\n  if (_numberReg.value.test(e.key)) {\n    changeValue(e.key, index)\n    return\n  }\n  baseOperation[e.key](value, index)\n}\n\nconst clear = () => {\n  while (valueArray.value.length) {\n    valueArray.value.pop()\n  }\n}\n\ndefineExpose<GridInputExposed>({ clear })\n</script>\n"],"mappings":"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"}

package/dist/components/group-input/group-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"group-input.js","names":[],"sources":["../../../src/components/group-input/group-input.vue"],"sourcesContent":["<template>\n  <ul :class=\"[cls.b, cls.m(size)]\" v-if=\"!readonly\">\n    <li v-if=\"isEmpty && creatable\">\n      <u-button style=\"width: 100%\" :icon=\"Plus\" @click=\"handleAdd(0)\" :size=\"size\">\n        新增\n      </u-button>\n    </li>\n    <li v-for=\"(item, index) of items\" :key=\"item.id\" :class=\"cls.e('item')\" :style=\"itemStyle\">\n      <slot v-bind=\"{ item: item.data, index }\" />\n      <span :class=\"cls.e('actions')\">\n        <u-button\n          :icon=\"Minus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          @click=\"handleRemove(index)\"\n        />\n        <u-button\n          :icon=\"Plus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          type=\"primary\"\n          @click=\"handleAdd(index)\"\n        />\n      </span>\n    </li>\n  </ul>\n\n  <template v-else-if=\"items?.length\">\n    <ul :class=\"[cls.b, cls.m(size)]\">\n      <li v-for=\"item of items\" :key=\"item.id\" :class=\"cls.e('item')\">\n        <span v-for=\"v in item.data\">{{ v }}</span>\n      </li>\n    </ul>\n  </template>\n\n  <template v-else>\n    {{ FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup generic=\"GroupItem extends Record<string, any>\">\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { Minus, Plus } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { GroupInputEmits, GroupInputProps } from '../../types'\nimport { UButton } from '../button'\nimport { useGroupItems } from './use-group-items'\n\ndefineOptions({\n  name: 'GroupInput'\n})\n\nconst props = withDefaults(defineProps<GroupInputProps<GroupItem>>(), {\n  modelValue: () => [],\n  disabled: undefined,\n  readonly: undefined,\n  creatable: true\n})\n\nconst emit = defineEmits<GroupInputEmits>()\n\nconst cls = bem('group-input')\n\nconst { formProps } = injectFormContext()\nconst { disabled, size, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst { items, createItem, runByEvent } = useGroupItems({\n  props,\n  emit\n})\n\nconst isEmpty = computed(() => {\n  return !items.value.length\n})\n\nfunction handleAdd(index: number) {\n  runByEvent(() => {\n    items.value = [\n      ...items.value.slice(0, index + 1),\n      createItem({}),\n      ...items.value.slice(index + 1)\n    ]\n  })\n}\n\nfunction handleRemove(index: number) {\n  runByEvent(() => {\n    items.value = [...items.value.slice(0, index), ...items.value.slice(index + 1)]\n  })\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"group-input.js","names":[],"sources":["../../../src/components/group-input/group-input.vue"],"sourcesContent":["<template>\n  <ul :class=\"[cls.b, cls.m(size)]\" v-if=\"!readonly\">\n    <li v-if=\"isEmpty && creatable\">\n      <u-button style=\"width: 100%\" :icon=\"Plus\" @click=\"handleAdd(0)\" :size=\"size\">\n        新增\n      </u-button>\n    </li>\n    <li v-for=\"(item, index) of items\" :key=\"item.id\" :class=\"cls.e('item')\" :style=\"itemStyle\">\n      <slot v-bind=\"{ item: item.data, index }\" />\n      <span :class=\"cls.e('actions')\">\n        <u-button\n          :icon=\"Minus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          @click=\"handleRemove(index)\"\n        />\n        <u-button\n          :icon=\"Plus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          type=\"primary\"\n          @click=\"handleAdd(index)\"\n        />\n      </span>\n    </li>\n  </ul>\n\n  <template v-else-if=\"items?.length\">\n    <ul :class=\"[cls.b, cls.m(size)]\">\n      <li v-for=\"item of items\" :key=\"item.id\" :class=\"cls.e('item')\">\n        <span v-for=\"v in item.data\">{{ v }}</span>\n      </li>\n    </ul>\n  </template>\n\n  <template v-else>\n    {{ FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup generic=\"GroupItem extends Record<string, any>\">\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { Minus, Plus } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { GroupInputEmits, GroupInputProps } from '../../types'\nimport { UButton } from '../button'\nimport { useGroupItems } from './use-group-items'\n\ndefineOptions({\n  name: 'GroupInput'\n})\n\nconst props = withDefaults(defineProps<GroupInputProps<GroupItem>>(), {\n  modelValue: () => [],\n  disabled: undefined,\n  readonly: undefined,\n  creatable: true\n})\n\nconst emit = defineEmits<GroupInputEmits>()\n\nconst cls = bem('group-input')\n\nconst { formProps } = injectFormContext()\nconst { disabled, size, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst { items, createItem, runByEvent } = useGroupItems({\n  props,\n  emit\n})\n\nconst isEmpty = computed(() => {\n  return !items.value.length\n})\n\nfunction handleAdd(index: number) {\n  runByEvent(() => {\n    items.value = [\n      ...items.value.slice(0, index + 1),\n      createItem({}),\n      ...items.value.slice(index + 1)\n    ]\n  })\n}\n\nfunction handleRemove(index: number) {\n  runByEvent(() => {\n    items.value = [...items.value.slice(0, index), ...items.value.slice(index + 1)]\n  })\n}\n</script>\n"],"mappings":"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"}

package/dist/components/group-input/use-group-items.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-group-items.js","names":[],"sources":["../../../src/components/group-input/use-group-items.ts"],"sourcesContent":["import { createIncrease } from '@veltra/utils'\nimport { isReactive, nextTick, shallowReactive, shallowRef, watch, type ShallowRef } from 'vue'\n\nimport type { GroupInputEmits, GroupInputProps } from '../../types'\n\ninterface Options {\n  props: GroupInputProps\n  emit: GroupInputEmits\n}\n\ninterface UseGroupItemsReturned {\n  items: ShallowRef<{ id: number; data: Record<string, any> }[]>\n  createItem: (data: Record<string, any>) => { id: number; data: Record<string, any> }\n  runByEvent: (cb: () => void) => void\n}\n\nexport function useGroupItems(options: Options): UseGroupItemsReturned {\n  const { props, emit } = options\n\n  const id = createIncrease(1)\n\n  const items = shallowRef<{ id: number; data: Record<string, any> }[]>([])\n\n  function createItem(data: Record<string, any>) {\n    return { data: isReactive(data) ? data : shallowReactive(data), id: id() }\n  }\n\n  let changedByEvent = false\n  let changedByModelValue = false\n  function runByEvent(cb: () => void) {\n    changedByEvent = true\n    cb()\n    nextTick(() => {\n      changedByEvent = false\n    })\n  }\n\n  watch(\n    () => props.modelValue,\n    (modelValue) => {\n      if (changedByEvent) return\n      changedByModelValue = true\n      items.value = modelValue?.map(createItem) ?? []\n      nextTick(() => {\n        changedByModelValue = false\n      })\n    },\n    { immediate: true }\n  )\n\n  watch(items, (items) => {\n    if (changedByModelValue) return\n    emit(\n      'update:modelValue',\n      items.map((item) => item.data)\n    )\n  })\n\n  return { items, createItem, runByEvent }\n}\n"],"mappings":";;;AAgBA,SAAgB,cAAc,SAAyC;CACrE,MAAM,EAAE,OAAO,SAAS;CAExB,MAAM,KAAK,eAAe,EAAE;CAE5B,MAAM,QAAQ,WAAwD,EAAE,CAAC;CAEzE,SAAS,WAAW,MAA2B;AAC7C,SAAO;GAAE,MAAM,WAAW,KAAK,GAAG,OAAO,gBAAgB,KAAK;GAAE,IAAI,IAAI;GAAE;;CAG5E,IAAI,iBAAiB;CACrB,IAAI,sBAAsB;CAC1B,SAAS,WAAW,IAAgB;AAClC,mBAAiB;AACjB,MAAI;AACJ,iBAAe;AACb,oBAAiB;IACjB;;AAGJ,aACQ,MAAM,aACX,eAAe;AACd,MAAI,eAAgB;AACpB,wBAAsB;AACtB,QAAM,QAAQ,YAAY,IAAI,WAAW,IAAI,EAAE;AAC/C,iBAAe;AACb,yBAAsB;IACtB;IAEJ,EAAE,WAAW,MAAM,CACpB;AAED,OAAM,QAAQ,UAAU;AACtB,MAAI,oBAAqB;AACzB,OACE,qBACA,MAAM,KAAK,SAAS,KAAK,KAAK,CAC/B;GACD;AAEF,QAAO;EAAE;EAAO;EAAY;EAAY"}
+{"version":3,"file":"use-group-items.js","names":[],"sources":["../../../src/components/group-input/use-group-items.ts"],"sourcesContent":["import { createIncrease } from '@veltra/utils'\nimport { isReactive, nextTick, shallowReactive, shallowRef, watch, type ShallowRef } from 'vue'\n\nimport type { GroupInputEmits, GroupInputProps } from '../../types'\n\ninterface Options {\n  props: GroupInputProps\n  emit: GroupInputEmits\n}\n\ninterface UseGroupItemsReturned {\n  items: ShallowRef<{ id: number; data: Record<string, any> }[]>\n  createItem: (data: Record<string, any>) => { id: number; data: Record<string, any> }\n  runByEvent: (cb: () => void) => void\n}\n\nexport function useGroupItems(options: Options): UseGroupItemsReturned {\n  const { props, emit } = options\n\n  const id = createIncrease(1)\n\n  const items = shallowRef<{ id: number; data: Record<string, any> }[]>([])\n\n  function createItem(data: Record<string, any>) {\n    return { data: isReactive(data) ? data : shallowReactive(data), id: id() }\n  }\n\n  let changedByEvent = false\n  let changedByModelValue = false\n  function runByEvent(cb: () => void) {\n    changedByEvent = true\n    cb()\n    nextTick(() => {\n      changedByEvent = false\n    })\n  }\n\n  watch(\n    () => props.modelValue,\n    (modelValue) => {\n      if (changedByEvent) return\n      changedByModelValue = true\n      items.value = modelValue?.map(createItem) ?? []\n      nextTick(() => {\n        changedByModelValue = false\n      })\n    },\n    { immediate: true }\n  )\n\n  watch(items, (items) => {\n    if (changedByModelValue) return\n    emit(\n      'update:modelValue',\n      items.map((item) => item.data)\n    )\n  })\n\n  return { items, createItem, runByEvent }\n}\n"],"mappings":";;;AAgBA,SAAgB,cAAc,SAAyC;CACrE,MAAM,EAAE,OAAO,SAAS;CAExB,MAAM,KAAK,eAAe,EAAE;CAE5B,MAAM,QAAQ,WAAwD,EAAE,CAAC;CAEzE,SAAS,WAAW,MAA2B;EAC7C,OAAO;GAAE,MAAM,WAAW,KAAK,GAAG,OAAO,gBAAgB,KAAK;GAAE,IAAI,IAAI;GAAE;;CAG5E,IAAI,iBAAiB;CACrB,IAAI,sBAAsB;CAC1B,SAAS,WAAW,IAAgB;EAClC,iBAAiB;EACjB,IAAI;EACJ,eAAe;GACb,iBAAiB;IACjB;;CAGJ,YACQ,MAAM,aACX,eAAe;EACd,IAAI,gBAAgB;EACpB,sBAAsB;EACtB,MAAM,QAAQ,YAAY,IAAI,WAAW,IAAI,EAAE;EAC/C,eAAe;GACb,sBAAsB;IACtB;IAEJ,EAAE,WAAW,MAAM,CACpB;CAED,MAAM,QAAQ,UAAU;EACtB,IAAI,qBAAqB;EACzB,KACE,qBACA,MAAM,KAAK,SAAS,KAAK,KAAK,CAC/B;GACD;CAEF,OAAO;EAAE;EAAO;EAAY;EAAY"}

package/dist/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","names":[],"sources":["../../../src/components/icon/icon.vue"],"sourcesContent":["<template>\n  <i :class=\"cls.b\" :style=\"style\">\n    <slot></slot>\n  </i>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem, withUnit } from '@veltra/utils'\nimport { type CSSProperties, computed } from 'vue'\n\nimport type { IconProps } from '../../types'\n\ndefineOptions({\n  name: 'Icon'\n})\n\nconst props = defineProps<IconProps>()\n\nconst cls = bem('icon')\n\nconst style = computed<CSSProperties>(() => {\n  return {\n    fontSize: withUnit(props.size, 'px')\n  }\n})\n</script>\n"],"mappings":";;;;;;;;EAgBA,MAAM,QAAQ;EAEd,MAAM,MAAM,IAAI,OAAM;EAEtB,MAAM,QAAQ,eAA8B;AAC1C,UAAO,EACL,UAAU,SAAS,MAAM,MAAM,KAAI,EACrC;IACD;;uBAvBC,mBAEI,KAAA;IAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC;IAAG,OAAK,eAAE,MAAA,MAAK;OAC7B,WAAa,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"icon.js","names":[],"sources":["../../../src/components/icon/icon.vue"],"sourcesContent":["<template>\n  <i :class=\"cls.b\" :style=\"style\">\n    <slot></slot>\n  </i>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem, withUnit } from '@veltra/utils'\nimport { type CSSProperties, computed } from 'vue'\n\nimport type { IconProps } from '../../types'\n\ndefineOptions({\n  name: 'Icon'\n})\n\nconst props = defineProps<IconProps>()\n\nconst cls = bem('icon')\n\nconst style = computed<CSSProperties>(() => {\n  return {\n    fontSize: withUnit(props.size, 'px')\n  }\n})\n</script>\n"],"mappings":";;;;;;;;EAgBA,MAAM,QAAQ;EAEd,MAAM,MAAM,IAAI,OAAM;EAEtB,MAAM,QAAQ,eAA8B;GAC1C,OAAO,EACL,UAAU,SAAS,MAAM,MAAM,KAAI,EACrC;IACD;;uBAvBC,mBAEI,KAAA;IAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC;IAAG,OAAK,eAAE,MAAA,MAAK;OAC7B,WAAa,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 import { _default } from "./condition-editor/condition-editor.vue.js";
+import { EvaluateOptions, createEmptyGroup, createEmptyLeaf, evaluate } from "./condition-editor/core/evaluator.js";
 import { _default as _default$1 } from "./tabs/tabs.vue.js";
 import { _default as _default$2 } from "./tabs/tabs-horizontal.vue.js";
 import { _default as _default$3 } from "./tabs/tabs-vertical.vue.js";

package/dist/components/index.js

@@ -4,6 +4,7 @@ import _sfc_main$1 from "./empty/empty.js";
 import _sfc_main$2 from "./scroll/scroll.js";
 import NodeRender from "./node-render/node-render.js";
 import _sfc_main$3 from "./tip/tip.js";
+import { createEmptyGroup, createEmptyLeaf, evaluate } from "./condition-editor/core/evaluator.js";
 import _sfc_main$4 from "./dropdown/dropdown.js";
 import input_default from "./input/input.js";
 import _sfc_main$5 from "./select/select.js";
@@ -192,8 +193,11 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	UTreeSelect: () => _sfc_main$12,
 	UWatermark: () => _sfc_main$54,
 	contextmenu: () => contextmenu,
+	createEmptyGroup: () => createEmptyGroup,
+	createEmptyLeaf: () => createEmptyLeaf,
 	defineBatchEditColumns: () => defineBatchEditColumns,
 	defineTableColumns: () => defineTableColumns,
+	evaluateConditionExpression: () => evaluate,
 	formField: () => formField,
 	message: () => message,
 	vLoading: () => vLoading

package/dist/components/input/input.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/input/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"inputClass\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    v-if=\"!readonly\"\n  >\n    <span v-if=\"$slots.prefix || prefix\" :class=\"prefixClass\" @click=\"handlePrefixClick\">\n      {{ prefix }}\n      <slot name=\"prefix\"></slot>\n    </span>\n\n    <input\n      :class=\"cls.e('native')\"\n      :placeholder=\"props.placeholder\"\n      type=\"text\"\n      :value=\"model\"\n      @input=\"handleInput\"\n      @change=\"handleChange\"\n      @focus=\"handleFocus\"\n      @blur=\"handleBlur\"\n      @compositionstart=\"handleCompositionStart\"\n      @compositionend=\"handleCompositionEnd\"\n      autocomplete=\"off\"\n      ref=\"el\"\n      :disabled=\"disabled\"\n      :readonly=\"nativeReadonly\"\n    />\n\n    <span :class=\"suffixClass\" v-if=\"hasSuffix\">\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"showClear\"\n          :class=\"cls.e('clear')\"\n          title=\"清除\"\n          @click.stop=\"clearModelValue\"\n          key=\"clear\"\n        >\n          <Close />\n        </UIcon>\n\n        <span v-else :class=\"cls.e('suffix-content')\" @click=\"handleSuffixClick\" key=\"suffix\">\n          {{ suffix }}\n          <slot name=\"suffix\"></slot>\n        </span>\n      </Transition>\n    </span>\n  </div>\n\n  <template v-else>\n    {{ generateModel || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useFocus, useFormFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'\n\nimport type { InputEmits, InputProps, _InputExposed } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({\n  name: 'Input'\n})\n\nconst props = withDefaults(defineProps<InputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<InputEmits>()\n\nconst model = defineModel<string>()\n\nconst inst = getCurrentInstance()\n\nconst cls = bem('input')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst { focus, handleBlur, handleFocus } = useFocus((focused) => {\n  if (focused) {\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n})\n\nconst inputClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('focus', focus.value)\n  ]\n})\n\nconst prefixClass = [cls.e('prefix'), bem.is('clickable', !!inst?.vnode.props?.['onPrefix:click'])]\n\nconst suffixClass = [cls.e('suffix'), bem.is('clickable', !!inst?.vnode.props?.['onSuffix:click'])]\n\nlet isComposing = false\n\nfunction handleCompositionStart() {\n  isComposing = true\n}\n\nfunction handleCompositionEnd(e: Event) {\n  isComposing = false\n  handleInput(e)\n}\n\nconst handleInput = (e: Event) => {\n  if (isComposing) return\n\n  const inputVal = (e.target as HTMLInputElement).value\n  emit('native:input', e)\n\n  const valid = props.pattern?.test(inputVal) ?? true\n\n  if (!valid) return\n  model.value = inputVal\n}\n\nconst handlePrefixClick = () => {\n  emit('prefix:click', model.value)\n}\n\nconst handleSuffixClick = () => {\n  emit('suffix:click', model.value)\n}\n\nconst clearModelValue = () => {\n  model.value = ''\n  emit('clear')\n}\n\nconst hovered = ref(false)\nconst handleMouseEnter = () => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = () => {\n  hovered.value = false\n}\n\nconst showClear = computed(() => {\n  return props.clearable && !disabled.value && !!model.value && hovered.value\n})\n\nconst hasSuffixContent = computed(() => {\n  return !!inst?.slots.suffix || !!props.suffix\n})\n\nconst hasSuffix = computed(() => {\n  return hasSuffixContent.value || showClear.value\n})\n\nconst handleChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n\n  const valid = props.pattern?.test(target.value) ?? true\n\n  if (valid) {\n    emit('change', target.value)\n  } else {\n    nextTick(() => {\n      target.value = model.value ?? ''\n    })\n  }\n}\n\nconst el = shallowRef<HTMLInputElement>()\n\nconst generateModel = computed(() => {\n  if (!model.value) return ''\n\n  return `${props.prefix ?? ''}${model.value}${props.suffix ?? ''}`\n})\n\ndefineExpose<_InputExposed>({\n  el\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoEA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAmB,SAAA,aAAC;EAElC,MAAM,OAAO,oBAAmB;EAEhC,MAAM,MAAM,IAAI,QAAO;EAEvB,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAE,EAAE,MAAM,CAAA;EAElF,MAAM,EAAE,OAAO,YAAY,gBAAgB,UAAU,YAAY;AAC/D,OAAI,QACF,MAAK,QAAO;OAEZ,MAAK,OAAM;IAEd;EAED,MAAM,aAAa,eAAe;AAChC,UAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,MAAM;IACjB,IAAI,GAAG,YAAY,SAAS,MAAM;IAClC,IAAI,GAAG,YAAY,SAAS,MAAM;IAClC,IAAI,GAAG,SAAS,MAAM,MAAK;IAC7B;IACD;EAED,MAAM,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,GAAG,aAAa,CAAC,CAAC,MAAM,MAAM,QAAQ,kBAAkB,CAAA;EAElG,MAAM,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,GAAG,aAAa,CAAC,CAAC,MAAM,MAAM,QAAQ,kBAAkB,CAAA;EAElG,IAAI,cAAc;EAElB,SAAS,yBAAyB;AAChC,iBAAc;;EAGhB,SAAS,qBAAqB,GAAU;AACtC,iBAAc;AACd,eAAY,EAAC;;EAGf,MAAM,eAAe,MAAa;AAChC,OAAI,YAAa;GAEjB,MAAM,WAAY,EAAE,OAA4B;AAChD,QAAK,gBAAgB,EAAC;AAItB,OAAI,EAFU,MAAM,SAAS,KAAK,SAAS,IAAI,MAEnC;AACZ,SAAM,QAAQ;;EAGhB,MAAM,0BAA0B;AAC9B,QAAK,gBAAgB,MAAM,MAAK;;EAGlC,MAAM,0BAA0B;AAC9B,QAAK,gBAAgB,MAAM,MAAK;;EAGlC,MAAM,wBAAwB;AAC5B,SAAM,QAAQ;AACd,QAAK,QAAO;;EAGd,MAAM,UAAU,IAAI,MAAK;EACzB,MAAM,yBAAyB;AAC7B,WAAQ,QAAQ;;EAGlB,MAAM,yBAAyB;AAC7B,WAAQ,QAAQ;;EAGlB,MAAM,YAAY,eAAe;AAC/B,UAAO,MAAM,aAAa,CAAC,SAAS,SAAS,CAAC,CAAC,MAAM,SAAS,QAAQ;IACvE;EAED,MAAM,mBAAmB,eAAe;AACtC,UAAO,CAAC,CAAC,MAAM,MAAM,UAAU,CAAC,CAAC,MAAM;IACxC;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO,iBAAiB,SAAS,UAAU;IAC5C;EAED,MAAM,gBAAgB,MAAa;GACjC,MAAM,SAAS,EAAE;AAIjB,OAFc,MAAM,SAAS,KAAK,OAAO,MAAM,IAAI,KAGjD,MAAK,UAAU,OAAO,MAAK;OAE3B,gBAAe;AACb,WAAO,QAAQ,MAAM,SAAS;KAC/B;;EAIL,MAAM,KAAK,YAA6B;EAExC,MAAM,gBAAgB,eAAe;AACnC,OAAI,CAAC,MAAM,MAAO,QAAO;AAEzB,UAAO,GAAG,MAAM,UAAU,KAAK,MAAM,QAAQ,MAAM,UAAU;IAC9D;AAED,WAA4B,EAC1B,IACD,CAAA;;WAzLU,MAAA,SAAQ,IAAA,WAAA,EAJjB,mBA8CM,OAAA;;IA7CH,OAAK,eAAE,WAAA,MAAU;IACjB,cAAY;IACZ,cAAY;;IAGDA,KAAAA,OAAO,UAAU,QAAA,UAAA,WAAA,EAA7B,mBAGO,QAAA;;KAH+B,OAAK,eAAE,YAAW;KAAG,SAAO;wCAC7D,QAAA,OAAM,GAAG,KACZ,EAAA,EAAA,WAA2B,KAAA,QAAA,SAAA,CAAA,CAAA,IAAA,mBAAA,QAAA,KAAA;IAG7B,mBAeE,SAAA;KAdC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,SAAA,CAAA;KACZ,aAAa,MAAM;KACpB,MAAK;KACJ,OAAO,MAAA;KACP,SAAO;KACP,UAAQ;KACR,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,YAAA,IAAA,MAAA,YAAA,CAAA,GAAA,KAAW;KAClB,QAAI,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,WAAA,IAAA,MAAA,WAAA,CAAA,GAAA,KAAU;KAChB,oBAAkB;KAClB,kBAAgB;KACjB,cAAa;cACT;KAAJ,KAAI;KACH,UAAU,MAAA,SAAQ;KAClB,UAAU,QAAA;;IAGoB,UAAA,SAAA,WAAA,EAAjC,mBAiBO,QAAA;;KAjBA,OAAK,eAAE,YAAW;QACvB,YAea,YAAA;KAfD,MAAK;KAAU,MAAK;;4BAStB,CAPA,UAAA,SAAA,WAAA,EADR,YAQQ,MAAA,UAAA,EAAA;MANL,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA;MACb,OAAM;MACL,SAAK,cAAO,iBAAe,CAAA,OAAA,CAAA;MAC5B,KAAI;;6BAEK,CAAT,YAAS,MAAA,MAAA,CAAA,CAAA,CAAA;;uCAGX,mBAGO,QAAA;MAHO,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,iBAAA,CAAA;MAAqB,SAAO;MAAmB,KAAI;yCACxE,QAAA,OAAM,GAAG,KACZ,EAAA,EAAA,WAA2B,KAAA,QAAA,SAAA,CAAA,EAAA,EAAA,EAAA,CAAA;;;2BAMnC,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,cAAA,SAAiB,MAAA,mBAAkB,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"input.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/input/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"inputClass\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    v-if=\"!readonly\"\n  >\n    <span v-if=\"$slots.prefix || prefix\" :class=\"prefixClass\" @click=\"handlePrefixClick\">\n      {{ prefix }}\n      <slot name=\"prefix\"></slot>\n    </span>\n\n    <input\n      :class=\"cls.e('native')\"\n      :placeholder=\"props.placeholder\"\n      type=\"text\"\n      :value=\"model\"\n      @input=\"handleInput\"\n      @change=\"handleChange\"\n      @focus=\"handleFocus\"\n      @blur=\"handleBlur\"\n      @compositionstart=\"handleCompositionStart\"\n      @compositionend=\"handleCompositionEnd\"\n      autocomplete=\"off\"\n      ref=\"el\"\n      :disabled=\"disabled\"\n      :readonly=\"nativeReadonly\"\n    />\n\n    <span :class=\"suffixClass\" v-if=\"hasSuffix\">\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"showClear\"\n          :class=\"cls.e('clear')\"\n          title=\"清除\"\n          @click.stop=\"clearModelValue\"\n          key=\"clear\"\n        >\n          <Close />\n        </UIcon>\n\n        <span v-else :class=\"cls.e('suffix-content')\" @click=\"handleSuffixClick\" key=\"suffix\">\n          {{ suffix }}\n          <slot name=\"suffix\"></slot>\n        </span>\n      </Transition>\n    </span>\n  </div>\n\n  <template v-else>\n    {{ generateModel || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useFocus, useFormFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'\n\nimport type { InputEmits, InputProps, _InputExposed } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({\n  name: 'Input'\n})\n\nconst props = withDefaults(defineProps<InputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<InputEmits>()\n\nconst model = defineModel<string>()\n\nconst inst = getCurrentInstance()\n\nconst cls = bem('input')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst { focus, handleBlur, handleFocus } = useFocus((focused) => {\n  if (focused) {\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n})\n\nconst inputClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('focus', focus.value)\n  ]\n})\n\nconst prefixClass = [cls.e('prefix'), bem.is('clickable', !!inst?.vnode.props?.['onPrefix:click'])]\n\nconst suffixClass = [cls.e('suffix'), bem.is('clickable', !!inst?.vnode.props?.['onSuffix:click'])]\n\nlet isComposing = false\n\nfunction handleCompositionStart() {\n  isComposing = true\n}\n\nfunction handleCompositionEnd(e: Event) {\n  isComposing = false\n  handleInput(e)\n}\n\nconst handleInput = (e: Event) => {\n  if (isComposing) return\n\n  const inputVal = (e.target as HTMLInputElement).value\n  emit('native:input', e)\n\n  const valid = props.pattern?.test(inputVal) ?? true\n\n  if (!valid) return\n  model.value = inputVal\n}\n\nconst handlePrefixClick = () => {\n  emit('prefix:click', model.value)\n}\n\nconst handleSuffixClick = () => {\n  emit('suffix:click', model.value)\n}\n\nconst clearModelValue = () => {\n  model.value = ''\n  emit('clear')\n}\n\nconst hovered = ref(false)\nconst handleMouseEnter = () => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = () => {\n  hovered.value = false\n}\n\nconst showClear = computed(() => {\n  return props.clearable && !disabled.value && !!model.value && hovered.value\n})\n\nconst hasSuffixContent = computed(() => {\n  return !!inst?.slots.suffix || !!props.suffix\n})\n\nconst hasSuffix = computed(() => {\n  return hasSuffixContent.value || showClear.value\n})\n\nconst handleChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n\n  const valid = props.pattern?.test(target.value) ?? true\n\n  if (valid) {\n    emit('change', target.value)\n  } else {\n    nextTick(() => {\n      target.value = model.value ?? ''\n    })\n  }\n}\n\nconst el = shallowRef<HTMLInputElement>()\n\nconst generateModel = computed(() => {\n  if (!model.value) return ''\n\n  return `${props.prefix ?? ''}${model.value}${props.suffix ?? ''}`\n})\n\ndefineExpose<_InputExposed>({\n  el\n})\n</script>\n"],"mappings":"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"}

package/dist/components/input/style.js

@@ -1,3 +1,3 @@
 import "../icon/style.js";
 import "./style2.css";
-import "@veltra/styles/anime/zoom-in.scss";
+import "@veltra/styles/transitions/zoom-in.scss";

package/dist/components/kbd/kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"kbd.js","names":[],"sources":["../../../src/components/kbd/kbd.vue"],"sourcesContent":["<template>\n  <kbd :class=\"cls.b\">\n    <slot />\n  </kbd>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\n\ndefineOptions({ name: 'Kbd' })\n\nconst cls = bem('kbd')\n</script>\n"],"mappings":";;;;;;;EAWA,MAAM,MAAM,IAAI,MAAK;;uBAVnB,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,EAAA,EAAA,CAChB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"kbd.js","names":[],"sources":["../../../src/components/kbd/kbd.vue"],"sourcesContent":["<template>\n  <kbd :class=\"cls.b\">\n    <slot />\n  </kbd>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\n\ndefineOptions({ name: 'Kbd' })\n\nconst cls = bem('kbd')\n</script>\n"],"mappings":";;;;;;;EAWA,MAAM,MAAM,IAAI,MAAK;;uBAVnB,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,EAAA,EAAA,CAChB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/layout/layout-resizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout-resizer.js","names":[],"sources":["../../../src/components/layout/layout-resizer.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"className\"\n    :style=\"{ transform: `translate3d(${offsets.x}, ${offsets.y}, 0)` }\"\n    ref=\"resizerRef\"\n  >\n    <u-icon :size=\"10\"> <Move /> </u-icon>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag } from '@veltra/compositions'\nimport { Move } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowReactive, shallowRef } from 'vue'\n\nimport { UIcon } from '../icon'\nimport { LayoutDIKey } from './di'\n\ndefineOptions({\n  name: 'LayoutResizer'\n})\n\nconst props = defineProps<{\n  /** 是否横向 */\n  horizontal?: boolean\n  /** 默认偏移量 */\n  offset?: number\n}>()\n\nconst emit = defineEmits<{\n  (e: 'resize', offset: number): void\n  (e: 'resize-start'): void\n  (e: 'resize-end'): void\n}>()\n\nconst { cls } = inject(LayoutDIKey)!\n\nconst className = computed(() => {\n  return [cls.e('resizer'), bem.is('horizontal', props.horizontal)]\n})\n\nconst resizerRef = shallowRef<HTMLDivElement>()\n\nlet offset = props.offset ?? 0\nconst offsets = shallowReactive({\n  x: props.horizontal ? '0' : offset + 'px',\n  y: props.horizontal ? offset + 'px' : '0'\n})\nlet currentOffset = 0\nuseDrag({\n  target: resizerRef,\n  onDragStart() {\n    currentOffset = offset\n    emit('resize-start')\n  },\n  onDrag({ x, y }) {\n    if (!props.horizontal) {\n      offset = currentOffset + x\n      offsets.x = offset + 'px'\n      emit('resize', x)\n    } else {\n      offset = currentOffset + y\n      offsets.y = offset + 'px'\n      emit('resize', y)\n    }\n  },\n  onDragEnd() {\n    emit('resize-end')\n  }\n})\n\ndefineExpose({\n  update(_offset: number): void {\n    offset = _offset\n    if (!props.horizontal) {\n      offsets.x = offset + 'px'\n    } else {\n      offsets.y = offset + 'px'\n    }\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAMb,MAAM,EAAE,QAAQ,OAAO,YAAY;EAEnC,MAAM,YAAY,eAAe;AAC/B,UAAO,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,GAAG,cAAc,MAAM,WAAW,CAAA;IACjE;EAED,MAAM,aAAa,YAA2B;EAE9C,IAAI,SAAS,MAAM,UAAU;EAC7B,MAAM,UAAU,gBAAgB;GAC9B,GAAG,MAAM,aAAa,MAAM,SAAS;GACrC,GAAG,MAAM,aAAa,SAAS,OAAO;GACvC,CAAA;EACD,IAAI,gBAAgB;AACpB,UAAQ;GACN,QAAQ;GACR,cAAc;AACZ,oBAAgB;AAChB,SAAK,eAAc;;GAErB,OAAO,EAAE,GAAG,KAAK;AACf,QAAI,CAAC,MAAM,YAAY;AACrB,cAAS,gBAAgB;AACzB,aAAQ,IAAI,SAAS;AACrB,UAAK,UAAU,EAAC;WACX;AACL,cAAS,gBAAgB;AACzB,aAAQ,IAAI,SAAS;AACrB,UAAK,UAAU,EAAC;;;GAGpB,YAAY;AACV,SAAK,aAAY;;GAEpB,CAAA;AAED,WAAa,EACX,OAAO,SAAuB;AAC5B,YAAS;AACT,OAAI,CAAC,MAAM,WACT,SAAQ,IAAI,SAAS;OAErB,SAAQ,IAAI,SAAS;KAG1B,CAAA;;uBAhFC,mBAMM,OAAA;IALH,OAAK,eAAE,UAAA,MAAS;IAChB,OAAK,eAAA,EAAA,WAAA,eAA8B,MAAA,QAAO,CAAC,EAAC,IAAK,MAAA,QAAO,CAAC,EAAC,OAAA,CAAA;aACvD;IAAJ,KAAI;OAEJ,YAAsC,MAAA,YAAA,EAAA,EAA7B,MAAM,IAAE,EAAA;2BAAW,CAAR,YAAQ,MAAA,KAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"layout-resizer.js","names":[],"sources":["../../../src/components/layout/layout-resizer.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"className\"\n    :style=\"{ transform: `translate3d(${offsets.x}, ${offsets.y}, 0)` }\"\n    ref=\"resizerRef\"\n  >\n    <u-icon :size=\"10\"> <Move /> </u-icon>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag } from '@veltra/compositions'\nimport { Move } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowReactive, shallowRef } from 'vue'\n\nimport { UIcon } from '../icon'\nimport { LayoutDIKey } from './di'\n\ndefineOptions({\n  name: 'LayoutResizer'\n})\n\nconst props = defineProps<{\n  /** 是否横向 */\n  horizontal?: boolean\n  /** 默认偏移量 */\n  offset?: number\n}>()\n\nconst emit = defineEmits<{\n  (e: 'resize', offset: number): void\n  (e: 'resize-start'): void\n  (e: 'resize-end'): void\n}>()\n\nconst { cls } = inject(LayoutDIKey)!\n\nconst className = computed(() => {\n  return [cls.e('resizer'), bem.is('horizontal', props.horizontal)]\n})\n\nconst resizerRef = shallowRef<HTMLDivElement>()\n\nlet offset = props.offset ?? 0\nconst offsets = shallowReactive({\n  x: props.horizontal ? '0' : offset + 'px',\n  y: props.horizontal ? offset + 'px' : '0'\n})\nlet currentOffset = 0\nuseDrag({\n  target: resizerRef,\n  onDragStart() {\n    currentOffset = offset\n    emit('resize-start')\n  },\n  onDrag({ x, y }) {\n    if (!props.horizontal) {\n      offset = currentOffset + x\n      offsets.x = offset + 'px'\n      emit('resize', x)\n    } else {\n      offset = currentOffset + y\n      offsets.y = offset + 'px'\n      emit('resize', y)\n    }\n  },\n  onDragEnd() {\n    emit('resize-end')\n  }\n})\n\ndefineExpose({\n  update(_offset: number): void {\n    offset = _offset\n    if (!props.horizontal) {\n      offsets.x = offset + 'px'\n    } else {\n      offsets.y = offset + 'px'\n    }\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAMb,MAAM,EAAE,QAAQ,OAAO,YAAW;EAElC,MAAM,YAAY,eAAe;GAC/B,OAAO,CAAC,IAAI,EAAE,UAAS,EAAG,IAAI,GAAG,cAAc,MAAM,WAAW,CAAA;IACjE;EAED,MAAM,aAAa,YAA2B;EAE9C,IAAI,SAAS,MAAM,UAAU;EAC7B,MAAM,UAAU,gBAAgB;GAC9B,GAAG,MAAM,aAAa,MAAM,SAAS;GACrC,GAAG,MAAM,aAAa,SAAS,OAAO;GACvC,CAAA;EACD,IAAI,gBAAgB;EACpB,QAAQ;GACN,QAAQ;GACR,cAAc;IACZ,gBAAgB;IAChB,KAAK,eAAc;;GAErB,OAAO,EAAE,GAAG,KAAK;IACf,IAAI,CAAC,MAAM,YAAY;KACrB,SAAS,gBAAgB;KACzB,QAAQ,IAAI,SAAS;KACrB,KAAK,UAAU,EAAC;WACX;KACL,SAAS,gBAAgB;KACzB,QAAQ,IAAI,SAAS;KACrB,KAAK,UAAU,EAAC;;;GAGpB,YAAY;IACV,KAAK,aAAY;;GAEpB,CAAA;EAED,SAAa,EACX,OAAO,SAAuB;GAC5B,SAAS;GACT,IAAI,CAAC,MAAM,YACT,QAAQ,IAAI,SAAS;QAErB,QAAQ,IAAI,SAAS;KAG1B,CAAA;;uBAhFC,mBAMM,OAAA;IALH,OAAK,eAAE,UAAA,MAAS;IAChB,OAAK,eAAA,EAAA,WAAA,eAA8B,MAAA,QAAA,CAAQ,EAAC,IAAK,MAAA,QAAA,CAAQ,EAAC,OAAA,CAAA;aACvD;IAAJ,KAAI;OAEJ,YAAsC,MAAA,YAAA,EAAA,EAA7B,MAAM,IAAE,EAAA;2BAAW,CAAR,YAAQ,MAAA,KAAA,CAAA,CAAA,CAAA"}

package/dist/components/layout/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","names":[],"sources":["../../../src/components/layout/layout.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" :class=\"cls.b\" :style=\"style\" ref=\"containerRef\">\n    <slot />\n\n    <!-- 竖向调节 -->\n    <ULayoutResizer\n      v-for=\"(offset, index) of resizerOffsets\"\n      :offset=\"offset\"\n      :key=\"index\"\n      ref=\"resizerRefs\"\n      direction=\"vertical\"\n      @resize=\"handleResize($event, index)\"\n      @resize-start=\"handleStartResize(index)\"\n    >\n    </ULayoutResizer>\n\n    <!-- 横向调节 -->\n    <!-- <ULayoutResizer\n      v-for=\"item in horizontalResizerList\"\n      :key=\"item\"\n      direction=\"horizontal\"\n    /> -->\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useResizeObserver } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport {\n  computed,\n  shallowRef,\n  type CSSProperties,\n  provide,\n  watchEffect,\n  ref,\n  watch,\n  nextTick\n} from 'vue'\n\nimport type { LayoutProps } from '../../types'\nimport { LayoutDIKey } from './di'\nimport ULayoutResizer from './layout-resizer.vue'\n\ndefineOptions({\n  name: 'Layout'\n})\n\nconst props = withDefaults(defineProps<LayoutProps>(), {\n  tag: 'div'\n})\n\nconst cls = bem('layout')\n\nconst templateCols = ref<string[]>([])\n\nwatchEffect(() => {\n  const { cols } = props\n  if (!cols) {\n    templateCols.value = []\n    return\n  }\n  templateCols.value = typeof cols === 'string' ? cols.split(' ') : [...cols]\n})\n\nconst style = computed<CSSProperties>(() => {\n  const { rows, gap, resizable } = props\n  return {\n    gridTemplateColumns: templateCols.value.join(' '),\n    gridTemplateRows: rows ? (typeof rows === 'string' ? rows : rows.join(' ')) : '',\n    columnGap: resizable ? '10px' : withUnit(gap, 'px')\n  }\n})\n\nconst containerRef = shallowRef<HTMLElement>()\nconst resizerRefs = shallowRef<InstanceType<typeof ULayoutResizer>[]>([])\n\nconst resizerOffsets = ref<number[]>([])\n\nfunction getResizeOffsets() {\n  const container = containerRef.value\n  if (!props.resizable || !container || !props.cols) {\n    return (resizerOffsets.value = [])\n  }\n\n  resizerOffsets.value = templateCols.value.slice(0, -1).map((_, index) => {\n    const dom = container.children[index] as HTMLElement\n    if (!dom) return 0\n    return dom.offsetLeft + dom.offsetWidth\n  })\n}\n\nwatch([() => props.resizable, containerRef, () => props.cols], () => {\n  nextTick(() => {\n    getResizeOffsets()\n  })\n})\n\nuseResizeObserver({\n  targets: containerRef,\n  onResize() {\n    getResizeOffsets()\n    resizerRefs.value.forEach((r, i) => {\n      r.update(resizerOffsets.value![i]!)\n    })\n  }\n})\n\n// const horizontalResizerList = []\n\n// const resizing = shallowRef(false)\n\nlet prevSize = 0\nlet nextSize = 0\nconst handleStartResize = (index: number) => {\n  const container = containerRef.value\n  if (!container) return\n\n  // 拖拽前把相邻两列按实际渲染宽度固定成 px，\n  // 这样拖拽时两列等量增减、容器整体宽度保持不变。\n  const prevDom = container.children[index] as HTMLElement | undefined\n  const nextDom = container.children[index + 1] as HTMLElement | undefined\n  prevSize = prevDom ? prevDom.getBoundingClientRect().width : 0\n  nextSize = nextDom ? nextDom.getBoundingClientRect().width : 0\n}\nconst handleResize = (offset: number, index: number) => {\n  // 钳位到 [-prevSize, nextSize]，避免轨道尺寸出现负值——\n  // 一旦 grid-template-columns 中带负值，整条声明会被浏览器丢弃。\n  const clamped = Math.max(-prevSize, Math.min(nextSize, offset))\n  templateCols.value[index] = `${prevSize + clamped}px`\n  templateCols.value[index + 1] = `${nextSize - clamped}px`\n}\n\nprovide(LayoutDIKey, {\n  cls\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EA+CA,MAAM,QAAQ;EAId,MAAM,MAAM,IAAI,SAAQ;EAExB,MAAM,eAAe,IAAc,EAAE,CAAA;AAErC,oBAAkB;GAChB,MAAM,EAAE,SAAS;AACjB,OAAI,CAAC,MAAM;AACT,iBAAa,QAAQ,EAAC;AACtB;;AAEF,gBAAa,QAAQ,OAAO,SAAS,WAAW,KAAK,MAAM,IAAI,GAAG,CAAC,GAAG,KAAI;IAC3E;EAED,MAAM,QAAQ,eAA8B;GAC1C,MAAM,EAAE,MAAM,KAAK,cAAc;AACjC,UAAO;IACL,qBAAqB,aAAa,MAAM,KAAK,IAAI;IACjD,kBAAkB,OAAQ,OAAO,SAAS,WAAW,OAAO,KAAK,KAAK,IAAI,GAAI;IAC9E,WAAW,YAAY,SAAS,SAAS,KAAK,KAAI;IACpD;IACD;EAED,MAAM,eAAe,YAAwB;EAC7C,MAAM,cAAc,WAAkD,EAAE,CAAA;EAExE,MAAM,iBAAiB,IAAc,EAAE,CAAA;EAEvC,SAAS,mBAAmB;GAC1B,MAAM,YAAY,aAAa;AAC/B,OAAI,CAAC,MAAM,aAAa,CAAC,aAAa,CAAC,MAAM,KAC3C,QAAQ,eAAe,QAAQ,EAAE;AAGnC,kBAAe,QAAQ,aAAa,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,GAAG,UAAU;IACvE,MAAM,MAAM,UAAU,SAAS;AAC/B,QAAI,CAAC,IAAK,QAAO;AACjB,WAAO,IAAI,aAAa,IAAI;KAC7B;;AAGH,QAAM;SAAO,MAAM;GAAW;SAAoB,MAAM;GAAK,QAAQ;AACnE,kBAAe;AACb,sBAAiB;KAClB;IACF;AAED,oBAAkB;GAChB,SAAS;GACT,WAAW;AACT,sBAAiB;AACjB,gBAAY,MAAM,SAAS,GAAG,MAAM;AAClC,OAAE,OAAO,eAAe,MAAO,GAAG;MACnC;;GAEJ,CAAA;EAMD,IAAI,WAAW;EACf,IAAI,WAAW;EACf,MAAM,qBAAqB,UAAkB;GAC3C,MAAM,YAAY,aAAa;AAC/B,OAAI,CAAC,UAAW;GAIhB,MAAM,UAAU,UAAU,SAAS;GACnC,MAAM,UAAU,UAAU,SAAS,QAAQ;AAC3C,cAAW,UAAU,QAAQ,uBAAuB,CAAC,QAAQ;AAC7D,cAAW,UAAU,QAAQ,uBAAuB,CAAC,QAAQ;;EAE/D,MAAM,gBAAgB,QAAgB,UAAkB;GAGtD,MAAM,UAAU,KAAK,IAAI,CAAC,UAAU,KAAK,IAAI,UAAU,OAAO,CAAA;AAC9D,gBAAa,MAAM,SAAS,GAAG,WAAW,QAAQ;AAClD,gBAAa,MAAM,QAAQ,KAAK,GAAG,WAAW,QAAQ;;AAGxD,UAAQ,aAAa,EACnB,KACD,CAAA;;uBArIC,YAqBY,wBArBI,QAAA,IAAG,EAAA;IAAG,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC;IAAG,OAAK,eAAE,MAAA,MAAK;aAAM;IAAJ,KAAI;;2BAC7C;KAAR,WAAQ,KAAA,QAAA,UAAA;KAER,mBAAA,SAAa;uBACb,mBASiB,UAAA,MAAA,WARW,eAAA,QAAlB,QAAQ,UAAK;0BADvB,YASiB,aAAA;OAPN;OACR,KAAK;;gBACF;OAAJ,KAAI;OACJ,WAAU;OACT,WAAM,WAAE,aAAa,QAAQ,MAAK;OAClC,gBAAY,WAAE,kBAAkB,MAAK;;;;;;;KAIxC,mBAAA,SAAa;KACb,mBAAA,gIAIM"}
+{"version":3,"file":"layout.js","names":[],"sources":["../../../src/components/layout/layout.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" :class=\"cls.b\" :style=\"style\" ref=\"containerRef\">\n    <slot />\n\n    <!-- 竖向调节 -->\n    <ULayoutResizer\n      v-for=\"(offset, index) of resizerOffsets\"\n      :offset=\"offset\"\n      :key=\"index\"\n      ref=\"resizerRefs\"\n      direction=\"vertical\"\n      @resize=\"handleResize($event, index)\"\n      @resize-start=\"handleStartResize(index)\"\n    >\n    </ULayoutResizer>\n\n    <!-- 横向调节 -->\n    <!-- <ULayoutResizer\n      v-for=\"item in horizontalResizerList\"\n      :key=\"item\"\n      direction=\"horizontal\"\n    /> -->\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useResizeObserver } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport {\n  computed,\n  shallowRef,\n  type CSSProperties,\n  provide,\n  watchEffect,\n  ref,\n  watch,\n  nextTick\n} from 'vue'\n\nimport type { LayoutProps } from '../../types'\nimport { LayoutDIKey } from './di'\nimport ULayoutResizer from './layout-resizer.vue'\n\ndefineOptions({\n  name: 'Layout'\n})\n\nconst props = withDefaults(defineProps<LayoutProps>(), {\n  tag: 'div'\n})\n\nconst cls = bem('layout')\n\nconst templateCols = ref<string[]>([])\n\nwatchEffect(() => {\n  const { cols } = props\n  if (!cols) {\n    templateCols.value = []\n    return\n  }\n  templateCols.value = typeof cols === 'string' ? cols.split(' ') : [...cols]\n})\n\nconst style = computed<CSSProperties>(() => {\n  const { rows, gap, resizable } = props\n  return {\n    gridTemplateColumns: templateCols.value.join(' '),\n    gridTemplateRows: rows ? (typeof rows === 'string' ? rows : rows.join(' ')) : '',\n    columnGap: resizable ? '10px' : withUnit(gap, 'px')\n  }\n})\n\nconst containerRef = shallowRef<HTMLElement>()\nconst resizerRefs = shallowRef<InstanceType<typeof ULayoutResizer>[]>([])\n\nconst resizerOffsets = ref<number[]>([])\n\nfunction getResizeOffsets() {\n  const container = containerRef.value\n  if (!props.resizable || !container || !props.cols) {\n    return (resizerOffsets.value = [])\n  }\n\n  resizerOffsets.value = templateCols.value.slice(0, -1).map((_, index) => {\n    const dom = container.children[index] as HTMLElement\n    if (!dom) return 0\n    return dom.offsetLeft + dom.offsetWidth\n  })\n}\n\nwatch([() => props.resizable, containerRef, () => props.cols], () => {\n  nextTick(() => {\n    getResizeOffsets()\n  })\n})\n\nuseResizeObserver({\n  targets: containerRef,\n  onResize() {\n    getResizeOffsets()\n    resizerRefs.value.forEach((r, i) => {\n      r.update(resizerOffsets.value![i]!)\n    })\n  }\n})\n\n// const horizontalResizerList = []\n\n// const resizing = shallowRef(false)\n\nlet prevSize = 0\nlet nextSize = 0\nconst handleStartResize = (index: number) => {\n  const container = containerRef.value\n  if (!container) return\n\n  // 拖拽前把相邻两列按实际渲染宽度固定成 px，\n  // 这样拖拽时两列等量增减、容器整体宽度保持不变。\n  const prevDom = container.children[index] as HTMLElement | undefined\n  const nextDom = container.children[index + 1] as HTMLElement | undefined\n  prevSize = prevDom ? prevDom.getBoundingClientRect().width : 0\n  nextSize = nextDom ? nextDom.getBoundingClientRect().width : 0\n}\nconst handleResize = (offset: number, index: number) => {\n  // 钳位到 [-prevSize, nextSize]，避免轨道尺寸出现负值——\n  // 一旦 grid-template-columns 中带负值，整条声明会被浏览器丢弃。\n  const clamped = Math.max(-prevSize, Math.min(nextSize, offset))\n  templateCols.value[index] = `${prevSize + clamped}px`\n  templateCols.value[index + 1] = `${nextSize - clamped}px`\n}\n\nprovide(LayoutDIKey, {\n  cls\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EA+CA,MAAM,QAAQ;EAId,MAAM,MAAM,IAAI,SAAQ;EAExB,MAAM,eAAe,IAAc,EAAE,CAAA;EAErC,kBAAkB;GAChB,MAAM,EAAE,SAAS;GACjB,IAAI,CAAC,MAAM;IACT,aAAa,QAAQ,EAAC;IACtB;;GAEF,aAAa,QAAQ,OAAO,SAAS,WAAW,KAAK,MAAM,IAAG,GAAI,CAAC,GAAG,KAAI;IAC3E;EAED,MAAM,QAAQ,eAA8B;GAC1C,MAAM,EAAE,MAAM,KAAK,cAAc;GACjC,OAAO;IACL,qBAAqB,aAAa,MAAM,KAAK,IAAG;IAChD,kBAAkB,OAAQ,OAAO,SAAS,WAAW,OAAO,KAAK,KAAK,IAAG,GAAK;IAC9E,WAAW,YAAY,SAAS,SAAS,KAAK,KAAI;IACpD;IACD;EAED,MAAM,eAAe,YAAwB;EAC7C,MAAM,cAAc,WAAkD,EAAE,CAAA;EAExE,MAAM,iBAAiB,IAAc,EAAE,CAAA;EAEvC,SAAS,mBAAmB;GAC1B,MAAM,YAAY,aAAa;GAC/B,IAAI,CAAC,MAAM,aAAa,CAAC,aAAa,CAAC,MAAM,MAC3C,OAAQ,eAAe,QAAQ,EAAC;GAGlC,eAAe,QAAQ,aAAa,MAAM,MAAM,GAAG,GAAE,CAAE,KAAK,GAAG,UAAU;IACvE,MAAM,MAAM,UAAU,SAAS;IAC/B,IAAI,CAAC,KAAK,OAAO;IACjB,OAAO,IAAI,aAAa,IAAI;KAC7B;;EAGH,MAAM;SAAO,MAAM;GAAW;SAAoB,MAAM;GAAI,QAAS;GACnE,eAAe;IACb,kBAAiB;KAClB;IACF;EAED,kBAAkB;GAChB,SAAS;GACT,WAAW;IACT,kBAAiB;IACjB,YAAY,MAAM,SAAS,GAAG,MAAM;KAClC,EAAE,OAAO,eAAe,MAAO,GAAG;MACnC;;GAEJ,CAAA;EAMD,IAAI,WAAW;EACf,IAAI,WAAW;EACf,MAAM,qBAAqB,UAAkB;GAC3C,MAAM,YAAY,aAAa;GAC/B,IAAI,CAAC,WAAW;GAIhB,MAAM,UAAU,UAAU,SAAS;GACnC,MAAM,UAAU,UAAU,SAAS,QAAQ;GAC3C,WAAW,UAAU,QAAQ,uBAAsB,CAAE,QAAQ;GAC7D,WAAW,UAAU,QAAQ,uBAAsB,CAAE,QAAQ;;EAE/D,MAAM,gBAAgB,QAAgB,UAAkB;GAGtD,MAAM,UAAU,KAAK,IAAI,CAAC,UAAU,KAAK,IAAI,UAAU,OAAO,CAAA;GAC9D,aAAa,MAAM,SAAS,GAAG,WAAW,QAAQ;GAClD,aAAa,MAAM,QAAQ,KAAK,GAAG,WAAW,QAAQ;;EAGxD,QAAQ,aAAa,EACnB,KACD,CAAA;;uBArIC,YAqBY,wBArBI,QAAA,IAAG,EAAA;IAAG,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC;IAAG,OAAK,eAAE,MAAA,MAAK;aAAM;IAAJ,KAAI;;2BAC7C;KAAR,WAAQ,KAAA,QAAA,UAAA;KAER,mBAAA,SAAA;uBACA,mBASiB,UAAA,MAAA,WARW,eAAA,QAAlB,QAAQ,UAAK;0BADvB,YASiB,aAAA;OAPN;OACR,KAAK;;gBACF;OAAJ,KAAI;OACJ,WAAU;OACT,WAAM,WAAE,aAAa,QAAQ,MAAK;OAClC,gBAAY,WAAE,kBAAkB,MAAK;;;;;;;KAIxC,mBAAA,SAAA;KACA,mBAAA,gIAAA"}

package/dist/components/list/list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.js","names":[],"sources":["../../../src/components/list/list-item.vue"],"sourcesContent":["<template>\n  <li :class=\"cls.b\">\n    <slot />\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\n\ndefineOptions({\n  name: 'ListItem'\n})\n\nconst cls = bem('list-item')\n</script>\n"],"mappings":";;;;;;;EAaA,MAAM,MAAM,IAAI,YAAW;;uBAZzB,mBAEK,MAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,EAAA,EAAA,CACf,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"list-item.js","names":[],"sources":["../../../src/components/list/list-item.vue"],"sourcesContent":["<template>\n  <li :class=\"cls.b\">\n    <slot />\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\n\ndefineOptions({\n  name: 'ListItem'\n})\n\nconst cls = bem('list-item')\n</script>\n"],"mappings":";;;;;;;EAaA,MAAM,MAAM,IAAI,YAAW;;uBAZzB,mBAEK,MAAA,EAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,EAAA,EAAA,CACf,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":[],"sources":["../../../src/components/list/list.vue"],"sourcesContent":["<template>\n  <u-scroll tag=\"ul\" :class=\"[cls.b, cls.m(size)]\">\n    <slot v-for=\"(item, index) of data\" v-bind=\"{ item, index }\" />\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\n\nimport type { ListProps } from '../../types'\nimport type { ComponentSize } from '../../types'\nimport { UScroll } from '../scroll'\n\ndefineOptions({\n  name: 'List'\n})\n\nconst props = withDefaults(defineProps<ListProps>(), {})\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst cls = bem('list')\n</script>\n"],"mappings":";;;;;;;;;;;;;EAoBA,MAAM,EAAE,SAAS,iBAAiB,CAAC,QAAM,EAAE,EACzC,MAAM,WACP,CAAA;EAED,MAAM,MAAM,IAAI,OAAM;;uBAvBpB,YAEW,MAAA,YAAA,EAAA;IAFD,KAAI;IAAM,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,GAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA;;2BACR,EAAA,UAAA,KAAA,EAAnC,mBAA+D,UAAA,MAAA,WAAjC,QAAA,OAAhB,MAAM,UAAK;YAAzB,WAA+D,KAAA,QAAA,WAA/D,WAA+D,EAAA,SAAA,MAAA,EAAA;MAAjB;MAAM;MAAK,CAAA,CAAA"}
+{"version":3,"file":"list.js","names":[],"sources":["../../../src/components/list/list.vue"],"sourcesContent":["<template>\n  <u-scroll tag=\"ul\" :class=\"[cls.b, cls.m(size)]\">\n    <slot v-for=\"(item, index) of data\" v-bind=\"{ item, index }\" />\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\n\nimport type { ListProps } from '../../types'\nimport type { ComponentSize } from '../../types'\nimport { UScroll } from '../scroll'\n\ndefineOptions({\n  name: 'List'\n})\n\nconst props = withDefaults(defineProps<ListProps>(), {})\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst cls = bem('list')\n</script>\n"],"mappings":";;;;;;;;;;;;;EAoBA,MAAM,EAAE,SAAS,iBAAiB,CAAC,QAAK,EAAG,EACzC,MAAM,WACP,CAAA;EAED,MAAM,MAAM,IAAI,OAAM;;uBAvBpB,YAEW,MAAA,YAAA,EAAA;IAFD,KAAI;IAAM,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,GAAG,MAAA,IAAA,CAAI,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA;;2BACR,EAAA,UAAA,KAAA,EAAnC,mBAA+D,UAAA,MAAA,WAAjC,QAAA,OAAhB,MAAM,UAAK;YAAzB,WAA+D,KAAA,QAAA,WAA/D,WAA+D,EAAA,SAAA,MAAA,EAAA;MAAjB;MAAM;MAAK,CAAA,CAAA"}

package/dist/components/loading/directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"directive.js","names":["LoadingComponent"],"sources":["../../../src/components/loading/directive.ts"],"sourcesContent":["import { bem } from '@veltra/utils'\nimport { createVNode, render, type DirectiveBinding, type ObjectDirective } from 'vue'\n\nimport type { LoadingType } from '../../types'\nimport LoadingComponent from './loading.vue'\n\nconst loadingCls = bem('loading')\nconst loadingContainerCls = loadingCls.e('container')\n\nfunction renderLoading(el: HTMLElement, binding: DirectiveBinding) {\n  el.classList.add(loadingContainerCls)\n\n  const node = createVNode(LoadingComponent, { type: binding.arg as LoadingType })\n\n  render(node, el)\n}\n\nfunction removeLoading(el: HTMLElement) {\n  render(null, el)\n  el.classList.remove(loadingContainerCls)\n}\nexport const vLoading: ObjectDirective<HTMLElement> = {\n  mounted(el, binding) {\n    binding.value && renderLoading(el, binding)\n  },\n\n  updated(el, binding) {\n    binding.value ? renderLoading(el, binding) : removeLoading(el)\n  },\n\n  unmounted(el) {\n    removeLoading(el)\n  }\n}\n"],"mappings":";;;;AAOA,MAAM,sBADa,IAAI,UACe,CAAC,EAAE,YAAY;AAErD,SAAS,cAAc,IAAiB,SAA2B;AACjE,IAAG,UAAU,IAAI,oBAAoB;AAIrC,QAFa,YAAYA,WAAkB,EAAE,MAAM,QAAQ,KAAoB,CAEpE,EAAE,GAAG;;AAGlB,SAAS,cAAc,IAAiB;AACtC,QAAO,MAAM,GAAG;AAChB,IAAG,UAAU,OAAO,oBAAoB;;AAE1C,MAAa,WAAyC;CACpD,QAAQ,IAAI,SAAS;AACnB,UAAQ,SAAS,cAAc,IAAI,QAAQ;;CAG7C,QAAQ,IAAI,SAAS;AACnB,UAAQ,QAAQ,cAAc,IAAI,QAAQ,GAAG,cAAc,GAAG;;CAGhE,UAAU,IAAI;AACZ,gBAAc,GAAG;;CAEpB"}
+{"version":3,"file":"directive.js","names":["LoadingComponent"],"sources":["../../../src/components/loading/directive.ts"],"sourcesContent":["import { bem } from '@veltra/utils'\nimport { createVNode, render, type DirectiveBinding, type ObjectDirective } from 'vue'\n\nimport type { LoadingType } from '../../types'\nimport LoadingComponent from './loading.vue'\n\nconst loadingCls = bem('loading')\nconst loadingContainerCls = loadingCls.e('container')\n\nfunction renderLoading(el: HTMLElement, binding: DirectiveBinding) {\n  el.classList.add(loadingContainerCls)\n\n  const node = createVNode(LoadingComponent, { type: binding.arg as LoadingType })\n\n  render(node, el)\n}\n\nfunction removeLoading(el: HTMLElement) {\n  render(null, el)\n  el.classList.remove(loadingContainerCls)\n}\nexport const vLoading: ObjectDirective<HTMLElement> = {\n  mounted(el, binding) {\n    binding.value && renderLoading(el, binding)\n  },\n\n  updated(el, binding) {\n    binding.value ? renderLoading(el, binding) : removeLoading(el)\n  },\n\n  unmounted(el) {\n    removeLoading(el)\n  }\n}\n"],"mappings":";;;;AAOA,MAAM,sBADa,IAAI,UACe,CAAC,EAAE,YAAY;AAErD,SAAS,cAAc,IAAiB,SAA2B;CACjE,GAAG,UAAU,IAAI,oBAAoB;CAIrC,OAFa,YAAYA,WAAkB,EAAE,MAAM,QAAQ,KAAoB,CAEpE,EAAE,GAAG;;AAGlB,SAAS,cAAc,IAAiB;CACtC,OAAO,MAAM,GAAG;CAChB,GAAG,UAAU,OAAO,oBAAoB;;AAE1C,MAAa,WAAyC;CACpD,QAAQ,IAAI,SAAS;EACnB,QAAQ,SAAS,cAAc,IAAI,QAAQ;;CAG7C,QAAQ,IAAI,SAAS;EACnB,QAAQ,QAAQ,cAAc,IAAI,QAAQ,GAAG,cAAc,GAAG;;CAGhE,UAAU,IAAI;EACZ,cAAc,GAAG;;CAEpB"}

package/dist/components/loading/loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading.js","names":[],"sources":["../../../src/components/loading/loading.vue"],"sourcesContent":["<template>\n  <transition name=\"fade\" appear>\n    <div :class=\"className\" :style=\"{ zIndex: zIndex() }\">\n      <div :class=\"cls.e('loader')\"></div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem, zIndex } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { LoadingProps, ComponentSize } from '../../types'\n\ndefineOptions({\n  name: 'Loading'\n})\n\nconst props = withDefaults(defineProps<LoadingProps>(), {\n  type: 'spinner'\n})\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst cls = bem('loading')\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), cls.e(props.type)]\n})\n</script>\n"],"mappings":";;;;;;;;;EAmBA,MAAM,QAAQ;EAId,MAAM,EAAE,SAAS,iBAAiB,CAAC,MAAM,EAAE,EACzC,MAAM,WACP,CAAA;EAED,MAAM,MAAM,IAAI,UAAS;EAEzB,MAAM,YAAY,eAAe;AAC/B,UAAO;IAAC,IAAI;IAAG,IAAI,EAAE,KAAK,MAAM;IAAE,IAAI,EAAE,MAAM,KAAK;IAAA;IACpD;;uBA9BC,YAIa,YAAA;IAJD,MAAK;IAAO,QAAA;;2BAGhB,CAFN,mBAEM,OAAA;KAFA,OAAK,eAAE,UAAA,MAAS;KAAG,OAAK,eAAA,EAAA,QAAY,MAAA,OAAM,EAAA,EAAA,CAAA;QAC9C,mBAAoC,OAAA,EAA9B,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,SAAA,CAAA,EAAA,EAAA,MAAA,EAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"loading.js","names":[],"sources":["../../../src/components/loading/loading.vue"],"sourcesContent":["<template>\n  <transition name=\"fade\" appear>\n    <div :class=\"className\" :style=\"{ zIndex: zIndex() }\">\n      <div :class=\"cls.e('loader')\"></div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem, zIndex } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { LoadingProps, ComponentSize } from '../../types'\n\ndefineOptions({\n  name: 'Loading'\n})\n\nconst props = withDefaults(defineProps<LoadingProps>(), {\n  type: 'spinner'\n})\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst cls = bem('loading')\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), cls.e(props.type)]\n})\n</script>\n"],"mappings":";;;;;;;;;EAmBA,MAAM,QAAQ;EAId,MAAM,EAAE,SAAS,iBAAiB,CAAC,MAAK,EAAG,EACzC,MAAM,WACP,CAAA;EAED,MAAM,MAAM,IAAI,UAAS;EAEzB,MAAM,YAAY,eAAe;GAC/B,OAAO;IAAC,IAAI;IAAG,IAAI,EAAE,KAAK,MAAK;IAAG,IAAI,EAAE,MAAM,KAAI;IAAC;IACpD;;uBA9BC,YAIa,YAAA;IAJD,MAAK;IAAO,QAAA;;2BAGhB,CAFN,mBAEM,OAAA;KAFA,OAAK,eAAE,UAAA,MAAS;KAAG,OAAK,eAAA,EAAA,QAAY,MAAA,OAAA,EAAM,EAAA,CAAA;QAC9C,mBAAoC,OAAA,EAA9B,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA,EAAA,EAAA,MAAA,EAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/loading/style.js

@@ -1,2 +1,2 @@
 import "./style2.css";
-import "@veltra/styles/anime/fade.scss";
+import "@veltra/styles/transitions/fade.scss";

package/dist/components/menu/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/menu/helper.ts"],"sourcesContent":["export function getKey(index: number, parentKey: string): string {\n  return `${parentKey}-${index}`\n}\n"],"mappings":";AAAA,SAAgB,OAAO,OAAe,WAA2B;AAC/D,QAAO,GAAG,UAAU,GAAG"}
+{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/menu/helper.ts"],"sourcesContent":["export function getKey(index: number, parentKey: string): string {\n  return `${parentKey}-${index}`\n}\n"],"mappings":";AAAA,SAAgB,OAAO,OAAe,WAA2B;CAC/D,OAAO,GAAG,UAAU,GAAG"}

package/dist/components/menu/menu-item-collapsed.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item-collapsed.js","names":[],"sources":["../../../src/components/menu/menu-item-collapsed.vue"],"sourcesContent":["<template>\n  <!-- 一级菜单 -->\n  <u-tip v-if=\"depth === 0\" direction=\"right\" hide-arrow>\n    <li\n      :class=\"[\n        collapsedCls.e('item'),\n        bem.is('active', active),\n        bem.is('first-level'),\n        bem.is('disabled', menu.disabled ?? false)\n      ]\"\n      ref=\"item\"\n      @click=\"handleClickMenu\"\n    >\n      <UMenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"collapsedCls.e('icon')\" />\n      <span v-else>{{ menu.title[0] }}</span>\n    </li>\n\n    <template #content>\n      {{ menu.title }}\n    </template>\n  </u-tip>\n\n  <!-- 二级以及二级以下菜单 -->\n  <li\n    v-else\n    :class=\"[\n      collapsedCls.e('item'),\n      bem.is('active', active),\n      bem.is('disabled', menu.disabled ?? false)\n    ]\"\n    ref=\"item\"\n    @click=\"_handleClickMenu\"\n  >\n    <UMenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"collapsedCls.e('icon')\" />\n\n    <!-- 文本 -->\n    <span :class=\"collapsedCls.e('item-title')\">\n      {{ menu.title }}\n    </span>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport { bem } from '@veltra/utils'\nimport { useTemplateRef } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport { UTip } from '../tip'\nimport UMenuIcon from './menu-icon.vue'\nimport { useMenuItem } from './use-menu-item'\n\ndefineOptions({ name: 'MenuItemCollapsed' })\n\nconst props = defineProps<{ menu: MenuItem; depth: number }>()\n\nconst itemRef = useTemplateRef('item')\n\nconst emit = defineEmits(['click'])\n\nconst { collapsedCls, active, handleClickMenu } = useMenuItem({ itemProps: props, itemRef })\n\nfunction _handleClickMenu() {\n  handleClickMenu()\n  emit('click')\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EAqDA,MAAM,QAAQ;EAEd,MAAM,UAAU,eAAe,OAAM;EAErC,MAAM,OAAO;EAEb,MAAM,EAAE,cAAc,QAAQ,oBAAoB,YAAY;GAAE,WAAW;GAAO;GAAS,CAAA;EAE3F,SAAS,mBAAmB;AAC1B,oBAAgB;AAChB,QAAK,QAAO;;;2DA9DZ,mBAAA,SAAa,EACA,QAAA,UAAK,KAAA,WAAA,EAAlB,YAkBQ,MAAA,YAAA,EAAA;;IAlBkB,WAAU;IAAQ,cAAA;;IAe/B,SAAO,cACA,CAAA,gBAAA,gBAAb,QAAA,KAAK,MAAK,EAAA,EAAA,CAAA,CAAA;2BAHV,CAZL,mBAYK,MAAA;KAXF,OAAK,eAAA;MAAY,MAAA,aAAY,CAAC,EAAC,OAAA;MAAkB,MAAA,IAAG,CAAC,GAAE,UAAW,MAAA,OAAM,CAAA;MAAW,MAAA,IAAG,CAAC,GAAE,cAAA;MAAyB,MAAA,IAAG,CAAC,GAAE,YAAa,QAAA,KAAK,YAAQ,MAAA;;KAMnJ,KAAI;KACH,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,gBAAA,IAAA,MAAA,gBAAA,CAAA,GAAA,KAAe;QAEN,QAAA,KAAK,QAAA,WAAA,EAAtB,YAAgF,aAAA;;KAAnD,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,aAAY,CAAC,EAAC,OAAA,CAAA;oDACpE,mBAAuC,QAAA,YAAA,gBAAvB,QAAA,KAAK,MAAK,GAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;uBAS9B,mBAgBK,UAAA,EAAA,KAAA,GAAA,EAAA,CAjBL,mBAAA,eAAmB,EACnB,mBAgBK,MAAA;IAdF,OAAK,eAAA;KAAU,MAAA,aAAY,CAAC,EAAC,OAAA;KAAgB,MAAA,IAAG,CAAC,GAAE,UAAW,MAAA,OAAM,CAAA;KAAS,MAAA,IAAG,CAAC,GAAE,YAAa,QAAA,KAAK,YAAQ,MAAA;;IAK9G,KAAI;IACH,SAAO;;IAES,QAAA,KAAK,QAAA,WAAA,EAAtB,YAAgF,aAAA;;KAAnD,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,aAAY,CAAC,EAAC,OAAA,CAAA;;IAEpE,mBAAA,OAAW;IACX,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,aAAY,CAAC,EAAC,aAAA,CAAA,EAAA,EAAA,gBACvB,QAAA,KAAK,MAAK,EAAA,EAAA"}
+{"version":3,"file":"menu-item-collapsed.js","names":[],"sources":["../../../src/components/menu/menu-item-collapsed.vue"],"sourcesContent":["<template>\n  <!-- 一级菜单 -->\n  <u-tip v-if=\"depth === 0\" direction=\"right\" hide-arrow>\n    <li\n      :class=\"[\n        collapsedCls.e('item'),\n        bem.is('active', active),\n        bem.is('first-level'),\n        bem.is('disabled', menu.disabled ?? false)\n      ]\"\n      ref=\"item\"\n      @click=\"handleClickMenu\"\n    >\n      <UMenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"collapsedCls.e('icon')\" />\n      <span v-else>{{ menu.title[0] }}</span>\n    </li>\n\n    <template #content>\n      {{ menu.title }}\n    </template>\n  </u-tip>\n\n  <!-- 二级以及二级以下菜单 -->\n  <li\n    v-else\n    :class=\"[\n      collapsedCls.e('item'),\n      bem.is('active', active),\n      bem.is('disabled', menu.disabled ?? false)\n    ]\"\n    ref=\"item\"\n    @click=\"_handleClickMenu\"\n  >\n    <UMenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"collapsedCls.e('icon')\" />\n\n    <!-- 文本 -->\n    <span :class=\"collapsedCls.e('item-title')\">\n      {{ menu.title }}\n    </span>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport { bem } from '@veltra/utils'\nimport { useTemplateRef } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport { UTip } from '../tip'\nimport UMenuIcon from './menu-icon.vue'\nimport { useMenuItem } from './use-menu-item'\n\ndefineOptions({ name: 'MenuItemCollapsed' })\n\nconst props = defineProps<{ menu: MenuItem; depth: number }>()\n\nconst itemRef = useTemplateRef('item')\n\nconst emit = defineEmits(['click'])\n\nconst { collapsedCls, active, handleClickMenu } = useMenuItem({ itemProps: props, itemRef })\n\nfunction _handleClickMenu() {\n  handleClickMenu()\n  emit('click')\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EAqDA,MAAM,QAAQ;EAEd,MAAM,UAAU,eAAe,OAAM;EAErC,MAAM,OAAO;EAEb,MAAM,EAAE,cAAc,QAAQ,oBAAoB,YAAY;GAAE,WAAW;GAAO;GAAS,CAAA;EAE3F,SAAS,mBAAmB;GAC1B,iBAAgB;GAChB,KAAK,QAAO;;;2DA9DZ,mBAAA,SAAA,EACa,QAAA,UAAK,KAAA,WAAA,EAAlB,YAkBQ,MAAA,YAAA,EAAA;;IAlBkB,WAAU;IAAQ,cAAA;;IAe/B,SAAO,cACA,CAAA,gBAAA,gBAAb,QAAA,KAAK,MAAK,EAAA,EAAA,CAAA,CAAA;2BAHV,CAZL,mBAYK,MAAA;KAXF,OAAK,eAAA;MAAY,MAAA,aAAA,CAAa,EAAC,OAAA;MAAkB,MAAA,IAAA,CAAI,GAAE,UAAW,MAAA,OAAM,CAAA;MAAW,MAAA,IAAA,CAAI,GAAE,cAAA;MAAyB,MAAA,IAAA,CAAI,GAAE,YAAa,QAAA,KAAK,YAAQ,MAAA;;KAMnJ,KAAI;KACH,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,gBAAA,IAAA,MAAA,gBAAA,CAAA,GAAA,KAAA;QAES,QAAA,KAAK,QAAA,WAAA,EAAtB,YAAgF,aAAA;;KAAnD,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,aAAA,CAAa,EAAC,OAAA,CAAA;oDACpE,mBAAuC,QAAA,YAAA,gBAAvB,QAAA,KAAK,MAAK,GAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;uBAS9B,mBAgBK,UAAA,EAAA,KAAA,GAAA,EAAA,CAjBL,mBAAA,eAAA,EACA,mBAgBK,MAAA;IAdF,OAAK,eAAA;KAAU,MAAA,aAAA,CAAa,EAAC,OAAA;KAAgB,MAAA,IAAA,CAAI,GAAE,UAAW,MAAA,OAAM,CAAA;KAAS,MAAA,IAAA,CAAI,GAAE,YAAa,QAAA,KAAK,YAAQ,MAAA;;IAK9G,KAAI;IACH,SAAO;;IAES,QAAA,KAAK,QAAA,WAAA,EAAtB,YAAgF,aAAA;;KAAnD,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,aAAA,CAAa,EAAC,OAAA,CAAA;;IAEpE,mBAAA,OAAA;IACA,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,aAAA,CAAa,EAAC,aAAA,CAAA,EAAA,EAAA,gBACvB,QAAA,KAAK,MAAK,EAAA,EAAA"}

package/dist/components/menu/menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","names":[],"sources":["../../../src/components/menu/menu-item.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[\n      cls.e('item'),\n      bem.is('first-level', depth === 0),\n      bem.is('active', active),\n      bem.is('disabled', menu.disabled ?? false)\n    ]\"\n    ref=\"item\"\n    @click=\"handleClickMenu\"\n  >\n    <MenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"cls.e('icon')\" />\n\n    <!-- 文本 -->\n    <span :class=\"cls.e('item-title')\">\n      {{ menu.title }}\n    </span>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport { bem } from '@veltra/utils'\nimport { useTemplateRef } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport MenuIcon from './menu-icon.vue'\nimport { useMenuItem } from './use-menu-item'\n\ndefineOptions({ name: 'MenuItem' })\n\nconst props = defineProps<{ menu: MenuItem; depth: number }>()\n\nconst itemRef = useTemplateRef('item')\n\nconst { cls, active, handleClickMenu } = useMenuItem({ itemProps: props, itemRef })\n</script>\n"],"mappings":";;;;;;;;;;;;;EAkCA,MAAM,EAAE,KAAK,QAAQ,oBAAoB,YAAY;GAAE,WAAW;GAAO,SAFzD,eAAe,OAE0C;GAAS,CAAA;;uBAjChF,mBAgBK,MAAA;IAfF,OAAK,eAAA;KAAU,MAAA,IAAG,CAAC,EAAC,OAAA;KAAgB,MAAA,IAAG,CAAC,GAAE,eAAgB,QAAA,UAAK,EAAA;KAAe,MAAA,IAAG,CAAC,GAAE,UAAW,MAAA,OAAM,CAAA;KAAS,MAAA,IAAG,CAAC,GAAE,YAAa,QAAA,KAAK,YAAQ,MAAA;;IAM/I,KAAI;IACH,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,gBAAA,IAAA,MAAA,gBAAA,CAAA,GAAA,KAAe;;IAEP,QAAA,KAAK,QAAA,WAAA,EAArB,YAAsE,aAAA;;KAA1C,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;;IAE1D,mBAAA,OAAW;IACX,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,aAAA,CAAA,EAAA,EAAA,gBACd,QAAA,KAAK,MAAK,EAAA,EAAA"}
+{"version":3,"file":"menu-item.js","names":[],"sources":["../../../src/components/menu/menu-item.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[\n      cls.e('item'),\n      bem.is('first-level', depth === 0),\n      bem.is('active', active),\n      bem.is('disabled', menu.disabled ?? false)\n    ]\"\n    ref=\"item\"\n    @click=\"handleClickMenu\"\n  >\n    <MenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"cls.e('icon')\" />\n\n    <!-- 文本 -->\n    <span :class=\"cls.e('item-title')\">\n      {{ menu.title }}\n    </span>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport { bem } from '@veltra/utils'\nimport { useTemplateRef } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport MenuIcon from './menu-icon.vue'\nimport { useMenuItem } from './use-menu-item'\n\ndefineOptions({ name: 'MenuItem' })\n\nconst props = defineProps<{ menu: MenuItem; depth: number }>()\n\nconst itemRef = useTemplateRef('item')\n\nconst { cls, active, handleClickMenu } = useMenuItem({ itemProps: props, itemRef })\n</script>\n"],"mappings":";;;;;;;;;;;;;EAkCA,MAAM,EAAE,KAAK,QAAQ,oBAAoB,YAAY;GAAE,WAAW;GAAO,SAFzD,eAAe,OAE0C;GAAS,CAAA;;uBAjChF,mBAgBK,MAAA;IAfF,OAAK,eAAA;KAAU,MAAA,IAAA,CAAI,EAAC,OAAA;KAAgB,MAAA,IAAA,CAAI,GAAE,eAAgB,QAAA,UAAK,EAAA;KAAe,MAAA,IAAA,CAAI,GAAE,UAAW,MAAA,OAAM,CAAA;KAAS,MAAA,IAAA,CAAI,GAAE,YAAa,QAAA,KAAK,YAAQ,MAAA;;IAM/I,KAAI;IACH,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,gBAAA,IAAA,MAAA,gBAAA,CAAA,GAAA,KAAA;;IAEQ,QAAA,KAAK,QAAA,WAAA,EAArB,YAAsE,aAAA;;KAA1C,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,OAAA,CAAA;;IAE1D,mBAAA,OAAA;IACA,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,aAAA,CAAA,EAAA,EAAA,gBACd,QAAA,KAAK,MAAK,EAAA,EAAA"}

package/dist/components/menu/menu-sub-collapsed.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-sub-collapsed.js","names":[],"sources":["../../../src/components/menu/menu-sub-collapsed.vue"],"sourcesContent":["<template>\n  <u-tip\n    hide-arrow\n    direction=\"right\"\n    alignment=\"start\"\n    :class=\"[collapsedCls.m(size), collapsedCls.e('panel')]\"\n    style=\"padding: 0\"\n    v-model:visible=\"visible\"\n  >\n    <li :class=\"[collapsedCls.e('sub-content'), bem.is('first-level', depth === 0)]\">\n      <MenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"collapsedCls.e('icon')\" />\n\n      <span v-else>{{ menu.title[0] }}</span>\n\n      <template v-if=\"depth !== 0\">\n        <span :class=\"collapsedCls.e('sub-title')\">\n          {{ menu.title }}\n        </span>\n\n        <!-- 展开图标 -->\n        <u-icon :class=\"[collapsedCls.e('sub-expand')]\">\n          <ArrowRight />\n        </u-icon>\n      </template>\n    </li>\n\n    <template #content>\n      <u-scroll tag=\"ul\" :class=\"collapsedCls.e('sub-list')\">\n        <template v-for=\"(child, index) of menu.children!\" :key=\"getKey(index, parentKey)\">\n          <UMenuItemCollapsed\n            v-if=\"!child.children?.length\"\n            :menu=\"child\"\n            :depth=\"depth + 1\"\n            @click=\"closeSubMenu\"\n          />\n\n          <MenuSubCollapsed\n            v-else\n            :menu=\"child\"\n            :parent-key=\"getKey(index, parentKey)\"\n            :depth=\"depth + 1\"\n          />\n        </template>\n      </u-scroll>\n    </template>\n  </u-tip>\n</template>\n\n<script setup lang=\"ts\">\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { inject, ref } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport { UScroll } from '../scroll'\nimport { UTip } from '../tip'\nimport { MenuDIKey } from './di'\nimport { getKey } from './helper'\nimport MenuIcon from './menu-icon.vue'\nimport UMenuItemCollapsed from './menu-item-collapsed.vue'\n\ndefineOptions({\n  name: 'MenuSubCollapsed'\n})\n\ndefineProps<{\n  menu: MenuItem\n  parentKey: string\n  depth: number\n}>()\n\nconst visible = ref(false)\n\nfunction closeSubMenu() {\n  visible.value = false\n}\n\nconst { collapsedCls, size } = inject(MenuDIKey)!\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAwEA,MAAM,UAAU,IAAI,MAAK;EAEzB,SAAS,eAAe;AACtB,WAAQ,QAAQ;;EAGlB,MAAM,EAAE,cAAc,SAAS,OAAO,UAAU;;;uBA7E9C,YA4CQ,MAAA,YAAA,EAAA;IA3CN,cAAA;IACA,WAAU;IACV,WAAU;IACT,OAAK,eAAA,CAAG,MAAA,aAAY,CAAC,EAAE,MAAA,KAAI,CAAA,EAAG,MAAA,aAAY,CAAC,EAAC,QAAA,CAAA,CAAA;IAC7C,OAAA,EAAA,WAAA,KAAkB;IACV,SAAS,QAAA;8DAAA,QAAO,QAAA;;IAmBb,SAAO,cAiBL,CAhBX,YAgBW,MAAA,YAAA,EAAA;KAhBD,KAAI;KAAM,OAAK,eAAE,MAAA,aAAY,CAAC,EAAC,WAAA,CAAA;;4BACW,EAAA,UAAA,KAAA,EAAlD,mBAcW,UAAA,MAAA,WAdwB,QAAA,KAAK,WAAtB,OAAO,UAAK;8DAA2B,MAAA,OAAM,CAAC,OAAO,QAAA,UAAS,EAAA,EAAA,CAAA,CAErE,MAAM,UAAU,UAAA,WAAA,EADzB,YAKE,aAAA;;OAHC,MAAM;OACN,OAAO,QAAA,QAAK;OACZ,SAAO;sDAGV,YAKE,6BAAA;;OAHC,MAAM;OACN,cAAY,MAAA,OAAM,CAAC,OAAO,QAAA,UAAS;OACnC,OAAO,QAAA,QAAK;;;;;;;;;2BAhBhB,CAfL,mBAeK,MAAA,EAfA,OAAK,eAAA,CAAG,MAAA,aAAY,CAAC,EAAC,cAAA,EAAiB,MAAA,IAAG,CAAC,GAAE,eAAgB,QAAA,UAAK,EAAA,CAAA,CAAA,EAAA,EAAA,CACrD,QAAA,KAAK,QAAA,WAAA,EAArB,YAA+E,aAAA;;KAAnD,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,aAAY,CAAC,EAAC,OAAA,CAAA;oDAEnE,mBAAuC,QAAA,YAAA,gBAAvB,QAAA,KAAK,MAAK,GAAA,EAAA,EAAA,GAEV,QAAA,UAAK,KAAA,WAAA,EAArB,mBASW,UAAA,EAAA,KAAA,GAAA,EAAA;KART,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,aAAY,CAAC,EAAC,YAAA,CAAA,EAAA,EAAA,gBACvB,QAAA,KAAK,MAAK,EAAA,EAAA;KAGf,mBAAA,SAAa;KACb,YAES,MAAA,YAAA,EAAA,EAFA,OAAK,eAAA,CAAG,MAAA,aAAY,CAAC,EAAC,aAAA,CAAA,CAAA,EAAA,EAAA;6BACf,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"menu-sub-collapsed.js","names":[],"sources":["../../../src/components/menu/menu-sub-collapsed.vue"],"sourcesContent":["<template>\n  <u-tip\n    hide-arrow\n    direction=\"right\"\n    alignment=\"start\"\n    :class=\"[collapsedCls.m(size), collapsedCls.e('panel')]\"\n    style=\"padding: 0\"\n    v-model:visible=\"visible\"\n  >\n    <li :class=\"[collapsedCls.e('sub-content'), bem.is('first-level', depth === 0)]\">\n      <MenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"collapsedCls.e('icon')\" />\n\n      <span v-else>{{ menu.title[0] }}</span>\n\n      <template v-if=\"depth !== 0\">\n        <span :class=\"collapsedCls.e('sub-title')\">\n          {{ menu.title }}\n        </span>\n\n        <!-- 展开图标 -->\n        <u-icon :class=\"[collapsedCls.e('sub-expand')]\">\n          <ArrowRight />\n        </u-icon>\n      </template>\n    </li>\n\n    <template #content>\n      <u-scroll tag=\"ul\" :class=\"collapsedCls.e('sub-list')\">\n        <template v-for=\"(child, index) of menu.children!\" :key=\"getKey(index, parentKey)\">\n          <UMenuItemCollapsed\n            v-if=\"!child.children?.length\"\n            :menu=\"child\"\n            :depth=\"depth + 1\"\n            @click=\"closeSubMenu\"\n          />\n\n          <MenuSubCollapsed\n            v-else\n            :menu=\"child\"\n            :parent-key=\"getKey(index, parentKey)\"\n            :depth=\"depth + 1\"\n          />\n        </template>\n      </u-scroll>\n    </template>\n  </u-tip>\n</template>\n\n<script setup lang=\"ts\">\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { inject, ref } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport { UScroll } from '../scroll'\nimport { UTip } from '../tip'\nimport { MenuDIKey } from './di'\nimport { getKey } from './helper'\nimport MenuIcon from './menu-icon.vue'\nimport UMenuItemCollapsed from './menu-item-collapsed.vue'\n\ndefineOptions({\n  name: 'MenuSubCollapsed'\n})\n\ndefineProps<{\n  menu: MenuItem\n  parentKey: string\n  depth: number\n}>()\n\nconst visible = ref(false)\n\nfunction closeSubMenu() {\n  visible.value = false\n}\n\nconst { collapsedCls, size } = inject(MenuDIKey)!\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAwEA,MAAM,UAAU,IAAI,MAAK;EAEzB,SAAS,eAAe;GACtB,QAAQ,QAAQ;;EAGlB,MAAM,EAAE,cAAc,SAAS,OAAO,UAAS;;;uBA7E7C,YA4CQ,MAAA,YAAA,EAAA;IA3CN,cAAA;IACA,WAAU;IACV,WAAU;IACT,OAAK,eAAA,CAAG,MAAA,aAAA,CAAa,EAAE,MAAA,KAAI,CAAA,EAAG,MAAA,aAAA,CAAa,EAAC,QAAA,CAAA,CAAA;IAC7C,OAAA,EAAA,WAAA,KAAA;IACQ,SAAS,QAAA;8DAAA,QAAO,QAAA;;IAmBb,SAAO,cAiBL,CAhBX,YAgBW,MAAA,YAAA,EAAA;KAhBD,KAAI;KAAM,OAAK,eAAE,MAAA,aAAA,CAAa,EAAC,WAAA,CAAA;;4BACW,EAAA,UAAA,KAAA,EAAlD,mBAcW,UAAA,MAAA,WAdwB,QAAA,KAAK,WAAtB,OAAO,UAAK;8DAA2B,MAAA,OAAA,CAAO,OAAO,QAAA,UAAS,EAAA,EAAA,CAAA,CAErE,MAAM,UAAU,UAAA,WAAA,EADzB,YAKE,aAAA;;OAHC,MAAM;OACN,OAAO,QAAA,QAAK;OACZ,SAAO;sDAGV,YAKE,6BAAA;;OAHC,MAAM;OACN,cAAY,MAAA,OAAA,CAAO,OAAO,QAAA,UAAS;OACnC,OAAO,QAAA,QAAK;;;;;;;;;2BAhBhB,CAfL,mBAeK,MAAA,EAfA,OAAK,eAAA,CAAG,MAAA,aAAA,CAAa,EAAC,cAAA,EAAiB,MAAA,IAAA,CAAI,GAAE,eAAgB,QAAA,UAAK,EAAA,CAAA,CAAA,EAAA,EAAA,CACrD,QAAA,KAAK,QAAA,WAAA,EAArB,YAA+E,aAAA;;KAAnD,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,aAAA,CAAa,EAAC,OAAA,CAAA;oDAEnE,mBAAuC,QAAA,YAAA,gBAAvB,QAAA,KAAK,MAAK,GAAA,EAAA,EAAA,GAEV,QAAA,UAAK,KAAA,WAAA,EAArB,mBASW,UAAA,EAAA,KAAA,GAAA,EAAA;KART,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,aAAA,CAAa,EAAC,YAAA,CAAA,EAAA,EAAA,gBACvB,QAAA,KAAK,MAAK,EAAA,EAAA;KAGf,mBAAA,SAAA;KACA,YAES,MAAA,YAAA,EAAA,EAFA,OAAK,eAAA,CAAG,MAAA,aAAA,CAAa,EAAC,aAAA,CAAA,CAAA,EAAA,EAAA;6BACf,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA"}

package/dist/components/menu/menu-sub.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-sub.js","names":[],"sources":["../../../src/components/menu/menu-sub.vue"],"sourcesContent":["<template>\n  <li :class=\"[cls.e('sub'), bem.is('expanded', expanded)]\">\n    <div\n      :class=\"[\n        cls.e('sub-content'),\n        bem.is('first-level', depth === 0),\n        bem.is('expanded', expanded),\n        bem.is('branch-active', branchActive)\n      ]\"\n      @click=\"handleToggleExpand\"\n    >\n      <UMenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"cls.e('icon')\" />\n\n      <!-- 文本 -->\n      <span :class=\"cls.e('sub-title')\">\n        {{ menu.title }}\n      </span>\n\n      <!-- 展开图标 -->\n      <u-icon :class=\"[cls.e('sub-expand'), bem.is('expanded', expanded)]\">\n        <ArrowRight />\n      </u-icon>\n    </div>\n\n    <!-- @vue-ignore -->\n    <transition\n      @enter=\"(el: Element) => expandTransition.enter(el as HTMLElement)\"\n      @after-enter=\"(el: Element) => expandTransition.afterEnter(el as HTMLElement)\"\n      @before-leave=\"(el: Element) => expandTransition.beforeLeave(el as HTMLElement)\"\n      @leave=\"(el: Element) => expandTransition.leave(el as HTMLElement)\"\n      @after-leave=\"(el: Element) => expandTransition.afterLeave(el as HTMLElement)\"\n    >\n      <ul :class=\"cls.e('sub-list')\" v-show=\"expanded\">\n        <template v-for=\"(child, index) of menu.children!\" :key=\"getKey(index, parentKey)\">\n          <UMenuItem v-if=\"!child.children?.length\" :menu=\"child\" :depth=\"depth + 1\" />\n          <MenuSub v-else :menu=\"child\" :parent-key=\"getKey(index, parentKey)\" :depth=\"depth + 1\" />\n        </template>\n      </ul>\n    </transition>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport { MenuDIKey } from './di'\nimport { getKey } from './helper'\nimport UMenuIcon from './menu-icon.vue'\nimport UMenuItem from './menu-item.vue'\n\ndefineOptions({ name: 'MenuSub' })\n\nconst props = defineProps<{ menu: MenuItem; parentKey: string; depth: number }>()\n\nconst { cls, expandedPath, menuProps, expandTransition } = inject(MenuDIKey)!\n\nconst expanded = computed(() => expandedPath.has(props.menu.path))\n\nconst branchActive = computed(() => {\n  const currentPath = menuProps.currentPath\n  if (!currentPath) return false\n\n  const check = (items?: MenuItem[]) => {\n    return items?.some((item) => item.path === currentPath || check(item.children)) ?? false\n  }\n\n  return check(props.menu.children)\n})\n\nfunction handleToggleExpand() {\n  const { menu } = props\n  expandedPath.has(menu.path) ? expandedPath.delete(menu.path) : expandedPath.add(menu.path)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAwDA,MAAM,QAAQ;EAEd,MAAM,EAAE,KAAK,cAAc,WAAW,qBAAqB,OAAO,UAAU;EAE5E,MAAM,WAAW,eAAe,aAAa,IAAI,MAAM,KAAK,KAAK,CAAA;EAEjE,MAAM,eAAe,eAAe;GAClC,MAAM,cAAc,UAAU;AAC9B,OAAI,CAAC,YAAa,QAAO;GAEzB,MAAM,SAAS,UAAuB;AACpC,WAAO,OAAO,MAAM,SAAS,KAAK,SAAS,eAAe,MAAM,KAAK,SAAS,CAAC,IAAI;;AAGrF,UAAO,MAAM,MAAM,KAAK,SAAQ;IACjC;EAED,SAAS,qBAAqB;GAC5B,MAAM,EAAE,SAAS;AACjB,gBAAa,IAAI,KAAK,KAAK,GAAG,aAAa,OAAO,KAAK,KAAK,GAAG,aAAa,IAAI,KAAK,KAAI;;;;uBA1EzF,mBAsCK,MAAA,EAtCA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,EAAC,MAAA,EAAS,MAAA,IAAG,CAAC,GAAE,YAAa,SAAA,MAAQ,CAAA,CAAA,EAAA,EAAA;IACpD,mBAoBM,OAAA;KAnBH,OAAK,eAAA;MAAY,MAAA,IAAG,CAAC,EAAC,cAAA;MAAyB,MAAA,IAAG,CAAC,GAAE,eAAgB,QAAA,UAAK,EAAA;MAAiB,MAAA,IAAG,CAAC,GAAE,YAAa,SAAA,MAAQ;MAAW,MAAA,IAAG,CAAC,GAAE,iBAAkB,aAAA,MAAY;;KAMrK,SAAO;;KAES,QAAA,KAAK,QAAA,WAAA,EAAtB,YAAuE,aAAA;;MAA1C,MAAM,QAAA,KAAK;MAAO,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;;KAE3D,mBAAA,OAAW;KACX,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,YAAA,CAAA,EAAA,EAAA,gBACd,QAAA,KAAK,MAAK,EAAA,EAAA;KAGf,mBAAA,SAAa;KACb,YAES,MAAA,YAAA,EAAA,EAFA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,EAAC,aAAA,EAAgB,MAAA,IAAG,CAAC,GAAE,YAAa,SAAA,MAAQ,CAAA,CAAA,EAAA,EAAA;6BACjD,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA;;;;IAIlB,mBAAA,gBAAoB;IACpB,YAaa,YAAA;KAZV,SAAK,OAAA,OAAA,OAAA,MAAG,OAAgB,MAAA,iBAAgB,CAAC,MAAM,GAAE;KACjD,cAAW,OAAA,OAAA,OAAA,MAAG,OAAgB,MAAA,iBAAgB,CAAC,WAAW,GAAE;KAC5D,eAAY,OAAA,OAAA,OAAA,MAAG,OAAgB,MAAA,iBAAgB,CAAC,YAAY,GAAE;KAC9D,SAAK,OAAA,OAAA,OAAA,MAAG,OAAgB,MAAA,iBAAgB,CAAC,MAAM,GAAE;KACjD,cAAW,OAAA,OAAA,OAAA,MAAG,OAAgB,MAAA,iBAAgB,CAAC,WAAW,GAAE;KAL/D,WAAA;;4BAYO,CAAA,eALL,mBAKK,MAAA,EALA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,WAAA,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EACf,mBAGW,UAAA,MAAA,WAHwB,QAAA,KAAK,WAAtB,OAAO,UAAK;8DAA2B,MAAA,OAAM,CAAC,OAAO,QAAA,UAAS,EAAA,EAAA,CAAA,CAC5D,MAAM,UAAU,UAAA,WAAA,EAAlC,YAA6E,aAAA;;OAAlC,MAAM;OAAQ,OAAO,QAAA,QAAK;sDACrE,YAA0F,oBAAA;;OAAzE,MAAM;OAAQ,cAAY,MAAA,OAAM,CAAC,OAAO,QAAA,UAAS;OAAI,OAAO,QAAA,QAAK;;;;;;8BAH/C,SAAA,MAAQ,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"menu-sub.js","names":[],"sources":["../../../src/components/menu/menu-sub.vue"],"sourcesContent":["<template>\n  <li :class=\"[cls.e('sub'), bem.is('expanded', expanded)]\">\n    <div\n      :class=\"[\n        cls.e('sub-content'),\n        bem.is('first-level', depth === 0),\n        bem.is('expanded', expanded),\n        bem.is('branch-active', branchActive)\n      ]\"\n      @click=\"handleToggleExpand\"\n    >\n      <UMenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"cls.e('icon')\" />\n\n      <!-- 文本 -->\n      <span :class=\"cls.e('sub-title')\">\n        {{ menu.title }}\n      </span>\n\n      <!-- 展开图标 -->\n      <u-icon :class=\"[cls.e('sub-expand'), bem.is('expanded', expanded)]\">\n        <ArrowRight />\n      </u-icon>\n    </div>\n\n    <!-- @vue-ignore -->\n    <transition\n      @enter=\"(el: Element) => expandTransition.enter(el as HTMLElement)\"\n      @after-enter=\"(el: Element) => expandTransition.afterEnter(el as HTMLElement)\"\n      @before-leave=\"(el: Element) => expandTransition.beforeLeave(el as HTMLElement)\"\n      @leave=\"(el: Element) => expandTransition.leave(el as HTMLElement)\"\n      @after-leave=\"(el: Element) => expandTransition.afterLeave(el as HTMLElement)\"\n    >\n      <ul :class=\"cls.e('sub-list')\" v-show=\"expanded\">\n        <template v-for=\"(child, index) of menu.children!\" :key=\"getKey(index, parentKey)\">\n          <UMenuItem v-if=\"!child.children?.length\" :menu=\"child\" :depth=\"depth + 1\" />\n          <MenuSub v-else :menu=\"child\" :parent-key=\"getKey(index, parentKey)\" :depth=\"depth + 1\" />\n        </template>\n      </ul>\n    </transition>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport { MenuDIKey } from './di'\nimport { getKey } from './helper'\nimport UMenuIcon from './menu-icon.vue'\nimport UMenuItem from './menu-item.vue'\n\ndefineOptions({ name: 'MenuSub' })\n\nconst props = defineProps<{ menu: MenuItem; parentKey: string; depth: number }>()\n\nconst { cls, expandedPath, menuProps, expandTransition } = inject(MenuDIKey)!\n\nconst expanded = computed(() => expandedPath.has(props.menu.path))\n\nconst branchActive = computed(() => {\n  const currentPath = menuProps.currentPath\n  if (!currentPath) return false\n\n  const check = (items?: MenuItem[]) => {\n    return items?.some((item) => item.path === currentPath || check(item.children)) ?? false\n  }\n\n  return check(props.menu.children)\n})\n\nfunction handleToggleExpand() {\n  const { menu } = props\n  expandedPath.has(menu.path) ? expandedPath.delete(menu.path) : expandedPath.add(menu.path)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAwDA,MAAM,QAAQ;EAEd,MAAM,EAAE,KAAK,cAAc,WAAW,qBAAqB,OAAO,UAAS;EAE3E,MAAM,WAAW,eAAe,aAAa,IAAI,MAAM,KAAK,KAAK,CAAA;EAEjE,MAAM,eAAe,eAAe;GAClC,MAAM,cAAc,UAAU;GAC9B,IAAI,CAAC,aAAa,OAAO;GAEzB,MAAM,SAAS,UAAuB;IACpC,OAAO,OAAO,MAAM,SAAS,KAAK,SAAS,eAAe,MAAM,KAAK,SAAS,CAAA,IAAK;;GAGrF,OAAO,MAAM,MAAM,KAAK,SAAQ;IACjC;EAED,SAAS,qBAAqB;GAC5B,MAAM,EAAE,SAAS;GACjB,aAAa,IAAI,KAAK,KAAI,GAAI,aAAa,OAAO,KAAK,KAAI,GAAI,aAAa,IAAI,KAAK,KAAI;;;;uBA1EzF,mBAsCK,MAAA,EAtCA,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,MAAA,EAAS,MAAA,IAAA,CAAI,GAAE,YAAa,SAAA,MAAQ,CAAA,CAAA,EAAA,EAAA;IACpD,mBAoBM,OAAA;KAnBH,OAAK,eAAA;MAAY,MAAA,IAAA,CAAI,EAAC,cAAA;MAAyB,MAAA,IAAA,CAAI,GAAE,eAAgB,QAAA,UAAK,EAAA;MAAiB,MAAA,IAAA,CAAI,GAAE,YAAa,SAAA,MAAQ;MAAW,MAAA,IAAA,CAAI,GAAE,iBAAkB,aAAA,MAAY;;KAMrK,SAAO;;KAES,QAAA,KAAK,QAAA,WAAA,EAAtB,YAAuE,aAAA;;MAA1C,MAAM,QAAA,KAAK;MAAO,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,OAAA,CAAA;;KAE3D,mBAAA,OAAA;KACA,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,YAAA,CAAA,EAAA,EAAA,gBACd,QAAA,KAAK,MAAK,EAAA,EAAA;KAGf,mBAAA,SAAA;KACA,YAES,MAAA,YAAA,EAAA,EAFA,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,aAAA,EAAgB,MAAA,IAAA,CAAI,GAAE,YAAa,SAAA,MAAQ,CAAA,CAAA,EAAA,EAAA;6BACjD,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA;;;;IAIlB,mBAAA,gBAAA;IACA,YAaa,YAAA;KAZV,SAAK,OAAA,OAAA,OAAA,MAAG,OAAgB,MAAA,iBAAA,CAAiB,MAAM,GAAE;KACjD,cAAW,OAAA,OAAA,OAAA,MAAG,OAAgB,MAAA,iBAAA,CAAiB,WAAW,GAAE;KAC5D,eAAY,OAAA,OAAA,OAAA,MAAG,OAAgB,MAAA,iBAAA,CAAiB,YAAY,GAAE;KAC9D,SAAK,OAAA,OAAA,OAAA,MAAG,OAAgB,MAAA,iBAAA,CAAiB,MAAM,GAAE;KACjD,cAAW,OAAA,OAAA,OAAA,MAAG,OAAgB,MAAA,iBAAA,CAAiB,WAAW,GAAE;KAL/D,WAAA;;4BAYO,CAAA,eALL,mBAKK,MAAA,EALA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,WAAA,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EACf,mBAGW,UAAA,MAAA,WAHwB,QAAA,KAAK,WAAtB,OAAO,UAAK;8DAA2B,MAAA,OAAA,CAAO,OAAO,QAAA,UAAS,EAAA,EAAA,CAAA,CAC5D,MAAM,UAAU,UAAA,WAAA,EAAlC,YAA6E,aAAA;;OAAlC,MAAM;OAAQ,OAAO,QAAA,QAAK;sDACrE,YAA0F,oBAAA;;OAAzE,MAAM;OAAQ,cAAY,MAAA,OAAA,CAAO,OAAO,QAAA,UAAS;OAAI,OAAO,QAAA,QAAK;;;;;;8BAH/C,SAAA,MAAQ,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":[],"sources":["../../../src/components/menu/menu.vue"],"sourcesContent":["<template>\n  <u-scroll\n    tag=\"ul\"\n    :class=\"[menuCls.b, menuCls.m(size)]\"\n    :container-class=\"menuCls.e('container')\"\n  >\n    <!-- 常规 -->\n    <template v-if=\"!collapsed\">\n      <template v-for=\"(menu, index) of menus\" :key=\"index\">\n        <UMenuSub\n          v-if=\"menu.children?.length\"\n          :menu=\"menu\"\n          :parent-key=\"String(index)\"\n          :depth=\"0\"\n        />\n        <UMenuItem v-else :menu=\"menu\" :key=\"index\" :depth=\"0\" />\n      </template>\n    </template>\n\n    <!-- 折叠 -->\n    <template v-else>\n      <template v-for=\"(menu, index) of menus\" :key=\"index\">\n        <UMenuSubCollapsed\n          v-if=\"menu.children?.length\"\n          :menu=\"menu\"\n          :parent-key=\"String(index)\"\n          :depth=\"0\"\n        />\n        <UMenuItemCollapsed v-else :menu=\"menu\" :key=\"index\" :depth=\"0\" />\n      </template>\n    </template>\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem, ExpandTransition } from '@veltra/utils'\nimport { computed, provide, shallowReactive, watch } from 'vue'\n\nimport type { MenuEmits, MenuProps, ComponentSize } from '../../types'\nimport { UScroll } from '../scroll'\nimport { MenuDIKey } from './di'\nimport UMenuItemCollapsed from './menu-item-collapsed.vue'\nimport UMenuItem from './menu-item.vue'\nimport UMenuSubCollapsed from './menu-sub-collapsed.vue'\nimport UMenuSub from './menu-sub.vue'\nimport { walkMenuWithPath } from './walk-menu-path'\n\ndefineOptions({\n  name: 'Menu'\n})\n\nconst props = withDefaults(defineProps<MenuProps>(), {\n  expand: false,\n  activeIndex: '',\n  collapsed: false,\n  uniqueOpened: false\n})\n\nconst emit = defineEmits<MenuEmits>()\n\nconst cls = bem('menu')\nconst collapsedCls = bem('collapsed-menu')\n\nconst menuCls = computed(() => {\n  return props.collapsed ? collapsedCls : cls\n})\n\nconst expandTransition = new ExpandTransition({\n  enterTransition:\n    'height 0.25s cubic-bezier(0.4, 0, 0.2, 1), padding-top 0.25s cubic-bezier(0.4, 0, 0.2, 1), padding-bottom 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.18s cubic-bezier(0.4, 0, 0.2, 1)',\n  leaveTransition:\n    'height 0.2s cubic-bezier(0.4, 0, 1, 1), padding-top 0.2s cubic-bezier(0.4, 0, 1, 1), padding-bottom 0.2s cubic-bezier(0.4, 0, 1, 1), opacity 0.12s cubic-bezier(0.4, 0, 1, 1)',\n  opacity: true\n})\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst expandedPath = shallowReactive(new Set<string>())\n\nwatch(\n  [() => props.currentPath, () => props.menus],\n  ([currentPath, menus]) => {\n    if (!currentPath || !menus) return\n    menus.forEach((menu) => {\n      walkMenuWithPath(menu, (node, nodePath) => {\n        if (node.path === currentPath) {\n          nodePath.slice(0, -1).forEach((path) => {\n            expandedPath.add(path.path)\n          })\n          return false\n        }\n      })\n    })\n  },\n  {\n    immediate: true\n  }\n)\n\nprovide(MenuDIKey, {\n  cls,\n  collapsedCls,\n  menuProps: props,\n  menuEmit: emit,\n  expandedPath,\n  size,\n  expandTransition\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,OAAM;EACtB,MAAM,eAAe,IAAI,iBAAgB;EAEzC,MAAM,UAAU,eAAe;AAC7B,UAAO,MAAM,YAAY,eAAe;IACzC;EAED,MAAM,mBAAmB,IAAI,iBAAiB;GAC5C,iBACE;GACF,iBACE;GACF,SAAS;GACV,CAAA;EAED,MAAM,EAAE,SAAS,iBAAiB,CAAC,MAAM,EAAE,EACzC,MAAM,WACP,CAAA;EAED,MAAM,eAAe,gCAAgB,IAAI,KAAa,CAAA;AAEtD,QACE,OAAO,MAAM,mBAAmB,MAAM,MAAM,GAC3C,CAAC,aAAa,WAAW;AACxB,OAAI,CAAC,eAAe,CAAC,MAAO;AAC5B,SAAM,SAAS,SAAS;AACtB,qBAAiB,OAAO,MAAM,aAAa;AACzC,SAAI,KAAK,SAAS,aAAa;AAC7B,eAAS,MAAM,GAAG,GAAG,CAAC,SAAS,SAAS;AACtC,oBAAa,IAAI,KAAK,KAAI;QAC3B;AACD,aAAO;;MAEV;KACF;KAEH,EACE,WAAW,MACb,CACF;AAEA,UAAQ,WAAW;GACjB;GACA;GACA,WAAW;GACX,UAAU;GACV;GACA;GACA;GACD,CAAA;;uBA7GC,YA8BW,MAAA,YAAA,EAAA;IA7BT,KAAI;IACH,OAAK,eAAA,CAAG,QAAA,MAAQ,GAAG,QAAA,MAAQ,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA;IACjC,mBAAiB,QAAA,MAAQ,EAAC,YAAA;;2BAEhB,CAAX,mBAAA,OAAW,EAAA,CACM,QAAA,aAAA,UAAA,KAAA,EACf,mBAQW,UAAA,EAAA,KAAA,GAAA,EAAA,WARuB,QAAA,QAAhB,MAAM,UAAK;6DAAkB,OAAK,EAAA,CAE1C,KAAK,UAAU,UAAA,WAAA,EADvB,YAKE,aAAA;;MAHO;MACN,cAAY,OAAO,MAAK;MACxB,OAAO;0DAEV,YAAyD,aAAA;MAAhC;MAAO,KAAK;MAAQ,OAAO;;8BAKxD,mBAUW,UAAA,EAAA,KAAA,GAAA,EAAA,CAXX,mBAAA,OAAW,GAAA,UAAA,KAAA,EAET,mBAQW,UAAA,MAAA,WARuB,QAAA,QAAhB,MAAM,UAAK;6DAAkB,OAAK,EAAA,CAE1C,KAAK,UAAU,UAAA,WAAA,EADvB,YAKE,aAAA;;MAHO;MACN,cAAY,OAAO,MAAK;MACxB,OAAO;0DAEV,YAAkE,aAAA;MAAhC;MAAO,KAAK;MAAQ,OAAO"}
+{"version":3,"file":"menu.js","names":[],"sources":["../../../src/components/menu/menu.vue"],"sourcesContent":["<template>\n  <u-scroll\n    tag=\"ul\"\n    :class=\"[menuCls.b, menuCls.m(size)]\"\n    :container-class=\"menuCls.e('container')\"\n  >\n    <!-- 常规 -->\n    <template v-if=\"!collapsed\">\n      <template v-for=\"(menu, index) of menus\" :key=\"index\">\n        <UMenuSub\n          v-if=\"menu.children?.length\"\n          :menu=\"menu\"\n          :parent-key=\"String(index)\"\n          :depth=\"0\"\n        />\n        <UMenuItem v-else :menu=\"menu\" :key=\"index\" :depth=\"0\" />\n      </template>\n    </template>\n\n    <!-- 折叠 -->\n    <template v-else>\n      <template v-for=\"(menu, index) of menus\" :key=\"index\">\n        <UMenuSubCollapsed\n          v-if=\"menu.children?.length\"\n          :menu=\"menu\"\n          :parent-key=\"String(index)\"\n          :depth=\"0\"\n        />\n        <UMenuItemCollapsed v-else :menu=\"menu\" :key=\"index\" :depth=\"0\" />\n      </template>\n    </template>\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem, ExpandTransition } from '@veltra/utils'\nimport { computed, provide, shallowReactive, watch } from 'vue'\n\nimport type { MenuEmits, MenuProps, ComponentSize } from '../../types'\nimport { UScroll } from '../scroll'\nimport { MenuDIKey } from './di'\nimport UMenuItemCollapsed from './menu-item-collapsed.vue'\nimport UMenuItem from './menu-item.vue'\nimport UMenuSubCollapsed from './menu-sub-collapsed.vue'\nimport UMenuSub from './menu-sub.vue'\nimport { walkMenuWithPath } from './walk-menu-path'\n\ndefineOptions({\n  name: 'Menu'\n})\n\nconst props = withDefaults(defineProps<MenuProps>(), {\n  expand: false,\n  activeIndex: '',\n  collapsed: false,\n  uniqueOpened: false\n})\n\nconst emit = defineEmits<MenuEmits>()\n\nconst cls = bem('menu')\nconst collapsedCls = bem('collapsed-menu')\n\nconst menuCls = computed(() => {\n  return props.collapsed ? collapsedCls : cls\n})\n\nconst expandTransition = new ExpandTransition({\n  enterTransition:\n    'height 0.25s cubic-bezier(0.4, 0, 0.2, 1), padding-top 0.25s cubic-bezier(0.4, 0, 0.2, 1), padding-bottom 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.18s cubic-bezier(0.4, 0, 0.2, 1)',\n  leaveTransition:\n    'height 0.2s cubic-bezier(0.4, 0, 1, 1), padding-top 0.2s cubic-bezier(0.4, 0, 1, 1), padding-bottom 0.2s cubic-bezier(0.4, 0, 1, 1), opacity 0.12s cubic-bezier(0.4, 0, 1, 1)',\n  opacity: true\n})\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst expandedPath = shallowReactive(new Set<string>())\n\nwatch(\n  [() => props.currentPath, () => props.menus],\n  ([currentPath, menus]) => {\n    if (!currentPath || !menus) return\n    menus.forEach((menu) => {\n      walkMenuWithPath(menu, (node, nodePath) => {\n        if (node.path === currentPath) {\n          nodePath.slice(0, -1).forEach((path) => {\n            expandedPath.add(path.path)\n          })\n          return false\n        }\n      })\n    })\n  },\n  {\n    immediate: true\n  }\n)\n\nprovide(MenuDIKey, {\n  cls,\n  collapsedCls,\n  menuProps: props,\n  menuEmit: emit,\n  expandedPath,\n  size,\n  expandTransition\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,OAAM;EACtB,MAAM,eAAe,IAAI,iBAAgB;EAEzC,MAAM,UAAU,eAAe;GAC7B,OAAO,MAAM,YAAY,eAAe;IACzC;EAED,MAAM,mBAAmB,IAAI,iBAAiB;GAC5C,iBACE;GACF,iBACE;GACF,SAAS;GACV,CAAA;EAED,MAAM,EAAE,SAAS,iBAAiB,CAAC,MAAK,EAAG,EACzC,MAAM,WACP,CAAA;EAED,MAAM,eAAe,gCAAgB,IAAI,KAAa,CAAA;EAEtD,MACE,OAAO,MAAM,mBAAmB,MAAM,MAAK,GAC1C,CAAC,aAAa,WAAW;GACxB,IAAI,CAAC,eAAe,CAAC,OAAO;GAC5B,MAAM,SAAS,SAAS;IACtB,iBAAiB,OAAO,MAAM,aAAa;KACzC,IAAI,KAAK,SAAS,aAAa;MAC7B,SAAS,MAAM,GAAG,GAAE,CAAE,SAAS,SAAS;OACtC,aAAa,IAAI,KAAK,KAAI;QAC3B;MACD,OAAO;;MAEV;KACF;KAEH,EACE,WAAW,MAEf,CAAA;EAEA,QAAQ,WAAW;GACjB;GACA;GACA,WAAW;GACX,UAAU;GACV;GACA;GACA;GACD,CAAA;;uBA7GC,YA8BW,MAAA,YAAA,EAAA;IA7BT,KAAI;IACH,OAAK,eAAA,CAAG,QAAA,MAAQ,GAAG,QAAA,MAAQ,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA;IACjC,mBAAiB,QAAA,MAAQ,EAAC,YAAA;;2BAEhB,CAAX,mBAAA,OAAA,EAAA,CACiB,QAAA,aAAA,UAAA,KAAA,EACf,mBAQW,UAAA,EAAA,KAAA,GAAA,EAAA,WARuB,QAAA,QAAhB,MAAM,UAAK;6DAAkB,OAAK,EAAA,CAE1C,KAAK,UAAU,UAAA,WAAA,EADvB,YAKE,aAAA;;MAHO;MACN,cAAY,OAAO,MAAK;MACxB,OAAO;0DAEV,YAAyD,aAAA;MAAhC;MAAO,KAAK;MAAQ,OAAO;;8BAKxD,mBAUW,UAAA,EAAA,KAAA,GAAA,EAAA,CAXX,mBAAA,OAAA,GAAA,UAAA,KAAA,EAEE,mBAQW,UAAA,MAAA,WARuB,QAAA,QAAhB,MAAM,UAAK;6DAAkB,OAAK,EAAA,CAE1C,KAAK,UAAU,UAAA,WAAA,EADvB,YAKE,aAAA;;MAHO;MACN,cAAY,OAAO,MAAK;MACxB,OAAO;0DAEV,YAAkE,aAAA;MAAhC;MAAO,KAAK;MAAQ,OAAO"}

package/dist/components/menu/use-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-menu-item.js","names":[],"sources":["../../../src/components/menu/use-menu-item.ts"],"sourcesContent":["import { scrollIntoContainerView, type BEM } from '@veltra/utils'\nimport { computed, inject, watch, type ShallowRef, type ComputedRef } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport { MenuDIKey } from './di'\n\ninterface Options {\n  itemProps: { menu: MenuItem; depth: number }\n  itemRef: ShallowRef<HTMLElement | null>\n}\n\ninterface UseMenuItemReturned {\n  cls: BEM<'menu'>\n  collapsedCls: BEM<'collapsed-menu'>\n\n  active: ComputedRef<boolean>\n  handleClickMenu: () => void\n}\n\nexport function useMenuItem(options: Options): UseMenuItemReturned {\n  const { itemProps, itemRef } = options\n  const { cls, collapsedCls, menuProps, menuEmit } = inject(MenuDIKey)!\n\n  const active = computed(() => {\n    return menuProps.currentPath === itemProps.menu.path\n  })\n\n  let changedByClick = false\n  watch([active, itemRef], ([active, itemEl]) => {\n    if (changedByClick) {\n      changedByClick = false\n      return\n    }\n    if (!active || !itemEl) return\n    scrollIntoContainerView(itemEl, null)\n  })\n\n  function handleClickMenu() {\n    if (itemProps.menu.disabled) return\n    changedByClick = true\n    menuEmit('item-click', itemProps.menu)\n  }\n\n  return {\n    cls,\n    collapsedCls,\n\n    active,\n    handleClickMenu\n  }\n}\n"],"mappings":";;;;AAmBA,SAAgB,YAAY,SAAuC;CACjE,MAAM,EAAE,WAAW,YAAY;CAC/B,MAAM,EAAE,KAAK,cAAc,WAAW,aAAa,OAAO,UAAU;CAEpE,MAAM,SAAS,eAAe;AAC5B,SAAO,UAAU,gBAAgB,UAAU,KAAK;GAChD;CAEF,IAAI,iBAAiB;AACrB,OAAM,CAAC,QAAQ,QAAQ,GAAG,CAAC,QAAQ,YAAY;AAC7C,MAAI,gBAAgB;AAClB,oBAAiB;AACjB;;AAEF,MAAI,CAAC,UAAU,CAAC,OAAQ;AACxB,0BAAwB,QAAQ,KAAK;GACrC;CAEF,SAAS,kBAAkB;AACzB,MAAI,UAAU,KAAK,SAAU;AAC7B,mBAAiB;AACjB,WAAS,cAAc,UAAU,KAAK;;AAGxC,QAAO;EACL;EACA;EAEA;EACA;EACD"}
+{"version":3,"file":"use-menu-item.js","names":[],"sources":["../../../src/components/menu/use-menu-item.ts"],"sourcesContent":["import { scrollIntoContainerView, type BEM } from '@veltra/utils'\nimport { computed, inject, watch, type ShallowRef, type ComputedRef } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport { MenuDIKey } from './di'\n\ninterface Options {\n  itemProps: { menu: MenuItem; depth: number }\n  itemRef: ShallowRef<HTMLElement | null>\n}\n\ninterface UseMenuItemReturned {\n  cls: BEM<'menu'>\n  collapsedCls: BEM<'collapsed-menu'>\n\n  active: ComputedRef<boolean>\n  handleClickMenu: () => void\n}\n\nexport function useMenuItem(options: Options): UseMenuItemReturned {\n  const { itemProps, itemRef } = options\n  const { cls, collapsedCls, menuProps, menuEmit } = inject(MenuDIKey)!\n\n  const active = computed(() => {\n    return menuProps.currentPath === itemProps.menu.path\n  })\n\n  let changedByClick = false\n  watch([active, itemRef], ([active, itemEl]) => {\n    if (changedByClick) {\n      changedByClick = false\n      return\n    }\n    if (!active || !itemEl) return\n    scrollIntoContainerView(itemEl, null)\n  })\n\n  function handleClickMenu() {\n    if (itemProps.menu.disabled) return\n    changedByClick = true\n    menuEmit('item-click', itemProps.menu)\n  }\n\n  return {\n    cls,\n    collapsedCls,\n\n    active,\n    handleClickMenu\n  }\n}\n"],"mappings":";;;;AAmBA,SAAgB,YAAY,SAAuC;CACjE,MAAM,EAAE,WAAW,YAAY;CAC/B,MAAM,EAAE,KAAK,cAAc,WAAW,aAAa,OAAO,UAAU;CAEpE,MAAM,SAAS,eAAe;EAC5B,OAAO,UAAU,gBAAgB,UAAU,KAAK;GAChD;CAEF,IAAI,iBAAiB;CACrB,MAAM,CAAC,QAAQ,QAAQ,GAAG,CAAC,QAAQ,YAAY;EAC7C,IAAI,gBAAgB;GAClB,iBAAiB;GACjB;;EAEF,IAAI,CAAC,UAAU,CAAC,QAAQ;EACxB,wBAAwB,QAAQ,KAAK;GACrC;CAEF,SAAS,kBAAkB;EACzB,IAAI,UAAU,KAAK,UAAU;EAC7B,iBAAiB;EACjB,SAAS,cAAc,UAAU,KAAK;;CAGxC,OAAO;EACL;EACA;EAEA;EACA;EACD"}

package/dist/components/menu/walk-menu-path.js.map

@@ -1 +1 @@
-{"version":3,"file":"walk-menu-path.js","names":[],"sources":["../../../src/components/menu/walk-menu-path.ts"],"sourcesContent":["/**\n * 深度优先 + 路径；回调返回 `false` 时剪枝当前节点子树（不中断兄弟）。\n * `@cat-kit/core` 的 `dfs` 在返回 `true` 时会终止整段遍历，语义不同，故保留此辅助。\n */\nexport function walkMenuWithPath<T extends Record<string, unknown>>(\n  data: T,\n  cb: (node: T, path: T[]) => void | false,\n  childrenKey = 'children',\n  prefix: T[] = []\n): void {\n  const path = [...prefix, data]\n  if (cb(data, path) === false) return\n  const raw = data[childrenKey]\n  if (!Array.isArray(raw)) return\n  for (let i = 0; i < raw.length; i++) {\n    walkMenuWithPath(raw[i] as T, cb, childrenKey, path)\n  }\n}\n"],"mappings":";;;;;AAIA,SAAgB,iBACd,MACA,IACA,cAAc,YACd,SAAc,EAAE,EACV;CACN,MAAM,OAAO,CAAC,GAAG,QAAQ,KAAK;AAC9B,KAAI,GAAG,MAAM,KAAK,KAAK,MAAO;CAC9B,MAAM,MAAM,KAAK;AACjB,KAAI,CAAC,MAAM,QAAQ,IAAI,CAAE;AACzB,MAAK,IAAI,IAAI,GAAG,IAAI,IAAI,QAAQ,IAC9B,kBAAiB,IAAI,IAAS,IAAI,aAAa,KAAK"}
+{"version":3,"file":"walk-menu-path.js","names":[],"sources":["../../../src/components/menu/walk-menu-path.ts"],"sourcesContent":["/**\n * 深度优先 + 路径；回调返回 `false` 时剪枝当前节点子树（不中断兄弟）。\n * `@cat-kit/core` 的 `dfs` 在返回 `true` 时会终止整段遍历，语义不同，故保留此辅助。\n */\nexport function walkMenuWithPath<T extends Record<string, unknown>>(\n  data: T,\n  cb: (node: T, path: T[]) => void | false,\n  childrenKey = 'children',\n  prefix: T[] = []\n): void {\n  const path = [...prefix, data]\n  if (cb(data, path) === false) return\n  const raw = data[childrenKey]\n  if (!Array.isArray(raw)) return\n  for (let i = 0; i < raw.length; i++) {\n    walkMenuWithPath(raw[i] as T, cb, childrenKey, path)\n  }\n}\n"],"mappings":";;;;;AAIA,SAAgB,iBACd,MACA,IACA,cAAc,YACd,SAAc,EAAE,EACV;CACN,MAAM,OAAO,CAAC,GAAG,QAAQ,KAAK;CAC9B,IAAI,GAAG,MAAM,KAAK,KAAK,OAAO;CAC9B,MAAM,MAAM,KAAK;CACjB,IAAI,CAAC,MAAM,QAAQ,IAAI,EAAE;CACzB,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,QAAQ,KAC9B,iBAAiB,IAAI,IAAS,IAAI,aAAa,KAAK"}

package/dist/components/message/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/message/helper.ts"],"sourcesContent":["import {\n  CircleCheckFilled,\n  CircleClose,\n  InfoFilled,\n  QuestionFilled,\n  WarningFilled\n} from '@veltra/icons/normal'\nimport type { DefineComponent } from 'vue'\n\nimport type { ColorType, MessageType } from '../../types'\n\nconst typeIcons = {\n  default: InfoFilled,\n  info: QuestionFilled,\n  success: CircleCheckFilled,\n  warn: WarningFilled,\n  error: CircleClose\n}\nexport function getTypeIcon(type: MessageType, icon?: DefineComponent): DefineComponent {\n  return (icon ?? typeIcons[type]) as any\n}\n\nconst typeColors = { error: 'danger', warn: 'warning' }\n\nexport function getTypeColor(type: MessageType): ColorType {\n  return typeColors[type] ?? type\n}\n"],"mappings":";;AAWA,MAAM,YAAY;CAChB,SAAS;CACT,MAAM;CACN,SAAS;CACT,MAAM;CACN,OAAO;CACR;AACD,SAAgB,YAAY,MAAmB,MAAyC;AACtF,QAAQ,QAAQ,UAAU;;AAG5B,MAAM,aAAa;CAAE,OAAO;CAAU,MAAM;CAAW;AAEvD,SAAgB,aAAa,MAA8B;AACzD,QAAO,WAAW,SAAS"}
+{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/message/helper.ts"],"sourcesContent":["import {\n  CircleCheckFilled,\n  CircleClose,\n  InfoFilled,\n  QuestionFilled,\n  WarningFilled\n} from '@veltra/icons/normal'\nimport type { DefineComponent } from 'vue'\n\nimport type { ColorType, MessageType } from '../../types'\n\nconst typeIcons = {\n  default: InfoFilled,\n  info: QuestionFilled,\n  success: CircleCheckFilled,\n  warn: WarningFilled,\n  error: CircleClose\n}\nexport function getTypeIcon(type: MessageType, icon?: DefineComponent): DefineComponent {\n  return (icon ?? typeIcons[type]) as any\n}\n\nconst typeColors = { error: 'danger', warn: 'warning' }\n\nexport function getTypeColor(type: MessageType): ColorType {\n  return typeColors[type] ?? type\n}\n"],"mappings":";;AAWA,MAAM,YAAY;CAChB,SAAS;CACT,MAAM;CACN,SAAS;CACT,MAAM;CACN,OAAO;CACR;AACD,SAAgB,YAAY,MAAmB,MAAyC;CACtF,OAAQ,QAAQ,UAAU;;AAG5B,MAAM,aAAa;CAAE,OAAO;CAAU,MAAM;CAAW;AAEvD,SAAgB,aAAa,MAA8B;CACzD,OAAO,WAAW,SAAS"}

package/dist/components/message/message-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-box.js","names":[],"sources":["../../../src/components/message/message-box.vue"],"sourcesContent":["<template>\n  <transition-group name=\"message\" appear @after-leave=\"handleAfterLeave\">\n    <UMessage\n      v-for=\"({ onClose, ...message }, index) of messages\"\n      v-bind=\"message\"\n      :data-id=\"message.key\"\n      @close=\"handleClose(index, onClose)\"\n    />\n  </transition-group>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { MessageOptions } from '../../types'\nimport UMessage from './message.vue'\n\ndefineOptions({\n  name: 'MessageBox'\n})\n\ndefineProps<{\n  messages: Array<Omit<MessageOptions & { key: string }, 'onClosed'>>\n}>()\n\nconst emit = defineEmits<{\n  (e: 'closed', id: string): void\n  (e: 'close', index: number): void\n}>()\n\nfunction handleAfterLeave(el: Element) {\n  emit('closed', (el as HTMLElement).dataset.id as string)\n}\n\nfunction handleClose(i: number, onClose?: () => void) {\n  emit('close', i)\n  onClose?.()\n}\n</script>\n"],"mappings":";;;;;;;;;EAuBA,MAAM,OAAO;EAKb,SAAS,iBAAiB,IAAa;AACrC,QAAK,UAAW,GAAmB,QAAQ,GAAY;;EAGzD,SAAS,YAAY,GAAW,SAAsB;AACpD,QAAK,SAAS,EAAC;AACf,cAAU;;;uBAjCV,YAOmB,iBAAA;IAPD,MAAK;IAAU,QAAA;IAAQ,cAAa;;2BAEE,EAAA,UAAA,KAAA,EADtD,mBAKE,UAAA,MAAA,WAJ2C,QAAA,WAAQ,EAAzC,SAAO,GAAK,WAAW,UAAK;yBADxC,YAKE,aALF,WAKE,EAAA,SAAA,MAAA,EAHQ,SAAO;MACd,WAAS,QAAQ;MACjB,UAAK,WAAE,YAAY,OAAO,QAAO"}
+{"version":3,"file":"message-box.js","names":[],"sources":["../../../src/components/message/message-box.vue"],"sourcesContent":["<template>\n  <transition-group name=\"message\" appear @after-leave=\"handleAfterLeave\">\n    <UMessage\n      v-for=\"({ onClose, ...message }, index) of messages\"\n      v-bind=\"message\"\n      :data-id=\"message.key\"\n      @close=\"handleClose(index, onClose)\"\n    />\n  </transition-group>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { MessageOptions } from '../../types'\nimport UMessage from './message.vue'\n\ndefineOptions({\n  name: 'MessageBox'\n})\n\ndefineProps<{\n  messages: Array<Omit<MessageOptions & { key: string }, 'onClosed'>>\n}>()\n\nconst emit = defineEmits<{\n  (e: 'closed', id: string): void\n  (e: 'close', index: number): void\n}>()\n\nfunction handleAfterLeave(el: Element) {\n  emit('closed', (el as HTMLElement).dataset.id as string)\n}\n\nfunction handleClose(i: number, onClose?: () => void) {\n  emit('close', i)\n  onClose?.()\n}\n</script>\n"],"mappings":";;;;;;;;;EAuBA,MAAM,OAAO;EAKb,SAAS,iBAAiB,IAAa;GACrC,KAAK,UAAW,GAAmB,QAAQ,GAAY;;EAGzD,SAAS,YAAY,GAAW,SAAsB;GACpD,KAAK,SAAS,EAAC;GACf,WAAU;;;uBAjCV,YAOmB,iBAAA;IAPD,MAAK;IAAU,QAAA;IAAQ,cAAa;;2BAEE,EAAA,UAAA,KAAA,EADtD,mBAKE,UAAA,MAAA,WAJ2C,QAAA,WAAQ,EAAzC,SAAO,GAAK,WAAW,UAAK;yBADxC,YAKE,aALF,WAKE,EAAA,SAAA,MAAA,EAHQ,SAAO;MACd,WAAS,QAAQ;MACjB,UAAK,WAAE,YAAY,OAAO,QAAO"}

package/dist/components/message/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","names":[],"sources":["../../../src/components/message/message.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[cls.b, cls.m(size), cls.m('color-' + getTypeColor(type))]\"\n    @mouseenter=\"suspendClose\"\n    @mouseleave=\"close\"\n  >\n    <div :class=\"cls.e('icon')\">\n      <UIcon>\n        <component :is=\"getTypeIcon(type, icon)\" />\n      </UIcon>\n    </div>\n    <div :class=\"cls.e('content')\" v-if=\"html\" v-html=\"message\"></div>\n    <div :class=\"cls.e('content')\" v-else>\n      {{ message }}\n    </div>\n    <div :class=\"cls.e('close')\" v-if=\"closable || duration === 0\" @click.stop=\"immediateClose\">\n      <UIcon><Close /></UIcon>\n    </div>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { onMounted } from 'vue'\n\nimport type { MessageProps } from '../../types'\nimport { UIcon } from '../icon'\nimport { getTypeColor, getTypeIcon } from './helper'\n\ndefineOptions({\n  name: 'Message'\n})\n\nconst props = withDefaults(defineProps<MessageProps>(), {\n  type: 'default',\n  duration: 3000,\n  offset: 20\n})\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n}>()\n\nconst { size } = useFallbackProps([props], {\n  size: 'default'\n})\n\nconst cls = bem('message')\n\nlet startTime = 0\nlet timer: number\nlet restDuration = 0\n\nfunction close() {\n  if (props.duration === 0) return\n  startTime = Date.now()\n  timer = setTimeout(() => {\n    emit('close')\n  }, restDuration)\n}\n\nfunction startClose() {\n  if (props.duration <= 0) return\n  restDuration = props.duration\n  close()\n}\n\nonMounted(() => {\n  startClose()\n})\n\nfunction suspendClose() {\n  clearTimeout(timer)\n  restDuration = restDuration - (Date.now() - startTime)\n}\n\nfunction immediateClose() {\n  emit('close')\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAmCA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAIb,MAAM,EAAE,SAAS,iBAAiB,CAAC,MAAM,EAAE,EACzC,MAAM,WACP,CAAA;EAED,MAAM,MAAM,IAAI,UAAS;EAEzB,IAAI,YAAY;EAChB,IAAI;EACJ,IAAI,eAAe;EAEnB,SAAS,QAAQ;AACf,OAAI,MAAM,aAAa,EAAG;AAC1B,eAAY,KAAK,KAAI;AACrB,WAAQ,iBAAiB;AACvB,SAAK,QAAO;MACX,aAAY;;EAGjB,SAAS,aAAa;AACpB,OAAI,MAAM,YAAY,EAAG;AACzB,kBAAe,MAAM;AACrB,UAAM;;AAGR,kBAAgB;AACd,eAAW;IACZ;EAED,SAAS,eAAe;AACtB,gBAAa,MAAK;AAClB,kBAAe,gBAAgB,KAAK,KAAK,GAAG;;EAG9C,SAAS,iBAAiB;AACxB,QAAK,QAAO;;;uBA9EZ,mBAiBK,MAAA;IAhBF,OAAK,eAAA;KAAG,MAAA,IAAG,CAAC;KAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA;KAAG,MAAA,IAAG,CAAC,EAAC,WAAY,MAAA,aAAY,CAAC,QAAA,KAAI,CAAA;KAAA,CAAA;IAC9D,cAAY;IACZ,cAAY;;IAEb,mBAIM,OAAA,EAJA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA,EAAA,EAAA,CAChB,YAEQ,MAAA,YAAA,EAAA,MAAA;4BADqC,EAAA,WAAA,EAA3C,YAA2C,wBAA3B,MAAA,YAAW,CAAC,QAAA,MAAM,QAAA,KAAI,CAAA,CAAA,EAAA,CAAA;;;IAGL,QAAA,QAAA,WAAA,EAArC,mBAAkE,OAAA;;KAA5D,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;KAAyB,WAAQ,QAAA;8CACnD,mBAEM,OAAA;;KAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;uBACb,QAAA,QAAO,EAAA,EAAA;IAEuB,QAAA,YAAY,QAAA,aAAQ,KAAA,WAAA,EAAvD,mBAEM,OAAA;;KAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA;KAA8C,SAAK,cAAO,gBAAc,CAAA,OAAA,CAAA;QACxF,YAAwB,MAAA,YAAA,EAAA,MAAA;4BAAR,CAAT,YAAS,MAAA,MAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"message.js","names":[],"sources":["../../../src/components/message/message.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[cls.b, cls.m(size), cls.m('color-' + getTypeColor(type))]\"\n    @mouseenter=\"suspendClose\"\n    @mouseleave=\"close\"\n  >\n    <div :class=\"cls.e('icon')\">\n      <UIcon>\n        <component :is=\"getTypeIcon(type, icon)\" />\n      </UIcon>\n    </div>\n    <div :class=\"cls.e('content')\" v-if=\"html\" v-html=\"message\"></div>\n    <div :class=\"cls.e('content')\" v-else>\n      {{ message }}\n    </div>\n    <div :class=\"cls.e('close')\" v-if=\"closable || duration === 0\" @click.stop=\"immediateClose\">\n      <UIcon><Close /></UIcon>\n    </div>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { onMounted } from 'vue'\n\nimport type { MessageProps } from '../../types'\nimport { UIcon } from '../icon'\nimport { getTypeColor, getTypeIcon } from './helper'\n\ndefineOptions({\n  name: 'Message'\n})\n\nconst props = withDefaults(defineProps<MessageProps>(), {\n  type: 'default',\n  duration: 3000,\n  offset: 20\n})\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n}>()\n\nconst { size } = useFallbackProps([props], {\n  size: 'default'\n})\n\nconst cls = bem('message')\n\nlet startTime = 0\nlet timer: number\nlet restDuration = 0\n\nfunction close() {\n  if (props.duration === 0) return\n  startTime = Date.now()\n  timer = setTimeout(() => {\n    emit('close')\n  }, restDuration)\n}\n\nfunction startClose() {\n  if (props.duration <= 0) return\n  restDuration = props.duration\n  close()\n}\n\nonMounted(() => {\n  startClose()\n})\n\nfunction suspendClose() {\n  clearTimeout(timer)\n  restDuration = restDuration - (Date.now() - startTime)\n}\n\nfunction immediateClose() {\n  emit('close')\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAmCA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAIb,MAAM,EAAE,SAAS,iBAAiB,CAAC,MAAK,EAAG,EACzC,MAAM,WACP,CAAA;EAED,MAAM,MAAM,IAAI,UAAS;EAEzB,IAAI,YAAY;EAChB,IAAI;EACJ,IAAI,eAAe;EAEnB,SAAS,QAAQ;GACf,IAAI,MAAM,aAAa,GAAG;GAC1B,YAAY,KAAK,KAAI;GACrB,QAAQ,iBAAiB;IACvB,KAAK,QAAO;MACX,aAAY;;EAGjB,SAAS,aAAa;GACpB,IAAI,MAAM,YAAY,GAAG;GACzB,eAAe,MAAM;GACrB,OAAM;;EAGR,gBAAgB;GACd,YAAW;IACZ;EAED,SAAS,eAAe;GACtB,aAAa,MAAK;GAClB,eAAe,gBAAgB,KAAK,KAAI,GAAI;;EAG9C,SAAS,iBAAiB;GACxB,KAAK,QAAO;;;uBA9EZ,mBAiBK,MAAA;IAhBF,OAAK,eAAA;KAAG,MAAA,IAAA,CAAI;KAAG,MAAA,IAAA,CAAI,EAAE,MAAA,KAAI,CAAA;KAAG,MAAA,IAAA,CAAI,EAAC,WAAY,MAAA,aAAA,CAAa,QAAA,KAAI,CAAA;KAAA,CAAA;IAC9D,cAAY;IACZ,cAAY;;IAEb,mBAIM,OAAA,EAJA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,OAAA,CAAA,EAAA,EAAA,CAChB,YAEQ,MAAA,YAAA,EAAA,MAAA;4BADqC,EAAA,WAAA,EAA3C,YAA2C,wBAA3B,MAAA,YAAA,CAAY,QAAA,MAAM,QAAA,KAAI,CAAA,CAAA,EAAA,CAAA;;;IAGL,QAAA,QAAA,WAAA,EAArC,mBAAkE,OAAA;;KAA5D,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,UAAA,CAAA;KAAyB,WAAQ,QAAA;8CACnD,mBAEM,OAAA;;KAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,UAAA,CAAA;uBACb,QAAA,QAAO,EAAA,EAAA;IAEuB,QAAA,YAAY,QAAA,aAAQ,KAAA,WAAA,EAAvD,mBAEM,OAAA;;KAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA;KAA8C,SAAK,cAAO,gBAAc,CAAA,OAAA,CAAA;QACxF,YAAwB,MAAA,YAAA,EAAA,MAAA;4BAAR,CAAT,YAAS,MAAA,MAAA,CAAA,CAAA,CAAA"}

package/dist/components/message/message2.js.map

@@ -1 +1 @@
-{"version":3,"file":"message2.js","names":["UMessageBox"],"sources":["../../../src/components/message/message.ts"],"sourcesContent":["import { bem, setStyles, zIndex } from '@veltra/utils'\nimport { h, render, shallowReactive } from 'vue'\n\nimport type { MessageOptions, Message, MessageInstance } from '../../types'\nimport UMessageBox from './message-box.vue'\n\nconst cls = bem('message')\n\n/** 消息项数据结构 */\ntype MessageItem = MessageOptions & { key: string }\n\n/** --- 状态管理 --- */\nlet container: HTMLElement | null = null\nconst messages = shallowReactive<MessageItem[]>([])\n\n/** 消息关闭后回调 */\nconst closedCallbacks = new Map<string, () => void>()\n\n/** 用于计数正在显示的 DOM 节点 (包含动画执行中) */\nlet activeCount = 0\nlet uid = 0\n\n/** --- 内部辅助函数 --- */\n\n/** 彻底销毁容器 */\nconst destroy = () => {\n  if (container) {\n    render(null, container)\n    document.body.removeChild(container)\n    container = null\n  }\n}\n\n/** 离开动画结束后的清理 */\nconst handleClosed = (id: string) => {\n  activeCount--\n\n  const cb = closedCallbacks.get(id)\n  if (cb) {\n    cb()\n    closedCallbacks.delete(id)\n  }\n\n  // 没有活跃消息时销毁容器，保持页面干净\n  if (activeCount === 0) destroy()\n}\n\n/** 触发关闭 (仅从数组移除，触发 Transition 离开动画) */\nconst handleClose = (id: string) => {\n  const index = messages.findIndex((m) => m.key === id)\n  if (index !== -1) messages.splice(index, 1)\n}\n\n/** 挂载并渲染容器 */\nconst ensureContainer = () => {\n  if (container) return container\n\n  container = document.createElement('ul')\n  container.className = cls.e('container')\n  document.body.appendChild(container)\n  return container\n}\n\n/** 执行 Vue 渲染逻辑 */\nconst updateView = () => {\n  const el = ensureContainer()\n  setStyles(el, { zIndex: zIndex() })\n\n  const vnode = h(UMessageBox, {\n    messages,\n    onClosed: handleClosed,\n    onClose: (i: number) => messages.splice(i, 1)\n  })\n\n  vnode.appContext = message._context\n  render(vnode, el)\n}\n\n/** 创建消息实例 */\nconst createMessage = (options: MessageOptions): MessageInstance => {\n  const { onClosed: userOnClosed, ...messageOptions } = options\n  const id = `msg_${uid++}`\n  activeCount++\n\n  // 生命周期 Promise\n  let resolveClosed: () => void\n  const onClosed = new Promise<void>((r) => (resolveClosed = r))\n\n  closedCallbacks.set(id, () => {\n    userOnClosed?.()\n    resolveClosed()\n  })\n\n  messages.push({ key: id, ...messageOptions })\n  updateView()\n\n  return { id, close: () => handleClose(id), onClosed }\n}\n\n/** --- 导出 API --- */\n\nexport const message = ((options) => {\n  const mergedOptions = typeof options === 'string' ? { message: options } : options\n  return createMessage(mergedOptions)\n}) as Message\n\nmessage._context = null\n\n// 挂载快捷方法: message.success(...)\nconst messageTypes = ['success', 'warn', 'info', 'error', 'default'] as const\nmessageTypes.forEach((type) => {\n  message[type] = (msg, config) => message({ ...config, message: msg, type })\n})\n\n/** 关闭所有当前显示的消息 */\nmessage.closeAll = () => {\n  messages.splice(0)\n}\n"],"mappings":";;;;AAMA,MAAM,MAAM,IAAI,UAAU;;AAM1B,IAAI,YAAgC;AACpC,MAAM,WAAW,gBAA+B,EAAE,CAAC;;AAGnD,MAAM,kCAAkB,IAAI,KAAyB;;AAGrD,IAAI,cAAc;AAClB,IAAI,MAAM;;;AAKV,MAAM,gBAAgB;AACpB,KAAI,WAAW;AACb,SAAO,MAAM,UAAU;AACvB,WAAS,KAAK,YAAY,UAAU;AACpC,cAAY;;;;AAKhB,MAAM,gBAAgB,OAAe;AACnC;CAEA,MAAM,KAAK,gBAAgB,IAAI,GAAG;AAClC,KAAI,IAAI;AACN,MAAI;AACJ,kBAAgB,OAAO,GAAG;;AAI5B,KAAI,gBAAgB,EAAG,UAAS;;;AAIlC,MAAM,eAAe,OAAe;CAClC,MAAM,QAAQ,SAAS,WAAW,MAAM,EAAE,QAAQ,GAAG;AACrD,KAAI,UAAU,GAAI,UAAS,OAAO,OAAO,EAAE;;;AAI7C,MAAM,wBAAwB;AAC5B,KAAI,UAAW,QAAO;AAEtB,aAAY,SAAS,cAAc,KAAK;AACxC,WAAU,YAAY,IAAI,EAAE,YAAY;AACxC,UAAS,KAAK,YAAY,UAAU;AACpC,QAAO;;;AAIT,MAAM,mBAAmB;CACvB,MAAM,KAAK,iBAAiB;AAC5B,WAAU,IAAI,EAAE,QAAQ,QAAQ,EAAE,CAAC;CAEnC,MAAM,QAAQ,EAAEA,WAAa;EAC3B;EACA,UAAU;EACV,UAAU,MAAc,SAAS,OAAO,GAAG,EAAE;EAC9C,CAAC;AAEF,OAAM,aAAa,QAAQ;AAC3B,QAAO,OAAO,GAAG;;;AAInB,MAAM,iBAAiB,YAA6C;CAClE,MAAM,EAAE,UAAU,cAAc,GAAG,mBAAmB;CACtD,MAAM,KAAK,OAAO;AAClB;CAGA,IAAI;CACJ,MAAM,WAAW,IAAI,SAAe,MAAO,gBAAgB,EAAG;AAE9D,iBAAgB,IAAI,UAAU;AAC5B,kBAAgB;AAChB,iBAAe;GACf;AAEF,UAAS,KAAK;EAAE,KAAK;EAAI,GAAG;EAAgB,CAAC;AAC7C,aAAY;AAEZ,QAAO;EAAE;EAAI,aAAa,YAAY,GAAG;EAAE;EAAU;;;AAKvD,MAAa,YAAY,YAAY;AAEnC,QAAO,cADe,OAAO,YAAY,WAAW,EAAE,SAAS,SAAS,GAAG,QACxC;;AAGrC,QAAQ,WAAW;AAInB;CADsB;CAAW;CAAQ;CAAQ;CAAS;CAC9C,CAAC,SAAS,SAAS;AAC7B,SAAQ,SAAS,KAAK,WAAW,QAAQ;EAAE,GAAG;EAAQ,SAAS;EAAK;EAAM,CAAC;EAC3E;;AAGF,QAAQ,iBAAiB;AACvB,UAAS,OAAO,EAAE"}
+{"version":3,"file":"message2.js","names":["UMessageBox"],"sources":["../../../src/components/message/message.ts"],"sourcesContent":["import { bem, setStyles, zIndex } from '@veltra/utils'\nimport { h, render, shallowReactive } from 'vue'\n\nimport type { MessageOptions, Message, MessageInstance } from '../../types'\nimport UMessageBox from './message-box.vue'\n\nconst cls = bem('message')\n\n/** 消息项数据结构 */\ntype MessageItem = MessageOptions & { key: string }\n\n/** --- 状态管理 --- */\nlet container: HTMLElement | null = null\nconst messages = shallowReactive<MessageItem[]>([])\n\n/** 消息关闭后回调 */\nconst closedCallbacks = new Map<string, () => void>()\n\n/** 用于计数正在显示的 DOM 节点 (包含动画执行中) */\nlet activeCount = 0\nlet uid = 0\n\n/** --- 内部辅助函数 --- */\n\n/** 彻底销毁容器 */\nconst destroy = () => {\n  if (container) {\n    render(null, container)\n    document.body.removeChild(container)\n    container = null\n  }\n}\n\n/** 离开动画结束后的清理 */\nconst handleClosed = (id: string) => {\n  activeCount--\n\n  const cb = closedCallbacks.get(id)\n  if (cb) {\n    cb()\n    closedCallbacks.delete(id)\n  }\n\n  // 没有活跃消息时销毁容器，保持页面干净\n  if (activeCount === 0) destroy()\n}\n\n/** 触发关闭 (仅从数组移除，触发 Transition 离开动画) */\nconst handleClose = (id: string) => {\n  const index = messages.findIndex((m) => m.key === id)\n  if (index !== -1) messages.splice(index, 1)\n}\n\n/** 挂载并渲染容器 */\nconst ensureContainer = () => {\n  if (container) return container\n\n  container = document.createElement('ul')\n  container.className = cls.e('container')\n  document.body.appendChild(container)\n  return container\n}\n\n/** 执行 Vue 渲染逻辑 */\nconst updateView = () => {\n  const el = ensureContainer()\n  setStyles(el, { zIndex: zIndex() })\n\n  const vnode = h(UMessageBox, {\n    messages,\n    onClosed: handleClosed,\n    onClose: (i: number) => messages.splice(i, 1)\n  })\n\n  vnode.appContext = message._context\n  render(vnode, el)\n}\n\n/** 创建消息实例 */\nconst createMessage = (options: MessageOptions): MessageInstance => {\n  const { onClosed: userOnClosed, ...messageOptions } = options\n  const id = `msg_${uid++}`\n  activeCount++\n\n  // 生命周期 Promise\n  let resolveClosed: () => void\n  const onClosed = new Promise<void>((r) => (resolveClosed = r))\n\n  closedCallbacks.set(id, () => {\n    userOnClosed?.()\n    resolveClosed()\n  })\n\n  messages.push({ key: id, ...messageOptions })\n  updateView()\n\n  return { id, close: () => handleClose(id), onClosed }\n}\n\n/** --- 导出 API --- */\n\nexport const message = ((options) => {\n  const mergedOptions = typeof options === 'string' ? { message: options } : options\n  return createMessage(mergedOptions)\n}) as Message\n\nmessage._context = null\n\n// 挂载快捷方法: message.success(...)\nconst messageTypes = ['success', 'warn', 'info', 'error', 'default'] as const\nmessageTypes.forEach((type) => {\n  message[type] = (msg, config) => message({ ...config, message: msg, type })\n})\n\n/** 关闭所有当前显示的消息 */\nmessage.closeAll = () => {\n  messages.splice(0)\n}\n"],"mappings":";;;;AAMA,MAAM,MAAM,IAAI,UAAU;;AAM1B,IAAI,YAAgC;AACpC,MAAM,WAAW,gBAA+B,EAAE,CAAC;;AAGnD,MAAM,kCAAkB,IAAI,KAAyB;;AAGrD,IAAI,cAAc;AAClB,IAAI,MAAM;;;AAKV,MAAM,gBAAgB;CACpB,IAAI,WAAW;EACb,OAAO,MAAM,UAAU;EACvB,SAAS,KAAK,YAAY,UAAU;EACpC,YAAY;;;;AAKhB,MAAM,gBAAgB,OAAe;CACnC;CAEA,MAAM,KAAK,gBAAgB,IAAI,GAAG;CAClC,IAAI,IAAI;EACN,IAAI;EACJ,gBAAgB,OAAO,GAAG;;CAI5B,IAAI,gBAAgB,GAAG,SAAS;;;AAIlC,MAAM,eAAe,OAAe;CAClC,MAAM,QAAQ,SAAS,WAAW,MAAM,EAAE,QAAQ,GAAG;CACrD,IAAI,UAAU,IAAI,SAAS,OAAO,OAAO,EAAE;;;AAI7C,MAAM,wBAAwB;CAC5B,IAAI,WAAW,OAAO;CAEtB,YAAY,SAAS,cAAc,KAAK;CACxC,UAAU,YAAY,IAAI,EAAE,YAAY;CACxC,SAAS,KAAK,YAAY,UAAU;CACpC,OAAO;;;AAIT,MAAM,mBAAmB;CACvB,MAAM,KAAK,iBAAiB;CAC5B,UAAU,IAAI,EAAE,QAAQ,QAAQ,EAAE,CAAC;CAEnC,MAAM,QAAQ,EAAEA,WAAa;EAC3B;EACA,UAAU;EACV,UAAU,MAAc,SAAS,OAAO,GAAG,EAAE;EAC9C,CAAC;CAEF,MAAM,aAAa,QAAQ;CAC3B,OAAO,OAAO,GAAG;;;AAInB,MAAM,iBAAiB,YAA6C;CAClE,MAAM,EAAE,UAAU,cAAc,GAAG,mBAAmB;CACtD,MAAM,KAAK,OAAO;CAClB;CAGA,IAAI;CACJ,MAAM,WAAW,IAAI,SAAe,MAAO,gBAAgB,EAAG;CAE9D,gBAAgB,IAAI,UAAU;EAC5B,gBAAgB;EAChB,eAAe;GACf;CAEF,SAAS,KAAK;EAAE,KAAK;EAAI,GAAG;EAAgB,CAAC;CAC7C,YAAY;CAEZ,OAAO;EAAE;EAAI,aAAa,YAAY,GAAG;EAAE;EAAU;;;AAKvD,MAAa,YAAY,YAAY;CAEnC,OAAO,cADe,OAAO,YAAY,WAAW,EAAE,SAAS,SAAS,GAAG,QACxC;;AAGrC,QAAQ,WAAW;AAInB;CADsB;CAAW;CAAQ;CAAQ;CAAS;CAC9C,CAAC,SAAS,SAAS;CAC7B,QAAQ,SAAS,KAAK,WAAW,QAAQ;EAAE,GAAG;EAAQ,SAAS;EAAK;EAAM,CAAC;EAC3E;;AAGF,QAAQ,iBAAiB;CACvB,SAAS,OAAO,EAAE"}