@qywh/package 0.0.3-beta01 → 0.0.3-beta05

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

@@ -1,11 +1,11 @@
 <template>
-  <!-- <transition name="zyb-dialog-fade">
+  <!-- <transition name="qy-dialog-fade">
     <section
       :class="dialogWrapperCls"
       v-show="visible"
     > -->
   <transition
-    :name="`zyb-dialog-slide__${position}`"
+    :name="`qy-dialog-slide__${position}`"
     @before-enter="dialogVisible = visible"
     @after-leave="dialogVisible = visible"
   >
@@ -21,19 +21,19 @@
         @touchmove.stop.prevent
         @click.self="handleWrapperClick"
         ref="mask"
-        class="zyb-dialog__mask"
+        class="qy-dialog__mask"
       ></div>
       <div
-        class="zyb-dialog__wrapper"
+        class="qy-dialog__wrapper"
         :style="dialogStyle"
       >
         <div
-          class="zyb-dialog__header"
+          class="qy-dialog__header"
           v-if="title || $slots.header"
         >
           <slot name="title">
             <h2
-              class="zyb-dialog__title"
+              class="qy-dialog__title"
               :style="titleStyle"
             >
               {{title}}
@@ -41,7 +41,7 @@
           </slot>
           <button
             type="button"
-            class="zyb-dialog__headerbtn"
+            class="qy-dialog__headerbtn"
             aria-label="Close"
             v-if="showClose && (isTopClose || position === 'bottom')"
             @click="closeHandler"
@@ -52,7 +52,7 @@
           </button>
         </div>
         <div
-          class="zyb-dialog__content"
+          class="qy-dialog__content"
           ref="dialog"
         >
           <div class="autoOff-wrapper" v-if="autoOff">
@@ -72,7 +72,7 @@
             </template>
           </template>
           <div
-            class="zyb-dialog__loading"
+            class="qy-dialog__loading"
             v-show="loading"
           >
             <span class="loading-inner">
@@ -82,7 +82,7 @@
           </div>
         </div>
         <div
-          class="zyb-dialog__footer"
+          class="qy-dialog__footer"
           ref="footer"
           v-if="$slots.footer && !loading"
         >
@@ -91,8 +91,8 @@
       </div>
       <button
         type="button"
-        class="zyb-dialog__bottom-btn"
-        :class="{'zyb-dialog__bottom-btn-landscape': isClient && landscapeScreen}"
+        class="qy-dialog__bottom-btn"
+        :class="{'qy-dialog__bottom-btn-landscape': isClient && landscapeScreen}"
         aria-label="Close"
         v-if="showClose && !isTopClose && position === 'center'"
         @click="closeHandler"
@@ -113,7 +113,7 @@ import { px2rem, platform } from '../../../lib/utils'
 import Bus from '../../../lib/bus'
 import Cookies from 'js-cookie'
 // @ts-ignore: Unreachable code error
