@dckj-npm/dc-material 0.1.362 → 0.1.363

package/lowcode_lib/teletext-list/meta.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports["default"] = void 0;
-var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _extends4 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var IMAGE_KEY = 'image';
 var normalizeNodeKey = function normalizeNodeKey(rawKey) {
   if (rawKey === undefined || rawKey === null) return '';
@@ -39,14 +39,47 @@ var findImageChildSchema = function findImageChildSchema(target) {
     return keyFromProps === IMAGE_KEY || keyFromNode === IMAGE_KEY;
   });
 };
+
+/**
+ * 通过引擎的 IPublicModelNode API 查找 key='image' 的子节点。
+ * 相比直接读 node.schema.children，这里使用的是引擎可感知的公共 API，
+ * 保证后续 setPropValue/getPropValue 操作能被引擎正确追踪（触发响应式更新）。
+ */
+var findImageChildNode = function findImageChildNode(target) {
+  var _target$node2;
+  var children = target === null || target === void 0 ? void 0 : (_target$node2 = target.node) === null || _target$node2 === void 0 ? void 0 : _target$node2.children;
+  if (!children) return undefined;
+  if (typeof children.find === 'function') {
+    return children.find(function (child) {
+      var _child$getPropValue;
+      return normalizeNodeKey(child === null || child === void 0 ? void 0 : (_child$getPropValue = child.getPropValue) === null || _child$getPropValue === void 0 ? void 0 : _child$getPropValue.call(child, 'key')) === IMAGE_KEY;
+    });
+  }
+  return undefined;
+};
 var getImageStyleNumber = function getImageStyleNumber(target, styleKey) {
   var _imageChildSchema$pro, _imageChildSchema$pro2;
+  // 优先通过引擎 API 读取，保证与 syncImageStyleValue 写入来源一致
+  var imageChildNode = findImageChildNode(target);
+  if (imageChildNode) {
+    var _imageChildNode$getPr, _imageChildNode$getPr2;
+    return parsePxNumber((_imageChildNode$getPr = imageChildNode.getPropValue) === null || _imageChildNode$getPr === void 0 ? void 0 : (_imageChildNode$getPr2 = _imageChildNode$getPr.call(imageChildNode, 'style')) === null || _imageChildNode$getPr2 === void 0 ? void 0 : _imageChildNode$getPr2[styleKey]);
+  }
+  // 降级：从 schema 快照读取
   var imageChildSchema = findImageChildSchema(target);
-  var childStyleValue = imageChildSchema === null || imageChildSchema === void 0 ? void 0 : (_imageChildSchema$pro = imageChildSchema.props) === null || _imageChildSchema$pro === void 0 ? void 0 : (_imageChildSchema$pro2 = _imageChildSchema$pro.style) === null || _imageChildSchema$pro2 === void 0 ? void 0 : _imageChildSchema$pro2[styleKey];
-  return parsePxNumber(childStyleValue);
+  return parsePxNumber(imageChildSchema === null || imageChildSchema === void 0 ? void 0 : (_imageChildSchema$pro = imageChildSchema.props) === null || _imageChildSchema$pro === void 0 ? void 0 : (_imageChildSchema$pro2 = _imageChildSchema$pro.style) === null || _imageChildSchema$pro2 === void 0 ? void 0 : _imageChildSchema$pro2[styleKey]);
 };
 var syncImageStyleValue = function syncImageStyleValue(target, styleKey, value) {
-  var _extends2;
+  var _extends3;
+  // 优先通过引擎节点 API 更新子节点 style，确保引擎感知变化（布局面板读取时可见）
+  var imageChildNode = findImageChildNode(target);
+  if (imageChildNode) {
+    var _imageChildNode$getPr3, _imageChildNode$setPr, _extends2;
+    var _currentStyle = ((_imageChildNode$getPr3 = imageChildNode.getPropValue) === null || _imageChildNode$getPr3 === void 0 ? void 0 : _imageChildNode$getPr3.call(imageChildNode, 'style')) || {};
+    (_imageChildNode$setPr = imageChildNode.setPropValue) === null || _imageChildNode$setPr === void 0 ? void 0 : _imageChildNode$setPr.call(imageChildNode, 'style', (0, _extends4["default"])({}, _currentStyle, (_extends2 = {}, _extends2[styleKey] = value + "px", _extends2)));
+    return;
+  }
+  // 降级：直接写 schema（引擎无法感知，但保留作为兜底）
   var imageChildSchema = findImageChildSchema(target);
   if (!imageChildSchema) {
     return;
@@ -55,7 +88,7 @@ var syncImageStyleValue = function syncImageStyleValue(target, styleKey, value)
     imageChildSchema.props = {};
   }
   var currentStyle = imageChildSchema.props.style || {};
-  imageChildSchema.props.style = (0, _extends3["default"])({}, currentStyle, (_extends2 = {}, _extends2[styleKey] = value + "px", _extends2));
+  imageChildSchema.props.style = (0, _extends4["default"])({}, currentStyle, (_extends3 = {}, _extends3[styleKey] = value + "px", _extends3));
 };
 var syncImageDimensionPropsFromChild = function syncImageDimensionPropsFromChild(target) {
   var _target$getProps;
@@ -77,6 +110,11 @@ var syncImageDimensionPropsFromChild = function syncImageDimensionPropsFromChild
     }
   }
 };
