@dckj-npm/dc-material 0.1.127 → 0.1.129

package/lib/components/position/index.scss

@@ -1,27 +1,27 @@
-.location {
-  display: flex;
-  cursor: pointer;
-  color: #414141;
-  font-size: 13.5px;
-  &-address {
-    margin-right: 7px;
-  }
-  &-icon {
-    display: flex;
-    align-items: center;
-  }
-}
-.location-list {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background-color: #fff;
-  padding: 10px 15px;
-  z-index: 999;
-  &-item {
-    padding: 10px 0;
-    border-bottom: solid 1px #eee;
-  }
-}
+.location {
+  display: flex;
+  cursor: pointer;
+  color: #414141;
+  font-size: 13.5px;
+  &-address {
+    margin-right: 7px;
+  }
+  &-icon {
+    display: flex;
+    align-items: center;
+  }
+}
+.location-list {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: #fff;
+  padding: 10px 15px;
+  z-index: 999;
+  &-item {
+    padding: 10px 0;
+    border-bottom: solid 1px #eee;
+  }
+}

package/lib/components/position/position-list.js

@@ -9,6 +9,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ContentList = function navigationList(_ref) {
   var open = _ref.open,
     itemArray = _ref.itemArray,
+    currentLocation = _ref.currentLocation,
     setIsOpen = _ref.setIsOpen,
     setCurrent = _ref.setCurrent;
   var changeHandle = function changeHandle(position) {
@@ -23,13 +24,13 @@ var ContentList = function navigationList(_ref) {
     style: {
       display: open ? 'block' : 'none'
     }
-  }, itemArray ? itemArray.map(function (item) {
+  }, itemArray.map(function (item) {
     return /*#__PURE__*/React.createElement("div", {
       onClick: function onClick() {
         return changeHandle(item);
       },
       className: "location-list-item"
     }, item.address);
-  }) : /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u6570\u636E"));
+  }));
 };
 var _default = exports["default"] = ContentList;

package/lib/components/radio-group/index.scss

@@ -1,40 +1,40 @@
-@import '../../variables.scss';
-
-.radio-group__panel {
-  display: flex;
-  gap: 12px;
-  width: 100%;
-
-  .radio-group-item__button {
-    flex: 0 0 auto;
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 250ms;
-    font-size: 12px;
-    padding: 5px 11px;
-    border-radius: 25rem;
-  }
-
-  .radio-group-item__text {
-    flex: 0 0 auto;
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 250ms;
-    font-size: 12px;
-    padding: 5px 0;
-
-    .radio-group-item__text__line {
-      width: 100%;
-      height: 1px;
-      right: 0;
-      left: 0;
-      bottom: 0;
-      position: absolute;
-    }
-
-  }
-
-
-}
-
-
+@import '../../variables.scss';
+
+.radio-group__panel {
+  display: flex;
+  gap: 12px;
+  width: 100%;
+
+  .radio-group-item__button {
+    flex: 0 0 auto;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 250ms;
+    font-size: 12px;
+    padding: 5px 11px;
+    border-radius: 25rem;
+  }
+
+  .radio-group-item__text {
+    flex: 0 0 auto;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 250ms;
+    font-size: 12px;
+    padding: 5px 0;
+
+    .radio-group-item__text__line {
+      width: 100%;
+      height: 1px;
+      right: 0;
+      left: 0;
+      bottom: 0;
+      position: absolute;
+    }
+
+  }
+
+
+}
+
+

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

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

package/lib/components/search-bar/index.scss

@@ -1,14 +1,13 @@
-.search-bar-box {
-  //width: 260px;
-  height: 35px;
-  margin: 0;
-  flex: 1;
-    .next-input {
-      width: 100%;
-      border-radius: 34px;
-      height: 35px;
-      & input {
-        height: 100%;
-      }
-    }
-}
+.search-bar-box {
+  width: 260px;
+  height: 35px;
+  margin: 0;
+    .next-input {
+      width: 260px;
+      border-radius: 34px;
+      height: 35px;
+      & input {
+        height: 100%;
+      }
+    }
+}

