@shijiu/jsview-vue 2.3.0 → 2.3.728-alpha.0

package/dist/types/utils/JsViewVueTools/JsvTextureDefines.d.ts

@@ -0,0 +1,10 @@
+/** 
+ + @file {@link file://./../../../utils/JsViewVueTools/JsvTextureDefines.ts}
+ */
+
+declare class TextureInstantType {
+    static Auto: number;
+    static Sync: number;
+    static Async: number;
+}
+export { TextureInstantType, };

package/dist/types/utils/JsViewVueTools/JsvTextureLoadTool.d.ts

@@ -0,0 +1,67 @@
+/** 
+ + @file {@link file://./../../../utils/JsViewVueTools/JsvTextureLoadTool.ts}
+ */
+
+/**
+ * @file
+ *
+ * 内部组件
+ *
+ * JsvTextureLoadTool: 对给定列表的图片资源进行后台预加载
+ * 特别注意: 在vue组件进行关联时，要在unmounted中进行对preload返回的句柄进行主动的release动作
+ *
+ * @method
+ *      preload
+ *          @param {Array(ItemSet)} preloadList
+ *          @param {Function} finishCallback
+*/
+declare class ItemSet {
+    url: String | null;
+    width: number;
+    height: number;
+    colorType: String;
+    netSetting: any;
+    isPosterImg: boolean;
+    magicToken: number;
+    /**
+     * @constructor
+     * @param {String} url  必填，图片的url，目前只支持 http:// 和 ./ 两个格式
+     * @param {number} width  选填，是否为了省内存而按照给定尺寸压缩图片
+     * @param {number} height  选填，是否为了省内存而按照给定尺寸压缩图片
+     * @param {String} color_type 选填，是否为了省内存而做成其他的图片解码格式
+     * @param {String} net_setting  选填，是否有特殊的网络header设置
+     * @param {boolean} is_poster_img 选填, 是否为统计为海报,海报有一套解码优先级处理
+     */
+    constructor(url: String, width?: number, height?: number, color_type?: String, net_setting?: any, is_poster_img?: boolean);
+}
+declare class ItemStatus {
+    loadStatus: boolean;
+    listenerToken: number;
+    textureRef: any;
+    releaseResource(): void;
+}
+declare class ListStatus {
+    loadStatusList: Array<ItemStatus>;
+    loadedInfoList: Array<any>;
+    originDataList: Array<ItemSet>;
+    loadingItemCount: number;
+    finishCallback: Function;
+    constructor(origin_data: Array<ItemSet>, finish_callback: Function);
+    onLoaded(index: number, loaded_info: any): void;
+    recycleResource(): void;
+}
+/**
+ * 对给定的ItemSet进行preload加载，返回 ListStatus，
+ * 注意: 在vue的unmount处理中要调用ListStatus.recycleResource()进行资源回收
+ *
+ * @function
+ * @param {ItemSet} preload_list_data  要加载资源的ItemSet列表
+ * @param {Function} finish_callback  全加载完成后的回调函数
+ * @returns {ListStatus}
+ */
+declare function preload(preload_list_data: Array<ItemSet> | null, finish_callback: Function): ListStatus | null;
+declare const JsvTextureLoadTool: {
+    preload: typeof preload;
+    ItemSet: typeof ItemSet;
+};
+export { JsvTextureLoadTool };

package/dist/types/utils/JsViewVueTools/JsvTextureStore/BitPalette/BitPalette.d.ts

