@dckj-npm/dc-material 0.1.358 → 0.1.360

package/es/index.d.ts

@@ -1,52 +1,85 @@
-export type { ComponentProps } from './components/swiper';
-export { default as Swiper } from './components/swiper';
-export type { SliderComponentProps } from './components/dc-slider';
-export { default as DCSlider } from './components/dc-slider';
-export type { NavigationProps } from './components/bottom-navigation';
-export { default as Navigation } from './components/bottom-navigation';
-export type { MenuListDataProps, MenuListProps } from './components/menu-list';
-export { default as MenuList } from './components/menu-list';
-export type { TeletextListProps } from './components/teletext-list';
-export { TeletextList } from './components/teletext-list';
-export type { Title1Props } from './components/title';
-export { Title1 } from './components/title';
-export type { Title2Props } from './components/title';
-export { Title2 } from './components/title';
-export type { GridNavProps } from './components/grid-nav';
-export { default as GridNav } from './components/grid-nav';
-export type { SearchBarProps } from './components/search-bar';
-export { default as SearchBar } from './components/search-bar';
-export type { LocationProps } from './components/position';
-export { default as Position } from './components/position';
-export type { TagProps } from './components/tag';
-export { default as TagC } from './components/tag';
-export type { MessageListProps } from './components/message-list';
-export { default as MessageList } from './components/message-list';
-export type { TabProps } from './components/tab';
-export { default as TabMessage } from './components/tab';
-export type { NoticeBarProps } from './components/notice-bar';
-export { default as NoticeBar } from './components/notice-bar';
-export type { TabContainerProps } from './components/tab-container';
-export { default as TabContainer } from './components/tab-container';
-export type { TabContainerItemProps } from './components/tab-container-item';
-export { default as TabContainerItem } from './components/tab-container-item';
-export type { IntegralTaskProps } from './components/integral-task';
-export { default as IntegralTask } from './components/integral-task';
-export type { ButtonProps } from './components/button';
-export { default as Button2 } from './components/button';
-export type { RadioGroupProps, RadioGroupItemProps } from './components/radio-group';
-export { CustomRadioGroup, CustomRadioGroupItem } from './components/radio-group';
-export type { GoodsCardListProps } from './components/goods-card-list';
-export { GoodsCardList, GoodsCardListCommon } from './components/goods-card-list';
-export type { RichTextProps } from './components/rich-text';
-export { RichText } from './components/rich-text';
-export type { StreamListProps } from './components/stream-list';
-export { StreamList } from './components/stream-list';
-export type { FormProps } from './components/form';
-export { Form } from './components/form';
-export type { UserInfoModel } from './components/user-card';
-export { UserCard } from './components/user-card';
-export type { MemberInfoModel } from './components/member-card';
-export { MemberCard } from './components/member-card';
-declare const bizCssPrefix = "bizpack";
-export { bizCssPrefix };
+export type { ComponentProps } from './components/swiper';
+export { default as Swiper } from './components/swiper';
+export type { SliderComponentProps } from './components/dc-slider';
+export { default as DCSlider } from './components/dc-slider';
+export type { NavigationProps } from './components/bottom-navigation';
+export { default as Navigation } from './components/bottom-navigation';
+export type { MenuListDataProps, MenuListProps } from './components/menu-list';
+export { default as MenuList } from './components/menu-list';
+export type { TeletextListProps } from './components/teletext-list';
+export { TeletextList } from './components/teletext-list';
+export type { Title1Props } from './components/title';
+export { Title1 } from './components/title';
+export type { Title2Props } from './components/title';
+export { Title2 } from './components/title';
+export type { GridNavProps } from './components/grid-nav';
+export { default as GridNav } from './components/grid-nav';
+export type { SearchBarProps } from './components/search-bar';
+export { default as SearchBar } from './components/search-bar';
+export type { LocationProps } from './components/position';
+export { default as Position } from './components/position';
+export type { TagProps } from './components/tag';
+export { default as TagC } from './components/tag';
+export type { MessageListProps } from './components/message-list';
+export { default as MessageList } from './components/message-list';
+export type { TabProps } from './components/tab';
+export { default as TabMessage } from './components/tab';
+export type { NoticeBarProps } from './components/notice-bar';
+export { default as NoticeBar } from './components/notice-bar';
+export type { TabContainerProps } from './components/tab-container';
+export { default as TabContainer } from './components/tab-container';
+export type { TabContainerItemProps } from './components/tab-container-item';
+export { default as TabContainerItem } from './components/tab-container-item';
+export type { IntegralTaskProps } from './components/integral-task';
+export { default as IntegralTask } from './components/integral-task';
+export type { ButtonProps } from './components/button';
+export { default as Button2 } from './components/button';
+export type { RadioGroupProps, RadioGroupItemProps } from './components/radio-group';
+export { CustomRadioGroup, CustomRadioGroupItem } from './components/radio-group';
+export type { GoodsCardListProps } from './components/goods-card-list';
+export { GoodsCardList, GoodsCardListCommon } from './components/goods-card-list';
+export type { RichTextProps } from './components/rich-text';
+export { RichText } from './components/rich-text';
+export type { StreamListProps } from './components/stream-list';
+export { StreamList } from './components/stream-list';
+export type { UserInfoModel } from './components/user-card';
+export { UserCard } from './components/user-card';
+export type { MemberInfoModel } from './components/member-card';
+export { MemberCard } from './components/member-card';
+export type { ShopCartModel, ShopCarModel } from './components/shopping-cart';
+export { ShoppingCart } from './components/shopping-cart';
+export type { AddressListProps } from './components/address-list';
+export { AddressList } from './components/address-list';
+export type { ImageProps } from './components/image';
+export { default as Image } from './components/image';
+export type { CustomSelectProps } from './components/custom-select';
+export { CustomSelect } from './components/custom-select';
+export type { InputProps } from './components/input';
+export { Input } from './components/input';
+export type { TextDescriptionDetailListProps } from './components/text-description-detail-list';
+export { TextDescriptionDetailList } from './components/text-description-detail-list';
+export type { DrawerProps } from './components/drawer';
+export { Drawer as CustomDrawer } from './components/drawer';
+export type { SwitchProps } from './components/switch';
+export { Switch } from './components/switch';
+export type { ProfileProps } from './components/profile';
+export { Profile } from './components/profile';
+export type { BreadCrumbProps } from './components/bread-crumb';
+export { BreadCrumb } from './components/bread-crumb';
+export type { CollapseProps } from './components/collapse';
+export { Collapse } from './components/collapse';
+export type { SearchHistoryListProps } from './components/search-history-list';
+export { SearchHistoryList } from './components/search-history-list';
+export type { ReviewListProps } from './components/review-list';
+export { ReviewList } from './components/review-list';
+export type { RatingProps } from './components/rating';
+export { Rating } from './components/rating';
+export * from './components/accordion-selector';
+export type { CollapseSelectorProps } from './components/collapse-selector';
+export { CollapseSelector } from './components/collapse-selector';
+export type { CollapseSelectorItemProps } from './components/collapse-selector-item';
+export { CollapseSelectorItem } from './components/collapse-selector-item';
+export type { CustomFormProps, CustomFormItemSchema, CustomFormItemType } from './components/custom-form';
+export { CustomForm } from './components/custom-form';
+declare const bizCssPrefix = "bizpack";
+export { bizCssPrefix };

