gepic/dist/ui/antd/card/index.js

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

const e = {
  component: () => import("./card.js"),
  groupName: "布局",
  icon: "icon--epic--wysiwyg-rounded",
  sort: 700,
  defaultSchema: {
    label: "卡片布局",
    type: "card",
    children: []
  },
  config: {
    attribute: [
      {
        label: "标题",
        type: "input",
        field: "label"
      },
      {
        label: "尺寸",
        type: "select",
        componentProps: {
          placeholder: "请选择",
          allowClear: !0,
          options: [
            {
              label: "default",
              value: "default"
            },
            {
              label: "small",
              value: "small"
            }
          ]
        },
        field: "componentProps.size"
      },
      {
        label: "无边框",
        type: "switch",
        componentProps: {
          checkedValue: !1,
          unCheckedValue: !0
        },
        field: "componentProps.bordered"
      },
      {
        label: "鼠标悬停阴影",
        type: "switch",
        field: "componentProps.hoverable"
      },
      {
        label: "加载状态",
        type: "switch",
        field: "componentProps.loading"
      },
      {
        label: "隐藏",
        type: "switch",
        field: "componentProps.hidden"
      }
    ]
  }
};
export {
  e as default
};