npm - pb-sxp-ui - Versions diffs - 1.2.9 → 1.2.10 - Mend

pb-sxp-ui 1.2.9 → 1.2.10

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 (41) hide show

package/es/core/components/SxpPageRender/FormatImage.js CHANGED Viewed

@@ -4,18 +4,20 @@ const FormatImage = forwardRef((props, ref) => {
     const { src, onLoad, style, className, loading, alt = 'image' } = props;
     const [imgSrc, setImgSrc] = useState();
     const imgRef = useRef(null);
+    const [visible, setVisible] = useState(false);
     useImperativeHandle(ref, () => ({
         setSrc: (v) => {
-            setImgSrc(v);
+            if (v)
+                setImgSrc(v);
         }
     }));
     useEffect(() => {
-        setImgSrc(src);
+        if (src)
+            setImgSrc(src);
     }, [src]);
     useEffect(() => {
         const onShow = () => {
-            var _a, _b;
-            if (src && ((_b = (_a = imgRef === null || imgRef === void 0 ? void 0 : imgRef.current) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.display) === 'none') {
+            if (src && !visible) {
                 imgRef.current.src = '';
                 imgRef.current.src = src;
             }
@@ -24,19 +26,19 @@ const FormatImage = forwardRef((props, ref) => {
         return () => {
             SXP_EVENT_BUS.off(SXP_EVENT_TYPE.PAGE_DID_SHOW, onShow);
         };
-    }, [src]);
-    return (React.createElement(React.Fragment, null, (imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.includes('.avif')) ? (React.createElement("picture", null,
-        React.createElement("source", { type: 'image/avif', srcSet: imgSrc }),
-        React.createElement("source", { type: 'image/webp', srcSet: `${imgSrc}?imageMogr2/format/webp` }),
-        React.createElement("source", { type: 'image/jpeg', srcSet: `${imgSrc}?imageMogr2/format/jpg` }),
-        React.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign(Object.assign({}, style), { display: 'none' }), loading: loading, onLoad: (e) => {
-                if (imgRef.current)
-                    imgRef.current.style.display = 'block';
+    }, [src, visible]);
+    return (React.createElement(React.Fragment, null,
+        !visible && React.createElement("div", { style: { width: '100%', height: '100%', zIndex: 1, backgroundColor: '#fff' } }),
+        (imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.includes('.avif')) ? (React.createElement("picture", null,
+            React.createElement("source", { type: 'image/avif', srcSet: imgSrc }),
+            React.createElement("source", { type: 'image/webp', srcSet: `${imgSrc}?imageMogr2/format/webp` }),
+            React.createElement("source", { type: 'image/jpeg', srcSet: `${imgSrc}?imageMogr2/format/jpg` }),
+            React.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign({}, style), loading: loading, onLoad: (e) => {
+                    setVisible(true);
+                    onLoad === null || onLoad === void 0 ? void 0 : onLoad(e.target);
+                }, alt: alt }))) : (React.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign({}, style), loading: loading, onLoad: (e) => {
+                setVisible(true);
                 onLoad === null || onLoad === void 0 ? void 0 : onLoad(e.target);
-            }, alt: alt }))) : (React.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign(Object.assign({}, style), { display: 'none' }), loading: loading, onLoad: (e) => {
-            if (imgRef.current)
-                imgRef.current.style.display = 'block';
-            onLoad === null || onLoad === void 0 ? void 0 : onLoad(e.target);
-        }, alt: alt }))));
+            }, alt: alt }))));
 });
 export default memo(FormatImage);

package/es/materials/sxp/HashTag/settingRender.d.ts CHANGED Viewed

@@ -1,11 +1,4 @@
 declare const _default: ({
-    title: string;
-    child: {
-        type: string;
-        label: string;
-        name: string[];
-    }[];
-} | {
     title: string;
     child: ({
         type: string;
@@ -126,6 +119,12 @@ declare const _default: ({
         })[];
         name?: undefined;
         initialValue?: undefined;
+    } | {
+        label: string;
+        type: string;
+        name: string[];
+        initialValue?: undefined;
+        child?: undefined;
     })[];
 })[];
 export default _default;

