@dckj-npm/dc-material 0.1.39 → 0.1.40

package/es/components/radio-group/index.scss

@@ -1,40 +1,40 @@
-@import '../../variables.scss';
-
-.radio-group__panel {
-  display: flex;
-  gap: 12px;
-  width: 100%;
-
-  .radio-group-item__button {
-    flex: 0 0 auto;
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 250ms;
-    font-size: 12px;
-    padding: 5px 11px;
-    border-radius: 25rem;
-  }
-
-  .radio-group-item__text {
-    flex: 0 0 auto;
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 250ms;
-    font-size: 12px;
-    padding: 5px 0;
-
-    .radio-group-item__text__line {
-      width: 100%;
-      height: 1px;
-      right: 0;
-      left: 0;
-      bottom: 0;
-      position: absolute;
-    }
-
-  }
-
-
-}
-
-
+@import '../../variables.scss';
+
+.radio-group__panel {
+  display: flex;
+  gap: 12px;
+  width: 100%;
+
+  .radio-group-item__button {
+    flex: 0 0 auto;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 250ms;
+    font-size: 12px;
+    padding: 5px 11px;
+    border-radius: 25rem;
+  }
+
+  .radio-group-item__text {
+    flex: 0 0 auto;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 250ms;
+    font-size: 12px;
+    padding: 5px 0;
+
+    .radio-group-item__text__line {
+      width: 100%;
+      height: 1px;
+      right: 0;
+      left: 0;
+      bottom: 0;
+      position: absolute;
+    }
+
+  }
+
+
+}
+
+

package/es/components/radio-group/radio-group-item.d.ts

@@ -1,48 +1,48 @@
-import React from 'react';
-import './index.scss';
-export type RadioGroupItemType = 'button' | 'text';
-export interface RadioGroupItemProps {
-    /**
-     * 选项
-     */
-    label: string;
-    /**
-     * 值
-     */
-    value: string;
-    /**
-     * 是否选中
-     */
-    checked: boolean;
-    /**
-     * 选中颜色
-     */
-    selectColor?: string;
-    /**
-     * 选中的文字颜色
-     */
-    selectTextColor?: string;
-    /**
-     * 未选中颜色
-     */
-    unSelectColor?: string;
-    /**
-     * 未选中的文字颜色
-     */
-    unSelectTextColor?: string;
-    /**
-     * 类型
-     */
-    type?: RadioGroupItemType;
-    /**
-     * 名称
-     */
-    name: string;
-    /**
-     * 改变事件
-     * @param value
-     */
-    onChange: (value: string) => void;
-}
-declare const RadioGroupItem: React.FC<RadioGroupItemProps>;
-export default RadioGroupItem;
+import React from 'react';
+import './index.scss';
+export type RadioGroupItemType = 'button' | 'text';
+export interface RadioGroupItemProps {
+    /**
+     * 选项
+     */
+    label: string;
+    /**
+     * 值
+     */
+    value: string;
+    /**
+     * 是否选中
+     */
+    checked: boolean;
+    /**
+     * 选中颜色
+     */
+    selectColor?: string;
+    /**
+     * 选中的文字颜色
+     */
+    selectTextColor?: string;
+    /**
+     * 未选中颜色
+     */
+    unSelectColor?: string;
+    /**
+     * 未选中的文字颜色
+     */
+    unSelectTextColor?: string;
+    /**
+     * 类型
+     */
+    type?: RadioGroupItemType;
+    /**
+     * 名称
+     */
+    name: string;
+    /**
+     * 改变事件
+     * @param value
+     */
+    onChange: (value: string) => void;
+}
+declare const RadioGroupItem: React.FC<RadioGroupItemProps>;
+export default RadioGroupItem;

package/es/components/radio-group/radio-group.d.ts

@@ -1,52 +1,52 @@
-import React from 'react';
-import './index.scss';
-export interface RadioType {
-    label: string;
-    value: string;
-}
-export type RadioGroupItemType = 'button' | 'text';
-export interface RadioGroupProps {
-    /**
-     * 选项
-     */
-    options: Array<RadioType>;
-    /**
-     * 默认值
-     */
-    defaultValue?: string;
-    /**
-     * 是否换行
-     */
-    isWrap?: boolean;
-    /**
-     * 选中颜色
-     */
-    selectColor?: string;
-    /**
-     * 选中的文字颜色
-     */
-    selectTextColor?: string;
-    /**
-     * 未选中颜色
-     */
-    unSelectColor?: string;
-    /**
-     * 未选中的文字颜色
-     */
-    unSelectTextColor?: string;
-    /**
-     * 改变事件
-     * @param value
-     */
-    onChange?: (value: string) => void;
-    /**
-     * 类型
-     */
-    type?: RadioGroupItemType;
-    /**
-     * 名称
-     */
-    name?: string;
-}
-declare const RadioGroup: React.FC<RadioGroupProps>;
-export default RadioGroup;
+import React from 'react';
+import './index.scss';
+export interface RadioType {
+    label: string;
+    value: string;
+}
+export type RadioGroupItemType = 'button' | 'text';
+export interface RadioGroupProps {
+    /**
+     * 选项
+     */
+    options: Array<RadioType>;
+    /**
+     * 默认值
+     */
+    defaultValue?: string;
+    /**
+     * 是否换行
+     */
+    isWrap?: boolean;
+    /**
+     * 选中颜色
+     */
+    selectColor?: string;
+    /**
+     * 选中的文字颜色
+     */
+    selectTextColor?: string;
+    /**
+     * 未选中颜色
+     */
+    unSelectColor?: string;
+    /**
+     * 未选中的文字颜色
+     */
+    unSelectTextColor?: string;
+    /**
+     * 改变事件
+     * @param value
+     */
+    onChange?: (value: string) => void;
+    /**
+     * 类型
+     */
+    type?: RadioGroupItemType;
+    /**
+     * 名称
+     */
+    name?: string;
+}
+declare const RadioGroup: React.FC<RadioGroupProps>;
+export default RadioGroup;

