pb-sxp-ui 1.0.3-alpha.1 → 1.0.3-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/dist/index.cjs +2403 -825
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +114 -112
  4. package/dist/index.js +2404 -826
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.min.cjs +3 -3
  7. package/dist/index.min.cjs.map +1 -1
  8. package/dist/index.min.js +3 -3
  9. package/dist/index.min.js.map +1 -1
  10. package/dist/pb-ui.js +2403 -825
  11. package/dist/pb-ui.js.map +1 -1
  12. package/dist/pb-ui.min.js +3 -3
  13. package/dist/pb-ui.min.js.map +1 -1
  14. package/es/core/components/SxpPageRender/Hashtag/index.d.ts +2 -1
  15. package/es/core/components/SxpPageRender/Hashtag/index.js +2 -2
  16. package/es/core/components/SxpPageRender/Navbar.d.ts +1 -0
  17. package/es/core/components/SxpPageRender/Navbar.js +3 -2
  18. package/es/core/components/SxpPageRender/PictureGroup/Picture.js +31 -3
  19. package/es/core/components/SxpPageRender/VideoWidget/index.js +21 -30
  20. package/es/core/components/SxpPageRender/WaterFall/List.d.ts +2 -1
  21. package/es/core/components/SxpPageRender/WaterFall/List.js +24 -14
  22. package/es/core/components/SxpPageRender/WaterFall/WaterfallList.d.ts +2 -1
  23. package/es/core/components/SxpPageRender/WaterFall/WaterfallList.js +13 -11
  24. package/es/core/components/SxpPageRender/WaterFall/index.d.ts +2 -1
  25. package/es/core/components/SxpPageRender/WaterFall/index.js +4 -3
  26. package/es/core/components/SxpPageRender/WaterFall/preview.json +1242 -0
  27. package/es/core/components/SxpPageRender/index.d.ts +2 -0
  28. package/es/core/components/SxpPageRender/index.js +5 -5
  29. package/es/core/context/EditorDataProvider.d.ts +3 -1
  30. package/es/core/context/EditorDataProvider.js +5 -2
  31. package/es/core/context/SxpDataSourceProvider.d.ts +2 -0
  32. package/es/core/context/SxpDataSourceProvider.js +7 -3
  33. package/es/materials/sxp/HashTag/index.d.ts +14 -0
  34. package/es/materials/sxp/HashTag/index.js +6 -0
  35. package/es/materials/sxp/HashTag/material.d.ts +2 -0
  36. package/es/materials/sxp/HashTag/material.js +52 -0
  37. package/es/materials/sxp/HashTag/settingRender.d.ts +122 -0
  38. package/es/materials/sxp/HashTag/settingRender.js +153 -0
  39. package/es/materials/sxp/index.d.ts +1 -0
  40. package/es/materials/sxp/index.js +1 -0
  41. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +4 -3
  42. package/es/materials/sxp/template/components/settingRender.d.ts +15 -0
  43. package/es/materials/sxp/template/components/settingRender.js +17 -0
  44. package/lib/core/components/SxpPageRender/Hashtag/index.d.ts +2 -1
  45. package/lib/core/components/SxpPageRender/Hashtag/index.js +2 -2
  46. package/lib/core/components/SxpPageRender/Navbar.d.ts +1 -0
  47. package/lib/core/components/SxpPageRender/Navbar.js +3 -2
  48. package/lib/core/components/SxpPageRender/PictureGroup/Picture.js +30 -2
  49. package/lib/core/components/SxpPageRender/VideoWidget/index.js +21 -30
  50. package/lib/core/components/SxpPageRender/WaterFall/List.d.ts +2 -1
  51. package/lib/core/components/SxpPageRender/WaterFall/List.js +23 -14
  52. package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.d.ts +2 -1
  53. package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js +12 -11
  54. package/lib/core/components/SxpPageRender/WaterFall/index.d.ts +2 -1
  55. package/lib/core/components/SxpPageRender/WaterFall/index.js +4 -3
  56. package/lib/core/components/SxpPageRender/WaterFall/preview.json +1242 -0
  57. package/lib/core/components/SxpPageRender/index.d.ts +2 -0
  58. package/lib/core/components/SxpPageRender/index.js +5 -5
  59. package/lib/core/context/EditorDataProvider.d.ts +3 -1
  60. package/lib/core/context/EditorDataProvider.js +4 -1
  61. package/lib/core/context/SxpDataSourceProvider.d.ts +2 -0
  62. package/lib/core/context/SxpDataSourceProvider.js +7 -3
  63. package/lib/materials/sxp/HashTag/index.d.ts +14 -0
  64. package/lib/materials/sxp/HashTag/index.js +9 -0
  65. package/lib/materials/sxp/HashTag/material.d.ts +2 -0
  66. package/lib/materials/sxp/HashTag/material.js +56 -0
  67. package/lib/materials/sxp/HashTag/settingRender.d.ts +122 -0
  68. package/lib/materials/sxp/HashTag/settingRender.js +155 -0
  69. package/lib/materials/sxp/index.d.ts +1 -0
  70. package/lib/materials/sxp/index.js +1 -0
  71. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +4 -3
  72. package/lib/materials/sxp/template/components/settingRender.d.ts +15 -0
  73. package/lib/materials/sxp/template/components/settingRender.js +17 -0
  74. package/package.json +1 -1
