页面历史记录

...

属性	说明	类型
name	元素名称，可供编辑器显示用	string
key	可编辑元素的英文标识，可用于代码编程	string
type	可编辑元素类型	ElementTypes
style	元素的样式	Object \| undefined
isDisableControllable	是否可控制显示或隐藏	boolean \| undefined
parentName	元素所属的组件名或内置页名	string \| string[] \| undefined
isScale	是否可以缩放大小	boolean \| undefined
isDisableClick	是否有点击事件	boolean \| undefined
isDisableDraggable	是否可拖拽	boolean \| undefined
isDisableRotable	是否可旋转	boolean \| undefined
isDisableImageReplaceable	图片是否可替换，一些占位图是不能替换的	boolean \| undefined
isDisableTextReplaceable	文本是否可替换do	boolean \| undefined
isDisableAnimation	是否禁用动画	boolean \| undefined
isDisableTextBtn	是否禁用文字按钮，即仅图片按钮（仅对按钮元素有效）	boolean \| undefined
isDisableFontSetting	是否禁用字体设置（有些动态来源的文本内容，如微信昵称，无法切割字体，需要禁用掉组件面板上的字体设置）	boolean \| undefined
anchorsType	编辑状态锚点的类型：为空则表示没有锚点，不能改变大小 'nw n ne e se s sw w' 代表组件编辑框的8个锚点	string \| undefined
hiddenWhenNoNickname	当获取不到微信昵称时，是否隐藏默认文字（仅对微信昵称元素有效）	boolean \| undefined

2、元素私有配置信息

元素名称枚举

import ElementTypes from "@fe-plugin/components/lib/constants/element-types";

元素名称

元素私有配置

按钮

ElementTypes.BTN

属性	说明	类型
btnType	按钮类型,文本按钮，图片按钮	"text" \| "image"
label	按钮名称(文本按钮)	string
normalImage	按钮静态图片(图片按钮)	string
activeImage	按钮激活状态图片(图片按钮)	string
defaultNormalImage	按钮静态默认图片(图片按钮)	string
defaultActiveImage	按钮激活状态默认图片(图片按钮)	string

文本

ElementTypes.TEXT

属性

说明

类型

text

文本文字

string

innerText

纯文本内容

此值是剥离html标签后的纯文本内容

（将div和p标签对解析为\n换行，br标签也解析为\n换行）

string

isRichText

是否是富文本

boolean

图片

ElementTypes.IMAGE

属性	说明	类型
src	图片地址	string

形状

ElementTypes.SHAPE

属性	说明	类型
src	矢量形状资源地址	string
paths	SVG路径	string

表单选项

[]
fills	SVG填充颜色	string[]

弹窗

ElementTypes.

CHOOSE

DIAGLOG

暂无私有属性

表单输入框

表单文件上上传

ElementTypes.

INPUT

FILEUPLOADER

属性	说明	类型
label	表单元素可见标签文本	string
required	是否是必填项	boolean
tips	提示文案	string
maxSize	上传文件大小最大限制	number
maxCount	上传文件个数最大限制	number
fileType	上传文件类型	"IMAGE" \| "MUSIC" \| "VIDEO" \| "FILE"

表单文本域

ElementTypes.TEXTAREA

属性	说明	类型
label	表单元素可见标签文本	string
required	是否是必填项	boolean
tips	提示文案	string
maxLength	文本最大长度	number
value	文本值	string

表单单选

ElementTypes.CHOOSE

属性	说明	类型
label	表单元素可见标签文本	string

表单输入框

ElementTypes.INPUT

属性	说明	类型
label	表单元素可见标签文本	string
required	是否是必填项	boolean
tips	提示文案	string
maxLength	文本最大长度	number
value	文本值	string
inputType	文本类型	"text" \| "name" \| "tel" \| "email" \| "verify" name-姓名 tel-手机 email-邮箱 text-普通文本 verify-手机短信验证
isDisableInputTypeToggle	isDisableInputTypeToggle	boolean

表单提交

ElementTypes.SUBMIT

文件上上传

属性	说明	类型
label	表单元素可见标签文本	string

ElementTypes.FILEUPLOADER

表单下拉框

ElementTypes.SELECT

弹窗

ElementTypes.DIAGLOG

形状

ElementTypes.SHAPE

...

属性	说明	类型
label	表单元素可见标签文本	string

2、element 配置示例

代码块

title	default-setting配置element配置
linenumbers	true

//包含一个按钮 和 一个内置页的组件
const defaultSetting = {
  name: "testCmp",
  title: "测试组件",
  inlinePages:[
    {
      name: "INLINE_PAGE_A",
      title: "这是内置页",
      style: {},
      cover:
        "https://static.h5no1.com/rp/plugin/assets/a19e096f-89b8-4f15-8187-09db7a3c86f0",
    }
  ],
  elements:[
     {
      key: "BTN_A",
      name: "按钮",
      type: "btn",
      label: "确定",
      style: {
        position: "absolute",
        left: 42,
        top: 353,
        width: 235,
        height: 39,
        backgroundColor: "rgba(224,47,36,1)",
        borderRadius: 20,
        fontSize: 15,
        fontWeight: 600,
        color: "rgba(255,255,255,1)",
      },
      parentName: "testCmp",
    },
  ],
  cover:"https://static.h5no1.com/rp/plugin/assets/85becc30-ccb4-41b2-ad75-9bfa9447e587",
  style: {
    width: 293,
    height: 408,
    backgroundColor: "#fff",
  },
  hasComponentSetting: true,
};

...

页面树结构

版本比较

旧版本 10

新版本 11

标识

2、元素私有配置信息

2、element 配置示例