@dckj-npm/dc-material 0.1.375 → 0.1.377

package/lowcode_es/teletext-list/meta.js

@@ -1,9 +1,4 @@
 import _extends from "@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;
@@ -20,49 +15,6 @@ var parsePxNumber = function parsePxNumber(value) {
   }
   return undefined;
 };
-var findImageChildNode = function findImageChildNode(target) {
-  var _target$node;
-  var children = target === null || target === void 0 ? void 0 : (_target$node = target.node) === null || _target$node === void 0 ? void 0 : _target$node.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 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]);
-  }
-  return undefined;
-};
-
-/**
- * 同步 Image 子节点的 style.width / style.height。
- * 使用 Promise.resolve().then() 异步执行，避免在父节点 setPropValue
- * 的 MobX 同步响应链中触发子节点变更（可能导致 SettingField 重建）。
- */
-var syncImageStyleValue = function syncImageStyleValue(target, styleKey, value) {
-  Promise.resolve().then(function () {
-    var _imageChildNode$getPr3, _extends2, _imageChildNode$setPr;
-    var imageChildNode = findImageChildNode(target);
-    if (!imageChildNode) return;
-    var currentStyle = ((_imageChildNode$getPr3 = imageChildNode.getPropValue) === null || _imageChildNode$getPr3 === void 0 ? void 0 : _imageChildNode$getPr3.call(imageChildNode, 'style')) || {};
-    var updatedStyle = _extends({}, currentStyle, (_extends2 = {}, _extends2[styleKey] = value + "px", _extends2));
-    var otherKey = styleKey === 'width' ? 'height' : 'width';
-    if (!updatedStyle[otherKey]) {
-      var _target$getProps, _target$getProps$call, _target$getProps$call2;
-      var otherPropKey = otherKey === 'width' ? 'imgWidth' : 'imgHeight';
-      var otherPropValue = parsePxNumber(target === null || target === void 0 ? void 0 : (_target$getProps = target.getProps) === null || _target$getProps === void 0 ? void 0 : (_target$getProps$call = _target$getProps.call(target)) === null || _target$getProps$call === void 0 ? void 0 : (_target$getProps$call2 = _target$getProps$call.getPropValue) === null || _target$getProps$call2 === void 0 ? void 0 : _target$getProps$call2.call(_target$getProps$call, otherPropKey));
-      updatedStyle[otherKey] = (otherPropValue !== null && otherPropValue !== void 0 ? otherPropValue : 100) + "px";
-    }
-    (_imageChildNode$setPr = imageChildNode.setPropValue) === null || _imageChildNode$setPr === void 0 ? void 0 : _imageChildNode$setPr.call(imageChildNode, 'style', updatedStyle);
-  });
-};
 var TeletextListMeta = {
   group: '低代码组件',
   componentName: 'TeletextList',
@@ -80,400 +32,717 @@ var TeletextListMeta = {
     subName: ''
   },
   configure: {
-    props: [{
-      title: {
-        label: {
-          type: 'i18n',
-          'en-US': 'type',
-          'zh-CN': '类型'
+    props: [
+    // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    // 分组一：数据与内容
+    // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    {
+      type: 'group',
+      title: '数据与内容',
+      display: 'accordion',
+      items: [{
+        title: '标题',
+        name: 'title',
+        description: '列表头部标题文本',
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: false,
+          initialValue: ''
         }
-      },
-      name: 'type',
-      description: '类型',
-      setter: {
-        componentName: 'RadioGroupSetter',
-        props: {
-          dataSource: [{
-            label: '图文',
-            value: 'textAndImg'
-          }, {
-            label: '仅有图片',
-            value: 'imgOnly'
-          }, {
-            label: '仅有文字',
-            value: 'textOnly'
-          }],
-          options: [{
-            label: '图文',
-            value: 'textAndImg'
-          }, {
-            label: '仅有图片',
-            value: 'imgOnly'
-          }, {
-            label: '仅有文字',
-            value: 'textOnly'
-          }]
+      }, {
+        title: '更多文字',
+        name: 'moreText',
+        description: '更多按钮文字，为空时不显示',
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: false,
+          initialValue: ''
+        }
+      }, {
+        title: '文本槽位数',
+        name: 'textLines',
+        description: '每项渲染几个文本字段：2=标题+说明，3=加text3，4=加text3+text4。这是"显示几格"，不是"每格显示几行"——行数截断请到"标题/说明文字样式"分组修改"最大行数"。',
+        setter: {
+          componentName: 'NumberSetter',
+          isRequired: false,
+          initialValue: 2,
+          defaultValue: 2,
+          props: {
+            min: 2,
+            max: 4
+          }
         },
-        initialValue: 'textAndImg'
-      }
-    }, {
-      title: {
-        label: {
-          type: 'i18n',
-          'en-US': 'imagePlacement',
-          'zh-CN': '图片位置'
+        extraProps: {
+          setValue: function setValue(target, value) {
+            var _target$parent, _target$parent$items;
+            target.getProps().setPropValue('textLines', value);
+            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 !== null && dataListBindProp !== void 0 && dataListBindProp.setter) {
+              var baseChildren = [{
+                label: '图片链接',
+                value: 'image'
+              }, {
+                label: '类型',
+                value: 'itemType'
+              }, {
+                label: '标题',
+                value: 'title'
+              }, {
+                label: '说明',
+                value: 'description'
+              }];
+              var textChildren = value > 2 ? Array.from({
+                length: value - 2
+              }).map(function (_, i) {
+                return {
+                  label: "\u6587\u672C" + (i + 3),
+                  value: "text" + (i + 3)
+                };
+              }) : [];
+              dataListBindProp.setter.props.attributes[0].children = [].concat(baseChildren, textChildren);
+            }
+          }
         }
-      },
-      name: 'imagePlacement',
-      description: '图片位置',
-      setter: {
-        componentName: 'RadioGroupSetter',
-        props: {
-          dataSource: [{
-            label: '左',
-            value: 'left'
-          }, {
-            label: '右',
-            value: 'right'
-          }, {
-            label: '上',
-            value: 'top'
-          }, {
-            label: '下',
-            value: 'bottom'
-          }, {
-            label: '无',
-            value: 'none'
-          }],
-          options: [{
-            label: '左',
-            value: 'left'
-          }, {
-            label: '右',
-            value: 'right'
-          }, {
-            label: '上',
-            value: 'top'
-          }, {
-            label: '下',
-            value: 'bottom'
-          }, {
-            label: '无',
-            value: 'none'
-          }]
+      }, {
+        title: '数据源绑定',
+        name: 'dataListBind',
+        setter: {
+          componentName: 'SetterFormVariable',
+          props: {
+            attributes: [{
+              label: '图文数据',
+              value: 'dataList',
+              children: [{
+                label: '图片链接',
+                value: 'image'
+              }, {
+                label: '行类型（值为"开关"时该行显示开关控件）',
+                value: 'itemType'
+              }, {
+                label: '标题',
+                value: 'title'
+              }, {
+                label: '说明',
+                value: 'description'
+              }]
+            }]
+          }
         },
-        initialValue: 'left'
-      },
-      extraProps: {
-        // 引擎已自动 setPropValue('imagePlacement', value)，无需再做任何额外写入
-        // 之前的快照-还原逻辑反而触发多余的 MobX 响应链，导致 dataList 被覆盖
-      }
-    }, {
-      title: '图片宽度',
-      name: 'imgWidth',
-      description: '图片宽度',
-      setter: {
-        componentName: 'NumberSetter',
-        isRequired: false,
-        initialValue: 100
-      },
-      extraProps: {
-        getValue: function getValue(target, value) {
-          var _parsePxNumber;
-          if (value !== undefined) return (_parsePxNumber = parsePxNumber(value)) !== null && _parsePxNumber !== void 0 ? _parsePxNumber : 100;
-          var styleWidth = getImageStyleNumber(target, 'width');
-          if (styleWidth !== undefined) return styleWidth;
-          return 100;
+        extraProps: {}
+      }, {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'dataList',
+            'zh-CN': '静态数据'
+          },
+          tip: 'dataList | 静态数据'
         },
-        setValue: function setValue(target, value) {
-          // 引擎已自动 setPropValue('imgWidth', value)
-          // 只需同步到 Image 子节点的 style
-          var parsedValue = parsePxNumber(value);
-          if (parsedValue !== undefined) {
-            syncImageStyleValue(target, 'width', parsedValue);
+        name: 'dataList',
+        description: '列表静态数据，绑定数据源后此项被覆盖',
+        setter: {
+          componentName: 'ArraySetter',
+          props: {
+            itemSetter: {
+              componentName: 'ObjectSetter',
+              props: {
+                config: {
+                  items: [{
+                    title: {
+                      label: {
+                        type: 'i18n',
+                        'en-US': 'title',
+                        'zh-CN': '标题'
+                      }
+                    },
+                    name: 'title',
+                    setter: {
+                      componentName: 'StringSetter',
+                      isRequired: false,
+                      initialValue: ''
+                    }
+                  }, {
+                    title: {
+                      label: {
+                        type: 'i18n',
+                        'en-US': 'image',
+                        'zh-CN': '图片地址'
+                      }
+                    },
+                    name: 'image',
+                    setter: {
+                      componentName: 'CustomImageSetter',
+                      isRequired: false,
+                      initialValue: ''
+                    }
+                  }, {
+                    title: {
+                      label: {
+                        type: 'i18n',
+                        'en-US': 'description',
+                        'zh-CN': '描述'
+                      }
+                    },
+                    name: 'description',
+                    setter: {
+                      componentName: 'StringSetter',
+                      isRequired: false,
+                      initialValue: ''
+                    }
+                  }, {
+                    title: {
+                      label: {
+                        type: 'i18n',
+                        'en-US': 'text3',
+                        'zh-CN': '文本3'
+                      }
+                    },
+                    name: 'text3',
+                    description: '文本槽位数 ≥ 3 时显示',
+                    setter: {
+                      componentName: 'StringSetter',
+                      isRequired: false,
+                      initialValue: ''
+                    }
+                  }, {
+                    title: {
+                      label: {
+                        type: 'i18n',
+                        'en-US': 'text4',
+                        'zh-CN': '文本4'
+                      }
+                    },
+                    name: 'text4',
+                    description: '文本槽位数 = 4 时显示',
+                    setter: {
+                      componentName: 'StringSetter',
+                      isRequired: false,
+                      initialValue: ''
+                    }
+                  }, {
+                    title: {
+                      label: {
+                        type: 'i18n',
+                        'en-US': 'itemType',
+                        'zh-CN': '行类型'
+                      }
+                    },
+                    name: 'itemType',
+                    description: '值为"开关"时该行显示开关控件，留空为默认文字行',
+                    setter: {
+                      componentName: 'SelectSetter',
+                      props: {
+                        options: [{
+                          label: '默认（文字行）',
+                          value: ''
+                        }, {
+                          label: '开关',
+                          value: '开关'
+                        }]
+                      },
+                      initialValue: ''
+                    }
+                  }],
+                  extraSetter: {
+                    componentName: 'MixedSetter',
+                    isRequired: false,
+                    props: {}
+                  }
+                }
+              }
+            }
+          },
+          initialValue: function initialValue(target) {
+            var _target$node$schema$p, _target$node, _target$node$schema, _target$node$schema$p2, _target$getProps, _target$getProps$call, _target$getProps$call2;
+            var existing = (_target$node$schema$p = target === null || target === void 0 ? void 0 : (_target$node = target.node) === null || _target$node === void 0 ? void 0 : (_target$node$schema = _target$node.schema) === null || _target$node$schema === void 0 ? void 0 : (_target$node$schema$p2 = _target$node$schema.props) === null || _target$node$schema$p2 === void 0 ? void 0 : _target$node$schema$p2.dataList) !== null && _target$node$schema$p !== void 0 ? _target$node$schema$p : target === null || target === void 0 ? void 0 : (_target$getProps = target.getProps) === null || _target$getProps === void 0 ? void 0 : (_target$getProps$call = _target$getProps.call(target)) === null || _target$getProps$call === void 0 ? void 0 : (_target$getProps$call2 = _target$getProps$call.getPropValue) === null || _target$getProps$call2 === void 0 ? void 0 : _target$getProps$call2.call(_target$getProps$call, 'dataList');
+            if (existing !== undefined) return existing;
+            return DEFAULT_DATA_LIST;
           }
-        }
-      }
-    }, {
-      title: '图片高度',
-      name: 'imgHeight',
-      description: '图片高度',
-      setter: {
-        componentName: 'NumberSetter',
-        isRequired: false,
-        initialValue: 100
-      },
-      extraProps: {
-        getValue: function getValue(target, value) {
-          var _parsePxNumber2;
-          if (value !== undefined) return (_parsePxNumber2 = parsePxNumber(value)) !== null && _parsePxNumber2 !== void 0 ? _parsePxNumber2 : 100;
-          var styleHeight = getImageStyleNumber(target, 'height');
-          if (styleHeight !== undefined) return styleHeight;
-          return 100;
         },
-        setValue: function setValue(target, value) {
-          // 引擎已自动 setPropValue('imgHeight', value)
-          // 只需同步到 Image 子节点的 style
-          var parsedValue = parsePxNumber(value);
-          if (parsedValue !== undefined) {
-            syncImageStyleValue(target, 'height', parsedValue);
+        extraProps: {
+          ignoreDefaultValue: function ignoreDefaultValue() {
+            return true;
+          },
+          getValue: function getValue(target, currentValue) {
+            var _target$node2, _target$node2$schema, _target$node2$schema$;
+            if (currentValue !== undefined) return currentValue;
+            var fromSchema = target === null || target === void 0 ? void 0 : (_target$node2 = target.node) === null || _target$node2 === void 0 ? void 0 : (_target$node2$schema = _target$node2.schema) === null || _target$node2$schema === void 0 ? void 0 : (_target$node2$schema$ = _target$node2$schema.props) === null || _target$node2$schema$ === void 0 ? void 0 : _target$node2$schema$.dataList;
+            if (fromSchema !== undefined) return fromSchema;
+            return undefined;
           }
         }
-      }
-    }, {
-      title: '数据源绑定',
-      name: 'dataListBind',
-      setter: {
-        componentName: 'SetterFormVariable',
-        props: {
-          attributes: [{
-            label: '图文数据',
-            value: 'dataList',
-            children: [{
-              label: '图片链接',
-              value: 'image'
+      }, {
+        title: '类型',
+        name: 'type',
+        description: '列表类型',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [{
+              label: '图文',
+              value: 'textAndImg'
             }, {
-              label: '类型',
-              value: 'itemType'
+              label: '仅图片',
+              value: 'imgOnly'
             }, {
-              label: '标题',
-              value: 'title'
+              label: '仅文字',
+              value: 'textOnly'
+            }]
+          },
+          initialValue: 'textAndImg'
+        }
+      }, {
+        title: '是否购物车列表',
+        name: 'isShoppingCart',
+        setter: {
+          componentName: 'BoolSetter',
+          isRequired: true,
+          initialValue: false
+        }
+      }, {
+        title: '是否愿望单列表',
+        name: 'isWishList',
+        setter: {
+          componentName: 'BoolSetter',
+          isRequired: true,
+          initialValue: false
+        }
+      }, {
+        title: '是否用户菜单列表',
+        name: 'isUserMenu',
+        setter: {
+          componentName: 'BoolSetter',
+          isRequired: true,
+          initialValue: false
+        }
+      }]
+    },
+    // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    // 分组二：列表布局
+    // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    {
+      type: 'group',
+      title: '列表布局',
+      display: 'accordion',
+      items: [{
+        title: '子项分布',
+        name: 'itemRowAlign',
+        description: '列方向或横向一行滚动',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [{
+              label: '纵向列表',
+              value: 'column'
             }, {
-              label: '说明',
-              value: 'description'
+              label: '横向滚动',
+              value: 'row'
             }]
-          }]
+          },
+          initialValue: 'column'
         }
-      },
-      extraProps: {
-        setValue: function setValue(target, value) {
-          target.getProps().setPropValue('dataListBind', value);
+      }, {
+        title: '子项列数',
+        name: 'itemColumns',
+        description: '纵向模式时的列数（1-4）',
+        setter: {
+          componentName: 'NumberSetter',
+          isRequired: false,
+          initialValue: function initialValue(target) {
+            var p = target.getProps().getPropValue('imagePlacement');
+            return p === 'top' || p === 'bottom' ? 2 : 1;
+          },
+          defaultValue: function defaultValue(target) {
+            var p = target.getProps().getPropValue('imagePlacement');
+            return p === 'top' || p === 'bottom' ? 2 : 1;
+          },
+          props: {
+            min: 1,
+            max: 4
+          }
         }
-      }
-    }, {
-      title: '标题',
-      name: 'title',
-      description: '标题',
-      setter: {
-        componentName: 'StringSetter',
-        isRequired: false,
-        initialValue: ''
-      }
-    }, {
-      title: {
-        label: {
-          type: 'i18n',
-          'en-US': 'moreText',
-          'zh-CN': '更多文字'
-        },
-        tip: 'moreText | 更多文字'
-      },
-      name: 'moreText',
-      description: '更多文字',
-      setter: {
-        componentName: 'StringSetter',
-        isRequired: false,
-        initialValue: ''
-      }
-    }, {
-      title: '文字行数',
-      name: 'textLines',
-      description: '文字行数',
-      setter: {
-        componentName: 'NumberSetter',
-        isRequired: false,
-        initialValue: 2,
-        defaultValue: 2,
-        props: {
-          min: 2,
-          max: 4
+      }, {
+        title: '子项间距',
+        name: 'itemGap',
+        description: '子项之间的间距（px）',
+        setter: {
+          componentName: 'NumberSetter',
+          isRequired: false,
+          initialValue: 10,
+          defaultValue: 10,
+          props: {
+            min: 0
+          }
         }
-      },
-      extraProps: {
-        setValue: function setValue(target, value) {
-          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$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 = ((_schemaChildren$filte = schemaChildren.filter(function (child) {
-            var _child$props, _child$props$key;
-            return child.componentName === 'NextText' && (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : (_child$props$key = _child$props.key) === null || _child$props$key === void 0 ? void 0 : _child$props$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++) {
-              var _node$children;
-              var newChild = {
-                componentName: 'NextText',
-                props: {
-                  type: 'inherit',
-                  children: '基于 Ali-Lowcode-Engine 快速打造高生产力的低代码研发平台',
-                  key: "text-" + i
-                }
-              };
-              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$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);
-            });
+      }]
+    },
+    // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    // 分组三：列表项样式
+    // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    {
+      type: 'group',
+      title: '子项样式',
+      display: 'accordion',
+      items: [{
+        title: '内边距',
+        name: 'itemPadding',
+        description: '列表项内边距（px）',
+        setter: {
+          componentName: 'NumberSetter',
+          isRequired: false,
+          initialValue: 0,
+          defaultValue: 0,
+          props: {
+            min: 0
+          }
+        }
+      }, {
+        title: '背景颜色',
+        name: 'itemBgColor',
+        description: '列表项背景颜色',
+        setter: {
+          componentName: 'ColorSetter',
+          isRequired: false,
+          initialValue: '#ffffff'
+        }
+      }, {
+        title: '圆角',
+        name: 'itemBorderRadius',
+        description: '列表项圆角（px）',
+        setter: {
+          componentName: 'NumberSetter',
+          isRequired: false,
+          initialValue: 0,
+          defaultValue: 0,
+          props: {
+            min: 0
           }
-
-          // 更新数据源绑定的配置
-          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) {
-            var baseChildren = [{
-              label: '图片链接',
-              value: 'image'
+        }
+      }, {
+        title: '边框颜色',
+        name: 'itemBorderColor',
+        description: '列表项边框颜色',
+        setter: {
+          componentName: 'ColorSetter',
+          isRequired: false,
+          initialValue: ''
+        }
+      }, {
+        title: '边框宽度',
+        name: 'itemBorderWidth',
+        description: '列表项边框宽度（px），设置边框颜色后生效',
+        setter: {
+          componentName: 'NumberSetter',
+          isRequired: false,
+          initialValue: 0,
+          defaultValue: 0,
+          props: {
+            min: 0,
+            max: 10
+          }
+        }
+      }]
+    },
+    // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    // 分组四：图片样式
+    // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    {
+      type: 'group',
+      title: '图片样式',
+      display: 'accordion',
+      items: [{
+        title: '图片位置',
+        name: 'imagePlacement',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [{
+              label: '左',
+              value: 'left'
+            }, {
+              label: '右',
+              value: 'right'
+            }, {
+              label: '上',
+              value: 'top'
             }, {
-              label: '类型',
-              value: 'itemType'
+              label: '下',
+              value: 'bottom'
             }, {
-              label: '标题',
-              value: 'title'
+              label: '无',
+              value: 'none'
+            }]
+          },
+          initialValue: 'left'
+        },
+        extraProps: {}
+      }, {
+        title: '图文对齐',
+        name: 'textAlign',
+        description: '图片与文字的交叉轴对齐方式',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [{
+              label: '顶对齐',
+              value: 'flex-start'
+            }, {
+              label: '居中',
+              value: 'center'
             }, {
-              label: '说明',
-              value: 'description'
-            }];
-
-            // 只有当value大于2时才添加额外的文本字段
-            var textChildren = value > 2 ? Array.from({
-              length: value - 2
-            }).map(function (_, index) {
-              return {
-                label: "\u6587\u672C" + (index + 3),
-                value: "text" + (index + 3)
-              };
-            }) : [];
-
-            // 更新setter的attributes
-            dataListBindProp.setter.props.attributes[0].children = [].concat(baseChildren, textChildren);
+              label: '底对齐',
+              value: 'flex-end'
+            }]
+          },
+          initialValue: 'flex-start'
+        }
+      }, {
+        title: '图文间距',
+        name: 'textImgGap',
+        description: '图片与文字区域之间的间距（px）',
+        setter: {
+          componentName: 'NumberSetter',
+          isRequired: false,
+          initialValue: 16,
+          defaultValue: 16,
+          props: {
+            min: 0
           }
         }
-      }
-    }, {
-      title: '子项列数',
-      name: 'itemColumns',
-      description: '子项列数',
-      setter: {
-        componentName: 'NumberSetter',
-        isRequired: false,
-        initialValue: function initialValue(target) {
-          var isTwoColumns = target.getProps().getPropValue('imagePlacement') === 'top' || target.getProps().getPropValue('imagePlacement') === 'bottom';
-          return isTwoColumns ? 2 : 1;
-        },
-        defaultValue: function defaultValue(target) {
-          var isTwoColumns = target.getProps().getPropValue('imagePlacement') === 'top' || target.getProps().getPropValue('imagePlacement') === 'bottom';
-          return isTwoColumns ? 2 : 1;
+      }, {
+        title: '宽度',
+        name: 'imgWidth',
+        description: '图片宽度（px）',
+        setter: {
+          componentName: 'NumberSetter',
+          isRequired: false,
+          initialValue: 100,
+          props: {
+            min: 10
+          }
         },
-        props: {
-          min: 1,
-          max: 2
+        extraProps: {
+          ignoreDefaultValue: function ignoreDefaultValue() {
+            return true;
+          },
+          getValue: function getValue(target, value) {
+            var _target$node3, _target$node3$schema, _target$node3$schema$;
+            var parsed = parsePxNumber(value);
+            if (parsed !== undefined) return parsed;
+            var fromSchema = parsePxNumber(target === null || target === void 0 ? void 0 : (_target$node3 = target.node) === null || _target$node3 === void 0 ? void 0 : (_target$node3$schema = _target$node3.schema) === null || _target$node3$schema === void 0 ? void 0 : (_target$node3$schema$ = _target$node3$schema.props) === null || _target$node3$schema$ === void 0 ? void 0 : _target$node3$schema$.imgWidth);
+            if (fromSchema !== undefined) return fromSchema;
+            return 100;
+          }
         }
-      }
-    }, {
-      title: '子项间距',
-      name: 'itemGap',
-      description: '子项间距',
-      setter: {
-        componentName: 'NumberSetter',
-        isRequired: false,
-        initialValue: 10,
-        defaultValue: 10
-      }
-    }, {
-      title: '子项内边距',
-      name: 'itemPadding',
-      description: '子项内边距',
-      setter: {
-        componentName: 'NumberSetter',
-        isRequired: false,
-        initialValue: 0,
-        defaultValue: 0
-      }
-    }, {
-      title: '子项背景颜色',
-      name: 'itemBgColor',
-      description: '子项背景颜色',
-      setter: {
-        componentName: 'ColorSetter',
-        isRequired: false,
-        initialValue: '#fff',
-        defaultValue: '#fff'
-      }
-    }, {
-      title: '子项分布',
-      name: 'itemRowAlign',
-      description: '子项分布',
-      setter: {
-        componentName: 'SelectSetter',
-        props: {
-          options: [{
-            label: '列分布',
-            value: 'column'
-          }, {
-            label: '一行显示',
-            value: 'row'
-          }]
-        },
-        initialValue: 'column'
-      }
-    }, {
-      title: '图文对齐方式',
-      name: 'textAlign',
-      description: '图文对齐方式',
-      setter: {
-        componentName: 'SelectSetter',
-        props: {
-          options: [{
-            label: '左对齐',
-            value: 'flex-start'
-          }, {
-            label: '右对齐',
-            value: 'flex-end'
-          }, {
-            label: '居中对齐',
-            value: 'center'
-          }]
+      }, {
+        title: '高度',
+        name: 'imgHeight',
+        description: '图片高度（px）',
+        setter: {
+          componentName: 'NumberSetter',
+          isRequired: false,
+          initialValue: 100,
+          props: {
+            min: 10
+          }
         },
-        initialValue: 'flex-start'
-      }
-    }, {
-      title: '图文间距',
-      name: 'textImgGap',
-      description: '图文间距',
-      setter: {
-        componentName: 'NumberSetter',
-        isRequired: false,
-        initialValue: 0,
-        defaultValue: 0
-      }
-    }, {
-      title: '图标配置',
+        extraProps: {
+          ignoreDefaultValue: function ignoreDefaultValue() {
+            return true;
+          },
+          getValue: function getValue(target, value) {
+            var _target$node4, _target$node4$schema, _target$node4$schema$;
+            var parsed = parsePxNumber(value);
+            if (parsed !== undefined) return parsed;
+            var fromSchema = parsePxNumber(target === null || target === void 0 ? void 0 : (_target$node4 = target.node) === null || _target$node4 === void 0 ? void 0 : (_target$node4$schema = _target$node4.schema) === null || _target$node4$schema === void 0 ? void 0 : (_target$node4$schema$ = _target$node4$schema.props) === null || _target$node4$schema$ === void 0 ? void 0 : _target$node4$schema$.imgHeight);
+            if (fromSchema !== undefined) return fromSchema;
+            return 100;
+          }
+        }
+      }, {
+        title: '圆角',
+        name: 'imgBorderRadius',
+        description: '图片圆角（px），设为 999 可得到圆形',
+        setter: {
+          componentName: 'NumberSetter',
+          isRequired: false,
+          initialValue: 0,
+          defaultValue: 0,
+          props: {
+            min: 0
+          }
+        }
+      }, {
+        title: '填充方式',
+        name: 'imgObjectFit',
+        description: '图片在容器内的填充方式',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [{
+              label: '覆盖',
+              value: 'cover'
+            }, {
+              label: '适应',
+              value: 'contain'
+            }, {
+              label: '拉伸',
+              value: 'fill'
+            }, {
+              label: '原始',
+              value: 'none'
+            }]
+          },
+          initialValue: 'cover'
+        }
+      }]
+    },
+    // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    // 分组五：标题文字样式
+    // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    {
+      type: 'group',
+      title: '标题文字样式',
+      display: 'accordion',
+      items: [{
+        title: '颜色',
+        name: 'titleColor',
+        setter: {
+          componentName: 'ColorSetter',
+          isRequired: false,
+          initialValue: ''
+        }
+      }, {
+        title: '字体大小',
+        name: 'titleFontSize',
+        description: '标题字体大小（px）',
+        setter: {
+          componentName: 'NumberSetter',
+          isRequired: false,
+          initialValue: 14,
+          defaultValue: 14,
+          props: {
+            min: 10,
+            max: 60
+          }
+        }
+      }, {
+        title: '字重',
+        name: 'titleFontWeight',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [{
+              label: '常规',
+              value: 'normal'
+            }, {
+              label: '中等',
+              value: '500'
+            }, {
+              label: '半粗',
+              value: '600'
+            }, {
+              label: '粗体',
+              value: 'bold'
+            }]
+          },
+          initialValue: '600'
+        }
+      }, {
+        title: '最大行数',
+        name: 'titleLineClamp',
+        description: '超出后显示省略号，0 表示不限制',
+        setter: {
+          componentName: 'NumberSetter',
+          isRequired: false,
+          initialValue: 1,
+          defaultValue: 1,
+          props: {
+            min: 0,
+            max: 10
+          }
+        }
+      }]
+    },
+    // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    // 分组六：说明文字样式
+    // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    {
+      type: 'group',
+      title: '说明文字样式',
+      display: 'accordion',
+      items: [{
+        title: '颜色',
+        name: 'descriptionColor',
+        setter: {
+          componentName: 'ColorSetter',
+          isRequired: false,
+          initialValue: ''
+        }
+      }, {
+        title: '字体大小',
+        name: 'descriptionFontSize',
+        description: '说明字体大小（px）',
+        setter: {
+          componentName: 'NumberSetter',
+          isRequired: false,
+          initialValue: 13,
+          defaultValue: 13,
+          props: {
+            min: 10,
+            max: 60
+          }
+        }
+      }, {
+        title: '字重',
+        name: 'descriptionFontWeight',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [{
+              label: '常规',
+              value: 'normal'
+            }, {
+              label: '中等',
+              value: '500'
+            }, {
+              label: '半粗',
+              value: '600'
+            }, {
+              label: '粗体',
+              value: 'bold'
+            }]
+          },
+          initialValue: 'normal'
+        }
+      }, {
+        title: '最大行数',
+        name: 'descriptionLineClamp',
+        description: '超出后显示省略号，0 表示不限制',
+        setter: {
+          componentName: 'NumberSetter',
+          isRequired: false,
+          initialValue: 1,
+          defaultValue: 1,
+          props: {
+            min: 0,
+            max: 10
+          }
+        }
+      }]
+    },
+    // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    // 浮层图标
+    // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    {
+      title: '浮层图标',
       name: 'iconList',
