@dckj-npm/dc-material 0.1.122 → 0.1.124

package/es/components/tab-container-item/tab-container-item.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Tab } from '@alifd/next';
+export interface TabContainerItemProps extends React.ComponentProps<typeof Tab> {
+    className?: string;
+    tab: string;
+    key: string;
+}
+export declare const TabContainerItem: {
+    (props: TabContainerItemProps): JSX.Element;
+    displayName: string;
+};

package/es/components/tag/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 标签tag
+ */
+import Tag from './tag';
+export type { TagProps } from './tag';
+export default Tag;

package/es/components/tag/index.js

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

package/es/components/tag/index.scss

@@ -1,24 +1,24 @@
-.tags__container {
-  padding: 2px 6px;
-  border-radius: 3px;
-  color: white;
-  font-size: 11px;
-}
-.orange {
-  color: #F1770E;
-  background: rgba(241, 119, 14, 0.1);
-}
-
-.blue {
-  color: #2972DD;
-  background-color: rgba(41, 114, 221, 0.1);
-}
-.green {
-  color: #52AD7C;
-  background: rgba(195, 254, 222, 0.4);
-}
-.green-n {
-  color: #52AD7C;
-  background: #FFFFFF;
-  box-shadow: 3.5px 5.5px 11px 0px rgba(203,203,203,0.34);
-}
+.tags__container {
+  padding: 2px 6px;
+  border-radius: 3px;
+  color: white;
+  font-size: 11px;
+}
+.orange {
+  color: #F1770E;
+  background: rgba(241, 119, 14, 0.1);
+}
+
+.blue {
+  color: #2972DD;
+  background-color: rgba(41, 114, 221, 0.1);
+}
+.green {
+  color: #52AD7C;
+  background: rgba(195, 254, 222, 0.4);
+}
+.green-n {
+  color: #52AD7C;
+  background: #FFFFFF;
+  box-shadow: 3.5px 5.5px 11px 0px rgba(203,203,203,0.34);
+}

package/es/components/tag/tag.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import './index.scss';
+export interface TagProps {
+    /**
+     * 标签名称
+     */
+    name: string;
+    /**
+     * 标签颜色
+     */
+    color: string;
+}
+declare const Tag: React.FC<TagProps>;
+export default Tag;

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

@@ -0,0 +1,6 @@
+/**
+ * 图文列表
+ */
+import TeletextList from './teletext-list';
+export type { TeletextListProps } from './teletext-list';
+export { TeletextList, };

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

@@ -1,5 +1,5 @@
-/**
- * 图文列表
+/**
+ * 图文列表
  */
 
 import TeletextList from "./teletext-list";

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

@@ -1,19 +1,19 @@
-@import '../../variables.scss';
-
-.teletext-list__panel {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  width: 100%;
-  margin: 0;
-
-  .teletext-list__panel__item-list {
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-    gap: 10px;
-  }
-
-}
-
-
+@import '../../variables.scss';
+
+.teletext-list__panel {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  width: 100%;
+  margin: 0;
+
+  .teletext-list__panel__item-list {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    gap: 10px;
+  }
+
+}
+
+

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import './teletext-list-item.scss';
+/**
+ * 数据
+ */
+export interface TeletextListItemProps {
+    /**
+     * 点击事件
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 图片地址
+     */
+    image?: string[];
+    /**
+     * 图片位置
+     */
+    imagePlacement?: 'left' | 'right' | 'none';
+    /**
+     * 说明
+     */
+    description?: string;
+    /**
+     * 标签列表
+     */
+    tags?: string;
+}
+declare const TeletextListItem: React.FC<TeletextListItemProps>;
+export default TeletextListItem;

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

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

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

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

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

@@ -0,0 +1,52 @@
+import React from 'react';
+import './index.scss';
+/**
+ * 数据
+ */
+interface DataProps {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 图片地址
+     */
+    image?: string[];
+    /**
+     * 说明
+     */
+    description?: string;
+    /**
+     * 标签列表
+     */
+    tags?: string;
+    /**
+     * 链接地址
+     */
+    link?: string;
+}
+export interface TeletextListProps {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 数据
+     */
+    dataList?: DataProps[];
+    /**
+     * 点击事件
+     * @param e
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+    /**
+     * 图片位置
+     */
+    imagePlacement?: 'left' | 'right' | 'none';
+}
+declare const TeletextList: React.FC<TeletextListProps>;
+export default TeletextList;

package/es/components/teletext-list/teletext-list.js

@@ -6,8 +6,8 @@ import "./index.scss";
 import { default as TeletextListItem } from "./teletext-list-item";
 import { convertChildren } from "../../utils/children-node-handle";
 