package/es/index.js

@@ -84,8 +84,8 @@ export { RichText } from "./components/rich-text";
 export { StreamList } from "./components/stream-list";
 
 // 表单
-
-export { Form } from "./components/form";
+// export type { FormProps } from './components/form'
+// export { Form } from './components/form'
 
 // 用户信息卡片
 
@@ -94,5 +94,76 @@ export { UserCard } from "./components/user-card";
 // 会员信息卡片
 
 export { MemberCard } from "./components/member-card";
+
+// 购物车
+
+export { ShoppingCart } from "./components/shopping-cart";
+
+// 地址列表（测试）
+
+export { AddressList } from "./components/address-list";
+
+// 图片
+
+export { default as Image } from "./components/image";
+
+// 自定义选择器
+
+export { CustomSelect } from "./components/custom-select";
+
+// 输入框
+
+export { Input } from "./components/input";
+
+// 文本描述详情列表
+
+export { TextDescriptionDetailList } from "./components/text-description-detail-list";
+
+// 抽屉
+
+export { Drawer as CustomDrawer } from "./components/drawer";
+
+// 开关
+
+export { Switch } from "./components/switch";
+
+// 个人资料
+
+export { Profile } from "./components/profile";
+
+// 面包屑
+
+export { BreadCrumb } from "./components/bread-crumb";
+
+// 折叠面板
+
+export { Collapse } from "./components/collapse";
+
+// 搜索历史列表
+
+export { SearchHistoryList } from "./components/search-history-list";
+
+// 评价列表
+
+export { ReviewList } from "./components/review-list";
+
+// 评分
+
+export { Rating } from "./components/rating";
+
+// 折叠面板选择器
+export * from "./components/accordion-selector";
+
+// 折叠面板选择器2
+
+export { CollapseSelector } from "./components/collapse-selector";
+
+// 折叠面板选择器2子项
+
+export { CollapseSelectorItem } from "./components/collapse-selector-item";
+
+// 自定义表单
+
+export { CustomForm } from "./components/custom-form";
 var bizCssPrefix = 'bizpack';
 export { bizCssPrefix };

