@dckj-npm/dc-material 0.1.356 → 0.1.358

package/es/index.js

@@ -0,0 +1,98 @@
+// 轮播图
+
+export { default as Swiper } from "./components/swiper";
+
+// 轮播图2号
+
+export { default as DCSlider } from "./components/dc-slider";
+
+// 底部导航
+
+export { default as Navigation } from "./components/bottom-navigation";
+
+// 列表菜单
+
+export { default as MenuList } from "./components/menu-list";
+
+// 图文列表
+
+export { TeletextList } from "./components/teletext-list";
+
+// 标题1
+
+export { Title1 } from "./components/title";
+
+// 标题2
+
+export { Title2 } from "./components/title";
+
+// 网格导航
+
+export { default as GridNav } from "./components/grid-nav";
+
+// 搜索框
+
+export { default as SearchBar } from "./components/search-bar";
+
+// 定位
+
+export { default as Position } from "./components/position";
+// 标签
+
+export { default as TagC } from "./components/tag";
+// 消息列表
+
+export { default as MessageList } from "./components/message-list";
+// 消息tab
+
+export { default as TabMessage } from "./components/tab";
+
+// 公告栏
+
+export { default as NoticeBar } from "./components/notice-bar";
+
+// 选项卡
+
+export { default as TabContainer } from "./components/tab-container";
+
+// 选项卡子项
+
+export { default as TabContainerItem } from "./components/tab-container-item";
+
+// 积分任务列表
+
+export { default as IntegralTask } from "./components/integral-task";
+
+// 按钮
+
+export { default as Button2 } from "./components/button";
+
+// 单选组
+
+export { CustomRadioGroup, CustomRadioGroupItem } from "./components/radio-group";
+
+// 商品卡片列表
+
+export { GoodsCardList, GoodsCardListCommon } from "./components/goods-card-list";
+
+// 富文本
+
+export { RichText } from "./components/rich-text";
+
+// 富文本
+
+export { StreamList } from "./components/stream-list";
+
+// 表单
+
+export { Form } from "./components/form";
+
+// 用户信息卡片
+
+export { UserCard } from "./components/user-card";
+
+// 会员信息卡片
+
+export { MemberCard } from "./components/member-card";
+var bizCssPrefix = 'bizpack';
+export { bizCssPrefix };

package/es/index.scss

@@ -0,0 +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/notice-bar/index.scss';

package/es/style.js

@@ -0,0 +1,6 @@
+import '@alifd/next/es/slider/style';
+import '@alilc/lowcode-materials/lib/style.js';
+import '@alifd/next/es/tab/style';
+import '@alifd/next/es/radio/style';
+import '@alifd/next/es/form/style';
+import './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

@@ -0,0 +1,25 @@
+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 要覆盖的属性
+ */
+export function convertChildren(children, key, props) {
+  var node;
+  if (Array.isArray(children)) {
+    for (var i = 0; i < children.length; i++) {
+      var child = children[i];
+      if (child.key === key) {
+        // 属性融合
+        var propsContact = props ? _extends({}, child.props, props) : child.props;
+        node = /*#__PURE__*/React.cloneElement(child, propsContact);
+        break;
+      }
+    }
+  }
+  return 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/component-wrapper.js

@@ -0,0 +1,38 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["__designMode", "value", "defaultValue"],
+  _excluded2 = ["__designMode"];
+import * as React from 'react';
+var createElement = React.createElement;
+export var ValueWrapper = function ValueWrapper(NextFormComponent, displayName) {
+  var WrappedComponent = function WrappedComponent(props) {
+    var __designMode = props.__designMode,
+      value = props.value,
+      defaultValue = props.defaultValue,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+    var finalValue = __designMode === 'design' ? defaultValue : value;
+    if (typeof finalValue !== 'undefined') {
+      otherProps.value = finalValue;
+    }
+    return createElement(NextFormComponent, _extends({}, otherProps));
+  };
+  WrappedComponent.displayName = displayName;
+  return WrappedComponent;
+};
+export var DynamicPropWrapper = function DynamicPropWrapper(prop, NextFormComponent, displayName) {
+  var WrappedComponent = function WrappedComponent(props) {
+    var dynamicProp = prop;
+    var defaultDynamicProp = "default" + prop.slice(0, 1).toUpperCase() + prop.slice(1);
+    var __designMode = props.__designMode,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
+    var dynamicPropValueValue = props[dynamicProp];
+    var defaultDynamicPropValue = props[defaultDynamicProp];
+    var finalValue = __designMode === 'design' ? defaultDynamicPropValue : dynamicPropValueValue;
+    if (typeof finalValue !== 'undefined') {
+      otherProps[dynamicProp] = finalValue;
+    }
+    return createElement(NextFormComponent, _extends({}, otherProps));
+  };
+  WrappedComponent.displayName = displayName;
+  return WrappedComponent;
+};

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/debounce.js

@@ -0,0 +1,14 @@
+export function debounce(func, delay) {
+  var timeout;
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    // eslint-disable-next-line ts/no-this-alias
+    var context = this;
+    clearTimeout(timeout);
+    timeout = setTimeout(function () {
+      return func.apply(context, args);
+    }, delay);
+  };
+}