@@ -17,6 +17,7 @@ interface ISxpPageRenderProps {
17
17
  likeIconY?: number;
18
18
  isShowLike?: boolean;
19
19
  swipeTipIcon?: string;
20
+ hashTag?: any[];
20
21
  };
21
22
  descStyle?: CSSProperties;
22
23
  tipText?: {
@@ -49,6 +50,7 @@ interface ISxpPageRenderProps {
49
50
  resolver: any;
50
51
  ctaType?: string;
51
52
  _schema?: any;
53
+ hashTagStyle?: CSSProperties;
52
54
  }
53
55
  declare const SxpPageRender: FC<ISxpPageRenderProps>;
54
56
  export default SxpPageRender;
@@ -23,8 +23,8 @@ const sessionStore_1 = require("../../../core/utils/sessionStore");
23
23
  require("./index.less");
24
24
  const useEventReport_1 = require("../../../core/hooks/useEventReport");
25
25
  const withBindDataSource_1 = tslib_1.__importDefault(require("../../../core/hoc/withBindDataSource"));
26
- const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.innerHeight, containerWidth = window.innerWidth, tempMap, resolver, data = [], ctaType, tipText, nudge, _schema }) => {
27
- var _a, _b, _c, _d;
26
+ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.innerHeight, containerWidth = window.innerWidth, tempMap, resolver, data = [], ctaType, tipText, nudge, _schema, hashTagStyle }) => {
27
+ var _a, _b, _c, _d, _e, _f, _g;
28
28
  const { schema } = (0, hooks_1.useEditor)();
29
29
  const [activeIndex, setActiveIndex] = (0, react_1.useState)(0);
30
30
  const viewImageStartTime = (0, react_1.useRef)(0);
@@ -179,10 +179,10 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
179
179
  react_1.default.createElement(RenderCard_1.default, { rec: rec, index: index, tempMap: tempMap, resolver: resolver })),
180
180
  react_1.default.createElement("div", { className: 'clc-sxp-bottom-text' },
181
181
  react_1.default.createElement(ExpandableText_1.default, { isPost: true, foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, text: (_c = (_b = rec.video) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : '', style: descStyle })),
182
- react_1.default.createElement(Hashtag_1.default, { index: activeIndex, tags: (_e = (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.hashTags) !== null && _e !== void 0 ? _e : [], itemId: (_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.itemId, itemType: ((_g = rec.video) === null || _g === void 0 ? void 0 : _g.url) ? 'VIDEO' : null, rec: rec }))));
182
+ react_1.default.createElement(Hashtag_1.default, { index: activeIndex, tags: (_e = (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.hashTags) !== null && _e !== void 0 ? _e : [], itemId: (_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.itemId, itemType: ((_g = rec.video) === null || _g === void 0 ? void 0 : _g.url) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle }))));
183
183
  }
184
184
  return null;
