jufubao-base 1.0.2 → 1.0.5

package/build.json.tpl

@@ -0,0 +1,103 @@
+{
+  "apps": [
+    {
+      "app_id": "jufubao_base",
+      "app_name": "聚福宝业务组件基础插件包",
+      "app_version": "1.0.0",
+      "parameters": {
+        "key1": "value1",
+        "key2": "value2"
+      },
+      "package_json": {
+        "dependencies": { },
+        "devDependencies": { }
+      }
+    },
+    {
+      "app_id": "jufubao_store",
+      "app_name": "聚福宝商城业务组件包",
+      "app_version": "1.0.0",
+      "parameters": {
+        "key1": "value1",
+        "key2": "value2"
+      },
+      "package_json": {
+        "dependencies": {},
+        "devDependencies": {}
+      }
+    }
+  ],
+  "routers": [
+    {
+      "package": "body",
+      "pages": [
+        {
+          "page_id": "00ebc41e-7db4-4253-b012-dadd752f788c",
+          "page_name_en": "index",
+          "page_name": "首页",
+          "page": "body/index/index",
+          "components":[
+            {
+              "id": "jufubao-01",
+              "name": "JfbBaseNumber",
+              "attrs": {
+                "key1": "value1"
+              }
+            },
+            {
+              "id": "jufubao-02",
+              "name": "JfbBaseNumber",
+              "attrs": {
+                "key2": "value2"
+              }
+            }
+          ]
+        },
+        {
+          "page_id": "00ebc41e-7db4-4253-b012-dadd752f7891",
+          "page_name_en": "type",
+          "page_name": "产品分类",
+          "page": "body/type/type",
+          "components": [
+            {
+              "id": "jufubao-01",
+              "name": "JfbBaseNumber",
+              "attrs": {
+                "key1": "value1"
+              }
+            },
+            {
+              "id": "jufubao-02",
+              "name": "JfbBaseNumber",
+              "attrs": {
+                "key2": "value2"
+              }
+            }
+          ]
+        },
+        {
+          "page_id": "00ebc41e-7db4-4253-b012-dadd752f7887",
+          "page_name_en": "my",
+          "page_name": "我的",
+          "page": "body/my/my",
+          "components": [
+            {
+              "id": "jufubao-01",
+              "name": "JfbBaseNumber",
+              "attrs": {
+                "key1": "value1"
+              }
+            },
+            {
+              "id": "jufubao-02",
+              "name": "JfbBaseNumber",
+              "attrs": {
+                "key2": "value2"
+              }
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

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,6 +1,6 @@
 {
   "name": "jufubao-base",
-  "version": "1.0.2",
+  "version": "1.0.5",
   "private": false,
   "description": "聚福宝业务组件基础插件包",
   "main": "index.js",
@@ -25,7 +25,7 @@
     "coder": "node ./build/commands/coder.js",
     "coder:page": "node ./build/commands/coder.page.js",
     "init.editx": "node ./build/commands/editx.init.js",
-    "update.package": "node ./build/commands/update.package.js",
+    "update.package": "node ./commands/update.pack.js",
     "publish.package": "node ./commands/npmignore && npm publish",
     "create.pack": "node ./commands/create.pack.js"
   },
@@ -48,7 +48,7 @@
     "color": "^3.1.3",
     "core-js": "^2.6.5",
     "flyio": "^0.6.2",
-    "gxd-uni-commands": "1.0.20",
+    "gxd-uni-commands": "1.0.21",
     "gxd-uni-library": "1.0.22",
     "jweixin-module": "^1.6.0",
     "md5": "^2.3.0",

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 "./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,127 @@
+'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
+    },
+
+    /**
+     * @description 点击选择插件不显示边框
+     */
+    handleSelectEmpty(){
+      return false
+    }
+  }
+}

package/src/components/JfbBaseBottom/Api.js

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