package/es/materials/sxp/HashTag/settingRender.js CHANGED Viewed

@@ -99,6 +99,10 @@ export default [
                     {
                         label: '标题对齐',
                         type: 'TextAlign'
+                    },
+                    {
+                        label: '间距',
+                        type: 'TextSpace'
                     }
                 ]
             }
@@ -184,6 +188,11 @@ export default [
             {
                 type: 'TextAlign',
                 name: ['props', 'buttonStyle']
+            },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'buttonStyle']
             }
         ]
     },

package/es/materials/sxp/cta/AniLink/settingRender.d.ts CHANGED Viewed

@@ -68,6 +68,11 @@ declare const _default: ({
         type: string;
         name: string[];
         child?: undefined;
+    } | {
+        type: string;
+        name: string[];
+        label?: undefined;
+        child?: undefined;
     })[];
 })[];
 export default _default;

package/es/materials/sxp/cta/AniLink/settingRender.js CHANGED Viewed

@@ -97,6 +97,10 @@ export default [
                 label: '对齐',
                 type: 'TextAlign',
                 name: ['props', 'ctaTempStyles', 'ctaTitle']
+            },
+            {
+                type: 'TextSpace',
+                name: ['props', 'ctaTempStyles', 'ctaTitle']
             }
         ]
     }

package/es/materials/sxp/popup/AppointForm/settingRender.d.ts CHANGED Viewed

@@ -64,13 +64,16 @@ declare const _default: ({
         })[];
         name?: undefined;
         options?: undefined;
-    } | {
+    })[];
+    type?: undefined;
+    label?: undefined;
+    name?: undefined;
+} | {
+    title: string;
+    child: {
         type: string;
         name: string[];
-        label?: undefined;
-        child?: undefined;
-        options?: undefined;
-    })[];
+    }[];
     type?: undefined;
     label?: undefined;
     name?: undefined;

package/es/materials/sxp/popup/AppointForm/settingRender.js CHANGED Viewed

@@ -53,6 +53,11 @@ export default [
                 type: 'TextAlign',
                 name: ['textStyle']
             },
+            {
+                label: '标题间距',
+                type: 'TextSpace',
+                name: ['textStyle']
+            },
             {
                 label: '表单布局',
                 type: 'Radius',
@@ -111,10 +116,12 @@ export default [
                 ]
             },
             {
+                label: '提交按钮文本样式',
                 type: 'TextStyle',
                 name: ['props', 'submitButtonStyle']
             },
             {
+                label: '提交按钮对齐',
                 type: 'TextAlign',
                 name: ['props', 'submitButtonStyle']
             },
@@ -122,6 +129,11 @@ export default [
                 label: '提交按钮颜色',
                 type: 'Color',
                 name: ['props', 'submitBgColor']
+            },
+            {
+                label: '提交按钮间距',
+                type: 'TextSpace',
+                name: ['props', 'submitButtonStyle']
             }
         ]
     },

package/es/materials/sxp/popup/CommodityDetail/settingRender.d.ts CHANGED Viewed

@@ -194,6 +194,12 @@ declare const _default: ({
         })[];
         name?: undefined;
         initialValue?: undefined;
+    } | {
+        label: string;
+        type: string;
+        name: string[];
+        initialValue?: undefined;
+        child?: undefined;
     })[];
 })[];
 export default _default;

package/es/materials/sxp/popup/CommodityDetail/settingRender.js CHANGED Viewed

@@ -173,6 +173,10 @@ export default [
                         label: '默认行数',
                         type: 'Number',
                         name: ['lineClamp']
+                    },
+                    {
+                        label: '间距',
+                        type: 'TextSpace'
                     }
                 ]
             }
@@ -258,6 +262,11 @@ export default [
             {
                 type: 'TextAlign',
                 name: ['props', 'buttonStyle']
+            },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'buttonStyle']
             }
         ]
     }

package/es/materials/sxp/popup/CommodityDetailDiroNew/settingRender.d.ts CHANGED Viewed

@@ -182,6 +182,12 @@ declare const _default: ({
         })[];
         name?: undefined;
         initialValue?: undefined;
