@dckj-npm/dc-material 0.1.150 → 0.1.152

package/es/components/member-card/index.scss

@@ -1,86 +0,0 @@
-.member-card {
-  width: 100%;
-  //height: 60px;
-  border-radius: 15px;
-  display: flex;
-  justify-content: start;
-  align-items: center;
-  flex-direction: column;
-  background: white;
-  padding: 13px 20px;
-
-  .header {
-    width: 100%;
-    padding-bottom: 2px;
-    display: flex;
-    justify-content: space-between;
-
-    .left {
-      font-weight: bold;
-      font-size: 15px;
-      color: #333333;
-      display: flex;
-      align-items: center;
-
-      .grade {
-        width: 53px;
-        height: 13px;
-        margin-left: 5px;
-      }
-    }
-
-    .btn-tag {
-      //width: 74px;
-      height: 30px;
-      border-radius: 15px;
-      font-size: 12px;
-      font-weight: bold;
-      color: #63421a;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-
-  .footer {
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    .progress-bar-container {
-      width: 100%;
-      margin: 2px 0;
-
-      .progress-bar-background {
-        width: 100%;
-        height: 15px;
-        background-color: #FEF1E6;
-        border-radius: 10px;
-        overflow: hidden;
-      }
-
-      .progress-bar-foreground {
-        height: 100%;
-        background-color: #FF5E27;
-        border-radius: 10px;
-        transition: width 0.3s ease-in-out;
-      }
-    }
-
-    .right {
-      font-weight: 500;
-      font-size: 12px;
-      color: #999999;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      .img {
-        width: 6px;
-        height: 7px;
-        margin-left: 5px;
-      }
-    }
-  }
-}

package/es/components/member-card/member-card.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './index.scss';
-import { MemberInfoModel } from "./type";
-declare const MemberCard: React.FC<MemberInfoModel>;
-export default MemberCard;

package/es/components/member-card/member-card.js

@@ -1,68 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["userName", "gradeImg", "isMaxLevel", "maxTotal", "currentNum", "isFastExpireCoupon", "discount", "handleClick", "handleCouponClick"];
-import React, { useMemo } from 'react';
-import "./index.scss";
-import arrowImg from "../../assets/icon/mine/right.png";
-var MemberCard = function MemberCard(_ref) {
-  var userName = _ref.userName,
-    gradeImg = _ref.gradeImg,
-    isMaxLevel = _ref.isMaxLevel,
-    maxTotal = _ref.maxTotal,
-    currentNum = _ref.currentNum,
-    isFastExpireCoupon = _ref.isFastExpireCoupon,
-    discount = _ref.discount,
-    _ref$handleClick = _ref.handleClick,
-    handleClick = _ref$handleClick === void 0 ? function () {} : _ref$handleClick,
-    _ref$handleCouponClic = _ref.handleCouponClick,
-    handleCouponClick = _ref$handleCouponClic === void 0 ? function () {} : _ref$handleCouponClic,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _otherProps = otherProps || {};
-
-  // 计算进度百分比 使用 useMemo 来模拟计算属性
-  var progressPercentage = useMemo(function () {
-    if (isMaxLevel) return 100;
-    if (maxTotal === 0) return 0; // 防止除以零错误
-    if (!maxTotal || !currentNum) return 0;
-    return (currentNum / maxTotal * 100).toFixed(2); // 保留两位小数
-  }, [isMaxLevel, maxTotal, currentNum]);
-
-  // 外层容器的宽度
-  var containerWidth = isFastExpireCoupon ? '60%' : '100%';
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "member-card"
-  }, _otherProps, {
-    onClick: handleClick
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "header"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "left"
-  }, /*#__PURE__*/React.createElement("span", null, userName), gradeImg && /*#__PURE__*/React.createElement("img", {
-    className: "grade",
-    src: gradeImg
-  })), discount && /*#__PURE__*/React.createElement("div", {
-    className: "btn-tag"
-  }, "\u5C0A\u4EAB", discount !== null && discount !== void 0 ? discount : 0, "\u6298")), /*#__PURE__*/React.createElement("div", {
-    className: "footer"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "progress-bar-container",
-    style: {
-      width: containerWidth
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "progress-bar-background"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "progress-bar-foreground",
-    style: {
-      width: progressPercentage + "%"
-    }
-  }))), isFastExpireCoupon && /*#__PURE__*/React.createElement("div", {
-    className: "right",
-    onClick: handleCouponClick
-  }, "\u60A8\u6709\u4F18\u60E0\u5238\u5373\u5C06\u5230\u671F", /*#__PURE__*/React.createElement("img", {
-    className: "img",
-    src: arrowImg
-  }))));
-};
-MemberCard.displayName = 'MemberCard';
-export default MemberCard;

