pb-sxp-ui 1.2.9 → 1.2.10

package/dist/index.js

@@ -1115,7 +1115,7 @@ var interactionRender$d = [
  * @Author: binruan@chatlabs.com
  * @Date: 2023-07-28 18:29:57
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-07-02 10:01:21
+ * @LastEditTime: 2024-08-06 14:13:47
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\AppointForm\settingRender.tsx
  *
  */
@@ -1174,6 +1174,11 @@ var settingRender$9 = [
                 type: 'TextAlign',
                 name: ['textStyle']
             },
+            {
+                label: '标题间距',
+                type: 'TextSpace',
+                name: ['textStyle']
+            },
             {
                 label: '表单布局',
                 type: 'Radius',
@@ -1232,10 +1237,12 @@ var settingRender$9 = [
                 ]
             },
             {
+                label: '提交按钮文本样式',
                 type: 'TextStyle',
                 name: ['props', 'submitButtonStyle']
             },
             {
+                label: '提交按钮对齐',
                 type: 'TextAlign',
                 name: ['props', 'submitButtonStyle']
             },
@@ -1243,6 +1250,11 @@ var settingRender$9 = [
                 label: '提交按钮颜色',
                 type: 'Color',
                 name: ['props', 'submitBgColor']
+            },
+            {
+                label: '提交按钮间距',
+                type: 'TextSpace',
+                name: ['props', 'submitButtonStyle']
             }
             // {
             //   label: '接收内容接口地址',
@@ -1685,6 +1697,10 @@ var settingRender$8 = [
                         label: '默认行数',
                         type: 'Number',
                         name: ['lineClamp']
+                    },
+                    {
+                        label: '间距',
+                        type: 'TextSpace'
                     }
                 ]
             }
@@ -1770,6 +1786,11 @@ var settingRender$8 = [
             {
                 type: 'TextAlign',
                 name: ['props', 'buttonStyle']
+            },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'buttonStyle']
             }
         ]
     }
@@ -8794,18 +8815,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;
             }
@@ -8814,20 +8837,20 @@ 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 }))));
 });
 var FormatImage$1 = memo(FormatImage);
 
@@ -9157,7 +9180,7 @@ var interactionRender$b = [
  * @Author: binruan@chatlabs.com
  * @Date: 2023-10-27 14:06:35
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-07-02 09:58:06
+ * @LastEditTime: 2024-08-06 14:23:11
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\Prompt\settingRender.tsx
  *
  */
@@ -9209,6 +9232,11 @@ var settingRender$7 = [
                     }
                 ]
             },
+            {
+                label: '内容字体间距',
+                type: 'TextSpace',
+                name: ['props', 'contentStyle']
+            },
             {
                 type: 'Group',
                 label: '提交按钮字体',
@@ -9242,6 +9270,11 @@ var settingRender$7 = [
                     }
                 ]
             },
+            {
+                label: '提交按钮间距',
+                type: 'TextSpace',
+                name: ['props', 'submitButtonStyle']
+            },
             {
                 type: 'TextStyle',
                 name: ['props', 'submitButtonStyle']
@@ -9352,7 +9385,7 @@ const Prompt = createMaterial(PromptComponent, {
  * @Author: binruan@chatlabs.com
  * @Date: 2024-03-26 16:50:25
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-07-12 14:44:50
+ * @LastEditTime: 2024-08-06 14:06:03
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetailDiroNew\settingRender.tsx
  *
  */
@@ -9514,6 +9547,10 @@ var settingRender$6 = [
                         label: '默认行数',
                         type: 'Number',
                         name: ['lineClamp']
+                    },
+                    {
+                        label: '间距',
+                        type: 'TextSpace'
                     }
                 ]
             }
@@ -9599,6 +9636,11 @@ var settingRender$6 = [
             {
                 type: 'TextAlign',
                 name: ['props', 'buttonStyle']
+            },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'buttonStyle']
             }
         ]
     }
@@ -9905,7 +9947,7 @@ const CommodityDetailDiroNew = createMaterial(CommodityDetailDiroNewComponent, {
  * @Author: binruan@chatlabs.com
  * @Date: 2024-03-26 16:50:25
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-07-09 10:37:45
+ * @LastEditTime: 2024-08-06 14:09:52
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityList\settingRender.tsx
  *
  */
@@ -10027,6 +10069,10 @@ var settingRender$5 = [
                     {
                         label: '标题对齐',
                         type: 'TextAlign'
+                    },
+                    {
+                        label: '间距',
+                        type: 'TextSpace'
                     }
                 ]
             }
@@ -10799,7 +10845,7 @@ const Appoint = createMaterial(AppointComponent, {
  * @Author: binruan@chatlabs.com
  * @Date: 2024-07-02 14:51:32
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-07-02 16:44:34
+ * @LastEditTime: 2024-08-06 14:51:18
  * @FilePath: \pb-sxp-ui\src\materials\sxp\template\Link\settingRender.tsx
  *
  */
@@ -10896,6 +10942,11 @@ var linkSettingRender = [
                 type: 'TextAlign',
                 name: ['props', 'customTitle', 'style']
             },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'customTitle', 'style']
+            },
             {
                 label: '上边距',
                 type: 'Number',
@@ -11538,7 +11589,7 @@ const MultiCommodityDiroNew = createMaterial(MultiCommodityDiroNewComponent, {
  * @Author: binruan@chatlabs.com
  * @Date: 2024-04-07 14:07:12
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-06-27 09:49:19
+ * @LastEditTime: 2024-08-06 14:00:36
  * @FilePath: \pb-sxp-ui\src\materials\sxp\HashTag\settingRender.tsx
  *
  */
@@ -11643,6 +11694,10 @@ var settingRender$3 = [
                     {
                         label: '标题对齐',
                         type: 'TextAlign'
+                    },
+                    {
+                        label: '间距',
+                        type: 'TextSpace'
                     }
                 ]
             }
@@ -11728,6 +11783,11 @@ var settingRender$3 = [
             {
                 type: 'TextAlign',
                 name: ['props', 'buttonStyle']
+            },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'buttonStyle']
             }
         ]
     },
@@ -13901,7 +13961,7 @@ const Consent = createMaterial(ConsentComponent, {
  * @Author: binruan@chatlabs.com
  * @Date: 2024-07-02 14:51:32
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-07-05 19:09:41
+ * @LastEditTime: 2024-08-06 14:28:34
  * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLink\settingRender.tsx
  *
  */
@@ -14004,6 +14064,10 @@ var settingRender$1 = [
                 label: '对齐',
                 type: 'TextAlign',
                 name: ['props', 'ctaTempStyles', 'ctaTitle']
+            },
+            {
+                type: 'TextSpace',
+                name: ['props', 'ctaTempStyles', 'ctaTitle']
             }
         ]
     }