@bylqwjc/media-editor-image 1.0.26

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 media-editor-sdk contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,48 @@
+# @media-editor/image
+
+框架无关图片编辑器运行时。内部封装 React、ReactDOM 和 Filerobot，业务应用不需要自己安装或改造图片编辑器内部 UI。
+
+## 安装
+
+```bash
+pnpm add @media-editor/image @media-editor/styles
+```
+
+## 使用
+
+```ts
+import { mountImageEditor } from '@media-editor/image';
+import '@media-editor/image/style.css';
+import '@media-editor/styles/theme.css';
+import '@media-editor/styles/filerobot.css';
+
+const handle = mountImageEditor(el, {
+  source: fileOrUrl,
+  locale: 'zh',
+  theme: 'auto',
+  onSave: async (result, designState) => {
+    await saveImageToYourApp(result, designState);
+  },
+});
+
+handle.update({ source: nextFileOrUrl });
+handle.destroy();
+```
+
+## Lazy
+
+```ts
+import { mountImageEditorLazy, preloadImageEditor } from '@media-editor/image/lazy';
+
+preloadImageEditor();
+await mountImageEditorLazy(el, options);
+```
+
+## 选项
+
+- `source`: 图片 URL、File、Blob 或 data URL。
+- `locale`: `zh`、`en`、`es` 或 `zh-Hant`。
+- `theme`: `auto`、`light` 或 `dark`。
+- `fullscreen`: `false` 可关闭内置全屏，也可传 `{ target, buttonContainer, mode }`。
+- `onSave`: 用户点击保存后的回调。
+- `onClose`: 用户关闭编辑器后的回调。

package/dist/chunk-5TBO732O.js

@@ -0,0 +1 @@
+import e from"react";const t="__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE",r=e[t],o=r?new Proxy(r,{set:(e,t,r)=>("A"===t&&r&&"function"!=typeof r.getOwner&&(r={...r,getOwner:()=>null}),Reflect.set(e,t,r))}):r,n=o?new Proxy(e,{get:(e,r)=>r===t?o:Reflect.get(e,r)}):e;var a=Object.create,c=Object.defineProperty,p=Object.getOwnPropertyDescriptor,f=Object.getOwnPropertyNames,l=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty,s=e=>{if("react"===e)return n;throw Error(`Unsupported dynamic require: ${e}`)},u=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),_=(e,t)=>{for(var r in t)c(e,r,{get:t[r],enumerable:!0})},b=(e,t,r)=>(r=null!=e?a(l(e)):{},((e,t,r,o)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let r of f(t))!O.call(e,r)&&void 0!==r&&c(e,r,{get:()=>t[r],enumerable:!(o=p(t,r))||o.enumerable});return e})(!t&&e&&e.__esModule?r:c(r,"default",{value:e,enumerable:!0}),e));export{s as a,u as b,_ as c,b as d};

package/dist/index-CU3vkvDR.d.ts

@@ -0,0 +1,44 @@
+import { ImageEditorConfigOptions } from '@media-editor/core/filerobot';
+
+interface FullscreenToggleOptions {
+    mode?: 'overlay' | 'inline';
+    className?: string;
+}
+type ImageEditorFullscreenOptions = false | (FullscreenToggleOptions & {
+    /** Element that should enter fullscreen. Defaults to the editor target. */
+    target?: HTMLElement;
+    /** Element that should receive the toggle button. Defaults to the editor target. */
+    buttonContainer?: HTMLElement | null;
+});
+/** mountImageEditor 入参:同内核配置项,但 baseTranslations/renderRatioIcon 由本层注入;themeMode 改为更友好的 theme */
+type MountImageEditorOptions = Omit<ImageEditorConfigOptions, 'baseTranslations' | 'renderRatioIcon' | 'themeMode'> & {
+    /** 明暗主题:'auto'(默认,跟随系统 prefers-color-scheme)/ 'light' / 'dark' */
+    theme?: 'auto' | 'light' | 'dark';
+    /** 全屏按钮配置;传 false 可关闭内置按钮,也可把按钮放进宿主返回栏 */
+    fullscreen?: ImageEditorFullscreenOptions;
+};
+/** 挂载句柄:命令式更新 / 卸载 */
+interface ImageEditorHandle {
+    /** 用新配置重渲染(locale 变更会触发内部重挂) */
+    update(opts: MountImageEditorOptions): void;
+    /** 卸载并释放 React root */
+    destroy(): void;
+}
+
+/**
+ * 把图片编辑器挂载到 target 元素。框架无关:Vue/React/原生 都调它。
+ * @param target 宿主 DOM 元素(编辑器占满其尺寸,高度由宿主控制)
+ * @param opts   配置项(至少 source);locale 默认 'zh'
+ */
+declare function mountImageEditor(target: HTMLElement, opts: MountImageEditorOptions): ImageEditorHandle;
+
+declare const __index_ImageEditorConfigOptions: typeof ImageEditorConfigOptions;
+type __index_ImageEditorFullscreenOptions = ImageEditorFullscreenOptions;
+type __index_ImageEditorHandle = ImageEditorHandle;
+type __index_MountImageEditorOptions = MountImageEditorOptions;
+declare const __index_mountImageEditor: typeof mountImageEditor;
+declare namespace __index {
+  export { __index_ImageEditorConfigOptions as ImageEditorConfigOptions, type __index_ImageEditorFullscreenOptions as ImageEditorFullscreenOptions, type __index_ImageEditorHandle as ImageEditorHandle, type __index_MountImageEditorOptions as MountImageEditorOptions, __index_mountImageEditor as mountImageEditor };
+}
+
+export { type ImageEditorHandle as I, type MountImageEditorOptions as M, __index as _, type ImageEditorFullscreenOptions as a, mountImageEditor as m };

package/dist/index.css

@@ -0,0 +1 @@
+.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { ImageEditorConfigOptions } from '@media-editor/core/filerobot';
+export { a as ImageEditorFullscreenOptions, I as ImageEditorHandle, M as MountImageEditorOptions, m as mountImageEditor } from './index-CU3vkvDR.js';