@visactor/vrender-core 1.0.45 → 1.0.46-alpha.0

package/dist/index.es.js

@@ -3563,7 +3563,7 @@ const DefaultTextStyle = {
 const DefaultPickStyle = {
     pickStrokeBuffer: 0
 };
-const DefaultStyle = Object.assign(Object.assign(Object.assign(Object.assign({ forceBoundsWidth: undefined, forceBoundsHeight: undefined, opacity: 1, background: null, autoAnimateTexture: false, textureRatio: 1, textureOptions: null, backgroundOpacity: 1, backgroundCornerRadius: 0, texture: null, textureColor: 'black', textureSize: 10, texturePadding: 2, backgroundMode: 'no-repeat', backgroundFit: true, backgroundKeepAspectRatio: false, backgroundClip: true, backgroundScale: 1, backgroundOffsetX: 0, backgroundOffsetY: 0, backgroundPosition: 'top-left', blur: 0, filter: '', cursor: null, html: null, react: null, vue: null }, DefaultFillStyle), DefaultStrokeStyle), DefaultLayout), DefaultPickStyle);
+const DefaultStyle = Object.assign(Object.assign(Object.assign(Object.assign({ forceBoundsWidth: undefined, forceBoundsHeight: undefined, opacity: 1, background: null, autoAnimateTexture: false, textureRatio: 1, textureOptions: null, backgroundOpacity: 1, backgroundCornerRadius: 0, texture: null, textureColor: 'black', textureSize: 10, texturePadding: 2, backgroundMode: 'no-repeat', backgroundFit: true, backgroundKeepAspectRatio: false, backgroundClip: true, backgroundScale: 1, backgroundOffsetX: 0, backgroundOffsetY: 0, blur: 0, filter: '', cursor: null, html: null, react: null, vue: null }, DefaultFillStyle), DefaultStrokeStyle), DefaultLayout), DefaultPickStyle);
 const DefaultConnectAttribute = {
     connectedType: 'none',
     connectedStyle: {},
@@ -3598,7 +3598,7 @@ const DefaultRect3dAttribute = Object.assign(Object.assign({}, DefaultAttribute)
 const DefaultSymbolAttribute = Object.assign(Object.assign({}, DefaultAttribute), { symbolType: 'circle', size: 10, keepDirIn3d: true, clipRange: 1 });
 const DefaultTextAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultTextStyle), { strokeBoundsBuffer: 0, keepDirIn3d: true });
 const DefaultRichTextAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultTextStyle), { upgradeAttrs: null, editable: false, editOptions: null, ascentDescentMode: 'actual', width: 300, height: 300, ellipsis: true, wordBreak: 'break-word', verticalDirection: 'top', textAlign: 'left', textBaseline: 'top', layoutDirection: 'horizontal', textConfig: [], disableAutoWrapLine: false, maxHeight: undefined, maxWidth: undefined, singleLine: false });
