pb-sxp-ui 1.0.99 → 1.0.101

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

@@ -10,6 +10,7 @@ const Img_1 = tslib_1.__importDefault(require("../components/Img"));
 const index_module_less_1 = tslib_1.__importDefault(require("./index.module.less"));
 const hooks_1 = require("../../../../core/hooks");
 const useEventReport_1 = require("../../../../core/hooks/useEventReport");
+const tool_1 = require("../../../../core/utils/tool");
 const MultiCommodityDiro = (_a) => {
     var _b, _c;
     var { content, style, bgImg, recData, onClick, bottom_image, ctaTempStyles, isExternalLink, index, translateY = 0 } = _a, props = tslib_1.__rest(_a, ["content", "style", "bgImg", "recData", "onClick", "bottom_image", "ctaTempStyles", "isExternalLink", "index", "translateY"]);
@@ -34,7 +35,7 @@ const MultiCommodityDiro = (_a) => {
         }
     }, popup === null || popup === void 0 ? void 0 : popup.duration);
     return (react_1.default.createElement(Scroll_1.default, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item) => {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         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, Object.assign({ key: item === null || item === void 0 ? void 0 : item.itemId, className: (0, css_1.css)(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),
             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 }),
             react_1.default.createElement("div", { className: (0, css_1.css)({
@@ -45,8 +46,12 @@ const MultiCommodityDiro = (_a) => {
                     width: '100%',
                     overflow: 'hidden'
                 }) },
-                react_1.default.createElement("div", { className: index_module_less_1.default['two-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title }, (_e = item === null || item === void 0 ? void 0 : item.title) !== null && _e !== void 0 ? _e : 'Product Name'),
-                react_1.default.createElement("div", { className: (0, css_1.css)(Object.assign({ padding: '2px 7px', textOverflow: 'ellipsis', overflow: 'hidden', borderRadius: '25px', whiteSpace: 'nowrap' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)) }, (_g = (_f = item === null || item === void 0 ? void 0 : item.bindCta) === null || _f === void 0 ? void 0 : _f.enTitle) !== null && _g !== void 0 ? _g : 'Shop Now'))))));
+                react_1.default.createElement("div", { className: index_module_less_1.default['two-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title, dangerouslySetInnerHTML: {
+                        __html: (0, tool_1.setFontForText)((_e = item === null || item === void 0 ? void 0 : item.title) !== null && _e !== void 0 ? _e : 'Product Name', ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title)
+                    } }),
+                react_1.default.createElement("div", { className: (0, css_1.css)(Object.assign({ padding: '0 7px', textOverflow: 'ellipsis', overflow: 'hidden', borderRadius: '25px', whiteSpace: 'nowrap', lineHeight: ((_f = ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle) === null || _f === void 0 ? void 0 : _f.height) + 'px' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)), dangerouslySetInnerHTML: {
+                        __html: (0, tool_1.setFontForText)((_h = (_g = item === null || item === void 0 ? void 0 : item.bindCta) === null || _g === void 0 ? void 0 : _g.enTitle) !== null && _h !== void 0 ? _h : 'Shop Now', ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)
+                    } }))))));
     })));
 };
 exports.default = (0, react_1.memo)(MultiCommodityDiro);

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

@@ -10,6 +10,7 @@ const Img_1 = tslib_1.__importDefault(require("../components/Img"));
 const index_module_less_1 = tslib_1.__importDefault(require("./index.module.less"));
 const hooks_1 = require("../../../../core/hooks");
 const useEventReport_1 = require("../../../../core/hooks/useEventReport");
+const tool_1 = require("../../../../core/utils/tool");
 const MultiCommodityDiroNew = (_a) => {
     var _b, _c;
     var { content, style, bgImg, recData, onClick, bottom_image, ctaTempStyles, isExternalLink, index, translateY = 0 } = _a, props = tslib_1.__rest(_a, ["content", "style", "bgImg", "recData", "onClick", "bottom_image", "ctaTempStyles", "isExternalLink", "index", "translateY"]);
@@ -46,8 +47,12 @@ const MultiCommodityDiroNew = (_a) => {
                     overflow: 'hidden',
                     lineHeight: '20px'
                 }) },
-                react_1.default.createElement("div", { className: index_module_less_1.default['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title }, (_e = item === null || item === void 0 ? void 0 : item.title) !== null && _e !== void 0 ? _e : 'Product Name'),
-                react_1.default.createElement("div", { className: (0, css_1.css)(Object.assign({ textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)) }, (_g = (_f = item === null || item === void 0 ? void 0 : item.bindCta) === null || _f === void 0 ? void 0 : _f.enTitle) !== null && _g !== void 0 ? _g : 'Shop now'))))));
+                react_1.default.createElement("div", { className: index_module_less_1.default['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title, dangerouslySetInnerHTML: {
+                        __html: (0, tool_1.setFontForText)((_e = item === null || item === void 0 ? void 0 : item.title) !== null && _e !== void 0 ? _e : 'Product Name', ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title)
+                    } }),
+                react_1.default.createElement("div", { className: (0, css_1.css)(Object.assign({ textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)), dangerouslySetInnerHTML: {
+                        __html: (0, tool_1.setFontForText)((_g = (_f = item === null || item === void 0 ? void 0 : item.bindCta) === null || _f === void 0 ? void 0 : _f.enTitle) !== null && _g !== void 0 ? _g : 'Shop Now', ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)
+                    } }))))));
     })));
 };
 exports.default = (0, react_1.memo)(MultiCommodityDiroNew);

package/lib/materials/sxp/template/components/settingRender.d.ts

