jufubao-base 1.0.287 → 1.0.289-beta1

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

@@ -0,0 +1,69 @@
+'use strict';
+import {
+  dataVal,
+  statusDataVal,
+  statusShow
+} from "@/utils/AttrTools";
+
+export default (data, gValue, gColor, oldData) => {
+  return [
+    {
+      ele: 'title',
+      label: '基础',
+      size: 'small',
+      groupKey: 'content',
+    },
+    {
+      label: '选择企业',
+      ele: 'xd-radio',
+      groupKey: 'content',
+      valueKey: 'titleStatus',
+      value: statusDataVal({ data, key: 'titleStatus', fields: ['title'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'el-input',
+      type: 'text',
+      valueKey: 'title',
+      labelInline: true,
+      value: dataVal({ data, key: 'title', dValue: '', gValue }),
+      hidden: !statusShow({ data, key: 'titleStatus', fields: ['title'], gValue }),
+      groupKey: 'content',
+      placeholder: '请输入提示内容',
+      className: 'input80',
+    },
+    { ele: 'group_end' },
+    {
+      label: '添加企业',
+      ele: 'xd-radio',
+      groupKey: 'content',
+      valueKey: 'addTitleStatus',
+      value: statusDataVal({ data, key: 'addTitleStatus', fields: ['addTitle'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'el-input',
+      type: 'text',
+      valueKey: 'addTitle',
+      labelInline: true,
+      value: dataVal({ data, key: 'addTitle', dValue: '', gValue }),
+      hidden: !statusShow({ data, key: 'addTitleStatus', fields: ['addTitle'], gValue }),
+      groupKey: 'content',
+      placeholder: '请输入提示内容',
+      className: 'input80',
+    },
+    { ele: 'group_end' },
+  ]
+}

package/src/components/JfbBaseChoseCompany/cusAttr/style.js

@@ -0,0 +1,327 @@
+'use strict';
+import {
+  dataVal,
+  statusDataVal,
+  statusShow,
+  cRaBorShadow
+} from "@/utils/AttrTools";
+
+export default (data, gValue, gColor, oldData) => {
+  let defListBorder = cRaBorShadow(data, 'listBorder', {}, gValue);
+  let defListShadow = cRaBorShadow(data, 'listShadow', { old: ['is_shadow', 'is_shadow_w', 'is_shadow_bg'] }, gValue);
+  return [
+    {
+      ele: 'title',
+      label: '内容区',
+      size: 'small',
+      groupKey: 'style',
+    },
+    {
+      label: '内边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'contentPaddingStatus',
+      value: statusDataVal({ data, key: 'contentPaddingStatus', fields: ['contentPadding'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      groupKey: 'style',
+      ele: 'xd-margin-padding',
+      valueKey: 'contentPadding',
+      value: dataVal({
+        data,
+        key: 'contentPadding',
+        dValue: { top: 36, bottom: 0, left: 20, right: 20 },
+        gValue,
+        isPM: true,
+      }),
+      setting: {
+        type: 'padding',
+      },
+      placeholder: '请填充设置',
+      hidden: !statusShow({ data, key: 'contentPaddingStatus', fields: ['contentPadding'], gValue }),
+    },
+    { ele: 'group_end' },
+    {
+      ele: 'title',
+      label: '企业列表样式',
+      size: 'small',
+      groupKey: 'style',
+    },
+    {
+      label: '内边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'listPaddingStatus',
+      value: statusDataVal({ data, key: 'listPaddingStatus', fields: ['listPadding'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      groupKey: 'style',
+      ele: 'xd-margin-padding',
+      valueKey: 'listPadding',
+      value: dataVal({
+        data,
+        key: 'listPadding',
+        dValue: { top: 40, bottom: 40, left: 32, right: 32 },
+        gValue,
+        isPM: true,
+      }),
+      setting: {
+        type: 'padding',
+      },
+      placeholder: '请填充设置',
+      hidden: !statusShow({ data, key: 'listPaddingStatus', fields: ['listPadding'], gValue }),
+    },
+    { ele: 'group_end' },
+    {
+      label: '行间距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'listSpacingStatus',
+      value: statusDataVal({ data, key: 'listSpacingStatus', fields: ['listSpacing'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: "间距",
+      groupKey: 'style',
+      ele: 'xd-slider',
+      valueKey: "listSpacing",
+      value: dataVal({ data, key: 'listSpacing', dValue: '24', gValue }),
+      hidden: !statusShow({ data, key: 'listSpacingStatus', fields: ['listSpacing'], gValue }),
+      className: "input100",
+      labelInline: true,
+      setting: {
+        min: 0,
+        max: 100,
+        step: 1,
+        showStops: false,
+        showInput: false,
+      }
+    },
+    { ele: 'group_end' },
+    {
+      label: '圆角',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'listRadiusStatus',
+      value: statusDataVal({ data, key: 'listRadiusStatus', fields: ['listRadius'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '无圆角', value: 'N' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: "",
+      ele: 'xd-site-select-list',
+      valueKey: 'listRadius',
+      groupKey: 'style',
+      value: dataVal({
+        data,
+        key: 'listRadius',
+        dValue: '8',
+        gValue,
+      }),
+      placeholder: '请选择内容圆角设置',
+      multiple: false,
+      hidden: !statusShow({ data, key: 'listRadiusStatus', fields: ['listRadius'], gValue }),
+      className: 'input80',
+      handleCustom({ action, data }) {
+        XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+          .then(res => {
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    { ele: 'group_end' },
+    {
+      label: '描边',
+      ele: 'xd-border',
+      labelInline: true,
+      groupKey: 'style',
+      valueKey: 'listBorder',
+      value: defListBorder,
+      setting: {
+        selected: defListBorder.type,
+        isRadio: true,//启用editx默认
+        isDef: true, //启动默认选项
+        //==设置默认值==
+        color: '#e5e5e5',
+        width: '0',
+        style: 'solid'
+        //==设置默认值==
+      },
+    },
+    {
+      label: '投影',
+      ele: 'xd-shadow',
+      labelInline: true,
+      groupKey: 'style',
+      valueKey: 'listShadow',
+      value: defListShadow,
+      className: 'input100',
+      setting: {
+        selected: defListShadow.type,
+        isRadio: true,
+        isDef: true,
+        default: {
+          color: 'rgba(0,0,0,.05)',
+          width: '10',
+        }
+      },
+      handleCustom({ action, data }) {
+        XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+          .then(res => {
+            res.list = res.list.filter(item => {
+              return item.label !== '无';
+            });
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+            data.cb([])
+          });
+      },
+    },
+    {
+      label: '文字',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'listFontStyleStatus',
+      value: statusDataVal({ data, key: 'listFontStyleStatus', fields: ['listFontStyle'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-text-and-bgc',
+      groupKey: 'style',
+      valueKey: 'listFontStyle',
+      value: dataVal({ data, key: 'listFontStyle', dValue: null, gValue }),
+      hidden: !statusShow({ data, key: 'listFontStyleStatus', fields: ['listFontStyle'], gValue }),
+      setting: {
+        fontSize: false,
+        weight: false,
+        selected: false,
+        bgColor: false,
+        default: {
+          color: '#333',
+        }
+      },
+      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' },
+    {
+      ele: 'title',
+      label: '添加企业样式',
+      size: 'small',
+      groupKey: 'style',
+    },
+    {
+      label: '背景',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'addBackgroundStatus',
+      value: statusDataVal({ data, key: 'addBackgroundStatus', fields: ['addBackground'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '背景颜色',
+      ele: 'xd-color',
+      labelInline: true,
+      valueKey: 'addBackground',
+      value: dataVal({ data, key: 'addBackground', dValue: '#F8F8F8', gValue }),
+      hidden: !statusShow({ data, key: 'addBackgroundStatus', fields: ['addBackground'], gValue }),
+      placeholder: '请选择背景颜色',
+      className: 'input80',
+      groupKey: 'style',
+      setting: {
+        showAlpha: true
+      },
+    },
+    { ele: 'group_end' },
+    {
+      label: '文字颜色',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'addFontStyleStatus',
+      value: statusDataVal({ data, key: 'addFontStyleStatus', fields: ['addFontStyle'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-text-and-bgc',
+      groupKey: 'style',
+      valueKey: 'addFontStyle',
+      value: dataVal({ data, key: 'addFontStyle', dValue: {}, gValue }),
+      hidden: !statusShow({ data, key: 'addFontStyleStatus', fields: ['addFontStyle'], gValue }),
+      setting: {
+        fontSize: false,
+        weight: false,
+        bgColor: false,
+        selected: false,
+        default: {
+          color: '#999999',
+        },
+        isBorder: false,
+      },
+      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' },
+  ]
+}

package/src/components/JfbBaseFooter/Attr.js

@@ -1,163 +1,18 @@
 'use strict';
-import ICONS from '@/ICONS'
+
+import style from "./cusAttr/style";
+import advanced from "./cusAttr/advanced";
+import content from "./cusAttr/content";
 
 export default {
   style: [],
-  advanced: [],
-  content:(data)=>{
-    let footerSettingImage = [];
-    let footerSetting = [];
-    if(data['footerSettingImage'] && data['footerSettingImage'].length > 0 ) {
-      footerSettingImage = data['footerSettingImage'];
-    }
-    if(data['footer-setting'] && data['footer-setting'].length > 0){
-      footerSetting = data['footer-setting'];
-      footerSetting.map((item,index)=>{
-        if(!footerSettingImage[index]) footerSettingImage[index] = {};
-        footerSettingImage[index] = Object.assign({},JSON.parse(JSON.stringify(item)),footerSettingImage[index])
-      })
-    }
+  content: (data, gValue, gColor, oldData={}) => {
     return [
-      {
-        label: '',
-        ele: 'slot',
-        slot: 'is_reference_title',
-        groupKey: 'advanced',
-      },
-      {
-        label: '背景图设置:',
-        ele: 'xd-upload',
-        valueKey: 'backgroundImage',
-        groupKey:'content',
-        value: data.backgroundImage || {},
-        defaultValue: data.backgroundImage || null,
-        slot: true,
-        oneWidth: 375,
-        oneHeight: 55,
-        elinputClassName: 'input40',
-        tipsformet: '上传文件格式：@imageType@，不超过@size@MB。建议尺寸：<span style="color:red">750*110</span>像素',
-        type: ['jpg', 'png', 'jpeg'],
-        styleType: 'one',
-        uploadType: 'aliyun',
-        size: .5,
-        action: 'action',
-        sort: true,
-        maxlen: 1,
-      },
-      {
-        label: '背景颜色:',
-        ele: 'xd-color',
-        valueKey: 'bgColor',
-        groupKey:'content',
-        value: data['bgColor'] || '',
-        placeholder: '请选择背景颜色',
-        setting: {
-          isAlpha: false
-        },
-        classNmae: 'input80',
-      },
-      {
-        label: '边框颜色:',
-        ele: 'xd-color',
-        valueKey: 'borderColor',
-        groupKey:'content',
-        value: data['borderColor'] || '',
-        placeholder: '请选择边框颜色',
-        setting: {
-          isAlpha: false
-        },
-        classNmae: 'input80',
-      },
-      {
-        label: '菜单文字颜色:',
-        ele: 'xd-color',
-        valueKey: 'color',
-        groupKey:'content',
-        value: data['color'] || '',
-        setting: {
-          isAlpha: false
-        },
-        placeholder: '请选择菜单文字颜色',
-        classNmae: 'input80',
-      },
-      {
-        label: '菜单文字选中颜色:',
-        ele: 'xd-color',
-        valueKey: 'selectedColor',
-        groupKey:'content',
-        setting: {
-          isAlpha: false
-        },
-        value:data['selectedColor'] || '',
-        placeholder: '请选择菜单文字选中颜色',
-        classNmae: 'input80',
-      },
-      footerSetting.length > 0 && {
-        label: '菜单图片配置:',
-        ele: 'xd-footer-setting',
-        valueKey: 'footerSettingImage',
-        groupKey:'content',
-        value: footerSettingImage,
-        setting: {
-          router: XdBus.getParentApi('getPagesTree'),
-          hideAdd: true,
-          showField: {
-            path: false,
-            icon: false,
-            notice: false,
-            image: true,
-            actImage: true
-          }
-        },
-        handleCustom({action,data}){
-          if(action === 'number') {
-            XdBus.getParentApi('getOptionsNoticeNumber')()
-              .then(res => {
-                data.cb(res.list)
-              })
-              .catch();
-          }
-        },
-      },
-
-      {
-        label: '菜单配置:',
-        ele: 'xd-footer-setting',
-        valueKey: 'footer-setting',
-        groupKey:'advanced',
-        value: footerSetting,
-        setting: {
-          router: XdBus.getParentApi('getPagesTree'),
-          icons:ICONS,
-          showField: {
-            path: true,
-            icon: true,
-            notice: true,
-          }
-        },
-        handleCustom({action,data}){
-          console.log(`handleCustom.${action}`, data);
-          if(action === 'number') {
-            XdBus.getParentApi('getOptionsNoticeNumber')()
-              .then(res => {
-                data.cb(res.list)
-              })
-              .catch();
-          }
-        },
-        inline: false,
-        notice: '设置底部菜单的链接地址1、标题(最多<sapn style="color: red">五个汉字</sapn>)、ICON图标（<a href="https://www.iconfont.cn/manage/index?spm=a313x.7781069.1998910419.db775f1f3&manage_type=myprojects&projectId=3378319&keyword=&project_type=&page=" style="color: blue" target="_blank">ICONFONT库</a>）、ICON大小（单位：<sapn style="color: red">像素</sapn>）和是否有消息数量显示（无数量显示可以不填写）',
-        rules: [
-          {required: true, message: '请添加内容', trigger: 'change'},
-        ],
-      },
-      {
-        label: '',
-        ele: 'slot',
-        slot: 'is_reference',
-        groupKey: 'advanced',
-      },
-    ].filter(i=>i);
+      ...content(data, gValue, gColor, oldData),
+      ...style(data, gValue, gColor, oldData),
+      ...advanced(data, gValue, gColor,oldData ),
+    ].filter(i => i)
   },
+  advanced: [],
 };