+      description: '在每个列表项上叠加绝对定位图标（如角标、标签等）',
       extraProps: {
         display: 'accordion',
-        defaultCollapsed: false
+        defaultCollapsed: true
       },
       setter: {
         componentName: 'ArraySetter',
@@ -586,138 +855,6 @@ var TeletextListMeta = {
           }
         }
       }
-    }, {
-      title: '是否为购物车列表',
-      name: 'isShoppingCart',
-      description: '是否为购物车列表',
-      setter: {
-        componentName: 'BoolSetter',
-        isRequired: true,
-        initialValue: false
-      }
-    }, {
-      title: '是否为愿望单列表',
-      name: 'isWishList',
-      description: '是否为愿望单列表',
-      setter: {
-        componentName: 'BoolSetter',
-        isRequired: true,
-        initialValue: false
-      }
-    }, {
-      title: '是否为用户菜单列表',
-      name: 'isUserMenu',
-      description: '是否为用户菜单列表',
-      setter: {
-        componentName: 'BoolSetter',
-        isRequired: true,
-        initialValue: false
-      }
-    }, {
-      title: {
-        label: {
-          type: 'i18n',
-          'en-US': 'dataList',
-          'zh-CN': '数据'
-        },
-        tip: 'dataList | 数据'
-      },
-      name: 'dataList',
-      description: '数据',
-      setter: {
-        componentName: 'ArraySetter',
-        props: {
-          itemSetter: {
-            componentName: 'ObjectSetter',
-            props: {
-              config: {
-                items: [{
-                  title: {
-                    label: {
-                      type: 'i18n',
-                      'en-US': 'title',
-                      'zh-CN': '标题'
-                    }
-                  },
-                  name: 'title',
-                  description: '标题',
-                  setter: {
-                    componentName: 'StringSetter',
-                    isRequired: false,
-                    initialValue: ''
-                  }
-                }, {
-                  title: {
-                    label: {
-                      type: 'i18n',
-                      'en-US': 'image',
-                      'zh-CN': '图片地址'
-                    }
-                  },
-                  name: 'image',
-                  description: '图片地址',
-                  setter: {
-                    componentName: 'CustomImageSetter',
-                    isRequired: false,
-                    initialValue: ''
-                  }
-                }, {
-                  title: {
-                    label: {
-                      type: 'i18n',
-                      'en-US': 'description',
-                      'zh-CN': '描述'
-                    }
-                  },
-                  name: 'description',
-                  description: '描述',
-                  setter: {
-                    componentName: 'StringSetter',
-                    isRequired: false,
-                    initialValue: ''
-                  }
-                }],
-                extraSetter: {
-                  componentName: 'MixedSetter',
-                  isRequired: false,
-                  props: {}
-                }
-              }
-            }
-          }
-        },
-        initialValue: function initialValue(target) {
-          var _target$node$schema$p, _target$node3, _target$node3$schema, _target$node3$schema$, _target$getProps2, _target$getProps2$cal, _target$getProps2$cal2;
-          // ignoreDefaultValue: () => true 保证此函数在 SettingFieldView remount 时
-          // 永远不会被 initDefaultValue 调用，仅作为安全兜底保留。
-          // 正常的首次创建数据由 snippet.props.dataList 提供。
-          var existing = (_target$node$schema$p = target === null || target === void 0 ? void 0 : (_target$node3 = target.node) === null || _target$node3 === void 0 ? void 0 : (_target$node3$schema = _target$node3.schema) === null || _target$node3$schema === void 0 ? void 0 : (_target$node3$schema$ = _target$node3$schema.props) === null || _target$node3$schema$ === void 0 ? void 0 : _target$node3$schema$.dataList) !== null && _target$node$schema$p !== void 0 ? _target$node$schema$p : 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');
-          if (existing !== undefined) return existing;
-          return DEFAULT_DATA_LIST;
-        }
-      },
-      extraProps: {
-        /**
-         * ignoreDefaultValue: 彻底阻止引擎在 SettingFieldView remount 时
-         * 调用 initDefaultValue → 把 initialValue（默认数据数组）通过 field.setValue
-         * 写入 dataList prop，覆盖已绑定的 JSExpression。
-         *
-         * 这是根本性解决方案：在引擎层面阻断 initDefaultValue 的执行，
-         * 而不是试图在 initialValue/getValue/setValue 中做缓存和还原来补救。
-         */
-        ignoreDefaultValue: function ignoreDefaultValue() {
-          return true;
-        },
-        getValue: function getValue(target, currentValue) {
-          var _target$node4, _target$node4$schema, _target$node4$schema$;
-          // currentValue 已有值时直接返回
-          if (currentValue !== undefined) return currentValue;
-          // 从 schema 快照兜底读取（最可靠的源头数据，始终反映持久化状态）
-          var fromSchema = target === null || target === void 0 ? void 0 : (_target$node4 = target.node) === null || _target$node4 === void 0 ? void 0 : (_target$node4$schema = _target$node4.schema) === null || _target$node4$schema === void 0 ? void 0 : (_target$node4$schema$ = _target$node4$schema.props) === null || _target$node4$schema$ === void 0 ? void 0 : _target$node4$schema$.dataList;
-          if (fromSchema !== undefined) return fromSchema;
-          return undefined;
-        }
-      }
     }],
     supports: {
       style: true,
@@ -757,106 +894,9 @@ var getSnippets = function getSnippets(textLines) {
         // 因为 dataList 使用了 ignoreDefaultValue:()=>true 来阻止引擎在
         // SettingFieldView remount 时覆盖已绑定的 JSExpression，
         // 所以 initDefaultValue 永远不会运行，首次拖入的初始数据必须由 snippet 提供。
-        dataList: DEFAULT_DATA_LIST
-      },
-      children: [{
-        componentName: 'NextText',
-        props: {
-          type: 'h5',
-          children: '列表标题',
-          key: 'box-title',
-          style: {
-            fontSize: '16px',
-            fontWeight: 'bold'
-          }
-        }
-      }, {
-        componentName: 'Image',
-        props: {
-          imgSrc: 'https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg',
-          key: 'image'
-        }
-      },
-      // 动态生成文本组件
-      // ...Array.from({ length: textLines }).map((_, index) => ({
-      //   componentName: 'NextText',
-      //   props: {
-      //     type: index === 0 ? 'h5' : 'inherit',
-      //     children:
-      //       index === 0
-      //         ? '标题标题'
-      //         : '基于1 Ali-Lowcode-Engine 快速打造高生产力的低代码研发平台, 基于自然布局体系快速搭建页面',
-      //     key: `text-${index + 1}`,
-      //   },
-      // })),
-      {
-        componentName: 'NextText',
-        props: {
-          type: 'h5',
-          children: '标题标题',
-          key: "text-1"
-        }
-      }, {
-        componentName: 'NextText',
-        props: {
-          type: 'inherit',
-          children: '基于1 Ali-Lowcode-Engine 快速打造高生产力的低代码研发平台, 基于自然布局体系快速搭建页面',
-          key: "text-2"
-        }
-      }, {
-        componentName: 'NextText',
-        props: {
-          type: 'inherit',
-          children: '基于1 Ali-Lowcode-Engine 快速打造高生产力的低代码研发平台, 基于自然布局体系快速搭建页面',
-          key: "text-3"
-        }
-      }, {
-        componentName: 'NextText',
-        props: {
-          type: 'inherit',
-          children: '基于1 Ali-Lowcode-Engine 快速打造高生产力的低代码研发平台, 基于自然布局体系快速搭建页面',
-          key: "text-4"
-        }
-      }, {
-        componentName: 'Select',
-        props: {
-          popType: 'dialog',
-          selectType: 'number',
-          value: 1,
-          prefix: '数量: ',
-          dialogTitle: '选择数量',
-          btnText: '确定',
-          key: 'select-box-1'
-        }
-      }, {
-        componentName: 'Select',
-        props: {
-          popType: 'dialog',
-          selectType: 'string',
-          dataList: [{
-            label: 'M',
-            value: 'M'
-          }, {
-            label: 'X',
-            value: 'X'
-          }, {
-            label: 'XL',
-            value: 'XL'
-          }],
-          value: 'X',
-          prefix: '尺码: ',
-          dialogTitle: '选择尺码',
-          btnText: '确定',
-          key: 'select-box-2'
-        }
-      }, {
-        componentName: 'Switch',
-        props: {
-          size: 'small',
-          disabled: false,
-          key: 'switch-1'
-        }
-      }]
+        dataList: DEFAULT_DATA_LIST,
+        title: '列表标题'
+      }
     }
   }];
 };