jufubao-mall 2.0.21 → 2.0.23-beta1

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

@@ -0,0 +1,252 @@
+'use strict';
+
+import {
+  dataVal,
+  statusDataVal,
+  statusShow
+} from "@/utils/AttrTools";
+import brand from "./brand";
+import tab from "./tab";
+
+export default (data, gValue, gColor, oldData={})=>{
+  return [
+    {
+      ele: 'title',
+      label: '常规',
+      size: 'small',
+      groupKey:'style',
+    },
+    {
+      label: '外边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'bodyPaddingStatus',
+      value: statusDataVal({data, key:'bodyPaddingStatus', fields:['bodyPadding'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey:'style',
+      valueKey: 'bodyPadding',
+      hidden:!statusShow({data, key: 'bodyPaddingStatus', fields:['bodyPadding'], gValue}),
+      value: dataVal({
+        data,
+        key:'bodyPadding',
+        dValue:[0],
+        gValue,
+        isPM: true,
+        isCPM: true,
+      }),
+      setting: {
+        type: 'margin',
+      },
+    },
+    {ele: 'group_end'},
+    {
+      label: '背景',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'contentStyleStatus',
+      value: statusDataVal({data, key: 'contentStyleStatus', fields:['contentBoxBgc','background'], gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-color',
+      groupKey:'style',
+      valueKey: 'contentBoxBgc',
+      value: dataVal({data, key:'contentBoxBgc', dValue:'rgba(0,0,0,0)', gValue}),
+      hidden: !statusShow({data, key: 'contentStyleStatus', fields:['contentBoxBgc','background'], gValue}),
+      placeholder: '请选择背景颜色',
+      classNmae: 'input80',
+      setting: {
+        showAlpha: true
+      },
+      inline: false,
+    },
+    {
+      label: '',
+      ele: 'xd-upload',
+      valueKey: 'background',
+      groupKey: 'style',
+      value: dataVal({data, key:'background', dValue:{}, gValue}),
+      defaultValue: dataVal({data, key:'background', dValue:{}, gValue}),
+      hidden: !statusShow({data, key: 'contentStyleStatus', fields:['contentBoxBgc','background'], gValue}),
+      slot: true,
+      oneWidth: 200,
+      oneHeight: 356,
+      elinputClassName: 'input40',
+      tipsformet: '<span style="font-size: 12px;color: #999">上传文件格式：@imageType@，不超过@size@MB，建议尺寸为：750*1334</span>',
+      type: ['jpg', 'png', 'jpeg', 'gif'],
+      styleType: 'one',
+      uploadType: 'aliyun',
+      size: 5,
+      action: 'action',
+      sort: true,
+    },
+    {ele: 'group_end'},
+
+
+    {
+      ele: 'title',
+      label: '内容区',
+      size: 'small',
+      groupKey:'style',
+    },
+    {
+      label: '内容区背景',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'contBgColorStatus',
+      value: statusDataVal({data, key: 'contBgColorStatus', fields:['contBgColor'], gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-color',
+      groupKey:'style',
+      valueKey: 'contBgColor',
+      value: dataVal({data, key:'contBgColor', dValue:'rgba(0,0,0,0)', gValue}),
+      hidden: !statusShow({data, key: 'contBgColorStatus', fields:['contBgColor'], gValue}),
+      placeholder: '请选择背景颜色',
+      classNmae: 'input80',
+      setting: {
+        showAlpha: true
+      },
+      inline: false,
+    },
+    {ele: 'group_end'},
+
+    {
+      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: '',
+      ele: 'xd-margin-padding',
+      groupKey:'style',
+      valueKey: 'listPadding',
+      value: dataVal({
+        data,
+        key:'listPadding',
+        dValue:[gValue.isAdd && gValue.isFirst?0:24],
+        gValue,
+        isPM: true,
+      }),
+      hidden: !statusShow({data, key: 'listPaddingStatus', fields:['listPadding'], gValue}),
+      labelInline:true,
+      setting: {
+        type: 'margin',
+      },
+      inline: false,
+    },
+    {ele: 'group_end'},
+    {
+      label: '内容外边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'listMarginStatus',
+      value: statusDataVal({data, key: 'listMarginStatus', fields:['listMargin'], gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey:'style',
+      valueKey: 'listMargin',
+      value: dataVal({
+        data,
+        key:'listMargin',
+        dValue:[0],
+        gValue,
+        isPM: true,
+      }),
+      hidden: !statusShow({data, key: 'listMarginStatus', fields:['listMargin'], gValue}),
+      labelInline:true,
+      setting: {
+        type: 'margin',
+      },
+      inline: false,
+    },
+    {ele: 'group_end'},
+    {
+      label: '内容区圆角',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'contRadiusStatus',
+      value: statusDataVal({data, key:'contRadiusStatus',cValue:'N', fields:['contRadius'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '无圆角', value: 'N'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-site-select-list',
+      labelInline: true,
+      valueKey: 'contRadius',
+      value: dataVal({data, key:'contRadius', dValue:'10', gValue}),
+      hidden: !statusShow({data, key: 'contRadiusStatus', fields:['contRadius'], gValue}),
+      placeholder: '请选择导航是否设置圆角',
+      multiple: false,
+      className: 'input80',
+      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'},
+
+    ...tab(data, gValue, gColor, oldData),
+    ...brand(data, gValue, gColor, oldData),
+
+  ].filter(i=>i);
+}
+
+
+