@veltra/compositions 1.1.15 → 1.1.19

package/dist/index.d.ts

@@ -9,5 +9,5 @@ import { usePop } from "./use-pop/index.js";
 import { RefElement, ResizeObserverReturn, useObserverCallback, useResizeObserver } from "./use-resize-observer/index.js";
 import { useReactiveSize } from "./use-reactive-size/index.js";
 import { useTransition } from "./use-transition/index.js";
-import { EstimateSize, GetItemKey, UseVirtualizerOptions, UseVirtualizerReturned, VirtualAlign, VirtualItem, VirtualMeasurement, VirtualRange, VirtualScrollOptions, VirtualSnapshot, Virtualizer, VirtualizerOptions, useVirtualizer } from "./use-virtualizer/index.js";
-export { EstimateSize, GetItemKey, RefElement, ResizeObserverReturn, UseVirtualizerOptions, UseVirtualizerReturned, UserAction, UserActionResult, VirtualAlign, VirtualItem, VirtualMeasurement, VirtualRange, VirtualScrollOptions, VirtualSnapshot, Virtualizer, VirtualizerOptions, setDocumentSize, useComponentProps, useConfig, useDrag, useFallbackProps, useFocus, useFormFallbackProps, useModel, useObserverCallback, usePop, useReactiveSize, useResizeObserver, useTransition, useUserAction, useVirtualizer };
+import { UseVirtualizerOptions, UseVirtualizerReturned, useVirtualizer } from "./use-virtualizer/index.js";
+export { RefElement, ResizeObserverReturn, UseVirtualizerOptions, UseVirtualizerReturned, UserAction, UserActionResult, setDocumentSize, useComponentProps, useConfig, useDrag, useFallbackProps, useFocus, useFormFallbackProps, useModel, useObserverCallback, usePop, useReactiveSize, useResizeObserver, useTransition, useUserAction, useVirtualizer };

