pb-sxp-ui 1.0.16 → 1.0.17

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

@@ -1,177 +0,0 @@
-"use strict";
-var _a, _b;
-Object.defineProperty(exports, "__esModule", { value: true });
-const defaultSetting_1 = require("../../defaultSetting");
-exports.default = [
-    {
-        title: '商品图片',
-        child: [
-            {
-                type: 'Radius',
-                label: '轮播指示器',
-                options: [
-                    {
-                        label: '居左',
-                        value: 'left'
-                    },
-                    {
-                        label: '居中',
-                        value: 'center'
-                    }
-                ],
-                name: ['props', 'swiper', 'dotsAlign']
-            },
-            {
-                type: 'Number',
-                name: ['props', 'swiper', 'delay'],
-                addonAfter: 's'
-            }
-        ]
-    },
-    {
-        title: '商品文本',
-        child: [
-            {
-                name: ['props', 'commodityStyles'],
-                type: 'SelectLinkage',
-                child: [
-                    {
-                        label: '字段',
-                        type: 'Select',
-                        options: [
-                            {
-                                label: '商品名称',
-                                value: 'title'
-                            },
-                            {
-                                label: '系列名称',
-                                value: 'collection'
-                            },
-                            {
-                                label: '价格',
-                                value: 'price'
-                            },
-                            {
-                                label: '税费说明',
-                                value: 'taxInfo'
-                            },
-                            {
-                                label: '商品描述',
-                                value: 'info'
-                            }
-                        ],
-                        name: ['props', 'commodityStyles', 'field'],
-                        initialValue: 'title'
-                    },
-                    {
-                        type: 'Group',
-                        label: '标题字体',
-                        child: [
-                            {
-                                type: 'Color',
-                                name: ['color']
-                            },
-                            {
-                                type: 'Select',
-                                options: defaultSetting_1.fontOptions,
-                                name: ['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
-                            },
-                            {
-                                type: 'Number',
-                                addonAfter: 'px',
-                                name: ['fontSize']
-                            }
-                        ]
-                    },
-                    {
-                        label: '标题样式',
-                        type: 'TextStyle'
-                    },
-                    {
-                        label: '标题对齐',
-                        type: 'TextAlign'
-                    },
-                    {
-                        label: '默认行数',
-                        type: 'Number',
-                        name: ['lineClamp']
-                    }
-                ]
-            }
-        ]
-    },
-    {
-        title: '购买按钮样式',
-        child: [
-            {
-                type: 'Color',
-                label: '背景色',
-                name: ['props', 'buttonStyle', 'backgroundColor'],
-                initialValue: '#000'
-            },
-            {
-                type: 'Group',
-                label: '尺寸',
-                child: [
-                    {
-                        type: 'Number',
-                        name: ['props', 'buttonStyle', 'height'],
-                        addonAfter: 'H'
-                    }
-                ]
-            },
-            {
-                type: 'Group',
-                label: '圆角',
-                child: [
-                    {
-                        type: 'Slider',
-                        name: ['props', 'buttonStyle', 'borderRadius'],
-                        max: 100
-                    },
-                    {
-                        type: 'Number',
-                        name: ['props', 'buttonStyle', 'borderRadius'],
-                        addonAfter: 'px',
-                        max: 100
-                    }
-                ]
-            },
-            {
-                type: 'TextMargin',
-                name: ['props', 'buttonStyle']
-            },
-            {
-                type: 'Group',
-                label: '字体',
-                child: [
-                    {
-                        type: 'Color',
-                        name: ['props', 'buttonStyle', 'color'],
-                        initialValue: '#fff'
-                    },
-                    {
-                        type: 'Select',
-                        name: ['props', 'buttonStyle', 'fontFamily'],
-                        options: defaultSetting_1.fontOptions,
-                        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
-                    },
-                    {
-                        type: 'Number',
-                        name: ['props', 'buttonStyle', 'fontSize'],
-                        addonAfter: 'px'
-                    }
-                ]
-            },
-            {
-                type: 'TextStyle',
-                name: ['props', 'buttonStyle']
-            },
-            {
-                type: 'TextAlign',
-                name: ['props', 'buttonStyle']
-            }
-        ]
-    }
-];

package/lib/materials/sxp/popup/Prompt/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface IPromptProps {
-    content?: string;
-    btnText?: string;
-    style?: Record<string, any>;
-    icon?: Record<string, any> | string;
-    onClick?: () => void;
-}
-declare const _default: React.NamedExoticComponent<IPromptProps>;
-export default _default;

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

@@ -1,22 +0,0 @@
-"use strict";
-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 success_png_1 = tslib_1.__importDefault(require("./success.png"));
-const materials_1 = require("../../../../core/utils/materials");
-require("./index.less");
-const Prompt = (_a) => {
-    var { content, btnText, style, icon, onClick } = _a, props = tslib_1.__rest(_a, ["content", "btnText", "style", "icon", "onClick"]);
-    const iconSrc = typeof icon === 'string' ? icon : (0, materials_1.getMediaValueByMode)(icon);
-    const handleOk = () => {
-        window === null || window === void 0 ? void 0 : window.sxpPopup('');
-        onClick === null || onClick === void 0 ? void 0 : onClick();
-    };
-    return (react_1.default.createElement("div", Object.assign({ className: `pb-prompt ${(0, css_1.css)(Object.assign({}, style))}` }, props),
-        react_1.default.createElement("div", { className: 'pb-prompt-icon' },
-            react_1.default.createElement("img", { width: '100%', src: iconSrc !== null && iconSrc !== void 0 ? iconSrc : success_png_1.default })),
-        react_1.default.createElement("div", { className: 'pb-prompt-content' }, content),
-        react_1.default.createElement("button", { className: 'pb-prompt-btn', onClick: handleOk }, btnText)));
-};
-exports.default = (0, react_1.memo)(Prompt);

package/lib/materials/sxp/popup/Prompt/interactionRender.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    title: string;
-    child: {
-        type: string;
-        name: string;
-    }[];
-}[];
-export default _default;

