@lijian-ui/dsh-im-gateway 0.2.0 → 0.2.1

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.
Files changed (2) hide show
  1. package/lib/client.js +93 -124
  2. package/package.json +1 -1
package/lib/client.js CHANGED
@@ -5,6 +5,7 @@ window.__ModuleLoader__.load({
5
5
  var exports = module.exports;
6
6
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
7
7
  let react = require("react");
8
+ let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
8
9
  //#region src/client/ImChannelModal.ts
9
10
  /**
10
11
  * Add / edit IM channel modal (browser half).
@@ -74,7 +75,7 @@ window.__ModuleLoader__.load({
74
75
  display: "flex",
75
76
  alignItems: "center",
76
77
  justifyContent: "center",
77
- background: "rgba(0, 0, 0, 0.5)",
78
+ background: "var(--dsw-alias-bg-mask-1)",
78
79
  padding: 24
79
80
  };
80
81
  const modal = {
@@ -83,25 +84,25 @@ window.__ModuleLoader__.load({
83
84
  width: 520,
84
85
  maxWidth: "100%",
85
86
  maxHeight: "90vh",
86
- background: "var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-layer-1, #fff))",
87
- border: "1px solid var(--dsw-alias-border-l2, #ddd)",
88
- borderRadius: 14,
87
+ background: "var(--dsw-alias-bg-layer-3)",
88
+ border: "1px solid var(--dsw-alias-border-l1)",
89
+ borderRadius: 12,
89
90
  overflow: "hidden",
90
- boxShadow: "0 20px 48px rgba(0,0,0,0.36), 0 4px 12px rgba(0,0,0,0.2)"
91
+ boxShadow: "var(--dsw-shadow-lv2)"
91
92
  };
92
93
  const modalHeader = {
93
94
  display: "flex",
94
95
  alignItems: "center",
95
96
  gap: 8,
96
97
  padding: "14px 18px",
97
- borderBottom: "1px solid var(--dsw-alias-border-l1, #eee)",
98
+ borderBottom: "1px solid var(--dsw-alias-border-l3)",
98
99
  flexShrink: 0
99
100
  };
100
101
  const modalTitle = {
101
102
  flex: 1,
102
103
  fontSize: 16,
103
104
  fontWeight: 500,
104
- color: "var(--dsw-alias-label-primary, inherit)",
105
+ color: "var(--dsw-alias-label-primary)",
105
106
  margin: 0
106
107
  };
107
108
  const closeBtn = {
@@ -112,7 +113,7 @@ window.__ModuleLoader__.load({
112
113
  height: 28,
113
114
  border: "none",
114
115
  background: "transparent",
115
- color: "var(--dsw-alias-label-tertiary, #888)",
116
+ color: "var(--dsw-alias-label-tertiary)",
116
117
  cursor: "pointer",
117
118
  borderRadius: 6,
118
119
  fontSize: 16,
@@ -133,20 +134,20 @@ window.__ModuleLoader__.load({
133
134
  };
134
135
  const fieldLabel = {
135
136
  fontSize: 12,
136
- color: "var(--dsw-alias-label-secondary, #555)",
137
+ color: "var(--dsw-alias-label-secondary)",
137
138
  fontWeight: 500
138
139
  };
139
140
  const required = {
140
- color: "var(--dsw-alias-state-error-primary, #e24b4a)",
141
+ color: "var(--dsw-alias-state-error-primary)",
141
142
  marginLeft: 2
142
143
  };
143
144
  const input = {
144
145
  height: 40,
145
146
  padding: "0 12px",
146
- background: "var(--dsw-alias-bg-layer-1, transparent)",
147
- border: "1px solid var(--dsw-alias-border-l2, #ccc)",
147
+ background: "var(--dsw-alias-bg-layer-1)",
148
+ border: "1px solid var(--dsw-alias-border-l2)",
148
149
  borderRadius: 8,
149
- color: "var(--dsw-alias-label-primary, inherit)",
150
+ color: "var(--dsw-alias-label-primary)",
150
151
  fontSize: 13,
151
152
  outline: "none",
152
153
  boxSizing: "border-box"
@@ -157,9 +158,9 @@ window.__ModuleLoader__.load({
157
158
  };
158
159
  const errorStyle$1 = {
159
160
  fontSize: 12,
160
- color: "var(--dsw-alias-state-error-primary, #e24b4a)",
161
+ color: "var(--dsw-alias-state-error-primary)",
161
162
  padding: "8px 12px",
162
- background: "rgba(226, 75, 74, 0.08)",
163
+ background: "color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent)",
163
164
  borderRadius: 6
164
165
  };
165
166
  const footer = {
@@ -168,41 +169,17 @@ window.__ModuleLoader__.load({
168
169
  justifyContent: "flex-end",
169
170
  gap: 8,
170
171
  padding: "14px 18px",
171
- borderTop: "1px solid var(--dsw-alias-border-l1, #eee)",
172
+ borderTop: "1px solid var(--dsw-alias-border-l3)",
172
173
  flexShrink: 0
173
174
  };
174
- const btnGhost = {
175
- height: 36,
176
- padding: "0 16px",
177
- background: "transparent",
178
- color: "var(--dsw-alias-label-secondary, #555)",
179
- border: "1px solid var(--dsw-alias-border-l2, #ccc)",
180
- borderRadius: 8,
181
- cursor: "pointer",
182
- fontSize: 13
183
- };
184
- const btnPrimary = {
185
- display: "inline-flex",
186
- alignItems: "center",
187
- gap: 6,
188
- height: 36,
189
- padding: "0 18px",
190
- background: "var(--dsw-alias-state-business-primary, #185FA5)",
191
- color: "#fff",
192
- border: "none",
193
- borderRadius: 8,
194
- cursor: "pointer",
195
- fontSize: 13,
196
- fontWeight: 500
197
- };
198
175
  const qrBox = {
199
176
  display: "flex",
200
177
  flexDirection: "column",
201
178
  alignItems: "center",
202
179
  gap: 10,
203
180
  padding: "16px",
204
- background: "var(--dsw-alias-bg-layer-1, rgba(0,0,0,0.02))",
205
- border: "1px dashed var(--dsw-alias-border-l3, #ccc)",
181
+ background: "var(--dsw-alias-bg-layer-1)",
182
+ border: "1px dashed var(--dsw-alias-border-l3)",
206
183
  borderRadius: 10
207
184
  };
208
185
  const qrImg = {
@@ -215,7 +192,7 @@ window.__ModuleLoader__.load({
215
192
  const qrHint = {
216
193
  margin: 0,
217
194
  fontSize: 12,
218
- color: "var(--dsw-alias-label-secondary, #555)",
195
+ color: "var(--dsw-alias-label-secondary)",
219
196
  textAlign: "center",
220
197
  lineHeight: 1.5,
221
198
  wordBreak: "break-all"
@@ -229,7 +206,7 @@ window.__ModuleLoader__.load({
229
206
  };
230
207
  const qrLink = {
231
208
  fontSize: 12,
232
- color: "var(--dsw-alias-state-business-primary, #185FA5)",
209
+ color: "var(--dsw-alias-state-business-primary)",
233
210
  textDecoration: "none",
234
211
  cursor: "pointer",
235
212
  maxWidth: "100%",
@@ -474,8 +451,9 @@ window.__ModuleLoader__.load({
474
451
  href: qr.qrcode,
475
452
  target: "_blank",
476
453
  rel: "noreferrer"
477
- }, qr.qrcode.slice(0, 60)) : null, (0, react.createElement)("button", {
478
- style: btnGhost,
454
+ }, qr.qrcode.slice(0, 60)) : null, (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
455
+ variant: "ghost",
456
+ size: "sm",
479
457
  onClick: () => void handleCancelQrLogin()
480
458
  }, t("btn.cancel"))),
481
459
  qr.verifyCodeNeeded || qr.status === "need_verifycode" ? (0, react.createElement)("div", {
@@ -494,24 +472,26 @@ window.__ModuleLoader__.load({
494
472
  value: verifyCode,
495
473
  placeholder: t("qr.verifyPlaceholder"),
496
474
  onChange: (e) => setVerifyCode(e.target.value)
497
- }), (0, react.createElement)("button", {
498
- style: btnPrimary,
475
+ }), (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
476
+ variant: "primary",
477
+ size: "sm",
499
478
  onClick: () => void handleSubmitVerifyCode(),
500
479
  disabled: !verifyCode.trim()
501
480
  }, t("btn.confirm"))) : null
502
481
  ] : [(0, react.createElement)("p", {
503
482
  key: "hint",
504
483
  style: qrHint
505
- }, qr?.message || (hasCredentials ? type === "qq" ? t("qr.bound.qq") : t("qr.bound.weixin") : type === "qq" ? t("qr.unbound.qq") : t("qr.unbound.weixin"))), (0, react.createElement)("button", {
484
+ }, qr?.message || (hasCredentials ? type === "qq" ? t("qr.bound.qq") : t("qr.bound.weixin") : type === "qq" ? t("qr.unbound.qq") : t("qr.unbound.weixin"))), (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
506
485
  key: "start",
507
- style: btnGhost,
486
+ variant: "ghost",
487
+ size: "sm",
508
488
  onClick: () => void handleStartQrLogin(),
509
489
  disabled: qrPolling
510
- }, qrPolling ? t("qr.fetching") : t("qr.scanLogin", { 0: typeLabel(type) }))]) : null, error ? (0, react.createElement)("div", { style: errorStyle$1 }, error) : null), (0, react.createElement)("div", { style: footer }, (0, react.createElement)("button", {
511
- style: btnGhost,
490
+ }, qrPolling ? t("qr.fetching") : t("qr.scanLogin", { 0: typeLabel(type) }))]) : null, error ? (0, react.createElement)("div", { style: errorStyle$1 }, error) : null), (0, react.createElement)("div", { style: footer }, (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
491
+ variant: "ghost",
512
492
  onClick: onClose
513
- }, t("btn.cancel")), (0, react.createElement)("button", {
514
- style: btnPrimary,
493
+ }, t("btn.cancel")), (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
494
+ variant: "primary",
515
495
  onClick: () => void handleSave(),
516
496
  disabled: saving || !canSave
517
497
  }, saving ? t("btn.saving") : t("btn.save")))));
@@ -543,7 +523,7 @@ window.__ModuleLoader__.load({
543
523
  justifyContent: "space-between",
544
524
  padding: "14px 0",
545
525
  flexShrink: 0,
546
- borderBottom: "1px solid var(--dsw-alias-border-l2, #eee)"
526
+ borderBottom: "1px solid var(--dsw-alias-border-l2)"
547
527
  };
548
528
  const titleRow = {
549
529
  display: "flex",
@@ -554,7 +534,7 @@ window.__ModuleLoader__.load({
554
534
  const title = {
555
535
  fontSize: 17,
556
536
  fontWeight: 500,
557
- color: "var(--dsw-alias-label-primary, inherit)",
537
+ color: "var(--dsw-alias-label-primary)",
558
538
  margin: 0,
559
539
  whiteSpace: "nowrap"
560
540
  };
@@ -566,8 +546,8 @@ window.__ModuleLoader__.load({
566
546
  height: 22,
567
547
  padding: "0 7px",
568
548
  borderRadius: 999,
569
- background: "var(--dsw-alias-bg-layer-3, #eee)",
570
- color: "var(--dsw-alias-label-secondary, #555)",
549
+ background: "var(--dsw-alias-bg-layer-3)",
550
+ color: "var(--dsw-alias-label-secondary)",
571
551
  fontSize: 11,
572
552
  fontWeight: 500
573
553
  };
@@ -576,20 +556,6 @@ window.__ModuleLoader__.load({
576
556
  alignItems: "center",
577
557
  gap: 8
578
558
  };
579
- const addBtn = {
580
- display: "inline-flex",
581
- alignItems: "center",
582
- gap: 6,
583
- height: 32,
584
- padding: "0 14px",
585
- border: "none",
586
- borderRadius: 8,
587
- background: "var(--dsw-alias-state-business-primary, #185FA5)",
588
- color: "#fff",
589
- fontSize: 13,
590
- fontWeight: 500,
591
- cursor: "pointer"
592
- };
593
559
  const body = {
594
560
  flex: 1,
595
561
  overflowY: "auto",
@@ -603,10 +569,10 @@ window.__ModuleLoader__.load({
603
569
  const errorStyle = {
604
570
  fontSize: 12,
605
571
  lineHeight: 1.5,
606
- color: "var(--dsw-alias-state-error-primary, #e24b4a)",
572
+ color: "var(--dsw-alias-state-error-primary)",
607
573
  padding: "10px 14px",
608
- background: "rgba(226,75,74,0.08)",
609
- border: "1px solid rgba(226,75,74,0.35)",
574
+ background: "color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent)",
575
+ border: "1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 40%, transparent)",
610
576
  borderRadius: 8,
611
577
  whiteSpace: "pre-wrap"
612
578
  };
@@ -617,15 +583,15 @@ window.__ModuleLoader__.load({
617
583
  justifyContent: "center",
618
584
  gap: 6,
619
585
  padding: "32px 24px",
620
- border: "1px dashed var(--dsw-alias-border-l3, #ccc)",
586
+ border: "1px dashed var(--dsw-alias-border-l3)",
621
587
  borderRadius: 10,
622
- background: "var(--dsw-alias-bg-layer-1, transparent)",
588
+ background: "var(--dsw-alias-bg-layer-1)",
623
589
  textAlign: "center"
624
590
  };
625
591
  const emptyText = {
626
592
  margin: 0,
627
593
  fontSize: 13,
628
- color: "var(--dsw-alias-label-secondary, #555)"
594
+ color: "var(--dsw-alias-label-secondary)"
629
595
  };
630
596
  const groupHead = {
631
597
  display: "flex",
@@ -635,7 +601,7 @@ window.__ModuleLoader__.load({
635
601
  const groupTitle = {
636
602
  fontSize: 13,
637
603
  fontWeight: 600,
638
- color: "var(--dsw-alias-label-primary, inherit)",
604
+ color: "var(--dsw-alias-label-primary)",
639
605
  margin: 0
640
606
  };
641
607
  const groupCount = {
@@ -646,8 +612,8 @@ window.__ModuleLoader__.load({
646
612
  height: 18,
647
613
  padding: "0 6px",
648
614
  borderRadius: 999,
649
- background: "var(--dsw-alias-bg-layer-3, #eee)",
650
- color: "var(--dsw-alias-label-tertiary, #888)",
615
+ background: "var(--dsw-alias-bg-layer-3)",
616
+ color: "var(--dsw-alias-label-tertiary)",
651
617
  fontSize: 10,
652
618
  fontWeight: 500
653
619
  };
@@ -661,8 +627,8 @@ window.__ModuleLoader__.load({
661
627
  alignItems: "center",
662
628
  gap: 14,
663
629
  padding: "14px 16px",
664
- background: "var(--dsw-alias-bg-layer-2, transparent)",
665
- border: "1px solid var(--dsw-alias-border-l2, #e0e0e0)",
630
+ background: "var(--dsw-alias-bg-layer-2)",
631
+ border: "1px solid var(--dsw-alias-border-l2)",
666
632
  borderRadius: 10
667
633
  };
668
634
  const channelIcon = {
@@ -672,8 +638,8 @@ window.__ModuleLoader__.load({
672
638
  width: 32,
673
639
  height: 32,
674
640
  borderRadius: 8,
675
- background: "var(--dsw-alias-bg-layer-3, #eee)",
676
- color: "var(--dsw-alias-label-secondary, #555)",
641
+ background: "var(--dsw-alias-bg-layer-3)",
642
+ color: "var(--dsw-alias-label-secondary)",
677
643
  flexShrink: 0
678
644
  };
679
645
  const channelInfo = {
@@ -692,7 +658,7 @@ window.__ModuleLoader__.load({
692
658
  const channelName = {
693
659
  fontSize: 13,
694
660
  fontWeight: 500,
695
- color: "var(--dsw-alias-label-primary, inherit)",
661
+ color: "var(--dsw-alias-label-primary)",
696
662
  overflow: "hidden",
697
663
  textOverflow: "ellipsis",
698
664
  whiteSpace: "nowrap"
@@ -705,9 +671,9 @@ window.__ModuleLoader__.load({
705
671
  };
706
672
  /** Color for a channel runtime status dot. */
707
673
  function statusColor(s) {
708
- if (s?.status === "online") return "var(--dsw-alias-state-success-primary, #1D9E75)";
709
- if (s?.status === "error") return "var(--dsw-alias-state-error-primary, #e24b4a)";
710
- return "var(--dsw-alias-label-tertiary, #bdbdbd)";
674
+ if (s?.status === "online") return "var(--dsw-alias-state-success-primary)";
675
+ if (s?.status === "error") return "var(--dsw-alias-state-error-primary)";
676
+ return "var(--dsw-alias-label-tertiary)";
711
677
  }
712
678
  const badge = {
713
679
  display: "inline-flex",
@@ -722,19 +688,19 @@ window.__ModuleLoader__.load({
722
688
  };
723
689
  const badgeOff = {
724
690
  ...badge,
725
- color: "var(--dsw-alias-state-error-primary, #e24b4a)",
726
- borderColor: "rgba(226,75,74,0.35)",
727
- background: "rgba(226,75,74,0.08)"
691
+ color: "var(--dsw-alias-state-error-primary)",
692
+ borderColor: "color-mix(in srgb, var(--dsw-alias-state-error-primary) 40%, transparent)",
693
+ background: "color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent)"
728
694
  };
729
695
  const badgeOn = {
730
696
  ...badge,
731
- color: "var(--dsw-alias-state-success-primary, #1D9E75)",
732
- borderColor: "rgba(29,158,117,0.35)",
733
- background: "rgba(29,158,117,0.08)"
697
+ color: "var(--dsw-alias-state-success-primary)",
698
+ borderColor: "color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent)",
699
+ background: "color-mix(in srgb, var(--dsw-alias-state-success-primary) 8%, transparent)"
734
700
  };
735
701
  const channelSub = {
736
702
  fontSize: 11,
737
- color: "var(--dsw-alias-label-tertiary, #888)",
703
+ color: "var(--dsw-alias-label-tertiary)",
738
704
  overflow: "hidden",
739
705
  textOverflow: "ellipsis",
740
706
  whiteSpace: "nowrap"
@@ -756,9 +722,9 @@ window.__ModuleLoader__.load({
756
722
  fontSize: 12,
757
723
  lineHeight: "18px",
758
724
  borderRadius: 14,
759
- border: "1px solid var(--dsw-alias-border-l2, #ddd)",
725
+ border: "1px solid var(--dsw-alias-border-l2)",
760
726
  background: "transparent",
761
- color: "var(--dsw-alias-label-primary, inherit)",
727
+ color: "var(--dsw-alias-label-primary)",
762
728
  cursor: "pointer"
763
729
  };
764
730
  /** Delete button — text style matching the official models settings page (dangerButton). */
@@ -774,7 +740,7 @@ window.__ModuleLoader__.load({
774
740
  borderRadius: 14,
775
741
  border: "none",
776
742
  background: "transparent",
777
- color: "var(--dsw-alias-state-error-primary, #e24b4a)",
743
+ color: "var(--dsw-alias-state-error-primary)",
778
744
  cursor: "pointer"
779
745
  };
780
746
  const toggleBtn = {
@@ -783,14 +749,14 @@ window.__ModuleLoader__.load({
783
749
  height: 21,
784
750
  border: "none",
785
751
  borderRadius: 999,
786
- background: "var(--dsw-alias-border-l2, #ccc)",
752
+ background: "var(--dsw-alias-border-l2)",
787
753
  cursor: "pointer",
788
754
  padding: 0,
789
755
  flexShrink: 0
790
756
  };
791
757
  const toggleOn = {
792
758
  ...toggleBtn,
793
- background: "var(--dsw-alias-state-business-primary, #185FA5)"
759
+ background: "var(--dsw-alias-state-business-primary)"
794
760
  };
795
761
  const toggleKnob = {
796
762
  position: "absolute",
@@ -799,7 +765,7 @@ window.__ModuleLoader__.load({
799
765
  width: 17,
800
766
  height: 17,
801
767
  borderRadius: "50%",
802
- background: "#fff",
768
+ background: "var(--dsw-alias-label-primary-foreground)",
803
769
  boxShadow: "0 1px 2px rgba(0,0,0,0.25)",
804
770
  transition: "left 0.15s ease"
805
771
  };
@@ -924,21 +890,23 @@ window.__ModuleLoader__.load({
924
890
  label: type === "dingtalk" ? t("type.dingtalk") : type === "qq" ? t("type.qq") : type === "weixin" ? t("type.weixin") : type,
925
891
  items: channels.filter((inst) => inst.type === type)
926
892
  }));
927
- return (0, react.createElement)("div", { style: page }, (0, react.createElement)("div", { style: header }, (0, react.createElement)("div", { style: titleRow }, (0, react.createElement)("h2", { style: title }, t("page.title")), channels.length > 0 ? (0, react.createElement)("span", { style: countBadge }, String(channels.length)) : null), (0, react.createElement)("div", { style: headerRight }, (0, react.createElement)("button", {
928
- style: addBtn,
893
+ return (0, react.createElement)("div", { style: page }, (0, react.createElement)("div", { style: header }, (0, react.createElement)("div", { style: titleRow }, (0, react.createElement)("h2", { style: title }, t("page.title")), channels.length > 0 ? (0, react.createElement)("span", { style: countBadge }, String(channels.length)) : null), (0, react.createElement)("div", { style: headerRight }, (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
894
+ variant: "primary",
895
+ size: "sm",
896
+ icon: (0, react.createElement)("svg", {
897
+ width: 16,
898
+ height: 16,
899
+ viewBox: "0 0 16 16",
900
+ fill: "none",
901
+ stroke: "currentColor",
902
+ strokeWidth: 1.5,
903
+ strokeLinecap: "round"
904
+ }, (0, react.createElement)("path", { d: "M8 3v10M3 8h10" })),
929
905
  onClick: () => {
930
906
  setEditId(void 0);
931
907
  setModalOpen(true);
932
908
  }
933
- }, (0, react.createElement)("svg", {
934
- width: 16,
935
- height: 16,
936
- viewBox: "0 0 16 16",
937
- fill: "none",
938
- stroke: "currentColor",
939
- strokeWidth: 1.5,
940
- strokeLinecap: "round"
941
- }, (0, react.createElement)("path", { d: "M8 3v10M3 8h10" })), (0, react.createElement)("span", null, t("btn.add"))))), (0, react.createElement)("div", { style: body }, error ? (0, react.createElement)("div", { style: errorStyle }, error) : null, loading ? (0, react.createElement)("div", { style: empty }, (0, react.createElement)("p", { style: emptyText }, t("state.loading"))) : channels.length === 0 ? (0, react.createElement)("div", { style: empty }, (0, react.createElement)("p", { style: emptyText }, t("state.empty"))) : (0, react.createElement)("div", { style: {
909
+ }, t("btn.add")))), (0, react.createElement)("div", { style: body }, error ? (0, react.createElement)("div", { style: errorStyle }, error) : null, loading ? (0, react.createElement)("div", { style: empty }, (0, react.createElement)("p", { style: emptyText }, t("state.loading"))) : channels.length === 0 ? (0, react.createElement)("div", { style: empty }, (0, react.createElement)("p", { style: emptyText }, t("state.empty"))) : (0, react.createElement)("div", { style: {
942
910
  display: "flex",
943
911
  flexDirection: "column",
944
912
  gap: 16
@@ -988,7 +956,7 @@ window.__ModuleLoader__.load({
988
956
  display: "flex",
989
957
  alignItems: "center",
990
958
  justifyContent: "center",
991
- background: "rgba(0,0,0,0.5)",
959
+ background: "var(--dsw-alias-bg-mask-1)",
992
960
  padding: 24
993
961
  },
994
962
  onMouseDown: (e) => {
@@ -1001,19 +969,20 @@ window.__ModuleLoader__.load({
1001
969
  gap: 12,
1002
970
  width: 380,
1003
971
  maxWidth: "100%",
1004
- background: "var(--dsw-alias-bg-layer-2, #fff)",
1005
- border: "1px solid var(--dsw-alias-border-l2, #ddd)",
1006
- borderRadius: 14,
972
+ background: "var(--dsw-alias-bg-layer-3)",
973
+ border: "1px solid var(--dsw-alias-border-l1)",
974
+ borderRadius: 12,
1007
975
  padding: "18px",
1008
- boxShadow: "0 20px 48px rgba(0,0,0,0.36)"
976
+ boxShadow: "var(--dsw-shadow-lv2)"
1009
977
  },
1010
978
  onClick: (e) => e.stopPropagation()
1011
979
  }, (0, react.createElement)("div", { style: {
1012
980
  fontSize: 15,
1013
- fontWeight: 500
981
+ fontWeight: 500,
982
+ color: "var(--dsw-alias-label-primary)"
1014
983
  } }, t("delete.title")), (0, react.createElement)("p", { style: {
1015
984
  fontSize: 13,
1016
- color: "var(--dsw-alias-label-secondary, #555)",
985
+ color: "var(--dsw-alias-label-secondary)",
1017
986
  margin: 0
1018
987
  } }, t("delete.confirm")), (0, react.createElement)("div", { style: {
1019
988
  display: "flex",
@@ -1024,8 +993,8 @@ window.__ModuleLoader__.load({
1024
993
  height: 32,
1025
994
  padding: "0 14px",
1026
995
  background: "transparent",
1027
- color: "inherit",
1028
- border: "1px solid var(--dsw-alias-border-l2, #ccc)",
996
+ color: "var(--dsw-alias-label-primary)",
997
+ border: "1px solid var(--dsw-alias-border-l2)",
1029
998
  borderRadius: 8,
1030
999
  cursor: "pointer",
1031
1000
  fontSize: 13
@@ -1035,8 +1004,8 @@ window.__ModuleLoader__.load({
1035
1004
  style: {
1036
1005
  height: 32,
1037
1006
  padding: "0 14px",
1038
- background: "var(--dsw-alias-state-error-primary, #e24b4a)",
1039
- color: "#fff",
1007
+ background: "var(--dsw-alias-state-error-primary)",
1008
+ color: "var(--dsw-alias-label-primary-foreground)",
1040
1009
  border: "none",
1041
1010
  borderRadius: 8,
1042
1011
  cursor: "pointer",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lijian-ui/dsh-im-gateway",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "description": "Multi-channel IM gateway plugin for DeepSeek Harness (dsh): DingTalk / QQ / WeChat(iLink) with QR-scan binding, streaming replies, and a unified ctx.imGateway service. 为 DeepSeek Harness 提供钉钉/QQ/个人微信多 IM 通道接入。",
5
5
  "license": "MIT",
6
6
  "type": "module",