@visactor/vrender-kits 0.17.19 → 0.17.20-alpha.2

package/cjs/env/contributions/feishu-contribution.js

@@ -97,5 +97,4 @@ let FeishuEnvContribution = class extends vrender_core_1.BaseEnvContribution {
 };
 
 FeishuEnvContribution = __decorate([ (0, vrender_core_1.injectable)(), __metadata("design:paramtypes", []) ], FeishuEnvContribution), 
-exports.FeishuEnvContribution = FeishuEnvContribution;
-//# sourceMappingURL=feishu-contribution.js.map
+exports.FeishuEnvContribution = FeishuEnvContribution;

package/cjs/env/contributions/wx-contribution.js

@@ -128,4 +128,5 @@ let WxEnvContribution = class extends vrender_core_1.BaseEnvContribution {
 };
 
 WxEnvContribution = __decorate([ (0, vrender_core_1.injectable)(), __metadata("design:paramtypes", []) ], WxEnvContribution), 
-exports.WxEnvContribution = WxEnvContribution;
+exports.WxEnvContribution = WxEnvContribution;
+//# sourceMappingURL=wx-contribution.js.map

package/cjs/index.d.ts

@@ -1,5 +1,6 @@
 export declare const roughModule: import("@visactor/vrender-core").ContainerModule;
 export * from './jsx';
+export * from './react-tree';
 export * from './event/extension';
 export * from './env';
 export * from './picker/contributions/canvas-picker/arc-module';

package/cjs/index.js