package/es/index.scss

@@ -1,6 +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';
+@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

@@ -1,6 +1,20 @@
 import '@alifd/next/es/slider/style';
 import '@alilc/lowcode-materials/lib/style.js';
 import '@alifd/next/es/tab/style';
+import '@alifd/next/es/select/style';
+import '@alifd/next/es/button/style';
+import '@alifd/next/es/drawer/style';
+import '@alifd/next/es/icon/style';
+import '@alifd/next/es/switch/style';
+import '@alifd/next/es/breadcrumb/style';
+import '@alifd/next/es/collapse/style';
+import '@alifd/next/es/rating/style';
+import '@alifd/next/es/upload/style';
+import '@alifd/next/es/number-picker/style';
+import '@alifd/next/es/date-picker/style';
+import '@alifd/next/es/checkbox/style';
 import '@alifd/next/es/radio/style';
+import '@alifd/next/es/input/style';
+import '@alifd/next/es/responsive-grid/style';
 import '@alifd/next/es/form/style';
 import './index.scss';

package/es/utils/children-node-handle.d.ts

@@ -1,9 +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>;
+/**
+ * 从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

@@ -1,12 +1,12 @@
 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 要覆盖的属性
+/**
+ * 从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;
@@ -14,8 +14,13 @@ export function convertChildren(children, key, props) {
     for (var i = 0; i < children.length; i++) {
       var child = children[i];
       if (child.key === key) {
+        var _child$props;
         // 属性融合
         var propsContact = props ? _extends({}, child.props, props) : child.props;
+        // 样式融合
+        if (props !== null && props !== void 0 && props.style && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.style) {
+          propsContact.style = _extends({}, child.props.style, props.style);
+        }
         node = /*#__PURE__*/React.cloneElement(child, propsContact);
         break;
       }

package/es/utils/component-wrapper.d.ts

@@ -1,9 +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;
-};
+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/debounce.d.ts

@@ -1 +1 @@
-export declare function debounce<T extends (...args: any[]) => void>(func: T, delay: number): (this: any, ...args: Parameters<T>) => void;
+export declare function debounce<T extends (...args: any[]) => void>(func: T, delay: number): (this: any, ...args: Parameters<T>) => void;

package/es/utils/textUtil.d.ts

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

package/es/utils/textUtil.js

@@ -1,8 +1,8 @@
 import { pinyin } from 'pinyin-pro';
 
