@aicut/core 0.3.0 → 0.4.0
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 +12 -11
- package/dist/lighting/index.cjs +24 -15
- package/dist/lighting/index.cjs.map +1 -1
- package/dist/lighting/index.d.cts +7 -1
- package/dist/lighting/index.d.ts +7 -1
- package/dist/lighting/index.js +24 -15
- package/dist/lighting/index.js.map +1 -1
- package/package.json +1 -1
- package/styles/theme.css +20 -19
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aicut/core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "Framework-agnostic core for the AiCut video editor — canvas timeline, data model, HTML5 playback engine, plus an opt-in 3D lighting picker.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "ziqiang <ziqiangytu@gmail.com>",
|
package/styles/theme.css
CHANGED
|
@@ -429,7 +429,7 @@
|
|
|
429
429
|
|
|
430
430
|
.aicut-lighting-editor {
|
|
431
431
|
--aicut-lighting-canvas-bg: color-mix(in srgb, var(--aicut-controls-text, rgba(255, 255, 255, 0.85)) 4%, transparent);
|
|
432
|
-
--aicut-lighting-section-gap:
|
|
432
|
+
--aicut-lighting-section-gap: 18px;
|
|
433
433
|
--aicut-lighting-control-w: 220px;
|
|
434
434
|
display: block;
|
|
435
435
|
}
|
|
@@ -440,9 +440,9 @@
|
|
|
440
440
|
render an adjacent panel (AI smart mode, prompt, presets, …) put
|
|
441
441
|
their own DOM beside <LightingEditor> in their own layout. */
|
|
442
442
|
grid-template-columns: 240px 220px;
|
|
443
|
-
gap:
|
|
443
|
+
gap: 28px;
|
|
444
444
|
align-items: start;
|
|
445
|
-
padding:
|
|
445
|
+
padding: 24px;
|
|
446
446
|
background: var(--aicut-controls-bg, #1f1f22);
|
|
447
447
|
color: var(--aicut-controls-text, rgba(255, 255, 255, 0.85));
|
|
448
448
|
border-radius: var(--aicut-radius-md, 12px);
|
|
@@ -453,9 +453,9 @@
|
|
|
453
453
|
display: flex;
|
|
454
454
|
flex-direction: column;
|
|
455
455
|
align-items: center;
|
|
456
|
-
gap:
|
|
456
|
+
gap: 12px;
|
|
457
457
|
/* Self-center vertically so the sphere stays at the visual midpoint
|
|
458
|
-
of the row even when
|
|
458
|
+
of the row even when an adjacent host panel makes the row taller
|
|
459
459
|
than the scene column's own content. */
|
|
460
460
|
align-self: center;
|
|
461
461
|
}
|
|
@@ -532,7 +532,7 @@
|
|
|
532
532
|
.aicut-lighting-section {
|
|
533
533
|
display: flex;
|
|
534
534
|
flex-direction: column;
|
|
535
|
-
gap:
|
|
535
|
+
gap: 8px;
|
|
536
536
|
}
|
|
537
537
|
.aicut-lighting-section-row {
|
|
538
538
|
flex-direction: row;
|
|
@@ -635,19 +635,20 @@
|
|
|
635
635
|
left: 16px;
|
|
636
636
|
}
|
|
637
637
|
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
638
|
+
/* Host-controlled footer area where Reset / Generate / preset-save
|
|
639
|
+
buttons go. Library renders this empty div; the React wrapper's
|
|
640
|
+
`controlsFooter` prop / Vue's <slot name="controlsFooter"> portals
|
|
641
|
+
the host content in. */
|
|
642
|
+
.aicut-lighting-controls-footer {
|
|
643
|
+
display: flex;
|
|
644
|
+
align-items: center;
|
|
645
|
+
justify-content: flex-end;
|
|
646
|
+
gap: 8px;
|
|
647
|
+
flex-wrap: wrap;
|
|
648
|
+
min-height: 0;
|
|
649
|
+
margin-top: 4px;
|
|
649
650
|
}
|
|
650
|
-
.aicut-lighting-
|
|
651
|
-
|
|
651
|
+
.aicut-lighting-controls-footer:empty {
|
|
652
|
+
display: none;
|
|
652
653
|
}
|
|
653
654
|
|