refactor: 移除群组名限制，增加群组名的容忍度

shared/i18n/langs/en-US/translation.json

@@ -98,7 +98,6 @@
   "k8abdba5c": "Has been sent",
   "k8acbe00": "Current service available",
   "k8b501189": "Service Status",
-  "k8bca9ffb": "Group Name",
   "k8caee957": "Invite friends to converse",
   "k8dc86b13": "Pin",
   "k8f6dfd40": "Current members",

shared/i18n/langs/zh-CN/translation.json

@@ -98,7 +98,6 @@
   "k8abdba5c": "已发送",
   "k8acbe00": "当前服务可用",
   "k8b501189": "服务状态",
-  "k8bca9ffb": "群组名",
   "k8caee957": "邀请好友加入会话",
   "k8dc86b13": "Pin",
   "k8f6dfd40": "当前成员数",

web/plugins/com.msgbyte.webview/src/index.tsx

@@ -20,7 +20,7 @@ const GroupWebPanelRender: React.FC<{ panelInfo: any }> = (props) => {
 };
 
 regGroupPanel({
-  name: `${PLUGIN_NAME}/grouppanel`,
+  name: `${PLUGIN_NAME}/webpanel`,
   label: Translate.webpanel,
   provider: PLUGIN_NAME,
   extraFormMeta: [{ type: 'text', name: 'url', label: '网址' }],

web/src/components/FullModal/Field.tsx

@@ -77,28 +77,32 @@ const FullModalFieldEditor: React.FC<FullModalFieldProps> = React.memo(
     const EditorComponent = props.renderEditor;
 
     return (
-      <Space className="flex w-full">
+      <div className="flex w-full">
-        {isEditing && !_isNil(EditorComponent) ? (
+        <div className="truncate">
-          <EditorComponent value={editingValue} onChange={setEditingValue} />
+          {isEditing && !_isNil(EditorComponent) ? (
-        ) : (
+            <EditorComponent value={editingValue} onChange={setEditingValue} />
-          <span title={valueTitle}>{props.content ?? props.value}</span>
+          ) : (
-        )}
+            <span title={valueTitle}>{props.content ?? props.value}</span>
-
+          )}
-        {!isEditing ? (
+        </div>
-          <DelayTip title={t('编辑')}>
+
-            <IconBtn icon="mdi:square-edit-outline" onClick={handleEditing} />
+        <div className="ml-2">
-          </DelayTip>
+          {!isEditing ? (
-        ) : (
+            <DelayTip title={t('编辑')}>
-          <>
+              <IconBtn icon="mdi:square-edit-outline" onClick={handleEditing} />
-            <DelayTip title={t('取消')}>
-              <IconBtn icon="mdi:close" onClick={handleEditing} />
-            </DelayTip>
-            <DelayTip title={t('保存变更')}>
-              <IconBtn type="primary" icon="mdi:check" onClick={handleSave} />
             </DelayTip>
-          </>
+          ) : (
-        )}
+            <Space>
-      </Space>
+              <DelayTip title={t('取消')}>
+                <IconBtn icon="mdi:close" onClick={handleEditing} />
+              </DelayTip>
+              <DelayTip title={t('保存变更')}>
+                <IconBtn type="primary" icon="mdi:check" onClick={handleSave} />
+              </DelayTip>
+            </Space>
+          )}
+        </div>
+      </div>
     );
   }
 );

web/src/components/SectionHeader.tsx

@@ -14,6 +14,7 @@ export const SectionHeader: React.FC<SectionHeaderProps> = React.memo(
       <div className="h-12 relative flex items-center py-0 text-base font-bold flex-shrink-0 thin-line-bottom">
         {React.isValidElement(props.menu) ? (
           <Dropdown
+            className="overflow-hidden"
             onVisibleChange={setVisible}
             overlay={props.menu}
             placement="topRight"

web/src/components/modals/CreateGroup.tsx

@@ -136,7 +136,7 @@ export const ModalCreateGroup: React.FC = React.memo(() => {
           </Typography.Paragraph>
 
           <div className="text-center mb-2">
-            {/* TODO: update avatar */}
+            {/* TODO: upload avatar */}
             <Avatar size={80} name={name} />
           </div>
 
@@ -146,6 +146,7 @@ export const ModalCreateGroup: React.FC = React.memo(() => {
             <Input
               className="shadow-none"
               size="large"
+              maxLength={100}
               value={name}
               onChange={(e) => setName(e.target.value)}
             />

web/src/components/modals/GroupDetail/Summary.tsx

@@ -58,7 +58,7 @@ export const GroupSummary: React.FC<{
 
         <div className="w-2/3">
           <FullModalField
-            title={t('群组名')}
+            title={t('群组名称')}
             value={groupInfo.name}
             editable={true}
             renderEditor={DefaultFullModalInputEditorRender}