@@ -0,0 +1,47 @@
+/** 
+ + @file {@link file://./../../../../../utils/JsViewVueTools/JsvTextureStore/BitPalette/BitPalette.ts}
+ */
+
+declare const enum BitPaletteCommand {
+    Cmd_GetDomainColorSync = 1003,
+    Cmd_SubMapBlob = 1004,
+    Cmd_SubMapTextureSync = 1005,
+    Cmd_ToStoreTmpBufferSync = 1006
+}
+declare class BitPaletteCtrl {
+    private _texture;
+    private _recycled;
+    constructor(texture: any);
+    /**
+     * 获取图片的主色调（dominant color），返回一个 Promise，可与 async/await 配合使用。<br>
+     * 使用方式示例：
+     *
+     * 异步/Promise方式：
+     *   let colorStrJson = await bitPalette.Ctrl.getDomainColorSync();
+     *   if (colorStrJson) {
+     *     let colorsList = JSON.parse(colorStrJson);
+     *     // colorsList 是主色调数组
+     *   }
+     *
+     */
+    getDomainColorSync(): Promise<any>;
+    toBlob(): Promise<Blob | null>;
+    private doCommand;
+    markRecycled(): void;
+}
+export declare class BitPalette {
+    private _recycled;
+    private _readyReject;
+    private _texture;
+    Ctrl: BitPaletteCtrl | null;
+    Ready: Promise<BitPalette> | null;
+    constructor(src: string, callback?: () => void);
+    recycle(): void;
+    static CommandType: {
+        GetDomainColorSync: BitPaletteCommand;
+        SubMapBlob: BitPaletteCommand;
+        SubMapTextureSync: BitPaletteCommand;
+        ToStoreTmpBuffer: BitPaletteCommand;
+    };
+}
+export {};

package/dist/types/utils/JsViewVueTools/JsvTextureStore/CanvasTexture/CanvasTexture.d.ts

@@ -0,0 +1,99 @@
+/** 
+ + @file {@link file://./../../../../../utils/JsViewVueTools/JsvTextureStore/CanvasTexture/CanvasTexture.ts}
+ */
+
+import { TextureBase } from "../Texture";
+import { RectPath, CirclePath, CustomPath } from "./Path";
+declare class CanvasTexture extends TextureBase {
+    private drawCommands;
+    private commited;
+    private instantLoad;
+    /**
+     * canvasTexture
+     *
+     * @param {int} width  此Canvas画布的宽度
+     * @param {int} height  此Canvas画布的高度
+     * @param {String|null} baseName 可选, 访问名的前缀信息
+     */
+    constructor(width: Number, height: Number, baseName: String | null);
+    /**
+     * clearCanvas
+     * 清空canvas
+     */
+    clearCanvas(): void;
+    /**
+     * drawColor
+     * 将整个Canvas绘制成指定颜色
+     *
+     * @param {String} color 颜色设定，例如rgba(red:0~255, green:0~255, blue:0~255, alpla:0~1.0), 或则 #AARRGGBB
+     */
+    drawColor(color: String): void;
+    /**
+     * customPath
+     * 获得Path操作对象，
+     * 在自定义绘制指令后，通过 stroke 或者 fill 来完成绘制
+     *
+     * @return {CustomPath}
+     */
+    customPath(): CustomPath | null;
+    /**
+     * rectPath
+     * 获得RectPath操作对象，通过 stroke 或者 fill 来完成绘制
+     *
+     * @param {Number} left 矩形左上角left
+     * @param {Number} top 矩形左上角top
+     * @param {Number} right 矩形右下角right
+     * @param {Number} bottom 矩形右下角bottom
+     * @return {RectPath}
+     */
+    rectPath(left: Number, top: Number, right: Number, bottom: Number): RectPath | null;
+    /**
+     * circlePath
+     * 获得CirclePath操作对象，通过 stroke 或者 fill 来完成绘制
+     *
+     * @param {Number} centerX 圆心x
+     * @param {Number} centerY 圆心y
+     * @param {Number} radius 圆半径
+     * @return {CirclePath}
+     */
+    circlePath(centerX: Number, centerY: Number, radius: Number): CirclePath | null;
+    /**
+     * drawLine
+     * 绘制一条带有抗锯齿信息的直线
+     *
+     * @param {Number} fromX 绘制起点X
+     * @param {Number} fromY 绘制起点Y
+     * @param {Number} toX 绘制终点X
+     * @param {Number} toY 绘制终点Y
+     * @param {Number} lineWidth 线宽
+     * @param {String} color 颜色设定，例如rgba(red:0~255, green:0~255, blue:0~255, alpla:0~1.0), 或则 #AARRGGBB
+     */
+    drawLine(fromX: Number, fromY: Number, toX: Number, toY: Number, lineWidth: Number, color: String): void;
+    /**
+     * drawLinearGradientRect
+     * 用渐变色填充一个整个Canvas区域
+     * TODO: 后续如果有需求填充Canvas中子区域内容时，再加一个参数来指定填充区域
+     *
+     * @param {int} fromX 绘制起点X
+     * @param {int} fromY 绘制起点Y
+     * @param {int} toX 绘制终点X
+     * @param {int} toY 绘制终点Y
+     * @param {Array<String>} colorArray 颜色设定的数组
+     * @param {Array<double>} stopsArray 与color数组个数相同,颜色基准点位置
+     */
+    drawLinearGradientRect(fromX: Number, fromY: Number, toX: Number, toY: Number, colorArray: Array<String>, stopsArray: Array<Number>): void;
+    /**
+     * setAsyncLoad
+     * texture异步加载，让界面不会卡顿
+     *
+     * @param {int} fromX 绘制起点X
+     * @param {int} fromY 绘制起点Y
+     * @param {int} toX 绘制终点X
+     * @param {int} toY 绘制终点Y
+     * @param {Array<String>} colorArray 颜色设定的数组
+     * @param {Array<double>} stopsArray 与color数组个数相同,颜色基准点位置
+     */
+    setAsyncLoad(): void;
+    commit(): String;
+}
+export default CanvasTexture;

