fhrons-mobile-next 2.0.0 → 2.0.2

package/packages/sharePanel/utils/shareWay.js

@@ -0,0 +1,81 @@
+import i18n from '../../../assets/vantLang';
+export default () => [
+    {
+        name: i18n.t('mystore.mystore.th2a97'),
+        icon: 'https://scrm-pro-1251973116.cos.ap-shanghai-fsi.myqcloud.com/upload/common/scrm/2022/01/10/bcfd8ba8_e3f1_4ca8_85f7_5f4982a4923c.png',
+        type: 'AppMessage',
+        flag: '1'
+    },
+    {
+        name: i18n.t('signsale.productposter.87yko0'),
+        icon: 'https://scrm-pro-1251973116.cos.ap-shanghai-fsi.myqcloud.com/upload/common/scrm/2022/01/10/d845cb67_09bd_43e7_8711_627bb006fb42.png',
+        type: 'Timeline',
+        flag: '0'
+    },
+    {
+        name: i18n.t('utils.mockdata.unoim4'),
+        icon: 'https://dop-pro-1251973116.file.myqcloud.com/upload/img/funzg/qiwei.png',
+        type: 'QyAppMessage',
+        flag: '2'
+    },
+    {
+        name: i18n.t('componentsfile.sharemediapanel.wt1879'),
+        icon: 'https://scrm-pro-1251973116.cos.ap-shanghai-fsi.myqcloud.com/upload/common/scrm/2022/01/10/3688edc7_92bf_4b1a_ac0b_72555ee56c79.png',
+        type: 'AppDownload',
+        flag: '3'
+    },
+    {
+        name: i18n.t('mystore.mystore.8dm6b7'),
+        icon: 'https://dop-pro-1251973116.file.myqcloud.com/upload/img/funzg/icon_fuzhilianjie.png',
+        type: 'link'
+    },
+    {
+        name: i18n.t('mystore.mystore.rxyypz'),
+        icon: 'https://dop-pro-1251973116.file.myqcloud.com/upload/img/funzg/icon_xiazaierweima.png',
+        type: 'AppDownloadCode'
+    },
+    ...AbroadShareWay()
+]
+
+// 海外分享方式 AppType - 传给Android的App类型
+export const AbroadShareWay = () => [
+    {
+        name: 'WhatsApp',
+        icon: 'https://dop-pro-1251973116.file.myqcloud.com/upload/img/funzg/whatsApp.png',
+        type: 'WhatsApp',
+        AppType: 0
+    },
+    {
+        name: 'Twitter',
+        icon: 'https://dop-pro-1251973116.file.myqcloud.com/upload/img/funzg/twitter.png',
+        type: 'Twitter',
+        AppType: 1
+    },
+    {
+        name: 'Facebook',
+        icon: 'https://dop-pro-1251973116.file.myqcloud.com/upload/img/funzg/facebook.png',
+        type: 'Facebook',
+        AppType: 2
+    },
+    {
+        name: 'Instagram',
+        icon: 'https://dop-pro-1251973116.file.myqcloud.com/upload/img/funzg/instagram.png',
+        type: 'Instagram',
+        AppType: 3
+    },
+    {
+        name: 'Gmail',
+        icon: 'https://dop-pro-1251973116.file.myqcloud.com/upload/img/funzg/Gmail.png',
+        type: 'Gmail',
+        AppType: 6
+    }
+]
+
+// 分享指引多语言图片静态资源
+export const shareGuide = {
+    zh_CN: 'https://dop-pro-1251973116.file.myqcloud.com/upload/img/funzg/share2.png',
+    zh_T: 'https://dop-pro-1251973116.file.myqcloud.com/upload/img/lzgweb/productNotice/shareT.png',
+    en_US: 'https://dop-pro-1251973116.file.myqcloud.com/upload/img/lzgweb/productNotice/shareEnUs.png',
+    pt_PT: 'https://dop-pro-1251973116.file.myqcloud.com/upload/img/lzgweb/productNotice/shareEnUs.png',
+    es_ES: 'https://dop-pro-1251973116.file.myqcloud.com/upload/img/lzgweb/productNotice/shareES.png'
+}

package/packages/theme/index copy.js