+    } | {
+        label: string;
+        type: string;
+        name: string[];
+        initialValue?: undefined;
+        child?: undefined;
     })[];
 })[];
 export default _default;

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

@@ -156,6 +156,10 @@ export default [
                         label: '默认行数',
                         type: 'Number',
                         name: ['lineClamp']
+                    },
+                    {
+                        label: '间距',
+                        type: 'TextSpace'
                     }
                 ]
             }
@@ -241,6 +245,11 @@ export default [
             {
                 type: 'TextAlign',
                 name: ['props', 'buttonStyle']
+            },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'buttonStyle']
             }
         ]
     }

package/es/materials/sxp/popup/CommodityList/settingRender.js CHANGED Viewed

@@ -116,6 +116,10 @@ export default [
                     {
                         label: '标题对齐',
                         type: 'TextAlign'
+                    },
+                    {
+                        label: '间距',
+                        type: 'TextSpace'
                     }
                 ]
             }

package/es/materials/sxp/popup/Prompt/settingRender.js CHANGED Viewed

@@ -46,6 +46,11 @@ export default [
                     }
                 ]
             },
+            {
+                label: '内容字体间距',
+                type: 'TextSpace',
+                name: ['props', 'contentStyle']
+            },
             {
                 type: 'Group',
                 label: '提交按钮字体',
@@ -79,6 +84,11 @@ export default [
                     }
                 ]
             },
+            {
+                label: '提交按钮间距',
+                type: 'TextSpace',
+                name: ['props', 'submitButtonStyle']
+            },
             {
                 type: 'TextStyle',
                 name: ['props', 'submitButtonStyle']

package/es/materials/sxp/template/Link/settingRender.js CHANGED Viewed

@@ -91,6 +91,11 @@ export default [
                 type: 'TextAlign',
                 name: ['props', 'customTitle', 'style']
             },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'customTitle', 'style']
+            },
             {
                 label: '上边距',
                 type: 'Number',

package/lib/core/components/SxpPageRender/FormatImage.js CHANGED Viewed

@@ -7,18 +7,20 @@ const FormatImage = (0, react_1.forwardRef)((props, ref) => {
     const { src, onLoad, style, className, loading, alt = 'image' } = props;
     const [imgSrc, setImgSrc] = (0, react_1.useState)();
     const imgRef = (0, react_1.useRef)(null);
+    const [visible, setVisible] = (0, react_1.useState)(false);
     (0, react_1.useImperativeHandle)(ref, () => ({
         setSrc: (v) => {
-            setImgSrc(v);
+            if (v)
+                setImgSrc(v);
         }
     }));
     (0, react_1.useEffect)(() => {
-        setImgSrc(src);
+        if (src)
+            setImgSrc(src);
     }, [src]);
     (0, react_1.useEffect)(() => {
         const onShow = () => {
-            var _a, _b;
-            if (src && ((_b = (_a = imgRef === null || imgRef === void 0 ? void 0 : imgRef.current) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.display) === 'none') {
+            if (src && !visible) {
                 imgRef.current.src = '';
                 imgRef.current.src = src;
             }
@@ -27,19 +29,19 @@ const FormatImage = (0, react_1.forwardRef)((props, ref) => {
         return () => {
             event_1.default.off(event_1.SXP_EVENT_TYPE.PAGE_DID_SHOW, onShow);
         };
-    }, [src]);
-    return (react_1.default.createElement(react_1.default.Fragment, null, (imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.includes('.avif')) ? (react_1.default.createElement("picture", null,
-        react_1.default.createElement("source", { type: 'image/avif', srcSet: imgSrc }),
-        react_1.default.createElement("source", { type: 'image/webp', srcSet: `${imgSrc}?imageMogr2/format/webp` }),
-        react_1.default.createElement("source", { type: 'image/jpeg', srcSet: `${imgSrc}?imageMogr2/format/jpg` }),
-        react_1.default.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign(Object.assign({}, style), { display: 'none' }), loading: loading, onLoad: (e) => {
-                if (imgRef.current)
-                    imgRef.current.style.display = 'block';
+    }, [src, visible]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        !visible && react_1.default.createElement("div", { style: { width: '100%', height: '100%', zIndex: 1, backgroundColor: '#fff' } }),
+        (imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.includes('.avif')) ? (react_1.default.createElement("picture", null,
+            react_1.default.createElement("source", { type: 'image/avif', srcSet: imgSrc }),
+            react_1.default.createElement("source", { type: 'image/webp', srcSet: `${imgSrc}?imageMogr2/format/webp` }),
+            react_1.default.createElement("source", { type: 'image/jpeg', srcSet: `${imgSrc}?imageMogr2/format/jpg` }),
+            react_1.default.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign({}, style), loading: loading, onLoad: (e) => {
+                    setVisible(true);
+                    onLoad === null || onLoad === void 0 ? void 0 : onLoad(e.target);
+                }, alt: alt }))) : (react_1.default.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign({}, style), loading: loading, onLoad: (e) => {
+                setVisible(true);
                 onLoad === null || onLoad === void 0 ? void 0 : onLoad(e.target);
-            }, alt: alt }))) : (react_1.default.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign(Object.assign({}, style), { display: 'none' }), loading: loading, onLoad: (e) => {
-            if (imgRef.current)
-                imgRef.current.style.display = 'block';
-            onLoad === null || onLoad === void 0 ? void 0 : onLoad(e.target);
-        }, alt: alt }))));
+            }, alt: alt }))));
 });
 exports.default = (0, react_1.memo)(FormatImage);

