@dckj-npm/dc-material 0.1.124 → 0.1.126

package/es/components/position/position-list.d.ts

@@ -3,7 +3,6 @@ import './index.scss';
 import { Location } from "./position";
 interface LocationProps {
     itemArray: Location[];
-    currentLocation: Location;
     open: boolean;
     setIsOpen: () => void;
     setCurrent: (data: Location) => void;

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

@@ -3,7 +3,6 @@ import "./index.scss";
 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) {
@@ -18,13 +17,13 @@ var ContentList = function navigationList(_ref) {
     style: {
       display: open ? 'block' : 'none'
     }
-  }, itemArray.map(function (item) {
+  }, itemArray ? 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"));
 };
 export default ContentList;

package/es/components/swiper/index.scss

@@ -1,12 +1,33 @@
-/* write style here */
-.swiper__container {
+.carousel {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
   margin: 0;
-  &__sliede {
-    position: relative;
-    height: 100%;
-  }
 }
-.img{
+.carousel__wrapper {
+  display: flex;
+}
+.carousel__slide {
+  min-width: 100%;
+  transition: transform ease-in-out;
+}
+.carousel__slide img {
   width: 100%;
-  height: 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;
 }

package/es/components/swiper/swiper.d.ts

@@ -1,31 +1,14 @@
 import * as React from 'react';
 import './index.scss';
-import 'swiper/swiper.min.css';
 export interface ComponentProps {
-    /**
-     * 设定初始化时slide的索引
-     */
-    initialSlide?: number;
-    /**
-     * 设定初始化时slide的索引
-     */
-    direction?: 'vertical' | 'horizontal';
     /**
      * 切换速度，单位ms
      */
     speed?: number;
-    /**
-     * 展示数量
-     */
-    slidesPerView: number;
     /**
      * 高度
      */
     height: number;
-    /**
-     * 自动高度
-     */
-    autoHeight: boolean;
     /**
      * 自动播放
      */
@@ -34,10 +17,6 @@ export interface ComponentProps {
      * 循环播放
      */
     loop: boolean;
-    /**
-     * 图片间距
-     */
-    spaceBetween: number;
     /**
      * 图片路径
      */

package/es/components/swiper/swiper.js

@@ -1,34 +1,77 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["speed", "autoplay", "loop", "picUrls", "height"];
 import * as React from 'react';
-import { Image } from '@alilc/lowcode-materials';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay } from 'swiper/core'; // 引入核心插件和自动播放组件
-SwiperCore.use([Autoplay]); // 使用插件，插件名放入[]中，这一行是重点
+import { useEffect, useRef, useState } from 'react';
 import "./index.scss";
-import 'swiper/swiper.min.css';
-var DCSlider = function DCSlider(props) {
-  var height = props.height;
-  return /*#__PURE__*/React.createElement(Swiper, _extends({}, props, {
-    className: "swiper__container",
+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 = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _useState = useState(0),
+    currentIndex = _useState[0],
+    setCurrentIndex = _useState[1];
+  var autoplayRef = 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;
+    }
+  };
+  useEffect(function () {
+    if (autoplay) {
+      startAutoplay();
+    }
+    return function () {
+      stopAutoplay();
+    };
+  }, [autoplay, speed, loop, picUrls]);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "carousel",
+    onMouseEnter: stopAutoplay,
+    onMouseLeave: startAutoplay,
     style: {
       height: height ? height + "px" : '100%'
     }
-  }), props.picUrls && props.picUrls.length > 0 ? props.picUrls.map(function (url, index) {
-    return /*#__PURE__*/React.createElement(SwiperSlide, {
-      className: "swiper__container__sliede",
+  }, 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",
       style: {
         width: '100%',
         height: height ? height + "px" : '100%'
       }
-    }, /*#__PURE__*/React.createElement(Image, {
+    }, /*#__PURE__*/React.createElement("img", {
       src: url,
-      alt: "Slide",
-      key: index,
+      alt: "Slide " + index,
       style: {
         width: '100%',
         height: height ? height + "px" : '100%'
       }
     }));
-  }) : /*#__PURE__*/React.createElement("div", null, "\u56FE\u7247\u4E3A\u7A7A"));
+  })));
 };
 export default DCSlider;

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

