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

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

const l = {
  component: () => import("./tag.vue.js"),
  config: {
    attribute: [
      {
        componentProps: {
          placeholder: "请输入"
        },
        field: "label",
        label: "标题",
        type: "input"
      },
      {
        field: "componentProps.numberColor",
        label: "设置具体色值",
        type: "switch"
      },
      {
        componentProps: {
          style: {
            width: "80px"
          },
          type: "color"
        },
        field: "componentProps.color",
        label: "标签颜色",
        show({ values: o }) {
          var e;
          return (e = o.componentProps) == null ? void 0 : e.numberColor;
        },
        type: "color-picker"
      },
      {
        componentProps: {
          options: [
            {
              label: "pink",
              value: "pink"
            },
            {
              label: "red",
              value: "red"
            },
            {
              label: "orange",
              value: "orange"
            },
            {
              label: "green",
              value: "green"
            },
            {
              label: "cyan",
              value: "cyan"
            },
            {
              label: "blue",
              value: "blue"
            },
            {
              label: "purple",
              value: "purple"
            }
          ],
          placeholder: "请选择"
        },
        field: "componentProps.color",
        label: "标签颜色",
        show({ values: o }) {
          var e;
          return !((e = o.componentProps) != null && e.numberColor);
        },
        type: "radio"
      },
      {
        field: "componentProps.closable",
        label: "可关闭",
        type: "switch"
      },
      {
        field: "componentProps.hidden",
        label: "隐藏",
        type: "switch"
      }
    ],
    event: [
      {
        description: "点击标签时",
        type: "change"
      }
    ]
  },
  defaultSchema: {
    label: "标签",
    type: "tag"
  },
  groupName: "其他",
  icon: "icon--epic--tag"
};
export {
  l as default
};