@dckj-npm/dc-material 0.1.150 → 0.1.152

package/es/components/radio-group/radio-group-item.d.ts

@@ -1,48 +1,48 @@
-import React from 'react';
-import './index.scss';
-export type RadioGroupItemType = 'button' | 'text';
-export interface RadioGroupItemProps {
-    /**
-     * 选项
-     */
-    label: string;
-    /**
-     * 值
-     */
-    value: string;
-    /**
-     * 是否选中
-     */
-    checked: boolean;
-    /**
-     * 选中颜色
-     */
-    selectColor?: string;
-    /**
-     * 选中的文字颜色
-     */
-    selectTextColor?: string;
-    /**
-     * 未选中颜色
-     */
-    unSelectColor?: string;
-    /**
-     * 未选中的文字颜色
-     */
-    unSelectTextColor?: string;
-    /**
-     * 类型
-     */
-    type?: RadioGroupItemType;
-    /**
-     * 名称
-     */
-    name: string;
-    /**
-     * 改变事件
-     * @param value
-     */
-    onChange: (value: string) => void;
-}
-declare const RadioGroupItem: React.FC<RadioGroupItemProps>;
-export default RadioGroupItem;
+import React from 'react';
+import './index.scss';
+export type RadioGroupItemType = 'button' | 'text';
+export interface RadioGroupItemProps {
+    /**
+     * 选项
+     */
+    label: string;
+    /**
+     * 值
+     */
+    value: string;
+    /**
+     * 是否选中
+     */
+    checked: boolean;
+    /**
+     * 选中颜色
+     */
+    selectColor?: string;
+    /**
+     * 选中的文字颜色
+     */
+    selectTextColor?: string;
+    /**
+     * 未选中颜色
+     */
+    unSelectColor?: string;
+    /**
+     * 未选中的文字颜色
+     */
+    unSelectTextColor?: string;
+    /**
+     * 类型
+     */
+    type?: RadioGroupItemType;
+    /**
+     * 名称
+     */
+    name: string;
+    /**
+     * 改变事件
+     * @param value
+     */
+    onChange: (value: string) => void;
+}
+declare const RadioGroupItem: React.FC<RadioGroupItemProps>;
+export default RadioGroupItem;

package/es/components/radio-group/radio-group.d.ts

@@ -1,52 +1,52 @@
-import React from 'react';
-import './index.scss';
-export interface RadioType {
-    label: string;
-    value: string;
-}
-export type RadioGroupItemType = 'button' | 'text';
-export interface RadioGroupProps {
-    /**
-     * 选项
-     */
-    options: Array<RadioType>;
-    /**
-     * 默认值
-     */
-    defaultValue?: string;
-    /**
-     * 是否换行
-     */
-    isWrap?: boolean;
-    /**
-     * 选中颜色
-     */
-    selectColor?: string;
-    /**
-     * 选中的文字颜色
-     */
-    selectTextColor?: string;
-    /**
-     * 未选中颜色
-     */
-    unSelectColor?: string;
-    /**
-     * 未选中的文字颜色
-     */
-    unSelectTextColor?: string;
-    /**
-     * 改变事件
-     * @param value
-     */
-    onChange?: (value: string) => void;
-    /**
-     * 类型
-     */
-    type?: RadioGroupItemType;
-    /**
-     * 名称
-     */
-    name?: string;
-}
-declare const RadioGroup: React.FC<RadioGroupProps>;
-export default RadioGroup;
+import React from 'react';
+import './index.scss';
+export interface RadioType {
+    label: string;
+    value: string;
+}
+export type RadioGroupItemType = 'button' | 'text';
+export interface RadioGroupProps {
+    /**
+     * 选项
+     */
+    options: Array<RadioType>;
+    /**
+     * 默认值
+     */
+    defaultValue?: string;
+    /**
+     * 是否换行
+     */
+    isWrap?: boolean;
+    /**
+     * 选中颜色
+     */
+    selectColor?: string;
+    /**
+     * 选中的文字颜色
+     */
+    selectTextColor?: string;
+    /**
+     * 未选中颜色
+     */
+    unSelectColor?: string;
+    /**
+     * 未选中的文字颜色
+     */
+    unSelectTextColor?: string;
+    /**
+     * 改变事件
+     * @param value
+     */
+    onChange?: (value: string) => void;
+    /**
+     * 类型
+     */
+    type?: RadioGroupItemType;
+    /**
+     * 名称
+     */
+    name?: string;
+}
+declare const RadioGroup: React.FC<RadioGroupProps>;
+export default RadioGroup;