package/lib/materials/sxp/popup/Prompt/interactionRender.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = [
-    {
-        title: '点击事件',
-        child: [
-            {
-                type: 'link',
-                name: 'onClick'
-            }
-        ]
-    }
-];

package/lib/materials/sxp/popup/Prompt/material.d.ts

@@ -1,2 +0,0 @@
-declare const Prompt: import("../../../../core/create").MaterialComponet<import(".").IPromptProps>;
-export { Prompt };

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

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Prompt = void 0;
-const tslib_1 = require("tslib");
-const interactionRender_1 = tslib_1.__importDefault(require("./interactionRender"));
-const settingRender_1 = tslib_1.__importDefault(require("./settingRender"));
-const success_png_1 = tslib_1.__importDefault(require("./success.png"));
-const _1 = tslib_1.__importDefault(require("."));
-const create_1 = require("../../../../core/create");
-const Prompt = (0, create_1.createMaterial)(_1.default, {
-    displayName: '提交成功',
-    icon: '',
-    category: 'popup',
-    type: 'Prompt',
-    related: {
-        settingRender: settingRender_1.default,
-        bindableProps: [],
-        interactionRender: interactionRender_1.default
-    },
-    defaulSetting: {
-        props: {
-            icon: success_png_1.default,
-            content: 'You have successfully completed the appointment!',
-            btnText: 'OK'
-        },
-        style: {}
-    },
-    w: 100,
-    h: 40,
-    sort: 3
-});
-exports.Prompt = Prompt;

package/lib/materials/sxp/popup/Prompt/settingRender.d.ts

@@ -1,12 +0,0 @@
-declare const _default: ({
-    type: string;
-    label: string;
-    name: string[];
-    mediaType: string;
-} | {
-    type: string;
-    label: string;
-    name: string[];
-    mediaType?: undefined;
-})[];
-export default _default;

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

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = [
-    {
-        type: 'Media',
-        label: '图标',
-        name: ['props', 'icon'],
-        mediaType: 'Image'
-    },
-    {
-        type: 'TextArea',
-        label: '内容',
-        name: ['props', 'content']
-    },
-    {
-        type: 'Text',
-        label: '按钮文案',
-        name: ['props', 'btnText']
-    }
-];