package/es/components/member-card/type.d.ts

@@ -1,11 +0,0 @@
-export interface MemberInfoModel {
-    userName: string;
-    discount: string | number;
-    maxTotal: number;
-    currentNum: number;
-    isMaxLevel: boolean;
-    gradeImg: string;
-    isFastExpireCoupon: boolean;
-    handleClick?: () => void;
-    handleCouponClick?: () => void;
-}

package/es/components/member-card/type.js

@@ -1 +0,0 @@
-export {};

package/es/components/user-card/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * 菜单列表
- */
-import UserCard from './user-card';
-export type { UserInfoModel } from './type';
-export { UserCard };

package/es/components/user-card/index.js

@@ -1,6 +0,0 @@
-/**
- * 菜单列表
- */
-
-import UserCard from "./user-card";
-export { UserCard };

package/es/components/user-card/index.scss

@@ -1,68 +0,0 @@
-.user-info {
-  position: relative;
-  width: 100%;
-  height: 240px;
-  padding-top: 10%;
-
-  &-bg {
-    width: 100%;
-    object-fit: cover;
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 240px;
-    max-height: 240px;
-  }
-
-  .content {
-    position: relative;
-    padding: 20px;
-    z-index: 2;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    .arrow {
-      width: 8px;
-      height: 10px;
-    }
-
-    .info-box {
-      display: flex;
-      justify-content: flex-start;
-      align-items: center;
-
-      .head-img {
-        border-radius: 50%;
-        object-fit: cover;
-        margin-right: 10px;
-        width: 70px;
-        height: 70px;
-      }
-
-      .info {
-        font-weight: bold;
-        display: flex;
-        justify-content: flex-start;
-        flex-direction: column;
-
-        .user-name {
-          color: #333;
-          font-size: 21px;
-        }
-
-        .level {
-          margin-bottom: 3.5px;
-          max-width: 65px;
-          height: 18px;
-          object-fit: contain;
-        }
-      }
-
-      .no-login {
-        color: #333;
-        font-size: 21px;
-      }
-    }
-  }
-}

package/es/components/user-card/type.d.ts

@@ -1,8 +0,0 @@
-export interface UserInfoModel {
-    contentBg?: string;
-    headImg?: string;
-    userName?: string;
-    levelImg?: string;
-    isLogin?: boolean;
-    handleClick?: (item: boolean) => void;
-}

package/es/components/user-card/type.js

@@ -1 +0,0 @@
-export {};

package/es/components/user-card/user-card.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './index.scss';
-import { UserInfoModel } from "./type";
-declare const UserCard: React.FC<UserInfoModel>;
-export default UserCard;

package/es/components/user-card/user-card.js

@@ -1,61 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["contentBg", "headImg", "userName", "levelImg", "isLogin", "handleClick"];
-import React from 'react';
-import "./index.scss";
-import defaultImg from "../../assets/icon/mine/default.png";
-import arrowImg from "../../assets/icon/mine/right.png";
-var UserCard = function UserCard(_ref) {
-  var contentBg = _ref.contentBg,
-    headImg = _ref.headImg,
-    userName = _ref.userName,
-    levelImg = _ref.levelImg,
-    isLogin = _ref.isLogin,
-    _ref$handleClick = _ref.handleClick,
-    handleClick = _ref$handleClick === void 0 ? function (item) {
-      console.log(item);
-    } : _ref$handleClick,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _otherProps = otherProps || {};
-  var onTap = function onTap() {
-    if (handleClick) {
-      handleClick(isLogin);
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "user-info"
-  }, _otherProps), contentBg ? /*#__PURE__*/React.createElement("img", {
-    className: "user-info-bg",
-    src: contentBg,
-    alt: ""
-  }) : null, /*#__PURE__*/React.createElement("div", {
-    className: "content",
-    onClick: onTap
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "info-box"
-  }, headImg && isLogin ? /*#__PURE__*/React.createElement("img", {
-    className: "head-img",
-    src: headImg,
-    alt: ""
-  }) : /*#__PURE__*/React.createElement("img", {
-    className: "head-img",
-    src: defaultImg,
-    alt: ""
-  }), isLogin ? /*#__PURE__*/React.createElement("div", {
-    className: "info"
-  }, userName && /*#__PURE__*/React.createElement("div", {
-    className: "user-name"
-  }, userName), levelImg && /*#__PURE__*/React.createElement("img", {
-    className: "level",
-    src: levelImg,
-    alt: ""
-  })) : /*#__PURE__*/React.createElement("div", {
-    className: "no-login"
-  }, "\u767B\u5F55/\u6CE8\u518C")), /*#__PURE__*/React.createElement("img", {
-    className: "arrow",
-    src: arrowImg,
-    alt: ""
-  })));
-};
-UserCard.displayName = 'UserCard';
-export default UserCard;

