pb-sxp-ui 1.0.5 → 1.0.7

package/es/materials/sxp/template/components/EventProvider.js

@@ -8,7 +8,7 @@ const EventProvider = (_a) => {
     var { rec, children, className, onClick, style, isExternalLink = false } = _a, props = __rest(_a, ["rec", "children", "className", "onClick", "style", "isExternalLink"]);
     const ref = useRef(null);
     const isOnScreen = useOnScreen(ref);
-    const { popupAni } = useEditor();
+    const { popup } = useEditor();
     const { setPopupDetailData, ctaEvent } = useSxpDataSource();
     const { jumpToWeb } = useEventReport();
     useEffect(() => {
@@ -40,7 +40,7 @@ const EventProvider = (_a) => {
         else {
             onClick === null || onClick === void 0 ? void 0 : onClick();
         }
-    }, popupAni === null || popupAni === void 0 ? void 0 : popupAni.duration);
+    }, popup === null || popup === void 0 ? void 0 : popup.duration);
     return (React.createElement("div", { ref: ref, className: className, style: style, onClick: handleClick }, children));
 };
 export default memo(EventProvider);

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

@@ -50,6 +50,7 @@ declare const _default: ({
             type: string;
             name: string[];
             options?: undefined;
+            initialValue?: undefined;
             addonAfter?: undefined;
         } | {
             type: string;
@@ -58,12 +59,14 @@ declare const _default: ({
                 value: string;
             }[];
             name: string[];
+            initialValue: string;
             addonAfter?: undefined;
         } | {
             type: string;
             addonAfter: string;
             name: string[];
             options?: undefined;
+            initialValue?: undefined;
         })[];
         name?: undefined;
     } | {
@@ -101,6 +104,7 @@ declare const _default: ({
             type: string;
             name: string[];
             options?: undefined;
+            initialValue?: undefined;
             addonAfter?: undefined;
         } | {
             type: string;
@@ -109,12 +113,14 @@ declare const _default: ({
                 value: string;
             }[];
             name: string[];
+            initialValue: string;
             addonAfter?: undefined;
         } | {
             type: string;
             addonAfter: string;
             name: string[];
             options?: undefined;
+            initialValue?: undefined;
         })[];
         name?: undefined;
     })[];

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