package/lib/materials/sxp/popup/index.d.ts

@@ -1,4 +0,0 @@
-export * from './AppointForm/material';
-export * from './CommodityDetail/material';
-export * from './Prompt/material';
-export * from './CommodityDetailDiroNew/material';

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./AppointForm/material"), exports);
-tslib_1.__exportStar(require("./CommodityDetail/material"), exports);
-tslib_1.__exportStar(require("./Prompt/material"), exports);
-tslib_1.__exportStar(require("./CommodityDetailDiroNew/material"), exports);

package/lib/materials/sxp/template/Appoint/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ICtaTempStylesType } from '../components/typing';
-import { RecItemType } from '../../../../core/components/SxpPageRender/typing';
-export interface IAppointProps {
-    content?: string;
-    style?: Record<string, any>;
-    bgImg?: Record<string, any> | string;
-    recData?: RecItemType;
-    bottom_image?: string;
-    ctaTempStyles?: ICtaTempStylesType;
-    isExternalLink?: boolean;
-    index?: number;
-}
-declare const _default: React.NamedExoticComponent<IAppointProps>;
-export default _default;

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

@@ -1,18 +0,0 @@
-"use strict";
-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 EventProvider_1 = tslib_1.__importDefault(require("../components/EventProvider"));
-const hooks_1 = require("../../../../core/hooks");
-const Appoint = (_a) => {
-    var _b, _c, _d, _e;
-    var { content, style, bgImg, recData, bottom_image, ctaTempStyles, isExternalLink } = _a, props = tslib_1.__rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "isExternalLink"]);
-    const { sxpParameter } = (0, hooks_1.useSxpDataSource)();
-    const cta = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindCta;
-    return (react_1.default.createElement(EventProvider_1.default, Object.assign({ isExternalLink: isExternalLink, rec: recData, className: (0, css_1.css)(Object.assign({ alignItems: 'center' }, style)), style: { display: 'flex' } }, props),
-        react_1.default.createElement("div", { className: (0, css_1.css)(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
-            react_1.default.createElement("img", { className: (0, css_1.css)({ width: '100%', objectFit: 'cover', height: '100%', display: 'block' }), src: (_d = (_c = cta === null || cta === void 0 ? void 0 : cta.icon) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, alt: '' })),
-        react_1.default.createElement("div", { className: (0, css_1.css)(Object.assign({ overflow: 'hidden', textOverflow: 'ellipsis' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)) }, (_e = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _e !== void 0 ? _e : 'Product Name')));
-};
-exports.default = (0, react_1.memo)(Appoint);

package/lib/materials/sxp/template/Appoint/interactionRender.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    title: string;
-    child: {
-        type: string;
-        name: string;
-    }[];
-}[];
-export default _default;

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

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = [
-    {
-        title: '点击事件',
-        child: [
-            {
-                type: 'link',
-                name: 'onClick'
-            }
-        ]
-    }
-];

package/lib/materials/sxp/template/Appoint/material.d.ts

@@ -1,2 +0,0 @@
-declare const Appoint: import("../../../../core/create").MaterialComponet<import(".").IAppointProps>;
-export { Appoint };

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

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Appoint = void 0;
-const tslib_1 = require("tslib");
-const settingRender_1 = tslib_1.__importDefault(require("../components/settingRender"));
-const interactionRender_1 = tslib_1.__importDefault(require("./interactionRender"));
-const _1 = tslib_1.__importDefault(require("."));
-const create_1 = require("../../../../core/create");
-const Appoint = (0, create_1.createMaterial)(_1.default, {
-    displayName: '预约表单',
-    icon: '',
-    category: 'template',
-    type: 'Appoint',
-    related: {
-        interactionRender: interactionRender_1.default,
-        settingRender: settingRender_1.default === null || settingRender_1.default === void 0 ? void 0 : settingRender_1.default.filter((i) => i.type !== 'commodityTitle'),
-        bindableProps: []
-    },
-    defaulSetting: {
-        props: {
-            ctaTempStyles: {
-                img: {
-                    borderRadius: 3,
-                    width: 30,
-                    height: 30,
-                    marginRight: 8
-                },
-                ctaTitle: {
-                    fontSize: 12,
-                    color: '#fff',
-                    textAlign: 'left',
-                    width: 130,
-                    height: 20
-                }
-            }
-        },
-        style: {
-            padding: 7,
-            width: 236,
-            height: 44,
-            borderRadius: 3,
-            backgroundColor: 'rgba(0,0,0,.3)',
-            marginBottom: 8
-        }
-    },
-    w: 100,
-    h: 40,
-    sort: 6
-});
-exports.Appoint = Appoint;

package/lib/materials/sxp/template/Commodity/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ICtaTempStylesType } from '../components/typing';
-import { RecItemType } from '../../../../core/components/SxpPageRender/typing';
-export interface ICommodityProps {
-    content?: string;
-    style?: Record<string, any>;
-    bgImg?: Record<string, any> | string;
-    recData?: RecItemType;
-    bottom_image?: string;
-    ctaTempStyles?: ICtaTempStylesType;
-    isExternalLink?: boolean;
-    index?: number;
-}
-declare const _default: React.NamedExoticComponent<ICommodityProps>;
-export default _default;

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

@@ -1,29 +0,0 @@
-"use strict";
-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 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 Commodity = (_a) => {
-    var _b, _c, _d, _e, _f, _g, _h;
-    var { content, style, bgImg, recData, bottom_image, ctaTempStyles, isExternalLink } = _a, props = tslib_1.__rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "isExternalLink"]);
-    const { sxpParameter } = (0, hooks_1.useSxpDataSource)();
-    const product = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProduct;
-    const src = (_e = (_d = (_c = product === null || product === void 0 ? void 0 : product.homePage) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _e !== void 0 ? _e : bottom_image;
-    return (react_1.default.createElement(EventProvider_1.default, Object.assign({ isExternalLink: isExternalLink, rec: recData, className: (0, css_1.css)(Object.assign({}, style)), style: { display: 'flex' } }, props),
-        react_1.default.createElement("div", { className: (0, css_1.css)(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
-            react_1.default.createElement("img", { className: (0, css_1.css)({ width: '100%', objectFit: 'cover', height: '100%' }), src: src, hidden: !src, alt: '' })),
-        react_1.default.createElement("div", { className: (0, css_1.css)({
-                color: '#fff',
-                display: 'flex',
-                flexDirection: 'column',
-                justifyContent: 'space-between',
-                width: '100%',
-                overflow: 'hidden'
-            }) },
-            react_1.default.createElement("div", { className: index_module_less_1.default['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title }, (_f = product === null || product === void 0 ? void 0 : product.title) !== null && _f !== void 0 ? _f : 'Product Name'),
-            react_1.default.createElement("div", { className: (0, css_1.css)(Object.assign({ padding: '2px 7px', textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)) }, (_h = (_g = product === null || product === void 0 ? void 0 : product.bindCta) === null || _g === void 0 ? void 0 : _g.enTitle) !== null && _h !== void 0 ? _h : 'Shop Now'))));
-};
-exports.default = (0, react_1.memo)(Commodity);

package/lib/materials/sxp/template/Commodity/interactionRender.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    title: string;
-    child: {
-        type: string;
-        name: string;
-    }[];
-}[];
-export default _default;

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

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = [
-    {
-        title: '点击事件',
-        child: [
-            {
-                type: 'link',
-                name: 'onClick'
-            }
-        ]
-    }
-];

package/lib/materials/sxp/template/Commodity/material.d.ts

@@ -1,2 +0,0 @@
-declare const Commodity: import("../../../../core/create").MaterialComponet<import(".").ICommodityProps>;
-export { Commodity };

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

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Commodity = void 0;
-const tslib_1 = require("tslib");
-const settingRender_1 = tslib_1.__importDefault(require("../components/settingRender"));
-const interactionRender_1 = tslib_1.__importDefault(require("./interactionRender"));
-const _1 = tslib_1.__importDefault(require("."));
-const create_1 = require("../../../../core/create");
-const Commodity = (0, create_1.createMaterial)(_1.default, {
-    displayName: '推荐单商品-透明底',
-    icon: '',
-    category: 'template',
-    type: 'Commodity',
-    related: {
-        interactionRender: interactionRender_1.default,
-        bindableProps: [],
-        settingRender: settingRender_1.default
-    },
-    defaulSetting: {
-        props: {
-            ctaTempStyles: {
-                img: {
-                    borderRadius: 3,
-                    width: 60,
-                    height: 60,
-                    marginRight: 8
-                },
-                title: {
-                    fontSize: 12,
-                    color: '#fff',
-                    textAlign: 'left'
-                },
-                ctaTitle: {
-                    fontSize: 10,
-                    color: '#fff',
-                    textAlign: 'center',
-                    width: 130,
-                    height: 20,
-                    backgroundColor: 'rgba(0,0,0,.5)'
-                }
-            }
-        },
-        style: {
-            padding: 7,
-            width: 236,
-            height: 74,
-            borderRadius: 3,
-            backgroundColor: 'rgba(0,0,0,.3)',
-            marginBottom: 8
-        }
-    },
-    w: 100,
-    h: 40,
-    sort: 1
-});
-exports.Commodity = Commodity;

package/lib/materials/sxp/template/CommodityDiro/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ICtaTempStylesType } from '../components/typing';
-import { RecItemType } from '../../../../core/components/SxpPageRender/typing';
-export interface ICommodityDiroProps {
-    content?: string;
-    style?: Record<string, any>;
-    bgImg?: Record<string, any> | string;
-    recData?: RecItemType;
-    bottom_image?: string;
-    ctaTempStyles?: ICtaTempStylesType;
-    isExternalLink?: boolean;
-    index?: number;
-}
-declare const _default: React.NamedExoticComponent<ICommodityDiroProps>;
-export default _default;

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

@@ -1,29 +0,0 @@
-"use strict";
-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 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 CommodityDiro = (_a) => {
-    var _b, _c, _d, _e, _f, _g, _h;
-    var { content, style, bgImg, recData, bottom_image, ctaTempStyles, isExternalLink } = _a, props = tslib_1.__rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "isExternalLink"]);
-    const { sxpParameter } = (0, hooks_1.useSxpDataSource)();
-    const product = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProduct;
-    const src = (_e = (_d = (_c = product === null || product === void 0 ? void 0 : product.homePage) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _e !== void 0 ? _e : bottom_image;
-    return (react_1.default.createElement(EventProvider_1.default, Object.assign({ isExternalLink: isExternalLink, rec: recData, className: (0, css_1.css)(Object.assign({}, style)), style: { display: 'flex' } }, props),
-        react_1.default.createElement("div", { className: (0, css_1.css)(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
-            react_1.default.createElement("img", { className: (0, css_1.css)({ width: '100%', objectFit: 'cover', height: '100%' }), src: src, hidden: !src, alt: '' })),
-        react_1.default.createElement("div", { className: (0, css_1.css)({
-                color: '#fff',
-                display: 'flex',
-                flexDirection: 'column',
-                justifyContent: 'space-between',
-                width: '100%',
-                overflow: 'hidden'
-            }) },
-            react_1.default.createElement("div", { className: index_module_less_1.default['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title }, (_f = product === null || product === void 0 ? void 0 : product.title) !== null && _f !== void 0 ? _f : '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)) }, (_h = (_g = product === null || product === void 0 ? void 0 : product.bindCta) === null || _g === void 0 ? void 0 : _g.enTitle) !== null && _h !== void 0 ? _h : 'Shop Now'))));
-};
-exports.default = (0, react_1.memo)(CommodityDiro);

package/lib/materials/sxp/template/CommodityDiro/interactionRender.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    title: string;
-    child: {
-        type: string;
-        name: string;
-    }[];
-}[];
-export default _default;

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

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = [
-    {
-        title: '点击事件',
-        child: [
-            {
-                type: 'link',
-                name: 'onClick'
-            }
-        ]
-    }
-];

package/lib/materials/sxp/template/CommodityDiro/material.d.ts

@@ -1,2 +0,0 @@
-declare const CommodityDiro: import("../../../../core/create").MaterialComponet<import(".").ICommodityDiroProps>;
-export { CommodityDiro };