package/lib/components/dc-slider/index.d.ts

@@ -1,3 +0,0 @@
-import SliderImg from './slider-img';
-export type { SliderComponentProps } from './slider-img';
-export default SliderImg;

package/lib/components/dc-slider/index.js

@@ -1,7 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _sliderImg = _interopRequireDefault(require("./slider-img"));
-var _default = exports["default"] = _sliderImg["default"];

package/lib/components/dc-slider/index.scss

@@ -1,6 +0,0 @@
-
-.slider-img {
-  height: 172px;
-  //width: 100%;
-  object-fit: fill;
-}

package/lib/components/dc-slider/slider-img.d.ts

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-export interface SliderComponentProps {
-    prefix: string;
-    animation: string;
-    arrows: true;
-    arrowSize: string;
-    arrowPosition: string;
-    arrowDirection: string;
-    autoplaySpeed: number;
-    dots: boolean;
-    dotsDirection: string;
-    draggable: boolean;
-    infinite: boolean;
-    slide: string;
-    slideDirection: string;
-    slidesToShow: number;
-    slidesToScroll: number;
-    speed: number;
-    triggerType: string;
-    centerPadding: string;
-    cssEase: string;
-    edgeFriction: number;
-    swipe: boolean;
-    touchMove: boolean;
-    touchThreshold: number;
-    useCSS: boolean;
-    waitForAnimate: boolean;
-    picUrls: string[];
-}
-declare const SliderImg: React.FC<SliderComponentProps>;
-export default SliderImg;

package/lib/components/dc-slider/slider-img.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _slider = _interopRequireDefault(require("@alifd/next/lib/slider"));
-var React = _interopRequireWildcard(require("react"));
-require("./index.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 SliderImg = function DCSlider(props) {
-  console.log('slider', props.picUrls);
-  var style = props.style;
-  return /*#__PURE__*/React.createElement(_slider["default"], props, props.picUrls && props.picUrls.length > 0 ? props.picUrls.map(function (url, index) {
-    return /*#__PURE__*/React.createElement("img", {
-      src: url,
-      alt: "Slide",
-      key: index,
-      className: "slider-img",
-      style: style
-    });
-  }) : /*#__PURE__*/React.createElement("div", null, "\u56FE\u7247\u4E3A\u7A7A"));
-};
-var _default = exports["default"] = SliderImg;

package/lib/components/member-card/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * 菜单列表
- */
-import MemberCard from './member-card';
-export type { MemberInfoModel } from './type';
-export { MemberCard };

package/lib/components/member-card/index.js

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

package/lib/components/member-card/index.scss

