@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/resizable/group/ResizeItem.vue.js

@@ -0,0 +1,99 @@
+import { defineComponent as R, ref as u, onMounted as C, onUnmounted as S, watch as E, computed as d, createElementBlock as P, openBlock as F, normalizeStyle as I, normalizeClass as x, renderSlot as _ } from "vue";
+import w from "classnames";
+import { cssClasses as c } from "@douyinfe/semi-foundation/resizable/constants";
+import { ResizeItemFoundation as k } from "@douyinfe/semi-foundation/resizable/foundation";
+import { useResizeContext as N } from "./resizeContext.js";
+/* empty css                */
+const M = /* @__PURE__ */ R({
+  name: "SemiResizeItem",
+  __name: "ResizeItem",
+  props: {
+    style: {},
+    className: {},
+    min: {},
+    max: {},
+    defaultSize: {},
+    onResizeStart: { type: Function, default: () => {
+    } },
+    onChange: { type: Function, default: () => {
+    } },
+    onResizeEnd: { type: Function, default: () => {
+    } }
+  },
+  setup(f) {
+    const s = f, t = u(), n = N();
+    let r = -1, i;
+    const a = u(!1), p = (e, o) => {
+      a.value = !0, t.value && (t.value.style.transition = "none"), s.onResizeStart && s.onResizeStart(e, o);
+    }, v = (e, o, l) => {
+      s.onChange(e, o, l);
+    }, h = (e, o, l) => {
+      s.onResizeEnd && s.onResizeEnd(e, o, l), setTimeout(() => {
+        a.value = !1, requestAnimationFrame(() => {
+          t.value && t.value.style.removeProperty("transition");
+        });
+      }, 250);
+    }, y = {
+      getProp: (e) => s[e],
+      getProps: () => s,
+      getState: () => ({}),
+      getStates: () => ({}),
+      setState: () => {
+      },
+      getContext: () => {
+      },
+      getContexts: () => {
+      },
+      getCache: () => {
+      },
+      getCaches: () => {
+      },
+      setCache: () => {
+      },
+      stopPropagation: () => {
+      },
+      persistEvent: () => {
+      }
+    }, m = new k(y);
+    C(() => {
+      m.init(), n && r === -1 && (r = n.registerItem(
+        t,
+        s.min ?? "",
+        s.max ?? "",
+        s.defaultSize ?? "auto",
+        p,
+        v,
+        h
+      ), i = n.direction);
+    }), S(() => {
+      m.destroy();
+    }), E(
+      () => n == null ? void 0 : n.direction,
+      (e) => {
+        if (e && i && e !== i && t.value)
+          if (i = e, e === "horizontal") {
+            const o = t.value.style.height;
+            t.value.style.width = o, t.value.style.removeProperty("height");
+          } else {
+            const o = t.value.style.width;
+            t.value.style.height = o, t.value.style.removeProperty("width");
+          }
+      }
+    );
+    const g = d(() => w(s.className, `${c.PREFIX}-item`, {
+      [`${c.PREFIX}-item-resizing`]: a.value
+    })), z = d(() => s.style || {});
+    return (e, o) => (F(), P("div", {
+      ref_key: "itemRef",
+      ref: t,
+      class: x(g.value),
+      style: I(z.value)
+    }, [
+      _(e.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  M as default
+};
+//# sourceMappingURL=ResizeItem.vue.js.map

package/lib/es/components/resizable/group/ResizeItem.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeItem.vue.js","sources":["../../../../../src/components/resizable/group/ResizeItem.vue"],"sourcesContent":["<template>\n    <div ref=\"itemRef\" :class=\"itemCls\" :style=\"itemStyle\">\n        <slot></slot>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted, watch } from 'vue';\nimport type { Ref } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/resizable/constants';\nimport { ResizeItemFoundation, type ResizeItemAdapter } from '@douyinfe/semi-foundation/resizable/foundation';\nimport type { ResizeCallback, ResizeStartCallback } from '@douyinfe/semi-foundation/resizable/types';\nimport { useResizeContext } from './resizeContext';\nimport '../resizable.scss';\n\ndefineOptions({\n    name: 'SemiResizeItem',\n});\n\ninterface ResizeItemProps {\n    style?: CSSProperties;\n    className?: string;\n    min?: string;\n    max?: string;\n    defaultSize?: string | number;\n    onResizeStart?: ResizeStartCallback;\n    onChange?: ResizeCallback;\n    onResizeEnd?: ResizeCallback;\n}\n\nconst props = withDefaults(defineProps<ResizeItemProps>(), {\n    onResizeStart: () => {},\n    onChange: () => {},\n    onResizeEnd: () => {},\n});\n\nconst itemRef = ref<HTMLDivElement>();\nconst context = useResizeContext();\nlet itemIndex = -1;\nlet direction: 'horizontal' | 'vertical' | undefined;\nconst isResizing = ref(false);\n\nconst handleResizeStart = (e: MouseEvent | Touch, dir: any) => {\n    // 立即禁用过渡，确保拖拽时响应流畅\n    isResizing.value = true;\n    if (itemRef.value) {\n        itemRef.value.style.transition = 'none';\n    }\n    if (props.onResizeStart) {\n        props.onResizeStart(e, dir);\n    }\n};\n\nconst handleChange = (size: any, event: any, direction: any) => {\n    props.onChange!(size, event, direction);\n};\n\nconst handleResizeEnd = (size: any, event: any, direction: any) => {\n    if (props.onResizeEnd) {\n        props.onResizeEnd(size, event, direction);\n    }\n    // 延迟恢复过渡效果，确保 Foundation 完成所有 DOM 操作后再恢复\n    // 使用 setTimeout 确保在 ensureConstraint 等后续操作完成后再恢复 transition\n    setTimeout(() => {\n        // 先移除 -resizing 类，这样 CSS 中的 transition 才能生效\n        isResizing.value = false;\n        // 使用 requestAnimationFrame 确保在浏览器重绘后再移除内联样式\n        requestAnimationFrame(() => {\n            if (itemRef.value) {\n                // 移除内联的 transition，让 CSS 中的 transition 生效\n                itemRef.value.style.removeProperty('transition');\n            }\n        });\n    }, 250); // 延迟 250ms，确保 ensureConstraint 的 debounce (200ms) 完成\n};\n\nconst adapter: ResizeItemAdapter<ResizeItemProps, any> = {\n    getProp: (key: string) => (props as Record<string, unknown>)[key],\n    getProps: () => props,\n    getState: () => ({}),\n    getStates: () => ({}),\n    setState: () => {},\n    getContext: () => undefined,\n    getContexts: () => undefined,\n    getCache: () => undefined,\n    getCaches: () => undefined,\n    setCache: () => {},\n    stopPropagation: () => {},\n    persistEvent: () => {},\n};\n\nconst foundation = new ResizeItemFoundation(adapter);\n\nonMounted(() => {\n    foundation.init();\n    if (context && itemIndex === -1) {\n        itemIndex = context.registerItem(\n            itemRef as Ref<HTMLDivElement | undefined>,\n            props.min ?? '',\n            props.max ?? '',\n            props.defaultSize ?? 'auto',\n            handleResizeStart,\n            handleChange,\n            handleResizeEnd\n        );\n        direction = context.direction;\n    }\n});\n\nonUnmounted(() => {\n    foundation.destroy();\n});\n\nwatch(\n    () => context?.direction,\n    (newDirection) => {\n        if (newDirection && direction && newDirection !== direction && itemRef.value) {\n            direction = newDirection;\n            if (newDirection === 'horizontal') {\n                const newWidth = itemRef.value.style.height;\n                itemRef.value.style.width = newWidth;\n                itemRef.value.style.removeProperty('height');\n            } else {\n                const newHeight = itemRef.value.style.width;\n                itemRef.value.style.height = newHeight;\n                itemRef.value.style.removeProperty('width');\n            }\n        }\n    }\n);\n\nconst itemCls = computed(() => {\n    const cls = classNames(props.className, `${cssClasses.PREFIX}-item`, {\n        [`${cssClasses.PREFIX}-item-resizing`]: isResizing.value,\n    });\n    // 减少日志输出，只在状态变化时输出\n    // console.log('[ResizeItem] itemCls computed', {\n    //     cls,\n    //     isResizing: isResizing.value,\n    //     prefix: cssClasses.PREFIX,\n    // });\n    return cls;\n});\n\nconst itemStyle = computed(() => {\n    return props.style || {};\n});\n</script>\n"],"names":["props","__props","itemRef","ref","context","useResizeContext","itemIndex","direction","isResizing","handleResizeStart","dir","handleChange","size","event","handleResizeEnd","adapter","key","foundation","ResizeItemFoundation","onMounted","onUnmounted","watch","newDirection","newWidth","newHeight","itemCls","computed","classNames","cssClasses","itemStyle","_createElementBlock","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAMA,IAAQC,GAMRC,IAAUC,EAAA,GACVC,IAAUC,EAAA;AAChB,QAAIC,IAAY,IACZC;AACJ,UAAMC,IAAaL,EAAI,EAAK,GAEtBM,IAAoB,CAAC,GAAuBC,MAAa;AAE3D,MAAAF,EAAW,QAAQ,IACfN,EAAQ,UACRA,EAAQ,MAAM,MAAM,aAAa,SAEjCF,EAAM,iBACNA,EAAM,cAAc,GAAGU,CAAG;AAAA,IAElC,GAEMC,IAAe,CAACC,GAAWC,GAAYN,MAAmB;AAC5D,MAAAP,EAAM,SAAUY,GAAMC,GAAON,CAAS;AAAA,IAC1C,GAEMO,IAAkB,CAACF,GAAWC,GAAYN,MAAmB;AAC/D,MAAIP,EAAM,eACNA,EAAM,YAAYY,GAAMC,GAAON,CAAS,GAI5C,WAAW,MAAM;AAEb,QAAAC,EAAW,QAAQ,IAEnB,sBAAsB,MAAM;AACxB,UAAIN,EAAQ,SAERA,EAAQ,MAAM,MAAM,eAAe,YAAY;AAAA,QAEvD,CAAC;AAAA,MACL,GAAG,GAAG;AAAA,IACV,GAEMa,IAAmD;AAAA,MACrD,SAAS,CAACC,MAAiBhB,EAAkCgB,CAAG;AAAA,MAChE,UAAU,MAAMhB;AAAA,MAChB,UAAU,OAAO,CAAA;AAAA,MACjB,WAAW,OAAO,CAAA;AAAA,MAClB,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,YAAY,MAAA;AAAA;AAAA,MACZ,aAAa,MAAA;AAAA;AAAA,MACb,UAAU,MAAA;AAAA;AAAA,MACV,WAAW,MAAA;AAAA;AAAA,MACX,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,iBAAiB,MAAM;AAAA,MAAC;AAAA,MACxB,cAAc,MAAM;AAAA,MAAC;AAAA,IAAA,GAGnBiB,IAAa,IAAIC,EAAqBH,CAAO;AAEnD,IAAAI,EAAU,MAAM;AACZ,MAAAF,EAAW,KAAA,GACPb,KAAWE,MAAc,OACzBA,IAAYF,EAAQ;AAAA,QAChBF;AAAA,QACAF,EAAM,OAAO;AAAA,QACbA,EAAM,OAAO;AAAA,QACbA,EAAM,eAAe;AAAA,QACrBS;AAAA,QACAE;AAAA,QACAG;AAAA,MAAA,GAEJP,IAAYH,EAAQ;AAAA,IAE5B,CAAC,GAEDgB,EAAY,MAAM;AACd,MAAAH,EAAW,QAAA;AAAA,IACf,CAAC,GAEDI;AAAA,MACI,MAAMjB,KAAA,gBAAAA,EAAS;AAAA,MACf,CAACkB,MAAiB;AACd,YAAIA,KAAgBf,KAAae,MAAiBf,KAAaL,EAAQ;AAEnE,cADAK,IAAYe,GACRA,MAAiB,cAAc;AAC/B,kBAAMC,IAAWrB,EAAQ,MAAM,MAAM;AACrC,YAAAA,EAAQ,MAAM,MAAM,QAAQqB,GAC5BrB,EAAQ,MAAM,MAAM,eAAe,QAAQ;AAAA,UAC/C,OAAO;AACH,kBAAMsB,IAAYtB,EAAQ,MAAM,MAAM;AACtC,YAAAA,EAAQ,MAAM,MAAM,SAASsB,GAC7BtB,EAAQ,MAAM,MAAM,eAAe,OAAO;AAAA,UAC9C;AAAA,MAER;AAAA,IAAA;AAGJ,UAAMuB,IAAUC,EAAS,MACTC,EAAW3B,EAAM,WAAW,GAAG4B,EAAW,MAAM,SAAS;AAAA,MACjE,CAAC,GAAGA,EAAW,MAAM,gBAAgB,GAAGpB,EAAW;AAAA,IAAA,CACtD,CAQJ,GAEKqB,IAAYH,EAAS,MAChB1B,EAAM,SAAS,CAAA,CACzB;2BAnJG8B,EAEM,OAAA;AAAA,eAFG;AAAA,MAAJ,KAAI5B;AAAA,MAAW,SAAOuB,EAAA,KAAO;AAAA,MAAG,SAAOI,EAAA,KAAS;AAAA,IAAA;MACjDE,EAAaC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/lib/es/components/resizable/group/resizeContext.js

@@ -0,0 +1,13 @@
+import { provide as o, inject as n } from "vue";
+const e = Symbol("ResizeContext");
+function r(t) {
+  o(e, t);
+}
+function s() {
+  return n(e);
+}
+export {
+  r as provideResizeContext,
+  s as useResizeContext
+};
+//# sourceMappingURL=resizeContext.js.map

package/lib/es/components/resizable/group/resizeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizeContext.js","sources":["../../../../../src/components/resizable/group/resizeContext.ts"],"sourcesContent":["import { inject, provide, type Ref } from 'vue';\nimport type { ResizeCallback, ResizeEventType, ResizeStartCallback } from '@douyinfe/semi-foundation/resizable/types';\n\nexport interface ResizeContextProps {\n    direction: 'horizontal' | 'vertical';\n    registerItem: (\n        ref: Ref<HTMLDivElement | undefined>,\n        min: string,\n        max: string,\n        defaultSize: string | number,\n        onResizeStart: ResizeStartCallback,\n        onChange: ResizeCallback,\n        onResizeEnd: ResizeCallback\n    ) => number;\n    registerHandler: (ref: Ref<HTMLDivElement | undefined>) => number;\n    notifyResizeStart: (handlerIndex: number, e: MouseEvent | Touch, type: ResizeEventType) => void;\n    getGroupSize: () => number;\n}\n\nconst RESIZE_CONTEXT_KEY = Symbol('ResizeContext');\n\nexport function provideResizeContext(context: ResizeContextProps) {\n    provide(RESIZE_CONTEXT_KEY, context);\n}\n\nexport function useResizeContext(): ResizeContextProps | undefined {\n    return inject<ResizeContextProps>(RESIZE_CONTEXT_KEY);\n}\n"],"names":["RESIZE_CONTEXT_KEY","provideResizeContext","context","provide","useResizeContext","inject"],"mappings":";AAmBA,MAAMA,IAAqB,OAAO,eAAe;AAE1C,SAASC,EAAqBC,GAA6B;AAC9D,EAAAC,EAAQH,GAAoBE,CAAO;AACvC;AAEO,SAASE,IAAmD;AAC/D,SAAOC,EAA2BL,CAAkB;AACxD;"}

package/lib/es/components/resizeObserver/index.js

@@ -0,0 +1,5 @@
+import f from "./index.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=index.js.map

package/lib/es/components/resizeObserver/index.js.map

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

package/lib/es/components/resizeObserver/index.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent as R, useSlots as g, ref as u, onMounted as y, watch as P, onBeforeUnmount as h, renderSlot as w } from "vue";
+import { ObserverProperty as b } from "./interface.js";
+const T = /* @__PURE__ */ R({
+  __name: "index",
+  props: {
+    onResize: {},
+    observeParent: { type: Boolean, default: !1 },
+    observerProperty: { default: b.All },
+    delayTick: { default: 0 }
+  },
+  emits: ["resize"],
+  setup(p, { emit: z }) {
+    const t = p, f = z, i = g(), r = u(null), v = u(null), c = u(null), a = u(/* @__PURE__ */ new Map()), d = (n) => {
+      var o, e;
+      if (t.observerProperty === b.All)
+        (o = t.onResize) == null || o.call(t, n), f("resize", n);
+      else {
+        const s = [];
+        for (const l of n)
+          a.value.has(l.target) ? l.contentRect[t.observerProperty] !== a.value.get(l.target) && (a.value.set(l.target, l.contentRect[t.observerProperty]), s.push(l)) : (a.value.set(l.target, l.contentRect[t.observerProperty]), s.push(l));
+        s.length > 0 && ((e = t.onResize) == null || e.call(t, s), f("resize", s));
+      }
+    }, m = (n = !1) => {
+      var s;
+      const o = (s = i.default) == null ? void 0 : s.call(i);
+      if (!o || !o[0])
+        return;
+      const e = o[0].el;
+      if (e && (!r.value && globalThis.ResizeObserver && (r.value = new ResizeObserver(d)), !!r.value)) {
+        if (!(e && e instanceof Element)) {
+          r.value.disconnect();
+          return;
+        }
+        e === v.value && !n || (r.value.disconnect(), v.value = e, r.value.observe(e), t.observeParent && e.parentNode && e.parentNode.ownerDocument && e.parentNode.ownerDocument.defaultView && e.parentNode instanceof e.parentNode.ownerDocument.defaultView.HTMLElement && (c.value = e.parentNode, r.value.observe(c.value)));
+      }
+    };
+    return y(() => {
+      globalThis.ResizeObserver && (r.value = new ResizeObserver(d)), setTimeout(() => {
+        m();
+      }, 0);
+    }), P(
+      () => t.observeParent,
+      (n, o) => {
+        n !== o && m(!0);
+      }
+    ), h(() => {
+      r.value && (r.value.disconnect(), r.value = null, v.value = null);
+    }), (n, o) => w(n.$slots, "default");
+  }
+});
+export {
+  T as default
+};
+//# sourceMappingURL=index.vue.js.map

package/lib/es/components/resizeObserver/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../src/components/resizeObserver/index.vue"],"sourcesContent":["<template>\n    <slot />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, onBeforeUnmount, watch, useSlots } from 'vue';\nimport type { ResizeEntry, ReactResizeObserverProps } from './interface';\nimport { ObserverProperty } from './interface';\n\nconst props = withDefaults(defineProps<ReactResizeObserverProps>(), {\n    observeParent: false,\n    observerProperty: ObserverProperty.All,\n    delayTick: 0,\n});\n\nconst emit = defineEmits<{\n    (e: 'resize', entries: ResizeEntry[]): void;\n}>();\n\nconst slots = useSlots();\nconst observer = ref<ResizeObserver | null>(null);\nconst element = ref<Element | null>(null);\nconst parentNode = ref<HTMLElement | null>(null);\nconst formerPropertyValue = ref<Map<Element, number>>(new Map());\n\nconst handleResizeEventTriggered = (entries: ResizeEntry[]) => {\n    if (props.observerProperty === ObserverProperty.All) {\n        props.onResize?.(entries);\n        emit('resize', entries);\n    } else {\n        const finalEntries: ResizeEntry[] = [];\n        for (const entry of entries) {\n            if (formerPropertyValue.value.has(entry.target)) {\n                if (entry.contentRect[props.observerProperty] !== formerPropertyValue.value.get(entry.target)) {\n                    formerPropertyValue.value.set(entry.target, entry.contentRect[props.observerProperty]);\n                    finalEntries.push(entry);\n                }\n            } else {\n                formerPropertyValue.value.set(entry.target, entry.contentRect[props.observerProperty]);\n                finalEntries.push(entry);\n            }\n        }\n        if (finalEntries.length > 0) {\n            props.onResize?.(finalEntries);\n            emit('resize', finalEntries);\n        }\n    }\n};\n\nconst observeElement = (force = false) => {\n    // Get the first slot element\n    const slotDefault = slots.default?.();\n    if (!slotDefault || !slotDefault[0]) {\n        return;\n    }\n\n    const slotElement = slotDefault[0].el as Element;\n    if (!slotElement) {\n        return;\n    }\n\n    if (!observer.value && globalThis['ResizeObserver']) {\n        observer.value = new ResizeObserver(handleResizeEventTriggered as any);\n    }\n\n    if (!observer.value) {\n        return;\n    }\n\n    if (!(slotElement && slotElement instanceof Element)) {\n        // stop everything if not defined\n        observer.value.disconnect();\n        return;\n    }\n\n    if (slotElement === element.value && !force) {\n        // abort if given same element -- nothing to update (unless forced)\n        return;\n    } else {\n        // clear observer list if new element\n        observer.value.disconnect();\n        // remember element reference for next time\n        element.value = slotElement;\n    }\n\n    // observer callback is invoked immediately when observing new elements\n    observer.value.observe(slotElement);\n\n    if (\n        props.observeParent &&\n        slotElement.parentNode &&\n        slotElement.parentNode.ownerDocument &&\n        slotElement.parentNode.ownerDocument.defaultView &&\n        slotElement.parentNode instanceof slotElement.parentNode.ownerDocument.defaultView.HTMLElement\n    ) {\n        parentNode.value = slotElement.parentNode;\n        observer.value.observe(parentNode.value);\n    }\n};\n\nonMounted(() => {\n    if (globalThis['ResizeObserver']) {\n        observer.value = new ResizeObserver(handleResizeEventTriggered as any);\n    }\n    // Need to delay to ensure slot elements are rendered\n    setTimeout(() => {\n        observeElement();\n    }, 0);\n});\n\nwatch(\n    () => props.observeParent,\n    (newVal, oldVal) => {\n        if (newVal !== oldVal) {\n            observeElement(true);\n        }\n    }\n);\n\nonBeforeUnmount(() => {\n    if (observer.value) {\n        observer.value.disconnect();\n        observer.value = null;\n        element.value = null;\n    }\n});\n</script>\n"],"names":["props","__props","emit","__emit","slots","useSlots","observer","ref","element","parentNode","formerPropertyValue","handleResizeEventTriggered","entries","ObserverProperty","_a","finalEntries","entry","_b","observeElement","force","slotDefault","slotElement","onMounted","watch","newVal","oldVal","onBeforeUnmount","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;AASA,UAAMA,IAAQC,GAMRC,IAAOC,GAIPC,IAAQC,EAAA,GACRC,IAAWC,EAA2B,IAAI,GAC1CC,IAAUD,EAAoB,IAAI,GAClCE,IAAaF,EAAwB,IAAI,GACzCG,IAAsBH,EAA0B,oBAAI,KAAK,GAEzDI,IAA6B,CAACC,MAA2B;;AAC3D,UAAIZ,EAAM,qBAAqBa,EAAiB;AAC5C,SAAAC,IAAAd,EAAM,aAAN,QAAAc,EAAA,KAAAd,GAAiBY,IACjBV,EAAK,UAAUU,CAAO;AAAA,WACnB;AACH,cAAMG,IAA8B,CAAA;AACpC,mBAAWC,KAASJ;AAChB,UAAIF,EAAoB,MAAM,IAAIM,EAAM,MAAM,IACtCA,EAAM,YAAYhB,EAAM,gBAAgB,MAAMU,EAAoB,MAAM,IAAIM,EAAM,MAAM,MACxFN,EAAoB,MAAM,IAAIM,EAAM,QAAQA,EAAM,YAAYhB,EAAM,gBAAgB,CAAC,GACrFe,EAAa,KAAKC,CAAK,MAG3BN,EAAoB,MAAM,IAAIM,EAAM,QAAQA,EAAM,YAAYhB,EAAM,gBAAgB,CAAC,GACrFe,EAAa,KAAKC,CAAK;AAG/B,QAAID,EAAa,SAAS,OACtBE,IAAAjB,EAAM,aAAN,QAAAiB,EAAA,KAAAjB,GAAiBe,IACjBb,EAAK,UAAUa,CAAY;AAAA,MAEnC;AAAA,IACJ,GAEMG,IAAiB,CAACC,IAAQ,OAAU;;AAEtC,YAAMC,KAAcN,IAAAV,EAAM,YAAN,gBAAAU,EAAA,KAAAV;AACpB,UAAI,CAACgB,KAAe,CAACA,EAAY,CAAC;AAC9B;AAGJ,YAAMC,IAAcD,EAAY,CAAC,EAAE;AACnC,UAAKC,MAID,CAACf,EAAS,SAAS,WAAW,mBAC9BA,EAAS,QAAQ,IAAI,eAAeK,CAAiC,IAGrE,EAACL,EAAS,QAId;AAAA,YAAI,EAAEe,KAAeA,aAAuB,UAAU;AAElD,UAAAf,EAAS,MAAM,WAAA;AACf;AAAA,QACJ;AAEA,QAAIe,MAAgBb,EAAQ,SAAS,CAACW,MAKlCb,EAAS,MAAM,WAAA,GAEfE,EAAQ,QAAQa,GAIpBf,EAAS,MAAM,QAAQe,CAAW,GAG9BrB,EAAM,iBACNqB,EAAY,cACZA,EAAY,WAAW,iBACvBA,EAAY,WAAW,cAAc,eACrCA,EAAY,sBAAsBA,EAAY,WAAW,cAAc,YAAY,gBAEnFZ,EAAW,QAAQY,EAAY,YAC/Bf,EAAS,MAAM,QAAQG,EAAW,KAAK;AAAA;AAAA,IAE/C;AAEA,WAAAa,EAAU,MAAM;AACZ,MAAI,WAAW,mBACXhB,EAAS,QAAQ,IAAI,eAAeK,CAAiC,IAGzE,WAAW,MAAM;AACb,QAAAO,EAAA;AAAA,MACJ,GAAG,CAAC;AAAA,IACR,CAAC,GAEDK;AAAA,MACI,MAAMvB,EAAM;AAAA,MACZ,CAACwB,GAAQC,MAAW;AAChB,QAAID,MAAWC,KACXP,EAAe,EAAI;AAAA,MAE3B;AAAA,IAAA,GAGJQ,EAAgB,MAAM;AAClB,MAAIpB,EAAS,UACTA,EAAS,MAAM,WAAA,GACfA,EAAS,QAAQ,MACjBE,EAAQ,QAAQ;AAAA,IAExB,CAAC,aA5HGmB,EAAQC,EAAA,QAAA,SAAA;AAAA;;"}

package/lib/es/components/resizeObserver/interface.js

@@ -0,0 +1,5 @@
+var i = /* @__PURE__ */ ((h) => (h.Width = "width", h.Height = "height", h.All = "all", h))(i || {});
+export {
+  i as ObserverProperty
+};
+//# sourceMappingURL=interface.js.map

package/lib/es/components/resizeObserver/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sources":["../../../../src/components/resizeObserver/interface.ts"],"sourcesContent":["/** A parallel type to `ResizeObserverEntry` (from resize-observer-polyfill). */\nexport interface ResizeEntry {\n    contentRect: DOMRectReadOnly;\n    target: Element;\n}\n\nexport enum ObserverProperty {\n    Width = 'width',\n    Height = 'height',\n    All = 'all',\n}\n\nexport interface ReactResizeObserverProps {\n    onResize?: (entries: ResizeEntry[]) => void;\n    observeParent?: boolean;\n    observerProperty?: ObserverProperty;\n    delayTick?: number;\n}\n"],"names":["ObserverProperty"],"mappings":"AAMO,IAAKA,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,MAAM,OAHEA,IAAAA,KAAA,CAAA,CAAA;"}

package/lib/es/components/scrollList/ScrollItem.vue.js

@@ -0,0 +1,241 @@
+import { defineComponent as ne, ref as I, computed as h, onMounted as re, nextTick as $, onUnmounted as ce, watch as ie, createElementBlock as f, openBlock as p, normalizeStyle as O, normalizeClass as m, createElementVNode as g, Fragment as S, renderList as L, toDisplayString as k, unref as de } from "vue";
+import b from "classnames";
+import { throttle as ue, debounce as fe } from "lodash-es";
+import { cssClasses as c, numbers as y } from "@douyinfe/semi-foundation/scrollList/constants";
+import pe from "@douyinfe/semi-foundation/scrollList/itemFoundation";
+import me from "@douyinfe/semi-foundation/scrollList/scrollTo";
+import { useBaseComponent as ve } from "../_utils/useBaseComponent.js";
+const he = ["aria-label"], Ie = ["aria-disabled"], be = ["aria-disabled"], Ne = ["aria-disabled"], ge = ["aria-label"], Re = ["aria-disabled", "onClick"], B = 1e3 / 60, H = "wheel", Se = /* @__PURE__ */ ne({
+  __name: "ScrollItem",
+  props: {
+    mode: { default: "wheel" },
+    cycled: { type: Boolean, default: !1 },
+    list: { default: () => [] },
+    selectedIndex: { default: 0 },
+    transform: {},
+    className: {},
+    motion: { type: [Boolean, Function, Object], default: !0 },
+    style: {},
+    type: {},
+    "aria-label": {}
+  },
+  emits: ["select"],
+  setup(R, { expose: M, emit: z }) {
+    const o = R, W = z, d = I(null), a = I(null), _ = I(null), v = I(0), N = I(0), A = I(null), w = I(null);
+    let C = null;
+    const T = () => o.mode === H, j = h(() => b(`${c.PREFIX}-item-wheel`, o.className)), q = h(() => b(`${c.PREFIX}-item`, o.className)), G = h(
+      () => b(`${c.PREFIX}-list-outer`, {
+        [`${c.PREFIX}-list-outer-nocycle`]: !o.cycled
+      })
+    ), V = h(() => b(`${c.PREFIX}-selector`)), J = h(() => b(`${c.PREFIX}-shade`, `${c.PREFIX}-shade-pre`)), K = h(() => b(`${c.PREFIX}-shade`, `${c.PREFIX}-shade-post`)), Q = h(() => {
+      if (v.value <= 0) return [];
+      const l = [];
+      for (let s = 0; s < v.value; s++) {
+        const e = o.list.length - 1 - s % o.list.length;
+        l.unshift({ item: o.list[e], index: e });
+      }
+      return l;
+    }), Y = h(() => {
+      if (N.value <= 0) return [];
+      const l = [];
+      for (let s = 0; s < N.value; s++) {
+        const e = s % o.list.length;
+        l.push({ item: o.list[e], index: e });
+      }
+      return l;
+    }), { adapter: Z } = ve(o, {}), ee = {
+      ...Z,
+      setPrependCount: (l) => {
+        v.value = l;
+      },
+      setAppendCount: (l) => {
+        N.value = l;
+      },
+      setSelectedNode: (l) => {
+        w.value = l;
+      },
+      isDisabledIndex: (l) => {
+        if (o.list && o.list.length && l > -1) {
+          const s = o.list.length, e = l % s, t = o.list[e];
+          return t && t.disabled;
+        }
+        return !1;
+      },
+      notifySelectItem: (l) => {
+        W("select", l);
+      },
+      scrollToCenter: (l, s, e) => {
+        te(l, s, e);
+      }
+    }, n = new pe(ee), E = (l, s) => s === o.selectedIndex && typeof o.transform == "function" ? o.transform(l.value, l.text || "") : l.text == null ? l.value : l.text, x = (l, s) => {
+      const e = s === o.selectedIndex;
+      return b({
+        [`${c.PREFIX}-item-sel`]: e && !T(),
+        [`${c.PREFIX}-item-disabled`]: l.disabled
+      });
+    }, le = (l) => l && l.offsetHeight || y.DEFAULT_ITEM_HEIGHT, D = (l, s = y.DEFAULT_SCROLL_DURATION) => {
+      const e = d.value;
+      if (e)
+        if (s && o.motion)
+          if (C && C.destroy(), Math.abs(e.scrollTop - l) < 1) {
+            if (T()) {
+              const t = n.getNearestNodeInfo(a.value, _.value);
+              t && t.nearestNode && X(t.nearestNode);
+            }
+          } else
+            C = me(e, l, s), C.on("rest", () => {
+              if (T()) {
+                const t = n.getNearestNodeInfo(a.value, _.value);
+                t && t.nearestNode && X(t.nearestNode);
+              }
+            }), C.start();
+        else
+          e.scrollTop = l;
+    }, F = (l, s) => {
+      const e = d.value, t = a.value;
+      if (!e || !t) return;
+      const i = e.offsetHeight, r = le(l), u = (l.offsetTop || t.children.length * r / 2) - (i - r) / 2;
+      D(u, s);
+    }, te = (l, s, e) => {
+      const t = l || A.value, i = s || d.value;
+      if (t && i) {
+        const r = i.getBoundingClientRect(), u = t.getBoundingClientRect(), ae = i.scrollTop + (u.top - (r.top + r.height / 2 - u.height / 2));
+        D(ae, typeof e == "number" ? e : y.DEFAULT_SCROLL_DURATION);
+      }
+    }, X = (l, s = c.SELECTED) => {
+      const e = a.value;
+      if (!l || !e) return;
+      const t = e.children, i = new RegExp(`\\s*${s}\\s*`, "g");
+      for (let r = 0; r < t.length; r++) {
+        const u = t[r];
+        u.className = u.className && u.className.replace(i, " "), u.className.trim() || (u.className = "");
+      }
+      l.className && l.className.trim() ? l.className += ` ${s}` : l.className = s;
+    }, U = ue((l, s) => {
+      if (!d.value || !a.value) return;
+      const e = n.shouldPrepend(a.value, d.value), t = n.shouldAppend(a.value, d.value);
+      e !== v.value && (v.value = e), t !== !1 && t !== N.value && (N.value = t);
+    }, B), P = fe((l, s) => {
+      s && (A.value = s, n.selectNode(s, a.value));
+    }, B * 2), se = (l) => {
+      if (!T()) return;
+      const s = n.getNearestNodeInfo(a.value, _.value);
+      if (!s) return;
+      const { nearestNode: e } = s;
+      o.cycled && U(l, e), P(l, e);
+    }, oe = (l) => {
+      l && l.stopPropagation();
+      const { targetNode: s, infoInList: e } = n.getTargetNode(l, a.value);
+      s && e && !e.disabled && P(null, s);
+    };
+    return re(() => {
+      n.init();
+      const { mode: l, cycled: s, selectedIndex: e } = o;
+      $(() => {
+        if (!a.value) return;
+        let t = null;
+        if (e > -1 && a.value.children.length > e ? t = a.value.children[e] : t = a.value.children[0], t)
+          if (A.value = t, w.value = t, l === H && s) {
+            const i = n.shouldPrepend(a.value, d.value), r = n.shouldAppend(a.value, d.value);
+            v.value = typeof i == "number" ? i : 0, N.value = typeof r == "number" ? r : 0, $(() => {
+              F(t, 0);
+            });
+          } else
+            F(t, 0);
+      });
+    }), ce(() => {
+      n.destroy(), U.cancel(), P.cancel();
+    }), ie(
+      () => o.selectedIndex,
+      (l, s) => {
+        l !== s && $(() => {
+          if (!a.value) return;
+          const e = a.value.querySelectorAll("li"), t = l + v.value;
+          e[t] && F(e[t], y.DEFAULT_SCROLL_DURATION);
+        });
+      }
+    ), M({
+      scrollToIndex: (l) => {
+        if (!a.value) return;
+        const s = a.value.querySelectorAll("li"), e = l + v.value;
+        s[e] && F(s[e], y.DEFAULT_SCROLL_DURATION);
+      }
+    }), (l, s) => T() ? (p(), f("div", {
+      key: 0,
+      class: m(j.value),
+      style: O(R.style)
+    }, [
+      g("div", {
+        class: m(J.value)
+      }, null, 2),
+      g("div", {
+        ref_key: "selectorRef",
+        ref: _,
+        class: m(V.value)
+      }, null, 2),
+      g("div", {
+        class: m(K.value)
+      }, null, 2),
+      g("div", {
+        ref_key: "wrapperRef",
+        ref: d,
+        class: m(G.value),
+        onScroll: se
+      }, [
+        g("ul", {
+          ref_key: "listRef",
+          ref: a,
+          role: "listbox",
+          "aria-label": o["aria-label"],
+          "aria-multiselectable": "false",
+          onClick: oe
+        }, [
+          (p(!0), f(S, null, L(Q.value, (e, t) => (p(), f("li", {
+            key: `pre_${t}`,
+            class: m(x(e.item, e.index)),
+            role: "option",
+            "aria-disabled": e.item.disabled
+          }, k(E(e.item, e.index)), 11, Ie))), 128)),
+          (p(!0), f(S, null, L(R.list, (e, t) => (p(), f("li", {
+            key: t,
+            class: m(x(e, t)),
+            role: "option",
+            "aria-disabled": e.disabled
+          }, k(E(e, t)), 11, be))), 128)),
+          (p(!0), f(S, null, L(Y.value, (e, t) => (p(), f("li", {
+            key: `app_${t}`,
+            class: m(x(e.item, e.index)),
+            role: "option",
+            "aria-disabled": e.item.disabled
+          }, k(E(e.item, e.index)), 11, Ne))), 128))
+        ], 8, he)
+      ], 34)
+    ], 6)) : (p(), f("div", {
+      key: 1,
+      ref_key: "wrapperRef",
+      ref: d,
+      style: O(R.style),
+      class: m(q.value)
+    }, [
+      g("ul", {
+        ref_key: "listRef",
+        ref: a,
+        role: "listbox",
+        "aria-multiselectable": "false",
+        "aria-label": o["aria-label"]
+      }, [
+        (p(!0), f(S, null, L(R.list, (e, t) => (p(), f("li", {
+          key: t,
+          class: m(x(e, t)),
+          role: "option",
+          "aria-disabled": e.disabled,
+          onClick: (i) => e.disabled ? null : de(n).selectIndex(t, a.value)
+        }, k(E(e, t)), 11, Re))), 128))
+      ], 8, ge)
+    ], 6));
+  }
+});
+export {
+  Se as default
+};
+//# sourceMappingURL=ScrollItem.vue.js.map

package/lib/es/components/scrollList/ScrollItem.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollItem.vue.js","sources":["../../../../src/components/scrollList/ScrollItem.vue"],"sourcesContent":["<template>\n    <div v-if=\"isWheelMode()\" :class=\"wrapperCls\" :style=\"style\">\n        <div :class=\"preShadeCls\" />\n        <div ref=\"selectorRef\" :class=\"selectorCls\" />\n        <div :class=\"postShadeCls\" />\n        <div ref=\"wrapperRef\" :class=\"listWrapperCls\" @scroll=\"scrollToSelectItem\">\n            <ul\n                ref=\"listRef\"\n                role=\"listbox\"\n                :aria-label=\"props['aria-label']\"\n                aria-multiselectable=\"false\"\n                @click=\"clickToSelectItem\"\n            >\n                <li\n                    v-for=\"(entry, i) in prependList\"\n                    :key=\"`pre_${i}`\"\n                    :class=\"getItemClass(entry.item, entry.index)\"\n                    role=\"option\"\n                    :aria-disabled=\"entry.item.disabled\"\n                >\n                    {{ getItemText(entry.item, entry.index) }}\n                </li>\n                <li\n                    v-for=\"(item, index) in list\"\n                    :key=\"index\"\n                    :class=\"getItemClass(item, index)\"\n                    role=\"option\"\n                    :aria-disabled=\"item.disabled\"\n                >\n                    {{ getItemText(item, index) }}\n                </li>\n                <li\n                    v-for=\"(entry, i) in appendList\"\n                    :key=\"`app_${i}`\"\n                    :class=\"getItemClass(entry.item, entry.index)\"\n                    role=\"option\"\n                    :aria-disabled=\"entry.item.disabled\"\n                >\n                    {{ getItemText(entry.item, entry.index) }}\n                </li>\n            </ul>\n        </div>\n    </div>\n    <div v-else ref=\"wrapperRef\" :style=\"style\" :class=\"normalWrapperCls\">\n        <ul ref=\"listRef\" role=\"listbox\" aria-multiselectable=\"false\" :aria-label=\"props['aria-label']\">\n            <li\n                v-for=\"(item, index) in list\"\n                :key=\"index\"\n                :class=\"getItemClass(item, index)\"\n                role=\"option\"\n                :aria-disabled=\"item.disabled\"\n                @click=\"!item.disabled ? foundation.selectIndex(index, listRef) : null\"\n            >\n                {{ getItemText(item, index) }}\n            </li>\n        </ul>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted, watch, nextTick, type CSSProperties } from 'vue';\nimport classnames from 'classnames';\nimport { debounce, throttle } from 'lodash-es';\nimport { cssClasses, numbers, strings } from '@douyinfe/semi-foundation/scrollList/constants';\nimport ItemFoundation, { type ScrollItemAdapter, type Item } from '@douyinfe/semi-foundation/scrollList/itemFoundation';\nimport animatedScrollTo from '@douyinfe/semi-foundation/scrollList/scrollTo';\nimport { useBaseComponent } from '../_utils/useBaseComponent';\n\ninterface ScrollItemProps {\n    mode?: string;\n    cycled?: boolean;\n    list?: Item[];\n    selectedIndex?: number;\n    transform?: (value: any, text: string) => string;\n    className?: string;\n    motion?: boolean | (() => void) | Record<string, any>;\n    style?: CSSProperties;\n    type?: string | number;\n    'aria-label'?: string;\n}\n\nconst props = withDefaults(defineProps<ScrollItemProps>(), {\n    selectedIndex: 0,\n    motion: true,\n    list: () => [],\n    cycled: false,\n    mode: 'wheel',\n});\n\nconst emit = defineEmits<{\n    (e: 'select', data: Item): void;\n}>();\n\nconst msPerFrame = 1000 / 60;\nconst wheelMode = 'wheel';\n\n// Refs\nconst wrapperRef = ref<HTMLElement | null>(null);\nconst listRef = ref<HTMLElement | null>(null);\nconst selectorRef = ref<HTMLElement | null>(null);\n\n// State\nconst prependCount = ref(0);\nconst appendCount = ref(0);\nconst selectedNode = ref<HTMLElement | null>(null);\nconst willSelectNode = ref<HTMLElement | null>(null);\n\nlet scrollAnimation: any = null;\n\n// Computed\nconst isWheelMode = () => props.mode === wheelMode;\n\nconst wrapperCls = computed(() => classnames(`${cssClasses.PREFIX}-item-wheel`, props.className));\nconst normalWrapperCls = computed(() => classnames(`${cssClasses.PREFIX}-item`, props.className));\nconst listWrapperCls = computed(() =>\n    classnames(`${cssClasses.PREFIX}-list-outer`, {\n        [`${cssClasses.PREFIX}-list-outer-nocycle`]: !props.cycled,\n    })\n);\nconst selectorCls = computed(() => classnames(`${cssClasses.PREFIX}-selector`));\nconst preShadeCls = computed(() => classnames(`${cssClasses.PREFIX}-shade`, `${cssClasses.PREFIX}-shade-pre`));\nconst postShadeCls = computed(() => classnames(`${cssClasses.PREFIX}-shade`, `${cssClasses.PREFIX}-shade-post`));\n\nconst prependList = computed(() => {\n    if (prependCount.value <= 0) return [];\n    const result: { item: Item; index: number }[] = [];\n    for (let i = 0; i < prependCount.value; i++) {\n        const index = props.list.length - 1 - (i % props.list.length);\n        result.unshift({ item: props.list[index], index });\n    }\n    return result;\n});\n\nconst appendList = computed(() => {\n    if (appendCount.value <= 0) return [];\n    const result: { item: Item; index: number }[] = [];\n    for (let i = 0; i < appendCount.value; i++) {\n        const index = i % props.list.length;\n        result.push({ item: props.list[index], index });\n    }\n    return result;\n});\n\n// Adapter\nconst { adapter: baseAdapter } = useBaseComponent(props, {});\nconst adapter: ScrollItemAdapter = {\n    ...baseAdapter,\n    setPrependCount: (count: number) => {\n        prependCount.value = count;\n    },\n    setAppendCount: (count: number) => {\n        appendCount.value = count;\n    },\n    setSelectedNode: (node: HTMLElement) => {\n        willSelectNode.value = node;\n    },\n    isDisabledIndex: (index: number) => {\n        if (props.list && props.list.length && index > -1) {\n            const size = props.list.length;\n            const indexInData = index % size;\n            const data = props.list[indexInData];\n            return data && data.disabled;\n        }\n        return false;\n    },\n    notifySelectItem: (data: Item) => {\n        emit('select', data);\n    },\n    scrollToCenter: (node: Element, scrollWrapper?: Element, duration?: number) => {\n        scrollToCenter(node as HTMLElement, scrollWrapper as HTMLElement, duration);\n    },\n};\n\nconst foundation = new ItemFoundation(adapter);\n\n// Methods\nconst getItemText = (item: Item, index: number) => {\n    const selected = index === props.selectedIndex;\n    if (selected && typeof props.transform === 'function') {\n        return props.transform(item.value, item.text || '');\n    }\n    return item.text == null ? item.value : item.text;\n};\n\nconst getItemClass = (item: Item, index: number) => {\n    const selected = index === props.selectedIndex;\n    return classnames({\n        [`${cssClasses.PREFIX}-item-sel`]: selected && !isWheelMode(),\n        [`${cssClasses.PREFIX}-item-disabled`]: item.disabled,\n    });\n};\n\nconst getItmHeight = (itm: HTMLElement) => (itm && itm.offsetHeight) || numbers.DEFAULT_ITEM_HEIGHT;\n\nconst scrollToPos = (targetTop: number, duration = numbers.DEFAULT_SCROLL_DURATION) => {\n    const wrapper = wrapperRef.value;\n    if (!wrapper) return;\n\n    if (duration && props.motion) {\n        if (scrollAnimation) {\n            scrollAnimation.destroy();\n        }\n\n        if (Math.abs(wrapper.scrollTop - targetTop) < 1) {\n            if (isWheelMode()) {\n                const nodeInfo = foundation.getNearestNodeInfo(listRef.value, selectorRef.value);\n                if (nodeInfo && nodeInfo.nearestNode) {\n                    addClassToNode(nodeInfo.nearestNode);\n                }\n            }\n        } else {\n            scrollAnimation = animatedScrollTo(wrapper, targetTop, duration);\n            scrollAnimation.on('rest', () => {\n                if (isWheelMode()) {\n                    const nodeInfo = foundation.getNearestNodeInfo(listRef.value, selectorRef.value);\n                    if (nodeInfo && nodeInfo.nearestNode) {\n                        addClassToNode(nodeInfo.nearestNode);\n                    }\n                }\n            });\n            scrollAnimation.start();\n        }\n    } else {\n        wrapper.scrollTop = targetTop;\n    }\n};\n\nconst scrollToNode = (node: HTMLElement, duration: number) => {\n    const wrapper = wrapperRef.value;\n    const list = listRef.value;\n    if (!wrapper || !list) return;\n\n    const wrapperHeight = wrapper.offsetHeight;\n    const itemHeight = getItmHeight(node);\n    const targetTop = (node.offsetTop || (list.children.length * itemHeight) / 2) - (wrapperHeight - itemHeight) / 2;\n\n    scrollToPos(targetTop, duration);\n};\n\nconst scrollToCenter = (node: HTMLElement, scrollWrapper?: HTMLElement, duration?: number) => {\n    const targetNode = node || selectedNode.value;\n    const wrapper = scrollWrapper || wrapperRef.value;\n\n    if (targetNode && wrapper) {\n        const scrollRect = wrapper.getBoundingClientRect();\n        const selectedRect = targetNode.getBoundingClientRect();\n\n        const targetTop =\n            wrapper.scrollTop + (selectedRect.top - (scrollRect.top + scrollRect.height / 2 - selectedRect.height / 2));\n\n        scrollToPos(targetTop, typeof duration === 'number' ? duration : numbers.DEFAULT_SCROLL_DURATION);\n    }\n};\n\nconst addClassToNode = (node: HTMLElement, selectedCls = cssClasses.SELECTED) => {\n    const list = listRef.value;\n    if (!node || !list) return;\n\n    const children = list.children;\n    const reg = new RegExp(`\\\\s*${selectedCls}\\\\s*`, 'g');\n\n    for (let i = 0; i < children.length; i++) {\n        const child = children[i] as HTMLElement;\n        child.className = child.className && child.className.replace(reg, ' ');\n        if (!child.className.trim()) {\n            child.className = '';\n        }\n    }\n\n    if (node.className && node.className.trim()) {\n        node.className += ` ${selectedCls}`;\n    } else {\n        node.className = selectedCls;\n    }\n};\n\n// Event Handlers\nconst throttledAdjustList = throttle((e, nearestNode) => {\n    if (!wrapperRef.value || !listRef.value) return;\n\n    const prependCnt = foundation.shouldPrepend(listRef.value, wrapperRef.value);\n    const appendCnt = foundation.shouldAppend(listRef.value, wrapperRef.value);\n\n    if (prependCnt !== prependCount.value) {\n        prependCount.value = prependCnt;\n    }\n    if (appendCnt !== false && appendCnt !== appendCount.value) {\n        appendCount.value = appendCnt;\n    }\n}, msPerFrame);\n\nconst debouncedSelect = debounce((e, nearestNode) => {\n    if (nearestNode) {\n        selectedNode.value = nearestNode;\n        foundation.selectNode(nearestNode, listRef.value);\n    }\n}, msPerFrame * 2);\n\nconst scrollToSelectItem = (e: Event) => {\n    if (!isWheelMode()) return;\n\n    const nodeInfo = foundation.getNearestNodeInfo(listRef.value, selectorRef.value);\n    if (!nodeInfo) return;\n\n    const { nearestNode } = nodeInfo;\n\n    if (props.cycled) {\n        throttledAdjustList(e, nearestNode);\n    }\n\n    debouncedSelect(e, nearestNode);\n};\n\nconst clickToSelectItem = (e: MouseEvent) => {\n    if (e) {\n        e.stopPropagation();\n    }\n    const { targetNode: node, infoInList } = foundation.getTargetNode(e, listRef.value);\n\n    if (node && infoInList && !infoInList.disabled) {\n        debouncedSelect(null, node);\n    }\n};\n\n// Lifecycle\nonMounted(() => {\n    foundation.init();\n\n    const { mode, cycled, selectedIndex } = props;\n\n    nextTick(() => {\n        if (!listRef.value) return;\n\n        let targetNode: HTMLElement | null = null;\n        if (selectedIndex > -1 && listRef.value.children.length > selectedIndex) {\n            targetNode = listRef.value.children[selectedIndex] as HTMLElement;\n        } else {\n            targetNode = listRef.value.children[0] as HTMLElement;\n        }\n\n        if (targetNode) {\n            selectedNode.value = targetNode;\n            willSelectNode.value = targetNode;\n\n            if (mode === wheelMode && cycled) {\n                const prependCnt = foundation.shouldPrepend(listRef.value, wrapperRef.value);\n                const appendCnt = foundation.shouldAppend(listRef.value, wrapperRef.value);\n                prependCount.value = typeof prependCnt === 'number' ? prependCnt : 0;\n                appendCount.value = typeof appendCnt === 'number' ? appendCnt : 0;\n\n                nextTick(() => {\n                    scrollToNode(targetNode as HTMLElement, 0);\n                });\n            } else {\n                scrollToNode(targetNode, 0);\n            }\n        }\n    });\n});\n\nonUnmounted(() => {\n    foundation.destroy();\n    throttledAdjustList.cancel();\n    debouncedSelect.cancel();\n});\n\nwatch(\n    () => props.selectedIndex,\n    (newIndex, oldIndex) => {\n        if (newIndex !== oldIndex) {\n            nextTick(() => {\n                if (!listRef.value) return;\n\n                const items = listRef.value.querySelectorAll('li');\n                const realIndex = newIndex + prependCount.value;\n                if (items[realIndex]) {\n                    scrollToNode(items[realIndex] as HTMLElement, numbers.DEFAULT_SCROLL_DURATION);\n                }\n            });\n        }\n    }\n);\n\ndefineExpose({\n    scrollToIndex: (index: number) => {\n        if (!listRef.value) return;\n        const items = listRef.value.querySelectorAll('li');\n        const realIndex = index + prependCount.value;\n        if (items[realIndex]) {\n            scrollToNode(items[realIndex] as HTMLElement, numbers.DEFAULT_SCROLL_DURATION);\n        }\n    },\n});\n</script>\n"],"names":["msPerFrame","wheelMode","props","__props","emit","__emit","wrapperRef","ref","listRef","selectorRef","prependCount","appendCount","selectedNode","willSelectNode","scrollAnimation","isWheelMode","wrapperCls","computed","classnames","cssClasses","normalWrapperCls","listWrapperCls","selectorCls","preShadeCls","postShadeCls","prependList","result","i","index","appendList","baseAdapter","useBaseComponent","adapter","count","node","size","indexInData","data","scrollWrapper","duration","scrollToCenter","foundation","ItemFoundation","getItemText","item","getItemClass","selected","getItmHeight","itm","numbers","scrollToPos","targetTop","wrapper","nodeInfo","addClassToNode","animatedScrollTo","scrollToNode","list","wrapperHeight","itemHeight","targetNode","scrollRect","selectedRect","selectedCls","children","reg","child","throttledAdjustList","throttle","e","nearestNode","prependCnt","appendCnt","debouncedSelect","debounce","scrollToSelectItem","clickToSelectItem","infoInList","onMounted","mode","cycled","selectedIndex","nextTick","onUnmounted","watch","newIndex","oldIndex","items","realIndex","__expose","_createElementBlock","_createElementVNode","_openBlock","_Fragment","_renderList","entry","_normalizeClass","_toDisplayString","_hoisted_2","_hoisted_3","_hoisted_4","$event","_unref","_hoisted_6"],"mappings":"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"}

package/lib/es/components/scrollList/ScrollList.vue.js

@@ -0,0 +1,75 @@
+import { defineComponent as C, computed as m, createElementBlock as s, openBlock as o, mergeProps as N, unref as $, createCommentVNode as n, createElementVNode as l, normalizeClass as a, createBlock as d, isVNode as c, resolveDynamicComponent as f, Fragment as u, createTextVNode as h, toDisplayString as y, normalizeStyle as b, renderSlot as H } from "vue";
+import p from "classnames";
+import { cssClasses as x } from "@douyinfe/semi-foundation/scrollList/constants";
+import B from "@douyinfe/semi-foundation/scrollList/foundation";
+import { useBaseComponent as E } from "../_utils/useBaseComponent.js";
+const F = ["x-semi-prop"], S = ["x-semi-prop"], X = /* @__PURE__ */ C({
+  __name: "ScrollList",
+  props: {
+    header: {},
+    footer: {},
+    bodyHeight: {},
+    prefixCls: {},
+    className: {},
+    style: {},
+    "x-semi-header-alias": {},
+    "x-semi-footer-alias": {}
+  },
+  setup(e) {
+    const t = e, { adapter: v, getDataAttr: g } = E(t, {});
+    new B(v);
+    const r = m(
+      () => p(t.className, {
+        [t.prefixCls || x.PREFIX]: !0
+      })
+    ), i = m(
+      () => p({
+        [`${t.prefixCls || x.PREFIX}-header`]: !0
+      })
+    );
+    return (k, V) => (o(), s("div", N({
+      class: r.value,
+      style: e.style
+    }, $(g)()), [
+      e.header ? (o(), s("div", {
+        key: 0,
+        class: a(i.value)
+      }, [
+        l("div", {
+          class: a(`${i.value}-title`),
+          "x-semi-prop": t["x-semi-header-alias"] || "header"
+        }, [
+          c(e.header) ? (o(), d(f(e.header), { key: 0 })) : (o(), s(u, { key: 1 }, [
+            h(y(e.header), 1)
+          ], 64))
+        ], 10, F),
+        l("div", {
+          class: a(`${r.value}-line`)
+        }, null, 2)
+      ], 2)) : n("", !0),
+      l("div", {
+        class: a(`${r.value}-body`),
+        style: b({
+          height: t.bodyHeight ? t.bodyHeight : "",
+          flex: t.bodyHeight ? "none" : ""
+        }),
+        "x-semi-prop": "children"
+      }, [
+        H(k.$slots, "default")
+      ], 6),
+      e.footer ? (o(), s("div", {
+        key: 1,
+        class: a(`${r.value}-footer`),
+        "x-semi-prop": t["x-semi-footer-alias"] || "footer"
+      }, [
+        c(e.footer) ? (o(), d(f(e.footer), { key: 0 })) : (o(), s(u, { key: 1 }, [
+          h(y(e.footer), 1)
+        ], 64))
+      ], 10, S)) : n("", !0)
+    ], 16));
+  }
+});
+export {
+  X as default
+};
+//# sourceMappingURL=ScrollList.vue.js.map

package/lib/es/components/scrollList/ScrollList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollList.vue.js","sources":["../../../../src/components/scrollList/ScrollList.vue"],"sourcesContent":["<template>\n    <div :class=\"clsWrapper\" :style=\"style\" v-bind=\"getDataAttr()\">\n        <div v-if=\"header\" :class=\"clsHeader\">\n            <div :class=\"`${clsHeader}-title`\" :x-semi-prop=\"props['x-semi-header-alias'] || 'header'\">\n                <component :is=\"header\" v-if=\"isVNode(header)\" />\n                <template v-else>{{ header }}</template>\n            </div>\n            <div :class=\"`${clsWrapper}-line`\" />\n        </div>\n        <div\n            :class=\"`${clsWrapper}-body`\"\n            :style=\"{\n                height: props.bodyHeight ? props.bodyHeight : '',\n                flex: props.bodyHeight ? 'none' : '',\n            }\"\n            x-semi-prop=\"children\"\n        >\n            <slot />\n        </div>\n        <div v-if=\"footer\" :class=\"`${clsWrapper}-footer`\" :x-semi-prop=\"props['x-semi-footer-alias'] || 'footer'\">\n            <component :is=\"footer\" v-if=\"isVNode(footer)\" />\n            <template v-else>{{ footer }}</template>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, isVNode, type CSSProperties } from 'vue';\nimport classnames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/scrollList/constants';\nimport Foundation from '@douyinfe/semi-foundation/scrollList/foundation';\nimport { useBaseComponent } from '../_utils/useBaseComponent';\n\ninterface ScrollListProps {\n    header?: any;\n    footer?: any;\n    bodyHeight?: number | string;\n    prefixCls?: string;\n    className?: string;\n    style?: CSSProperties;\n    'x-semi-header-alias'?: string;\n    'x-semi-footer-alias'?: string;\n}\n\nconst props = withDefaults(defineProps<ScrollListProps>(), {});\n\nconst { adapter, getDataAttr } = useBaseComponent(props, {});\nconst foundation = new Foundation(adapter);\n\nconst clsWrapper = computed(() =>\n    classnames(props.className, {\n        [props.prefixCls || cssClasses.PREFIX]: true,\n    })\n);\n\nconst clsHeader = computed(() =>\n    classnames({\n        [`${props.prefixCls || cssClasses.PREFIX}-header`]: true,\n    })\n);\n</script>\n"],"names":["props","__props","adapter","getDataAttr","useBaseComponent","Foundation","clsWrapper","computed","classnames","cssClasses","clsHeader","_openBlock","_createElementBlock","_mergeProps","_unref","_createElementVNode","isVNode","_createBlock","_resolveDynamicComponent","_Fragment","_normalizeStyle","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;AA4CA,UAAMA,IAAQC,GAER,EAAE,SAAAC,GAAS,aAAAC,EAAA,IAAgBC,EAAiBJ,GAAO,CAAA,CAAE;AACxC,QAAIK,EAAWH,CAAO;AAEzC,UAAMI,IAAaC;AAAA,MAAS,MACxBC,EAAWR,EAAM,WAAW;AAAA,QACxB,CAACA,EAAM,aAAaS,EAAW,MAAM,GAAG;AAAA,MAAA,CAC3C;AAAA,IAAA,GAGCC,IAAYH;AAAA,MAAS,MACvBC,EAAW;AAAA,QACP,CAAC,GAAGR,EAAM,aAAaS,EAAW,MAAM,SAAS,GAAG;AAAA,MAAA,CACvD;AAAA,IAAA;sBAzDDE,EAAA,GAAAC,EAsBM,OAtBNC,EAsBM;AAAA,MAtBA,OAAOP,EAAA;AAAA,MAAa,OAAOL,EAAA;AAAA,IAAA,GAAea,EAAAX,CAAA,EAAA,CAAW,GAAA;AAAA,MAC5CF,EAAA,eAAXW,EAMM,OAAA;AAAA;QANc,SAAOF,EAAA,KAAS;AAAA,MAAA;QAChCK,EAGM,OAAA;AAAA,UAHA,YAAUL,EAAA,KAAS,QAAA;AAAA,UAAW,eAAaV,EAAK,qBAAA,KAAA;AAAA,QAAA;UACpBgB,EAAQf,EAAA,MAAM,KAA5CU,KAAAM,EAAiDC,EAAjCjB,EAAA,MAAM,GAAA,EAAA,KAAA,EAAA,CAAA,WACtBW,EAAwCO,GAAA,EAAA,KAAA,KAAA;AAAA,gBAApBlB,EAAA,MAAM,GAAA,CAAA;AAAA,UAAA;;QAE9Bc,EAAqC,OAAA;AAAA,UAA/B,YAAUT,EAAA,KAAU,OAAA;AAAA,QAAA;;MAE9BS,EASM,OAAA;AAAA,QARD,YAAUT,EAAA,KAAU,OAAA;AAAA,QACpB,OAAKc,EAAA;AAAA,UAA4B,QAAApB,EAAM,aAAaA,EAAM,aAAU;AAAA,UAA6B,MAAAA,EAAM,aAAU,SAAA;AAAA,QAAA;QAIlH,eAAY;AAAA,MAAA;QAEZqB,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;MAEDrB,EAAA,eAAXW,EAGM,OAAA;AAAA;QAHc,YAAUN,EAAA,KAAU,SAAA;AAAA,QAAY,eAAaN,EAAK,qBAAA,KAAA;AAAA,MAAA;QACpCgB,EAAQf,EAAA,MAAM,KAA5CU,KAAAM,EAAiDC,EAAjCjB,EAAA,MAAM,GAAA,EAAA,KAAA,EAAA,CAAA,WACtBW,EAAwCO,GAAA,EAAA,KAAA,KAAA;AAAA,cAApBlB,EAAA,MAAM,GAAA,CAAA;AAAA,QAAA;;;;;"}