pb-sxp-ui 1.19.0-alpha.1 → 1.19.0-alpha.2

package/lib/materials/sxp/popup/CommodityList/index.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const css_1 = require("@emotion/css");
 const react_1 = tslib_1.__importStar(require("react"));
-const lodash_1 = require("lodash");
-const Img_1 = tslib_1.__importDefault(require("../../template/components/Img"));
 const hooks_1 = require("../../../../core/hooks");
 require("./index.less");
 const useEventReport_1 = require("../../../../core/hooks/useEventReport");
 const tool_1 = require("../../../../core/utils/tool");
+const Img_1 = tslib_1.__importDefault(require("../../template/components/Img"));
+const lodash_1 = require("lodash");
 const materials_1 = require("../../../../core/utils/materials");
 const CommodityList = (_a) => {
     var _b, _c, _d;
@@ -55,11 +55,12 @@ const CommodityList = (_a) => {
             react_1.default.createElement("button", Object.assign({ role: 'button', "aria-label": item === null || item === void 0 ? void 0 : item.title, tabIndex: 0, className: (0, css_1.css)({
                     display: 'flex',
                     alignItems: 'normal',
-                    width: '100%'
+                    width: '100%',
+                    textAlign: 'left'
                 }) }, props),
                 react_1.default.createElement(Img_1.default, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: commodityPicture, enableEventReport: false }),
                 react_1.default.createElement("div", { style: {
-                        width: `calc(100% - ${(_e = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.width) !== null && _e !== void 0 ? _e : 0}px - ${(_f = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.marginInlineEnd) !== null && _f !== void 0 ? _f : 0}px)`,
+                        width: `calc(100% - ${(_e = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.width) !== null && _e !== void 0 ? _e : 0}px - ${(_f = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.marginRight) !== null && _f !== void 0 ? _f : 0}px)`,
                         display: 'flex',
                         flexDirection: 'column',
                         justifyContent: 'space-between'

package/lib/materials/sxp/popup/CommodityList/material.js

@@ -20,7 +20,7 @@ const CommodityList = (0, create_1.createMaterial)(_1.default, {
             commodityPicture: {
                 width: 100,
                 height: 100,
-                marginInlineEnd: 10
+                marginRight: 10
             },
             commodityStyles: {
                 price: {

package/lib/materials/sxp/popup/CommodityList/settingRender.js

@@ -73,7 +73,7 @@ exports.default = [
                 type: 'Number',
                 label: '与右侧边距',
                 addonAfter: 'px',
-                name: ['props', 'commodityPicture', 'marginInlineEnd']
+                name: ['props', 'commodityPicture', 'marginRight']
             },
             {
                 label: '居中垂直偏移',

package/lib/materials/sxp/template/Appoint/material.js

@@ -23,11 +23,12 @@ const Appoint = (0, create_1.createMaterial)(_1.default, {
                     borderRadius: 3,
                     width: 30,
                     height: 30,
-                    marginInlineEnd: 8
+                    marginRight: 8
                 },
                 ctaTitle: {
                     fontSize: 12,
                     color: '#fff',
+                    textAlign: 'left',
                     width: 130,
                     height: 20
                 }

package/lib/materials/sxp/template/Commodity/material.js

@@ -23,11 +23,12 @@ const Commodity = (0, create_1.createMaterial)(_1.default, {
                     borderRadius: 3,
                     width: 60,
                     height: 60,
-                    marginInlineEnd: 8
+                    marginRight: 8
                 },
                 title: {
                     fontSize: 12,
-                    color: '#fff'
+                    color: '#fff',
+                    textAlign: 'left'
                 },
                 ctaTitle: {
                     fontSize: 10,

package/lib/materials/sxp/template/CommodityDiro/material.js

@@ -23,11 +23,12 @@ const CommodityDiro = (0, create_1.createMaterial)(_1.default, {
                     borderRadius: 3,
                     width: 60,
                     height: 60,
-                    marginInlineEnd: 8
+                    marginRight: 8
                 },
                 title: {
                     fontSize: 12,
-                    color: '#000'
+                    color: '#000',
+                    textAlign: 'left'
                 },
                 ctaTitle: {
                     fontSize: 10,

package/lib/materials/sxp/template/CommodityDiroNew/material.js

@@ -23,17 +23,19 @@ const CommodityDiroNew = (0, create_1.createMaterial)(_1.default, {
                     borderRadius: 8,
                     width: 78,
                     height: 78,
-                    marginInlineEnd: 16
+                    marginRight: 16
                 },
                 title: {
                     fontSize: 13,
-                    color: '#000'
+                    color: '#000',
+                    textAlign: 'left'
                 },
                 ctaTitle: {
                     textDecoration: 'underline',
                     fontSize: 14,
                     fontWeight: 'bold',
                     color: '#000',
+                    textAlign: 'left',
                     width: 150,
                     height: 20
                 }

package/lib/materials/sxp/template/Link/material.js

@@ -5,9 +5,9 @@ exports.Link = void 0;
 const tslib_1 = require("tslib");
 const settingRender_1 = tslib_1.__importDefault(require("../components/settingRender"));
 const settingRender_2 = tslib_1.__importDefault(require("./settingRender"));
-const interactionRender_1 = tslib_1.__importDefault(require("./interactionRender"));
 const _1 = tslib_1.__importDefault(require("."));
 const create_1 = require("../../../../core/create");
+const interactionRender_1 = tslib_1.__importDefault(require("./interactionRender"));
 const Link = (0, create_1.createMaterial)(_1.default, {
     displayName: '普通CTA',
     icon: '',
@@ -25,17 +25,19 @@ const Link = (0, create_1.createMaterial)(_1.default, {
                     borderRadius: 3,
                     width: 60,
                     height: 60,
-                    marginInlineEnd: 8
+                    marginRight: 8
                 },
                 ctaTitle: {
                     fontSize: 12,
                     color: '#fff',
+                    textAlign: 'left',
                     width: 130,
                     height: 20
                 }
             },
             customTitle: {
                 style: {
+                    textAlign: 'left',
                     textDecoration: 'underline',
                     fontWeight: 'bold',
                     width: 130,

package/lib/materials/sxp/template/MultiCommodity/index.js

@@ -6,10 +6,10 @@ const react_1 = tslib_1.__importStar(require("react"));
 const react_2 = require("swiper/react");
 const Img_1 = tslib_1.__importDefault(require("../components/Img"));
 const Scroll_1 = tslib_1.__importDefault(require("../components/Scroll"));
-const EventProvider_1 = tslib_1.__importDefault(require("../components/EventProvider"));
 const index_module_less_1 = tslib_1.__importDefault(require("./index.module.less"));
 const hooks_1 = require("../../../../core/hooks");
 const tool_1 = require("../../../../core/utils/tool");
+const EventProvider_1 = tslib_1.__importDefault(require("../components/EventProvider"));
 const MultiCommodity = (_a) => {
     var _b, _c;
     var { content, style, bgImg, recData, bottom_image, ctaTempStyles, translateY = 0, isActive, index } = _a, props = tslib_1.__rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "translateY", "isActive", "index"]);
@@ -17,7 +17,7 @@ const MultiCommodity = (_a) => {
     const [products] = (0, react_1.useState)((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [1, 2]);
     return (react_1.default.createElement(Scroll_1.default, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        return (react_1.default.createElement(react_1.default.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (react_1.default.createElement(react_2.SwiperSlide, { key: itemIndex, className: (0, css_1.css)(Object.assign(Object.assign({}, style), { flexShrink: 0, marginInlineStart: 0, marginInlineEnd: '8px' })), tag: 'li', role: 'listitem' },
+        return (react_1.default.createElement(react_1.default.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (react_1.default.createElement(react_2.SwiperSlide, { key: itemIndex, className: (0, css_1.css)(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
             react_1.default.createElement(EventProvider_1.default, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
                 react_1.default.createElement(Img_1.default, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
                 react_1.default.createElement("div", { className: (0, css_1.css)({

package/lib/materials/sxp/template/MultiCommodity/material.js

@@ -23,11 +23,12 @@ const MultiCommodity = (0, create_1.createMaterial)(_1.default, {
                     borderRadius: 3,
                     width: 60,
                     height: 60,
-                    marginInlineEnd: 8
+                    marginRight: 8
                 },
                 title: {
                     fontSize: 12,
                     color: '#fff',
+                    textAlign: 'left'
                 },
                 ctaTitle: {
                     fontSize: 10,

package/lib/materials/sxp/template/MultiCommodityDiro/index.js

@@ -6,10 +6,10 @@ const react_1 = tslib_1.__importStar(require("react"));
 const react_2 = require("swiper/react");
 const Scroll_1 = tslib_1.__importDefault(require("../components/Scroll"));
 const Img_1 = tslib_1.__importDefault(require("../components/Img"));
-const EventProvider_1 = tslib_1.__importDefault(require("../components/EventProvider"));
 const index_module_less_1 = tslib_1.__importDefault(require("./index.module.less"));
 const hooks_1 = require("../../../../core/hooks");
 const tool_1 = require("../../../../core/utils/tool");
+const EventProvider_1 = tslib_1.__importDefault(require("../components/EventProvider"));
 const MultiCommodityDiro = (_a) => {
     var _b, _c;
     var { content, style, bgImg, recData, bottom_image, ctaTempStyles, translateY = 0, isActive, index } = _a, props = tslib_1.__rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "translateY", "isActive", "index"]);
@@ -17,7 +17,7 @@ const MultiCommodityDiro = (_a) => {
     const [products] = (0, react_1.useState)((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [1, 2]);
     return (react_1.default.createElement(Scroll_1.default, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        return (react_1.default.createElement(react_1.default.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (react_1.default.createElement(react_2.SwiperSlide, { key: itemIndex, className: (0, css_1.css)(Object.assign(Object.assign({}, style), { flexShrink: 0, marginInlineStart: 0, marginInlineEnd: '8px' })), tag: 'li', role: 'listitem' },
+        return (react_1.default.createElement(react_1.default.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (react_1.default.createElement(react_2.SwiperSlide, { key: itemIndex, className: (0, css_1.css)(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
             react_1.default.createElement(EventProvider_1.default, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
                 react_1.default.createElement(Img_1.default, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
                 react_1.default.createElement("div", { className: (0, css_1.css)({

package/lib/materials/sxp/template/MultiCommodityDiro/material.js

@@ -23,11 +23,12 @@ const MultiCommodityDiro = (0, create_1.createMaterial)(_1.default, {
                     borderRadius: 3,
                     width: 60,
                     height: 60,
-                    marginInlineEnd: 8
+                    marginRight: 8
                 },
                 title: {
                     fontSize: 12,
-                    color: '#000'
+                    color: '#000',
+                    textAlign: 'left'
                 },
                 ctaTitle: {
                     fontSize: 10,

package/lib/materials/sxp/template/MultiCommodityDiroNew/index.js

@@ -6,10 +6,10 @@ const react_1 = tslib_1.__importStar(require("react"));
 const react_2 = require("swiper/react");
 const Scroll_1 = tslib_1.__importDefault(require("../components/Scroll"));
 const Img_1 = tslib_1.__importDefault(require("../components/Img"));
-const EventProvider_1 = tslib_1.__importDefault(require("../components/EventProvider"));
 const index_module_less_1 = tslib_1.__importDefault(require("./index.module.less"));
 const hooks_1 = require("../../../../core/hooks");
 const tool_1 = require("../../../../core/utils/tool");
+const EventProvider_1 = tslib_1.__importDefault(require("../components/EventProvider"));
 const MultiCommodityDiroNew = (_a) => {
     var _b, _c;
     var { content, style, bgImg, recData, bottom_image, ctaTempStyles, translateY = 0, isActive, index } = _a, props = tslib_1.__rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "translateY", "isActive", "index"]);
@@ -17,7 +17,7 @@ const MultiCommodityDiroNew = (_a) => {
     const [products] = (0, react_1.useState)((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [1, 2]);
     return (react_1.default.createElement(Scroll_1.default, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (react_1.default.createElement(react_1.default.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (react_1.default.createElement(react_2.SwiperSlide, { key: itemIndex, className: (0, css_1.css)(Object.assign(Object.assign({}, style), { flexShrink: 0, marginInlineStart: 0, marginInlineEnd: '8px' })), tag: 'li', role: 'listitem' },
+        return (react_1.default.createElement(react_1.default.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (react_1.default.createElement(react_2.SwiperSlide, { key: itemIndex, className: (0, css_1.css)(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
             react_1.default.createElement(EventProvider_1.default, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
                 react_1.default.createElement(Img_1.default, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
                 react_1.default.createElement("div", { className: (0, css_1.css)({

package/lib/materials/sxp/template/MultiCommodityDiroNew/material.js

@@ -23,17 +23,19 @@ const MultiCommodityDiroNew = (0, create_1.createMaterial)(_1.default, {
                     borderRadius: 8,
                     width: 78,
                     height: 78,
-                    marginInlineEnd: 16
+                    marginRight: 16
                 },
                 title: {
                     fontSize: 12,
-                    color: '#000'
+                    color: '#000',
+                    textAlign: 'left'
                 },
                 ctaTitle: {
                     textDecoration: 'underline',
                     fontSize: 12,
                     fontWeight: 'bold',
                     color: '#000',
+                    textAlign: 'left',
                     width: 150,
                     height: 20
                 }

package/lib/materials/sxp/template/NineCommodity/material.js

@@ -23,11 +23,12 @@ const NineCommodity = (0, create_1.createMaterial)(_1.default, {
                     borderRadius: 3,
                     width: 60,
                     height: 60,
-                    marginInlineEnd: 8
+                    marginRight: 8
                 },
                 title: {
                     fontSize: 12,
-                    color: '#fff'
+                    color: '#fff',
+                    textAlign: 'left'
                 },
                 ctaTitle: {
                     fontSize: 10,

package/lib/materials/sxp/template/components/CommodityGroup.js

@@ -24,7 +24,7 @@ const CommodityGroup = ({ products, data, defImg, style, onCLick, popupDetailDat
         return (react_1.default.createElement(react_1.default.Fragment, null, (item === null || item === void 0 ? void 0 : item.bindCta) ? (react_1.default.createElement(react_2.SwiperSlide, { className: (0, css_1.css)({
                 width: '50px',
                 height: '50px',
-                marginInlineEnd: '10px'
+                marginRight: '10px'
             }), onClick: () => {
                 handleClick(item, index);
             }, key: index },

package/lib/materials/sxp/template/components/settingRender.js

@@ -102,7 +102,7 @@ exports.default = [
                 type: 'Number',
                 label: '与右侧边距',
                 addonAfter: 'px',
-                name: ['props', 'ctaTempStyles', 'img', 'marginInlineEnd']
+                name: ['props', 'ctaTempStyles', 'img', 'marginRight']
             },
             {
                 label: '居中垂直偏移',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pb-sxp-ui",
-  "version": "1.19.0-alpha.1",
+  "version": "1.19.0-alpha.2",
   "description": "React enterprise-class UI components",
   "main": "dist/index.cjs",
   "module": "dist/index.js",