jufubao-base 1.0.19 → 1.0.21

package/src/components/JfbBaseSuccess/JfbBaseSuccessMixin.js

@@ -0,0 +1,222 @@
+'use strict';
+
+//@AttrImport
+import Attr from "./Attr";
+//@EndAttrImport
+
+import {getContainerPropsValue} from "@/utils/xd.base";
+export default {
+  props: {
+    /**
+     * @description 插件在页面中到唯一ID
+     */
+    cid:{
+      type: null|String|Number,
+      default: null,
+    },
+    /**
+     * @description 业务插件相关数据集合
+     */
+    container:{
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 页面框架属性
+     */
+    layoutInfo: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 页面属性
+     */
+    pageAttr: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 业务插件元素属性（插件管理时候填写属性）
+     */
+    componentAttr: {
+      type: Object|Array,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 业务插件所属插件库属性（业务插件库）
+     */
+    appAttr: {
+      type: Object|Array,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 项目配置
+     */
+    settings: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 业务插件库所用风格属性
+     */
+    styles: {
+      type: Object || null,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 项目配置文件
+     */
+    projectAttr: {
+      type: Object || null,
+      default() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+      containerId: null, //容器ID
+      //#ifdef H5
+      
+      //@AttrData
+      Attr:{}, //对外开发编辑属性
+      //@EndAttrData
+      
+      active: false, //是否选择当前状态
+      isEditx: true, //当前为Editx模式
+      edit: false, //是否开启编辑模式
+      // #endif
+
+      //风格键
+      mainColor: '',
+      successColor: '',
+      warningColor: '',
+      subMainColor: '',
+      infoColor: '',
+      defaultColor: '',
+      dangerColor: ''
+    }
+  },
+  created() {
+    
+    //@AttrDataCreated
+    this.Attr = this.$xdUniHelper.customClone(Attr);
+    //@EndAttrDataCreated
+    
+
+    //设置插件cid
+    if (this.cid) {
+      this.containerId = this.cid;
+    } else {
+      this.containerId = this.$xdUniHelper.randomChar(20);
+    }
+
+    //初始化风格
+    this.initThemesToData();
+
+    //#ifdef H5
+    //监听用户点击状态显示虚框
+    XdBus.addEvent('select', ({containerId}) => {
+      this.active = containerId === this.containerId;
+    });
+
+    //业务面板选中插件操作
+    XdBus.addEvent('onBoardSelect', ({containerId}) => {
+      if (containerId === this.containerId) {
+        this.handleSelect()
+      }
+    });
+    // #endif
+  },
+  methods: {
+
+    /**
+     * 检查插件是否加载成功
+     */
+    onCheck() {
+    },
+
+    /***
+     * @description 业务组件风格map到data中
+     */
+    initThemesToData() {
+      Object.keys(this.styles).map(key => {
+        let k = key.replace('$', '');
+        if (this[k] !== undefined) this[k] = this.styles[key];
+      });
+      console.log('initThemesToData',this)
+    },
+
+    /**
+     * @description 其子级插件获取当前插件的业务组件风格列表
+     * @returns {*}
+     */
+    getParentThemes(){
+      return this.styles;
+    },
+
+
+    //#ifdef H5
+    /**
+     * @description 点击删除操作按钮
+     */
+    delEdit(){
+      XdBus.send('onDelPackage', {
+        containerId: this.containerId,
+        componentAtrr: this.componentAtrr,
+        cid: this.cid,
+        container: this.container
+      })
+    },
+    //#endif
+
+    /**
+     * @description 点击选择插件显示边框
+     */
+    handleSelect() {
+      //#ifdef H5
+      if (this.active) return;
+      this.active = true;
+      let AttrObj = this.$xdUniHelper.checkVarType(this.Attr) === 'object' ?
+        this.Attr : { style: [], advanced: [], content: []};
+      console.log('handleSelect.Attr', AttrObj);
+
+      //设置已绑定数据
+      Object.keys(AttrObj).map(type=>{
+        AttrObj[type].map(item=>{
+           if(item.value !== undefined) item.value = getContainerPropsValue(this.container, `${type}.${item.valueKey}`, item.value);
+           if(item.defaultValue !== undefined) item.defaultValue = getContainerPropsValue(this.container, `${type}.${item.valueKey}`, item.value);
+        })
+      });
+
+      //发送点击组件事件
+      XdBus.send('onSelectPackage', {
+        containerId: this.containerId,
+        Attr: AttrObj,
+        container: this.$xdUniHelper.cloneDeep(this.container)
+      });
+
+      //绑定选中插件事件
+      XdBus.message('select', {
+        containerId: this.containerId,
+      })
+      //#endif
+    },
+
+
+  }
+}

package/src/components/JfbBaseTestApi/JfbBaseTestApiMixin.js

@@ -93,16 +93,31 @@ export default {
       //#ifdef H5
       
       //@AttrData
-      Attr, //对外开发编辑属性
+      Attr:{}, //对外开发编辑属性
       //@EndAttrData
       
       active: false, //是否选择当前状态
       isEditx: true, //当前为Editx模式
       edit: false, //是否开启编辑模式
       // #endif
+
+      //风格键
+      mainColor: '',
+      successColor: '',
+      warningColor: '',
+      subMainColor: '',
+      infoColor: '',
+      defaultColor: '',
+      dangerColor: ''
     }
   },
   created() {
+    
+    //@AttrDataCreated
+    this.Attr = this.$xdUniHelper.customClone(Attr);
+    //@EndAttrDataCreated
+    
+
     //设置插件cid
     if (this.cid) {
       this.containerId = this.cid;
@@ -110,6 +125,9 @@ export default {
       this.containerId = this.$xdUniHelper.randomChar(20);
     }
 
+    //初始化风格
+    this.initThemesToData();
+
     //#ifdef H5
     //监听用户点击状态显示虚框
     XdBus.addEvent('select', ({containerId}) => {
@@ -132,6 +150,26 @@ export default {
     onCheck() {
     },
 
+    /***
+     * @description 业务组件风格map到data中
+     */
+    initThemesToData() {
+      Object.keys(this.styles).map(key => {
+        let k = key.replace('$', '');
+        if (this[k] !== undefined) this[k] = this.styles[key];
+      });
+      console.log('initThemesToData',this)
+    },
+
+    /**
+     * @description 其子级插件获取当前插件的业务组件风格列表
+     * @returns {*}
+     */
+    getParentThemes(){
+      return this.styles;
+    },
+
+
     //#ifdef H5
     /**
      * @description 点击删除操作按钮
@@ -153,8 +191,8 @@ export default {
       //#ifdef H5
       if (this.active) return;
       this.active = true;
-      let AttrObj = this.$xdUniHelper.checkVarType(Attr) === 'object' ?
-        Attr: { style: [], advanced: [], content: []};
+      let AttrObj = this.$xdUniHelper.checkVarType(this.Attr) === 'object' ?
+        this.Attr : { style: [], advanced: [], content: []};
       console.log('handleSelect.Attr', AttrObj);
 
       //设置已绑定数据
@@ -169,7 +207,7 @@ export default {
       XdBus.send('onSelectPackage', {
         containerId: this.containerId,
         Attr: AttrObj,
-        container: this.container
+        container: this.$xdUniHelper.cloneDeep(this.container)
       });
 
       //绑定选中插件事件

package/src/components/JfbBaseTestBody/JfbBaseTestBodyMixin.js

@@ -92,9 +92,20 @@ export default {
       isEditx: true, //当前为Editx模式
       edit: false, //是否开启编辑模式
       // #endif
+
+      //风格键
+      mainColor: '',
+      successColor: '',
+      warningColor: '',
+      subMainColor: '',
+      infoColor: '',
+      defaultColor: '',
+      dangerColor: ''
     }
   },
   created() {
+    
+
     //设置插件cid
     if (this.cid) {
       this.containerId = this.cid;
@@ -102,6 +113,9 @@ export default {
       this.containerId = this.$xdUniHelper.randomChar(20);
     }
 
+    //初始化风格
+    this.initThemesToData();
+
     //#ifdef H5
     //监听用户点击状态显示虚框
     XdBus.addEvent('select', ({containerId}) => {
@@ -124,6 +138,26 @@ export default {
     onCheck() {
     },
 
+    /***
+     * @description 业务组件风格map到data中
+     */
+    initThemesToData() {
+      Object.keys(this.styles).map(key => {
+        let k = key.replace('$', '');
+        if (this[k] !== undefined) this[k] = this.styles[key];
+      });
+      console.log('initThemesToData',this)
+    },
+
+    /**
+     * @description 其子级插件获取当前插件的业务组件风格列表
+     * @returns {*}
+     */
+    getParentThemes(){
+      return this.styles;
+    },
+
+
     //#ifdef H5
     /**
      * @description 点击删除操作按钮
@@ -145,8 +179,8 @@ export default {
       //#ifdef H5
       if (this.active) return;
       this.active = true;
-      let AttrObj = this.$xdUniHelper.checkVarType(Attr) === 'object' ?
-        Attr: { style: [], advanced: [], content: []};
+      let AttrObj = this.$xdUniHelper.checkVarType(this.Attr) === 'object' ?
+        this.Attr : { style: [], advanced: [], content: []};
       console.log('handleSelect.Attr', AttrObj);
 
       //设置已绑定数据
@@ -161,7 +195,7 @@ export default {
       XdBus.send('onSelectPackage', {
         containerId: this.containerId,
         Attr: AttrObj,
-        container: this.container
+        container: this.$xdUniHelper.cloneDeep(this.container)
       });
 
       //绑定选中插件事件

package/src/components/JfbBaseTestBottom/JfbBaseTestBottomMixin.js

@@ -92,9 +92,20 @@ export default {
       isEditx: true, //当前为Editx模式
       edit: false, //是否开启编辑模式
       // #endif
+
+      //风格键
+      mainColor: '',
+      successColor: '',
+      warningColor: '',
+      subMainColor: '',
+      infoColor: '',
+      defaultColor: '',
+      dangerColor: ''
     }
   },
   created() {
+    
+
     //设置插件cid
     if (this.cid) {
       this.containerId = this.cid;
@@ -102,6 +113,9 @@ export default {
       this.containerId = this.$xdUniHelper.randomChar(20);
     }
 
+    //初始化风格
+    this.initThemesToData();
+
     //#ifdef H5
     //监听用户点击状态显示虚框
     XdBus.addEvent('select', ({containerId}) => {
@@ -124,6 +138,26 @@ export default {
     onCheck() {
     },
 
+    /***
+     * @description 业务组件风格map到data中
+     */
+    initThemesToData() {
+      Object.keys(this.styles).map(key => {
+        let k = key.replace('$', '');
+        if (this[k] !== undefined) this[k] = this.styles[key];
+      });
+      console.log('initThemesToData',this)
+    },
+
+    /**
+     * @description 其子级插件获取当前插件的业务组件风格列表
+     * @returns {*}
+     */
+    getParentThemes(){
+      return this.styles;
+    },
+
+
     //#ifdef H5
     /**
      * @description 点击删除操作按钮
@@ -145,8 +179,8 @@ export default {
       //#ifdef H5
       if (this.active) return;
       this.active = true;
-      let AttrObj = this.$xdUniHelper.checkVarType(Attr) === 'object' ?
-        Attr: { style: [], advanced: [], content: []};
+      let AttrObj = this.$xdUniHelper.checkVarType(this.Attr) === 'object' ?
+        this.Attr : { style: [], advanced: [], content: []};
       console.log('handleSelect.Attr', AttrObj);
 
       //设置已绑定数据
@@ -161,7 +195,7 @@ export default {
       XdBus.send('onSelectPackage', {
         containerId: this.containerId,
         Attr: AttrObj,
-        container: this.container
+        container: this.$xdUniHelper.cloneDeep(this.container)
       });
 
       //绑定选中插件事件

package/src/components/JfbBaseTestTop/JfbBaseTestTopMixin.js

@@ -92,9 +92,20 @@ export default {
       isEditx: true, //当前为Editx模式
       edit: false, //是否开启编辑模式
       // #endif
+
+      //风格键
+      mainColor: '',
+      successColor: '',
+      warningColor: '',
+      subMainColor: '',
+      infoColor: '',
+      defaultColor: '',
+      dangerColor: ''
     }
   },
   created() {
+    
+
     //设置插件cid
     if (this.cid) {
       this.containerId = this.cid;
@@ -102,6 +113,9 @@ export default {
       this.containerId = this.$xdUniHelper.randomChar(20);
     }
 
+    //初始化风格
+    this.initThemesToData();
+
     //#ifdef H5
     //监听用户点击状态显示虚框
     XdBus.addEvent('select', ({containerId}) => {
@@ -124,6 +138,26 @@ export default {
     onCheck() {
     },
 
+    /***
+     * @description 业务组件风格map到data中
+     */
+    initThemesToData() {
+      Object.keys(this.styles).map(key => {
+        let k = key.replace('$', '');
+        if (this[k] !== undefined) this[k] = this.styles[key];
+      });
+      console.log('initThemesToData',this)
+    },
+
+    /**
+     * @description 其子级插件获取当前插件的业务组件风格列表
+     * @returns {*}
+     */
+    getParentThemes(){
+      return this.styles;
+    },
+
+
     //#ifdef H5
     /**
      * @description 点击删除操作按钮
@@ -145,8 +179,8 @@ export default {
       //#ifdef H5
       if (this.active) return;
       this.active = true;
-      let AttrObj = this.$xdUniHelper.checkVarType(Attr) === 'object' ?
-        Attr: { style: [], advanced: [], content: []};
+      let AttrObj = this.$xdUniHelper.checkVarType(this.Attr) === 'object' ?
+        this.Attr : { style: [], advanced: [], content: []};
       console.log('handleSelect.Attr', AttrObj);
 
       //设置已绑定数据
@@ -161,7 +195,7 @@ export default {
       XdBus.send('onSelectPackage', {
         containerId: this.containerId,
         Attr: AttrObj,
-        container: this.container
+        container: this.$xdUniHelper.cloneDeep(this.container)
       });
 
       //绑定选中插件事件