jufubao-base 1.0.0 → 1.0.3

package/file.config.js

@@ -0,0 +1,16 @@
+'use strict';
+module.exports = {
+  /**
+   * @type {Number}
+   * @description 生成文件路径格式类型
+   * 其值：默认：1
+   * 1=>使用时间格式
+   * 2=>使用固定路径（resource，方便替换发布）
+   * 默认：1
+   *
+   * resource，需要文件替换才可以发布：
+   * 1、index.js resource/ => /      /@@@@/ => https://domain/dir
+   * 2、index.html /@@@@/resource => https://domain/dir
+   */
+  fileVersionType: 1,
+}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "jufubao-base",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "private": false,
-  "description": "聚福宝基础框架",
+  "description": "聚福宝业务组件基础插件包",
   "main": "index.js",
   "scripts": {
     "serve": "cross-env type=test cross-env NODE_ENV=development UNI_PLATFORM=h5 npm run init.entry && npm run dev:h5",
@@ -114,4 +114,4 @@
   "uni-app": {
     "scripts": {}
   }
-}
+}

package/src/components/JfbBaseBaidu/Attr.js

@@ -0,0 +1,150 @@
+'use strict';
+
+export default [
+  //文本信息
+  {
+    label: '标题名称:', //label
+    ele: 'el-input', //package 名称
+    type: 'text',
+    valueKey: 'title', //form[valueKey]
+    value: '', //v-model
+    placeholder: '请输入标题名称',
+    classNmae: 'input40', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
+    disabled: true,
+    rules: [
+      {
+        required: true,
+        type: 'url',
+        message: '请输入域名地址',
+        trigger: 'blur'
+      },
+    ]
+  },
+
+  //远程获取内容选择
+  {
+    label: '跳转路径:', //label
+    ele: 'xd-select-list', //package 名称
+    valueKey: 'jumpToLink', //form[valueKey]
+    value: '', //v-model
+    placeholder: '请选择加盟商',
+    multiple: false, //多选
+    collapseTags: false,
+    remoteApi: '/api/editx/pages',
+    remote: true,
+  },
+
+  //本地固定内容选择
+  {
+    label: '选择内容:', //label
+    ele: 'xd-select-list', //package 名称
+    valueKey: 'select', //form[valueKey]
+    value: '', //v-model
+    placeholder: '请选择选择内容',
+    multiple: false, //多选
+    remote: false,
+    list: [
+      {"label": "订单详情", "value": '/main/order/order'},
+      {"label": "购物车详情", "value": '/main/cart/cart'},
+      {"label": "商品详情", "value": '/main/product/product'},
+      {"label": "商品分类", "value": '/main/producttype/producttype'},
+    ],
+  },
+
+  //本地固定单选选择
+  {
+    label: '单选列表（固定）:', //label
+    ele: 'xd-radio', //package 名称
+    valueKey: 'radio_status_list', //form[valueKey]
+    value: 6, //v-model
+    disabled: true,
+    rules: [
+      {required: true, message: '请选择', trigger: ['blur', 'change']}
+    ],
+    list: [
+      {"label": "万利达集团", "value": 4},
+      {"label": "中国联通", "value": 5},
+      {"label": "中国移动", "value": 6},
+      {"label": "味多美", "value": 7},
+    ]
+  },
+
+  //远程固定单选选择
+  {
+    label: '单选列表（固定）:', //label
+    ele: 'xd-radio', //package 名称
+    valueKey: 'radio_status_list', //form[valueKey]
+    value: 6, //v-model
+    disabled: false,
+    remoteApi: '/api/editx/pages',
+    remote: true,
+    rules: [
+      {required: true, message: '请选择', trigger: ['blur', 'change']}
+    ],
+  },
+
+  //本地固定多选选择
+  {
+    label: '多选列表（固定）:', //label
+    ele: 'xd-check', //package 名称
+    valueKey: 'xd-check_list', //form[valueKey]
+    value: 6, //v-model
+    disabled: true,
+    rules: [
+      {required: true, message: '请选择', trigger: ['blur', 'change']}
+    ],
+    list: [
+      {"label": "万利达集团", "value": 4},
+      {"label": "中国联通", "value": 5},
+      {"label": "中国移动", "value": 6},
+      {"label": "味多美", "value": 7},
+    ]
+  },
+
+  //远程多选选选择
+  {
+    label: '多选列表:', //label
+    ele: 'xd-check', //package 名称
+    valueKey: 'xd-check_remote-list', //form[valueKey]
+    value: 6, //v-model
+    disabled: false,
+    remoteApi: '/api/editx/pages',
+    remote: true,
+    rules: [
+      {required: true, message: '请选择', trigger: ['blur', 'change']}
+    ],
+  },
+
+  //状态(二选一)单选选择
+  {
+    label: '状态(二选一):', //label
+    ele: 'xd-radio-status', //package 名称
+    valueKey: 'radio_status', //form[valueKey]
+    value: 'Y', //v-model
+    isall: true,
+    disabled: true,
+    backValueType: '', //返回值类型 1=>返回（Y,N）2=> [true|false] 3=>[1,0] 4=>[1,2]
+    placeholder: '请选择',
+    list: 'status', //status=>状态  best=>推荐  associate=>关联 yes=>是否 open=> 是否开启  check=>审核
+  },
+
+  //文本信息
+  {
+    label: '标题名称:', //label
+    ele: 'el-input', //package 名称
+    type: 'text',
+    valueKey: 'title', //form[valueKey]
+    value: '', //v-model
+    placeholder: '请输入标题名称',
+    classNmae: 'input40', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
+    disabled: true,
+    rules: [
+      {
+        required: true,
+        type: 'url',
+        message: '请输入域名地址',
+        trigger: 'blur'
+      },
+    ]
+  },
+]

