@dckj-npm/dc-material 0.1.28 → 0.1.30

package/es/index.d.ts

@@ -1,38 +1,40 @@
-export type { ComponentProps } from './components/swiper';
-export { default as Swiper } from './components/swiper';
-export type { NavigationProps } from './components/bottom-navigation';
-export { default as Navigation } from './components/bottom-navigation';
-export type { MenuListDataProps, MenuListProps } from './components/menu-list';
-export { default as MenuList } from './components/menu-list';
-export type { TeletextListProps } from './components/teletext-list';
-export { TeletextList } from './components/teletext-list';
-export type { Title1Props } from './components/title';
-export { Title1 } from './components/title';
-export type { Title2Props } from './components/title';
-export { Title2 } from './components/title';
-export type { GridNavProps } from './components/grid-nav';
-export { default as GridNav } from './components/grid-nav';
-export type { SearchBarProps } from './components/search-bar';
-export { default as SearchBar } from './components/search-bar';
-export type { LocationProps } from './components/position';
-export { default as Position } from './components/position';
-export type { TagProps } from './components/tag';
-export { default as TagC } from './components/tag';
-export type { MessageListProps } from './components/message-list';
-export { default as MessageList } from './components/message-list';
-export type { TabProps } from './components/tab';
-export { default as TabMessage } from './components/tab';
-export type { NoticeBarProps } from './components/notice-bar';
-export { default as NoticeBar } from './components/notice-bar';
-export type { TabContainerProps } from './components/tab-container';
-export { default as TabContainer } from './components/tab-container';
-export type { TabContainerItemProps } from './components/tab-container-item';
-export { default as TabContainerItem } from './components/tab-container-item';
-export type { IntegralTaskProps } from './components/integral-task';
-export { default as IntegralTask } from './components/integral-task';
-export type { ButtonProps } from './components/button';
-export { default as Button2 } from './components/button';
-export type { RadioGroupProps, RadioGroupItemProps } from './components/radio-group';
-export { CustomRadioGroup, CustomRadioGroupItem } from './components/radio-group';
-declare const bizCssPrefix = "bizpack";
-export { bizCssPrefix };
+export type { ComponentProps } from './components/swiper';
+export { default as Swiper } from './components/swiper';
+export type { NavigationProps } from './components/bottom-navigation';
+export { default as Navigation } from './components/bottom-navigation';
+export type { MenuListDataProps, MenuListProps } from './components/menu-list';
+export { default as MenuList } from './components/menu-list';
+export type { TeletextListProps } from './components/teletext-list';
+export { TeletextList } from './components/teletext-list';
+export type { Title1Props } from './components/title';
+export { Title1 } from './components/title';
+export type { Title2Props } from './components/title';
+export { Title2 } from './components/title';
+export type { GridNavProps } from './components/grid-nav';
+export { default as GridNav } from './components/grid-nav';
+export type { SearchBarProps } from './components/search-bar';
+export { default as SearchBar } from './components/search-bar';
+export type { LocationProps } from './components/position';
+export { default as Position } from './components/position';
+export type { TagProps } from './components/tag';
+export { default as TagC } from './components/tag';
+export type { MessageListProps } from './components/message-list';
+export { default as MessageList } from './components/message-list';
+export type { TabProps } from './components/tab';
+export { default as TabMessage } from './components/tab';
+export type { NoticeBarProps } from './components/notice-bar';
+export { default as NoticeBar } from './components/notice-bar';
+export type { TabContainerProps } from './components/tab-container';
+export { default as TabContainer } from './components/tab-container';
+export type { TabContainerItemProps } from './components/tab-container-item';
+export { default as TabContainerItem } from './components/tab-container-item';
+export type { IntegralTaskProps } from './components/integral-task';
+export { default as IntegralTask } from './components/integral-task';
+export type { ButtonProps } from './components/button';
+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';
+declare const bizCssPrefix = "bizpack";
+export { bizCssPrefix };

package/es/index.js

