@dckj-npm/dc-material 0.1.28 → 0.1.30

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

@@ -1,37 +1,37 @@
-/* write style here */
-.grid-navigation {
-    //padding: 10px;
-    width: 100%;
-    display: grid;
-    gap: 14px 38px; /* 宫格之间的间距 */
-    margin: 0;
-    // grid-template-columns: repeat(60px, minmax(1fr));
-  }
-
-  .grid-item {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-    text-decoration: none;
-    color: #333;
-    position: relative;
-    img {
-      width: 48px;
-      height: 51px;
-      margin-bottom: 3px;
-    }
-
-    span {
-      font-size: 13px;
-      color: #222222;
-      // overflow: hidden;
-      // text-overflow: ellipsis;
-      // white-space: nowrap;
-      // max-width: 60px;
-    }
-
-    &:hover {
-      color: #007bff;
-    }
-  }
+/* write style here */
+.grid-navigation {
+    //padding: 10px;
+    width: 100%;
+    display: grid;
+    gap: 14px 38px; /* 宫格之间的间距 */
+    margin: 0;
+    // grid-template-columns: repeat(60px, minmax(1fr));
+  }
+
+  .grid-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    text-decoration: none;
+    color: #333;
+    position: relative;
+    img {
+      width: 48px;
+      height: 51px;
+      margin-bottom: 3px;
+    }
+
+    span {
+      font-size: 13px;
+      color: #222222;
+      // overflow: hidden;
+      // text-overflow: ellipsis;
+      // white-space: nowrap;
+      // max-width: 60px;
+    }
+
+    &:hover {
+      color: #007bff;
+    }
+  }

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

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

package/es/components/integral-task/index.js

@@ -1,5 +1,5 @@
-/**
- * 标签tag
+/**
+ * 标签tag
  */
 import IntegralTask from "./integral-task";
 export default IntegralTask;

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

@@ -1,40 +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;
+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/es/components/menu-list/index.d.ts

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

package/es/components/menu-list/index.js

@@ -1,5 +1,5 @@
-/**
- * 菜单列表
+/**
+ * 菜单列表
  */
 
 import MenuList from "./menu-list";

package/es/components/menu-list/index.scss

@@ -1,16 +1,16 @@
-@import '../../variables.scss';
-
-.menu-list__panel {
-  border-radius: 10px;
-  background-color: white;
-
-  .menu-list__panel__item-list {
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-    padding: 1px 22px;
-  }
-
-}
-
-
+@import '../../variables.scss';
+
+.menu-list__panel {
+  border-radius: 10px;
+  background-color: white;
+
+  .menu-list__panel__item-list {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    padding: 1px 22px;
+  }
+
+}
+
+

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

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

package/es/components/menu-list/menu-list-item.scss

@@ -1,49 +1,49 @@
-@import '../../variables.scss';
-
-.menu-list__panel__item {
-  display: flex;
-  gap: 7px;
-  justify-content: space-between;
-  align-items: center;
-  height: 45px;
-
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-
-  &:last-child {
-    border-bottom: none;
-  }
-
-  .menu-list__panel__item_icon {
-    height: 100%;
-    display: flex;
-    align-items: center;
-
-    & > img {
-      height: 15px;
-    }
-  }
-
-  .menu-list__panel__item_title {
-    font-size: 15px;
-    color: #666666;
-    font-weight: 500;
-    margin-right: auto;
-  }
-
-  .menu-list__panel__item_right {
-    height: 100%;
-    display: flex;
-    align-items: center;
-
-    & > svg {
-      height: 16px;
-      font-size: 12px;
-      color: #666666;
-      font-weight: 500;
-    }
-
-
-  }
-
-
-}
+@import '../../variables.scss';
+
+.menu-list__panel__item {
+  display: flex;
+  gap: 7px;
+  justify-content: space-between;
+  align-items: center;
+  height: 45px;
+
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+
+  &:last-child {
+    border-bottom: none;
+  }
+
+  .menu-list__panel__item_icon {
+    height: 100%;
+    display: flex;
+    align-items: center;
+
+    & > img {
+      height: 15px;
+    }
+  }
+
+  .menu-list__panel__item_title {
+    font-size: 15px;
+    color: #666666;
+    font-weight: 500;
+    margin-right: auto;
+  }
+
+  .menu-list__panel__item_right {
+    height: 100%;
+    display: flex;
+    align-items: center;
+
+    & > svg {
+      height: 16px;
+      font-size: 12px;
+      color: #666666;
+      font-weight: 500;
+    }
+
+
+  }
+
+
+}

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

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

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

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

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

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

