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

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

@@ -6,9 +6,22 @@
  *          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操作对象，然后通过其接口进行游标运动形成绘制路径
@@ -17,6 +30,8 @@
  */
 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;
@@ -36,31 +51,31 @@ declare let sTextureStoreApi: {
      */
     canvasTexture: (width: Number, height: Number, baseName?: String | null) => CanvasTexture;
     /**
-     * capture2Texture
-     * 对给定div做截图并生成一个Texture, 在回调函数中返回此Texture的访问名,
-     * 此访问名可以在 img.src 或者 div.backgroundImage 通过 "texturestore://访问名" 来使用
-     * 注意: PC模拟环境下，无法截取运动物体的中间状态，但盒子端可以正常截取
-     *
-     * 关于 autoRecycle:
-     *   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来复用
-     * @return {CapturedTexture} 用于cancel的句柄，当cancel时，会清理对div和Callback的引用
-     */
-    capture2Texture: (captureDiv: any, callback: CapturedCallback, autoRecycle?: boolean) => CapturedTexture;
+       * 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资源
@@ -68,5 +83,53 @@ declare let sTextureStoreApi: {
      * @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/bin/types/utils/JsViewVueTools/JsvTextureStore/Store.d.ts

@@ -1,10 +1,12 @@
 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/bin/types/utils/JsViewVueTools/JsvTextureStore/Texture.d.ts

@@ -2,7 +2,11 @@ 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;
     /**

package/bin/types/utils/JsViewVueTools/JsvTextureStore/TextureBuilder.d.ts

@@ -0,0 +1,49 @@
+/**
+ * CircleNinePatchTextureOptions
+ * 生成圆角九宫格纹理时的输入参数
+ *
+ * @property {number} targetCornerRadius 目标圆角半径
+ * @property {number} circleLineWidth 圆环描边宽度
+ * @property {string} [bgColor] 画布背景色，默认值: rgba(255,255,255,0)
+ * @property {string} [circleColor] 圆环描边颜色，默认值: #000000FF
+ * @property {number} [displayScale] 显示缩放比例，提高此值一提高清晰度,
+ *                                   默认值: jsview.config.js的designMap.displayScale
+ */
+type CircleNinePatchTextureOptions = {
+    cornerRadius: number;
+    circleLineWidth: number;
+    bgColor?: string;
+    circleColor?: string;
+    displayScale?: number;
+};
+/**
+ * NinePatchTextureResult
+ * 圆角九宫格纹理构建结果
+ *
+ * @property {number} BorderOutset 九宫格外边距(像素)
+ * @property {number} ImageWidth 纹理图片宽度(像素)
+ * @property {number} CenterWidth 九宫格中心区域宽度(像素)
+ * @property {string} textureUrl 可用于背景图/图片src的纹理访问地址
+ */
+type NinePatchTextureResult = {
+    BorderOutset: number;
+    ImageWidth: number;
+    ImageDspWidth: number;
+    CenterWidth: number;
+    texAccessName: string;
+};
+/**
+ * buildCircleNinePatchTexture
+ * 生成用于 JsvNinePatch 的圆角九宫格纹理，
+ * 并返回可用于样式访问的texture URL与JsvNinePatch的参数
+ *
+ * 特别注意!!: texAccessName 需要在不使用时使用 JsvTextureStoreApi.deleteTexture 释放资源
+ *
+ * @param {CircleNinePatchTextureOptions} options 生成圆角九宫格纹理的参数
+ * @return {NinePatchTextureResult}
+ */
+declare function buildCircleNinePatchTexture(options: CircleNinePatchTextureOptions): NinePatchTextureResult;
+declare const TextureBuilder: {
+    buildCircleNinePatchTexture: typeof buildCircleNinePatchTexture;
+};
+export default TextureBuilder;

package/bin/types/utils/JsViewVueTools/JsvTextureStore/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./JsvTextureStore";
+export { default as JsvTextureBuilder } from "./TextureBuilder";

package/bin/types/utils/JsViewVueTools/index.d.ts

@@ -12,7 +12,7 @@ export * from "./JsvImpactTracer";
 export * from "./JsvTextTools";
 export * from "./JsvPreDownloader";
 export * from "./JsvPerformance";
-export * from "./JsvTextureStore/JsvTextureStore";
+export * from "./JsvTextureStore";
 export * from "./JsvTextureDefines";
 export * from "./JsvFederationTools";
 export * from "./ConstSymbol";
@@ -20,4 +20,6 @@ export * from "./ForgeConstDefine";
 export * from "./TextureManagerTools";
 export * from "./FeatureActive";
 export * from "./JsvTextureLoadTool";
+export * from "./JsvInteractionMode";
 export { default as DefaultKeyCodeMap } from "./DefaultKeyMap";
+export { default as BlobApi } from "./BlobApi";

package/bin/types/utils/JsViewVueWidget/JsvApic/JsvApic2/JsvApic2.vue.d.ts

@@ -1,23 +1,13 @@
-declare const _default: import("vue").DefineComponent<{
-    src: StringConstructor;
-    style: ObjectConstructor;
-    onStart: FunctionConstructor;
-    onEnd: FunctionConstructor;
-    onLoad: FunctionConstructor;
-}, {
-    element: {};
-}, {
-    onStartId: number;
-    onEndId: number;
-}, {}, {
-    show(frameIndex?: number): void;
-    play(loopType: any, loopInfo: any, endState: any): void;
-    stop(frameCount?: number): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    src: StringConstructor;
-    style: ObjectConstructor;
-    onStart: FunctionConstructor;
-    onEnd: FunctionConstructor;
-    onLoad: FunctionConstructor;
-}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {
+    show: (frameIndex?: number) => void;
+    play: (loopType: any, loopInfo: any, endState: any, onstart?: null, onend?: null) => void;
+    stop: (frameCount?: number) => void;
+    $props: {
+        readonly style?: Record<string, any> | undefined;
+        readonly onLoad?: Function | undefined;
+        readonly onEnd?: Function | undefined;
+        readonly src?: string | undefined;
+        readonly onStart?: Function | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/bin/types/utils/JsViewVueWidget/JsvApic/JsvApic2/index.d.ts

@@ -1,23 +1,13 @@
-declare const _default: import("vue").DefineComponent<{
-    src: StringConstructor;
-    style: ObjectConstructor;
-    onStart: FunctionConstructor;
-    onEnd: FunctionConstructor;
-    onLoad: FunctionConstructor;
-}, {
-    element: {};
-}, {
-    onStartId: number;
-    onEndId: number;
-}, {}, {
-    show(frameIndex?: number): void;
-    play(loopType: any, loopInfo: any, endState: any): void;
-    stop(frameCount?: number): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    src: StringConstructor;
-    style: ObjectConstructor;
-    onStart: FunctionConstructor;
-    onEnd: FunctionConstructor;
-    onLoad: FunctionConstructor;
-}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {
+    show: (frameIndex?: number) => void;
+    play: (loopType: any, loopInfo: any, endState: any, onstart?: null, onend?: null) => void;
+    stop: (frameCount?: number) => void;
+    $props: {
+        readonly style?: Record<string, any> | undefined;
+        readonly onLoad?: Function | undefined;
+        readonly onEnd?: Function | undefined;
+        readonly src?: string | undefined;
+        readonly onStart?: Function | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/bin/types/utils/JsViewVueWidget/JsvDashPath.vue.d.ts

@@ -0,0 +1,11 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    $props: {
+        readonly color?: string | undefined;
+        readonly lineWidth?: number | undefined;
+        readonly dash?: unknown[] | undefined;
+        readonly phase?: number | undefined;
+        readonly layout?: Record<string, any> | undefined;
+        readonly points?: unknown[] | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/bin/types/utils/JsViewVueWidget/JsvDomRenderer/JsViewHtmlToVNodesOptions.d.ts

@@ -0,0 +1,101 @@
+import type { HtmlToVNodesOptions, TagHookContext, StyleHookContext, TextHookContext } from "./htmlToVNodes";
+export declare class JsViewHtmlToVNodesOptions implements HtmlToVNodesOptions {
+    private columnWidthRef;
+    latex: NonNullable<HtmlToVNodesOptions["latex"]>;
+    onTag: (ctx: TagHookContext) => {
+        component: {
+            new (...args: any[]): {
+                $: import("vue").ComponentInternalInstance;
+                $data: {};
+                $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import("vue").Slot | undefined;
+                }>;
+                $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+                $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {
+                    getWidth: () => undefined;
+                    getHeight: () => undefined;
+                    $props: {
+                        readonly askSize?: boolean | undefined;
+                        readonly onSized?: Function | undefined;
+                        readonly style?: Record<string, any> | undefined;
+                    };
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+                    beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                    created?: ((() => void) | (() => void)[]) | undefined;
+                    beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                    mounted?: ((() => void) | (() => void)[]) | undefined;
+                    beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                    updated?: ((() => void) | (() => void)[]) | undefined;
+                    activated?: ((() => void) | (() => void)[]) | undefined;
+                    deactivated?: ((() => void) | (() => void)[]) | undefined;
+                    beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                    beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                    destroyed?: ((() => void) | (() => void)[]) | undefined;
+                    unmounted?: ((() => void) | (() => void)[]) | undefined;
+                    renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                    renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                    errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import("vue").nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+            } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{
+                getWidth: () => undefined;
+                getHeight: () => undefined;
+                $props: {
+                    readonly askSize?: boolean | undefined;
+                    readonly onSized?: Function | undefined;
+                    readonly style?: Record<string, any> | undefined;
+                };
+            }> & {} & import("vue").ComponentCustomProperties & {};
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {
+            getWidth: () => undefined;
+            getHeight: () => undefined;
+            $props: {
+                readonly askSize?: boolean | undefined;
+                readonly onSized?: Function | undefined;
+                readonly style?: Record<string, any> | undefined;
+            };
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: {
+                default: (_: {}) => any;
+            };
+        });
+        attrs: Record<string, string>;
+        props: {
+            style: {
+                flexDirection: string;
+                alignItems: string;
+                width?: string | number | undefined;
+            };
+        };
+    } | {
+        text?: string | undefined;
+        tag?: string | undefined;
+        component?: any;
+        props?: Record<string, unknown> | undefined;
+        prependBullet?: boolean | undefined;
+        attrs?: Record<string, string> | undefined;
+        childrenText?: string | undefined;
+        drop?: boolean | undefined;
+    } | {
+        drop: boolean;
+    } | undefined;
+    onStyle: (ctx: StyleHookContext) => {
+        drop: boolean;
+    } | undefined;
+    onText: (ctx: TextHookContext) => string;
+}

package/bin/types/utils/JsViewVueWidget/JsvDomRenderer/JsvDomRenderer.d.ts

@@ -0,0 +1,61 @@
+import { type PropType } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    html: {
+        type: StringConstructor;
+        required: true;
+    };
+    config: {
+        type: PropType<Partial<{
+            enabled?: boolean | undefined;
+            width?: number | undefined;
+            fontSize?: number | undefined;
+            lineSpace?: number | undefined;
+            color?: string | undefined;
+            instantLoad?: boolean | undefined;
+        }> & {
+            latexEnabled?: boolean | undefined;
+        }>;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    html: {
+        type: StringConstructor;
+        required: true;
+    };
+    config: {
+        type: PropType<Partial<{
+            enabled?: boolean | undefined;
+            width?: number | undefined;
+            fontSize?: number | undefined;
+            lineSpace?: number | undefined;
+            color?: string | undefined;
+            instantLoad?: boolean | undefined;
+        }> & {
+            latexEnabled?: boolean | undefined;
+        }>;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>>, {
+    style: Record<string, unknown>;
+    config: Partial<{
+        enabled?: boolean | undefined;
+        width?: number | undefined;
+        fontSize?: number | undefined;
+        lineSpace?: number | undefined;
+        color?: string | undefined;
+        instantLoad?: boolean | undefined;
+    }> & {
+        latexEnabled?: boolean | undefined;
+    };
+}>;
+export default _default;

package/bin/types/utils/JsViewVueWidget/JsvDomRenderer/htmlToVNodes.d.ts

@@ -0,0 +1,58 @@
+import { type Component, type VNodeChild } from "vue";
+export type DomJsonNode = DomJsonElement | DomJsonText;
+export interface DomJsonElement {
+    type: "element";
+    tag: string;
+    attrs: Record<string, string>;
+    children: DomJsonNode[];
+}
+export interface DomJsonText {
+    type: "text";
+    content: string;
+}
+export interface TagHookContext {
+    tag: string;
+    attrs: Record<string, string>;
+    childrenText: string;
+    parentTag?: string;
+    indexInParent?: number;
+}
+export interface TagHookResult {
+    tag?: string;
+    component?: Component;
+    props?: Record<string, unknown>;
+    prependBullet?: boolean;
+    attrs?: Record<string, string>;
+    drop?: boolean;
+    text?: string;
+    childrenText?: string;
+}
+export interface StyleHookContext {
+    property: string;
+    value: string;
+    tag: string;
+    attrs: Record<string, string>;
+}
+export interface StyleHookResult {
+    property?: string;
+    value?: string;
+    drop?: boolean;
+}
+export interface TextHookContext {
+    text: string;
+    key?: string;
+}
+export interface HtmlToVNodesOptions {
+    onTag?: (ctx: TagHookContext) => TagHookResult | string | void;
+    onStyle?: (ctx: StyleHookContext) => StyleHookResult | void;
+    onText?: (ctx: TextHookContext) => VNodeChild | void;
+    latex?: {
+        enabled?: boolean;
+        width?: number;
+        fontSize?: number;
+        lineSpace?: number;
+        color?: string;
+        instantLoad?: boolean;
+    };
+}
+export declare function htmlToVNodes(html: string, options?: HtmlToVNodesOptions): VNodeChild[];

package/bin/types/utils/JsViewVueWidget/JsvDomRenderer/index.d.ts

@@ -0,0 +1 @@
+export { default as JsvDomRenderer } from "./JsvDomRenderer";

package/bin/types/utils/JsViewVueWidget/JsvFragShaderView/JsvFragShaderView.vue.d.ts

@@ -1,11 +1,13 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    startAnim: (alt_duration: any, on_timeout_func: any) => number;
+    startAnim: (alt_duration: any, on_timeout_func: any, reverse?: boolean) => number;
     stopAnim: () => void;
     $props: {
         readonly style?: Record<string, any> | undefined;
         readonly duration?: number | undefined;
         readonly autoplay?: boolean | undefined;
+        readonly reverseAnimate?: boolean | undefined;
         readonly shaderStr?: string | undefined;
+        readonly loadComfirmed?: boolean | undefined;
         readonly onEnd?: Function | undefined;
         readonly onStart?: Function | undefined;
         readonly uniforms?: unknown[] | undefined;