@dckj-npm/dc-material 0.1.328 → 0.1.331

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

@@ -1,48 +0,0 @@
-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-item.js

@@ -1,74 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["label", "value", "checked", "type", "name", "selectColor", "selectTextColor", "unSelectColor", "unSelectTextColor", "onChange"];
-import React from 'react';
-import "./index.scss";
-var styleFunction = function styleFunction(type, bgColors, textColors, checked) {
-  var bgColor = checked ? bgColors[1] : bgColors[0];
-  var textColor = checked ? textColors[1] : textColors[0];
-  if (type === 'button') {
-    return {
-      'backgroundColor': bgColor,
-      'color': textColor
-    };
-  }
-  if (type === 'text') {
-    return {
-      'color': textColor,
-      'position': checked ? 'relative' : 'static'
-    };
-  }
-  return {};
-};
-var RadioGroupItem = function RadioGroupItem(_ref) {
-  var _ref$label = _ref.label,
-    label = _ref$label === void 0 ? '标签' : _ref$label,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? 'value' : _ref$value,
-    checked = _ref.checked,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'button' : _ref$type,
-    name = _ref.name,
-    _ref$selectColor = _ref.selectColor,
-    selectColor = _ref$selectColor === void 0 ? '#F5743F' : _ref$selectColor,
-    _ref$selectTextColor = _ref.selectTextColor,
-    selectTextColor = _ref$selectTextColor === void 0 ? 'white' : _ref$selectTextColor,
-    _ref$unSelectColor = _ref.unSelectColor,
-    unSelectColor = _ref$unSelectColor === void 0 ? '#F0F0F0' : _ref$unSelectColor,
-    _ref$unSelectTextColo = _ref.unSelectTextColor,
-    unSelectTextColor = _ref$unSelectTextColo === void 0 ? '#727272' : _ref$unSelectTextColo,
-    onChange = _ref.onChange,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _otherProps = otherProps || {};
-  var handleChange = function handleChange(event) {
-    onChange(event.target.value);
-  };
-  // 获取特殊的样式
-  var customStyle = styleFunction(type, [unSelectColor, selectColor], [unSelectTextColor, selectTextColor], checked);
-  if (_otherProps.style) {
-    _otherProps.style = _extends({}, _otherProps.style, customStyle);
-  } else {
-    _otherProps.style = _extends({}, customStyle);
-  }
-  var className = type === 'button' ? 'radio-group-item__button' : 'radio-group-item__text';
-  return /*#__PURE__*/React.createElement("label", _extends({
-    key: value,
-    className: className
-  }, _otherProps), type === 'text' && checked && /*#__PURE__*/React.createElement("span", {
-    className: "radio-group-item__text__line",
-    style: {
-      'background-color': selectColor
-    }
-  }), /*#__PURE__*/React.createElement("input", {
-    type: "radio",
-    style: {
-      'display': 'none'
-    },
-    name: name,
-    value: value,
-    checked: checked,
-    onChange: handleChange
-  }), label);
-};
-RadioGroupItem.displayName = 'RadioGroupItem';
-export default RadioGroupItem;

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

@@ -1,52 +0,0 @@
-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/radio-group/radio-group.js

