tuikit-atomicx-vue3 4.4.0-beta.1 → 4.5.0

package/dist/components/ScheduleRoomPanel/Datepicker.js

@@ -0,0 +1,162 @@
+import { defineComponent as U, ref as d, onMounted as L, onUnmounted as B, watch as I, watchEffect as H, computed as V, createElementBlock as c, openBlock as i, createVNode as R, createCommentVNode as b, unref as z, createElementVNode as v, toDisplayString as p, Fragment as C, renderList as F, normalizeClass as A, createTextVNode as K } from "vue";
+import { useUIKit as W, TUIInput as j } from "@tencentcloud/uikit-base-component-vue3";
+import { _ as q } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const G = {
+  key: 0,
+  class: "picker"
+}, J = { class: "picker-header" }, Q = { class: "current-time" }, X = { class: "picker-weekdays" }, Z = { class: "picker-body" }, ee = ["onClick"], te = {
+  key: 0,
+  class: "today-dot"
+}, ae = /* @__PURE__ */ U({
+  __name: "Datepicker",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(O, { emit: $ }) {
+    const { t: u } = W(), g = (e) => {
+      const a = /* @__PURE__ */ new Date();
+      return a.setHours(0, 0, 0, 0), e < a;
+    }, f = O, T = $, m = d(!1), l = d(f.modelValue ? new Date(f.modelValue * 1e3) : /* @__PURE__ */ new Date()), s = d(l.value.getFullYear()), o = d(l.value.getMonth() + 1), k = d(null), D = (e) => {
+      k.value.contains(e.target) || (m.value = !1);
+    }, Y = () => {
+      m.value = !m.value;
+    };
+    L(() => {
+      window.addEventListener("click", D);
+    }), B(() => {
+      window.removeEventListener("click", D);
+    }), I(
+      l,
+      (e) => {
+        const a = new Date(e);
+        a.setHours(0, 0, 0, 0);
+        const t = Math.floor(a.getTime() / 1e3);
+        T("update:modelValue", t);
+      },
+      { immediate: !0 }
+    ), I(
+      () => f.modelValue,
+      (e) => {
+        e && (l.value = new Date(e * 1e3), o.value = l.value.getMonth() + 1, s.value = l.value.getFullYear());
+      },
+      { immediate: !0 }
+    );
+    const y = (e) => {
+      o.value += e, o.value === 0 ? (o.value = 12, s.value -= 1) : o.value === 13 && (o.value = 1, s.value += 1);
+    }, E = (e) => {
+      g(e) || (l.value = e, m.value = !1);
+    }, w = d([]), x = () => {
+      const e = [], a = new Date(
+        s.value,
+        o.value - 1,
+        1
+      ).getDay(), t = new Date(
+        s.value,
+        o.value,
+        0
+      ).getDate(), h = new Date(
+        s.value,
+        o.value - 1,
+        0
+      ).getDate();
+      for (let n = h - a + 1; n <= h; n += 1) {
+        const r = new Date(s.value, o.value - 2, n);
+        e.push({
+          id: r.toISOString(),
+          label: n,
+          date: r,
+          otherMonth: !0
+        });
+      }
+      for (let n = 1; n <= t; n += 1) {
+        const r = new Date(s.value, o.value - 1, n);
+        e.push({
+          id: r.toISOString(),
+          label: n,
+          date: r,
+          otherMonth: !1
+        });
+      }
+      const S = 35 - e.length;
+      if (S > 0)
+        for (let n = 1; n <= S; n += 1) {
+          const r = new Date(s.value, o.value, n);
+          e.push({
+            id: r.toISOString(),
+            label: n,
+            date: r,
+            otherMonth: !0
+          });
+        }
+      w.value = e.slice(0, 35);
+    };
+    H(() => {
+      x();
+    });
+    const _ = V(
+      () => `${l.value.getFullYear()}-${l.value.getMonth() + 1}-${l.value.getDate()}`
+    ), N = (e) => e.toISOString() === l.value.toISOString(), M = (e) => {
+      const a = /* @__PURE__ */ new Date();
+      return e.getFullYear() === a.getFullYear() && e.getMonth() === a.getMonth() && e.getDate() === a.getDate();
+    }, P = V(() => [
+      u("Sunday"),
+      u("Monday"),
+      u("Tuesday"),
+      u("Wednesday"),
+      u("Thursday"),
+      u("Friday"),
+      u("Saturday")
+    ]);
+    return (e, a) => (i(), c("div", {
+      ref_key: "pickerRef",
+      ref: k,
+      class: "container"
+    }, [
+      R(z(j), {
+        "model-value": _.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (t) => _.value = t),
+        readonly: "",
+        class: "datepicker-input",
+        onFocus: Y
+      }, null, 8, ["model-value"]),
+      m.value ? (i(), c("div", G, [
+        v("div", J, [
+          v("span", Q, p(s.value) + "/" + p(o.value < 10 ? `0${o.value}` : o.value), 1),
+          v("button", {
+            class: "arrow",
+            onClick: a[1] || (a[1] = (t) => y(-1))
+          }, " < "),
+          v("button", {
+            class: "arrow",
+            onClick: a[2] || (a[2] = (t) => y(1))
+          }, " > ")
+        ]),
+        v("div", X, [
+          (i(!0), c(C, null, F(P.value, (t) => (i(), c("div", {
+            key: t,
+            class: "weekday"
+          }, p(t), 1))), 128))
+        ]),
+        v("div", Z, [
+          (i(!0), c(C, null, F(w.value, (t) => (i(), c("div", {
+            key: t.id,
+            class: A(["day", {
+              "other-month": t.otherMonth,
+              selected: N(t.date),
+              today: M(t.date),
+              past: g(t.date)
+            }]),
+            onClick: (h) => E(t.date)
+          }, [
+            K(p(t.label) + " ", 1),
+            M(t.date) ? (i(), c("span", te)) : b("", !0)
+          ], 10, ee))), 128))
+        ])
+      ])) : b("", !0)
+    ], 512));
+  }
+}), se = /* @__PURE__ */ q(ae, [["__scopeId", "data-v-fb5d8884"]]);
+export {
+  se as default
+};