@@ -96,27 +96,23 @@ declare const _default: ({
     child: ({
         type: string;
         label: string;
-        child: ({
+        child: {
             type: string;
             name: string[];
-            options?: undefined;
-            initialValue?: undefined;
-            addonAfter?: undefined;
-        } | {
+            bottomText: string;
+        }[];
+        name?: undefined;
+    } | {
+        type: string;
+        label: string;
+        child: ({
             type: string;
-            options: {
-                label: string;
-                value: string;
-            }[];
             name: string[];
-            initialValue: string;
             addonAfter?: undefined;
         } | {
             type: string;
             addonAfter: string;
             name: string[];
-            options?: undefined;
-            initialValue?: undefined;
         })[];
         name?: undefined;
     } | {
@@ -150,27 +146,23 @@ declare const _default: ({
     } | {
         type: string;
         label: string;
-        child: ({
+        child: {
             type: string;
             name: string[];
-            options?: undefined;
-            initialValue?: undefined;
-            addonAfter?: undefined;
-        } | {
+            bottomText: string;
+        }[];
+        name?: undefined;
+    } | {
+        type: string;
+        label: string;
+        child: ({
             type: string;
-            options: {
-                label: string;
-                value: string;
-            }[];
             name: string[];
-            initialValue: string;
             addonAfter?: undefined;
         } | {
             type: string;
             addonAfter: string;
             name: string[];
-            options?: undefined;
-            initialValue?: undefined;
         })[];
         name?: undefined;
     })[];

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

@@ -1,7 +1,5 @@
 "use strict";
-var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
-const defaultSetting_1 = require("../../defaultSetting");
 exports.default = [
     {
         title: '主题样式',
@@ -119,14 +117,24 @@ exports.default = [
                 label: '字体',
                 child: [
                     {
-                        type: 'Color',
-                        name: ['props', 'ctaTempStyles', 'title', 'color']
+                        type: 'Select',
+                        name: ['props', 'ctaTempStyles', 'title', 'fontFamily-cn'],
+                        bottomText: '中文字体'
                     },
                     {
                         type: 'Select',
-                        options: defaultSetting_1.fontOptions,
-                        name: ['props', 'ctaTempStyles', 'title', 'fontFamily'],
-                        initialValue: (_a = defaultSetting_1.fontOptions === null || defaultSetting_1.fontOptions === void 0 ? void 0 : defaultSetting_1.fontOptions[0]) === null || _a === void 0 ? void 0 : _a.value
+                        name: ['props', 'ctaTempStyles', 'title', 'fontFamily-en'],
+                        bottomText: '英文/其他字体'
+                    }
+                ]
+            },
+            {
+                type: 'Group',
+                label: '',
+                child: [
+                    {
+                        type: 'Color',
+                        name: ['props', 'ctaTempStyles', 'title', 'color']
                     },
                     {
                         type: 'Number',
@@ -198,14 +206,24 @@ exports.default = [
                 label: '字体',
                 child: [
                     {
-                        type: 'Color',
-                        name: ['props', 'ctaTempStyles', 'ctaTitle', 'color']
+                        type: 'Select',
+                        name: ['props', 'ctaTempStyles', 'ctaTitle', 'fontFamily-cn'],
+                        bottomText: '中文字体'
                     },
                     {
                         type: 'Select',
-                        options: defaultSetting_1.fontOptions,
-                        name: ['props', 'ctaTempStyles', 'ctaTitle', 'fontFamily'],
-                        initialValue: (_b = defaultSetting_1.fontOptions === null || defaultSetting_1.fontOptions === void 0 ? void 0 : defaultSetting_1.fontOptions[0]) === null || _b === void 0 ? void 0 : _b.value
+                        name: ['props', 'ctaTempStyles', 'ctaTitle', 'fontFamily-en'],
+                        bottomText: '英文/其他字体'
+                    }
+                ]
+            },
+            {
+                type: 'Group',
+                label: '',
+                child: [
+                    {
+                        type: 'Color',
+                        name: ['props', 'ctaTempStyles', 'ctaTitle', 'color']
                     },
                     {
                         type: 'Number',

package/package.json

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

package/es/materials/sxp/defaultSetting.d.ts

@@ -1,8 +0,0 @@
-export declare const fontOptions: {
-    label: string;
-    value: string;
-}[];
-declare const _default: {
-    fontOptions: any[];
-};
-export default _default;

package/es/materials/sxp/defaultSetting.js

@@ -1,6 +0,0 @@
-export const fontOptions = [{ label: 'defalut', value: 'appFont' }];
-const sxpFonts = typeof window !== 'undefined' && (window === null || window === void 0 ? void 0 : window.localStorage.getItem('sxp_font_links'));
-const data = sxpFonts && sxpFonts !== '' ? JSON.parse(sxpFonts) : [];
-export default {
-    fontOptions: [...fontOptions, ...data]
-};

package/lib/materials/sxp/defaultSetting.d.ts

@@ -1,8 +0,0 @@
-export declare const fontOptions: {
-    label: string;
-    value: string;
-}[];
-declare const _default: {
-    fontOptions: any[];
-};
-export default _default;

package/lib/materials/sxp/defaultSetting.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fontOptions = void 0;
-exports.fontOptions = [{ label: 'defalut', value: 'appFont' }];
-const sxpFonts = typeof window !== 'undefined' && (window === null || window === void 0 ? void 0 : window.localStorage.getItem('sxp_font_links'));
-const data = sxpFonts && sxpFonts !== '' ? JSON.parse(sxpFonts) : [];
-exports.default = {
-    fontOptions: [...exports.fontOptions, ...data]
-};