@dckj-npm/dc-material 0.1.147 → 0.1.149

package/lib/components/form/form-item.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _upload = _interopRequireDefault(require("@alifd/next/lib/upload"));
+var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
+var _react = _interopRequireWildcard(require("react"));
+require("./form-item.scss");
+var _excluded = ["columnComment", "columnType", "columnKeyType", "columnKeyTypeEnum", "isOnlyRead", "isRequired", "defaultValue", "guideWords", "onClick"];
+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 Input = _input["default"],
+  Icon = _icon["default"],
+  Form = _form["default"],
+  Upload = _upload["default"];
+var Item = Form.Item;
+var DCFormItem = function DCFormItem(_ref) {
+  var columnComment = _ref.columnComment,
+    columnType = _ref.columnType,
+    columnKeyType = _ref.columnKeyType,
+    columnKeyTypeEnum = _ref.columnKeyTypeEnum,
+    isOnlyRead = _ref.isOnlyRead,
+    isRequired = _ref.isRequired,
+    defaultValue = _ref.defaultValue,
+    guideWords = _ref.guideWords,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  console.log();
+  // 使用 useState 来管理输入框的值
+  var _useState = (0, _react.useState)(defaultValue),
+    value = _useState[0],
+    setValue = _useState[1];
+
+  // 动态渲染内容
+  var renderContent = function renderContent() {
+    switch (columnKeyTypeEnum.name) {
+      case '单行文本':
+      case '联系人':
+      case '手机':
+      case '邮箱':
+        // 文本框
+        return /*#__PURE__*/_react["default"].createElement(Input, {
+          value: value,
+          placeholder: guideWords || '请输入',
+          onChange: function onChange(v, e) {
+            return setValue(e.target.value);
+          },
+          style: {
+            textAlign: 'right'
+          }
+        });
+      case '图片':
+        return /*#__PURE__*/_react["default"].createElement(Upload.Card, {
+          listType: "card",
+          action: "https://www.easy-mock.com/mock/5b713974309d0d7d107a74a3/alifd/upload",
+          accept: "image/png, image/jpg, image/jpeg, image/gif, image/bmp",
+          reUpload: true,
+          style: {
+            width: '90px',
+            height: '90px'
+          }
+        });
+      case '多行文本':
+        return /*#__PURE__*/_react["default"].createElement(Input.TextArea, {
+          value: value,
+          placeholder: guideWords || '请输入'
+        });
+      default:
+        return /*#__PURE__*/_react["default"].createElement("span", null, guideWords || '未定义的类型');
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    "class": "form-item"
+  }, /*#__PURE__*/_react["default"].cloneElement(renderContent()));
+};
+var RefDCFormItem = /*#__PURE__*/_react["default"].forwardRef(DCFormItem);
+RefDCFormItem.displayName = 'DCFormItem';
+RefDCFormItem.defaultProps = {};
+RefDCFormItem.propTypes = {};
+var _default = exports["default"] = RefDCFormItem;

package/lib/components/form/form-item.scss

@@ -0,0 +1,20 @@
+.form-item {
+    input {
+        outline: none;
+        border: none;
+        text-align: right;
+    }
+    .next-input {
+        border: none !important;
+    }
+    :global{
+        .next-input {
+            outline: none;
+            border: none !important;
+        }
+    }
+    .next-upload-card {
+        width: 90px;
+        height: 90px;
+    }
+}

