@dckj-npm/dc-material 0.1.357 → 0.1.359

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

@@ -0,0 +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;

package/lib/components/radio-group/radio-group-item.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 = _interopRequireDefault(require("react"));
+require("./index.scss");
+var _excluded = ["label", "value", "checked", "type", "name", "selectColor", "selectTextColor", "unSelectColor", "unSelectTextColor", "onChange"];
+var styleFunction = function styleFunction(type, bgColors, textColors, checked) {
+  var bgColor = checked ? bgColors[1] : bgColors[0];
+  var textColor = checked ? textColors[1] : textColors[0];
+  if (type === 'button') {
+    return {
+      'backgroundColor': bgColor,
+      'color': textColor
+    };
+  }
+  if (type === 'text') {
+    return {
+      'color': textColor,
+      'position': checked ? 'relative' : 'static'
+    };
+  }
+  return {};
+};
+var RadioGroupItem = function RadioGroupItem(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '标签' : _ref$label,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? 'value' : _ref$value,
+    checked = _ref.checked,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    name = _ref.name,
+    _ref$selectColor = _ref.selectColor,
+    selectColor = _ref$selectColor === void 0 ? '#F5743F' : _ref$selectColor,
+    _ref$selectTextColor = _ref.selectTextColor,
+    selectTextColor = _ref$selectTextColor === void 0 ? 'white' : _ref$selectTextColor,
+    _ref$unSelectColor = _ref.unSelectColor,
+    unSelectColor = _ref$unSelectColor === void 0 ? '#F0F0F0' : _ref$unSelectColor,
+    _ref$unSelectTextColo = _ref.unSelectTextColor,
+    unSelectTextColor = _ref$unSelectTextColo === void 0 ? '#727272' : _ref$unSelectTextColo,
+    onChange = _ref.onChange,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var handleChange = function handleChange(event) {
+    onChange(event.target.value);
+  };
+  // 获取特殊的样式
+  var customStyle = styleFunction(type, [unSelectColor, selectColor], [unSelectTextColor, selectTextColor], checked);
+  if (_otherProps.style) {
+    _otherProps.style = (0, _extends2["default"])({}, _otherProps.style, customStyle);
+  } else {
+    _otherProps.style = (0, _extends2["default"])({}, customStyle);
+  }
+  var className = type === 'button' ? 'radio-group-item__button' : 'radio-group-item__text';
+  return /*#__PURE__*/_react["default"].createElement("label", (0, _extends2["default"])({
+    key: value,
+    className: className
+  }, _otherProps), type === 'text' && checked && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "radio-group-item__text__line",
+    style: {
+      'background-color': selectColor
+    }
+  }), /*#__PURE__*/_react["default"].createElement("input", {
+    type: "radio",
+    style: {
+      'display': 'none'
+    },
+    name: name,
+    value: value,
+    checked: checked,
+    onChange: handleChange
+  }), label);
+};
+RadioGroupItem.displayName = 'RadioGroupItem';
+var _default = exports["default"] = RadioGroupItem;

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

@@ -0,0 +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;

package/lib/components/radio-group/radio-group.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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"));
+require("./index.scss");
+var _radioGroupItem = _interopRequireDefault(require("./radio-group-item"));
+var _excluded = ["options", "name", "type", "defaultValue", "selectColor", "selectTextColor", "unSelectColor", "unSelectTextColor", "isWrap", "onChange", "children"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function uuid() {
+  return Math.random().toString(36).substring(2);
+}
+var RadioGroup = function RadioGroup(_ref) {
+  var _options$;
+  var options = _ref.options,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? uuid() : _ref$name,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    defaultValue = _ref.defaultValue,
+    _ref$selectColor = _ref.selectColor,
+    selectColor = _ref$selectColor === void 0 ? '#F5743F' : _ref$selectColor,
+    _ref$selectTextColor = _ref.selectTextColor,
+    selectTextColor = _ref$selectTextColor === void 0 ? 'white' : _ref$selectTextColor,
+    _ref$unSelectColor = _ref.unSelectColor,
+    unSelectColor = _ref$unSelectColor === void 0 ? '#F0F0F0' : _ref$unSelectColor,
+    _ref$unSelectTextColo = _ref.unSelectTextColor,
+    unSelectTextColor = _ref$unSelectTextColo === void 0 ? '#727272' : _ref$unSelectTextColo,
+    _ref$isWrap = _ref.isWrap,
+    isWrap = _ref$isWrap === void 0 ? false : _ref$isWrap,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    children = _ref.children,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var defaultV = (options === null || options === void 0 ? void 0 : (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || defaultValue || '';
+  var _useState = (0, _react.useState)(defaultV),
+    selectedValue = _useState[0],
+    setSelectedValue = _useState[1];
+  (0, _react.useEffect)(function () {
+    if (defaultV) {
+      handleChange(defaultV);
+    }
+  }, [defaultV]);
+  var handleChange = function handleChange(value) {
+    setSelectedValue(value);
+    onChange(value);
+  };
+  var wrapClass = isWrap ? 'flex-wrap: wrap;' : 'flex-wrap: nowrap;overflow-x: auto;';
+  _otherProps.style = wrapClass + ' ' + _otherProps.style ? _otherProps.style : '';
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "radio-group__panel"
+  }, _otherProps), (options || []).map(function (option) {
+    return /*#__PURE__*/_react["default"].createElement(_radioGroupItem["default"], {
+      label: option.label,
+      value: option.value,
+      key: option.value,
+      checked: selectedValue === option.value,
+      name: name,
+      type: type,
+      selectColor: selectColor,
+      selectTextColor: selectTextColor,
+      unSelectColor: unSelectColor,
+      unSelectTextColor: unSelectTextColor,
+      onChange: handleChange
+    });
+    // return convertChildren(children, 'custom-radio-group-item', {
+    //     label: option.label,
+    //     value: option.value,
+    //     key: option.value,
+    //     checked: selectedValue === option.value,
+    //     name: name,
+    //     type: type,
+    //     selectColor: selectColor,
+    //     selectTextColor: selectTextColor,
+    //     unSelectColor: unSelectColor,
+    //     unSelectTextColor: unSelectTextColor,
+    //     onChange: handleChange
+    // })
+  }));
+};
+RadioGroup.displayName = 'RadioGroup';
+var _default = exports["default"] = RadioGroup;

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

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