185
- }, [descStyle, activeIndex, tempMap, resolver, tipText, nudge]);
185
+ }, [descStyle, activeIndex, tempMap, resolver, tipText, nudge, hashTagStyle]);
186
186
  const renderLikeButton = (0, react_1.useCallback)((rec) => {
187
187
  var _a, _b;
188
188
  if (!(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowLike))
@@ -346,6 +346,6 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
346
346
  zIndex: 999
347
347
  }, defaultValue: isMuted, activeIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon : mutedIcon, unactiveIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon : unmutedIcon, onChange: setIsMuted }),
348
348
  renderView),
349
- react_1.default.createElement(WaterFall_1.default, null)));
349
+ react_1.default.createElement(WaterFall_1.default, Object.assign({}, (_g = (_f = (_e = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.hashTag) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.item) === null || _g === void 0 ? void 0 : _g.props))));
350
350
  };
351
351
  exports.default = SxpPageRender;
@@ -1,4 +1,4 @@
1
- import { FC, PropsWithChildren } from 'react';
1
+ import React, { FC, PropsWithChildren } from 'react';
2
2
  interface IEditorDataContext {
3
3
  sxpPrameter?: {
4
4
  bottomImage: string;
@@ -9,6 +9,8 @@ interface IEditorDataContext {
9
9
  loadingImage: string;
10
10
  };
11
11
  appDomain?: string;
12
+ openHashtag?: boolean;
13
+ setOpenHashtag?: React.Dispatch<React.SetStateAction<boolean>>;
12
14
  }
13
15
  interface IEditorProviderProps {
14
16
  data?: any;
@@ -6,6 +6,7 @@ const react_1 = tslib_1.__importStar(require("react"));
6
6
  const EditorDataContext = (0, react_1.createContext)({});
7
7
  const EditorDataProvider = ({ children, data }) => {
8
8
  var _a, _b, _c, _d, _e, _f;
9
+ const [openHashtag, setOpenHashtag] = (0, react_1.useState)(false);
9
10
  return (react_1.default.createElement(EditorDataContext.Provider, { value: {
10
11
  sxpPrameter: {
11
12
  bottomImage: (_a = data === null || data === void 0 ? void 0 : data.sxp_parameter) === null || _a === void 0 ? void 0 : _a.bottom_image,
@@ -15,7 +16,9 @@ const EditorDataProvider = ({ children, data }) => {
15
16
  hashTagSize: (_e = data === null || data === void 0 ? void 0 : data.sxp_parameter) === null || _e === void 0 ? void 0 : _e.hash_tag_size,
16
17
  loadingImage: (_f = data === null || data === void 0 ? void 0 : data.sxp_parameter) === null || _f === void 0 ? void 0 : _f.loading_image
17
18
  },
18
- appDomain: data === null || data === void 0 ? void 0 : data.appDomain
19
+ appDomain: data === null || data === void 0 ? void 0 : data.appDomain,
20
+ openHashtag,
21
+ setOpenHashtag
19
22
  } }, children));
20
23
  };
21
24
  function useEditorDataProvider() {
@@ -57,6 +57,7 @@ export interface ISxpDataSourceContext {
57
57
  appDomain?: string;
58
58
  hashTagSize?: number;
59
59
  loadingImage?: string;
60
+ isOpenHashTag?: boolean;
60
61
  }
61
62
  export declare const SxpDataSourceContext: React.Context<ISxpDataSourceContext>;
62
63
  export interface SxpDataSourceProviderProps {
@@ -85,6 +86,7 @@ export interface SxpDataSourceProviderProps {
85
86
  sxpParameter?: PageData['sxp_parameter'];
86
87
  appDomain?: string;
87
88
  loadingImage?: string;
89
+ isOpenHashTag?: boolean;
88
90
  }
89
91
  declare const _default: React.NamedExoticComponent<SxpDataSourceProviderProps>;
90
92
  export default _default;
@@ -15,7 +15,7 @@ var DataSourceType;
15
15
  DataSourceType[DataSourceType["BFF"] = 5] = "BFF";
16
16
  })(DataSourceType || (DataSourceType = {}));
17
17
  const UTM_KEYS = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_id', 'utm_content', 'cl_source'];
18
- const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent = true, maxSize, defaultSize, isPreview = false, sxpParameter, appDomain, hashTagSize, loadingImage }) => {
18
+ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent = true, maxSize, defaultSize, isPreview = false, sxpParameter, appDomain, hashTagSize, loadingImage, isOpenHashTag = false }) => {
19
19
  const [rtcList, setRtcList] = (0, react_1.useState)([]);
20
20
  const [loading, setLoading] = (0, react_1.useState)(false);
21
21
  const [curReqInfo, setCurReqInfo] = (0, react_1.useState)({ rtc: '', requestId: '' });
@@ -23,10 +23,13 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
23
23
  const isInit = (0, react_1.useRef)(false);
24
24
  const [popupDetailData, setPopupDetailData] = (0, react_1.useState)();
25
25
  const [waterFallData, setWaterFallData] = (0, react_1.useState)();
26
- const [openHashtag, setOpenHashtag] = (0, react_1.useState)(false);
26
+ const [openHashtag, setOpenHashtag] = (0, react_1.useState)(isOpenHashTag);
27
27
  const [cacheRtcList, setCacheRtcList] = (0, react_1.useState)([]);
28
28
  const [cacheActiveIndex, setCacheActiveIndex] = (0, react_1.useState)(0);
29
29
  const [isFromHashtag, setIsFromHashtag] = (0, react_1.useState)(false);
30
+ (0, react_1.useEffect)(() => {
31
+ setOpenHashtag(isOpenHashTag);
32
+ }, [isOpenHashTag]);
30
33
  const bffDataSource = (0, react_1.useMemo)(() => {
31
34
  return dataSources === null || dataSources === void 0 ? void 0 : dataSources.find((d) => d.type === DataSourceType.BFF);
32
35
  }, [dataSources]);
@@ -201,7 +204,8 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
201
204
  setIsFromHashtag,
202
205
  appDomain,
203
206
  hashTagSize,
204
- loadingImage: loadingImage !== null && loadingImage !== void 0 ? loadingImage : defaultLoadingImage
207
+ loadingImage: loadingImage !== null && loadingImage !== void 0 ? loadingImage : defaultLoadingImage,
208
+ isOpenHashTag
205
209
  } }, render({ rtcList, mutateLike: bffMutateLike, mutateUnlike: bffMutateUnlike, submitForm: bffSubmitForm })));