@@ -26,8 +26,8 @@ Object.defineProperty(exports, "__esModule", {
 const module_1 = __importDefault(require("./render/contributions/rough/module"));
 
 exports.roughModule = module_1.default, __exportStar(require("./jsx"), exports), 
-__exportStar(require("./event/extension"), exports), __exportStar(require("./env"), exports), 
-__exportStar(require("./picker/contributions/canvas-picker/arc-module"), exports), 
+__exportStar(require("./react-tree"), exports), __exportStar(require("./event/extension"), exports), 
+__exportStar(require("./env"), exports), __exportStar(require("./picker/contributions/canvas-picker/arc-module"), exports), 
 __exportStar(require("./picker/contributions/math-picker/arc-module"), exports), 
 __exportStar(require("./picker/contributions/canvas-picker/rect-module"), exports), 
 __exportStar(require("./picker/contributions/math-picker/rect-module"), exports), 

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,iFAA+D;AAGlD,QAAA,WAAW,GAAG,gBAAY,CAAC;AAExC,wCAAsB;AACtB,oDAAkC;AAElC,wCAAsB;AACtB,kFAAgE;AAChE,gFAA8D;AAE9D,mFAAiE;AACjE,iFAA+D;AAE/D,mFAAiE;AACjE,iFAA+D;AAE/D,mFAAiE;AACjE,iFAA+D;AAE/D,qFAAmE;AACnE,mFAAiE;AAEjE,qFAAmE;AACnE,mFAAiE;AAEjE,mFAAiE;AACjE,iFAA+D;AAE/D,mFAAiE;AACjE,iFAA+D;AAE/D,sFAAoE;AACpE,oFAAkE;AAElE,oFAAkE;AAClE,kFAAgE;AAEhE,uFAAqE;AACrE,qFAAmE;AAEnE,oFAAkE;AAClE,kFAAgE;AAEhE,qFAAmE;AAEnE,oFAAkE;AAElE,wFAAsE;AAEtE,0DAAwC;AACxC,4DAA0C;AAC1C,2DAAyC;AACzC,6DAA2C;AAC3C,4DAA0C;AAC1C,4DAA0C;AAC1C,4DAA0C;AAC1C,2DAAyC;AACzC,2DAAyC;AACzC,8DAA4C;AAC5C,gEAA8C;AAC9C,2DAAyC;AACzC,6DAA2C;AAC3C,+DAA6C;AAC7C,iEAA+C;AAC/C,6DAA2C;AAC3C,2DAAyC;AACzC,+DAA6C","file":"index.js","sourcesContent":["import _roughModule from './render/contributions/rough/module';\n// import _canvasModuleLoader from './canvas/contributions/canvas-module';\n\nexport const roughModule = _roughModule;\n\nexport * from './jsx';\nexport * from './event/extension';\n// export * from './env/browser';\nexport * from './env';\nexport * from './picker/contributions/canvas-picker/arc-module';\nexport * from './picker/contributions/math-picker/arc-module';\n\nexport * from './picker/contributions/canvas-picker/rect-module';\nexport * from './picker/contributions/math-picker/rect-module';\n\nexport * from './picker/contributions/canvas-picker/line-module';\nexport * from './picker/contributions/math-picker/line-module';\n\nexport * from './picker/contributions/canvas-picker/area-module';\nexport * from './picker/contributions/math-picker/area-module';\n\nexport * from './picker/contributions/canvas-picker/symbol-module';\nexport * from './picker/contributions/math-picker/symbol-module';\n\nexport * from './picker/contributions/canvas-picker/circle-module';\nexport * from './picker/contributions/math-picker/circle-module';\n\nexport * from './picker/contributions/canvas-picker/text-module';\nexport * from './picker/contributions/math-picker/text-module';\n\nexport * from './picker/contributions/canvas-picker/path-module';\nexport * from './picker/contributions/math-picker/path-module';\n\nexport * from './picker/contributions/canvas-picker/polygon-module';\nexport * from './picker/contributions/math-picker/polygon-module';\n\nexport * from './picker/contributions/canvas-picker/glyph-module';\nexport * from './picker/contributions/math-picker/glyph-module';\n\nexport * from './picker/contributions/canvas-picker/richtext-module';\nexport * from './picker/contributions/math-picker/richtext-module';\n\nexport * from './picker/contributions/canvas-picker/image-module';\nexport * from './picker/contributions/math-picker/image-module';\n\nexport * from './picker/contributions/canvas-picker/rect3d-module';\n\nexport * from './picker/contributions/canvas-picker/arc3d-module';\n\nexport * from './picker/contributions/canvas-picker/pyramid3d-module';\n\nexport * from './register/register-arc';\nexport * from './register/register-arc3d';\nexport * from './register/register-area';\nexport * from './register/register-circle';\nexport * from './register/register-glyph';\nexport * from './register/register-group';\nexport * from './register/register-image';\nexport * from './register/register-line';\nexport * from './register/register-path';\nexport * from './register/register-polygon';\nexport * from './register/register-pyramid3d';\nexport * from './register/register-rect';\nexport * from './register/register-rect3d';\nexport * from './register/register-richtext';\nexport * from './register/register-shadowRoot';\nexport * from './register/register-symbol';\nexport * from './register/register-text';\nexport * from './register/register-wraptext';\n// export const canvasModuleLoader = _canvasModuleLoader;\n// export { nodeLoader } from './node-bind'; // nodeLoader只在node入口暴露\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,iFAA+D;AAGlD,QAAA,WAAW,GAAG,gBAAY,CAAC;AAExC,wCAAsB;AACtB,+CAA6B;AAC7B,oDAAkC;AAElC,wCAAsB;AACtB,kFAAgE;AAChE,gFAA8D;AAE9D,mFAAiE;AACjE,iFAA+D;AAE/D,mFAAiE;AACjE,iFAA+D;AAE/D,mFAAiE;AACjE,iFAA+D;AAE/D,qFAAmE;AACnE,mFAAiE;AAEjE,qFAAmE;AACnE,mFAAiE;AAEjE,mFAAiE;AACjE,iFAA+D;AAE/D,mFAAiE;AACjE,iFAA+D;AAE/D,sFAAoE;AACpE,oFAAkE;AAElE,oFAAkE;AAClE,kFAAgE;AAEhE,uFAAqE;AACrE,qFAAmE;AAEnE,oFAAkE;AAClE,kFAAgE;AAEhE,qFAAmE;AAEnE,oFAAkE;AAElE,wFAAsE;AAEtE,0DAAwC;AACxC,4DAA0C;AAC1C,2DAAyC;AACzC,6DAA2C;AAC3C,4DAA0C;AAC1C,4DAA0C;AAC1C,4DAA0C;AAC1C,2DAAyC;AACzC,2DAAyC;AACzC,8DAA4C;AAC5C,gEAA8C;AAC9C,2DAAyC;AACzC,6DAA2C;AAC3C,+DAA6C;AAC7C,iEAA+C;AAC/C,6DAA2C;AAC3C,2DAAyC;AACzC,+DAA6C","file":"index.js","sourcesContent":["import _roughModule from './render/contributions/rough/module';\n// import _canvasModuleLoader from './canvas/contributions/canvas-module';\n\nexport const roughModule = _roughModule;\n\nexport * from './jsx';\nexport * from './react-tree';\nexport * from './event/extension';\n// export * from './env/browser';\nexport * from './env';\nexport * from './picker/contributions/canvas-picker/arc-module';\nexport * from './picker/contributions/math-picker/arc-module';\n\nexport * from './picker/contributions/canvas-picker/rect-module';\nexport * from './picker/contributions/math-picker/rect-module';\n\nexport * from './picker/contributions/canvas-picker/line-module';\nexport * from './picker/contributions/math-picker/line-module';\n\nexport * from './picker/contributions/canvas-picker/area-module';\nexport * from './picker/contributions/math-picker/area-module';\n\nexport * from './picker/contributions/canvas-picker/symbol-module';\nexport * from './picker/contributions/math-picker/symbol-module';\n\nexport * from './picker/contributions/canvas-picker/circle-module';\nexport * from './picker/contributions/math-picker/circle-module';\n\nexport * from './picker/contributions/canvas-picker/text-module';\nexport * from './picker/contributions/math-picker/text-module';\n\nexport * from './picker/contributions/canvas-picker/path-module';\nexport * from './picker/contributions/math-picker/path-module';\n\nexport * from './picker/contributions/canvas-picker/polygon-module';\nexport * from './picker/contributions/math-picker/polygon-module';\n\nexport * from './picker/contributions/canvas-picker/glyph-module';\nexport * from './picker/contributions/math-picker/glyph-module';\n\nexport * from './picker/contributions/canvas-picker/richtext-module';\nexport * from './picker/contributions/math-picker/richtext-module';\n\nexport * from './picker/contributions/canvas-picker/image-module';\nexport * from './picker/contributions/math-picker/image-module';\n\nexport * from './picker/contributions/canvas-picker/rect3d-module';\n\nexport * from './picker/contributions/canvas-picker/arc3d-module';\n\nexport * from './picker/contributions/canvas-picker/pyramid3d-module';\n\nexport * from './register/register-arc';\nexport * from './register/register-arc3d';\nexport * from './register/register-area';\nexport * from './register/register-circle';\nexport * from './register/register-glyph';\nexport * from './register/register-group';\nexport * from './register/register-image';\nexport * from './register/register-line';\nexport * from './register/register-path';\nexport * from './register/register-polygon';\nexport * from './register/register-pyramid3d';\nexport * from './register/register-rect';\nexport * from './register/register-rect3d';\nexport * from './register/register-richtext';\nexport * from './register/register-shadowRoot';\nexport * from './register/register-symbol';\nexport * from './register/register-text';\nexport * from './register/register-wraptext';\n// export const canvasModuleLoader = _canvasModuleLoader;\n// export { nodeLoader } from './node-bind'; // nodeLoader只在node入口暴露\n"]}

package/cjs/picker/canvas-module.js

@@ -19,5 +19,4 @@ function loadCanvasPicker(c) {
 exports.canvasPickerModule = new vrender_core_1.ContainerModule(((bind, unbind, isBound, rebind) => {
     isBound(canvas_picker_service_1.DefaultCanvasPickerService) || bind(canvas_picker_service_1.DefaultCanvasPickerService).toSelf().inSingletonScope(), 
     isBound(vrender_core_1.PickerService) ? rebind(vrender_core_1.PickerService).toService(canvas_picker_service_1.DefaultCanvasPickerService) : bind(vrender_core_1.PickerService).toService(canvas_picker_service_1.DefaultCanvasPickerService);
-})), exports.loadCanvasPicker = loadCanvasPicker;
-//# sourceMappingURL=canvas-module.js.map
+})), exports.loadCanvasPicker = loadCanvasPicker;

