@byteluck-fe/model-driven-engine 2.22.3-beta.1 → 2.22.3-beta.11

package/dist/esm/common/ActionManager.js

@@ -85,7 +85,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
+    var f, y, t, _ = {
         label: 0,
         sent: function() {
             if (t[0] & 1) throw t[1];
@@ -93,12 +93,8 @@ function _ts_generator(thisArg, body) {
         },
         trys: [],
         ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
         return this;
     }), g;
     function verb(n) {
@@ -111,7 +107,7 @@ function _ts_generator(thisArg, body) {
     }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [
                 op[0] & 2,
@@ -200,13 +196,12 @@ export var ActionManager = /*#__PURE__*/ function() {
                 for(var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++){
                     args[_key - 2] = arguments[_key];
                 }
-                var _this = this;
                 return _async_to_generator(function() {
                     var action, _action_func, result, e;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
-                                action = _this.actionMap.get(name);
+                                action = this.actionMap.get(name);
                                 if (!action) {
                                     return [
                                         2
@@ -248,7 +243,7 @@ export var ActionManager = /*#__PURE__*/ function() {
                                 ];
                         }
                     });
-                })();
+                }).call(this);
             }
         },
         {

package/dist/esm/common/DataManager.js

@@ -60,7 +60,7 @@ function _define_property(obj, key, value) {
     return obj;
 }
 function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
+    var f, y, t, _ = {
         label: 0,
         sent: function() {
             if (t[0] & 1) throw t[1];
@@ -68,12 +68,8 @@ function _ts_generator(thisArg, body) {
         },
         trys: [],
         ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
         return this;
     }), g;
     function verb(n) {
@@ -86,7 +82,7 @@ function _ts_generator(thisArg, body) {
     }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [
                 op[0] & 2,
@@ -186,10 +182,10 @@ export var DataManager = /*#__PURE__*/ function() {
         {
             key: "getRemoteData",
             value: function getRemoteData(payload) {
-                var _this = this;
                 return _async_to_generator(function() {
                     return _ts_generator(this, function(_state) {
-                        if (_this.executer === undefined) {
+                        if (this.executer === undefined) {
+                            // @i18n-translate-ignore
                             logerror('未初始化executer');
                             return [
                                 2,
@@ -198,14 +194,14 @@ export var DataManager = /*#__PURE__*/ function() {
                         } else {
                             return [
                                 2,
-                                _this.executer(payload)
+                                this.executer(payload)
                             ];
                         }
                         return [
                             2
                         ];
                     });
-                })();
+                }).call(this);
             }
         }
     ]);

package/dist/esm/common/Engine.js

@@ -234,7 +234,7 @@ function _is_native_reflect_construct() {
     })();
 }
 function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
+    var f, y, t, _ = {
         label: 0,
         sent: function() {
             if (t[0] & 1) throw t[1];
@@ -242,12 +242,8 @@ function _ts_generator(thisArg, body) {
         },
         trys: [],
         ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
         return this;
     }), g;
     function verb(n) {
@@ -260,7 +256,7 @@ function _ts_generator(thisArg, body) {
     }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [
                 op[0] & 2,
@@ -329,7 +325,7 @@ function _ts_generator(thisArg, body) {
     }
 }
 import { isDataBind } from '@byteluck-fe/model-driven-core';
-import { CONTROL_BASE_TYPE, CONTROL_TYPE, DEFAULT_LOCALE, error, genNonDuplicateId, isString, JSONCopy, log, RulesMessage, updateValueFromKeys, warn, Watcher, isBuiltInControls } from '@byteluck-fe/model-driven-shared';
+import { CONTROL_BASE_TYPE, CONTROL_TYPE, DEFAULT_LOCALE, error, genNonDuplicateId, isString, JSONCopy, log, updateValueFromKeys, warn, Watcher, isBuiltInControls } from '@byteluck-fe/model-driven-shared';
 import { Runtime } from './Runtime';
 import { Store } from './Store';
 import { findItem, proxyState } from './proxyState';
@@ -360,7 +356,6 @@ var Engine = /*#__PURE__*/ function(Watcher) {
         _this.$options = Object.freeze(props);
         var _this_$options = _this.$options, _this_$options_autoMount = _this_$options.autoMount, autoMount = _this_$options_autoMount === void 0 ? true : _this_$options_autoMount, schema = _this_$options.schema, beforeCreateInstance = _this_$options.beforeCreateInstance, externalParams = _this_$options.externalParams, _this_$options_language = _this_$options.// fieldModel,
         language, language = _this_$options_language === void 0 ? DEFAULT_LOCALE : _this_$options_language, _this_$options_debug = _this_$options.debug, debug = _this_$options_debug === void 0 ? false : _this_$options_debug, messagesI18n = _this_$options.messagesI18n, children = _this_$options.children;
-        RulesMessage.setLocale(language, messagesI18n);
         _this.debug = debug;
         _this.runtime = new Runtime({
             schema: schema,
@@ -410,6 +405,7 @@ var Engine = /*#__PURE__*/ function(Watcher) {
         {
             key: "mount",
             value: function mount() {
+                // @i18n-translate-ignore
                 this.debugLog("engine的mount方法开始调用");
                 var _this_$options = this.$options, _this_$options_plugins = _this_$options.plugins, plugins = _this_$options_plugins === void 0 ? [] : _this_$options_plugins;
                 this._handlerProxyState();
@@ -417,6 +413,7 @@ var Engine = /*#__PURE__*/ function(Watcher) {
                 this.applyPlugins();
                 // 触发所有控件的默认值的change事件
                 this.setStates(this.getState());
+                // @i18n-translate-ignore
                 this.debugLog("engine的mount方法调用结束");
                 if (this.debug && typeof window !== 'undefined') {
                     // @ts-ignore
@@ -779,19 +776,19 @@ var Engine = /*#__PURE__*/ function(Watcher) {
                                     3,
                                     3
                                 ];
-                                if (_this1.isMounted) {
+                                if (this.isMounted) {
                                     warn('The engine-mounted life cycle can only be triggered once');
                                     return [
                                         2,
                                         Promise.resolve([])
                                     ];
                                 }
-                                if (!_this1._jobTasks.length) return [
+                                if (!this._jobTasks.length) return [
                                     3,
                                     2
                                 ];
                                 console.time('engine-mounted need wait');
-                                needWait = _to_consumable_array(_this1._jobTasks);
+                                needWait = _to_consumable_array(this._jobTasks);
                                 return [
                                     4,
                                     Promise.all(needWait)
@@ -801,15 +798,15 @@ var Engine = /*#__PURE__*/ function(Watcher) {
                                 console.timeEnd('engine-mounted need wait');
                                 _state.label = 2;
                             case 2:
-                                _this1.isMounted = true;
+                                this.isMounted = true;
                                 _state.label = 3;
                             case 3:
                                 // 如果没有挂载的话，需要记录在挂载之前触发的所有任务
-                                if (!_this1.isMounted) {
+                                if (!this.isMounted) {
                                     promise = new Promise(function(resolve) {
                                         promiseResolver = resolve;
                                     });
-                                    _this1._jobTasks.push(promise);
+                                    this._jobTasks.push(promise);
                                 }
                                 return [
                                     4,
@@ -820,7 +817,7 @@ var Engine = /*#__PURE__*/ function(Watcher) {
                                 if (promiseResolver && promise) {
                                     // 每一个任务完成的时候，都把自己从task中去掉
                                     promiseResolver();
-                                    _this1._jobTasks.splice(_this1._jobTasks.indexOf(promise), 1);
+                                    this._jobTasks.splice(this._jobTasks.indexOf(promise), 1);
                                 }
                                 return [
                                     2,
@@ -828,7 +825,7 @@ var Engine = /*#__PURE__*/ function(Watcher) {
                                 ];
                         }
                     });
-                })();
+                }).call(this);
             }
         },
         {
@@ -963,8 +960,10 @@ var Engine = /*#__PURE__*/ function(Watcher) {
             key: "setState",
             value: function setState(controlId, value, rowIndex, options) {
                 eventOptionsTemp = options;
+                // @i18n-translate-ignore
                 this.debugLog('[%o]: 触发setState, 修改的值为%o, rowIndex=%o, options=%o', controlId, value, rowIndex, options);
                 this.store.setState(controlId, value, rowIndex);
+                // @i18n-translate-ignore
                 this.debugLog('[%o]: setState完成, 修改的值为%o, rowIndex=%o', controlId, value, rowIndex);
                 eventOptionsTemp = null;
             }
@@ -1249,6 +1248,7 @@ var Engine = /*#__PURE__*/ function(Watcher) {
    */ key: "setData",
             value: function setData(dataSet, options) {
                 var _this = this;
+                // @i18n-translate-ignore
                 this.debugLog("engine setData方法执行，参数为%o，%o。", dataSet, options);
                 var onlySetData = options === null || options === void 0 ? void 0 : options.onlySetData;
                 var newState = this.store.defaultState;
@@ -1370,15 +1370,18 @@ var Engine = /*#__PURE__*/ function(Watcher) {
                                     }
                                 }
                             });
+                            // @i18n-translate-ignore
                             _this.debugLog("engine setData方法默认值及表单数据组合完成，参数为%o。", newState);
                         }
                     }
                 });
+                // @i18n-translate-ignore
                 this.debugLog("engine setData方法数据组合完成，参数为%o。", newState);
                 this.setStates(newState, undefined, _object_spread({
                     setData: true
                 }, options));
                 this.runtime.getFlatInstances();
+                // @i18n-translate-ignore
                 this.debugLog("engine setData方法执行完成。");
             }
         },
@@ -1509,6 +1512,7 @@ var Engine = /*#__PURE__*/ function(Watcher) {
                         var instances = this.getInstances(instance, rowIndex === -1);
                         instances.map(function(_instance) {
                             if (_instance) {
+                                // @i18n-translate-ignore
                                 _this.debugLog("[%o]: 修改instance: %o的%o属性，修改的值为%o。", _instance.id, _instance, props, value);
                                 updateValueFromKeys(_instance.props, props, value);
                                 _this.schemaEvent('schema-change', {
@@ -1529,6 +1533,7 @@ var Engine = /*#__PURE__*/ function(Watcher) {
                         if (!_instance) {
                             return;
                         }
+                        // @i18n-translate-ignore
                         this.debugLog("[%o]: 修改instance: %o的%o属性，修改的值为%o。", _instance.id, _instance, props, value);
                         updateValueFromKeys(_instance.props, props, value);
                         this.schemaEvent('schema-change', {

package/dist/esm/plugins/CalcPlugin.js

@@ -61,15 +61,15 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import { CONTROL_TYPE, CALC_TOKEN_TYPE, CALC_AGGREGATE_TYPE } from '@byteluck-fe/model-driven-shared';
 import { format } from 'mathjs';
-var DisplayType;
-(function(DisplayType) {
+var DisplayType = /*#__PURE__*/ function(DisplayType) {
     /**
    * 完全等于
    */ DisplayType["EQ"] = "EQ";
     /**
    * 包含
    * */ DisplayType["IN"] = "IN";
-})(DisplayType || (DisplayType = {}));
+    return DisplayType;
+}(DisplayType || {});
 export var CalcPlugin = /*#__PURE__*/ function() {
     "use strict";
     function CalcPlugin(options) {

package/dist/esm/plugins/ControlsEventPlugin.js

@@ -60,7 +60,7 @@ function _define_property(obj, key, value) {
     return obj;
 }
 function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
+    var f, y, t, _ = {
         label: 0,
         sent: function() {
             if (t[0] & 1) throw t[1];
@@ -68,12 +68,8 @@ function _ts_generator(thisArg, body) {
         },
         trys: [],
         ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
         return this;
     }), g;
     function verb(n) {
@@ -86,7 +82,7 @@ function _ts_generator(thisArg, body) {
     }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [
                 op[0] & 2,
@@ -217,13 +213,13 @@ export var ControlsEventPlugin = /*#__PURE__*/ function() {
             key: "engineAddEventListener",
             value: function engineAddEventListener(eventKey, controlEventKey) {
                 var _this = this;
-                this.engine.on(eventKey, /*#__PURE__*/ function() {
-                    var _ref = _async_to_generator(function(payload) {
+                this.engine.on(eventKey, function(payload) {
+                    return _async_to_generator(function() {
                         return _ts_generator(this, function(_state) {
                             switch(_state.label){
                                 case 0:
                                     // 初始化state的时候不触发change事件,必须在engine mounted以后才触发
-                                    if ((eventKey === 'change' || eventKey === 'list-change') && !_this.engine.isMounted) {
+                                    if ((eventKey === 'change' || eventKey === 'list-change') && !this.engine.isMounted) {
                                         return [
                                             2
                                         ];
@@ -234,7 +230,7 @@ export var ControlsEventPlugin = /*#__PURE__*/ function() {
                                     ];
                                     return [
                                         4,
-                                        _this.callControlEvent(controlEventKey, payload)
+                                        this.callControlEvent(controlEventKey, payload)
                                     ];
                                 case 1:
                                     return [
@@ -247,23 +243,20 @@ export var ControlsEventPlugin = /*#__PURE__*/ function() {
                                     ];
                             }
                         });
-                    });
-                    return function(payload) {
-                        return _ref.apply(this, arguments);
-                    };
-                }());
+                    }).call(_this);
+                });
             }
         },
         {
             key: "callControlEvent",
             value: function callControlEvent(name, payload) {
-                var _this = this;
                 return _async_to_generator(function() {
-                    var events, result;
+                    var _this, events, result;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
-                                events = _this.config[payload.instance.id];
+                                _this = this;
+                                events = this.config[payload.instance.id];
                                 if (!events || !Array.isArray(events[name])) {
                                     return [
                                         2,
@@ -272,15 +265,15 @@ export var ControlsEventPlugin = /*#__PURE__*/ function() {
                                 }
                                 return [
                                     4,
-                                    Promise.all(events[name].map(/*#__PURE__*/ function() {
-                                        var _ref = _async_to_generator(function(eventName) {
+                                    Promise.all(events[name].map(function(eventName) {
+                                        return _async_to_generator(function() {
                                             var execResult;
                                             return _ts_generator(this, function(_state) {
                                                 switch(_state.label){
                                                     case 0:
                                                         return [
                                                             4,
-                                                            _this.engine.getAction().execAction(eventName, //qiyu 注释掉的两个参数变为全局参数
+                                                            this.engine.getAction().execAction(eventName, //qiyu 注释掉的两个参数变为全局参数
                                                             // this.engine,
                                                             // this.engine.getAction().actionUtils, //以前是params，空的
                                                             payload)
@@ -293,11 +286,8 @@ export var ControlsEventPlugin = /*#__PURE__*/ function() {
                                                         ];
                                                 }
                                             });
-                                        });
-                                        return function(eventName) {
-                                            return _ref.apply(this, arguments);
-                                        };
-                                    }()))
+                                        }).call(_this);
+                                    }))
                                 ];
                             case 1:
                                 result = _state.sent();
@@ -317,7 +307,7 @@ export var ControlsEventPlugin = /*#__PURE__*/ function() {
                                 ];
                         }
                     });
-                })();
+                }).call(this);
             }
         }
     ]);

package/dist/esm/plugins/LifecycleEventPlugin.js

@@ -106,7 +106,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
+    var f, y, t, _ = {
         label: 0,
         sent: function() {
             if (t[0] & 1) throw t[1];
@@ -114,12 +114,8 @@ function _ts_generator(thisArg, body) {
         },
         trys: [],
         ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
         return this;
     }), g;
     function verb(n) {
@@ -132,7 +128,7 @@ function _ts_generator(thisArg, body) {
     }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [
                 op[0] & 2,
@@ -223,16 +219,15 @@ export var LifecycleEventPlugin = /*#__PURE__*/ function() {
                 this.engine = engine;
                 Object.entries(LifecycleEventKeyMap).forEach(function(param) {
                     var _param = _sliced_to_array(param, 2), engineKey = _param[0], lifecycleKey = _param[1];
-                    var _this1 = _this;
-                    engine.on(engineKey, /*#__PURE__*/ function() {
-                        var _ref = _async_to_generator(function(payload) {
+                    engine.on(engineKey, function(payload) {
+                        return _async_to_generator(function() {
                             var result;
                             return _ts_generator(this, function(_state) {
                                 switch(_state.label){
                                     case 0:
                                         return [
                                             4,
-                                            _this1.callLifecycleEvent(lifecycleKey, payload)
+                                            this.callLifecycleEvent(lifecycleKey, payload)
                                         ];
                                     case 1:
                                         result = _state.sent();
@@ -252,24 +247,21 @@ export var LifecycleEventPlugin = /*#__PURE__*/ function() {
                                         ];
                                 }
                             });
-                        });
-                        return function(payload) {
-                            return _ref.apply(this, arguments);
-                        };
-                    }());
+                        }).call(_this);
+                    });
                 });
             }
         },
         {
             key: "callLifecycleEvent",
             value: function callLifecycleEvent(name, payload) {
-                var _this = this;
                 return _async_to_generator(function() {
-                    var events, result;
+                    var _this, events, result;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
-                                events = _this.config;
+                                _this = this;
+                                events = this.config;
                                 if (!events || !Array.isArray(events[name])) {
                                     return [
                                         2,
@@ -278,15 +270,15 @@ export var LifecycleEventPlugin = /*#__PURE__*/ function() {
                                 }
                                 return [
                                     4,
-                                    Promise.all(events[name].map(/*#__PURE__*/ function() {
-                                        var _ref = _async_to_generator(function(eventName) {
+                                    Promise.all(events[name].map(function(eventName) {
+                                        return _async_to_generator(function() {
                                             var execResult;
                                             return _ts_generator(this, function(_state) {
                                                 switch(_state.label){
                                                     case 0:
                                                         return [
                                                             4,
-                                                            _this.engine.getAction().execAction(eventName, //qiyu 注释掉的两个参数变为全局参数
+                                                            this.engine.getAction().execAction(eventName, //qiyu 注释掉的两个参数变为全局参数
                                                             // this.engine,
                                                             // this.engine.getAction().actionUtils, //以前是params，空的
                                                             payload)
@@ -299,11 +291,8 @@ export var LifecycleEventPlugin = /*#__PURE__*/ function() {
                                                         ];
                                                 }
                                             });
-                                        });
-                                        return function(eventName) {
-                                            return _ref.apply(this, arguments);
-                                        };
-                                    }()))
+                                        }).call(_this);
+                                    }))
                                 ];
                             case 1:
                                 result = _state.sent();
@@ -313,7 +302,7 @@ export var LifecycleEventPlugin = /*#__PURE__*/ function() {
                                 ];
                         }
                     });
-                })();
+                }).call(this);
             }
         }
     ]);

package/dist/esm/plugins/StylePlugin.js

@@ -2,7 +2,7 @@
  * @Author: zhaoxiaoyang zhaoxiaoyang@byteluck.com
  * @Date: 2022-04-15 14:06:03
  * @LastEditors: SuperLuckyqi
- * @LastEditTime: 2024-07-24 11:38:32
+ * @LastEditTime: 2025-04-10 10:23:07
  * @FilePath: /model-driven/packages/engine/src/plugins/StylePlugin.ts
  */ function _class_call_check(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
@@ -61,7 +61,7 @@ export var StylePlugin = /*#__PURE__*/ function() {
                 dom === null || dom === void 0 ? void 0 : dom.appendChild(style);
                 var cssStyleText;
                 if (this.isPc) {
-                    cssStyleText = "[data-engine-id='".concat(engine.id, "']{ ").concat(compiledStyle, " }");
+                    cssStyleText = ".render-engine-".concat(engine.id, "{ ").concat(compiledStyle, " }");
                 } else {
                     cssStyleText = compiledStyle;
                 }