package/lib/materials/sxp/HashTag/settingRender.d.ts CHANGED Viewed

@@ -1,11 +1,4 @@
 declare const _default: ({
-    title: string;
-    child: {
-        type: string;
-        label: string;
-        name: string[];
-    }[];
-} | {
     title: string;
     child: ({
         type: string;
@@ -126,6 +119,12 @@ declare const _default: ({
         })[];
         name?: undefined;
         initialValue?: undefined;
+    } | {
+        label: string;
+        type: string;
+        name: string[];
+        initialValue?: undefined;
+        child?: undefined;
     })[];
 })[];
 export default _default;

package/lib/materials/sxp/HashTag/settingRender.js CHANGED Viewed

@@ -101,6 +101,10 @@ exports.default = [
                     {
                         label: '标题对齐',
                         type: 'TextAlign'
+                    },
+                    {
+                        label: '间距',
+                        type: 'TextSpace'
                     }
                 ]
             }
@@ -186,6 +190,11 @@ exports.default = [
             {
                 type: 'TextAlign',
                 name: ['props', 'buttonStyle']
+            },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'buttonStyle']
             }
         ]
     },

package/lib/materials/sxp/cta/AniLink/settingRender.d.ts CHANGED Viewed

@@ -68,6 +68,11 @@ declare const _default: ({
         type: string;
         name: string[];
         child?: undefined;
+    } | {
+        type: string;
+        name: string[];
+        label?: undefined;
+        child?: undefined;
     })[];
 })[];
 export default _default;

package/lib/materials/sxp/cta/AniLink/settingRender.js CHANGED Viewed

@@ -99,6 +99,10 @@ exports.default = [
                 label: '对齐',
                 type: 'TextAlign',
                 name: ['props', 'ctaTempStyles', 'ctaTitle']
+            },
+            {
+                type: 'TextSpace',
+                name: ['props', 'ctaTempStyles', 'ctaTitle']
             }
         ]
     }

package/lib/materials/sxp/popup/AppointForm/settingRender.d.ts CHANGED Viewed

@@ -64,13 +64,16 @@ declare const _default: ({
         })[];
         name?: undefined;
         options?: undefined;
-    } | {
+    })[];
+    type?: undefined;
+    label?: undefined;
+    name?: undefined;
+} | {
+    title: string;
+    child: {
         type: string;
         name: string[];
-        label?: undefined;
-        child?: undefined;
-        options?: undefined;
-    })[];
+    }[];
     type?: undefined;
     label?: undefined;
     name?: undefined;

package/lib/materials/sxp/popup/AppointForm/settingRender.js CHANGED Viewed