-import urlExt from '../../../lib/zyb-yike-utils/urlExt'
+import urlExt from '../../../lib/utils/urlExt'
 import { CSSProperties } from 'vue'
 export enum ITriggerEnum {
   // 立即调用
@@ -209,9 +209,9 @@ export default class QyDialog extends Vue {
 
   get dialogCls () {
     return {
-      'zyb-dialog': true,
-      [`zyb-dialog--${this.position}`]: true,
-      'zyb-dialog--close': !this.visible,
+      'qy-dialog': true,
+      [`qy-dialog--${this.position}`]: true,
+      'qy-dialog--close': !this.visible,
       'pad': this.isClient,
       'landscapeScreen': this.isTopClose === false && this.landscapeScreen === true
     }
@@ -219,8 +219,8 @@ export default class QyDialog extends Vue {
 
   get dialogWrapperCls () {
     return {
-      'zyb-dialog__wrapper': true,
-      'zyb-dialog__wrapper--close': !this.visible
+      'qy-dialog__wrapper': true,
+      'qy-dialog__wrapper--close': !this.visible
     }
   }
 
@@ -321,7 +321,7 @@ export default class QyDialog extends Vue {
     if (urlExt.getQuery('live') && urlExt.getQuery('liveGiftId') && platform.isIOS) {
       return
     }
-    body.classList.add('zyb-dialog--prevent')
+    body.classList.add('qy-dialog--prevent')
     this.defaultHeight = window.scrollY
     document.body.style.position = 'fixed'
     document.body.style.top = -this.defaultHeight + 'px'
@@ -333,7 +333,7 @@ export default class QyDialog extends Vue {
     if (!body || !this.isClient) {
       return false
     }
-    body.classList.remove('zyb-dialog--prevent')
+    body.classList.remove('qy-dialog--prevent')
     document.body.style.position = ''
     document.body.style.top = ''
     window.scrollTo(0, this.defaultHeight)
@@ -399,7 +399,7 @@ export default class QyDialog extends Vue {
     this.$nextTick(() => {
       this.visible = true
       this.$emit('open', this.visible)
-      Bus.uid('zybDialog').emit('open', this.visible)
+      Bus.uid('qyDialog').emit('open', this.visible)
       Bus.uid('outPayDialog').emit('outPayDialogClose')
       // this.handleDialogShowDot()
       this.$nextTick(() => {
@@ -440,7 +440,7 @@ export default class QyDialog extends Vue {
     this.openBodyScroll()
     this.visible = false
     this.$emit('close', this.visible)
-    Bus.uid('zybDialog').emit('close', this.visible)
+    Bus.uid('qyDialog').emit('close', this.visible)
     // 清除缓存
     DialogMap[this.uid] && this.$delete(DialogMap, this.uid)
   }
@@ -729,7 +729,7 @@ export default class QyDialog extends Vue {
       }
       // visible ? this.open() : this.close()
     })
-    Bus.uid('zybDialog').on('close', () => {
+    Bus.uid('qyDialog').on('close', () => {
       this.close();
     })
     this.calcMaxHeight()
@@ -767,7 +767,7 @@ export default class QyDialog extends Vue {
 <style lang="less" scoped>
 @import '../../../assets/ico-font/iconfont/iconfont.css';
 @iconColor: #666666;
-.zyb-dialog {
+.qy-dialog {
   padding: 0 !important;
   position: fixed;
   left: 50%;
@@ -783,7 +783,7 @@ export default class QyDialog extends Vue {
   min-height: 2.08rem;
   display: flex;
   flex-direction: column;
-  .zyb-dialog__bottom-btn-landscape {
+  .qy-dialog__bottom-btn-landscape {
     bottom:  -0.65rem !important;
     z-index: 999;
   }
@@ -809,7 +809,7 @@ export default class QyDialog extends Vue {
   }
   &--center {
     width: 5.6rem;
-    .zyb-dialog__wrapper {
+    .qy-dialog__wrapper {
       border-radius: 0.2rem;
     }
     @media (orientation: portrait) {
@@ -833,7 +833,7 @@ export default class QyDialog extends Vue {
     border-bottom-left-radius: 0;
     transform: translateY(0);
     max-height: 10.5rem;
-    .zyb-dialog__wrapper {
+    .qy-dialog__wrapper {
       border-top-left-radius: 0.2rem;
       border-top-right-radius: 0.2rem;
     }
@@ -983,7 +983,7 @@ export default class QyDialog extends Vue {
   }
 }
 
-// .zyb-dialog-slide__center {
+// .qy-dialog-slide__center {
 //   &-enter-active,
 //   &-leave-active {
 //     transition: opacity .2s ease;
@@ -997,7 +997,7 @@ export default class QyDialog extends Vue {
   -webkit-overflow-scrolling: auto;
 }
 
-.zyb-dialog-slide__bottom {
+.qy-dialog-slide__bottom {
   &-enter-active,
   &-leave-active {
     transition: transform 0.2s ease;
@@ -1015,7 +1015,7 @@ export default class QyDialog extends Vue {
 }
 </style>
 <style lang="less">
-.zyb-dialog {
+.qy-dialog {
   &--prevent {
     width: 100%;
     overflow: hidden;

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

@@ -1,5 +1,5 @@
 <template>
-  <section class="zyb-hotarea">
+  <section class="qy-hotarea">
   </section>
 </template>
 <script lang='ts'>
@@ -13,7 +13,7 @@ export default class QyHotarea extends Vue {
 }
 </script>
 <style lang="less" scoped>
-.zyb-hotarea {
+.qy-hotarea {
   position: absolute;
   width: 1rem;
   height: 1rem;

package/packages/qy-limit-countdown/components/index.vue

@@ -15,7 +15,7 @@
 <script lang="ts">
 import { Vue, Component, Prop, Watch } from 'vue-property-decorator'
 // @ts-ignore: Unreachable code error
-import urlExt from '../../../lib/zyb-yike-utils/urlExt'
+import urlExt from '../../../lib/utils/urlExt'
 // import { urlExt } from 'yike-utils'
 import { toast } from '../../../lib/methods'
 import { service as RequestProxy } from '../../../lib/request-proxy'

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

@@ -1,6 +1,6 @@
 import { ComponentTypeEnum } from '../../../typings/enum/component-type'
 import { saleChannelConfig } from '../../../typings/enum/saleChannelConfig'
-const imgSize = 0.1 // 0.1M
+const imgSize = 5 // 5M
 const textStyle = { // SetText组件样式
   lineHeight: 1
 }
@@ -74,8 +74,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-out-form-input/components/index.vue

@@ -144,7 +144,7 @@ export default class QyOutFormInput extends Vue {
         position: absolute;
         right: 0.32rem;
         top: 0.20rem;
-        background: url('https://img.zuoyebang.cc/zyb_ed54c2aa3ff3899cb6af1a0827ca3347.jpg') no-repeat no-repeat;
+        background: none;
         background-size: 100%;
         transform: rotate(90deg);
         &.open {

package/packages/qy-out-form-select/components/index.vue

@@ -181,7 +181,7 @@ export default class QyOutFormSelect extends Vue {
         position: absolute;
         right: 0.32rem;
         top: 0.20rem;
-        background: url('https://img.zuoyebang.cc/zyb_ed54c2aa3ff3899cb6af1a0827ca3347.jpg') no-repeat no-repeat;
+        background: none;
         background-size: 100%;
         transform: rotate(90deg);
         &.open {

package/packages/qy-out-form-submit-button/components/index.vue

@@ -32,7 +32,7 @@
 import { Vue, Component, Prop, Watch, Mixins } from 'vue-property-decorator'
 import StickyMixin from '../../../lib/sticky-mixin'
 import bus from '../bus'
-import logParamHandle from '../../../lib/zyb-yike-utils/logParamHandle'
+import logParamHandle from '../../../lib/utils/logParamHandle'
 import { toast } from '../../../lib/methods'
 import Bus from '../../../lib/bus'
 // 环境判断
@@ -112,11 +112,11 @@ export default class QyOutFormSubmitButton extends Mixins(StickyMixin) {
     }
   })
   readonly btnImageBorder!: any
-  btnDefaultImage:string = 'https://cube-cdn.zuoyebang.com/uploadFile/zyb_c6b02960e862d984611cc4ed6ca74782.png'
+  btnDefaultImage:string = require('./static/default-btn.png')
   animationIndex = 0 // 当前执行动画序号
   startAnimation = false // 是否开始动画
   // 表单内容
-  zybOutFormData: any = {}
+  qyOutFormData: any = {}
 
   // 外套容器背景色
   get marginShadow () {
@@ -351,7 +351,7 @@ export default class QyOutFormSubmitButton extends Mixins(StickyMixin) {
     }
     const { actionType, params, uid } = this.actions[0]
     if (actionType) {
-      this.setFormToFlowPond()
+      this.setFormToTfExtData()
       this.$nextTick(() => {
         Bus.uid(uid || this.uid).emit(actionType, params, {})
       })
@@ -360,8 +360,8 @@ export default class QyOutFormSubmitButton extends Mixins(StickyMixin) {
   // 检查端外表单是否填写完成
   checkForm () {
     let flag = true
-    Object.keys(this.zybOutFormData).forEach((item: any) => {
-      const com: any = this.zybOutFormData[item]
+    Object.keys(this.qyOutFormData).forEach((item: any) => {
+      const com: any = this.qyOutFormData[item]
       if (com.required && !com.value) {
         flag = false
       }
@@ -369,33 +369,33 @@ export default class QyOutFormSubmitButton extends Mixins(StickyMixin) {
     return flag
   }
 
-  // 存储端外表单数据到flowPond里面去
-  setFormToFlowPond () {
+  // 存储端外表单数据到tfExtData里面去
+  setFormToTfExtData () {
     const form: any[] = []
-    Object.keys(this.zybOutFormData).forEach((item: any) => {
+    Object.keys(this.qyOutFormData).forEach((item: any) => {
       form.push({
-        key: this.zybOutFormData[item].key,
-        value: this.zybOutFormData[item].value,
-        type: this.zybOutFormData[item].type,
-        required: this.zybOutFormData[item].required
+        key: this.qyOutFormData[item].key,
+        value: this.qyOutFormData[item].value,
+        type: this.qyOutFormData[item].type,
+        required: this.qyOutFormData[item].required
       })
     })
-    console.log('setFormToFlowPond', form)
-    logParamHandle.setFlowPond({ QyOutFormContent: JSON.stringify(form) })
+    console.log('setFormToTfExtData', form)
+    logParamHandle.setTfExtData({ QyOutFormContent: JSON.stringify(form) })
   }
 
   created () {
     bus.$on('QyOutFormItemInit', (res: { key: string, required: boolean, type: string, uniKey: string }) => {
       console.log('QyOutFormItemInit', res)
-      this.zybOutFormData[res.uniKey] = {
+      this.qyOutFormData[res.uniKey] = {
         ...res,
         value: ''
       }
     })
     bus.$on('QyOutFormItemChange', (res: { uniKey: string, value: any }) => {
       console.log('QyOutFormItemChange', res)
-      if (res && res.uniKey && this.zybOutFormData[res.uniKey]) {
-        this.zybOutFormData[res.uniKey].value = res.value
+      if (res && res.uniKey && this.qyOutFormData[res.uniKey]) {
+        this.qyOutFormData[res.uniKey].value = res.value
       }
     })
   }