jufubao-base 1.0.21 → 1.0.23-beta2

package/src/components/JfbBaseCardMy/JfbBaseCardMyMixin.js

@@ -1,222 +0,0 @@
-'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/JfbBaseLine/Attr.js

@@ -1,59 +0,0 @@
-'use strict';
-
-export default {
-  style: [],
-  advanced: [],
-  content: [
-    {
-      label: '背景颜色:', //label
-      ele: 'xd-color', //package 名称
-      valueKey: 'bgcolor', //form[valueKey]
-      value: '', //v-model
-      placeholder: '请输入占位框背景颜色',
-      classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
-      rules: [
-        {
-          required: true,
-          message: '请输入占位框背景颜色',
-          trigger: 'blur'
-        },
-      ]
-    },
-    {
-      label: '分割线高度:', //label
-      ele: 'el-input', //package 名称
-      type: 'number',
-      valueKey: 'height', //form[valueKey]
-      value: 1, //v-model
-      placeholder: '请输入分割线高度，单位像素',
-      classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
-      rules: [
-        {
-          required: true,
-          message: '请输入分割线高度',
-          trigger: 'blur'
-        },
-      ]
-    },
-    {
-      label: '分割线边距:', //label
-      ele: 'xd-margin-padding', //package 名称
-      valueKey: 'margin', //form[valueKey]
-      value: null, //v-model
-      placeholder: '请输入分割线边距',
-      classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
-      rules: [
-        {
-          required: true,
-          message: '请输入分割线边距，单位像素',
-          trigger: 'blur'
-        },
-      ]
-    },
-    {
-      label: '', //label
-      ele: 'slot', //package 名称
-      slot: 'is_reference',
-    },
-  ]
-}

package/src/components/JfbBaseLine/JfbBaseLine.vue

@@ -1,102 +0,0 @@
-<template>
-  <view
-    class="jfb-base-line"
-    @click="handleSelect"
-    :class="{ editx : isEditx && active }"
-  >
-    <!--#ifdef H5-->
-    <view
-      class="jfb-base-line__edit"
-      :class="{ editx : isEditx && active }"
-      v-if="isEditx && active"
-    >
-      <view class="jfb-base-line__edit-icon" @click="delEdit">删除</view>
-    </view>
-    <!-- #endif -->
-    <view class="jfb-base-line__body">
-      <view
-        :style="{
-          height: height * 2 + 'rpx',
-          background: bgcolor,
-          marginTop: topMargin * 2 + 'rpx',
-          marginBottom: bottomMargin * 2 + 'rpx',
-          marginLeft: leftMargin * 2 + 'rpx',
-          marginRight: rightMargin * 2 + 'rpx',
-        }"
-      ></view>
-    </view>
-  </view>
-</template>
-
-<script>
-  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
-  import JfbBaseLineMixin from "./JfbBaseLineMixin";
-  import {getContainerPropsValue} from "@/utils/xd.base";
-  
-  export default {
-    name: "JfbBaseLine",
-    components: {
-      XdFontIcon
-    },
-    mixins: [
-      JfbBaseLineMixin
-    ],
-    data() {
-      return {
-        height: 1, //px
-        bgcolor: '#ececec',
-        topMargin: 2, //px
-        bottomMargin: 2,//px
-        leftMargin: 0, //px
-        rightMargin: 0 //px
-      }
-    },
-    watch: {
-      container(value) {
-        this.init(value)
-      }
-    },
-    created() {
-      this.init(this.container);
-    },
-    methods: {
-      init(value) {
-        let bgcolor = getContainerPropsValue(value, 'content.bgcolor');
-        let height = getContainerPropsValue(value, 'content.height');
-        let margin = getContainerPropsValue(value, 'content.margin');
-        if (bgcolor) this.bgcolor = bgcolor;
-        if (height) this.height = height;
-        
-        if(margin) {
-          this.topMargin = margin.top;
-          this.bottomMargin = margin.bottom;
-          this.rightMargin = margin.right;
-          this.leftMargin = margin.left;
-        }
-      },
-    }
-  }
-
-</script>
-
-<style scoped lang="less">
-  @import "./JfbBaseLineLess.less";
-
-  .jfb-base-line {
-
-
-    &__body{
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      & > view {
-        overflow: hidden;
-        display: flex;
-        flex-flow: wrap;
-        width: 100%;
-        box-sizing: border-box;
-      }
-    }
-  }
-</style>

package/src/components/JfbBaseLine/JfbBaseLineMixin.js

@@ -1,222 +0,0 @@
-'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
-    },
-
-
-  }
-}