@dckj-npm/dc-material 0.1.357 → 0.1.359

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

@@ -0,0 +1,6 @@
+/**
+ * 个人信息
+ */
+import Rating from './rating';
+export type { RatingProps } from './rating';
+export { Rating };

package/es/components/rating/index.js

@@ -0,0 +1,6 @@
+/**
+ * 个人信息
+ */
+
+import Rating from "./rating";
+export { Rating };

package/es/components/rating/index.scss

@@ -0,0 +1,3 @@
+.rating {
+    width: fit-content;
+}

package/es/components/rating/rating.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import './index.scss';
+/**
+ * 评分
+ */
+export interface RatingProps {
+    /**
+     * 数据
+     */
+    dataList?: DataProps[];
+    /**
+     * 评分
+     */
+    value?: number;
+    /**
+     * 尺寸
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 点击事件
+     */
+    onClick: () => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+}
+interface DataProps {
+    /**
+     * 值
+     */
+    value: number;
+}
+declare const Rating: React.FC<RatingProps>;
+export default Rating;

package/es/components/rating/rating.js

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _Rating from "@alifd/next/es/rating";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["dataList", "value", "size", "disabled", "onClick", "children"];
+import React from 'react';
+import "./index.scss";
+/**
+ * 评分
+ */
+
+var Rating = function Rating(_ref) {
+  var dataList = _ref.dataList,
+    value = _ref.value,
+    size = _ref.size,
+    disabled = _ref.disabled,
+    onClick = _ref.onClick,
+    children = _ref.children,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "rating"
+  }, _otherProps, {
+    onClick: onClick
+  }), /*#__PURE__*/React.createElement(_Rating, {
+    disabled: disabled,
+    value: value,
+    size: size
+  }));
+};
+Rating.displayName = 'Rating';
+export default Rating;

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

@@ -0,0 +1,3 @@
+import ReviewList from './review-list';
+export type { ReviewListProps } from './review-list';
+export { ReviewList };

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

@@ -0,0 +1,2 @@
+import ReviewList from "./review-list";
+export { ReviewList };

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

@@ -0,0 +1,89 @@
+.reviewList {
+    // padding: 20px;
+    display: flex;
+    flex-direction: column;
+  
+    .header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 15px;
+      &-title {
+        font-size: 14px;
+        line-height: 1.3;
+        margin: 0;
+        color: #222222;
+        font-weight: bold;
+      }
+      &-right {
+        font-size: 14px;
+        line-height: 1.3;
+        color: #FF4C3B;
+        font-weight: 400;
+      }
+    }
+    .list {
+      display: flex;
+      flex-direction: column;
+      .review-item {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        padding: 10px 0;
+        border-bottom: 1px solid #f0f0f0;
+    
+        .userInfo {
+          display: flex;
+          gap: 12px;
+          margin-bottom: 10px;
+    
+          .userDetail {
+            display: flex;
+            flex-direction: column;
+    
+            .topLine {
+              display: flex;
+              gap: 10px;
+              // margin-bottom: 4px;
+              font-size: 14px;
+              line-height: 1.3;
+              margin: 0;
+              color: #222222;
+              .userDetail-username {
+                font-size: 14px;
+                line-height: 1.3;
+                margin: 0;
+                color: #222222;
+              }
+            }
+          }
+        }
+    
+        .content {
+          margin: 12px 0;
+          color: #777777;
+          font-size: 14px;
+          line-height: 1.3;
+        }
+    
+        .actions {
+          width: 100%;
+          display: flex;
+          justify-content: flex-end;
+          gap: 10px;
+          .action {
+            display: flex;
+            align-items: center;
+            gap: 5px;
+            cursor: pointer;
+            &-img {
+              width: 18px;
+              height: 18px;
+            }
+          }
+        }
+      }
+    }
+    
+  }
+  

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

@@ -0,0 +1,44 @@
+import React from 'react';
+import './index.scss';
+export interface ReviewListProps {
+    /**
+     * 数据
+     */
+    dataList: DataListProps[];
+    /**
+     * 子元素
+     */
+    children: React.ReactNode;
+}
+interface DataListProps {
+    /**
+     * 头像
+     */
+    avatar: string;
+    /**
+     * 用户名
+     */
+    userName: string;
+    /**
+     * 时间
+     */
+    time: string;
+    /**
+     * 评分
+     */
+    rating: number;
+    /**
+     * 评论
+     */
+    content: string;
+    /**
+     * 点赞数
+     */
+    likeCount: number;
+    /**
+     * 点踩数
+     */
+    unlikeCount: number;
+}
+declare const ReviewList: React.FC<ReviewListProps>;
+export default ReviewList;

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

