@dckj-npm/dc-material 0.1.357 → 0.1.359

package/lib/components/title/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _title = _interopRequireDefault(require("./title-1"));
+exports.Title1 = _title["default"];
+var _title2 = _interopRequireDefault(require("./title-2"));
+exports.Title2 = _title2["default"];

package/lib/components/title/title-1.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './title-1.scss';
+export interface Title1Props {
+    /**
+     * 标题
+     */
+    title?: string;
+}
+declare const Title1: React.FC<Title1Props>;
+export default Title1;

package/lib/components/title/title-1.js

@@ -0,0 +1,21 @@
+"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("./title-1.scss");
+var _excluded = ["title"];
+var Title1 = function Title1(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '标题标题' : _ref$title,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "custom-title-1"
+  }, _otherProps), /*#__PURE__*/_react["default"].createElement("span", null, title));
+};
+Title1.displayName = 'Title1';
+var _default = exports["default"] = Title1;

package/lib/components/title/title-1.scss

@@ -0,0 +1,25 @@
+@import '../../variables.scss';
+
+.custom-title-1 {
+  font-size: 17px;
+  font-weight: 500;
+  color: #000000;
+  z-index: 1;
+  & > span {
+    position: relative;
+
+    &::after {
+      content: '';
+      position: absolute;
+      bottom: -2px;
+      left: 0;
+      width: 100%;
+      height: 5px;
+      background: linear-gradient(0deg, #E96D40, #F9A068);
+      border-radius: 5px;
+      opacity: 0.9;
+      z-index: 0;
+    }
+  }
+
+}

package/lib/components/title/title-2.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './title-2.scss';
+export interface Title2Props {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 颜色
+     */
+    color?: string;
+    /**
+     * tip颜色
+     */
+    tipColor?: string;
+}
+declare const Title2: React.FC<Title2Props>;
+export default Title2;

package/lib/components/title/title-2.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 _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+require("./title-2.scss");
+var _excluded = ["title", "color", "tipColor"];
+var Title2 = function Title2(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '标题标题' : _ref$title,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#144477' : _ref$color,
+    _ref$tipColor = _ref.tipColor,
+    tipColor = _ref$tipColor === void 0 ? '#388AF7' : _ref$tipColor,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var colorStyle = color ? {
+    color: color
+  } : {};
+  var tipColorStyle = tipColor ? {
+    'backgroundColor': tipColor
+  } : {};
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "custom-title-2"
+  }, _otherProps), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tips",
+    style: tipColorStyle
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    style: colorStyle
+  }, title)));
+};
+Title2.displayName = 'Title2';
+var _default = exports["default"] = Title2;

package/lib/components/title/title-2.scss

@@ -0,0 +1,22 @@
+@import '../../variables.scss';
+
+.custom-title-2 {
+
+  & > div {
+    font-size: 16px;
+    font-weight: 500;
+    color: #144477;
+    display: flex;
+    gap: 3.5px;
+    align-items: center;
+
+    & > div.tips {
+      content: '';
+      display: inline-block;
+      width: 3.5px;
+      height: 14.5px;
+      background-color: #388AF7;
+    }
+  }
+
+}

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

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

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

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

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

@@ -0,0 +1,68 @@
+.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/lib/components/user-card/type.d.ts

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

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

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

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

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

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

@@ -0,0 +1,66 @@
+"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 _default2 = _interopRequireDefault(require("../../assets/icon/mine/default.png"));
+var _right = _interopRequireDefault(require("../../assets/icon/mine/right.png"));
+var _excluded = ["contentBg", "headImg", "userName", "levelImg", "isLogin", "handleClick"];
+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 = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var onTap = function onTap() {
+    if (handleClick) {
+      handleClick(isLogin);
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "user-info"
+  }, _otherProps), contentBg ? /*#__PURE__*/_react["default"].createElement("img", {
+    className: "user-info-bg",
+    src: contentBg,
+    alt: ""
+  }) : null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "content",
+    onClick: onTap
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "info-box"
+  }, headImg && isLogin ? /*#__PURE__*/_react["default"].createElement("img", {
+    className: "head-img",
+    src: headImg,
+    alt: ""
+  }) : /*#__PURE__*/_react["default"].createElement("img", {
+    className: "head-img",
+    src: _default2["default"],
+    alt: ""
+  }), isLogin ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "info"
+  }, userName && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "user-name"
+  }, userName), levelImg && /*#__PURE__*/_react["default"].createElement("img", {
+    className: "level",
+    src: levelImg,
+    alt: ""
+  })) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "no-login"
+  }, "\u767B\u5F55/\u6CE8\u518C")), /*#__PURE__*/_react["default"].createElement("img", {
+    className: "arrow",
+    src: _right["default"],
+    alt: ""
+  })));
+};
+UserCard.displayName = 'UserCard';
+var _default = exports["default"] = UserCard;

package/lib/components//346/250/241/346/235/277/index.d.ts

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

package/lib/components//346/250/241/346/235/277/index.js

@@ -0,0 +1,6 @@
+"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//346/250/241/346/235/277/member-card.d.ts

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

package/lib/components//346/250/241/346/235/277/member-card.js

@@ -0,0 +1,26 @@
+"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 = ["userName", "handleClick"];
+// import arrowImg from '../../assets/icon/mine/right.png'
+
+var MemberCard = function MemberCard(_ref) {
+  var userName = _ref.userName,
+    _ref$handleClick = _ref.handleClick,
+    handleClick = _ref$handleClick === void 0 ? function () {} : _ref$handleClick,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "member-card"
+  }, _otherProps, {
+    onClick: handleClick
+  }), "123123");
+};
+MemberCard.displayName = 'MemberCard';
+var _default = exports["default"] = MemberCard;

package/lib/components//346/250/241/346/235/277/type.d.ts

@@ -0,0 +1,11 @@
+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//346/250/241/346/235/277/type.js

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