@dckj-npm/dc-material 0.1.358 → 0.1.360

package/lib/components/text-description-detail-list/text-description-detail-list-item.scss

@@ -0,0 +1,45 @@
+.text-description-detail-list-item {
+  
+  &.position-left {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    
+    .item-label {
+      color: #777;
+      font-size: 14px;
+      margin-right: 8px;
+    }
+    
+    .item-value {
+      color: #222222;
+      font-size: 14px;
+    }
+  }
+  
+  &.position-top {
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    
+    .item-label {
+      color: #222222;
+      font-size: 14px;
+      font-weight: bold;
+    }
+    
+    .item-value {
+      font-size: 14px;
+      color: #777777;
+    }
+  }
+  
+  &.position-none {
+    display: flex;
+    
+    .item-value {
+      font-size: 14px;
+      color: #222222;
+    }
+  }
+}

package/lib/components/text-description-detail-list/text-description-detail-list.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import './index.scss';
+export interface TextDescriptionDetailListProps {
+    /**
+     * 数据源
+     */
+    dataList?: Record<string, any>;
+    /**
+     * 固定配置数据
+     */
+    fixedData?: Record<string, any>;
+    /**
+     * 标签位置
+     */
+    labelPosition?: 'left' | 'top' | 'none';
+    /**
+     * 点击事件
+     * @param e
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+}
+declare const TextDescriptionDetailList: React.FC<TextDescriptionDetailListProps>;
+export default TextDescriptionDetailList;

package/lib/components/text-description-detail-list/text-description-detail-list.js

@@ -0,0 +1,49 @@
+"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 _textDescriptionDetailListItem = _interopRequireDefault(require("./text-description-detail-list-item"));
+var _excluded = ["dataList", "fixedData", "labelPosition", "onClick"];
+var TextDescriptionDetailList = function TextDescriptionDetailList(_ref) {
+  var dataList = _ref.dataList,
+    fixedData = _ref.fixedData,
+    labelPosition = _ref.labelPosition,
+    onClick = _ref.onClick,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  console.log('dataList', dataList);
+  var renderListItems = function renderListItems(data) {
+    return Object.entries(data).map(function (_ref2, index) {
+      var key = _ref2[0],
+        value = _ref2[1];
+      return /*#__PURE__*/_react["default"].createElement(_textDescriptionDetailListItem["default"], {
+        key: index,
+        label: key,
+        value: String(value),
+        labelPosition: labelPosition,
+        onClick: onClick
+      });
+    });
+  };
+  var getContent = function getContent() {
+    if (dataList && Object.keys(dataList).length > 0) {
+      return renderListItems(dataList);
+    }
+    if (fixedData && Object.keys(fixedData).length > 0) {
+      return renderListItems(fixedData);
+    }
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "no-data"
+    }, "\u6682\u65E0\u6570\u636E");
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "text-description-detail-list"
+  }, _otherProps), getContent());
+};
+TextDescriptionDetailList.displayName = 'TextDescriptionDetailList';
+var _default = exports["default"] = TextDescriptionDetailList;

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

@@ -1,8 +1,8 @@
-/**
- * 标题
- */
-import Title1 from './title-1';
-import Title2 from './title-2';
-export type { Title1Props } from './title-1';
-export type { Title2Props } from './title-2';
-export { Title1, Title2 };
+/**
+ * 标题
+ */
+import Title1 from './title-1';
+import Title2 from './title-2';
+export type { Title1Props } from './title-1';
+export type { Title2Props } from './title-2';
+export { Title1, Title2 };

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

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

@@ -1,25 +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;
-    }
-  }
-
-}
+@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

@@ -1,18 +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;
+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.scss

@@ -1,22 +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;
-    }
-  }
-
-}
+@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

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

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

@@ -1,68 +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;
-      }
-    }
-  }
-}
+.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

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

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

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