@dckj-npm/dc-material 0.1.360 → 0.1.361

package/es/components/teletext-list/teletext-list-item.js

@@ -39,8 +39,10 @@ var TeletextListItem = function TeletextListItem(_ref) {
     _ref$textImgGap = _ref.textImgGap,
     textImgGap = _ref$textImgGap === void 0 ? 16 : _ref$textImgGap,
     otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  // 处理图片地址，兼容字符串和数组
-  var resultImage = Array.isArray(image) ? image.length > 0 ? image[0] : '' : typeof image === 'string' ? image : '';
+  // 处理图片地址，兼容字符串和数组，优先取第一个有效字符串
+  var resultImage = Array.isArray(image) ? image.find(function (item) {
+    return typeof item === 'string' && item.trim();
+  }) || '' : typeof image === 'string' ? image : '';
   var _otherProps = otherProps || {};
   var tagColorArray = ['orange', 'green'];
   var tagList = (typeof tags === 'string' ? tags.split(',') : []).map(function (tag) {
@@ -50,13 +52,17 @@ var TeletextListItem = function TeletextListItem(_ref) {
   });
 
   // console.log('itemType', itemType)
-  var containerClass = "teletext-list__panel__item image-" + imagePlacement + " itemColumns-" + itemColumns;
+  var containerClass = "teletext-list__panel__item image-" + imagePlacement + " itemColumns-" + itemColumns + " type-" + type;
   var containerStyle = _extends({
     padding: itemPadding + "px",
     backgroundColor: itemBgColor,
     alignItems: textAlign,
     gap: textImgGap + "px"
   }, style);
+  var imageStyle = {
+    width: imgWidth + "px",
+    height: imgHeight + "px"
+  };
 
   // 生成图标样式
   var getIconStyle = function getIconStyle(icon) {
@@ -111,10 +117,7 @@ var TeletextListItem = function TeletextListItem(_ref) {
   }, _otherProps), resultImage && (imagePlacement === 'left' || imagePlacement === 'top') && type !== 'textOnly' ? convertChildren(children, 'image', {
     imgSrc: resultImage,
     className: 'teletext-list__panel__item_image',
-    style: {
-      width: imgWidth + "px",
-      height: imgHeight + "px"
-    }
+    style: imageStyle
   }) : null, type !== 'imgOnly' && itemType === '开关' && /*#__PURE__*/React.createElement("div", {
     className: "teletext-list__panel__item__switch",
     style: {
@@ -212,7 +215,8 @@ var TeletextListItem = function TeletextListItem(_ref) {
     alt: ""
   }), "Remove"))), resultImage && (imagePlacement === 'right' || imagePlacement === 'bottom') && type !== 'textOnly' ? convertChildren(children, 'image', {
     imgSrc: resultImage,
-    className: 'teletext-list__panel__item_image'
+    className: 'teletext-list__panel__item_image',
+    style: imageStyle
   }) : null, iconList === null || iconList === void 0 ? void 0 : iconList.map(function (icon, index) {
     return /*#__PURE__*/React.createElement("div", {
       key: index,

package/es/components/teletext-list/teletext-list-item.scss

@@ -7,7 +7,22 @@
   gap: 5px;
   // padding-bottom: 10px;
   justify-content: flex-start;
+  align-items: flex-start;
   background-color: #f8f9fb;
+
+  &.type-imgOnly {
+    .teletext-list__panel__item_image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  &.type-textOnly {
+    .teletext-list__panel__item__text {
+      width: 100%;
+      flex: 1;
+    }
+  }
   
   .teletext-list__panel__item_image {
     width: 100px;
@@ -28,6 +43,7 @@
   .teletext-list__panel__item__text {
     display: flex;
     flex-direction: column;
+    flex: 1;
     gap: 3px;
 
     .teletext-list__panel__item__text__item {