@alphacifer/slidev-addon-theme 0.0.8 → 0.0.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/README.md +80 -0
- package/components/defense-in-depth/arc-did/ArcDiD.vue +732 -0
- package/components/defense-in-depth/arc-did/ArcDiDLayer.vue +321 -0
- package/components/defense-in-depth/arc-did/ArcDiDLayerPart.vue +449 -0
- package/components/defense-in-depth/arc-did/ArcDiDLayerParts.vue +11 -0
- package/components/defense-in-depth/arc-did/ArcDiDLayerSector.vue +148 -0
- package/components/defense-in-depth/arc-did/ArcDiDLayerTitle.vue +98 -0
- package/components/pyramid/circular-pyramid/CircularPyramid.vue +858 -0
- package/components/pyramid/circular-pyramid/CircularPyramidStack.vue +342 -0
- package/components/pyramid/circular-pyramid/CircularPyramidStackContent.vue +305 -0
- package/components/pyramid/circular-pyramid/CircularPyramidStackTitle.vue +208 -0
- package/components/pyramid/square-pyramid/SquarePyramid.vue +863 -0
- package/components/pyramid/square-pyramid/SquarePyramidStack.vue +333 -0
- package/components/pyramid/square-pyramid/SquarePyramidStackContent.vue +301 -0
- package/components/pyramid/square-pyramid/SquarePyramidStackTitle.vue +204 -0
- package/package.json +2 -1
- package/utils/defenseInDepth/arcDid/context.ts +110 -0
- package/utils/defenseInDepth/arcDid/createArcDiDGeometry.ts +570 -0
- package/utils/defenseInDepth/arcDid/index.ts +3 -0
- package/utils/defenseInDepth/arcDid/types.ts +140 -0
- package/utils/defenseInDepth/index.ts +2 -0
- package/utils/defenseInDepth/shared/colors.ts +121 -0
- package/utils/defenseInDepth/shared/constants.ts +14 -0
- package/utils/defenseInDepth/shared/index.ts +3 -0
- package/utils/defenseInDepth/shared/types.ts +12 -0
- package/utils/pyramid/circular-pyramid/context.ts +46 -0
- package/utils/pyramid/circular-pyramid/createCircularPyramidGeometry.ts +143 -0
- package/utils/pyramid/circular-pyramid/index.ts +3 -0
- package/utils/pyramid/circular-pyramid/types.ts +34 -0
- package/utils/pyramid/index.ts +3 -0
- package/utils/pyramid/shared/colors.ts +92 -0
- package/utils/pyramid/shared/connector.ts +111 -0
- package/utils/pyramid/shared/constants.ts +9 -0
- package/utils/pyramid/shared/index.ts +5 -0
- package/utils/pyramid/shared/stacking.ts +76 -0
- package/utils/pyramid/shared/types.ts +36 -0
- package/utils/pyramid/square-pyramid/context.ts +46 -0
- package/utils/pyramid/square-pyramid/createSquarePyramidGeometry.ts +265 -0
- package/utils/pyramid/square-pyramid/index.ts +3 -0
- package/utils/pyramid/square-pyramid/types.ts +39 -0
- package/utils/useDiagramAutoScale.ts +64 -20
package/README.md
CHANGED
|
@@ -214,6 +214,86 @@ addons:
|
|
|
214
214
|
</TableComparison>
|
|
215
215
|
```
|
|
216
216
|
|
|
217
|
+
## Circular pyramid
|
|
218
|
+
|
|
219
|
+
- Components: `CircularPyramid`, `CircularPyramidStack`, `CircularPyramidStackTitle`, `CircularPyramidStackContent`
|
|
220
|
+
|
|
221
|
+
```vue
|
|
222
|
+
<CircularPyramid>
|
|
223
|
+
<CircularPyramidStack>
|
|
224
|
+
<CircularPyramidStackTitle>01 Strategy</CircularPyramidStackTitle>
|
|
225
|
+
<CircularPyramidStackContent>
|
|
226
|
+
Define clear technical north stars, design systems, and cross-team alignment.
|
|
227
|
+
</CircularPyramidStackContent>
|
|
228
|
+
</CircularPyramidStack>
|
|
229
|
+
<CircularPyramidStack>
|
|
230
|
+
<CircularPyramidStackTitle>02 Architecture</CircularPyramidStackTitle>
|
|
231
|
+
<CircularPyramidStackContent>
|
|
232
|
+
Establish domain boundaries, type safety contracts, and scalable infrastructure.
|
|
233
|
+
</CircularPyramidStackContent>
|
|
234
|
+
</CircularPyramidStack>
|
|
235
|
+
<CircularPyramidStack>
|
|
236
|
+
<CircularPyramidStackTitle>03 Implementation</CircularPyramidStackTitle>
|
|
237
|
+
<CircularPyramidStackContent>
|
|
238
|
+
Build high-performance components with smooth motion and responsive layout.
|
|
239
|
+
</CircularPyramidStackContent>
|
|
240
|
+
</CircularPyramidStack>
|
|
241
|
+
<CircularPyramidStack>
|
|
242
|
+
<CircularPyramidStackTitle>04 Verification</CircularPyramidStackTitle>
|
|
243
|
+
<CircularPyramidStackContent>
|
|
244
|
+
Validate behavior with rigorous unit suites, formatting, and live slide builds.
|
|
245
|
+
</CircularPyramidStackContent>
|
|
246
|
+
</CircularPyramidStack>
|
|
247
|
+
</CircularPyramid>
|
|
248
|
+
|
|
249
|
+
<!-- Self-contained mockup with 6 layers and custom theme color -->
|
|
250
|
+
<CircularPyramid
|
|
251
|
+
:count="6"
|
|
252
|
+
:active-index="0"
|
|
253
|
+
color="#6366f1"
|
|
254
|
+
/>
|
|
255
|
+
```
|
|
256
|
+
|
|
257
|
+
## Square pyramid
|
|
258
|
+
|
|
259
|
+
- Components: `SquarePyramid`, `SquarePyramidStack`, `SquarePyramidStackTitle`, `SquarePyramidStackContent`
|
|
260
|
+
|
|
261
|
+
```vue
|
|
262
|
+
<SquarePyramid>
|
|
263
|
+
<SquarePyramidStack>
|
|
264
|
+
<SquarePyramidStackTitle>01 Strategy</SquarePyramidStackTitle>
|
|
265
|
+
<SquarePyramidStackContent>
|
|
266
|
+
Define clear technical north stars, design systems, and cross-team alignment.
|
|
267
|
+
</SquarePyramidStackContent>
|
|
268
|
+
</SquarePyramidStack>
|
|
269
|
+
<SquarePyramidStack>
|
|
270
|
+
<SquarePyramidStackTitle>02 Architecture</SquarePyramidStackTitle>
|
|
271
|
+
<SquarePyramidStackContent>
|
|
272
|
+
Establish domain boundaries, type safety contracts, and scalable infrastructure.
|
|
273
|
+
</SquarePyramidStackContent>
|
|
274
|
+
</SquarePyramidStack>
|
|
275
|
+
<SquarePyramidStack>
|
|
276
|
+
<SquarePyramidStackTitle>03 Implementation</SquarePyramidStackTitle>
|
|
277
|
+
<SquarePyramidStackContent>
|
|
278
|
+
Build high-performance components with smooth motion and responsive layout.
|
|
279
|
+
</SquarePyramidStackContent>
|
|
280
|
+
</SquarePyramidStack>
|
|
281
|
+
<SquarePyramidStack>
|
|
282
|
+
<SquarePyramidStackTitle>04 Verification</SquarePyramidStackTitle>
|
|
283
|
+
<SquarePyramidStackContent>
|
|
284
|
+
Validate behavior with rigorous unit suites, formatting, and live slide builds.
|
|
285
|
+
</SquarePyramidStackContent>
|
|
286
|
+
</SquarePyramidStack>
|
|
287
|
+
</SquarePyramid>
|
|
288
|
+
|
|
289
|
+
<!-- Self-contained mockup with 5 slabs and custom theme color -->
|
|
290
|
+
<SquarePyramid
|
|
291
|
+
:count="5"
|
|
292
|
+
:active-index="0"
|
|
293
|
+
color="#6366f1"
|
|
294
|
+
/>
|
|
295
|
+
```
|
|
296
|
+
|
|
217
297
|
## Preview
|
|
218
298
|
|
|
219
299
|
```bash
|