@@ -66,5 +66,9 @@ export { default as Button2 } from "./components/button";
 // 单选组
 
 export { CustomRadioGroup, CustomRadioGroupItem } from "./components/radio-group";
+
+// 商品卡片列表
+
+export { GoodsCardList } from "./components/goods-card-list";
 var bizCssPrefix = 'bizpack';
 export { bizCssPrefix };

package/es/index.scss

@@ -1,6 +1,6 @@
-@import './components/colorful-button/index.scss';
-@import './components/colorful-input/index.scss';
-@import './components/teletext-list/index.scss';
-@import './components/grid-nav/index.scss';
-@import './components/search-bar/index.scss';
+@import './components/colorful-button/index.scss';
+@import './components/colorful-input/index.scss';
+@import './components/teletext-list/index.scss';
+@import './components/grid-nav/index.scss';
+@import './components/search-bar/index.scss';
 @import './components/notice-bar/index.scss';

package/es/utils/children-node-handle.d.ts

@@ -1,9 +1,9 @@
-/**
- * 从children数组中获取指定组件
- * @author ZhuGangMin
- * @date 2024-09-21 14:07:02
- * @param children 父组件传递过来children
- * @param key 组件的key
- * @param props 要覆盖的属性
- */
-export declare function convertChildren(children: any, key: string, props?: any): any;
+/**
+ * 从children数组中获取指定组件
+ * @author ZhuGangMin
+ * @date 2024-09-21 14:07:02
+ * @param children 父组件传递过来children
+ * @param key 组件的key
+ * @param props 要覆盖的属性
+ */
+export declare function convertChildren(children: any, key: string, props?: any): React.DetailedReactHTMLElement<any, HTMLElement>;

package/es/utils/children-node-handle.js

@@ -16,12 +16,10 @@ export function convertChildren(children, key, props) {
       if (child.key === key) {
         // 属性融合
         var propsContact = props ? _extends({}, child.props, props) : child.props;
-        console.log('propsContact', propsContact);
         node = /*#__PURE__*/React.cloneElement(child, propsContact);
         break;
       }
     }
   }
-  console.log('node', node);
   return node;
 }

package/es/utils/component-wrapper.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-export declare const ValueWrapper: (NextFormComponent: React.ElementType, displayName: string) => {
-    (props: any): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    displayName: string;
-};
-export declare const DynamicPropWrapper: (prop: string, NextFormComponent: React.ElementType, displayName: string) => {
-    (props: any): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    displayName: string;
-};
+import * as React from 'react';
+export declare const ValueWrapper: (NextFormComponent: React.ElementType, displayName: string) => {
+    (props: any): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+export declare const DynamicPropWrapper: (prop: string, NextFormComponent: React.ElementType, displayName: string) => {
+    (props: any): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};

package/es/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare function debounce<T extends (...args: any[]) => void>(func: T, delay: number): (this: any, ...args: Parameters<T>) => void;

package/es/utils/debounce.js

@@ -0,0 +1,14 @@
+export function debounce(func, delay) {
+  var timeout;
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    // eslint-disable-next-line ts/no-this-alias
+    var context = this;
+    clearTimeout(timeout);
+    timeout = setTimeout(function () {
+      return func.apply(context, args);
+    }, delay);
+  };
+}

package/es/variables.d.ts

@@ -1,2 +1,2 @@
-declare const bizCssPrefix = "bizpack";
-export { bizCssPrefix };
+declare const bizCssPrefix = "bizpack";
+export { bizCssPrefix };

package/lib/components/bottom-navigation/bottom-navigation.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import './index.scss';
-interface Navigation {
-    text: string;
-    icon: string;
-    selectedIcon: string;
-    pageId: string;
-}
-export interface NavigationProps {
-    itemArray: Navigation[];
-    selectedColor: string;
-    onClick?: (pageId: string) => void;
-}
-declare const Navigation: React.FC<NavigationProps>;
-export default Navigation;
+import * as React from 'react';
+import './index.scss';
+interface Navigation {
+    text: string;
+    icon: string;
+    selectedIcon: string;
+    pageId: string;
+}
+export interface NavigationProps {
+    itemArray: Navigation[];
+    selectedColor: string;
+    onClick?: (pageId: string) => void;
+}
+declare const Navigation: React.FC<NavigationProps>;
+export default Navigation;

