@jetprint/editor-sdk 1.0.0

package/dist/components/Editor/components/EditorSidebar.vue.d.ts

@@ -0,0 +1,548 @@
+import { type PropType } from 'vue';
+import type { ProductItem, GalleryApi, CustomSidebarTabDef, EditorUiTheme } from '../../../types';
+interface Layer {
+    id: string | number;
+    name: string;
+    object?: any;
+    visible?: boolean;
+    locked?: boolean;
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    activeTab: {
+        type: StringConstructor;
+        default: string;
+    };
+    visibleTabs: {
+        type: () => string[];
+        default: () => string[];
+    };
+    showNav: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    urlInput: {
+        type: StringConstructor;
+        default: string;
+    };
+    productItems: {
+        type: () => ProductItem[];
+        default: () => never[];
+    };
+    productTotal: {
+        type: NumberConstructor;
+        default: number;
+    };
+    productPage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    productPageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    productHasPrev: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    productHasNext: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedProductIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    layers: {
+        type: () => Layer[];
+        default: () => never[];
+    };
+    activeLayerId: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    showImageTools: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imagePatternMode: {
+        type: StringConstructor;
+        default: string;
+    };
+    imagePatternScale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    imagePatternScaleEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLayerTools: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    layerOpacity: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showTextTools: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textFontFamily: {
+        type: StringConstructor;
+        default: string;
+    };
+    textFontSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    textCharSpacing: {
+        type: NumberConstructor;
+        default: number;
+    };
+    textLineHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    textFill: {
+        type: StringConstructor;
+        default: string;
+    };
+    textStrokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    textStroke: {
+        type: StringConstructor;
+        default: string;
+    };
+    textTextAlign: {
+        type: StringConstructor;
+        default: string;
+    };
+    textFontWeight: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    textFontStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    textUnderline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textPadding: {
+        type: NumberConstructor;
+        default: number;
+    };
+    galleryApi: {
+        type: PropType<GalleryApi | null | undefined>;
+        default: null;
+    };
+    onSelectImage: {
+        type: PropType<(url: string | null | undefined) => void>;
+        default: undefined;
+    };
+    customSidebarTabs: {
+        type: PropType<CustomSidebarTabDef[]>;
+        default: () => never[];
+    };
+    /** 与 options.readOnly 一致（宿主在 diecutEditable===false 时传入）：整块侧栏不可点 */
+    readOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 与 Editor options.uiTheme 一致；图库在 default 下固定原稿配色 */
+    uiTheme: {
+        type: PropType<EditorUiTheme>;
+        default: string;
+    };
+    /** theme1 右侧图层：卡片式 + 拖拽排序；default 为原完整工具行 */
+    layerListLayout: {
+        type: PropType<"default" | "theme1">;
+        default: string;
+    };
+    /** theme1 左侧「当前产品」：颜色选项（与顶栏同源） */
+    colorOptions: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    colorLabelByValue: {
+        type: PropType<Record<string, string>>;
+        default: () => {};
+    };
+    sizeOptions: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    selectedColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectedColors: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    selectedSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectedSizes: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    productDetailCoverImg: {
+        type: StringConstructor;
+        default: string;
+    };
+    productDetailName: {
+        type: StringConstructor;
+        default: string;
+    };
+    onTheme1UploadLocalFiles: {
+        type: PropType<(file: File) => void | Promise<void> | undefined>;
+        default: undefined;
+    };
+    /** 裁切模式：已进入时为 true，按钮高亮表示「再点提交」 */
+    cropMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** actionId → 快捷键展示文案，用于图层工具 title */
+    shortcutKeys: {
+        type: PropType<Record<string, string>>;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    upload: (...args: any[]) => void;
+    "add-text": (...args: any[]) => void;
+    "add-label": (...args: any[]) => void;
+    "update:selectedColor": (...args: any[]) => void;
+    "update:selectedSize": (...args: any[]) => void;
+    "update:selectedColors": (...args: any[]) => void;
+    "update:selectedSizes": (...args: any[]) => void;
+    "move-layer-by-id": (...args: any[]) => void;
+    "duplicate-layer": (...args: any[]) => void;
+    "remove-selected": (...args: any[]) => void;
+    "align-layer": (...args: any[]) => void;
+    "scale-layer": (...args: any[]) => void;
+    "rotate-layer": (...args: any[]) => void;
+    "flip-layer": (...args: any[]) => void;
+    "update-layer-opacity": (...args: any[]) => void;
+    "update-text-prop": (...args: any[]) => void;
+    "apply-image-pattern": (...args: any[]) => void;
+    "update-image-pattern-scale": (...args: any[]) => void;
+    "crop-layer": (...args: any[]) => void;
+    "update:activeTab": (...args: any[]) => void;
+    "update:urlInput": (...args: any[]) => void;
+    "update:selectedProductIndex": (...args: any[]) => void;
+    "change-product-page": (...args: any[]) => void;
+    "add-rect": (...args: any[]) => void;
+    "add-circle": (...args: any[]) => void;
+    "add-image-url": (...args: any[]) => void;
+    "paste-url": (...args: any[]) => void;
+    "select-layer": (...args: any[]) => void;
+    "move-layer": (...args: any[]) => void;
+    "center-layer": (...args: any[]) => void;
+    "toggle-layer-visibility": (...args: any[]) => void;
+    "toggle-layer-lock": (...args: any[]) => void;
+    "delete-layer": (...args: any[]) => void;
+    "duplicate-layer-by-id": (...args: any[]) => void;
+    "reorder-layers": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    activeTab: {
+        type: StringConstructor;
+        default: string;
+    };
+    visibleTabs: {
+        type: () => string[];
+        default: () => string[];
+    };
+    showNav: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    urlInput: {
+        type: StringConstructor;
+        default: string;
+    };
+    productItems: {
+        type: () => ProductItem[];
+        default: () => never[];
+    };
+    productTotal: {
+        type: NumberConstructor;
+        default: number;
+    };
+    productPage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    productPageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    productHasPrev: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    productHasNext: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedProductIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    layers: {
+        type: () => Layer[];
+        default: () => never[];
+    };
+    activeLayerId: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    showImageTools: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imagePatternMode: {
+        type: StringConstructor;
+        default: string;
+    };
+    imagePatternScale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    imagePatternScaleEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLayerTools: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    layerOpacity: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showTextTools: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textFontFamily: {
+        type: StringConstructor;
+        default: string;
+    };
+    textFontSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    textCharSpacing: {
+        type: NumberConstructor;
+        default: number;
+    };
+    textLineHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    textFill: {
+        type: StringConstructor;
+        default: string;
+    };
+    textStrokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    textStroke: {
+        type: StringConstructor;
+        default: string;
+    };
+    textTextAlign: {
+        type: StringConstructor;
+        default: string;
+    };
+    textFontWeight: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    textFontStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    textUnderline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textPadding: {
+        type: NumberConstructor;
+        default: number;
+    };
+    galleryApi: {
+        type: PropType<GalleryApi | null | undefined>;
+        default: null;
+    };
+    onSelectImage: {
+        type: PropType<(url: string | null | undefined) => void>;
+        default: undefined;
+    };
+    customSidebarTabs: {
+        type: PropType<CustomSidebarTabDef[]>;
+        default: () => never[];
+    };
+    /** 与 options.readOnly 一致（宿主在 diecutEditable===false 时传入）：整块侧栏不可点 */
+    readOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 与 Editor options.uiTheme 一致；图库在 default 下固定原稿配色 */
+    uiTheme: {
+        type: PropType<EditorUiTheme>;
+        default: string;
+    };
+    /** theme1 右侧图层：卡片式 + 拖拽排序；default 为原完整工具行 */
+    layerListLayout: {
+        type: PropType<"default" | "theme1">;
+        default: string;
+    };
+    /** theme1 左侧「当前产品」：颜色选项（与顶栏同源） */
+    colorOptions: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    colorLabelByValue: {
+        type: PropType<Record<string, string>>;
+        default: () => {};
+    };
+    sizeOptions: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    selectedColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectedColors: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    selectedSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectedSizes: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    productDetailCoverImg: {
+        type: StringConstructor;
+        default: string;
+    };
+    productDetailName: {
+        type: StringConstructor;
+        default: string;
+    };
+    onTheme1UploadLocalFiles: {
+        type: PropType<(file: File) => void | Promise<void> | undefined>;
+        default: undefined;
+    };
+    /** 裁切模式：已进入时为 true，按钮高亮表示「再点提交」 */
+    cropMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** actionId → 快捷键展示文案，用于图层工具 title */
+    shortcutKeys: {
+        type: PropType<Record<string, string>>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onUpload?: ((...args: any[]) => any) | undefined;
+    "onAdd-text"?: ((...args: any[]) => any) | undefined;
+    "onAdd-label"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedColor"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedSize"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedColors"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedSizes"?: ((...args: any[]) => any) | undefined;
+    "onMove-layer-by-id"?: ((...args: any[]) => any) | undefined;
+    "onDuplicate-layer"?: ((...args: any[]) => any) | undefined;
+    "onRemove-selected"?: ((...args: any[]) => any) | undefined;
+    "onAlign-layer"?: ((...args: any[]) => any) | undefined;
+    "onScale-layer"?: ((...args: any[]) => any) | undefined;
+    "onRotate-layer"?: ((...args: any[]) => any) | undefined;
+    "onFlip-layer"?: ((...args: any[]) => any) | undefined;
+    "onUpdate-layer-opacity"?: ((...args: any[]) => any) | undefined;
+    "onUpdate-text-prop"?: ((...args: any[]) => any) | undefined;
+    "onApply-image-pattern"?: ((...args: any[]) => any) | undefined;
+    "onUpdate-image-pattern-scale"?: ((...args: any[]) => any) | undefined;
+    "onCrop-layer"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:activeTab"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:urlInput"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedProductIndex"?: ((...args: any[]) => any) | undefined;
+    "onChange-product-page"?: ((...args: any[]) => any) | undefined;
+    "onAdd-rect"?: ((...args: any[]) => any) | undefined;
+    "onAdd-circle"?: ((...args: any[]) => any) | undefined;
+    "onAdd-image-url"?: ((...args: any[]) => any) | undefined;
+    "onPaste-url"?: ((...args: any[]) => any) | undefined;
+    "onSelect-layer"?: ((...args: any[]) => any) | undefined;
+    "onMove-layer"?: ((...args: any[]) => any) | undefined;
+    "onCenter-layer"?: ((...args: any[]) => any) | undefined;
+    "onToggle-layer-visibility"?: ((...args: any[]) => any) | undefined;
+    "onToggle-layer-lock"?: ((...args: any[]) => any) | undefined;
+    "onDelete-layer"?: ((...args: any[]) => any) | undefined;
+    "onDuplicate-layer-by-id"?: ((...args: any[]) => any) | undefined;
+    "onReorder-layers"?: ((...args: any[]) => any) | undefined;
+}>, {
+    selectedColor: string;
+    selectedSize: string;
+    urlInput: string;
+    layers: Layer[];
+    activeLayerId: string | number;
+    activeTab: string;
+    selectedProductIndex: number;
+    productItems: ProductItem[];
+    sizeOptions: string[];
+    colorOptions: string[];
+    colorLabelByValue: Record<string, string>;
+    selectedColors: string[];
+    selectedSizes: string[];
+    readOnly: boolean;
+    uiTheme: EditorUiTheme;
+    galleryApi: GalleryApi | null | undefined;
+    onSelectImage: (url: string | null | undefined) => void;
+    showTextTools: boolean;
+    showLayerTools: boolean;
+    layerOpacity: number;
+    textFontFamily: string;
+    textFontSize: number;
+    textCharSpacing: number;
+    textLineHeight: number;
+    textFill: string;
+    textTextAlign: string;
+    textFontWeight: string | number;
+    textFontStyle: string;
+    textUnderline: boolean;
+    textPadding: number;
+    textStroke: string;
+    textStrokeWidth: number;
+    onTheme1UploadLocalFiles: (file: File) => void | Promise<void> | undefined;
+    showImageTools: boolean;
+    imagePatternMode: string;
+    imagePatternScale: number;
+    imagePatternScaleEnabled: boolean;
+    cropMode: boolean;
+    visibleTabs: string[];
+    showNav: boolean;
+    productTotal: number;
+    productPage: number;
+    productPageSize: number;
+    productHasPrev: boolean;
+    productHasNext: boolean;
+    customSidebarTabs: CustomSidebarTabDef[];
+    layerListLayout: "default" | "theme1";
+    productDetailCoverImg: string;
+    productDetailName: string;
+    shortcutKeys: Record<string, string>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;