@xdp/button/esm/cip-button/component.scheme.js

button el-button vue3

import { defaultButtonConfigMap } from './config.js';

const propsScheme = {
  buttonType: {
    type: String,
    options: Object.keys(defaultButtonConfigMap),
    intro: "\u9884\u8BBE\u6309\u94AE\u7C7B\u578B"
  },
  size: {
    type: String,
    intro: "\u5927\u5C0F",
    options: ["small", "default", "large"],
    validate: true
  },
  icon: {
    type: [String, Object, Function],
    intro: "\u56FE\u6807\u7C7B\u540D/\u7EC4\u4EF6"
  },
  type: {
    type: String,
    intro: "\u6309\u94AE\u7C7B\u578B",
    options: ["default", "primary", "info", "warning", "danger", "success"],
    validate: true
  },
  map: {
    type: Boolean,
    intro: "\u662F\u5426\u5730\u56FE\u6309\u94AE"
  },
  plain: {
    type: Boolean,
    intro: "\u662F\u5426\u6734\u7D20\u6309\u94AE"
  },
  text: {
    type: Boolean,
    intro: "\u662F\u5426\u6587\u5B57\u6309\u94AE"
  },
  bg: {
    type: String,
    intro: "\u80CC\u666F\u8272"
  },
  link: {
    type: Boolean,
    intro: "\u6587\u5B57\u578B\u6309\u94AE"
  },
  round: {
    type: Boolean,
    intro: "\u662F\u5426\u5706\u89D2\u6309\u94AE"
  },
  circle: {
    type: Boolean,
    intro: "\u662F\u5426\u5706\u5F62\u6309\u94AE"
  },
  square: {
    type: Boolean,
    intro: "\u662F\u5426\u65B9\u5F62\u6309\u94AE"
  },
  loading: {
    type: Boolean,
    intro: "\u662F\u5426\u52A0\u8F7D\u4E2D\u72B6\u6001"
  },
  loadingIcon: {
    type: [String, Object],
    intro: "\u52A0\u8F7D\u72B6\u6001\u65F6\u7684icon"
  },
  disabled: {
    type: Boolean,
    intro: "\u662F\u5426\u7981\u7528\u72B6\u6001"
  },
  autofocus: {},
  nativeType: {},
  autoInsertSpace: {},
  color: {},
  dark: {}
};
const eventsScheme = {
  click: {
    cbVar: "e"
  }
};
const slotsScheme = {
  default: {
    cbVar: "text"
  }
};
const componentScheme = {
  propsScheme,
  slotsScheme,
  eventsScheme,
  name: "CipButton"
};

export { componentScheme, eventsScheme, propsScheme, slotsScheme };