package/cjs/picker/canvas-picker-service.js

@@ -67,4 +67,5 @@ DefaultCanvasPickerService = __decorate([ (0, vrender_core_1.injectable)(), __pa
 vrender_core_1.inject)(vrender_core_1.ContributionProvider)), __param(0, (0, vrender_core_1.named)(constants_1.CanvasPickerContribution)), __param(1, (0, 
 vrender_core_1.inject)(vrender_core_1.DrawContribution)), __param(2, (0, vrender_core_1.inject)(vrender_core_1.ContributionProvider)), __param(2, (0, 
 vrender_core_1.named)(vrender_core_1.PickItemInterceptor)), __metadata("design:paramtypes", [ Object, Object, Object ]) ], DefaultCanvasPickerService), 
-exports.DefaultCanvasPickerService = DefaultCanvasPickerService;
+exports.DefaultCanvasPickerService = DefaultCanvasPickerService;
+//# sourceMappingURL=canvas-picker-service.js.map

package/cjs/react-tree.d.ts

@@ -0,0 +1 @@
+export declare function decodeReactDom(dom: any): any;

package/cjs/react-tree.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.decodeReactDom = void 0;
+
+const vutils_1 = require("@visactor/vutils"), jsx_1 = require("./jsx");
+
+function decodeReactDom(dom) {
+    if (!dom || !dom.$$typeof) return dom;
+    const type = dom.type, {attribute: attribute, children: children, stateProxy: stateProxy} = dom.props, g = type({
+        attribute: attribute
+    }), out = parseToGraphic(g, dom.props, children);
+    return out || (stateProxy && (g.stateProxy = stateProxy), g.id = attribute.id, g.name = attribute.name, 
+    (0, vutils_1.isArray)(children) ? children.forEach((item => {
+        const c = decodeReactDom(item);
+        c && c.type && g.add(c);
+    })) : children && g.add(decodeReactDom(children)), g);
+}
+
+function parseToGraphic(g, props, childrenList) {
+    let out, isGraphic = !1;
+    switch (g.type) {
+      case "richtext":
+        break;
+
+      case "rich/text":
+        out = g.attribute || {}, childrenList && (out.text = childrenList), g.attribute = out;
+        break;
+
+      case "rich/image":
+        out = g.attribute || {};
+        break;
+
+      default:
+        isGraphic = !0;
+    }
+    return isGraphic ? Object.keys(props).forEach((k => {
+        const en = jsx_1.REACT_TO_CANOPUS_EVENTS[k];
+        en && g.on(en, props[k]);
+    })) : "richtext" === g.type && (g.attribute.textConfig = childrenList.map((item => decodeReactDom(item))).filter((item => item))), 
+    out;
+}
+
+//# sourceMappingURL=react-tree.js.map
+exports.decodeReactDom = decodeReactDom;