package/es/components/message-list/index.js

@@ -1,5 +1,5 @@
-/**
- * 消息列表
+/**
+ * 消息列表
  */
 
 import MessageList from "./message-list";

package/es/components/message-list/index.scss

@@ -1,22 +1,22 @@
-@import '../../variables.scss';
-
-.message-list__panel {
-  display: flex;
-  flex-direction: column;
-  margin: 0;
-  &__tab{
-    margin-bottom: 20px;
-  }
-
-  &__item-list {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-    div:last-child {
-      border-bottom: none;
-    }
-  }
-
-}
-
-
+@import '../../variables.scss';
+
+.message-list__panel {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  &__tab{
+    margin-bottom: 20px;
+  }
+
+  &__item-list {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    div:last-child {
+      border-bottom: none;
+    }
+  }
+
+}
+
+

package/es/components/message-list/message-list-item.d.ts

@@ -1,29 +1,29 @@
-import React from 'react';
-import './message-list-item.scss';
-/**
- * 数据
- */
-export interface DataProps {
-    /**
-     * 标题
-     */
-    title?: string;
-    /**
-     * 图片地址
-     */
-    image?: string;
-    /**
-     * 说明
-     */
-    description?: string;
-    /**
-     * 发布时间
-     */
-    gmtCreate?: string;
-    /**
-     * 点击事件
-     */
-    onClick?: (e: any) => void;
-}
-declare const MessageListItem: React.FC<DataProps>;
-export default MessageListItem;
+import React from 'react';
+import './message-list-item.scss';
+/**
+ * 数据
+ */
+export interface DataProps {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 图片地址
+     */
+    image?: string;
+    /**
+     * 说明
+     */
+    description?: string;
+    /**
+     * 发布时间
+     */
+    gmtCreate?: string;
+    /**
+     * 点击事件
+     */
+    onClick?: (e: any) => void;
+}
+declare const MessageListItem: React.FC<DataProps>;
+export default MessageListItem;

package/es/components/message-list/message-list-item.js

@@ -5,8 +5,8 @@ import React from 'react';
 import "./message-list-item.scss";
 import { convertChildren } from "../../utils/children-node-handle";
 
-/**
- * 数据
+/**
+ * 数据
  */
 
 var MessageListItem = function MessageListItem(_ref) {

package/es/components/message-list/message-list-item.scss

@@ -1,49 +1,49 @@
-@import '../../variables.scss';
-
-.message-list__panel__item {
-  display: flex;
-  gap: 5px;
-  padding-bottom: 10px;
-  justify-content: flex-start;
-
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-
-  &_image {
-    width: 90px;
-    height: 71px;
-    border-radius: 5px;
-    flex: 0 0 auto;
-    overflow: hidden;
-
-    & > img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-
-  }
-
-  &__text {
-    display: flex;
-    flex-direction: column;
-    gap: 3px;
-
-    &__title {
-      font-size: 15px;
-      font-weight: 500;
-      color: #000000;
-    }
-
-    &__description {
-      -webkit-line-clamp: 1;
-      overflow: hidden;
-      color: #686868;
-      -webkit-box-orient: vertical;
-      display: -webkit-box;
-      font-size: 12px;
-      text-overflow: ellipsis;
-    }
-
-  }
-
-}
+@import '../../variables.scss';
+
+.message-list__panel__item {
+  display: flex;
+  gap: 5px;
+  padding-bottom: 10px;
+  justify-content: flex-start;
+
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+
+  &_image {
+    width: 90px;
+    height: 71px;
+    border-radius: 5px;
+    flex: 0 0 auto;
+    overflow: hidden;
+
+    & > img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+  }
+
+  &__text {
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+
+    &__title {
+      font-size: 15px;
+      font-weight: 500;
+      color: #000000;
+    }
+
+    &__description {
+      -webkit-line-clamp: 1;
+      overflow: hidden;
+      color: #686868;
+      -webkit-box-orient: vertical;
+      display: -webkit-box;
+      font-size: 12px;
+      text-overflow: ellipsis;
+    }
+
+  }
+
+}