@qywh/package 0.0.3-beta01 → 0.0.3-beta05

package/lib/request.ts

@@ -2,12 +2,7 @@
 import Axios from 'axios'
 import Qs from 'qs'
 import { toast } from './methods'
-import environment from './utils/environment'
-import { API_HOSTS } from './utils/domain-config'
-let baseURL = '/'
-if (environment.isZyb()) {
-  baseURL = `https://${API_HOSTS.cube.zyb}`
-}
+const baseURL = '/'
 
 // 环境判断
 export const service = Axios.create({

package/lib/utils/domain-config.ts

@@ -3,144 +3,14 @@
  * 所有域名、环境关键字、CDN 地址集中在这里管理，方便统一切换。
  */
 
-// ==================== 环境检测关键字 ====================
-// 用于通过 location.host 判断当前运行环境
-export const ENV_KEYWORDS = {
-  docker: 'suanshubang',
-  zyb: 'zuoyebang',
-  fnjz: 'fengniaojianzhan',
-  zybjianzhan: 'zybjianzhan',
-  xm: 'xingmangmeixue',
-  yayaketang: 'yayaketang',
-} as const
-
-// ==================== 主域名 ====================
-export const HOSTS = {
-  /** 端外线上主域名（蜂鸟建站） */
-  fnjz: 'tf.fengniaojianzhan.com',
-  /** 作业帮主站 */
-  zyb: 'zuoyebang.com',
-  /** 作业帮（zybang.com 变体） */
-  zybang: 'zybang.com',
-  /** 作业帮 H5 */
-  zybH5: 'h5.zuoyebang.com',
-} as const
-
-// ==================== API 服务域名 ====================
-// 格式：{ 线上(fnjz), 作业帮线上(zyb) }  测试环境动态拼接 suanshubang
-export const API_HOSTS = {
-  /** 端外投放 API 网关 */
-  apigo: {
-    fnjz: 'apigo-tf.fengniaojianzhan.com',
-    zyb: 'apigo-tf.zuoyebang.com',
-  },
-  /** 登录认证 */
-  passport: {
-    fnjz: 'passport.fengniaojianzhan.com',
-    zyb: 'passport.zuoyebang.com',
-  },
-  /** 微信生态接口 */
-  wxst: {
-    fnjz: 'wxst.fengniaojianzhan.com',
-    zyb: 'wxst.zuoyebang.com',
-  },
-  /** Cube 主站 */
-  cube: {
-    zyb: 'cube.zuoyebang.com',
-  },
-  /** 端外 Cube Extend */
-  cubeExtend: {
-    fnjz: 'tf.fengniaojianzhan.com',
-    zyb: 'cube.zuoyebang.com',
-  },
-  /** 售卖服务 */
-  sell: {
-    zyb: 'sell.zuoyebang.com',
-  },
-  /** 投放服务 */
-  tf: {
-    zyb: 'tf.zuoyebang.com',
-  },
-  /** 通知/打点服务 */
-  notice: {
-    fnjz: 'notice.fengniaojianzhan.com',
-  },
-} as const
 
 // ==================== CDN 图片域名 ====================
 /** 普通图片 CDN（非百度云） */
 export const PIC_CDN_HOSTS: string[] = [
-  'cube-cdn.zuoyebang.com',
-  'zyb-cube-1253445850.file.myqcloud.com',
-  'syh-cube.cdnjtzy.com',
-  'toufang.cdnjtzy.com',
-  'syh-cc.cdnjtzy.com',
-  'zyb-toufang.cdnjtzy.com',
+  'image.qywh.me',
+  'image-test.qywh.me'
 ]
 
 /** 百度云图片 CDN */
 export const BAIDU_CDN_HOSTS: string[] = [
-  'img.zuoyebang.cc',
-  'syh-imp.cdnjtzy.com',
-  'mofang-img.cdnjtzy.com',
 ]
-
-// ==================== 默认 CDN 资源 URL ====================
-export const CDN_ASSETS = {
-  /** 默认按钮背景图 */
-  defaultButtonImage: 'https://cube-cdn.fengniaojianzhan.com/uploadFile/zyb_c6b02960e862d984611cc4ed6ca74782.png',
-  /** 字体图标基础路径 */
-  fontBase: 'https://cube-cdn.fengniaojianzhan.com/com/cube/fonts',
-} as const
-
-// ==================== 蜂鸟环境域名替换规则 ====================
-// 在蜂鸟建站环境(isFnjz)下需要将特定域名映射为 CDN 域名
-export const FNJZ_IMAGE_REPLACE_MAP: Record<string, string> = {
-  'img.zuoyebang.cc': 'mofang-img.cdnjtzy.com',
-  'zyb-toufang.cdnjtzy.com': 'toufang.cdnjtzy.com',
-}
-
-// ==================== 短链接支付域名替换 ====================
-// 下单链路中根据环境将短链接域名替换为实际的支付域名
-export const SHORT_URL_PAY_HOSTS = {
-  /** Docker 环境支付入口 */
-  docker: 'https://sell-cubedev-e.suanshubang.cc',
-  /** 蜂鸟建站线上 */
-  fnjz: 'https://www.fengniaojianzhan.com',
-  /** 作业帮建站 */
-  zybjianzhan: 'https://zybjianzhan.com',
-  /** 作业帮线上 */
-  zyb: 'https://tf.zuoyebang.com',
-  /** 作业帮主站（zybang.com） */
-  zybang: 'www.zybang.com',
-} as const
-
-// ==================== Docker 模板字符串 ====================
-/** 测试环境域名模板，{shipName} 和 {suffix} 动态填充 */
-export const DOCKER_TEMPLATES = {
-  /** API 网关 */
-  apigo: 'apigo-tf-{shipName}-e.suanshubang.{suffix}',
-  /** C3 投放服务 */
-  c3tf: 'c3-tf-{shipName}-e.suanshubang.{suffix}',
-  /** C3 售卖服务 */
-  c3sell: 'c3-sell-{shipName}-e.suanshubang.{suffix}',
-  /** Passport 服务 */
-  passport: 'passport-{shipName}-e.suanshubang.{suffix}',
-  /** Cube Extend */
-  cubeExtend: 'cube-{shipName}-cc.suanshubang.com',
-  /** Web 前端 */
-  www: 'www-{shipName}-xmmx.suanshubang{suffix}',
-} as const
-
-// ==================== 内部服务 ====================
-export const INTERNAL = {
-  /** NPM 私有源 */
-  npmRegistry: 'http://ued.zuoyebang.cc/npm/',
-  /** UED 文档 */
-  uedDocs: 'http://ued.zuoyebang.cc',
-  /** Wiki 文档 */
-  wiki: 'http://wiki.zuoyebang.cc',
-} as const
-
-// ==================== 微信 JS-SDK nonce 常量 ====================
-export const WX_NONCE_STR = 'zuoyebang'

package/lib/utils/format-img.ts

@@ -1,5 +1,4 @@
-import environment from './environment'
-import { PIC_CDN_HOSTS, BAIDU_CDN_HOSTS, FNJZ_IMAGE_REPLACE_MAP } from './domain-config'
+import { PIC_CDN_HOSTS, BAIDU_CDN_HOSTS } from './domain-config'
 function canWebp () {
   if ('CAN_WEBP' in window) {
     return (window as any).CAN_WEBP
@@ -36,21 +35,8 @@ function getSrc (url: string, setting: any) {
   return `${url}@${tempstr}`
 }
 
-function replaceImageUrl (src: string) {
-  if (environment.isFnjz()) {
-    for (const [from, to] of Object.entries(FNJZ_IMAGE_REPLACE_MAP)) {
-      if (src.indexOf(from) > -1) {
-        return src.replace(from, to)
-      }
-    }
-    return src
-  } else {
-    return src
-  }
-}
-
 export function formatImg (src: string, setting = {}, isServer = false) {
-  let newImageUrl = replaceImageUrl(src)
+  let newImageUrl = src
   let arr = PIC_CDN_HOSTS.concat(BAIDU_CDN_HOSTS)
   let flag = arr.every((item: string) => {
     return newImageUrl.indexOf(item) === -1
@@ -112,7 +98,7 @@ export function formatImg (src: string, setting = {}, isServer = false) {
   }
 }
 export function compressImgFn (imageUrl: any) {
-  let newImageUrl = replaceImageUrl(imageUrl)
+  let newImageUrl = imageUrl
   let flag = PIC_CDN_HOSTS.some((item: string) => {
     return newImageUrl.indexOf(item) !== -1
   })

package/lib/utils/index.ts

@@ -1,14 +1,11 @@
 import Vue from 'vue'
-import urlExt from '../zyb-yike-utils/urlExt'
+import urlExt from '../utils/urlExt'
 export * from './timestampToTime'
 export * from './format-img'
 export * from './platform'
 export * from './dom'
 export * from './requestAnimationFrame'
 export * from './getUserInfo'
-export * from './environment'
-export * from './wxGroupManage'
-export * from './order-recall'
 
 export const isServer = Vue.prototype.$isServer
 

package/lib/utils/logParamHandle.ts

@@ -0,0 +1,138 @@
+// @ts-nocheck
+/*eslint-disable*/
+import urlExt from './urlExt';
+import isPlainObject from 'lodash/isPlainObject';
+import isEmptyObject from 'lodash/isEmpty';
+import extend from 'lodash/extend';
+
+let currentPageURL = location.href // 用于兼容 vue # 号后边的参数getQuery无法获取的问题
+// channelType 处理
+let urlChannelType = urlExt.getQuery('channelType', currentPageURL) || '';
+
+let urlTfExtData = urlExt.getQuery('tfExtData', currentPageURL) || '';
+
+function getChannelType() {
+  return urlChannelType
+}
+
+function setTfExtData(tfExtData) {
+  if (isPlainObject(tfExtData) && !isEmptyObject(tfExtData)) {
+    try {
+      let tmpTfExtData = JSON.parse(decodeURIComponent(decodeURIComponent(urlTfExtData)));
+      urlTfExtData = encodeURIComponent(JSON.stringify(extend(tmpTfExtData, tfExtData)))
+    } catch (e) {
+      urlTfExtData = encodeURIComponent(JSON.stringify(tfExtData));
+    }
+  }
+}
+function mergeTfExtData(tfExtData) {
+  try {
+    let targetTfExtData = JSON.parse(decodeURIComponent(decodeURIComponent(tfExtData)));
+    let sourceTfExtData = JSON.parse(decodeURIComponent(decodeURIComponent(urlTfExtData)));
+    return encodeURIComponent(JSON.stringify(extend(sourceTfExtData, targetTfExtData)));
+  } catch (e) {
+    return tfExtData;
+  }
+}
+
+function getUrlTfExtData() {
+  return encodeURIComponent(decodeURIComponent(decodeURIComponent(urlTfExtData)));
+}
+function getTfExtData() {
+  try {
+    let customTfExtData = (window as any).__PAGE_DATA__.pageInfo.customTfExtData // 自定义追加tfExtData
+    let newTfExtData = JSON.parse(decodeURIComponent(urlTfExtData));
+    let paramString = '';
+    if (customTfExtData && typeof customTfExtData === 'object') {
+      newTfExtData = {
+        ...newTfExtData,
+        ...customTfExtData
+      }
+    }
+    for(let key in newTfExtData) {
+      if (typeof newTfExtData[key] === 'number') {
+        paramString = `${paramString}&${key}=${newTfExtData[key]}`;
+      } else {
+        paramString = `${paramString}&${key}=${encodeURIComponent(newTfExtData[key])}`;
+      }
+    }
+    return encodeURIComponent(paramString.replace(/^&/, ''));
+  } catch (e) {
+    return urlTfExtData;
+  }
+}
+
+function getTfExtDataKey(key) {
+  try {
+    const urlTfExtDataObj = JSON.parse(decodeURIComponent(decodeURIComponent(urlTfExtData)));
+    return urlTfExtDataObj[key] !== undefined ? urlTfExtDataObj[key] : urlTfExtData;
+  } catch (e) {
+    return urlTfExtData;
+  }
+}
+
+function withBaseURL(jumpUrl) {
+  const host = window.location.host
+  if (/^(http|https):\/\/([^\/]+)/i.test(jumpUrl)) { // 有其他域名，不作处理
+    return jumpUrl;
+  }
+
+  let baseURL = host;
+  return `${baseURL}${jumpUrl}`;
+}
+
+/**
+ * 对传入的url进行参数处理
+ * @param url 端内或端外的url
+ * @returns {*}
+ */
+function urlHandle(url, isMerge = false) {
+  url = url? withBaseURL(url) : currentPageURL
+  var urlParts = url ? url.split('?') : []
+  var normalUrl = url ? url.split('?')[0] : ''
+  var paramsUrl = url ? url.split('?')[1] : ''
+  if (urlParts.length > 2) {
+    // 说明链接参数中有多余的? 将后半部分组装回去
+    var realParamsUrl = ''
+    urlParts.forEach((item, index) => {
+      if (index !== 0 && index !== (urlParts.length - 1)) {
+        realParamsUrl = realParamsUrl + item + '?'
+      }
+      if (index !== 0 && index === (urlParts.length - 1)) {
+        realParamsUrl = realParamsUrl + item
+      }
+    })
+    paramsUrl = realParamsUrl
+  }
+
+  paramsUrl = paramsUrl || '';
+  var tmpChannelType = urlExt.getQuery('channelType', url);  // 第二个参数如果为空,则自动从当前url中获取参数一的值
+  if (Object.prototype.toString.call(tmpChannelType) === '[object Array]') {
+    tmpChannelType = tmpChannelType[0];
+  }
+  var tmpTfExtData = urlExt.getQuery('tfExtData', url);
+  if (Object.prototype.toString.call(tmpTfExtData) === '[object Array]') {
+    tmpTfExtData = tmpTfExtData[0];
+  }
+  if (!tmpChannelType) { // 如果tmpChannelType为空,则将channelType拼在参数中
+    paramsUrl = urlExt.setQuery('channelType', urlChannelType, paramsUrl);
+  }
+  // 用于处理url里面已有tfExtData，同时需要merge当前页面设置的
+  if (tmpTfExtData && isMerge) {
+    paramsUrl = urlExt.setQuery('tfExtData', mergeTfExtData(tmpTfExtData), paramsUrl);
+  }
+  if (!tmpTfExtData) {
+    paramsUrl = urlExt.setQuery('tfExtData', getUrlTfExtData(), paramsUrl);
+  }
+  console.log('最后返回的链接：', normalUrl, paramsUrl)
+  return normalUrl + '?' + paramsUrl;
+}
+
+export default {
+  getChannelType: getChannelType,
+  urlHandle: urlHandle,
+  setTfExtData: setTfExtData,
+  getTfExtData: getTfExtData,
+  getTfExtDataKey: getTfExtDataKey,
+  getUrlTfExtData: getUrlTfExtData,
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qywh/package",
-  "version": "0.0.3-beta01",
+  "version": "0.0.3-beta05",
   "description": "钦煜文化低代码可视化组件库",
   "main": "index.ts",
   "typings": "typings/index.d.ts",

package/packages/qy-anchor/components/index.vue

@@ -1,9 +1,9 @@
 
 <template>
-  <div class="zyb-anchor" :id="uid">
-    <div v-if="isEdit" class="zyb-anchor__line-container">
+  <div class="qy-anchor" :id="uid">
+    <div v-if="isEdit" class="qy-anchor__line-container">
       <i class="iconfont icon-position"></i>
-      <div class="zyb-anchor__line-container__dashed-line">
+      <div class="qy-anchor__line-container__dashed-line">
         <dashed-line :positions="positions" />
       </div>
     </div>
@@ -34,7 +34,7 @@ export default class QyAnchor extends Vue {
 </script>
 
 <style lang="less" scoped>
-.zyb-anchor {
+.qy-anchor {
   position: relative;
   &__line-container {
     position: relative;

package/packages/qy-atmosphere-countdown/settings/index.ts

@@ -1,5 +1,5 @@
 import { ComponentTypeEnum } from '../../../typings/enum/component-type'
-const imgSize = 0.1 // 0.1M
+const imgSize = 5 // 5M
 const textStyle = { // SetText组件样式
   lineHeight: 1
 }
@@ -15,8 +15,7 @@ export default {
           type: 'SetUploadImage',
           label: '图片',
           name: 'imageList',
-          uploadTips: `支持png/jpg/jpeg/gif格式，尺寸限制为：720*120，大小不超过${imgSize *
-            1000}KB`,
+          uploadTips: `支持png/jpg/jpeg/gif格式，尺寸限制为：720*120，大小不超过5MB`,
           limitObj: {
             // width: 720,
             // height: 120,

package/packages/qy-atmosphere-countdownv2/settings/index.ts

@@ -1,5 +1,5 @@
 import { ComponentTypeEnum } from '../../../typings/enum/component-type'
-const imgSize = 0.2 // 0.1M
+const imgSize = 5 // 5M
 const textStyle = { // SetText组件样式
   lineHeight: 1
 }
@@ -32,7 +32,7 @@ export default {
                       type: 'SetUploadImage',
                       label: '图片',
                       name: 'imageList',
-                      uploadTips: `支持png/jpg/jpeg/gif格式，尺寸限制为：720*120，大小不超过${imgSize * 1000}KB`,
+                      uploadTips: `支持png/jpg/jpeg/gif格式，尺寸限制为：720*120，大小不超过5MB`,
                       limitObj: {
                         // width: 720,
                         // height: 120,

package/packages/qy-button/components/index.vue

@@ -31,7 +31,7 @@
 <script lang='ts'>
 import { Vue, Component, Prop, Watch, Mixins } from 'vue-property-decorator'
 import StickyMixin from '../../../lib/sticky-mixin'
-import { CDN_ASSETS } from '../../../lib/utils/domain-config'
+const btnDefaultImage = require('./static/default-btn.png')
 // 环境判断
 const isEdit = process.env.VUE_APP_RUNTIME_PLATFORM === 'editor'
 @Component({
@@ -110,7 +110,7 @@ export default class QyButton extends Mixins(StickyMixin) {
     }
   })
   readonly btnImageBorder!: any
-  btnDefaultImage:string = CDN_ASSETS.defaultButtonImage
+  btnDefaultImage:string = btnDefaultImage
   animationIndex = 0 // 当前执行动画序号
   startAnimation = false // 是否开始动画
 

package/packages/qy-button/settings/applet/v1.ts

@@ -139,10 +139,9 @@ export default {
                           label: '图片',
                           defaultShow: true,
                           name: 'btnImage',
-                          uploadTips: `支持png/jpg/jpeg/gif格式，大小不超过${0.2 *
-                            1000}KB`,
+                          uploadTips: `支持png/jpg/jpeg/gif格式，大小不超过5MB`,
                           limitObj: {
-                            size: 0.2,
+                            size: 5,
                             type: 'png|jpg|jpeg|gif'
                           }
                         }

package/packages/qy-button/settings/applet/v2.ts

@@ -139,10 +139,9 @@ export default {
                           label: '图片',
                           defaultShow: true,
                           name: 'btnImage',
-                          uploadTips: `支持png/jpg/jpeg/gif格式，大小不超过${0.2 *
-                            1000}KB`,
+                          uploadTips: `支持png/jpg/jpeg/gif格式，大小不超过5MB`,
                           limitObj: {
-                            size: 0.2,
+                            size: 5,
                             type: 'png|jpg|jpeg|gif'
                           }
                         }

package/packages/qy-container/components/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="zyb-container"  :style="style" ref="zybContainerAutoHeight">
+  <div class="qy-container"  :style="style" ref="qyContainerAutoHeight">
     <!-- 容器滚动的辅助线 -->
     <div class="container-line" v-if="isEdit && isScrollViewContent" :style="{top: isScrollViewContentHeight / 100 + 'rem'}"></div>
     <slot></slot>
@@ -104,9 +104,9 @@ export default {
       // 非编辑区，开启容器滑动
       if (this.isScrollViewContent === true && !this.isEdit) {
         // 如果设置的滑动高度大于容器高度，则滑动高度取容器高度，也就是不滑动
-        let containerHeight = this.$refs.zybContainerAutoHeight.style.height.split('rem')[0]
+        let containerHeight = this.$refs.qyContainerAutoHeight.style.height.split('rem')[0]
         if (Number(containerHeight) > this.isScrollViewContentHeight / 100) {
-          let _parentNode = this.$refs.zybContainerAutoHeight.parentNode
+          let _parentNode = this.$refs.qyContainerAutoHeight.parentNode
           _parentNode.style.height = this.isScrollViewContentHeight / 100 + 'rem'
           _parentNode.style.overflowY = 'auto'
           if (_parentNode.parentNode) { _parentNode.parentNode.classList.add('container-scroll-style') }
@@ -117,7 +117,7 @@ export default {
 }
 </script>
 <style lang="less">
-.zyb-container {
+.qy-container {
   position: relative;
   width: 100%;
   height: 3.24rem;

package/packages/qy-countdown/settings/index.ts

@@ -1,5 +1,5 @@
 import { ComponentTypeEnum } from '../../../typings/enum/component-type'
-const imgSize = 0.1 // 0.1M
+const imgSize = 5 // 5M
 const textStyle = { // SetText组件样式
   lineHeight: 1
 }
@@ -96,8 +96,7 @@ export default {
           type: 'SetUploadImage',
           label: '图片',
           name: 'imageList',
-          uploadTips: `支持png/jpg/jpeg/gif格式，尺寸限制为：720*120，大小不超过${imgSize *
-            1000}KB`,
+          uploadTips: `支持png/jpg/jpeg/gif格式，尺寸限制为：720*120，大小不超过5MB`,
           limitObj: {
             width: 720,
             height: 120,