package/lib/components/swiper/index.scss

@@ -1,33 +1,12 @@
-.carousel {
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-  margin: 0;
-}
-.carousel__wrapper {
-  display: flex;
-}
-.carousel__slide {
-  min-width: 100%;
-  transition: transform ease-in-out;
-}
-.carousel__slide img {
-  width: 100%;
-  height: auto;
-}
-.carousel__button {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  background: rgba(0, 0, 0, 0.5);
-  color: white;
-  border: none;
-  padding: 10px;
-  cursor: pointer;
-}
-.carousel__button--prev {
-  left: 10px;
-}
-.carousel__button--next {
-  right: 10px;
-}
+/* write style here */
+.swiper__container {
+  margin: 0;
+  &__sliede {
+    position: relative;
+    height: 100%;
+  }
+}
+.img{
+  width: 100%;
+  height: 100%;
+}

package/lib/components/swiper/swiper.js

@@ -4,81 +4,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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 = _interopRequireWildcard(require("react"));
-var React = _react;
+var React = _interopRequireWildcard(require("react"));
+var _lowcodeMaterials = require("@alilc/lowcode-materials");
+var _react2 = require("swiper/react");
+var _core = _interopRequireWildcard(require("swiper/core"));
 require("./index.scss");
-var _excluded = ["speed", "autoplay", "loop", "picUrls", "height"];
+require("swiper/swiper.min.css");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var DCSlider = function DCSlider(_ref) {
-  var _ref$speed = _ref.speed,
-    speed = _ref$speed === void 0 ? 500 : _ref$speed,
-    autoplay = _ref.autoplay,
-    loop = _ref.loop,
-    _ref$picUrls = _ref.picUrls,
-    picUrls = _ref$picUrls === void 0 ? [] : _ref$picUrls,
-    height = _ref.height,
-    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  var _useState = (0, _react.useState)(0),
-    currentIndex = _useState[0],
-    setCurrentIndex = _useState[1];
-  var autoplayRef = (0, _react.useRef)(null);
-  var nextSlide = function nextSlide() {
-    if (currentIndex < picUrls.length - 1) {
-      setCurrentIndex(currentIndex + 1);
-    } else if (loop) {
-      setCurrentIndex(0);
-    }
-  };
-  var startAutoplay = function startAutoplay() {
-    if (autoplay && !autoplayRef.current) {
-      autoplayRef.current = setInterval(nextSlide, speed);
-    }
-  };
-  var stopAutoplay = function stopAutoplay() {
-    if (autoplayRef.current) {
-      clearInterval(autoplayRef.current);
-      autoplayRef.current = null;
-    }
-  };
-  (0, _react.useEffect)(function () {
-    if (autoplay) {
-      startAutoplay();
-    }
-    return function () {
-      stopAutoplay();
-    };
-  }, [autoplay, speed, loop, picUrls]);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-    className: "carousel",
-    onMouseEnter: stopAutoplay,
-    onMouseLeave: startAutoplay,
+// 引入核心插件和自动播放组件
+_core["default"].use([_core.Autoplay]); // 使用插件，插件名放入[]中，这一行是重点
+
+var DCSlider = function DCSlider(props) {
+  var height = props.height;
+  return /*#__PURE__*/React.createElement(_react2.Swiper, (0, _extends2["default"])({}, props, {
+    className: "swiper__container",
     style: {
       height: height ? height + "px" : '100%'
     }
-  }, otherProps), /*#__PURE__*/React.createElement("div", {
-    className: "carousel__wrapper",
-    style: {
-      transform: "translateX(-" + currentIndex * 100 + "%)",
-      transitionDuration: speed + "ms"
-    }
-  }, picUrls.map(function (url, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: index,
-      className: "carousel__slide",
+  }), props.picUrls && props.picUrls.length > 0 ? props.picUrls.map(function (url, index) {
+    return /*#__PURE__*/React.createElement(_react2.SwiperSlide, {
+      className: "swiper__container__sliede",
       style: {
         width: '100%',
         height: height ? height + "px" : '100%'
       }
-    }, /*#__PURE__*/React.createElement("img", {
+    }, /*#__PURE__*/React.createElement(_lowcodeMaterials.Image, {
       src: url,
-      alt: "Slide " + index,
+      alt: "Slide",
+      key: index,
       style: {
         width: '100%',
         height: height ? height + "px" : '100%'
       }
     }));
-  })));
+  }) : /*#__PURE__*/React.createElement("div", null, "\u56FE\u7247\u4E3A\u7A7A"));
 };
 var _default = exports["default"] = DCSlider;

