@aicut/vue 0.3.0 → 0.4.0

package/README.md

@@ -137,37 +137,43 @@ A 3D lighting director for AI relighting flows — separate sub-entry; three.js
 ```vue
 <script setup lang="ts">
 import { ref } from "vue";
-import { LightingEditor, type LightingConfig } from "@aicut/vue/lighting";
+import {
+  LightingEditor,
+  type LightingConfig,
+} from "@aicut/vue/lighting";
+import type { LightingEditor as CoreLightingEditor } from "@aicut/core/lighting";
 import "@aicut/core/styles.css";
 
-const editor = ref<{ api(): any } | null>(null);
+const editor = ref<{ api(): CoreLightingEditor | null } | null>(null);
 
 function onChange(cfg: LightingConfig) {
   console.log(cfg);
 }
 
-function onGenerate(cfg: LightingConfig) {
-  fetch("/relight", { method: "POST", body: JSON.stringify(cfg) });
+function onGenerate() {
+  const cfg = editor.value?.api()?.getConfig();
+  if (cfg) fetch("/relight", { method: "POST", body: JSON.stringify(cfg) });
 }
 </script>
 
 <template>
-  <LightingEditor
-    ref="editor"
-    subject-image-url="/frames/subject.jpg"
-    smart-enabled
-    @change="onChange"
-    @generate="onGenerate"
-  >
-    <template #smart>
+  <!-- Library renders ONLY the picker; the Smart panel beside it is
+       host code in your own template. -->
+  <div style="display: flex; gap: 16px">
+    <LightingEditor
+      ref="editor"
+      subject-image-url="/frames/subject.jpg"
+      @change="onChange"
+    />
+    <aside>
       <textarea placeholder="Describe the mood…" />
-      <button @click="editor?.api()?.requestGenerate()">Generate</button>
-    </template>
-  </LightingEditor>
+      <button @click="onGenerate">Generate</button>
+    </aside>
+  </div>
 </template>
 ```
 
-Props: `subjectImageUrl`, `defaultConfig`, `defaultView`, `theme`, `locale`, `smartEnabled`, `smartOpen`. Events: `ready`, `change`, `generate`. Use the named `<slot name="smart">` for the smart-mode panel content.
+Props: `subjectImageUrl`, `defaultConfig`, `defaultView`, `theme`, `locale`. Events: `ready`, `change`. The library is intentionally scoped to the picker — Smart mode UI / Generate buttons / layout live in host code.
 
 ## Standalone `<Timeline>`
 

package/dist/LightingEditor.vue.d.ts

@@ -1,11 +1,5 @@
 import { LightingEditor as CoreLightingEditor, type LightingConfig, type LightingEditorOptions, type LightingView } from "@aicut/core/lighting";
 import type { Theme } from "@aicut/core";
