@dckj-npm/dc-material 0.1.40 → 0.1.42

package/es/components/goods-card-list/goods-card-list-common.d.ts

@@ -0,0 +1,5 @@
+import type { GoodsCardListProps } from './types';
+import React from 'react';
+import './goods-card-list-common.scss';
+declare const GoodsCardListCommon: React.FC<GoodsCardListProps>;
+export default GoodsCardListCommon;

package/es/components/goods-card-list/goods-card-list-common.js

@@ -0,0 +1,52 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["dataList", "maxSales", "onClick"];
+import React from 'react';
+import Carousel from "../carousel/carousel";
+import "./goods-card-list-common.scss";
+var GoodsCardListCommon = function GoodsCardListCommon(_ref) {
+  var _ref$dataList = _ref.dataList,
+    dataList = _ref$dataList === void 0 ? [] : _ref$dataList,
+    _ref$maxSales = _ref.maxSales,
+    maxSales = _ref$maxSales === void 0 ? 1000 : _ref$maxSales,
+    _ref$onClick = _ref.onClick,
+    _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "card-list-goods-common__container"
+  }, _otherProps), dataList.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: item.key,
+      className: "card-list-goods__item",
+      onClick: function onClick() {
+        return _onClick(item);
+      }
+    }, item.imageList && item.imageList.length > 0 && /*#__PURE__*/React.createElement("div", {
+      className: "card-list-goods__image"
+    }, /*#__PURE__*/React.createElement(Carousel, {
+      images: item.imageList,
+      interval: 3000
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "card-list-goods__content"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "card-list-goods__title"
+    }, item.title), /*#__PURE__*/React.createElement("div", {
+      className: "card-list-goods__desc"
+    }, item.desc), /*#__PURE__*/React.createElement("div", {
+      className: "card-list-goods__bottom"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "card-list-goods__unit"
+    }, "\uFFE5"), /*#__PURE__*/React.createElement("div", {
+      className: "card-list-goods__price"
+    }, item.activePrice || item.price), item.activePrice && /*#__PURE__*/React.createElement("div", {
+      className: "card-list-goods__unit__delete"
+    }, "\uFFE5"), item.activePrice && /*#__PURE__*/React.createElement("div", {
+      className: "card-list-goods__price__delete"
+    }, item.price), /*#__PURE__*/React.createElement("div", {
+      className: "card-list-goods__sales"
+    }, "\u5DF2\u552E", item.sales > maxSales ? maxSales + "+" : item.sales))));
+  }));
+};
+GoodsCardListCommon.displayName = 'GoodsCardListCommon';
+export default GoodsCardListCommon;

package/es/components/goods-card-list/goods-card-list-common.scss

@@ -0,0 +1,119 @@
+.card-list-goods-common__container {
+  display: grid;
+  grid-template-columns:repeat(2, minmax(0, 1fr));
+  row-gap: 12px;
+  column-gap: 10px;
+  width: 100%;
+
+  & > .card-list-goods__item {
+    box-sizing: border-box;
+    transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
+    overflow: hidden;
+    border-radius: 8px;
+    --un-shadow: var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)), var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+
+    & > .card-list-goods__image {
+      height: 200px;
+      width: 100%;
+      overflow: hidden;
+      display: flex;
+
+      & > img {
+        height: 100%;
+        width: 100%;
+        object-fit: cover;
+        //object-position: center;
+        object-position: 50% 50%;
+      }
+    }
+
+    & > .card-list-goods__content {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      padding: 0.5rem;
+
+      .card-list-goods__title {
+        overflow: hidden;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        line-clamp: 2;
+        margin-top: 0.25rem;
+        margin-bottom: 0.25rem;
+        font-size: 14px;
+        font-weight: 700;
+      }
+
+      .card-list-goods__desc {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        line-clamp: 2;
+        margin-top: 0.25rem;
+        margin-bottom: 0.25rem;
+        font-size: 12px;
+        color: #333333;
+      }
+
+      .card-list-goods__bottom {
+        margin-top: 0.25rem;
+        margin-bottom: 0.25rem;
+        display: flex;
+        align-items: baseline;
+        flex-wrap: wrap;
+        row-gap: 0.5rem;
+
+        & > div {
+          display: flex;
+        }
+
+        .card-list-goods__unit {
+          font-size: 12px;
+          color: #F57D51;
+          font-weight: 700;
+          line-height: 1;
+
+          &__delete {
+            margin-left: 0;
+            font-size: 14px;
+            color: #666666;
+            line-height: 1;
+            text-decoration: line-through
+          }
+
+        }
+
+        .card-list-goods__price {
+          font-size: 17px;
+          color: #F57D51;
+          font-weight: 700;
+          line-height: 1;
+
+          &__delete {
+            margin-left: 0;
+            font-size: 14px;
+            color: #666666;
+            line-height: 1;
+            text-decoration: line-through
+          }
+        }
+
+        .card-list-goods__sales {
+          margin-left: 3px;
+          font-size: 12px;
+          color: #666666;
+          line-height: 1;
+        }
+
+      }
+
+    }
+
+  }
+
+}
+
+
+

