@dckj-npm/dc-material 0.1.147 → 0.1.149

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

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

package/es/components/position/entity.js

@@ -0,0 +1 @@
+export {};

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

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

package/es/components/position/index.js

@@ -0,0 +1,2 @@
+import Position from "./position";
+export default Position;

package/es/components/position/index.scss

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

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

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

package/es/components/position/position-left.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["currentLocation", "clickHandle"];
+import * as React from 'react';
+import "./index.scss";
+import arror from "../../assets/icon/position/arror.png";
+var NavigationLeft = function navigationLeft(_ref) {
+  var currentLocation = _ref.currentLocation,
+    clickHandle = _ref.clickHandle,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", _extends({
+    className: "location"
+  }, otherProps, {
+    onClick: function onClick() {
+      return clickHandle();
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "location-address"
+  }, currentLocation.address), /*#__PURE__*/React.createElement("div", {
+    className: "location-icon"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: arror,
+    width: "10",
+    height: "5",
+    alt: "icon"
+  }))));
+};
+export default NavigationLeft;

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

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

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import "./index.scss";
+var ContentList = function navigationList(_ref) {
+  var open = _ref.open,
+    itemArray = _ref.itemArray,
+    setIsOpen = _ref.setIsOpen,
+    setCurrent = _ref.setCurrent;
+  var changeHandle = function changeHandle(position) {
+    console.log('changeHandle', position);
+    // 设置当前选中位置
+    setCurrent(position);
+    // 关闭位置列表
+    setIsOpen();
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "location-list",
+    style: {
+      display: open ? 'block' : 'none'
+    }
+  }, itemArray ? itemArray.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      onClick: function onClick() {
+        return changeHandle(item);
+      },
+      className: "location-list-item"
+    }, item.address);
+  }) : /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u6570\u636E"));
+};
+export default ContentList;

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

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

package/es/components/position/position.js

@@ -0,0 +1,48 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["itemArray", "defaultLocation", "__designMode"];
+import * as React from 'react';
+import { default as List } from "./position-list";
+import { default as Position } from "./position-left";
+var Navigation = function bottomNavigation(_ref) {
+  var itemArray = _ref.itemArray,
+    defaultLocation = _ref.defaultLocation,
+    __designMode = _ref.__designMode,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _React$useState = React.useState(defaultLocation),
+    current = _React$useState[0],
+    _setCurrent = _React$useState[1];
+  var _React$useState2 = React.useState(false),
+    isOpen = _React$useState2[0],
+    setIsOpen = _React$useState2[1];
+  var openList = function openList() {
+    if (__designMode == 'design') {
+      // 设计态不打开列表
+      return;
+    }
+    setIsOpen(!isOpen);
+    console.log('isopen', isOpen);
+  };
+  // React.useEffect(() => {
+  //   console.log('defaultLocation', defaultLocation)
+  //   if (defaultLocation) {
+  //     setCurrent(defaultLocation)
+  //   }
+  // })
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Position, _extends({
+    currentLocation: current
+  }, otherProps, {
+    clickHandle: function clickHandle() {
+      return openList();
+    }
+  })), /*#__PURE__*/React.createElement(List, {
+    open: isOpen,
+    currentLocation: current,
+    itemArray: itemArray,
+    setIsOpen: openList,
+    setCurrent: function setCurrent(value) {
+      return _setCurrent(value);
+    }
+  }));
+};
+export default Navigation;

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

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

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

@@ -0,0 +1,7 @@
+/**
+ * 单选按钮组
+ */
+
+import RadioGroup from "./radio-group";
+import RadioGroupItem from "./radio-group-item";
+export { RadioGroup as CustomRadioGroup, RadioGroupItem as CustomRadioGroupItem };

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

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

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

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

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

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

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

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

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

@@ -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,19 @@
+.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

@@ -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,37 @@
+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

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

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

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

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

@@ -0,0 +1,39 @@
+.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

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