snowy-designer/dist/extensions/antd/subform/index.js

基于Epic-Designer-Pro版本的设计器,可视化开发页面表单

const o = {
  component: async () => await import("./subform.vue.js"),
  config: {
    attribute: [
      {
        field: "componentProps.tableName",
        label: "子数据表",
        show: ({ tableJson: e }) => e,
        type: "EpSelectDataTable"
      },
      {
        field: "field",
        label: "字段名",
        show: ({ values: e }) => {
          var l;
          return !((l = e.componentProps) != null && l.tableName);
        },
        type: "EpField"
      },
      {
        field: "label",
        label: "标题",
        type: "input"
      },
      {
        componentProps: {
          options: [
            {
              label: "表格",
              value: void 0
            },
            {
              label: "平铺",
              value: "tile"
            }
          ]
        },
        field: "componentProps.layout",
        label: "对齐方式",
        type: "radio"
      },
      {
        componentProps: {
          options: [
            {
              label: "禁用",
              value: "disabled"
            },
            {
              label: "隐藏",
              value: "hidden"
            },
            // {
            //   label: "隐藏label",
            //   value: "noFormItem",
            // },
            {
              label: "显示序号",
              value: "sn"
            }
          ]
        },
        label: "操作属性",
        layout: "vertical",
        type: "EOperationConfigurator"
      },
      {
        componentProps: {
          ruleType: "array"
        },
        description: "校验规则需要配合表单使用",
        field: "rules",
        label: "表单校验",
        layout: "vertical",
        type: "ERuleEditor"
      }
    ],
    event: [
      {
        description: "值修改",
        type: "change"
      }
    ]
  },
  defaultSchema: {
    componentProps: {
      labelCol: {
        span: 24
      }
    },
    field: "subform",
    input: !0,
    label: "子表单",
    type: "subform",
    children: []
  },
  groupName: "表单",
  icon: "icon--epic--form-new"
};
export {
  o as default
};