eslink-ui-plus/components/page-operater-bar/hooks/useButtonConfig.ts

vue3 component library, css framework

import type {
    operaterType,
} from "../type";

export default function useButtonConfig() {
    // 默认按钮配置
    const centerbuttonSource: operaterType[] = [
        {
          key: "full-screen",
          label: "全屏",
          buttonType: "icon",
          icon: "es-icon-full-screen",
          type: "button",
          classList: "es-padding-lr--lg",
          buttonDisabled: false,
          click(item) {},
        },
      ];
      
      const leftbuttonSource: operaterType[] = [
        {
          key: "icon",
          label: "刷新",
          buttonType: "icon",
          icon: "es-icon-restart-line",
          type: "button",
          classList: "es-padding-lr--sm",
          buttonDisabled: false,
          click(item) {
          },
        },
        {
          key: "icon",
          label: "刷新",
          buttonType: "icon",
          icon: "es-icon-layout-right-2-line",
          type: "button",
          classList: "es-padding-lr--sm",
          buttonDisabled: false,
          click(item) {},
        },
        {
          key: "icon",
          label: "刷新",
          buttonType: "icon",
          icon: "es-icon-heart-line",
          type: "button",
          classList: "es-padding-lr--sm",
          buttonDisabled: false,
          click(item) {},
        },
      ];

      return {
        leftbuttonSource, centerbuttonSource
      }
}