@@ -7,8 +7,6 @@
   padding-bottom: 10px;
   justify-content: flex-start;
 
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-
   .teletext-list__panel__item_image {
     width: 90px;
     height: 71px;
@@ -53,3 +51,7 @@
   }
 
 }
+
+.teletext-list__panel__item:not(:last-child) {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}

package/lib/components/position/position-list.d.ts

@@ -3,7 +3,6 @@ import './index.scss';
 import { Location } from "./position";
 interface LocationProps {
     itemArray: Location[];
-    currentLocation: Location;
     open: boolean;
     setIsOpen: () => void;
     setCurrent: (data: Location) => void;

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

@@ -9,7 +9,6 @@ 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) {
@@ -24,13 +23,13 @@ var ContentList = function navigationList(_ref) {
     style: {
       display: open ? 'block' : 'none'
     }
-  }, itemArray.map(function (item) {
+  }, itemArray ? 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/swiper/index.scss

@@ -1,12 +1,33 @@
-/* write style here */
-.swiper__container {
+.carousel {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
   margin: 0;
-  &__sliede {
-    position: relative;
-    height: 100%;
-  }
 }
-.img{
+.carousel__wrapper {
+  display: flex;
+}
+.carousel__slide {
+  min-width: 100%;
+  transition: transform ease-in-out;
+}
+.carousel__slide img {
   width: 100%;
-  height: 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;
 }

package/lib/components/swiper/swiper.d.ts

@@ -1,31 +1,14 @@
 import * as React from 'react';
 import './index.scss';
-import 'swiper/swiper.min.css';
 export interface ComponentProps {
-    /**
-     * 设定初始化时slide的索引
-     */
-    initialSlide?: number;
-    /**
-     * 设定初始化时slide的索引
-     */
-    direction?: 'vertical' | 'horizontal';
     /**
      * 切换速度，单位ms
      */
     speed?: number;
-    /**
-     * 展示数量
-     */
-    slidesPerView: number;
     /**
      * 高度
      */
     height: number;
-    /**
-     * 自动高度
-     */
-    autoHeight: boolean;
     /**
      * 自动播放
      */
@@ -34,10 +17,6 @@ export interface ComponentProps {
      * 循环播放
      */
     loop: boolean;
-    /**
-     * 图片间距
-     */
-    spaceBetween: number;
     /**
      * 图片路径
      */

package/lib/components/swiper/swiper.js

@@ -4,40 +4,81 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _lowcodeMaterials = require("@alilc/lowcode-materials");
-var _react2 = require("swiper/react");
-var _core = _interopRequireWildcard(require("swiper/core"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 require("./index.scss");
-require("swiper/swiper.min.css");
+var _excluded = ["speed", "autoplay", "loop", "picUrls", "height"];
 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; }
-// 引入核心插件和自动播放组件
-_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",
+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,
     style: {
       height: height ? height + "px" : '100%'
     }
-  }), props.picUrls && props.picUrls.length > 0 ? props.picUrls.map(function (url, index) {
-    return /*#__PURE__*/React.createElement(_react2.SwiperSlide, {
-      className: "swiper__container__sliede",
+  }, 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",
       style: {
         width: '100%',
         height: height ? height + "px" : '100%'
       }
-    }, /*#__PURE__*/React.createElement(_lowcodeMaterials.Image, {
+    }, /*#__PURE__*/React.createElement("img", {
       src: url,
-      alt: "Slide",
-      key: index,
+      alt: "Slide " + 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/teletext-list/teletext-list-item.scss

@@ -7,8 +7,6 @@
   padding-bottom: 10px;
   justify-content: flex-start;
 
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-
   .teletext-list__panel__item_image {
     width: 90px;
     height: 71px;
@@ -53,3 +51,7 @@
   }
 
 }
+
+.teletext-list__panel__item:not(:last-child) {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}

package/lowcode/swiper/meta.ts

@@ -19,53 +19,6 @@ const SwiperMeta: IPublicTypeComponentMetadata = {
   },
   "configure": {
     "props": [
-      {
-        "title": "初始索引",
-        "name": "initialSlide",
-        "description": "设定初始化时slide的索引",
-        "setter": {
-          "componentName": "NumberSetter",
-          "isRequired": false,
-          "initialValue": 0
-        }
-      },
-      {
-        "title": {
-          "label": {
-            "type": "i18n",
-            "en-US": "direction",
-            "zh-CN": "方向"
-          },
-          "tip": "direction | 轮播方向"
-        },
-        "name": "direction",
-        "setter": {
-          "componentName": "RadioGroupSetter",
-          "props": {
-            "dataSource": [
-              {
-                "label": "vertical",
-                "value": "vertical"
-              },
-              {
-                "label": "horizontal",
-                "value": "horizontal"
-              }
-            ],
-            "options": [
-              {
-                "label": "vertical",
-                "value": "vertical"
-              },
-              {
-                "label": "horizontal",
-                "value": "horizontal"
-              }
-            ]
-          },
-          "initialValue": "vertical"
-        }
-      },
       {
         "title": {
           "label": {
@@ -83,23 +36,6 @@ const SwiperMeta: IPublicTypeComponentMetadata = {
           "initialValue": 0
         }
       },
-      {
-        "title": {
-          "label": {
-            "type": "i18n",
-            "en-US": "slidesPerView",
-            "zh-CN": "展示数量"
-          },
-          "tip": "同时展示图片数量"
-        },
-        "name": "slidesPerView",
-        "description": "展示数量",
-        "setter": {
-          "componentName": "NumberSetter",
-          "isRequired": true,
-          "initialValue": 0
-        }
-      },
       {
         "title": {
           "label": {
@@ -116,23 +52,6 @@ const SwiperMeta: IPublicTypeComponentMetadata = {
           "isRequired": true
         }
       },
-      {
-        "title": {
-          "label": {
-            "type": "i18n",
-            "en-US": "autoHeight",
-            "zh-CN": "自动高度"
-          },
-          "tip": "autoHeight | 自动高度"
-        },
-        "name": "autoHeight",
-        "description": "自动高度",
-        "setter": {
-          "componentName": "BoolSetter",
-          "isRequired": true,
-          "initialValue": false
-        }
-      },
       {
         "title": {
           "label": {
@@ -167,23 +86,6 @@ const SwiperMeta: IPublicTypeComponentMetadata = {
           "initialValue": false
         }
       },
-      {
-        "title": {
-          "label": {
-            "type": "i18n",
-            "en-US": "spaceBetween",
-            "zh-CN": "图片间距"
-          },
-          "tip": "spaceBetween | 图片间距"
-        },
-        "name": "spaceBetween",
-        "description": "图片间距",
-        "setter": {
-          "componentName": "NumberSetter",
-          "isRequired": true,
-          "initialValue": 0
-        }
-      },
       {
         name: 'picUrls',
         title: '数据源绑定',
@@ -213,14 +115,10 @@ const snippets: IPublicTypeSnippet[] = [
     "schema": {
       "componentName": "Swiper",
       "props": {
-        spaceBetween: 0,
         loop: true,
         autoplay: true,
         speed: 200,
-        slidesPerView: 1,
-        initialSlide: 1,
-        direction: 'horizontal',
-        autoHeight: false,
+        height: 172,
         // 轮播路径
         picUrls: ['https://img.alicdn.com/tps/TB1bewbNVXXXXc5XXXXXXXXXXXX-1000-300.png',
           'https://img.alicdn.com/tps/TB1xuUcNVXXXXcRXXXXXXXXXXXX-1000-300.jpg',

package/lowcode_es/meta.js

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