@@ -1,86 +0,0 @@
-.member-card {
-  width: 100%;
-  //height: 60px;
-  border-radius: 15px;
-  display: flex;
-  justify-content: start;
-  align-items: center;
-  flex-direction: column;
-  background: white;
-  padding: 13px 20px;
-
-  .header {
-    width: 100%;
-    padding-bottom: 2px;
-    display: flex;
-    justify-content: space-between;
-
-    .left {
-      font-weight: bold;
-      font-size: 15px;
-      color: #333333;
-      display: flex;
-      align-items: center;
-
-      .grade {
-        width: 53px;
-        height: 13px;
-        margin-left: 5px;
-      }
-    }
-
-    .btn-tag {
-      //width: 74px;
-      height: 30px;
-      border-radius: 15px;
-      font-size: 12px;
-      font-weight: bold;
-      color: #63421a;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-
-  .footer {
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    .progress-bar-container {
-      width: 100%;
-      margin: 2px 0;
-
-      .progress-bar-background {
-        width: 100%;
-        height: 15px;
-        background-color: #FEF1E6;
-        border-radius: 10px;
-        overflow: hidden;
-      }
-
-      .progress-bar-foreground {
-        height: 100%;
-        background-color: #FF5E27;
-        border-radius: 10px;
-        transition: width 0.3s ease-in-out;
-      }
-    }
-
-    .right {
-      font-weight: 500;
-      font-size: 12px;
-      color: #999999;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      .img {
-        width: 6px;
-        height: 7px;
-        margin-left: 5px;
-      }
-    }
-  }
-}

package/lib/components/member-card/member-card.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './index.scss';
-import { MemberInfoModel } from "./type";
-declare const MemberCard: React.FC<MemberInfoModel>;
-export default MemberCard;

package/lib/components/member-card/member-card.js

@@ -1,75 +0,0 @@
-"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 _right = _interopRequireDefault(require("../../assets/icon/mine/right.png"));
-var _excluded = ["userName", "gradeImg", "isMaxLevel", "maxTotal", "currentNum", "isFastExpireCoupon", "discount", "handleClick", "handleCouponClick"];
-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 MemberCard = function MemberCard(_ref) {
-  var userName = _ref.userName,
-    gradeImg = _ref.gradeImg,
-    isMaxLevel = _ref.isMaxLevel,
-    maxTotal = _ref.maxTotal,
-    currentNum = _ref.currentNum,
-    isFastExpireCoupon = _ref.isFastExpireCoupon,
-    discount = _ref.discount,
-    _ref$handleClick = _ref.handleClick,
-    handleClick = _ref$handleClick === void 0 ? function () {} : _ref$handleClick,
-    _ref$handleCouponClic = _ref.handleCouponClick,
-    handleCouponClick = _ref$handleCouponClic === void 0 ? function () {} : _ref$handleCouponClic,
-    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  var _otherProps = otherProps || {};
-
-  // 计算进度百分比 使用 useMemo 来模拟计算属性
-  var progressPercentage = (0, _react.useMemo)(function () {
-    if (isMaxLevel) return 100;
-    if (maxTotal === 0) return 0; // 防止除以零错误
-    if (!maxTotal || !currentNum) return 0;
-    return (currentNum / maxTotal * 100).toFixed(2); // 保留两位小数
-  }, [isMaxLevel, maxTotal, currentNum]);
-
-  // 外层容器的宽度
-  var containerWidth = isFastExpireCoupon ? '60%' : '100%';
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-    className: "member-card"
-  }, _otherProps, {
-    onClick: handleClick
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "header"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "left"
-  }, /*#__PURE__*/_react["default"].createElement("span", null, userName), gradeImg && /*#__PURE__*/_react["default"].createElement("img", {
-    className: "grade",
-    src: gradeImg
-  })), discount && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "btn-tag"
-  }, "\u5C0A\u4EAB", discount !== null && discount !== void 0 ? discount : 0, "\u6298")), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "footer"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "progress-bar-container",
-    style: {
-      width: containerWidth
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "progress-bar-background"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "progress-bar-foreground",
-    style: {
-      width: progressPercentage + "%"
-    }
-  }))), isFastExpireCoupon && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "right",
-    onClick: handleCouponClick
-  }, "\u60A8\u6709\u4F18\u60E0\u5238\u5373\u5C06\u5230\u671F", /*#__PURE__*/_react["default"].createElement("img", {
-    className: "img",
-    src: _right["default"]
-  }))));
-};
-MemberCard.displayName = 'MemberCard';
-var _default = exports["default"] = MemberCard;

package/lib/components/member-card/type.d.ts

@@ -1,11 +0,0 @@
-export interface MemberInfoModel {
-    userName: string;
-    discount: string | number;
-    maxTotal: number;
-    currentNum: number;
-    isMaxLevel: boolean;
-    gradeImg: string;
-    isFastExpireCoupon: boolean;
-    handleClick?: () => void;
-    handleCouponClick?: () => void;
-}

package/lib/components/member-card/type.js

@@ -1,3 +0,0 @@
-"use strict";
-
-exports.__esModule = true;

package/lib/components/user-card/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * 菜单列表
- */
-import UserCard from './user-card';
-export type { UserInfoModel } from './type';
-export { UserCard };

package/lib/components/user-card/index.js

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