package/src/components/JfbBaseBaidu/JfbBaseBaidu.vue

@@ -1,61 +1,75 @@
 <template>
-  <view class="jfb-base-baidu">
+  <view
+    class="jfb-base-baidu"
+    @click="handleSelect"
+    :class="{ editx : isEditx && active }"
+  >
     <!--#ifdef H5-->
-    <view class="jfb-base-baidu__edit">
-      <view class="jfb-base-baidu__edit-icon" @click="showEdit"></view>
+    <view
+      class="jfb-base-baidu__edit"
+      :class="{ editx : isEditx && edit && active }"
+      v-if="isEditx && active"
+    >
+      <view class="jfb-base-baidu__edit-icon" @click="showEdit">
+        <xd-font-icon icon="iconmingchengtubiao"></xd-font-icon>
+      </view>
     </view>
     <!-- #endif -->
-    <view class="jfb-base-baidu__body"></view>
+    <view class="jfb-base-baidu__body">
+      <view>测试插件( {{containerId}} )</view>
+    </view>
   </view>
 </template>
 
 <script>
   import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+  import { jfbRootExec } from "@/utils/xd.event";
+  import JfbBaseBaiduMixin from "@/components/JfbBaseBaidu/JfbBaseBaiduMixin";
   export default {
     name: "JfbBaseBaidu",
     components: {
       XdFontIcon
     },
+    mixins: [
+      JfbBaseBaiduMixin
+    ],
     data() {
       return {
 
-        //#ifdef H5
-        Attr: {},
-        edit: false, //是否开启编辑模式
-        contentId: null, //容器ID
-
-        // #endif
+        //todo
       }
     },
     created() {
 
-      //#ifdef H5
-
-      //监听Editx属性编辑模块视图发送变化接受时间
-      this.contentId = this.$xdUniHelper.randomChar(20);
-      XdBus.addEvent('attrViewChange', (contentId, data) => {
-        if (contentId !== this.contentId) this.edit = false
-      });
-
-      // #endif
+      //todo
     },
     methods: {
-
-      //#ifdef H5
-
-      /**
-       * @description 点击视图编辑按钮发送Editx属性编辑面板
-       */
-      showEdit() {
-        if (this.edit) return;
-        this.edit = true;
-        XdBus.send('attr', {
-          Attr: this.$xdUniHelper.cloneDeep(Attr),
-          contentId: this.contentId,
-        }, false, 'xd-iframe')
-      }
-
-      //#endif
+      onJfbLoad(options) {
+        jfbRootExec('baiduUserLogin', {
+          vm: this,
+          data: {
+            account: 'gaoshiyong',
+            password: '123456789',
+            type: 3,
+            ...options
+          }
+        }).then().catch()
+      },
+      onJfbScroll(options) {
+        console.log('event.onJfbScroll', options)
+      },
+      onJfbReachBottom(options) {
+        console.log('event.onJfbReachBottom', options)
+      },
+      onJfbShow(options) {
+        console.log('event.onJfbShow', options)
+      },
+      onJfbHide(options) {
+        console.log('event.onJfbHide', options)
+      },
+      onJfbBack(options) {
+        console.log('event.onJfbBack', options)
+      },
     }
   }
 