package/es/components/goods-card-list/index.d.ts

@@ -1,3 +1,4 @@
 import GoodsCardList from './goods-card-list';
+import GoodsCardListCommon from './goods-card-list-common';
 export type { GoodsCardListItemProps, GoodsCardListProps } from './types';
-export { GoodsCardList };
+export { GoodsCardList, GoodsCardListCommon };

package/es/components/goods-card-list/index.js

@@ -1,2 +1,3 @@
 import GoodsCardList from "./goods-card-list";
-export { GoodsCardList };
+import GoodsCardListCommon from "./goods-card-list-common";
+export { GoodsCardList, GoodsCardListCommon };

package/es/components/rich-text/index.scss

@@ -1,8 +1,15 @@
 .rich-text {
+  width: 100%;
   display: flex;
   flex-direction: column;
   padding: 10px; /* 添加内边距 */
   margin: 0; /* 去除外边距 */
   word-break: break-word; /* 处理长单词换行 */
   overflow-wrap: break-word; /* 支持长单词换行 */
+  overflow: hidden; /* 隐藏超出部分 */
+}
+img {
+  max-width: 100%;
+  height: auto; /* 保持纵横比 */
+  object-fit: contain; /* 确保图片保持在容器内 */
 }

package/es/index.d.ts

@@ -35,7 +35,7 @@ export { default as Button2 } from './components/button';
 export type { RadioGroupProps, RadioGroupItemProps } from './components/radio-group';
 export { CustomRadioGroup, CustomRadioGroupItem } from './components/radio-group';
 export type { GoodsCardListProps } from './components/goods-card-list';
-export { GoodsCardList } from './components/goods-card-list';
+export { GoodsCardList, GoodsCardListCommon } from './components/goods-card-list';
 export type { RichTextProps } from './components/rich-text';
 export { RichText } from './components/rich-text';
 declare const bizCssPrefix = "bizpack";

package/es/index.js

@@ -69,7 +69,7 @@ export { CustomRadioGroup, CustomRadioGroupItem } from "./components/radio-group
 
 // 商品卡片列表
 
-export { GoodsCardList } from "./components/goods-card-list";
+export { GoodsCardList, GoodsCardListCommon } from "./components/goods-card-list";
 
 // 富文本
 

package/lib/components/goods-card-list/goods-card-list-common.d.ts

@@ -0,0 +1,5 @@
+import type { GoodsCardListProps } from './types';
+import React from 'react';
+import './goods-card-list-common.scss';
+declare const GoodsCardListCommon: React.FC<GoodsCardListProps>;
+export default GoodsCardListCommon;

