yx-web-sdk 0.0.4

package/dist/index-4m4OVlx8.mjs

@@ -0,0 +1,611 @@
+import { createVNode, defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, unref, Fragment, renderList, normalizeClass, withCtx, toDisplayString, createBlock, createCommentVNode, withModifiers, createTextVNode } from "vue";
+import { Form, Tooltip, Badge, Modal, Input, Button, Checkbox, message } from "ant-design-vue";
+import { u as useImSdkStore, a as useServerStore, b as useChannelStore, c as useUserStore, _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-Y-vyKHWz.mjs";
+import { I as IconFont } from "./index-Dg8Q3cli.mjs";
+import { I as Icon } from "./AntdIcon-B0sjNvGu.mjs";
+import { C as CloseOutlined } from "./CloseOutlined-DDb89ei3.mjs";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+var PlusOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" } }, { "tag": "path", "attrs": { "d": "M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z" } }] }, "name": "plus", "theme": "outlined" };
+function _objectSpread$1(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? Object(arguments[i]) : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys.forEach(function(key) {
+      _defineProperty$1(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _defineProperty$1(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+var PlusOutlined = function PlusOutlined2(props, context) {
+  var p = _objectSpread$1({}, props, context.attrs);
+  return createVNode(Icon, _objectSpread$1({}, p, {
+    "icon": PlusOutlined$1
+  }), null);
+};
+PlusOutlined.displayName = "PlusOutlined";
+PlusOutlined.inheritAttrs = false;
+var SettingOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M924.8 625.7l-65.5-56c3.1-19 4.7-38.4 4.7-57.8s-1.6-38.8-4.7-57.8l65.5-56a32.03 32.03 0 009.3-35.2l-.9-2.6a443.74 443.74 0 00-79.7-137.9l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.4a351.86 351.86 0 00-99 57.4l-81.9-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a446.02 446.02 0 00-79.7 137.9l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.3 56.6c-3.1 18.8-4.6 38-4.6 57.1 0 19.2 1.5 38.4 4.6 57.1L99 625.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4a32.05 32.05 0 0025.8 25.7l2.7.5a449.4 449.4 0 00159 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-85a350 350 0 0099.7-57.6l81.3 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.6-87.5 79.7-137.9l.9-2.6c4.5-12.3.8-26.3-9.3-35zM788.3 465.9c2.5 15.1 3.8 30.6 3.8 46.1s-1.3 31-3.8 46.1l-6.6 40.1 74.7 63.9a370.03 370.03 0 01-42.6 73.6L721 702.8l-31.4 25.8c-23.9 19.6-50.5 35-79.3 45.8l-38.1 14.3-17.9 97a377.5 377.5 0 01-85 0l-17.9-97.2-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9-93.4 33.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5 0-15.3 1.2-30.6 3.7-45.5l6.5-40-75.5-64.5c11.3-26.1 25.6-50.7 42.6-73.6l93.4 33.2 31.4-25.9c23.7-19.5 50.2-34.9 78.7-45.7l37.9-14.3 17.9-97.2c28.1-3.2 56.8-3.2 85 0l17.9 97 38.1 14.3c28.7 10.8 55.4 26.2 79.3 45.8l31.4 25.8 92.8-32.9c17 22.9 31.2 47.6 42.6 73.6L781.8 426l6.5 39.9zM512 326c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm79.2 255.2A111.6 111.6 0 01512 614c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 01400 502c0-29.9 11.7-58 32.8-79.2C454 401.6 482.1 390 512 390c29.9 0 58 11.6 79.2 32.8A111.6 111.6 0 01624 502c0 29.9-11.7 58-32.8 79.2z" } }] }, "name": "setting", "theme": "outlined" };
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? Object(arguments[i]) : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys.forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+var SettingOutlined = function SettingOutlined2(props, context) {
+  var p = _objectSpread({}, props, context.attrs);
+  return createVNode(Icon, _objectSpread({}, p, {
+    "icon": SettingOutlined$1
+  }), null);
+};
+SettingOutlined.displayName = "SettingOutlined";
+SettingOutlined.inheritAttrs = false;
+const _hoisted_1 = { class: "sidebar-container" };
+const _hoisted_2 = { class: "server-sidebar" };
+const _hoisted_3 = { class: "server-list" };
+const _hoisted_4 = { class: "logo-wrap" };
+const _hoisted_5 = { class: "logo" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { class: "server-icon" };
+const _hoisted_8 = ["src", "alt"];
+const _hoisted_9 = {
+  key: 1,
+  class: "server-initial"
+};
+const _hoisted_10 = { class: "channel-sidebar" };
+const _hoisted_11 = {
+  key: 0,
+  class: "server-header"
+};
+const _hoisted_12 = { class: "server-name" };
+const _hoisted_13 = { class: "channel-list" };
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = { class: "channel-name" };
+const _hoisted_16 = { class: "channel-icon" };
+const _hoisted_17 = { class: "user-panel-float" };
+const _hoisted_18 = { class: "user-avatar" };
+const _hoisted_19 = { class: "user-info" };
+const _hoisted_20 = { class: "user-name" };
+const _hoisted_21 = { class: "user-actions" };
+const _hoisted_22 = { class: "header-container" };
+const _hoisted_23 = { class: "header-title" };
+const _hoisted_24 = { class: "invite-content" };
+const _hoisted_25 = { class: "invite-subtitle" };
+const _hoisted_26 = { class: "channel-tag" };
+const _hoisted_27 = { class: "invite-link-wrap" };
+const _hoisted_28 = { class: "header-container" };
+const _hoisted_29 = { class: "header-title" };
+const _hoisted_30 = { class: "footer-container" };
+const _hoisted_31 = { class: "footer-buttons" };
+const limit = 20;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ServerChannelSidebar"
+  },
+  __name: "index",
+  props: {
+    request: { type: Function }
+  },
+  emits: ["selectServer", "selectChannel"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const FormItem = Form.Item;
+    const inviteCode = ref("");
+    const emit = __emit;
+    const imSdkStore = useImSdkStore();
+    const serverStore = useServerStore();
+    const channelStore = useChannelStore();
+    const userStore = useUserStore();
+    const channelModalVisible = ref(false);
+    const isEditChannelMode = ref(false);
+    const inviteModalVisible = ref(false);
+    const channelForm = ref({ channelId: "", name: "", topic: "", viewMode: 0, ext: "" });
+    const savingChannel = ref(false);
+    const currentAccount = computed(() => imSdkStore.currentAccount);
+    const serverList = computed(() => serverStore.serverList);
+    const curServer = computed(() => serverStore.curServer);
+    const channelList = computed(() => channelStore.channelList);
+    const currentChannel = computed(() => channelStore.currentChannel);
+    const userProfile = computed(() => {
+      return userStore.userProfile;
+    });
+    const inviteLink = computed(() => {
+      if (!curServer.value) return "";
+      const baseUrl = window.location.origin;
+      return `${baseUrl}/im?server_id=${curServer.value.serverId}&invite_code=${inviteCode.value}`;
+    });
+    const getServerInitial = (name) => {
+      var _a;
+      return ((_a = name == null ? void 0 : name.charAt(0)) == null ? void 0 : _a.toUpperCase()) || "S";
+    };
+    const getServerUnread = (serverId) => {
+      const server = serverList.value.find((s) => s.serverId === serverId);
+      return (server == null ? void 0 : server.unReadInfo) || 0;
+    };
+    const getChannelUnread = (channelId) => {
+      const channel = channelList.value.find((c) => c.channelId === channelId);
+      return (channel == null ? void 0 : channel.unreadCount) || 0;
+    };
+    const handleSelectServer = (server) => {
+      emit("selectServer", server);
+    };
+    const handleSelectChannel = (channel) => {
+      emit("selectChannel", channel);
+    };
+    const handleShowChannelModal = () => {
+      isEditChannelMode.value = false;
+      channelForm.value = { channelId: "", name: "", topic: "", viewMode: 0, ext: "" };
+      channelModalVisible.value = true;
+    };
+    const handleShowEditChannelModal = (channel) => {
+      isEditChannelMode.value = true;
+      channelForm.value = {
+        channelId: channel.channelId,
+        name: channel.name || "",
+        topic: channel.topic || "",
+        viewMode: channel.viewMode || 0,
+        ext: channel.ext || ""
+      };
+      channelModalVisible.value = true;
+    };
+    const handleSaveChannel = async () => {
+      var _a;
+      if (!channelForm.value.name || !curServer.value) return;
+      if (isEditChannelMode.value && !channelForm.value.channelId) return;
+      savingChannel.value = true;
+      try {
+        if (isEditChannelMode.value) {
+          await channelStore.updateChannel({
+            serverId: curServer.value.serverId,
+            channelId: channelForm.value.channelId,
+            name: channelForm.value.name,
+            topic: channelForm.value.topic || void 0,
+            viewMode: channelForm.value.viewMode,
+            ext: channelForm.value.ext || ""
+          });
+          const channelIndex = channelStore.channelList.findIndex((c) => c.channelId === channelForm.value.channelId);
+          if (channelIndex !== -1) {
+            channelStore.channelList[channelIndex] = {
+              ...channelStore.channelList[channelIndex],
+              name: channelForm.value.name,
+              topic: channelForm.value.topic || "",
+              viewMode: channelForm.value.viewMode,
+              ext: channelForm.value.ext || ""
+            };
+          }
+          if (((_a = currentChannel.value) == null ? void 0 : _a.channelId) === channelForm.value.channelId) {
+            channelStore.resetCurrentChannel();
+          }
+          message.success("修改成功");
+        } else {
+          const newChannel = await channelStore.createChannel({
+            serverId: curServer.value.serverId,
+            name: channelForm.value.name,
+            topic: channelForm.value.topic || void 0,
+            type: "message",
+            viewMode: channelForm.value.viewMode,
+            ext: channelForm.value.ext || ""
+          });
+          message.success("创建成功");
+          if (newChannel) {
+            emit("selectChannel", newChannel);
+          }
+          await channelStore.getChannelsByPage({ serverId: curServer.value.serverId, timetag: 0, limit });
+        }
+        channelModalVisible.value = false;
+      } catch (error) {
+        const err = error;
+        message.error(err.message || (isEditChannelMode.value ? "修改失败" : "创建失败"));
+      } finally {
+        savingChannel.value = false;
+      }
+    };
+    const handleDeleteChannel = async () => {
+      if (!channelForm.value.channelId || !curServer.value) return;
+      Modal.confirm({
+        title: "确认删除",
+        content: `确定要删除频道「${channelForm.value.name}」吗？此操作不可恢复。`,
+        okText: "删除",
+        okType: "danger",
+        cancelText: "取消",
+        wrapClassName: "delete-channel-modal",
+        async onOk() {
+          var _a;
+          try {
+            await window.qchat.qchatChannel.deleteChannel({
+              channelId: channelForm.value.channelId
+            });
+            message.success("删除成功");
+            channelModalVisible.value = false;
+            await channelStore.getChannelsByPage({
+              serverId: curServer.value.serverId,
+              timetag: 0,
+              limit
+            });
+            if (((_a = currentChannel.value) == null ? void 0 : _a.channelId) === channelForm.value.channelId) {
+              if (channelStore.channelList.length > 0) {
+                emit("selectChannel", channelStore.channelList[0]);
+              } else {
+                channelStore.setCurChannel(null);
+                channelStore.clearCurChannelMsgs();
+              }
+            }
+          } catch (error) {
+            const err = error;
+            message.error(err.message || "删除失败");
+          }
+        }
+      });
+    };
+    const handleShowInviteModal = async () => {
+      if (!curServer.value) {
+        message.warning("请先选择服务器");
+        return;
+      }
+      const res = await props.request({
+        url: `/api/v1/im/invite/generate`,
+        method: "POST",
+        data: {
+          server_id: curServer.value.serverId
+        }
+      });
+      console.log("res", res);
+      inviteCode.value = res.data.invite_code;
+      inviteModalVisible.value = true;
+    };
+    const handleUserSettings = async () => {
+      if (!curServer.value) {
+        message.warning("请先选择服务器");
+        return;
+      }
+      const res = await props.request({
+        url: `/api/v1/im/server/sync`,
+        method: "POST",
+        params: {
+          server_id: curServer.value.serverId
+        }
+      });
+      console.log("res", res);
+      if (res.status === 200) {
+        handleSelectServer(curServer.value);
+        message.success("同步成功");
+      } else {
+        message.error("同步失败");
+      }
+    };
+    const handleCopyInviteLink = async () => {
+      try {
+        await navigator.clipboard.writeText(inviteLink.value);
+        message.success("链接已复制到剪贴板");
+      } catch {
+        const textArea = document.createElement("textarea");
+        textArea.value = inviteLink.value;
+        document.body.appendChild(textArea);
+        textArea.select();
+        document.execCommand("copy");
+        document.body.removeChild(textArea);
+        message.success("链接已复制到剪贴板");
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_5, [
+                createVNode(unref(IconFont), {
+                  type: "gt-logo-picture",
+                  size: 20
+                })
+              ])
+            ]),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(serverList.value, (server) => {
+              var _a;
+              return openBlock(), createElementBlock("div", {
+                key: server.serverId,
+                class: normalizeClass(["server-item", { active: ((_a = curServer.value) == null ? void 0 : _a.serverId) === server.serverId }]),
+                onClick: ($event) => handleSelectServer(server)
+              }, [
+                createVNode(unref(Tooltip), {
+                  title: server.name,
+                  placement: "right"
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_7, [
+                      server.icon ? (openBlock(), createElementBlock("img", {
+                        key: 0,
+                        src: server.icon,
+                        alt: server.name
+                      }, null, 8, _hoisted_8)) : (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(getServerInitial(server.name)), 1))
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["title"]),
+                getServerUnread(server.serverId) > 0 ? (openBlock(), createBlock(unref(Badge), {
+                  key: 0,
+                  count: getServerUnread(server.serverId),
+                  "overflow-count": 99,
+                  class: "unread-badge"
+                }, null, 8, ["count"])) : createCommentVNode("", true)
+              ], 10, _hoisted_6);
+            }), 128))
+          ])
+        ]),
+        createElementVNode("div", _hoisted_10, [
+          curServer.value ? (openBlock(), createElementBlock("div", _hoisted_11, [
+            createElementVNode("div", _hoisted_12, toDisplayString(curServer.value.name), 1),
+            userProfile.value.type === 1 ? (openBlock(), createBlock(unref(IconFont), {
+              key: 0,
+              type: "gt-a-line-2",
+              size: 20,
+              class: "invite-btn",
+              onClick: handleShowInviteModal
+            })) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_13, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(channelList.value, (channel) => {
+              var _a;
+              return openBlock(), createElementBlock("div", {
+                key: channel.channelId,
+                class: normalizeClass(["channel-item", { active: ((_a = currentChannel.value) == null ? void 0 : _a.channelId) === channel.channelId }]),
+                onClick: ($event) => handleSelectChannel(channel)
+              }, [
+                _cache[11] || (_cache[11] = createElementVNode("span", { class: "channel-icon" }, "#", -1)),
+                createElementVNode("span", _hoisted_15, toDisplayString(channel.name), 1),
+                getChannelUnread(channel.channelId) > 0 ? (openBlock(), createBlock(unref(Badge), {
+                  key: 0,
+                  count: getChannelUnread(channel.channelId),
+                  "overflow-count": 99,
+                  class: "channel-unread"
+                }, null, 8, ["count"])) : createCommentVNode("", true),
+                createVNode(unref(SettingOutlined), {
+                  class: "channel-setting",
+                  onClick: withModifiers(($event) => handleShowEditChannelModal(channel), ["stop"])
+                }, null, 8, ["onClick"])
+              ], 10, _hoisted_14);
+            }), 128)),
+            curServer.value && userProfile.value.type === 1 ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "add-channel-item",
+              onClick: handleShowChannelModal
+            }, [
+              createElementVNode("span", _hoisted_16, [
+                createVNode(unref(PlusOutlined))
+              ]),
+              _cache[12] || (_cache[12] = createElementVNode("span", { class: "channel-name" }, "创建频道", -1))
+            ])) : createCommentVNode("", true)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_17, [
+          createElementVNode("div", _hoisted_18, [
+            createVNode(_sfc_main$1, {
+              avatar: userProfile.value.avatar,
+              nick: userProfile.value.nick,
+              accid: currentAccount.value,
+              width: 36,
+              border: 0
+            }, null, 8, ["avatar", "nick", "accid"])
+          ]),
+          createElementVNode("div", _hoisted_19, [
+            createElementVNode("div", _hoisted_20, toDisplayString(userProfile.value.nick || currentAccount.value), 1),
+            _cache[13] || (_cache[13] = createElementVNode("div", { class: "user-status" }, [
+              createElementVNode("span", { class: "status-dot" }),
+              createTextVNode(" 在线 ")
+            ], -1))
+          ]),
+          createElementVNode("div", _hoisted_21, [
+            createVNode(unref(Tooltip), {
+              title: "同步用户资料",
+              placement: "left"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(IconFont), {
+                  type: "gt-line-Refresh1",
+                  class: "action-btn",
+                  size: 16,
+                  onClick: handleUserSettings
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        createVNode(unref(Modal), {
+          open: inviteModalVisible.value,
+          "onUpdate:open": _cache[2] || (_cache[2] = ($event) => inviteModalVisible.value = $event),
+          footer: null,
+          closable: false,
+          "wrap-class-name": "invite-modal",
+          width: "440px",
+          onCancel: _cache[3] || (_cache[3] = ($event) => inviteModalVisible.value = false)
+        }, {
+          title: withCtx(() => {
+            var _a;
+            return [
+              createElementVNode("div", _hoisted_22, [
+                createElementVNode("div", _hoisted_23, [
+                  createVNode(unref(IconFont), {
+                    type: "gt-plane-Models-black",
+                    class: "mr-[8px]"
+                  }),
+                  createTextVNode(" 邀请朋友加入 " + toDisplayString((_a = curServer.value) == null ? void 0 : _a.name), 1)
+                ]),
+                createElementVNode("div", {
+                  class: "header-close",
+                  onClick: _cache[0] || (_cache[0] = ($event) => channelModalVisible.value = false)
+                }, [
+                  createVNode(unref(CloseOutlined))
+                ])
+              ])
+            ];
+          }),
+          default: withCtx(() => {
+            var _a;
+            return [
+              createElementVNode("div", _hoisted_24, [
+                createElementVNode("div", _hoisted_25, [
+                  _cache[14] || (_cache[14] = createTextVNode(" 接收者将直接进入 ", -1)),
+                  createElementVNode("span", _hoisted_26, "#" + toDisplayString(((_a = currentChannel.value) == null ? void 0 : _a.name) || "默认频道"), 1)
+                ]),
+                _cache[16] || (_cache[16] = createElementVNode("div", { class: "invite-desc" }, "分享此链接以邀请其他人来本服务器！", -1)),
+                createElementVNode("div", _hoisted_27, [
+                  createVNode(unref(Input), {
+                    value: inviteLink.value,
+                    "onUpdate:value": _cache[1] || (_cache[1] = ($event) => inviteLink.value = $event),
+                    readonly: "",
+                    class: "invite-link-input"
+                  }, null, 8, ["value"]),
+                  createVNode(unref(Button), {
+                    type: "primary",
+                    class: "copy-btn",
+                    onClick: handleCopyInviteLink
+                  }, {
+                    default: withCtx(() => [..._cache[15] || (_cache[15] = [
+                      createTextVNode(" 复制 ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["open"]),
+        createVNode(unref(Modal), {
+          open: channelModalVisible.value,
+          "onUpdate:open": _cache[9] || (_cache[9] = ($event) => channelModalVisible.value = $event),
+          "confirm-loading": savingChannel.value,
+          "wrap-class-name": "channel-modal",
+          onOk: handleSaveChannel,
+          onCancel: _cache[10] || (_cache[10] = ($event) => channelModalVisible.value = false)
+        }, {
+          title: withCtx(() => [
+            createElementVNode("div", _hoisted_28, [
+              createElementVNode("div", _hoisted_29, [
+                createVNode(unref(IconFont), {
+                  type: "gt-plane-Models-black",
+                  class: "mr-[8px]"
+                }),
+                createTextVNode(" " + toDisplayString(isEditChannelMode.value ? "修改频道信息" : "创建频道"), 1)
+              ]),
+              createElementVNode("div", {
+                class: "header-close",
+                onClick: _cache[7] || (_cache[7] = ($event) => channelModalVisible.value = false)
+              }, [
+                createVNode(unref(CloseOutlined))
+              ])
+            ])
+          ]),
+          footer: withCtx(() => [
+            createElementVNode("div", _hoisted_30, [
+              createVNode(unref(Checkbox), {
+                checked: channelForm.value.viewMode === 1,
+                onChange: _cache[8] || (_cache[8] = (e) => channelForm.value.viewMode = e.target.checked ? 1 : 0)
+              }, {
+                default: withCtx(() => [..._cache[17] || (_cache[17] = [
+                  createTextVNode(" 私密频道丨只有白名单成员能够查看此频道 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["checked"]),
+              createElementVNode("div", _hoisted_31, [
+                isEditChannelMode.value ? (openBlock(), createBlock(unref(Button), {
+                  key: 0,
+                  danger: "",
+                  onClick: handleDeleteChannel
+                }, {
+                  default: withCtx(() => [..._cache[18] || (_cache[18] = [
+                    createTextVNode("删除", -1)
+                  ])]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                createVNode(unref(Button), {
+                  type: "primary",
+                  onClick: handleSaveChannel
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(isEditChannelMode.value ? "保存" : "创建"), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode(unref(Form), { layout: "vertical" }, {
+              default: withCtx(() => [
+                createVNode(unref(FormItem), {
+                  label: "频道名称",
+                  rules: [{ required: true }]
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Input), {
+                      value: channelForm.value.name,
+                      "onUpdate:value": _cache[4] || (_cache[4] = ($event) => channelForm.value.name = $event),
+                      placeholder: "请输入频道名称"
+                    }, null, 8, ["value"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(FormItem), { label: "频道主题" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Input), {
+                      value: channelForm.value.topic,
+                      "onUpdate:value": _cache[5] || (_cache[5] = ($event) => channelForm.value.topic = $event),
+                      placeholder: "频道介绍"
+                    }, null, 8, ["value"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(FormItem), { label: "频道公告" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Input), {
+                      value: channelForm.value.ext,
+                      "onUpdate:value": _cache[6] || (_cache[6] = ($event) => channelForm.value.ext = $event),
+                      placeholder: "请输入频道公告"
+                    }, null, 8, ["value"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["open", "confirm-loading"])
+      ]);
+    };
+  }
+});
+const ServerChannelSidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2cae689d"]]);
+export {
+  ServerChannelSidebar as S
+};