package/dist/use-component-props/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/use-component-props/index.ts"],"sourcesContent":["import { extractNormalVNodes } from '@veltra/utils'\nimport { defineComponent, isRef, type MaybeRef, createVNode, cloneVNode, type Component } from 'vue'\n\n/**\n * 生成一个用于设置组件通用属性的组件\n * @param props 组件通用的属性\n * @returns\n */\nexport function useComponentProps<T extends Record<string, any>>(\n  props: MaybeRef<T & Record<string, any>>\n): Component {\n  return defineComponent({\n    name: 'ComponentCommonProps',\n    inheritAttrs: false,\n\n    props: {\n      /** 渲染一个标准html5标签 */\n      tag: { type: String }\n    },\n\n    setup(componentProps, { slots, attrs }) {\n      const isPropsRef = isRef(props)\n      // 非 ref 时 keys 固定，缓存避免每次 render 重复计算\n      const staticKeys = isPropsRef ? null : Object.keys(props)\n\n      const mergeNodesProps = (commonProps: Record<string, any>) => {\n        const nodes = extractNormalVNodes(slots.default?.() ?? [])\n        if (!nodes?.length) return undefined\n\n        const keys = staticKeys ?? Object.keys(commonProps)\n        return nodes.map((node) => {\n          const mergedProps: Record<string, any> = {}\n          let count = 0\n          for (let i = 0; i < keys.length; i++) {\n            const key = keys[i]!\n            // node中已定义的属性优先\n            if (node.props?.[key] !== undefined) continue\n            mergedProps[key] = attrs[key] !== undefined ? attrs[key] : commonProps[key]\n            count++\n          }\n          return count > 0 ? cloneVNode(node, mergedProps) : node\n        })\n      }\n\n      return () => {\n        const _props = isPropsRef ? props.value : props\n        const nodes = mergeNodesProps(_props)\n\n        if (componentProps.tag) {\n          if (!nodes) return undefined\n          const tagProps = Object.keys(attrs).reduce<Record<string, any>>((acc, cur) => {\n            if (!(cur in _props)) {\n              acc[cur] = attrs[cur]\n            }\n            return acc\n          }, {})\n          return createVNode(componentProps.tag, tagProps, nodes)\n        }\n        return nodes\n      }\n    }\n  })\n}\n"],"mappings":";;;;;;;;AAQA,SAAgB,kBACd,OACW;AACX,QAAO,gBAAgB;EACrB,MAAM;EACN,cAAc;EAEd,OAAO;;AAEL,KAAK,EAAE,MAAM,QAAQ,EACtB;EAED,MAAM,gBAAgB,EAAE,OAAO,SAAS;GACtC,MAAM,aAAa,MAAM,MAAM;GAE/B,MAAM,aAAa,aAAa,OAAO,OAAO,KAAK,MAAM;GAEzD,MAAM,mBAAmB,gBAAqC;IAC5D,MAAM,QAAQ,oBAAoB,MAAM,WAAW,IAAI,EAAE,CAAC;AAC1D,QAAI,CAAC,OAAO,OAAQ,QAAO,KAAA;IAE3B,MAAM,OAAO,cAAc,OAAO,KAAK,YAAY;AACnD,WAAO,MAAM,KAAK,SAAS;KACzB,MAAM,cAAmC,EAAE;KAC3C,IAAI,QAAQ;AACZ,UAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;MACpC,MAAM,MAAM,KAAK;AAEjB,UAAI,KAAK,QAAQ,SAAS,KAAA,EAAW;AACrC,kBAAY,OAAO,MAAM,SAAS,KAAA,IAAY,MAAM,OAAO,YAAY;AACvE;;AAEF,YAAO,QAAQ,IAAI,WAAW,MAAM,YAAY,GAAG;MACnD;;AAGJ,gBAAa;IACX,MAAM,SAAS,aAAa,MAAM,QAAQ;IAC1C,MAAM,QAAQ,gBAAgB,OAAO;AAErC,QAAI,eAAe,KAAK;AACtB,SAAI,CAAC,MAAO,QAAO,KAAA;KACnB,MAAM,WAAW,OAAO,KAAK,MAAM,CAAC,QAA6B,KAAK,QAAQ;AAC5E,UAAI,EAAE,OAAO,QACX,KAAI,OAAO,MAAM;AAEnB,aAAO;QACN,EAAE,CAAC;AACN,YAAO,YAAY,eAAe,KAAK,UAAU,MAAM;;AAEzD,WAAO;;;EAGZ,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/use-component-props/index.ts"],"sourcesContent":["import { extractNormalVNodes } from '@veltra/utils'\nimport { defineComponent, isRef, type MaybeRef, createVNode, cloneVNode, type Component } from 'vue'\n\n/**\n * 生成一个用于设置组件通用属性的组件\n * @param props 组件通用的属性\n * @returns\n */\nexport function useComponentProps<T extends Record<string, any>>(\n  props: MaybeRef<T & Record<string, any>>\n): Component {\n  return defineComponent({\n    name: 'ComponentCommonProps',\n    inheritAttrs: false,\n\n    props: {\n      /** 渲染一个标准html5标签 */\n      tag: { type: String }\n    },\n\n    setup(componentProps, { slots, attrs }) {\n      const isPropsRef = isRef(props)\n      // 非 ref 时 keys 固定，缓存避免每次 render 重复计算\n      const staticKeys = isPropsRef ? null : Object.keys(props)\n\n      const mergeNodesProps = (commonProps: Record<string, any>) => {\n        const nodes = extractNormalVNodes(slots.default?.() ?? [])\n        if (!nodes?.length) return undefined\n\n        const keys = staticKeys ?? Object.keys(commonProps)\n        return nodes.map((node) => {\n          const mergedProps: Record<string, any> = {}\n          let count = 0\n          for (let i = 0; i < keys.length; i++) {\n            const key = keys[i]!\n            // node中已定义的属性优先\n            if (node.props?.[key] !== undefined) continue\n            mergedProps[key] = attrs[key] !== undefined ? attrs[key] : commonProps[key]\n            count++\n          }\n          return count > 0 ? cloneVNode(node, mergedProps) : node\n        })\n      }\n\n      return () => {\n        const _props = isPropsRef ? props.value : props\n        const nodes = mergeNodesProps(_props)\n\n        if (componentProps.tag) {\n          if (!nodes) return undefined\n          const tagProps = Object.keys(attrs).reduce<Record<string, any>>((acc, cur) => {\n            if (!(cur in _props)) {\n              acc[cur] = attrs[cur]\n            }\n            return acc\n          }, {})\n          return createVNode(componentProps.tag, tagProps, nodes)\n        }\n        return nodes\n      }\n    }\n  })\n}\n"],"mappings":";;;;;;;;AAQA,SAAgB,kBACd,OACW;CACX,OAAO,gBAAgB;EACrB,MAAM;EACN,cAAc;EAEd,OAAO;;AAEL,KAAK,EAAE,MAAM,QAAQ,EACtB;EAED,MAAM,gBAAgB,EAAE,OAAO,SAAS;GACtC,MAAM,aAAa,MAAM,MAAM;GAE/B,MAAM,aAAa,aAAa,OAAO,OAAO,KAAK,MAAM;GAEzD,MAAM,mBAAmB,gBAAqC;IAC5D,MAAM,QAAQ,oBAAoB,MAAM,WAAW,IAAI,EAAE,CAAC;IAC1D,IAAI,CAAC,OAAO,QAAQ,OAAO,KAAA;IAE3B,MAAM,OAAO,cAAc,OAAO,KAAK,YAAY;IACnD,OAAO,MAAM,KAAK,SAAS;KACzB,MAAM,cAAmC,EAAE;KAC3C,IAAI,QAAQ;KACZ,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;MACpC,MAAM,MAAM,KAAK;MAEjB,IAAI,KAAK,QAAQ,SAAS,KAAA,GAAW;MACrC,YAAY,OAAO,MAAM,SAAS,KAAA,IAAY,MAAM,OAAO,YAAY;MACvE;;KAEF,OAAO,QAAQ,IAAI,WAAW,MAAM,YAAY,GAAG;MACnD;;GAGJ,aAAa;IACX,MAAM,SAAS,aAAa,MAAM,QAAQ;IAC1C,MAAM,QAAQ,gBAAgB,OAAO;IAErC,IAAI,eAAe,KAAK;KACtB,IAAI,CAAC,OAAO,OAAO,KAAA;KACnB,MAAM,WAAW,OAAO,KAAK,MAAM,CAAC,QAA6B,KAAK,QAAQ;MAC5E,IAAI,EAAE,OAAO,SACX,IAAI,OAAO,MAAM;MAEnB,OAAO;QACN,EAAE,CAAC;KACN,OAAO,YAAY,eAAe,KAAK,UAAU,MAAM;;IAEzD,OAAO;;;EAGZ,CAAC"}

package/dist/use-config/index.d.ts

@@ -8,7 +8,7 @@ interface State {
   size: ComponentSize;
   /** 表单 */
   form: {
-    /** 标签宽度 */labelWidth?: number | number;
+    /** 标签宽度 */labelWidth?: number | string;
   };
   paginator: {
     pageSize: number;

package/dist/use-config/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/use-config/index.ts"],"sourcesContent":["import { isObj } from '@cat-kit/core'\nimport type { ComponentSize } from '@veltra/utils'\nimport { reactive, readonly, watch } from 'vue'\n\ninterface State {\n  /** 是否开启动画，机器老可以关闭动画来获得性能 */\n  animation: boolean\n  /** 组件尺寸大小 */\n  size: ComponentSize\n  /** 表单 */\n  form: {\n    /** 标签宽度 */\n    labelWidth?: number | number\n  }\n  paginator: { pageSize: number; pageSizeOptions: number[] }\n}\n\nconst state = reactive<State>({\n  animation: true,\n  size: 'default',\n  form: { labelWidth: 100 },\n  paginator: { pageSize: 40, pageSizeOptions: [40, 100, 200, 500, 1000] }\n})\n\nexport function setDocumentSize(size: ComponentSize, oldSize?: ComponentSize): void {\n  if (typeof document === 'undefined') return\n  if (oldSize) {\n    document.documentElement.classList.remove(oldSize)\n  }\n  document.documentElement.classList.add(size)\n}\n\nlet stopDocumentSizeSync: (() => void) | null = null\n\nfunction ensureDocumentSizeSync(): void {\n  if (stopDocumentSizeSync) return\n  if (typeof document === 'undefined') return\n\n  stopDocumentSizeSync = watch(\n    () => state.size,\n    (size, oldSize) => setDocumentSize(size, oldSize)\n  )\n}\n\nfunction deepSet(original: Record<string, any>, extend: Record<string, any>) {\n  Object.keys(extend).forEach((key) => {\n    const val = original[key]\n    const targetVal = extend[key]\n    if (isObj(val)) {\n      if (isObj(targetVal)) {\n        deepSet(val, targetVal)\n      } else {\n        console.warn(`extend['${key}']应该是一个对象`)\n      }\n    } else {\n      original[key] = targetVal\n    }\n  })\n}\n\nexport function useConfig(): {\n  config: Readonly<State>\n  setConfig: (conf: Partial<State>) => void\n} {\n  ensureDocumentSizeSync()\n  return {\n    /** 全局配置 */\n    config: readonly(state) as Readonly<State>,\n    /**\n     * 设置全局配置项\n     * @param conf\n     */\n    setConfig(conf: Partial<State>) {\n      deepSet(state, conf)\n    }\n  }\n}\n"],"mappings":";;;AAiBA,MAAM,QAAQ,SAAgB;CAC5B,WAAW;CACX,MAAM;CACN,MAAM,EAAE,YAAY,KAAK;CACzB,WAAW;EAAE,UAAU;EAAI,iBAAiB;GAAC;GAAI;GAAK;GAAK;GAAK;GAAK;EAAE;CACxE,CAAC;AAEF,SAAgB,gBAAgB,MAAqB,SAA+B;AAClF,KAAI,OAAO,aAAa,YAAa;AACrC,KAAI,QACF,UAAS,gBAAgB,UAAU,OAAO,QAAQ;AAEpD,UAAS,gBAAgB,UAAU,IAAI,KAAK;;AAG9C,IAAI,uBAA4C;AAEhD,SAAS,yBAA+B;AACtC,KAAI,qBAAsB;AAC1B,KAAI,OAAO,aAAa,YAAa;AAErC,wBAAuB,YACf,MAAM,OACX,MAAM,YAAY,gBAAgB,MAAM,QAAQ,CAClD;;AAGH,SAAS,QAAQ,UAA+B,QAA6B;AAC3E,QAAO,KAAK,OAAO,CAAC,SAAS,QAAQ;EACnC,MAAM,MAAM,SAAS;EACrB,MAAM,YAAY,OAAO;AACzB,MAAI,MAAM,IAAI,CACZ,KAAI,MAAM,UAAU,CAClB,SAAQ,KAAK,UAAU;MAEvB,SAAQ,KAAK,WAAW,IAAI,WAAW;MAGzC,UAAS,OAAO;GAElB;;AAGJ,SAAgB,YAGd;AACA,yBAAwB;AACxB,QAAO;;EAEL,QAAQ,SAAS,MAAM;;;;;EAKvB,UAAU,MAAsB;AAC9B,WAAQ,OAAO,KAAK;;EAEvB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/use-config/index.ts"],"sourcesContent":["import { isObj } from '@cat-kit/core'\nimport type { ComponentSize } from '@veltra/utils'\nimport { reactive, readonly, watch } from 'vue'\n\ninterface State {\n  /** 是否开启动画，机器老可以关闭动画来获得性能 */\n  animation: boolean\n  /** 组件尺寸大小 */\n  size: ComponentSize\n  /** 表单 */\n  form: {\n    /** 标签宽度 */\n    labelWidth?: number | string\n  }\n  paginator: { pageSize: number; pageSizeOptions: number[] }\n}\n\nconst state = reactive<State>({\n  animation: true,\n  size: 'default',\n  form: { labelWidth: 100 },\n  paginator: { pageSize: 40, pageSizeOptions: [40, 100, 200, 500, 1000] }\n})\n\nexport function setDocumentSize(size: ComponentSize, oldSize?: ComponentSize): void {\n  if (typeof document === 'undefined') return\n  if (oldSize) {\n    document.documentElement.classList.remove(oldSize)\n  }\n  document.documentElement.classList.add(size)\n}\n\nlet stopDocumentSizeSync: (() => void) | null = null\n\nfunction ensureDocumentSizeSync(): void {\n  if (stopDocumentSizeSync) return\n  if (typeof document === 'undefined') return\n\n  stopDocumentSizeSync = watch(\n    () => state.size,\n    (size, oldSize) => setDocumentSize(size, oldSize)\n  )\n}\n\nfunction deepSet(original: Record<string, any>, extend: Record<string, any>) {\n  Object.keys(extend).forEach((key) => {\n    const val = original[key]\n    const targetVal = extend[key]\n    if (isObj(val)) {\n      if (isObj(targetVal)) {\n        deepSet(val, targetVal)\n      } else {\n        console.warn(`extend['${key}']应该是一个对象`)\n      }\n    } else {\n      original[key] = targetVal\n    }\n  })\n}\n\nexport function useConfig(): {\n  config: Readonly<State>\n  setConfig: (conf: Partial<State>) => void\n} {\n  ensureDocumentSizeSync()\n  return {\n    /** 全局配置 */\n    config: readonly(state) as Readonly<State>,\n    /**\n     * 设置全局配置项\n     * @param conf\n     */\n    setConfig(conf: Partial<State>) {\n      deepSet(state, conf)\n    }\n  }\n}\n"],"mappings":";;;AAiBA,MAAM,QAAQ,SAAgB;CAC5B,WAAW;CACX,MAAM;CACN,MAAM,EAAE,YAAY,KAAK;CACzB,WAAW;EAAE,UAAU;EAAI,iBAAiB;GAAC;GAAI;GAAK;GAAK;GAAK;GAAK;EAAE;CACxE,CAAC;AAEF,SAAgB,gBAAgB,MAAqB,SAA+B;CAClF,IAAI,OAAO,aAAa,aAAa;CACrC,IAAI,SACF,SAAS,gBAAgB,UAAU,OAAO,QAAQ;CAEpD,SAAS,gBAAgB,UAAU,IAAI,KAAK;;AAG9C,IAAI,uBAA4C;AAEhD,SAAS,yBAA+B;CACtC,IAAI,sBAAsB;CAC1B,IAAI,OAAO,aAAa,aAAa;CAErC,uBAAuB,YACf,MAAM,OACX,MAAM,YAAY,gBAAgB,MAAM,QAAQ,CAClD;;AAGH,SAAS,QAAQ,UAA+B,QAA6B;CAC3E,OAAO,KAAK,OAAO,CAAC,SAAS,QAAQ;EACnC,MAAM,MAAM,SAAS;EACrB,MAAM,YAAY,OAAO;EACzB,IAAI,MAAM,IAAI,EACZ,IAAI,MAAM,UAAU,EAClB,QAAQ,KAAK,UAAU;OAEvB,QAAQ,KAAK,WAAW,IAAI,WAAW;OAGzC,SAAS,OAAO;GAElB;;AAGJ,SAAgB,YAGd;CACA,wBAAwB;CACxB,OAAO;;EAEL,QAAQ,SAAS,MAAM;;;;;EAKvB,UAAU,MAAsB;GAC9B,QAAQ,OAAO,KAAK;;EAEvB"}

package/dist/use-drag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/use-drag/index.ts"],"sourcesContent":["import { type Ref, type ShallowRef, watch, onBeforeUnmount } from 'vue'\n\ninterface DragParams {\n  /** 本次拖动水平距离 */\n  x: number\n  /** 本次拖动垂直距离 */\n  y: number\n  /** 拖拽目标水平偏移量 */\n  offsetX: number\n  /** 拖拽目标垂直偏移量 */\n  offsetY: number\n  /** 鼠标事件 */\n  e: MouseEvent\n}\n\ninterface DragOptions {\n  /** 拖动目标 */\n  target: ShallowRef<HTMLElement | undefined | null> | Ref<HTMLElement | undefined | null>\n  /** 拖动开始 */\n  onDragStart?(e: MouseEvent): void\n  /** 拖动结束 */\n  onDragEnd?(params: DragParams): void\n  /** 拖动时 */\n  onDrag?(params: DragParams): void\n  /** 水平拖动范围 */\n  rangeX?: [number, number]\n  /** 垂直拖动范围 */\n  rangeY?: [number, number]\n  /** 初始偏移量 */\n  initial?: { offsetX?: number; offsetY?: number }\n}\n\n/**\n * 拖动组合式方法\n * @param options 拖动选项\n */\nexport function useDrag(options: DragOptions): {\n  update: (options: { offsetX?: number; offsetY?: number }) => void\n} {\n  const { target, onDragStart, onDrag, onDragEnd, rangeX, rangeY, initial } = options\n\n  // 鼠标拖拽前的坐标\n  let originX = 0\n  let originY = 0\n\n  let offsetX = initial?.offsetX ?? 0\n  let offsetY = initial?.offsetY ?? 0\n\n  // 拖拽参数\n  const dragParams: DragParams = { x: 0, y: 0, offsetX: 0, offsetY: 0, e: null as any }\n\n  // 先取\n  const onselectstart = document.onselectstart\n\n  const handleMousedown = (e: MouseEvent) => {\n    e.stopPropagation()\n    if (e.button !== 0) return\n    window.getSelection()?.removeAllRanges()\n    e.stopImmediatePropagation()\n\n    originX = e.x\n    originY = e.y\n\n    onDragStart?.(e)\n\n    // 禁止浏览器的选中事件, 直到mouseup事件触发时还原\n    document.onselectstart = () => false\n    document.addEventListener('mousemove', handleMousemove, { passive: true })\n    document.addEventListener('mouseup', handleMouseup)\n  }\n\n  const getOffsetXWithRange = (deltaX: number) => {\n    return Math.max(rangeX![0], Math.min(rangeX![1], offsetX + deltaX))\n  }\n\n  const getOffsetXWithoutRange = (deltaX: number) => {\n    return offsetX + deltaX\n  }\n\n  const getOffsetYWithRange = (deltaY: number) => {\n    return Math.max(rangeY![0], Math.min(rangeY![1], offsetY + deltaY))\n  }\n\n  const getOffsetYWithoutRange = (deltaY: number) => {\n    return offsetY + deltaY\n  }\n\n  const getOffsetX = rangeX ? getOffsetXWithRange : getOffsetXWithoutRange\n  const getOffsetY = rangeY ? getOffsetYWithRange : getOffsetYWithoutRange\n\n  // 避免重复创建对象影响内存占用\n  const setDragParam = (e: MouseEvent) => {\n    dragParams.x = e.x - originX\n    dragParams.y = e.y - originY\n    dragParams.offsetX = getOffsetX(dragParams.x)\n    dragParams.offsetY = getOffsetY(dragParams.y)\n    dragParams.e = e\n  }\n\n  const handleMousemove = (e: MouseEvent) => {\n    setDragParam(e)\n    onDrag?.(dragParams)\n  }\n\n  const handleMouseup = (e: MouseEvent) => {\n    setDragParam(e)\n    offsetX = dragParams.offsetX\n    offsetY = dragParams.offsetY\n\n    onDragEnd?.(dragParams)\n    document.onselectstart = onselectstart\n\n    cleanup()\n  }\n\n  // 统一的清理函数\n  const cleanup = () => {\n    document.removeEventListener('mousemove', handleMousemove)\n    document.removeEventListener('mouseup', handleMouseup)\n  }\n\n  watch(\n    target,\n    (dom, oldDom) => {\n      oldDom?.removeEventListener('mousedown', handleMousedown)\n      if (!dom) return\n      dom.addEventListener('mousedown', handleMousedown)\n    },\n    { immediate: true }\n  )\n\n  onBeforeUnmount(() => {\n    target.value?.removeEventListener('mousedown', handleMousedown)\n    cleanup()\n  })\n\n  return {\n    update(options: { offsetX?: number; offsetY?: number }) {\n      if (options.offsetX !== undefined) {\n        offsetX = options.offsetX\n      }\n      if (options.offsetY !== undefined) {\n        offsetY = options.offsetY\n      }\n    }\n  }\n}\n"],"mappings":";;;;;;AAoCA,SAAgB,QAAQ,SAEtB;CACA,MAAM,EAAE,QAAQ,aAAa,QAAQ,WAAW,QAAQ,QAAQ,YAAY;CAG5E,IAAI,UAAU;CACd,IAAI,UAAU;CAEd,IAAI,UAAU,SAAS,WAAW;CAClC,IAAI,UAAU,SAAS,WAAW;CAGlC,MAAM,aAAyB;EAAE,GAAG;EAAG,GAAG;EAAG,SAAS;EAAG,SAAS;EAAG,GAAG;EAAa;CAGrF,MAAM,gBAAgB,SAAS;CAE/B,MAAM,mBAAmB,MAAkB;AACzC,IAAE,iBAAiB;AACnB,MAAI,EAAE,WAAW,EAAG;AACpB,SAAO,cAAc,EAAE,iBAAiB;AACxC,IAAE,0BAA0B;AAE5B,YAAU,EAAE;AACZ,YAAU,EAAE;AAEZ,gBAAc,EAAE;AAGhB,WAAS,sBAAsB;AAC/B,WAAS,iBAAiB,aAAa,iBAAiB,EAAE,SAAS,MAAM,CAAC;AAC1E,WAAS,iBAAiB,WAAW,cAAc;;CAGrD,MAAM,uBAAuB,WAAmB;AAC9C,SAAO,KAAK,IAAI,OAAQ,IAAI,KAAK,IAAI,OAAQ,IAAI,UAAU,OAAO,CAAC;;CAGrE,MAAM,0BAA0B,WAAmB;AACjD,SAAO,UAAU;;CAGnB,MAAM,uBAAuB,WAAmB;AAC9C,SAAO,KAAK,IAAI,OAAQ,IAAI,KAAK,IAAI,OAAQ,IAAI,UAAU,OAAO,CAAC;;CAGrE,MAAM,0BAA0B,WAAmB;AACjD,SAAO,UAAU;;CAGnB,MAAM,aAAa,SAAS,sBAAsB;CAClD,MAAM,aAAa,SAAS,sBAAsB;CAGlD,MAAM,gBAAgB,MAAkB;AACtC,aAAW,IAAI,EAAE,IAAI;AACrB,aAAW,IAAI,EAAE,IAAI;AACrB,aAAW,UAAU,WAAW,WAAW,EAAE;AAC7C,aAAW,UAAU,WAAW,WAAW,EAAE;AAC7C,aAAW,IAAI;;CAGjB,MAAM,mBAAmB,MAAkB;AACzC,eAAa,EAAE;AACf,WAAS,WAAW;;CAGtB,MAAM,iBAAiB,MAAkB;AACvC,eAAa,EAAE;AACf,YAAU,WAAW;AACrB,YAAU,WAAW;AAErB,cAAY,WAAW;AACvB,WAAS,gBAAgB;AAEzB,WAAS;;CAIX,MAAM,gBAAgB;AACpB,WAAS,oBAAoB,aAAa,gBAAgB;AAC1D,WAAS,oBAAoB,WAAW,cAAc;;AAGxD,OACE,SACC,KAAK,WAAW;AACf,UAAQ,oBAAoB,aAAa,gBAAgB;AACzD,MAAI,CAAC,IAAK;AACV,MAAI,iBAAiB,aAAa,gBAAgB;IAEpD,EAAE,WAAW,MAAM,CACpB;AAED,uBAAsB;AACpB,SAAO,OAAO,oBAAoB,aAAa,gBAAgB;AAC/D,WAAS;GACT;AAEF,QAAO,EACL,OAAO,SAAiD;AACtD,MAAI,QAAQ,YAAY,KAAA,EACtB,WAAU,QAAQ;AAEpB,MAAI,QAAQ,YAAY,KAAA,EACtB,WAAU,QAAQ;IAGvB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/use-drag/index.ts"],"sourcesContent":["import { type Ref, type ShallowRef, watch, onBeforeUnmount } from 'vue'\n\ninterface DragParams {\n  /** 本次拖动水平距离 */\n  x: number\n  /** 本次拖动垂直距离 */\n  y: number\n  /** 拖拽目标水平偏移量 */\n  offsetX: number\n  /** 拖拽目标垂直偏移量 */\n  offsetY: number\n  /** 鼠标事件 */\n  e: MouseEvent\n}\n\ninterface DragOptions {\n  /** 拖动目标 */\n  target: ShallowRef<HTMLElement | undefined | null> | Ref<HTMLElement | undefined | null>\n  /** 拖动开始 */\n  onDragStart?(e: MouseEvent): void\n  /** 拖动结束 */\n  onDragEnd?(params: DragParams): void\n  /** 拖动时 */\n  onDrag?(params: DragParams): void\n  /** 水平拖动范围 */\n  rangeX?: [number, number]\n  /** 垂直拖动范围 */\n  rangeY?: [number, number]\n  /** 初始偏移量 */\n  initial?: { offsetX?: number; offsetY?: number }\n}\n\n/**\n * 拖动组合式方法\n * @param options 拖动选项\n */\nexport function useDrag(options: DragOptions): {\n  update: (options: { offsetX?: number; offsetY?: number }) => void\n} {\n  const { target, onDragStart, onDrag, onDragEnd, rangeX, rangeY, initial } = options\n\n  // 鼠标拖拽前的坐标\n  let originX = 0\n  let originY = 0\n\n  let offsetX = initial?.offsetX ?? 0\n  let offsetY = initial?.offsetY ?? 0\n\n  // 拖拽参数\n  const dragParams: DragParams = { x: 0, y: 0, offsetX: 0, offsetY: 0, e: null as any }\n\n  // 先取\n  const onselectstart = document.onselectstart\n\n  const handleMousedown = (e: MouseEvent) => {\n    e.stopPropagation()\n    if (e.button !== 0) return\n    window.getSelection()?.removeAllRanges()\n    e.stopImmediatePropagation()\n\n    originX = e.x\n    originY = e.y\n\n    onDragStart?.(e)\n\n    // 禁止浏览器的选中事件, 直到mouseup事件触发时还原\n    document.onselectstart = () => false\n    document.addEventListener('mousemove', handleMousemove, { passive: true })\n    document.addEventListener('mouseup', handleMouseup)\n  }\n\n  const getOffsetXWithRange = (deltaX: number) => {\n    return Math.max(rangeX![0], Math.min(rangeX![1], offsetX + deltaX))\n  }\n\n  const getOffsetXWithoutRange = (deltaX: number) => {\n    return offsetX + deltaX\n  }\n\n  const getOffsetYWithRange = (deltaY: number) => {\n    return Math.max(rangeY![0], Math.min(rangeY![1], offsetY + deltaY))\n  }\n\n  const getOffsetYWithoutRange = (deltaY: number) => {\n    return offsetY + deltaY\n  }\n\n  const getOffsetX = rangeX ? getOffsetXWithRange : getOffsetXWithoutRange\n  const getOffsetY = rangeY ? getOffsetYWithRange : getOffsetYWithoutRange\n\n  // 避免重复创建对象影响内存占用\n  const setDragParam = (e: MouseEvent) => {\n    dragParams.x = e.x - originX\n    dragParams.y = e.y - originY\n    dragParams.offsetX = getOffsetX(dragParams.x)\n    dragParams.offsetY = getOffsetY(dragParams.y)\n    dragParams.e = e\n  }\n\n  const handleMousemove = (e: MouseEvent) => {\n    setDragParam(e)\n    onDrag?.(dragParams)\n  }\n\n  const handleMouseup = (e: MouseEvent) => {\n    setDragParam(e)\n    offsetX = dragParams.offsetX\n    offsetY = dragParams.offsetY\n\n    onDragEnd?.(dragParams)\n    document.onselectstart = onselectstart\n\n    cleanup()\n  }\n\n  // 统一的清理函数\n  const cleanup = () => {\n    document.removeEventListener('mousemove', handleMousemove)\n    document.removeEventListener('mouseup', handleMouseup)\n  }\n\n  watch(\n    target,\n    (dom, oldDom) => {\n      oldDom?.removeEventListener('mousedown', handleMousedown)\n      if (!dom) return\n      dom.addEventListener('mousedown', handleMousedown)\n    },\n    { immediate: true }\n  )\n\n  onBeforeUnmount(() => {\n    target.value?.removeEventListener('mousedown', handleMousedown)\n    cleanup()\n  })\n\n  return {\n    update(options: { offsetX?: number; offsetY?: number }) {\n      if (options.offsetX !== undefined) {\n        offsetX = options.offsetX\n      }\n      if (options.offsetY !== undefined) {\n        offsetY = options.offsetY\n      }\n    }\n  }\n}\n"],"mappings":";;;;;;AAoCA,SAAgB,QAAQ,SAEtB;CACA,MAAM,EAAE,QAAQ,aAAa,QAAQ,WAAW,QAAQ,QAAQ,YAAY;CAG5E,IAAI,UAAU;CACd,IAAI,UAAU;CAEd,IAAI,UAAU,SAAS,WAAW;CAClC,IAAI,UAAU,SAAS,WAAW;CAGlC,MAAM,aAAyB;EAAE,GAAG;EAAG,GAAG;EAAG,SAAS;EAAG,SAAS;EAAG,GAAG;EAAa;CAGrF,MAAM,gBAAgB,SAAS;CAE/B,MAAM,mBAAmB,MAAkB;EACzC,EAAE,iBAAiB;EACnB,IAAI,EAAE,WAAW,GAAG;EACpB,OAAO,cAAc,EAAE,iBAAiB;EACxC,EAAE,0BAA0B;EAE5B,UAAU,EAAE;EACZ,UAAU,EAAE;EAEZ,cAAc,EAAE;EAGhB,SAAS,sBAAsB;EAC/B,SAAS,iBAAiB,aAAa,iBAAiB,EAAE,SAAS,MAAM,CAAC;EAC1E,SAAS,iBAAiB,WAAW,cAAc;;CAGrD,MAAM,uBAAuB,WAAmB;EAC9C,OAAO,KAAK,IAAI,OAAQ,IAAI,KAAK,IAAI,OAAQ,IAAI,UAAU,OAAO,CAAC;;CAGrE,MAAM,0BAA0B,WAAmB;EACjD,OAAO,UAAU;;CAGnB,MAAM,uBAAuB,WAAmB;EAC9C,OAAO,KAAK,IAAI,OAAQ,IAAI,KAAK,IAAI,OAAQ,IAAI,UAAU,OAAO,CAAC;;CAGrE,MAAM,0BAA0B,WAAmB;EACjD,OAAO,UAAU;;CAGnB,MAAM,aAAa,SAAS,sBAAsB;CAClD,MAAM,aAAa,SAAS,sBAAsB;CAGlD,MAAM,gBAAgB,MAAkB;EACtC,WAAW,IAAI,EAAE,IAAI;EACrB,WAAW,IAAI,EAAE,IAAI;EACrB,WAAW,UAAU,WAAW,WAAW,EAAE;EAC7C,WAAW,UAAU,WAAW,WAAW,EAAE;EAC7C,WAAW,IAAI;;CAGjB,MAAM,mBAAmB,MAAkB;EACzC,aAAa,EAAE;EACf,SAAS,WAAW;;CAGtB,MAAM,iBAAiB,MAAkB;EACvC,aAAa,EAAE;EACf,UAAU,WAAW;EACrB,UAAU,WAAW;EAErB,YAAY,WAAW;EACvB,SAAS,gBAAgB;EAEzB,SAAS;;CAIX,MAAM,gBAAgB;EACpB,SAAS,oBAAoB,aAAa,gBAAgB;EAC1D,SAAS,oBAAoB,WAAW,cAAc;;CAGxD,MACE,SACC,KAAK,WAAW;EACf,QAAQ,oBAAoB,aAAa,gBAAgB;EACzD,IAAI,CAAC,KAAK;EACV,IAAI,iBAAiB,aAAa,gBAAgB;IAEpD,EAAE,WAAW,MAAM,CACpB;CAED,sBAAsB;EACpB,OAAO,OAAO,oBAAoB,aAAa,gBAAgB;EAC/D,SAAS;GACT;CAEF,OAAO,EACL,OAAO,SAAiD;EACtD,IAAI,QAAQ,YAAY,KAAA,GACtB,UAAU,QAAQ;EAEpB,IAAI,QAAQ,YAAY,KAAA,GACtB,UAAU,QAAQ;IAGvB"}

package/dist/use-fallback-props/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/use-fallback-props/index.ts"],"sourcesContent":["import type { ComponentSize } from '@veltra/utils'\nimport { computed, type ComputedRef } from 'vue'\n\nimport { useConfig } from '../use-config'\n\n/**\n * 使用回滚属性，用于控制多级属性的使用优先级，如果多级属性中不存在该值，则使用全局配置中的属性，如再不存在则为undefined\n * @param propsList 属性列表，最右边的属性优先级最高\n * @param fallbackProps 要回滚的属性和默认值\n */\nexport function useFallbackProps<\n  F extends Record<string, any>,\n  R extends {\n    [key in keyof F]: ComputedRef<F[key]>\n  }\n>(propsList: Record<string, any>[], fallbackProps: F): R {\n  const { config } = useConfig()\n\n  let result = {} as R\n\n  for (const key in fallbackProps) {\n    if (fallbackProps.hasOwnProperty(key)) {\n      const defaultValue = fallbackProps[key]\n      const ref = computed<any>(() => {\n        for (let i = propsList.length - 1; i > -1; --i) {\n          const props = propsList[i]!\n\n          if (props[key] !== undefined) {\n            return props[key]\n          }\n        }\n\n        return config[key as string] ?? defaultValue\n      })\n\n      result[key as keyof F] = ref as R[keyof F]\n    }\n  }\n\n  return result\n}\n\ntype FormFallbackProps = { size: ComponentSize; disabled: boolean; readonly: boolean }\n\n/**\n * 表单组件的回滚属性\n * @param propsList props列表\n * @returns\n */\nexport function useFormFallbackProps(propsList: Record<string, any>[]): {\n  [key in keyof FormFallbackProps]: ComputedRef<FormFallbackProps[key]>\n}\n\n/**\n * 表单组件的回滚属性\n * @param propsList props列表\n * @param fallbackProps 回滚属性，可以只指定部分表单属性\n * @returns\n */\nexport function useFormFallbackProps<F extends Partial<FormFallbackProps>>(\n  propsList: Record<string, any>[],\n  fallbackProps: F\n): {\n  [key in keyof F]: key extends keyof FormFallbackProps\n    ? ComputedRef<FormFallbackProps[key]>\n    : never\n}\nexport function useFormFallbackProps(\n  propsList: Record<string, any>[],\n  fallbackProps?: Record<string, any>\n): any {\n  if (!fallbackProps) {\n    fallbackProps = { size: 'default', disabled: false, readonly: false }\n  }\n  return useFallbackProps(propsList, fallbackProps)\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,iBAKd,WAAkC,eAAqB;CACvD,MAAM,EAAE,WAAW,WAAW;CAE9B,IAAI,SAAS,EAAE;AAEf,MAAK,MAAM,OAAO,cAChB,KAAI,cAAc,eAAe,IAAI,EAAE;EACrC,MAAM,eAAe,cAAc;AAanC,SAAO,OAZK,eAAoB;AAC9B,QAAK,IAAI,IAAI,UAAU,SAAS,GAAG,IAAI,IAAI,EAAE,GAAG;IAC9C,MAAM,QAAQ,UAAU;AAExB,QAAI,MAAM,SAAS,KAAA,EACjB,QAAO,MAAM;;AAIjB,UAAO,OAAO,QAAkB;IAGN;;AAIhC,QAAO;;AA4BT,SAAgB,qBACd,WACA,eACK;AACL,KAAI,CAAC,cACH,iBAAgB;EAAE,MAAM;EAAW,UAAU;EAAO,UAAU;EAAO;AAEvE,QAAO,iBAAiB,WAAW,cAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/use-fallback-props/index.ts"],"sourcesContent":["import type { ComponentSize } from '@veltra/utils'\nimport { computed, type ComputedRef } from 'vue'\n\nimport { useConfig } from '../use-config'\n\n/**\n * 使用回滚属性，用于控制多级属性的使用优先级，如果多级属性中不存在该值，则使用全局配置中的属性，如再不存在则为undefined\n * @param propsList 属性列表，最右边的属性优先级最高\n * @param fallbackProps 要回滚的属性和默认值\n */\nexport function useFallbackProps<\n  F extends Record<string, any>,\n  R extends {\n    [key in keyof F]: ComputedRef<F[key]>\n  }\n>(propsList: Record<string, any>[], fallbackProps: F): R {\n  const { config } = useConfig()\n\n  let result = {} as R\n\n  for (const key in fallbackProps) {\n    if (fallbackProps.hasOwnProperty(key)) {\n      const defaultValue = fallbackProps[key]\n      const ref = computed<any>(() => {\n        for (let i = propsList.length - 1; i > -1; --i) {\n          const props = propsList[i]!\n\n          if (props[key] !== undefined) {\n            return props[key]\n          }\n        }\n\n        return config[key as string] ?? defaultValue\n      })\n\n      result[key as keyof F] = ref as R[keyof F]\n    }\n  }\n\n  return result\n}\n\ntype FormFallbackProps = { size: ComponentSize; disabled: boolean; readonly: boolean }\n\n/**\n * 表单组件的回滚属性\n * @param propsList props列表\n * @returns\n */\nexport function useFormFallbackProps(propsList: Record<string, any>[]): {\n  [key in keyof FormFallbackProps]: ComputedRef<FormFallbackProps[key]>\n}\n\n/**\n * 表单组件的回滚属性\n * @param propsList props列表\n * @param fallbackProps 回滚属性，可以只指定部分表单属性\n * @returns\n */\nexport function useFormFallbackProps<F extends Partial<FormFallbackProps>>(\n  propsList: Record<string, any>[],\n  fallbackProps: F\n): {\n  [key in keyof F]: key extends keyof FormFallbackProps\n    ? ComputedRef<FormFallbackProps[key]>\n    : never\n}\nexport function useFormFallbackProps(\n  propsList: Record<string, any>[],\n  fallbackProps?: Record<string, any>\n): any {\n  if (!fallbackProps) {\n    fallbackProps = { size: 'default', disabled: false, readonly: false }\n  }\n  return useFallbackProps(propsList, fallbackProps)\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,iBAKd,WAAkC,eAAqB;CACvD,MAAM,EAAE,WAAW,WAAW;CAE9B,IAAI,SAAS,EAAE;CAEf,KAAK,MAAM,OAAO,eAChB,IAAI,cAAc,eAAe,IAAI,EAAE;EACrC,MAAM,eAAe,cAAc;EAanC,OAAO,OAZK,eAAoB;GAC9B,KAAK,IAAI,IAAI,UAAU,SAAS,GAAG,IAAI,IAAI,EAAE,GAAG;IAC9C,MAAM,QAAQ,UAAU;IAExB,IAAI,MAAM,SAAS,KAAA,GACjB,OAAO,MAAM;;GAIjB,OAAO,OAAO,QAAkB;IAGN;;CAIhC,OAAO;;AA4BT,SAAgB,qBACd,WACA,eACK;CACL,IAAI,CAAC,eACH,gBAAgB;EAAE,MAAM;EAAW,UAAU;EAAO,UAAU;EAAO;CAEvE,OAAO,iBAAiB,WAAW,cAAc"}

package/dist/use-focus/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/use-focus/index.ts"],"sourcesContent":["import { ref, type Ref } from 'vue'\n\n/**\n * 聚焦\n * @param cb 回调\n * @returns\n */\nexport function useFocus(cb?: (focused: boolean) => void): {\n  focus: Ref<boolean>\n  handleBlur: () => void\n  handleFocus: () => void\n} {\n  const focus = ref(false)\n\n  const handleFocus = () => {\n    focus.value = true\n    cb?.(focus.value)\n  }\n\n  const handleBlur = () => {\n    focus.value = false\n    cb?.(focus.value)\n  }\n\n  return { focus, handleBlur, handleFocus }\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,SAAS,IAIvB;CACA,MAAM,QAAQ,IAAI,MAAM;CAExB,MAAM,oBAAoB;AACxB,QAAM,QAAQ;AACd,OAAK,MAAM,MAAM;;CAGnB,MAAM,mBAAmB;AACvB,QAAM,QAAQ;AACd,OAAK,MAAM,MAAM;;AAGnB,QAAO;EAAE;EAAO;EAAY;EAAa"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/use-focus/index.ts"],"sourcesContent":["import { ref, type Ref } from 'vue'\n\n/**\n * 聚焦\n * @param cb 回调\n * @returns\n */\nexport function useFocus(cb?: (focused: boolean) => void): {\n  focus: Ref<boolean>\n  handleBlur: () => void\n  handleFocus: () => void\n} {\n  const focus = ref(false)\n\n  const handleFocus = () => {\n    focus.value = true\n    cb?.(focus.value)\n  }\n\n  const handleBlur = () => {\n    focus.value = false\n    cb?.(focus.value)\n  }\n\n  return { focus, handleBlur, handleFocus }\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,SAAS,IAIvB;CACA,MAAM,QAAQ,IAAI,MAAM;CAExB,MAAM,oBAAoB;EACxB,MAAM,QAAQ;EACd,KAAK,MAAM,MAAM;;CAGnB,MAAM,mBAAmB;EACvB,MAAM,QAAQ;EACd,KAAK,MAAM,MAAM;;CAGnB,OAAO;EAAE;EAAO;EAAY;EAAa"}

package/dist/use-model/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/use-model/index.ts"],"sourcesContent":["import { type Ref, ref, watch, shallowRef } from 'vue'\n\ninterface ModelOptions<Props extends Record<string, unknown>, Name extends keyof Props> {\n  /** 组件定义的属性 */\n  props: Props\n  /** 属性名称 */\n  propName?: Name\n  /** 事件触发函数 */\n  emit: (...args: any[]) => void\n  /** 是否为本地模式, 默认为true, 本地模式允许组件不受控来触发视图更新 */\n  local?: boolean | (() => boolean)\n  /** 默认值 */\n  defaultValue?: Props[Name]\n  /**\n   * 是否浅层响应\n   * @default false\n   */\n  shallow?: boolean\n}\n\n/**\n * 返回一个基于提供的选项的响应式模型值。\n * 该方法在将来可能会被替代, 目前使用是为了类型提示可用\n * 如果 local 选项为true, 模型值将是响应式的，并与属性值同步。\n * 如果 local 选项为 false，则模型值将是一个代理对象，具有 getter 和 setter。当值发生更改时，它会触发一个更新事件。\n * @param options - 选项\n * @returns - 一个模型值\n */\n\nexport function useModel<\n  Props extends Record<string, any>,\n  Name extends keyof Props = 'modelValue'\n>(\n  options: ModelOptions<Props, Name>\n): Ref<Props[Name] | undefined> | { __v_isRef: boolean; value: Props[Name] } {\n  const {\n    props,\n    propName = 'modelValue',\n    emit,\n    local = true,\n    defaultValue,\n    shallow = false\n  } = options\n\n  if (local) {\n    const _default = props[propName] ?? defaultValue\n    const r = shallow ? shallowRef : ref\n\n    // 创建一个响应式对象\n    const _value = r(_default)\n\n    // 监听属性的变更\n    watch(\n      () => props[propName],\n      (v) => {\n        _value.value = v\n      }\n    )\n\n    const getLocal = () => {\n      return typeof local === 'function' ? local() : local\n    }\n\n    const value = {\n      __v_isRef: true,\n      get value() {\n        return _value.value\n      },\n      set value(v) {\n        if (v !== _value.value) {\n          emit(`update:${propName as string}`, v)\n        }\n        if (getLocal()) {\n          _value.value = v\n        }\n      }\n    }\n\n    return value\n  }\n\n  // 创建一个拥有getter和setter的对象\n  const value = {\n    __v_isRef: true,\n\n    get value(): Props[Name] {\n      return (props[propName] ?? defaultValue) as Props[Name]\n    },\n\n    set value(v: Props[Name]) {\n      emit(`update:${propName as string}`, v)\n    }\n  }\n\n  return value\n}\n"],"mappings":";;;;;;;;;;AA6BA,SAAgB,SAId,SAC2E;CAC3E,MAAM,EACJ,OACA,WAAW,cACX,MACA,QAAQ,MACR,cACA,UAAU,UACR;AAEJ,KAAI,OAAO;EACT,MAAM,WAAW,MAAM,aAAa;EAIpC,MAAM,UAHI,UAAU,aAAa,KAGhB,SAAS;AAG1B,cACQ,MAAM,YACX,MAAM;AACL,UAAO,QAAQ;IAElB;EAED,MAAM,iBAAiB;AACrB,UAAO,OAAO,UAAU,aAAa,OAAO,GAAG;;AAkBjD,SAAO;GAdL,WAAW;GACX,IAAI,QAAQ;AACV,WAAO,OAAO;;GAEhB,IAAI,MAAM,GAAG;AACX,QAAI,MAAM,OAAO,MACf,MAAK,UAAU,YAAsB,EAAE;AAEzC,QAAI,UAAU,CACZ,QAAO,QAAQ;;GAKT;;AAgBd,QAAO;EAXL,WAAW;EAEX,IAAI,QAAqB;AACvB,UAAQ,MAAM,aAAa;;EAG7B,IAAI,MAAM,GAAgB;AACxB,QAAK,UAAU,YAAsB,EAAE;;EAI/B"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/use-model/index.ts"],"sourcesContent":["import { type Ref, ref, watch, shallowRef } from 'vue'\n\ninterface ModelOptions<Props extends Record<string, unknown>, Name extends keyof Props> {\n  /** 组件定义的属性 */\n  props: Props\n  /** 属性名称 */\n  propName?: Name\n  /** 事件触发函数 */\n  emit: (...args: any[]) => void\n  /** 是否为本地模式, 默认为true, 本地模式允许组件不受控来触发视图更新 */\n  local?: boolean | (() => boolean)\n  /** 默认值 */\n  defaultValue?: Props[Name]\n  /**\n   * 是否浅层响应\n   * @default false\n   */\n  shallow?: boolean\n}\n\n/**\n * 返回一个基于提供的选项的响应式模型值。\n * 该方法在将来可能会被替代, 目前使用是为了类型提示可用\n * 如果 local 选项为true, 模型值将是响应式的，并与属性值同步。\n * 如果 local 选项为 false，则模型值将是一个代理对象，具有 getter 和 setter。当值发生更改时，它会触发一个更新事件。\n * @param options - 选项\n * @returns - 一个模型值\n */\n\nexport function useModel<\n  Props extends Record<string, any>,\n  Name extends keyof Props = 'modelValue'\n>(\n  options: ModelOptions<Props, Name>\n): Ref<Props[Name] | undefined> | { __v_isRef: boolean; value: Props[Name] } {\n  const {\n    props,\n    propName = 'modelValue',\n    emit,\n    local = true,\n    defaultValue,\n    shallow = false\n  } = options\n\n  if (local) {\n    const _default = props[propName] ?? defaultValue\n    const r = shallow ? shallowRef : ref\n\n    // 创建一个响应式对象\n    const _value = r(_default)\n\n    // 监听属性的变更\n    watch(\n      () => props[propName],\n      (v) => {\n        _value.value = v\n      }\n    )\n\n    const getLocal = () => {\n      return typeof local === 'function' ? local() : local\n    }\n\n    const value = {\n      __v_isRef: true,\n      get value() {\n        return _value.value\n      },\n      set value(v) {\n        if (v !== _value.value) {\n          emit(`update:${propName as string}`, v)\n        }\n        if (getLocal()) {\n          _value.value = v\n        }\n      }\n    }\n\n    return value\n  }\n\n  // 创建一个拥有getter和setter的对象\n  const value = {\n    __v_isRef: true,\n\n    get value(): Props[Name] {\n      return (props[propName] ?? defaultValue) as Props[Name]\n    },\n\n    set value(v: Props[Name]) {\n      emit(`update:${propName as string}`, v)\n    }\n  }\n\n  return value\n}\n"],"mappings":";;;;;;;;;;AA6BA,SAAgB,SAId,SAC2E;CAC3E,MAAM,EACJ,OACA,WAAW,cACX,MACA,QAAQ,MACR,cACA,UAAU,UACR;CAEJ,IAAI,OAAO;EACT,MAAM,WAAW,MAAM,aAAa;EAIpC,MAAM,UAHI,UAAU,aAAa,KAGhB,SAAS;EAG1B,YACQ,MAAM,YACX,MAAM;GACL,OAAO,QAAQ;IAElB;EAED,MAAM,iBAAiB;GACrB,OAAO,OAAO,UAAU,aAAa,OAAO,GAAG;;EAkBjD,OAAO;GAdL,WAAW;GACX,IAAI,QAAQ;IACV,OAAO,OAAO;;GAEhB,IAAI,MAAM,GAAG;IACX,IAAI,MAAM,OAAO,OACf,KAAK,UAAU,YAAsB,EAAE;IAEzC,IAAI,UAAU,EACZ,OAAO,QAAQ;;GAKT;;CAgBd,OAAO;EAXL,WAAW;EAEX,IAAI,QAAqB;GACvB,OAAQ,MAAM,aAAa;;EAG7B,IAAI,MAAM,GAAgB;GACxB,KAAK,UAAU,YAAsB,EAAE;;EAI/B"}

package/dist/use-pop/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/use-pop/index.ts"],"sourcesContent":["import {\n  computePosition,\n  flip,\n  shift,\n  arrow,\n  offset,\n  type ComputePositionReturn,\n  type Placement\n} from '@floating-ui/dom'\nimport { getScrollParents, setStyles } from '@veltra/utils'\nimport { isRef, onBeforeUnmount, watch, type Ref, type ShallowRef } from 'vue'\n\ntype TipDirection = 'top' | 'bottom' | 'left' | 'right'\ntype TipAlign = 'center' | 'start' | 'end'\n\ninterface Options {\n  /** 触发元素 */\n  triggerRef: ShallowRef<HTMLElement | undefined>\n  /** 内容元素 */\n  contentRef: ShallowRef<HTMLElement | undefined>\n  /**\n   * 箭头元素，如果存在，则会在弹框的箭头位置显示箭头\n   */\n  arrowRef?: ShallowRef<HTMLElement | undefined>\n  /** 方向 */\n  direction?: ShallowRef<TipDirection> | TipDirection\n  /** 对齐方式 */\n  alignment?: ShallowRef<TipAlign> | TipAlign\n  /**\n   * 箭头大小\n   * @default 10\n   */\n  arrowSize?: number\n  /**\n   * 触发器元素位置变更时回调，\n   * 一般用于在触发器元素位置变更时更新弹框位置\n   */\n  onTriggerPositionChange?: () => void\n  /** 更新元素前回调 */\n  onBeforeUpdate?: (triggerEl: HTMLElement, contentEl: HTMLElement) => void\n  /** 更新元素后回调 */\n  onAfterUpdate?: (position: ComputePositionReturn) => void\n  /** 弹框弹出时回调 */\n  onPop?: (position: ComputePositionReturn) => void\n}\n\ninterface PopResult {\n  /**\n   * 更新弹框位置\n   */\n  update: () => Promise<void>\n  /** 浮框容器id */\n  popperContainerId: string\n}\n\nlet popperContainer: HTMLElement | null = null\n\nconst popperContainerId = 'pop-container'\n\n/**\n * 浮框组合式函数\n * @param options 选项\n * @returns\n */\nexport function usePop(options: Options): PopResult {\n  if (!popperContainer) {\n    popperContainer = document.createElement('div')\n    popperContainer.id = popperContainerId\n    document.body.appendChild(popperContainer)\n  }\n\n  const {\n    triggerRef,\n    contentRef,\n    arrowRef,\n    arrowSize = 10,\n    onTriggerPositionChange,\n    onAfterUpdate,\n    onBeforeUpdate,\n    direction,\n    alignment,\n    onPop\n  } = options\n\n  /** 箭头位置 */\n  const arrowPlacementDict = { top: 'bottom', right: 'left', bottom: 'top', left: 'right' }\n\n  function getMaybeRefValue<T>(value?: Ref<T> | T) {\n    return isRef(value) ? value.value : value\n  }\n\n  /**\n   * 更新浮框位置\n   * @param callbackOnPop 是否在弹出时回调\n   */\n  async function update(callbackOnPop = false) {\n    const triggerEl = triggerRef.value\n    const contentEl = contentRef.value\n\n    if (!(triggerEl instanceof HTMLElement) || !(contentEl instanceof HTMLElement)) {\n      return\n    }\n\n    onBeforeUpdate?.(triggerEl, contentEl)\n\n    // 计算位置 ↓↓↓\n    const middleware = [offset(arrowRef?.value ? arrowSize : 6), flip(), shift()]\n\n    if (arrowRef?.value) {\n      middleware.push(arrow({ element: arrowRef.value }))\n    }\n\n    const _direction = getMaybeRefValue(direction) ?? 'top'\n    const _alignment = getMaybeRefValue(alignment) ?? 'center'\n\n    const position = await computePosition(triggerEl, contentEl, {\n      middleware,\n\n      placement: `${_direction}${_alignment === 'center' ? '' : `-${_alignment}`}` as Placement\n    })\n\n    const { x, y, middlewareData, placement } = position\n\n    setStyles(contentEl, { left: `${x}px`, top: `${y}px` })\n    callbackOnPop && onPop?.(position)\n    onAfterUpdate?.(position)\n\n    // 设置箭头位置 ↓↓↓\n    if (middlewareData.arrow) {\n      const { x: arrowX, y: arrowY } = middlewareData.arrow\n\n      const arrowPlacement =\n        arrowPlacementDict[placement.split('-')[0]! as keyof typeof arrowPlacementDict]\n      const size = `${arrowSize}px`\n      // 箭头半径\n      const arrowRadius = arrowSize / 2\n\n      setStyles(arrowRef!.value!, {\n        width: size,\n        height: size,\n        left: arrowX && `${arrowX - arrowRadius}px`,\n        top: arrowY && `${arrowY - arrowRadius}px`,\n        [arrowPlacement]: `-${arrowRadius}px`\n      })\n    }\n    // 设置箭头位置 ↑↑↑\n  }\n\n  let scrollParents: HTMLElement[] = []\n\n  /** 为触发器元素的祖先元素添加滚动事件 */\n  function addScrollEvents() {\n    if (!triggerRef.value) return\n    if (onTriggerPositionChange) {\n      scrollParents = getScrollParents(triggerRef.value)\n      scrollParents.forEach((el) => {\n        el.addEventListener('scroll', onTriggerPositionChange)\n      })\n    }\n  }\n\n  /** 移除触发器元素祖先元素的滚动事件 */\n  function removeScrollEvents() {\n    if (onTriggerPositionChange) {\n      scrollParents.forEach((el) => {\n        el.removeEventListener('scroll', onTriggerPositionChange)\n      })\n    }\n\n    scrollParents = []\n  }\n\n  function addResizeEvents() {\n    onTriggerPositionChange && window.addEventListener('resize', onTriggerPositionChange)\n  }\n\n  function removeResizeEvents() {\n    onTriggerPositionChange && window.removeEventListener('resize', onTriggerPositionChange)\n  }\n\n  watch(\n    [contentRef, () => getMaybeRefValue(direction), () => getMaybeRefValue(alignment)],\n    ([content]) => {\n      if (content) {\n        update(true)\n        addScrollEvents()\n        addResizeEvents()\n        return\n      }\n      removeScrollEvents()\n      removeResizeEvents()\n    }\n  )\n\n  onBeforeUnmount(() => {\n    removeScrollEvents()\n    removeResizeEvents()\n  })\n\n  return {\n    /** 更新浮框位置 */\n    update,\n    /** 浮框容器id */\n    popperContainerId\n  }\n}\n"],"mappings":";;;;AAuDA,IAAI,kBAAsC;AAE1C,MAAM,oBAAoB;;;;;;AAO1B,SAAgB,OAAO,SAA6B;AAClD,KAAI,CAAC,iBAAiB;AACpB,oBAAkB,SAAS,cAAc,MAAM;AAC/C,kBAAgB,KAAK;AACrB,WAAS,KAAK,YAAY,gBAAgB;;CAG5C,MAAM,EACJ,YACA,YACA,UACA,YAAY,IACZ,yBACA,eACA,gBACA,WACA,WACA,UACE;;CAGJ,MAAM,qBAAqB;EAAE,KAAK;EAAU,OAAO;EAAQ,QAAQ;EAAO,MAAM;EAAS;CAEzF,SAAS,iBAAoB,OAAoB;AAC/C,SAAO,MAAM,MAAM,GAAG,MAAM,QAAQ;;;;;;CAOtC,eAAe,OAAO,gBAAgB,OAAO;EAC3C,MAAM,YAAY,WAAW;EAC7B,MAAM,YAAY,WAAW;AAE7B,MAAI,EAAE,qBAAqB,gBAAgB,EAAE,qBAAqB,aAChE;AAGF,mBAAiB,WAAW,UAAU;EAGtC,MAAM,aAAa;GAAC,OAAO,UAAU,QAAQ,YAAY,EAAE;GAAE,MAAM;GAAE,OAAO;GAAC;AAE7E,MAAI,UAAU,MACZ,YAAW,KAAK,MAAM,EAAE,SAAS,SAAS,OAAO,CAAC,CAAC;EAGrD,MAAM,aAAa,iBAAiB,UAAU,IAAI;EAClD,MAAM,aAAa,iBAAiB,UAAU,IAAI;EAElD,MAAM,WAAW,MAAM,gBAAgB,WAAW,WAAW;GAC3D;GAEA,WAAW,GAAG,aAAa,eAAe,WAAW,KAAK,IAAI;GAC/D,CAAC;EAEF,MAAM,EAAE,GAAG,GAAG,gBAAgB,cAAc;AAE5C,YAAU,WAAW;GAAE,MAAM,GAAG,EAAE;GAAK,KAAK,GAAG,EAAE;GAAK,CAAC;AACvD,mBAAiB,QAAQ,SAAS;AAClC,kBAAgB,SAAS;AAGzB,MAAI,eAAe,OAAO;GACxB,MAAM,EAAE,GAAG,QAAQ,GAAG,WAAW,eAAe;GAEhD,MAAM,iBACJ,mBAAmB,UAAU,MAAM,IAAI,CAAC;GAC1C,MAAM,OAAO,GAAG,UAAU;GAE1B,MAAM,cAAc,YAAY;AAEhC,aAAU,SAAU,OAAQ;IAC1B,OAAO;IACP,QAAQ;IACR,MAAM,UAAU,GAAG,SAAS,YAAY;IACxC,KAAK,UAAU,GAAG,SAAS,YAAY;KACtC,iBAAiB,IAAI,YAAY;IACnC,CAAC;;;CAKN,IAAI,gBAA+B,EAAE;;CAGrC,SAAS,kBAAkB;AACzB,MAAI,CAAC,WAAW,MAAO;AACvB,MAAI,yBAAyB;AAC3B,mBAAgB,iBAAiB,WAAW,MAAM;AAClD,iBAAc,SAAS,OAAO;AAC5B,OAAG,iBAAiB,UAAU,wBAAwB;KACtD;;;;CAKN,SAAS,qBAAqB;AAC5B,MAAI,wBACF,eAAc,SAAS,OAAO;AAC5B,MAAG,oBAAoB,UAAU,wBAAwB;IACzD;AAGJ,kBAAgB,EAAE;;CAGpB,SAAS,kBAAkB;AACzB,6BAA2B,OAAO,iBAAiB,UAAU,wBAAwB;;CAGvF,SAAS,qBAAqB;AAC5B,6BAA2B,OAAO,oBAAoB,UAAU,wBAAwB;;AAG1F,OACE;EAAC;QAAkB,iBAAiB,UAAU;QAAQ,iBAAiB,UAAU;EAAC,GACjF,CAAC,aAAa;AACb,MAAI,SAAS;AACX,UAAO,KAAK;AACZ,oBAAiB;AACjB,oBAAiB;AACjB;;AAEF,sBAAoB;AACpB,sBAAoB;GAEvB;AAED,uBAAsB;AACpB,sBAAoB;AACpB,sBAAoB;GACpB;AAEF,QAAO;;EAEL;;EAEA;EACD"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/use-pop/index.ts"],"sourcesContent":["import {\n  computePosition,\n  flip,\n  shift,\n  arrow,\n  offset,\n  type ComputePositionReturn,\n  type Placement\n} from '@floating-ui/dom'\nimport { getScrollParents, setStyles } from '@veltra/utils'\nimport { isRef, onBeforeUnmount, watch, type Ref, type ShallowRef } from 'vue'\n\ntype TipDirection = 'top' | 'bottom' | 'left' | 'right'\ntype TipAlign = 'center' | 'start' | 'end'\n\ninterface Options {\n  /** 触发元素 */\n  triggerRef: ShallowRef<HTMLElement | undefined>\n  /** 内容元素 */\n  contentRef: ShallowRef<HTMLElement | undefined>\n  /**\n   * 箭头元素，如果存在，则会在弹框的箭头位置显示箭头\n   */\n  arrowRef?: ShallowRef<HTMLElement | undefined>\n  /** 方向 */\n  direction?: ShallowRef<TipDirection> | TipDirection\n  /** 对齐方式 */\n  alignment?: ShallowRef<TipAlign> | TipAlign\n  /**\n   * 箭头大小\n   * @default 10\n   */\n  arrowSize?: number\n  /**\n   * 触发器元素位置变更时回调，\n   * 一般用于在触发器元素位置变更时更新弹框位置\n   */\n  onTriggerPositionChange?: () => void\n  /** 更新元素前回调 */\n  onBeforeUpdate?: (triggerEl: HTMLElement, contentEl: HTMLElement) => void\n  /** 更新元素后回调 */\n  onAfterUpdate?: (position: ComputePositionReturn) => void\n  /** 弹框弹出时回调 */\n  onPop?: (position: ComputePositionReturn) => void\n}\n\ninterface PopResult {\n  /**\n   * 更新弹框位置\n   */\n  update: () => Promise<void>\n  /** 浮框容器id */\n  popperContainerId: string\n}\n\nlet popperContainer: HTMLElement | null = null\n\nconst popperContainerId = 'pop-container'\n\n/**\n * 浮框组合式函数\n * @param options 选项\n * @returns\n */\nexport function usePop(options: Options): PopResult {\n  if (!popperContainer) {\n    popperContainer = document.createElement('div')\n    popperContainer.id = popperContainerId\n    document.body.appendChild(popperContainer)\n  }\n\n  const {\n    triggerRef,\n    contentRef,\n    arrowRef,\n    arrowSize = 10,\n    onTriggerPositionChange,\n    onAfterUpdate,\n    onBeforeUpdate,\n    direction,\n    alignment,\n    onPop\n  } = options\n\n  /** 箭头位置 */\n  const arrowPlacementDict = { top: 'bottom', right: 'left', bottom: 'top', left: 'right' }\n\n  function getMaybeRefValue<T>(value?: Ref<T> | T) {\n    return isRef(value) ? value.value : value\n  }\n\n  /**\n   * 更新浮框位置\n   * @param callbackOnPop 是否在弹出时回调\n   */\n  async function update(callbackOnPop = false) {\n    const triggerEl = triggerRef.value\n    const contentEl = contentRef.value\n\n    if (!(triggerEl instanceof HTMLElement) || !(contentEl instanceof HTMLElement)) {\n      return\n    }\n\n    onBeforeUpdate?.(triggerEl, contentEl)\n\n    // 计算位置 ↓↓↓\n    const middleware = [offset(arrowRef?.value ? arrowSize : 6), flip(), shift()]\n\n    if (arrowRef?.value) {\n      middleware.push(arrow({ element: arrowRef.value }))\n    }\n\n    const _direction = getMaybeRefValue(direction) ?? 'top'\n    const _alignment = getMaybeRefValue(alignment) ?? 'center'\n\n    const position = await computePosition(triggerEl, contentEl, {\n      middleware,\n\n      placement: `${_direction}${_alignment === 'center' ? '' : `-${_alignment}`}` as Placement\n    })\n\n    const { x, y, middlewareData, placement } = position\n\n    setStyles(contentEl, { left: `${x}px`, top: `${y}px` })\n    callbackOnPop && onPop?.(position)\n    onAfterUpdate?.(position)\n\n    // 设置箭头位置 ↓↓↓\n    if (middlewareData.arrow) {\n      const { x: arrowX, y: arrowY } = middlewareData.arrow\n\n      const arrowPlacement =\n        arrowPlacementDict[placement.split('-')[0]! as keyof typeof arrowPlacementDict]\n      const size = `${arrowSize}px`\n      // 箭头半径\n      const arrowRadius = arrowSize / 2\n\n      setStyles(arrowRef!.value!, {\n        width: size,\n        height: size,\n        left: arrowX && `${arrowX - arrowRadius}px`,\n        top: arrowY && `${arrowY - arrowRadius}px`,\n        [arrowPlacement]: `-${arrowRadius}px`\n      })\n    }\n    // 设置箭头位置 ↑↑↑\n  }\n\n  let scrollParents: HTMLElement[] = []\n\n  /** 为触发器元素的祖先元素添加滚动事件 */\n  function addScrollEvents() {\n    if (!triggerRef.value) return\n    if (onTriggerPositionChange) {\n      scrollParents = getScrollParents(triggerRef.value)\n      scrollParents.forEach((el) => {\n        el.addEventListener('scroll', onTriggerPositionChange)\n      })\n    }\n  }\n\n  /** 移除触发器元素祖先元素的滚动事件 */\n  function removeScrollEvents() {\n    if (onTriggerPositionChange) {\n      scrollParents.forEach((el) => {\n        el.removeEventListener('scroll', onTriggerPositionChange)\n      })\n    }\n\n    scrollParents = []\n  }\n\n  function addResizeEvents() {\n    onTriggerPositionChange && window.addEventListener('resize', onTriggerPositionChange)\n  }\n\n  function removeResizeEvents() {\n    onTriggerPositionChange && window.removeEventListener('resize', onTriggerPositionChange)\n  }\n\n  watch(\n    [contentRef, () => getMaybeRefValue(direction), () => getMaybeRefValue(alignment)],\n    ([content]) => {\n      if (content) {\n        update(true)\n        addScrollEvents()\n        addResizeEvents()\n        return\n      }\n      removeScrollEvents()\n      removeResizeEvents()\n    }\n  )\n\n  onBeforeUnmount(() => {\n    removeScrollEvents()\n    removeResizeEvents()\n  })\n\n  return {\n    /** 更新浮框位置 */\n    update,\n    /** 浮框容器id */\n    popperContainerId\n  }\n}\n"],"mappings":";;;;AAuDA,IAAI,kBAAsC;AAE1C,MAAM,oBAAoB;;;;;;AAO1B,SAAgB,OAAO,SAA6B;CAClD,IAAI,CAAC,iBAAiB;EACpB,kBAAkB,SAAS,cAAc,MAAM;EAC/C,gBAAgB,KAAK;EACrB,SAAS,KAAK,YAAY,gBAAgB;;CAG5C,MAAM,EACJ,YACA,YACA,UACA,YAAY,IACZ,yBACA,eACA,gBACA,WACA,WACA,UACE;;CAGJ,MAAM,qBAAqB;EAAE,KAAK;EAAU,OAAO;EAAQ,QAAQ;EAAO,MAAM;EAAS;CAEzF,SAAS,iBAAoB,OAAoB;EAC/C,OAAO,MAAM,MAAM,GAAG,MAAM,QAAQ;;;;;;CAOtC,eAAe,OAAO,gBAAgB,OAAO;EAC3C,MAAM,YAAY,WAAW;EAC7B,MAAM,YAAY,WAAW;EAE7B,IAAI,EAAE,qBAAqB,gBAAgB,EAAE,qBAAqB,cAChE;EAGF,iBAAiB,WAAW,UAAU;EAGtC,MAAM,aAAa;GAAC,OAAO,UAAU,QAAQ,YAAY,EAAE;GAAE,MAAM;GAAE,OAAO;GAAC;EAE7E,IAAI,UAAU,OACZ,WAAW,KAAK,MAAM,EAAE,SAAS,SAAS,OAAO,CAAC,CAAC;EAGrD,MAAM,aAAa,iBAAiB,UAAU,IAAI;EAClD,MAAM,aAAa,iBAAiB,UAAU,IAAI;EAElD,MAAM,WAAW,MAAM,gBAAgB,WAAW,WAAW;GAC3D;GAEA,WAAW,GAAG,aAAa,eAAe,WAAW,KAAK,IAAI;GAC/D,CAAC;EAEF,MAAM,EAAE,GAAG,GAAG,gBAAgB,cAAc;EAE5C,UAAU,WAAW;GAAE,MAAM,GAAG,EAAE;GAAK,KAAK,GAAG,EAAE;GAAK,CAAC;EACvD,iBAAiB,QAAQ,SAAS;EAClC,gBAAgB,SAAS;EAGzB,IAAI,eAAe,OAAO;GACxB,MAAM,EAAE,GAAG,QAAQ,GAAG,WAAW,eAAe;GAEhD,MAAM,iBACJ,mBAAmB,UAAU,MAAM,IAAI,CAAC;GAC1C,MAAM,OAAO,GAAG,UAAU;GAE1B,MAAM,cAAc,YAAY;GAEhC,UAAU,SAAU,OAAQ;IAC1B,OAAO;IACP,QAAQ;IACR,MAAM,UAAU,GAAG,SAAS,YAAY;IACxC,KAAK,UAAU,GAAG,SAAS,YAAY;KACtC,iBAAiB,IAAI,YAAY;IACnC,CAAC;;;CAKN,IAAI,gBAA+B,EAAE;;CAGrC,SAAS,kBAAkB;EACzB,IAAI,CAAC,WAAW,OAAO;EACvB,IAAI,yBAAyB;GAC3B,gBAAgB,iBAAiB,WAAW,MAAM;GAClD,cAAc,SAAS,OAAO;IAC5B,GAAG,iBAAiB,UAAU,wBAAwB;KACtD;;;;CAKN,SAAS,qBAAqB;EAC5B,IAAI,yBACF,cAAc,SAAS,OAAO;GAC5B,GAAG,oBAAoB,UAAU,wBAAwB;IACzD;EAGJ,gBAAgB,EAAE;;CAGpB,SAAS,kBAAkB;EACzB,2BAA2B,OAAO,iBAAiB,UAAU,wBAAwB;;CAGvF,SAAS,qBAAqB;EAC5B,2BAA2B,OAAO,oBAAoB,UAAU,wBAAwB;;CAG1F,MACE;EAAC;QAAkB,iBAAiB,UAAU;QAAQ,iBAAiB,UAAU;EAAC,GACjF,CAAC,aAAa;EACb,IAAI,SAAS;GACX,OAAO,KAAK;GACZ,iBAAiB;GACjB,iBAAiB;GACjB;;EAEF,oBAAoB;EACpB,oBAAoB;GAEvB;CAED,sBAAsB;EACpB,oBAAoB;EACpB,oBAAoB;GACpB;CAEF,OAAO;;EAEL;;EAEA;EACD"}

package/dist/use-reactive-size/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/use-reactive-size/index.ts"],"sourcesContent":["import { computed, reactive } from 'vue'\n\nimport { useResizeObserver, type RefElement } from '../use-resize-observer'\n\ninterface ElementSize {\n  width: number\n  height: number\n}\n\n/**\n * 响应式尺寸\n * @param targets 目标元素\n * @returns 目标元素的宽高\n */\nexport function useReactiveSize(target: RefElement): ElementSize\nexport function useReactiveSize(targets: RefElement[]): ElementSize[]\nexport function useReactiveSize(targets: RefElement | RefElement[]): ElementSize | ElementSize[] {\n  const sizes = Array.isArray(targets)\n    ? targets.map(() => {\n        return reactive({ width: 0, height: 0 })\n      })\n    : reactive({ width: 0, height: 0 })\n\n  const sizesMap = Array.isArray(targets)\n    ? computed(() => {\n        const entries = targets\n          .map((target, index) => {\n            return [target.value!, (sizes as ElementSize[])[index]!]\n          })\n          .filter(([target]) => target) as [HTMLElement, ElementSize][]\n\n        return new WeakMap(entries)\n      })\n    : computed(() => {\n        return new WeakMap(targets.value ? [[targets.value, sizes as ElementSize]] : [])\n      })\n\n  useResizeObserver({\n    targets,\n    onResize(entries) {\n      entries.forEach((entry) => {\n        const borderBoxSize = entry.borderBoxSize[0]!\n        const size = sizesMap.value.get(entry.target as HTMLElement)\n        if (size && borderBoxSize) {\n          size.width = borderBoxSize.inlineSize\n          size.height = borderBoxSize.blockSize\n        }\n      })\n    }\n  })\n\n  return sizes\n}\n"],"mappings":";;;AAgBA,SAAgB,gBAAgB,SAAiE;CAC/F,MAAM,QAAQ,MAAM,QAAQ,QAAQ,GAChC,QAAQ,UAAU;AAChB,SAAO,SAAS;GAAE,OAAO;GAAG,QAAQ;GAAG,CAAC;GACxC,GACF,SAAS;EAAE,OAAO;EAAG,QAAQ;EAAG,CAAC;CAErC,MAAM,WAAW,MAAM,QAAQ,QAAQ,GACnC,eAAe;EACb,MAAM,UAAU,QACb,KAAK,QAAQ,UAAU;AACtB,UAAO,CAAC,OAAO,OAAS,MAAwB,OAAQ;IACxD,CACD,QAAQ,CAAC,YAAY,OAAO;AAE/B,SAAO,IAAI,QAAQ,QAAQ;GAC3B,GACF,eAAe;AACb,SAAO,IAAI,QAAQ,QAAQ,QAAQ,CAAC,CAAC,QAAQ,OAAO,MAAqB,CAAC,GAAG,EAAE,CAAC;GAChF;AAEN,mBAAkB;EAChB;EACA,SAAS,SAAS;AAChB,WAAQ,SAAS,UAAU;IACzB,MAAM,gBAAgB,MAAM,cAAc;IAC1C,MAAM,OAAO,SAAS,MAAM,IAAI,MAAM,OAAsB;AAC5D,QAAI,QAAQ,eAAe;AACzB,UAAK,QAAQ,cAAc;AAC3B,UAAK,SAAS,cAAc;;KAE9B;;EAEL,CAAC;AAEF,QAAO"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/use-reactive-size/index.ts"],"sourcesContent":["import { computed, reactive } from 'vue'\n\nimport { useResizeObserver, type RefElement } from '../use-resize-observer'\n\ninterface ElementSize {\n  width: number\n  height: number\n}\n\n/**\n * 响应式尺寸\n * @param targets 目标元素\n * @returns 目标元素的宽高\n */\nexport function useReactiveSize(target: RefElement): ElementSize\nexport function useReactiveSize(targets: RefElement[]): ElementSize[]\nexport function useReactiveSize(targets: RefElement | RefElement[]): ElementSize | ElementSize[] {\n  const sizes = Array.isArray(targets)\n    ? targets.map(() => {\n        return reactive({ width: 0, height: 0 })\n      })\n    : reactive({ width: 0, height: 0 })\n\n  const sizesMap = Array.isArray(targets)\n    ? computed(() => {\n        const entries = targets\n          .map((target, index) => {\n            return [target.value!, (sizes as ElementSize[])[index]!]\n          })\n          .filter(([target]) => target) as [HTMLElement, ElementSize][]\n\n        return new WeakMap(entries)\n      })\n    : computed(() => {\n        return new WeakMap(targets.value ? [[targets.value, sizes as ElementSize]] : [])\n      })\n\n  useResizeObserver({\n    targets,\n    onResize(entries) {\n      entries.forEach((entry) => {\n        const borderBoxSize = entry.borderBoxSize[0]!\n        const size = sizesMap.value.get(entry.target as HTMLElement)\n        if (size && borderBoxSize) {\n          size.width = borderBoxSize.inlineSize\n          size.height = borderBoxSize.blockSize\n        }\n      })\n    }\n  })\n\n  return sizes\n}\n"],"mappings":";;;AAgBA,SAAgB,gBAAgB,SAAiE;CAC/F,MAAM,QAAQ,MAAM,QAAQ,QAAQ,GAChC,QAAQ,UAAU;EAChB,OAAO,SAAS;GAAE,OAAO;GAAG,QAAQ;GAAG,CAAC;GACxC,GACF,SAAS;EAAE,OAAO;EAAG,QAAQ;EAAG,CAAC;CAErC,MAAM,WAAW,MAAM,QAAQ,QAAQ,GACnC,eAAe;EACb,MAAM,UAAU,QACb,KAAK,QAAQ,UAAU;GACtB,OAAO,CAAC,OAAO,OAAS,MAAwB,OAAQ;IACxD,CACD,QAAQ,CAAC,YAAY,OAAO;EAE/B,OAAO,IAAI,QAAQ,QAAQ;GAC3B,GACF,eAAe;EACb,OAAO,IAAI,QAAQ,QAAQ,QAAQ,CAAC,CAAC,QAAQ,OAAO,MAAqB,CAAC,GAAG,EAAE,CAAC;GAChF;CAEN,kBAAkB;EAChB;EACA,SAAS,SAAS;GAChB,QAAQ,SAAS,UAAU;IACzB,MAAM,gBAAgB,MAAM,cAAc;IAC1C,MAAM,OAAO,SAAS,MAAM,IAAI,MAAM,OAAsB;IAC5D,IAAI,QAAQ,eAAe;KACzB,KAAK,QAAQ,cAAc;KAC3B,KAAK,SAAS,cAAc;;KAE9B;;EAEL,CAAC;CAEF,OAAO"}

package/dist/use-resize-observer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/use-resize-observer/index.ts"],"sourcesContent":["import { type Ref, type ShallowRef, onBeforeUnmount, watch } from 'vue'\n\nexport type RefElement =\n  | ShallowRef<HTMLElement | undefined | null>\n  | Ref<HTMLElement | undefined | null>\n\ninterface ResizeObserverOptions {\n  /** 目标节点 */\n  targets: RefElement | RefElement[]\n  /** resize事件 */\n  onResize: ResizeObserverCallback\n  /** 指定观察条件 */\n  when?: () => boolean\n}\n\n/** 监听器 */\nexport type ResizeObserverReturn = {\n  /** 终止监听 */\n  disconnect: () => void\n}\n\n/**\n * 取消监听\n * @param targets 目标节点\n * @param observer 观察器\n */\nfunction unobserve(targets: RefElement | RefElement[], observer?: ResizeObserver) {\n  if (Array.isArray(targets)) {\n    return targets.forEach((target) => unobserve(target, observer))\n  }\n  if (!targets.value || !observer) return\n  observer.unobserve(targets.value)\n  observer.disconnect()\n}\n\n/**\n * 监听目标尺寸变化\n * @param options 选项\n */\nexport function useResizeObserver(options: ResizeObserverOptions): ResizeObserverReturn {\n  const { targets, onResize } = options\n\n  let observer: ResizeObserver | undefined\n\n  if (Array.isArray(targets)) {\n    watch(\n      targets,\n      (val, oldVal) => {\n        // 清除旧的观察\n        oldVal.forEach((target) => {\n          target && observer?.unobserve(target)\n        })\n\n        if (!observer && !!val.length) {\n          observer = new ResizeObserver(onResize)\n        }\n\n        val.forEach((target) => {\n          target && observer?.observe(target)\n        })\n      },\n      { immediate: true }\n    )\n  } else {\n    watch(\n      targets,\n      (val, oldVal) => {\n        oldVal && observer?.unobserve(oldVal)\n        if (!observer && val) {\n          observer = new ResizeObserver(onResize)\n        }\n        val && observer?.observe(val)\n      },\n      { immediate: true }\n    )\n  }\n\n  onBeforeUnmount(() => {\n    unobserve(targets, observer)\n    observer = undefined\n  })\n\n  return {\n    disconnect() {\n      unobserve(targets, observer)\n      observer = undefined\n    }\n  }\n}\n\n/**\n * 监听元素尺寸变化\n */\nexport function useObserverCallback(): {\n  observeEl: <El extends HTMLElement>(\n    el: El,\n    cb: (entry: Omit<ResizeObserverEntry, 'target'> & { target: El }) => void\n  ) => void\n  unobserveEl: (el: HTMLElement) => void\n} {\n  const observerElMap = new Map<HTMLElement, Function>()\n\n  const observer = new ResizeObserver((entries) => {\n    entries.forEach((entry) => {\n      const target = entry.target as HTMLElement\n      if (!target.dataset.ob) {\n        target.dataset.ob = 'true'\n        return\n      }\n      const fn = observerElMap.get(target)\n\n      fn?.(entry)\n    })\n  })\n\n  /**\n   * 监听元素尺寸\n   * @param el 元素\n   * @param cb 回调\n   */\n  function observeEl<El extends HTMLElement>(\n    el: El,\n    cb: (entry: Omit<ResizeObserverEntry, 'target'> & { target: El }) => void\n  ) {\n    observer.observe(el)\n    observerElMap.set(el, cb)\n  }\n\n  /**\n   * 取消监听元素尺寸\n   * @param el 元素\n   */\n  function unobserveEl(el: HTMLElement) {\n    observer.unobserve(el)\n    delete el.dataset.ob\n    observerElMap.delete(el)\n  }\n\n  onBeforeUnmount(() => {\n    observerElMap.forEach((_, el) => {\n      observer.unobserve(el)\n    })\n    observerElMap.clear()\n    observer.disconnect()\n  })\n\n  return { observeEl, unobserveEl }\n}\n"],"mappings":";;;;;;;AA0BA,SAAS,UAAU,SAAoC,UAA2B;AAChF,KAAI,MAAM,QAAQ,QAAQ,CACxB,QAAO,QAAQ,SAAS,WAAW,UAAU,QAAQ,SAAS,CAAC;AAEjE,KAAI,CAAC,QAAQ,SAAS,CAAC,SAAU;AACjC,UAAS,UAAU,QAAQ,MAAM;AACjC,UAAS,YAAY;;;;;;AAOvB,SAAgB,kBAAkB,SAAsD;CACtF,MAAM,EAAE,SAAS,aAAa;CAE9B,IAAI;AAEJ,KAAI,MAAM,QAAQ,QAAQ,CACxB,OACE,UACC,KAAK,WAAW;AAEf,SAAO,SAAS,WAAW;AACzB,aAAU,UAAU,UAAU,OAAO;IACrC;AAEF,MAAI,CAAC,YAAY,CAAC,CAAC,IAAI,OACrB,YAAW,IAAI,eAAe,SAAS;AAGzC,MAAI,SAAS,WAAW;AACtB,aAAU,UAAU,QAAQ,OAAO;IACnC;IAEJ,EAAE,WAAW,MAAM,CACpB;KAED,OACE,UACC,KAAK,WAAW;AACf,YAAU,UAAU,UAAU,OAAO;AACrC,MAAI,CAAC,YAAY,IACf,YAAW,IAAI,eAAe,SAAS;AAEzC,SAAO,UAAU,QAAQ,IAAI;IAE/B,EAAE,WAAW,MAAM,CACpB;AAGH,uBAAsB;AACpB,YAAU,SAAS,SAAS;AAC5B,aAAW,KAAA;GACX;AAEF,QAAO,EACL,aAAa;AACX,YAAU,SAAS,SAAS;AAC5B,aAAW,KAAA;IAEd;;;;;AAMH,SAAgB,sBAMd;CACA,MAAM,gCAAgB,IAAI,KAA4B;CAEtD,MAAM,WAAW,IAAI,gBAAgB,YAAY;AAC/C,UAAQ,SAAS,UAAU;GACzB,MAAM,SAAS,MAAM;AACrB,OAAI,CAAC,OAAO,QAAQ,IAAI;AACtB,WAAO,QAAQ,KAAK;AACpB;;AAES,iBAAc,IAAI,OAE3B,GAAG,MAAM;IACX;GACF;;;;;;CAOF,SAAS,UACP,IACA,IACA;AACA,WAAS,QAAQ,GAAG;AACpB,gBAAc,IAAI,IAAI,GAAG;;;;;;CAO3B,SAAS,YAAY,IAAiB;AACpC,WAAS,UAAU,GAAG;AACtB,SAAO,GAAG,QAAQ;AAClB,gBAAc,OAAO,GAAG;;AAG1B,uBAAsB;AACpB,gBAAc,SAAS,GAAG,OAAO;AAC/B,YAAS,UAAU,GAAG;IACtB;AACF,gBAAc,OAAO;AACrB,WAAS,YAAY;GACrB;AAEF,QAAO;EAAE;EAAW;EAAa"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/use-resize-observer/index.ts"],"sourcesContent":["import { type Ref, type ShallowRef, onBeforeUnmount, watch } from 'vue'\n\nexport type RefElement =\n  | ShallowRef<HTMLElement | undefined | null>\n  | Ref<HTMLElement | undefined | null>\n\ninterface ResizeObserverOptions {\n  /** 目标节点 */\n  targets: RefElement | RefElement[]\n  /** resize事件 */\n  onResize: ResizeObserverCallback\n  /** 指定观察条件 */\n  when?: () => boolean\n}\n\n/** 监听器 */\nexport type ResizeObserverReturn = {\n  /** 终止监听 */\n  disconnect: () => void\n}\n\n/**\n * 取消监听\n * @param targets 目标节点\n * @param observer 观察器\n */\nfunction unobserve(targets: RefElement | RefElement[], observer?: ResizeObserver) {\n  if (Array.isArray(targets)) {\n    return targets.forEach((target) => unobserve(target, observer))\n  }\n  if (!targets.value || !observer) return\n  observer.unobserve(targets.value)\n  observer.disconnect()\n}\n\n/**\n * 监听目标尺寸变化\n * @param options 选项\n */\nexport function useResizeObserver(options: ResizeObserverOptions): ResizeObserverReturn {\n  const { targets, onResize } = options\n\n  let observer: ResizeObserver | undefined\n\n  if (Array.isArray(targets)) {\n    watch(\n      targets,\n      (val, oldVal) => {\n        // 清除旧的观察\n        oldVal.forEach((target) => {\n          target && observer?.unobserve(target)\n        })\n\n        if (!observer && !!val.length) {\n          observer = new ResizeObserver(onResize)\n        }\n\n        val.forEach((target) => {\n          target && observer?.observe(target)\n        })\n      },\n      { immediate: true }\n    )\n  } else {\n    watch(\n      targets,\n      (val, oldVal) => {\n        oldVal && observer?.unobserve(oldVal)\n        if (!observer && val) {\n          observer = new ResizeObserver(onResize)\n        }\n        val && observer?.observe(val)\n      },\n      { immediate: true }\n    )\n  }\n\n  onBeforeUnmount(() => {\n    unobserve(targets, observer)\n    observer = undefined\n  })\n\n  return {\n    disconnect() {\n      unobserve(targets, observer)\n      observer = undefined\n    }\n  }\n}\n\n/**\n * 监听元素尺寸变化\n */\nexport function useObserverCallback(): {\n  observeEl: <El extends HTMLElement>(\n    el: El,\n    cb: (entry: Omit<ResizeObserverEntry, 'target'> & { target: El }) => void\n  ) => void\n  unobserveEl: (el: HTMLElement) => void\n} {\n  const observerElMap = new Map<HTMLElement, Function>()\n\n  const observer = new ResizeObserver((entries) => {\n    entries.forEach((entry) => {\n      const target = entry.target as HTMLElement\n      if (!target.dataset.ob) {\n        target.dataset.ob = 'true'\n        return\n      }\n      const fn = observerElMap.get(target)\n\n      fn?.(entry)\n    })\n  })\n\n  /**\n   * 监听元素尺寸\n   * @param el 元素\n   * @param cb 回调\n   */\n  function observeEl<El extends HTMLElement>(\n    el: El,\n    cb: (entry: Omit<ResizeObserverEntry, 'target'> & { target: El }) => void\n  ) {\n    observer.observe(el)\n    observerElMap.set(el, cb)\n  }\n\n  /**\n   * 取消监听元素尺寸\n   * @param el 元素\n   */\n  function unobserveEl(el: HTMLElement) {\n    observer.unobserve(el)\n    delete el.dataset.ob\n    observerElMap.delete(el)\n  }\n\n  onBeforeUnmount(() => {\n    observerElMap.forEach((_, el) => {\n      observer.unobserve(el)\n    })\n    observerElMap.clear()\n    observer.disconnect()\n  })\n\n  return { observeEl, unobserveEl }\n}\n"],"mappings":";;;;;;;AA0BA,SAAS,UAAU,SAAoC,UAA2B;CAChF,IAAI,MAAM,QAAQ,QAAQ,EACxB,OAAO,QAAQ,SAAS,WAAW,UAAU,QAAQ,SAAS,CAAC;CAEjE,IAAI,CAAC,QAAQ,SAAS,CAAC,UAAU;CACjC,SAAS,UAAU,QAAQ,MAAM;CACjC,SAAS,YAAY;;;;;;AAOvB,SAAgB,kBAAkB,SAAsD;CACtF,MAAM,EAAE,SAAS,aAAa;CAE9B,IAAI;CAEJ,IAAI,MAAM,QAAQ,QAAQ,EACxB,MACE,UACC,KAAK,WAAW;EAEf,OAAO,SAAS,WAAW;GACzB,UAAU,UAAU,UAAU,OAAO;IACrC;EAEF,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,QACrB,WAAW,IAAI,eAAe,SAAS;EAGzC,IAAI,SAAS,WAAW;GACtB,UAAU,UAAU,QAAQ,OAAO;IACnC;IAEJ,EAAE,WAAW,MAAM,CACpB;MAED,MACE,UACC,KAAK,WAAW;EACf,UAAU,UAAU,UAAU,OAAO;EACrC,IAAI,CAAC,YAAY,KACf,WAAW,IAAI,eAAe,SAAS;EAEzC,OAAO,UAAU,QAAQ,IAAI;IAE/B,EAAE,WAAW,MAAM,CACpB;CAGH,sBAAsB;EACpB,UAAU,SAAS,SAAS;EAC5B,WAAW,KAAA;GACX;CAEF,OAAO,EACL,aAAa;EACX,UAAU,SAAS,SAAS;EAC5B,WAAW,KAAA;IAEd;;;;;AAMH,SAAgB,sBAMd;CACA,MAAM,gCAAgB,IAAI,KAA4B;CAEtD,MAAM,WAAW,IAAI,gBAAgB,YAAY;EAC/C,QAAQ,SAAS,UAAU;GACzB,MAAM,SAAS,MAAM;GACrB,IAAI,CAAC,OAAO,QAAQ,IAAI;IACtB,OAAO,QAAQ,KAAK;IACpB;;GAIF,cAFyB,IAAI,OAE3B,GAAG,MAAM;IACX;GACF;;;;;;CAOF,SAAS,UACP,IACA,IACA;EACA,SAAS,QAAQ,GAAG;EACpB,cAAc,IAAI,IAAI,GAAG;;;;;;CAO3B,SAAS,YAAY,IAAiB;EACpC,SAAS,UAAU,GAAG;EACtB,OAAO,GAAG,QAAQ;EAClB,cAAc,OAAO,GAAG;;CAG1B,sBAAsB;EACpB,cAAc,SAAS,GAAG,OAAO;GAC/B,SAAS,UAAU,GAAG;IACtB;EACF,cAAc,OAAO;EACrB,SAAS,YAAY;GACrB;CAEF,OAAO;EAAE;EAAW;EAAa"}

package/dist/use-transition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/use-transition/index.ts"],"sourcesContent":["import type { Returned, CssTransitionOptions, StyleTransitionOptions } from './type'\nimport { useCssTransition } from './use-css-transition'\nimport { useStyleTransition } from './use-style-transition'\n\n/**\n * 使用CSS类过渡\n * @param type 过渡类型\n * @param options 过渡选项\n */\nexport function useTransition(type: 'css', options: CssTransitionOptions): Returned\n/**\n * 使用style样式过渡\n * @param type 过渡类型\n * @param options 过渡选项\n */\nexport function useTransition(type: 'style', options: StyleTransitionOptions): Returned\nexport function useTransition(type: string, options: any): Returned {\n  if (type === 'css') {\n    return useCssTransition(options)\n  }\n  return useStyleTransition(options)\n}\n"],"mappings":";;;AAgBA,SAAgB,cAAc,MAAc,SAAwB;AAClE,KAAI,SAAS,MACX,QAAO,iBAAiB,QAAQ;AAElC,QAAO,mBAAmB,QAAQ"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/use-transition/index.ts"],"sourcesContent":["import type { Returned, CssTransitionOptions, StyleTransitionOptions } from './type'\nimport { useCssTransition } from './use-css-transition'\nimport { useStyleTransition } from './use-style-transition'\n\n/**\n * 使用CSS类过渡\n * @param type 过渡类型\n * @param options 过渡选项\n */\nexport function useTransition(type: 'css', options: CssTransitionOptions): Returned\n/**\n * 使用style样式过渡\n * @param type 过渡类型\n * @param options 过渡选项\n */\nexport function useTransition(type: 'style', options: StyleTransitionOptions): Returned\nexport function useTransition(type: string, options: any): Returned {\n  if (type === 'css') {\n    return useCssTransition(options)\n  }\n  return useStyleTransition(options)\n}\n"],"mappings":";;;AAgBA,SAAgB,cAAc,MAAc,SAAwB;CAClE,IAAI,SAAS,OACX,OAAO,iBAAiB,QAAQ;CAElC,OAAO,mBAAmB,QAAQ"}

package/dist/use-transition/use-css-transition.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-css-transition.js","names":[],"sources":["../../src/use-transition/use-css-transition.ts"],"sourcesContent":["import { createToggle } from '@veltra/utils'\nimport { isRef, watch, onBeforeUnmount, computed } from 'vue'\n\nimport type { Returned, CssTransitionOptions } from './type'\n\nconst increaseTransitionCount = (el: HTMLElement & { _count?: number }) => {\n  el._count = (el._count ?? 0) + 1\n}\n\nconst decreaseTransitionCount = (el: HTMLElement & { _count?: number }) => {\n  el._count = (el._count ?? 0) - 1\n  if (el._count <= 0) {\n    delete el._count\n  }\n}\n\n/**\n * 使用css过渡\n * @param options 过渡选项\n */\nexport function useCssTransition(options: CssTransitionOptions): Returned {\n  const {\n    name,\n    target,\n    afterEnter,\n    afterLeave,\n    enterCanceled,\n    leaveCanceled,\n    keepEnterTo = false\n  } = options\n\n  const getDom = (): (HTMLElement & { _count?: number }) | undefined =>\n    isRef(target) ? target.value : target\n\n  const classes = computed(() => {\n    const _name = typeof name === 'string' ? name : name.value\n    return {\n      /** 进入前的类 */\n      enterFrom: `${_name}-enter-from`,\n      /** 进入后最终的类 */\n      enterTo: `${_name}-enter-to`,\n      /** 【进入动画】持续时的类 */\n      enterActive: `${_name}-enter-active`,\n      /** 离开前的类 */\n      leaveFrom: `${_name}-leave-from`,\n      /** 离开类 */\n      leaveTo: `${_name}-leave-to`,\n      /** 【离开动画】持续时的类 */\n      leaveActive: `${_name}-leave-active`\n    }\n  })\n\n  /** 开始进入动画 */\n  const startTransitionIn = () => {\n    const { enterActive, enterTo, enterFrom } = classes.value\n    const dom = getDom()\n\n    dom?.classList.add(enterFrom)\n\n    requestAnimationFrame(() => {\n      dom?.classList.add(enterActive)\n      requestAnimationFrame(() => {\n        dom?.classList.remove(enterFrom)\n        dom?.classList.add(enterTo)\n      })\n    })\n  }\n\n  /** 开始离开动画 */\n  const startTransitionOut = () => {\n    const { leaveTo, leaveActive, leaveFrom, enterTo } = classes.value\n    const dom = getDom()\n\n    // 标记动画进入离开状态\n    if (keepEnterTo) {\n      dom?.classList.remove(enterTo)\n    }\n    dom?.classList.add(leaveFrom, leaveActive)\n\n    requestAnimationFrame(() => {\n      dom?.classList.add(leaveActive)\n      requestAnimationFrame(() => {\n        dom?.classList.remove(leaveFrom)\n        dom?.classList.add(leaveTo)\n      })\n    })\n  }\n\n  const [active, toggle] = createToggle(false, (_active) => {\n    _active ? startTransitionIn() : startTransitionOut()\n  })\n\n  const transitionEndHandler = (e: TransitionEvent) => {\n    e.stopPropagation()\n\n    const { leaveActive, enterActive, enterTo, leaveTo } = classes.value\n    const dom = getDom()\n\n    if (dom !== e.target) return\n\n    decreaseTransitionCount(dom)\n\n    if (dom._count) return\n\n    // 激活状态，移除enter-active类\n    if (active.value) {\n      if (keepEnterTo) {\n        dom?.classList.remove(enterActive)\n      } else {\n        dom?.classList.remove(enterActive, enterTo)\n      }\n      afterEnter?.()\n    } else {\n      dom?.classList.remove(leaveActive, leaveTo)\n      afterLeave?.()\n    }\n  }\n\n  const transitionRunHandler = (e: TransitionEvent) => {\n    e.stopPropagation()\n    const dom = getDom()\n    if (dom !== e.target) return\n    increaseTransitionCount(dom)\n  }\n\n  const transitionCancelHandler = (e: TransitionEvent) => {\n    e.stopPropagation()\n    const dom = getDom()\n\n    if (dom !== e.target) return\n    decreaseTransitionCount(dom)\n\n    if (dom._count) return\n\n    const { leaveActive, enterActive } = classes.value\n\n    // 激活状态，移除enter-active类\n    if (active.value) {\n      dom?.classList.remove(enterActive)\n      enterCanceled?.()\n    } else {\n      dom?.classList.remove(leaveActive)\n      leaveCanceled?.()\n    }\n  }\n\n  /** 添加事件 */\n  const addEvent = (el?: HTMLElement) => {\n    el?.addEventListener('transitioncancel', transitionCancelHandler)\n    el?.addEventListener('transitionend', transitionEndHandler)\n    el?.addEventListener('transitionrun', transitionRunHandler)\n  }\n\n  /** 移除事件 */\n  const removeEvent = (el?: HTMLElement) => {\n    el?.removeEventListener('transitioncancel', transitionCancelHandler)\n    el?.removeEventListener('transitionend', transitionEndHandler)\n    el?.removeEventListener('transitionrun', transitionRunHandler)\n  }\n\n  if (isRef(target)) {\n    watch(target, (_target, oldTarget) => {\n      if (oldTarget) {\n        removeEvent(oldTarget)\n      }\n      _target && addEvent(_target)\n    })\n  } else if (target) {\n    addEvent(target)\n  }\n\n  onBeforeUnmount(() => {\n    const dom = getDom()\n    removeEvent(dom)\n  })\n\n  return {\n    toggle,\n    enter() {\n      toggle(true)\n    },\n    leave() {\n      toggle(false)\n    }\n  }\n}\n"],"mappings":";;;AAKA,MAAM,2BAA2B,OAA0C;AACzE,IAAG,UAAU,GAAG,UAAU,KAAK;;AAGjC,MAAM,2BAA2B,OAA0C;AACzE,IAAG,UAAU,GAAG,UAAU,KAAK;AAC/B,KAAI,GAAG,UAAU,EACf,QAAO,GAAG;;;;;;AAQd,SAAgB,iBAAiB,SAAyC;CACxE,MAAM,EACJ,MACA,QACA,YACA,YACA,eACA,eACA,cAAc,UACZ;CAEJ,MAAM,eACJ,MAAM,OAAO,GAAG,OAAO,QAAQ;CAEjC,MAAM,UAAU,eAAe;EAC7B,MAAM,QAAQ,OAAO,SAAS,WAAW,OAAO,KAAK;AACrD,SAAO;;GAEL,WAAW,GAAG,MAAM;;GAEpB,SAAS,GAAG,MAAM;;GAElB,aAAa,GAAG,MAAM;;GAEtB,WAAW,GAAG,MAAM;;GAEpB,SAAS,GAAG,MAAM;;GAElB,aAAa,GAAG,MAAM;GACvB;GACD;;CAGF,MAAM,0BAA0B;EAC9B,MAAM,EAAE,aAAa,SAAS,cAAc,QAAQ;EACpD,MAAM,MAAM,QAAQ;AAEpB,OAAK,UAAU,IAAI,UAAU;AAE7B,8BAA4B;AAC1B,QAAK,UAAU,IAAI,YAAY;AAC/B,+BAA4B;AAC1B,SAAK,UAAU,OAAO,UAAU;AAChC,SAAK,UAAU,IAAI,QAAQ;KAC3B;IACF;;;CAIJ,MAAM,2BAA2B;EAC/B,MAAM,EAAE,SAAS,aAAa,WAAW,YAAY,QAAQ;EAC7D,MAAM,MAAM,QAAQ;AAGpB,MAAI,YACF,MAAK,UAAU,OAAO,QAAQ;AAEhC,OAAK,UAAU,IAAI,WAAW,YAAY;AAE1C,8BAA4B;AAC1B,QAAK,UAAU,IAAI,YAAY;AAC/B,+BAA4B;AAC1B,SAAK,UAAU,OAAO,UAAU;AAChC,SAAK,UAAU,IAAI,QAAQ;KAC3B;IACF;;CAGJ,MAAM,CAAC,QAAQ,UAAU,aAAa,QAAQ,YAAY;AACxD,YAAU,mBAAmB,GAAG,oBAAoB;GACpD;CAEF,MAAM,wBAAwB,MAAuB;AACnD,IAAE,iBAAiB;EAEnB,MAAM,EAAE,aAAa,aAAa,SAAS,YAAY,QAAQ;EAC/D,MAAM,MAAM,QAAQ;AAEpB,MAAI,QAAQ,EAAE,OAAQ;AAEtB,0BAAwB,IAAI;AAE5B,MAAI,IAAI,OAAQ;AAGhB,MAAI,OAAO,OAAO;AAChB,OAAI,YACF,MAAK,UAAU,OAAO,YAAY;OAElC,MAAK,UAAU,OAAO,aAAa,QAAQ;AAE7C,iBAAc;SACT;AACL,QAAK,UAAU,OAAO,aAAa,QAAQ;AAC3C,iBAAc;;;CAIlB,MAAM,wBAAwB,MAAuB;AACnD,IAAE,iBAAiB;EACnB,MAAM,MAAM,QAAQ;AACpB,MAAI,QAAQ,EAAE,OAAQ;AACtB,0BAAwB,IAAI;;CAG9B,MAAM,2BAA2B,MAAuB;AACtD,IAAE,iBAAiB;EACnB,MAAM,MAAM,QAAQ;AAEpB,MAAI,QAAQ,EAAE,OAAQ;AACtB,0BAAwB,IAAI;AAE5B,MAAI,IAAI,OAAQ;EAEhB,MAAM,EAAE,aAAa,gBAAgB,QAAQ;AAG7C,MAAI,OAAO,OAAO;AAChB,QAAK,UAAU,OAAO,YAAY;AAClC,oBAAiB;SACZ;AACL,QAAK,UAAU,OAAO,YAAY;AAClC,oBAAiB;;;;CAKrB,MAAM,YAAY,OAAqB;AACrC,MAAI,iBAAiB,oBAAoB,wBAAwB;AACjE,MAAI,iBAAiB,iBAAiB,qBAAqB;AAC3D,MAAI,iBAAiB,iBAAiB,qBAAqB;;;CAI7D,MAAM,eAAe,OAAqB;AACxC,MAAI,oBAAoB,oBAAoB,wBAAwB;AACpE,MAAI,oBAAoB,iBAAiB,qBAAqB;AAC9D,MAAI,oBAAoB,iBAAiB,qBAAqB;;AAGhE,KAAI,MAAM,OAAO,CACf,OAAM,SAAS,SAAS,cAAc;AACpC,MAAI,UACF,aAAY,UAAU;AAExB,aAAW,SAAS,QAAQ;GAC5B;UACO,OACT,UAAS,OAAO;AAGlB,uBAAsB;AAEpB,cADY,QACG,CAAC;GAChB;AAEF,QAAO;EACL;EACA,QAAQ;AACN,UAAO,KAAK;;EAEd,QAAQ;AACN,UAAO,MAAM;;EAEhB"}
+{"version":3,"file":"use-css-transition.js","names":[],"sources":["../../src/use-transition/use-css-transition.ts"],"sourcesContent":["import { createToggle } from '@veltra/utils'\nimport { isRef, watch, onBeforeUnmount, computed } from 'vue'\n\nimport type { Returned, CssTransitionOptions } from './type'\n\nconst increaseTransitionCount = (el: HTMLElement & { _count?: number }) => {\n  el._count = (el._count ?? 0) + 1\n}\n\nconst decreaseTransitionCount = (el: HTMLElement & { _count?: number }) => {\n  el._count = (el._count ?? 0) - 1\n  if (el._count <= 0) {\n    delete el._count\n  }\n}\n\n/**\n * 使用css过渡\n * @param options 过渡选项\n */\nexport function useCssTransition(options: CssTransitionOptions): Returned {\n  const {\n    name,\n    target,\n    afterEnter,\n    afterLeave,\n    enterCanceled,\n    leaveCanceled,\n    keepEnterTo = false\n  } = options\n\n  const getDom = (): (HTMLElement & { _count?: number }) | undefined =>\n    isRef(target) ? target.value : target\n\n  const classes = computed(() => {\n    const _name = typeof name === 'string' ? name : name.value\n    return {\n      /** 进入前的类 */\n      enterFrom: `${_name}-enter-from`,\n      /** 进入后最终的类 */\n      enterTo: `${_name}-enter-to`,\n      /** 【进入动画】持续时的类 */\n      enterActive: `${_name}-enter-active`,\n      /** 离开前的类 */\n      leaveFrom: `${_name}-leave-from`,\n      /** 离开类 */\n      leaveTo: `${_name}-leave-to`,\n      /** 【离开动画】持续时的类 */\n      leaveActive: `${_name}-leave-active`\n    }\n  })\n\n  /** 开始进入动画 */\n  const startTransitionIn = () => {\n    const { enterActive, enterTo, enterFrom } = classes.value\n    const dom = getDom()\n\n    dom?.classList.add(enterFrom)\n\n    requestAnimationFrame(() => {\n      dom?.classList.add(enterActive)\n      requestAnimationFrame(() => {\n        dom?.classList.remove(enterFrom)\n        dom?.classList.add(enterTo)\n      })\n    })\n  }\n\n  /** 开始离开动画 */\n  const startTransitionOut = () => {\n    const { leaveTo, leaveActive, leaveFrom, enterTo } = classes.value\n    const dom = getDom()\n\n    // 标记动画进入离开状态\n    if (keepEnterTo) {\n      dom?.classList.remove(enterTo)\n    }\n    dom?.classList.add(leaveFrom, leaveActive)\n\n    requestAnimationFrame(() => {\n      dom?.classList.add(leaveActive)\n      requestAnimationFrame(() => {\n        dom?.classList.remove(leaveFrom)\n        dom?.classList.add(leaveTo)\n      })\n    })\n  }\n\n  const [active, toggle] = createToggle(false, (_active) => {\n    _active ? startTransitionIn() : startTransitionOut()\n  })\n\n  const transitionEndHandler = (e: TransitionEvent) => {\n    e.stopPropagation()\n\n    const { leaveActive, enterActive, enterTo, leaveTo } = classes.value\n    const dom = getDom()\n\n    if (dom !== e.target) return\n\n    decreaseTransitionCount(dom)\n\n    if (dom._count) return\n\n    // 激活状态，移除enter-active类\n    if (active.value) {\n      if (keepEnterTo) {\n        dom?.classList.remove(enterActive)\n      } else {\n        dom?.classList.remove(enterActive, enterTo)\n      }\n      afterEnter?.()\n    } else {\n      dom?.classList.remove(leaveActive, leaveTo)\n      afterLeave?.()\n    }\n  }\n\n  const transitionRunHandler = (e: TransitionEvent) => {\n    e.stopPropagation()\n    const dom = getDom()\n    if (dom !== e.target) return\n    increaseTransitionCount(dom)\n  }\n\n  const transitionCancelHandler = (e: TransitionEvent) => {\n    e.stopPropagation()\n    const dom = getDom()\n\n    if (dom !== e.target) return\n    decreaseTransitionCount(dom)\n\n    if (dom._count) return\n\n    const { leaveActive, enterActive } = classes.value\n\n    // 激活状态，移除enter-active类\n    if (active.value) {\n      dom?.classList.remove(enterActive)\n      enterCanceled?.()\n    } else {\n      dom?.classList.remove(leaveActive)\n      leaveCanceled?.()\n    }\n  }\n\n  /** 添加事件 */\n  const addEvent = (el?: HTMLElement) => {\n    el?.addEventListener('transitioncancel', transitionCancelHandler)\n    el?.addEventListener('transitionend', transitionEndHandler)\n    el?.addEventListener('transitionrun', transitionRunHandler)\n  }\n\n  /** 移除事件 */\n  const removeEvent = (el?: HTMLElement) => {\n    el?.removeEventListener('transitioncancel', transitionCancelHandler)\n    el?.removeEventListener('transitionend', transitionEndHandler)\n    el?.removeEventListener('transitionrun', transitionRunHandler)\n  }\n\n  if (isRef(target)) {\n    watch(target, (_target, oldTarget) => {\n      if (oldTarget) {\n        removeEvent(oldTarget)\n      }\n      _target && addEvent(_target)\n    })\n  } else if (target) {\n    addEvent(target)\n  }\n\n  onBeforeUnmount(() => {\n    const dom = getDom()\n    removeEvent(dom)\n  })\n\n  return {\n    toggle,\n    enter() {\n      toggle(true)\n    },\n    leave() {\n      toggle(false)\n    }\n  }\n}\n"],"mappings":";;;AAKA,MAAM,2BAA2B,OAA0C;CACzE,GAAG,UAAU,GAAG,UAAU,KAAK;;AAGjC,MAAM,2BAA2B,OAA0C;CACzE,GAAG,UAAU,GAAG,UAAU,KAAK;CAC/B,IAAI,GAAG,UAAU,GACf,OAAO,GAAG;;;;;;AAQd,SAAgB,iBAAiB,SAAyC;CACxE,MAAM,EACJ,MACA,QACA,YACA,YACA,eACA,eACA,cAAc,UACZ;CAEJ,MAAM,eACJ,MAAM,OAAO,GAAG,OAAO,QAAQ;CAEjC,MAAM,UAAU,eAAe;EAC7B,MAAM,QAAQ,OAAO,SAAS,WAAW,OAAO,KAAK;EACrD,OAAO;;GAEL,WAAW,GAAG,MAAM;;GAEpB,SAAS,GAAG,MAAM;;GAElB,aAAa,GAAG,MAAM;;GAEtB,WAAW,GAAG,MAAM;;GAEpB,SAAS,GAAG,MAAM;;GAElB,aAAa,GAAG,MAAM;GACvB;GACD;;CAGF,MAAM,0BAA0B;EAC9B,MAAM,EAAE,aAAa,SAAS,cAAc,QAAQ;EACpD,MAAM,MAAM,QAAQ;EAEpB,KAAK,UAAU,IAAI,UAAU;EAE7B,4BAA4B;GAC1B,KAAK,UAAU,IAAI,YAAY;GAC/B,4BAA4B;IAC1B,KAAK,UAAU,OAAO,UAAU;IAChC,KAAK,UAAU,IAAI,QAAQ;KAC3B;IACF;;;CAIJ,MAAM,2BAA2B;EAC/B,MAAM,EAAE,SAAS,aAAa,WAAW,YAAY,QAAQ;EAC7D,MAAM,MAAM,QAAQ;EAGpB,IAAI,aACF,KAAK,UAAU,OAAO,QAAQ;EAEhC,KAAK,UAAU,IAAI,WAAW,YAAY;EAE1C,4BAA4B;GAC1B,KAAK,UAAU,IAAI,YAAY;GAC/B,4BAA4B;IAC1B,KAAK,UAAU,OAAO,UAAU;IAChC,KAAK,UAAU,IAAI,QAAQ;KAC3B;IACF;;CAGJ,MAAM,CAAC,QAAQ,UAAU,aAAa,QAAQ,YAAY;EACxD,UAAU,mBAAmB,GAAG,oBAAoB;GACpD;CAEF,MAAM,wBAAwB,MAAuB;EACnD,EAAE,iBAAiB;EAEnB,MAAM,EAAE,aAAa,aAAa,SAAS,YAAY,QAAQ;EAC/D,MAAM,MAAM,QAAQ;EAEpB,IAAI,QAAQ,EAAE,QAAQ;EAEtB,wBAAwB,IAAI;EAE5B,IAAI,IAAI,QAAQ;EAGhB,IAAI,OAAO,OAAO;GAChB,IAAI,aACF,KAAK,UAAU,OAAO,YAAY;QAElC,KAAK,UAAU,OAAO,aAAa,QAAQ;GAE7C,cAAc;SACT;GACL,KAAK,UAAU,OAAO,aAAa,QAAQ;GAC3C,cAAc;;;CAIlB,MAAM,wBAAwB,MAAuB;EACnD,EAAE,iBAAiB;EACnB,MAAM,MAAM,QAAQ;EACpB,IAAI,QAAQ,EAAE,QAAQ;EACtB,wBAAwB,IAAI;;CAG9B,MAAM,2BAA2B,MAAuB;EACtD,EAAE,iBAAiB;EACnB,MAAM,MAAM,QAAQ;EAEpB,IAAI,QAAQ,EAAE,QAAQ;EACtB,wBAAwB,IAAI;EAE5B,IAAI,IAAI,QAAQ;EAEhB,MAAM,EAAE,aAAa,gBAAgB,QAAQ;EAG7C,IAAI,OAAO,OAAO;GAChB,KAAK,UAAU,OAAO,YAAY;GAClC,iBAAiB;SACZ;GACL,KAAK,UAAU,OAAO,YAAY;GAClC,iBAAiB;;;;CAKrB,MAAM,YAAY,OAAqB;EACrC,IAAI,iBAAiB,oBAAoB,wBAAwB;EACjE,IAAI,iBAAiB,iBAAiB,qBAAqB;EAC3D,IAAI,iBAAiB,iBAAiB,qBAAqB;;;CAI7D,MAAM,eAAe,OAAqB;EACxC,IAAI,oBAAoB,oBAAoB,wBAAwB;EACpE,IAAI,oBAAoB,iBAAiB,qBAAqB;EAC9D,IAAI,oBAAoB,iBAAiB,qBAAqB;;CAGhE,IAAI,MAAM,OAAO,EACf,MAAM,SAAS,SAAS,cAAc;EACpC,IAAI,WACF,YAAY,UAAU;EAExB,WAAW,SAAS,QAAQ;GAC5B;MACG,IAAI,QACT,SAAS,OAAO;CAGlB,sBAAsB;EAEpB,YADY,QACG,CAAC;GAChB;CAEF,OAAO;EACL;EACA,QAAQ;GACN,OAAO,KAAK;;EAEd,QAAQ;GACN,OAAO,MAAM;;EAEhB"}

package/dist/use-transition/use-style-transition.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-style-transition.js","names":[],"sources":["../../src/use-transition/use-style-transition.ts"],"sourcesContent":["import { createToggle, nextFrame, setStyles } from '@veltra/utils'\nimport { isRef, watch, type CSSProperties } from 'vue'\n\nimport type { Returned, StyleTransitionOptions } from './type'\nimport { watchTransition } from './utils'\n\nexport function useStyleTransition(options: StyleTransitionOptions): Returned {\n  const {\n    // enterFrom,\n    // leaveTo,\n    enterTo,\n    enterActive,\n    leaveActive,\n    target,\n    afterEnter,\n    afterLeave,\n    enterCanceled,\n    leaveCanceled\n  } = options\n\n  const getDom = (): HTMLElement | undefined => (isRef(target) ? target.value : target)\n\n  /** 进入动画前的初始状态 */\n  const transitionOriginStyle: CSSProperties = {}\n\n  /** 获取过渡样式的初始样式 */\n  const getOriginStyles = (styles: CSSProperties) => {\n    return Object.fromEntries(\n      Object.keys(styles).map((key) => {\n        return [key, transitionOriginStyle[key as keyof CSSProperties]]\n      })\n    )\n  }\n  // 监听dom并获取dom在进入动画之前的样式\n  // ...Object.keys(enterFrom ?? {}),\n  // ...Object.keys(leaveTo ?? {}),\n  watch(\n    () => getDom(),\n    (dom) => {\n      if (dom) {\n        const map = dom.attributeStyleMap\n        ~[...Object.keys(enterTo), ...Object.keys(enterActive)].forEach((key) => {\n          transitionOriginStyle[key] = map.get(key)\n        })\n      } else {\n        Object.keys(transitionOriginStyle).forEach((key) => {\n          delete transitionOriginStyle[key as keyof CSSProperties]\n        })\n      }\n    },\n    { immediate: true }\n  )\n\n  /**\n   * 添加过渡进入时并持续时的样式\n   * @param dom 元素\n   */\n  const addEnterActive = (dom: HTMLElement) => {\n    setStyles(dom, enterActive)\n  }\n\n  /**\n   * 移除过渡进入时并持续时的样式\n   * @param dom 元素\n   */\n  const removeEnterActive = (dom: HTMLElement) => {\n    setStyles(dom, getOriginStyles(enterActive))\n  }\n\n  /**\n   * 添加过渡离开并持续时的样式\n   * @param dom 元素\n   */\n  const addLeaveActive = (dom: HTMLElement) => {\n    setStyles(dom, leaveActive)\n  }\n\n  /**\n   * 移除过渡离开并持续时的样式\n   * @param dom 元素\n   */\n  const removeLeaveActive = (dom: HTMLElement) => {\n    setStyles(dom, getOriginStyles(leaveActive))\n  }\n\n  /**\n   * 添加过渡目标样式\n   * @param dom 元素\n   */\n  // const addEnterFromStyle = (dom: HTMLElement) => {\n  //   enterFrom && setStyles(dom, enterFrom)\n  // }\n\n  /**\n   * 移除过渡目标样式\n   * @param dom 元素\n   */\n  // const removeEnterFromStyle = (dom: HTMLElement) => {\n  //   if (!enterFrom) return\n\n  //   const canRemovedStyles = {}\n\n  //   for (const key in enterFrom) {\n  //     if (key in enterTo) continue\n  //     canRemovedStyles[key] = enterFrom[key]\n  //   }\n\n  //   setStyles(dom, getOriginStyles(canRemovedStyles))\n  // }\n  /**\n   * 添加过渡目标样式\n   * @param dom 元素\n   */\n  const addEnterToStyle = (dom: HTMLElement) => {\n    setStyles(dom, enterTo)\n  }\n\n  /**\n   * 移除过渡目标样式\n   * @param dom 元素\n   */\n  const removeEnterToStyle = (dom: HTMLElement) => {\n    setStyles(dom, getOriginStyles(enterTo))\n  }\n\n  /** 开始进入动画 */\n  const startEnter = () => {\n    const dom = getDom()\n    if (!dom) return\n    addEnterActive(dom)\n    // 在下一帧插入动画运动目标状态\n    nextFrame(() => {\n      addEnterToStyle(dom)\n    })\n  }\n\n  /** 开始离开动画 */\n  const startLeave = () => {\n    const dom = getDom()\n    if (!dom) return\n\n    // 标记动画进入离开状态\n    addLeaveActive(dom)\n\n    // 在下一帧移除动画运动目标状态恢复原状或者应用新的状态\n    nextFrame(() => {\n      removeEnterToStyle(dom)\n    })\n  }\n\n  const [active, toggle] = createToggle(false, (active) => {\n    active ? startEnter() : startLeave()\n  })\n\n  watchTransition(getDom, {\n    styleKeys: Object.keys(enterTo),\n    onCancel(el) {\n      // 激活状态，移除enter-active类\n      if (active.value) {\n        removeEnterActive(el)\n        enterCanceled?.()\n      } else {\n        removeLeaveActive(el)\n        leaveCanceled?.()\n      }\n    },\n\n    onEnd(el) {\n      if (active.value) {\n        removeEnterActive(el)\n        // removeEnterFromStyle(el)\n        afterEnter?.()\n      } else {\n        removeLeaveActive(el)\n\n        afterLeave?.()\n      }\n    }\n  })\n\n  return { toggle, enter: () => toggle(true), leave: () => toggle(false) }\n}\n"],"mappings":";;;;AAMA,SAAgB,mBAAmB,SAA2C;CAC5E,MAAM,EAGJ,SACA,aACA,aACA,QACA,YACA,YACA,eACA,kBACE;CAEJ,MAAM,eAAyC,MAAM,OAAO,GAAG,OAAO,QAAQ;;CAG9E,MAAM,wBAAuC,EAAE;;CAG/C,MAAM,mBAAmB,WAA0B;AACjD,SAAO,OAAO,YACZ,OAAO,KAAK,OAAO,CAAC,KAAK,QAAQ;AAC/B,UAAO,CAAC,KAAK,sBAAsB,KAA4B;IAC/D,CACH;;AAKH,aACQ,QAAQ,GACb,QAAQ;AACP,MAAI,KAAK;GACP,MAAM,MAAM,IAAI;AAChB,IAAC,CAAC,GAAG,OAAO,KAAK,QAAQ,EAAE,GAAG,OAAO,KAAK,YAAY,CAAC,CAAC,SAAS,QAAQ;AACvE,0BAAsB,OAAO,IAAI,IAAI,IAAI;KACzC;QAEF,QAAO,KAAK,sBAAsB,CAAC,SAAS,QAAQ;AAClD,UAAO,sBAAsB;IAC7B;IAGN,EAAE,WAAW,MAAM,CACpB;;;;;CAMD,MAAM,kBAAkB,QAAqB;AAC3C,YAAU,KAAK,YAAY;;;;;;CAO7B,MAAM,qBAAqB,QAAqB;AAC9C,YAAU,KAAK,gBAAgB,YAAY,CAAC;;;;;;CAO9C,MAAM,kBAAkB,QAAqB;AAC3C,YAAU,KAAK,YAAY;;;;;;CAO7B,MAAM,qBAAqB,QAAqB;AAC9C,YAAU,KAAK,gBAAgB,YAAY,CAAC;;;;;;;;;;;;;;CA+B9C,MAAM,mBAAmB,QAAqB;AAC5C,YAAU,KAAK,QAAQ;;;;;;CAOzB,MAAM,sBAAsB,QAAqB;AAC/C,YAAU,KAAK,gBAAgB,QAAQ,CAAC;;;CAI1C,MAAM,mBAAmB;EACvB,MAAM,MAAM,QAAQ;AACpB,MAAI,CAAC,IAAK;AACV,iBAAe,IAAI;AAEnB,kBAAgB;AACd,mBAAgB,IAAI;IACpB;;;CAIJ,MAAM,mBAAmB;EACvB,MAAM,MAAM,QAAQ;AACpB,MAAI,CAAC,IAAK;AAGV,iBAAe,IAAI;AAGnB,kBAAgB;AACd,sBAAmB,IAAI;IACvB;;CAGJ,MAAM,CAAC,QAAQ,UAAU,aAAa,QAAQ,WAAW;AACvD,WAAS,YAAY,GAAG,YAAY;GACpC;AAEF,iBAAgB,QAAQ;EACtB,WAAW,OAAO,KAAK,QAAQ;EAC/B,SAAS,IAAI;AAEX,OAAI,OAAO,OAAO;AAChB,sBAAkB,GAAG;AACrB,qBAAiB;UACZ;AACL,sBAAkB,GAAG;AACrB,qBAAiB;;;EAIrB,MAAM,IAAI;AACR,OAAI,OAAO,OAAO;AAChB,sBAAkB,GAAG;AAErB,kBAAc;UACT;AACL,sBAAkB,GAAG;AAErB,kBAAc;;;EAGnB,CAAC;AAEF,QAAO;EAAE;EAAQ,aAAa,OAAO,KAAK;EAAE,aAAa,OAAO,MAAM;EAAE"}
+{"version":3,"file":"use-style-transition.js","names":[],"sources":["../../src/use-transition/use-style-transition.ts"],"sourcesContent":["import { createToggle, nextFrame, setStyles } from '@veltra/utils'\nimport { isRef, watch, type CSSProperties } from 'vue'\n\nimport type { Returned, StyleTransitionOptions } from './type'\nimport { watchTransition } from './utils'\n\nexport function useStyleTransition(options: StyleTransitionOptions): Returned {\n  const {\n    // enterFrom,\n    // leaveTo,\n    enterTo,\n    enterActive,\n    leaveActive,\n    target,\n    afterEnter,\n    afterLeave,\n    enterCanceled,\n    leaveCanceled\n  } = options\n\n  const getDom = (): HTMLElement | undefined => (isRef(target) ? target.value : target)\n\n  /** 进入动画前的初始状态 */\n  const transitionOriginStyle: CSSProperties = {}\n\n  /** 获取过渡样式的初始样式 */\n  const getOriginStyles = (styles: CSSProperties) => {\n    return Object.fromEntries(\n      Object.keys(styles).map((key) => {\n        return [key, transitionOriginStyle[key as keyof CSSProperties]]\n      })\n    )\n  }\n  // 监听dom并获取dom在进入动画之前的样式\n  // ...Object.keys(enterFrom ?? {}),\n  // ...Object.keys(leaveTo ?? {}),\n  watch(\n    () => getDom(),\n    (dom) => {\n      if (dom) {\n        const map = dom.attributeStyleMap\n        ~[...Object.keys(enterTo), ...Object.keys(enterActive)].forEach((key) => {\n          transitionOriginStyle[key] = map.get(key)\n        })\n      } else {\n        Object.keys(transitionOriginStyle).forEach((key) => {\n          delete transitionOriginStyle[key as keyof CSSProperties]\n        })\n      }\n    },\n    { immediate: true }\n  )\n\n  /**\n   * 添加过渡进入时并持续时的样式\n   * @param dom 元素\n   */\n  const addEnterActive = (dom: HTMLElement) => {\n    setStyles(dom, enterActive)\n  }\n\n  /**\n   * 移除过渡进入时并持续时的样式\n   * @param dom 元素\n   */\n  const removeEnterActive = (dom: HTMLElement) => {\n    setStyles(dom, getOriginStyles(enterActive))\n  }\n\n  /**\n   * 添加过渡离开并持续时的样式\n   * @param dom 元素\n   */\n  const addLeaveActive = (dom: HTMLElement) => {\n    setStyles(dom, leaveActive)\n  }\n\n  /**\n   * 移除过渡离开并持续时的样式\n   * @param dom 元素\n   */\n  const removeLeaveActive = (dom: HTMLElement) => {\n    setStyles(dom, getOriginStyles(leaveActive))\n  }\n\n  /**\n   * 添加过渡目标样式\n   * @param dom 元素\n   */\n  // const addEnterFromStyle = (dom: HTMLElement) => {\n  //   enterFrom && setStyles(dom, enterFrom)\n  // }\n\n  /**\n   * 移除过渡目标样式\n   * @param dom 元素\n   */\n  // const removeEnterFromStyle = (dom: HTMLElement) => {\n  //   if (!enterFrom) return\n\n  //   const canRemovedStyles = {}\n\n  //   for (const key in enterFrom) {\n  //     if (key in enterTo) continue\n  //     canRemovedStyles[key] = enterFrom[key]\n  //   }\n\n  //   setStyles(dom, getOriginStyles(canRemovedStyles))\n  // }\n  /**\n   * 添加过渡目标样式\n   * @param dom 元素\n   */\n  const addEnterToStyle = (dom: HTMLElement) => {\n    setStyles(dom, enterTo)\n  }\n\n  /**\n   * 移除过渡目标样式\n   * @param dom 元素\n   */\n  const removeEnterToStyle = (dom: HTMLElement) => {\n    setStyles(dom, getOriginStyles(enterTo))\n  }\n\n  /** 开始进入动画 */\n  const startEnter = () => {\n    const dom = getDom()\n    if (!dom) return\n    addEnterActive(dom)\n    // 在下一帧插入动画运动目标状态\n    nextFrame(() => {\n      addEnterToStyle(dom)\n    })\n  }\n\n  /** 开始离开动画 */\n  const startLeave = () => {\n    const dom = getDom()\n    if (!dom) return\n\n    // 标记动画进入离开状态\n    addLeaveActive(dom)\n\n    // 在下一帧移除动画运动目标状态恢复原状或者应用新的状态\n    nextFrame(() => {\n      removeEnterToStyle(dom)\n    })\n  }\n\n  const [active, toggle] = createToggle(false, (active) => {\n    active ? startEnter() : startLeave()\n  })\n\n  watchTransition(getDom, {\n    styleKeys: Object.keys(enterTo),\n    onCancel(el) {\n      // 激活状态，移除enter-active类\n      if (active.value) {\n        removeEnterActive(el)\n        enterCanceled?.()\n      } else {\n        removeLeaveActive(el)\n        leaveCanceled?.()\n      }\n    },\n\n    onEnd(el) {\n      if (active.value) {\n        removeEnterActive(el)\n        // removeEnterFromStyle(el)\n        afterEnter?.()\n      } else {\n        removeLeaveActive(el)\n\n        afterLeave?.()\n      }\n    }\n  })\n\n  return { toggle, enter: () => toggle(true), leave: () => toggle(false) }\n}\n"],"mappings":";;;;AAMA,SAAgB,mBAAmB,SAA2C;CAC5E,MAAM,EAGJ,SACA,aACA,aACA,QACA,YACA,YACA,eACA,kBACE;CAEJ,MAAM,eAAyC,MAAM,OAAO,GAAG,OAAO,QAAQ;;CAG9E,MAAM,wBAAuC,EAAE;;CAG/C,MAAM,mBAAmB,WAA0B;EACjD,OAAO,OAAO,YACZ,OAAO,KAAK,OAAO,CAAC,KAAK,QAAQ;GAC/B,OAAO,CAAC,KAAK,sBAAsB,KAA4B;IAC/D,CACH;;CAKH,YACQ,QAAQ,GACb,QAAQ;EACP,IAAI,KAAK;GACP,MAAM,MAAM,IAAI;GAChB,CAAC,CAAC,GAAG,OAAO,KAAK,QAAQ,EAAE,GAAG,OAAO,KAAK,YAAY,CAAC,CAAC,SAAS,QAAQ;IACvE,sBAAsB,OAAO,IAAI,IAAI,IAAI;KACzC;SAEF,OAAO,KAAK,sBAAsB,CAAC,SAAS,QAAQ;GAClD,OAAO,sBAAsB;IAC7B;IAGN,EAAE,WAAW,MAAM,CACpB;;;;;CAMD,MAAM,kBAAkB,QAAqB;EAC3C,UAAU,KAAK,YAAY;;;;;;CAO7B,MAAM,qBAAqB,QAAqB;EAC9C,UAAU,KAAK,gBAAgB,YAAY,CAAC;;;;;;CAO9C,MAAM,kBAAkB,QAAqB;EAC3C,UAAU,KAAK,YAAY;;;;;;CAO7B,MAAM,qBAAqB,QAAqB;EAC9C,UAAU,KAAK,gBAAgB,YAAY,CAAC;;;;;;;;;;;;;;CA+B9C,MAAM,mBAAmB,QAAqB;EAC5C,UAAU,KAAK,QAAQ;;;;;;CAOzB,MAAM,sBAAsB,QAAqB;EAC/C,UAAU,KAAK,gBAAgB,QAAQ,CAAC;;;CAI1C,MAAM,mBAAmB;EACvB,MAAM,MAAM,QAAQ;EACpB,IAAI,CAAC,KAAK;EACV,eAAe,IAAI;EAEnB,gBAAgB;GACd,gBAAgB,IAAI;IACpB;;;CAIJ,MAAM,mBAAmB;EACvB,MAAM,MAAM,QAAQ;EACpB,IAAI,CAAC,KAAK;EAGV,eAAe,IAAI;EAGnB,gBAAgB;GACd,mBAAmB,IAAI;IACvB;;CAGJ,MAAM,CAAC,QAAQ,UAAU,aAAa,QAAQ,WAAW;EACvD,SAAS,YAAY,GAAG,YAAY;GACpC;CAEF,gBAAgB,QAAQ;EACtB,WAAW,OAAO,KAAK,QAAQ;EAC/B,SAAS,IAAI;GAEX,IAAI,OAAO,OAAO;IAChB,kBAAkB,GAAG;IACrB,iBAAiB;UACZ;IACL,kBAAkB,GAAG;IACrB,iBAAiB;;;EAIrB,MAAM,IAAI;GACR,IAAI,OAAO,OAAO;IAChB,kBAAkB,GAAG;IAErB,cAAc;UACT;IACL,kBAAkB,GAAG;IAErB,cAAc;;;EAGnB,CAAC;CAEF,OAAO;EAAE;EAAQ,aAAa,OAAO,KAAK;EAAE,aAAa,OAAO,MAAM;EAAE"}

package/dist/use-transition/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../src/use-transition/utils.ts"],"sourcesContent":["import { watch, onBeforeUnmount } from 'vue'\n\n/**\n * 监听过渡\n * @param domGetter 元素获取函数\n * @param config 配置\n * @returns\n */\nexport function watchTransition(\n  domGetter: () => HTMLElement | undefined,\n  config: {\n    styleKeys: string[]\n    onEnd: (dom: HTMLElement) => void\n    onCancel: (dom: HTMLElement) => void\n  }\n): void {\n  const runCallback = (e: TransitionEvent, cb: (el: HTMLElement) => void) => {\n    e.stopPropagation()\n    if (e.target !== domGetter() || !config.styleKeys.includes(e.propertyName)) {\n      return\n    }\n\n    cb(e.target as HTMLElement)\n  }\n\n  const transitionEndHandler = (e: TransitionEvent) => {\n    if (!domGetter()) return\n    runCallback(e, config.onEnd)\n  }\n  const transitionCancelHandler = (e: TransitionEvent) => {\n    if (!domGetter()) return\n    runCallback(e, config.onCancel)\n  }\n  const addEvent = (el: HTMLElement) => {\n    el.addEventListener('transitionend', transitionEndHandler, false)\n    // el.addEventListener('transitioncancel', transitionCancelHandler, false)\n  }\n\n  const removeEvent = (el?: HTMLElement) => {\n    el?.removeEventListener('transitionend', transitionEndHandler)\n    el?.removeEventListener('transitioncancel', transitionCancelHandler)\n  }\n\n  watch(\n    domGetter,\n    (target, oldTarget) => {\n      removeEvent(oldTarget)\n      target && addEvent(target)\n    },\n    { immediate: true }\n  )\n\n  onBeforeUnmount(() => {\n    removeEvent(domGetter())\n  })\n}\n"],"mappings":";;;;;;;;AAQA,SAAgB,gBACd,WACA,QAKM;CACN,MAAM,eAAe,GAAoB,OAAkC;AACzE,IAAE,iBAAiB;AACnB,MAAI,EAAE,WAAW,WAAW,IAAI,CAAC,OAAO,UAAU,SAAS,EAAE,aAAa,CACxE;AAGF,KAAG,EAAE,OAAsB;;CAG7B,MAAM,wBAAwB,MAAuB;AACnD,MAAI,CAAC,WAAW,CAAE;AAClB,cAAY,GAAG,OAAO,MAAM;;CAE9B,MAAM,2BAA2B,MAAuB;AACtD,MAAI,CAAC,WAAW,CAAE;AAClB,cAAY,GAAG,OAAO,SAAS;;CAEjC,MAAM,YAAY,OAAoB;AACpC,KAAG,iBAAiB,iBAAiB,sBAAsB,MAAM;;CAInE,MAAM,eAAe,OAAqB;AACxC,MAAI,oBAAoB,iBAAiB,qBAAqB;AAC9D,MAAI,oBAAoB,oBAAoB,wBAAwB;;AAGtE,OACE,YACC,QAAQ,cAAc;AACrB,cAAY,UAAU;AACtB,YAAU,SAAS,OAAO;IAE5B,EAAE,WAAW,MAAM,CACpB;AAED,uBAAsB;AACpB,cAAY,WAAW,CAAC;GACxB"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/use-transition/utils.ts"],"sourcesContent":["import { watch, onBeforeUnmount } from 'vue'\n\n/**\n * 监听过渡\n * @param domGetter 元素获取函数\n * @param config 配置\n * @returns\n */\nexport function watchTransition(\n  domGetter: () => HTMLElement | undefined,\n  config: {\n    styleKeys: string[]\n    onEnd: (dom: HTMLElement) => void\n    onCancel: (dom: HTMLElement) => void\n  }\n): void {\n  const runCallback = (e: TransitionEvent, cb: (el: HTMLElement) => void) => {\n    e.stopPropagation()\n    if (e.target !== domGetter() || !config.styleKeys.includes(e.propertyName)) {\n      return\n    }\n\n    cb(e.target as HTMLElement)\n  }\n\n  const transitionEndHandler = (e: TransitionEvent) => {\n    if (!domGetter()) return\n    runCallback(e, config.onEnd)\n  }\n  const transitionCancelHandler = (e: TransitionEvent) => {\n    if (!domGetter()) return\n    runCallback(e, config.onCancel)\n  }\n  const addEvent = (el: HTMLElement) => {\n    el.addEventListener('transitionend', transitionEndHandler, false)\n    // el.addEventListener('transitioncancel', transitionCancelHandler, false)\n  }\n\n  const removeEvent = (el?: HTMLElement) => {\n    el?.removeEventListener('transitionend', transitionEndHandler)\n    el?.removeEventListener('transitioncancel', transitionCancelHandler)\n  }\n\n  watch(\n    domGetter,\n    (target, oldTarget) => {\n      removeEvent(oldTarget)\n      target && addEvent(target)\n    },\n    { immediate: true }\n  )\n\n  onBeforeUnmount(() => {\n    removeEvent(domGetter())\n  })\n}\n"],"mappings":";;;;;;;;AAQA,SAAgB,gBACd,WACA,QAKM;CACN,MAAM,eAAe,GAAoB,OAAkC;EACzE,EAAE,iBAAiB;EACnB,IAAI,EAAE,WAAW,WAAW,IAAI,CAAC,OAAO,UAAU,SAAS,EAAE,aAAa,EACxE;EAGF,GAAG,EAAE,OAAsB;;CAG7B,MAAM,wBAAwB,MAAuB;EACnD,IAAI,CAAC,WAAW,EAAE;EAClB,YAAY,GAAG,OAAO,MAAM;;CAE9B,MAAM,2BAA2B,MAAuB;EACtD,IAAI,CAAC,WAAW,EAAE;EAClB,YAAY,GAAG,OAAO,SAAS;;CAEjC,MAAM,YAAY,OAAoB;EACpC,GAAG,iBAAiB,iBAAiB,sBAAsB,MAAM;;CAInE,MAAM,eAAe,OAAqB;EACxC,IAAI,oBAAoB,iBAAiB,qBAAqB;EAC9D,IAAI,oBAAoB,oBAAoB,wBAAwB;;CAGtE,MACE,YACC,QAAQ,cAAc;EACrB,YAAY,UAAU;EACtB,UAAU,SAAS,OAAO;IAE5B,EAAE,WAAW,MAAM,CACpB;CAED,sBAAsB;EACpB,YAAY,WAAW,CAAC;GACxB"}

package/dist/use-user-action/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/use-user-action/index.ts"],"sourcesContent":["import { nextTick } from 'vue'\n\nexport type UserAction = <T extends (...args: any[]) => void | Promise<void>>(\n  fn: T\n) => (...args: Parameters<T>) => Promise<void>\n\nexport interface UserActionResult {\n  isUserActive: () => boolean\n  userAction: UserAction\n}\n\n/**\n * 创建用户活动\n * @description\n * 解决\"组件内部 emit 更新 → 外部 props 回传 → 监听 props 的副作用再次触发\n * 内部状态变更\"的循环更新问题。典型搭配：\n *\n * ```ts\n * const { userAction, isUserActive } = useUserAction()\n *\n * // 将函数标记为一个用户动作\n * const handleSelect = userAction((date: Dater) => {\n *   currentDate.value = date\n *   emit('update:modelValue', date.format(fmt))\n * })\n *\n * // modelValue 回显：用户活动期间跳过\n * watch(() => props.modelValue, (v) => {\n *   if (isUserActive()) return\n *   currentDate.value = v ? date(v) : undefined\n * })\n * ```\n */\nexport function useUserAction(): UserActionResult {\n  let actionCount = 0\n  const isUserActive = () => {\n    return actionCount > 0\n  }\n\n  const userAction: UserAction = (fn) => {\n    return async (...args) => {\n      actionCount++\n\n      try {\n        await fn(...args)\n      } catch (error) {\n        console.error(error)\n      }\n      await nextTick()\n\n      actionCount--\n    }\n  }\n\n  return { isUserActive, userAction }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiCA,SAAgB,gBAAkC;CAChD,IAAI,cAAc;CAClB,MAAM,qBAAqB;AACzB,SAAO,cAAc;;CAGvB,MAAM,cAA0B,OAAO;AACrC,SAAO,OAAO,GAAG,SAAS;AACxB;AAEA,OAAI;AACF,UAAM,GAAG,GAAG,KAAK;YACV,OAAO;AACd,YAAQ,MAAM,MAAM;;AAEtB,SAAM,UAAU;AAEhB;;;AAIJ,QAAO;EAAE;EAAc;EAAY"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/use-user-action/index.ts"],"sourcesContent":["import { nextTick } from 'vue'\n\nexport type UserAction = <T extends (...args: any[]) => void | Promise<void>>(\n  fn: T\n) => (...args: Parameters<T>) => Promise<void>\n\nexport interface UserActionResult {\n  isUserActive: () => boolean\n  userAction: UserAction\n}\n\n/**\n * 创建用户活动\n * @description\n * 解决\"组件内部 emit 更新 → 外部 props 回传 → 监听 props 的副作用再次触发\n * 内部状态变更\"的循环更新问题。典型搭配：\n *\n * ```ts\n * const { userAction, isUserActive } = useUserAction()\n *\n * // 将函数标记为一个用户动作\n * const handleSelect = userAction((date: Dater) => {\n *   currentDate.value = date\n *   emit('update:modelValue', date.format(fmt))\n * })\n *\n * // modelValue 回显：用户活动期间跳过\n * watch(() => props.modelValue, (v) => {\n *   if (isUserActive()) return\n *   currentDate.value = v ? date(v) : undefined\n * })\n * ```\n */\nexport function useUserAction(): UserActionResult {\n  let actionCount = 0\n  const isUserActive = () => {\n    return actionCount > 0\n  }\n\n  const userAction: UserAction = (fn) => {\n    return async (...args) => {\n      actionCount++\n\n      try {\n        await fn(...args)\n      } catch (error) {\n        console.error(error)\n      }\n      await nextTick()\n\n      actionCount--\n    }\n  }\n\n  return { isUserActive, userAction }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiCA,SAAgB,gBAAkC;CAChD,IAAI,cAAc;CAClB,MAAM,qBAAqB;EACzB,OAAO,cAAc;;CAGvB,MAAM,cAA0B,OAAO;EACrC,OAAO,OAAO,GAAG,SAAS;GACxB;GAEA,IAAI;IACF,MAAM,GAAG,GAAG,KAAK;YACV,OAAO;IACd,QAAQ,MAAM,MAAM;;GAEtB,MAAM,UAAU;GAEhB;;;CAIJ,OAAO;EAAE;EAAc;EAAY"}

package/dist/use-virtualizer/index.d.ts

@@ -1,5 +1,5 @@
 import { MaybeRefOrGetter, Ref, ShallowRef } from "vue";
-import { EstimateSize, GetItemKey, VirtualAlign, VirtualItem, VirtualMeasurement, VirtualRange, VirtualScrollOptions, VirtualSnapshot, Virtualizer as Virtualizer$1, VirtualizerOptions } from "@cat-kit/fe";
+import { VirtualItem, VirtualSnapshot, Virtualizer, VirtualizerOptions } from "@cat-kit/fe";
 
 //#region src/use-virtualizer/index.d.ts
 type MaybeEl = HTMLElement | null | undefined;
@@ -30,7 +30,7 @@ interface UseVirtualizerReturned {
    * 未做包装；消费者可直接调用 `scrollToIndex` / `scrollToOffset` /
    * `reset` / `measureMany` / `setOptions` / `measureElement` 等方法。
    */
-  virtualizer: Virtualizer$1;
+  virtualizer: Virtualizer;
   /**
    * 完整快照 shallowRef。任一结构性变化（items/range/isScrolling/各种 size）都会更新。
    * 大多数消费者只需 `items` / `isScrolling`，此 ref 仅在需要 `range` / `totalSize` 等
@@ -65,5 +65,5 @@ interface UseVirtualizerReturned {
  */
 declare function useVirtualizer(options: UseVirtualizerOptions): UseVirtualizerReturned;
 //#endregion
-export { type EstimateSize, type GetItemKey, UseVirtualizerOptions, UseVirtualizerReturned, type VirtualAlign, type VirtualItem, type VirtualMeasurement, type VirtualRange, type VirtualScrollOptions, type VirtualSnapshot, type Virtualizer$1 as Virtualizer, type VirtualizerOptions, useVirtualizer };
+export { UseVirtualizerOptions, UseVirtualizerReturned, useVirtualizer };
 //# sourceMappingURL=index.d.ts.map

package/dist/use-virtualizer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/use-virtualizer/index.ts"],"sourcesContent":["import {\n  Virtualizer,\n  type EstimateSize,\n  type GetItemKey,\n  type VirtualAlign,\n  type VirtualItem,\n  type VirtualMeasurement,\n  type VirtualRange,\n  type VirtualScrollOptions,\n  type VirtualSnapshot,\n  type VirtualizerOptions\n} from '@cat-kit/fe'\nimport {\n  onScopeDispose,\n  shallowRef,\n  toValue,\n  watch,\n  type MaybeRefOrGetter,\n  type Ref,\n  type ShallowRef\n} from 'vue'\n\nexport type {\n  EstimateSize,\n  GetItemKey,\n  VirtualAlign,\n  VirtualItem,\n  VirtualMeasurement,\n  VirtualRange,\n  VirtualScrollOptions,\n  VirtualSnapshot,\n  Virtualizer,\n  VirtualizerOptions\n}\n\ntype MaybeEl = HTMLElement | null | undefined\n\nexport interface UseVirtualizerOptions extends Omit<VirtualizerOptions, 'count'> {\n  /** 响应式虚拟项总数；内部 `watch` 驱动 `virtualizer.setCount`。 */\n  count: Ref<number>\n  /**\n   * 响应式滚动容器；变更时自动 `connect` / `disconnect`。\n   * `immediate: true`，初始为 `null` 时等价于 `disconnect()`。\n   */\n  scrollEl: MaybeRefOrGetter<MaybeEl>\n  /**\n   * 可选：内容承接元素。hook 订阅到结构性更新时直接写入\n   * `style.height = totalSize + 'px'`（水平模式为 `width`），\n   * **不经过 Vue 响应式**——因此 `totalSize` 的变化不会触发模板重渲染。\n   * 当引用切换为 `null` 时，会清空此前写入的内联尺寸，恢复 CSS 默认。\n   */\n  contentEl?: MaybeRefOrGetter<MaybeEl>\n  /** 可选：首项前占位元素。语义同 `contentEl`，写 `beforeSize`。 */\n  beforeEl?: MaybeRefOrGetter<MaybeEl>\n  /** 可选：末项后占位元素。语义同 `contentEl`，写 `afterSize`。 */\n  afterEl?: MaybeRefOrGetter<MaybeEl>\n}\n\nexport interface UseVirtualizerReturned {\n  /**\n   * 底层 `Virtualizer` 实例。\n   *\n   * 未做包装；消费者可直接调用 `scrollToIndex` / `scrollToOffset` /\n   * `reset` / `measureMany` / `setOptions` / `measureElement` 等方法。\n   */\n  virtualizer: Virtualizer\n  /**\n   * 完整快照 shallowRef。任一结构性变化（items/range/isScrolling/各种 size）都会更新。\n   * 大多数消费者只需 `items` / `isScrolling`，此 ref 仅在需要 `range` / `totalSize` 等\n   * 其它字段时使用。\n   */\n  snapshot: ShallowRef<VirtualSnapshot>\n  /**\n   * 仅在底层 `items` 引用变化时才更新的 shallowRef。\n   *\n   * 独立于 `snapshot`，用于模板 `v-for`；这样 `isScrolling` 等字段的切换不会\n   * 连带触发 `items.map(...)` 的重新求值。\n   */\n  items: ShallowRef<VirtualItem[]>\n  /** 仅在布尔值变化时更新的 `isScrolling` 状态。 */\n  isScrolling: ShallowRef<boolean>\n}\n\nfunction writeSize(el: MaybeEl, size: number, horizontal: boolean): void {\n  if (!el) return\n  if (horizontal) el.style.width = `${size}px`\n  else el.style.height = `${size}px`\n}\n\nfunction clearSize(el: MaybeEl, horizontal: boolean): void {\n  if (!el) return\n  if (horizontal) el.style.width = ''\n  else el.style.height = ''\n}\n\n/**\n * Vue 适配层：把 `@cat-kit/fe` 的 `Virtualizer` 生命周期与响应式系统对接。\n *\n * 设计原则：\n * 1. **尺寸写入走 DOM**：`contentEl` / `beforeEl` / `afterEl` 一旦传入，\n *    hook 在 `subscribe` 回调中命令式写 `style.height`；消费者模板无需绑定\n *    `totalSize` / `beforeSize` / `afterSize`，滚动时 Vue 不会因尺寸变化重渲染。\n * 2. **`items` / `isScrolling` 独立拆分**：底层 subscribe 一次回调可能同时包含\n *    items 变化与 isScrolling 切换；拆成两个 shallowRef 后，消费者 `v-for`\n *    的 `computed(() => items.value.map(...))` 不会因 `isScrolling` 变化而重新执行。\n * 3. **业务语义外置**：阈值判定 / key 组装 / `scrollToIndex` 对齐方式由消费者组装。\n *\n * 约束：\n * - `initialOffset` / `initialViewport` 仅构造时生效，后续 `setOptions` 忽略（底层契约）。\n * - 消费者若需运行时切换 `estimateSize` / `getItemKey` 等字段，调用 `virtualizer.setOptions(...)`。\n */\nexport function useVirtualizer(options: UseVirtualizerOptions): UseVirtualizerReturned {\n  const { count, scrollEl, contentEl, beforeEl, afterEl, ...initOptions } = options\n  const horizontal = initOptions.horizontal === true\n\n  const virtualizer = new Virtualizer({ ...initOptions, count: count.value })\n\n  const initialSnapshot = virtualizer.getSnapshot()\n  const snapshot = shallowRef<VirtualSnapshot>(initialSnapshot)\n  const items = shallowRef<VirtualItem[]>(initialSnapshot.items)\n  const isScrolling = shallowRef<boolean>(initialSnapshot.isScrolling)\n\n  function flushSizes(s: VirtualSnapshot): void {\n    writeSize(toValue(contentEl) ?? null, s.totalSize, horizontal)\n    writeSize(toValue(beforeEl) ?? null, s.beforeSize, horizontal)\n    writeSize(toValue(afterEl) ?? null, s.afterSize, horizontal)\n  }\n\n  // 初次同步，覆盖构造阶段 count > 0 场景（容器未 connect 时 totalSize 已有值）。\n  flushSizes(initialSnapshot)\n\n  const unsubscribe = virtualizer.subscribe((next) => {\n    snapshot.value = next\n    if (next.items !== items.value) items.value = next.items\n    if (next.isScrolling !== isScrolling.value) isScrolling.value = next.isScrolling\n    flushSizes(next)\n  })\n\n  watch(count, (c) => {\n    virtualizer.setCount(c)\n  })\n\n  watch(\n    () => toValue(scrollEl) ?? null,\n    (el) => {\n      if (el) virtualizer.connect(el)\n      else virtualizer.disconnect()\n    },\n    { immediate: true }\n  )\n\n  // 元素引用切换时：清旧元素的内联尺寸 + 立即给新元素写入当前快照值。\n  // 不向 hook 返回值暴露这些元素（消费者用 :ref 绑定自己的 ref 即可）。\n  function bindSizeSlot(\n    source: MaybeRefOrGetter<MaybeEl> | undefined,\n    pick: (s: VirtualSnapshot) => number\n  ): void {\n    if (source === undefined) return\n    watch(\n      () => toValue(source) ?? null,\n      (el, oldEl) => {\n        if (oldEl && oldEl !== el) clearSize(oldEl, horizontal)\n        if (el) writeSize(el, pick(snapshot.value), horizontal)\n      }\n    )\n  }\n\n  bindSizeSlot(contentEl, (s) => s.totalSize)\n  bindSizeSlot(beforeEl, (s) => s.beforeSize)\n  bindSizeSlot(afterEl, (s) => s.afterSize)\n\n  onScopeDispose(() => {\n    unsubscribe()\n    virtualizer.destroy()\n    clearSize(toValue(contentEl) ?? null, horizontal)\n    clearSize(toValue(beforeEl) ?? null, horizontal)\n    clearSize(toValue(afterEl) ?? null, horizontal)\n  })\n\n  return { virtualizer, snapshot, items, isScrolling }\n}\n"],"mappings":";;;AAmFA,SAAS,UAAU,IAAa,MAAc,YAA2B;AACvE,KAAI,CAAC,GAAI;AACT,KAAI,WAAY,IAAG,MAAM,QAAQ,GAAG,KAAK;KACpC,IAAG,MAAM,SAAS,GAAG,KAAK;;AAGjC,SAAS,UAAU,IAAa,YAA2B;AACzD,KAAI,CAAC,GAAI;AACT,KAAI,WAAY,IAAG,MAAM,QAAQ;KAC5B,IAAG,MAAM,SAAS;;;;;;;;;;;;;;;;;;AAmBzB,SAAgB,eAAe,SAAwD;CACrF,MAAM,EAAE,OAAO,UAAU,WAAW,UAAU,SAAS,GAAG,gBAAgB;CAC1E,MAAM,aAAa,YAAY,eAAe;CAE9C,MAAM,cAAc,IAAI,YAAY;EAAE,GAAG;EAAa,OAAO,MAAM;EAAO,CAAC;CAE3E,MAAM,kBAAkB,YAAY,aAAa;CACjD,MAAM,WAAW,WAA4B,gBAAgB;CAC7D,MAAM,QAAQ,WAA0B,gBAAgB,MAAM;CAC9D,MAAM,cAAc,WAAoB,gBAAgB,YAAY;CAEpE,SAAS,WAAW,GAA0B;AAC5C,YAAU,QAAQ,UAAU,IAAI,MAAM,EAAE,WAAW,WAAW;AAC9D,YAAU,QAAQ,SAAS,IAAI,MAAM,EAAE,YAAY,WAAW;AAC9D,YAAU,QAAQ,QAAQ,IAAI,MAAM,EAAE,WAAW,WAAW;;AAI9D,YAAW,gBAAgB;CAE3B,MAAM,cAAc,YAAY,WAAW,SAAS;AAClD,WAAS,QAAQ;AACjB,MAAI,KAAK,UAAU,MAAM,MAAO,OAAM,QAAQ,KAAK;AACnD,MAAI,KAAK,gBAAgB,YAAY,MAAO,aAAY,QAAQ,KAAK;AACrE,aAAW,KAAK;GAChB;AAEF,OAAM,QAAQ,MAAM;AAClB,cAAY,SAAS,EAAE;GACvB;AAEF,aACQ,QAAQ,SAAS,IAAI,OAC1B,OAAO;AACN,MAAI,GAAI,aAAY,QAAQ,GAAG;MAC1B,aAAY,YAAY;IAE/B,EAAE,WAAW,MAAM,CACpB;CAID,SAAS,aACP,QACA,MACM;AACN,MAAI,WAAW,KAAA,EAAW;AAC1B,cACQ,QAAQ,OAAO,IAAI,OACxB,IAAI,UAAU;AACb,OAAI,SAAS,UAAU,GAAI,WAAU,OAAO,WAAW;AACvD,OAAI,GAAI,WAAU,IAAI,KAAK,SAAS,MAAM,EAAE,WAAW;IAE1D;;AAGH,cAAa,YAAY,MAAM,EAAE,UAAU;AAC3C,cAAa,WAAW,MAAM,EAAE,WAAW;AAC3C,cAAa,UAAU,MAAM,EAAE,UAAU;AAEzC,sBAAqB;AACnB,eAAa;AACb,cAAY,SAAS;AACrB,YAAU,QAAQ,UAAU,IAAI,MAAM,WAAW;AACjD,YAAU,QAAQ,SAAS,IAAI,MAAM,WAAW;AAChD,YAAU,QAAQ,QAAQ,IAAI,MAAM,WAAW;GAC/C;AAEF,QAAO;EAAE;EAAa;EAAU;EAAO;EAAa"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/use-virtualizer/index.ts"],"sourcesContent":["import {\n  Virtualizer,\n  type VirtualItem,\n  type VirtualSnapshot,\n  type VirtualizerOptions\n} from '@cat-kit/fe'\nimport {\n  onScopeDispose,\n  shallowRef,\n  toValue,\n  watch,\n  type MaybeRefOrGetter,\n  type Ref,\n  type ShallowRef\n} from 'vue'\n\ntype MaybeEl = HTMLElement | null | undefined\n\nexport interface UseVirtualizerOptions extends Omit<VirtualizerOptions, 'count'> {\n  /** 响应式虚拟项总数；内部 `watch` 驱动 `virtualizer.setCount`。 */\n  count: Ref<number>\n  /**\n   * 响应式滚动容器；变更时自动 `connect` / `disconnect`。\n   * `immediate: true`，初始为 `null` 时等价于 `disconnect()`。\n   */\n  scrollEl: MaybeRefOrGetter<MaybeEl>\n  /**\n   * 可选：内容承接元素。hook 订阅到结构性更新时直接写入\n   * `style.height = totalSize + 'px'`（水平模式为 `width`），\n   * **不经过 Vue 响应式**——因此 `totalSize` 的变化不会触发模板重渲染。\n   * 当引用切换为 `null` 时，会清空此前写入的内联尺寸，恢复 CSS 默认。\n   */\n  contentEl?: MaybeRefOrGetter<MaybeEl>\n  /** 可选：首项前占位元素。语义同 `contentEl`，写 `beforeSize`。 */\n  beforeEl?: MaybeRefOrGetter<MaybeEl>\n  /** 可选：末项后占位元素。语义同 `contentEl`，写 `afterSize`。 */\n  afterEl?: MaybeRefOrGetter<MaybeEl>\n}\n\nexport interface UseVirtualizerReturned {\n  /**\n   * 底层 `Virtualizer` 实例。\n   *\n   * 未做包装；消费者可直接调用 `scrollToIndex` / `scrollToOffset` /\n   * `reset` / `measureMany` / `setOptions` / `measureElement` 等方法。\n   */\n  virtualizer: Virtualizer\n  /**\n   * 完整快照 shallowRef。任一结构性变化（items/range/isScrolling/各种 size）都会更新。\n   * 大多数消费者只需 `items` / `isScrolling`，此 ref 仅在需要 `range` / `totalSize` 等\n   * 其它字段时使用。\n   */\n  snapshot: ShallowRef<VirtualSnapshot>\n  /**\n   * 仅在底层 `items` 引用变化时才更新的 shallowRef。\n   *\n   * 独立于 `snapshot`，用于模板 `v-for`；这样 `isScrolling` 等字段的切换不会\n   * 连带触发 `items.map(...)` 的重新求值。\n   */\n  items: ShallowRef<VirtualItem[]>\n  /** 仅在布尔值变化时更新的 `isScrolling` 状态。 */\n  isScrolling: ShallowRef<boolean>\n}\n\nfunction writeSize(el: MaybeEl, size: number, horizontal: boolean): void {\n  if (!el) return\n  if (horizontal) el.style.width = `${size}px`\n  else el.style.height = `${size}px`\n}\n\nfunction clearSize(el: MaybeEl, horizontal: boolean): void {\n  if (!el) return\n  if (horizontal) el.style.width = ''\n  else el.style.height = ''\n}\n\n/**\n * Vue 适配层：把 `@cat-kit/fe` 的 `Virtualizer` 生命周期与响应式系统对接。\n *\n * 设计原则：\n * 1. **尺寸写入走 DOM**：`contentEl` / `beforeEl` / `afterEl` 一旦传入，\n *    hook 在 `subscribe` 回调中命令式写 `style.height`；消费者模板无需绑定\n *    `totalSize` / `beforeSize` / `afterSize`，滚动时 Vue 不会因尺寸变化重渲染。\n * 2. **`items` / `isScrolling` 独立拆分**：底层 subscribe 一次回调可能同时包含\n *    items 变化与 isScrolling 切换；拆成两个 shallowRef 后，消费者 `v-for`\n *    的 `computed(() => items.value.map(...))` 不会因 `isScrolling` 变化而重新执行。\n * 3. **业务语义外置**：阈值判定 / key 组装 / `scrollToIndex` 对齐方式由消费者组装。\n *\n * 约束：\n * - `initialOffset` / `initialViewport` 仅构造时生效，后续 `setOptions` 忽略（底层契约）。\n * - 消费者若需运行时切换 `estimateSize` / `getItemKey` 等字段，调用 `virtualizer.setOptions(...)`。\n */\nexport function useVirtualizer(options: UseVirtualizerOptions): UseVirtualizerReturned {\n  const { count, scrollEl, contentEl, beforeEl, afterEl, ...initOptions } = options\n  const horizontal = initOptions.horizontal === true\n\n  const virtualizer = new Virtualizer({ ...initOptions, count: count.value })\n\n  const initialSnapshot = virtualizer.getSnapshot()\n  const snapshot = shallowRef<VirtualSnapshot>(initialSnapshot)\n  const items = shallowRef<VirtualItem[]>(initialSnapshot.items)\n  const isScrolling = shallowRef<boolean>(initialSnapshot.isScrolling)\n\n  function flushSizes(s: VirtualSnapshot): void {\n    writeSize(toValue(contentEl) ?? null, s.totalSize, horizontal)\n    writeSize(toValue(beforeEl) ?? null, s.beforeSize, horizontal)\n    writeSize(toValue(afterEl) ?? null, s.afterSize, horizontal)\n  }\n\n  // 初次同步，覆盖构造阶段 count > 0 场景（容器未 connect 时 totalSize 已有值）。\n  flushSizes(initialSnapshot)\n\n  const unsubscribe = virtualizer.subscribe((next) => {\n    snapshot.value = next\n    if (next.items !== items.value) items.value = next.items\n    if (next.isScrolling !== isScrolling.value) isScrolling.value = next.isScrolling\n    flushSizes(next)\n  })\n\n  watch(count, (c) => {\n    virtualizer.setCount(c)\n  })\n\n  watch(\n    () => toValue(scrollEl) ?? null,\n    (el) => {\n      if (el) virtualizer.connect(el)\n      else virtualizer.disconnect()\n    },\n    { immediate: true }\n  )\n\n  // 元素引用切换时：清旧元素的内联尺寸 + 立即给新元素写入当前快照值。\n  // 不向 hook 返回值暴露这些元素（消费者用 :ref 绑定自己的 ref 即可）。\n  function bindSizeSlot(\n    source: MaybeRefOrGetter<MaybeEl> | undefined,\n    pick: (s: VirtualSnapshot) => number\n  ): void {\n    if (source === undefined) return\n    watch(\n      () => toValue(source) ?? null,\n      (el, oldEl) => {\n        if (oldEl && oldEl !== el) clearSize(oldEl, horizontal)\n        if (el) writeSize(el, pick(snapshot.value), horizontal)\n      }\n    )\n  }\n\n  bindSizeSlot(contentEl, (s) => s.totalSize)\n  bindSizeSlot(beforeEl, (s) => s.beforeSize)\n  bindSizeSlot(afterEl, (s) => s.afterSize)\n\n  onScopeDispose(() => {\n    unsubscribe()\n    virtualizer.destroy()\n    clearSize(toValue(contentEl) ?? null, horizontal)\n    clearSize(toValue(beforeEl) ?? null, horizontal)\n    clearSize(toValue(afterEl) ?? null, horizontal)\n  })\n\n  return { virtualizer, snapshot, items, isScrolling }\n}\n"],"mappings":";;;AAgEA,SAAS,UAAU,IAAa,MAAc,YAA2B;CACvE,IAAI,CAAC,IAAI;CACT,IAAI,YAAY,GAAG,MAAM,QAAQ,GAAG,KAAK;MACpC,GAAG,MAAM,SAAS,GAAG,KAAK;;AAGjC,SAAS,UAAU,IAAa,YAA2B;CACzD,IAAI,CAAC,IAAI;CACT,IAAI,YAAY,GAAG,MAAM,QAAQ;MAC5B,GAAG,MAAM,SAAS;;;;;;;;;;;;;;;;;;AAmBzB,SAAgB,eAAe,SAAwD;CACrF,MAAM,EAAE,OAAO,UAAU,WAAW,UAAU,SAAS,GAAG,gBAAgB;CAC1E,MAAM,aAAa,YAAY,eAAe;CAE9C,MAAM,cAAc,IAAI,YAAY;EAAE,GAAG;EAAa,OAAO,MAAM;EAAO,CAAC;CAE3E,MAAM,kBAAkB,YAAY,aAAa;CACjD,MAAM,WAAW,WAA4B,gBAAgB;CAC7D,MAAM,QAAQ,WAA0B,gBAAgB,MAAM;CAC9D,MAAM,cAAc,WAAoB,gBAAgB,YAAY;CAEpE,SAAS,WAAW,GAA0B;EAC5C,UAAU,QAAQ,UAAU,IAAI,MAAM,EAAE,WAAW,WAAW;EAC9D,UAAU,QAAQ,SAAS,IAAI,MAAM,EAAE,YAAY,WAAW;EAC9D,UAAU,QAAQ,QAAQ,IAAI,MAAM,EAAE,WAAW,WAAW;;CAI9D,WAAW,gBAAgB;CAE3B,MAAM,cAAc,YAAY,WAAW,SAAS;EAClD,SAAS,QAAQ;EACjB,IAAI,KAAK,UAAU,MAAM,OAAO,MAAM,QAAQ,KAAK;EACnD,IAAI,KAAK,gBAAgB,YAAY,OAAO,YAAY,QAAQ,KAAK;EACrE,WAAW,KAAK;GAChB;CAEF,MAAM,QAAQ,MAAM;EAClB,YAAY,SAAS,EAAE;GACvB;CAEF,YACQ,QAAQ,SAAS,IAAI,OAC1B,OAAO;EACN,IAAI,IAAI,YAAY,QAAQ,GAAG;OAC1B,YAAY,YAAY;IAE/B,EAAE,WAAW,MAAM,CACpB;CAID,SAAS,aACP,QACA,MACM;EACN,IAAI,WAAW,KAAA,GAAW;EAC1B,YACQ,QAAQ,OAAO,IAAI,OACxB,IAAI,UAAU;GACb,IAAI,SAAS,UAAU,IAAI,UAAU,OAAO,WAAW;GACvD,IAAI,IAAI,UAAU,IAAI,KAAK,SAAS,MAAM,EAAE,WAAW;IAE1D;;CAGH,aAAa,YAAY,MAAM,EAAE,UAAU;CAC3C,aAAa,WAAW,MAAM,EAAE,WAAW;CAC3C,aAAa,UAAU,MAAM,EAAE,UAAU;CAEzC,qBAAqB;EACnB,aAAa;EACb,YAAY,SAAS;EACrB,UAAU,QAAQ,UAAU,IAAI,MAAM,WAAW;EACjD,UAAU,QAAQ,SAAS,IAAI,MAAM,WAAW;EAChD,UAAU,QAAQ,QAAQ,IAAI,MAAM,WAAW;GAC/C;CAEF,OAAO;EAAE;EAAa;EAAU;EAAO;EAAa"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/compositions",
-  "version": "1.1.15",
+  "version": "1.1.19",
   "files": [
     "dist",
     "src"
@@ -13,16 +13,18 @@
     }
   },
   "scripts": {
-    "build": "tsdown",
-    "check-types": "tsc -p tsconfig.json --noEmit"
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@cat-kit/fe": "^1.1.3"
   },
   "dependencies": {
-    "@cat-kit/core": "^1.1.3",
-    "@cat-kit/fe": "^1.1.3",
-    "@floating-ui/dom": "^1.7.6",
-    "@veltra/utils": "1.1.15"
+    "@floating-ui/dom": "^1.7.6"
   },
   "peerDependencies": {
-    "vue": "^3.5.33"
+    "@cat-kit/core": ">=1.1.0",
+    "@cat-kit/fe": ">=1.1.0",
+    "@veltra/utils": "1.1.19",
+    "vue": ">=3.5.0"
   }
 }

package/src/use-config/index.ts

@@ -10,7 +10,7 @@ interface State {
   /** 表单 */
   form: {
     /** 标签宽度 */
-    labelWidth?: number | number
+    labelWidth?: number | string
   }
   paginator: { pageSize: number; pageSizeOptions: number[] }
 }

package/src/use-virtualizer/index.ts

@@ -1,12 +1,6 @@
 import {
   Virtualizer,
-  type EstimateSize,
-  type GetItemKey,
-  type VirtualAlign,
   type VirtualItem,
-  type VirtualMeasurement,
-  type VirtualRange,
-  type VirtualScrollOptions,
   type VirtualSnapshot,
   type VirtualizerOptions
 } from '@cat-kit/fe'
@@ -20,19 +14,6 @@ import {
   type ShallowRef
 } from 'vue'
 
-export type {
-  EstimateSize,
-  GetItemKey,
-  VirtualAlign,
-  VirtualItem,
-  VirtualMeasurement,
-  VirtualRange,
-  VirtualScrollOptions,
-  VirtualSnapshot,
-  Virtualizer,
-  VirtualizerOptions
-}
-
 type MaybeEl = HTMLElement | null | undefined
 
 export interface UseVirtualizerOptions extends Omit<VirtualizerOptions, 'count'> {