package/es/utils/textUtil.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @description 短横线字符串转驼峰
+ * @param str
+ */
+export declare function lineToUppercase(str: string): string;
+/**
+ * 将城市分组
+ * @param cities
+ */
+export declare function groupCitiesByInitial(cities: any): {};

package/es/utils/textUtil.js

@@ -0,0 +1,51 @@
+import { pinyin } from 'pinyin-pro';
+
+/**
+ * @description 短横线字符串转驼峰
+ * @param str
+ */
+export function lineToUppercase(str) {
+  function upper(all, letter) {
+    return letter.toUpperCase();
+  }
+  return str.replace(/-(\w)/g, upper);
+}
+
+/**
+ * 将城市分组
+ * @param cities
+ */
+export function groupCitiesByInitial(cities) {
+  var cityGroups = {};
+  cities.forEach(function (city) {
+    // 获取城市名称的拼音首字母
+    var initial = getFirstWord(city.address);
+
+    // 按首字母分组
+    if (!cityGroups[initial]) {
+      cityGroups[initial] = [];
+    }
+    // 将整个地址信息保存
+    cityGroups[initial].push(city);
+  });
+  // 按字母顺序排序分组
+  return Object.keys(cityGroups).sort() // 对首字母进行字母排序
+  .reduce(function (sortedGroups, initial) {
+    sortedGroups[initial] = cityGroups[initial];
+    return sortedGroups;
+  }, {});
+}
+
+/**
+ * 获取拼音首字母
+ * @param str
+ */
+function getFirstWord(str) {
+  if (!str) {
+    return '';
+  }
+  return pinyin(str, {
+    pattern: "first",
+    toneType: "none"
+  })[0].toUpperCase();
+}

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

@@ -0,0 +1,18 @@
+/**
+ * 时间计算
+ * @param timeString
+ */
+export function formatTime(timeString) {
+  var time = new Date(timeString);
+  var now = new Date();
+  var diff = now - time;
+  var minutes = Math.floor(diff / (1000 * 60));
+  var hours = Math.floor(diff / (1000 * 60 * 60));
+  if (minutes < 60) {
+    return minutes + "\u5206\u949F\u524D";
+  } else if (hours < 24) {
+    return hours + "\u5C0F\u65F6\u524D";
+  } else {
+    return time.getFullYear() + "-" + (time.getMonth() + 1).toString().padStart(2, '0') + "-" + time.getDate().toString().padStart(2, '0');
+  }
+}

package/es/variables.d.ts

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

package/es/variables.js

@@ -0,0 +1,2 @@
+var bizCssPrefix = 'bizpack';
+export { bizCssPrefix };

package/es/variables.scss

@@ -0,0 +1,3 @@
+@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 NavigationItem {
+    text: string;
+    icon: string;
+    selectedIcon: string;
+    pageId: string;
+}
+export interface NavigationProps {
+    itemArray: NavigationItem[];
+    selectedColor: string;
+    onClick?: (pageId: string) => void;
+}
+declare const Navigation: React.FC<NavigationProps>;
+export default Navigation;