@@ -1,80 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["options", "name", "type", "defaultValue", "selectColor", "selectTextColor", "unSelectColor", "unSelectTextColor", "isWrap", "onChange", "children"];
-import React, { useEffect, useState } from 'react';
-import "./index.scss";
-import RadioGroupItem from "./radio-group-item";
-function uuid() {
-  return Math.random().toString(36).substring(2);
-}
-var RadioGroup = function RadioGroup(_ref) {
-  var _options$;
-  var options = _ref.options,
-    _ref$name = _ref.name,
-    name = _ref$name === void 0 ? uuid() : _ref$name,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'button' : _ref$type,
-    defaultValue = _ref.defaultValue,
-    _ref$selectColor = _ref.selectColor,
-    selectColor = _ref$selectColor === void 0 ? '#F5743F' : _ref$selectColor,
-    _ref$selectTextColor = _ref.selectTextColor,
-    selectTextColor = _ref$selectTextColor === void 0 ? 'white' : _ref$selectTextColor,
-    _ref$unSelectColor = _ref.unSelectColor,
-    unSelectColor = _ref$unSelectColor === void 0 ? '#F0F0F0' : _ref$unSelectColor,
-    _ref$unSelectTextColo = _ref.unSelectTextColor,
-    unSelectTextColor = _ref$unSelectTextColo === void 0 ? '#727272' : _ref$unSelectTextColo,
-    _ref$isWrap = _ref.isWrap,
-    isWrap = _ref$isWrap === void 0 ? false : _ref$isWrap,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-    children = _ref.children,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _otherProps = otherProps || {};
-  var defaultV = (options === null || options === void 0 ? void 0 : (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || defaultValue || '';
-  var _useState = useState(defaultV),
-    selectedValue = _useState[0],
-    setSelectedValue = _useState[1];
-  useEffect(function () {
-    if (defaultV) {
-      handleChange(defaultV);
-    }
-  }, [defaultV]);
-  var handleChange = function handleChange(value) {
-    setSelectedValue(value);
-    onChange(value);
-  };
-  var wrapClass = isWrap ? 'flex-wrap: wrap;' : 'flex-wrap: nowrap;overflow-x: auto;';
-  _otherProps.style = wrapClass + ' ' + _otherProps.style ? _otherProps.style : '';
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "radio-group__panel"
-  }, _otherProps), (options || []).map(function (option) {
-    return /*#__PURE__*/React.createElement(RadioGroupItem, {
-      label: option.label,
-      value: option.value,
-      key: option.value,
-      checked: selectedValue === option.value,
-      name: name,
-      type: type,
-      selectColor: selectColor,
-      selectTextColor: selectTextColor,
-      unSelectColor: unSelectColor,
-      unSelectTextColor: unSelectTextColor,
-      onChange: handleChange
-    });
-    // return convertChildren(children, 'custom-radio-group-item', {
-    //     label: option.label,
-    //     value: option.value,
-    //     key: option.value,
-    //     checked: selectedValue === option.value,
-    //     name: name,
-    //     type: type,
-    //     selectColor: selectColor,
-    //     selectTextColor: selectTextColor,
-    //     unSelectColor: unSelectColor,
-    //     unSelectTextColor: unSelectTextColor,
-    //     onChange: handleChange
-    // })
-  }));
-};
-RadioGroup.displayName = 'RadioGroup';
-export default RadioGroup;

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

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

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

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

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

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

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

@@ -1,14 +0,0 @@
-/// <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

@@ -1,37 +0,0 @@
-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 processContent = function processContent(content) {
-  // 检查内容是否为字符串
-  if (typeof content !== 'string') {
-    return '';
-  }
-  // 替换转义符号（这里可以根据需要添加更多处理逻辑）
-  return content.replace(/\\/g, '');
-};
-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: processContent(item.content)
-      }
-    });
-  }) : /*#__PURE__*/React.createElement("div", {
-    dangerouslySetInnerHTML: {
-      __html: processContent(content)
-    }
-  }));
-};
-RichText.displayName = 'RichText';
-export default RichText;

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

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

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

@@ -1,2 +0,0 @@
-import SearchBar from "./search-bar";
-export default SearchBar;

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

@@ -1,39 +0,0 @@
-.search-bar-form {
-  height: 35px;
-  flex: 1;
-  box-shadow: 0 1px 6px 0 rgba(66, 36, 8, 0.08);
-  border-radius: 17px;
-}
-.search-bar {
-  //border: solid 1px #c4c6cf;
-  display: flex;
-  align-items: center;
-  height: 100%;
-  padding-right: 16px;
-  &-input {
-    outline: none;
-    border: none;
-    //width: calc(100% - 15px - 34px);
-    height: 100%;
-    flex: 1;
-  }
-  &-icon {
-    margin-left: 15px;
-    margin-right: 5px;
-    display: flex;
-    align-items: center;
-    &-img {
-      width: 15px;
-      height: 15px;
-    }
-  }
-  &-delete-img {
-    width: 15px;
-    height: 15px;
-  }
-  &-enter {
-    font-size: 14px;
-    color: #f77c32;
-    margin-left: 6px;
-  }
-}

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

@@ -1,10 +0,0 @@
-import * as React from 'react';
-export interface SearchBarProps {
-    onSearch?: () => void;
-    onConfirm?: (value: string) => void;
-    placeholder?: string;
-    searchText?: boolean;
-    autofocus?: boolean;
-}
-declare const SearchBar: React.FC<SearchBarProps>;
-export default SearchBar;

package/es/components/search-bar/search-bar.js