@@ -0,0 +1,89 @@
+import { hexToRGBA, isEmpty } from '../../assets/js/func';
+import { setStorage, getStorage } from '../../assets/js/storage';
+const path = require('path');
+
+let lessNodesAppended;
+/**
+ *  更新主题色的方法
+ * @param {*} colorObj   // 色值对象，包含mainColor和subColor
+ * @param {*} lessPath   // 自定义的主题色less文件的位置，建议放在public文件夹下 '/' + projectName + '/static/theme.less'
+ * @param {*} isPreview  // 是否是预览页，主要用于装修的预览，可以不传
+ * @returns 
+ */
+const updateTheme = (colorObj, lessPath = '', isPreview = false) => {
+    const fontColor = colorObj.mainColor || '#158cff';
+    const subColor = colorObj.subColor || '#e7f3ff';
+    let sessionPlatformInfo = getStorage({ name: 'platformInfo', type: 'session' });
+
+    if (isEmpty(sessionPlatformInfo)) {
+        sessionPlatformInfo = { primaryColor: fontColor, attachedColor: subColor };
+    } else {
+        if (typeof sessionPlatformInfo === 'string') {
+            sessionPlatformInfo = JSON.parse(sessionPlatformInfo);
+        }
+        sessionPlatformInfo = Object.assign(sessionPlatformInfo, { primaryColor: fontColor, attachedColor: subColor });
+    }
+    setStorage({ name: 'platformInfo', content: sessionPlatformInfo, type: 'session' });
+    return new Promise(resolve => {
+        if (!fontColor) {
+            return;
+        }
+        function buildIt () {
+            // 正确的判定less是否已经加载less.modifyVars可用
+            if (!window.less || !window.less.modifyVars) {
+                return;
+            }
+            const colorObj = {};
+            for (let i = 1; i < 101; i++) {
+                colorObj[`@themeColor${i}`] = hexToRGBA(fontColor, i / 100);
+                colorObj[`@themeColor`] = fontColor;
+            }
+            window.less
+                .modifyVars(colorObj)
+                .then(() => {
+                    if (!isPreview) setStorage({ name: 'themeColor', content: fontColor });
+                    resolve('success');
+                });
+
+
+        }
+        if (!lessNodesAppended) {
+            const lessList = ['https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/fhrons-mobile-theme.less', lessPath ? path.join(lessPath) : '']
+
+            const lessConfigNode = document.createElement('script');
+            const lessScriptNode = document.createElement('script');
+            // 下方这个color.less位置大家也可以按需修改
+            // '/' + projectName + '/static/theme.less'
+            lessConfigNode.innerHTML = `
+                window.less = {
+                    async: true,
+                    env: 'production',
+                    javascriptEnabled: true
+                };
+            `;
+            // less的src地址也可以是cdn地址
+            lessScriptNode.src = `https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/less.min.js`;
+            lessScriptNode.crossorigin = 'anonymous';
+            lessScriptNode.async = true;
+            lessScriptNode.onload = () => {
+                buildIt();
+                lessScriptNode.onload = null;
+            };
+            lessList.forEach(item => {
+                if (item) {
+                    const lessStyleNode = document.createElement('link');
+                    lessStyleNode.setAttribute('rel', 'stylesheet/less');
+                    lessStyleNode.setAttribute('type', 'text/css');
+                    lessStyleNode.setAttribute('href', item);
+                    document.body.appendChild(lessStyleNode);
+                }
+            })
+            document.body.appendChild(lessConfigNode);
+            document.body.appendChild(lessScriptNode);
+            lessNodesAppended = true;
+        } else {
+            buildIt();
+        }
+    });
+};
+export default updateTheme;

package/packages/theme/index.js

@@ -0,0 +1,38 @@
+import { hexToRGBA, isEmpty } from '../../assets/js/func';
+import { setStorage, getStorage } from '../../assets/js/storage';
+// const path = require('path');
+
+/**
+ *  更新主题色的方法
+ * @param {*} lessPath   // 自定义的主题色less文件的位置，建议放在public文件夹下 '/' + projectName + '/static/theme.less'
+ * @param {*} colorObj   // 色值对象，包含mainColor和subColor
+ * @param {*} isPreview  // 是否是预览页，主要用于装修的预览，可以不传
+ * @returns 
+ */
+const updateTheme = (colorObj=getStorage({name: 'themeColorObj'}), lessPath = '', isPreview = false) => {
+    const fontColor = colorObj && colorObj.mainColor || '#158cff';
+    const subColor = colorObj && colorObj.subColor || '#e7f3ff';
+    let sessionPlatformInfo = getStorage({ name: 'platformInfo', type: 'session' });
+
+    if (isEmpty(sessionPlatformInfo)) {
+        sessionPlatformInfo = { primaryColor: fontColor, attachedColor: subColor };
+    } else {
+        if (typeof sessionPlatformInfo === 'string') {
+            sessionPlatformInfo = JSON.parse(sessionPlatformInfo);
+        }
+        sessionPlatformInfo = Object.assign(sessionPlatformInfo, { primaryColor: fontColor, attachedColor: subColor });
+    }
+    setStorage({ name: 'platformInfo', content: sessionPlatformInfo, type: 'session' });
+    return new Promise(resolve => {
+        if (!fontColor) {
+            return;
+        }
+        function buildIt () {
+            for (let i = 1; i < 101; i++) {
+                document.documentElement.style.setProperty(`--theme-color${i}`, hexToRGBA(fontColor, i / 100));
+            }
+        }
+        buildIt();
+    });
+};
+export default updateTheme;