@@ -63,8 +77,30 @@
 
 <style scoped lang="less">
   .jfb-base-baidu {
+    border: 1px dashed rgba(0,0,0,0);
+    box-sizing: border-box;
+
+    &.editx {
+      position: relative;
+      border: 1px dashed #efefef;
+      box-sizing: border-box;
+    }
+
     &__edit {
+      position: absolute;
+      right: 0;
+      top:0;
+      width: unit(80, rpx);
+      height: unit(40, rpx);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border: 1px dashed rgba(0, 0, 0, 0);
 
+      &.editx {
+        border: 1px dashed #efefef;
+        box-sizing: border-box;
+      }
     }
 
     &__body{

package/src/components/JfbBaseBaidu/JfbBaseBaiduMixin.js

@@ -0,0 +1,120 @@
+'use strict';
+
+// #ifdef H5
+import Attr from "./Attr";
+// #endif
+
+export default {
+  props: {
+    layoutInfo: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    pageAtrr: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    componentAtrr: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    appAtrr: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    settings: {
+      type: Object,
+      default() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+
+      //#ifdef H5
+      Attr, //对外开发编辑属性
+      active: false, //是否选择当前状态
+      isEditx: true, //当前为Editx模式
+      edit: false, //是否开启编辑模式
+      containerId: null, //容器ID
+      // #endif
+    }
+  },
+  created() {
+    //console.log(this.layoutInfo)
+
+    //#ifdef H5
+
+    //设置插件ID
+    if (this.componentAtrr.id) {
+      this.containerId = this.componentAtrr.id;
+    } else {
+      this.containerId = this.$xdUniHelper.randomChar(20);
+    }
+
+    //监听用户点击状态显示虚框
+    XdBus.addEvent('select', ({containerId}) => {
+      this.active = containerId === this.containerId;
+    });
+
+    //监听用户点击编辑按钮进行编辑状态显示
+    XdBus.addEvent('useEditx', ({containerId}) => {
+      this.edit = containerId === this.containerId;
+    });
+
+    // #endif
+  },
+  methods: {
+
+    /**
+     * 检查插件是否加载成功
+     */
+    onCheck() {
+    },
+
+    //#ifdef H5
+    /**
+     * @description 点击视图编辑按钮发送Editx属性编辑面板
+     */
+    showEdit() {
+      if (this.edit) return;
+      this.edit = true;
+
+      //往控制面板传递事件
+      XdBus.send('attrViewChange', {
+        Attr: this.$xdUniHelper.cloneDeep(Attr),
+        containerId: this.containerId,
+      }, false, 'xd-iframe');
+
+      //是否对当前控制面板进行编辑操作
+      XdBus.message('useEditx', {
+        containerId: this.containerId,
+      })
+    },
+    //#endif
+
+    /**
+     * @description 点击选择插件显示边框
+     */
+    handleSelect() {
+
+      //#ifdef H5
+      if (this.active) return;
+      this.active = true;
+      XdBus.message('select', {
+        containerId: this.containerId,
+      })
+
+      //#endif
+    }
+  }
+}

package/src/components/JfbBaseBottom/JfbBaseBottom.vue

@@ -0,0 +1,110 @@
+<template>
+  <view
+    class="jfb-base-bottom"
+    @click="handleSelect"
+    :class="{ editx : isEditx && active }"
+  >
+    <!--#ifdef H5-->
+    <view
+      class="jfb-base-bottom__edit"
+      :class="{ editx : isEditx && edit && active }"
+      v-if="isEditx && active"
+    >
+      <view class="jfb-base-bottom__edit-icon" @click="showEdit">
+        <xd-font-icon icon="iconmingchengtubiao"></xd-font-icon>
+      </view>
+    </view>
+    <!-- #endif -->
+    <view class="jfb-base-bottom__body">
+      <view>测试插件( {{containerId}} )</view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+  import { jfbRootExec } from "@/utils/xd.event";
+  import JfbBaseBottomMixin from "@/components/JfbBaseBottom/JfbBaseBottomMixin";
+  export default {
+    name: "JfbBaseBottom",
+    components: {
+      XdFontIcon
+    },
+    mixins: [
+      JfbBaseBottomMixin
+    ],
+    data() {
+      return {
+
+        //todo
+      }
+    },
+    created() {
+
+      //todo
+    },
+    methods: {
+      onJfbLoad(options) {
+        jfbRootExec('baiduUserLogin', {
+          vm: this,
+          data: {
+            account: 'gaoshiyong',
+            password: '123456789',
+            type: 3,
+            ...options
+          }
+        }).then().catch()
+      },
+      onJfbScroll(options) {
+        console.log('event.onJfbScroll', options)
+      },
+      onJfbReachBottom(options) {
+        console.log('event.onJfbReachBottom', options)
+      },
+      onJfbShow(options) {
+        console.log('event.onJfbShow', options)
+      },
+      onJfbHide(options) {
+        console.log('event.onJfbHide', options)
+      },
+      onJfbBack(options) {
+        console.log('event.onJfbBack', options)
+      },
+    }
+  }
+
+</script>
+
+<style scoped lang="less">
+  .jfb-base-bottom {
+    border: 1px dashed rgba(0,0,0,0);
+    box-sizing: border-box;
+
+    &.editx {
+      position: relative;
+      border: 1px dashed #efefef;
+      box-sizing: border-box;
+    }
+
+    &__edit {
+      position: absolute;
+      right: 0;
+      top:0;
+      width: unit(80, rpx);
+      height: unit(40, rpx);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border: 1px dashed rgba(0, 0, 0, 0);
+
+      &.editx {
+        border: 1px dashed #efefef;
+        box-sizing: border-box;
+      }
+    }
+
+    &__body{
+
+    }
+  }
+</style>

package/src/components/JfbBaseBottom/JfbBaseBottomMixin.js

@@ -0,0 +1,120 @@
+'use strict';
+
+// #ifdef H5
+import Attr from "./Attr";
+// #endif
+
+export default {
+  props: {
+    layoutInfo: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    pageAtrr: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    componentAtrr: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    appAtrr: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    settings: {
+      type: Object,
+      default() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+
+      //#ifdef H5
+      Attr, //对外开发编辑属性
+      active: false, //是否选择当前状态
+      isEditx: true, //当前为Editx模式
+      edit: false, //是否开启编辑模式
+      containerId: null, //容器ID
+      // #endif
+    }
+  },
+  created() {
+    //console.log(this.layoutInfo)
+
+    //#ifdef H5
+
+    //设置插件ID
+    if (this.componentAtrr.id) {
+      this.containerId = this.componentAtrr.id;
+    } else {
+      this.containerId = this.$xdUniHelper.randomChar(20);
+    }
+
+    //监听用户点击状态显示虚框
+    XdBus.addEvent('select', ({containerId}) => {
+      this.active = containerId === this.containerId;
+    });
+
+    //监听用户点击编辑按钮进行编辑状态显示
+    XdBus.addEvent('useEditx', ({containerId}) => {
+      this.edit = containerId === this.containerId;
+    });
+
+    // #endif
+  },
+  methods: {
+
+    /**
+     * 检查插件是否加载成功
+     */
+    onCheck() {
+    },
+
+    //#ifdef H5
+    /**
+     * @description 点击视图编辑按钮发送Editx属性编辑面板
+     */
+    showEdit() {
+      if (this.edit) return;
+      this.edit = true;
+
+      //往控制面板传递事件
+      XdBus.send('attrViewChange', {
+        Attr: this.$xdUniHelper.cloneDeep(Attr),
+        containerId: this.containerId,
+      }, false, 'xd-iframe');
+
+      //是否对当前控制面板进行编辑操作
+      XdBus.message('useEditx', {
+        containerId: this.containerId,
+      })
+    },
+    //#endif
+
+    /**
+     * @description 点击选择插件显示边框
+     */
+    handleSelect() {
+
+      //#ifdef H5
+      if (this.active) return;
+      this.active = true;
+      XdBus.message('select', {
+        containerId: this.containerId,
+      })
+
+      //#endif
+    }
+  }
+}

package/src/components/JfbBaseNumber/Api.js

@@ -2,9 +2,11 @@
 
 module.exports = [
   {
+    mapFnName: 'getFilmSquate', //自定义方法名字
     title: '获取电影广场列表',
     path: '/api/account/film/list-film-square',
     isRule: false,
+    prefix: 'online',
     params: {
       last_key: ['当前页', 'Number', '必选'],
       page_size: ['每页数量', 'Number', '必选'],
@@ -13,10 +15,10 @@ module.exports = [
     disabled: true,
   },
   {
+    mapFnName: 'getPaiqiDate',
     title: '获取电影排期时间',
     path: '/api/account/film/paiqi-date',
     isRule: false,
-    resultKey: 'result',
     params: {
       film_id: ['电影id', 'Number', '必选'],
       cinema_id: ['影院id', 'Number', '必选'],
@@ -24,4 +26,4 @@ module.exports = [
     isConsole: true,
     disabled: true,
   },
-]
+];