package/lib/components/tab/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 var _tab = _interopRequireDefault(require("./tab"));
-/**
- * 标签tag
+/**
+ * 标签tag
  */
 var _default = exports["default"] = _tab["default"];

package/lib/components/tab/index.scss

@@ -1,39 +1,39 @@
-.tabs__container {
-  display: inline-block;
-  padding: 5px 17px;
-  border-radius: 19px;
-  background-color: #FFFFFF;
-  color: #666666;
-  font-size: 15px;
-  cursor: pointer;
-  margin-right: 6px;
-  letter-spacing: 2px;
-  position: relative;
-  &--selected {
-    background-color: #ED794A;
-    color: #FFFFFF;
-  }
-  &--small {
-    padding: 5px 16px;
-    border-radius: 19px;
-  }
-  &--large {
-    padding: 14px 30px;
-    border-radius: 28px;
-  }
-  .badge {
-    display: flex;
-    padding: 2px 4px;
-    border-radius: 8px;
-    background-color: #F44341; // 红色背景
-    color: white; // 字体颜色
-    // text-align: center;
-    letter-spacing: 0;
-    justify-content: center;
-    line-height: normal; // 垂直居中
-    font-size: 10px; // 根据需要调整字体大小
-    position: absolute; // 绝对定位
-    top: 0; // 根据需要调整位置
-    right: 3px; // 根据需要调整位置
-  }
-}
+.tabs__container {
+  display: inline-block;
+  padding: 5px 17px;
+  border-radius: 19px;
+  background-color: #FFFFFF;
+  color: #666666;
+  font-size: 15px;
+  cursor: pointer;
+  margin-right: 6px;
+  letter-spacing: 2px;
+  position: relative;
+  &--selected {
+    background-color: #ED794A;
+    color: #FFFFFF;
+  }
+  &--small {
+    padding: 5px 16px;
+    border-radius: 19px;
+  }
+  &--large {
+    padding: 14px 30px;
+    border-radius: 28px;
+  }
+  .badge {
+    display: flex;
+    padding: 2px 4px;
+    border-radius: 8px;
+    background-color: #F44341; // 红色背景
+    color: white; // 字体颜色
+    // text-align: center;
+    letter-spacing: 0;
+    justify-content: center;
+    line-height: normal; // 垂直居中
+    font-size: 10px; // 根据需要调整字体大小
+    position: absolute; // 绝对定位
+    top: 0; // 根据需要调整位置
+    right: 3px; // 根据需要调整位置
+  }
+}

package/lib/components/tab-container/index.scss

