159 lines
62 KiB
JavaScript
159 lines
62 KiB
JavaScript
|
const demoRule = "[{\"type\":\"input\",\"field\":\"Fnf4lxvqdnrrdbc\",\"title\":\"输入框\",\"info\":\"\",\"$required\":true,\"_fc_id\":\"id_F15tlxvqdnrsdcc\",\"name\":\"ref_Fvjmlxvqdnrsddc\",\"_fc_drag_tag\":\"input\",\"display\":true,\"hidden\":false},{\"type\":\"input\",\"field\":\"Frnvlxvqdo0ndec\",\"title\":\"多行输入框\",\"info\":\"\",\"$required\":false,\"props\":{\"type\":\"textarea\"},\"_fc_id\":\"id_F2p0lxvqdo0ndfc\",\"name\":\"ref_Fj0blxvqdo0ndgc\",\"_fc_drag_tag\":\"textarea\",\"display\":true,\"hidden\":false},{\"type\":\"input\",\"field\":\"Fvjnlxvqdoatdhc\",\"title\":\"多行输入框\",\"info\":\"\",\"$required\":false,\"props\":{\"type\":\"textarea\"},\"_fc_id\":\"id_Fjnslxvqdoatdic\",\"name\":\"ref_Fgwalxvqdoatdjc\",\"_fc_drag_tag\":\"textarea\",\"display\":true,\"hidden\":false},{\"type\":\"input\",\"field\":\"F62glxvqdopkdkc\",\"title\":\"密码输入框\",\"info\":\"\",\"$required\":false,\"props\":{\"type\":\"password\"},\"_fc_id\":\"id_F942lxvqdopkdlc\",\"name\":\"ref_Fvw8lxvqdopkdmc\",\"_fc_drag_tag\":\"password\",\"display\":true,\"hidden\":false},{\"type\":\"inputNumber\",\"field\":\"Fg6mlxvqdp61dnc\",\"title\":\"数字输入框\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_Fbqzlxvqdp61doc\",\"name\":\"ref_F59vlxvqdp61dpc\",\"_fc_drag_tag\":\"inputNumber\",\"display\":true,\"hidden\":false},{\"type\":\"radio\",\"field\":\"Fg6rlxvqdpe9dqc\",\"title\":\"单选框\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"options\":[{\"label\":\"选项00\",\"value\":1},{\"label\":\"选项01\",\"value\":2},{\"label\":\"选项02\",\"value\":3}],\"_fc_id\":\"id_Fu7tlxvqdpe9drc\",\"name\":\"ref_F7u8lxvqdpe9dsc\",\"_fc_drag_tag\":\"radio\",\"display\":true,\"hidden\":false},{\"type\":\"checkbox\",\"field\":\"Fpz5lxvqdpnwdtc\",\"title\":\"多选框\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"options\":[{\"label\":\"选项00\",\"value\":1},{\"label\":\"选项01\",\"value\":2},{\"label\":\"选项02\",\"value\":3}],\"_fc_id\":\"id_Fbtklxvqdpnwduc\",\"name\":\"ref_Fqpalxvqdpnwdvc\",\"_fc_drag_tag\":\"checkbox\",\"display\":true,\"hidden\":false},{\"type\":\"select\",\"field\":\"Fnzulxvqdpzcdwc\",\"title\":\"选择器\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"options\":[{\"label\":\"选项00\",\"value\":1},{\"label\":\"选项01\",\"value\":2},{\"label\":\"选项02\",\"value\":3}],\"_fc_id\":\"id_Fxd1lxvqdpzddxc\",\"name\":\"ref_Fjtjlxvqdpzddyc\",\"_fc_drag_tag\":\"select\",\"display\":true,\"hidden\":false},{\"type\":\"switch\",\"field\":\"Fbk6lxvqdq7edzc\",\"title\":\"开关\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_Fdtflxvqdq7ee0c\",\"name\":\"ref_Fkeslxvqdq7ee1c\",\"_fc_drag_tag\":\"switch\",\"display\":true,\"hidden\":false},{\"type\":\"rate\",\"field\":\"F2lzlxvqdqg0e2c\",\"title\":\"评分\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_F0oslxvqdqg0e3c\",\"name\":\"ref_Fegslxvqdqg0e4c\",\"_fc_drag_tag\":\"rate\",\"value\":0,\"display\":true,\"hidden\":false}]";
|
||
|
|
|
||
|
|
export default () => [
|
||
|
|
{
|
||
|
|
label: '功能介绍',
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
label: '多语言',
|
||
|
|
info: '轻松在设计器中为表单各元素添加多语种文本，一键切换语言体系',
|
||
|
|
rule: '[{"type":"input","field":"Fcbmm50kr34igic","title":"{{$t.ArX2XDpz}}","$required":false,"_fc_id":"id_F9ctm50kr34igjc","name":"ref_Fxjim50kr34igkc","display":true,"hidden":false,"_fc_drag_tag":"input"},{"type":"inputNumber","field":"F3f0m50kr3tyglc","title":"{{$t.BoS7ZoNX}}","$required":false,"_fc_id":"id_Fa60m50kr3tygmc","name":"ref_F6i1m50kr3tygnc","display":true,"hidden":false,"_fc_drag_tag":"inputNumber"}]',
|
||
|
|
options: '{"form":{"inline":false,"hideRequiredAsterisk":false,"labelPosition":"right","size":"small","labelWidth":"125px"},"globalEvent":{},"globalData":{},"language":{"zh-cn":{"ArX2XDpz":"商品名称","BoS7ZoNX":"商品价格"},"en":{"ArX2XDpz":"Goods name","BoS7ZoNX":"Goods price"}},"resetBtn":{"show":false,"innerText":"重置"},"submitBtn":{"show":true,"innerText":"提交"}}'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '数据表格',
|
||
|
|
info: '高效展示、排序、搜索和分页数据列表，支持自定义列和动态操作',
|
||
|
|
rule: "[{\"type\":\"fcInlineForm\",\"_fc_id\":\"id_Fjdrm1vqsjnub0c\",\"name\":\"ref_F1mkm1vqsjnub1c\",\"_fc_drag_tag\":\"fcInlineForm\",\"children\":[{\"type\":\"input\",\"field\":\"Fwqlm1vqu2c1b2c\",\"title\":\"关键字\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_F6omm1vqu2c1b3c\",\"name\":\"ref_F8l5m1vqu2c1b4c\",\"_fc_drag_tag\":\"input\",\"wrap\":{\"labelWidth\":\"5em\",\"labelCol\":{\"style\":{\"width\":\"4em\"}}},\"style\":{\"width\":\"180px\"},\"display\":true,\"hidden\":false},{\"type\":\"select\",\"field\":\"Fkh7m1vqzakub7c\",\"title\":\"商品分类\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"options\":[{\"label\":\"熊熊百货\",\"value\":\"6\"},{\"label\":\"时尚优品\",\"value\":\"3\"}],\"_fc_id\":\"id_Ffb3m1vqzakub8c\",\"name\":\"ref_Floem1vqzakub9c\",\"_fc_drag_tag\":\"select\",\"wrap\":{\"labelWidth\":\"6em\",\"labelCol\":{\"style\":{\"width\":\"5em\"}}},\"style\":{\"width\":\"180px\"},\"display\":true,\"hidden\":false},{\"type\":\"aButton\",\"children\":[\"搜索\"],\"_fc_id\":\"id_Fgecm1vquanjb5c\",\"name\":\"ref_Fdshm1vquanjb6c\",\"_fc_drag_tag\":\"aButton\",\"display\":true,\"hidden\":false,\"on\":{\"click\":\"$FNX:$inject.api.getRule('ref_Fd9xlxvrabk0jmc').props.fetch.action = `https://mer.crmeb.net/api/product/spu/lst?keywrod=${$inject.api.form.Fwqlm1vqu2c1b2c || ''}&mer_id=${$inject.api.form.Fkh7m1vqzakub7c || ''}`;\\n\\n$inject.api.el('ref_Fd9xlxvrabk0jmc').initPage();\"}}],\"style\":{\"display\":\"flex\",\"flexDirection\":\"row\",\"alignItems\":\"flex-start\"},\"display\":true,\"hidden\":false},{\"type\":\"div\",\"wrap\":{\"show\":false},\"native\":true,\"style\":{\"width\":\"100%\",\"height\":\"20px\"},\"_fc_id\":\"id_F7fym33twglacfc\",\"name\":\"ref_Fuhrm33twglacgc\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"space\"},{\"type\":\"dataTable\",\"native\":true,\"props\":{\"height\":\"500px\",\"button\":{\"open\":true,\"column\":[{\"key\":1,\"name\":\"详情\",\"prop\":[\"link\"],\"type\":\"primary\",\"size\":\"small\",\"click\":\"[[FORM-CREATE-PREFIX-function click(scope, api){api.open('ref_Fraim1unt0jhisc', scope.record);}-FORM-CREATE-SUFFIX]]\"},{\"key\":2,\"name\":\"删除\",\"prop\":[\"link\"],\"type\":\"dashed\",\"handle\":\"[[FORM-CREATE-PREFIX-function handle(props, scope, api){return scope.record.spu_id % 2 === 1;}-FORM-CREATE-SUFFIX]]\",\"size\":\"small\"}],\"width\":\"130px\",\"fixed\":\"right\",\"label\":\"操作\"},\"column\":[{\"format\":\"default\",\"prop\":\"spu_id\",\"label\":\"ID\",\"width\":\"150\"},{\"format\":\"default\",\"prop\":\"store_name\",\"label\":\"商品名称\",\"width\":\"\"},{\"format\":\"default\",\"prop\":\"stock\",\"label\":\"库存\",\"width\":\"100\"},{\"format\":\"tag\",\"prop\":\"unit_name\",\"label\":\"单位\",\"width\":\"100\"},{\"format\":\"image\",\"prop\":\"image\",\"label\":\"主图\",\"width\":\"200\"}],\"page\":{\"totalField\":\"count\",\"dataField\":\"list\",\"orderField\":\"order\",\"orderByField\":\"orderBy\",\"pageField\":\"page\",\"pageSizeField\":\"limit\",\"open\":true,\"props\":{\"pageSize\":10,\"small\":true,\"background\":true}},\"_optionType\":2,\"fetch\":{\"action\":\"https://mer.crmeb.net/api/product/spu/lst\",\"method\":\"GET\",\"headers\":{},\"data\":{},\"parse\":\"[[FORM-CREATE-PREFIX-function parse(res){return res.data;}-FORM-CREATE-SUFFIX]]\",\"onError\":\"\",\"to\":\"options\"},\"rowKey\":\"spu_id\",\"scroll\":{\"x\":\"1000px\"}},\"_fc_id\":\"id_Fe33lxvrabk0jlc\",\"name\":\"ref_Fd9xlxvrabk0jmc\",\"_fc_drag_tag\":\"dataTable\",\"display\":true,\"hidden\":false},{\"type\":\"fcDialog\",\"props\":{\"title\":\"弹出框\",\"rule\":[{\"type\":\"input\",\"field\":\"store_name\",\"title\":\"商品名称\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_F22lm1unts3aiuc\",\"name\":\"ref_Ft1nm1unts3aivc\",\"_fc_drag_tag\":\"input\",\"display\":true,\"hidden\":false},{\"type\":\"inputNumber\",\"field\":\"stock\",\"title\":\"库存\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_Fmzhm1ununlrixc\",\"name\":\"ref_Fhj5m1ununlriyc\",\"_fc_drag_tag\":\"inputNumber\",\"display\":true,\
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '表格布局',
|
||
|
|
info: '创建灵活的网格布局，实现多行多列的表单项排列',
|
||
|
|
rule: "[{\"type\":\"fcTable\",\"props\":{\"rule\":{\"row\":5,\"col\":4,\"style\":{},\"class\":{},\"layout\":[{\"top\":3,\"left\":0,\"col\":3},{\"top\":3,\"left\":3,\"row\":2},{\"top\":4,\"left\":1,\"col\":2}]}},\"children\":[{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"#FFA500\"],\"_fc_id\":\"id_F2tglxvr3ynxgnc\",\"name\":\"ref_Fovslxvr36znfwc\",\"_fc_drag_tag\":\"text\",\"style\":{\"color\":\"#FFA500\"},\"display\":true,\"hidden\":false},{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"文字\"],\"_fc_id\":\"id_F30alxvr38b5fxc\",\"name\":\"ref_Fovslxvr36znfwc\",\"_fc_drag_tag\":\"text\",\"display\":true,\"hidden\":false},{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"#FF0000\"],\"_fc_id\":\"id_Fn9zlxvr32vdfuc\",\"name\":\"ref_Fxbglxvqyzvsfnc\",\"_fc_drag_tag\":\"text\",\"style\":{\"color\":\"#FF0000\"},\"display\":true,\"hidden\":false},{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"#FF0000\"],\"_fc_id\":\"id_F10mlxvr2xbdfsc\",\"name\":\"ref_Fxbglxvqyzvsfnc\",\"_fc_drag_tag\":\"text\",\"style\":{\"color\":\"#FF0000\"},\"display\":true,\"hidden\":false},{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"#FF0000\"],\"_fc_id\":\"id_Fuhvlxvr2ttifqc\",\"name\":\"ref_Fxbglxvqyzvsfnc\",\"_fc_drag_tag\":\"text\",\"style\":{\"color\":\"#FF0000\"},\"display\":true,\"hidden\":false},{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"#FF0000\"],\"_fc_id\":\"id_Fi4dlxvr2s48fpc\",\"name\":\"ref_Fxbglxvqyzvsfnc\",\"_fc_drag_tag\":\"text\",\"style\":{\"color\":\"#FF0000\"},\"display\":true,\"hidden\":false},{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"#E32636\"],\"_fc_id\":\"id_Fuublxvr52m1hic\",\"name\":\"ref_Fmeylxvr52m1hjc\",\"_fc_drag_tag\":\"text\",\"style\":{\"color\":\"#E32636\"},\"display\":true,\"hidden\":false,\"slot\":\"1:3\"},{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"#87CEFA\"],\"_fc_id\":\"id_Fb5mlxvr605xhoc\",\"name\":\"ref_Fce8lxvr605xhpc\",\"_fc_drag_tag\":\"text\",\"style\":{\"color\":\"#87CEFA\"},\"display\":true,\"hidden\":false,\"slot\":\"2:0\"},{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"#7FFFAA\"],\"_fc_id\":\"id_Fobklxvr682shqc\",\"name\":\"ref_Ftillxvr682shrc\",\"_fc_drag_tag\":\"text\",\"style\":{\"color\":\"#7FFFAA\"},\"display\":true,\"hidden\":false,\"slot\":\"2:1\"},{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"#3CB371\"],\"_fc_id\":\"id_Fyrulxvr6kl1hsc\",\"name\":\"ref_F5k6lxvr6kl1htc\",\"_fc_drag_tag\":\"text\",\"style\":{\"color\":\"#3CB371\"},\"display\":true,\"hidden\":false,\"slot\":\"2:2\"},{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"#D2B48C\"],\"_fc_id\":\"id_Fqoglxvr6sbjhuc\",\"name\":\"ref_F1bflxvr6sbjhvc\",\"_fc_drag_tag\":\"text\",\"style\":{\"color\":\"#D2B48C\"},\"display\":true,\"hidden\":false,\"slot\":\"2:3\"},{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"#70F3FF\"],\"_fc_id\":\"id_Fouflxvr7iq4i6c\",\"name\":\"ref_Fjc1lxvr7iq4i7c\",\"_fc_drag_tag\":\"text\",\"style\":{\"color\":\"#70F3FF\"},\"display\":true,\"hidden\":false,\"slot\":\"3:0\"},{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"#E9BB1D\"],\"_fc_id\":\"id_Ftpjlxvr7ys4i9c\",\"name\":\"ref_F7lmlxvr7ys4iac\",\"_fc_drag_tag\":\"text\",\"style\":{\"color\":\"#E9BB1D\"},\"display\":true,\"hidden\":false,\"slot\":\"3:3\"},{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"#DCD6D9\"],\"_fc_id\":\"id_Fwyqlxvr8fe4icc\",\"name\":\"ref_Fh9zlxvr8fe4idc\",\"_fc_drag_tag\":\"text\",\"style\":{\"color\":\"#DCD6D9\"},\"display\":true,\"hidden\":false,\"slot\":\"4:0\"},{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"#E0C38C\"],\"_fc_id\":\"id_Fqd6lxvr8g8miec\",\"name\":\"ref_F6a3lxvr8g8mifc\",\"_fc_drag_tag\":\"text\",\"style\":{\"color\":\"#E0C38C\"},\"display\":true,\"hidden\":false,\"slot\":\"4:1\"},{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"#FFA500\"],\"_fc_id\":\"id_Fd99lxvr36znfvc\",\"name\":\"ref_Fovslxvr36znfwc\",\"_fc_drag_tag\":\"text
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '表格表单',
|
||
|
|
info: '在表格中编辑数据，支持表单字段的操作和管理',
|
||
|
|
rule: "[{\"type\":\"tableForm\",\"field\":\"Fhm3lxvrai19jnc\",\"title\":\"表格表单\",\"info\":\"\",\"props\":{\"columns\":[{\"label\":\"用户名\",\"required\":false,\"style\":{\"width\":\"auto\"},\"rule\":[{\"type\":\"input\",\"field\":\"Fh8zlxvrakgdjrc\",\"title\":\"输入框\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_Fnnjlxvrakgejsc\",\"name\":\"ref_Fx7flxvrakgejtc\",\"_fc_drag_tag\":\"input\",\"display\":true,\"hidden\":false}]},{\"label\":\"联系电话\",\"required\":false,\"style\":{\"width\":\"auto\"},\"rule\":[{\"type\":\"input\",\"field\":\"Fbhplxvranm8jvc\",\"title\":\"输入框\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_Fecnlxvranm9jwc\",\"name\":\"ref_Fegnlxvranm9jxc\",\"_fc_drag_tag\":\"input\",\"display\":true,\"hidden\":false}]},{\"label\":\"性别\",\"required\":false,\"style\":{\"width\":\"auto\"},\"rule\":[{\"type\":\"radio\",\"field\":\"Fokrlxvrb54ujzc\",\"title\":\"单选框\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"props\":{\"type\":\"default\"},\"options\":[{\"label\":\"男\",\"value\":1},{\"label\":\"女\",\"value\":2}],\"_fc_id\":\"id_F12flxvrb54uk0c\",\"name\":\"ref_Fzcglxvrb54uk1c\",\"_fc_drag_tag\":\"radio\",\"display\":true,\"hidden\":false}]}]},\"_fc_id\":\"id_Fn5ilxvrai19joc\",\"name\":\"ref_Fofmlxvrai19jpc\",\"_fc_drag_tag\":\"tableForm\",\"display\":true,\"hidden\":false}]",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '打开弹窗',
|
||
|
|
info: '在弹窗内显示表单，支持数据录入和交互确认操作',
|
||
|
|
rule: "[{\"type\":\"aButton\",\"children\":[\"打开弹窗\"],\"_fc_id\":\"id_Fdvalxvqbg1zd7c\",\"name\":\"ref_Foo9lxvqbg1zd8c\",\"style\":{\"display\":\"block\"},\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"aButton\",\"on\":{\"click\":\"$FNX:$inject.api.open('ref_F2vulxvqc841dac')\"}},{\"type\":\"fcDialog\",\"props\":{\"title\":\"演示表单\",\"rule\":[{\"type\":\"input\",\"field\":\"Fnf4lxvqdnrrdbc\",\"title\":\"输入框\",\"info\":\"\",\"$required\":true,\"_fc_id\":\"id_F15tlxvqdnrsdcc\",\"name\":\"ref_Fvjmlxvqdnrsddc\",\"_fc_drag_tag\":\"input\",\"display\":true,\"hidden\":false},{\"type\":\"input\",\"field\":\"Frnvlxvqdo0ndec\",\"title\":\"多行输入框\",\"info\":\"\",\"$required\":false,\"props\":{\"type\":\"textarea\"},\"_fc_id\":\"id_F2p0lxvqdo0ndfc\",\"name\":\"ref_Fj0blxvqdo0ndgc\",\"_fc_drag_tag\":\"textarea\",\"display\":true,\"hidden\":false},{\"type\":\"input\",\"field\":\"Fvjnlxvqdoatdhc\",\"title\":\"多行输入框\",\"info\":\"\",\"$required\":false,\"props\":{\"type\":\"textarea\"},\"_fc_id\":\"id_Fjnslxvqdoatdic\",\"name\":\"ref_Fgwalxvqdoatdjc\",\"_fc_drag_tag\":\"textarea\",\"display\":true,\"hidden\":false},{\"type\":\"input\",\"field\":\"F62glxvqdopkdkc\",\"title\":\"密码输入框\",\"info\":\"\",\"$required\":false,\"props\":{\"type\":\"password\"},\"_fc_id\":\"id_F942lxvqdopkdlc\",\"name\":\"ref_Fvw8lxvqdopkdmc\",\"_fc_drag_tag\":\"password\",\"display\":true,\"hidden\":false},{\"type\":\"inputNumber\",\"field\":\"Fg6mlxvqdp61dnc\",\"title\":\"数字输入框\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_Fbqzlxvqdp61doc\",\"name\":\"ref_F59vlxvqdp61dpc\",\"_fc_drag_tag\":\"inputNumber\",\"display\":true,\"hidden\":false},{\"type\":\"radio\",\"field\":\"Fg6rlxvqdpe9dqc\",\"title\":\"单选框\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"options\":[{\"label\":\"选项00\",\"value\":1},{\"label\":\"选项01\",\"value\":2},{\"label\":\"选项02\",\"value\":3}],\"_fc_id\":\"id_Fu7tlxvqdpe9drc\",\"name\":\"ref_F7u8lxvqdpe9dsc\",\"_fc_drag_tag\":\"radio\",\"display\":true,\"hidden\":false},{\"type\":\"checkbox\",\"field\":\"Fpz5lxvqdpnwdtc\",\"title\":\"多选框\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"options\":[{\"label\":\"选项00\",\"value\":1},{\"label\":\"选项01\",\"value\":2},{\"label\":\"选项02\",\"value\":3}],\"_fc_id\":\"id_Fbtklxvqdpnwduc\",\"name\":\"ref_Fqpalxvqdpnwdvc\",\"_fc_drag_tag\":\"checkbox\",\"display\":true,\"hidden\":false},{\"type\":\"select\",\"field\":\"Fnzulxvqdpzcdwc\",\"title\":\"选择器\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"options\":[{\"label\":\"选项00\",\"value\":1},{\"label\":\"选项01\",\"value\":2},{\"label\":\"选项02\",\"value\":3}],\"_fc_id\":\"id_Fxd1lxvqdpzddxc\",\"name\":\"ref_Fjtjlxvqdpzddyc\",\"_fc_drag_tag\":\"select\",\"display\":true,\"hidden\":false},{\"type\":\"switch\",\"field\":\"Fbk6lxvqdq7edzc\",\"title\":\"开关\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_Fdtflxvqdq7ee0c\",\"name\":\"ref_Fkeslxvqdq7ee1c\",\"_fc_drag_tag\":\"switch\",\"display\":true,\"hidden\":false},{\"type\":\"rate\",\"field\":\"F2lzlxvqdqg0e2c\",\"title\":\"评分\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_F0oslxvqdqg0e3c\",\"name\":\"ref_Fegslxvqdqg0e4c\",\"_fc_drag_tag\":\"rate\",\"value\":0,\"display\":true,\"hidden\":false}]},\"_fc_id\":\"id_Fo46lxvqc840d9c\",\"name\":\"ref_F2vulxvqc841dac\",\"_fc_drag_tag\":\"fcDialog\",\"display\":true,\"hidden\":false,\"on\":{\"submit\":\"$FNX:alert(JSON.stringify($inject.args[0]));\"}}]"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '行内表单',
|
||
|
|
info: '将表单元素横向排列，适合简洁、紧凑的布局需求',
|
||
|
|
rule: "[{\"type\":\"fcInlineForm\",\"_fc_id\":\"id_Fg6tm1uoe42ce9c\",\"name\":\"ref_Fumhm1uoe42ceac\",\"_fc_drag_tag\":\"fcInlineForm\",\"children\":[{\"type\":\"input\",\"field\":\"Fbv9m1uoe66vebc\",\"title\":\"用户名\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_Fvjvm1uoe66vecc\",\"name\":\"ref_Fvpqm1uoe66vedc\",\"_fc_drag_tag\":\"input\",\"wrap\":{\"labelWidth\":\"80px\",\"labelCol\":{\"style\":{\"width\":\"4em\"}}},\"display\":true,\"hidden\":false,\"style\":{\"width\":\"100px\"}},{\"type\":\"input\",\"field\":\"Fhd5m1uoebu2eec\",\"title\":\"订单ID\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_F0otm1uoebu2efc\",\"name\":\"ref_F9sim1uoebu2egc\",\"_fc_drag_tag\":\"input\",\"wrap\":{\"labelWidth\":\"80px\",\"labelCol\":{\"style\":{\"width\":\"4em\"}}},\"style\":{\"marginLeft\":\"10px\",\"width\":\"100px\"},\"display\":true,\"hidden\":false},{\"type\":\"select\",\"field\":\"F8qsm1uoehprehc\",\"title\":\"订单分类\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"options\":[{\"label\":\"选项01\",\"value\":\"1\"},{\"label\":\"选项02\",\"value\":\"2\"},{\"label\":\"选项03\",\"value\":\"3\"}],\"_fc_id\":\"id_Fcrum1uoehpreic\",\"name\":\"ref_Fjmfm1uoehprejc\",\"_fc_drag_tag\":\"select\",\"wrap\":{\"class\":\"fc-wrap-right\",\"labelWidth\":\"80px\",\"labelCol\":{\"style\":{\"width\":\"5em\"}}},\"style\":{\"marginLeft\":\"10px\",\"width\":\"120px\"},\"display\":true,\"hidden\":false},{\"type\":\"aButton\",\"children\":[\"搜索\"],\"_fc_id\":\"id_Fc0um1uoeyekekc\",\"name\":\"ref_F7y6m1uoeyekelc\",\"style\":{\"marginLeft\":\"10px\"},\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"aButton\"}],\"display\":true,\"hidden\":false}]",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '弹性盒子布局',
|
||
|
|
info: '实现自适应布局，便于灵活排列和对齐子元素',
|
||
|
|
rule: "[{\"type\":\"aDivider\",\"children\":[\"水平分布/垂直居中\"],\"_fc_id\":\"id_Fviom1uopbang9c\",\"name\":\"ref_Fs1rm1uopbangac\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"aDivider\"},{\"type\":\"fcRow\",\"children\":[{\"type\":\"fcCell\",\"style\":{\"width\":\"100px\"},\"children\":[{\"type\":\"div\",\"title\":\"\",\"native\":true,\"style\":{\"whiteSpace\":\"pre-line\",\"backgroundColor\":\"#d3dce6\",\"width\":\"100%\",\"display\":\"block\"},\"children\":[\"文字文字文字文字文字文字文字文字\"],\"_fc_id\":\"id_Fy6vm1uok8sjfgc\",\"name\":\"ref_F3wom1uok8sjfhc\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"text\"}],\"_fc_id\":\"id_Fvbsm1uoj16ifcc\",\"name\":\"ref_F13hm1uoj16ifdc\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"fcCell\"},{\"type\":\"fcCell\",\"style\":{\"width\":\"300px\"},\"children\":[{\"type\":\"div\",\"title\":\"\",\"native\":true,\"style\":{\"whiteSpace\":\"pre-line\",\"backgroundColor\":\"#d3dce6\",\"width\":\"100%\",\"display\":\"block\"},\"children\":[\"文字\"],\"_fc_id\":\"id_Fczvm1uokzdtfmc\",\"name\":\"ref_F3wom1uok8sjfhc\",\"_fc_drag_tag\":\"text\",\"display\":true,\"hidden\":false}],\"_fc_id\":\"id_Fagqm1uokzdtfnc\",\"name\":\"ref_F13hm1uoj16ifdc\",\"_fc_drag_tag\":\"fcCell\",\"display\":true,\"hidden\":false},{\"type\":\"fcCell\",\"style\":{\"width\":\"100px\"},\"children\":[{\"type\":\"div\",\"title\":\"\",\"native\":true,\"style\":{\"whiteSpace\":\"pre-line\",\"backgroundColor\":\"#d3dce6\",\"width\":\"100%\",\"display\":\"block\"},\"children\":[\"文字\"],\"_fc_id\":\"id_Furmm1uoka73fic\",\"name\":\"ref_Foudm1uoka73fjc\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"text\"}],\"_fc_id\":\"id_Fucum1uoj16ifec\",\"name\":\"ref_F3xzm1uoj16iffc\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"fcCell\"}],\"_fc_id\":\"id_Fdgym1uoj16ifac\",\"name\":\"ref_Fdvjm1uoj16ifbc\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"fcFlex\",\"style\":{\"display\":\"flex\",\"flexDirection\":\"row\",\"justifyContent\":\"space-between\",\"alignItems\":\"center\"}},{\"type\":\"aDivider\",\"children\":[\"水平居中/顶部对齐\"],\"_fc_id\":\"id_Furfm1uoqjqvgdc\",\"name\":\"ref_Fs1rm1uopbangac\",\"_fc_drag_tag\":\"aDivider\",\"display\":true,\"hidden\":false},{\"type\":\"fcRow\",\"children\":[{\"type\":\"fcCell\",\"style\":{\"width\":\"100px\"},\"children\":[{\"type\":\"div\",\"title\":\"\",\"native\":true,\"style\":{\"whiteSpace\":\"pre-line\",\"backgroundColor\":\"#d3dce6\",\"width\":\"100%\",\"display\":\"block\"},\"children\":[\"文字文字文字文字文字文字文字文字\"],\"_fc_id\":\"id_Flo0m1uooq1rg2c\",\"name\":\"ref_F3wom1uok8sjfhc\",\"_fc_drag_tag\":\"text\",\"display\":true,\"hidden\":false}],\"_fc_id\":\"id_F35rm1uooq1rg3c\",\"name\":\"ref_F13hm1uoj16ifdc\",\"_fc_drag_tag\":\"fcCell\",\"display\":true,\"hidden\":false},{\"type\":\"fcCell\",\"style\":{\"width\":\"300px\"},\"children\":[{\"type\":\"div\",\"title\":\"\",\"native\":true,\"style\":{\"whiteSpace\":\"pre-line\",\"backgroundColor\":\"#d3dce6\",\"width\":\"100%\",\"display\":\"block\"},\"children\":[\"文字\"],\"_fc_id\":\"id_F6ixm1uooq1rg4c\",\"name\":\"ref_F3wom1uok8sjfhc\",\"_fc_drag_tag\":\"text\",\"display\":true,\"hidden\":false}],\"_fc_id\":\"id_Fxicm1uooq1rg5c\",\"name\":\"ref_F13hm1uoj16ifdc\",\"_fc_drag_tag\":\"fcCell\",\"display\":true,\"hidden\":false},{\"type\":\"fcCell\",\"style\":{\"width\":\"100px\"},\"children\":[{\"type\":\"div\",\"title\":\"\",\"native\":true,\"style\":{\"whiteSpace\":\"pre-line\",\"backgroundColor\":\"#d3dce6\",\"width\":\"100%\",\"display\":\"block\"},\"children\":[\"文字\"],\"_fc_id\":\"id_Fzkfm1uooq1rg6c\",\"name\":\"ref_Foudm1uoka73fjc\",\"_fc_drag_tag\":\"text\",\"display\":true,\"hidden\":false}],\"_fc_id\":\"id_F5d5m1uooq1rg7c\",\"name\":\"ref_F3xzm1uoj16iffc\",\"_fc_drag_tag\":\"fcCell\",\"display\":true,\"hidden\":false}],\"_fc_id\":\"id_Firtm1uooq1rg8c\",\"name\":\"ref_Fdvjm1uoj16ifbc\",\"_fc_drag_tag\":\"fcFlex\",\"style\":{\"display\":\"flex\",\"flexDirection\":\"row\",\"justifyContent\":\"center\
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '自定义组件样式',
|
||
|
|
info: '灵活设置组件样式，实现个性化的外观调整',
|
||
|
|
rule: "[{\"type\":\"input\",\"field\":\"Fm0am1uq0g76dwc\",\"title\":\"输入框\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_Foslm1uq0g76dxc\",\"name\":\"ref_Fvqfm1uq0g76dyc\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"input\",\"style\":{\"borderRadius\":\"0px 0px 0px 0px\",\"paddingTop\":\"10px\",\"paddingRight\":\"10px\",\"paddingBottom\":\"10px\",\"paddingLeft\":\"10px\",\"borderStyle\":\"solid\",\"borderColor\":\"#484141FF\"}},{\"type\":\"div\",\"wrap\":{\"show\":false},\"native\":true,\"style\":{\"width\":\"100%\",\"height\":\"20px\"},\"_fc_id\":\"id_Ftj4m1uq2v5rdzc\",\"name\":\"ref_Fypam1uq2v5re0c\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"space\"},{\"type\":\"div\",\"title\":\"\",\"native\":true,\"children\":[\"文字\"],\"_fc_id\":\"id_F847lxvsu1m4b0c\",\"name\":\"ref_Ftcalxvsu1m4b1c\",\"_fc_drag_tag\":\"text\",\"style\":{\"color\":\"#FFFFFF\",\"backgroundColor\":\"#489356FF\",\"borderRadius\":\"5px 5px 5px 5px\",\"boxShadow\":\"3px 5px 7px 2px #CBCBCBFF\",\"scale\":\"91%\",\"width\":\"100%\",\"borderStyle\":\"solid\",\"borderColor\":\"#000000FF\",\"borderWidth\":\"2px\",\"display\":\"flex\",\"justifyContent\":\"center\"},\"display\":true,\"hidden\":false},{\"type\":\"div\",\"wrap\":{\"show\":false},\"native\":true,\"style\":{\"width\":\"100%\",\"height\":\"20px\"},\"_fc_id\":\"id_Fh8nm1uq8drie3c\",\"name\":\"ref_Fa5hm1uq8drie4c\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"space\"},{\"type\":\"html\",\"title\":\"\",\"native\":true,\"attrs\":{\"innerHTML\":\"\"},\"style\":{\"height\":\"100%\",\"width\":\"100%\",\"display\":\"block\"},\"children\":[\"<div style=\\\"display: block;border: 1px solid #f6f6f7;border-radius: 12px;height: 100%;background-color: #f6f6f7;padding:24px;\\\">\\n <h2 style=\\\"line-height: 24px;font-size: 16px;font-weight: 600;\\\">JSON 表单生成</h2>\\n <p style=\\\"flex-grow: 1;padding-top: 8px;line-height: 24px;font-size: 14px;font-weight: 500;color: rgba(60, 60, 67, .78);\\\">使用 JSON 数据生成表单，无需手动编写繁琐的表单代码</p>\\n</div>\"],\"_fc_id\":\"id_F3n8m1uq3a60e1c\",\"name\":\"ref_Fiz6m1uq3a60e2c\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"html\"}]",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '组件验证规则',
|
||
|
|
rule: "[{\"type\":\"aDivider\",\"children\":[\"必填\"],\"_fc_id\":\"id_Fus3m1uwfns9alc\",\"name\":\"ref_Fh7pm1uwfns9amc\",\"_fc_drag_tag\":\"aDivider\",\"display\":true,\"hidden\":false},{\"type\":\"input\",\"field\":\"Fa90m1uwfqzjanc\",\"title\":\"输入框\",\"info\":\"\",\"$required\":true,\"_fc_id\":\"id_Fxhqm1uwfqzjaoc\",\"name\":\"ref_F9mbm1uwfqzjapc\",\"_fc_drag_tag\":\"input\",\"display\":true,\"hidden\":false},{\"type\":\"aDivider\",\"children\":[\"正则验证\"],\"_fc_id\":\"id_F34qm1uwfxioaqc\",\"name\":\"ref_Fh7pm1uwfns9amc\",\"_fc_drag_tag\":\"aDivider\",\"display\":true,\"hidden\":false},{\"type\":\"input\",\"field\":\"Flrym1uwg3tiarc\",\"title\":\"手机号\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_F882m1uwg3tiasc\",\"name\":\"ref_Fn4xm1uwg3tiatc\",\"_fc_drag_tag\":\"input\",\"validate\":[{\"transform\":\"[[FORM-CREATE-PREFIX-function anonymous(val\\n) {\\nthis.type = Array.isArray(val) ? 'array' : (typeof val); return val;\\n}-FORM-CREATE-SUFFIX]]\",\"mode\":\"pattern\",\"trigger\":\"blur\",\"pattern\":\"^(?:(?:\\\\+|00)86)?1[3-9]\\\\d{9}$\",\"message\":\"请输入正确的手机号\"}],\"display\":true,\"hidden\":false},{\"type\":\"aDivider\",\"children\":[\"自定义验证\"],\"_fc_id\":\"id_Fvncm1uwgo5iauc\",\"name\":\"ref_Fh7pm1uwfns9amc\",\"_fc_drag_tag\":\"aDivider\",\"display\":true,\"hidden\":false},{\"type\":\"fcRow\",\"children\":[{\"type\":\"fcCell\",\"children\":[{\"type\":\"datePicker\",\"field\":\"Frolm1uwgx52avc\",\"title\":\"开始时间\",\"info\":\"\",\"$required\":false,\"_fc_drag_tag\":\"datePicker\",\"validate\":[{\"type\":\"validator\",\"trigger\":\"change\",\"validator\":\"[[FORM-CREATE-PREFIX-function validator(rule, value, callback){this.api.validateField('F3n3m1uwgx52axc');\\ncallback();}-FORM-CREATE-SUFFIX]]\",\"mode\":\"validator\",\"message\":\"\"}],\"_fc_template\":\"duration\",\"_fc_id\":\"id_Fzevm1uwgx53b0c\",\"name\":\"ref_Fk5om1uwgx53b1c\",\"display\":true,\"hidden\":false}],\"_fc_drag_tag\":\"fcCell\",\"style\":{\"width\":\"400px\"},\"_fc_template\":\"duration\",\"_fc_id\":\"id_Fp60m1uwgx53b2c\",\"name\":\"ref_Fcmrm1uwgx53b3c\",\"display\":true,\"hidden\":false},{\"type\":\"fcCell\",\"children\":[{\"type\":\"select\",\"field\":\"Fvv0m1uwgx52awc\",\"title\":\"\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"options\":[{\"label\":\"上午\",\"value\":\"1\"},{\"label\":\"下午\",\"value\":\"1.5\"}],\"_fc_drag_tag\":\"select\",\"_fc_template\":\"duration\",\"_fc_id\":\"id_Fwh8m1uwgx53b4c\",\"name\":\"ref_Fu5lm1uwgx53b5c\",\"display\":true,\"hidden\":false}],\"_fc_drag_tag\":\"fcCell\",\"style\":{\"paddingLeft\":\"10px\",\"width\":\"150px\"},\"_fc_template\":\"duration\",\"_fc_id\":\"id_F58mm1uwgx53b6c\",\"name\":\"ref_Fioum1uwgx53b7c\",\"display\":true,\"hidden\":false}],\"_fc_drag_tag\":\"fcFlex\",\"_fc_template\":\"duration\",\"_fc_id\":\"id_F7hxm1uwgx53b8c\",\"name\":\"ref_Fwbgm1uwgx53b9c\",\"display\":true,\"hidden\":false},{\"type\":\"fcRow\",\"children\":[{\"type\":\"fcCell\",\"children\":[{\"type\":\"datePicker\",\"field\":\"F3n3m1uwgx52axc\",\"title\":\"结束时间\",\"info\":\"\",\"$required\":false,\"_fc_drag_tag\":\"datePicker\",\"validate\":[{\"type\":\"validator\",\"trigger\":\"change\",\"validator\":\"[[FORM-CREATE-PREFIX-function validator(rule, value, callback){let startTime = this.api.getValue('Frolm1uwgx52avc');\\nif(startTime && value && Date.parse(startTime) > Date.parse(value)) {\\n\\tcallback(false);\\n return;\\n}\\ncallback()}-FORM-CREATE-SUFFIX]]\",\"mode\":\"min\",\"message\":\"开始时间不能大于结束时间\"}],\"_fc_template\":\"duration\",\"_fc_id\":\"id_Fc33m1uwgx53bac\",\"name\":\"ref_F6f8m1uwgx53bbc\",\"display\":true,\"hidden\":false}],\"_fc_drag_tag\":\"fcCell\",\"style\":{\"width\":\"400px\"},\"_fc_template\":\"duration\",\"_fc_id\":\"id_Fe25m1uwgx53bcc\",\"name\":\"ref_Fatbm1uwgx53bdc\",\"display\":true,\"hidden\":false},{\"type\":\"fcCell\",\"children\":[{\"type\":\"select\",\"field\":\"Fr8pm1uwgx52ayc\",\"title\":\"\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '懒加载表单数据',
|
||
|
|
info: '通过load方法加载表单列表中表单项的数据',
|
||
|
|
load() {
|
||
|
|
return new Promise(resolve => {
|
||
|
|
setTimeout(() => {
|
||
|
|
resolve({
|
||
|
|
rule: "[{\"type\":\"input\",\"field\":\"F86hluigam0lanc\",\"title\":\"商品名称\",\"info\":\"\",\"$required\":true,\"props\":{\"placeholder\":\"请输入商品名称\"},\"_fc_drag_tag\":\"input\",\"_fc_id\":\"id_Ffipm1uyvz01asc\",\"name\":\"ref_Fdv9m1uyvz01atc\",\"display\":true,\"hidden\":false},{\"type\":\"input\",\"field\":\"Fxhhluig9i7zadc\",\"title\":\"商品简介\",\"info\":\"\",\"$required\":false,\"props\":{\"type\":\"textarea\",\"placeholder\":\"请输入商品简介\"},\"_fc_drag_tag\":\"textarea\",\"_fc_id\":\"id_Fxjhm1uyvz01auc\",\"name\":\"ref_Fwknm1uyvz01avc\",\"display\":true,\"hidden\":false},{\"type\":\"inputNumber\",\"field\":\"Fbw5luigfcb7azc\",\"title\":\"商品价格\",\"info\":\"\",\"$required\":true,\"_fc_drag_tag\":\"inputNumber\",\"_fc_id\":\"id_Fpj2m1uyvz01awc\",\"name\":\"ref_Fjp4m1uyvz01axc\",\"display\":true,\"hidden\":false},{\"type\":\"fcValue\",\"field\":\"Fcpxluigfcb7b0c\",\"title\":\" \",\"info\":\"\",\"_fc_drag_tag\":\"fcValue\",\"style\":{\"color\":\"#999999\"},\"_fc_id\":\"id_Fjeym1uyvz01ayc\",\"name\":\"ref_Fwzem1uyvz01azc\",\"display\":true,\"hidden\":false,\"computed\":{\"value\":\"\\\"大写: \\\" + TOCHINSESAMOUNT(Fbw5luigfcb7azc || 0)\"}},{\"type\":\"checkbox\",\"field\":\"F5x2luig9sekahc\",\"title\":\"商品标签\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"options\":[{\"label\":\"数码\",\"value\":2},{\"label\":\"食品\",\"value\":3},{\"label\":\"服装\",\"value\":4}],\"_fc_drag_tag\":\"checkbox\",\"_fc_id\":\"id_Fxx7m1uyvz01b0c\",\"name\":\"ref_Fp0xm1uyvz01b1c\",\"display\":true,\"hidden\":false},{\"type\":\"upload\",\"field\":\"Fkwlluigjiikbgc\",\"title\":\"商品轮播图\",\"info\":\"\",\"$required\":false,\"props\":{\"onSuccess\":\"[[FORM-CREATE-PREFIX-function onSuccess(res, file) {\\n file.url = res.data.url;\\n }-FORM-CREATE-SUFFIX]]\"},\"_fc_drag_tag\":\"upload\",\"_fc_id\":\"id_Fb0em1uyvz01b2c\",\"name\":\"ref_Fce4m1uyvz01b3c\",\"display\":true,\"hidden\":false},{\"type\":\"select\",\"field\":\"Fcusluiga8nealc\",\"title\":\"商品分类\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":true,\"props\":{\"placeholder\":\"请选择商品分类\"},\"options\":[{\"label\":\"笔记本\",\"value\":2},{\"label\":\"选项01\",\"value\":3},{\"label\":\"选项02\",\"value\":4}],\"_fc_drag_tag\":\"select\",\"_fc_id\":\"id_Fxhmm1uyvz01b4c\",\"name\":\"ref_Fkgqm1uyvz01b5c\",\"display\":true,\"hidden\":false},{\"type\":\"datePicker\",\"field\":\"Fg4aluigb6wuapc\",\"title\":\"上架时间\",\"info\":\"\",\"$required\":false,\"props\":{\"placeholder\":\"请选择上架时间\"},\"_fc_drag_tag\":\"datePicker\",\"_fc_id\":\"id_F6v1m1uyvz01b6c\",\"name\":\"ref_F7rgm1uyvz01b7c\",\"display\":true,\"hidden\":false},{\"type\":\"tableForm\",\"field\":\"Fov6luigc191arc\",\"title\":\"商品属性\",\"info\":\"\",\"props\":{\"columns\":[{\"label\":\"属性名称\",\"required\":false,\"style\":{\"width\":\"auto\"},\"rule\":[{\"type\":\"input\",\"field\":\"F9flluigc3srauc\",\"title\":\"输入框\",\"info\":\"\",\"$required\":false,\"props\":{\"placeholder\":\"请输入属性名称\"},\"_fc_drag_tag\":\"input\",\"_fc_id\":\"id_Fr2km1uyvz01b8c\",\"name\":\"ref_Fadsm1uyvz01b9c\",\"display\":true,\"hidden\":false}]},{\"label\":\"属性值\",\"required\":false,\"style\":{\"width\":\"auto\"},\"rule\":[{\"type\":\"input\",\"field\":\"Fa19luigcp3iaxc\",\"title\":\"输入框\",\"info\":\"\",\"$required\":false,\"props\":{\"placeholder\":\"请输入属性值\"},\"_fc_drag_tag\":\"input\",\"_fc_id\":\"id_Fwvsm1uyvz01bbc\",\"name\":\"ref_Fdibm1uyvz01bcc\",\"display\":true,\"hidden\":false}]}]},\"_fc_drag_tag\":\"tableForm\",\"_fc_id\":\"id_Fpepm1uyvz01bec\",\"name\":\"ref_Fmv1m1uyvz01bfc\",\"display\":true,\"hidden\":false},{\"type\":\"fcRow\",\"children\":[{\"type\":\"col\",\"props\":{\"span\":6},\"_fc_drag_tag\":\"col\",\"children\":[{\"type\":\"switch\",\"field\":\"Fgsfluighkz0b8c\",\"title\":\"是否显示\",\"info\":\"\",\"$required\":false,\"_fc_drag_tag\":\"switch\",\"_fc_id\":\"id_Fzm6m1uyvz01bgc\",\"name\":\"ref_Fg
|
||
|
|
options: "{\"form\":{\"inline\":false,\"hideRequiredAsterisk\":false,\"labelPosition\":\"right\",\"size\":\"default\",\"labelWidth\":\"125px\"},\"globalEvent\":{\"event_Feq4lui56zxbabc\":{\"label\":\"自定义\",\"deletable\":false,\"handle\":\"[[FORM-CREATE-PREFIX-function handle($inject){aaa;}-FORM-CREATE-SUFFIX]]\"},\"event_Feq4lui56zxbab2c\":{\"label\":\"自定义2\",\"handle\":\"[[FORM-CREATE-PREFIX-function handle($inject) {\\n console.log($inject);\\n }-FORM-CREATE-SUFFIX]]\"}},\"globalData\":{\"data_Fk6dlui4k0xuabc\":{\"label\":\"自定义数据\",\"type\":\"static\",\"data\":[1,2,3,4]},\"data_Fs1elui4kttlacc\":{\"action\":\"http://192.168.1.4:8081/\",\"deletable\":false,\"method\":\"GET\",\"headers\":{},\"data\":{},\"parse\":\"[[FORM-CREATE-PREFIX-function parse(res){return res.data;}-FORM-CREATE-SUFFIX]]\",\"onError\":\"[[FORM-CREATE-PREFIX-function onError(e){}-FORM-CREATE-SUFFIX]]\",\"label\":\"自定义接口数据\",\"type\":\"fetch\"}},\"resetBtn\":{\"show\":false,\"innerText\":\"重置\"},\"submitBtn\":{\"show\":true,\"innerText\":\"提交\"},\"globalVariable\":{\"var_Fppdlz6gytmzb1c\":{\"label\":\"token\",\"deletable\":false,\"handle\":\"[[FORM-CREATE-PREFIX-function handle(get, api) {\\n return get('$cookie.token') || 'default Token';\\n }-FORM-CREATE-SUFFIX]]\"}},\"globalClass\":{\"cls_Fzmulzw3u0oib0c\":{\"label\":\"fff\",\"deletable\":false,\"style\":{\"color\":\"red\"}}}}",
|
||
|
|
});
|
||
|
|
}, 3000);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '事件交互',
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
label: '监听事件',
|
||
|
|
info: '捕捉组件交互事件，便于实现动态响应和逻辑处理',
|
||
|
|
rule: "[{\"type\":\"input\",\"field\":\"F7fjlxvqrlfzeic\",\"title\":\"输入框\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_Fzbxlxvqrlfzejc\",\"name\":\"ref_Frkelxvqrlfzekc\",\"_fc_drag_tag\":\"input\",\"display\":true,\"hidden\":false,\"on\":{\"blur\":\"$FNX:$inject.api.getRefRule('ref_Fyd6lxvqrvboemc').children = ['触发了blur事件' + Date.now()]\",\"focus\":\"$FNX:$inject.api.getRefRule('ref_Fyd6lxvqrvboemc').children = ['触发了focus事件' + Date.now()]\",\"input\":\"$FNX:$inject.api.getRefRule('ref_Fyd6lxvqrvboemc').children = ['触发了input事件' + Date.now()]\"}},{\"type\":\"div\",\"native\":false,\"children\":[\"未触发\"],\"_fc_id\":\"id_F3xilxvqrvboelc\",\"name\":\"ref_Fyd6lxvqrvboemc\",\"_fc_drag_tag\":\"text\",\"style\":{\"color\":\"#666666FF\"},\"display\":true,\"hidden\":false,\"title\":\"结果\"}]",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '执行动作',
|
||
|
|
info: '允许触发特定行为，实现表单中的动态交互和流程控制',
|
||
|
|
rule: "[{\"type\":\"div\",\"title\":\"动作顺序\",\"native\":false,\"style\":{\"whiteSpace\":\"pre-line\",\"display\":\"block\",\"width\":\"100%\"},\"children\":[\"1. 验证表单\\n2. 验证通过后禁用\\\"输入框\\\"组件\\n3. 修改\\\"输入框\\\"组件的值为\\\"FormCreate\\\"\"],\"_fc_id\":\"id_Fak3m1up7t31klc\",\"name\":\"ref_F500m1up7t31kmc\",\"_fc_drag_tag\":\"text\",\"display\":true,\"hidden\":false},{\"type\":\"input\",\"field\":\"F71mm1up4r7pkic\",\"title\":\"输入框\",\"info\":\"\",\"$required\":true,\"_fc_id\":\"id_F22im1up4r7pkjc\",\"name\":\"ref_F2owm1up4r7pkkc\",\"_fc_drag_tag\":\"input\",\"display\":true,\"hidden\":false},{\"type\":\"aButton\",\"children\":[\"执行\"],\"_fc_id\":\"id_Ftobm1up4gjhkgc\",\"name\":\"ref_Fm29m1up4gjhkhc\",\"$behavior\":{\"click\":[{\"method\":\"validate\",\"ignoreError\":false,\"stopPropagation\":\"\",\"expression\":\"\"},{\"method\":\"disabled\",\"ignoreError\":false,\"stopPropagation\":\"\",\"expression\":\"\",\"config\":{\"id\":[\"id_F22im1up4r7pkjc\"],\"compute\":false,\"status\":true}},{\"method\":\"setValue\",\"ignoreError\":false,\"stopPropagation\":\"\",\"expression\":\"\",\"config\":{\"formData\":[{\"id\":\"id_F22im1up4r7pkjc\",\"compute\":false,\"value\":\"FormCreate\"}]}}]},\"style\":{\"marginLeft\":\"125px\"},\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"aButton\"}]",
|
||
|
|
}
|
||
|
|
],
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '组件联动',
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
label: '公式计算',
|
||
|
|
info: '使用公式自动计算字段值，实现数据的动态运算和联动更新',
|
||
|
|
rule: "[{\"type\":\"input\",\"field\":\"Fynvm1upczxam2c\",\"title\":\"商品价格\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_Fvkym1upczxam3c\",\"name\":\"ref_F1v7m1upczxam4c\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"input\"},{\"type\":\"input\",\"field\":\"Fabgm1upd7znm5c\",\"title\":\"销售数量\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_Fdwrm1upd7znm6c\",\"name\":\"ref_F4ssm1upd7znm7c\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"input\"},{\"type\":\"input\",\"field\":\"F1gum1updrnum8c\",\"title\":\"退款数量\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_F3cpm1updrnum9c\",\"name\":\"ref_Far3m1updrnumac\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"input\"},{\"type\":\"fcValue\",\"field\":\"F27gm1updxm7mbc\",\"title\":\"销售总价\",\"info\":\"\",\"_fc_id\":\"id_Fk79m1updxm7mcc\",\"name\":\"ref_Fse7m1updxm7mdc\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"fcValue\",\"computed\":{\"value\":\"IF(GT(Fynvm1upczxam2c,0), MUL(Fynvm1upczxam2c || '', '' + SUB(TONUMBER(Fabgm1upd7znm5c || 0),TONUMBER(F1gum1updrnum8c || 0))), 0)\"}},{\"type\":\"fcValue\",\"field\":\"F8lbm1uphskcmec\",\"title\":\"中文大写\",\"info\":\"\",\"_fc_id\":\"id_Fvxom1uphskcmfc\",\"name\":\"ref_Fsn5m1uphskcmgc\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"fcValue\",\"computed\":{\"value\":\"TOCHINSESAMOUNT(F27gm1updxm7mbc || 0)\"}}]",
|
||
|
|
options: "{\"form\":{\"inline\":false,\"hideRequiredAsterisk\":false,\"labelPosition\":\"right\",\"size\":\"default\",\"labelWidth\":\"125px\"},\"globalEvent\":{},\"globalData\":{},\"resetBtn\":{\"show\":false,\"innerText\":\"重置\"},\"submitBtn\":{\"show\":true,\"innerText\":\"提交\"},\"formData\":{\"Fynvm1upczxam2c\":\"100\",\"Fabgm1upd7znm5c\":\"300\",\"F1gum1updrnum8c\":\"90\",\"F27gm1updxm7mbc\":21000,\"F8lbm1uphskcmec\":\"贰万壹仟元整\"}}",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '绑定变量',
|
||
|
|
info: '将组件值与变量关联，实现数据共享和实时更新',
|
||
|
|
rule: "[{\"type\":\"aDivider\",\"children\":[\"基础\"],\"_fc_id\":\"id_Flg8m1uqc2vaetc\",\"name\":\"ref_F9u8m1uqc2vaeuc\",\"_fc_drag_tag\":\"aDivider\",\"display\":true,\"hidden\":false},{\"type\":\"select\",\"field\":\"Fvixlz6gmhetc7c\",\"title\":\"选择器\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"options\":[{\"label\":\"选项00\",\"value\":\"1\"},{\"label\":\"选项01\",\"value\":\"2\"},{\"label\":\"选项02\",\"value\":\"3\"}],\"_fc_id\":\"id_Fdt0lz6gmhetc8c\",\"name\":\"ref_Flkglz6gmhetc9c\",\"_fc_drag_tag\":\"select\",\"display\":true,\"hidden\":false},{\"type\":\"select\",\"field\":\"Fe1fm1uqcszkevc\",\"title\":\"自动同步\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"options\":[{\"label\":\"选项00\",\"value\":\"1\"},{\"label\":\"选项01\",\"value\":\"2\"},{\"label\":\"选项02\",\"value\":\"3\"}],\"_fc_id\":\"id_Fswqm1uqcszkewc\",\"name\":\"ref_Flkglz6gmhetc9c\",\"_fc_drag_tag\":\"select\",\"display\":true,\"hidden\":false,\"$loadData\":[{\"attr\":\"$form.Fvixlz6gmhetc7c\",\"to\":\"value\",\"modify\":true}]},{\"type\":\"aDivider\",\"children\":[\"计算\"],\"_fc_id\":\"id_Fudxm1uqdtglexc\",\"name\":\"ref_F9u8m1uqc2vaeuc\",\"_fc_drag_tag\":\"aDivider\",\"display\":true,\"hidden\":false},{\"type\":\"input\",\"field\":\"F3k5m1ur2ymyb4c\",\"title\":\"前缀\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_F1ugm1ur2ymyb5c\",\"name\":\"ref_Fcvfm1ur2ymyb6c\",\"_fc_drag_tag\":\"input\",\"display\":true,\"hidden\":false},{\"type\":\"select\",\"field\":\"Fho3m1uqgvqcfcc\",\"title\":\"选择器\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"options\":[{\"label\":\"选项01\",\"value\":\"1\"},{\"label\":\"选项02\",\"value\":\"2\"},{\"label\":\"选项03\",\"value\":\"3\"}],\"_fc_id\":\"id_Fcivm1uqgvqcfdc\",\"name\":\"ref_Fk33m1uqgvqcfec\",\"_fc_drag_tag\":\"select\",\"display\":true,\"hidden\":false},{\"type\":\"input\",\"field\":\"Fwlnm1uqgy8lfgc\",\"title\":\"输入框\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_F2vwm1uqgy8lfhc\",\"name\":\"ref_Ftdcm1uqgy8lfic\",\"_fc_drag_tag\":\"input\",\"display\":true,\"hidden\":false,\"$loadData\":[{\"attr\":\"$var.var_Fi61m2a3znylapc\",\"to\":\"value\",\"modify\":true}]},{\"type\":\"aDivider\",\"children\":[\"加载选项\"],\"_fc_id\":\"id_Fy3gm1urxwfzb7c\",\"name\":\"ref_F9u8m1uqc2vaeuc\",\"_fc_drag_tag\":\"aDivider\",\"display\":true,\"hidden\":false},{\"type\":\"input\",\"field\":\"Fwy9m1uryfv6bec\",\"title\":\"前缀\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_Fj9sm1uryfv6bfc\",\"name\":\"ref_Ftc1m1uryfv6bgc\",\"_fc_drag_tag\":\"input\",\"display\":true,\"hidden\":false},{\"type\":\"select\",\"field\":\"Fwhzm1uryccob8c\",\"title\":\"选择器\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"options\":[{\"label\":\"选项01\",\"value\":\"1\"},{\"label\":\"选项02\",\"value\":\"2\"},{\"label\":\"选项03\",\"value\":\"3\"}],\"_fc_id\":\"id_F3lum1uryccob9c\",\"name\":\"ref_F21bm1uryccobac\",\"_fc_drag_tag\":\"select\",\"display\":true,\"hidden\":false,\"$loadData\":[{\"attr\":\"$var.var_Fiqem2a443swaqc\",\"to\":\"options\"}]},{\"type\":\"aDivider\",\"children\":[\"获取Token\"],\"_fc_id\":\"id_Fn6nm1us1nneblc\",\"name\":\"ref_F9u8m1uqc2vaeuc\",\"_fc_drag_tag\":\"aDivider\",\"display\":true,\"hidden\":false},{\"type\":\"upload\",\"field\":\"Fffzm1us1lqfbic\",\"title\":\"上传\",\"info\":\"\",\"$required\":false,\"props\":{\"action\":\"/\",\"onSuccess\":\"[[FORM-CREATE-PREFIX-function anonymous(res,file\\n) {\\nfile.url = res.data.url;\\n}-FORM-CREATE-SUFFIX]]\"},\"_fc_id\":\"id_Fvyjm1us1lqfbjc\",\"name\":\"ref_Fh4rm1us1lqfbkc\",\"_fc_drag_tag\":\"upload\",\"display\":true,\"hidden\":false,\"$loadData\":[{\"attr\":\"$var.var_Fhp2m2a46gezarc\",\"to\":\"props.headers\"}]}]",
|
||
|
|
options: "{\"form\":{\"inline\":false,\"hideRequiredAsterisk\":false,\"labelPosition\":\"right\",\"size\":\"default\",\"labelWidth\":\"125px\"},\"globalEvent\":{},\"globalData\":{},\"resetBtn\":{\"show\":false,\"innerText\":\"重置\"},\"submitBtn\":{\"show\":true,\"innerText\":\"提交\"},\"globalVariable\":{\"var_Fi61m2a3znylapc\":{\"label\":\"自动计算\",\"handle\":\"[[FORM-CREATE-PREFIX-function handle(get, api){return get('$form.F3k5m1ur2ymyb4c','default') + '-'+ get('$form.Fho3m1uqgvqcfcc', '');}-FORM-CREATE-SUFFIX]]\"},\"var_Fiqem2a443swaqc\":{\"label\":\"生成选项\",\"handle\":\"[[FORM-CREATE-PREFIX-function handle(get, api){const prefix = get('$form.Fwy9m1uryfv6bec','default');\\nreturn [\\n {\\n \\\"label\\\": prefix + \\\"-选项00\\\",\\n \\\"value\\\": \\\"1\\\"\\n },\\n {\\n \\\"label\\\": prefix + \\\"-选项01\\\",\\n \\\"value\\\": \\\"2\\\"\\n },\\n {\\n \\\"label\\\": prefix + \\\"-选项02\\\",\\n \\\"value\\\": \\\"3\\\"\\n }\\n ];}-FORM-CREATE-SUFFIX]]\"},\"var_Fhp2m2a46gezarc\":{\"label\":\"TOKEN\",\"handle\":\"[[FORM-CREATE-PREFIX-function handle(get, api){return {Token: get('$cookie.token', 'default')};}-FORM-CREATE-SUFFIX]]\"}}}",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '数据联动',
|
||
|
|
info: '实现组件间的数据自动同步，根据输入动态更新其他字段',
|
||
|
|
rule: "[{\"type\":\"switch\",\"field\":\"Fum1m1upvn0nchc\",\"title\":\"开启联动\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_Foe1m1upvn0ncic\",\"name\":\"ref_Fn1vm1upvn0ncjc\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"switch\"},{\"type\":\"select\",\"field\":\"F7wfm1upvhevcbc\",\"title\":\"用户列表\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"options\":[{\"label\":\"用户01\",\"value\":\"1\"},{\"label\":\"用户02\",\"value\":\"2\"},{\"label\":\"用户03\",\"value\":\"3\"}],\"_fc_id\":\"id_Fgxmm1upvhewccc\",\"name\":\"ref_Fz9wm1upvhewcdc\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"select\"},{\"type\":\"input\",\"field\":\"Flxtm1upvlvgcec\",\"title\":\"用户ID\",\"info\":\"\",\"$required\":true,\"props\":{\"readonly\":true},\"_fc_id\":\"id_F4q5m1upvlvgcfc\",\"name\":\"ref_Fnffm1upvlvgcgc\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"input\",\"computed\":{\"value\":{\"mode\":\"AND\",\"group\":[{\"field\":\"Fum1m1upvn0nchc\",\"condition\":\"==\",\"value\":true}],\"linkage\":\"F7wfm1upvhevcbc\"}}}]",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '控制组件状态',
|
||
|
|
info: '使用公式和逻辑条件灵活设置组件的显隐、禁用等状态',
|
||
|
|
rule: "[{\"type\":\"radio\",\"field\":\"F52hlxvqk4uge8c\",\"title\":\"逻辑控制\",\"info\":\"\",\"effect\":{\"fetch\":\"\"},\"$required\":false,\"options\":[{\"label\":\"必填\",\"value\":1},{\"label\":\"禁用\",\"value\":2},{\"label\":\"隐藏\",\"value\":3}],\"_fc_id\":\"id_F5eqlxvqk4uge9c\",\"name\":\"ref_F363lxvqk4ugeac\",\"_fc_drag_tag\":\"radio\",\"display\":true,\"hidden\":false},{\"type\":\"switch\",\"field\":\"Febwlxvqktmiebc\",\"title\":\"逻辑开关\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_Fl9elxvqktmiecc\",\"name\":\"ref_F69wlxvqktmiedc\",\"_fc_drag_tag\":\"switch\",\"display\":true,\"hidden\":false},{\"type\":\"input\",\"field\":\"Fr0slxvqlc13eec\",\"title\":\"受控组件\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_F3k7lxvqlc13efc\",\"name\":\"ref_Fhvvlxvqlc13egc\",\"_fc_drag_tag\":\"input\",\"display\":true,\"hidden\":false,\"computed\":{\"hidden\":{\"mode\":\"AND\",\"group\":[{\"field\":\"F52hlxvqk4uge8c\",\"condition\":\"==\",\"value\":3},{\"field\":\"Febwlxvqktmiebc\",\"condition\":\"==\",\"value\":true}]},\"$required\":{\"mode\":\"AND\",\"group\":[{\"field\":\"Febwlxvqktmiebc\",\"condition\":\"==\",\"value\":true},{\"field\":\"F52hlxvqk4uge8c\",\"condition\":\"==\",\"value\":1}]},\"props.disabled\":{\"mode\":\"AND\",\"group\":[{\"field\":\"F52hlxvqk4uge8c\",\"condition\":\"==\",\"value\":2},{\"field\":\"Febwlxvqktmiebc\",\"condition\":\"==\",\"value\":true}]}}}]",
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '常见问题',
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
label: '调用组件方法',
|
||
|
|
rule: "[{\"type\":\"input\",\"field\":\"F45nm33v3zhxdxc\",\"title\":\"输入框\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_Fkebm33v3zhxdyc\",\"name\":\"ref_Fc2ym33v3zhxdzc\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"input\"},{\"type\":\"aButton\",\"children\":[\"激活输入框\"],\"_fc_id\":\"id_Fmz3m33v3ylydvc\",\"name\":\"ref_F4f3m33v3ylzdwc\",\"display\":true,\"hidden\":false,\"_fc_drag_tag\":\"aButton\",\"on\":{\"click\":\"$FNX:$inject.api.el('F45nm33v3zhxdxc').focus();\"},\"style\":{\"marginLeft\":\"125px\"}}]",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '修改表格表单行数据',
|
||
|
|
rule: "[{\"type\":\"tableForm\",\"field\":\"F4abm1uxvanaf8c\",\"title\":\"表格表单\",\"info\":\"\",\"props\":{\"columns\":[{\"label\":\"名称\",\"required\":false,\"style\":{\"width\":\"auto\"},\"rule\":[{\"type\":\"input\",\"field\":\"Fsyem1uxvez1fdc\",\"title\":\"输入框\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_F8lsm1uxvez1fec\",\"name\":\"ref_F761m1uxvez1ffc\",\"_fc_drag_tag\":\"input\",\"display\":true,\"hidden\":false}]},{\"label\":\"链接\",\"required\":false,\"style\":{\"width\":\"auto\"},\"rule\":[{\"type\":\"input\",\"field\":\"F2zim1uxvgm7fgc\",\"title\":\"输入框\",\"info\":\"\",\"$required\":false,\"_fc_id\":\"id_F8dum1uxvgm7fhc\",\"name\":\"ref_F2ojm1uxvgm7fic\",\"_fc_drag_tag\":\"input\",\"display\":true,\"hidden\":false}]},{\"label\":\"操作\",\"required\":false,\"style\":{\"width\":\"150px\"},\"rule\":[{\"type\":\"aButton\",\"props\":{\"type\":\"success\"},\"children\":[\"修改行数据\"],\"_fc_id\":\"id_Ffgwm1uxvm4rfkc\",\"name\":\"ref_Fofjm1uxvm4rflc\",\"_fc_drag_tag\":\"aButton\",\"style\":{\"flexDirection\":\"column\",\"alignItems\":\"center\"},\"display\":true,\"hidden\":false,\"on\":{\"click\":\"$FNX:const parent = $inject.api.getParentSubRule($inject.self);\\nconst formData = $inject.api.getChildrenFormData(parent);\\nconsole.log(formData);\\n$inject.api.setChildrenFormData(parent, {\\n 'Fsyem1uxvez1fdc': 'FormCreate',\\n 'F2zim1uxvgm7fgc': 'https://form-create.com/'\\n});\"}},{\"type\":\"aButton\",\"props\":{\"type\":\"warning\"},\"children\":[\"隐藏指定组件\"],\"_fc_id\":\"id_F9ozm2brl2hyafc\",\"name\":\"ref_F14nm2brl2hyagc\",\"_fc_drag_tag\":\"aButton\",\"style\":{\"marginLeft\":\"0px\",\"flexDirection\":\"column\",\"alignItems\":\"center\"},\"display\":true,\"hidden\":false,\"on\":{\"click\":\"$FNX:const fApi = $inject.api;\\nconst parent = fApi.getParentSubRule($inject.self);\\nconst children = fApi.getChildrenRuleList(parent);\\n\\nchildren.forEach(rule=>{\\n\\tif(rule.field === 'F2zim1uxvgm7fgc') {\\n\\t\\trule.hidden = !rule.hidden;\\n\\t}\\n});\"}}]}]},\"_fc_id\":\"id_Fq2nm1uxvanaf9c\",\"name\":\"ref_Fri4m1uxvanafac\",\"_fc_drag_tag\":\"tableForm\",\"display\":true,\"hidden\":false}]",
|
||
|
|
},
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '低代码表单(演示数据)',
|
||
|
|
children: [1, 2, 3, 4, 5, 6, 7, 8, 9].map(k => {
|
||
|
|
return {
|
||
|
|
label: '低代码表单' + k,
|
||
|
|
rule: demoRule
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '组合数据(演示数据)',
|
||
|
|
children: [1, 2, 3, 4, 5, 6, 7, 8, 9].map(k => {
|
||
|
|
return {
|
||
|
|
label: '组合数据' + k,
|
||
|
|
rule: demoRule
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '系统配置(演示数据)',
|
||
|
|
children: [1, 2, 3, 4, 5, 6, 7, 8, 9].map(k => {
|
||
|
|
return {
|
||
|
|
label: '系统配置' + k,
|
||
|
|
rule: demoRule
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '数据库表维护(演示数据)',
|
||
|
|
children: [1, 2, 3, 4, 5, 6, 7, 8, 9].map(k => {
|
||
|
|
return {
|
||
|
|
label: '数据表' + k,
|
||
|
|
rule: demoRule
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
];
|