package/dist/types/utils/JsViewVueTools/JsvTextureStore/CanvasTexture/CommandList.d.ts

@@ -0,0 +1,20 @@
+/** 
+ + @file {@link file://./../../../../../utils/JsViewVueTools/JsvTextureStore/CanvasTexture/CommandList.ts}
+ */
+
+export declare const CMD_INVALID = 0;
+export declare const CMD_ALLOC_CANVAS = 1;
+export declare const CMD_PREPARE_PAINT = 2;
+export declare const CMD_PREPARE_PATH = 3;
+export declare const CMD_CLEAR_CANVAS = 10;
+export declare const CMD_DRAW_COLOR = 11;
+export declare const CMD_DRAW_CIRCLE_WITH_PAINT = 12;
+export declare const CMD_DRAW_RECT_WITH_PAINT = 13;
+export declare const CMD_DRAW_PATH_WITH_PAINT = 14;
+export declare const CMD_DRAW_LINE = 15;
+export declare const CMD_DRAW_LINEAR_GRADIENT_RECT = 16;
+export declare const PATH_CMD_MOVE_TO = 30;
+export declare const PATH_CMD_LINE_TO = 31;
+export declare const PATH_CMD_ARC_TO = 32;
+export declare const PATH_CMD_CLOSE = 33;
+export declare const PATH_CUBIC_TO = 34;

package/dist/types/utils/JsViewVueTools/JsvTextureStore/CanvasTexture/DrawHelper.d.ts

