@dckj-npm/dc-material 0.1.41 → 0.1.43

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

@@ -1,37 +1,37 @@
-import React from 'react';
-import './index.scss';
-interface DataProps {
-    /**
-     * 内容
-    */
-    content?: string;
-    /**
-     * 发布时间
-    */
-    releaseTime?: string;
-    /**
-     * 是否置顶
-    */
-    isTop?: number;
-}
-export interface NoticeBarProps {
-    /**
-     * 数据
-     */
-    dataList?: DataProps[];
-    /**
-     * 点击事件
-     * @param e
-     */
-    onClick?: (e: any) => void;
-    /**
-     * 子节点
-     */
-    children: React.ReactChild;
-    /**
-     * 左侧图标
-     */
-    icon: string;
-}
-declare const NoticeBar: React.FC<NoticeBarProps>;
-export default NoticeBar;
+import React from 'react';
+import './index.scss';
+interface DataProps {
+    /**
+     * 内容
+    */
+    content?: string;
+    /**
+     * 发布时间
+    */
+    releaseTime?: string;
+    /**
+     * 是否置顶
+    */
+    isTop?: number;
+}
+export interface NoticeBarProps {
+    /**
+     * 数据
+     */
+    dataList?: DataProps[];
+    /**
+     * 点击事件
+     * @param e
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+    /**
+     * 左侧图标
+     */
+    icon: string;
+}
+declare const NoticeBar: React.FC<NoticeBarProps>;
+export default NoticeBar;

package/es/components/position/entity.d.ts

@@ -1,5 +1,5 @@
-export interface Location {
-    lat: string;
-    lng: string;
-    address: string;
-}
+export interface Location {
+    lat: string;
+    lng: string;
+    address: string;
+}

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

@@ -1,3 +1,3 @@
-import Position from './position';
-export type { LocationProps } from './position';
-export default Position;
+import Position from './position';
+export type { LocationProps } from './position';
+export default Position;

package/es/components/position/index.scss

@@ -1,27 +1,27 @@
-.location {
-  display: flex;
-  cursor: pointer;
-  color: #414141;
-  font-size: 13.5px;
-  &-address {
-    margin-right: 7px;
-  }
-  &-icon {
-    display: flex;
-    align-items: center;
-  }
-}
-.location-list {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background-color: #fff;
-  padding: 10px 15px;
-  z-index: 999;
-  &-item {
-    padding: 10px 0;
-    border-bottom: solid 1px #eee;
-  }
-}
+.location {
+  display: flex;
+  cursor: pointer;
+  color: #414141;
+  font-size: 13.5px;
+  &-address {
+    margin-right: 7px;
+  }
+  &-icon {
+    display: flex;
+    align-items: center;
+  }
+}
+.location-list {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: #fff;
+  padding: 10px 15px;
+  z-index: 999;
+  &-item {
+    padding: 10px 0;
+    border-bottom: solid 1px #eee;
+  }
+}

package/es/components/position/position-left.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import './index.scss';
-import { Location } from "./entity";
-export interface LocationProps {
-    currentLocation: Location;
-    clickHandle: () => void;
-}
-declare const NavigationLeft: React.FC<LocationProps>;
-export default NavigationLeft;
+import * as React from 'react';
+import './index.scss';
+import { Location } from "./entity";
+export interface LocationProps {
+    currentLocation: Location;
+    clickHandle: () => void;
+}
+declare const NavigationLeft: React.FC<LocationProps>;
+export default NavigationLeft;

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

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import './index.scss';
-import { Location } from "./position";
-interface LocationProps {
-    itemArray: Location[];
-    currentLocation: Location;
-    open: boolean;
-    setIsOpen: () => void;
-    setCurrent: (data: Location) => void;
-}
-declare const ContentList: React.FC<LocationProps>;
-export default ContentList;
+import * as React from 'react';
+import './index.scss';
+import { Location } from "./position";
+interface LocationProps {
+    itemArray: Location[];
+    currentLocation: Location;
+    open: boolean;
+    setIsOpen: () => void;
+    setCurrent: (data: Location) => void;
+}
+declare const ContentList: React.FC<LocationProps>;
+export default ContentList;

package/es/components/position/position.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { Location } from "./entity";
-export interface LocationProps {
-    itemArray: Location[];
-    defaultLocation: Location;
-}
-declare const Navigation: React.FC<LocationProps>;
-export default Navigation;
+import * as React from 'react';
+import { Location } from "./entity";
+export interface LocationProps {
+    itemArray: Location[];
+    defaultLocation: Location;
+}
+declare const Navigation: React.FC<LocationProps>;
+export default Navigation;

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

@@ -1,8 +1,8 @@
-/**
- * 单选按钮组
- */
-import RadioGroup from './radio-group';
-import RadioGroupItem from './radio-group-item';
-export type { RadioGroupProps } from './radio-group';
-export type { RadioGroupItemProps } from './radio-group-item';
-export { RadioGroup as CustomRadioGroup, RadioGroupItem as CustomRadioGroupItem, };
+/**
+ * 单选按钮组
+ */
+import RadioGroup from './radio-group';
+import RadioGroupItem from './radio-group-item';
+export type { RadioGroupProps } from './radio-group';
+export type { RadioGroupItemProps } from './radio-group-item';
+export { RadioGroup as CustomRadioGroup, RadioGroupItem as CustomRadioGroupItem, };

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

@@ -1,5 +1,5 @@
-/**
- * 单选按钮组
+/**
+ * 单选按钮组
  */
 
 import RadioGroup from "./radio-group";

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,15 @@
+.rich-text {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 10px; /* 添加内边距 */
+  margin: 0; /* 去除外边距 */
+  word-break: break-word; /* 处理长单词换行 */
+  overflow-wrap: break-word; /* 支持长单词换行 */
+  overflow: hidden; /* 隐藏超出部分 */
+}
+img {
+  max-width: 100%;
+  height: auto; /* 保持纵横比 */
+  object-fit: contain; /* 确保图片保持在容器内 */
+}

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;