@@ -1,48 +1,48 @@
-.fusion-ui-tab {
-    display: block;
-    background-color: #fff;
-
-    &.next-medium {
-      .next-tabs-content {
-        padding: 0;
-      }
-      
-    }
-  .next-tabs-bar {
-    border-bottom: none;
-    margin-bottom: 15px;
-    .next-tabs-nav-container {
-      .next-tabs-nav {
-        .next-tabs-tab {
-          font-size: 16px;
-          color: #666666;
-          margin-right: 13px;
-          &.active {
-            color: #333;
-            font-size: 17px;
-          }
-          &.active::before {
-            bottom: 2px;
-            border-bottom: 5px solid #E96D40;
-            z-index: 0;
-            border-radius: 2.5px;
-          }
-        }
-      }
-    }
-  }
-
-    &.next-small {
-      .next-tabs-content {
-        padding: 12px;
-      }
-    }
-  }
-.navigation {
-  z-index: 10;
-  position: relative;
-}
-
-:global(.fd-layout-p-margin) {
-  margin-top: 0 !important;
+.fusion-ui-tab {
+    display: block;
+    background-color: #fff;
+
+    &.next-medium {
+      .next-tabs-content {
+        padding: 0;
+      }
+      
+    }
+  .next-tabs-bar {
+    border-bottom: none;
+    margin-bottom: 15px;
+    .next-tabs-nav-container {
+      .next-tabs-nav {
+        .next-tabs-tab {
+          font-size: 16px;
+          color: #666666;
+          margin-right: 13px;
+          &.active {
+            color: #333;
+            font-size: 17px;
+          }
+          &.active::before {
+            bottom: 2px;
+            border-bottom: 5px solid #E96D40;
+            z-index: 0;
+            border-radius: 2.5px;
+          }
+        }
+      }
+    }
+  }
+
+    &.next-small {
+      .next-tabs-content {
+        padding: 12px;
+      }
+    }
+  }
+.navigation {
+  z-index: 10;
+  position: relative;
+}
+
+:global(.fd-layout-p-margin) {
+  margin-top: 0 !important;
 }

package/lib/components/tag/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 var _tag = _interopRequireDefault(require("./tag"));
-/**
- * 标签tag
+/**
+ * 标签tag
  */
 var _default = exports["default"] = _tag["default"];

package/lib/components/tag/index.scss

@@ -1,24 +1,24 @@
-.tags__container {
-  padding: 2px 6px;
-  border-radius: 3px;
-  color: white;
-  font-size: 11px;
-}
-.orange {
-  color: #F1770E;
-  background: rgba(241, 119, 14, 0.1);
-}
-
-.blue {
-  color: #2972DD;
-  background-color: rgba(41, 114, 221, 0.1);
-}
-.green {
-  color: #52AD7C;
-  background: rgba(195, 254, 222, 0.4);
-}
-.green-n {
-  color: #52AD7C;
-  background: #FFFFFF;
-  box-shadow: 3.5px 5.5px 11px 0px rgba(203,203,203,0.34);
-}
+.tags__container {
+  padding: 2px 6px;
+  border-radius: 3px;
+  color: white;
+  font-size: 11px;
+}
+.orange {
+  color: #F1770E;
+  background: rgba(241, 119, 14, 0.1);
+}
+
+.blue {
+  color: #2972DD;
+  background-color: rgba(41, 114, 221, 0.1);
+}
+.green {
+  color: #52AD7C;
+  background: rgba(195, 254, 222, 0.4);
+}
+.green-n {
+  color: #52AD7C;
+  background: #FFFFFF;
+  box-shadow: 3.5px 5.5px 11px 0px rgba(203,203,203,0.34);
+}

package/lib/components/teletext-list/index.scss

@@ -1,19 +1,19 @@
-@import '../../variables.scss';
-
-.teletext-list__panel {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  width: 100%;
-  margin: 0;
-
-  .teletext-list__panel__item-list {
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-    gap: 10px;
-  }
-
-}
-
-
+@import '../../variables.scss';
+
+.teletext-list__panel {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  width: 100%;
+  margin: 0;
+
+  .teletext-list__panel__item-list {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    gap: 10px;
+  }
+
+}
+
+

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

@@ -9,8 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 require("./teletext-list-item.scss");
 var _childrenNodeHandle = require("../../utils/children-node-handle");
 var _excluded = ["onClick", "title", "image", "children", "imagePlacement", "description", "tags"];
-/**
- * 数据
+/**
+ * 数据
  */
 
 var TeletextListItem = function TeletextListItem(_ref) {