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

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

const e = {
  component: () => import("./badge.vue.js"),
  config: {
    attribute: [
      {
        componentProps: {
          placeholder: "请输入"
        },
        field: "componentProps.count",
        label: "展示数值",
        type: "number"
      },
      {
        componentProps: {
          style: {
            width: "80px"
          },
          type: "color"
        },
        field: "componentProps.color",
        label: "标点颜色",
        type: "color-picker"
      },
      {
        componentProps: {
          options: [
            {
              label: "success",
              value: "success"
            },
            {
              label: "processing",
              value: "processing"
            },
            {
              label: "default",
              value: "default"
            },
            {
              label: "error",
              value: "error"
            },
            {
              label: "warning",
              value: "warning"
            }
          ],
          placeholder: "请选择"
        },
        field: "componentProps.status",
        label: "设置为状态点",
        type: "select"
      },
      {
        field: "componentProps.dot",
        label: "不展示数字",
        type: "switch"
      },
      {
        field: "componentProps.showZero",
        label: "数值为零时是否显示",
        type: "switch"
      },
      {
        field: "componentProps.hidden",
        label: "隐藏",
        type: "switch"
      }
    ]
  },
  defaultSchema: {
    componentProps: {
      count: 1
    },
    label: "微标数",
    slots: {
      count: []
    },
    type: "badge",
    children: []
  },
  groupName: "其他",
  icon: "icon--epic--rounded-badge-outline"
};
export {
  e as default
};