@@ -0,0 +1,71 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["dataList", "children"];
+import React from 'react';
+// import { Avatar, Rate, Space } from 'antd'
+import { convertChildren } from "../../utils/children-node-handle";
+import "./index.scss";
+import likePng from "../../assets/icon/review-list/like.png";
+import unlikePng from "../../assets/icon/review-list/unlike.png";
+var ReviewList = function ReviewList(_ref) {
+  var _ref$dataList = _ref.dataList,
+    dataList = _ref$dataList === void 0 ? [] : _ref$dataList,
+    children = _ref.children,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  console.log('评价列表数据：', dataList);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "reviewList"
+  }, _otherProps), /*#__PURE__*/React.createElement("div", {
+    className: "header"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "header-title"
+  }, "Customer Reviews"), /*#__PURE__*/React.createElement("div", {
+    "class": "header-right"
+  }, "All Reviews")), /*#__PURE__*/React.createElement("div", {
+    className: "list"
+  }, dataList ? dataList.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: "review-item"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "userInfo"
+    }, convertChildren(children, 'avatar', {
+      imgSrc: item.avatar[0],
+      style: {
+        width: '45px',
+        height: '45px'
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "userDetail"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "topLine"
+    }, convertChildren(children, 'userName', {
+      children: item.userName,
+      className: 'userDetail-username'
+    }), convertChildren(children, 'time', {
+      children: item.time,
+      className: 'userDetail-username'
+    })), convertChildren(children, 'rating', {
+      children: item.rating
+    }))), convertChildren(children, 'content', {
+      children: item.content,
+      className: 'content'
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "actions"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "action"
+    }, /*#__PURE__*/React.createElement("img", {
+      className: "action-img",
+      src: likePng,
+      alt: ""
+    }), /*#__PURE__*/React.createElement("span", null, item.likeCount)), /*#__PURE__*/React.createElement("span", {
+      className: "action"
+    }, /*#__PURE__*/React.createElement("img", {
+      className: "action-img",
+      src: unlikePng,
+      alt: ""
+    }), /*#__PURE__*/React.createElement("span", null, item.unlikeCount))));
+  }) : /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u6570\u636E")));
+};
+export default ReviewList;

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

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

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

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

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

@@ -0,0 +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; /* 确保图片保持在容器内 */
+}

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

@@ -0,0 +1,13 @@
+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/rich-text/rich-text.js

@@ -0,0 +1,37 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["content", "dataList"];
+import React from 'react';
+import "./index.scss";
+// 富文本
+
+// 用于处理富文本内容的函数
+var processContent = function processContent(content) {
+  // 检查内容是否为字符串
+  if (typeof content !== 'string') {
+    return '';
+  }
+  // 替换转义符号（这里可以根据需要添加更多处理逻辑）
+  return content.replace(/\\/g, '');
+};
+var RichText = function RichText(props) {
+  var content = props.content,
+    dataList = props.dataList,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "rich-text"
+  }, otherProps), dataList && dataList.length > 0 ? dataList.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      dangerouslySetInnerHTML: {
+        __html: processContent(item.content)
+      }
+    });
+  }) : /*#__PURE__*/React.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: processContent(content)
+    }
+  }));
+};
+RichText.displayName = 'RichText';
+export default RichText;

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

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

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

@@ -0,0 +1,2 @@
+import SearchBar from "./search-bar";
+export default SearchBar;

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

@@ -0,0 +1,44 @@
+.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-right-icon {
+    margin-left: 8px;
+    width: 16px;
+    height: 16px;
+  }
+}

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

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

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

@@ -0,0 +1,79 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["onSearch", "searchText", "autofocus", "placeholder", "onConfirm", "children", "iconSrc"];
+import * as React from 'react';
+import { useRef, useState } from 'react';
+import searchIcon from "../../assets/icon/search/search.png";
+import deleteIcon from "../../assets/icon/search/delete.png";
+import { convertChildren } from "../../../src/utils/children-node-handle";
+var SearchBar = function SearchBar(props) {
+  var onSearch = props.onSearch,
+    _props$searchText = props.searchText,
+    searchText = _props$searchText === void 0 ? true : _props$searchText,
+    _props$autofocus = props.autofocus,
+    autofocus = _props$autofocus === void 0 ? false : _props$autofocus,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? '请输入' : _props$placeholder,
+    onConfirm = props.onConfirm,
+    children = props.children,
+    iconSrc = props.iconSrc,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useState = useState(),
+    searchValue = _useState[0],
+    setSearchValue = _useState[1];
+  var searchInput = useRef(null);
+  var handleChange = function handleChange(e) {
+    setSearchValue(e.target.value); // 更新 state
+  };
+  /**
+   * 触发confirm事件
+   */
+  var confirm = function confirm() {
+    var _searchInput$current;
+    if (onConfirm) {
+      onConfirm(searchValue);
+    }
+    searchInput === null || searchInput === void 0 ? void 0 : (_searchInput$current = searchInput.current) === null || _searchInput$current === void 0 ? void 0 : _searchInput$current.blur();
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key === 'Enter') {
+      confirm();
+    }
+  };
+  var clearValue = function clearValue() {
+    setSearchValue('');
+  };
+  return /*#__PURE__*/React.createElement("form", _extends({
+    action: "",
+    className: "search-bar-form"
+  }, otherProps, {
+    onSubmit: confirm
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "search-bar",
+    onClick: onSearch
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "search-bar-icon"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: searchIcon,
+    className: "search-bar-icon-img"
+  })), /*#__PURE__*/React.createElement("input", {
+    className: "search-bar-input",
+    placeholder: placeholder,
+    value: searchValue,
+    autoFocus: autofocus,
+    onChange: handleChange,
+    onKeyDown: handleKeyDown,
+    ref: searchInput
+  }), searchValue ? /*#__PURE__*/React.createElement("img", {
+    className: "search-bar-delete-img",
+    src: deleteIcon,
+    onClick: clearValue
+  }) : '', searchText ? /*#__PURE__*/React.createElement("span", {
+    className: "search-bar-enter",
+    onClick: confirm
+  }, "\u641C\u7D22") : '', iconSrc && convertChildren(children, 'img-right', {
+    imgSrc: iconSrc,
+    className: 'search-bar-right-icon'
+  })));
+};
+export default SearchBar;