package/es/components/rich-text/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 富文本
+ */
+import RichText from './rich-text';
+export type { RichTextProps } from './rich-text';
+export { RichText, };

package/es/components/rich-text/index.js

@@ -0,0 +1,6 @@
+/**
+ * 富文本
+ */
+
+import RichText from "./rich-text";
+export { RichText };

package/es/components/rich-text/index.scss

@@ -0,0 +1,8 @@
+.rich-text {
+  display: flex;
+  flex-direction: column;
+  padding: 10px; /* 添加内边距 */
+  margin: 0; /* 去除外边距 */
+  word-break: break-word; /* 处理长单词换行 */
+  overflow-wrap: break-word; /* 支持长单词换行 */
+}

package/es/components/rich-text/rich-text.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import './index.scss';
+interface DataProps {
+    content?: string;
+}
+export interface RichTextProps {
+    content?: string;
+    dataList?: DataProps[];
+}
+declare const RichText: {
+    (props: RichTextProps): JSX.Element;
+    displayName: string;
+};
+export default RichText;

package/es/components/rich-text/rich-text.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["content", "dataList"];
+import React from 'react';
+import "./index.scss";
+// 富文本
+
+var RichText = function RichText(props) {
+  var content = props.content,
+    dataList = props.dataList,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "rich-text"
+  }, otherProps), dataList && dataList.length > 0 ? dataList.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      dangerouslySetInnerHTML: {
+        __html: item.content
+      }
+    });
+  }) : /*#__PURE__*/React.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: content
+    }
+  }));
+};
+RichText.displayName = 'RichText';
+export default RichText;

package/es/components/search-bar/index.d.ts

@@ -1,3 +1,3 @@
-import SearchBar from "./search-bar";
-export type { SearchBarProps } from './search-bar';
-export default SearchBar;
+import SearchBar from "./search-bar";
+export type { SearchBarProps } from './search-bar';
+export default SearchBar;

package/es/components/search-bar/index.scss

@@ -1,13 +1,13 @@
-.search-bar-box {
-  width: 260px;
-  height: 35px;
-  margin: 0;
-    .next-input {
-      width: 260px;
-      border-radius: 34px;
-      height: 35px;
-      & input {
-        height: 100%;
-      }
-    }
-}
+.search-bar-box {
+  width: 260px;
+  height: 35px;
+  margin: 0;
+    .next-input {
+      width: 260px;
+      border-radius: 34px;
+      height: 35px;
+      & input {
+        height: 100%;
+      }
+    }
+}

package/es/components/search-bar/search-bar.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-export interface SearchBarProps {
-    defaultValue: string;
-    onSearch: () => void;
-}
-declare const SearchBar: React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<any>>;
-export default SearchBar;
+import * as React from 'react';
+export interface SearchBarProps {
+    defaultValue: string;
+    onSearch: () => void;
+}
+declare const SearchBar: React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<any>>;
+export default SearchBar;

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

@@ -1,3 +1,3 @@
-import Swiper from './swiper';
-export type { ComponentProps } from './swiper';
-export default Swiper;
+import Swiper from './swiper';
+export type { ComponentProps } from './swiper';
+export default Swiper;

package/es/components/swiper/index.scss

@@ -1,12 +1,12 @@
-/* write style here */
-.swiper__container {
-  margin: 0;
-  &__sliede {
-    position: relative;
-    height: 100%;
-  }
-}
-.img{
-  width: 100%;
-  height: 100%;
-}
+/* write style here */
+.swiper__container {
+  margin: 0;
+  &__sliede {
+    position: relative;
+    height: 100%;
+  }
+}
+.img{
+  width: 100%;
+  height: 100%;
+}

package/es/components/swiper/swiper.d.ts

