@dckj-npm/dc-material 0.1.42 → 0.1.44

package/lib/components/colorful-input/colorful-input.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import './index.scss';
-export interface ColorfulInputProps {
-    color?: string;
-    style?: object;
-}
-declare const ColorfulInput: React.FC<ColorfulInputProps>;
-export default ColorfulInput;
+import * as React from 'react';
+import './index.scss';
+export interface ColorfulInputProps {
+    color?: string;
+    style?: object;
+}
+declare const ColorfulInput: React.FC<ColorfulInputProps>;
+export default ColorfulInput;

package/lib/components/colorful-input/index.d.ts

@@ -1,3 +1,3 @@
-import ColorfulInput from './colorful-input';
-export type { ColorfulInputProps } from './colorful-input';
-export default ColorfulInput;
+import ColorfulInput from './colorful-input';
+export type { ColorfulInputProps } from './colorful-input';
+export default ColorfulInput;

package/lib/components/colorful-input/index.scss

@@ -1,5 +1,5 @@
-@import '../../variables.scss';
-
-#{$biz-css-prefix}-colorful-button {
-  border: 2px dashed blue;
-}
+@import '../../variables.scss';
+
+#{$biz-css-prefix}-colorful-button {
+  border: 2px dashed blue;
+}

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

@@ -1,5 +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;
+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/goods-card-list.scss

@@ -1,112 +1,112 @@
-.card-list-goods__container {
-  position: relative;
-  width: 100%;
-
-  & > .card-list-goods__item {
-    position: absolute;
-    box-sizing: border-box;
-    transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
-    overflow: hidden;
-    border-radius: 8px;
-    box-shadow: 0 3px 9px 1px rgba(204, 204, 204, 0.35);
-
-    & > .card-list-goods__image {
-      height: 200px;
-      width: 100%;
-      overflow: hidden;
-      display: flex;
-
-      & > img {
-        height: 100%;
-        width: 100%;
-        object-fit: cover;
-        object-position: center;
-      }
-    }
-
-    & > .card-list-goods__content {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      padding: 0.5rem;
-
-      .card-list-goods__title {
-        overflow: hidden;
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 2;
-        line-clamp: 2;
-        margin-top: 0.25rem;
-        margin-bottom: 0.25rem;
-        font-size: 14px;
-        font-weight: 700;
-      }
-
-      .card-list-goods__desc {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        line-clamp: 2;
-        margin-top: 0.25rem;
-        margin-bottom: 0.25rem;
-        font-size: 12px;
-        color: #333333;
-      }
-
-      .card-list-goods__bottom {
-        margin-top: 0.25rem;
-        margin-bottom: 0.25rem;
-        display: flex;
-        align-items: baseline;
-        flex-wrap: wrap;
-        row-gap: 0.5rem;
-
-        & > div {
-          display: flex;
-        }
-
-        .card-list-goods__unit {
-          font-size: 12px;
-          color: #F57D51;
-          font-weight: 700;
-          line-height: 1;
-
-          &__delete {
-            margin-left: 0;
-            font-size: 14px;
-            color: #666666;
-            line-height: 1;
-            text-decoration: line-through
-          }
-
-        }
-
-        .card-list-goods__price {
-          font-size: 17px;
-          color: #F57D51;
-          font-weight: 700;
-          line-height: 1;
-
-          &__delete {
-            margin-left: 0;
-            font-size: 14px;
-            color: #666666;
-            line-height: 1;
-            text-decoration: line-through
-          }
-        }
-
-        .card-list-goods__sales {
-          margin-left: 3px;
-          font-size: 12px;
-          color: #666666;
-          line-height: 1;
-        }
-
-      }
-
-    }
-
-  }
-
-}
+.card-list-goods__container {
+  position: relative;
+  width: 100%;
+
+  & > .card-list-goods__item {
+    position: absolute;
+    box-sizing: border-box;
+    transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
+    overflow: hidden;
+    border-radius: 8px;
+    box-shadow: 0 3px 9px 1px rgba(204, 204, 204, 0.35);
+
+    & > .card-list-goods__image {
+      height: 200px;
+      width: 100%;
+      overflow: hidden;
+      display: flex;
+
+      & > img {
+        height: 100%;
+        width: 100%;
+        object-fit: cover;
+        object-position: center;
+      }
+    }
+
+    & > .card-list-goods__content {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      padding: 0.5rem;
+
+      .card-list-goods__title {
+        overflow: hidden;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        line-clamp: 2;
+        margin-top: 0.25rem;
+        margin-bottom: 0.25rem;
+        font-size: 14px;
+        font-weight: 700;
+      }
+
+      .card-list-goods__desc {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        line-clamp: 2;
+        margin-top: 0.25rem;
+        margin-bottom: 0.25rem;
+        font-size: 12px;
+        color: #333333;
+      }
+
+      .card-list-goods__bottom {
+        margin-top: 0.25rem;
+        margin-bottom: 0.25rem;
+        display: flex;
+        align-items: baseline;
+        flex-wrap: wrap;
+        row-gap: 0.5rem;
+
+        & > div {
+          display: flex;
+        }
+
+        .card-list-goods__unit {
+          font-size: 12px;
+          color: #F57D51;
+          font-weight: 700;
+          line-height: 1;
+
+          &__delete {
+            margin-left: 0;
+            font-size: 14px;
+            color: #666666;
+            line-height: 1;
+            text-decoration: line-through
+          }
+
+        }
+
+        .card-list-goods__price {
+          font-size: 17px;
+          color: #F57D51;
+          font-weight: 700;
+          line-height: 1;
+
+          &__delete {
+            margin-left: 0;
+            font-size: 14px;
+            color: #666666;
+            line-height: 1;
+            text-decoration: line-through
+          }
+        }
+
+        .card-list-goods__sales {
+          margin-left: 3px;
+          font-size: 12px;
+          color: #666666;
+          line-height: 1;
+        }
+
+      }
+
+    }
+
+  }
+
+}

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

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

