yx-web-sdk 0.0.4

package/dist/index-CFI0URc5.mjs

@@ -0,0 +1,135 @@
+import { defineComponent, ref, watch, onBeforeUnmount, computed, openBlock, createBlock, Teleport, withDirectives, createElementVNode, normalizeStyle, createElementBlock, withModifiers, normalizeClass, toDisplayString, createCommentVNode, Fragment, renderList, createVNode, vShow } from "vue";
+import { autoUpdate, computePosition, offset, flip, shift } from "@floating-ui/dom";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-Y-vyKHWz.mjs";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+const _hoisted_1 = { class: "ait-person-popover-content" };
+const _hoisted_2 = ["onMousedown"];
+const _hoisted_3 = { class: "ait-person-item-avatar" };
+const _hoisted_4 = { class: "ait-person-item-name" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "AitPersonPopover"
+  },
+  __name: "index",
+  props: {
+    visible: { type: Boolean },
+    cursorRect: { default: null },
+    items: { default: () => [] },
+    selectedIndex: { default: -1 },
+    membersCount: { default: 0 },
+    setItemRef: { type: Function, default: () => {
+    } },
+    teleport: { type: Boolean, default: false },
+    enableMentionEveryone: { type: Boolean, default: false }
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const floatingRef = ref(null);
+    function setItemRefSafe(el, index) {
+      if (typeof props.setItemRef === "function") props.setItemRef(el, index);
+    }
+    function onSelect(event, index) {
+      if (event.button === 0) {
+        emit("select", index);
+      }
+    }
+    const domFloatingStyles = ref({});
+    function getVirtualReference() {
+      const rect = props.cursorRect;
+      return {
+        getBoundingClientRect: () => {
+          if (!rect) return new DOMRect(0, 0, 0, 0);
+          return new DOMRect(rect.left, rect.top, 0, 0);
+        }
+      };
+    }
+    function updatePosition() {
+      const el = floatingRef.value;
+      if (!props.visible || !props.cursorRect || !el) return;
+      const reference = getVirtualReference();
+      computePosition(reference, el, {
+        placement: "top-start",
+        strategy: "fixed",
+        middleware: [offset(4), flip({ padding: 8, fallbackPlacements: ["top"] }), shift({ padding: 4 })]
+      }).then(({ x, y }) => {
+        domFloatingStyles.value = { position: "fixed", left: x, top: y };
+      });
+    }
+    let autoUpdateCleanup = null;
+    watch(
+      [() => props.visible, () => props.cursorRect, floatingRef],
+      () => {
+        if (autoUpdateCleanup) {
+          autoUpdateCleanup();
+          autoUpdateCleanup = null;
+        }
+        if (!props.visible || !props.cursorRect || !floatingRef.value) {
+          if (!props.visible) domFloatingStyles.value = {};
+          return;
+        }
+        const reference = getVirtualReference();
+        autoUpdateCleanup = autoUpdate(reference, floatingRef.value, updatePosition);
+      },
+      { immediate: true }
+    );
+    onBeforeUnmount(() => {
+      if (autoUpdateCleanup) autoUpdateCleanup();
+    });
+    const floatingStyles = computed(() => {
+      return {
+        left: domFloatingStyles.value.left + "px",
+        top: domFloatingStyles.value.top + "px"
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, {
+        to: "body",
+        disabled: !__props.teleport
+      }, [
+        withDirectives(createElementVNode("div", {
+          ref_key: "floatingRef",
+          ref: floatingRef,
+          class: "yx-ait-person-popover",
+          style: normalizeStyle(floatingStyles.value)
+        }, [
+          createElementVNode("div", _hoisted_1, [
+            __props.enableMentionEveryone && __props.membersCount === __props.items.length ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              ref: (el) => setItemRefSafe(el, -1),
+              class: normalizeClass(["ait-person-item", { "ait-person-item--selected": __props.selectedIndex === -1 }]),
+              onMousedown: _cache[0] || (_cache[0] = withModifiers(($event) => onSelect($event, -1), ["prevent"]))
+            }, " 所有人（" + toDisplayString(__props.membersCount) + "） ", 35)) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                ref_for: true,
+                ref: (el) => setItemRefSafe(el, index),
+                key: item.accid,
+                class: normalizeClass(["ait-person-item", { "ait-person-item--selected": __props.selectedIndex === index }]),
+                onMousedown: withModifiers(($event) => onSelect($event, index), ["prevent"])
+              }, [
+                createElementVNode("div", _hoisted_3, [
+                  createVNode(_sfc_main$1, {
+                    avatar: item.avatar,
+                    nick: item.nick,
+                    accid: item.accid,
+                    width: 24,
+                    border: 0
+                  }, null, 8, ["avatar", "nick", "accid"])
+                ]),
+                createElementVNode("div", _hoisted_4, toDisplayString(item.nick || item.accid), 1)
+              ], 42, _hoisted_2);
+            }), 128))
+          ])
+        ], 4), [
+          [vShow, __props.visible && (!__props.cursorRect || domFloatingStyles.value.left !== void 0)]
+        ])
+      ], 8, ["disabled"]);
+    };
+  }
+});
+const AitPersonPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-11993b55"]]);
+export {
+  AitPersonPopover as A
+};