@@ -1,47 +1,47 @@
-import * as React from 'react';
-import './index.scss';
-import 'swiper/swiper.min.css';
-export interface ComponentProps {
-    /**
-     * 设定初始化时slide的索引
-     */
-    initialSlide?: number;
-    /**
-     * 设定初始化时slide的索引
-     */
-    direction?: 'vertical' | 'horizontal';
-    /**
-     * 切换速度，单位ms
-     */
-    speed?: number;
-    /**
-     * 展示数量
-     */
-    slidesPerView: number;
-    /**
-     * 高度
-     */
-    height: number;
-    /**
-     * 自动高度
-     */
-    autoHeight: boolean;
-    /**
-     * 自动播放
-     */
-    autoplay: boolean;
-    /**
-     * 循环播放
-     */
-    loop: boolean;
-    /**
-     * 图片间距
-     */
-    spaceBetween: number;
-    /**
-     * 图片路径
-     */
-    picUrls: string[];
-}
-declare const DCSlider: React.FC<ComponentProps>;
-export default DCSlider;
+import * as React from 'react';
+import './index.scss';
+import 'swiper/swiper.min.css';
+export interface ComponentProps {
+    /**
+     * 设定初始化时slide的索引
+     */
+    initialSlide?: number;
+    /**
+     * 设定初始化时slide的索引
+     */
+    direction?: 'vertical' | 'horizontal';
+    /**
+     * 切换速度，单位ms
+     */
+    speed?: number;
+    /**
+     * 展示数量
+     */
+    slidesPerView: number;
+    /**
+     * 高度
+     */
+    height: number;
+    /**
+     * 自动高度
+     */
+    autoHeight: boolean;
+    /**
+     * 自动播放
+     */
+    autoplay: boolean;
+    /**
+     * 循环播放
+     */
+    loop: boolean;
+    /**
+     * 图片间距
+     */
+    spaceBetween: number;
+    /**
+     * 图片路径
+     */
+    picUrls: string[];
+}
+declare const DCSlider: React.FC<ComponentProps>;
+export default DCSlider;

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

@@ -1,6 +1,6 @@
-/**
- * 标签tag
- */
-import Tab from './tab';
-export type { TabProps } from './tab';
-export default Tab;
+/**
+ * 标签tag
+ */
+import Tab from './tab';
+export type { TabProps } from './tab';
+export default Tab;

package/es/components/tab/index.js

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

package/es/components/tab/index.scss

@@ -1,23 +1,23 @@
-.tabs__container {
-  display: inline-block;
-  padding: 5px 17px;
-  border-radius: 19px;
-  background-color: #FFFFFF;
-  color: #666666;
-  font-size: 15px;
-  cursor: pointer;
-  margin-right: 6px;
-  letter-spacing: 2px;
-  &--selected {
-    background-color: #ED794A;
-    color: #FFFFFF;
-  }
-  &--small {
-    padding: 5px 16px;
-    border-radius: 19px;
-  }
-  &--large {
-    padding: 14px 30px;
-    border-radius: 28px;
-  }
-}
+.tabs__container {
+  display: inline-block;
+  padding: 5px 17px;
+  border-radius: 19px;
+  background-color: #FFFFFF;
+  color: #666666;
+  font-size: 15px;
+  cursor: pointer;
+  margin-right: 6px;
+  letter-spacing: 2px;
+  &--selected {
+    background-color: #ED794A;
+    color: #FFFFFF;
+  }
+  &--small {
+    padding: 5px 16px;
+    border-radius: 19px;
+  }
+  &--large {
+    padding: 14px 30px;
+    border-radius: 28px;
+  }
+}

package/es/components/tab/tab.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-import './index.scss';
-export interface TabProps {
-    /**
-     * 选中背景颜色
-     */
-    selectedBGColor: string;
-    /**
-     * 选中字体颜色
-     */
-    selectedFontColor: string;
-    /**
-     * 尺寸 small | large
-     */
-    size: string;
-    /**
-     * 点击事件
-     * @param e
-     */
-    onClickHandle?: (e: string) => void;
-}
-declare const Tab: React.FC<TabProps>;
-export default Tab;
+import * as React from 'react';
+import './index.scss';
+export interface TabProps {
+    /**
+     * 选中背景颜色
+     */
+    selectedBGColor: string;
+    /**
+     * 选中字体颜色
+     */
+    selectedFontColor: string;
+    /**
+     * 尺寸 small | large
+     */
+    size: string;
+    /**
+     * 点击事件
+     * @param e
+     */
+    onClickHandle?: (e: string) => void;
+}
+declare const Tab: React.FC<TabProps>;
+export default Tab;

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

@@ -1,3 +1,3 @@
-import { TabContainer } from '../tab-container/tab-container';
-export type { TabContainerProps } from '../tab-container/tab-container';
-export default TabContainer;
+import { TabContainer } from '../tab-container/tab-container';
+export type { TabContainerProps } from '../tab-container/tab-container';
+export default TabContainer;