epic-designer/dist/ui/antd/upload-file/index.js

基于vue3的设计器,可视化开发页面表单

const e = {
  bindModel: "modelValue",
  component: () => import("./uploadFile.vue.js"),
  config: {
    attribute: [
      {
        field: "field",
        label: "字段名",
        type: "input"
      },
      {
        field: "label",
        label: "标题",
        type: "input"
      },
      {
        field: "componentProps.action",
        label: "请求地址",
        type: "input"
      },
      {
        componentProps: {
          allowClear: !0,
          options: [
            {
              label: "text",
              value: "text"
            },
            {
              label: "picture",
              value: "picture"
            }
          ],
          placeholder: "请选择"
        },
        field: "componentProps.listType",
        label: "列表样式",
        type: "select"
      },
      {
        field: "componentProps.multiple",
        label: "多选",
        type: "switch"
      },
      {
        componentProps: {
          min: 0,
          placeholder: "请输入"
        },
        field: "componentProps.maxCount",
        label: "允许上传最大数量",
        type: "number"
      },
      {
        field: "componentProps.disabled",
        label: "禁用",
        type: "switch"
      },
      {
        field: "componentProps.hidden",
        label: "隐藏",
        type: "switch"
      },
      {
        componentProps: {
          ruleType: "array"
        },
        description: "校验规则需要配合表单使用",
        field: "rules",
        label: "表单校验",
        layout: "vertical",
        type: "ERuleEditor"
      }
    ]
  },
  defaultSchema: {
    componentProps: {
      action: "https://examples.epicjs.cn/epic-mock/common/upload"
    },
    field: "uploadFile",
    input: !0,
    label: "上传文件",
    type: "upload-file"
  },
  groupName: "表单",
  icon: "icon--epic--upload-rounded",
  sort: 920
};
export {
  e as default
};