package/lib/components/rating/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _rating = _interopRequireDefault(require("./rating"));
+exports.Rating = _rating["default"];

package/lib/components/rating/index.scss

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

package/lib/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/lib/components/rating/rating.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _rating = _interopRequireDefault(require("@alifd/next/lib/rating"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+require("./index.scss");
+var _excluded = ["dataList", "value", "size", "disabled", "onClick", "children"];
+/**
+ * 评分
+ */
+
+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 = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "rating"
+  }, _otherProps, {
+    onClick: onClick
+  }), /*#__PURE__*/_react["default"].createElement(_rating["default"], {
+    disabled: disabled,
+    value: value,
+    size: size
+  }));
+};
+Rating.displayName = 'Rating';
+var _default = exports["default"] = Rating;

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _reviewList = _interopRequireDefault(require("./review-list"));
+exports.ReviewList = _reviewList["default"];

package/lib/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/lib/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/lib/components/review-list/review-list.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 = _interopRequireDefault(require("react"));
+var _childrenNodeHandle = require("../../utils/children-node-handle");
+require("./index.scss");
+var _like = _interopRequireDefault(require("../../assets/icon/review-list/like.png"));
+var _unlike = _interopRequireDefault(require("../../assets/icon/review-list/unlike.png"));
+var _excluded = ["dataList", "children"]; // import { Avatar, Rate, Space } from 'antd'
+var ReviewList = function ReviewList(_ref) {
+  var _ref$dataList = _ref.dataList,
+    dataList = _ref$dataList === void 0 ? [] : _ref$dataList,
+    children = _ref.children,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  console.log('评价列表数据：', dataList);
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "reviewList"
+  }, _otherProps), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "header"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    "class": "header-title"
+  }, "Customer Reviews"), /*#__PURE__*/_react["default"].createElement("div", {
+    "class": "header-right"
+  }, "All Reviews")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "list"
+  }, dataList ? dataList.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: index,
+      className: "review-item"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "userInfo"
+    }, (0, _childrenNodeHandle.convertChildren)(children, 'avatar', {
+      imgSrc: item.avatar[0],
+      style: {
+        width: '45px',
+        height: '45px'
+      }
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "userDetail"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "topLine"
+    }, (0, _childrenNodeHandle.convertChildren)(children, 'userName', {
+      children: item.userName,
+      className: 'userDetail-username'
+    }), (0, _childrenNodeHandle.convertChildren)(children, 'time', {
+      children: item.time,
+      className: 'userDetail-username'
+    })), (0, _childrenNodeHandle.convertChildren)(children, 'rating', {
+      children: item.rating
+    }))), (0, _childrenNodeHandle.convertChildren)(children, 'content', {
+      children: item.content,
+      className: 'content'
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "actions"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "action"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      className: "action-img",
+      src: _like["default"],
+      alt: ""
+    }), /*#__PURE__*/_react["default"].createElement("span", null, item.likeCount)), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "action"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      className: "action-img",
+      src: _unlike["default"],
+      alt: ""
+    }), /*#__PURE__*/_react["default"].createElement("span", null, item.unlikeCount))));
+  }) : /*#__PURE__*/_react["default"].createElement("div", null, "\u6682\u65E0\u6570\u636E")));
+};
+var _default = exports["default"] = ReviewList;

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _richText = _interopRequireDefault(require("./rich-text"));
+exports.RichText = _richText["default"];

package/lib/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/lib/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/lib/components/rich-text/rich-text.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 = _interopRequireDefault(require("react"));
+require("./index.scss");
+var _excluded = ["content", "dataList"];
+// 富文本
+
+// 用于处理富文本内容的函数
+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 = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "rich-text"
+  }, otherProps), dataList && dataList.length > 0 ? dataList.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: index,
+      dangerouslySetInnerHTML: {
+        __html: processContent(item.content)
+      }
+    });
+  }) : /*#__PURE__*/_react["default"].createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: processContent(content)
+    }
+  }));
+};
+RichText.displayName = 'RichText';
+var _default = exports["default"] = RichText;