feat: import Chinese-localized Buzz source snapshot

Signed-off-by: cls_宁波本机 <908705107@qq.com>

mobile/lib/features/channels/channels_page/skeleton.dart

@@ -0,0 +1,137 @@
+part of '../channels_page.dart';
+
+class _ChannelsSkeleton extends StatelessWidget {
+  final List<Channel>? channels;
+  final double topInset;
+  final SessionStatus status;
+
+  const _ChannelsSkeleton({
+    required this.channels,
+    required this.topInset,
+    required this.status,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final visibleChannels =
+        channels
+            ?.where((channel) => channel.isMember && !channel.isArchived)
+            .take(8)
+            .toList() ??
+        const <Channel>[];
+    final widths = visibleChannels
+        .map(
+          (channel) => min(
+            240,
+            max(
+              88,
+              24 +
+                  (resolveDmChannelDisplayLabel(
+                        channel,
+                        currentPubkey: null,
+                      ).length *
+                      8),
+            ),
+          ).toDouble(),
+        )
+        .toList();
+    const fallbackWidths = <double>[136, 184, 112, 160, 208, 128];
+    while (widths.length < 6) {
+      widths.add(fallbackWidths[widths.length % fallbackWidths.length]);
+    }
+    final splitAt = min(4, widths.length);
+    final firstSection = widths.take(splitAt).toList();
+    final secondSection = widths.skip(splitAt).toList();
+
+    final semanticsLabel = switch (status) {
+      SessionStatus.connecting => context.l10n.connecting,
+      SessionStatus.reconnecting => context.l10n.reconnecting,
+      SessionStatus.connected || SessionStatus.disconnected =>
+        context.l10n.loading,
+    };
+    return Semantics(
+      key: const Key('channels-connection-skeleton'),
+      liveRegion: true,
+      label: semanticsLabel,
+      child: ExcludeSemantics(
+        child: ListView(
+          physics: const NeverScrollableScrollPhysics(),
+          padding: EdgeInsets.fromLTRB(
+            Grid.gutter,
+            topInset + Grid.twelve,
+            Grid.gutter,
+            80,
+          ),
+          children: [
+            _ChannelSkeletonSection(widths: firstSection),
+            const SizedBox(height: Grid.xs),
+            _ChannelSkeletonSection(widths: secondSection),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _ChannelSkeletonSection extends StatelessWidget {
+  final List<double> widths;
+
+  const _ChannelSkeletonSection({required this.widths});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        const Padding(
+          padding: EdgeInsets.symmetric(vertical: Grid.half),
+          child: Row(
+            children: [
+              SizedBox(
+                width: _kChannelLeadingWidth,
+                child: Align(
+                  alignment: Alignment.centerLeft,
+                  child: SkeletonBar(width: 18, height: 18),
+                ),
+              ),
+              SizedBox(width: Grid.xxs),
+              SkeletonBar(
+                key: Key('channels-skeleton-section-label'),
+                width: 88,
+                height: 16,
+              ),
+            ],
+          ),
+        ),
+        for (var index = 0; index < widths.length; index++)
+          Padding(
+            padding: const EdgeInsets.symmetric(
+              vertical: _kChannelRowVerticalPadding,
+            ),
+            child: Row(
+              children: [
+                SizedBox(
+                  width: _kChannelLeadingWidth,
+                  child: Align(
+                    alignment: Alignment.centerLeft,
+                    child: SkeletonBar(
+                      width: _kChannelIconSize,
+                      height: _kChannelIconSize,
+                      borderRadius: BorderRadius.circular(
+                        index.isEven ? Radii.xs : Radii.full,
+                      ),
+                    ),
+                  ),
+                ),
+                const SizedBox(width: _kChannelLabelGap),
+                SkeletonBar(
+                  key: Key('channels-skeleton-row-label-$index'),
+                  width: widths[index],
+                  height: 16,
+                ),
+              ],
+            ),
+          ),
+      ],
+    );
+  }
+}