package/es/components/search-history-list/index.d.ts

@@ -0,0 +1,3 @@
+import SearchHistoryList from './search-history-list';
+export type { SearchHistoryListProps } from './search-history-list';
+export { SearchHistoryList };

package/es/components/search-history-list/index.js

@@ -0,0 +1,2 @@
+import SearchHistoryList from "./search-history-list";
+export { SearchHistoryList };

package/es/components/search-history-list/index.scss

@@ -0,0 +1,29 @@
+.search-history-list {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    .search-history-item {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .search-history-item-left {
+            display: flex;
+            align-items: center;
+            .search-history-icon {
+                width: 14px;
+                height: 14px;
+                margin-right: 4px;
+            }
+            .search-history-content {
+                font-size: 14px;
+                font-weight: normal;
+                color: #777777;
+            }
+        }
+        .search-history-delete {
+            width: 14px;
+            height: 14px;
+        }
+    }
+}

package/es/components/search-history-list/search-history-list.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import './index.scss';
+export interface SearchHistoryListProps {
+    /**
+     * 是否有图标
+     */
+    isLeftIcon?: string;
+    /**
+     * 图标
+     */
+    iconSrc?: string;
+    /**
+     * 数据
+     */
+    dataList: DataListProps[];
+    /**
+     * 是否可删除
+     */
+    isShowDelete: boolean;
+    /**
+     * 子元素
+     */
+    children: React.ReactNode;
+}
+interface DataListProps {
+    content: string;
+}
+declare const SearchHistoryList: React.FC<SearchHistoryListProps>;
+export default SearchHistoryList;

package/es/components/search-history-list/search-history-list.js

@@ -0,0 +1,45 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["iconSrc", "dataList", "isShowDelete", "isLeftIcon", "children"];
+import * as React from 'react';
+import "./index.scss";
+import closeIcon from "../../assets/icon/search-history-list/close.png";
+import timeIcon from "../../assets/icon/search-history-list/time.png";
+import { convertChildren } from "../../../src/utils/children-node-handle";
+var SearchHistoryList = function SearchHistoryList(props) {
+  var _props$iconSrc = props.iconSrc,
+    iconSrc = _props$iconSrc === void 0 ? '' : _props$iconSrc,
+    dataList = props.dataList,
+    _props$isShowDelete = props.isShowDelete,
+    isShowDelete = _props$isShowDelete === void 0 ? true : _props$isShowDelete,
+    isLeftIcon = props.isLeftIcon,
+    children = props.children,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var deleteItem = function deleteItem(index) {
+    dataList.splice(index, 1);
+  };
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "search-history-list"
+  }, _otherProps), dataList && dataList.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "search-history-item",
+      key: index
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "search-history-item-left"
+    }, isLeftIcon && convertChildren(children, 'image-1', {
+      imgSrc: iconSrc || timeIcon,
+      className: 'search-history-icon'
+    }), convertChildren(children, 'text-1', {
+      children: item.content,
+      className: 'search-history-content'
+    })), isShowDelete && convertChildren(children, 'image-2', {
+      imgSrc: closeIcon,
+      className: 'search-history-delete',
+      onClick: function onClick() {
+        return deleteItem(index);
+      }
+    }));
+  }));
+};
+export default SearchHistoryList;

package/es/components/shopping-cart/components/good-item.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './good-item.scss';
+import { ShopCarModel } from "../type";
+/**
+ * 数据
+ */
+export interface DataProps {
+    item: ShopCarModel;
+    isEdit: boolean;
+    onUpdateItem: (item: ShopCarModel) => void;
+    onCheckChange: (item: ShopCarModel) => void;
+    onAddOrSubtract: (type: 'add' | 'subtract', item: ShopCarModel) => void;
+}
+declare const GoodItem: React.FC<DataProps>;
+export default GoodItem;