@@ -0,0 +1,58 @@
+/** 
+ + @file {@link file://./../../../../../utils/JsViewVueTools/JsvTextureStore/CanvasTexture/DrawHelper.ts}
+ */
+
+import CanvasTexture from "./CanvasTexture";
+import { CustomPath } from "./Path";
+type Data = {
+    x: number;
+    y: number;
+};
+export declare class ChartHelper {
+    private width;
+    private height;
+    private xAxis;
+    private yAxis;
+    private originPosition;
+    private canvasTexture;
+    /**
+     *
+     * @param w {number} 画布宽度
+     * @param h {number} 画布高度
+     * @param xAxis {number[]} x轴范围
+     * @param yAxis {number[]} y轴范围
+     * @throws {Error} 如果画布宽度或高度小于等于 0，或者 x 或 y 轴范围不是长度为 2 的数组，或者 x 或 y 轴范围不是升序
+     */
+    constructor(w: number, h: number, xAxis: number[], yAxis: number[]);
+    /**
+     * @description 获取画布对象
+     * @returns {CanvasTexture} 画布对象
+     */
+    getCanvas(): CanvasTexture;
+    /**
+     * @description 获取原始数据点对应的坐标
+     * @returns {Data} 原始数据点对应的坐标
+     */
+    getOriginPosition(): Data;
+    /**
+     * @description 根据数据获取绘制所需的position
+     * @param data {Data[]} 数据点数组，每个点包含 x 和 y 坐标
+     * @returns {Data[]} 数据点数组，每个点包含 x 和 y 坐标
+     */
+    data2Pos(data: Data[]): Data[];
+    /**
+     * linePath参数说明
+     * @param data {Data[]} 数据点数组，每个点包含 x 和 y 坐标
+     * @param isBroken {boolean} 是否为折线
+     * @param close {number}
+     *          0: 不闭合,绘制线段用,
+     *          1: 闭合到x轴(自动绘制左右两端垂直于x轴的线段), 需要填充颜色时用
+     *          2: 闭合到y轴(自动绘制上下两端垂直于y轴的线段), 需要填充颜色时用
+     * @returns {CustomPath, Data[]} 路径对象和数据点数组，每个点包含 x 和 y 坐标
+     */
+    linePath(data: Data[], isBroken?: boolean, close?: number): {
+        path: CustomPath;
+        position: Data[];
+    } | undefined;
+}
+export {};

package/dist/types/utils/JsViewVueTools/JsvTextureStore/CanvasTexture/Path.d.ts