package/lib/components/bottom-navigation/index.d.ts

@@ -1,3 +1,3 @@
-import Navigation from './bottom-navigation';
-export type { NavigationProps } from './bottom-navigation';
-export default Navigation;
+import Navigation from './bottom-navigation';
+export type { NavigationProps } from './bottom-navigation';
+export default Navigation;

package/lib/components/bottom-navigation/index.scss

@@ -1,23 +1,23 @@
-.navigation-panel {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 9px 0px 6px 0px;
-  width: 100%;
-  position: fixed;
-  bottom: 0;
-  background-color: #fff;
-  box-sizing: border-box;
-  z-index: 10;
-  &-item {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    flex: 1;
-    .navigation-item-image {
-      margin-bottom: 3px;
-    }
-  }
-}
+.navigation-panel {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 9px 0px 6px 0px;
+  width: 100%;
+  position: fixed;
+  bottom: 0;
+  background-color: #fff;
+  box-sizing: border-box;
+  z-index: 10;
+  &-item {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    flex: 1;
+    .navigation-item-image {
+      margin-bottom: 3px;
+    }
+  }
+}

package/lib/components/button/button.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import './index.scss';
-export interface ButtonProps {
-    /**
-     * 标签名称
-     */
-    name: string;
-    /**
-     * 标签颜色
-     */
-    color: string;
-}
-declare const Button: React.FC<ButtonProps>;
-export default Button;
+import * as React from 'react';
+import './index.scss';
+export interface ButtonProps {
+    /**
+     * 标签名称
+     */
+    name: string;
+    /**
+     * 标签颜色
+     */
+    color: string;
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/lib/components/button/index.d.ts

@@ -1,6 +1,6 @@
-/**
- * 标签tag
- */
-import Button from './button';
-export type { ButtonProps } from './button';
-export default Button;
+/**
+ * 标签tag
+ */
+import Button from './button';
+export type { ButtonProps } from './button';
+export default Button;

package/lib/components/button/index.js

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

package/lib/components/carousel/carousel.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './carousel.scss';
+export interface CarouselProps {
+    /**
+     * 图片列表
+     */
+    images: string[];
+    /**
+     * 定时播放的时间
+     */
+    interval?: number;
+}
+declare const Carousel: React.FC<CarouselProps>;
+export default Carousel;

package/lib/components/carousel/carousel.js

@@ -0,0 +1,81 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("./carousel.scss");
+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 Carousel = function Carousel(_ref) {
+  var _ref$images = _ref.images,
+    images = _ref$images === void 0 ? [] : _ref$images,
+    _ref$interval = _ref.interval,
+    interval = _ref$interval === void 0 ? 3000 : _ref$interval;
+  // 如果没有图片则返回提示
+  if (images.length === 0) {
+    return /*#__PURE__*/_react["default"].createElement("div", null);
+  }
+  // 如果只有一张图片，则直接显示
+  if (images.length === 1) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "carousel"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: images[0],
+      alt: "Single slide",
+      className: "carousel-image"
+    }));
+  }
+  // 添加复制的第一张和最后一张图片以实现无缝切换
+  var extendedImages = [images[images.length - 1]].concat(images, [images[0]]);
+  // 初始显示第二张图片
+  var _useState = (0, _react.useState)(1),
+    currentIndex = _useState[0],
+    setCurrentIndex = _useState[1];
+  // 切换到下一张图片
+  var goToNext = function goToNext() {
+    setCurrentIndex(function (prevIndex) {
+      return prevIndex + 1;
+    });
+  };
+  // 自动播放逻辑：在组件挂载时启动定时器
+  (0, _react.useEffect)(function () {
+    var timer = setInterval(function () {
+      goToNext();
+    }, interval);
+    // 清除定时器，避免内存泄漏
+    return function () {
+      return clearInterval(timer);
+    };
+  }, [interval]);
+  (0, _react.useEffect)(function () {
+    // 当切换到最后一张复制的图片时，设置为第二张图片
+    if (currentIndex === extendedImages.length - 1) {
+      setTimeout(function () {
+        // 跳转到第二张
+        setCurrentIndex(1);
+      }, 1000);
+    }
+  }, [currentIndex]);
+  // 计算当前显示的图像索引
+  var displayIndex = currentIndex > images.length ? currentIndex - images.length : currentIndex;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "carousel"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "carousel-track",
+    style: {
+      transform: "translateX(-" + currentIndex * 100 + "%)",
+      // 只有在平滑切换时才应用过渡
+      transition: currentIndex === 1 ? 'none' : 'transform 1s ease-in-out'
+    }
+  }, extendedImages.map(function (image, index) {
+    return /*#__PURE__*/_react["default"].createElement("img", {
+      key: index,
+      src: image,
+      alt: "Slide " + index,
+      className: "carousel-image"
+    });
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "carousel-counter"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, displayIndex), /*#__PURE__*/_react["default"].createElement("span", null, "/"), /*#__PURE__*/_react["default"].createElement("span", null, images.length)));
+};
+var _default = exports["default"] = Carousel;