package/cjs/react-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react-tree.ts"],"names":[],"mappings":";;;AAAA,6CAA2C;AAC3C,+BAAgD;AAGhD,SAAgB,cAAc,CAAC,GAAQ;IACrC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE;QAEzB,OAAO,GAAG,CAAC;KACZ;IACD,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;IACtB,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC;IACtD,MAAM,CAAC,GAAG,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IAC9B,MAAM,GAAG,GAAG,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACnD,IAAI,GAAG,EAAE;QACP,OAAO,GAAG,CAAC;KACZ;IACD,IAAI,UAAU,EAAE;QACd,CAAC,CAAC,UAAU,GAAG,UAAU,CAAC;KAC3B;IAED,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC,EAAE,CAAC;IACpB,CAAC,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;IACxB,IAAI,IAAA,gBAAO,EAAC,QAAQ,CAAC,EAAE;QACrB,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE;YAC7B,MAAM,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;YAC/B,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;KACJ;SAAM,IAAI,QAAQ,EAAE;QACnB,CAAC,CAAC,GAAG,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;KACjC;IACD,OAAO,CAAC,CAAC;AACX,CAAC;AA3BD,wCA2BC;AAED,SAAS,cAAc,CAAC,CAAM,EAAE,KAAU,EAAE,YAAiB;IAC3D,IAAI,SAAS,GAAY,KAAK,CAAC;IAC/B,IAAI,GAAG,CAAC;IACR,QAAQ,CAAC,CAAC,IAAI,EAAE;QACd,KAAK,UAAU;YACb,MAAM;QACR,KAAK,WAAW;YACd,GAAG,GAAG,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC;YACxB,YAAY,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,YAAY,CAAC,CAAC;YAC1C,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC;YAClB,MAAM;QACR,KAAK,YAAY;YACf,GAAG,GAAG,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC;YACxB,MAAM;QACR;YACE,SAAS,GAAG,IAAI,CAAC;KACpB;IAED,IAAI,SAAS,EAAE;QACb,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAC7B,MAAM,EAAE,GAAG,6BAAuB,CAAC,CAAC,CAAC,CAAC;YACtC,IAAI,EAAE,EAAE;gBACN,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aACpB;QACH,CAAC,CAAC,CAAC;KACJ;SAAM,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU,EAAE;QAChC,CAAC,CAAC,SAAS,CAAC,UAAU,GAAG,YAAY;aAClC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE;YACjB,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC,CAAC;aACD,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;KAChC;IACD,OAAO,GAAG,CAAC;AACb,CAAC","file":"react-tree.js","sourcesContent":["import { isArray } from '@visactor/vutils';\nimport { REACT_TO_CANOPUS_EVENTS } from './jsx';\n\n// temp devode for react jsx customLayout\nexport function decodeReactDom(dom: any) {\n  if (!dom || !dom.$$typeof) {\n    // not react\n    return dom;\n  }\n  const type = dom.type;\n  const { attribute, children, stateProxy } = dom.props;\n  const g = type({ attribute });\n  const out = parseToGraphic(g, dom.props, children);\n  if (out) {\n    return out;\n  }\n  if (stateProxy) {\n    g.stateProxy = stateProxy;\n  }\n\n  g.id = attribute.id;\n  g.name = attribute.name;\n  if (isArray(children)) {\n    children.forEach((item: any) => {\n      const c = decodeReactDom(item);\n      c && c.type && g.add(c);\n    });\n  } else if (children) {\n    g.add(decodeReactDom(children));\n  }\n  return g;\n}\n\nfunction parseToGraphic(g: any, props: any, childrenList: any): any {\n  let isGraphic: boolean = false;\n  let out;\n  switch (g.type) {\n    case 'richtext':\n      break;\n    case 'rich/text':\n      out = g.attribute || {};\n      childrenList && (out.text = childrenList);\n      g.attribute = out;\n      break;\n    case 'rich/image':\n      out = g.attribute || {};\n      break;\n    default:\n      isGraphic = true;\n  }\n\n  if (isGraphic) {\n    Object.keys(props).forEach(k => {\n      const en = REACT_TO_CANOPUS_EVENTS[k];\n      if (en) {\n        g.on(en, props[k]);\n      }\n    });\n  } else if (g.type === 'richtext') {\n    g.attribute.textConfig = childrenList\n      .map((item: any) => {\n        return decodeReactDom(item);\n      })\n      .filter((item: any) => item);\n  }\n  return out;\n}\n"]}

