jufubao-base 1.0.310 → 1.0.311-beta101

package/src/components/JfbBaseNotice/cusAttr/content.js

@@ -0,0 +1,308 @@
+'use strict';
+
+import {dataVal} from "@/utils/AttrTools";
+
+export default (data, gValue, gColor, oldData)=>{
+  let show_tip_icon = 'N';
+  if(data['show_tip_icon'] !== undefined) show_tip_icon = data['show_tip_icon'];
+
+  let style = '1';
+  if(data['style'] !== undefined) style = data['style'];
+
+  let defNotice = {
+    type: 'notice',
+    position:{},
+  }
+
+  return[
+    {
+      ele: 'title',
+      label: '基础',
+      size: 'small',
+      groupKey:'content',
+    },
+
+    {
+      label: '广告内容',
+      ele: 'xd-site-news',
+      valueKey: 'notice',
+      value: dataVal({data, key:'notice', dValue:defNotice, gValue}),
+      groupKey:'content',
+      className: 'input100',
+      labelInline: true,
+      setting: {
+        config: {
+          sort: true,
+          maxlen: 100,
+          action: 'aliyun',
+          size: 5,
+          tipsformet: '上传文件格式：@imageType@，不超过@size@MB.',
+          uploadType: 'aliyun',
+          type: ['jpg', 'png', 'jpeg']
+        },
+        isNew: true,
+      },
+      handleCustom({action, data}) {
+        if (data && data.params) {
+          //当一个插件中出现使用内容分类时候需要设置code值，在页面引用时候容器id + code进行拼接
+          //data.params = Object.assign({}, data.params, {code: 'g_test_id'});
+        }
+
+        //获取返回参数(场景类型名称为必填)
+        let loading = { close(){}}
+
+        //获取显示内容
+        if (action === 'screen') {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_bucket_content_tip'})
+            .then(res => {
+              loading.close();
+              data.cb(res['list'])
+            })
+            .catch(error => {
+              console.error(error);
+              loading.close();
+            });
+
+        }
+
+        //获取返回参数(广告位高度必选项)
+        if (action === 'getNewsInfo') {
+          XdBus.getParentApi('cmsGetPublishEditxContent')(data.params)
+            .then(res => {
+              loading.close()
+              data.cb({list: res.list, selectId: res.selected})
+            })
+            .catch(error => {
+              loading.close()
+              console.error(error);
+            });
+        }
+
+        //获取产品业务线列表
+        if (action === 'namespace') {
+          XdBus.getParentApi('getOptionsNamespaces')({})
+            .then(res => {
+              loading.close()
+              data.cb(res['list'])
+            })
+            .catch(error => {
+              loading.close()
+              console.error(error);
+            });
+        }
+
+        //使用内容分类
+        if (action === 'cmsPublishEditxContent') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('cmsPublishEditxContent')(data.params)
+            .then(res => {
+              console.log('cmsPublishEditxContent', res)
+              loading.close();
+              data.cb(res)
+            })
+            .catch(error => {
+              loading.close();
+              console.error(error);
+            });
+        }
+
+        //位置列表
+        if (action === 'getListPostion') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('getListNewsPosition')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(res)
+            })
+            .catch(error => {
+              loading.close();
+              console.error(error);
+            });
+        }
+
+        //位置创建
+        if (action === 'addPostion') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('addNewsPosition')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(true)
+            })
+            .catch(error => {
+              console.error(error);
+              loading.close();
+              data.cb(false)
+            });
+        }
+
+        //位置编辑
+        if (action === 'editPostion') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('updateNewsPosition')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(true)
+            })
+            .catch(error => {
+              console.error(error);
+              loading.close();
+              data.cb(false)
+            });
+        }
+
+        //位置删除
+        if (action === 'deleltePostion') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('deleteNewsPosition')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(true)
+            })
+            .catch(error => {
+              console.error(error);
+              loading.close();
+              data.cb(false)
+            });
+        }
+
+        //获取广告位内容列表
+        if (action === 'getListContent') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('getListNewsContent')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(res)
+            })
+            .catch(error => {
+              loading.close();
+              console.error(error);
+            });
+        }
+
+        //广告内容创建
+        if (action === 'addContent') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('addNewsContent')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(true)
+            })
+            .catch(error => {
+              console.error(error);
+              loading.close();
+              data.cb(false)
+            });
+        }
+
+        //广告内容编辑
+        if (action === 'editContent') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('updateNewsContent')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(true)
+            })
+            .catch(error => {
+              console.error(error);
+              loading.close();
+              data.cb(false)
+            });
+        }
+
+        //广告内容删除
+        if (action === 'deleteContent') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('deleteNewsContent')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(true)
+            })
+            .catch(error => {
+              console.error(error);
+              loading.close();
+              data.cb(false)
+            });
+        }
+
+        //内容发布
+        if (action === 'publish') {
+          loading = XdBus.getParentApi('loading')({});
+          console.log('publish', data.params)
+          XdBus.getParentApi('cmsPublishContent')(data.params)
+            .then(res => {
+              loading.close();
+              data.cb(res)
+            })
+            .catch(error => {
+              loading.close();
+              console.error(error);
+            });
+        }
+
+        //通知页面进行刷新
+        if (action === 'update') {
+          loading = XdBus.getParentApi('loading')({});
+          XdBus.getParentApi('getXdBusUpdateView')('onUpdateView', {});
+          loading.close()
+        }
+      },
+      inline: false,
+    },
+    {
+      label: "组件样式",
+      ele: "xd-style-image",
+      groupKey: 'content',
+      valueKey: "style",
+      value: style,
+      labelInline:true,
+      className: 'input100',
+      handleCustom(cusRes) {
+        XdBus.getParentApi('getCompStylesOptions')({
+          layout_ids: 'HW64GfWi8pNTiOZYk0b1o',
+          key: Date.now()
+        })
+          .then(res => {
+            cusRes.data.cb(res)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+
+    {ele: 'group_start'},
+    {
+      label: "提示图标:",
+      ele: "xd-radio",
+      valueKey: "show_tip_icon",
+      value: show_tip_icon,
+      groupKey: 'content',
+      labelInline: true,
+      list: [
+        { label: '显示', value: 'Y' },
+        { label: '隐藏', value: 'N' }
+      ],
+      cusStyle: { marginBottom: show_tip_icon === 'Y' ? 0: '10px!important'},
+      hidden: style !== '1',
+    },
+    {
+      label: "",
+      ele: 'xd-upload',
+      valueKey: 'staticTipIcon',
+      groupKey:'content',
+      value: data.staticTipIcon || {},
+      defaultValue: data.staticTipIcon || null,
+      slot: true,
+      tipsformet: '<span style="color: #666; font-size: 12px">上传文件格式：@imageType@，不超过@size@MB。</span>',
+      type: ['jpg', 'png', 'jpeg'],
+      styleType: 'one',
+      uploadType: 'aliyun',
+      size: .5,
+      action: 'action',
+      sort: true,
+      cusStyle: { paddingLeft: '92px'},
+      hidden: style !== '1' || show_tip_icon !== 'Y',
+    },
+    {ele: 'group_end'},
+  ].filter(i=>i)
+}

package/src/components/JfbBaseNotice/cusAttr/cssOne.js

@@ -0,0 +1,395 @@
+'use strict';
+
+import {dataVal, statusDataVal, statusShow} from "@/utils/AttrTools";
+import Color from "color";
+
+export default function (data, gValue, gColor, oldData) {
+  let show_tip_icon = 'N';
+  if(data['show_tip_icon'] !== undefined) show_tip_icon = data['show_tip_icon'];
+
+  let textAlign = 'left';
+  if(data['textAlign'] !== undefined) textAlign = data['textAlign'];
+
+  let isTitle = false;
+  if(data['isTitle'] !== undefined) isTitle = data['isTitle'];
+
+  //背景颜色
+  let defBgc = Color(gColor.warningColor).alpha(0.2).toString();
+
+  let style = '1';
+  if(data['style'] !== undefined) style = data['style'];
+
+
+  //标题文字大小
+  let defOldFontSize = '20rpx'; //内容
+  let defOldTitleFontSize =  '26rpx'; //标题
+  if(data['fontSize'] !== undefined) {
+    if(typeof data['fontSize'] === 'string') {
+      if(data['fontSize']) {
+        defOldFontSize = parseInt(data['fontSize']) + 'rpx';
+        defOldTitleFontSize = (parseInt(data['fontSize']) + 4) + 'rpx';
+      }
+    }
+    if(typeof data['fontSize'] === 'number'){
+      defOldFontSize = data['fontSize'] + 'rpx';
+      defOldTitleFontSize = (data['fontSize'] + 4) + 'rpx'
+    }
+  }
+  let defFontSize = '24rpx'; //内容
+  let defTitleFontSize = '28rpx'; //标题
+  let fontColor = data['textColor'] || gColor.warningColor;
+  debugger
+
+
+
+  return [
+    style === '1' && {
+      ele: 'title',
+      label: '风格一（静态显示）',
+      size: 'small',
+      groupKey:'style',
+    },
+
+    {
+      label: '圆角',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'radiusStatus',
+      value: statusDataVal({data, key:'radiusStatus',cValue: 'N',dValue:'N', fields:['radius'],gValue}),
+      labelInline:true,
+      hidden: style !== '1',
+        list: [
+        {label: '默认', value: 'D'},
+        {label: '无圆角', value: 'N'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-site-select-list',
+      labelInline: true,
+      valueKey: 'radius',
+      value: dataVal({data, key:'radius', dValue:'10', gValue}),
+      hidden: style !== '1' || !statusShow({data, key: 'radiusStatus', fields:['radius'], gValue}),
+      placeholder: '请选择圆角',
+      multiple: false,
+      className: 'input100',
+      groupKey:'style',
+      handleCustom({action, data}) {
+        XdBus.getParentApi('getOptionsSettingList')({
+          setting_id: 'edtix_style_radius',
+          key: Date.now()
+        })
+          .then(res => {
+            res.list = res.list.filter(item=>{
+              return item.label !== '无';
+            });
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    {ele: 'group_end'},
+
+    {
+      label: '背景',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'bgcStatus',
+      value: statusDataVal({data, key:'bgcStatus', fields:['bgc'],gValue}),
+      labelInline:true,
+      hidden: style !== '1',
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-color',
+      valueKey: 'bgc',
+      value: dataVal({data, key:'bgc', dValue:defBgc, gValue}),
+      hidden: style !== '1'|| !statusShow({data, key: 'bgcStatus', fields:['bgc'], gValue}),
+      placeholder: '请输入内容背景',
+      classNmae: 'input100',
+      groupKey: 'style',
+      labelInline: true,
+      setting: {
+        showAlpha: true
+      }
+    },
+    {ele: 'group_end'},
+
+    {
+      label: '外边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'marginStatus',
+      value: statusDataVal({data, key:'marginStatus', fields:['margin'],gValue}),
+      labelInline:true,
+      hidden: style !== '1',
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey:'style',
+      valueKey: 'margin',
+      value: dataVal({
+        data,
+        key:'margin',
+        dValue:0,
+        gValue,
+        isPM: true,
+      }),
+      hidden: style !== '1' || !statusShow({data, key: 'marginStatus', fields:['margin'], gValue}),
+      setting: {
+        type: 'margin',
+      },
+    },
+    {ele: 'group_end'},
+
+    style === '1' && {
+      ele:'xd-line-title',
+      groupKey:'style',
+      label: '标题样式'
+    },
+    {
+      label: '是否显示',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'isTitle',
+      value: isTitle,
+      labelInline:true,
+      hidden: style !== '1',
+      list: [
+        {label: '显示', value: true},
+        {label: '隐藏', value: false},
+      ]
+    },
+    {
+      label: '对齐方式',
+      ele: 'xd-radio',
+      valueKey: 'textAlign',
+      groupKey:'style',
+      className: 'input100',
+      labelInline:true,
+      value: textAlign,
+      hidden: style !== '1'|| isTitle === false,
+      list: [
+        {"label": "左", "value": 'left'},
+        {"label": "中", "value": 'center'},
+        {"label": "右", "value": 'right'},
+      ]
+    },
+    {
+      label: '标题文字',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'titleStyleStatus',
+      value: statusDataVal({data, key:'titleStyleStatus', fields:['titleStyle'],gValue}),
+      labelInline:true,
+      hidden: style !== '1'||isTitle === false,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-text-and-bgc',
+      groupKey:'style',
+      valueKey: 'titleStyle',
+      value: dataVal({data, key:'titleStyle', dValue: gValue.isAdd && gValue.isFirst ? {
+          color: fontColor,
+          fontSize: defTitleFontSize,
+          fontWeight:'normal',
+        }:{
+          color: fontColor,
+          fontSize: defOldTitleFontSize,
+          fontWeight:'normal',
+        }, gValue}),
+      hidden: style !== '1'|| isTitle === false || !statusShow({data, key: 'titleStyleStatus', fields:['titleStyle'], gValue}),
+      setting: {
+        fontSize: true,
+        weight:true,
+        bgColor:false,
+        selected:false,
+        default:{}
+      },
+      handleCustom({action, data}) {
+        XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+          .then(res => {
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+            data.cb([])
+          });
+      },
+    },
+    {ele: 'group_end'},
+    {
+      label: '内边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'titlePaddingStatus',
+      value: statusDataVal({data, key:'titlePaddingStatus', fields:['titlePadding'],gValue}),
+      labelInline:true,
+      hidden: style !== '1' || isTitle === false,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey:'style',
+      valueKey: 'titlePadding',
+      value: dataVal({
+        data,
+        key:'titlePadding',
+        dValue:gValue.isAdd && gValue.isFirst ? 16: 20,
+        gValue,
+        isPM: true,
+      }),
+      hidden: style !== '1'|| isTitle === false || !statusShow({data, key: 'titlePaddingStatus', fields:['titlePadding'], gValue}),
+      setting: {
+        type: 'margin',
+      },
+    },
+    {ele: 'group_end'},
+
+    style === '1' && {
+      ele:'xd-line-title',
+      groupKey:'style',
+      label: '内容样式'
+    },
+    {
+      label: '内容文字',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'contStyleStatus',
+      value: statusDataVal({data, key:'contStyleStatus', fields:['contStyle'],gValue}),
+      labelInline:true,
+      hidden: style !== '1',
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-text-and-bgc',
+      groupKey:'style',
+      valueKey: 'contStyle',
+      value: dataVal({data, key:'contStyle', dValue:gValue.isAdd && gValue.isFirst ? {
+          color: fontColor,
+          fontSize: defFontSize,
+          fontWeight:'normal',
+        }:{
+          color: fontColor,
+          fontSize: defOldFontSize,
+          fontWeight:'normal',
+        }, gValue}),
+      hidden: style !== '1'|| !statusShow({data, key: 'contStyleStatus', fields:['contStyle'], gValue}),
+      setting: {
+        fontSize: true,
+        weight:true,
+        bgColor:false,
+        selected:false,
+        default:{}
+      },
+      handleCustom({action, data}) {
+        XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+          .then(res => {
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+            data.cb([])
+          });
+      },
+    },
+    {ele: 'group_end'},
+
+    //==废弃================
+    {
+      label: '内文字颜色:',
+      ele: 'xd-color',
+      groupKey:'style',
+      valueKey: 'textColor',
+      value: data.textColor || '',
+      placeholder: '请选择内文字颜色',
+      classNmae: 'input80',
+      hidden: true,
+    },
+    {
+      label: '内容文字大小:',
+      ele: 'xd-site-select-list',
+      valueKey: 'fontSize',
+      value: data['fontSize'],
+      groupKey:'style',
+      placeholder: '请选择内容文字大小',
+      multiple: false,
+      className: 'input80',
+      hidden: true,
+      handleCustom({action, data}) {
+        XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+          .then(res => {
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    //==废弃================
+
+    {
+      label: '内边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'paddingStatus',
+      value: statusDataVal({data, key:'paddingStatus', fields:['padding'],gValue}),
+      labelInline:true,
+      hidden: style !== '1',
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey:'style',
+      valueKey: 'padding',
+      value: dataVal({
+        data,
+        key:'padding',
+        dValue:gValue.isAdd && gValue.isFirst ? 16: 20,
+        gValue,
+        isPM: true,
+      }),
+      hidden: style !== '1' || !statusShow({data, key: 'paddingStatus', fields:['padding'], gValue}),
+      setting: {
+        type: 'margin',
+      },
+    },
+    {ele: 'group_end'},
+
+  ].filter(i=>i)
+}