ato-water-lib 0.0.38 → 0.0.39

package/fesm2020/ato-water-lib.mjs

@@ -8179,9 +8179,15 @@ class AssetFlowComponent {
             }),
             // isReadOnly: true,
         };
-        this.flowData = {};
         this.isResponsiveView = false;
     }
+    set flowData(v) {
+        this._flowData = v;
+        this.updateDataTableAssetParams({ ...v, assetLayer: this.assetLayer });
+    }
+    get flowData() {
+        return this._flowData;
+    }
     onResize(event) {
         // Now only Support Cooling Tower Responsive
         if (this.timeoutResizeWindow) {
@@ -8223,10 +8229,15 @@ class AssetFlowComponent {
     }
     static getDefaultFlowData(defaultData) {
         const flowData = {
+            ...defaultData,
             ..._.cloneDeep(ATO_COMPONENTS_GROUP_DATA)[defaultData?.systemType],
             linkFromPortIdProperty: 'fromPort',
             linkToPortIdProperty: 'toPort',
         };
+        // Reponsive
+        _.forEach(flowData?.nodeDataArray, (node) => {
+            node = _.merge(node, node[`extendedData${window.innerWidth < 1024 ? 'Responsive' : ''}`]);
+        });
         // assetLayer
         flowData.nodeDataArray = _.filter(flowData.nodeDataArray, x => !x?.assetLayers || (x?.assetLayers && x?.assetLayers === (defaultData?.assetLayer ?? ATO_ASSET_LAYERS.FLOW)));
         if (defaultData?.isUseBase64) {
@@ -8238,12 +8249,15 @@ class AssetFlowComponent {
         return flowData;
     }
     setFlowData(data) {
-        const layer = data?.assetLayer ?? this?.assetLayer ?? ATO_ASSET_LAYERS.FLOW;
+        // const layer = data?.assetLayer ?? this?.assetLayer ?? ATO_ASSET_LAYERS.FLOW;
         this.flowData = {
             ...data,
-            nodeDataArray: _.filter(data.nodeDataArray, x => !x?.assetLayers || (x?.assetLayers && x?.assetLayers === layer))
+            nodeDataArray: _.filter(data.nodeDataArray, x => !x?.assetLayers || (x?.assetLayers && x?.assetLayers === data?.assetLayer))
         };
-        this.dataTableAssetParams = _.forEach(this.flowData?.nodeDataArray?.filter((e) => e?.type === AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE && e?.assetLayers === layer), x => {
+        this.updateDataTableAssetParams(data);
+    }
+    updateDataTableAssetParams(data) {
+        this.dataTableAssetParams = _.forEach(this.flowData?.nodeDataArray?.filter((e) => e?.type === AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE && e?.assetLayers === data?.assetLayer), x => {
             if (!data?.isRefresh) {
                 x.isCollapsed = this.assetParamsViewTemp?.data?.find(y => y?.key === x?.key)?.isCollapsed;
             }