package/lib/components/form/form.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+import './index.scss';
+import { DynamicColumnDataType } from '../../entity/dynamic-column-data-type';
+/**
+ * 数据
+ */
+interface DataProps {
+    /**
+     * 字段名称
+     */
+    columnComment?: string;
+    /**
+     * 字段类型
+     */
+    columnType?: string;
+    /**
+     * 表单项组件类型
+     */
+    columnKeyType?: number;
+    /**
+     *列键类型的枚举
+     */
+    columnKeyTypeEnum?: DynamicColumnDataType;
+    /**
+     * 是否只读
+     */
+    isOnlyRead?: string;
+    /**
+     * 是否必填
+     */
+    isRequired?: number;
+    /**
+     * 默认值
+     */
+    defaultValue?: string;
+    /**
+     * 指示词
+     */
+    guideWords?: string;
+}
+export interface FormProps {
+    /**
+     * 数据
+     */
+    dataList?: DataProps[];
+    /**
+     * 点击事件
+     * @param e
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+}
+declare const DCForm: React.FC<FormProps>;
+export default DCForm;

package/lib/components/form/form.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 _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+var _react = _interopRequireDefault(require("react"));
+require("./index.scss");
+var _dynamicColumnDataType = require("../../entity/dynamic-column-data-type");
+var _excluded = ["dataList", "onClick", "children"]; // import { default as FormItem } from './form-item'
+var FormItem = _form["default"].Item;
+
+/**
+ * 数据
+ */
+
+var DCForm = function DCForm(_ref) {
+  var dataList = _ref.dataList,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    children = _ref.children,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+
+  // 筛选字段(去除按钮类型和自动生成的类型)
+  dataList = dataList ? dataList.filter(function (item) {
+    return item.columnKeyType !== _dynamicColumnDataType.DYNAMIC_COLUMN_DATA_TYPE_BUTTON.code && item.columnKeyType !== _dynamicColumnDataType.DYNAMIC_COLUMN_DATA_TYPE_AUTO.code && item.columnComment !== '乐观锁' && item.columnComment !== '是否删除';
+  }) : [];
+  console.log('dataList', dataList);
+  return /*#__PURE__*/_react["default"].createElement(_form["default"], (0, _extends2["default"])({
+    className: "form__panel",
+    isPreview: "false"
+  }, _otherProps), dataList ? dataList.map(function (item, index) {
+    var labelAlign = item.columnKeyTypeEnum.name === '图片' || item.columnKeyTypeEnum.name === '多行文本' ? 'top' : 'left';
+    var isFlexStyle = labelAlign === 'top' ? {} : {
+      display: 'flex'
+    };
+    return /*#__PURE__*/_react["default"].createElement(FormItem, {
+      key: index,
+      label: item.columnComment,
+      labelAlign: labelAlign,
+      style: isFlexStyle
+    });
+  }) : /*#__PURE__*/_react["default"].createElement("div", null, "\u6682\u65E0\u8868\u5355\u9879"));
+};
+DCForm.displayName = 'DCForm';
+var _default = exports["default"] = DCForm;

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

@@ -0,0 +1,6 @@
+/**
+ * 表单
+ */
+import DCForm from './form';
+export type { FormProps } from './form';
+export { DCForm };

package/lib/components/form/index.js

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

package/lib/components/form/index.scss

@@ -0,0 +1,22 @@
+.form__panel {
+    background-color: #FAFAFA;
+    .next-left {
+        display: flex;
+    }
+    .next-form-item {
+        // display: flex;
+        justify-content: space-between;
+        align-items: center;
+        // min-height: 44px;
+        background-color: #fff;
+        border-radius: 8px;
+        padding: 10px 15px;
+        margin-bottom: 14px;
+        .next-form-item-label {
+            font-size: 15px;
+            color: #333333;
+            font-weight: 500;
+        }
+    }
+    
+}

package/lib/components/form/next-wrapper.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+declare const FormCascaderSelect: {
+    (props: any): JSX.Element;
+    displayName: string;
+};
+declare const FormCheckboxGroup: {
+    (props: any): JSX.Element;
+    displayName: string;
+};
+declare const FormDatePicker: {
+    (props: any): JSX.Element;
+    displayName: string;
+};
+declare const FormInput: {
+    (props: any): JSX.Element;
+    displayName: string;
+};
+declare const FormNumberPicker: {
+    (props: any): JSX.Element;
+    displayName: string;
+};
+declare const FormRadioGroup: {
+    (props: any): JSX.Element;
+    displayName: string;
+};
+declare const FormRangePicker: {
+    (props: any): JSX.Element;
+    displayName: string;
+};
+declare const FormRating: {
+    (props: any): JSX.Element;
+    displayName: string;
+};
+declare const FormSelect: {
+    (props: any): JSX.Element;
+    displayName: string;
+};
+declare const FormTreeSelect: {
+    (props: any): JSX.Element;
+    displayName: string;
+};
+declare const FormUpload: {
+    (props: any): JSX.Element;
+    displayName: string;
+};
+declare const FormTextArea: {
+    (props: any): JSX.Element;
+    displayName: string;
+};
+declare const FormPassword: {
+    (props: any): JSX.Element;
+    displayName: string;
+};
+export { FormCascaderSelect, FormCheckboxGroup, FormDatePicker, FormInput, FormNumberPicker, FormRadioGroup, FormRangePicker, FormRating, FormSelect, FormTreeSelect, FormUpload, FormTextArea, FormPassword, };

package/lib/components/form/next-wrapper.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FormUpload = exports.FormTreeSelect = exports.FormTextArea = exports.FormSelect = exports.FormRating = exports.FormRangePicker = exports.FormRadioGroup = exports.FormPassword = exports.FormNumberPicker = exports.FormInput = exports.FormDatePicker = exports.FormCheckboxGroup = exports.FormCascaderSelect = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _upload = _interopRequireDefault(require("@alifd/next/lib/upload"));
+var _treeSelect = _interopRequireDefault(require("@alifd/next/lib/tree-select"));
+var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
+var _rating = _interopRequireDefault(require("@alifd/next/lib/rating"));
+var _numberPicker = _interopRequireDefault(require("@alifd/next/lib/number-picker"));
+var _cascaderSelect = _interopRequireDefault(require("@alifd/next/lib/cascader-select"));
+var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
+var _datePicker = _interopRequireDefault(require("@alifd/next/lib/date-picker"));
+var _checkbox = _interopRequireDefault(require("@alifd/next/lib/checkbox"));
+var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
+var React = _interopRequireWildcard(require("react"));
+var _formItem = _interopRequireDefault(require("./form-item"));
+var _excluded = ["formItemProps"];
+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 RadioGroup = _radio["default"].Group;
+var CheckboxGroup = _checkbox["default"].Group;
+var RangePicker = _datePicker["default"].RangePicker;
+var TextArea = _input["default"].TextArea,
+  Password = _input["default"].Password;
+var FormCascaderSelect = exports.FormCascaderSelect = wrapper(_cascaderSelect["default"], 'FormCascaderSelect');
+var FormCheckboxGroup = exports.FormCheckboxGroup = wrapper(CheckboxGroup, 'FormCheckboxGroup');
+var FormDatePicker = exports.FormDatePicker = wrapper(_datePicker["default"], 'FormDatePicker');
+var FormInput = exports.FormInput = wrapper(_input["default"], 'FormInput');
+var FormNumberPicker = exports.FormNumberPicker = wrapper(_numberPicker["default"], 'FormNumberPicker');
+var FormRadioGroup = exports.FormRadioGroup = wrapper(RadioGroup, 'FormRadioGroup');
+var FormRangePicker = exports.FormRangePicker = wrapper(RangePicker, 'FormRangePicker');
+var FormRating = exports.FormRating = wrapper(_rating["default"], 'FormRating');
+var FormSelect = exports.FormSelect = wrapper(_select["default"], 'FormSelect');
+var FormTreeSelect = exports.FormTreeSelect = wrapper(_treeSelect["default"], 'FormTreeSelect');
+var FormUpload = exports.FormUpload = wrapper(_upload["default"], 'FormUpload');
+var FormTextArea = exports.FormTextArea = wrapper(TextArea, 'FormTextArea');
+var FormPassword = exports.FormPassword = wrapper(Password, 'FormPassword');
+function wrapper(NextFormComponent, displayName) {
+  var WrappedComponent = function WrappedComponent(props) {
+    var _props$formItemProps = props.formItemProps,
+      formItemProps = _props$formItemProps === void 0 ? {} : _props$formItemProps,
+      componentProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+    return /*#__PURE__*/React.createElement(_formItem["default"], formItemProps, /*#__PURE__*/React.createElement(NextFormComponent, componentProps));
+  };
+  WrappedComponent.displayName = displayName;
+  return WrappedComponent;
+}

package/lib/components/goods-card-list/goods-card-list-common.d.ts

@@ -0,0 +1,5 @@
+import type { GoodsCardListProps } from './types';
+import React from 'react';
+import './goods-card-list-common.scss';
+declare const GoodsCardListCommon: React.FC<GoodsCardListProps>;
+export default GoodsCardListCommon;

package/lib/components/goods-card-list/goods-card-list.d.ts

@@ -0,0 +1,5 @@
+import type { GoodsCardListProps } from './types';
+import React from 'react';
+import './goods-card-list.scss';
+declare const GoodsCardList: React.FC<GoodsCardListProps>;
+export default GoodsCardList;

package/lib/components/goods-card-list/index.d.ts

@@ -0,0 +1,4 @@
+import GoodsCardList from './goods-card-list';
+import GoodsCardListCommon from './goods-card-list-common';
+export type { GoodsCardListItemProps, GoodsCardListProps } from './types';
+export { GoodsCardList, GoodsCardListCommon };

package/lib/components/goods-card-list/types.d.ts

@@ -0,0 +1,45 @@
+export interface GoodsCardListProps {
+    /**
+     * 卡片列表数据
+     */
+    dataList: GoodsCardListItemProps[];
+    /**
+     * 最大销量
+     */
+    maxSales?: number;
+    /**
+     * 点击事件
+     * @param item
+     */
+    onClick?: (item: GoodsCardListItemProps) => void;
+}
+export interface GoodsCardListItemProps {
+    /**
+     * 唯一标识
+     */
+    key: string;
+    /**
+     * 缩略图列表
+     */
+    imageList: string[];
+    /**
+     * 标题
+     */
+    title: string;
+    /**
+     * 简介
+     */
+    desc: string;
+    /**
+     * 价格
+     */
+    price: string;
+    /**
+     * 促销价格
+     */
+    activePrice?: string;
+    /**
+     * 销量
+     */
+    sales: number;
+}

package/lib/components/grid-nav/grid-nav.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface GridNavProps {
+    dataSourceSetting: [];
+    columns: number;
+    iconSize: string;
+    fontWeight: string;
+    fontSize: number;
+    fontColor: string;
+    lineHeight: string;
+    lineNum: number;
+}
+declare const GridNav: React.ForwardRefExoticComponent<GridNavProps & React.RefAttributes<any>>;
+export default GridNav;

package/lib/components/grid-nav/grid-nav.js

@@ -6,6 +6,7 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
+var _right = _interopRequireDefault(require("../../assets/icon/grid-nav/right.png"));
 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 ExampleComponent = function ExampleComponent(props, ref) {
@@ -75,11 +76,12 @@ var ExampleComponent = function ExampleComponent(props, ref) {
   var fontAllStyle = (0, _extends2["default"])({}, fontStyle, fontLineStyle);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
-    className: "grid-navigation",
+    className: "dc-grid-nav",
     style: {
       gridTemplateColumns: "repeat(" + columns + ", 1fr)"
     }
   }, dataSourceSetting.map(function (item, index) {
+    var _item$rightText;
     return item ? /*#__PURE__*/React.createElement("a", {
       key: index,
       href: item.link || '#',
@@ -87,10 +89,19 @@ var ExampleComponent = function ExampleComponent(props, ref) {
     }, /*#__PURE__*/React.createElement("img", {
       src: item.icon || 'https://qcloudimg.tencent-cloud.cn/raw/fe54a986a821473655ba20afe30a543a.png',
       alt: item.title || '导航',
-      style: iconStyle
+      style: iconStyle,
+      className: "dc-grid-nav-item-img"
     }), /*#__PURE__*/React.createElement("span", {
-      style: fontAllStyle
-    }, item.title || '无标题')) : null;
+      style: fontAllStyle,
+      className: "dc-grid-nav-item-title"
+    }, item.title || '无标题'), item.rightText ? /*#__PURE__*/React.createElement("div", {
+      className: "dc-grid-nav-item-right"
+    }, /*#__PURE__*/React.createElement("img", {
+      src: _right["default"],
+      className: "dc-grid-nav-item-right-img"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "dc-grid-nav-item-right-title"
+    }, (_item$rightText = item.rightText) !== null && _item$rightText !== void 0 ? _item$rightText : '右侧')) : '') : null;
   }));
 };
 var GridNav = /*#__PURE__*/(0, _react.forwardRef)(ExampleComponent);