package/cjs/register/register-pyramid3d.js

@@ -12,5 +12,4 @@ function _registerPyramid3d() {
     pyramid3d_module_1.pyramid3dCanvasPickModule)));
 }
 
-_registerPyramid3d.__loaded = !1, exports.registerPyramid3d = _registerPyramid3d;
-//# sourceMappingURL=register-pyramid3d.js.map
+_registerPyramid3d.__loaded = !1, exports.registerPyramid3d = _registerPyramid3d;

package/cjs/register/register-rect.js

@@ -11,4 +11,5 @@ function _registerRect() {
     vrender_core_1.container.load(vrender_core_1.rectModule), vrender_core_1.container.load(env_1.browser ? rect_module_1.rectCanvasPickModule : rect_module_2.rectMathPickModule));
 }
 
-_registerRect.__loaded = !1, exports.registerRect = _registerRect;
+_registerRect.__loaded = !1, exports.registerRect = _registerRect;
+//# sourceMappingURL=register-rect.js.map

package/cjs/window/contributions/browser-contribution.js

@@ -174,4 +174,4 @@ vrender_core_1.injectable)(), __metadata("design:paramtypes", []) ], BrowserWind
 exports.BrowserWindowHandlerContribution = BrowserWindowHandlerContribution, exports.browserWindowModule = new vrender_core_1.ContainerModule((bind => {
     bind(BrowserWindowHandlerContribution).toSelf(), bind(vrender_core_1.WindowHandlerContribution).toDynamicValue((ctx => ctx.container.get(BrowserWindowHandlerContribution))).whenTargetNamed(BrowserWindowHandlerContribution.env);
 }));
-//# sourceMappingURL=browser-contribution.js.map
+//# sourceMappingURL=browser-contribution.js.map

package/es/env/contributions/feishu-contribution.js