@@ -0,0 +1,113 @@
+/** 
+ + @file {@link file://./../../../../../utils/JsViewVueTools/JsvTextureStore/CanvasTexture/Path.ts}
+ */
+
+/**
+ * PathStrokeSetting
+ * 描边样式设定
+ * lineWidth: 描边线宽
+ * color: 描边颜色
+ * dash: 描边虚线样式，例如[10, 5]表示10px实线，5px虚线，交替出现
+ * phase: 描边虚线样式起始位置，例如0表示从虚线开始位置开始绘制
+ */
+interface PathStrokeSetting {
+    lineWidth: Number;
+    color: String;
+    dash?: Array<Number>;
+    phase?: Number;
+}
+declare class DrawingPath {
+    protected drawCommandsRefs: Array<Object>;
+    protected finishedDraw: boolean;
+    constructor(drawCmds: Array<Object>);
+    /**
+     * stroke
+     * 绘制边框
+     *
+     * @param {Number} lineWidth 描边的线宽
+     * @param {String} color 颜色设定，例如rgba(red:0~255, green:0~255, blue:0~255, alpla:0~1.0), 或则 #AARRGGBB
+     */
+    stroke(lineWidth: Number, color: String): void;
+    /**
+     * strokeWithSetting
+     * 绘制边框，并设置描边样式
+     *
+     * @param {PathStrokeSetting} setting 描边样式设定
+     */
+    strokeWithSetting(setting: PathStrokeSetting): void;
+    /**
+     * fill
+     * 绘制填充
+     *
+     * @param {String} color 颜色设定，例如rgba(red:0~255, green:0~255, blue:0~255, alpla:0~1.0), 或则 #AARRGGBB
+     */
+    fill(color: String): void;
+    fillWithLinearGradient(fromX: Number, fromY: Number, toX: Number, toY: Number, colorList: Array<String>, positionList: Array<Number>): void;
+    protected onFinishDraw(): void;
+}
+export declare class RectPath extends DrawingPath {
+    private rectLeft;
+    private rectTop;
+    private rectRight;
+    private rectBottom;
+    constructor(drawCmds: Array<Object>, left: Number, top: Number, right: Number, bottom: Number);
+    onFinishDraw(): void;
+}
+export declare class CirclePath extends DrawingPath {
+    private circleCenterX;
+    private circleCenterY;
+    private circleRadius;
+    constructor(drawCmds: Array<Object>, centerX: Number, centerY: Number, radius: Number);
+    onFinishDraw(): void;
+}
+export declare class CustomPath extends DrawingPath {
+    protected pathCommands: Array<Object> | null;
+    constructor(drawCmds: Array<Object>);
+    /**
+     * moveTo
+     * 将画笔移动到目标位置
+     *
+     * @param {Number} targetX 目标位置x
+     * @param {Number} targetY 目标位置y
+     */
+    moveTo(targetX: Number, targetY: Number): void;
+    /**
+     * lineTo
+     * 将画笔从当前位置到目标位置之间绘制一条直线
+     *
+     * @param {Number} targetX 目标位置x
+     * @param {Number} targetY 目标位置y
+     */
+    lineTo(targetX: Number, targetY: Number): void;
+    /**
+     * cubicTo
+     * 绘制三次贝塞尔曲线
+     *
+     * @param {Number} x0 控制点1的x坐标
+     * @param {Number} y0 控制点1的y坐标
+     * @param {Number} x1 控制点2的x坐标
+     * @param {Number} y1 控制点2的y坐标
+     * @param {Number} x2 目标点的x坐标
+     * @param {Number} y2 目标点的y坐标
+     */
+    cubicTo(x0: Number, y0: Number, x1: Number, y1: Number, x2: Number, y2: Number): void;
+    /**
+     * arcTo
+     * 绘制以(left, top, right, bottom)围城的矩形为横轴比的椭圆圆弧
+     *
+     * @param {Number} left 定义椭圆区域的left
+     * @param {Number} top 定义椭圆区域的top
+     * @param {Number} right 定义椭圆区域的right
+     * @param {Number} bottom 定义椭圆区域的bottom
+     * @param {Number} startAngle 起始角度(例如30 = 30度)
+     * @param {Number} sweepAngle 扫过的角度(例如要绘制半圆，则设置180)
+     */
+    arcTo(left: Number, top: Number, right: Number, bottom: Number, startAngle: Number, sweepAngle: Number): void;
+    /**
+     * close
+     * 到此为止的路径进行闭环
+     */
+    close(): void;
+    onFinishDraw(): void;
+}
+export {};

package/dist/types/utils/JsViewVueTools/JsvTextureStore/CapturedTexture/CapturedTexture.d.ts

@@ -0,0 +1,17 @@
+/** 
+ + @file {@link file://./../../../../../utils/JsViewVueTools/JsvTextureStore/CapturedTexture/CapturedTexture.ts}
+ */
+
+import { TextureBase } from "../Texture";
+export type CapturedCallback = (textureAccessName: string, autoRecycleSet: boolean, width: number, height: number, isCannceled: boolean) => void;
+export declare class CapturedTexture extends TextureBase {
+    private _Callback;
+    private _CaptureDiv;
+    private _Canceled;
+    private _Done;
+    private _PostProcessParams;
+    constructor(captureDiv: any, callback: CapturedCallback, autoRecycle: boolean, postProcessParams?: any);
+    cancel(): void;
+    recycle(): void;
+    commit(): String;
+}

package/dist/types/utils/JsViewVueTools/JsvTextureStore/JsvTextureStore.d.ts