@@ -1,3 +1,5 @@
+var _a, _b;
+import { fontOptions } from '../../defaultSetting';
 export default [
     {
         title: '主题样式',
@@ -112,8 +114,9 @@ export default [
                     },
                     {
                         type: 'Select',
-                        options: [{ label: '黑体', value: '黑体' }],
-                        name: ['props', 'ctaTempStyles', 'title', 'fontFamily']
+                        options: fontOptions,
+                        name: ['props', 'ctaTempStyles', 'title', 'fontFamily'],
+                        initialValue: (_a = fontOptions === null || fontOptions === void 0 ? void 0 : fontOptions[0]) === null || _a === void 0 ? void 0 : _a.value
                     },
                     {
                         type: 'Number',
@@ -190,8 +193,9 @@ export default [
                     },
                     {
                         type: 'Select',
-                        options: [{ label: '黑体', value: '黑体' }],
-                        name: ['props', 'ctaTempStyles', 'ctaTitle', 'fontFamily']
+                        options: fontOptions,
+                        name: ['props', 'ctaTempStyles', 'ctaTitle', 'fontFamily'],
+                        initialValue: (_b = fontOptions === null || fontOptions === void 0 ? void 0 : fontOptions[0]) === null || _b === void 0 ? void 0 : _b.value
                     },
                     {
                         type: 'Number',

package/lib/core/components/SxpPageRender/Modal/index.d.ts

@@ -1,10 +1,10 @@
 import React, { CSSProperties } from 'react';
-import { IPopupAniType } from '../../../../core/context/EditorContext';
+import { IPopupType } from '../../../../core/context/EditorContext';
 interface IModalProps {
     visible?: boolean;
+    popup?: IPopupType;
     padding?: number | string;
     modalStyle?: CSSProperties;
-    popupAniData?: IPopupAniType;
     onClose?: () => void;
 }
 declare const _default: React.NamedExoticComponent<React.PropsWithChildren<IModalProps>>;

package/lib/core/components/SxpPageRender/Modal/index.js

@@ -4,11 +4,9 @@ const tslib_1 = require("tslib");
 const lodash_1 = require("lodash");
 const react_1 = tslib_1.__importStar(require("react"));
 const ReactDOM = tslib_1.__importStar(require("react-dom"));
-const hooks_1 = require("../../../../core/hooks");
 const closeIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=';
-const Modal = ({ visible, onClose, children, modalStyle, padding, popupAniData }) => {
-    const { popupAni } = (0, hooks_1.useEditor)();
-    const cssAni = popupAniData !== null && popupAniData !== void 0 ? popupAniData : popupAni;
+const Modal = ({ visible, onClose, children, modalStyle, padding, popup }) => {
+    var _a;
     const [isShow, setIsShow] = (0, react_1.useState)(false);
     const modalEleRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
@@ -23,28 +21,31 @@ const Modal = ({ visible, onClose, children, modalStyle, padding, popupAniData }
             parentNode === null || parentNode === void 0 ? void 0 : parentNode.appendChild(modalEleRef.current);
         }
     }, []);
+    const isOpen = (0, react_1.useMemo)(() => {
+        return ((popup === null || popup === void 0 ? void 0 : popup.id) && (popup === null || popup === void 0 ? void 0 : popup.id) !== '') || visible;
+    }, [visible, popup]);
     (0, react_1.useEffect)(() => {
-        if (visible) {
+        if (isOpen) {
             setIsShow(true);
         }
         else {
             setTimeout(() => {
                 setIsShow(false);
-            }, cssAni === null || cssAni === void 0 ? void 0 : cssAni.duration);
+            }, popup === null || popup === void 0 ? void 0 : popup.duration);
         }
-    }, [visible, cssAni]);
+    }, [isOpen, popup]);
     if (!modalEleRef.current)
         return null;
     const handleClose = (0, lodash_1.debounce)(() => {
         onClose === null || onClose === void 0 ? void 0 : onClose();
     }, 300);
-    return ReactDOM.createPortal(react_1.default.createElement("div", { className: 'modal-bg', style: Object.assign({ display: isShow ? 'flex' : 'none', backgroundColor: visible ? 'rgba(0, 0, 0, 0.7)' : 'rgba(0, 0, 0, 0)' }, modalStyle), onClick: handleClose },
-        react_1.default.createElement("div", { className: `modal-container ${visible ? 'modal-popIn' : 'modal-popOut'}`, style: { padding, animationDuration: (cssAni === null || cssAni === void 0 ? void 0 : cssAni.duration) / 1000 + 's' }, onClick: (e) => {
+    return ReactDOM.createPortal(react_1.default.createElement(react_1.default.Fragment, null, isShow && (react_1.default.createElement("div", { className: 'modal-bg', style: Object.assign({ display: 'flex', backgroundColor: isOpen ? 'rgba(0, 0, 0, 0.7)' : 'rgba(0, 0, 0, 0)' }, modalStyle), onClick: handleClose },
+        react_1.default.createElement("div", { className: `modal-container ${isOpen ? 'modal-popIn' : 'modal-popOut'}`, style: { padding, animationDuration: ((_a = popup === null || popup === void 0 ? void 0 : popup.duration) !== null && _a !== void 0 ? _a : 0) / 1000 + 's' }, onClick: (e) => {
                 e.stopPropagation();
                 e.preventDefault();
             } },
             react_1.default.createElement("div", { onClick: onClose, className: 'modal-icon-wrapper' },
                 react_1.default.createElement("img", { src: closeIcon, alt: 'close', className: 'modal-icon' })),
-            children)), modalEleRef.current);
+            children)))), modalEleRef.current);
 };
 exports.default = (0, react_1.memo)(Modal);

package/lib/core/components/SxpPageRender/Popup/index.js

@@ -7,10 +7,10 @@ const hooks_1 = require("../../../../core/hooks");
 const withBindDataSource_1 = tslib_1.__importDefault(require("../../../../core/hoc/withBindDataSource"));
 const useEventReport_1 = require("../../../../core/hooks/useEventReport");
 const Popup = () => {
-    const { schema, resolver, popup, popupAni } = (0, hooks_1.useEditor)();
+    const { schema, resolver, popup } = (0, hooks_1.useEditor)();
     const { setPopupDetailData, popupDetailData, bffEventReport } = (0, hooks_1.useSxpDataSource)();
     const { productView } = (0, useEventReport_1.useEventReport)();
-    const [visible, setVisible] = (0, react_1.useState)(false);
+    const [visible, setVisible] = (0, react_1.useState)();
     const curTimeRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         const initTime = () => {
@@ -23,33 +23,33 @@ const Popup = () => {
         };
     }, []);
     (0, react_1.useEffect)(() => {
-        if (popup && popup !== '') {
+        if (popup && (popup === null || popup === void 0 ? void 0 : popup.id) && (popup === null || popup === void 0 ? void 0 : popup.id) !== '') {
             curTimeRef.current = new Date();
-            setVisible(true);
+            setVisible(popup);
         }
     }, [popup]);
     const handleClose = () => {
-        var _a, _b, _c;
-        if (!popup || popup === '' || !visible || new Date() - curTimeRef.current < (popupAni === null || popupAni === void 0 ? void 0 : popupAni.duration)) {
+        var _a, _b, _c, _d;
+        if (!popup || (popup === null || popup === void 0 ? void 0 : popup.id) === '' || !visible || new Date() - curTimeRef.current < ((_a = popup === null || popup === void 0 ? void 0 : popup.duration) !== null && _a !== void 0 ? _a : 0)) {
             return;
         }
-        setVisible(false);
+        setVisible(Object.assign(Object.assign({}, popup), { id: '' }));
         const data = popupDetailData;
-        const product = (_a = data === null || data === void 0 ? void 0 : data.video) === null || _a === void 0 ? void 0 : _a.bindProduct;
-        const cta = (_c = (_b = data === null || data === void 0 ? void 0 : data.video) === null || _b === void 0 ? void 0 : _b.bindProduct) === null || _c === void 0 ? void 0 : _c.bindCta;
+        const product = (_b = data === null || data === void 0 ? void 0 : data.video) === null || _b === void 0 ? void 0 : _b.bindProduct;
+        const cta = (_d = (_c = data === null || data === void 0 ? void 0 : data.video) === null || _c === void 0 ? void 0 : _c.bindProduct) === null || _d === void 0 ? void 0 : _d.bindCta;
         if (product && cta) {
             productView(data, product, cta, curTimeRef.current);
         }
         setTimeout(() => {
             window === null || window === void 0 ? void 0 : window.sxpPopup('');
             setPopupDetailData === null || setPopupDetailData === void 0 ? void 0 : setPopupDetailData(null);
-        }, popupAni === null || popupAni === void 0 ? void 0 : popupAni.duration);
+        }, popup === null || popup === void 0 ? void 0 : popup.duration);
     };
     const renderPopupDetail = (0, react_1.useMemo)(() => {
         var _a, _b, _c;
         return (_c = (_b = (_a = schema === null || schema === void 0 ? void 0 : schema.sxpPageConf) === null || _a === void 0 ? void 0 : _a.globalConfig) === null || _b === void 0 ? void 0 : _b.popupList) === null || _c === void 0 ? void 0 : _c.map((value, index) => {
             var _a, _b, _c, _d, _e, _f, _g, _h;
-            if ((value === null || value === void 0 ? void 0 : value.id) === popup) {
+            if ((value === null || value === void 0 ? void 0 : value.id) === (popup === null || popup === void 0 ? void 0 : popup.id)) {
                 const t = resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type];
                 const Component = (0, withBindDataSource_1.default)(t);
                 const defaulSetting = (_b = t === null || t === void 0 ? void 0 : t.extend) === null || _b === void 0 ? void 0 : _b.defaulSetting;
@@ -60,6 +60,6 @@ const Popup = () => {
             }
         });
     }, [schema, popup, resolver]);
-    return (react_1.default.createElement(Modal_1.default, { visible: !!visible, onClose: handleClose, padding: 0, modalStyle: { position: 'fixed' } }, renderPopupDetail));
+    return (react_1.default.createElement(Modal_1.default, { popup: visible, onClose: handleClose, padding: 0, modalStyle: { position: 'fixed' } }, renderPopupDetail));
 };
 exports.default = Popup;

package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js

@@ -147,7 +147,6 @@ const WaterfallFlowItem = (props) => {
 function WaterfallList(_a) {
     var _b, _c, _d, _e, _f, _g, _h;
     var { reportTagsView } = _a, props = tslib_1.__rest(_a, ["reportTagsView"]);
-    const { popupAni } = (0, hooks_1.useEditor)();
     const { waterFallData, getRecommendVideos, loadingImage } = (0, hooks_1.useSxpDataSource)();
     const scrollParent = (0, react_1.useRef)(null);
     const [scrollTop, setScrollTop] = (0, react_1.useState)(0);
@@ -165,7 +164,7 @@ function WaterfallList(_a) {
     const [frameInfo, setFrameInfoInfo] = (0, react_1.useState)({ width: 0 });
     const rowsNum = (0, react_1.useMemo)(() => {
         const width = frameInfo.width || 0;
-        if (width >= (popupAni === null || popupAni === void 0 ? void 0 : popupAni.duration)) {
+        if (width >= 1200) {
             return 6;
         }
         else if (width >= 768 && width <= 1199) {
@@ -174,7 +173,7 @@ function WaterfallList(_a) {
         else {
             return 2;
         }
-    }, [frameInfo, popupAni]);
+    }, [frameInfo]);
     const unitWidth = (0, react_1.useMemo)(() => {
         return frameInfo.width / rowsNum - 2;
     }, [rowsNum, frameInfo]);

package/lib/core/components/SxpPageRender/WaterFall/index.js

@@ -69,7 +69,7 @@ const WaterFall = (props) => {
                 relatedContentId: (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.itemId,
                 position: rec === null || rec === void 0 ? void 0 : rec.position,
                 contentTags: JSON.stringify((_e = rec === null || rec === void 0 ? void 0 : rec.video) === null || _e === void 0 ? void 0 : _e.tags),
-                traceInfo: JSON.stringify((_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.traceInfo),
+                traceInfo: (_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.traceInfo,
                 hashTags: JSON.stringify([recData === null || recData === void 0 ? void 0 : recData.hashTag]),
                 fromKName,
                 fromKPage: location === null || location === void 0 ? void 0 : location.href,

package/lib/core/context/EditorContext.d.ts

@@ -16,9 +16,12 @@ export interface IPageParams {
     mp_rul?: string;
 }
 export type IPopupAniType = {
-    name: string;
-    duration: number;
+    name?: string;
+    duration?: number;
 };
+export type IPopupType = {
+    id: string;
+} & IPopupAniType;
 export interface IEditorContext {
     resolver: Record<string, MaterialComponet>;
     currentNode: any | null;
@@ -57,9 +60,8 @@ export interface IEditorContext {
     setUndoStack?: React.Dispatch<React.SetStateAction<any[]>>;
     setRedoStack?: React.Dispatch<React.SetStateAction<any[]>>;
     getCurPageConf?: any;
-    popup: string;
-    setPopup: React.Dispatch<React.SetStateAction<string>>;
-    popupAni: IPopupAniType;
+    popup: IPopupType;
+    setPopup: React.Dispatch<React.SetStateAction<IPopupType>>;
 }
 export interface IEditorCoreProps {
     resolver: Record<string, MaterialComponet>;

package/lib/core/context/EditorContext.js

@@ -29,6 +29,11 @@ const item = {
     pathArr: [0],
     positionY: 0
 };
+const popupInit = {
+    id: '',
+    duration: 0,
+    name: 'none'
+};
 exports.EditorContext = react_1.default.createContext({
     resolver: {},
     currentNode: null,
@@ -48,12 +53,8 @@ exports.EditorContext = react_1.default.createContext({
     prePiontData: [],
     undoStack: [item],
     redoStack: [],
-    popup: '',
-    setPopup: () => { },
-    popupAni: {
-        name: 'none',
-        duration: 0
-    }
+    popup: popupInit,
+    setPopup: () => { }
 });
 const EditorCore = (0, react_1.forwardRef)(({ children, resolver, isSsr, schema, enableDataSource = true, utmVal }, ref) => {
     const [currentNode, setCurrentNode] = (0, react_1.useState)(null);
@@ -71,25 +72,10 @@ const EditorCore = (0, react_1.forwardRef)(({ children, resolver, isSsr, schema,
     const [prePiontData, setPrePiontData] = (0, react_1.useState)([item]);
     const [undoStack, setUndoStack] = (0, react_1.useState)([[item]]);
     const [redoStack, setRedoStack] = (0, react_1.useState)([]);
-    const [popup, setPopup] = (0, react_1.useState)('');
-    const [popupAni, setPopupAni] = (0, react_1.useState)({
-        name: 'none',
-        duration: 0
-    });
+    const [popup, setPopup] = (0, react_1.useState)(popupInit);
     typeof window !== 'undefined' &&
         (window.sxpPopup = (type, aniType) => {
-            if (aniType && (aniType === null || aniType === void 0 ? void 0 : aniType.name) !== 'none') {
-                setPopupAni(Object.assign(Object.assign({}, popupAni), aniType));
-            }
-            else {
-                setPopupAni({
-                    name: 'none',
-                    duration: 0
-                });
-            }
-            setTimeout(() => {
-                setPopup(type);
-            });
+            setPopup(Object.assign(Object.assign(Object.assign({}, popupInit), { id: type }), aniType));
         });
     typeof window !== 'undefined' &&
         (window.getJointUtmLink = (url) => {
@@ -158,8 +144,7 @@ const EditorCore = (0, react_1.forwardRef)(({ children, resolver, isSsr, schema,
             setUndoStack,
             getCurPageConf,
             popup,
-            setPopup,
-            popupAni
+            setPopup
         } },
         react_1.default.createElement(DataSourceProvider_1.default, { isSsr: isSsr, enable: enableDataSource }, children)));
 });

package/lib/core/hooks/useEventReport.js

@@ -54,7 +54,7 @@ function useEventReport() {
             eventInfo: {
                 productId: product === null || product === void 0 ? void 0 : product.itemId,
                 productName: product === null || product === void 0 ? void 0 : product.title,
-                price: (product === null || product === void 0 ? void 0 : product.price) + '',
+                price: (product === null || product === void 0 ? void 0 : product.price) ? (product === null || product === void 0 ? void 0 : product.price) + '' : '0',
                 productCollection: product === null || product === void 0 ? void 0 : product.collection,
                 fromKName,
                 fromKPage: location === null || location === void 0 ? void 0 : location.href,

package/lib/index.d.ts

@@ -7,4 +7,5 @@ export { default as SxpDataSourceProvider } from './core/context/SxpDataSourcePr
 export { default as SxpPageCore } from './core/components/SxpPageCore';
 export { default as EditorDataProvider } from './core/context/EditorDataProvider';
 export { useEditorDataProvider } from './core/context/EditorDataProvider';
+export { default as defaultSetting } from './materials/sxp/defaultSetting';
 export default Pagebuilder;

package/lib/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEditorDataProvider = exports.EditorDataProvider = exports.SxpPageCore = exports.SxpDataSourceProvider = exports.Modal = exports.SxpPageRender = exports.materials = exports.core = void 0;
+exports.defaultSetting = exports.useEditorDataProvider = exports.EditorDataProvider = exports.SxpPageCore = exports.SxpDataSourceProvider = exports.Modal = exports.SxpPageRender = exports.materials = exports.core = void 0;
 const tslib_1 = require("tslib");
 const Pagebuilder_1 = require("./core/Pagebuilder");
 exports.core = tslib_1.__importStar(require("./core"));
@@ -17,4 +17,6 @@ var EditorDataProvider_1 = require("./core/context/EditorDataProvider");
 Object.defineProperty(exports, "EditorDataProvider", { enumerable: true, get: function () { return tslib_1.__importDefault(EditorDataProvider_1).default; } });
 var EditorDataProvider_2 = require("./core/context/EditorDataProvider");
 Object.defineProperty(exports, "useEditorDataProvider", { enumerable: true, get: function () { return EditorDataProvider_2.useEditorDataProvider; } });
+var defaultSetting_1 = require("./materials/sxp/defaultSetting");
+Object.defineProperty(exports, "defaultSetting", { enumerable: true, get: function () { return tslib_1.__importDefault(defaultSetting_1).default; } });
 exports.default = Pagebuilder_1.Pagebuilder;

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

@@ -33,6 +33,7 @@ declare const _default: ({
                 type: string;
                 name: string[];
                 options?: undefined;
+                initialValue?: undefined;
                 addonAfter?: undefined;
             } | {
                 type: string;
@@ -41,12 +42,14 @@ declare const _default: ({
                     value: string;
                 }[];
                 name: string[];
+                initialValue: string;
                 addonAfter?: undefined;
             } | {
                 type: string;
                 addonAfter: string;
                 name: string[];
                 options?: undefined;
+                initialValue?: undefined;
             })[];
             options?: undefined;
             name?: undefined;
@@ -106,7 +109,7 @@ declare const _default: ({
                 label: string;
                 value: string;
             }[];
-            initialValue?: undefined;
+            initialValue: string;
             addonAfter?: undefined;
         } | {
             type: string;

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

@@ -1,5 +1,7 @@
 "use strict";
+var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
+const defaultSetting_1 = require("../defaultSetting");
 exports.default = [
     {
         title: '卡片样式',
@@ -58,8 +60,9 @@ exports.default = [
                             },
                             {
                                 type: 'Select',
-                                options: [{ label: '黑体', value: '黑体' }],
-                                name: ['fontFamily']
+                                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',
@@ -133,7 +136,8 @@ exports.default = [
                     {
                         type: 'Select',
                         name: ['props', 'buttonStyle', 'fontFamily'],
-                        options: [{ label: '黑体', value: '黑体' }]
+                        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',

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

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

package/lib/materials/sxp/defaultSetting.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fontOptions = void 0;
+exports.fontOptions = [
+    { label: '应用字体', value: 'appFont' },
+    { label: '黑体', value: '黑体' }
+];
+exports.default = {
+    fontOptions: exports.fontOptions
+};

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

@@ -9,7 +9,6 @@ const hooks_1 = require("../../../../core/hooks");
 require("./index.less");
 const AppointForm = (_a) => {
     var { columns, style, title, textStyle, submitBgColor, submitColor, submitText, layoutType, onClick } = _a, props = tslib_1.__rest(_a, ["columns", "style", "title", "textStyle", "submitBgColor", "submitColor", "submitText", "layoutType", "onClick"]);
-    const { setPopup } = (0, hooks_1.useEditor)();
     const { submitForm } = (0, hooks_1.useSxpDataSource)();
     const formRef = (0, react_1.useRef)();
     const [loading, setLoading] = (0, react_1.useState)(false);

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

@@ -29,7 +29,6 @@ const AppointForm = (0, create_1.createMaterial)(_1.default, {
         textStyle: {
             fontSize: 14,
             color: '#000',
-            fontFamily: '黑体',
             textAlign: 'center'
         }
     },

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

@@ -19,6 +19,7 @@ declare const _default: ({
             type: string;
             name: string[];
             options?: undefined;
+            initialValue?: undefined;
             addonAfter?: undefined;
         } | {
             type: string;
@@ -27,12 +28,14 @@ declare const _default: ({
                 label: string;
                 value: string;
             }[];
+            initialValue: string;
             addonAfter?: undefined;
         } | {
             type: string;
             name: string[];
             addonAfter: string;
             options?: undefined;
+            initialValue?: undefined;
         })[];
         name?: undefined;
         options?: undefined;

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

@@ -1,5 +1,7 @@
 "use strict";
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
+const defaultSetting_1 = require("../../defaultSetting");
 exports.default = [
     {
         type: 'Text',
@@ -25,7 +27,8 @@ exports.default = [
                     {
                         type: 'Select',
                         name: ['textStyle', 'fontFamily'],
-                        options: [{ label: '黑体', value: '黑体' }]
+                        options: defaultSetting_1.fontOptions,
+                        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',

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

@@ -38,6 +38,7 @@ declare const _default: ({
                 type: string;
                 name: string[];
                 options?: undefined;
+                initialValue?: undefined;
                 addonAfter?: undefined;
             } | {
                 type: string;
@@ -46,12 +47,14 @@ declare const _default: ({
                     value: string;
                 }[];
                 name: string[];
+                initialValue: string;
                 addonAfter?: undefined;
             } | {
                 type: string;
                 addonAfter: string;
                 name: string[];
                 options?: undefined;
+                initialValue?: undefined;
             })[];
             options?: undefined;
             name?: undefined;
@@ -118,7 +121,7 @@ declare const _default: ({
                 label: string;
                 value: string;
             }[];
-            initialValue?: undefined;
+            initialValue: string;
             addonAfter?: undefined;
         } | {
             type: string;

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

@@ -1,5 +1,7 @@
 "use strict";
+var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
+const defaultSetting_1 = require("../../defaultSetting");
 exports.default = [
     {
         title: '商品图片',
@@ -67,8 +69,9 @@ exports.default = [
                             },
                             {
                                 type: 'Select',
-                                options: [{ label: '黑体', value: '黑体' }],
-                                name: ['fontFamily']
+                                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',
@@ -147,7 +150,8 @@ exports.default = [
                     {
                         type: 'Select',
                         name: ['props', 'buttonStyle', 'fontFamily'],
-                        options: [{ label: '黑体', value: '黑体' }]
+                        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',

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

@@ -38,6 +38,7 @@ declare const _default: ({
                 type: string;
                 name: string[];
                 options?: undefined;
+                initialValue?: undefined;
                 addonAfter?: undefined;
             } | {
                 type: string;
@@ -46,12 +47,14 @@ declare const _default: ({
                     value: string;
                 }[];
                 name: string[];
+                initialValue: string;
                 addonAfter?: undefined;
             } | {
                 type: string;
                 addonAfter: string;
                 name: string[];
                 options?: undefined;
+                initialValue?: undefined;
             })[];
             options?: undefined;
             name?: undefined;
@@ -118,7 +121,7 @@ declare const _default: ({
                 label: string;
                 value: string;
             }[];
-            initialValue?: undefined;
+            initialValue: string;
             addonAfter?: undefined;
         } | {
             type: string;