dsh-conversation-navigator 0.1.9 → 0.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/client.js +65 -51
- package/package.json +1 -1
package/lib/client.js
CHANGED
|
@@ -163,7 +163,8 @@ window.__ModuleLoader__.load({
|
|
|
163
163
|
.cnvnav-empty { padding: 18px 10px; text-align: center; color: var(--dsw-alias-label-secondary, #888); }
|
|
164
164
|
.cnvnav-topbar { display: flex; gap: 6px; margin: 6px 6px 0; }
|
|
165
165
|
.cnvnav-footer { display: flex; gap: 6px; margin: 0 6px 6px; }
|
|
166
|
-
.cnvnav-bar-btn { flex: 1; }
|
|
166
|
+
.cnvnav-bar-btn { flex: 1; display: block; }
|
|
167
|
+
.cnvnav-bar-fill { width: 100%; }
|
|
167
168
|
`;
|
|
168
169
|
|
|
169
170
|
function apply(ctx) {
|
|
@@ -449,13 +450,15 @@ window.__ModuleLoader__.load({
|
|
|
449
450
|
side: "bottom",
|
|
450
451
|
delayMs: 500,
|
|
451
452
|
},
|
|
452
|
-
React.createElement(
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
453
|
+
React.createElement("span", null,
|
|
454
|
+
React.createElement(Button, {
|
|
455
|
+
variant: snap.open ? "primary" : "ghost",
|
|
456
|
+
size: "sm",
|
|
457
|
+
icon: React.createElement(ToggleIcon),
|
|
458
|
+
"aria-pressed": snap.open,
|
|
459
|
+
onClick: () => setState({ open: !snap.open }),
|
|
460
|
+
}, "导航"),
|
|
461
|
+
),
|
|
459
462
|
);
|
|
460
463
|
}
|
|
461
464
|
|
|
@@ -599,13 +602,14 @@ window.__ModuleLoader__.load({
|
|
|
599
602
|
side: "bottom",
|
|
600
603
|
delayMs: 500,
|
|
601
604
|
},
|
|
602
|
-
React.createElement(
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
605
|
+
React.createElement("span", { className: "cnvnav-close" },
|
|
606
|
+
React.createElement(Button, {
|
|
607
|
+
variant: "ghost",
|
|
608
|
+
size: "sm",
|
|
609
|
+
icon: React.createElement(IconCloseOutline16, { size: 14 }),
|
|
610
|
+
onClick: () => setState({ open: false }),
|
|
611
|
+
}),
|
|
612
|
+
),
|
|
609
613
|
),
|
|
610
614
|
),
|
|
611
615
|
React.createElement("div", { className: "cnvnav-topbar" },
|
|
@@ -613,29 +617,35 @@ window.__ModuleLoader__.load({
|
|
|
613
617
|
label: "加载更早的一批轮次",
|
|
614
618
|
side: "bottom",
|
|
615
619
|
delayMs: 500,
|
|
620
|
+
disabled: !snap.hasMore || snap.loadingOlder,
|
|
616
621
|
},
|
|
617
|
-
React.createElement(
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
622
|
+
React.createElement("span", { className: "cnvnav-bar-btn" },
|
|
623
|
+
React.createElement(Button, {
|
|
624
|
+
variant: "ghost",
|
|
625
|
+
size: "sm",
|
|
626
|
+
className: "cnvnav-bar-fill",
|
|
627
|
+
icon: React.createElement(LoadEarlierIcon),
|
|
628
|
+
disabled: !snap.hasMore || snap.loadingOlder,
|
|
629
|
+
onClick: () => loadOlderPage(),
|
|
630
|
+
}, "加载更早"),
|
|
631
|
+
),
|
|
625
632
|
),
|
|
626
633
|
React.createElement(Tooltip, {
|
|
627
634
|
label: "加载全部历史轮次",
|
|
628
635
|
side: "bottom",
|
|
629
636
|
delayMs: 500,
|
|
637
|
+
disabled: !snap.hasMore || snap.loadingOlder || snap.loadingAll,
|
|
630
638
|
},
|
|
631
|
-
React.createElement(
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
+
React.createElement("span", { className: "cnvnav-bar-btn" },
|
|
640
|
+
React.createElement(Button, {
|
|
641
|
+
variant: "ghost",
|
|
642
|
+
size: "sm",
|
|
643
|
+
className: "cnvnav-bar-fill",
|
|
644
|
+
icon: React.createElement(LoadAllIcon),
|
|
645
|
+
disabled: !snap.hasMore || snap.loadingOlder || snap.loadingAll,
|
|
646
|
+
onClick: () => loadAllPages(),
|
|
647
|
+
}, "加载全部"),
|
|
648
|
+
),
|
|
639
649
|
),
|
|
640
650
|
),
|
|
641
651
|
React.createElement("div", {
|
|
@@ -652,32 +662,36 @@ window.__ModuleLoader__.load({
|
|
|
652
662
|
side: "top",
|
|
653
663
|
delayMs: 500,
|
|
654
664
|
},
|
|
655
|
-
React.createElement(
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
665
|
+
React.createElement("span", { className: "cnvnav-bar-btn" },
|
|
666
|
+
React.createElement(Button, {
|
|
667
|
+
variant: "ghost",
|
|
668
|
+
size: "sm",
|
|
669
|
+
className: "cnvnav-bar-fill",
|
|
670
|
+
icon: React.createElement(JumpLatestIcon),
|
|
671
|
+
onClick: () => {
|
|
672
|
+
const gs = snap.outline !== null ? snap.outline.groups : [];
|
|
673
|
+
if (gs.length === 0) return;
|
|
674
|
+
const lastGroup = gs[gs.length - 1];
|
|
675
|
+
const lastItem = lastGroup.items[lastGroup.items.length - 1];
|
|
676
|
+
if (lastItem !== undefined) jumpTo(lastItem.key);
|
|
677
|
+
},
|
|
678
|
+
}, "回到最新"),
|
|
679
|
+
),
|
|
668
680
|
),
|
|
669
681
|
React.createElement(Tooltip, {
|
|
670
682
|
label: "折叠所有已展开的轮次",
|
|
671
683
|
side: "top",
|
|
672
684
|
delayMs: 500,
|
|
673
685
|
},
|
|
674
|
-
React.createElement(
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
686
|
+
React.createElement("span", { className: "cnvnav-bar-btn" },
|
|
687
|
+
React.createElement(Button, {
|
|
688
|
+
variant: "ghost",
|
|
689
|
+
size: "sm",
|
|
690
|
+
className: "cnvnav-bar-fill",
|
|
691
|
+
icon: React.createElement(CollapseAllIcon),
|
|
692
|
+
onClick: () => setState({ expanded: {} }),
|
|
693
|
+
}, "全部折叠"),
|
|
694
|
+
),
|
|
681
695
|
),
|
|
682
696
|
),
|
|
683
697
|
);
|