@@ -94,5 +94,4 @@ let FeishuEnvContribution = class extends BaseEnvContribution {
 
 FeishuEnvContribution = __decorate([ injectable(), __metadata("design:paramtypes", []) ], FeishuEnvContribution);
 
-export { FeishuEnvContribution };
-//# sourceMappingURL=feishu-contribution.js.map
+export { FeishuEnvContribution };

package/es/env/contributions/wx-contribution.js

@@ -123,4 +123,5 @@ let WxEnvContribution = class extends BaseEnvContribution {
 
 WxEnvContribution = __decorate([ injectable(), __metadata("design:paramtypes", []) ], WxEnvContribution);
 
-export { WxEnvContribution };
+export { WxEnvContribution };
+//# sourceMappingURL=wx-contribution.js.map

package/es/index.d.ts

@@ -1,5 +1,6 @@
 export declare const roughModule: import("@visactor/vrender-core").ContainerModule;
 export * from './jsx';
+export * from './react-tree';
 export * from './event/extension';
 export * from './env';
 export * from './picker/contributions/canvas-picker/arc-module';

package/es/index.js

@@ -4,6 +4,8 @@ export const roughModule = _roughModule;
 
 export * from "./jsx";
 
+export * from "./react-tree";
+
 export * from "./event/extension";
 
 export * from "./env";

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAG/D,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC;AAExC,cAAc,OAAO,CAAC;AACtB,cAAc,mBAAmB,CAAC;AAElC,cAAc,OAAO,CAAC;AACtB,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAE9D,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAE/D,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAE/D,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAE/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,kDAAkD,CAAC;AAEjE,cAAc,oDAAoD,CAAC;AACnE,cAAc,kDAAkD,CAAC;AAEjE,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAE/D,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAE/D,cAAc,qDAAqD,CAAC;AACpE,cAAc,mDAAmD,CAAC;AAElE,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC;AAEhE,cAAc,sDAAsD,CAAC;AACrE,cAAc,oDAAoD,CAAC;AAEnE,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC;AAEhE,cAAc,oDAAoD,CAAC;AAEnE,cAAc,mDAAmD,CAAC;AAElE,cAAc,uDAAuD,CAAC;AAEtE,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC","file":"index.js","sourcesContent":["import _roughModule from './render/contributions/rough/module';\n// import _canvasModuleLoader from './canvas/contributions/canvas-module';\n\nexport const roughModule = _roughModule;\n\nexport * from './jsx';\nexport * from './event/extension';\n// export * from './env/browser';\nexport * from './env';\nexport * from './picker/contributions/canvas-picker/arc-module';\nexport * from './picker/contributions/math-picker/arc-module';\n\nexport * from './picker/contributions/canvas-picker/rect-module';\nexport * from './picker/contributions/math-picker/rect-module';\n\nexport * from './picker/contributions/canvas-picker/line-module';\nexport * from './picker/contributions/math-picker/line-module';\n\nexport * from './picker/contributions/canvas-picker/area-module';\nexport * from './picker/contributions/math-picker/area-module';\n\nexport * from './picker/contributions/canvas-picker/symbol-module';\nexport * from './picker/contributions/math-picker/symbol-module';\n\nexport * from './picker/contributions/canvas-picker/circle-module';\nexport * from './picker/contributions/math-picker/circle-module';\n\nexport * from './picker/contributions/canvas-picker/text-module';\nexport * from './picker/contributions/math-picker/text-module';\n\nexport * from './picker/contributions/canvas-picker/path-module';\nexport * from './picker/contributions/math-picker/path-module';\n\nexport * from './picker/contributions/canvas-picker/polygon-module';\nexport * from './picker/contributions/math-picker/polygon-module';\n\nexport * from './picker/contributions/canvas-picker/glyph-module';\nexport * from './picker/contributions/math-picker/glyph-module';\n\nexport * from './picker/contributions/canvas-picker/richtext-module';\nexport * from './picker/contributions/math-picker/richtext-module';\n\nexport * from './picker/contributions/canvas-picker/image-module';\nexport * from './picker/contributions/math-picker/image-module';\n\nexport * from './picker/contributions/canvas-picker/rect3d-module';\n\nexport * from './picker/contributions/canvas-picker/arc3d-module';\n\nexport * from './picker/contributions/canvas-picker/pyramid3d-module';\n\nexport * from './register/register-arc';\nexport * from './register/register-arc3d';\nexport * from './register/register-area';\nexport * from './register/register-circle';\nexport * from './register/register-glyph';\nexport * from './register/register-group';\nexport * from './register/register-image';\nexport * from './register/register-line';\nexport * from './register/register-path';\nexport * from './register/register-polygon';\nexport * from './register/register-pyramid3d';\nexport * from './register/register-rect';\nexport * from './register/register-rect3d';\nexport * from './register/register-richtext';\nexport * from './register/register-shadowRoot';\nexport * from './register/register-symbol';\nexport * from './register/register-text';\nexport * from './register/register-wraptext';\n// export const canvasModuleLoader = _canvasModuleLoader;\n// export { nodeLoader } from './node-bind'; // nodeLoader只在node入口暴露\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAG/D,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC;AAExC,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAElC,cAAc,OAAO,CAAC;AACtB,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAE9D,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAE/D,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAE/D,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAE/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,kDAAkD,CAAC;AAEjE,cAAc,oDAAoD,CAAC;AACnE,cAAc,kDAAkD,CAAC;AAEjE,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAE/D,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAE/D,cAAc,qDAAqD,CAAC;AACpE,cAAc,mDAAmD,CAAC;AAElE,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC;AAEhE,cAAc,sDAAsD,CAAC;AACrE,cAAc,oDAAoD,CAAC;AAEnE,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC;AAEhE,cAAc,oDAAoD,CAAC;AAEnE,cAAc,mDAAmD,CAAC;AAElE,cAAc,uDAAuD,CAAC;AAEtE,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC","file":"index.js","sourcesContent":["import _roughModule from './render/contributions/rough/module';\n// import _canvasModuleLoader from './canvas/contributions/canvas-module';\n\nexport const roughModule = _roughModule;\n\nexport * from './jsx';\nexport * from './react-tree';\nexport * from './event/extension';\n// export * from './env/browser';\nexport * from './env';\nexport * from './picker/contributions/canvas-picker/arc-module';\nexport * from './picker/contributions/math-picker/arc-module';\n\nexport * from './picker/contributions/canvas-picker/rect-module';\nexport * from './picker/contributions/math-picker/rect-module';\n\nexport * from './picker/contributions/canvas-picker/line-module';\nexport * from './picker/contributions/math-picker/line-module';\n\nexport * from './picker/contributions/canvas-picker/area-module';\nexport * from './picker/contributions/math-picker/area-module';\n\nexport * from './picker/contributions/canvas-picker/symbol-module';\nexport * from './picker/contributions/math-picker/symbol-module';\n\nexport * from './picker/contributions/canvas-picker/circle-module';\nexport * from './picker/contributions/math-picker/circle-module';\n\nexport * from './picker/contributions/canvas-picker/text-module';\nexport * from './picker/contributions/math-picker/text-module';\n\nexport * from './picker/contributions/canvas-picker/path-module';\nexport * from './picker/contributions/math-picker/path-module';\n\nexport * from './picker/contributions/canvas-picker/polygon-module';\nexport * from './picker/contributions/math-picker/polygon-module';\n\nexport * from './picker/contributions/canvas-picker/glyph-module';\nexport * from './picker/contributions/math-picker/glyph-module';\n\nexport * from './picker/contributions/canvas-picker/richtext-module';\nexport * from './picker/contributions/math-picker/richtext-module';\n\nexport * from './picker/contributions/canvas-picker/image-module';\nexport * from './picker/contributions/math-picker/image-module';\n\nexport * from './picker/contributions/canvas-picker/rect3d-module';\n\nexport * from './picker/contributions/canvas-picker/arc3d-module';\n\nexport * from './picker/contributions/canvas-picker/pyramid3d-module';\n\nexport * from './register/register-arc';\nexport * from './register/register-arc3d';\nexport * from './register/register-area';\nexport * from './register/register-circle';\nexport * from './register/register-glyph';\nexport * from './register/register-group';\nexport * from './register/register-image';\nexport * from './register/register-line';\nexport * from './register/register-path';\nexport * from './register/register-polygon';\nexport * from './register/register-pyramid3d';\nexport * from './register/register-rect';\nexport * from './register/register-rect3d';\nexport * from './register/register-richtext';\nexport * from './register/register-shadowRoot';\nexport * from './register/register-symbol';\nexport * from './register/register-text';\nexport * from './register/register-wraptext';\n// export const canvasModuleLoader = _canvasModuleLoader;\n// export { nodeLoader } from './node-bind'; // nodeLoader只在node入口暴露\n"]}

package/es/picker/canvas-module.js

@@ -11,5 +11,4 @@ export const canvasPickerModule = new ContainerModule(((bind, unbind, isBound, r
 
 export function loadCanvasPicker(c) {
     c.load(canvasModule), c.load(canvasPickerModule);
-}
-//# sourceMappingURL=canvas-module.js.map
+}

package/es/picker/canvas-picker-service.js

@@ -61,4 +61,5 @@ let DefaultCanvasPickerService = class extends DefaultPickService {
 
 DefaultCanvasPickerService = __decorate([ injectable(), __param(0, inject(ContributionProvider)), __param(0, named(CanvasPickerContribution)), __param(1, inject(DrawContribution)), __param(2, inject(ContributionProvider)), __param(2, named(PickItemInterceptor)), __metadata("design:paramtypes", [ Object, Object, Object ]) ], DefaultCanvasPickerService);
 
-export { DefaultCanvasPickerService };
+export { DefaultCanvasPickerService };
+//# sourceMappingURL=canvas-picker-service.js.map

package/es/react-tree.d.ts

@@ -0,0 +1 @@
+export declare function decodeReactDom(dom: any): any;

package/es/react-tree.js

@@ -0,0 +1,40 @@
+import { isArray } from "@visactor/vutils";
+
+import { REACT_TO_CANOPUS_EVENTS } from "./jsx";
+
+export function decodeReactDom(dom) {
+    if (!dom || !dom.$$typeof) return dom;
+    const type = dom.type, {attribute: attribute, children: children, stateProxy: stateProxy} = dom.props, g = type({
+        attribute: attribute
+    }), out = parseToGraphic(g, dom.props, children);
+    return out || (stateProxy && (g.stateProxy = stateProxy), g.id = attribute.id, g.name = attribute.name, 
+    isArray(children) ? children.forEach((item => {
+        const c = decodeReactDom(item);
+        c && c.type && g.add(c);
+    })) : children && g.add(decodeReactDom(children)), g);
+}
+
+function parseToGraphic(g, props, childrenList) {
+    let out, isGraphic = !1;
+    switch (g.type) {
+      case "richtext":
+        break;
+
+      case "rich/text":
+        out = g.attribute || {}, childrenList && (out.text = childrenList), g.attribute = out;
+        break;
+
+      case "rich/image":
+        out = g.attribute || {};
+        break;
+
+      default:
+        isGraphic = !0;
+    }
+    return isGraphic ? Object.keys(props).forEach((k => {
+        const en = REACT_TO_CANOPUS_EVENTS[k];
+        en && g.on(en, props[k]);
+    })) : "richtext" === g.type && (g.attribute.textConfig = childrenList.map((item => decodeReactDom(item))).filter((item => item))), 
+    out;
+}
+//# sourceMappingURL=react-tree.js.map

package/es/react-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react-tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAGhD,MAAM,UAAU,cAAc,CAAC,GAAQ;IACrC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE;QAEzB,OAAO,GAAG,CAAC;KACZ;IACD,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;IACtB,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC;IACtD,MAAM,CAAC,GAAG,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IAC9B,MAAM,GAAG,GAAG,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACnD,IAAI,GAAG,EAAE;QACP,OAAO,GAAG,CAAC;KACZ;IACD,IAAI,UAAU,EAAE;QACd,CAAC,CAAC,UAAU,GAAG,UAAU,CAAC;KAC3B;IAED,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC,EAAE,CAAC;IACpB,CAAC,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;IACxB,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE;QACrB,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE;YAC7B,MAAM,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;YAC/B,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;KACJ;SAAM,IAAI,QAAQ,EAAE;QACnB,CAAC,CAAC,GAAG,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;KACjC;IACD,OAAO,CAAC,CAAC;AACX,CAAC;AAED,SAAS,cAAc,CAAC,CAAM,EAAE,KAAU,EAAE,YAAiB;IAC3D,IAAI,SAAS,GAAY,KAAK,CAAC;IAC/B,IAAI,GAAG,CAAC;IACR,QAAQ,CAAC,CAAC,IAAI,EAAE;QACd,KAAK,UAAU;YACb,MAAM;QACR,KAAK,WAAW;YACd,GAAG,GAAG,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC;YACxB,YAAY,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,YAAY,CAAC,CAAC;YAC1C,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC;YAClB,MAAM;QACR,KAAK,YAAY;YACf,GAAG,GAAG,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC;YACxB,MAAM;QACR;YACE,SAAS,GAAG,IAAI,CAAC;KACpB;IAED,IAAI,SAAS,EAAE;QACb,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAC7B,MAAM,EAAE,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC;YACtC,IAAI,EAAE,EAAE;gBACN,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aACpB;QACH,CAAC,CAAC,CAAC;KACJ;SAAM,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU,EAAE;QAChC,CAAC,CAAC,SAAS,CAAC,UAAU,GAAG,YAAY;aAClC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE;YACjB,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC,CAAC;aACD,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;KAChC;IACD,OAAO,GAAG,CAAC;AACb,CAAC","file":"react-tree.js","sourcesContent":["import { isArray } from '@visactor/vutils';\nimport { REACT_TO_CANOPUS_EVENTS } from './jsx';\n\n// temp devode for react jsx customLayout\nexport function decodeReactDom(dom: any) {\n  if (!dom || !dom.$$typeof) {\n    // not react\n    return dom;\n  }\n  const type = dom.type;\n  const { attribute, children, stateProxy } = dom.props;\n  const g = type({ attribute });\n  const out = parseToGraphic(g, dom.props, children);\n  if (out) {\n    return out;\n  }\n  if (stateProxy) {\n    g.stateProxy = stateProxy;\n  }\n\n  g.id = attribute.id;\n  g.name = attribute.name;\n  if (isArray(children)) {\n    children.forEach((item: any) => {\n      const c = decodeReactDom(item);\n      c && c.type && g.add(c);\n    });\n  } else if (children) {\n    g.add(decodeReactDom(children));\n  }\n  return g;\n}\n\nfunction parseToGraphic(g: any, props: any, childrenList: any): any {\n  let isGraphic: boolean = false;\n  let out;\n  switch (g.type) {\n    case 'richtext':\n      break;\n    case 'rich/text':\n      out = g.attribute || {};\n      childrenList && (out.text = childrenList);\n      g.attribute = out;\n      break;\n    case 'rich/image':\n      out = g.attribute || {};\n      break;\n    default:\n      isGraphic = true;\n  }\n\n  if (isGraphic) {\n    Object.keys(props).forEach(k => {\n      const en = REACT_TO_CANOPUS_EVENTS[k];\n      if (en) {\n        g.on(en, props[k]);\n      }\n    });\n  } else if (g.type === 'richtext') {\n    g.attribute.textConfig = childrenList\n      .map((item: any) => {\n        return decodeReactDom(item);\n      })\n      .filter((item: any) => item);\n  }\n  return out;\n}\n"]}

package/es/register/register-pyramid3d.js

@@ -11,5 +11,4 @@ function _registerPyramid3d() {
 
 _registerPyramid3d.__loaded = !1;
 
-export const registerPyramid3d = _registerPyramid3d;
-//# sourceMappingURL=register-pyramid3d.js.map
+export const registerPyramid3d = _registerPyramid3d;

package/es/register/register-rect.js

@@ -13,4 +13,5 @@ function _registerRect() {
 
 _registerRect.__loaded = !1;
 
-export const registerRect = _registerRect;
+export const registerRect = _registerRect;
+//# sourceMappingURL=register-rect.js.map

package/es/window/contributions/browser-contribution.js

@@ -172,4 +172,4 @@ export { BrowserWindowHandlerContribution };
 export const browserWindowModule = new ContainerModule((bind => {
     bind(BrowserWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue((ctx => ctx.container.get(BrowserWindowHandlerContribution))).whenTargetNamed(BrowserWindowHandlerContribution.env);
 }));
-//# sourceMappingURL=browser-contribution.js.map
+//# sourceMappingURL=browser-contribution.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vrender-kits",
-  "version": "0.17.19",
+  "version": "0.17.20-alpha.2",
   "description": "",
   "sideEffects": false,
   "main": "cjs/index.js",
@@ -12,7 +12,7 @@
     "dist"
   ],
   "dependencies": {
-    "@visactor/vrender-core": "0.17.19",
+    "@visactor/vrender-core": "0.17.20-alpha.2",
     "@visactor/vutils": "~0.17.3",
     "@resvg/resvg-js": "2.4.1",
     "roughjs": "4.5.2"