86ed411b7d9943a187670cf73a7e1aa21a63abbb.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380
  1. System.register(["__unresolved_0", "cc", "__unresolved_1"], function (_export, _context) {
  2. "use strict";
  3. var _reporterNs, _cclegacy, __checkObsolete__, __checkObsoleteInNamespace__, _decorator, Node, Component, UIRenderer, director, UITransform, instantiate, sys, UIOpacity, Label, RenderReactiveHandler, _dec, _dec2, _class, _class2, _descriptor, _descriptor2, _descriptor3, _class3, _crd, ccclass, property, RenderAlternative;
  4. function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
  5. function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
  6. function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
  7. function _reportPossibleCrUseOfRenderReactiveHandler(extras) {
  8. _reporterNs.report("RenderReactiveHandler", "./RenderReactiveHandler", _context.meta, extras);
  9. }
  10. return {
  11. setters: [function (_unresolved_) {
  12. _reporterNs = _unresolved_;
  13. }, function (_cc) {
  14. _cclegacy = _cc.cclegacy;
  15. __checkObsolete__ = _cc.__checkObsolete__;
  16. __checkObsoleteInNamespace__ = _cc.__checkObsoleteInNamespace__;
  17. _decorator = _cc._decorator;
  18. Node = _cc.Node;
  19. Component = _cc.Component;
  20. UIRenderer = _cc.UIRenderer;
  21. director = _cc.director;
  22. UITransform = _cc.UITransform;
  23. instantiate = _cc.instantiate;
  24. sys = _cc.sys;
  25. UIOpacity = _cc.UIOpacity;
  26. Label = _cc.Label;
  27. }, function (_unresolved_2) {
  28. RenderReactiveHandler = _unresolved_2.RenderReactiveHandler;
  29. }],
  30. execute: function () {
  31. _crd = true;
  32. _cclegacy._RF.push({}, "1541daeJmFOIJRUZwZXMr9Q", "RenderAlternative", undefined);
  33. __checkObsolete__(['_decorator', 'Node', 'Component', 'UIRenderer', 'Mat4', 'Vec3', 'director', 'UITransform', 'instantiate', 'sys', 'UIOpacity', 'Label']);
  34. /**
  35. * 目前该渲染代理功能存在的问题
  36. * 1.被代理节点的父级不能出现scaleX和scaleY不一致的情况,被代理节点本身没有这个限制
  37. */
  38. ({
  39. ccclass,
  40. property
  41. } = _decorator);
  42. _export("default", RenderAlternative = (_dec = property(Node), _dec2 = property({
  43. tooltip: '设置同步的间隔(秒为单位),0就是每帧都同步,0.1就是隔0.1秒同步一次'
  44. }), ccclass(_class = (_class2 = (_class3 = class RenderAlternative extends Component {
  45. constructor() {
  46. super(...arguments);
  47. /**渲染层节点 */
  48. _initializerDefineProperty(this, "renderLayer", _descriptor, this);
  49. /**渲染的zIndex */
  50. _initializerDefineProperty(this, "renderZIndex", _descriptor2, this);
  51. /**同步的间隔(帧为单位) */
  52. _initializerDefineProperty(this, "syncInv", _descriptor3, this);
  53. /**渲染的sIndex */
  54. this.sIndex = 0;
  55. /**非渲染组件 */
  56. this.proxyRender = null;
  57. /**渲染组件 */
  58. this.renderCompnent = null;
  59. /**渲染节点的ui控件 */
  60. this.renderUiTrans = null;
  61. /**ui控件 */
  62. this.uiTrans = null;
  63. /**上次更新的数据 */
  64. this.lastWMat4 = null;
  65. /**上次更新的数据 */
  66. this.lastLMat4 = null;
  67. /**上次更新的数据 */
  68. this.lastPos = null;
  69. /**距离下次刷新累计了多少间隔 */
  70. this.accuTime = 0;
  71. /**最后一次刷新时间 */
  72. this.lastFrameTime = null;
  73. /**是否进行刷新 */
  74. this.isAttachFrame = false;
  75. }
  76. static isDirty(renderLayer) {
  77. return this._isDirty.has(renderLayer) ? this._isDirty.get(renderLayer) : false;
  78. }
  79. static setDirty(renderLayer) {
  80. if (renderLayer && !this.isDirty(renderLayer)) {
  81. this._isDirty.set(renderLayer, true);
  82. this.sortOnce(renderLayer);
  83. }
  84. }
  85. static sortOnce(renderLayer) {
  86. requestAnimationFrame(() => {
  87. renderLayer.children.sort(this.sortChildren);
  88. this._isDirty.set(renderLayer, false);
  89. });
  90. }
  91. static sortChildren(a, b) {
  92. //@ts-ignore
  93. var aindex = a._rZIndex,
  94. bindex = b._rZIndex;
  95. if (Number.isFinite(aindex) && Number.isFinite(bindex)) {
  96. return aindex - bindex;
  97. } else if (!Number.isFinite(aindex)) {
  98. return 1;
  99. } else {
  100. return -1;
  101. }
  102. }
  103. /**获取总的ZIndex */
  104. get zIndex() {
  105. var zIndex = this.renderZIndex + this.sIndex * 0.01;
  106. var parentNode = this.node.parent;
  107. while (parentNode != ((_this$renderLayer = this.renderLayer) == null ? void 0 : _this$renderLayer.parent) && parentNode != director.getScene()) {
  108. var _this$renderLayer;
  109. var render = parentNode.getComponent(RenderAlternative);
  110. if (render) {
  111. zIndex += render.zIndex + 1;
  112. break;
  113. }
  114. parentNode = parentNode.parent;
  115. }
  116. return zIndex;
  117. }
  118. /**
  119. * 设置渲染节点层
  120. * @param layer
  121. */
  122. init(layer) {
  123. if (layer) {
  124. this.renderLayer = layer;
  125. }
  126. if (!this.renderLayer) {
  127. console.warn("\u8282\u70B9" + this.node.name + "\u6CA1\u6709\u8BBE\u7F6E\u6E32\u67D3\u5C42");
  128. return null;
  129. }
  130. return this.initRender();
  131. }
  132. /**
  133. * 初始化渲染节点
  134. */
  135. initRender() {
  136. var node = this.getRender();
  137. node.setParent(this.renderLayer ? this.renderLayer : director.getScene().getChildByName("Canvas"));
  138. this.isAttachFrame = true;
  139. requestAnimationFrame(this.frameUpdate.bind(this));
  140. return this.doProxy();
  141. }
  142. /**生成代理 */
  143. doProxy() {
  144. this.proxyRender = new Proxy(this.renderCompnent, new (_crd && RenderReactiveHandler === void 0 ? (_reportPossibleCrUseOfRenderReactiveHandler({
  145. error: Error()
  146. }), RenderReactiveHandler) : RenderReactiveHandler)());
  147. return this.proxyRender;
  148. }
  149. frameUpdate() {
  150. var now = sys.now();
  151. !this.lastFrameTime && (this.lastFrameTime = now);
  152. var dt = (now - this.lastFrameTime) / 1000;
  153. this.lastFrameTime = now;
  154. if (this.proxyRender) {
  155. this.accuTime += dt;
  156. if (this.accuTime >= this.syncInv) {
  157. this.accuTime -= this.syncInv;
  158. this.updateProp();
  159. }
  160. }
  161. if (this.isAttachFrame) {
  162. requestAnimationFrame(this.frameUpdate.bind(this));
  163. }
  164. }
  165. /**更新最新状态 */
  166. updateProp() {
  167. var _this$node$matrix, _this$lastWMat, _this$lastLMat;
  168. var node = this.renderCompnent.node;
  169. var uiTrans = this.renderUiTrans;
  170. if (!this.node.activeInHierarchy) {
  171. node.active = false;
  172. return;
  173. }
  174. node.active = true;
  175. ;
  176. uiTrans.anchorX != this.uiTrans.anchorX && (uiTrans.anchorX = this.uiTrans.anchorX);
  177. uiTrans.anchorY != this.uiTrans.anchorY && (uiTrans.anchorY = this.uiTrans.anchorY);
  178. if (uiTrans.width != this.uiTrans.width) {
  179. uiTrans.width = this.uiTrans.width;
  180. if (this.renderCompnent instanceof Label) {
  181. requestAnimationFrame(() => {
  182. this.uiTrans.width = uiTrans.width;
  183. });
  184. }
  185. }
  186. if (uiTrans.height != this.uiTrans.height) {
  187. uiTrans.height = this.uiTrans.height;
  188. if (this.renderCompnent instanceof Label) {
  189. requestAnimationFrame(() => {
  190. this.uiTrans.height = uiTrans.height;
  191. });
  192. }
  193. }
  194. node.layer != this.node.layer && (node.layer = this.node.layer);
  195. var opacity = this.getOpacity(this.node);
  196. if (opacity != 255) {
  197. var uiOpacity = node.getComponent(UIOpacity) || node.addComponent(UIOpacity);
  198. uiOpacity.opacity != opacity && (uiOpacity.opacity = opacity);
  199. }
  200. var wMat4 = this.node.worldMatrix.clone();
  201. var lMat4 = (_this$node$matrix = this.node.matrix) == null ? void 0 : _this$node$matrix.clone();
  202. if (!((_this$lastWMat = this.lastWMat4) != null && _this$lastWMat.equals(wMat4)) || this.lastLMat4 && !((_this$lastLMat = this.lastLMat4) != null && _this$lastLMat.equals(lMat4))) {
  203. this.onAngleChange();
  204. this.onScaleChange();
  205. this.onPosChange();
  206. this.lastLMat4 = lMat4;
  207. this.lastWMat4 = wMat4;
  208. } //@ts-ignore
  209. var old = node._rZIndex; //@ts-ignore
  210. node._rZIndex = this.zIndex;
  211. if (old != this.zIndex) {
  212. RenderAlternative.setDirty(this.renderLayer);
  213. }
  214. }
  215. onDestroy() {
  216. this.renderCompnent.node.destroy();
  217. this.renderCompnent = null;
  218. this.proxyRender = null;
  219. }
  220. /**
  221. * 获取节点透明度
  222. * @param node
  223. */
  224. getOpacity(node) {
  225. var _node$getComponent;
  226. var opacity = (((_node$getComponent = node.getComponent(UIOpacity)) == null ? void 0 : _node$getComponent.opacity) || 255) / 255;
  227. var parentNode = node.parent;
  228. while (parentNode != this.renderLayer.parent && parentNode != director.getScene()) {
  229. var _parentNode$getCompon;
  230. opacity *= (((_parentNode$getCompon = parentNode.getComponent(UIOpacity)) == null ? void 0 : _parentNode$getCompon.opacity) || 255) / 255;
  231. parentNode = parentNode.parent;
  232. }
  233. return opacity * 255;
  234. }
  235. /**位置变化处理 */
  236. onPosChange() {
  237. this.renderCompnent.node.worldPosition = this.node.worldPosition.clone();
  238. }
  239. /**旋转变化处理 */
  240. onAngleChange() {
  241. this.renderCompnent.node.worldRotation = this.node.worldRotation.clone();
  242. }
  243. /**缩放变化处理 */
  244. onScaleChange() {
  245. this.renderCompnent.node.worldScale = this.node.worldScale.clone();
  246. }
  247. /**
  248. * 获取渲染组件
  249. * @param node
  250. */
  251. getRender() {
  252. var node = instantiate(this.node);
  253. node.removeAllChildren();
  254. this.uiTrans = this.node.getComponent(UITransform);
  255. this.renderUiTrans = node.getComponent(UITransform);
  256. this.renderCompnent = node.getComponent(UIRenderer);
  257. this.node.getComponent(UIRenderer).destroy();
  258. for (var i = 0, len = node.components.length; i < len; ++i) {
  259. var comp = node.components[i];
  260. if (!(comp instanceof UIRenderer || comp instanceof UITransform)) {
  261. comp.destroy();
  262. }
  263. }
  264. return node;
  265. }
  266. }, _class3._isDirty = new WeakMap(), _class3), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "renderLayer", [_dec], {
  267. configurable: true,
  268. enumerable: true,
  269. writable: true,
  270. initializer: function initializer() {
  271. return null;
  272. }
  273. }), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "renderZIndex", [property], {
  274. configurable: true,
  275. enumerable: true,
  276. writable: true,
  277. initializer: function initializer() {
  278. return 0;
  279. }
  280. }), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, "syncInv", [_dec2], {
  281. configurable: true,
  282. enumerable: true,
  283. writable: true,
  284. initializer: function initializer() {
  285. return 0.01;
  286. }
  287. })), _class2)) || _class));
  288. _cclegacy._RF.pop();
  289. _crd = false;
  290. }
  291. };
  292. });
  293. //# sourceMappingURL=86ed411b7d9943a187670cf73a7e1aa21a63abbb.js.map