@@ -55,6 +55,11 @@ exports.default = [
                 type: 'TextAlign',
                 name: ['textStyle']
             },
+            {
+                label: '标题间距',
+                type: 'TextSpace',
+                name: ['textStyle']
+            },
             {
                 label: '表单布局',
                 type: 'Radius',
@@ -113,10 +118,12 @@ exports.default = [
                 ]
             },
             {
+                label: '提交按钮文本样式',
                 type: 'TextStyle',
                 name: ['props', 'submitButtonStyle']
             },
             {
+                label: '提交按钮对齐',
                 type: 'TextAlign',
                 name: ['props', 'submitButtonStyle']
             },
@@ -124,6 +131,11 @@ exports.default = [
                 label: '提交按钮颜色',
                 type: 'Color',
                 name: ['props', 'submitBgColor']
+            },
+            {
+                label: '提交按钮间距',
+                type: 'TextSpace',
+                name: ['props', 'submitButtonStyle']
             }
         ]
     },

package/lib/materials/sxp/popup/CommodityDetail/settingRender.d.ts CHANGED Viewed

@@ -194,6 +194,12 @@ declare const _default: ({
         })[];
         name?: undefined;
         initialValue?: undefined;
+    } | {
+        label: string;
+        type: string;
+        name: string[];
+        initialValue?: undefined;
+        child?: undefined;
     })[];
 })[];
 export default _default;

package/lib/materials/sxp/popup/CommodityDetail/settingRender.js CHANGED Viewed

@@ -175,6 +175,10 @@ exports.default = [
                         label: '默认行数',
                         type: 'Number',
                         name: ['lineClamp']
+                    },
+                    {
+                        label: '间距',
+                        type: 'TextSpace'
                     }
                 ]
             }
@@ -260,6 +264,11 @@ exports.default = [
             {
                 type: 'TextAlign',
                 name: ['props', 'buttonStyle']
+            },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'buttonStyle']
             }
         ]
     }

package/lib/materials/sxp/popup/CommodityDetailDiroNew/settingRender.d.ts CHANGED Viewed

@@ -182,6 +182,12 @@ declare const _default: ({
         })[];
         name?: undefined;
         initialValue?: undefined;
+    } | {
+        label: string;
+        type: string;
+        name: string[];
+        initialValue?: undefined;
+        child?: undefined;
     })[];
 })[];
 export default _default;

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

@@ -158,6 +158,10 @@ exports.default = [
                         label: '默认行数',
                         type: 'Number',
                         name: ['lineClamp']
+                    },
+                    {
+                        label: '间距',
+                        type: 'TextSpace'
                     }
                 ]
             }
@@ -243,6 +247,11 @@ exports.default = [
             {
                 type: 'TextAlign',
                 name: ['props', 'buttonStyle']
+            },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'buttonStyle']
             }
         ]
     }

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

@@ -118,6 +118,10 @@ exports.default = [
                     {
                         label: '标题对齐',
                         type: 'TextAlign'
+                    },
+                    {
+                        label: '间距',
+                        type: 'TextSpace'
                     }
                 ]
             }

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

@@ -48,6 +48,11 @@ exports.default = [
                     }
                 ]
             },
+            {
+                label: '内容字体间距',
+                type: 'TextSpace',
+                name: ['props', 'contentStyle']
+            },
             {
                 type: 'Group',
                 label: '提交按钮字体',
@@ -81,6 +86,11 @@ exports.default = [
                     }
                 ]
             },
+            {
+                label: '提交按钮间距',
+                type: 'TextSpace',
+                name: ['props', 'submitButtonStyle']
+            },
             {
                 type: 'TextStyle',
                 name: ['props', 'submitButtonStyle']

package/lib/materials/sxp/template/Link/settingRender.js CHANGED Viewed

@@ -93,6 +93,11 @@ exports.default = [
                 type: 'TextAlign',
                 name: ['props', 'customTitle', 'style']
             },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'customTitle', 'style']
+            },
             {
                 label: '上边距',
                 type: 'Number',

package/package.json CHANGED Viewed

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