package/es/components/rich-text/index.d.ts

@@ -1,6 +1,6 @@
-/**
- * 富文本
- */
-import RichText from './rich-text';
-export type { RichTextProps } from './rich-text';
-export { RichText, };
+/**
+ * 富文本
+ */
+import RichText from './rich-text';
+export type { RichTextProps } from './rich-text';
+export { RichText, };

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

@@ -1,5 +1,5 @@
-/**
- * 富文本
+/**
+ * 富文本
  */
 
 import RichText from "./rich-text";

package/es/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/es/components/rich-text/rich-text.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import './index.scss';
-interface DataProps {
-    content?: string;
-}
-export interface RichTextProps {
-    content?: string;
-    dataList?: DataProps[];
-}
-declare const RichText: {
-    (props: RichTextProps): JSX.Element;
-    displayName: string;
-};
-export default RichText;
+/// <reference types="react" />
+import './index.scss';
+interface DataProps {
+    content?: string;
+}
+export interface RichTextProps {
+    content?: string;
+    dataList?: DataProps[];
+}
+declare const RichText: {
+    (props: RichTextProps): JSX.Element;
+    displayName: string;
+};
+export default RichText;

package/es/components/search-bar/index.d.ts

@@ -1,3 +1,3 @@
-import SearchBar from "./search-bar";
-export type { SearchBarProps } from './search-bar';
-export default SearchBar;
+import SearchBar from "./search-bar";
+export type { SearchBarProps } from './search-bar';
+export default SearchBar;

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

@@ -1,39 +1,39 @@
-.search-bar-form {
-  height: 35px;
-  flex: 1;
-  box-shadow: 0 1px 6px 0 rgba(66, 36, 8, 0.08);
-  border-radius: 17px;
-}
-.search-bar {
-  //border: solid 1px #c4c6cf;
-  display: flex;
-  align-items: center;
-  height: 100%;
-  padding-right: 16px;
-  &-input {
-    outline: none;
-    border: none;
-    //width: calc(100% - 15px - 34px);
-    height: 100%;
-    flex: 1;
-  }
-  &-icon {
-    margin-left: 15px;
-    margin-right: 5px;
-    display: flex;
-    align-items: center;
-    &-img {
-      width: 15px;
-      height: 15px;
-    }
-  }
-  &-delete-img {
-    width: 15px;
-    height: 15px;
-  }
-  &-enter {
-    font-size: 14px;
-    color: #f77c32;
-    margin-left: 6px;
-  }
-}
+.search-bar-form {
+  height: 35px;
+  flex: 1;
+  box-shadow: 0 1px 6px 0 rgba(66, 36, 8, 0.08);
+  border-radius: 17px;
+}
+.search-bar {
+  //border: solid 1px #c4c6cf;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  padding-right: 16px;
+  &-input {
+    outline: none;
+    border: none;
+    //width: calc(100% - 15px - 34px);
+    height: 100%;
+    flex: 1;
+  }
+  &-icon {
+    margin-left: 15px;
+    margin-right: 5px;
+    display: flex;
+    align-items: center;
+    &-img {
+      width: 15px;
+      height: 15px;
+    }
+  }
+  &-delete-img {
+    width: 15px;
+    height: 15px;
+  }
+  &-enter {
+    font-size: 14px;
+    color: #f77c32;
+    margin-left: 6px;
+  }
+}

package/es/components/search-bar/search-bar.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-export interface SearchBarProps {
-    onSearch?: () => void;
-    onConfirm?: (value: string) => void;
-    placeholder?: string;
-    searchText?: boolean;
-    autofocus?: boolean;
-}
-declare const SearchBar: React.FC<SearchBarProps>;
-export default SearchBar;
+import * as React from 'react';
+export interface SearchBarProps {
+    onSearch?: () => void;
+    onConfirm?: (value: string) => void;
+    placeholder?: string;
+    searchText?: boolean;
+    autofocus?: boolean;
+}
+declare const SearchBar: React.FC<SearchBarProps>;
+export default SearchBar;

package/es/components/search-bar/search-bar.js