package/lib/components/goods-card-list/goods-card-list-common.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _carousel = _interopRequireDefault(require("../carousel/carousel"));
+require("./goods-card-list-common.scss");
+var _excluded = ["dataList", "maxSales", "onClick"];
+var GoodsCardListCommon = function GoodsCardListCommon(_ref) {
+  var _ref$dataList = _ref.dataList,
+    dataList = _ref$dataList === void 0 ? [] : _ref$dataList,
+    _ref$maxSales = _ref.maxSales,
+    maxSales = _ref$maxSales === void 0 ? 1000 : _ref$maxSales,
+    _ref$onClick = _ref.onClick,
+    _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "card-list-goods-common__container"
+  }, _otherProps), dataList.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.key,
+      className: "card-list-goods__item",
+      onClick: function onClick() {
+        return _onClick(item);
+      }
+    }, item.imageList && item.imageList.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "card-list-goods__image"
+    }, /*#__PURE__*/_react["default"].createElement(_carousel["default"], {
+      images: item.imageList,
+      interval: 3000
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "card-list-goods__content"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "card-list-goods__title"
+    }, item.title), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "card-list-goods__desc"
+    }, item.desc), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "card-list-goods__bottom"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "card-list-goods__unit"
+    }, "\uFFE5"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "card-list-goods__price"
+    }, item.activePrice || item.price), item.activePrice && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "card-list-goods__unit__delete"
+    }, "\uFFE5"), item.activePrice && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "card-list-goods__price__delete"
+    }, item.price), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "card-list-goods__sales"
+    }, "\u5DF2\u552E", item.sales > maxSales ? maxSales + "+" : item.sales))));
+  }));
+};
+GoodsCardListCommon.displayName = 'GoodsCardListCommon';
+var _default = exports["default"] = GoodsCardListCommon;

package/lib/components/goods-card-list/goods-card-list-common.scss

@@ -0,0 +1,119 @@
+.card-list-goods-common__container {
+  display: grid;
+  grid-template-columns:repeat(2, minmax(0, 1fr));
+  row-gap: 12px;
+  column-gap: 10px;
+  width: 100%;
+
+  & > .card-list-goods__item {
+    box-sizing: border-box;
+    transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
+    overflow: hidden;
+    border-radius: 8px;
+    --un-shadow: var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)), var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+
+    & > .card-list-goods__image {
+      height: 200px;
+      width: 100%;
+      overflow: hidden;
+      display: flex;
+
+      & > img {
+        height: 100%;
+        width: 100%;
+        object-fit: cover;
+        //object-position: center;
+        object-position: 50% 50%;
+      }
+    }
+
+    & > .card-list-goods__content {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      padding: 0.5rem;
+
+      .card-list-goods__title {
+        overflow: hidden;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        line-clamp: 2;
+        margin-top: 0.25rem;
+        margin-bottom: 0.25rem;
+        font-size: 14px;
+        font-weight: 700;
+      }
+
+      .card-list-goods__desc {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        line-clamp: 2;
+        margin-top: 0.25rem;
+        margin-bottom: 0.25rem;
+        font-size: 12px;
+        color: #333333;
+      }
+
+      .card-list-goods__bottom {
+        margin-top: 0.25rem;
+        margin-bottom: 0.25rem;
+        display: flex;
+        align-items: baseline;
+        flex-wrap: wrap;
+        row-gap: 0.5rem;
+
+        & > div {
+          display: flex;
+        }
+
+        .card-list-goods__unit {
+          font-size: 12px;
+          color: #F57D51;
+          font-weight: 700;
+          line-height: 1;
+
+          &__delete {
+            margin-left: 0;
+            font-size: 14px;
+            color: #666666;
+            line-height: 1;
+            text-decoration: line-through
+          }
+
+        }
+
+        .card-list-goods__price {
+          font-size: 17px;
+          color: #F57D51;
+          font-weight: 700;
+          line-height: 1;
+
+          &__delete {
+            margin-left: 0;
+            font-size: 14px;
+            color: #666666;
+            line-height: 1;
+            text-decoration: line-through
+          }
+        }
+
+        .card-list-goods__sales {
+          margin-left: 3px;
+          font-size: 12px;
+          color: #666666;
+          line-height: 1;
+        }
+
+      }
+
+    }
+
+  }
+
+}
+
+
+

