tuikit-atomicx-vue3 4.4.0 → 4.5.0

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;
+    };
+};

package/dist/components/ScheduleRoomPanel/RoomShare.js

@@ -0,0 +1,110 @@
+import { defineComponent as R, computed as C, createElementBlock as l, openBlock as h, toDisplayString as t, unref as n, createElementVNode as s, createCommentVNode as T, createTextVNode as v, createVNode as f, withCtx as w } from "vue";
+import { useUIKit as N, IconCopy as _, TUIButton as x, TUIToast as m } from "@tencentcloud/uikit-base-component-vue3";
+import { generateRoomLink as L, copyText as p } from "./utils.js";
+import { _ as b } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const D = { class: "room-share" }, B = {
+  key: 0,
+  class: "room-share-empty"
+}, E = {
+  key: 1,
+  class: "room-share-content"
+}, V = { class: "share-item" }, F = { class: "share-label" }, M = { class: "share-value" }, U = { class: "share-item" }, P = { class: "share-label" }, j = { class: "share-value" }, z = { class: "share-item" }, A = { class: "share-label" }, H = { class: "share-value" }, K = {
+  key: 0,
+  class: "share-item"
+}, Y = { class: "share-label" }, q = { class: "share-value" }, G = { class: "share-item" }, J = { class: "share-label" }, O = { class: "share-value room-link" }, Q = { class: "room-link-text" }, W = { class: "share-actions" }, X = /* @__PURE__ */ R({
+  __name: "RoomShare",
+  props: {
+    roomInfo: {}
+  },
+  setup(r) {
+    const { t: o } = N(), a = r, d = (c) => {
+      if (!c)
+        return "--";
+      const e = new Date(c * 1e3), i = e.getFullYear(), g = (e.getMonth() + 1).toString().padStart(2, "0"), k = e.getDate().toString().padStart(2, "0"), $ = e.getHours().toString().padStart(2, "0"), S = e.getMinutes().toString().padStart(2, "0");
+      return `${i}-${g}-${k} ${$}:${S}`;
+    }, u = C(() => {
+      var c;
+      return (c = a.roomInfo) != null && c.roomId ? L(a.roomInfo.roomId, a.roomInfo.password) : "";
+    }), I = async (c) => {
+      await p(c) ? m.success({ message: o("Copy Success") }) : m.error({ message: o("Copy Failed") });
+    }, y = async () => {
+      if (!a.roomInfo) {
+        m.error({ message: o("No room information") });
+        return;
+      }
+      const e = [
+        `${o("Room Name")}: ${a.roomInfo.roomName}`,
+        `${o("Room ID")}: ${a.roomInfo.roomId}`,
+        a.roomInfo.password ? `${o("Room Password")}: ${a.roomInfo.password}` : null,
+        `${o("Room Time")}: ${d(a.roomInfo.scheduledStartTime)} - ${d(a.roomInfo.scheduledEndTime)}`,
+        `${o("Room Link")}: ${u.value}`
+      ].filter(Boolean).join(`
+`);
+      await p(e) ? m.success({ message: o("Copy Success") }) : m.error({ message: o("Copy Failed") });
+    };
+    return (c, e) => (h(), l("div", D, [
+      r.roomInfo ? (h(), l("div", E, [
+        s("div", V, [
+          s("div", F, t(n(o)("Room Name")), 1),
+          s("div", M, t(r.roomInfo.roomName), 1)
+        ]),
+        s("div", U, [
+          s("div", P, t(n(o)("Room Time")), 1),
+          s("div", j, t(d(r.roomInfo.scheduledStartTime)) + " - " + t(d(r.roomInfo.scheduledEndTime)), 1)
+        ]),
+        s("div", z, [
+          s("div", A, t(n(o)("Room ID")), 1),
+          s("div", H, [
+            v(t(r.roomInfo.roomId) + " ", 1),
+            f(n(_), {
+              class: "copy-icon",
+              onClick: e[0] || (e[0] = () => {
+                var i;
+                return I(((i = r.roomInfo) == null ? void 0 : i.roomId) || "");
+              })
+            })
+          ])
+        ]),
+        r.roomInfo.password ? (h(), l("div", K, [
+          s("div", Y, t(n(o)("Room Password")), 1),
+          s("div", q, [
+            v(t(r.roomInfo.password) + " ", 1),
+            f(n(_), {
+              class: "copy-icon",
+              onClick: e[1] || (e[1] = () => {
+                var i;
+                return I(((i = r.roomInfo) == null ? void 0 : i.password) || "");
+              })
+            })
+          ])
+        ])) : T("", !0),
+        s("div", G, [
+          s("div", J, t(n(o)("Room Link")), 1),
+          s("div", O, [
+            s("span", Q, t(u.value), 1),
+            f(n(_), {
+              class: "copy-icon",
+              onClick: e[2] || (e[2] = () => I(u.value))
+            })
+          ])
+        ]),
+        s("div", W, [
+          f(n(x), {
+            type: "primary",
+            size: "large",
+            class: "copy-button",
+            onClick: y
+          }, {
+            default: w(() => [
+              v(t(n(o)("Copy Meeting ID and Link")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ])) : (h(), l("div", B, t(n(o)("No room information")), 1))
+    ]));
+  }
+}), to = /* @__PURE__ */ b(X, [["__scopeId", "data-v-0ae4ba21"]]);
+export {
+  to as default
+};

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

@@ -0,0 +1,16 @@
+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, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, 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;
+    };
+};