package/lib/components/bottom-navigation/bottom-navigation.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _lowcodeMaterials = require("@alilc/lowcode-materials");
+require("./index.scss");
+var _excluded = ["itemArray", "selectedColor", "onClick", "__designMode"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var Navigation = function BottomNavigation(_ref) {
+  var itemArray = _ref.itemArray,
+    selectedColor = _ref.selectedColor,
+    onClick = _ref.onClick,
+    __designMode = _ref.__designMode,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _useState = (0, _react.useState)(0),
+    activeNum = _useState[0],
+    setActiveNum = _useState[1];
+  var clickHandle = function clickHandle(index, pageId) {
+    // 更新激活tab
+    setActiveNum(index);
+    if (__designMode == 'design') {
+      // 设计态不执行跳转
+      return;
+    }
+    console.log('clickHandle', pageId);
+    onClick(pageId);
+  };
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: "bottom-navigation"
+  }, otherProps), /*#__PURE__*/React.createElement("div", {
+    className: "navigation-panel"
+  }, itemArray.map(function (item, index) {
+    var _item$selectedIcon;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "navigation-panel-item",
+      onClick: function onClick() {
+        return clickHandle(index, item.pageId);
+      },
+      style: {
+        color: activeNum === index ? selectedColor !== null && selectedColor !== void 0 ? selectedColor : '#4598FF' : '',
+        fontWeight: activeNum === index ? "bold" : "500"
+      }
+    }, /*#__PURE__*/React.createElement(_lowcodeMaterials.Image, {
+      className: "navigation-item-image",
+      src: activeNum === index ? (_item$selectedIcon = item.selectedIcon) !== null && _item$selectedIcon !== void 0 ? _item$selectedIcon : item.icon : item.icon,
+      style: {
+        width: '24.5px',
+        height: '24.5px'
+      }
+    }), /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: "12px"
+      }
+    }, item.text));
+  })));
+};
+var _default = exports["default"] = Navigation;

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

@@ -0,0 +1,3 @@
+import Navigation from './bottom-navigation';
+export type { NavigationProps } from './bottom-navigation';
+export default Navigation;

package/lib/components/bottom-navigation/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _bottomNavigation = _interopRequireDefault(require("./bottom-navigation"));
+var _default = exports["default"] = _bottomNavigation["default"];

package/lib/components/bottom-navigation/index.scss

@@ -0,0 +1,28 @@
+.bottom-navigation {
+  padding-bottom: env(safe-area-inset-bottom);
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  background-color: #fff;
+  z-index: 10;
+}
+.navigation-panel {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 9px 0 6px 0;
+  width: 100%;
+  box-sizing: border-box;
+  &-item {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    flex: 1;
+    .navigation-item-image {
+      margin-bottom: 3px;
+    }
+  }
+}

package/lib/components/button/button.d.ts

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

package/lib/components/button/button.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+require("./index.scss");
+var _excluded = ["name", "color"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var Button = function Button(_ref) {
+  var name = _ref.name,
+    color = _ref.color,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
+    className: "button__container " + (color ? color : '')
+  }, otherProps), name);
+};
+var _default = exports["default"] = Button;

package/lib/components/button/index.d.ts

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

package/lib/components/button/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _button = _interopRequireDefault(require("./button"));
+/**
+ * 标签tag
+ */
+var _default = exports["default"] = _button["default"];

package/lib/components/button/index.scss

@@ -0,0 +1,16 @@
+.button__container {
+  padding: 9px 15px;
+  border-radius: 15px;
+  color: white;
+  font-size: 14px;
+}
+.complete {
+  color: #fff;
+  background-color: rgba(233, 110, 65, 1);
+}
+
+.undone {
+  color: rgba(233, 110, 65, 1);
+  background-color: #fff;
+  border: 1px solid rgba(233, 110, 65, 1);
+}

package/lib/components/carousel/carousel.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './carousel.scss';
+export interface CarouselProps {
+    /**
+     * 图片列表
+     */
+    images: string[];
+    /**
+     * 定时播放的时间
+     */
+    interval?: number;
+}
+declare const Carousel: React.FC<CarouselProps>;
+export default Carousel;