package/lib/components/grid-nav/index.d.ts

@@ -0,0 +1,3 @@
+import GridNav from "./grid-nav";
+export type { GridNavProps } from './grid-nav';
+export default GridNav;

package/lib/components/grid-nav/index.scss

@@ -1,14 +1,33 @@
 /* write style here */
-.grid-navigation {
-  //padding: 10px;
+.dc-grid-nav {
   width: 100%;
   display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  //gap: 14px 38px; /* 宫格之间的间距 */
-  grid-row-gap: 14px;
+  // gap: 14px 38px;
   margin: 0;
-  //padding: 0 18px
-  // grid-template-columns: repeat(60px, minmax(1fr));
+  grid-row-gap: 14px;
+  &-item {
+    &-title {
+      color: #222222;
+    }
+    &-right {
+      position: absolute;
+      top: -10px;
+      right: 2px;
+      z-index: 9;
+      &-title {
+        font-size: 8px;
+        color: #fff;
+        position: absolute;
+        left: 8px;
+        top: 2px;
+        z-index: 10;
+      }
+      &-img {
+        width: 32px;
+        height: 19.5px;
+      }
+    }
+  }
 }
 
 .grid-item {
@@ -21,20 +40,10 @@
   position: relative;
 
   img {
-    width: 48px;
-    height: 51px;
+    object-fit: cover;
     margin-bottom: 3px;
   }
 
-  span {
-    font-size: 13px;
-    color: #222222;
-    // overflow: hidden;
-    // text-overflow: ellipsis;
-    // white-space: nowrap;
-    // max-width: 60px;
-  }
-
   &:hover {
     color: #007bff;
   }

package/lib/components/integral-task/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 标签tag
+ */
+import IntegralTask from './integral-task';
+export type { IntegralTaskProps } from './integral-task';
+export default IntegralTask;

package/lib/components/integral-task/integral-task.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import './index.scss';
+interface DataProps {
+    /**
+     * 任务名称
+     */
+    name: string;
+    /**
+     * 积分
+     */
+    integral: number;
+    /**
+     * 状态 0 未完成 1 已完成
+     */
+    status: number;
+}
+export interface IntegralTaskProps {
+    /**
+     * 任务名称
+     */
+    list: DataProps[];
+    /**
+     * 图标
+     */
+    icon: string;
+    /**
+     * 图片
+     */
+    images: string[];
+    /**
+     * 完成文案
+     */
+    completeLabel: string;
+    /**
+     * 未完成文案
+     */
+    undoneLabel: string;
+}
+declare const IntegralTask: React.FC<IntegralTaskProps>;
+export default IntegralTask;

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

@@ -0,0 +1,6 @@
+/**
+ * 菜单列表
+ */
+import MenuList from './menu-list';
+export type { MenuListDataProps, MenuListProps } from './types';
+export default MenuList;

package/lib/components/menu-list/menu-list-item.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { MenuListDataProps } from "./types";
+import "./menu-list-item.scss";
+declare const MenuListItem: React.FC<MenuListDataProps>;
+export default MenuListItem;

package/lib/components/menu-list/menu-list.d.ts

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

package/lib/components/menu-list/types.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 数据
+ */
+export interface MenuListDataProps {
+    /**
+     * 菜单名称
+     */
+    title: string;
+    /**
+     * 菜单图标地址
+     */
+    iconUrl?: string;
+    /**
+     * 点击事件
+     */
+    handleClick?: Function;
+}
+export interface MenuListProps {
+    /**
+     * 数据
+     */
+    dataList?: MenuListDataProps[];
+}

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

@@ -0,0 +1,6 @@
+/**
+ * 消息列表
+ */
+import MessageList from './message-list';
+export type { MessageListProps } from './message-list';
+export default MessageList;