package/lib/components/goods-card-list/index.js

@@ -3,6 +3,4 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 var _goodsCardList = _interopRequireDefault(require("./goods-card-list"));
-exports.GoodsCardList = _goodsCardList["default"];
-var _goodsCardListCommon = _interopRequireDefault(require("./goods-card-list-common"));
-exports.GoodsCardListCommon = _goodsCardListCommon["default"];
+exports.GoodsCardList = _goodsCardList["default"];

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

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

@@ -1,13 +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;
+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/index.d.ts

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

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

@@ -1,41 +1,37 @@
-/* write style here */
-.grid-navigation {
-  //padding: 10px;
-  width: 100%;
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  //gap: 14px 38px; /* 宫格之间的间距 */
-  grid-row-gap: 14px;
-  margin: 0;
-  //padding: 0 18px
-  // 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/lib/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/lib/components/integral-task/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 var _integralTask = _interopRequireDefault(require("./integral-task"));
-/**
- * 标签tag
+/**
+ * 标签tag
  */
 var _default = exports["default"] = _integralTask["default"];

package/lib/components/integral-task/index.scss

@@ -1,35 +1,35 @@
-.integral-task__container {
-  padding: 0 12px;
-  &__item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    &__left {
-      display: flex;
-      align-items: center;
-      &__img {
-        width: 53px;
-        height: 53px;
-        margin-right: 9px;
-      }
-      &__content {
-        &__title {
-          font-size: 15px;
-          color: #333333;
-        }
-        &__integral {
-          display: flex;
-          align-items: center;
-          &--icon {
-            width: 15px;
-            height: 15px;
-          }
-          &--number {
-            font-size: 12px;
-            color: #EA6A3D;
-          }
-        }
-      }
-    }
-  }
-}
+.integral-task__container {
+  padding: 0 12px;
+  &__item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    &__left {
+      display: flex;
+      align-items: center;
+      &__img {
+        width: 53px;
+        height: 53px;
+        margin-right: 9px;
+      }
+      &__content {
+        &__title {
+          font-size: 15px;
+          color: #333333;
+        }
+        &__integral {
+          display: flex;
+          align-items: center;
+          &--icon {
+            width: 15px;
+            height: 15px;
+          }
+          &--number {
+            font-size: 12px;
+            color: #EA6A3D;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/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;