package/lib/components/goods-card-list/index.d.ts

@@ -1,3 +1,4 @@
 import GoodsCardList from './goods-card-list';
+import GoodsCardListCommon from './goods-card-list-common';
 export type { GoodsCardListItemProps, GoodsCardListProps } from './types';
-export { GoodsCardList };
+export { GoodsCardList, GoodsCardListCommon };

package/lib/components/goods-card-list/index.js

@@ -3,4 +3,6 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 var _goodsCardList = _interopRequireDefault(require("./goods-card-list"));
-exports.GoodsCardList = _goodsCardList["default"];
+exports.GoodsCardList = _goodsCardList["default"];
+var _goodsCardListCommon = _interopRequireDefault(require("./goods-card-list-common"));
+exports.GoodsCardListCommon = _goodsCardListCommon["default"];

package/lib/components/rich-text/index.scss

@@ -1,8 +1,15 @@
 .rich-text {
+  width: 100%;
   display: flex;
   flex-direction: column;
   padding: 10px; /* 添加内边距 */
   margin: 0; /* 去除外边距 */
   word-break: break-word; /* 处理长单词换行 */
   overflow-wrap: break-word; /* 支持长单词换行 */
+  overflow: hidden; /* 隐藏超出部分 */
+}
+img {
+  max-width: 100%;
+  height: auto; /* 保持纵横比 */
+  object-fit: contain; /* 确保图片保持在容器内 */
 }

package/lib/index.d.ts

@@ -35,7 +35,7 @@ export { default as Button2 } from './components/button';
 export type { RadioGroupProps, RadioGroupItemProps } from './components/radio-group';
 export { CustomRadioGroup, CustomRadioGroupItem } from './components/radio-group';
 export type { GoodsCardListProps } from './components/goods-card-list';
-export { GoodsCardList } from './components/goods-card-list';
+export { GoodsCardList, GoodsCardListCommon } from './components/goods-card-list';
 export type { RichTextProps } from './components/rich-text';
 export { RichText } from './components/rich-text';
 declare const bizCssPrefix = "bizpack";

package/lib/index.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.bizCssPrefix = exports.Title2 = exports.Title1 = exports.TeletextList = exports.TagC = exports.TabMessage = exports.TabContainerItem = exports.TabContainer = exports.Swiper = exports.SearchBar = exports.RichText = exports.Position = exports.NoticeBar = exports.Navigation = exports.MessageList = exports.MenuList = exports.IntegralTask = exports.GridNav = exports.GoodsCardList = exports.CustomRadioGroupItem = exports.CustomRadioGroup = exports.Button2 = void 0;
+exports.bizCssPrefix = exports.Title2 = exports.Title1 = exports.TeletextList = exports.TagC = exports.TabMessage = exports.TabContainerItem = exports.TabContainer = exports.Swiper = exports.SearchBar = exports.RichText = exports.Position = exports.NoticeBar = exports.Navigation = exports.MessageList = exports.MenuList = exports.IntegralTask = exports.GridNav = exports.GoodsCardListCommon = exports.GoodsCardList = exports.CustomRadioGroupItem = exports.CustomRadioGroup = exports.Button2 = void 0;
 var _swiper = _interopRequireDefault(require("./components/swiper"));
 exports.Swiper = _swiper["default"];
 var _bottomNavigation = _interopRequireDefault(require("./components/bottom-navigation"));
@@ -41,6 +41,7 @@ exports.CustomRadioGroup = _radioGroup.CustomRadioGroup;
 exports.CustomRadioGroupItem = _radioGroup.CustomRadioGroupItem;
 var _goodsCardList = require("./components/goods-card-list");
 exports.GoodsCardList = _goodsCardList.GoodsCardList;
+exports.GoodsCardListCommon = _goodsCardList.GoodsCardListCommon;
 var _richText = require("./components/rich-text");
 exports.RichText = _richText.RichText;
 // 轮播图