@dckj-npm/dc-material 0.1.360 → 0.1.362

package/lowcode_es/teletext-list/meta.js

@@ -1,5 +1,77 @@
 import _extends from "@babel/runtime/helpers/extends";
-var _props, _props$find, _props$find$setter, _props$find$setter$ge;
+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;
+  });
+};
+var getImageStyleNumber = function getImageStyleNumber(target, styleKey) {
+  var _imageChildSchema$pro, _imageChildSchema$pro2;
+  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);
+};
+var syncImageStyleValue = function syncImageStyleValue(target, styleKey, value) {
+  var _extends2;
+  var imageChildSchema = findImageChildSchema(target);
+  if (!imageChildSchema) {
+    return;
+  }
+  if (!imageChildSchema.props) {
+    imageChildSchema.props = {};
+  }
+  var currentStyle = imageChildSchema.props.style || {};
+  imageChildSchema.props.style = _extends({}, currentStyle, (_extends2 = {}, _extends2[styleKey] = value + "px", _extends2));
+};
+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 TeletextListMeta = {
   group: '低代码组件',
   componentName: 'TeletextList',
@@ -104,6 +176,8 @@ var TeletextListMeta = {
       extraProps: {
         setValue: function setValue(target, value) {
           target.getProps().setPropValue('imagePlacement', value);
+          // 切换图片布局时同步一次子图片尺寸，避免面板回退到默认值
+          syncImageDimensionPropsFromChild(target);
         }
       }
     }, {
@@ -113,8 +187,50 @@ var TeletextListMeta = {
       setter: {
         componentName: 'NumberSetter',
         isRequired: false,
-        initialValue: 100,
-        defaultValue: 100
+        initialValue: function initialValue(target) {
+          var _target$getProps2, _target$getProps2$get, _getImageStyleNumber;
+          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 parsedPropValue = parsePxNumber(propValue);
+          if (parsedPropValue !== undefined) return parsedPropValue;
+          return (_getImageStyleNumber = getImageStyleNumber(target, 'width')) !== null && _getImageStyleNumber !== void 0 ? _getImageStyleNumber : 100;
+        },
+        defaultValue: function defaultValue(target) {
+          var _getImageStyleNumber2;
+          return (_getImageStyleNumber2 = getImageStyleNumber(target, 'width')) !== null && _getImageStyleNumber2 !== void 0 ? _getImageStyleNumber2 : 100;
+        }
+      },
+      extraProps: {
+        getValue: function getValue(target) {
+          var _target$getProps5, _target$getProps5$get, _getImageStyleNumber3;
+          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'));
+            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);
+            }
+            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 parsedPropValue = parsePxNumber(propValue);
+          if (parsedPropValue !== undefined) {
+            return parsedPropValue;
+          }
+          return (_getImageStyleNumber3 = getImageStyleNumber(target, 'width')) !== null && _getImageStyleNumber3 !== void 0 ? _getImageStyleNumber3 : 100;
+        },
+        setValue: function setValue(target, value) {
+          var parsedValue = parsePxNumber(value);
+          if (parsedValue === undefined) {
+            return;
+          }
+          target.getProps().setPropValue('imgWidth', parsedValue);
+          syncImageStyleValue(target, 'width', parsedValue);
+        }
       }
     }, {
       title: '图片高度',
@@ -123,8 +239,50 @@ var TeletextListMeta = {
       setter: {
         componentName: 'NumberSetter',
         isRequired: false,
-        initialValue: 100,
-        defaultValue: 100
+        initialValue: function initialValue(target) {
+          var _target$getProps6, _target$getProps6$get, _getImageStyleNumber4;
+          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 parsedPropValue = parsePxNumber(propValue);
+          if (parsedPropValue !== undefined) return parsedPropValue;
+          return (_getImageStyleNumber4 = getImageStyleNumber(target, 'height')) !== null && _getImageStyleNumber4 !== void 0 ? _getImageStyleNumber4 : 100;
+        },
+        defaultValue: function defaultValue(target) {
+          var _getImageStyleNumber5;
+          return (_getImageStyleNumber5 = getImageStyleNumber(target, 'height')) !== null && _getImageStyleNumber5 !== void 0 ? _getImageStyleNumber5 : 100;
+        }
+      },
+      extraProps: {
+        getValue: function getValue(target) {
+          var _target$getProps9, _target$getProps9$get, _getImageStyleNumber6;
+          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'));
+            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);
+            }
+            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;
+          }
+          return (_getImageStyleNumber6 = getImageStyleNumber(target, 'height')) !== null && _getImageStyleNumber6 !== void 0 ? _getImageStyleNumber6 : 100;
+        },
+        setValue: function setValue(target, value) {
+          var parsedValue = parsePxNumber(value);
+          if (parsedValue === undefined) {
+            return;
+          }
+          target.getProps().setPropValue('imgHeight', parsedValue);
+          syncImageStyleValue(target, 'height', parsedValue);
+        }
       }
     }, {
       title: '数据源绑定',
@@ -153,7 +311,7 @@ var TeletextListMeta = {
       },
       extraProps: {
         setValue: function setValue(target, value) {
-          console.log('dataList setValue', target, value);
+          target.getProps().setPropValue('dataListBind', value);
         }
       }
     }, {
@@ -197,16 +355,17 @@ var TeletextListMeta = {
       },
       extraProps: {
         setValue: function setValue(target, value) {
-          var _target$node, _schema$children, _schema$children$filt, _target$parent$node;
+          var _target$node2, _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$node2 = target.node) === null || _target$node2 === void 0 ? void 0 : _target$node2.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++) {
@@ -219,20 +378,27 @@ 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 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 order = Number(key.split('-')[1]);
+              return Number.isNaN(order) || order <= value;
             });