-/**
- * Vue 3 shell for the 3D lighting picker. Renders scene + controls;
- * nothing else. Host code lays out their own surrounding UI (smart
- * mode panel, generate button, etc.) alongside this component in
- * their own template.
- */
 type __VLS_Props = {
     subjectImageUrl?: string;
     defaultConfig?: Partial<LightingConfig>;
@@ -13,7 +7,11 @@ type __VLS_Props = {
     theme?: Theme;
     locale?: LightingEditorOptions["locale"];
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    controlsFooter?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     api: () => CoreLightingEditor | null;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     ready: (api: CoreLightingEditor) => any;
@@ -22,5 +20,11 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {
     onReady?: ((api: CoreLightingEditor) => any) | undefined;
     onChange?: ((cfg: LightingConfig) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 //# sourceMappingURL=LightingEditor.vue.d.ts.map

package/dist/LightingEditor.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LightingEditor.vue.d.ts","sourceRoot":"","sources":["../src/LightingEditor.vue"],"names":[],"mappings":"AAiFA,OAAO,EACL,cAAc,IAAI,kBAAkB,EACpC,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC;;;;;GAKG;AACH,KAAK,WAAW,GAAG;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;CAC1C,CAAC;;eAmDS,kBAAkB,GAAG,IAAI;;;;;;;;AAuCpC,wBAQG"}
+{"version":3,"file":"LightingEditor.vue.d.ts","sourceRoot":"","sources":["../src/LightingEditor.vue"],"names":[],"mappings":"AAsFA,OAAO,EACL,cAAc,IAAI,kBAAkB,EACpC,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,KAAK,WAAW,GAAG;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;CAC1C,CAAC;AA2FF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAuBtD,QAAA,MAAM,eAAe;eA1DV,kBAAkB,GAAG,IAAI;;;;;;;kFAkElC,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/lighting.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),i=require("@aicut/core/lighting"),u=n.defineComponent({__name:"LightingEditor",props:{subjectImageUrl:{},defaultConfig:{},defaultView:{},theme:{},locale:{}},emits:["ready","change"],setup(l,{expose:c,emit:g}){const r=l,a=g,o=n.useTemplateRef("host");let e=null;return n.onMounted(()=>{o.value&&(e=i.LightingEditor.create({container:o.value,subjectImageUrl:r.subjectImageUrl,config:r.defaultConfig,view:r.defaultView,theme:r.theme,locale:r.locale,onChange:t=>a("change",t)}),a("ready",e))}),n.watch(()=>r.theme,t=>{t&&e&&e.setTheme(t)}),n.watch(()=>r.locale,t=>{e&&e.setLocale(t??{})}),n.watch(()=>r.subjectImageUrl,t=>{t&&e&&e.setSubjectImage(t)}),n.onBeforeUnmount(()=>{e==null||e.destroy(),e=null}),c({api:()=>e}),(t,s)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"host",ref:o,"data-aicut-lighting-host":""},null,512))}});Object.defineProperty(exports,"DEFAULT_LIGHTING_CONFIG",{enumerable:!0,get:()=>i.DEFAULT_LIGHTING_CONFIG});Object.defineProperty(exports,"PRESET_DIRECTIONS",{enumerable:!0,get:()=>i.PRESET_DIRECTIONS});Object.defineProperty(exports,"lightingLocaleEn",{enumerable:!0,get:()=>i.lightingLocaleEn});Object.defineProperty(exports,"lightingLocaleZh",{enumerable:!0,get:()=>i.lightingLocaleZh});Object.defineProperty(exports,"mergeLightingLocale",{enumerable:!0,get:()=>i.mergeLightingLocale});Object.defineProperty(exports,"snapToPreset",{enumerable:!0,get:()=>i.snapToPreset});exports.LightingEditor=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("@aicut/core/lighting"),s=e.defineComponent({__name:"LightingEditor",props:{subjectImageUrl:{},defaultConfig:{},defaultView:{},theme:{},locale:{}},emits:["ready","change"],setup(c,{expose:u,emit:g}){const r=c,i=g,a=e.useTemplateRef("host");let t=null;const l=e.ref(null);return e.onMounted(()=>{a.value&&(t=n.LightingEditor.create({container:a.value,subjectImageUrl:r.subjectImageUrl,config:r.defaultConfig,view:r.defaultView,theme:r.theme,locale:r.locale,onChange:o=>i("change",o)}),l.value=t.controlsFooter,i("ready",t))}),e.watch(()=>r.theme,o=>{o&&t&&t.setTheme(o)}),e.watch(()=>r.locale,o=>{t&&t.setLocale(o??{})}),e.watch(()=>r.subjectImageUrl,o=>{o&&t&&t.setSubjectImage(o)}),e.onBeforeUnmount(()=>{t==null||t.destroy(),t=null,l.value=null}),u({api:()=>t}),(o,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"host",ref:a,"data-aicut-lighting-host":""},[l.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:l.value},[e.renderSlot(o.$slots,"controlsFooter")],8,["to"])):e.createCommentVNode("",!0)],512))}});Object.defineProperty(exports,"DEFAULT_LIGHTING_CONFIG",{enumerable:!0,get:()=>n.DEFAULT_LIGHTING_CONFIG});Object.defineProperty(exports,"PRESET_DIRECTIONS",{enumerable:!0,get:()=>n.PRESET_DIRECTIONS});Object.defineProperty(exports,"lightingLocaleEn",{enumerable:!0,get:()=>n.lightingLocaleEn});Object.defineProperty(exports,"lightingLocaleZh",{enumerable:!0,get:()=>n.lightingLocaleZh});Object.defineProperty(exports,"mergeLightingLocale",{enumerable:!0,get:()=>n.mergeLightingLocale});Object.defineProperty(exports,"snapToPreset",{enumerable:!0,get:()=>n.snapToPreset});exports.LightingEditor=s;
 //# sourceMappingURL=lighting.cjs.map

package/dist/lighting.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lighting.cjs","sources":["../src/LightingEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, useTemplateRef, watch } from \"vue\";\nimport {\n  LightingEditor as CoreLightingEditor,\n  type LightingConfig,\n  type LightingEditorOptions,\n  type LightingView,\n} from \"@aicut/core/lighting\";\nimport type { Theme } from \"@aicut/core\";\n\n/**\n * Vue 3 shell for the 3D lighting picker. Renders scene + controls;\n * nothing else. Host code lays out their own surrounding UI (smart\n * mode panel, generate button, etc.) alongside this component in\n * their own template.\n */\nconst props = defineProps<{\n  subjectImageUrl?: string;\n  defaultConfig?: Partial<LightingConfig>;\n  defaultView?: LightingView;\n  theme?: Theme;\n  locale?: LightingEditorOptions[\"locale\"];\n}>();\n\nconst emit = defineEmits<{\n  (e: \"ready\", api: CoreLightingEditor): void;\n  (e: \"change\", cfg: LightingConfig): void;\n}>();\n\nconst host = useTemplateRef<HTMLDivElement>(\"host\");\nlet editor: CoreLightingEditor | null = null;\n\nonMounted(() => {\n  if (!host.value) return;\n  editor = CoreLightingEditor.create({\n    container: host.value,\n    subjectImageUrl: props.subjectImageUrl,\n    config: props.defaultConfig,\n    view: props.defaultView,\n    theme: props.theme,\n    locale: props.locale,\n    onChange: (cfg) => emit(\"change\", cfg),\n  });\n  emit(\"ready\", editor);\n});\n\nwatch(\n  () => props.theme,\n  (theme) => {\n    if (theme && editor) editor.setTheme(theme);\n  },\n);\nwatch(\n  () => props.locale,\n  (locale) => {\n    if (editor) editor.setLocale(locale ?? {});\n  },\n);\nwatch(\n  () => props.subjectImageUrl,\n  (url) => {\n    if (url && editor) editor.setSubjectImage(url);\n  },\n);\n\nonBeforeUnmount(() => {\n  editor?.destroy();\n  editor = null;\n});\n\ndefineExpose({\n  api: (): CoreLightingEditor | null => editor,\n});\n</script>\n\n<template>\n  <div ref=\"host\" data-aicut-lighting-host=\"\" />\n</template>\n"],"names":["props","__props","emit","__emit","host","useTemplateRef","editor","onMounted","CoreLightingEditor","cfg","watch","theme","locale","url","onBeforeUnmount","__expose","_createElementBlock"],"mappings":"wTAgBA,MAAMA,EAAQC,EAQRC,EAAOC,EAKPC,EAAOC,EAAAA,eAA+B,MAAM,EAClD,IAAIC,EAAoC,KAExCC,OAAAA,EAAAA,UAAU,IAAM,CACTH,EAAK,QACVE,EAASE,EAAAA,eAAmB,OAAO,CACjC,UAAWJ,EAAK,MAChB,gBAAiBJ,EAAM,gBACvB,OAAQA,EAAM,cACd,KAAMA,EAAM,YACZ,MAAOA,EAAM,MACb,OAAQA,EAAM,OACd,SAAWS,GAAQP,EAAK,SAAUO,CAAG,CAAA,CACtC,EACDP,EAAK,QAASI,CAAM,EACtB,CAAC,EAEDI,EAAAA,MACE,IAAMV,EAAM,MACXW,GAAU,CACLA,GAASL,GAAQA,EAAO,SAASK,CAAK,CAC5C,CAAA,EAEFD,EAAAA,MACE,IAAMV,EAAM,OACXY,GAAW,CACNN,GAAQA,EAAO,UAAUM,GAAU,CAAA,CAAE,CAC3C,CAAA,EAEFF,EAAAA,MACE,IAAMV,EAAM,gBACXa,GAAQ,CACHA,GAAOP,GAAQA,EAAO,gBAAgBO,CAAG,CAC/C,CAAA,EAGFC,EAAAA,gBAAgB,IAAM,CACpBR,GAAA,MAAAA,EAAQ,UACRA,EAAS,IACX,CAAC,EAEDS,EAAa,CACX,IAAK,IAAiCT,CAAA,CACvC,wBAICU,EAAAA,mBAA8C,MAAA,SAArC,OAAJ,IAAIZ,EAAO,2BAAyB,EAAA"}
+{"version":3,"file":"lighting.cjs","sources":["../src/LightingEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, ref, useTemplateRef, watch } from \"vue\";\nimport {\n  LightingEditor as CoreLightingEditor,\n  type LightingConfig,\n  type LightingEditorOptions,\n  type LightingView,\n} from \"@aicut/core/lighting\";\nimport type { Theme } from \"@aicut/core\";\n\nconst props = defineProps<{\n  subjectImageUrl?: string;\n  defaultConfig?: Partial<LightingConfig>;\n  defaultView?: LightingView;\n  theme?: Theme;\n  locale?: LightingEditorOptions[\"locale\"];\n}>();\n\nconst emit = defineEmits<{\n  (e: \"ready\", api: CoreLightingEditor): void;\n  (e: \"change\", cfg: LightingConfig): void;\n}>();\n\nconst host = useTemplateRef<HTMLDivElement>(\"host\");\nlet editor: CoreLightingEditor | null = null;\n/**\n * Footer slot DOM node — set after mount so the Teleport target\n * exists before Vue tries to portal slot content into it.\n */\nconst footerSlot = ref<HTMLElement | null>(null);\n\nonMounted(() => {\n  if (!host.value) return;\n  editor = CoreLightingEditor.create({\n    container: host.value,\n    subjectImageUrl: props.subjectImageUrl,\n    config: props.defaultConfig,\n    view: props.defaultView,\n    theme: props.theme,\n    locale: props.locale,\n    onChange: (cfg) => emit(\"change\", cfg),\n  });\n  footerSlot.value = editor.controlsFooter;\n  emit(\"ready\", editor);\n});\n\nwatch(\n  () => props.theme,\n  (theme) => {\n    if (theme && editor) editor.setTheme(theme);\n  },\n);\nwatch(\n  () => props.locale,\n  (locale) => {\n    if (editor) editor.setLocale(locale ?? {});\n  },\n);\nwatch(\n  () => props.subjectImageUrl,\n  (url) => {\n    if (url && editor) editor.setSubjectImage(url);\n  },\n);\n\nonBeforeUnmount(() => {\n  editor?.destroy();\n  editor = null;\n  footerSlot.value = null;\n});\n\ndefineExpose({\n  api: (): CoreLightingEditor | null => editor,\n});\n</script>\n\n<template>\n  <div ref=\"host\" data-aicut-lighting-host=\"\">\n    <Teleport v-if=\"footerSlot\" :to=\"footerSlot\">\n      <slot name=\"controlsFooter\" />\n    </Teleport>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","host","useTemplateRef","editor","footerSlot","ref","onMounted","CoreLightingEditor","cfg","watch","theme","locale","url","onBeforeUnmount","__expose","_createElementBlock","_createBlock","_Teleport","_renderSlot","_ctx"],"mappings":"wTAUA,MAAMA,EAAQC,EAQRC,EAAOC,EAKPC,EAAOC,EAAAA,eAA+B,MAAM,EAClD,IAAIC,EAAoC,KAKxC,MAAMC,EAAaC,EAAAA,IAAwB,IAAI,EAE/CC,OAAAA,EAAAA,UAAU,IAAM,CACTL,EAAK,QACVE,EAASI,EAAAA,eAAmB,OAAO,CACjC,UAAWN,EAAK,MAChB,gBAAiBJ,EAAM,gBACvB,OAAQA,EAAM,cACd,KAAMA,EAAM,YACZ,MAAOA,EAAM,MACb,OAAQA,EAAM,OACd,SAAWW,GAAQT,EAAK,SAAUS,CAAG,CAAA,CACtC,EACDJ,EAAW,MAAQD,EAAO,eAC1BJ,EAAK,QAASI,CAAM,EACtB,CAAC,EAEDM,EAAAA,MACE,IAAMZ,EAAM,MACXa,GAAU,CACLA,GAASP,GAAQA,EAAO,SAASO,CAAK,CAC5C,CAAA,EAEFD,EAAAA,MACE,IAAMZ,EAAM,OACXc,GAAW,CACNR,GAAQA,EAAO,UAAUQ,GAAU,CAAA,CAAE,CAC3C,CAAA,EAEFF,EAAAA,MACE,IAAMZ,EAAM,gBACXe,GAAQ,CACHA,GAAOT,GAAQA,EAAO,gBAAgBS,CAAG,CAC/C,CAAA,EAGFC,EAAAA,gBAAgB,IAAM,CACpBV,GAAA,MAAAA,EAAQ,UACRA,EAAS,KACTC,EAAW,MAAQ,IACrB,CAAC,EAEDU,EAAa,CACX,IAAK,IAAiCX,CAAA,CACvC,wBAICY,EAAAA,mBAIM,MAAA,SAJG,OAAJ,IAAId,EAAO,2BAAyB,EAAA,GACvBG,EAAA,qBAAhBY,EAAAA,YAEWC,EAAAA,SAAA,OAFkB,GAAIb,EAAA,KAAA,GAC/Bc,aAA8BC,EAAA,OAAA,gBAAA,CAAA"}

package/dist/lighting.js

@@ -1,7 +1,7 @@
-import { defineComponent as g, useTemplateRef as s, onMounted as m, watch as a, onBeforeUnmount as h, openBlock as u, createElementBlock as f } from "vue";
-import { LightingEditor as p } from "@aicut/core/lighting";
-import { DEFAULT_LIGHTING_CONFIG as C, PRESET_DIRECTIONS as U, lightingLocaleEn as b, lightingLocaleZh as j, mergeLightingLocale as v, snapToPreset as w } from "@aicut/core/lighting";
-const _ = /* @__PURE__ */ g({
+import { defineComponent as g, useTemplateRef as m, ref as f, onMounted as h, watch as a, onBeforeUnmount as p, openBlock as i, createElementBlock as d, createBlock as I, Teleport as L, renderSlot as E, createCommentVNode as _ } from "vue";
+import { LightingEditor as v } from "@aicut/core/lighting";
+import { DEFAULT_LIGHTING_CONFIG as y, PRESET_DIRECTIONS as S, lightingLocaleEn as w, lightingLocaleZh as B, mergeLightingLocale as F, snapToPreset as N } from "@aicut/core/lighting";
+const b = /* @__PURE__ */ g({
   __name: "LightingEditor",
   props: {
     subjectImageUrl: {},
@@ -11,19 +11,20 @@ const _ = /* @__PURE__ */ g({
     locale: {}
   },
   emits: ["ready", "change"],
-  setup(l, { expose: c, emit: r }) {
-    const o = l, i = r, n = s("host");
+  setup(c, { expose: s, emit: u }) {
+    const o = c, r = u, n = m("host");
     let e = null;
-    return m(() => {
-      n.value && (e = p.create({
+    const l = f(null);
+    return h(() => {
+      n.value && (e = v.create({
         container: n.value,
         subjectImageUrl: o.subjectImageUrl,
         config: o.defaultConfig,
         view: o.defaultView,
         theme: o.theme,
         locale: o.locale,
-        onChange: (t) => i("change", t)
-      }), i("ready", e));
+        onChange: (t) => r("change", t)
+      }), l.value = e.controlsFooter, r("ready", e));
     }), a(
       () => o.theme,
       (t) => {
@@ -39,24 +40,31 @@ const _ = /* @__PURE__ */ g({
       (t) => {
         t && e && e.setSubjectImage(t);
       }
-    ), h(() => {
-      e == null || e.destroy(), e = null;
-    }), c({
+    ), p(() => {
+      e == null || e.destroy(), e = null, l.value = null;
+    }), s({
       api: () => e
-    }), (t, d) => (u(), f("div", {
+    }), (t, T) => (i(), d("div", {
       ref_key: "host",
       ref: n,
       "data-aicut-lighting-host": ""
-    }, null, 512));
+    }, [
+      l.value ? (i(), I(L, {
+        key: 0,
+        to: l.value
+      }, [
+        E(t.$slots, "controlsFooter")
+      ], 8, ["to"])) : _("", !0)
+    ], 512));
   }
 });
 export {
-  C as DEFAULT_LIGHTING_CONFIG,
-  _ as LightingEditor,
-  U as PRESET_DIRECTIONS,
-  b as lightingLocaleEn,
-  j as lightingLocaleZh,
-  v as mergeLightingLocale,
-  w as snapToPreset
+  y as DEFAULT_LIGHTING_CONFIG,
+  b as LightingEditor,
+  S as PRESET_DIRECTIONS,
+  w as lightingLocaleEn,
+  B as lightingLocaleZh,
+  F as mergeLightingLocale,
+  N as snapToPreset
 };
 //# sourceMappingURL=lighting.js.map

package/dist/lighting.js.map

@@ -1 +1 @@
-{"version":3,"file":"lighting.js","sources":["../src/LightingEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, useTemplateRef, watch } from \"vue\";\nimport {\n  LightingEditor as CoreLightingEditor,\n  type LightingConfig,\n  type LightingEditorOptions,\n  type LightingView,\n} from \"@aicut/core/lighting\";\nimport type { Theme } from \"@aicut/core\";\n\n/**\n * Vue 3 shell for the 3D lighting picker. Renders scene + controls;\n * nothing else. Host code lays out their own surrounding UI (smart\n * mode panel, generate button, etc.) alongside this component in\n * their own template.\n */\nconst props = defineProps<{\n  subjectImageUrl?: string;\n  defaultConfig?: Partial<LightingConfig>;\n  defaultView?: LightingView;\n  theme?: Theme;\n  locale?: LightingEditorOptions[\"locale\"];\n}>();\n\nconst emit = defineEmits<{\n  (e: \"ready\", api: CoreLightingEditor): void;\n  (e: \"change\", cfg: LightingConfig): void;\n}>();\n\nconst host = useTemplateRef<HTMLDivElement>(\"host\");\nlet editor: CoreLightingEditor | null = null;\n\nonMounted(() => {\n  if (!host.value) return;\n  editor = CoreLightingEditor.create({\n    container: host.value,\n    subjectImageUrl: props.subjectImageUrl,\n    config: props.defaultConfig,\n    view: props.defaultView,\n    theme: props.theme,\n    locale: props.locale,\n    onChange: (cfg) => emit(\"change\", cfg),\n  });\n  emit(\"ready\", editor);\n});\n\nwatch(\n  () => props.theme,\n  (theme) => {\n    if (theme && editor) editor.setTheme(theme);\n  },\n);\nwatch(\n  () => props.locale,\n  (locale) => {\n    if (editor) editor.setLocale(locale ?? {});\n  },\n);\nwatch(\n  () => props.subjectImageUrl,\n  (url) => {\n    if (url && editor) editor.setSubjectImage(url);\n  },\n);\n\nonBeforeUnmount(() => {\n  editor?.destroy();\n  editor = null;\n});\n\ndefineExpose({\n  api: (): CoreLightingEditor | null => editor,\n});\n</script>\n\n<template>\n  <div ref=\"host\" data-aicut-lighting-host=\"\" />\n</template>\n"],"names":["props","__props","emit","__emit","host","useTemplateRef","editor","onMounted","CoreLightingEditor","cfg","watch","theme","locale","url","onBeforeUnmount","__expose","_createElementBlock"],"mappings":";;;;;;;;;;;;;;AAgBA,UAAMA,IAAQC,GAQRC,IAAOC,GAKPC,IAAOC,EAA+B,MAAM;AAClD,QAAIC,IAAoC;AAExC,WAAAC,EAAU,MAAM;AACd,MAAKH,EAAK,UACVE,IAASE,EAAmB,OAAO;AAAA,QACjC,WAAWJ,EAAK;AAAA,QAChB,iBAAiBJ,EAAM;AAAA,QACvB,QAAQA,EAAM;AAAA,QACd,MAAMA,EAAM;AAAA,QACZ,OAAOA,EAAM;AAAA,QACb,QAAQA,EAAM;AAAA,QACd,UAAU,CAACS,MAAQP,EAAK,UAAUO,CAAG;AAAA,MAAA,CACtC,GACDP,EAAK,SAASI,CAAM;AAAA,IACtB,CAAC,GAEDI;AAAA,MACE,MAAMV,EAAM;AAAA,MACZ,CAACW,MAAU;AACT,QAAIA,KAASL,KAAQA,EAAO,SAASK,CAAK;AAAA,MAC5C;AAAA,IAAA,GAEFD;AAAA,MACE,MAAMV,EAAM;AAAA,MACZ,CAACY,MAAW;AACV,QAAIN,KAAQA,EAAO,UAAUM,KAAU,CAAA,CAAE;AAAA,MAC3C;AAAA,IAAA,GAEFF;AAAA,MACE,MAAMV,EAAM;AAAA,MACZ,CAACa,MAAQ;AACP,QAAIA,KAAOP,KAAQA,EAAO,gBAAgBO,CAAG;AAAA,MAC/C;AAAA,IAAA,GAGFC,EAAgB,MAAM;AACpB,MAAAR,KAAA,QAAAA,EAAQ,WACRA,IAAS;AAAA,IACX,CAAC,GAEDS,EAAa;AAAA,MACX,KAAK,MAAiCT;AAAA,IAAA,CACvC,mBAICU,EAA8C,OAAA;AAAA,eAArC;AAAA,MAAJ,KAAIZ;AAAA,MAAO,4BAAyB;AAAA,IAAA;;;"}
+{"version":3,"file":"lighting.js","sources":["../src/LightingEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, ref, useTemplateRef, watch } from \"vue\";\nimport {\n  LightingEditor as CoreLightingEditor,\n  type LightingConfig,\n  type LightingEditorOptions,\n  type LightingView,\n} from \"@aicut/core/lighting\";\nimport type { Theme } from \"@aicut/core\";\n\nconst props = defineProps<{\n  subjectImageUrl?: string;\n  defaultConfig?: Partial<LightingConfig>;\n  defaultView?: LightingView;\n  theme?: Theme;\n  locale?: LightingEditorOptions[\"locale\"];\n}>();\n\nconst emit = defineEmits<{\n  (e: \"ready\", api: CoreLightingEditor): void;\n  (e: \"change\", cfg: LightingConfig): void;\n}>();\n\nconst host = useTemplateRef<HTMLDivElement>(\"host\");\nlet editor: CoreLightingEditor | null = null;\n/**\n * Footer slot DOM node — set after mount so the Teleport target\n * exists before Vue tries to portal slot content into it.\n */\nconst footerSlot = ref<HTMLElement | null>(null);\n\nonMounted(() => {\n  if (!host.value) return;\n  editor = CoreLightingEditor.create({\n    container: host.value,\n    subjectImageUrl: props.subjectImageUrl,\n    config: props.defaultConfig,\n    view: props.defaultView,\n    theme: props.theme,\n    locale: props.locale,\n    onChange: (cfg) => emit(\"change\", cfg),\n  });\n  footerSlot.value = editor.controlsFooter;\n  emit(\"ready\", editor);\n});\n\nwatch(\n  () => props.theme,\n  (theme) => {\n    if (theme && editor) editor.setTheme(theme);\n  },\n);\nwatch(\n  () => props.locale,\n  (locale) => {\n    if (editor) editor.setLocale(locale ?? {});\n  },\n);\nwatch(\n  () => props.subjectImageUrl,\n  (url) => {\n    if (url && editor) editor.setSubjectImage(url);\n  },\n);\n\nonBeforeUnmount(() => {\n  editor?.destroy();\n  editor = null;\n  footerSlot.value = null;\n});\n\ndefineExpose({\n  api: (): CoreLightingEditor | null => editor,\n});\n</script>\n\n<template>\n  <div ref=\"host\" data-aicut-lighting-host=\"\">\n    <Teleport v-if=\"footerSlot\" :to=\"footerSlot\">\n      <slot name=\"controlsFooter\" />\n    </Teleport>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","host","useTemplateRef","editor","footerSlot","ref","onMounted","CoreLightingEditor","cfg","watch","theme","locale","url","onBeforeUnmount","__expose","_createElementBlock","_createBlock","_Teleport","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,GAQRC,IAAOC,GAKPC,IAAOC,EAA+B,MAAM;AAClD,QAAIC,IAAoC;AAKxC,UAAMC,IAAaC,EAAwB,IAAI;AAE/C,WAAAC,EAAU,MAAM;AACd,MAAKL,EAAK,UACVE,IAASI,EAAmB,OAAO;AAAA,QACjC,WAAWN,EAAK;AAAA,QAChB,iBAAiBJ,EAAM;AAAA,QACvB,QAAQA,EAAM;AAAA,QACd,MAAMA,EAAM;AAAA,QACZ,OAAOA,EAAM;AAAA,QACb,QAAQA,EAAM;AAAA,QACd,UAAU,CAACW,MAAQT,EAAK,UAAUS,CAAG;AAAA,MAAA,CACtC,GACDJ,EAAW,QAAQD,EAAO,gBAC1BJ,EAAK,SAASI,CAAM;AAAA,IACtB,CAAC,GAEDM;AAAA,MACE,MAAMZ,EAAM;AAAA,MACZ,CAACa,MAAU;AACT,QAAIA,KAASP,KAAQA,EAAO,SAASO,CAAK;AAAA,MAC5C;AAAA,IAAA,GAEFD;AAAA,MACE,MAAMZ,EAAM;AAAA,MACZ,CAACc,MAAW;AACV,QAAIR,KAAQA,EAAO,UAAUQ,KAAU,CAAA,CAAE;AAAA,MAC3C;AAAA,IAAA,GAEFF;AAAA,MACE,MAAMZ,EAAM;AAAA,MACZ,CAACe,MAAQ;AACP,QAAIA,KAAOT,KAAQA,EAAO,gBAAgBS,CAAG;AAAA,MAC/C;AAAA,IAAA,GAGFC,EAAgB,MAAM;AACpB,MAAAV,KAAA,QAAAA,EAAQ,WACRA,IAAS,MACTC,EAAW,QAAQ;AAAA,IACrB,CAAC,GAEDU,EAAa;AAAA,MACX,KAAK,MAAiCX;AAAA,IAAA,CACvC,mBAICY,EAIM,OAAA;AAAA,eAJG;AAAA,MAAJ,KAAId;AAAA,MAAO,4BAAyB;AAAA,IAAA;MACvBG,EAAA,cAAhBY,EAEWC,GAAA;AAAA;QAFkB,IAAIb,EAAA;AAAA,MAAA;QAC/Bc,EAA8BC,EAAA,QAAA,gBAAA;AAAA,MAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aicut/vue",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Vue 3 wrapper for the AiCut video editor + lighting picker — thin declarative shells over @aicut/core.",
   "license": "MIT",
   "author": "ziqiang <ziqiangytu@gmail.com>",
@@ -60,7 +60,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@aicut/core": "0.3.0"
+    "@aicut/core": "0.4.0"
   },
   "peerDependencies": {
     "vue": "^3.4.0"