@@ -1,73 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["onSearch", "searchText", "autofocus", "placeholder", "onConfirm"];
-import * as React from 'react';
-import { useRef, useState } from "react";
-import searchIcon from "../../assets/icon/search/search.png";
-import deleteIcon from "../../assets/icon/search/delete.png";
-var SearchBar = function SearchBar(props) {
-  var onSearch = props.onSearch,
-    _props$searchText = props.searchText,
-    searchText = _props$searchText === void 0 ? true : _props$searchText,
-    _props$autofocus = props.autofocus,
-    autofocus = _props$autofocus === void 0 ? false : _props$autofocus,
-    _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? '请输入' : _props$placeholder,
-    onConfirm = props.onConfirm,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useState = useState(),
-    searchValue = _useState[0],
-    setSearchValue = _useState[1];
-  var searchInput = useRef(null);
-  var handleChange = function handleChange(e) {
-    setSearchValue(e.target.value); // 更新 state
-  };
-  /**
-   * 触发confirm事件
-   */
-  var confirm = function confirm() {
-    var _searchInput$current;
-    if (onConfirm) {
-      onConfirm(searchValue);
-    }
-    searchInput === null || searchInput === void 0 ? void 0 : (_searchInput$current = searchInput.current) === null || _searchInput$current === void 0 ? void 0 : _searchInput$current.blur();
-  };
-  var handleKeyDown = function handleKeyDown(e) {
-    if (e.key === "Enter") {
-      confirm();
-    }
-  };
-  var clearValue = function clearValue() {
-    setSearchValue('');
-  };
-  return /*#__PURE__*/React.createElement("form", _extends({
-    action: "",
-    className: "search-bar-form"
-  }, otherProps, {
-    onSubmit: confirm
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "search-bar",
-    onClick: onSearch
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "search-bar-icon"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: searchIcon,
-    className: "search-bar-icon-img"
-  })), /*#__PURE__*/React.createElement("input", {
-    className: "search-bar-input",
-    placeholder: placeholder,
-    value: searchValue,
-    autoFocus: autofocus,
-    onChange: handleChange,
-    onKeyDown: handleKeyDown,
-    ref: searchInput
-  }), searchValue ? /*#__PURE__*/React.createElement("img", {
-    className: "search-bar-delete-img",
-    src: deleteIcon,
-    onClick: clearValue
-  }) : '', searchText ? /*#__PURE__*/React.createElement("span", {
-    className: "search-bar-enter",
-    onClick: confirm
-  }, "\u641C\u7D22") : ''));
-};
-export default SearchBar;

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

@@ -1,6 +0,0 @@
-/**
- * 菜单列表
- */
-import StreamList from './stream-list';
-export type { StreamListProps } from './stream-list';
-export { StreamList };

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

@@ -1,6 +0,0 @@
-/**
- * 菜单列表
- */
-
-import StreamList from "./stream-list";
-export { StreamList };

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

@@ -1,26 +0,0 @@
-@import '../../variables.scss';
-
-.stream-list-container {
-
-  .refresh-indicator {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 40px;
-    font-size: 14px;
-    color: #333;
-    pointer-events: none;
-  }
-
-  // 加载更多提示的样式
-  .spin, .loading-text {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 40px; // 提示高度
-    font-size: 14px;
-    color: #666;
-  }
-
-}
-

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

@@ -1,54 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import './index.scss';
-export interface PageHelperType<T = any> {
-    page: number;
-    rows: number;
-    isLastPage: boolean;
-    total: number;
-    list: T[];
-}
-export interface StreamListProps {
-    /**
-     * 子组件内容
-     */
-    children: ReactNode;
-    /**
-     * 请求下一页数据的函数
-     * @param page
-     * @param rows
-     */
-    onNextPage?: (options: {
-        page: number;
-        rows?: number;
-    }) => Promise<PageHelperType>;
-    /**
-     * 请求刷新数据的函数
-     */
-    onRefreshPage?: () => Promise<PageHelperType>;
-    /**
-     * 是否是最后一页
-     */
-    isLastPage?: boolean;
-    /**
-     * 当前页
-     */
-    nowPage?: number;
-    /**
-     * 刷新中的文字提示
-     */
-    refreshingText?: string;
-    /**
-     * 加载中的文字提示
-     */
-    loadingText?: string;
-    /**
-     * 加载更多的文字提示
-     */
-    loadMoreText?: string;
-}
-/**
- * StreamList 组件
- */
-declare const StreamList: React.FC<StreamListProps>;
-export default StreamList;