+            node.children = filteredChildren;
           }
 
           // 更新数据源绑定的配置
-          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) {
@@ -263,7 +429,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'));
         }
       }
     }, {
@@ -726,7 +891,5 @@ var getSnippets = function getSnippets(textLines) {
   }];
 };
 export default _extends({}, 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)
+  snippets: getSnippets(2)
 });

package/lowcode_lib/meta.js

@@ -122,7 +122,7 @@ function fillRealVersion(meta, packageName, version, basicLibraryVersion) {
     packageName = '@dckj-npm/dc-material';
   }
   if (version === void 0) {
-    version = '0.1.360';
+    version = '0.1.362';
   }
   if (basicLibraryVersion === void 0) {
     basicLibraryVersion = {

package/lowcode_lib/teletext-list/meta.d.ts

@@ -1,4 +1,4 @@
-import { IPublicTypeSnippet, IPublicTypeConfigure } from '@alilc/lowcode-types';
+import { IPublicTypeSnippet } from '@alilc/lowcode-types';
 declare const _default: {
     snippets: IPublicTypeSnippet[];
     componentName: string;
@@ -12,7 +12,7 @@ declare const _default: {
     devMode?: "proCode" | "lowCode";
     npm?: import("@alilc/lowcode-types").IPublicTypeNpmInfo;
     props?: import("@alilc/lowcode-types").IPublicTypePropConfig[];
-    configure?: import("@alilc/lowcode-types").IPublicTypeFieldConfig[] | IPublicTypeConfigure;
+    configure?: import("@alilc/lowcode-types").IPublicTypeFieldConfig[] | import("@alilc/lowcode-types").IPublicTypeConfigure;
     experimental?: import("@alilc/lowcode-types").IPublicTypeAdvanced;
     schema?: import("@alilc/lowcode-types").IPublicTypeComponentSchema;
     group?: string | import("@alilc/lowcode-types").IPublicTypeI18nData;

package/lowcode_lib/teletext-list/meta.js

@@ -3,8 +3,80 @@
 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 _extends3 = _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;
+  });
+};
+var getImageStyleNumber = function getImageStyleNumber(target, styleKey) {
+  var _imageChildSchema$pro, _imageChildSchema$pro2;
+  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);
+};
+var syncImageStyleValue = function syncImageStyleValue(target, styleKey, value) {
+  var _extends2;
+  var imageChildSchema = findImageChildSchema(target);
+  if (!imageChildSchema) {
+    return;
+  }
+  if (!imageChildSchema.props) {
+    imageChildSchema.props = {};
+  }
+  var currentStyle = imageChildSchema.props.style || {};
+  imageChildSchema.props.style = (0, _extends3["default"])({}, currentStyle, (_extends2 = {}, _extends2[styleKey] = value + "px", _extends2));
+};
+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 TeletextListMeta = {
   group: '低代码组件',
   componentName: 'TeletextList',
@@ -109,6 +181,8 @@ var TeletextListMeta = {
       extraProps: {
         setValue: function setValue(target, value) {
           target.getProps().setPropValue('imagePlacement', value);
+          // 切换图片布局时同步一次子图片尺寸，避免面板回退到默认值
+          syncImageDimensionPropsFromChild(target);
         }
       }
     }, {
@@ -118,8 +192,50 @@ var TeletextListMeta = {
       setter: {
         componentName: 'NumberSetter',
         isRequired: false,
-        initialValue: 100,
-        defaultValue: 100
+        initialValue: function initialValue(target) {
+          var _target$getProps2, _target$getProps2$get, _getImageStyleNumber;
+          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 parsedPropValue = parsePxNumber(propValue);
+          if (parsedPropValue !== undefined) return parsedPropValue;
+          return (_getImageStyleNumber = getImageStyleNumber(target, 'width')) !== null && _getImageStyleNumber !== void 0 ? _getImageStyleNumber : 100;
+        },
+        defaultValue: function defaultValue(target) {
+          var _getImageStyleNumber2;
+          return (_getImageStyleNumber2 = getImageStyleNumber(target, 'width')) !== null && _getImageStyleNumber2 !== void 0 ? _getImageStyleNumber2 : 100;
+        }
+      },
+      extraProps: {
+        getValue: function getValue(target) {
+          var _target$getProps5, _target$getProps5$get, _getImageStyleNumber3;
+          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'));
+            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);
+            }
+            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 parsedPropValue = parsePxNumber(propValue);
+          if (parsedPropValue !== undefined) {
+            return parsedPropValue;
+          }
+          return (_getImageStyleNumber3 = getImageStyleNumber(target, 'width')) !== null && _getImageStyleNumber3 !== void 0 ? _getImageStyleNumber3 : 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 +244,50 @@ var TeletextListMeta = {
       setter: {
         componentName: 'NumberSetter',
         isRequired: false,
-        initialValue: 100,
-        defaultValue: 100
+        initialValue: function initialValue(target) {
+          var _target$getProps6, _target$getProps6$get, _getImageStyleNumber4;
+          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 parsedPropValue = parsePxNumber(propValue);
+          if (parsedPropValue !== undefined) return parsedPropValue;
+          return (_getImageStyleNumber4 = getImageStyleNumber(target, 'height')) !== null && _getImageStyleNumber4 !== void 0 ? _getImageStyleNumber4 : 100;
+        },
+        defaultValue: function defaultValue(target) {
+          var _getImageStyleNumber5;
+          return (_getImageStyleNumber5 = getImageStyleNumber(target, 'height')) !== null && _getImageStyleNumber5 !== void 0 ? _getImageStyleNumber5 : 100;
+        }
+      },
+      extraProps: {
+        getValue: function getValue(target) {
+          var _target$getProps9, _target$getProps9$get, _getImageStyleNumber6;
+          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'));
+            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);
+            }
+            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;
+          }
+          return (_getImageStyleNumber6 = getImageStyleNumber(target, 'height')) !== null && _getImageStyleNumber6 !== void 0 ? _getImageStyleNumber6 : 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 +316,7 @@ var TeletextListMeta = {
       },
       extraProps: {
         setValue: function setValue(target, value) {
-          console.log('dataList setValue', target, value);
+          target.getProps().setPropValue('dataListBind', value);
         }
       }
     }, {
@@ -202,16 +360,17 @@ var TeletextListMeta = {
       },
       extraProps: {
         setValue: function setValue(target, value) {
-          var _target$node, _schema$children, _schema$children$filt, _target$parent$node;
+          var _target$node2, _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$node2 = target.node) === null || _target$node2 === void 0 ? void 0 : _target$node2.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 +383,27 @@ 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 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 order = Number(key.split('-')[1]);
+              return Number.isNaN(order) || order <= value;
             });
+            node.children = filteredChildren;
           }
 
           // 更新数据源绑定的配置
-          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 +434,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 +895,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, _extends3["default"])({}, TeletextListMeta, {
+  snippets: getSnippets(2)
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dckj-npm/dc-material",
-  "version": "0.1.360",
+  "version": "0.1.362",
   "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.360/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.360/build/index.html"
+  "homepage": "https://unpkg.com/@dckj-npm/dc-material@0.1.362/build/index.html"
 }