@@ -22,8 +22,8 @@ var SearchBar = function SearchBar(props) {
   var handleChange = function handleChange(e) {
     setSearchValue(e.target.value); // 更新 state
   };
-  /**
-   * 触发confirm事件
+  /**
+   * 触发confirm事件
    */
   var confirm = function confirm() {
     var _searchInput$current;

package/es/components/stream-list/index.d.ts

@@ -1,6 +1,6 @@
-/**
- * 菜单列表
- */
-import StreamList from './stream-list';
-export type { StreamListProps } from './stream-list';
-export { StreamList };
+/**
+ * 菜单列表
+ */
+import StreamList from './stream-list';
+export type { StreamListProps } from './stream-list';
+export { StreamList };

package/es/components/stream-list/index.js

@@ -1,5 +1,5 @@
-/**
- * 菜单列表
+/**
+ * 菜单列表
  */
 
 import StreamList from "./stream-list";

package/es/components/stream-list/index.scss

@@ -1,26 +1,26 @@
-@import '../../variables.scss';
-
-.stream-list-container {
-
-  .refresh-indicator {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 40px;
-    font-size: 14px;
-    color: #333;
-    pointer-events: none;
-  }
-
-  // 加载更多提示的样式
-  .spin, .loading-text {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 40px; // 提示高度
-    font-size: 14px;
-    color: #666;
-  }
-
-}
-
+@import '../../variables.scss';
+
+.stream-list-container {
+
+  .refresh-indicator {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 40px;
+    font-size: 14px;
+    color: #333;
+    pointer-events: none;
+  }
+
+  // 加载更多提示的样式
+  .spin, .loading-text {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 40px; // 提示高度
+    font-size: 14px;
+    color: #666;
+  }
+
+}
+

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

@@ -1,54 +1,54 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import './index.scss';
-export interface PageHelperType<T = any> {
-    page: number;
-    rows: number;
-    isLastPage: boolean;
-    total: number;
-    list: T[];
-}
-export interface StreamListProps {
-    /**
-     * 子组件内容
-     */
-    children: ReactNode;
-    /**
-     * 请求下一页数据的函数
-     * @param page
-     * @param rows
-     */
-    onNextPage?: (options: {
-        page: number;
-        rows?: number;
-    }) => Promise<PageHelperType>;
-    /**
-     * 请求刷新数据的函数
-     */
-    onRefreshPage?: () => Promise<PageHelperType>;
-    /**
-     * 是否是最后一页
-     */
-    isLastPage?: boolean;
-    /**
-     * 当前页
-     */
-    nowPage?: number;
-    /**
-     * 刷新中的文字提示
-     */
-    refreshingText?: string;
-    /**
-     * 加载中的文字提示
-     */
-    loadingText?: string;
-    /**
-     * 加载更多的文字提示
-     */
-    loadMoreText?: string;
-}
-/**
- * StreamList 组件
- */
-declare const StreamList: React.FC<StreamListProps>;
-export default StreamList;
+import type { ReactNode } from 'react';
+import React from 'react';
+import './index.scss';
+export interface PageHelperType<T = any> {
+    page: number;
+    rows: number;
+    isLastPage: boolean;
+    total: number;
+    list: T[];
+}
+export interface StreamListProps {
+    /**
+     * 子组件内容
+     */
+    children: ReactNode;
+    /**
+     * 请求下一页数据的函数
+     * @param page
+     * @param rows
+     */
+    onNextPage?: (options: {
+        page: number;
+        rows?: number;
+    }) => Promise<PageHelperType>;
+    /**
+     * 请求刷新数据的函数
+     */
+    onRefreshPage?: () => Promise<PageHelperType>;
+    /**
+     * 是否是最后一页
+     */
+    isLastPage?: boolean;
+    /**
+     * 当前页
+     */
+    nowPage?: number;
+    /**
+     * 刷新中的文字提示
+     */
+    refreshingText?: string;
+    /**
+     * 加载中的文字提示
+     */
+    loadingText?: string;
+    /**
+     * 加载更多的文字提示
+     */
+    loadMoreText?: string;
+}
+/**
+ * StreamList 组件
+ */
+declare const StreamList: React.FC<StreamListProps>;
+export default StreamList;

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

@@ -2,8 +2,8 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useRef, useState } from 'react';
 import "./index.scss";
-/**
- * StreamList 组件
+/**
+ * StreamList 组件
  */
 var StreamList = function StreamList(_ref) {
   var children = _ref.children,

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

@@ -1,3 +1,3 @@
-import Swiper from './swiper';
-export type { ComponentProps } from './swiper';
-export default Swiper;
+import Swiper from './swiper';
+export type { ComponentProps } from './swiper';
+export default Swiper;

package/es/components/swiper/index.scss

@@ -1,20 +1,33 @@
-.carousel {
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-  max-width: 600px;
-}
-
-.carousel__wrapper {
-  display: flex;
-  transition: transform ease-in-out;
-}
-
-.carousel__slide {
-  min-width: 100%;
-}
-
-.carousel__slide img {
-  width: 100%;
-  height: auto;
-}
+.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;
+}