@dckj-npm/dc-material 0.1.361 → 0.1.363

package/lowcode_lib/teletext-list/meta.js

@@ -3,8 +3,118 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _props, _props$find, _props$find$setter, _props$find$setter$ge;
+var _extends4 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var IMAGE_KEY = 'image';
+var normalizeNodeKey = function normalizeNodeKey(rawKey) {
+  if (rawKey === undefined || rawKey === null) return '';
+  return String(rawKey).replace(/^\.?\$?/, '');
+};
+var parsePxNumber = function parsePxNumber(value) {
+  if (typeof value === 'number' && Number.isFinite(value)) {
+    return value;
+  }
+  if (typeof value === 'string') {
+    var numberLike = Number(value.trim());
+    if (Number.isFinite(numberLike)) {
+      return numberLike;
+    }
+    var matched = value.match(/^\s*(\d+(?:\.\d+)?)\s*px\s*$/i);
+    if (!matched) return undefined;
+    var parsed = Number(matched[1]);
+    return Number.isFinite(parsed) ? parsed : undefined;
+  }
+  return undefined;
+};
+var getSchemaChildren = function getSchemaChildren(target) {
+  var _target$node;
+  var nodeSchema = target === null || target === void 0 ? void 0 : (_target$node = target.node) === null || _target$node === void 0 ? void 0 : _target$node.schema;
+  return Array.isArray(nodeSchema === null || nodeSchema === void 0 ? void 0 : nodeSchema.children) ? nodeSchema.children : [];
+};
+var findImageChildSchema = function findImageChildSchema(target) {
+  var schemaChildren = getSchemaChildren(target);
+  return schemaChildren.find(function (child) {
+    var _child$props;
+    var keyFromProps = normalizeNodeKey(child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.key);
+    var keyFromNode = normalizeNodeKey(child === null || child === void 0 ? void 0 : child.key);
+    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);
+  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 _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;
+  }
+  if (!imageChildSchema.props) {
+    imageChildSchema.props = {};
+  }
+  var currentStyle = imageChildSchema.props.style || {};
+  imageChildSchema.props.style = (0, _extends4["default"])({}, currentStyle, (_extends3 = {}, _extends3[styleKey] = value + "px", _extends3));
+};
+var syncImageDimensionPropsFromChild = function syncImageDimensionPropsFromChild(target) {
+  var _target$getProps;
+  var widthFromChild = getImageStyleNumber(target, 'width');
+  var heightFromChild = getImageStyleNumber(target, 'height');
+  var propsApi = target === null || target === void 0 ? void 0 : (_target$getProps = target.getProps) === null || _target$getProps === void 0 ? void 0 : _target$getProps.call(target);
+  if (propsApi && widthFromChild !== undefined) {
+    var _propsApi$getPropValu;
+    var currentWidth = parsePxNumber((_propsApi$getPropValu = propsApi.getPropValue) === null || _propsApi$getPropValu === void 0 ? void 0 : _propsApi$getPropValu.call(propsApi, 'imgWidth'));
+    if (currentWidth !== widthFromChild) {
+      propsApi.setPropValue('imgWidth', widthFromChild);
+    }
+  }
+  if (propsApi && heightFromChild !== undefined) {
+    var _propsApi$getPropValu2;
+    var currentHeight = parsePxNumber((_propsApi$getPropValu2 = propsApi.getPropValue) === null || _propsApi$getPropValu2 === void 0 ? void 0 : _propsApi$getPropValu2.call(propsApi, 'imgHeight'));
+    if (currentHeight !== heightFromChild) {
+      propsApi.setPropValue('imgHeight', heightFromChild);
+    }
+  }
+};
+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',
@@ -108,7 +218,18 @@ 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);
         }
       }
     }, {
@@ -118,8 +239,67 @@ var TeletextListMeta = {
       setter: {
         componentName: 'NumberSetter',
         isRequired: false,
-        initialValue: 100,
-        defaultValue: 100
+        initialValue: function initialValue(target) {
+          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$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;
+          // 数据源已绑定时，避免回退为 100 触发误写回
+          if (isDataListBoundExpression(target)) {
+            return undefined;
+          }
+          return 100;
+        },
+        defaultValue: function defaultValue(target) {
+          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$getProps7, _target$getProps7$get;
+          var styleWidth = getImageStyleNumber(target, 'width');
+          if (styleWidth !== undefined) {
+            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$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$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;
+          }
+          if (isDataListBoundExpression(target)) {
+            return undefined;
+          }
+          return 100;
+        },
+        setValue: function setValue(target, value) {
+          var parsedValue = parsePxNumber(value);
+          if (parsedValue === undefined) {
+            return;
+          }
+          target.getProps().setPropValue('imgWidth', parsedValue);
+          syncImageStyleValue(target, 'width', parsedValue);
+        }
       }
     }, {
       title: '图片高度',
@@ -128,8 +308,67 @@ var TeletextListMeta = {
       setter: {
         componentName: 'NumberSetter',
         isRequired: false,
-        initialValue: 100,
-        defaultValue: 100
+        initialValue: function initialValue(target) {
+          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$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;
+          // 数据源已绑定时，避免回退为 100 触发误写回
+          if (isDataListBoundExpression(target)) {
+            return undefined;
+          }
+          return 100;
+        },
+        defaultValue: function defaultValue(target) {
+          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$getProps10, _target$getProps10$ge;
+          var styleHeight = getImageStyleNumber(target, 'height');
+          if (styleHeight !== undefined) {
+            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$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$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;
+          }
+          if (isDataListBoundExpression(target)) {
+            return undefined;
+          }
+          return 100;
+        },
+        setValue: function setValue(target, value) {
+          var parsedValue = parsePxNumber(value);
+          if (parsedValue === undefined) {
+            return;
+          }
+          target.getProps().setPropValue('imgHeight', parsedValue);
+          syncImageStyleValue(target, 'height', parsedValue);
+        }
       }
     }, {
       title: '数据源绑定',
@@ -158,7 +397,7 @@ var TeletextListMeta = {
       },
       extraProps: {
         setValue: function setValue(target, value) {
-          console.log('dataList setValue', target, value);
+          target.getProps().setPropValue('dataListBind', value);
         }
       }
     }, {
@@ -202,16 +441,17 @@ var TeletextListMeta = {
       },
       extraProps: {
         setValue: function setValue(target, value) {
-          var _target$node, _schema$children, _schema$children$filt, _target$parent$node;
+          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$node = target.node) === null || _target$node === void 0 ? void 0 : _target$node.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 : [];
 
           // 获取当前文本组件数量
-          var currentLength = (schema === null || schema === void 0 ? void 0 : (_schema$children = schema.children) === null || _schema$children === void 0 ? void 0 : (_schema$children$filt = _schema$children.filter(function (child) {
-            var _child$props$key;
-            return child.componentName === 'NextText' && ((_child$props$key = child.props.key) === null || _child$props$key === void 0 ? void 0 : _child$props$key.startsWith('text-'));
-          })) === null || _schema$children$filt === void 0 ? void 0 : _schema$children$filt.length) || 0;
+          var currentLength = ((_schemaChildren$filte = schemaChildren.filter(function (child) {
+            var _child$props2, _child$props2$key;
+            return child.componentName === 'NextText' && (child === null || child === void 0 ? void 0 : (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : (_child$props2$key = _child$props2.key) === null || _child$props2$key === void 0 ? void 0 : _child$props2$key.startsWith('text-'));
+          })) === null || _schemaChildren$filte === void 0 ? void 0 : _schemaChildren$filte.length) || 0;
           if (value > currentLength) {
             // 需要添加新的文本组件
             for (var i = currentLength + 1; i <= value; i++) {
@@ -224,20 +464,31 @@ var TeletextListMeta = {
                   key: "text-" + i
                 }
               };
-              console.log('node', node, 'node-children', node === null || node === void 0 ? void 0 : node.children);
               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 _node$children2;
-            // 需要移除多余的文本组件
-            node === null || node === void 0 ? void 0 : (_node$children2 = node.children) === null || _node$children2 === void 0 ? void 0 : _node$children2.filter(function (child) {
-              var _child$props, _child$props$key2, _child$props2;
-              return !(child.componentName === 'NextText' && (_child$props = child.props) !== null && _child$props !== void 0 && (_child$props$key2 = _child$props.key) !== null && _child$props$key2 !== void 0 && _child$props$key2.startsWith('text-') && parseInt(child === null || child === void 0 ? void 0 : (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.key.split('-')[1]) > value);
+            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);
+                }
+              }
+            });
+            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);
             });
           }
 
           // 更新数据源绑定的配置