-/**
- * 数据
+/**
+ * 数据
  */
 
 var TeletextList = function TeletextList(_ref) {

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

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

package/es/components/title/index.js

@@ -1,5 +1,5 @@
-/**
- * 标题
+/**
+ * 标题
  */
 
 import Title1 from "./title-1";

package/es/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/es/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/es/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/es/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/es/index.d.ts

@@ -0,0 +1,42 @@
+export type { ComponentProps } from './components/swiper';
+export { default as Swiper } from './components/swiper';
+export type { NavigationProps } from './components/bottom-navigation';
+export { default as Navigation } from './components/bottom-navigation';
+export type { MenuListDataProps, MenuListProps } from './components/menu-list';
+export { default as MenuList } from './components/menu-list';
+export type { TeletextListProps } from './components/teletext-list';
+export { TeletextList } from './components/teletext-list';
+export type { Title1Props } from './components/title';
+export { Title1 } from './components/title';
+export type { Title2Props } from './components/title';
+export { Title2 } from './components/title';
+export type { GridNavProps } from './components/grid-nav';
+export { default as GridNav } from './components/grid-nav';
+export type { SearchBarProps } from './components/search-bar';
+export { default as SearchBar } from './components/search-bar';
+export type { LocationProps } from './components/position';
+export { default as Position } from './components/position';
+export type { TagProps } from './components/tag';
+export { default as TagC } from './components/tag';
+export type { MessageListProps } from './components/message-list';
+export { default as MessageList } from './components/message-list';
+export type { TabProps } from './components/tab';
+export { default as TabMessage } from './components/tab';
+export type { NoticeBarProps } from './components/notice-bar';
+export { default as NoticeBar } from './components/notice-bar';
+export type { TabContainerProps } from './components/tab-container';
+export { default as TabContainer } from './components/tab-container';
+export type { TabContainerItemProps } from './components/tab-container-item';
+export { default as TabContainerItem } from './components/tab-container-item';
+export type { IntegralTaskProps } from './components/integral-task';
+export { default as IntegralTask } from './components/integral-task';
+export type { ButtonProps } from './components/button';
+export { default as Button2 } from './components/button';
+export type { RadioGroupProps, RadioGroupItemProps } from './components/radio-group';
+export { CustomRadioGroup, CustomRadioGroupItem } from './components/radio-group';
+export type { GoodsCardListProps } from './components/goods-card-list';
+export { GoodsCardList, GoodsCardListCommon } from './components/goods-card-list';
+export type { RichTextProps } from './components/rich-text';
+export { RichText } from './components/rich-text';
+declare const bizCssPrefix = "bizpack";
+export { bizCssPrefix };

package/es/index.scss

@@ -1,6 +1,6 @@
-@import './components/colorful-button/index.scss';
-@import './components/colorful-input/index.scss';
-@import './components/teletext-list/index.scss';
-@import './components/grid-nav/index.scss';
-@import './components/search-bar/index.scss';
+@import './components/colorful-button/index.scss';
+@import './components/colorful-input/index.scss';
+@import './components/teletext-list/index.scss';
+@import './components/grid-nav/index.scss';
+@import './components/search-bar/index.scss';
 @import './components/notice-bar/index.scss';

package/es/utils/children-node-handle.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 从children数组中获取指定组件
+ * @author ZhuGangMin
+ * @date 2024-09-21 14:07:02
+ * @param children 父组件传递过来children
+ * @param key 组件的key
+ * @param props 要覆盖的属性
+ */
+export declare function convertChildren(children: any, key: string, props?: any): React.DetailedReactHTMLElement<any, HTMLElement>;

package/es/utils/children-node-handle.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-/**
- * 从children数组中获取指定组件
- * @author ZhuGangMin
- * @date 2024-09-21 14:07:02
- * @param children 父组件传递过来children
- * @param key 组件的key
- * @param props 要覆盖的属性
+/**
+ * 从children数组中获取指定组件
+ * @author ZhuGangMin
+ * @date 2024-09-21 14:07:02
+ * @param children 父组件传递过来children
+ * @param key 组件的key
+ * @param props 要覆盖的属性
  */
 export function convertChildren(children, key, props) {
   var node;

package/es/utils/component-wrapper.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export declare const ValueWrapper: (NextFormComponent: React.ElementType, displayName: string) => {
+    (props: any): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+export declare const DynamicPropWrapper: (prop: string, NextFormComponent: React.ElementType, displayName: string) => {
+    (props: any): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};

package/es/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare function debounce<T extends (...args: any[]) => void>(func: T, delay: number): (this: any, ...args: Parameters<T>) => void;

package/es/utils/time-util.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 时间计算
+ * @param timeString
+ */
+export declare function formatTime(timeString: any): string;

package/es/utils/time-util.js

@@ -1,6 +1,6 @@
-/**
- * 时间计算
- * @param timeString
+/**
+ * 时间计算
+ * @param timeString
  */
 export function formatTime(timeString) {
   var time = new Date(timeString);

package/es/variables.d.ts

@@ -0,0 +1,2 @@
+declare const bizCssPrefix = "bizpack";
+export { bizCssPrefix };

package/es/variables.scss

@@ -1,3 +1,3 @@
-@import '~@alifd/next/variables.scss';
-
-$biz-css-prefix: '.bizpack';
+@import '~@alifd/next/variables.scss';
+
+$biz-css-prefix: '.bizpack';

package/lib/components/bottom-navigation/bottom-navigation.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import './index.scss';
+interface Navigation {
+    text: string;
+    icon: string;
+    selectedIcon: string;
+    pageId: string;
+}
+export interface NavigationProps {
+    itemArray: Navigation[];
+    selectedColor: string;
+    onClick?: (pageId: string) => void;
+}
+declare const Navigation: React.FC<NavigationProps>;
+export default Navigation;