+var isDataListBoundExpression = function isDataListBoundExpression(target) {
+  var _target$getProps2, _target$getProps2$cal, _target$getProps2$cal2;
+  var dataListValue = target === null || target === void 0 ? void 0 : (_target$getProps2 = target.getProps) === null || _target$getProps2 === void 0 ? void 0 : (_target$getProps2$cal = _target$getProps2.call(target)) === null || _target$getProps2$cal === void 0 ? void 0 : (_target$getProps2$cal2 = _target$getProps2$cal.getPropValue) === null || _target$getProps2$cal2 === void 0 ? void 0 : _target$getProps2$cal2.call(_target$getProps2$cal, 'dataList');
+  return !!(dataListValue && typeof dataListValue === 'object' && dataListValue.type === 'JSExpression');
+};
 var TeletextListMeta = {
   group: '低代码组件',
   componentName: 'TeletextList',
@@ -180,7 +218,16 @@ var TeletextListMeta = {
       },
       extraProps: {
         setValue: function setValue(target, value) {
-          target.getProps().setPropValue('imagePlacement', value);
+          var props = target.getProps();
+          // 显式快照需要保护的配置，防止引擎某些实现在写入时触发重初始化导致配置丢失
+          var prevDataList = props.getPropValue('dataList');
+          var prevDataListBind = props.getPropValue('dataListBind');
+          var prevTextImgGap = props.getPropValue('textImgGap');
+          props.setPropValue('imagePlacement', value);
+          // 写回被保护的配置（幂等操作，若引擎未重置则无副作用）
+          if (prevDataList !== undefined) props.setPropValue('dataList', prevDataList);
+          if (prevDataListBind !== undefined) props.setPropValue('dataListBind', prevDataListBind);
+          if (prevTextImgGap !== undefined) props.setPropValue('textImgGap', prevTextImgGap);
           // 切换图片布局时同步一次子图片尺寸，避免面板回退到默认值
           syncImageDimensionPropsFromChild(target);
         }
@@ -193,40 +240,57 @@ var TeletextListMeta = {
         componentName: 'NumberSetter',
         isRequired: false,
         initialValue: function initialValue(target) {
-          var _target$getProps2, _target$getProps2$get, _getImageStyleNumber;
+          var _target$getProps3, _target$getProps3$get;
           var styleWidth = getImageStyleNumber(target, 'width');
           if (styleWidth !== undefined) {
             return styleWidth;
           }
-          var propValue = target === null || target === void 0 ? void 0 : (_target$getProps2 = target.getProps()) === null || _target$getProps2 === void 0 ? void 0 : (_target$getProps2$get = _target$getProps2.getPropValue) === null || _target$getProps2$get === void 0 ? void 0 : _target$getProps2$get.call(_target$getProps2, 'imgWidth');
+          var propValue = target === null || target === void 0 ? void 0 : (_target$getProps3 = target.getProps()) === null || _target$getProps3 === void 0 ? void 0 : (_target$getProps3$get = _target$getProps3.getPropValue) === null || _target$getProps3$get === void 0 ? void 0 : _target$getProps3$get.call(_target$getProps3, 'imgWidth');
           var parsedPropValue = parsePxNumber(propValue);
           if (parsedPropValue !== undefined) return parsedPropValue;
-          return (_getImageStyleNumber = getImageStyleNumber(target, 'width')) !== null && _getImageStyleNumber !== void 0 ? _getImageStyleNumber : 100;
+          // 数据源已绑定时，避免回退为 100 触发误写回
+          if (isDataListBoundExpression(target)) {
+            return undefined;
+          }
+          return 100;
         },
         defaultValue: function defaultValue(target) {
-          var _getImageStyleNumber2;
-          return (_getImageStyleNumber2 = getImageStyleNumber(target, 'width')) !== null && _getImageStyleNumber2 !== void 0 ? _getImageStyleNumber2 : 100;
+          var _target$getProps4, _target$getProps4$get;
+          var styleWidth = getImageStyleNumber(target, 'width');
+          if (styleWidth !== undefined) {
+            return styleWidth;
+          }
+          var propValue = target === null || target === void 0 ? void 0 : (_target$getProps4 = target.getProps()) === null || _target$getProps4 === void 0 ? void 0 : (_target$getProps4$get = _target$getProps4.getPropValue) === null || _target$getProps4$get === void 0 ? void 0 : _target$getProps4$get.call(_target$getProps4, 'imgWidth');
+          var parsedPropValue = parsePxNumber(propValue);
+          if (parsedPropValue !== undefined) return parsedPropValue;
+          if (isDataListBoundExpression(target)) {
+            return undefined;
+          }
+          return 100;
         }
       },
       extraProps: {
         getValue: function getValue(target) {
-          var _target$getProps5, _target$getProps5$get, _getImageStyleNumber3;
+          var _target$getProps7, _target$getProps7$get;
           var styleWidth = getImageStyleNumber(target, 'width');
           if (styleWidth !== undefined) {
-            var _target$getProps3, _target$getProps3$get;
-            var currentWidth = parsePxNumber(target === null || target === void 0 ? void 0 : (_target$getProps3 = target.getProps()) === null || _target$getProps3 === void 0 ? void 0 : (_target$getProps3$get = _target$getProps3.getPropValue) === null || _target$getProps3$get === void 0 ? void 0 : _target$getProps3$get.call(_target$getProps3, 'imgWidth'));
+            var _target$getProps5, _target$getProps5$get;
+            var currentWidth = parsePxNumber(target === null || target === void 0 ? void 0 : (_target$getProps5 = target.getProps()) === null || _target$getProps5 === void 0 ? void 0 : (_target$getProps5$get = _target$getProps5.getPropValue) === null || _target$getProps5$get === void 0 ? void 0 : _target$getProps5$get.call(_target$getProps5, 'imgWidth'));
             if (currentWidth !== styleWidth) {
-              var _target$getProps4, _target$getProps4$set;
-              target === null || target === void 0 ? void 0 : (_target$getProps4 = target.getProps()) === null || _target$getProps4 === void 0 ? void 0 : (_target$getProps4$set = _target$getProps4.setPropValue) === null || _target$getProps4$set === void 0 ? void 0 : _target$getProps4$set.call(_target$getProps4, 'imgWidth', styleWidth);
+              var _target$getProps6, _target$getProps6$set;
+              target === null || target === void 0 ? void 0 : (_target$getProps6 = target.getProps()) === null || _target$getProps6 === void 0 ? void 0 : (_target$getProps6$set = _target$getProps6.setPropValue) === null || _target$getProps6$set === void 0 ? void 0 : _target$getProps6$set.call(_target$getProps6, 'imgWidth', styleWidth);
             }
             return styleWidth;
           }
-          var propValue = target === null || target === void 0 ? void 0 : (_target$getProps5 = target.getProps()) === null || _target$getProps5 === void 0 ? void 0 : (_target$getProps5$get = _target$getProps5.getPropValue) === null || _target$getProps5$get === void 0 ? void 0 : _target$getProps5$get.call(_target$getProps5, 'imgWidth');
+          var propValue = target === null || target === void 0 ? void 0 : (_target$getProps7 = target.getProps()) === null || _target$getProps7 === void 0 ? void 0 : (_target$getProps7$get = _target$getProps7.getPropValue) === null || _target$getProps7$get === void 0 ? void 0 : _target$getProps7$get.call(_target$getProps7, 'imgWidth');
           var parsedPropValue = parsePxNumber(propValue);
           if (parsedPropValue !== undefined) {
             return parsedPropValue;
           }
-          return (_getImageStyleNumber3 = getImageStyleNumber(target, 'width')) !== null && _getImageStyleNumber3 !== void 0 ? _getImageStyleNumber3 : 100;
+          if (isDataListBoundExpression(target)) {
+            return undefined;
+          }
+          return 100;
         },
         setValue: function setValue(target, value) {
           var parsedValue = parsePxNumber(value);
@@ -245,40 +309,57 @@ var TeletextListMeta = {
         componentName: 'NumberSetter',
         isRequired: false,
         initialValue: function initialValue(target) {
-          var _target$getProps6, _target$getProps6$get, _getImageStyleNumber4;
+          var _target$getProps8, _target$getProps8$get;
           var styleHeight = getImageStyleNumber(target, 'height');
           if (styleHeight !== undefined) {
             return styleHeight;
           }
-          var propValue = target === null || target === void 0 ? void 0 : (_target$getProps6 = target.getProps()) === null || _target$getProps6 === void 0 ? void 0 : (_target$getProps6$get = _target$getProps6.getPropValue) === null || _target$getProps6$get === void 0 ? void 0 : _target$getProps6$get.call(_target$getProps6, 'imgHeight');
+          var propValue = target === null || target === void 0 ? void 0 : (_target$getProps8 = target.getProps()) === null || _target$getProps8 === void 0 ? void 0 : (_target$getProps8$get = _target$getProps8.getPropValue) === null || _target$getProps8$get === void 0 ? void 0 : _target$getProps8$get.call(_target$getProps8, 'imgHeight');
           var parsedPropValue = parsePxNumber(propValue);
           if (parsedPropValue !== undefined) return parsedPropValue;
-          return (_getImageStyleNumber4 = getImageStyleNumber(target, 'height')) !== null && _getImageStyleNumber4 !== void 0 ? _getImageStyleNumber4 : 100;
+          // 数据源已绑定时，避免回退为 100 触发误写回
+          if (isDataListBoundExpression(target)) {
+            return undefined;
+          }
+          return 100;
         },
         defaultValue: function defaultValue(target) {
-          var _getImageStyleNumber5;
-          return (_getImageStyleNumber5 = getImageStyleNumber(target, 'height')) !== null && _getImageStyleNumber5 !== void 0 ? _getImageStyleNumber5 : 100;
+          var _target$getProps9, _target$getProps9$get;
+          var styleHeight = getImageStyleNumber(target, 'height');
+          if (styleHeight !== undefined) {
+            return styleHeight;
+          }
+          var propValue = target === null || target === void 0 ? void 0 : (_target$getProps9 = target.getProps()) === null || _target$getProps9 === void 0 ? void 0 : (_target$getProps9$get = _target$getProps9.getPropValue) === null || _target$getProps9$get === void 0 ? void 0 : _target$getProps9$get.call(_target$getProps9, 'imgHeight');
+          var parsedPropValue = parsePxNumber(propValue);
+          if (parsedPropValue !== undefined) return parsedPropValue;
+          if (isDataListBoundExpression(target)) {
+            return undefined;
+          }
+          return 100;
         }
       },
       extraProps: {
         getValue: function getValue(target) {
-          var _target$getProps9, _target$getProps9$get, _getImageStyleNumber6;
+          var _target$getProps10, _target$getProps10$ge;
           var styleHeight = getImageStyleNumber(target, 'height');
           if (styleHeight !== undefined) {
-            var _target$getProps7, _target$getProps7$get;
-            var currentHeight = parsePxNumber(target === null || target === void 0 ? void 0 : (_target$getProps7 = target.getProps()) === null || _target$getProps7 === void 0 ? void 0 : (_target$getProps7$get = _target$getProps7.getPropValue) === null || _target$getProps7$get === void 0 ? void 0 : _target$getProps7$get.call(_target$getProps7, 'imgHeight'));
+            var _target$getProps0, _target$getProps0$get;
+            var currentHeight = parsePxNumber(target === null || target === void 0 ? void 0 : (_target$getProps0 = target.getProps()) === null || _target$getProps0 === void 0 ? void 0 : (_target$getProps0$get = _target$getProps0.getPropValue) === null || _target$getProps0$get === void 0 ? void 0 : _target$getProps0$get.call(_target$getProps0, 'imgHeight'));
             if (currentHeight !== styleHeight) {
-              var _target$getProps8, _target$getProps8$set;
-              target === null || target === void 0 ? void 0 : (_target$getProps8 = target.getProps()) === null || _target$getProps8 === void 0 ? void 0 : (_target$getProps8$set = _target$getProps8.setPropValue) === null || _target$getProps8$set === void 0 ? void 0 : _target$getProps8$set.call(_target$getProps8, 'imgHeight', styleHeight);
+              var _target$getProps1, _target$getProps1$set;
+              target === null || target === void 0 ? void 0 : (_target$getProps1 = target.getProps()) === null || _target$getProps1 === void 0 ? void 0 : (_target$getProps1$set = _target$getProps1.setPropValue) === null || _target$getProps1$set === void 0 ? void 0 : _target$getProps1$set.call(_target$getProps1, 'imgHeight', styleHeight);
             }
             return styleHeight;
           }
-          var propValue = target === null || target === void 0 ? void 0 : (_target$getProps9 = target.getProps()) === null || _target$getProps9 === void 0 ? void 0 : (_target$getProps9$get = _target$getProps9.getPropValue) === null || _target$getProps9$get === void 0 ? void 0 : _target$getProps9$get.call(_target$getProps9, 'imgHeight');
+          var propValue = target === null || target === void 0 ? void 0 : (_target$getProps10 = target.getProps()) === null || _target$getProps10 === void 0 ? void 0 : (_target$getProps10$ge = _target$getProps10.getPropValue) === null || _target$getProps10$ge === void 0 ? void 0 : _target$getProps10$ge.call(_target$getProps10, 'imgHeight');
           var parsedPropValue = parsePxNumber(propValue);
           if (parsedPropValue !== undefined) {
             return parsedPropValue;
           }
-          return (_getImageStyleNumber6 = getImageStyleNumber(target, 'height')) !== null && _getImageStyleNumber6 !== void 0 ? _getImageStyleNumber6 : 100;
+          if (isDataListBoundExpression(target)) {
+            return undefined;
+          }
+          return 100;
         },
         setValue: function setValue(target, value) {
           var parsedValue = parsePxNumber(value);
@@ -360,9 +441,9 @@ var TeletextListMeta = {
       },
       extraProps: {
         setValue: function setValue(target, value) {
-          var _target$node2, _schemaChildren$filte, _target$parent, _target$parent$items;
+          var _target$node3, _schemaChildren$filte, _target$parent, _target$parent$items;
           target.getProps().setPropValue('textLines', value);
-          var schema = target === null || target === void 0 ? void 0 : (_target$node2 = target.node) === null || _target$node2 === void 0 ? void 0 : _target$node2.schema;
+          var schema = target === null || target === void 0 ? void 0 : (_target$node3 = target.node) === null || _target$node3 === void 0 ? void 0 : _target$node3.schema;
           var node = target === null || target === void 0 ? void 0 : target.node;
           var schemaChildren = Array.isArray(schema === null || schema === void 0 ? void 0 : schema.children) ? schema.children : [];
 
@@ -386,20 +467,24 @@ var TeletextListMeta = {
               node === null || node === void 0 ? void 0 : (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children.push(newChild);
             }
           } else if (value < currentLength) {
-            // 需要移除多余的文本组件
-            var filteredChildren = (Array.isArray(node === null || node === void 0 ? void 0 : node.children) ? node.children : []).filter(function (child) {
-              var _child$props3;
-              if (child.componentName !== 'NextText') {
-                return true;
-              }
-              var key = child === null || child === void 0 ? void 0 : (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.key;
-              if (!(key !== null && key !== void 0 && key.startsWith('text-'))) {
-                return true;
+            var _node$children2, _node$children2$forEa;
+            // 收集需要移除的节点，再调用 child.remove() 通过引擎 API 逐个删除
+            // 避免 node.children = [...] 直接赋值（IPublicModelNodeChildren 不支持重新赋值）
+            var nodesToRemove = [];
+            node === null || node === void 0 ? void 0 : (_node$children2 = node.children) === null || _node$children2 === void 0 ? void 0 : (_node$children2$forEa = _node$children2.forEach) === null || _node$children2$forEa === void 0 ? void 0 : _node$children2$forEa.call(_node$children2, function (child) {
+              var _child$schema, _child$schema$props;
+              var key = child === null || child === void 0 ? void 0 : (_child$schema = child.schema) === null || _child$schema === void 0 ? void 0 : (_child$schema$props = _child$schema.props) === null || _child$schema$props === void 0 ? void 0 : _child$schema$props.key;
+              if ((child === null || child === void 0 ? void 0 : child.componentName) === 'NextText' && typeof key === 'string' && key.startsWith('text-')) {
+                var order = Number(key.split('-')[1]);
+                if (!Number.isNaN(order) && order > value) {
+                  nodesToRemove.push(child);
+                }
               }
-              var order = Number(key.split('-')[1]);
-              return Number.isNaN(order) || order <= value;
             });
-            node.children = filteredChildren;
+            nodesToRemove.forEach(function (child) {
+              var _child$remove;
+              return child === null || child === void 0 ? void 0 : (_child$remove = child.remove) === null || _child$remove === void 0 ? void 0 : _child$remove.call(child);
+            });
           }
 
           // 更新数据源绑定的配置
@@ -895,6 +980,6 @@ var getSnippets = function getSnippets(textLines) {
     }
   }];
 };
-var _default = exports["default"] = (0, _extends3["default"])({}, TeletextListMeta, {
+var _default = exports["default"] = (0, _extends4["default"])({}, TeletextListMeta, {
   snippets: getSnippets(2)
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dckj-npm/dc-material",
-  "version": "0.1.362",
+  "version": "0.1.363",
   "description": "dc低代码物料",
   "main": "lib/index.js",
   "module": "es/index.js",