dsh-plugin-core 0.1.4 → 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.
- package/README.md +6 -8
- package/dist/design/index.d.ts +1 -1
- package/dist/design/index.d.ts.map +1 -1
- package/dist/design/index.js +1 -1
- package/dist/design/index.js.map +1 -1
- package/dist/design/style-kit.d.ts +4 -9
- package/dist/design/style-kit.d.ts.map +1 -1
- package/dist/design/style-kit.js +11 -24
- package/dist/design/style-kit.js.map +1 -1
- package/dist/design/tokens-css.d.ts +1 -1
- package/dist/design/tokens-css.d.ts.map +1 -1
- package/dist/design/tokens-css.js +162 -132
- package/dist/design/tokens-css.js.map +1 -1
- package/dist/explorer/ExplorerPanel.js +14 -14
- package/dist/explorer/ExplorerPanel.js.map +1 -1
- package/dist/explorer/explorer-css.d.ts +1 -1
- package/dist/explorer/explorer-css.d.ts.map +1 -1
- package/dist/explorer/explorer-css.js +23 -23
- package/dist/explorer/explorer-css.js.map +1 -1
- package/dist/explorer/preview/index.js +4 -4
- package/dist/explorer/preview/index.js.map +1 -1
- package/dist/session/index.js +9 -9
- package/dist/session/index.js.map +1 -1
- package/dist/session/session-css.d.ts +1 -1
- package/dist/session/session-css.js +14 -14
- package/dist/session/session-css.js.map +1 -1
- package/dist/ui/BackToTop.d.ts +1 -1
- package/dist/ui/BackToTop.d.ts.map +1 -1
- package/dist/ui/BackToTop.js +5 -5
- package/dist/ui/BackToTop.js.map +1 -1
- package/dist/ui/Button.d.ts +16 -5
- package/dist/ui/Button.d.ts.map +1 -1
- package/dist/ui/Button.js +53 -14
- package/dist/ui/Button.js.map +1 -1
- package/dist/ui/Card.js +8 -8
- package/dist/ui/Card.js.map +1 -1
- package/dist/ui/Checkbox.d.ts +2 -2
- package/dist/ui/Checkbox.d.ts.map +1 -1
- package/dist/ui/Checkbox.js +4 -4
- package/dist/ui/Checkbox.js.map +1 -1
- package/dist/ui/Chip.d.ts +1 -1
- package/dist/ui/Chip.d.ts.map +1 -1
- package/dist/ui/Chip.js +2 -2
- package/dist/ui/Chip.js.map +1 -1
- package/dist/ui/EmptyState.js +1 -1
- package/dist/ui/EmptyState.js.map +1 -1
- package/dist/ui/ErrorBoundary.js +1 -1
- package/dist/ui/ErrorBoundary.js.map +1 -1
- package/dist/ui/Field.d.ts +1 -1
- package/dist/ui/Field.d.ts.map +1 -1
- package/dist/ui/Field.js +19 -19
- package/dist/ui/Field.js.map +1 -1
- package/dist/ui/FieldHint.js +2 -2
- package/dist/ui/FieldHint.js.map +1 -1
- package/dist/ui/Loading.d.ts +1 -1
- package/dist/ui/Loading.d.ts.map +1 -1
- package/dist/ui/Loading.js +9 -9
- package/dist/ui/Loading.js.map +1 -1
- package/dist/ui/MarqueeText.d.ts +3 -3
- package/dist/ui/MarqueeText.js +5 -5
- package/dist/ui/MarqueeText.js.map +1 -1
- package/dist/ui/Modal.js +5 -5
- package/dist/ui/Modal.js.map +1 -1
- package/dist/ui/ModelPicker.js +1 -1
- package/dist/ui/ModelPicker.js.map +1 -1
- package/dist/ui/Picker.js +16 -16
- package/dist/ui/Picker.js.map +1 -1
- package/dist/ui/SectionHead.d.ts +1 -1
- package/dist/ui/SectionHead.js +4 -4
- package/dist/ui/SectionHead.js.map +1 -1
- package/dist/ui/Segmented.js +5 -5
- package/dist/ui/Segmented.js.map +1 -1
- package/dist/ui/Textarea.d.ts +2 -2
- package/dist/ui/Textarea.js +3 -3
- package/dist/ui/Textarea.js.map +1 -1
- package/dist/ui/Toast.js +3 -3
- package/dist/ui/Toast.js.map +1 -1
- package/dist/ui/card-css.d.ts +1 -1
- package/dist/ui/card-css.d.ts.map +1 -1
- package/dist/ui/card-css.js +22 -22
- package/dist/ui/card-css.js.map +1 -1
- package/dist/ui/chip-css.d.ts +1 -1
- package/dist/ui/chip-css.d.ts.map +1 -1
- package/dist/ui/chip-css.js +10 -10
- package/dist/ui/chip-css.js.map +1 -1
- package/dist/ui/controls-css.d.ts +8 -8
- package/dist/ui/controls-css.d.ts.map +1 -1
- package/dist/ui/controls-css.js +261 -203
- package/dist/ui/controls-css.js.map +1 -1
- package/dist/ui/css.d.ts +0 -11
- package/dist/ui/css.d.ts.map +1 -1
- package/dist/ui/css.js +3 -16
- package/dist/ui/css.js.map +1 -1
- package/dist/ui/feedback-css.d.ts +1 -1
- package/dist/ui/feedback-css.d.ts.map +1 -1
- package/dist/ui/feedback-css.js +30 -31
- package/dist/ui/feedback-css.js.map +1 -1
- package/dist/ui/index.d.ts +1 -1
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +2 -2
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/picker-css.d.ts +1 -1
- package/dist/ui/picker-css.d.ts.map +1 -1
- package/dist/ui/picker-css.js +32 -33
- package/dist/ui/picker-css.js.map +1 -1
- package/dist/ui/resizer.d.ts +1 -1
- package/dist/ui/resizer.d.ts.map +1 -1
- package/dist/ui/resizer.js +1 -1
- package/dist/ui/resizer.js.map +1 -1
- package/docs/design/architecture.md +3 -3
- package/docs/design/features/design.md +5 -7
- package/docs/design/features/ui.md +27 -9
- package/docs/design/features.md +1 -1
- package/docs/design/structure.md +1 -1
- package/docs/design/style.md +34 -17
- package/docs/examples/integration.md +3 -5
- package/docs/requirements.md +8 -12
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/explorer/preview/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/explorer/preview/index.ts"],"names":[],"mappings":"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"}
|
package/dist/session/index.js
CHANGED
|
@@ -37,35 +37,35 @@ export function SessionPreview(props) {
|
|
|
37
37
|
};
|
|
38
38
|
}, [props.sessionId, props.source, nonce]);
|
|
39
39
|
const body = loading
|
|
40
|
-
? h('div', { className: '
|
|
40
|
+
? h('div', { className: 'dshpc-ses__note' }, tt('sessionLoading'))
|
|
41
41
|
: failed
|
|
42
42
|
? h(EmptyState, {
|
|
43
43
|
text: tt('sessionFailed'),
|
|
44
44
|
translate: tt,
|
|
45
|
-
action: h('button', { type: 'button', className: '
|
|
45
|
+
action: h('button', { type: 'button', className: 'dshpc-error__retry', onClick: () => setNonce(nonce + 1) }, tt('errorRetry')),
|
|
46
46
|
})
|
|
47
47
|
: messages.length === 0
|
|
48
48
|
? h(EmptyState, { text: tt('sessionEmpty'), translate: tt })
|
|
49
|
-
: h('div', { className: '
|
|
49
|
+
: h('div', { className: 'dshpc-ses__list' }, messages.map((m) => props.renderMessage !== undefined
|
|
50
50
|
? h('div', { key: m.id }, props.renderMessage(m))
|
|
51
|
-
: h('div', { key: m.id, className: `
|
|
51
|
+
: h('div', { key: m.id, className: `dshpc-ses__msg dshpc-ses__msg--${m.role}` }, h('div', { className: 'dshpc-ses__head' }, tt(ROLE_LABEL_KEY[m.role])), h('pre', { className: 'dshpc-ses__text' }, m.text), (m.attachments ?? []).length === 0
|
|
52
52
|
? null
|
|
53
|
-
: h('div', { className: '
|
|
53
|
+
: h('div', { className: 'dshpc-ses__atts' }, (m.attachments ?? []).map((a) => h('button', {
|
|
54
54
|
key: a.path,
|
|
55
55
|
type: 'button',
|
|
56
|
-
className: '
|
|
56
|
+
className: 'dshpc-ses__att',
|
|
57
57
|
onClick: () => props.onOpenFile?.(a.path),
|
|
58
58
|
}, a.name, a.bytes === undefined ? null : ` ${formatBytes(a.bytes)}`))))));
|
|
59
59
|
if (variant === 'modal') {
|
|
60
60
|
return h(Modal, {
|
|
61
61
|
title: props.title ?? props.sessionId,
|
|
62
62
|
onClose: props.onClose,
|
|
63
|
-
children: h('div', { className: '
|
|
63
|
+
children: h('div', { className: 'dshpc-ses', style: { minWidth: 'min(720px, 88vw)' } }, body),
|
|
64
64
|
});
|
|
65
65
|
}
|
|
66
|
-
return h('div', { className: `
|
|
66
|
+
return h('div', { className: `dshpc-ses dshpc-ses--${variant}` }, props.onClose === undefined
|
|
67
67
|
? null
|
|
68
|
-
: h('div', { className: '
|
|
68
|
+
: h('div', { className: 'dshpc-ses__head' }, h('button', { type: 'button', className: 'dshpc-exp__crumb', onClick: props.onClose }, '✕')), body);
|
|
69
69
|
}
|
|
70
70
|
export { ROLE_LABEL_KEY } from './types.js';
|
|
71
71
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/session/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,CAAC,EAAkB,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,cAAc,EAA2C,MAAM,YAAY,CAAA;AAqBpF,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,cAAc,EAAE,CAAA;IAChB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,OAAO,CAAA;IACxC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAA;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,GAAG,IAAI,CAAA;QAChB,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,KAAK,CAAC,MAAM;aACT,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC;aAC7B,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;YACb,IAAI,KAAK,EAAE,CAAC;gBACV,WAAW,CAAC,IAAI,CAAC,CAAA;gBACjB,UAAU,CAAC,KAAK,CAAC,CAAA;YACnB,CAAC;QACH,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,IAAI,KAAK,EAAE,CAAC;gBACV,WAAW,CAAC,EAAE,CAAC,CAAA;gBACf,SAAS,CAAC,IAAI,CAAC,CAAA;gBACf,UAAU,CAAC,KAAK,CAAC,CAAA;YACnB,CAAC;QACH,CAAC,CAAC,CAAA;QACJ,OAAO,GAAG,EAAE;YACV,KAAK,GAAG,KAAK,CAAA;QACf,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;IAE1C,MAAM,IAAI,GAAc,OAAO;QAC7B,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/session/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,CAAC,EAAkB,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,cAAc,EAA2C,MAAM,YAAY,CAAA;AAqBpF,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,cAAc,EAAE,CAAA;IAChB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,OAAO,CAAA;IACxC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAA;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,GAAG,IAAI,CAAA;QAChB,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,KAAK,CAAC,MAAM;aACT,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC;aAC7B,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;YACb,IAAI,KAAK,EAAE,CAAC;gBACV,WAAW,CAAC,IAAI,CAAC,CAAA;gBACjB,UAAU,CAAC,KAAK,CAAC,CAAA;YACnB,CAAC;QACH,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,IAAI,KAAK,EAAE,CAAC;gBACV,WAAW,CAAC,EAAE,CAAC,CAAA;gBACf,SAAS,CAAC,IAAI,CAAC,CAAA;gBACf,UAAU,CAAC,KAAK,CAAC,CAAA;YACnB,CAAC;QACH,CAAC,CAAC,CAAA;QACJ,OAAO,GAAG,EAAE;YACV,KAAK,GAAG,KAAK,CAAA;QACf,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;IAE1C,MAAM,IAAI,GAAc,OAAO;QAC7B,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;QAClE,CAAC,CAAC,MAAM;YACN,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE;gBACZ,IAAI,EAAE,EAAE,CAAC,eAAe,CAAC;gBACzB,SAAS,EAAE,EAAE;gBACb,MAAM,EAAE,CAAC,CACP,QAAQ,EACR,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,oBAAoB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,EACvF,EAAE,CAAC,YAAY,CAAC,CACjB;aACF,CAAC;YACJ,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;gBACrB,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;gBAC5D,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAChC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACjB,KAAK,CAAC,aAAa,KAAK,SAAS;oBAC/B,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;oBACjD,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,kCAAkC,CAAC,CAAC,IAAI,EAAE,EAAE,EACpE,CAAC,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EACtE,CAAC,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAClD,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,MAAM,KAAK,CAAC;wBAChC,CAAC,CAAC,IAAI;wBACN,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAChC,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAC9B,CAAC,CACC,QAAQ,EACR;4BACE,GAAG,EAAE,CAAC,CAAC,IAAI;4BACX,IAAI,EAAE,QAAQ;4BACd,SAAS,EAAE,gBAAgB;4BAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;yBAC1C,EACD,CAAC,CAAC,IAAI,EACN,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAC1D,CACF,CACF,CACN,CACN,CACF,CAAA;IAET,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;QACxB,OAAO,CAAC,CAAC,KAAK,EAAE;YACd,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS;YACrC,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,EAAE,IAAI,CAAC;SAC9F,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,CAAC,CACN,KAAK,EACL,EAAE,SAAS,EAAE,wBAAwB,OAAO,EAAE,EAAE,EAChD,KAAK,CAAC,OAAO,KAAK,SAAS;QACzB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAChC,CAAC,CACC,QAAQ,EACR,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,EACzE,GAAG,CACJ,CACF,EACL,IAAI,CACL,CAAA;AACH,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const SESSION_CSS = "\n.
|
|
1
|
+
export declare const SESSION_CSS = "\n.dshpc-ses{display:flex;flex-direction:column;min-height:0;color:var(--dshpc-fg);font-size:13px}\n.dshpc-ses--sidebar{height:100%;border-left:1px solid var(--dshpc-border-faint);background:var(--dshpc-surface-base)}\n.dshpc-ses--page{height:100%;background:var(--dshpc-surface-base)}\n.dshpc-ses__list{flex:1;min-height:0;overflow:auto;padding:8px 12px;display:flex;flex-direction:column;gap:10px}\n.dshpc-ses__msg{padding:8px 10px;border-radius:8px;background:var(--dshpc-surface-2);border:1px solid var(--dshpc-border-faint)}\n.dshpc-ses__msg--user{background:var(--dshpc-open-bg-soft)}\n.dshpc-ses__head{display:flex;align-items:center;gap:6px;margin-bottom:4px;color:var(--dshpc-fg-3);font-size:11px}\n.dshpc-ses__text{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.6}\n.dshpc-ses__atts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}\n.dshpc-ses__att{\n display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;\n background:var(--dshpc-chip-bg);color:var(--dshpc-fg);cursor:pointer;border:none;font:inherit;font-size:12px;\n}\n.dshpc-ses__att:hover{background:var(--dshpc-chip-bg-hover)}\n.dshpc-ses__note{padding:12px;color:var(--dshpc-fg-3);text-align:center}\n";
|
|
2
2
|
//# sourceMappingURL=session-css.d.ts.map
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
// 会话预览样式。类名固定
|
|
1
|
+
// 会话预览样式。类名固定 dshpc-ses-*。
|
|
2
2
|
export const SESSION_CSS = `
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
3
|
+
.dshpc-ses{display:flex;flex-direction:column;min-height:0;color:var(--dshpc-fg);font-size:13px}
|
|
4
|
+
.dshpc-ses--sidebar{height:100%;border-left:1px solid var(--dshpc-border-faint);background:var(--dshpc-surface-base)}
|
|
5
|
+
.dshpc-ses--page{height:100%;background:var(--dshpc-surface-base)}
|
|
6
|
+
.dshpc-ses__list{flex:1;min-height:0;overflow:auto;padding:8px 12px;display:flex;flex-direction:column;gap:10px}
|
|
7
|
+
.dshpc-ses__msg{padding:8px 10px;border-radius:8px;background:var(--dshpc-surface-2);border:1px solid var(--dshpc-border-faint)}
|
|
8
|
+
.dshpc-ses__msg--user{background:var(--dshpc-open-bg-soft)}
|
|
9
|
+
.dshpc-ses__head{display:flex;align-items:center;gap:6px;margin-bottom:4px;color:var(--dshpc-fg-3);font-size:11px}
|
|
10
|
+
.dshpc-ses__text{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.6}
|
|
11
|
+
.dshpc-ses__atts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
|
|
12
|
+
.dshpc-ses__att{
|
|
13
13
|
display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;
|
|
14
|
-
background:var(--
|
|
14
|
+
background:var(--dshpc-chip-bg);color:var(--dshpc-fg);cursor:pointer;border:none;font:inherit;font-size:12px;
|
|
15
15
|
}
|
|
16
|
-
.
|
|
17
|
-
.
|
|
16
|
+
.dshpc-ses__att:hover{background:var(--dshpc-chip-bg-hover)}
|
|
17
|
+
.dshpc-ses__note{padding:12px;color:var(--dshpc-fg-3);text-align:center}
|
|
18
18
|
`;
|
|
19
19
|
//# sourceMappingURL=session-css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"session-css.js","sourceRoot":"","sources":["../../src/session/session-css.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"session-css.js","sourceRoot":"","sources":["../../src/session/session-css.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,MAAM,CAAC,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;CAgB1B,CAAA"}
|
package/dist/ui/BackToTop.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackToTop.d.ts","sourceRoot":"","sources":["../../src/ui/BackToTop.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,aAAa,IAAI,CAAC,EAA+B,MAAM,OAAO,CAAA;AAwBvE,MAAM,WAAW,cAAc;IAC7B,
|
|
1
|
+
{"version":3,"file":"BackToTop.d.ts","sourceRoot":"","sources":["../../src/ui/BackToTop.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,aAAa,IAAI,CAAC,EAA+B,MAAM,OAAO,CAAA;AAwBvE,MAAM,WAAW,cAAc;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,mBAAmB;AACnB,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAiErE"}
|
package/dist/ui/BackToTop.js
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* 行为:
|
|
8
8
|
* - 渲染在主面板滚动容器(page 容器,overflow:auto)内;fixed 定位,**不占布局空间**;
|
|
9
|
-
* - 横向贴在主内容列(`PANEL_CONTENT_ID` = `
|
|
9
|
+
* - 横向贴在主内容列(`PANEL_CONTENT_ID` = `dshpc-main`,限宽 1120)**右缘外侧**、页面靠下,
|
|
10
10
|
* 与主内容同进退(窗口 resize / 分栏 dock 开合都会跟住);
|
|
11
11
|
* - 滚动超过阈值(默认 320px)才显形,否则隐身(`.is-visible` 切换);
|
|
12
12
|
* - 点击把滚动容器平滑滚回顶部(prefers-reduced-motion 下改用瞬时)。
|
|
@@ -18,9 +18,9 @@
|
|
|
18
18
|
*/
|
|
19
19
|
import { ensureControls } from './css.js';
|
|
20
20
|
import { createElement as h, useEffect, useRef, useState } from 'react';
|
|
21
|
-
// 主内容列 id 与 `<Loading />` 同源:必须 == ui/index.ts 的 `PANEL_CONTENT_ID`(`
|
|
21
|
+
// 主内容列 id 与 `<Loading />` 同源:必须 == ui/index.ts 的 `PANEL_CONTENT_ID`(`dshpc-main`),
|
|
22
22
|
// 这里用字面量避免与 ui/index 形成循环依赖(Loading 同样如此)。
|
|
23
|
-
const DEFAULT_ANCHOR_ID = '
|
|
23
|
+
const DEFAULT_ANCHOR_ID = 'dshpc-main';
|
|
24
24
|
/** 滚动超过这个距离(px)才显形。 */
|
|
25
25
|
const SHOW_THRESHOLD_PX = 320;
|
|
26
26
|
/** 按钮左缘与主内容列右缘的间隙(px)。 */
|
|
@@ -100,11 +100,11 @@ export function BackToTop(props) {
|
|
|
100
100
|
return h('button', {
|
|
101
101
|
ref,
|
|
102
102
|
type: 'button',
|
|
103
|
-
className: `
|
|
103
|
+
className: `dshpc-backtotop${visible ? ' is-visible' : ''}`,
|
|
104
104
|
style: { left },
|
|
105
105
|
'aria-label': '回到顶部',
|
|
106
106
|
title: '回到顶部',
|
|
107
107
|
onClick,
|
|
108
|
-
}, h('span', { className: '
|
|
108
|
+
}, h('span', { className: 'dshpc-backto-top__arrow' }, '↑'));
|
|
109
109
|
}
|
|
110
110
|
//# sourceMappingURL=BackToTop.js.map
|
package/dist/ui/BackToTop.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackToTop.js","sourceRoot":"","sources":["../../src/ui/BackToTop.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,EAAE,aAAa,IAAI,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvE,
|
|
1
|
+
{"version":3,"file":"BackToTop.js","sourceRoot":"","sources":["../../src/ui/BackToTop.ts"],"names":[],"mappings":"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"}
|
package/dist/ui/Button.d.ts
CHANGED
|
@@ -1,15 +1,26 @@
|
|
|
1
1
|
import { createElement as h, type CSSProperties, type ReactNode } from 'react';
|
|
2
2
|
/** 按钮外观档。 */
|
|
3
|
-
export type ButtonVariant = 'primary' | 'outline' | 'ghost' | 'danger';
|
|
3
|
+
export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success' | 'warning' | 'info' | 'danger-outline' | 'link';
|
|
4
4
|
/** 按钮高度档(sm 24 / md 28 / lg 32)。 */
|
|
5
5
|
export type ButtonSize = 'sm' | 'md' | 'lg';
|
|
6
6
|
export interface ButtonProps {
|
|
7
7
|
/** 外观档(默认 outline)。 */
|
|
8
8
|
variant?: ButtonVariant;
|
|
9
|
-
/** 高度档(默认
|
|
9
|
+
/** 高度档(默认 lg)。 */
|
|
10
10
|
size?: ButtonSize;
|
|
11
|
-
/**
|
|
11
|
+
/** 前置图标(可选;字符串 / 官方图标组件都可以)。 */
|
|
12
12
|
icon?: ReactNode;
|
|
13
|
+
/** 后置图标(可选;如「展开 / 外链」箭头)。 */
|
|
14
|
+
iconRight?: ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* 自定义主色(任意 CSS 色值,如 `#7c3aed` / `var(--dshpc-business)`)。
|
|
17
|
+
* 实心档作底色、描边与文字档作主色;hover / active 由基础层按该色混出。
|
|
18
|
+
*/
|
|
19
|
+
color?: string;
|
|
20
|
+
/** 加载中:文案前显示同色小圈,并自动禁用点击。 */
|
|
21
|
+
loading?: boolean;
|
|
22
|
+
/** 撑满父宽。 */
|
|
23
|
+
block?: boolean;
|
|
13
24
|
/** 追加 class(只允许补布局、或挂本文件声明的修饰类,不许覆盖皮肤)。 */
|
|
14
25
|
className?: string;
|
|
15
26
|
/** 追加样式(只允许补布局,不许覆盖皮肤)。 */
|
|
@@ -22,7 +33,7 @@ export interface ButtonProps {
|
|
|
22
33
|
export interface IconButtonProps {
|
|
23
34
|
/** 外观档(默认 plain)。 */
|
|
24
35
|
variant?: 'plain' | 'outline' | 'danger';
|
|
25
|
-
/** 高度档(默认
|
|
36
|
+
/** 高度档(默认 lg)。 */
|
|
26
37
|
size?: ButtonSize;
|
|
27
38
|
/** 图标(必填)。 */
|
|
28
39
|
icon: ReactNode;
|
|
@@ -36,7 +47,7 @@ export interface IconButtonProps {
|
|
|
36
47
|
[key: string]: unknown;
|
|
37
48
|
}
|
|
38
49
|
/**
|
|
39
|
-
*
|
|
50
|
+
* 渲染一个「图标 + 文案」按钮。
|
|
40
51
|
*
|
|
41
52
|
* @param props 见 {@link ButtonProps}。
|
|
42
53
|
* @returns 按钮元素。
|
package/dist/ui/Button.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/ui/Button.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/ui/Button.ts"],"names":[],"mappings":"AAsBA,OAAO,EAAE,aAAa,IAAI,CAAC,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9E,aAAa;AACb,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,GACT,MAAM,GACN,gBAAgB,GAChB,MAAM,CAAA;AAEV,oCAAoC;AACpC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAK3C,MAAM,WAAW,WAAW;IAC1B,uBAAuB;IACvB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,kBAAkB;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,gCAAgC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY;IACZ,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,eAAe;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wEAAwE;IACxE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAA;IACxC,kBAAkB;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,cAAc;IACd,IAAI,EAAE,SAAS,CAAA;IACf,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY;IACZ,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,0BAA0B;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AA6BD;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAuB/D;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAYvE"}
|
package/dist/ui/Button.js
CHANGED
|
@@ -1,38 +1,77 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* 按钮 / 图标钮 —— **全站唯一实现**(L2 组件皮肤,P2)
|
|
3
3
|
*
|
|
4
|
-
*
|
|
5
|
-
* - `variant
|
|
6
|
-
*
|
|
4
|
+
* 三轴模型:
|
|
5
|
+
* - `variant`:外观档(形态 + 语义色),共 10 档
|
|
6
|
+
* primary(黑实心)/ secondary(灰实心)/ outline(描边)/ ghost(无底无边)
|
|
7
|
+
* danger(红实心)/ success(绿实心)/ warning(黄实心)/ info(蓝实心)
|
|
8
|
+
* danger-outline(红字描边)/ link(行内链接)
|
|
9
|
+
* - `size`:`sm`(24) / `md`(28) / `lg`(32) —— 高度一律吃 `--dshpc-control-h-*`,
|
|
10
|
+
* **有边 / 无边同高**(边框在内部补回)
|
|
11
|
+
* - `block`:撑满父宽
|
|
12
|
+
*
|
|
13
|
+
* 内容轴:`icon`(前置)/ `iconRight`(后置)/ `loading`(前置小圈并自动禁用)。
|
|
14
|
+
* 颜色轴:任一档都可以再用 `color` 传任意 CSS 色值 —— 只覆盖 `--btn-*` 几个变量,
|
|
15
|
+
* 不新增皮肤(皮肤仍只在 `controls-css.ts` 里)。
|
|
7
16
|
*
|
|
8
17
|
* `IconButton` 是纯图标钮:`plain`(默认无底无边,hover 起灰底)/ `outline`(描边)/ `danger`(红)。
|
|
9
|
-
*
|
|
18
|
+
* 兼容别名:`danger-ink` 仍是 `danger-outline` 的旧类名,可直接挂 className。
|
|
10
19
|
*
|
|
11
|
-
* ⚠️ 不许在任何使用点就地写按钮样式;要多一档外观 ⇒
|
|
12
|
-
* docs/design/ui-style-guide.md §五 的流程(改基础层,一处改全站生效)。
|
|
20
|
+
* ⚠️ 不许在任何使用点就地写按钮样式;要多一档外观 ⇒ 改基础层(一处改全站生效)。
|
|
13
21
|
*/
|
|
14
22
|
import { ensureControls } from './css.js';
|
|
15
23
|
import { createElement as h } from 'react';
|
|
24
|
+
/** 实心档(color 参数按「底色」处理;其余档按「字色 + 描边色」处理)。 */
|
|
25
|
+
const SOLID_VARIANTS = ['primary', 'secondary', 'danger', 'success', 'warning', 'info'];
|
|
26
|
+
/** 把自定义颜色翻译成 5 个局部变量(只覆盖 token,不新增皮肤)。 */
|
|
27
|
+
function colorVars(variant, color) {
|
|
28
|
+
if (color === undefined || color === '')
|
|
29
|
+
return undefined;
|
|
30
|
+
if (SOLID_VARIANTS.includes(variant)) {
|
|
31
|
+
return {
|
|
32
|
+
'--btn-bg': color,
|
|
33
|
+
// 亮色主题下 --dshpc-fg 是黑 ⇒ 压深;暗色下是白 ⇒ 提亮。两边都能明确看出变化。
|
|
34
|
+
'--btn-bg-hover': `color-mix(in srgb, ${color} 82%, var(--dshpc-fg))`,
|
|
35
|
+
'--btn-bg-active': `color-mix(in srgb, ${color} 70%, var(--dshpc-fg))`,
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
return {
|
|
39
|
+
'--btn-fg': color,
|
|
40
|
+
'--btn-fg-hover': color,
|
|
41
|
+
'--btn-border': color,
|
|
42
|
+
'--btn-bg-hover': `color-mix(in srgb, ${color} 12%, transparent)`,
|
|
43
|
+
'--btn-bg-active': `color-mix(in srgb, ${color} 18%, transparent)`,
|
|
44
|
+
};
|
|
45
|
+
}
|
|
16
46
|
/** 组装按钮 class(结构一套 + 轴类)。 */
|
|
17
|
-
function buttonClass(variant, size, extra) {
|
|
18
|
-
return `
|
|
47
|
+
function buttonClass(variant, size, block, extra) {
|
|
48
|
+
return `dshpc-btn dshpc-btn--${variant} dshpc-btn--${size}`
|
|
49
|
+
+ `${block ? ' dshpc-btn--block' : ''}`
|
|
50
|
+
+ `${extra !== undefined && extra !== '' ? ` ${extra}` : ''}`;
|
|
19
51
|
}
|
|
20
52
|
/**
|
|
21
|
-
*
|
|
53
|
+
* 渲染一个「图标 + 文案」按钮。
|
|
22
54
|
*
|
|
23
55
|
* @param props 见 {@link ButtonProps}。
|
|
24
56
|
* @returns 按钮元素。
|
|
25
57
|
*/
|
|
26
58
|
export function Button(props) {
|
|
27
59
|
ensureControls();
|
|
28
|
-
const { variant = 'outline', size = 'lg', icon, className, style, children, ...rest } = props;
|
|
60
|
+
const { variant = 'outline', size = 'lg', icon, iconRight, color, loading = false, block = false, className, style, children, ...rest } = props;
|
|
29
61
|
const attrs = {
|
|
30
62
|
...rest,
|
|
31
63
|
type: rest.type ?? 'button',
|
|
32
|
-
|
|
33
|
-
|
|
64
|
+
disabled: rest.disabled === true || loading,
|
|
65
|
+
className: buttonClass(variant, size, block, className),
|
|
66
|
+
style: { ...colorVars(variant, color), ...style },
|
|
34
67
|
};
|
|
35
|
-
return h('button', attrs,
|
|
68
|
+
return h('button', attrs, loading
|
|
69
|
+
? h('span', { className: 'dshpc-btn__spinner', 'aria-hidden': true })
|
|
70
|
+
: icon !== undefined && icon !== null
|
|
71
|
+
? h('span', { className: 'dshpc-btn__icon' }, icon)
|
|
72
|
+
: null, children, iconRight !== undefined && iconRight !== null
|
|
73
|
+
? h('span', { className: 'dshpc-btn__icon-end' }, iconRight)
|
|
74
|
+
: null);
|
|
36
75
|
}
|
|
37
76
|
/**
|
|
38
77
|
* 渲染一个纯图标按钮。
|
|
@@ -48,7 +87,7 @@ export function IconButton(props) {
|
|
|
48
87
|
type: rest.type ?? 'button',
|
|
49
88
|
title: rest.title ?? label,
|
|
50
89
|
'aria-label': rest['aria-label'] ?? label,
|
|
51
|
-
className: `
|
|
90
|
+
className: `dshpc-iconbtn dshpc-iconbtn--${variant} dshpc-iconbtn--${size}${className !== undefined && className !== '' ? ` ${className}` : ''}`,
|
|
52
91
|
style,
|
|
53
92
|
};
|
|
54
93
|
return h('button', attrs, icon);
|
package/dist/ui/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/ui/Button.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/ui/Button.ts"],"names":[],"mappings":"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"}
|
package/dist/ui/Card.js
CHANGED
|
@@ -15,9 +15,9 @@ function CardShell(kind, props) {
|
|
|
15
15
|
const accent = props.accent ?? 'business';
|
|
16
16
|
const isPreset = CARD_ACCENTS.includes(accent);
|
|
17
17
|
const classes = [
|
|
18
|
-
'
|
|
19
|
-
kind === 'strip' ? '
|
|
20
|
-
isPreset ? `
|
|
18
|
+
'dshpc-card',
|
|
19
|
+
kind === 'strip' ? 'dshpc-card--strip' : 'dshpc-card--bordered',
|
|
20
|
+
isPreset ? `dshpc-card--${accent}` : '',
|
|
21
21
|
props.className ?? '',
|
|
22
22
|
]
|
|
23
23
|
.filter((s) => s !== '')
|
|
@@ -26,19 +26,19 @@ function CardShell(kind, props) {
|
|
|
26
26
|
const style = isPreset
|
|
27
27
|
? props.style
|
|
28
28
|
: { ...props.style, ['--card-accent']: accent };
|
|
29
|
-
return h('div', { className: classes, style }, h('span', { className: '
|
|
29
|
+
return h('div', { className: classes, style }, h('span', { className: 'dshpc-card__bar', 'aria-hidden': true }), h('div', { className: 'dshpc-card__head' }, h('div', { className: 'dshpc-card__main' }, props.children ?? null), props.action === undefined && props.onToggle === undefined
|
|
30
30
|
? null
|
|
31
|
-
: h('div', { className: '
|
|
31
|
+
: h('div', { className: 'dshpc-card__side' }, props.action ?? null, props.onToggle === undefined
|
|
32
32
|
? null
|
|
33
33
|
: h('button', {
|
|
34
34
|
type: 'button',
|
|
35
|
-
className: '
|
|
35
|
+
className: 'dshpc-card__toggle',
|
|
36
36
|
'aria-label': tt('cardToggle'),
|
|
37
37
|
'aria-expanded': props.expanded === true,
|
|
38
38
|
onClick: props.onToggle,
|
|
39
|
-
}, h('span', { className: props.expanded === true ? '
|
|
39
|
+
}, h('span', { className: props.expanded === true ? 'dshpc-card__caret is-open' : 'dshpc-card__caret' }, '▾')))), props.panel === undefined || props.expanded !== true
|
|
40
40
|
? null
|
|
41
|
-
: h('div', { className: '
|
|
41
|
+
: h('div', { className: 'dshpc-card__panel' }, props.panel));
|
|
42
42
|
}
|
|
43
43
|
/**
|
|
44
44
|
* 卡片:圆角 + 1px 边框,左侧色条上下留距(短条)。
|
package/dist/ui/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/ui/Card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,CAAC,EAAsC,MAAM,OAAO,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,EAAE,CAAC,EAAkB,MAAM,kBAAkB,CAAA;AAEpD,wDAAwD;AACxD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAU,CAAA;AAqB5F;;;;;GAKG;AACH,SAAS,SAAS,CAChB,IAA0B,EAC1B,KAAsB;IAEtB,cAAc,EAAE,CAAA;IAChB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;IAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,UAAU,CAAA;IACzC,MAAM,QAAQ,GAAI,YAAkC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACrE,MAAM,OAAO,GAAG;QACd,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/ui/Card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,CAAC,EAAsC,MAAM,OAAO,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,EAAE,CAAC,EAAkB,MAAM,kBAAkB,CAAA;AAEpD,wDAAwD;AACxD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAU,CAAA;AAqB5F;;;;;GAKG;AACH,SAAS,SAAS,CAChB,IAA0B,EAC1B,KAAsB;IAEtB,cAAc,EAAE,CAAA;IAChB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;IAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,UAAU,CAAA;IACzC,MAAM,QAAQ,GAAI,YAAkC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACrE,MAAM,OAAO,GAAG;QACd,YAAY;QACZ,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,sBAAsB;QAC/D,QAAQ,CAAC,CAAC,CAAC,eAAe,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;QACvC,KAAK,CAAC,SAAS,IAAI,EAAE;KACtB;SACE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;SACvB,IAAI,CAAC,GAAG,CAAC,CAAA;IACZ,oCAAoC;IACpC,MAAM,KAAK,GAA8B,QAAQ;QAC/C,CAAC,CAAC,KAAK,CAAC,KAAK;QACb,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,eAAyB,CAAC,EAAE,MAAM,EAAE,CAAA;IAE3D,OAAO,CAAC,CACN,KAAK,EACL,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAC7B,CAAC,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,EAChE,CAAC,CACC,KAAK,EACL,EAAE,SAAS,EAAE,kBAAkB,EAAE,EACjC,CAAC,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,EAAE,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,EACnE,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS;QACxD,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,SAAS,EAAE,kBAAkB,EAAE,EACjC,KAAK,CAAC,MAAM,IAAI,IAAI,EACpB,KAAK,CAAC,QAAQ,KAAK,SAAS;YAC1B,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CACC,QAAQ,EACR;gBACE,IAAI,EAAE,QAAQ;gBACd,SAAS,EAAE,oBAAoB;gBAC/B,YAAY,EAAE,EAAE,CAAC,YAAY,CAAC;gBAC9B,eAAe,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI;gBACxC,OAAO,EAAE,KAAK,CAAC,QAAQ;aACxB,EACD,CAAC,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,mBAAmB,EAAE,EAAE,GAAG,CAAC,CAC3G,CACN,CACN,EACD,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI;QAClD,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAC9D,CAAA;AACH,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,IAAI,CAAC,KAAsB;IACzC,OAAO,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;AACrC,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,SAAS,CAAC,KAAsB;IAC9C,OAAO,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;AAClC,CAAC"}
|
package/dist/ui/Checkbox.d.ts
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* 勾选框(P3 输入类家族唯一实现;U20 #6,2026-10-05)。
|
|
3
3
|
*
|
|
4
4
|
* 以前确认弹窗里是裸 `<input type="checkbox">` + 业务内联样式,现上提为基础层件。
|
|
5
|
-
* 标记色默认随业务色;高危确认可传 `accentColor`(如 `var(--
|
|
5
|
+
* 标记色默认随业务色;高危确认可传 `accentColor`(如 `var(--dshpc-warning)`)染橙。
|
|
6
6
|
*/
|
|
7
7
|
import { createElement as h, type ReactNode } from 'react';
|
|
8
8
|
export interface CheckboxProps {
|
|
@@ -12,7 +12,7 @@ export interface CheckboxProps {
|
|
|
12
12
|
onChange: (next: boolean) => void;
|
|
13
13
|
/** 右侧文案(不传 = 只渲染一个勾选框)。 */
|
|
14
14
|
label?: ReactNode;
|
|
15
|
-
/** 勾选标记色(默认 `var(--
|
|
15
|
+
/** 勾选标记色(默认 `var(--dshpc-business)`)。 */
|
|
16
16
|
accentColor?: string;
|
|
17
17
|
/** 禁用。 */
|
|
18
18
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/ui/Checkbox.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,aAAa,IAAI,CAAC,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE1D,MAAM,WAAW,aAAa;IAC5B,aAAa;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACjC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/ui/Checkbox.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,aAAa,IAAI,CAAC,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE1D,MAAM,WAAW,aAAa;IAC5B,aAAa;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACjC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,kCAAkC;AAClC,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAwBnE"}
|
package/dist/ui/Checkbox.js
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
* 勾选框(P3 输入类家族唯一实现;U20 #6,2026-10-05)。
|
|
3
3
|
*
|
|
4
4
|
* 以前确认弹窗里是裸 `<input type="checkbox">` + 业务内联样式,现上提为基础层件。
|
|
5
|
-
* 标记色默认随业务色;高危确认可传 `accentColor`(如 `var(--
|
|
5
|
+
* 标记色默认随业务色;高危确认可传 `accentColor`(如 `var(--dshpc-warning)`)染橙。
|
|
6
6
|
*/
|
|
7
7
|
import { createElement as h } from 'react';
|
|
8
8
|
/** 勾选框(label + input 一体,整行可点)。 */
|
|
9
9
|
export function Checkbox(props) {
|
|
10
10
|
const { checked, onChange, label, accentColor, disabled, className } = props;
|
|
11
11
|
return h('label', {
|
|
12
|
-
className: `
|
|
12
|
+
className: `dshpc-checkbox${className !== undefined && className !== '' ? ` ${className}` : ''}`,
|
|
13
13
|
style: {
|
|
14
14
|
display: 'flex', alignItems: 'flex-start', gap: '8px',
|
|
15
|
-
fontSize: 'var(--
|
|
15
|
+
fontSize: 'var(--dshpc-font-md)', lineHeight: 'var(--dshpc-line-md)',
|
|
16
16
|
cursor: disabled === true ? 'default' : 'pointer',
|
|
17
17
|
},
|
|
18
18
|
}, h('input', {
|
|
@@ -21,7 +21,7 @@ export function Checkbox(props) {
|
|
|
21
21
|
disabled,
|
|
22
22
|
style: {
|
|
23
23
|
flex: 'none', margin: '2px 0 0',
|
|
24
|
-
accentColor: accentColor ?? 'var(--
|
|
24
|
+
accentColor: accentColor ?? 'var(--dshpc-business)',
|
|
25
25
|
width: '14px', height: '14px',
|
|
26
26
|
cursor: disabled === true ? 'default' : 'pointer',
|
|
27
27
|
},
|
package/dist/ui/Checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/ui/Checkbox.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,aAAa,IAAI,CAAC,EAAkB,MAAM,OAAO,CAAA;AAiB1D,kCAAkC;AAClC,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAC5E,OAAO,CAAC,CAAC,OAAO,EAAE;QAChB,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/ui/Checkbox.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,aAAa,IAAI,CAAC,EAAkB,MAAM,OAAO,CAAA;AAiB1D,kCAAkC;AAClC,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAC5E,OAAO,CAAC,CAAC,OAAO,EAAE;QAChB,SAAS,EAAE,iBAAiB,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QAChG,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,EAAE,KAAK;YACrD,QAAQ,EAAE,sBAAsB,EAAE,UAAU,EAAE,sBAAsB;YACpE,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;SAClD;KACF,EACC,CAAC,CAAC,OAAO,EAAE;QACT,IAAI,EAAE,UAAU;QAChB,OAAO;QACP,QAAQ;QACR,KAAK,EAAE;YACL,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS;YAC/B,WAAW,EAAE,WAAW,IAAI,uBAAuB;YACnD,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;YAC7B,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;SAClD;QACD,QAAQ,EAAE,CAAC,KAAuC,EAAE,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA,CAAC,CAAC;KAC1F,CAAC,EACF,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CACpD,CAAA;AACH,CAAC"}
|
package/dist/ui/Chip.d.ts
CHANGED
|
@@ -4,6 +4,6 @@ export interface ChipProps {
|
|
|
4
4
|
onClick?: () => void;
|
|
5
5
|
className?: string;
|
|
6
6
|
}
|
|
7
|
-
/** 小标签(token 用现成的 `--
|
|
7
|
+
/** 小标签(token 用现成的 `--dshpc-chip-bg`;传 `onClick` 才是可点的)。 */
|
|
8
8
|
export declare function Chip(props: ChipProps): ReturnType<typeof h>;
|
|
9
9
|
//# sourceMappingURL=Chip.d.ts.map
|
package/dist/ui/Chip.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/ui/Chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,CAAC,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG1D,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/ui/Chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,CAAC,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG1D,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,2DAA2D;AAC3D,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAY3D"}
|
package/dist/ui/Chip.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { createElement as h } from 'react';
|
|
2
2
|
import { ensureControls } from './css.js';
|
|
3
|
-
/** 小标签(token 用现成的 `--
|
|
3
|
+
/** 小标签(token 用现成的 `--dshpc-chip-bg`;传 `onClick` 才是可点的)。 */
|
|
4
4
|
export function Chip(props) {
|
|
5
5
|
ensureControls();
|
|
6
6
|
const clickable = props.onClick !== undefined;
|
|
7
7
|
return h(clickable ? 'button' : 'span', {
|
|
8
8
|
type: clickable ? 'button' : undefined,
|
|
9
|
-
className: `
|
|
9
|
+
className: `dshpc-chip${clickable ? ' dshpc-chip--clickable' : ''}${props.className === undefined ? '' : ` ${props.className}`}`,
|
|
10
10
|
onClick: props.onClick,
|
|
11
11
|
}, props.children ?? null);
|
|
12
12
|
}
|
package/dist/ui/Chip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/ui/Chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,CAAC,EAAkB,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAQzC,
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/ui/Chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,CAAC,EAAkB,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAQzC,2DAA2D;AAC3D,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,cAAc,EAAE,CAAA;IAChB,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,CAAA;IAC7C,OAAO,CAAC,CACN,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC7B;QACE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QACtC,SAAS,EAAE,aAAa,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,EAAE,EAAE;QAChI,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,EACD,KAAK,CAAC,QAAQ,IAAI,IAAI,CACvB,CAAA;AACH,CAAC"}
|
package/dist/ui/EmptyState.js
CHANGED
|
@@ -5,6 +5,6 @@ import { t } from '../utils/i18n.js';
|
|
|
5
5
|
export function EmptyState(props) {
|
|
6
6
|
ensureControls();
|
|
7
7
|
const tt = props.translate ?? t;
|
|
8
|
-
return h('div', { className: '
|
|
8
|
+
return h('div', { className: 'dshpc-empty' }, props.icon ?? null, h('div', null, props.text ?? tt('emptyText')), props.action ?? null);
|
|
9
9
|
}
|
|
10
10
|
//# sourceMappingURL=EmptyState.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/ui/EmptyState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,CAAC,EAAkB,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,EAAE,CAAC,EAAkB,MAAM,kBAAkB,CAAA;AAUpD,wCAAwC;AACxC,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,cAAc,EAAE,CAAA;IAChB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;IAC/B,OAAO,CAAC,CACN,KAAK,EACL,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/ui/EmptyState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,CAAC,EAAkB,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,EAAE,CAAC,EAAkB,MAAM,kBAAkB,CAAA;AAUpD,wCAAwC;AACxC,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,cAAc,EAAE,CAAA;IAChB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;IAC/B,OAAO,CAAC,CACN,KAAK,EACL,EAAE,SAAS,EAAE,aAAa,EAAE,EAC5B,KAAK,CAAC,IAAI,IAAI,IAAI,EAClB,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,WAAW,CAAC,CAAC,EAC7C,KAAK,CAAC,MAAM,IAAI,IAAI,CACrB,CAAA;AACH,CAAC"}
|
package/dist/ui/ErrorBoundary.js
CHANGED
|
@@ -24,7 +24,7 @@ export class ErrorBoundary extends Component {
|
|
|
24
24
|
if (this.props.fallback !== undefined)
|
|
25
25
|
return this.props.fallback(err, this.retry);
|
|
26
26
|
const tt = this.props.translate ?? t;
|
|
27
|
-
return h('div', { className: '
|
|
27
|
+
return h('div', { className: 'dshpc-error' }, h('div', null, `${tt('errorTitle')}:${err.message}`), h('button', { type: 'button', className: 'dshpc-error__retry', onClick: this.retry }, tt('errorRetry')));
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
//# sourceMappingURL=ErrorBoundary.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/ui/ErrorBoundary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,IAAI,CAAC,EAAkC,MAAM,OAAO,CAAA;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,EAAE,CAAC,EAAkB,MAAM,kBAAkB,CAAA;AAcpD,6BAA6B;AAC7B,MAAM,OAAO,aAAc,SAAQ,SAAoC;IAAvE;;QACW,UAAK,GAAU,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;QAUtB,UAAK,GAAG,GAAS,EAAE;YAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;QAChC,CAAC,CAAA;IAmBH,CAAC;IA7BC,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,KAAK,EAAE,CAAA;IAClB,CAAC;IAEQ,iBAAiB,CAAC,KAAY,EAAE,IAAe;QACtD,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IACnC,CAAC;IAMQ,MAAM;QACb,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA;QAC5B,IAAI,GAAG,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAA;QACpD,cAAc,EAAE,CAAA;QAChB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;QAClF,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;QACpC,OAAO,CAAC,CACN,KAAK,EACL,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/ui/ErrorBoundary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,IAAI,CAAC,EAAkC,MAAM,OAAO,CAAA;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,EAAE,CAAC,EAAkB,MAAM,kBAAkB,CAAA;AAcpD,6BAA6B;AAC7B,MAAM,OAAO,aAAc,SAAQ,SAAoC;IAAvE;;QACW,UAAK,GAAU,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;QAUtB,UAAK,GAAG,GAAS,EAAE;YAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;QAChC,CAAC,CAAA;IAmBH,CAAC;IA7BC,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,KAAK,EAAE,CAAA;IAClB,CAAC;IAEQ,iBAAiB,CAAC,KAAY,EAAE,IAAe;QACtD,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IACnC,CAAC;IAMQ,MAAM;QACb,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA;QAC5B,IAAI,GAAG,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAA;QACpD,cAAc,EAAE,CAAA;QAChB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;QAClF,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;QACpC,OAAO,CAAC,CACN,KAAK,EACL,EAAE,SAAS,EAAE,aAAa,EAAE,EAC5B,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC,EACpD,CAAC,CACC,QAAQ,EACR,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,oBAAoB,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,EACxE,EAAE,CAAC,YAAY,CAAC,CACjB,CACF,CAAA;IACH,CAAC;CACF"}
|
package/dist/ui/Field.d.ts
CHANGED
|
@@ -91,7 +91,7 @@ export interface EditorOption {
|
|
|
91
91
|
* 不许各抄一份(2026-10-04 评审:TaskPicker 曾抄第二/第三份,观感会持续漂移)。
|
|
92
92
|
*/
|
|
93
93
|
export declare const FIELD_ANCHOR_STYLE: CSSProperties;
|
|
94
|
-
/** 下拉锚点里那行文字(省略号三件套收敛到 `.
|
|
94
|
+
/** 下拉锚点里那行文字(省略号三件套收敛到 `.dshpc-ellipsis`,见 ui-style-guide §三 待抽象 #1)。 */
|
|
95
95
|
export declare const FIELD_LABEL_STYLE: CSSProperties;
|
|
96
96
|
/** 尺寸档 → 锚点几何(高度 / 字号 / 行高 / 图标 / 间距)。**翻译只此一处**,下拉类控件共用。 */
|
|
97
97
|
export declare function fieldMetricsOf(size: FieldSize): {
|