@@ -0,0 +1,170 @@
+/** 
+ + @file {@link file://./../../../../utils/JsViewVueTools/JsvTextureStore/JsvTextureStore.ts}
+ */
+
+/**
+ * @file JsvTextureStoreApi
+ *
+ *      canvasTexture:
+ *          创建texture(图片纹理)句柄, 通过 CanvasTexture 的API进行绘制, 使用注意以下几点
+ *          a. commit() 接口调用之前可以任意绘制, commit之后就无法更改, commit之后才能使用, commit后绘制内容会被全局保存
+ *          b. commit()的返回是其使用名称, 在div.backgroundImage和img.src中可使用, 格式: jsvtexturestore://commit返回名
+ *          c.【非常重要】CanvasTexture是全局管理, commit()之后 不会自动释放, 需要手动调用 deleteTexture, 其参数是commit的返回值
+ * 
+ *      deleteTexture:
+ *          删除全局保存的texture(图片纹理)
+ * 
+ *      capture2Texture:
+ *          对给定div做截图并生成一个Texture, 在回调函数中返回此Texture的访问名,
+ *          此访问名可以在 img.src 或者 div.backgroundImage 通过 "texturestore://访问名" 来使用
+ * 
+ *      getDominantColor:
+ *          获取图片的 dominant color
+ *          特殊说明: 此方法产生的内部CanvasTexture资源会自动回收,
+ *          虽然建议使用者在unmount时进行cancel, 但不是强制
+ * 
+ *      getChartHelper:
+ *          获取ChartHelper句柄，用于绘制二维统计图的多点折线(解决数据点之间的平滑衔接问题)
+ *
+ *  CanvasTexture的接口(见 ./CanvasTexture/CanvasTexture.ts 的函数头):
+ *      Path类型: 例如 rectPath, circlePath (见 ./CanvasTexture/Path.ts 的函数头)
+ *          通过 canvasTexture.xxxPath() 获得一个path操作对象，然后通过其接口进行游标运动形成绘制路径
+ *          Path.fill() 或者 Path.stroke 调用前可以移动游标进行路径规划, 一旦fill或者stroke后就不能更改了。
+ *      非Path接口: 完成单一绘制动作，例如drawLine, drawColor
+ */
+
+/*!
+ * @file JsvTextureStoreApi
+ *
+ *      canvasTexture:
+ *          创建texture(图片纹理)句柄, 通过 CanvasTexture 的API进行绘制, 使用注意以下几点
+ *          a. commit() 接口调用之前可以任意绘制, commit之后就无法更改, commit之后才能使用, commit后绘制内容会被全局保存
+ *          b. commit()的返回是其使用名称, 在div.backgroundImage和img.src中可使用, 格式: jsvtexturestore://commit返回名
+ *          c.【非常重要】CanvasTexture是全局管理, commit()之后 不会自动释放, 需要手动调用 deleteTexture, 其参数是commit的返回值
+ *
+ *      deleteTexture:
+ *          删除全局保存的texture(图片纹理)
+ *
+ *      capture2Texture:
+ *          对给定div做截图并生成一个Texture, 在回调函数中返回此Texture的访问名,
+ *          此访问名可以在 img.src 或者 div.backgroundImage 通过 "texturestore://访问名" 来使用
+ *
+ *      getDominantColor:
+ *          获取图片的 dominant color
+ *          特殊说明: 此方法产生的内部CanvasTexture资源会自动回收,
+ *          虽然建议使用者在unmount时进行cancel, 但不是强制
+ *
+ *      getChartHelper:
+ *          获取ChartHelper句柄，用于绘制二维统计图的多点折线(解决数据点之间的平滑衔接问题)
+ *
+ *  CanvasTexture的接口(见 ./CanvasTexture/CanvasTexture.ts 的函数头):
+ *      Path类型: 例如 rectPath, circlePath (见 ./CanvasTexture/Path.ts 的函数头)
+ *          通过 canvasTexture.xxxPath() 获得一个path操作对象，然后通过其接口进行游标运动形成绘制路径
+ *          Path.fill() 或者 Path.stroke 调用前可以移动游标进行路径规划, 一旦fill或者stroke后就不能更改了。
+ *      非Path接口: 完成单一绘制动作，例如drawLine, drawColor
+ */
+import CanvasTexture from "./CanvasTexture/CanvasTexture";
+import { CapturedTexture, CapturedCallback } from "./CapturedTexture/CapturedTexture";
+import { ChartHelper } from "./CanvasTexture/DrawHelper";
+import { BitPalette } from "./BitPalette/BitPalette";
+declare let sJsvTextureConst: {
+    LEFT: number;
+    TOP: number;
+    RIGHT: number;
+    BOTTOM: number;
+};
+declare let sTextureStoreApi: {
+    /**
+     * canvasTexture
+     * 创建CanvasTexture句柄，执行commit()后, 获取访问名(访问名规则: 输入参数 baseName + 分配id)
+     * 可以在 img.src 或者 div.backgroundImage 通过 "texturestore://访问名" 来使用
+     *
+     * @param {int} width  此Canvas画布的宽度
+     * @param {int} height  此Canvas画布的高度
+     * @param {String|null} baseName 可选, 访问名的前缀信息
+     * @return {CanvasTexture}
+     */
+    canvasTexture: (width: Number, height: Number, baseName?: String | null) => CanvasTexture;
+    /**
+       * capture2Texture
+       * 对给定div做截图并生成一个Texture, 在回调函数中返回此Texture的访问名,
+       * 此访问名可以在 img.src 或者 div.backgroundImage 通过 "texturestore://访问名" 来使用
+       *
+       * 关于 autoRecycle: 此api生成的CanvasTexture根据这个标识有自动释放功能
+       *   true(默认值): 收到callback的访问名后，请立即设置给使用的地方，若此宏任务结束(其触发的所有微任务全完成后)时，
+       *                若资源未被div和img使用，则会自动回收，回收后此访问名对应内容为黑屏
+       *   false: 截图资源永久存在，可被反复使用，直到 JsvTextureStoreApi.deleteTexture(访问名) 进行清理
+       *
+       * @param {DivVueRef} captureDiv  要截图的div
+       * @param {CapturedCallback} callback  完成截屏后的回调, 函数参数:
+       *                                     (textureAccessName: string,  // 访问名
+       *                                      autoRecycleSet: boolean,    // 通知是否为自动删除(和入参时一致)
+       *                                      width: number,              // 截取div的宽
+       *                                      height: number) => void     // 截取div的高
+       * @param {boolean} autoRecycle 可选, 是否当无div/img引用时会自动释放
+       *                              true默认值: 此场景在回调时要立刻赋值给响应式变量控制template的节点立刻使用(并且不是v-if=false的节点),
+                                        否则会自动释放掉, 此时, texture当使用它的template节点从dom树中去掉的时候(v-if=false也算)会自动释放，
+                                        不需要主动调用deleteTexture释放.
+                                      false: 此场景在callback收到资源名后, 需要使用完毕后调用 deleteTexture 手动释放
+                                        在手动释放之前，可以赋给其他div/img来复用
+       * @param {any} postProcessParams 可选, 截图处理的参数
+       * @return {CapturedTexture} 用于cancel的句柄，当cancel时，会清理对div和Callback的引用
+       */
+    capture2Texture: (captureDiv: any, callback: CapturedCallback, autoRecycle?: boolean, postProcessParams?: any) => CapturedTexture;
+    /**
+     * deleteTexture
+     * 删除访问名对应的texture资源
+     *
+     * @param {String} accessName 此Texture的访问名，访问名来自: CanvasTexture.commit 或 capture2Texture 的回调
+     */
+    deleteTexture: (accessName: String) => void;
+    /**
+     * getDominantColor
+     * 获取图片的 dominant color
+     * 特殊说明: 此方法产生的内部CanvasTexture资源会自动回收,
+     * 虽然建议使用者在unmount时进行cancel, 但不是强制
+     *
+     * @param src 图片的src
+     * @param callback 回调函数, 参数: info
+     * @return 用于cancel的句柄的函数,
+     *        例如 let c = JsvTextureStoreApi.getDominantColor(src, callback); c(); 为资源清理
+     *        若callback前清理, 则callback不会被调用
+     */
+    getDominantColor: (src: string, callback: (info: any) => void) => () => void;
+    /**
+     * getBitPalette
+     * 获取 BitPalette 实例
+     *
+     * 用法示例:
+     *
+     *   let bp = JsvTextureStoreApi.getBitPalette(src);
+     *   await bp.Ready;
+     *   let result = await bp.Ctrl?.doCommand(cmd_id, {...});
+     *
+     * 说明:
+     * - 该方法会立即返回 BitPalette 实例，但 BitPalette 数据初始化可能为异步过程。
+     * - 若在await Ready之前直接操作 bitPalette，其状态未必已完成加载。
+     *
+     * 特别注意: 不再使用时, 请务必调用 bitPalette.recycle() 释放资源, recycle接口不需要等待Ready完成
+     *
+     * @param {string} src 图片的 src 链接, 可以是 "jsvtexturestore://访问名" 或者 图片的url
+     * @return {BitPalette} BitPalette 实例
+     */
+    getBitPalette: (src: string, callback: () => void) => BitPalette;
+    /**
+     * getChartHelper
+     * 获取ChartHelper句柄，用于绘制二维统计图
+     *
+     * @param {number} width 画布宽度
+     * @param {number} height 画布高度
+     * @param {number[]} xAxis x轴范围(可以为负数到正数的范围)
+     * @param {number[]} yAxis y轴范围(可以为负数到正数的范围)
+     * @throws {Error} 如果画布宽度或高度小于等于 0，或者 x 或 y 轴范围不是长度为 2 的数组，或者 x 或 y 轴范围不是升序
+     * @return {ChartHelper}  ChartHelper接口说明见 ./CanvasTexture/DrawHelper.ts 的 ChartHelper 类
+     */
+    getChartHelper(width: number, height: number, xAxis: number[], yAxis: number[]): ChartHelper;
+};
+export declare enum CaptureProcessType {
+    Blur = 1
+}
+export { sTextureStoreApi as JsvTextureStoreApi, sJsvTextureConst as JsvTextureConst, };