-          var dataListBindProp = target.parent.items.find(function (item) {
+          var dataListBindProp = target === null || target === void 0 ? void 0 : (_target$parent = target.parent) === null || _target$parent === void 0 ? void 0 : (_target$parent$items = _target$parent.items) === null || _target$parent$items === void 0 ? void 0 : _target$parent$items.find(function (item) {
             return item.name === 'dataListBind';
           });
           if (dataListBindProp && dataListBindProp.setter) {
@@ -268,7 +519,6 @@ var TeletextListMeta = {
             // 更新setter的attributes
             dataListBindProp.setter.props.attributes[0].children = [].concat(baseChildren, textChildren);
           }
-          console.log('文字行数', target, value, schema, target.node, target.parent, target.parent.getPropValue('dataListBind'), (_target$parent$node = target.parent.node) === null || _target$parent$node === void 0 ? void 0 : _target$parent$node.getProp('dataListBind'));
         }
       }
     }, {
@@ -730,8 +980,6 @@ var getSnippets = function getSnippets(textLines) {
     }
   }];
 };
-var _default = exports["default"] = (0, _extends2["default"])({}, TeletextListMeta, {
-  snippets: getSnippets(((_props = TeletextListMeta.configure.props) === null || _props === void 0 ? void 0 : (_props$find = _props.find(function (prop) {
-    return prop.name === 'textLines';
-  })) === null || _props$find === void 0 ? void 0 : (_props$find$setter = _props$find.setter) === null || _props$find$setter === void 0 ? void 0 : (_props$find$setter$ge = _props$find$setter.getValue) === null || _props$find$setter$ge === void 0 ? void 0 : _props$find$setter$ge.call(_props$find$setter)) || 2)
+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.361",
+  "version": "0.1.363",
   "description": "dc低代码物料",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -114,10 +114,10 @@
   },
   "componentConfig": {
     "isComponentLibrary": true,
-    "materialSchema": "https://unpkg.com/@dckj-npm/dc-material@0.1.361/build/lowcode/assets-prod.json"
+    "materialSchema": "https://unpkg.com/@dckj-npm/dc-material@0.1.362/build/lowcode/assets-prod.json"
   },
   "lcMeta": {
     "type": "component"
   },
-  "homepage": "https://unpkg.com/@dckj-npm/dc-material@0.1.361/build/index.html"
+  "homepage": "https://unpkg.com/@dckj-npm/dc-material@0.1.362/build/index.html"
 }