206
210
  };
207
211
  exports.default = (0, react_1.memo)(SxpDataSourceProvider);
@@ -0,0 +1,14 @@
1
+ import React, { CSSProperties } from 'react';
2
+ export interface IHashTagProps {
3
+ lineClamp: number;
4
+ space: number;
5
+ buttonStyle: CSSProperties;
6
+ textStyles: {
7
+ hashTagTitle: CSSProperties;
8
+ hashTagDesc: CSSProperties;
9
+ title: CSSProperties;
10
+ price: CSSProperties;
11
+ };
12
+ }
13
+ declare const _default: React.NamedExoticComponent<IHashTagProps>;
14
+ export default _default;
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ const react_1 = tslib_1.__importStar(require("react"));
5
+ const WaterFall_1 = tslib_1.__importDefault(require("../../../core/components/SxpPageRender/WaterFall"));
6
+ const HashTag = (props) => {
7
+ return react_1.default.createElement(WaterFall_1.default, Object.assign({}, props));
8
+ };
9
+ exports.default = (0, react_1.memo)(HashTag);
@@ -0,0 +1,2 @@
1
+ declare const HashTag: import("../../../core/create").MaterialComponet<import(".").IHashTagProps>;
2
+ export { HashTag };
@@ -0,0 +1,56 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.HashTag = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const settingRender_1 = tslib_1.__importDefault(require("./settingRender"));
6
+ const _1 = tslib_1.__importDefault(require("."));
7
+ const create_1 = require("../../../core/create");
8
+ const HashTag = (0, create_1.createMaterial)(_1.default, {
9
+ displayName: '',
10
+ icon: '',
11
+ category: 'base',
12
+ type: 'HashTag',
13
+ related: {
14
+ settingRender: settingRender_1.default,
15
+ bindableProps: []
16
+ },
17
+ defaulSetting: {
18
+ props: {
19
+ lineClamp: 1,
20
+ space: 40,
21
+ textStyles: {
22
+ hashTagTitle: {
23
+ fontSize: 16,
24
+ color: '#000'
25
+ },
26
+ hashTagDesc: {
27
+ fontSize: 12,
28
+ textAlign: 'center',
29
+ color: '#000'
30
+ },
31
+ title: {
32
+ fontSize: 12,
33
+ color: '#000'
34
+ },
35
+ price: {
36
+ fontSize: 12,
37
+ fontWeight: 'bold',
38
+ color: '#000'
39
+ }
40
+ },
41
+ buttonStyle: {
42
+ backgroundColor: '#000',
43
+ fontSize: 12,
44
+ height: 52,
45
+ fontWeight: 'bold',
46
+ textAlign: 'center',
47
+ color: '#fff',
48
+ borderRadius: 25
49
+ }
50
+ }
51
+ },
52
+ w: 100,
53
+ h: 40,
54
+ sort: 2
55
+ });
56
+ exports.HashTag = HashTag;
@@ -0,0 +1,122 @@
1
+ declare const _default: ({
2
+ title: string;
3
+ child: ({
4
+ type: string;
5
+ label: string;
6
+ name: string[];
7
+ addonAfter?: undefined;
8
+ } | {
9
+ type: string;
10
+ label: string;
11
+ name: string[];
12
+ addonAfter: string;
13
+ })[];
14
+ } | {
15
+ title: string;
16
+ child: {
17
+ name: string[];
18
+ type: string;
19
+ child: ({
20
+ label: string;
21
+ type: string;
22
+ options: {
23
+ label: string;
24
+ value: string;
25
+ }[];
26
+ name: string[];
27
+ initialValue: string;
28
+ child?: undefined;
29
+ } | {
30
+ type: string;
31
+ label: string;
32
+ child: ({
33
+ type: string;
34
+ name: string[];
35
+ options?: undefined;
36
+ addonAfter?: undefined;
37
+ } | {
38
+ type: string;
39
+ options: {
40
+ label: string;
41
+ value: string;
42
+ }[];
43
+ name: string[];
44
+ addonAfter?: undefined;
45
+ } | {
46
+ type: string;
47
+ addonAfter: string;
48
+ name: string[];
49
+ options?: undefined;
50
+ })[];
51
+ options?: undefined;
52
+ name?: undefined;
53
+ initialValue?: undefined;
54
+ } | {
55
+ label: string;
56
+ type: string;
57
+ options?: undefined;
58
+ name?: undefined;
59
+ initialValue?: undefined;
60
+ child?: undefined;
61
+ })[];
62
+ }[];
63
+ } | {
64
+ title: string;
65
+ child: ({
66
+ type: string;
67
+ label: string;
68
+ name: string[];
69
+ initialValue: string;
70
+ child?: undefined;
71
+ } | {
72
+ type: string;
73
+ label: string;
74
+ child: ({
75
+ type: string;
76
+ name: string[];
77
+ max: number;
78
+ addonAfter?: undefined;
79
+ } | {
80
+ type: string;
81
+ name: string[];
82
+ addonAfter: string;
83
+ max: number;
84
+ })[];
85
+ name?: undefined;
86
+ initialValue?: undefined;
87
+ } | {
88
+ type: string;
89
+ name: string[];
90
+ label?: undefined;
91
+ initialValue?: undefined;
92
+ child?: undefined;
93
+ } | {
94
+ type: string;
95
+ label: string;
96
+ child: ({
97
+ type: string;
98
+ name: string[];
99
+ initialValue: string;
100
+ options?: undefined;
101
+ addonAfter?: undefined;
102
+ } | {
103
+ type: string;
104
+ name: string[];
105
+ options: {
106
+ label: string;
107
+ value: string;
108
+ }[];
109
+ initialValue?: undefined;
110
+ addonAfter?: undefined;
111
+ } | {
112
+ type: string;
113
+ name: string[];
114
+ addonAfter: string;
115
+ initialValue?: undefined;
116
+ options?: undefined;
117
+ })[];
118
+ name?: undefined;
119
+ initialValue?: undefined;
120
+ })[];
121
+ })[];
122
+ export default _default;
@@ -0,0 +1,155 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.default = [
4
+ {
5
+ title: '卡片样式',
6
+ child: [
7
+ {
8
+ type: 'Number',
9
+ label: '文本行数',
10
+ name: ['props', 'lineClamp']
11
+ },
12
+ {
13
+ type: 'Number',
14
+ label: '上下边距',
15
+ name: ['props', 'space'],
16
+ addonAfter: 'px'
17
+ }
18
+ ]
19
+ },
20
+ {
21
+ title: '文本设置',
22
+ child: [
23
+ {
24
+ name: ['props', 'textStyles'],
25
+ type: 'SelectLinkage',
26
+ child: [
27
+ {
28
+ label: '字段',
29
+ type: 'Select',
30
+ options: [
31
+ {
32
+ label: 'hashtag标题',
33
+ value: 'hashTagTitle'
34
+ },
35
+ {
36
+ label: 'hashtag描述',
37
+ value: 'hashTagDesc'
38
+ },
39
+ {
40
+ label: '标题',
41
+ value: 'title'
42
+ },
43
+ {
44
+ label: '价格',
45
+ value: 'price'
46
+ }
47
+ ],
48
+ name: ['props', 'textStyles', 'field'],
49
+ initialValue: 'title'
50
+ },
51
+ {
52
+ type: 'Group',
53
+ label: '标题字体',
54
+ child: [
55
+ {
56
+ type: 'Color',
57
+ name: ['color']
58
+ },
59
+ {
60
+ type: 'Select',
61
+ options: [{ label: '黑体', value: '黑体' }],
62
+ name: ['fontFamily']
63
+ },
64
+ {
65
+ type: 'Number',
66
+ addonAfter: 'px',
67
+ name: ['fontSize']
68
+ }
69
+ ]
70
+ },
71
+ {
72
+ label: '标题样式',
73
+ type: 'TextStyle'
74
+ },
75
+ {
76
+ label: '标题对齐',
77
+ type: 'TextAlign'
78
+ }
79
+ ]
80
+ }
81
+ ]
82
+ },
83
+ {
84
+ title: '按钮样式',
85
+ child: [
86
+ {
87
+ type: 'Color',
88
+ label: '背景色',
89
+ name: ['props', 'buttonStyle', 'backgroundColor'],
90
+ initialValue: '#000'
91
+ },
92
+ {
93
+ type: 'Group',
94
+ label: '尺寸',
95
+ child: [
96
+ {
97
+ type: 'Number',
98
+ name: ['props', 'buttonStyle', 'height'],
99
+ addonAfter: 'H'
100
+ }
101
+ ]
102
+ },
103
+ {
104
+ type: 'Group',
105
+ label: '圆角',
106
+ child: [
107
+ {
108
+ type: 'Slider',
109
+ name: ['props', 'buttonStyle', 'borderRadius'],
110
+ max: 100
111
+ },
112
+ {
113
+ type: 'Number',
114
+ name: ['props', 'buttonStyle', 'borderRadius'],
115
+ addonAfter: 'px',
116
+ max: 100
117
+ }
118
+ ]
119
+ },
120
+ {
121
+ type: 'TextMargin',
122
+ name: ['props', 'buttonStyle']
123
+ },
124
+ {
125
+ type: 'Group',
126
+ label: '字体',
127
+ child: [
128
+ {
129
+ type: 'Color',
130
+ name: ['props', 'buttonStyle', 'color'],
131
+ initialValue: '#fff'
132
+ },
133
+ {
134
+ type: 'Select',
135
+ name: ['props', 'buttonStyle', 'fontFamily'],
136
+ options: [{ label: '黑体', value: '黑体' }]
137
+ },
138
+ {
139
+ type: 'Number',
140
+ name: ['props', 'buttonStyle', 'fontSize'],
141
+ addonAfter: 'px'
142
+ }
143
+ ]
144
+ },
145
+ {
146
+ type: 'TextStyle',
147
+ name: ['props', 'buttonStyle']
148
+ },
149
+ {
150
+ type: 'TextAlign',
151
+ name: ['props', 'buttonStyle']
152
+ }
153
+ ]
154
+ }
155
+ ];
@@ -1,2 +1,3 @@
1
1
  export * from './popup';