-/**
- * @description 短横线字符串转驼峰
- * @param str
+/**
+ * @description 短横线字符串转驼峰
+ * @param str
  */
 export function lineToUppercase(str) {
   function upper(all, letter) {
@@ -11,9 +11,9 @@ export function lineToUppercase(str) {
   return str.replace(/-(\w)/g, upper);
 }
 
-/**
- * 将城市分组
- * @param cities
+/**
+ * 将城市分组
+ * @param cities
  */
 export function groupCitiesByInitial(cities) {
   var cityGroups = {};
@@ -36,9 +36,9 @@ export function groupCitiesByInitial(cities) {
   }, {});
 }
 
-/**
- * 获取拼音首字母
- * @param str
+/**
+ * 获取拼音首字母
+ * @param str
  */
 function getFirstWord(str) {
   if (!str) {

package/es/utils/time-util.d.ts

@@ -1,5 +1,5 @@
-/**
- * 时间计算
- * @param timeString
- */
-export declare function formatTime(timeString: any): string;
+/**
+ * 时间计算
+ * @param timeString
+ */
+export declare function formatTime(timeString: any): string;

package/es/utils/time-util.js

@@ -1,6 +1,6 @@
-/**
- * 时间计算
- * @param timeString
+/**
+ * 时间计算
+ * @param timeString
  */
 export function formatTime(timeString) {
   var time = new Date(timeString);

package/es/variables.d.ts

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

package/es/variables.scss

@@ -1,3 +1,3 @@
-@import '~@alifd/next/variables.scss';
-
-$biz-css-prefix: '.bizpack';
+@import '~@alifd/next/variables.scss';
+
+$biz-css-prefix: '.bizpack';

package/lib/assets/scss/mixin.scss

@@ -0,0 +1,68 @@
+
+//sass常用混合器(应该合理使用)
+// 弹性布局混合器
+@mixin flexMixer($justify: center, $align: center, $flex: row) {
+	// 申明为弹性盒子
+	display: flex;
+	// 排列方式
+	flex-direction: $flex;
+	// 主（副）轴的对齐方式
+	justify-content: $justify;
+	// 主（副）轴的对齐方式
+	align-items: $align;
+}
+// 定位混合器
+@mixin positionMixer($position: static, $left: auto, $top: auto, $right: auto, $bottom: auto) {
+	position: $position;
+	left: $left;
+	top: $top;
+	right: $right;
+	bottom: $bottom;
+}
+// 浮动混合器
+@mixin floatMixer($float: left) {
+	float: $float;
+}
+// 设置背景混合器
+@mixin bgMixer($url, $position: center center, $size: 100% 100%, $repeat: no-repeat) {
+	background: $url $repeat $position;
+	background-size: $size;
+}
+// 宽高混合器
+@mixin widthMixer($width: 100px, $height: 100px) {
+	width: $width;
+	height: $height;
+}
+
+// 文字混合器
+@mixin fontMixer($fontSize: 16px, $color: #515a6e, $weight: 500, $font-familyt: Source Han Sans SC) {
+	font-family: $font-familyt;
+	font-size: $fontSize;
+	font-weight: $weight;
+	color: $color;
+}
+
+// 多行字体省略混合器
+@mixin pointMixer($line: 2) {
+	display: -webkit-box; //必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
+	word-break: break-all;
+	-webkit-line-clamp: $line;
+	line-clamp: $line;
+	overflow: hidden;
+	text-overflow: ellipsis; //可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。
+	white-space: normal;
+	/* autoprefixer: off */
+	-webkit-box-orient: vertical; //必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
+	/* autoprefixer: on */
+}
+
+// 隐藏滚动条
+@mixin hiddenScroll() {
+	/* Firefox */
+	scrollbar-width: none;
+	/* Chrome Safari */
+	&::-webkit-scrollbar {
+		display: none;
+	}
+}
+

package/lib/components/accordion-selector/accordion-selector.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import './index.scss';
+import { Collapse } from '@alifd/next';
+export interface AccordionSelectorProps extends React.ComponentProps<typeof Collapse> {
+    items: DataProps[];
+    onClick?: (e: any) => void;
+    children: React.ReactChild;
+}
+interface DataProps {
+    icon?: string;
+    title?: string;
+}
+declare const AccordionSelector: {
+    ({ dataList, children, ...otherProps }: {
+        [x: string]: any;
+        dataList: any;
+        children: any;
+    }): JSX.Element;
+    Item: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("@alifd/next/types/collapse").PanelProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
+        onKeyDown: (e: import("react").KeyboardEvent<HTMLElement>) => void;
+        render(): import("react").JSX.Element;
+        context: any;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@alifd/next/types/collapse").PanelProps>) => {} | Pick<{}, K_1>) | Pick<{}, K_1>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<import("@alifd/next/types/collapse").PanelProps> & Readonly<{
+            children?: import("react").ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/collapse").PanelProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/collapse").PanelProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/collapse").PanelProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/collapse").PanelProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/collapse").PanelProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/collapse").PanelProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/collapse").PanelProps>, nextState: Readonly<{}>, nextContext: any): void;
+    }, {}> & {
+        isNextPanel: boolean;
+    };
+    displayName: string;
+};
+export default AccordionSelector;

package/lib/components/accordion-selector/accordion-selector.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+require("./index.scss");
+var _excluded = ["dataList", "children"];
+var AccordionSelector = function AccordionSelector(_ref) {
+  var dataList = _ref.dataList,
+    children = _ref.children,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  console.log(dataList, children);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/_react["default"].createElement(_collapse["default"], (0, _extends2["default"])({
+    className: "accordion-selector"
+  }, _otherProps), children);
+};
+
+// 确保Item组件在AccordionSelector定义后立即挂载
+AccordionSelector.Item = _collapse["default"].Panel;
+AccordionSelector.Item.displayName = 'AccordionSelector.Item';
+AccordionSelector.displayName = 'AccordionSelector';
+var _default = exports["default"] = AccordionSelector;

package/lib/components/accordion-selector/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 折叠面板
+ */
+import AccordionSelector from './accordion-selector';
+export type { AccordionSelectorProps } from './accordion-selector';
+export { AccordionSelector };

package/lib/components/accordion-selector/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _accordionSelector = _interopRequireDefault(require("./accordion-selector"));
+exports.AccordionSelector = _accordionSelector["default"];

package/lib/components/accordion-selector/index.scss

@@ -0,0 +1,5 @@
+.accordion-selector {
+    display: block;
+    background-color: #fff;
+
+}