package/dist/types/utils/JsViewVueTools/JsvTextureStore/Store.d.ts

@@ -0,0 +1,16 @@
+/** 
+ + @file {@link file://./../../../../utils/JsViewVueTools/JsvTextureStore/Store.ts}
+ */
+
+import { TextureBase } from "./Texture";
+declare class JsvTextureStore {
+    private textureMap;
+    private hasAutoRecycle;
+    constructor();
+    addToStore(storeName: String, textureRef: TextureBase): void;
+    getFromStore(storeName: String): TextureBase | undefined;
+    removeFromStore(storeName: String): TextureBase | undefined;
+    private onWillSwap;
+}
+declare let sStore: JsvTextureStore;
+export default sStore;

package/dist/types/utils/JsViewVueTools/JsvTextureStore/Texture.d.ts

@@ -0,0 +1,31 @@
+/** 
+ + @file {@link file://./../../../../utils/JsViewVueTools/JsvTextureStore/Texture.ts}
+ */
+
+export declare class TextureBase {
+    private baseName;
+    protected textureRef: any;
+    storeName: String;
+    protected autoRecycle: boolean;
+    private autoRecycleDelay;
+    constructor(baseName: String | null);
+    tryRecycle(): void;
+    isAutoRecycle(): boolean;
+    protected addToStore(): void;
+    protected getStoreName(): string;
+    /**
+     * commit
+     * 完成绘制设置，出发制作目标texture
+     *
+     * @return {String} BaseName-textureId 格式的名字，用于 jsvtexturestore:// 的访问链接
+     */
+    commit(): String;
+    /**
+     * getTextureRef
+     * 内部接口，获取内联的Forge.ImageTexture的句柄
+     *
+     * @return {String} BaseName-textureId 格式的名字，用于 jsvtexturestore:// 的访问链接
+     */
+    getTextureRef(): any;
+    recycle(): void;
+}