2
2
  export * from './template';
3
+ export * from './HashTag/material';
@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
4
  tslib_1.__exportStar(require("./popup"), exports);
5
5
  tslib_1.__exportStar(require("./template"), exports);
6
+ tslib_1.__exportStar(require("./HashTag/material"), exports);
@@ -122,11 +122,12 @@ Made in Italy` })));
122
122
  }), src: (_j = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _j !== void 0 ? _j : bottom_image, alt: '' }))),
123
123
  react_1.default.createElement("div", { className: 'pb-commondityDiroNew-content' },
124
124
  react_1.default.createElement("div", { className: 'pb-commondityDiroNew-content-top' },
125
- react_1.default.createElement("div", { className: 'pb-commondityDiroNew-content-top-title', style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title }, (_k = product === null || product === void 0 ? void 0 : product.title) !== null && _k !== void 0 ? _k : 'Large Dior Toujours Bag'),
126
- react_1.default.createElement("div", { className: '' },
125
+ react_1.default.createElement("div", null,
126
+ react_1.default.createElement("div", { className: 'pb-commondityDiroNew-content-top-title', style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title }, (_k = product === null || product === void 0 ? void 0 : product.title) !== null && _k !== void 0 ? _k : 'Large Dior Toujours Bag'),
127
+ react_1.default.createElement("div", { className: 'pb-commondityDiroNew-content-collection', hidden: !!product && (!(product === null || product === void 0 ? void 0 : product.collection) || (product === null || product === void 0 ? void 0 : product.collection) === ''), style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.collection }, (product === null || product === void 0 ? void 0 : product.collection) || 'Black Macrocannage Calfskin')),
128
+ react_1.default.createElement("div", null,
127
129
  react_1.default.createElement("div", { className: 'pb-commondityDiroNew-content-top-price', hidden: !!product && !(product === null || product === void 0 ? void 0 : product.price), style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price }, priceText),
128
130
  react_1.default.createElement("div", { className: 'pb-commondityDiroNew-content-top-price', hidden: !!product && !(product === null || product === void 0 ? void 0 : product.taxInfo), style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.taxInfo }, (_l = product === null || product === void 0 ? void 0 : product.taxInfo) !== null && _l !== void 0 ? _l : '税费'))),
129
- react_1.default.createElement("div", { className: 'pb-commondityDiroNew-content-collection', hidden: !!product && (!(product === null || product === void 0 ? void 0 : product.collection) || (product === null || product === void 0 ? void 0 : product.collection) === ''), style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.collection }, (product === null || product === void 0 ? void 0 : product.collection) || 'Black Macrocannage Calfskin'),
130
131
  (!product || (product === null || product === void 0 ? void 0 : product.link)) && (react_1.default.createElement("button", { onClick: handleLink, className: 'pb-commondityDiroNew-btn', style: buttonStyle }, (_m = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _m !== void 0 ? _m : 'Shop now')),
131
132
  productInfoText({ isPost }))),
132
133
  react_1.default.createElement(Modal_1.default, { visible: showModal, onClose: () => setShowModal(false) }, productInfoText({ isPost: false }))));
@@ -75,6 +75,21 @@ declare const _default: ({
75
75
  } | {
76
76
  title: string;
77
77
  child: ({
78
+ type: string;
79
+ label: string;
80
+ child: ({
81
+ type: string;
82
+ name: string[];
83
+ max: number;
84
+ addonAfter?: undefined;
85
+ } | {
86
+ type: string;
87
+ name: string[];
88
+ addonAfter: string;
89
+ max: number;
90
+ })[];
91
+ name?: undefined;
92
+ } | {
78
93
  type: string;
79
94
  label: string;
80
95
  name: string[];
@@ -160,6 +160,23 @@ exports.default = [
160
160
  }
161
161
  ]
162
162
  },
163
+ {
164
+ type: 'Group',
165
+ label: '圆角',
166
+ child: [
167
+ {
168
+ type: 'Slider',
169
+ name: ['props', 'ctaTempStyles', 'ctaTitle', 'borderRadius'],
170
+ max: 100
171
+ },
172
+ {
173
+ type: 'Number',
174
+ name: ['props', 'ctaTempStyles', 'ctaTitle', 'borderRadius'],
175
+ addonAfter: 'px',
176
+ max: 100
177
+ }
178
+ ]
179
+ },
163
180
  {
164
181
  type: 'Color',
165
182
  label: '背景色',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pb-sxp-ui",
3
- "version": "1.0.3-alpha.1",
3
+ "version": "1.0.3-alpha.3",
4
4
  "description": "React enterprise-class UI components",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",