-const DefaultImageAttribute = Object.assign(Object.assign({ repeatX: 'no-repeat', repeatY: 'no-repeat', imageMode: undefined, image: '', width: 0, height: 0, maxWidth: 500, maxHeight: 500, imagePosition: 'top-left', imageScale: 1, imageOffsetX: 0, imageOffsetY: 0 }, DefaultAttribute), { fill: true, cornerRadius: 0, cornerType: 'round' });
+const DefaultImageAttribute = Object.assign(Object.assign({ repeatX: 'no-repeat', repeatY: 'no-repeat', image: '', width: 0, height: 0, maxWidth: 500, maxHeight: 500 }, DefaultAttribute), { fill: true, cornerRadius: 0, cornerType: 'round' });
 const DefaultRichTextIconAttribute = Object.assign(Object.assign({}, DefaultImageAttribute), { backgroundShowMode: 'never', backgroundWidth: 0, backgroundHeight: 0, textAlign: 'left', textBaseline: 'middle', direction: 'horizontal', margin: 0, id: '', width: 20, height: 20, backgroundFill: 'rgba(101, 117, 168, 0.1)', backgroundFillOpacity: 1, backgroundStroke: false, backgroundStrokeOpacity: 1, backgroundRadius: 4, opacity: 1 });
 
 const parse = (function () {
@@ -11063,6 +11063,17 @@ const GRAPHIC_UPDATE_TAG_KEY = [
 const tempConstantXYKey = ['x', 'y'];
 const tempConstantScaleXYKey = ['scaleX', 'scaleY'];
 const tempConstantAngleKey = ['angle'];
+const builtinTextureTypes = new Set([
+    'circle',
+    'diamond',
+    'rect',
+    'vertical-line',
+    'horizontal-line',
+    'bias-lr',
+    'bias-rl',
+    'grid',
+    'wave'
+]);
 const point = new Point();
 const NOWORK_ANIMATE_ATTR = {
     strokeSeg: 1,
@@ -11128,6 +11139,9 @@ class Graphic extends Node {
         if (params.background) {
             this.loadImage((_a = params.background.background) !== null && _a !== void 0 ? _a : params.background, true);
         }
+        if (isExternalTexture(params.texture)) {
+            this.loadImage(params.texture, false);
+        }
         else if (params.shadowGraphic) {
             this.setShadowGraphic(params.shadowGraphic);
         }
@@ -11420,6 +11434,9 @@ class Graphic extends Node {
         if (params.background) {
             this.loadImage(params.background, true);
         }
+        if (isExternalTexture(params.texture)) {
+            this.loadImage(params.texture, false);
+        }
         else if (params.shadowGraphic) {
             this.setShadowGraphic(params.shadowGraphic);
         }
@@ -11469,6 +11486,9 @@ class Graphic extends Node {
         if (key === 'background') {
             this.loadImage(value, true);
         }
+        else if (key === 'texture' && isExternalTexture(value)) {
+            this.loadImage(value, false);
+        }
         else if (key === 'shadowGraphic') {
             this.setShadowGraphic(value);
         }
@@ -11499,6 +11519,9 @@ class Graphic extends Node {
         if (params.background) {
             this.loadImage(params.background, true);
         }
+        if (isExternalTexture(params.texture)) {
+            this.loadImage(params.texture, false);
+        }
         else if (params.shadowGraphic) {
             this.setShadowGraphic(params.shadowGraphic);
         }
@@ -12056,14 +12079,7 @@ class Graphic extends Node {
         return this.pathProxy;
     }
     loadImage(image, background = false) {
-        if (background && (image === null || image === void 0 ? void 0 : image.background)) {
-            image = image.background;
-        }
-        if (background && (!image || backgroundNotImage(image))) {
-            this.backgroundImg = false;
-            return;
-        }
-        if (!image) {
+        if (!image || (background && backgroundNotImage(image))) {
             return;
         }
         const url = image;
@@ -12175,17 +12191,23 @@ class Graphic extends Node {
 Graphic.userSymbolMap = {};
 Graphic.mixin(EventTarget);
 function backgroundNotImage(image) {
-    if (typeof image === 'string') {
-        return !(image.startsWith('<svg') || isValidUrl(image) || image.includes('/') || isBase64(image));
-    }
     if (image.fill || image.stroke) {
         return true;
     }
-    if (typeof image.gradient === 'string' && Array.isArray(image.stops)) {
-        return true;
-    }
     return false;
 }
+function isExternalTexture(texture) {
+    if (!texture) {
+        return false;
+    }
+    if (typeof texture === 'string') {
+        if (builtinTextureTypes.has(texture)) {
+            return false;
+        }
+        return texture.startsWith('<svg') || isValidUrl(texture) || texture.includes('/') || isBase64(texture);
+    }
+    return isObject(texture);
+}
 
 var GroupUpdateAABBBoundsMode;
 (function (GroupUpdateAABBBoundsMode) {
@@ -15309,17 +15331,7 @@ function seperateParagraph(paragraph, index) {
     return [p1, p2];
 }
 
-const IMAGE_UPDATE_TAG_KEY = [
-    'width',
-    'height',
-    'image',
-    'imageMode',
-    'imagePosition',
-    'imageScale',
-    'imageOffsetX',
-    'imageOffsetY',
-    ...GRAPHIC_UPDATE_TAG_KEY
-];
+const IMAGE_UPDATE_TAG_KEY = ['width', 'height', 'image', ...GRAPHIC_UPDATE_TAG_KEY];
 class Image extends Graphic {
     constructor(params) {
         super(params);
@@ -15465,7 +15477,7 @@ class Image extends Graphic {
         return Image.NOWORK_ANIMATE_ATTR;
     }
 }
-Image.NOWORK_ANIMATE_ATTR = Object.assign({ image: 1, imageMode: 1, repeatX: 1, repeatY: 1 }, NOWORK_ANIMATE_ATTR);
+Image.NOWORK_ANIMATE_ATTR = Object.assign({ image: 1, repeatX: 1, repeatY: 1 }, NOWORK_ANIMATE_ATTR);
 function createImage(attributes) {
     return new Image(attributes);
 }
@@ -17286,13 +17298,13 @@ class DefaultBaseBackgroundRenderContribution {
     }
     drawShape(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb, options) {
         var _a;
-        const { background, backgroundOpacity = (_a = graphic.attribute.fillOpacity) !== null && _a !== void 0 ? _a : graphicAttribute.backgroundOpacity, opacity = graphicAttribute.opacity, backgroundMode = graphicAttribute.backgroundMode, backgroundFit = graphicAttribute.backgroundFit, backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio, backgroundScale = graphicAttribute.backgroundScale, backgroundOffsetX = graphicAttribute.backgroundOffsetX, backgroundOffsetY = graphicAttribute.backgroundOffsetY, backgroundClip = graphicAttribute.backgroundClip, backgroundPosition = graphicAttribute.backgroundPosition } = graphic.attribute;
+        const { background, backgroundOpacity = (_a = graphic.attribute.fillOpacity) !== null && _a !== void 0 ? _a : graphicAttribute.backgroundOpacity, opacity = graphicAttribute.opacity, backgroundMode = graphicAttribute.backgroundMode, backgroundFit = graphicAttribute.backgroundFit, backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio, backgroundScale = graphicAttribute.backgroundScale, backgroundOffsetX = graphicAttribute.backgroundOffsetX, backgroundOffsetY = graphicAttribute.backgroundOffsetY, backgroundClip = graphicAttribute.backgroundClip } = graphic.attribute;
         if (!background) {
             return;
         }
         if (graphic.backgroundImg && graphic.resources) {
-            const res = graphic.resources.get(getBackgroundImage(background));
-            if (!res || res.state !== 'success' || !res.data) {
+            const res = graphic.resources.get(background);
+            if (res.state !== 'success' || !res.data) {
                 return;
             }
             context.save();
@@ -17312,8 +17324,7 @@ class DefaultBaseBackgroundRenderContribution {
                 backgroundKeepAspectRatio,
                 backgroundScale,
                 backgroundOffsetX,
-                backgroundOffsetY,
-                backgroundPosition
+                backgroundOffsetY
             });
             context.restore();
             if (!graphic.transMatrix.onlyTranslate()) {
@@ -17330,211 +17341,65 @@ class DefaultBaseBackgroundRenderContribution {
         }
     }
     doDrawImage(context, data, b, params) {
-        drawBackgroundImage(context, data, b, params);
-    }
-}
-const defaultBaseBackgroundRenderContribution = new DefaultBaseBackgroundRenderContribution();
-const verticalPositionKeywords = new Set(['top', 'center', 'bottom']);
-function getBackgroundImage(background) {
-    var _a;
-    return (_a = background === null || background === void 0 ? void 0 : background.background) !== null && _a !== void 0 ? _a : background;
-}
-function resolveBackgroundSizing({ backgroundFit, backgroundKeepAspectRatio }) {
-    if (backgroundFit) {
-        return backgroundKeepAspectRatio ? 'cover' : 'fill';
-    }
-    return 'auto';
-}
-function isNoRepeatSizingMode(mode) {
-    return typeof mode === 'string' && mode.startsWith('no-repeat-');
-}
-const NO_REPEAT_SIZING_MAP = {
-    'no-repeat-cover': 'cover',
-    'no-repeat-contain': 'contain',
-    'no-repeat-fill': 'fill',
-    'no-repeat-auto': 'auto'
-};
-function resolveBackgroundDrawMode({ backgroundMode, backgroundFit, backgroundKeepAspectRatio }) {
-    const sizing = NO_REPEAT_SIZING_MAP[backgroundMode];
-    if (sizing) {
-        return {
-            backgroundRepeatMode: 'no-repeat',
-            backgroundSizing: sizing
-        };
-    }
-    return {
-        backgroundRepeatMode: backgroundMode,
-        backgroundSizing: resolveBackgroundSizing({
-            backgroundFit,
-            backgroundKeepAspectRatio
-        })
-    };
-}
-function isPercentageValue(value) {
-    return /^-?\d+(\.\d+)?%$/.test(value);
-}
-function parsePositionToken(value, remainSpace, startKeyword, centerKeyword, endKeyword) {
-    if (typeof value === 'number' && Number.isFinite(value)) {
-        return value;
-    }
-    const normalizedValue = `${value !== null && value !== void 0 ? value : ''}`.trim().toLowerCase();
-    if (!normalizedValue || normalizedValue === startKeyword) {
-        return 0;
-    }
-    if (normalizedValue === centerKeyword) {
-        return remainSpace / 2;
-    }
-    if (normalizedValue === endKeyword) {
-        return remainSpace;
-    }
-    if (isPercentageValue(normalizedValue)) {
-        return (remainSpace * parseFloat(normalizedValue)) / 100;
-    }
-    const parsedValue = Number(normalizedValue);
-    if (Number.isFinite(parsedValue)) {
-        return parsedValue;
-    }
-    return 0;
-}
-function normalizeBackgroundPosition(position) {
-    var _a, _b;
-    if (Array.isArray(position)) {
-        return [(_a = position[0]) !== null && _a !== void 0 ? _a : 'left', (_b = position[1]) !== null && _b !== void 0 ? _b : 'top'];
-    }
-    const normalizedPosition = `${position !== null && position !== void 0 ? position : 'top-left'}`.trim().toLowerCase().replace(/-/g, ' ');
-    const tokens = normalizedPosition.split(/\s+/).filter(Boolean);
-    if (tokens.length === 0) {
-        return ['left', 'top'];
-    }
-    if (tokens.length === 1) {
-        const token = tokens[0];
-        if (token === 'center') {
-            return ['center', 'center'];
-        }
-        if (verticalPositionKeywords.has(token)) {
-            return ['center', token];
-        }
-        return [token, 'center'];
-    }
-    let horizontal;
-    let vertical;
-    const genericTokens = [];
-    for (let i = 0; i < 2; i++) {
-        const token = tokens[i];
-        if (token === 'left' || token === 'right') {
-            horizontal = token;
-            continue;
-        }
-        if (token === 'top' || token === 'bottom') {
-            vertical = token;
-            continue;
-        }
-        genericTokens.push(token);
-    }
-    if (horizontal == null && genericTokens.length) {
-        horizontal = genericTokens.shift();
-    }
-    if (vertical == null && genericTokens.length) {
-        vertical = genericTokens.shift();
-    }
-    return [horizontal !== null && horizontal !== void 0 ? horizontal : 'left', vertical !== null && vertical !== void 0 ? vertical : 'top'];
-}
-function resolveBackgroundPosition(position, remainWidth, remainHeight) {
-    const [horizontalPosition, verticalPosition] = normalizeBackgroundPosition(position);
-    return {
-        x: parsePositionToken(horizontalPosition, remainWidth, 'left', 'center', 'right'),
-        y: parsePositionToken(verticalPosition, remainHeight, 'top', 'center', 'bottom')
-    };
-}
-function pickRenderableDimension(...values) {
-    for (const value of values) {
-        if (typeof value === 'number' && Number.isFinite(value) && value > 0) {
-            return value;
+        const { backgroundMode, backgroundFit, backgroundKeepAspectRatio, backgroundScale = 1, backgroundOffsetX = 0, backgroundOffsetY = 0 } = params;
+        const targetW = b.width();
+        const targetH = b.height();
+        let w = targetW;
+        let h = targetH;
+        if (backgroundMode === 'no-repeat') {
+            if (backgroundFit) {
+                if (!backgroundKeepAspectRatio) {
+                    context.drawImage(data, b.x1, b.y1, b.width(), b.height());
+                }
+                else {
+                    const maxScale = Math.max(targetW / data.width, targetH / data.height);
+                    context.drawImage(data, b.x1 + backgroundOffsetX, b.y1 + backgroundOffsetY, data.width * maxScale * backgroundScale, data.height * maxScale * backgroundScale);
+                }
+            }
+            else {
+                const resW = data.width * backgroundScale;
+                const resH = data.height * backgroundScale;
+                context.drawImage(data, b.x1 + backgroundOffsetX, b.y1 + backgroundOffsetY, resW, resH);
+            }
         }
-    }
-    return null;
-}
-function resolveRenderableImageSize(data) {
-    if (!data) {
-        return null;
-    }
-    const width = pickRenderableDimension(data.naturalWidth, data.videoWidth, data.width);
-    const height = pickRenderableDimension(data.naturalHeight, data.videoHeight, data.height);
-    if (width == null || height == null) {
-        return null;
-    }
-    return { width, height };
-}
-function drawBackgroundImage(context, data, b, params) {
-    var _a, _b;
-    const { backgroundMode, backgroundFit, backgroundKeepAspectRatio, backgroundScale = 1, backgroundOffsetX = 0, backgroundOffsetY = 0, backgroundPosition = 'top-left' } = params;
-    const targetW = b.width();
-    const targetH = b.height();
-    const sourceSize = resolveRenderableImageSize(data);
-    const { backgroundRepeatMode, backgroundSizing: resolvedBackgroundSizing } = resolveBackgroundDrawMode({
-        backgroundMode,
-        backgroundFit,
-        backgroundKeepAspectRatio
-    });
-    let w = targetW;
-    let h = targetH;
-    if (targetW <= 0 || targetH <= 0) {
-        return;
-    }
-    if (backgroundRepeatMode === 'no-repeat') {
-        let drawWidth = (_a = sourceSize === null || sourceSize === void 0 ? void 0 : sourceSize.width) !== null && _a !== void 0 ? _a : targetW;
-        let drawHeight = (_b = sourceSize === null || sourceSize === void 0 ? void 0 : sourceSize.height) !== null && _b !== void 0 ? _b : targetH;
-        if ((resolvedBackgroundSizing === 'cover' || resolvedBackgroundSizing === 'contain') && sourceSize) {
-            const scale = resolvedBackgroundSizing === 'cover'
-                ? Math.max(targetW / sourceSize.width, targetH / sourceSize.height)
-                : Math.min(targetW / sourceSize.width, targetH / sourceSize.height);
-            drawWidth = sourceSize.width * scale;
-            drawHeight = sourceSize.height * scale;
-        }
-        else if (resolvedBackgroundSizing === 'fill') {
-            drawWidth = targetW;
-            drawHeight = targetH;
-        }
-        drawWidth *= backgroundScale;
-        drawHeight *= backgroundScale;
-        const { x, y } = resolveBackgroundPosition(backgroundPosition, targetW - drawWidth, targetH - drawHeight);
-        context.drawImage(data, b.x1 + x + backgroundOffsetX, b.y1 + y + backgroundOffsetY, drawWidth, drawHeight);
-        return;
-    }
-    if (backgroundFit && backgroundRepeatMode !== 'repeat' && sourceSize) {
-        const resW = sourceSize.width;
-        const resH = sourceSize.height;
-        if (backgroundRepeatMode === 'repeat-x') {
-            const ratio = targetH / resH;
-            w = resW * ratio;
-            h = targetH;
-        }
-        else if (backgroundRepeatMode === 'repeat-y') {
-            const ratio = targetW / resW;
-            h = resH * ratio;
-            w = targetW;
-        }
-        const dpr = context.dpr;
-        const canvas = canvasAllocate.allocate({ width: w, height: h, dpr });
-        const ctx = canvas.getContext('2d');
-        if (ctx) {
-            ctx.inuse = true;
-            ctx.clearMatrix();
-            ctx.setTransformForCurrent(true);
-            ctx.clearRect(0, 0, w, h);
-            ctx.drawImage(data, 0, 0, w, h);
-            data = canvas.nativeCanvas;
+        else {
+            if (backgroundFit && backgroundMode !== 'repeat' && (data.width || data.height)) {
+                const resW = data.width;
+                const resH = data.height;
+                if (backgroundMode === 'repeat-x') {
+                    const ratio = targetH / resH;
+                    w = resW * ratio;
+                    h = targetH;
+                }
+                else if (backgroundMode === 'repeat-y') {
+                    const ratio = targetW / resW;
+                    h = resH * ratio;
+                    w = targetW;
+                }
+                const dpr = context.dpr;
+                const canvas = canvasAllocate.allocate({ width: w, height: h, dpr });
+                const ctx = canvas.getContext('2d');
+                if (ctx) {
+                    ctx.inuse = true;
+                    ctx.clearMatrix();
+                    ctx.setTransformForCurrent(true);
+                    ctx.clearRect(0, 0, w, h);
+                    ctx.drawImage(data, 0, 0, w, h);
+                    data = canvas.nativeCanvas;
+                }
+                canvasAllocate.free(canvas);
+            }
+            const dpr = context.dpr;
+            const pattern = context.createPattern(data, backgroundMode);
+            pattern.setTransform && pattern.setTransform(new DOMMatrix([1 / dpr, 0, 0, 1 / dpr, 0, 0]));
+            context.fillStyle = pattern;
+            context.translate(b.x1, b.y1);
+            context.fillRect(0, 0, targetW, targetH);
+            context.translate(-b.x1, -b.y1);
         }
-        canvasAllocate.free(canvas);
     }
-    const dpr = context.dpr;
-    const pattern = context.createPattern(data, backgroundRepeatMode);
-    pattern.setTransform && pattern.setTransform(new DOMMatrix([1 / dpr, 0, 0, 1 / dpr, 0, 0]));
-    context.fillStyle = pattern;
-    context.translate(b.x1, b.y1);
-    context.fillRect(0, 0, targetW, targetH);
-    context.translate(-b.x1, -b.y1);
 }
+const defaultBaseBackgroundRenderContribution = new DefaultBaseBackgroundRenderContribution();
 let DefaultBaseInteractiveRenderContribution = class DefaultBaseInteractiveRenderContribution {
     constructor(subRenderContribitions) {
         this.subRenderContribitions = subRenderContribitions;
@@ -17769,36 +17634,48 @@ class DefaultBaseTextureRenderContribution {
     drawTexture(texture, graphic, context, x, y, graphicAttribute, textureColor, textureSize, texturePadding) {
         var _a;
         const { textureRatio = graphicAttribute.textureRatio, textureOptions = null } = graphic.attribute;
-        let pattern = this.textureMap.get(texture);
+        let pattern = null;
+        const patternKey = this.getPatternCacheKey(texture, textureSize, texturePadding, textureColor, context.dpr);
+        if (patternKey !== null) {
+            pattern = this.textureMap.get(patternKey);
+        }
         if (!pattern) {
-            switch (texture) {
-                case 'circle':
-                    pattern = this.createCirclePattern(textureSize, texturePadding, textureColor, context);
-                    break;
-                case 'diamond':
-                    pattern = this.createDiamondPattern(textureSize, texturePadding, textureColor, context);
-                    break;
-                case 'rect':
-                    pattern = this.createRectPattern(textureSize, texturePadding, textureColor, context);
-                    break;
-                case 'vertical-line':
-                    pattern = this.createVerticalLinePattern(textureSize, texturePadding, textureColor, context);
-                    break;
-                case 'horizontal-line':
-                    pattern = this.createHorizontalLinePattern(textureSize, texturePadding, textureColor, context);
-                    break;
-                case 'bias-lr':
-                    pattern = this.createBiasLRLinePattern(textureSize, texturePadding, textureColor, context);
-                    break;
-                case 'bias-rl':
-                    pattern = this.createBiasRLLinePattern(textureSize, texturePadding, textureColor, context);
-                    break;
-                case 'grid':
-                    pattern = this.createGridPattern(textureSize, texturePadding, textureColor, context);
-                    break;
+            if (typeof texture === 'string') {
+                switch (texture) {
+                    case 'circle':
+                        pattern = this.createCirclePattern(textureSize, texturePadding, textureColor, context);
+                        break;
+                    case 'diamond':
+                        pattern = this.createDiamondPattern(textureSize, texturePadding, textureColor, context);
+                        break;
+                    case 'rect':
+                        pattern = this.createRectPattern(textureSize, texturePadding, textureColor, context);
+                        break;
+                    case 'vertical-line':
+                        pattern = this.createVerticalLinePattern(textureSize, texturePadding, textureColor, context);
+                        break;
+                    case 'horizontal-line':
+                        pattern = this.createHorizontalLinePattern(textureSize, texturePadding, textureColor, context);
+                        break;
+                    case 'bias-lr':
+                        pattern = this.createBiasLRLinePattern(textureSize, texturePadding, textureColor, context);
+                        break;
+                    case 'bias-rl':
+                        pattern = this.createBiasRLLinePattern(textureSize, texturePadding, textureColor, context);
+                        break;
+                    case 'grid':
+                        pattern = this.createGridPattern(textureSize, texturePadding, textureColor, context);
+                        break;
+                }
+            }
+            if (!pattern) {
+                pattern = this.createResourcePattern(texture, graphic, context);
+            }
+            if (pattern && patternKey !== null) {
+                this.textureMap.set(patternKey, pattern);
             }
         }
-        if (textureOptions && textureOptions.dynamicTexture) {
+        if (typeof texture === 'string' && textureOptions && textureOptions.dynamicTexture) {
             const { gridConfig = {}, useNewCanvas } = textureOptions;
             const b = graphic.AABBBounds;
             x = b.x1;
@@ -17874,6 +17751,26 @@ class DefaultBaseTextureRenderContribution {
             context.restore();
         }
     }
+    getPatternCacheKey(texture, textureSize, texturePadding, textureColor, dpr) {
+        if (typeof texture !== 'string') {
+            return texture;
+        }
+        if (texture === 'wave') {
+            return null;
+        }
+        return `${texture}-${textureSize}-${texturePadding}-${textureColor}-${dpr}`;
+    }
+    createResourcePattern(texture, graphic, context) {
+        var _a;
+        const resource = (_a = graphic.resources) === null || _a === void 0 ? void 0 : _a.get(texture);
+        const data = (resource === null || resource === void 0 ? void 0 : resource.state) === 'success' ? resource.data : typeof texture === 'object' ? texture : null;
+        if (!data) {
+            return null;
+        }
+        const pattern = context.createPattern(data, 'repeat');
+        (pattern === null || pattern === void 0 ? void 0 : pattern.setTransform) && pattern.setTransform(new DOMMatrix([1 / context.dpr, 0, 0, 1 / context.dpr, 0, 0]));
+        return pattern;
+    }
 }
 const defaultBaseTextureRenderContribution = new DefaultBaseTextureRenderContribution();
 
@@ -17977,35 +17874,31 @@ class DefaultGroupBackgroundRenderContribution extends DefaultBaseBackgroundRend
         this.time = BaseRenderContributionTime.beforeFillStroke;
     }
     drawShape(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb) {
-        const { background, backgroundOpacity = graphicAttribute.backgroundOpacity, opacity = graphicAttribute.opacity, backgroundMode = graphicAttribute.backgroundMode, backgroundFit = graphicAttribute.backgroundFit, backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio, backgroundScale = graphicAttribute.backgroundScale, backgroundOffsetX = graphicAttribute.backgroundOffsetX, backgroundOffsetY = graphicAttribute.backgroundOffsetY, backgroundClip = graphicAttribute.backgroundClip, backgroundPosition = graphicAttribute.backgroundPosition } = graphic.attribute;
+        const { background, backgroundMode = graphicAttribute.backgroundMode, backgroundFit = graphicAttribute.backgroundFit, backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio, backgroundScale = graphicAttribute.backgroundScale, backgroundOffsetX = graphicAttribute.backgroundOffsetX, backgroundOffsetY = graphicAttribute.backgroundOffsetY } = graphic.attribute;
         if (!background) {
             return;
         }
         if (graphic.backgroundImg && graphic.resources) {
-            const res = graphic.resources.get(getBackgroundImage(background));
-            if (!res || res.state !== 'success' || !res.data) {
+            const res = graphic.resources.get(background);
+            if (res.state !== 'success' || !res.data) {
                 return;
             }
             context.highPerformanceSave();
             context.setTransformFromMatrix(graphic.parent.globalTransMatrix, true);
             const b = graphic.AABBBounds;
-            context.globalAlpha = backgroundOpacity * opacity;
-            backgroundClip && context.clip();
             this.doDrawImage(context, res.data, b, {
                 backgroundMode,
                 backgroundFit,
                 backgroundKeepAspectRatio,
                 backgroundScale,
                 backgroundOffsetX,
-                backgroundOffsetY,
-                backgroundPosition
+                backgroundOffsetY
             });
             context.highPerformanceRestore();
             context.setTransformForCurrent();
         }
         else {
             context.highPerformanceSave();
-            context.globalAlpha = backgroundOpacity * opacity;
             context.fillStyle = background;
             context.fill();
             context.highPerformanceRestore();
@@ -20151,7 +20044,7 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
     }
     drawShape(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb) {
         var _a, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        const { backgroundOpacity = graphicAttribute.backgroundOpacity, opacity = graphicAttribute.opacity, backgroundMode = graphicAttribute.backgroundMode, backgroundFit = graphicAttribute.backgroundFit, backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio, backgroundScale = graphicAttribute.backgroundScale, backgroundOffsetX = graphicAttribute.backgroundOffsetX, backgroundOffsetY = graphicAttribute.backgroundOffsetY, backgroundPosition = graphicAttribute.backgroundPosition, backgroundClip = graphicAttribute.backgroundClip, backgroundCornerRadius = graphicAttribute.backgroundCornerRadius } = graphic.attribute;
+        const { backgroundMode = graphicAttribute.backgroundMode, backgroundFit = graphicAttribute.backgroundFit, backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio } = graphic.attribute;
         let { background } = graphic.attribute;
         if (!background) {
             return;
@@ -20174,20 +20067,20 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
         };
         save();
         let b;
-        const backgroundConfig = isObject(background) && background.background ? background : null;
+        const shouldReCalBounds = isObject(background) && background.background;
         const onlyTranslate = graphic.transMatrix.onlyTranslate();
-        if (backgroundConfig) {
+        if (shouldReCalBounds) {
             const _b = graphic.AABBBounds;
-            const x = ((_a = backgroundConfig.x) !== null && _a !== void 0 ? _a : _b.x1) + ((_c = backgroundConfig.dx) !== null && _c !== void 0 ? _c : 0);
-            const y = ((_d = backgroundConfig.y) !== null && _d !== void 0 ? _d : _b.y1) + ((_e = backgroundConfig.dy) !== null && _e !== void 0 ? _e : 0);
-            const w = (_f = backgroundConfig.width) !== null && _f !== void 0 ? _f : _b.width();
-            const h = (_g = backgroundConfig.height) !== null && _g !== void 0 ? _g : _b.height();
+            const x = ((_a = background.x) !== null && _a !== void 0 ? _a : _b.x1) + ((_c = background.dx) !== null && _c !== void 0 ? _c : 0);
+            const y = ((_d = background.y) !== null && _d !== void 0 ? _d : _b.y1) + ((_e = background.dy) !== null && _e !== void 0 ? _e : 0);
+            const w = (_f = background.width) !== null && _f !== void 0 ? _f : _b.width();
+            const h = (_g = background.height) !== null && _g !== void 0 ? _g : _b.height();
             b = boundsAllocate.allocate(x, y, x + w, y + h);
-            background = backgroundConfig.background;
+            background = background.background;
             if (!onlyTranslate) {
                 const w = b.width();
                 const h = b.height();
-                b.set(((_h = backgroundConfig.x) !== null && _h !== void 0 ? _h : 0) + ((_j = backgroundConfig.dx) !== null && _j !== void 0 ? _j : 0), ((_k = backgroundConfig.y) !== null && _k !== void 0 ? _k : 0) + ((_l = backgroundConfig.dy) !== null && _l !== void 0 ? _l : 0), w, h);
+                b.set(((_h = background.x) !== null && _h !== void 0 ? _h : 0) + ((_j = background.dx) !== null && _j !== void 0 ? _j : 0), ((_k = background.y) !== null && _k !== void 0 ? _k : 0) + ((_l = background.dy) !== null && _l !== void 0 ? _l : 0), w, h);
             }
         }
         else {
@@ -20198,7 +20091,7 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
         }
         if (graphic.backgroundImg && graphic.resources) {
             const res = graphic.resources.get(background);
-            if (!res || res.state !== 'success' || !res.data) {
+            if (res.state !== 'success' || !res.data) {
                 restore();
                 return;
             }
@@ -20207,33 +20100,16 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
             else {
                 context.setTransformFromMatrix(graphic.parent.globalTransMatrix, true);
             }
-            context.globalAlpha = backgroundOpacity * opacity;
-            if (backgroundClip) {
-                context.beginPath();
-                if (backgroundCornerRadius) {
-                    createRectPath(context, b.x1, b.y1, b.width(), b.height(), backgroundCornerRadius, true);
-                }
-                else {
-                    context.rect(b.x1, b.y1, b.width(), b.height());
-                }
-                context.clip();
-            }
-            this.doDrawImage(context, res.data, b, {
-                backgroundMode,
-                backgroundFit,
-                backgroundKeepAspectRatio,
-                backgroundScale,
-                backgroundOffsetX,
-                backgroundOffsetY,
-                backgroundPosition
-            });
+            context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute);
+            this.doDrawImage(context, res.data, b, { backgroundMode, backgroundFit, backgroundKeepAspectRatio });
             context.highPerformanceRestore();
             context.setTransformForCurrent();
         }
         else {
+            const { backgroundCornerRadius, backgroundOpacity = 1 } = graphic.attribute;
             context.highPerformanceSave();
             context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute);
-            context.globalAlpha = backgroundOpacity * opacity;
+            context.globalAlpha = backgroundOpacity;
             context.fillStyle = background;
             if (backgroundCornerRadius) {
                 createRectPath(context, b.x1, b.y1, b.width(), b.height(), backgroundCornerRadius, true);
@@ -20244,7 +20120,7 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
             }
             context.highPerformanceRestore();
         }
-        if (backgroundConfig) {
+        if (shouldReCalBounds) {
             boundsAllocate.free(b);
         }
         restore();
@@ -20829,75 +20705,6 @@ DefaultCanvasGroupRender = __decorate([
 ], DefaultCanvasGroupRender);
 
 const repeatStr = ['', 'repeat-x', 'repeat-y', 'repeat'];
-function resolveImageMode({ repeatX = 'no-repeat', repeatY = 'no-repeat', imageMode }) {
-    const repeatMode = resolveImageRepeatMode(repeatX, repeatY);
-    return {
-        repeatMode,
-        sizingMode: repeatMode === 'no-repeat' ? imageMode !== null && imageMode !== void 0 ? imageMode : 'fill' : 'fill'
-    };
-}
-const IMAGE_MODE_TO_BACKGROUND_MODE = {
-    cover: 'no-repeat-cover',
-    contain: 'no-repeat-contain',
-    fill: 'no-repeat-fill',
-    auto: 'no-repeat-auto'
-};
-function resolveBackgroundParamsByImageSizing(sizingMode) {
-    return {
-        backgroundMode: IMAGE_MODE_TO_BACKGROUND_MODE[sizingMode],
-        backgroundFit: false,
-        backgroundKeepAspectRatio: false
-    };
-}
-function resolveImageRepeatMode(repeatX, repeatY) {
-    let repeat = 0;
-    if (repeatX === 'repeat') {
-        repeat |= 0b0001;
-    }
-    if (repeatY === 'repeat') {
-        repeat |= 0b0010;
-    }
-    return repeat ? repeatStr[repeat] : 'no-repeat';
-}
-function shouldClipImageByLayout({ repeatX = 'no-repeat', repeatY = 'no-repeat', imageMode, imageScale = 1, imageOffsetX = 0, imageOffsetY = 0, imagePosition = 'top-left' }) {
-    const { repeatMode, sizingMode } = resolveImageMode({
-        repeatX,
-        repeatY,
-        imageMode
-    });
-    return (repeatMode === 'no-repeat' &&
-        (sizingMode === 'cover' || sizingMode === 'auto' || imageScale !== 1 || imageOffsetX !== 0 || imageOffsetY !== 0));
-}
-function drawImageWithLayout(context, data, x, y, width, height, { repeatX = 'no-repeat', repeatY = 'no-repeat', imageMode, imageScale = 1, imageOffsetX = 0, imageOffsetY = 0, imagePosition = 'top-left' }) {
-    const { repeatMode, sizingMode } = resolveImageMode({
-        repeatX,
-        repeatY,
-        imageMode
-    });
-    const imageBackgroundParams = repeatMode === 'no-repeat'
-        ? resolveBackgroundParamsByImageSizing(sizingMode)
-        : {
-            backgroundMode: repeatMode,
-            backgroundFit: false,
-            backgroundKeepAspectRatio: false
-        };
-    drawBackgroundImage(context, data, {
-        x1: x,
-        y1: y,
-        x2: x + width,
-        y2: y + height,
-        width: () => width,
-        height: () => height
-    }, {
-        backgroundMode: imageBackgroundParams.backgroundMode,
-        backgroundFit: imageBackgroundParams.backgroundFit,
-        backgroundKeepAspectRatio: imageBackgroundParams.backgroundKeepAspectRatio,
-        backgroundScale: imageScale,
-        backgroundOffsetX: imageOffsetX,
-        backgroundOffsetY: imageOffsetY,
-        backgroundPosition: imagePosition
-    });
-}
 let DefaultCanvasImageRender = class DefaultCanvasImageRender extends BaseRender {
     constructor(graphicRenderContributions) {
         super();
@@ -20908,7 +20715,7 @@ let DefaultCanvasImageRender = class DefaultCanvasImageRender extends BaseRender
     }
     drawShape(image, context, x, y, drawContext, params, fillCb, strokeCb) {
         const imageAttribute = getTheme(image).image;
-        const { repeatX = imageAttribute.repeatX, repeatY = imageAttribute.repeatY, x: originX = imageAttribute.x, y: originY = imageAttribute.y, cornerRadius = imageAttribute.cornerRadius, fillStrokeOrder = imageAttribute.fillStrokeOrder, cornerType = imageAttribute.cornerType, imageMode = imageAttribute.imageMode, imageScale = imageAttribute.imageScale, imageOffsetX = imageAttribute.imageOffsetX, imageOffsetY = imageAttribute.imageOffsetY, imagePosition = imageAttribute.imagePosition, image: url } = image.attribute;
+        const { repeatX = imageAttribute.repeatX, repeatY = imageAttribute.repeatY, x: originX = imageAttribute.x, y: originY = imageAttribute.y, cornerRadius = imageAttribute.cornerRadius, fillStrokeOrder = imageAttribute.fillStrokeOrder, cornerType = imageAttribute.cornerType, image: url } = image.attribute;
         const data = this.valid(image, imageAttribute, fillCb);
         if (!data) {
             return;
@@ -20924,13 +20731,13 @@ let DefaultCanvasImageRender = class DefaultCanvasImageRender extends BaseRender
         const width = image.width;
         const height = image.height;
         context.beginPath();
-        let needCornerClip = false;
+        let needRestore = false;
         if (cornerRadius === 0 || (isArray(cornerRadius) && cornerRadius.every(num => num === 0))) {
             context.rect(x, y, width, height);
         }
         else {
             createRectPath(context, x, y, width, height, cornerRadius, cornerType !== 'bevel');
-            needCornerClip = true;
+            needRestore = true;
         }
         context.setShadowBlendStyle && context.setShadowBlendStyle(image, image.attribute, imageAttribute);
         const _runFill = () => {
@@ -20940,15 +20747,23 @@ let DefaultCanvasImageRender = class DefaultCanvasImageRender extends BaseRender
                 }
                 else if (fVisible) {
                     context.setCommonStyle(image, image.attribute, x, y, imageAttribute);
-                    drawImageWithLayout(context, res.data, x, y, width, height, {
-                        repeatX,
-                        repeatY,
-                        imageMode,
-                        imageScale,
-                        imageOffsetX,
-                        imageOffsetY,
-                        imagePosition
-                    });
+                    let repeat = 0;
+                    if (repeatX === 'repeat') {
+                        repeat |= 0b0001;
+                    }
+                    if (repeatY === 'repeat') {
+                        repeat |= 0b0010;
+                    }
+                    if (repeat) {
+                        const pattern = context.createPattern(res.data, repeatStr[repeat]);
+                        context.fillStyle = pattern;
+                        context.translate(x, y, true);
+                        context.fillRect(0, 0, width, height);
+                        context.translate(-x, -y, true);
+                    }
+                    else {
+                        context.drawImage(res.data, x, y, width, height);
+                    }
                 }
             }
         };
@@ -20963,37 +20778,27 @@ let DefaultCanvasImageRender = class DefaultCanvasImageRender extends BaseRender
                 }
             }
         };
-        const needLayoutClip = shouldClipImageByLayout({
-            repeatX,
-            repeatY,
-            imageMode,
-            imageScale,
-            imageOffsetX,
-            imageOffsetY,
-            imagePosition
-        });
-        const needClip = needCornerClip || needLayoutClip;
         if (!fillStrokeOrder) {
-            if (needClip) {
+            if (needRestore) {
                 context.save();
                 context.clip();
             }
             this.beforeRenderStep(image, context, x, y, doFill, false, fVisible, false, imageAttribute, drawContext, fillCb);
             _runFill();
-            if (needClip) {
+            if (needRestore) {
                 context.restore();
             }
             _runStroke();
         }
         else {
             _runStroke();
-            if (needClip) {
+            if (needRestore) {
                 context.save();
                 context.clip();
             }
             this.beforeRenderStep(image, context, x, y, doFill, false, fVisible, false, imageAttribute, drawContext, fillCb);
             _runFill();
-            if (needClip) {
+            if (needRestore) {
                 context.restore();
             }
         }
@@ -22247,7 +22052,7 @@ let DefaultDrawContribution = class DefaultDrawContribution {
         return data || this.currentRenderMap.get(type) || this.defaultRenderMap.get(type);
     }
     clearScreen(renderService, context, drawContext) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        var _a, _b, _c;
         const { clear, viewBox } = drawContext;
         const x = 0;
         const y = 0;
@@ -22259,24 +22064,11 @@ let DefaultDrawContribution = class DefaultDrawContribution {
                 renderService.drawParams.stage.hooks.afterClearRect.call(renderService.drawParams);
             }
             const stage = (_b = renderService.drawParams) === null || _b === void 0 ? void 0 : _b.stage;
-            if (stage) {
-                context.globalAlpha =
-                    ((_c = stage.attribute.opacity) !== null && _c !== void 0 ? _c : 1) * ((_d = stage.attribute.backgroundOpacity) !== null && _d !== void 0 ? _d : 1);
-            }
+            stage && (context.globalAlpha = (_c = stage.attribute.opacity) !== null && _c !== void 0 ? _c : 1);
             if (stage && stage.backgroundImg && stage.resources) {
-                const res = stage.resources.get(getBackgroundImage(clear));
+                const res = stage.resources.get(clear);
                 if (res && res.state === 'success' && res.data) {
-                    const backgroundBounds = boundsAllocate.allocate(x, y, x + width, y + height);
-                    drawBackgroundImage(context, res.data, backgroundBounds, {
-                        backgroundMode: (_e = stage.attribute.backgroundMode) !== null && _e !== void 0 ? _e : DefaultAttribute.backgroundMode,
-                        backgroundFit: (_f = stage.attribute.backgroundFit) !== null && _f !== void 0 ? _f : DefaultAttribute.backgroundFit,
-                        backgroundKeepAspectRatio: (_g = stage.attribute.backgroundKeepAspectRatio) !== null && _g !== void 0 ? _g : DefaultAttribute.backgroundKeepAspectRatio,
-                        backgroundScale: (_h = stage.attribute.backgroundScale) !== null && _h !== void 0 ? _h : DefaultAttribute.backgroundScale,
-                        backgroundOffsetX: (_j = stage.attribute.backgroundOffsetX) !== null && _j !== void 0 ? _j : DefaultAttribute.backgroundOffsetX,
-                        backgroundOffsetY: (_k = stage.attribute.backgroundOffsetY) !== null && _k !== void 0 ? _k : DefaultAttribute.backgroundOffsetY,
-                        backgroundPosition: (_l = stage.attribute.backgroundPosition) !== null && _l !== void 0 ? _l : DefaultAttribute.backgroundPosition
-                    });
-                    boundsAllocate.free(backgroundBounds);
+                    context.drawImage(res.data, x, y, width, height);
                 }
             }
             else {
@@ -23042,7 +22834,6 @@ class Stage extends Group {
     }
     set background(b) {
         this._background = b;
-        this.syncBackgroundImage(b);
     }
     get defaultLayer() {
         return this.at(0);
@@ -23062,30 +22853,6 @@ class Stage extends Group {
         this._ticker = ticker;
         this._ticker.on('tick', this.afterTickCb);
     }
-    syncBackgroundImage(background) {
-        var _a;
-        const source = (_a = background === null || background === void 0 ? void 0 : background.background) !== null && _a !== void 0 ? _a : background;
-        this.backgroundImg = false;
-        if (this.isImageBackgroundSource(source)) {
-            this.loadImage(source, true);
-        }
-    }
-    isImageBackgroundSource(source) {
-        if (!source) {
-            return false;
-        }
-        if (typeof source === 'string') {
-            return source.startsWith('<svg') || isValidUrl(source) || source.includes('/') || isBase64(source);
-        }
-        if (!isObject(source)) {
-            return false;
-        }
-        const gradientSource = source;
-        if (typeof gradientSource.gradient === 'string' && Array.isArray(gradientSource.stops)) {
-            return false;
-        }
-        return true;
-    }
     constructor(params = {}) {
         var _a, _b;
         super({});
@@ -23202,8 +22969,8 @@ class Stage extends Group {
             };
         }
         this.optmize(params.optimize);
-        if (params.background) {
-            this.syncBackgroundImage(this._background);
+        if (params.background && isString(this._background) && this._background.includes('/')) {
+            this.setAttributes({ background: this._background });
         }
         this.initAnimate(params);
         this.rafId = (_b = params.rafId) !== null && _b !== void 0 ? _b : Math.floor(Math.random() * 6);
@@ -28382,4 +28149,4 @@ const registerFlexLayoutPlugin = () => {
     Factory.registerPlugin('FlexLayoutPlugin', FlexLayoutPlugin);
 };
 
-export { ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, AnimateMode, AnimateStatus, AnimateStepType, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasFactory, CanvasTextLayout, Circle, CircleRender, CircleRenderContribution, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, Container, ContainerModule, Context2dFactory, ContributionProvider, ContributionStore, CubicBezierCurve, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_TEXT_FONT_FAMILY, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseClipRenderAfterContribution, DefaultBaseClipRenderBeforeContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasGroupRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStarAttribute, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction, DirectionalLight, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Edge, EditModule, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, GlobalPickerService, Glyph, GlyphRender, GradientParser, Graphic, GraphicCreator$1 as GraphicCreator, GraphicPicker, GraphicRender, GraphicService, GraphicUtil, Group, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image, ImageRender, ImageRenderContribution, IncrementalDrawContribution, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, Layer, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, Mat4Allocate, MatrixAllocate, MeasureModeEnum, MonotoneX, MonotoneY, NOWORK_ANIMATE_ATTR, Node, OrthoCamera, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PerformanceRAF, PickItemInterceptor, PickServiceInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, STAR_NUMBER_TYPE, STATUS$1 as STATUS, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, SegContext, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, Star, StarRender, StarRenderContribution, StaticLayerHandlerContribution, Step, StepClosed, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, TransformUtil, UpdateTag, VGlobal, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, application, applyTransformOnBezierCurves, arc3dModule, arcModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindContributionProvider, bindContributionProviderNoSingletonScope, boundStroke, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, centroidOfSubpath, circleBounds, circleModule, clock, colorEqual, colorStringInterpolationToStr, container, cornerTangents, createArc, createArc3d, createArea, createCanvasEventTransformer, createCircle, createColor, createConicalGradient, createEventTransformer, createGlyph, createGroup, createImage, createLine, createMat4, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createStar, createSymbol, createText, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseClipRenderAfterContribution, defaultBaseClipRenderBeforeContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultStarBackgroundRenderContribution, defaultStarTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, diff, divideCubic, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawBackgroundImage, drawImageWithLayout, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepClosedSegments, genStepSegments, genStepTypeSegments, getAttributeFromDefaultAttrList, getBackgroundImage, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getExtraModelMatrix, getModelMatrix, getRichTextBounds, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, globalTheme, glyphModule, graphicCreator, graphicService, graphicUtil, identityMat4, imageModule, incrementalAddTo, inject, injectable, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, interpolatePureColorArrayToStr, intersect, isBrowserEnv, isNoRepeatSizingMode, isNodeEnv, isSvg, isXML, layerService, lineModule, lookAt, mapToCanvasPointForCanvas, mat3Tomat4, mat4Allocate, matrixAllocate, multiInject, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, ortho, parsePadding, parseStroke, parseSvgPath, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonModule, preLoadAllModule, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, rect3dModule, rectFillVisible, rectModule, rectStrokeVisible, recursiveCallBinarySplit, registerArc3dGraphic, registerArcGraphic, registerAreaGraphic, registerCircleGraphic, registerDirectionalLight, registerFlexLayoutPlugin, registerGlobalEventTransformer, registerGlyphGraphic, registerGroupGraphic, registerHtmlAttributePlugin, registerImageGraphic, registerLineGraphic, registerOrthoCamera, registerPathGraphic, registerPolygonGraphic, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect3dGraphic, registerRectGraphic, registerRichtextGraphic, registerShadowRootGraphic, registerStarGraphic, registerSymbolGraphic, registerTextGraphic, registerViewTransform3dPlugin, registerWindowEventTransformer, registerWrapTextGraphic, renderCommandList, resolveBackgroundDrawMode, resolveBackgroundParamsByImageSizing, resolveBackgroundPosition, resolveBackgroundSizing, resolveImageMode, resolveImageRepeatMode, resolveRenderableImageSize, rewriteProto, richtextModule, rotateX, rotateY, rotateZ, runFill, runStroke, scaleMat4, segments, shouldClipImageByLayout, shouldUseMat4, snapLength, splitArc, splitArea, splitCircle, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, starModule, strCommandMap, strokeVisible, symbolModule, textAttributesToStyle, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textModule, transformMat4, transformPointForCanvas, transformUtil, translate, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, xul };
+export { ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, AnimateMode, AnimateStatus, AnimateStepType, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasFactory, CanvasTextLayout, Circle, CircleRender, CircleRenderContribution, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, Container, ContainerModule, Context2dFactory, ContributionProvider, ContributionStore, CubicBezierCurve, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_TEXT_FONT_FAMILY, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseClipRenderAfterContribution, DefaultBaseClipRenderBeforeContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasGroupRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStarAttribute, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction, DirectionalLight, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Edge, EditModule, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, GlobalPickerService, Glyph, GlyphRender, GradientParser, Graphic, GraphicCreator$1 as GraphicCreator, GraphicPicker, GraphicRender, GraphicService, GraphicUtil, Group, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image, ImageRender, ImageRenderContribution, IncrementalDrawContribution, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, Layer, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, Mat4Allocate, MatrixAllocate, MeasureModeEnum, MonotoneX, MonotoneY, NOWORK_ANIMATE_ATTR, Node, OrthoCamera, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PerformanceRAF, PickItemInterceptor, PickServiceInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, STAR_NUMBER_TYPE, STATUS$1 as STATUS, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, SegContext, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, Star, StarRender, StarRenderContribution, StaticLayerHandlerContribution, Step, StepClosed, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, TransformUtil, UpdateTag, VGlobal, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, application, applyTransformOnBezierCurves, arc3dModule, arcModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindContributionProvider, bindContributionProviderNoSingletonScope, boundStroke, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, centroidOfSubpath, circleBounds, circleModule, clock, colorEqual, colorStringInterpolationToStr, container, cornerTangents, createArc, createArc3d, createArea, createCanvasEventTransformer, createCircle, createColor, createConicalGradient, createEventTransformer, createGlyph, createGroup, createImage, createLine, createMat4, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createStar, createSymbol, createText, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseClipRenderAfterContribution, defaultBaseClipRenderBeforeContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultStarBackgroundRenderContribution, defaultStarTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, diff, divideCubic, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepClosedSegments, genStepSegments, genStepTypeSegments, getAttributeFromDefaultAttrList, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getExtraModelMatrix, getModelMatrix, getRichTextBounds, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, globalTheme, glyphModule, graphicCreator, graphicService, graphicUtil, identityMat4, imageModule, incrementalAddTo, inject, injectable, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, interpolatePureColorArrayToStr, intersect, isBrowserEnv, isNodeEnv, isSvg, isXML, layerService, lineModule, lookAt, mapToCanvasPointForCanvas, mat3Tomat4, mat4Allocate, matrixAllocate, multiInject, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, ortho, parsePadding, parseStroke, parseSvgPath, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonModule, preLoadAllModule, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, rect3dModule, rectFillVisible, rectModule, rectStrokeVisible, recursiveCallBinarySplit, registerArc3dGraphic, registerArcGraphic, registerAreaGraphic, registerCircleGraphic, registerDirectionalLight, registerFlexLayoutPlugin, registerGlobalEventTransformer, registerGlyphGraphic, registerGroupGraphic, registerHtmlAttributePlugin, registerImageGraphic, registerLineGraphic, registerOrthoCamera, registerPathGraphic, registerPolygonGraphic, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect3dGraphic, registerRectGraphic, registerRichtextGraphic, registerShadowRootGraphic, registerStarGraphic, registerSymbolGraphic, registerTextGraphic, registerViewTransform3dPlugin, registerWindowEventTransformer, registerWrapTextGraphic, renderCommandList, rewriteProto, richtextModule, rotateX, rotateY, rotateZ, runFill, runStroke, scaleMat4, segments, shouldUseMat4, snapLength, splitArc, splitArea, splitCircle, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, starModule, strCommandMap, strokeVisible, symbolModule, textAttributesToStyle, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textModule, transformMat4, transformPointForCanvas, transformUtil, translate, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, xul };