package/dist/components/ScheduleRoomPanel/Datepicker.vue.d.ts

@@ -0,0 +1,18 @@
+interface Props {
+    modelValue: number;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/ScheduleRoomPanel/DurationSelector.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../DurationSelector.vue_vue_type_script_setup_true_lang-RndH6NtJ.js";
+export {
+  f as default
+};

package/dist/components/ScheduleRoomPanel/DurationSelector.vue.d.ts

@@ -0,0 +1,39 @@
+interface Props {
+    modelValue: number;
+    options?: Array<{
+        label: string;
+        value: number;
+    }>;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    options: undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    options: undefined;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    options: Array<{
+        label: string;
+        value: number;
+    }>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/ScheduleRoomPanel/RoomDetail.js

@@ -0,0 +1,113 @@
+import { defineComponent as b, createElementBlock as d, openBlock as c, toDisplayString as t, unref as n, createElementVNode as o, createCommentVNode as v, createTextVNode as r, createVNode as m, normalizeClass as w } from "vue";
+import { useUIKit as R, IconCopy as I, IconLoadingSchedule as C, TUIToast as g } from "@tencentcloud/uikit-base-component-vue3";
+import { copyText as T } from "./utils.js";
+import { RoomStatus as u } from "../../types/room.js";
+import { _ as A } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const D = { class: "room-detail" }, x = {
+  key: 0,
+  class: "room-detail-empty"
+}, $ = {
+  key: 1,
+  class: "room-detail-content"
+}, L = { class: "detail-item" }, V = { class: "detail-label" }, B = { class: "detail-value" }, E = { class: "detail-item" }, U = { class: "detail-label" }, j = { class: "detail-value" }, z = {
+  key: 0,
+  class: "detail-item"
+}, F = { class: "detail-label" }, M = { class: "detail-value" }, O = { class: "detail-item" }, P = { class: "detail-label" }, H = { class: "detail-value" }, K = { class: "detail-item" }, Y = { class: "detail-label" }, q = { class: "detail-value" }, G = { class: "detail-item" }, J = { class: "detail-label" }, Q = { class: "detail-value" }, W = {
+  key: 0,
+  class: "attendees-loading"
+}, X = ["title"], Z = {
+  key: 2,
+  class: "no-attendees"
+}, p = /* @__PURE__ */ b({
+  __name: "RoomDetail",
+  props: {
+    roomInfo: {},
+    isLoadingAttendees: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const { t: s } = R(), f = (l) => {
+      if (!l)
+        return "--";
+      const i = new Date(l * 1e3), a = i.getFullYear(), S = (i.getMonth() + 1).toString().padStart(2, "0"), _ = i.getDate().toString().padStart(2, "0"), k = i.getHours().toString().padStart(2, "0"), N = i.getMinutes().toString().padStart(2, "0");
+      return `${a}-${S}-${_} ${k}:${N}`;
+    }, y = (l) => {
+      switch (l) {
+        case u.Scheduled:
+          return s("Not Started");
+        case u.Running:
+          return s("In Progress");
+        default:
+          return s("Unknown Status");
+      }
+    }, h = async (l) => {
+      await T(l) ? g.success({ message: s("Copy Success") }) : g.error({ message: s("Copy Failed") });
+    };
+    return (l, i) => (c(), d("div", D, [
+      e.roomInfo ? (c(), d("div", $, [
+        o("div", L, [
+          o("div", V, t(n(s)("Room Name")), 1),
+          o("div", B, t(e.roomInfo.roomName), 1)
+        ]),
+        o("div", E, [
+          o("div", U, t(n(s)("Room ID")), 1),
+          o("div", j, [
+            r(t(e.roomInfo.roomId) + " ", 1),
+            m(n(I), {
+              class: "copy-icon",
+              onClick: i[0] || (i[0] = () => {
+                var a;
+                return h(((a = e.roomInfo) == null ? void 0 : a.roomId) || "");
+              })
+            })
+          ])
+        ]),
+        e.roomInfo.password ? (c(), d("div", z, [
+          o("div", F, t(n(s)("Room Password")), 1),
+          o("div", M, [
+            r(t(e.roomInfo.password) + " ", 1),
+            m(n(I), {
+              class: "copy-icon",
+              onClick: i[1] || (i[1] = () => {
+                var a;
+                return h(((a = e.roomInfo) == null ? void 0 : a.password) || "");
+              })
+            })
+          ])
+        ])) : v("", !0),
+        o("div", O, [
+          o("div", P, t(n(s)("Room Time")), 1),
+          o("div", H, [
+            r(t(f(e.roomInfo.scheduledStartTime)) + " - " + t(f(e.roomInfo.scheduledEndTime)) + " ", 1),
+            e.roomInfo.roomStatus ? (c(), d("span", {
+              key: 0,
+              class: w(["status-badge", e.roomInfo.roomStatus === n(u).Running && "running"])
+            }, t(y(e.roomInfo.roomStatus)), 3)) : v("", !0)
+          ])
+        ]),
+        o("div", K, [
+          o("div", Y, t(n(s)("Creator")), 1),
+          o("div", q, t(e.roomInfo.roomOwner.userName || e.roomInfo.roomOwner.userId), 1)
+        ]),
+        o("div", G, [
+          o("div", J, t(n(s)("Attendees")), 1),
+          o("div", Q, [
+            e.isLoadingAttendees ? (c(), d("div", W, [
+              m(n(C), {
+                class: "loading-icon",
+                size: "16"
+              }),
+              o("span", null, t(n(s)("Loading...")), 1)
+            ])) : e.roomInfo.scheduleAttendees && e.roomInfo.scheduleAttendees.length > 0 ? (c(), d("div", {
+              key: 1,
+              class: "attendees-list",
+              title: e.roomInfo.scheduleAttendees.map((a) => a.userName || a.userId).join(", ")
+            }, t(e.roomInfo.scheduleAttendees.map((a) => a.userName || a.userId).join(", ")), 9, X)) : (c(), d("div", Z, t(n(s)("No scheduled members")), 1))
+          ])
+        ])
+      ])) : (c(), d("div", x, t(n(s)("No room information")), 1))
+    ]));
+  }
+}), ne = /* @__PURE__ */ A(p, [["__scopeId", "data-v-b6bcef44"]]);
+export {
+  ne as default
+};

package/dist/components/ScheduleRoomPanel/RoomDetail.vue.d.ts

@@ -0,0 +1,31 @@
+import { RoomInfo } from '../../types';
+
+interface Props {
+    roomInfo: RoomInfo | null;
+    isLoadingAttendees?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    isLoadingAttendees: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    isLoadingAttendees: boolean;
+}>>> & Readonly<{}>, {
+    isLoadingAttendees: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/ScheduleRoomPanel/RoomEdit.js

@@ -0,0 +1,281 @@
+import { defineComponent as A, ref as p, computed as D, watch as V, createElementBlock as h, openBlock as _, createElementVNode as l, createVNode as n, toDisplayString as m, unref as o, normalizeClass as Z, createCommentVNode as j, withCtx as d, Fragment as H, renderList as K, createTextVNode as U } from "vue";
+import { useUIKit as Y, TUIInput as g, IconManageMember as q, IconClose1 as G, TUIDialog as J, TUIButton as T, TUIToast as x } from "@tencentcloud/uikit-base-component-vue3";
+import L from "../Avatar/Avatar.js";
+import { UserPicker as Q } from "../UserPicker/index.js";
+import W from "./Datepicker.js";
+import { _ as X } from "../../DurationSelector.vue_vue_type_script_setup_true_lang-RndH6NtJ.js";
+import ee from "./Timepicker.js";
+import { _ as te } from "../../TimezoneSelector.vue_vue_type_script_setup_true_lang-C-lovW-l.js";
+import { convertTimezoneToUTC as ae, convertTimeBetweenTimezones as se } from "./utils.js";
+import { useContactListState as oe } from "../../states/ContactListState/ContactListState.js";
+import { _ as le } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const re = { class: "room-edit" }, ne = { class: "edit-form" }, ie = { class: "form-item" }, me = { class: "form-label" }, ce = { class: "form-item" }, ue = { class: "form-label" }, de = { class: "datetime-group" }, ve = { class: "form-item" }, fe = { class: "form-label" }, pe = { class: "form-item" }, he = { class: "form-label" }, _e = { class: "form-label" }, Ue = { class: "form-participants" }, Te = { class: "search-result-item" }, ke = ["title"], Ie = {
+  key: 0,
+  class: "form-attendees"
+}, De = ["title"], be = { class: "form-attendees-item form-attendees-count" }, ye = { class: "user-picker-footer" }, Ce = { class: "form-actions" }, Ve = /* @__PURE__ */ A({
+  __name: "RoomEdit",
+  props: {
+    roomInfo: {}
+  },
+  emits: ["cancel", "save"],
+  setup(S, { emit: N }) {
+    const { t: r } = Y(), c = S, b = N, t = p({
+      roomName: "",
+      startDate: 0,
+      startTime: 0,
+      duration: 1800,
+      timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+      selectedUserList: []
+    }), { friendList: R } = oe(), y = p(), f = p(!1), k = p(""), C = D(
+      () => R.value.map((s) => ({
+        key: s.userID,
+        label: s.nick,
+        avatarUrl: s.avatar,
+        extraData: s
+      }))
+    ), I = D(() => {
+      const s = new Date(t.value.startDate * 1e3), e = new Date(t.value.startTime * 1e3);
+      return ae(
+        s.getFullYear(),
+        s.getMonth(),
+        s.getDate(),
+        e.getHours(),
+        e.getMinutes(),
+        t.value.timezone
+      );
+    }), z = D(() => I.value + t.value.duration), E = () => {
+      var v;
+      if (!c.roomInfo)
+        return;
+      const s = c.roomInfo.scheduledEndTime && c.roomInfo.scheduledStartTime ? c.roomInfo.scheduledEndTime - c.roomInfo.scheduledStartTime : 1800, e = ((v = c.roomInfo.scheduleAttendees) == null ? void 0 : v.map((a) => ({
+        key: a.userId,
+        label: a.userName || a.userId,
+        avatarUrl: a.avatarUrl || "",
+        extraData: a
+      }))) || [], i = new Date((c.roomInfo.scheduledStartTime || 0) * 1e3), u = new Date(i);
+      u.setHours(0, 0, 0, 0), t.value = {
+        roomName: c.roomInfo.roomName || "",
+        startDate: Math.floor(u.getTime() / 1e3),
+        startTime: Math.floor(i.getTime() / 1e3),
+        duration: s,
+        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+        selectedUserList: e
+      };
+    };
+    V(() => c.roomInfo, () => {
+      E();
+    }, { immediate: !0 }), V(() => t.value.timezone, (s, e) => {
+      if (s && e && s !== e) {
+        const i = se(
+          t.value.startDate,
+          t.value.startTime,
+          e,
+          s
+        );
+        t.value.startDate = i.startDate, t.value.startTime = i.startTime;
+      }
+    });
+    const P = () => {
+      if (!t.value.roomName.trim())
+        return x.error({ message: r("The room name cannot be empty") }), !1;
+      const s = Math.floor(Date.now() / 1e3);
+      return I.value <= s ? (x.error({ message: r("The start time cannot be earlier than the current time") }), !1) : !0;
+    }, w = (s) => C.value.filter((e) => e.label.includes(s) ? !t.value.selectedUserList.some((i) => i.key === e.key) : !1).map((e) => ({
+      label: e.label,
+      value: e.key,
+      avatarUrl: e.extraData.avatar,
+      extraData: e.extraData
+    })), F = (s) => {
+      const e = s.avatarUrl, i = s.extraData;
+      if (!s.label || !s.value || !i)
+        return;
+      const u = {
+        key: String(s.value),
+        label: s.label,
+        avatarUrl: e,
+        extraData: i
+      };
+      t.value.selectedUserList.some((v) => v.key === u.key) || (t.value.selectedUserList = [...t.value.selectedUserList, u], k.value = "");
+    }, M = () => {
+      t.value.selectedUserList = y.value.getSelectedItems(), f.value = !1;
+    }, $ = (s) => {
+      t.value.selectedUserList = t.value.selectedUserList.filter((e) => e.key !== s.key);
+    }, B = () => {
+      b("cancel");
+    }, O = () => {
+      var e;
+      if (!P())
+        return;
+      const s = {
+        roomId: ((e = c.roomInfo) == null ? void 0 : e.roomId) || "",
+        roomName: t.value.roomName,
+        scheduleStartTime: I.value,
+        scheduleEndTime: z.value,
+        scheduleAttendees: t.value.selectedUserList.map((i) => i.key)
+      };
+      b("save", s);
+    };
+    return (s, e) => {
+      var i, u, v;
+      return _(), h("div", re, [
+        l("div", ne, [
+          l("div", ie, [
+            l("div", me, m(o(r)("Room Name")), 1),
+            n(o(g), {
+              modelValue: t.value.roomName,
+              "onUpdate:modelValue": e[0] || (e[0] = (a) => t.value.roomName = a),
+              placeholder: o(r)("please enter the room name"),
+              class: "form-input"
+            }, null, 8, ["modelValue", "placeholder"])
+          ]),
+          l("div", ce, [
+            l("div", ue, m(o(r)("Starting time")), 1),
+            l("div", de, [
+              n(W, {
+                modelValue: t.value.startDate,
+                "onUpdate:modelValue": e[1] || (e[1] = (a) => t.value.startDate = a)
+              }, null, 8, ["modelValue"]),
+              n(ee, {
+                modelValue: t.value.startTime,
+                "onUpdate:modelValue": e[2] || (e[2] = (a) => t.value.startTime = a)
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          l("div", ve, [
+            l("div", fe, m(o(r)("Room duration")), 1),
+            n(X, {
+              modelValue: t.value.duration,
+              "onUpdate:modelValue": e[3] || (e[3] = (a) => t.value.duration = a)
+            }, null, 8, ["modelValue"])
+          ]),
+          l("div", pe, [
+            l("div", he, m(o(r)("Time Zone")), 1),
+            n(te, {
+              modelValue: t.value.timezone,
+              "onUpdate:modelValue": e[4] || (e[4] = (a) => t.value.timezone = a)
+            }, null, 8, ["modelValue"])
+          ]),
+          l("div", {
+            class: Z(["form-item", { "flex-start": ((i = t.value.selectedUserList) == null ? void 0 : i.length) > 0 }])
+          }, [
+            l("div", _e, m(o(r)("Participants")), 1),
+            l("div", Ue, [
+              n(o(g), {
+                modelValue: k.value,
+                "onUpdate:modelValue": e[6] || (e[6] = (a) => k.value = a),
+                search: w,
+                select: F,
+                placeholder: o(r)("Please enter participant names"),
+                emptyText: o(r)("No relevant members found")
+              }, {
+                suffix: d(() => [
+                  n(o(q), {
+                    onClick: e[5] || (e[5] = (a) => f.value = !0)
+                  })
+                ]),
+                searchResultItem: d(({ data: a }) => [
+                  l("div", Te, [
+                    n(o(L), {
+                      class: "search-result-item-avatar",
+                      size: 20,
+                      src: a.avatarUrl
+                    }, null, 8, ["src"]),
+                    l("p", {
+                      class: "search-result-item-name",
+                      title: a.label
+                    }, m(a.label), 9, ke)
+                  ])
+                ]),
+                _: 1
+              }, 8, ["modelValue", "placeholder", "emptyText"]),
+              ((u = t.value.selectedUserList) == null ? void 0 : u.length) > 0 ? (_(), h("div", Ie, [
+                (_(!0), h(H, null, K(t.value.selectedUserList, (a) => (_(), h("span", {
+                  key: a.key,
+                  class: "form-attendees-item"
+                }, [
+                  n(o(L), {
+                    class: "form-attendees-item-avatar",
+                    src: a.avatarUrl,
+                    size: 20
+                  }, null, 8, ["src"]),
+                  l("p", {
+                    class: "form-attendees-item-name",
+                    title: a.label
+                  }, m(a.label), 9, De),
+                  n(o(G), {
+                    class: "form-attendees-item-remove",
+                    onClick: (ge) => $(a)
+                  }, null, 8, ["onClick"])
+                ]))), 128)),
+                l("span", be, m(`${((v = t.value.selectedUserList) == null ? void 0 : v.length) || 0} ${o(r)("people")}`), 1)
+              ])) : j("", !0)
+            ]),
+            n(o(J), {
+              visible: f.value,
+              "onUpdate:visible": e[8] || (e[8] = (a) => f.value = a),
+              "cancel-text": o(r)("Cancel"),
+              "confirm-text": o(r)("Confirm"),
+              title: o(r)("Contacts")
+            }, {
+              footer: d(() => [
+                l("div", ye, [
+                  n(o(T), {
+                    onClick: e[7] || (e[7] = (a) => f.value = !1)
+                  }, {
+                    default: d(() => [
+                      U(m(o(r)("Cancel")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  n(o(T), {
+                    type: "primary",
+                    onClick: M
+                  }, {
+                    default: d(() => [
+                      U(m(o(r)("Confirm")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              default: d(() => [
+                n(o(Q), {
+                  ref_key: "userPickerRef",
+                  ref: y,
+                  class: "room-user-picker",
+                  "data-source": C.value,
+                  defaultSelectedItems: t.value.selectedUserList,
+                  "display-mode": "list"
+                }, null, 8, ["data-source", "defaultSelectedItems"])
+              ]),
+              _: 1
+            }, 8, ["visible", "cancel-text", "confirm-text", "title"])
+          ], 2)
+        ]),
+        l("div", Ce, [
+          n(o(T), {
+            type: "default",
+            onClick: B
+          }, {
+            default: d(() => [
+              U(m(o(r)("Cancel")), 1)
+            ]),
+            _: 1
+          }),
+          n(o(T), {
+            type: "primary",
+            onClick: O
+          }, {
+            default: d(() => [
+              U(m(o(r)("Save")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+}), $e = /* @__PURE__ */ le(Ve, [["__scopeId", "data-v-4cd10f6f"]]);
+export {
+  $e as default
+};

package/dist/components/ScheduleRoomPanel/RoomEdit.vue.d.ts

@@ -0,0 +1,23 @@
+import { EditFormData } from './type';
+import { RoomInfo } from '../../types';
+
+interface Props {
+    roomInfo: RoomInfo | null;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: () => void;
+    save: (data: EditFormData) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onSave?: ((data: EditFormData) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};