@cloudbase/cals 0.3.23 → 0.3.25

package/lib/parser/cals/index.js

@@ -85,12 +85,13 @@ function serializeValue({ ctx, key, dynamicValue, scope = 'page', streamlineDefa
             value = undefined;
         }
     }
-    return { key, value };
+    return { key, value, extra: dynamicValue.extra };
 }
 exports.serializeValue = serializeValue;
-function deserializeValue(ctx, key, value) {
+const DYNAMIC_KEY_REG = /^:(.*)$/;
+function deserializeValue(ctx, key, value, extra) {
     var _a;
-    let matched = key.match(/^:(.*)$/);
+    let matched = key.match(DYNAMIC_KEY_REG);
     if (matched) {
         let key = matched[1];
         let type = expression_1.PropBindType.expression;
@@ -118,7 +119,7 @@ function deserializeValue(ctx, key, value) {
         }
         return {
             key,
-            value: { type, value },
+            value: { type, value, extra },
         };
     }
     else {
@@ -129,13 +130,19 @@ function deserializeValue(ctx, key, value) {
                 : {
                     type: undefined /*'static'*/,
                     value,
+                    extra,
                 },
         };
     }
 }
 exports.deserializeValue = deserializeValue;
-function serializeDynamicMap({ ctx, map = {}, scope = 'page', streamlineDefaultValue, }) {
+function serializeDynamicMap(props) {
+    return serializeDynamicMapWithExtra(props).data;
+}
+exports.serializeDynamicMap = serializeDynamicMap;
+function serializeDynamicMapWithExtra({ ctx, map = {}, scope = 'page', streamlineDefaultValue, }) {
     let data = {};
+    let extra = {};
     Object.keys(map)
         .sort((a, b) => {
         const aPath = a.split('.');
@@ -150,7 +157,7 @@ function serializeDynamicMap({ ctx, map = {}, scope = 'page', streamlineDefaultV
         }
     })
         .forEach((key) => {
-        let { key: processedKey, value: processedValue } = serializeValue({
+        let { key: processedKey, value: processedValue, extra: processedExtra, } = serializeValue({
             ctx,
             key,
             dynamicValue: map[key],
@@ -158,17 +165,17 @@ function serializeDynamicMap({ ctx, map = {}, scope = 'page', streamlineDefaultV
             streamlineDefaultValue,
         });
         let matched = processedKey.match(/^:(.*)$/);
+        let originKey = processedKey;
         if (matched) {
-            const originValue = matched[1];
-            (0, lodash_1.unset)(data, originValue);
+            originKey = matched[1];
+            (0, lodash_1.unset)(data, originKey);
         }
         if ((0, lodash_1.get)(data, processedKey) == undefined) {
-            let ValueTmp = processedValue;
             /* 选区结构处理 [formily] to [CALS] */
-            if (Array.isArray(ValueTmp) &&
-                (ValueTmp === null || ValueTmp === void 0 ? void 0 : ValueTmp.some((item) => item && item.selectableBlock))) {
-                ValueTmp = (0, lodash_1.cloneDeep)(processedValue);
-                ValueTmp === null || ValueTmp === void 0 ? void 0 : ValueTmp.map((_value) => {
+            if (Array.isArray(processedValue) &&
+                (processedValue === null || processedValue === void 0 ? void 0 : processedValue.some((item) => item && item.selectableBlock))) {
+                let valueTmp = (0, lodash_1.cloneDeep)(processedValue);
+                processedValue = valueTmp === null || valueTmp === void 0 ? void 0 : valueTmp.map((_value) => {
                     var _a, _b, _c;
                     const xProp = (_a = _value === null || _value === void 0 ? void 0 : _value.selectableBlock) === null || _a === void 0 ? void 0 : _a['x-props'];
                     const xComponent = (_c = (_b = _value === null || _value === void 0 ? void 0 : _value.selectableBlock) === null || _b === void 0 ? void 0 : _b['x-component']) === null || _c === void 0 ? void 0 : _c.toLowerCase();
@@ -182,24 +189,24 @@ function serializeDynamicMap({ ctx, map = {}, scope = 'page', streamlineDefaultV
                     return _value;
                 });
             }
-            data[processedKey] = ValueTmp;
+            data[processedKey] = processedValue;
         }
+        extra[originKey] = processedExtra;
     });
-    return data;
+    return { data, extra };
 }
-exports.serializeDynamicMap = serializeDynamicMap;
-function deserializeDynamicMap(ctx, map) {
+function deserializeDynamicMap(ctx, map, extraMap) {
     var _a, _b, _c;
     let data = {};
     for (let key in map || {}) {
         let value = (_a = map) === null || _a === void 0 ? void 0 : _a[key];
-        let { key: processedKey, value: processedValue } = deserializeValue(ctx, key, value);
-        let ValueTmp = processedValue;
+        let matched = key.match(DYNAMIC_KEY_REG);
+        let { key: processedKey, value: processedValue } = deserializeValue(ctx, key, value, extraMap === null || extraMap === void 0 ? void 0 : extraMap[matched ? matched[1] : key]);
         /* 选区结构处理 [CALS] to [formily] */
         if (Array.isArray(processedValue === null || processedValue === void 0 ? void 0 : processedValue.value) &&
             ((_b = processedValue === null || processedValue === void 0 ? void 0 : processedValue.value) === null || _b === void 0 ? void 0 : _b.some((item) => item && item.selectableBlock))) {
-            ValueTmp = (0, lodash_1.cloneDeep)(processedValue);
-            (_c = ValueTmp === null || ValueTmp === void 0 ? void 0 : ValueTmp.value) === null || _c === void 0 ? void 0 : _c.map((_value) => {
+            let valueTmp = (0, lodash_1.cloneDeep)(processedValue);
+            (_c = valueTmp === null || valueTmp === void 0 ? void 0 : valueTmp.value) === null || _c === void 0 ? void 0 : _c.forEach((_value) => {
                 var _a, _b, _c, _d;
                 const module = (_b = (_a = _value === null || _value === void 0 ? void 0 : _value.selectableBlock) === null || _a === void 0 ? void 0 : _a.module) === null || _b === void 0 ? void 0 : _b.toLowerCase();
                 const component = (_d = (_c = _value === null || _value === void 0 ? void 0 : _value.selectableBlock) === null || _c === void 0 ? void 0 : _c.component) === null || _d === void 0 ? void 0 : _d.toLowerCase();
@@ -210,22 +217,27 @@ function deserializeDynamicMap(ctx, map) {
                 }
                 return _value;
             });
+            processedValue = valueTmp;
         }
-        data[processedKey] = ValueTmp;
+        data[processedKey] = processedValue;
     }
     return data;
 }
 exports.deserializeDynamicMap = deserializeDynamicMap;
 function serializeAttributes(ctx, scope, attributes = {}) {
-    return serializeDynamicMap({
+    var _a;
+    return (_a = serializeAttributesWithExtra(ctx, scope, attributes)) === null || _a === void 0 ? void 0 : _a.data;
+}
+exports.serializeAttributes = serializeAttributes;
+function serializeAttributesWithExtra(ctx, scope, attributes = {}) {
+    return serializeDynamicMapWithExtra({
         ctx,
         scope,
         map: attributes,
         streamlineDefaultValue: ctx.streamlineDefaultValue,
     });
 }
-exports.serializeAttributes = serializeAttributes;
-function deserializeAttributes(ctx, attributes = {}) {
+function deserializeAttributes(ctx, attributes = {}, attributesExtraData = {}) {
     const reservedAttributes = ['style', 'commonStyle', 'class'];
     const reservedAttributesMap = reservedAttributes.reduce((map, key) => {
         map[key] = true;
@@ -241,7 +253,7 @@ function deserializeAttributes(ctx, attributes = {}) {
             restAttributes[key] = attributes[key];
         }
     }
-    return deserializeDynamicMap(ctx, restAttributes);
+    return deserializeDynamicMap(ctx, restAttributes, attributesExtraData);
 }
 exports.deserializeAttributes = deserializeAttributes;
 /**
@@ -253,20 +265,20 @@ function serializeDataset(ctx, dataset) {
         return dataset;
     const result = JSON.parse(JSON.stringify(dataset));
     Object.values(result.state).forEach((state) => {
-        var _a, _b;
+        var _a, _b, _c, _d;
         if (state.varType !== 'datasource')
             return;
         if ((_a = state.initMethod) === null || _a === void 0 ? void 0 : _a.params) {
-            state.initMethod.params = serializeDynamicMap({
+            state.initMethod.params = (_b = serializeDynamicMapWithExtra({
                 ctx,
                 map: state.initMethod.params,
-            });
+            })) === null || _b === void 0 ? void 0 : _b.data;
         }
-        if ((_b = state.updateMethod) === null || _b === void 0 ? void 0 : _b.params) {
-            state.updateMethod.params = serializeDynamicMap({
+        if ((_c = state.updateMethod) === null || _c === void 0 ? void 0 : _c.params) {
+            state.updateMethod.params = (_d = serializeDynamicMapWithExtra({
                 ctx,
                 map: state.updateMethod.params,
-            });
+            })) === null || _d === void 0 ? void 0 : _d.data;
         }
     });
     return result;
@@ -367,6 +379,7 @@ function deserializeDirecties(ctx, directives) {
  * heander 更新为表达式
  */
 function serializeListener(ctx, listener) {
+    var _a;
     return {
         id: listener.key,
         eventName: listener.trigger,
@@ -376,10 +389,10 @@ function serializeListener(ctx, listener) {
             module: /^comp\-\w+$/.test(listener.handler.moduleName)
                 ? '$comp'
                 : listener.handler.moduleName,
-            params: serializeDynamicMap({
+            params: (_a = serializeDynamicMapWithExtra({
                 ctx,
                 map: listener.data,
-            }),
+            })) === null || _a === void 0 ? void 0 : _a.data,
         },
         isCapturePhase: listener.isCapturePhase,
     };
@@ -479,7 +492,7 @@ function deserializeModuleName(ctx, componentName, moduleName) {
     return moduleName;
 }
 function serializeComponent(ctx, component, scope = 'page') {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     // const scope = ctx.component?.id ? 'component' : 'page'
     const moduleName = (_a = component.xComponent) === null || _a === void 0 ? void 0 : _a.moduleName;
     const componentName = ((_b = component.xComponent) === null || _b === void 0 ? void 0 : _b.name) || '';
@@ -491,45 +504,60 @@ function serializeComponent(ctx, component, scope = 'page') {
     if (componentCtx.dependencies && !componentCtx.dependenciesMap) {
         componentCtx.dependenciesMap = processDependenciesMap(componentCtx.dependencies || []);
     }
+    let attributeMeta = serializeAttributesWithExtra(componentCtx, scope, (((_d = component === null || component === void 0 ? void 0 : component.xProps) === null || _d === void 0 ? void 0 : _d.data) || {})) || {};
+    const { data: attributes = {}, extra: attributeExtraData = {}, } = attributeMeta;
+    let classListBindData = null;
+    let styleBindData = null;
+    if ((_e = component === null || component === void 0 ? void 0 : component.xProps) === null || _e === void 0 ? void 0 : _e.classListBind) {
+        classListBindData = serializeValue({
+            ctx: componentCtx,
+            key: 'classListBind',
+            dynamicValue: (_f = component === null || component === void 0 ? void 0 : component.xProps) === null || _f === void 0 ? void 0 : _f.classListBind,
+            scope,
+        });
+        if (classListBindData.extra) {
+            attributeExtraData['class'] = classListBindData.extra;
+        }
+    }
+    if ((_g = component === null || component === void 0 ? void 0 : component.xProps) === null || _g === void 0 ? void 0 : _g.styleBind) {
+        styleBindData = serializeValue({
+            ctx: componentCtx,
+            key: 'styleBind',
+            dynamicValue: (_h = component === null || component === void 0 ? void 0 : component.xProps) === null || _h === void 0 ? void 0 : _h.styleBind,
+        });
+        if (styleBindData.extra) {
+            attributeExtraData['style'] = styleBindData.extra;
+        }
+    }
     return {
         id: component.id,
         type: undefined,
         module: serializeModuleName(componentCtx, moduleName, componentName),
         component: componentName,
         attributes: (0, runtime_1.getValidValue)(component.xProps
-            ? Object.assign(Object.assign({}, serializeAttributes(componentCtx, scope, (component.xProps.data || {}))), { style: (_d = component.xProps) === null || _d === void 0 ? void 0 : _d.style, class: (_f = (_e = component.xProps) === null || _e === void 0 ? void 0 : _e.classList) === null || _f === void 0 ? void 0 : _f.join(' ') }) : undefined),
+            ? Object.assign(Object.assign({}, attributes), { style: (_j = component.xProps) === null || _j === void 0 ? void 0 : _j.style, class: (_l = (_k = component.xProps) === null || _k === void 0 ? void 0 : _k.classList) === null || _l === void 0 ? void 0 : _l.join(' ') }) : undefined),
         items: component.properties
             ? Object.keys(component.properties).map((key) => {
                 var _a;
                 return serializeComponent(componentCtx, Object.assign({ id: key }, (_a = component.properties) === null || _a === void 0 ? void 0 : _a[key]), scope);
             })
             : undefined,
-        listeners: (0, runtime_1.getValidValue)((_h = (_g = component.xProps) === null || _g === void 0 ? void 0 : _g.listeners) === null || _h === void 0 ? void 0 : _h.map((listener) => {
+        listeners: (0, runtime_1.getValidValue)((_o = (_m = component.xProps) === null || _m === void 0 ? void 0 : _m.listeners) === null || _o === void 0 ? void 0 : _o.map((listener) => {
             return serializeListener(componentCtx, listener);
         })),
-        directives: serializeDirecties(componentCtx, (((_j = component.xProps) === null || _j === void 0 ? void 0 : _j.directives) || {}), scope) || {
+        directives: serializeDirecties(componentCtx, (((_p = component.xProps) === null || _p === void 0 ? void 0 : _p.directives) || {}), scope) || {
             ':if': true,
         },
-        ':class': ((_k = component === null || component === void 0 ? void 0 : component.xProps) === null || _k === void 0 ? void 0 : _k.classListBind)
-            ? serializeValue({
-                ctx: componentCtx,
-                key: 'classListBind',
-                dynamicValue: (_l = component === null || component === void 0 ? void 0 : component.xProps) === null || _l === void 0 ? void 0 : _l.classListBind,
-                scope,
-            }).value
-            : undefined,
-        ':style': ((_m = component === null || component === void 0 ? void 0 : component.xProps) === null || _m === void 0 ? void 0 : _m.styleBind)
-            ? serializeValue({
-                ctx: componentCtx,
-                key: 'styleBind',
-                dynamicValue: (_o = component === null || component === void 0 ? void 0 : component.xProps) === null || _o === void 0 ? void 0 : _o.styleBind,
-            }).value
-            : undefined,
+        ':class': classListBindData ? classListBindData.value : undefined,
+        ':style': styleBindData ? styleBindData.value : undefined,
         extra: {
-            commonStyle: (_p = component.xProps) === null || _p === void 0 ? void 0 : _p.commonStyle,
+            commonStyle: (_q = component.xProps) === null || _q === void 0 ? void 0 : _q.commonStyle,
             xIndex: component.xIndex,
-            styleBindPath: (_q = component === null || component === void 0 ? void 0 : component.xProps) === null || _q === void 0 ? void 0 : _q.styleBindPath,
-            staticResourceAttribute: (_r = component === null || component === void 0 ? void 0 : component.xProps) === null || _r === void 0 ? void 0 : _r.staticResourceAttribute,
+            styleBindPath: (_r = component === null || component === void 0 ? void 0 : component.xProps) === null || _r === void 0 ? void 0 : _r.styleBindPath,
+            staticResourceAttribute: (_s = component === null || component === void 0 ? void 0 : component.xProps) === null || _s === void 0 ? void 0 : _s.staticResourceAttribute,
+            attributeExtraData: (0, common_3.isEmptyObj)(attributeExtraData)
+                ? undefined
+                : attributeExtraData,
         },
     };
 }
@@ -537,11 +565,14 @@ exports.serializeComponent = serializeComponent;
 function deserializeComponent(ctx, components) {
     let componentMap = components.reduce((map, item) => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const { attributeExtraData = {} } = item.extra || {};
         let dynamicStyle = item[':style']
-            ? deserializeValue(ctx, ':style', item[':style']).value
+            ? deserializeValue(ctx, ':style', item[':style'], attributeExtraData['style'] // 此处就是 style，取的是原始的属性
+            ).value
             : undefined;
         let dynamicClassList = item[':class']
-            ? deserializeValue(ctx, ':class', item[':class']).value
+            ? deserializeValue(ctx, ':class', item[':class'], attributeExtraData['class'] // 此处就是 class，取的是原始的属性
+            ).value
             : undefined;
         const xComponent = {
             moduleName: item.module,
@@ -553,7 +584,7 @@ function deserializeComponent(ctx, components) {
                     xComponent.moduleName;
         }
         const xProps = {
-            data: deserializeAttributes(ctx, item.attributes),
+            data: deserializeAttributes(ctx, item.attributes, attributeExtraData),
             directives: deserializeDirecties(ctx, item.directives || {}),
             style: (_a = item.attributes) === null || _a === void 0 ? void 0 : _a.style,
             styleBind: dynamicStyle
@@ -562,9 +593,6 @@ function deserializeComponent(ctx, components) {
                     value: dynamicStyle.value,
                 }
                 : undefined,
-            //   styleBindPath: item.styleBindPath
-            //     ? deserializeValue('styleBindPath', item.styleBindPath).value
-            //     : undefined, // 含义未知
             commonStyle: (_b = item === null || item === void 0 ? void 0 : item.extra) === null || _b === void 0 ? void 0 : _b.commonStyle,
             staticResourceAttribute: (_c = item === null || item === void 0 ? void 0 : item.extra) === null || _c === void 0 ? void 0 : _c.staticResourceAttribute,
             classList: (_f = (_e = (_d = item.attributes) === null || _d === void 0 ? void 0 : _d.class) === null || _e === void 0 ? void 0 : _e.split(/\s/g)) === null || _f === void 0 ? void 0 : _f.filter((className) => !!className),
@@ -607,7 +635,7 @@ function deserializeComponent(ctx, components) {
 }
 exports.deserializeComponent = deserializeComponent;
 function serializePage(ctx, page) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const pageCtx = Object.assign(Object.assign({}, ctx), { page });
     if (pageCtx.dependencies && !pageCtx.dependenciesMap) {
         pageCtx.dependenciesMap = processDependenciesMap(pageCtx.dependencies || []);
@@ -616,21 +644,20 @@ function serializePage(ctx, page) {
         id: page.id,
         type: 'PAGE',
         component: 'Page',
-        attributes: (0, runtime_1.getValidValue)(serializeAttributes(pageCtx, 'page', page.data)),
+        attributes: (0, runtime_1.getValidValue)((_a = serializeAttributesWithExtra(pageCtx, 'page', page.data)) === null || _a === void 0 ? void 0 : _a.data),
         items: Object.keys(page.componentInstances || {}).map((id) => {
             return serializeComponent(pageCtx, Object.assign({ id }, page.componentInstances[id]));
         }),
         directives: {
             ':if': true,
         },
-        resources: (_a = page === null || page === void 0 ? void 0 : page.lowCodes) === null || _a === void 0 ? void 0 : _a.map((item) => serializeCodeSource(pageCtx, item)),
+        resources: (_b = page === null || page === void 0 ? void 0 : page.lowCodes) === null || _b === void 0 ? void 0 : _b.map((item) => serializeCodeSource(pageCtx, item)),
         dataset: serializeDataset(ctx, page === null || page === void 0 ? void 0 : page.dataset),
-        dataVariables: (0, runtime_1.getValidValue)((_c = (_b = page === null || page === void 0 ? void 0 : page.vars) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.map((item) => serializeDataVariables(pageCtx, item))),
-        listeners: (0, runtime_1.getValidValue)((_d = page === null || page === void 0 ? void 0 : page.listeners) === null || _d === void 0 ? void 0 : _d.map((item) => {
+        dataVariables: (0, runtime_1.getValidValue)((_d = (_c = page === null || page === void 0 ? void 0 : page.vars) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.map((item) => serializeDataVariables(pageCtx, item))),
+        listeners: (0, runtime_1.getValidValue)((_e = page === null || page === void 0 ? void 0 : page.listeners) === null || _e === void 0 ? void 0 : _e.map((item) => {
             return serializeListener(pageCtx, item);
         })),
         extra: {
-            pluginInstances: page === null || page === void 0 ? void 0 : page.pluginInstances,
             commonStyle: page === null || page === void 0 ? void 0 : page.commonStyle,
             xIndex: page.xIndex,
             staticResourceAttribute: page === null || page === void 0 ? void 0 : page.staticResourceAttribute,
@@ -666,9 +693,8 @@ function deserializePage(ctx, page) {
                 return deserializeDataVariables(pageCtx, item);
             })) || [],
         },
-        data: deserializeAttributes(pageCtx, page.attributes),
+        data: deserializeAttributes(pageCtx, page.attributes, (_b = page === null || page === void 0 ? void 0 : page.extra) === null || _b === void 0 ? void 0 : _b.attributeExtraData),
         componentInstances: deserializeComponent(pageCtx, page.items || []),
-        pluginInstances: (_b = page.extra) === null || _b === void 0 ? void 0 : _b.pluginInstances,
         commonStyle: (_c = page === null || page === void 0 ? void 0 : page.extra) === null || _c === void 0 ? void 0 : _c.commonStyle,
         staticResourceAttribute: (_d = page === null || page === void 0 ? void 0 : page.extra) === null || _d === void 0 ? void 0 : _d.staticResourceAttribute,
         hideAdminPortalMenu: (_e = page === null || page === void 0 ? void 0 : page.extra) === null || _e === void 0 ? void 0 : _e.hideAdminPortalMenu,
@@ -776,29 +802,28 @@ exports.deserializePlatformApp = deserializePlatformApp;
  */
 function serializeRuntimePage(ctx, page //IPageInstance
 ) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const pageCtx = Object.assign(Object.assign({}, ctx), { dependenciesMap: processDependenciesMap(ctx.dependencies || []), page: { id: page.id } });
     let processedPage = {
         id: page.id,
         type: 'PAGE',
         component: 'Page',
-        attributes: serializeAttributes(pageCtx, 'page', (0, runtime_1.readDynamicData)(page)),
-        items: (0, runtime_1.getValidValue)(Object.keys(((_a = page.componentSchemaJson) === null || _a === void 0 ? void 0 : _a.properties) || {}).map((id) => {
+        attributes: (_a = serializeAttributesWithExtra(pageCtx, 'page', (0, runtime_1.readDynamicData)(page))) === null || _a === void 0 ? void 0 : _a.data,
+        items: (0, runtime_1.getValidValue)(Object.keys(((_b = page.componentSchemaJson) === null || _b === void 0 ? void 0 : _b.properties) || {}).map((id) => {
             var _a;
             return serializeRuntimeComponent(pageCtx, Object.assign({ id }, (_a = page.componentSchemaJson) === null || _a === void 0 ? void 0 : _a.properties[id]));
         })),
-        resources: (_b = page === null || page === void 0 ? void 0 : page.codeModules) === null || _b === void 0 ? void 0 : _b.map((item) => serializeCodeSource(pageCtx, item)),
+        resources: (_c = page === null || page === void 0 ? void 0 : page.codeModules) === null || _c === void 0 ? void 0 : _c.map((item) => serializeCodeSource(pageCtx, item)),
         dataset: page === null || page === void 0 ? void 0 : page.dataset,
-        dataVariables: (0, runtime_1.getValidValue)((_d = (_c = page === null || page === void 0 ? void 0 : page.vars) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.map((item) => serializeDataVariables(pageCtx, item))),
+        dataVariables: (0, runtime_1.getValidValue)((_e = (_d = page === null || page === void 0 ? void 0 : page.vars) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.map((item) => serializeDataVariables(pageCtx, item))),
         listeners: (0, runtime_1.getValidValue)((0, runtime_1.readListeners)(page.listenerInstances || []).map((item) => {
             return serializeListener(pageCtx, item);
         })),
         extra: {
-            pluginInstances: (0, runtime_1.getValidValue)(page === null || page === void 0 ? void 0 : page.pluginInstances),
             commonStyle: (0, runtime_1.getValidValue)((0, style_1.removeInvalidStyleFormValue)(page.style)),
             styleBindPath: (0, runtime_1.getValidValue)(page.styleBindPath),
             xIndex: page.xIndex,
-            children: (0, runtime_1.getValidValue)((_e = page.children) === null || _e === void 0 ? void 0 : _e.map((child) => serializeRuntimePage(ctx, child))),
+            children: (0, runtime_1.getValidValue)((_f = page.children) === null || _f === void 0 ? void 0 : _f.map((child) => serializeRuntimePage(ctx, child))),
         },
     };
     if ((0, common_3.isValidStyleBind)(page.styleBind) && (0, runtime_1.getValidValue)(page.styleBind)) {
@@ -854,33 +879,48 @@ function serializeRuntimeComponent(ctx, component //IComponentSchemaJson
             .filter((dataType) => dataType.type !== 'slot')
             .map((dataType) => dataType.propertyPath);
         let properties = component.properties || {};
-        processed = Object.assign(Object.assign({}, processed), { module: serializeModuleName(componentCtx, moduleName, name), component: name, attributes: Object.assign(Object.assign({}, serializeAttributes(componentCtx, 'page', ((0, runtime_1.getValidValue)((0, runtime_1.readDynamicData)(props)) || {}))), { style: (0, runtime_1.getValidValue)(props.style), class: (_a = (0, runtime_1.getValidValue)(props.classNameList)) === null || _a === void 0 ? void 0 : _a.join(' ') }), items: (0, runtime_1.getValidValue)(Object.keys(properties)
+        const { data: attributes = {}, extra: attributeExtraData = {} } = serializeAttributesWithExtra(componentCtx, 'page', (0, runtime_1.getValidValue)((0, runtime_1.readDynamicData)(props)) || {}) || {};
+        let styleBindData = null;
+        let classListBindData = null;
+        if ((_a = props === null || props === void 0 ? void 0 : props.styleBind) === null || _a === void 0 ? void 0 : _a.bindDataPath) {
+            styleBindData = serializeValue({
+                ctx: componentCtx,
+                key: 'styleBind',
+                dynamicValue: {
+                    type: props.styleBind.type,
+                    value: props.styleBind.bindDataPath,
+                    extra: props.styleBind.extra,
+                },
+            });
+            if (styleBindData === null || styleBindData === void 0 ? void 0 : styleBindData.extra) {
+                attributeExtraData.style = styleBindData === null || styleBindData === void 0 ? void 0 : styleBindData.extra;
+            }
+        }
+        if ((0, common_3.isValidClassNameListBind)(props.classNameListBind)) {
+            classListBindData = serializeValue({
+                ctx: componentCtx,
+                key: 'classListBind',
+                dynamicValue: (0, runtime_1.getValidValue)({
+                    type: props.classNameListBind.type,
+                    value: props.classNameListBind.bindDataPath,
+                }),
+            });
+            if (classListBindData === null || classListBindData === void 0 ? void 0 : classListBindData.extra) {
+                attributeExtraData.class = classListBindData === null || classListBindData === void 0 ? void 0 : classListBindData.extra;
+            }
+        }
+        processed = Object.assign(Object.assign({}, processed), { module: serializeModuleName(componentCtx, moduleName, name), component: name, attributes: Object.assign(Object.assign({}, attributes), { style: (0, runtime_1.getValidValue)(props.style), class: (_b = (0, runtime_1.getValidValue)(props.classNameList)) === null || _b === void 0 ? void 0 : _b.join(' ') }), items: (0, runtime_1.getValidValue)(Object.keys(properties)
                 .filter((key) => !excludeKeys.includes(key))
-                .map((key) => serializeRuntimeComponent(ctx, Object.assign({ id: key }, properties[key])))), listeners: (_b = (0, runtime_1.getValidValue)((0, runtime_1.readListeners)(props.listenerInstances))) === null || _b === void 0 ? void 0 : _b.map((listener /* IEventListener */) => {
+                .map((key) => serializeRuntimeComponent(ctx, Object.assign({ id: key }, properties[key])))), listeners: (_c = (0, runtime_1.getValidValue)((0, runtime_1.readListeners)(props.listenerInstances))) === null || _c === void 0 ? void 0 : _c.map((listener /* IEventListener */) => {
                 return serializeListener(componentCtx, listener);
-            }), directives: serializeDirecties(componentCtx, ((0, runtime_1.getValidValue)((0, runtime_1.readDirectives)(props)) || {})) || undefined, ':class': (0, common_3.isValidClassNameListBind)(props.classNameListBind)
-                ? serializeValue({
-                    ctx: componentCtx,
-                    key: 'classListBind',
-                    dynamicValue: (0, runtime_1.getValidValue)({
-                        type: props.classNameListBind.type,
-                        value: props.classNameListBind.bindDataPath,
-                    }),
-                }).value
-                : undefined, ':style': ((_c = props === null || props === void 0 ? void 0 : props.styleBind) === null || _c === void 0 ? void 0 : _c.bindDataPath)
-                ? serializeValue({
-                    ctx: componentCtx,
-                    key: 'styleBind',
-                    dynamicValue: {
-                        type: props.styleBind.type,
-                        value: props.styleBind.bindDataPath,
-                    },
-                }).value
-                : undefined, extra: {
+            }), directives: serializeDirecties(componentCtx, ((0, runtime_1.getValidValue)((0, runtime_1.readDirectives)(props)) || {})) || undefined, ':class': (classListBindData === null || classListBindData === void 0 ? void 0 : classListBindData.value) || undefined, ':style': (styleBindData === null || styleBindData === void 0 ? void 0 : styleBindData.value) || undefined, extra: {
                 commonStyle: (0, runtime_1.getValidValue)((0, style_1.removeInvalidStyleFormValue)(props.commonStyle)),
                 xIndex: (0, runtime_1.getValidValue)(component['x-index']),
                 styleBindPath: (0, runtime_1.getValidValue)(props.styleBindPath),
                 staticResourceAttribute: (0, runtime_1.getValidValue)(props.staticResourceAttribute),
+                attributeExtraData: (0, common_3.isEmptyObj)(attributeExtraData)
+                    ? undefined
+                    : attributeExtraData,
             } });
     }
     else {

package/lib/parser/cals/utils/runtime.d.ts

@@ -1,8 +1,11 @@
+import { IDynamicValue } from '../../expression';
 export declare function readComponents(properties?: {
     [key: string]: any;
 }, excludeKeys?: string[]): Object;
 export declare function readDirectives(cmp: any): any;
-export declare function readDynamicData(cmp: any): any;
+export declare function readDynamicData(cmp: any): {
+    [key: string]: IDynamicValue;
+};
 export declare function readListeners(listenerInstances?: any[]): any;
 export declare function writeListeners(listeners?: any[]): any[];
 export declare function writeDynamicData(from: any, to: any, properties: any): any;

package/lib/parser/cals/utils/runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../../../parser/cals/utils/runtime.ts"],"names":[],"mappings":"AAUA,wBAAgB,cAAc,CAC5B,UAAU,GAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAmB,EACnD,WAAW,GAAE,MAAM,EAAO,GACzB,MAAM,CA+DR;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,OAuCtC;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,GAAG,OA8BvC;AAED,wBAAgB,aAAa,CAAC,iBAAiB,GAAE,GAAG,EAAO,OAiB1D;AAED,wBAAgB,cAAc,CAAC,SAAS,GAAE,GAAG,EAAO,SAenD;AAGD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,GAAQ,EAAE,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,OAgExE;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,QAKjE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,OAWvC"}
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../../../parser/cals/utils/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA2B,MAAM,kBAAkB,CAAA;AAUzE,wBAAgB,cAAc,CAC5B,UAAU,GAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAmB,EACnD,WAAW,GAAE,MAAM,EAAO,GACzB,MAAM,CAiER;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,OAwCtC;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,GAAG,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAA;CAAE,CA+B1E;AAED,wBAAgB,aAAa,CAAC,iBAAiB,GAAE,GAAG,EAAO,OAiB1D;AAED,wBAAgB,cAAc,CAAC,SAAS,GAAE,GAAG,EAAO,SAenD;AAGD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,GAAQ,EAAE,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,OAkExE;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,QAKjE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,OAWvC"}

package/lib/parser/cals/utils/runtime.js

@@ -31,6 +31,7 @@ function readComponents(properties = {}, excludeKeys = []) {
                 componentXProps.styleBind = {
                     type: srcProps.styleBind.type,
                     value: srcProps.styleBind.bindDataPath,
+                    extra: srcProps.styleBind.extra,
                 };
             }
             if ((0, common_1.isValidClassNameListBind)(srcProps.classNameListBind)) {
@@ -38,6 +39,7 @@ function readComponents(properties = {}, excludeKeys = []) {
                 setValidValue(componentXProps, 'classListBind', {
                     type: classList.type,
                     value: classList.bindDataPath,
+                    extra: classList.extra,
                 });
             }
             if (srcProps.classNameList) {
@@ -73,6 +75,7 @@ function readDirectives(cmp) {
                 directives.waIf = {
                     type: bind.type || expression_1.PropBindType.state,
                     value: bind.bindDataPath,
+                    extra: bind.extra,
                 };
             }
         }
@@ -81,6 +84,7 @@ function readDirectives(cmp) {
             directives.waFor = {
                 type: forBind.type || expression_1.PropBindType.state,
                 value: forBind.bindDataPath,
+                extra: forBind.extra,
             };
         }
     }
@@ -109,6 +113,7 @@ function readDynamicData(cmp) {
                 data[bind.propertyPath] = {
                     type: bind.type || expression_1.PropBindType.state,
                     value: bind.bindDataPath,
+                    extra: bind.extra,
                 };
             }
         });
@@ -178,6 +183,7 @@ function writeDynamicData(from = {}, to, properties) {
                     propertyPath: prop,
                     bindDataPath: dv.value,
                     type: dv.type,
+                    extra: dv.extra,
                 });
             }
             else {
@@ -194,6 +200,7 @@ function writeDynamicData(from = {}, to, properties) {
                     propertyPath: prop,
                     bindDataPath: fixedValue,
                     type: expression_1.PropBindType.expression,
+                    extra: dv.extra,
                 });
             }
             act.dataTypes.push({

package/lib/parser/expression/index.d.ts

@@ -46,11 +46,13 @@ export declare enum ActionType {
 export interface IDynamicValue {
     type: PropBindType;
     value: any;
+    extra?: any;
 }
 export interface IDataBind {
     propertyPath: string;
     bindDataPath: string;
     type?: PropBindType;
+    extra?: any;
 }
 interface NodeEx extends Node {
     $parent: NodeEx;

package/lib/parser/expression/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../parser/expression/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../parser/expression/index.ts"],"names":[],"mappings":"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"}