pb-sxp-ui 1.0.15 → 1.0.17

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

@@ -1,175 +0,0 @@
-var _a, _b;
-import { fontOptions } from '../../defaultSetting';
-export 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: fontOptions,
-                                name: ['fontFamily'],
-                                initialValue: (_a = fontOptions === null || fontOptions === void 0 ? void 0 : 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: fontOptions,
-                        initialValue: (_b = fontOptions === null || fontOptions === void 0 ? void 0 : 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/es/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/es/materials/sxp/popup/Prompt/index.js

@@ -1,20 +0,0 @@
-import { __rest } from "tslib";
-import { css } from '@emotion/css';
-import React, { memo } from 'react';
-import success from './success.png';
-import { getMediaValueByMode } from '../../../../core/utils/materials';
-import './index.less';
-const Prompt = (_a) => {
-    var { content, btnText, style, icon, onClick } = _a, props = __rest(_a, ["content", "btnText", "style", "icon", "onClick"]);
-    const iconSrc = typeof icon === 'string' ? icon : getMediaValueByMode(icon);
-    const handleOk = () => {
-        window === null || window === void 0 ? void 0 : window.sxpPopup('');
-        onClick === null || onClick === void 0 ? void 0 : onClick();
-    };
-    return (React.createElement("div", Object.assign({ className: `pb-prompt ${css(Object.assign({}, style))}` }, props),
-        React.createElement("div", { className: 'pb-prompt-icon' },
-            React.createElement("img", { width: '100%', src: iconSrc !== null && iconSrc !== void 0 ? iconSrc : success })),
-        React.createElement("div", { className: 'pb-prompt-content' }, content),
-        React.createElement("button", { className: 'pb-prompt-btn', onClick: handleOk }, btnText)));
-};
-export default memo(Prompt);

package/es/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/es/materials/sxp/popup/Prompt/interactionRender.js

@@ -1,11 +0,0 @@
-export default [
-    {
-        title: '点击事件',
-        child: [
-            {
-                type: 'link',
-                name: 'onClick'
-            }
-        ]
-    }
-];

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

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

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

@@ -1,28 +0,0 @@
-import interactionRender from './interactionRender';
-import settingRender from './settingRender';
-import success from './success.png';
-import PromptComponent from '.';
-import { createMaterial } from '../../../../core/create';
-const Prompt = createMaterial(PromptComponent, {
-    displayName: '提交成功',
-    icon: '',
-    category: 'popup',
-    type: 'Prompt',
-    related: {
-        settingRender,
-        bindableProps: [],
-        interactionRender
-    },
-    defaulSetting: {
-        props: {
-            icon: success,
-            content: 'You have successfully completed the appointment!',
-            btnText: 'OK'
-        },
-        style: {}
-    },
-    w: 100,
-    h: 40,
-    sort: 3
-});
-export { Prompt };

package/es/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/es/materials/sxp/popup/Prompt/settingRender.js

@@ -1,18 +0,0 @@
-export default [
-    {
-        type: 'Media',
-        label: '图标',
-        name: ['props', 'icon'],
-        mediaType: 'Image'
-    },
-    {
-        type: 'TextArea',
-        label: '内容',
-        name: ['props', 'content']
-    },
-    {
-        type: 'Text',
-        label: '按钮文案',
-        name: ['props', 'btnText']
-    }
-];

package/es/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/es/materials/sxp/popup/index.js

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

package/es/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/es/materials/sxp/template/Appoint/index.js

@@ -1,16 +0,0 @@
-import { __rest } from "tslib";
-import { css } from '@emotion/css';
-import React, { memo } from 'react';
-import EventProvider from '../components/EventProvider';
-import { useSxpDataSource } from '../../../../core/hooks';
-const Appoint = (_a) => {
-    var _b, _c, _d, _e;
-    var { content, style, bgImg, recData, bottom_image, ctaTempStyles, isExternalLink } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "isExternalLink"]);
-    const { sxpParameter } = useSxpDataSource();
-    const cta = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindCta;
-    return (React.createElement(EventProvider, Object.assign({ isExternalLink: isExternalLink, rec: recData, className: css(Object.assign({ alignItems: 'center' }, style)), style: { display: 'flex' } }, props),
-        React.createElement("div", { className: css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
-            React.createElement("img", { className: 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.createElement("div", { className: 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')));
-};
-export default memo(Appoint);

package/es/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/es/materials/sxp/template/Appoint/interactionRender.js

@@ -1,11 +0,0 @@
-export default [
-    {
-        title: '点击事件',
-        child: [
-            {
-                type: 'link',
-                name: 'onClick'
-            }
-        ]
-    }
-];

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

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

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

@@ -1,46 +0,0 @@
-import settingRender from '../components/settingRender';
-import interactionRender from './interactionRender';
-import AppointComponent from '.';
-import { createMaterial } from '../../../../core/create';
-const Appoint = createMaterial(AppointComponent, {
-    displayName: '预约表单',
-    icon: '',
-    category: 'template',
-    type: 'Appoint',
-    related: {
-        interactionRender,
-        settingRender: settingRender === null || settingRender === void 0 ? void 0 : settingRender.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
-});
-export { Appoint };

package/es/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/es/materials/sxp/template/Commodity/index.js

@@ -1,27 +0,0 @@
-import { __rest } from "tslib";
-import { css } from '@emotion/css';
-import React, { memo } from 'react';
-import EventProvider from '../components/EventProvider';
-import styles from './index.module.less';
-import { useSxpDataSource } from '../../../../core/hooks';
-const Commodity = (_a) => {
-    var _b, _c, _d, _e, _f, _g, _h;
-    var { content, style, bgImg, recData, bottom_image, ctaTempStyles, isExternalLink } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "isExternalLink"]);
-    const { sxpParameter } = 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.createElement(EventProvider, Object.assign({ isExternalLink: isExternalLink, rec: recData, className: css(Object.assign({}, style)), style: { display: 'flex' } }, props),
-        React.createElement("div", { className: css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
-            React.createElement("img", { className: css({ width: '100%', objectFit: 'cover', height: '100%' }), src: src, hidden: !src, alt: '' })),
-        React.createElement("div", { className: css({
-                color: '#fff',
-                display: 'flex',
-                flexDirection: 'column',
-                justifyContent: 'space-between',
-                width: '100%',
-                overflow: 'hidden'
-            }) },
-            React.createElement("div", { className: styles['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.createElement("div", { className: 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'))));
-};
-export default memo(Commodity);

package/es/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/es/materials/sxp/template/Commodity/interactionRender.js

@@ -1,11 +0,0 @@
-export default [
-    {
-        title: '点击事件',
-        child: [
-            {
-                type: 'link',
-                name: 'onClick'
-            }
-        ]
-    }
-];

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

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

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

@@ -1,52 +0,0 @@
-import settingRender from '../components/settingRender';
-import interactionRender from './interactionRender';
-import CommodityComponent from '.';
-import { createMaterial } from '../../../../core/create';
-const Commodity = createMaterial(CommodityComponent, {
-    displayName: '推荐单商品-透明底',
-    icon: '',
-    category: 'template',
-    type: 'Commodity',
-    related: {
-        interactionRender,
-        bindableProps: [],
-        settingRender
-    },
-    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
-});
-export { Commodity };

package/es/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/es/materials/sxp/template/CommodityDiro/index.js

@@ -1,27 +0,0 @@
-import { __rest } from "tslib";
-import { css } from '@emotion/css';
-import React, { memo } from 'react';
-import EventProvider from '../components/EventProvider';
-import styles from './index.module.less';
-import { useSxpDataSource } from '../../../../core/hooks';
-const CommodityDiro = (_a) => {
-    var _b, _c, _d, _e, _f, _g, _h;
-    var { content, style, bgImg, recData, bottom_image, ctaTempStyles, isExternalLink } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "isExternalLink"]);
-    const { sxpParameter } = 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.createElement(EventProvider, Object.assign({ isExternalLink: isExternalLink, rec: recData, className: css(Object.assign({}, style)), style: { display: 'flex' } }, props),
-        React.createElement("div", { className: css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
-            React.createElement("img", { className: css({ width: '100%', objectFit: 'cover', height: '100%' }), src: src, hidden: !src, alt: '' })),
-        React.createElement("div", { className: css({
-                color: '#fff',
-                display: 'flex',
-                flexDirection: 'column',
-                justifyContent: 'space-between',
-                width: '100%',
-                overflow: 'hidden'
-            }) },
-            React.createElement("div", { className: styles['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.createElement("div", { className: 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'))));
-};
-export default memo(CommodityDiro);

package/es/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/es/materials/sxp/template/CommodityDiro/interactionRender.js

@@ -1,11 +0,0 @@
-export default [
-    {
-        title: '点击事件',
-        child: [
-            {
-                type: 'link',
-                name: 'onClick'
-            }
-        ]
-    }
-];

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

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