react-super-mermaid 0.3.0 → 0.3.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/dist/index.cjs +19 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +19 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -310,6 +310,25 @@ var RSM_CSS = `
|
|
|
310
310
|
.rsm-zoom > button { padding: 4px 8px; font-size: 12px; }
|
|
311
311
|
.rsm-input { flex-basis: 150px; }
|
|
312
312
|
}
|
|
313
|
+
|
|
314
|
+
/* \u2500\u2500 \u6A19\u7C64\u5B57\u91CD(\u91CF\u6E2C\u968E\u6BB5\u5C31\u751F\u6548)\u2500\u2500
|
|
315
|
+
* boostLegibility \u5728\u300C\u6E32\u67D3\u5F8C\u300D\u624D\u628A\u6A19\u7C64\u5B57\u91CD\u52A0\u5230 600/700,\u4F46 mermaid \u662F\u5728\u300C\u6E32\u67D3\u4E2D\u300D
|
|
316
|
+
* \u91CF\u6E2C\u6587\u5B57\u5BEC\u5EA6\u4F86\u6C7A\u5B9A foreignObject / \u7BC0\u9EDE\u5916\u6846\u7684\u5927\u5C0F\u3002\u82E5\u53EA\u5728\u4E8B\u5F8C\u52A0\u7C97,\u7C97\u9AD4\u5B57\u6703\u6BD4\u5DF2\u91CF\u597D\u7684
|
|
317
|
+
* \u6846\u66F4\u5BEC \u2192 foreignObject \u628A\u5C3E\u5B57\u88C1\u6389(\u5FC3\u667A\u5716\u7BC0\u9EDE\u300Creact-super-mermaid\u300D\u5C3E\u5DF4\u7684 d \u4E0D\u898B\u5C31\u662F\u9019\u500B)\u3002
|
|
318
|
+
* \u89E3\u6CD5:\u628A\u540C\u6A23\u7684\u5B57\u91CD\u7528 CSS \u63D0\u524D\u5BA3\u544A,\u4E14\u300C\u4E0D\u300Dscope \u5728 .rsm-root \u4E4B\u4E0B,\u800C\u662F scope \u5728 mermaid
|
|
319
|
+
* \u7684\u6E32\u67D3 id(svg[id^="rsm-"])\u2014\u2014\u56E0\u70BA\u91CF\u6E2C\u6642\u90A3\u9846\u66AB\u6642\u7684 svg \u9084\u5728 <body> \u4E0B\u3001\u5C1A\u672A\u639B\u9032 .rsm-root\u3002
|
|
320
|
+
* \u9019\u6A23 mermaid \u91CF\u5230\u7684\u5C31\u662F\u7C97\u9AD4\u5BEC\u5EA6,\u6846\u6703\u525B\u597D\u5BB9\u7D0D,\u4E8B\u5F8C boostLegibility \u8A2D\u540C\u503C\u4E0D\u518D\u6490\u7834\u3002
|
|
321
|
+
* \u53EA scope \u6211\u5011\u81EA\u5DF1\u6E32\u67D3\u51FA\u7684 svg,\u6545\u4E0D\u6703\u6C61\u67D3 host \u9801\u9762\u5176\u5B83 mermaid\u3002 */
|
|
322
|
+
svg[id^="rsm-"] g.node text,
|
|
323
|
+
svg[id^="rsm-"] g.node tspan,
|
|
324
|
+
svg[id^="rsm-"] g.node .nodeLabel,
|
|
325
|
+
svg[id^="rsm-"] g.mindmap-node text,
|
|
326
|
+
svg[id^="rsm-"] g.mindmap-node .nodeLabel,
|
|
327
|
+
svg[id^="rsm-"] g[class*="timeline-node"] text,
|
|
328
|
+
svg[id^="rsm-"] text.actor { font-weight: 600 !important; }
|
|
329
|
+
svg[id^="rsm-"] .cluster-label text,
|
|
330
|
+
svg[id^="rsm-"] .cluster-label .nodeLabel,
|
|
331
|
+
svg[id^="rsm-"] text.pieTitleText { font-weight: 700 !important; }
|
|
313
332
|
`;
|
|
314
333
|
|
|
315
334
|
// src/core/ensure-styles.ts
|