jufubao-base 1.0.21 → 1.0.23-beta2

package/src/components/JfbBaseFooter/JfbBaseFooterMixin.js

@@ -1,114 +1,22 @@
 '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: ''
+      cssRoot: 'jfb-base-footer'
     }
   },
   created() {
@@ -118,105 +26,5 @@ export default {
     //@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/JfbBaseHeader/Api.js

@@ -0,0 +1,38 @@
+'use strict';
+
+/**
+ * @description API模型
+ * 建议：Ffff=>模块  Xxxx=>自定义名字
+ * 获取单记录(getByIdFfffXxxx)
+ * 获取列表记录(getByListFfffXxxx)
+ * 添加列表记录(addFfffXxxxx)
+ * 删除列表记录(removeFfffXxxxx|deleteFfffXxxx)
+ * 更新列表记录(updateFfffXxxxx)
+ * @type {*[]}
+ */
+module.exports = [
+  {
+    mapFnName: "getCityInfoByLocation",
+    title: '根据经纬度获取城市信息',
+    path: "/common/v1/region/city/get-code-by-geo",
+    isRule: false,
+    params: {
+      latitude: ['latitude', 'Number', true],
+      longitude: ['longitude', 'Number', true]
+    },
+    isConsole: true,
+    disabled: true
+  },
+  {
+    mapFnName: "getLoadingCityBaseHeaderByLocationLv4",
+    title: '根据经纬度获取城市信息',
+    path: "/common/v1/region/city/get-trans-lv4-by-geo",
+    isRule: false,
+    params: {
+      latitude: ['latitude', 'Number', true],
+      longitude: ['longitude', 'Number', true]
+    },
+    isConsole: true,
+    disabled: true
+  }
+];

package/src/components/JfbBaseHeader/Attr.js

@@ -0,0 +1,372 @@
+'use strict';
+
+/**
+ * @description 当表单组件中有联动操作时候，使用方法进行返回
+ */
+export default {
+  style: [],
+  content: (data) => {
+    return [
+      {
+        label: '',
+        ele: 'slot',
+        slot: 'is_reference_title',
+        groupKey:'advanced',
+      },
+      {
+        label: "搜索框是否可用于搜索",
+        ele: "xd-radio",
+        valueKey: "useSearch",
+        value: data.useSearch || "Y",
+        groupKey:'content',
+        list: [
+          {label: "用于搜索", value: "Y"},
+          {label: "用于跳转搜索页", value: "N"}
+        ]
+      },
+      {
+        label: "是否显示返回箭头",
+        ele: "xd-radio",
+        valueKey: "showBack",
+        groupKey:'content',
+        value: data.showBack || "Y",
+        list: [
+          {label: "显示", value: "Y"},
+          {label: "不显示", value: "N"}
+        ]
+      },
+      {
+        label: "是否显示当前定位",
+        ele: "xd-radio",
+        valueKey: "showLocation",
+        value: data.showLocation || "N",
+        groupKey:'content',
+        list: [
+          {label: "显示", value: "Y"},
+          {label: "不显示", value: "N"}
+        ]
+      },
+      {
+        label: "定位样式",
+        ele: "xd-radio",
+        valueKey: "searchBoxPosition",
+        value: data.searchBoxPosition || "out",
+        list: [
+          {label: "搜索框外", value: "out"},
+          {label: "搜索框内", value: "in"}
+        ],
+        groupKey:'content',
+        hidden: data.showLocation !== 'Y'
+      },
+      {
+        label: "是否显示站点信息",
+        ele: "xd-radio",
+        valueKey: "showPartner",
+        value: data.showPartner || "N",
+        groupKey:'content',
+        list: [
+          {label: "显示", value: "Y"},
+          {label: "不显示", value: "N"}
+        ],
+      },
+      data.showPartner === 'Y' && {
+        label: "是否显示站点名称",
+        ele: "xd-radio",
+        valueKey: "showPartnerName",
+        groupKey:'content',
+        value: data.showPartnerName || "N",
+        list: [
+          {label: "显示", value: "Y"},
+          {label: "不显示", value: "N"}
+        ],
+      },
+      {
+        label: "搜索框提示文案",
+        ele: "el-input",
+        placeholder: '请输入搜索框提示文案',
+        valueKey: "placeholder",
+        groupKey:'content',
+        value: data.placeholder || '',
+        className: "input80"
+      },
+      {
+        label: '搜索框圆角',
+        ele: 'xd-site-select-list',
+        valueKey: 'searchBoxRadius',
+        value: data.searchBoxRadius || 30,
+        groupKey:'content',
+        placeholder: '请选择内容圆角设置',
+        multiple: false,
+        className: 'input80',
+        handleCustom({ action, data }) {
+          XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+            });
+        },
+      },
+      {
+        label: "放大镜位置",
+        ele: "xd-radio",
+        valueKey: "searchIconPosition",
+        value: data.searchIconPosition || "right",
+        list: [
+          {label: "靠左", value: "left"},
+          {label: "靠右", value: "right"},
+          {label: "隐藏", value: "hidden"}
+        ],
+        groupKey:'content',
+      },
+      {
+        label: "右侧是否展示搜索",
+        ele: "xd-radio",
+        valueKey: "showSearchBtn",
+        value: data.showSearchBtn,
+        list: [
+          {label: "展示", value: "Y"},
+          {label: "隐藏", value: "N"}
+        ],
+        groupKey:'content',
+      },
+      {
+        label: "搜索位置",
+        ele: "xd-radio",
+        valueKey: "searchBtnPosition",
+        value: data.searchBtnPosition || "out",
+        list: [
+          {label: "搜索框内", value: "in"},
+          {label: "搜索框外", value: "out"}
+        ],
+        groupKey:'content',
+        hidden: data.showSearchBtn !== 'Y'
+      },
+      {
+        label: "右侧搜索按钮文案自定义",
+        ele: "el-input",
+        placeholder: '请输入搜索按钮文案',
+        valueKey: "searchBtnText",
+        groupKey:'content',
+        value: data.searchBtnText || '',
+        className: "input80",
+        hidden: data.showSearchBtn !== 'Y'
+      },
+      {
+        label: "搜索按钮背景颜色",
+        ele: "xd-color",
+        placeholder: '请输入搜索按钮背景颜色',
+        valueKey: "searchBtnBgColor",
+        groupKey:'content',
+        value: data.searchBtnBgColor || '',
+        hidden: data.showSearchBtn !== 'Y'
+      },
+      {
+        label: "搜索按钮文字颜色",
+        ele: "xd-color",
+        placeholder: '请输入搜索按钮文字颜色',
+        valueKey: "searchBtnTextColor",
+        groupKey:'content',
+        value: data.searchBtnTextColor || '',
+        hidden: data.showSearchBtn !== 'Y'
+      },
+      {
+        label: "搜索按钮圆角",
+        ele: 'xd-site-select-list',
+        valueKey: 'searchBtnRadius',
+        value: data.searchBtnRadius || 0,
+        groupKey:'content',
+        placeholder: '请选择内容圆角设置',
+        multiple: false,
+        className: 'input80',
+        handleCustom({ action, data }) {
+          XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+            });
+        },
+        hidden: data.showSearchBtn !== 'Y'
+      },
+      {
+        label: '背景颜色:',
+        ele: 'xd-color',
+        valueKey: 'backgroundColor',
+        value: data.backgroundColor || '',
+        placeholder: '请选择背景颜色',
+        classNmae: 'input80',
+        groupKey:'style',
+      },
+      {
+        label: "底部边框设置:",
+        ele: "xd-border",
+        valueKey: "bottomBorder",
+        value: data['bottomBorder'] || {},
+        className: 'input80',
+        groupKey: 'style',
+      },
+      {
+        ele: 'title',
+        label: '定位功能样式设置',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: '文字颜色:',
+        ele: 'xd-color',
+        valueKey: 'textColor',
+        value: data.textColor || '',
+        placeholder: '请选择文字颜色',
+        classNmae: 'input80',
+        groupKey:'style',
+      },
+      data.showLocation==='Y'&&{
+        label: 'ICON:',
+        ele: 'el-input',
+        type: 'text',
+        groupKey:'style',
+        valueKey: 'locationIcon',
+        value: data['locationIcon'] || '',
+        placeholder: '请输入定位ICON',
+        className: 'input80',
+      },
+      data.showLocation==='Y'&&{
+        label: '背景颜色:',
+        ele: 'xd-color',
+        groupKey:'style',
+        valueKey: 'locationBackgroundColor',
+        value: data.locationBackgroundColor || '',
+        placeholder: '请选择定位背景颜色',
+        classNmae: 'input80',
+      },
+      {
+        ele: 'title',
+        label: '搜索框样式设置',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: 'ICON:',
+        ele: 'el-input',
+        type: 'text',
+        valueKey: 'icon',
+        groupKey:'style',
+        value: data['icon'] || '',
+        placeholder: '请输入ICON',
+        className: 'input80',
+      },
+      {
+        label: 'ICON颜色:',
+        ele: 'xd-color',
+        valueKey: 'iconColor',
+        value: data.iconColor || '',
+        groupKey:'style',
+        placeholder: '请选择ICON颜色',
+        classNmae: 'input80',
+      },
+      {
+        label: '背景颜色:',
+        ele: 'xd-color',
+        valueKey: 'inputBackgroundColor',
+        value: data['inputBackgroundColor'] || '',
+        groupKey:'style',
+        placeholder: '请选择背景颜色',
+        className: 'input80',
+      },
+      {
+        label: '输入框文字颜色:',
+        ele: 'xd-color',
+        valueKey: 'inputTextColor',
+        groupKey:'style',
+        value: data['inputTextColor'] || '',
+        placeholder: '请选择输入框文字颜色',
+        className: 'input80',
+      },
+      {
+        label: "输入框边框设置:",
+        ele: "xd-border",
+        valueKey: "inputBorder",
+        value: data['inputBorder'] || {},
+        className: 'input80',
+        groupKey: 'style',
+      },
+      {
+        ele: 'title',
+        label: '边框设置',
+        size: 'small',
+        groupKey:'style',
+        hidden: true,
+      },
+      {
+        label: '是否有边框:',
+        ele: 'xd-radio',
+        valueKey: 'is_border',
+        groupKey:'style',
+        value: data['is_border'] || 'N',
+        placeholder: '请选择是否有边框',
+        multiple: false,
+        className: 'input80',
+        list: [
+          {label: '是', value: 'Y'},
+          {label: '否', value: 'N'},
+        ],
+        hidden: true,
+      },
+      data['is_border'] === 'Y' && {
+        label: '边框颜色:',
+        ele: 'xd-color',
+        valueKey: 'is_border_c',
+        groupKey:'style',
+        value: data['is_border_c'] || '',
+        placeholder: '请选择边框颜色',
+        classNmae: 'input80',
+        hidden: true,
+      },
+      data['is_border'] === 'Y' && {
+        label: '边框大小:',
+        ele: 'el-input',
+        type: 'number',
+        groupKey:'style',
+        valueKey: 'is_border_w',
+        value: data['is_border_w'] || '',
+        placeholder: '请输入边框颜色',
+        className: 'input80',
+        hidden: true,
+      },
+      {
+        label: '搜索页面链接:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'searchPagePath',
+        value: data['searchPagePath'] || {},
+        setting: {
+          router: XdBus.getParentApi('getPagesTree')
+        },
+        groupKey:'advanced',
+        inline:false,
+        notice:'搜索框“<span style="color:red">用于跳转搜索页</span>”时候生效',
+      },
+      {
+        label: '城市选择链接:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'choseCityPath',
+        groupKey:'advanced',
+        placeholder: '选择城城市选择链接',
+        value: data['choseCityPath'] || null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        inline: false,
+      },
+      {
+        label: '',
+        ele: 'slot',
+        slot: 'is_reference',
+        groupKey:'advanced',
+      },
+    ].filter(i=>i)
+  },
+  advanced: [],
+};