package/lib/components/carousel/carousel.scss

@@ -0,0 +1,32 @@
+.carousel {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.carousel-track {
+  display: flex;
+  width: 100%;
+  height: 100%;
+}
+
+.carousel-image {
+  min-width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: center;
+}
+
+.carousel-counter {
+  position: absolute;
+  bottom: 2px;
+  right: 2px;
+  color: white;
+  background: rgba(0, 0, 0, 0.5);
+  padding: 2px 8px;
+  border-radius: 5px;
+  font-size: 12px;
+  display: flex;
+  gap: 2px;
+}

package/lib/components/colorful-button/colorful-button.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import './index.scss';
-export interface ColorfulButtonProps {
-    /**
-     * 类型
-     */
-    type?: "primary" | "secondary" | "normal";
-    color?: string;
-    style?: object;
-}
-declare const ColorfulButton: React.FC<ColorfulButtonProps>;
-export default ColorfulButton;
+import * as React from 'react';
+import './index.scss';
+export interface ColorfulButtonProps {
+    /**
+     * 类型
+     */
+    type?: "primary" | "secondary" | "normal";
+    color?: string;
+    style?: object;
+}
+declare const ColorfulButton: React.FC<ColorfulButtonProps>;
+export default ColorfulButton;

package/lib/components/colorful-button/index.d.ts

@@ -1,3 +1,3 @@
-import ColorfulButton from './colorful-button';
-export type { ColorfulButtonProps } from './colorful-button';
-export default ColorfulButton;
+import ColorfulButton from './colorful-button';
+export type { ColorfulButtonProps } from './colorful-button';
+export default ColorfulButton;

package/lib/components/colorful-input/colorful-input.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import './index.scss';
-export interface ColorfulInputProps {
-    color?: string;
-    style?: object;
-}
-declare const ColorfulInput: React.FC<ColorfulInputProps>;
-export default ColorfulInput;
+import * as React from 'react';
+import './index.scss';
+export interface ColorfulInputProps {
+    color?: string;
+    style?: object;
+}
+declare const ColorfulInput: React.FC<ColorfulInputProps>;
+export default ColorfulInput;

package/lib/components/colorful-input/index.d.ts

@@ -1,3 +1,3 @@
-import ColorfulInput from './colorful-input';
-export type { ColorfulInputProps } from './colorful-input';
-export default ColorfulInput;
+import ColorfulInput from './colorful-input';
+export type { ColorfulInputProps } from './colorful-input';
+export default ColorfulInput;

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

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