import { set } from "../_utils/utils";
import snippets from "./snippets";

export default {
  snippets,
  componentName: "PisellCard",
  title: "Card卡片",
  category: "数据展示",
  docUrl: "",
  screenshot: "",
  devMode: "proCode",
  npm: {
    package: "@pisell/materials",
    version: "1.0.1",
    exportName: "PisellCard",
    main: "src/index.tsx",
    destructuring: true,
    subName: "",
  },
  experimental: { hideSelectTools: true },
  props: [
    // {
    //   name: "title",
    //   title: { label: "卡片标题", tip: "卡片标题" },
    //   propType: { type: "oneOfType", value: ["string", "node"] },
    //   setter: ['PisellI18nSetter', 'SlotSetter']
    // },
    // {
    //   name: 'actions',
    //   title: { label: '卡片操作组', tip: '卡片操作组，位置在卡片底部' },
    //   propType: { type: 'arrayOf', value: 'node' },
    // },
    // {
    //   name: 'headStyle',
    //   title: { label: '标题区域样式', tip: '自定义标题区域样式' },
    //   propType: 'object',
    // },
    // {
    //   name: 'bodyStyle',
    //   title: { label: '内容区域样式', tip: '内容区域自定义样式' },
    //   propType: 'object',
    // },
    {
      name: "bordered",
      title: { label: "显示边框", tip: "是否有边框" },
      propType: "bool",
      defaultValue: true,
    },
    {
      name: "selected",
      title: { label: "是否选中", tip: "是否选中" },
      propType: "bool",
      defaultValue: false,
    },
    // {
    //   name: "cover",
    //   title: { label: "卡片封面", tip: "卡片封面" },
    //   propType: "node",
    // },
    // {
    //   name: "extra",
    //   title: { label: "额外元素", tip: "卡片右上角的操作区域" },
    //   propType: { type: "oneOfType", value: ["string", "node"] },
    //   setter: ['PisellI18nSetter', 'SlotSetter']
    // },
    // {
    //   name: "hoverable",
    //   title: { label: "可浮起", tip: "鼠标移过时可浮起" },
    //   propType: "bool",
    //   defaultValue: false,
    // },
    {
      name: "loading",
      title: {
        label: "loading",
        tip: "当卡片内容还在加载中时，可以用 loading 展示一个占位",
      },
      propType: "bool",
      defaultValue: false,
    },
    {
      name: "disabled",
      title: {
        label: "是否禁用",
        tip: "是否禁用该卡片",
      },
      propType: "bool",
      defaultValue: false,
    },
    {
      name: "padding",
      title: {
        label: "内边距",
        tip: "控制内边距大小 数值",
      },
      propType: "number",
      setter: "NumberSetter",
      defaultValue: 16
    },
    {
      name: "borderRadius",
      title: {
        label: "边框圆角",
        tip: "控制四个圆角大小 数值",
      },
      propType: "number",
      setter: "NumberSetter",
      defaultValue: 12
    }
    // {
    //   name: "size",
    //   title: { label: "尺寸", tip: "card 的尺寸" },
    //   propType: { type: "oneOf", value: ["default", "small"] },
    //   defaultValue: "default",
    // },
    // {
    //   name: "type",
    //   title: { label: "卡片类型", tip: "卡片类型" },
    //   propType: { type: "oneOf", value: ["default", "inner"] },
    //   defaultValue: "default",
    // },
  ],
  configure: {
    component: { isContainer: true },
    supports: {
      style: true,
      events: [
        {
          name: "onTabChange",
          template:
            "onTabChange(key,${extParams}){\n// 页签切换的回调\nconsole.log('onTabChange', key);}",
        },
      ],
    },
  },
};