import { Button, Card, Space, Spin, Statistic } from 'antd';
import { PisellShellFrame } from "./PisellShellFrame";
var meta = {
  title: 'Pro Components/PisellShellFrame',
  component: PisellShellFrame,
  parameters: {
    layout: 'padded',
    docs: {
      description: {
        component: '通用壳层布局组件，通过 config 控制各区域显隐，支持标题区、工具区、统计区（可折叠）、滚动内容、批量操作条、状态提示区。'
      }
    }
  },
  tags: ['autodocs'],
  argTypes: {
    config: {
      description: '各区域显隐与行为配置'
    }
  }
};
export default meta;
/** 仅标题区 */
export var TitleOnly = {
  args: {
    config: {
      showTitle: true
    },
    title: '页面标题',
    subtitle: '副标题',
    titleExtra: /*#__PURE__*/React.createElement(Button, {
      type: "primary"
    }, "\u64CD\u4F5C"),
    children: /*#__PURE__*/React.createElement("div", {
      style: {
        padding: 24
      }
    }, "\u4E3B\u5185\u5BB9\u533A\u57DF")
  }
};

/** 标题 + 工具区 */
export var WithToolbar = {
  args: {
    config: {
      showTitle: true,
      showToolbar: true
    },
    title: '列表页',
    subtitle: '通过工具栏筛选与排序',
    toolbar: /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, null, "\u7B5B\u9009"), /*#__PURE__*/React.createElement(Button, null, "\u6392\u5E8F"), /*#__PURE__*/React.createElement(Button, {
      type: "primary"
    }, "\u65B0\u5EFA")),
    children: /*#__PURE__*/React.createElement("div", {
      style: {
        padding: 24
      }
    }, Array.from({
      length: 5
    }, function (_, i) {
      return /*#__PURE__*/React.createElement(Card, {
        key: i,
        size: "small",
        style: {
          marginBottom: 8
        }
      }, "\u5217\u8868\u9879 ", i + 1);
    }))
  }
};

/** 标题 + 统计区（可折叠，国际化） */
export var WithStatisticCollapsible = {
  args: {
    config: {
      showTitle: true,
      showStatistic: true,
      statisticCollapsible: true
    },
    title: '数据概览',
    statisticList: /*#__PURE__*/React.createElement(Space, {
      size: "large"
    }, /*#__PURE__*/React.createElement(Statistic, {
      title: "\u603B\u6570",
      value: 1234
    }), /*#__PURE__*/React.createElement(Statistic, {
      title: "\u4ECA\u65E5",
      value: 56
    }), /*#__PURE__*/React.createElement(Statistic, {
      title: "\u5F85\u5904\u7406",
      value: 12
    })),
    children: /*#__PURE__*/React.createElement("div", {
      style: {
        padding: 24
      }
    }, /*#__PURE__*/React.createElement("p", null, "\u4E2D\u95F4\u4E3A\u4E3B\u5185\u5BB9\u63D2\u69FD\uFF0C\u7EDF\u8BA1\u533A\u53EF\u70B9\u51FB\u300C\u5C55\u5F00\u7EDF\u8BA1\u300D/\u300C\u6536\u8D77\u7EDF\u8BA1\u300D\u6298\u53E0\uFF08\u6587\u6848\u5DF2\u56FD\u9645\u5316\uFF09\u3002"))
  }
};

/** 中间滚动 + 底部批量条 + 状态区 */
export var WithScrollBatchAndStatus = {
  args: {
    config: {
      showTitle: true,
      showToolbar: true,
      showStatistic: true,
      statisticCollapsible: true,
      scroll: true,
      showBatchActionBar: true,
      showStatusArea: true
    },
    title: '完整壳层示例',
    subtitle: '含滚动、批量条、状态区',
    toolbar: /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, null, "\u5237\u65B0"), /*#__PURE__*/React.createElement(Button, {
      type: "primary"
    }, "\u5BFC\u51FA")),
    statisticList: /*#__PURE__*/React.createElement(Space, {
      size: "large"
    }, /*#__PURE__*/React.createElement(Statistic, {
      title: "\u5DF2\u9009",
      value: 3
    }), /*#__PURE__*/React.createElement(Statistic, {
      title: "\u5408\u8BA1",
      value: 999
    })),
    batchActionBar: /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement("span", null, "\u5DF2\u9009 3 \u9879"), /*#__PURE__*/React.createElement(Button, {
      size: "small"
    }, "\u6279\u91CF\u5220\u9664"), /*#__PURE__*/React.createElement(Button, {
      size: "small"
    }, "\u53D6\u6D88\u9009\u62E9")),
    statusArea: /*#__PURE__*/React.createElement(Spin, {
      size: "small"
    }),
    children: /*#__PURE__*/React.createElement("div", {
      style: {
        padding: 24,
        minHeight: 200
      }
    }, Array.from({
      length: 12
    }, function (_, i) {
      return /*#__PURE__*/React.createElement(Card, {
        key: i,
        size: "small",
        style: {
          marginBottom: 12
        }
      }, "\u53EF\u6EDA\u52A8\u5185\u5BB9\u5757 ", i + 1);
    }))
  }
};

/** 全区域展示（默认展开统计） */
export var Full = {
  args: {
    config: {
      showTitle: true,
      showToolbar: true,
      showStatistic: true,
      statisticCollapsible: true,
      scroll: true,
      showBatchActionBar: true,
      showStatusArea: true
    },
    title: '壳层全区域',
    subtitle: '标题 / 工具 / 统计(可折叠) / 滚动内容 / 批量条 / 状态区',
    titleExtra: /*#__PURE__*/React.createElement(Button, null, "\u8F85\u52A9\u64CD\u4F5C"),
    toolbar: /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, null, "\u5DE5\u5177 A"), /*#__PURE__*/React.createElement(Button, null, "\u5DE5\u5177 B")),
    statisticList: /*#__PURE__*/React.createElement(Space, {
      size: "large"
    }, /*#__PURE__*/React.createElement(Statistic, {
      title: "\u6307\u6807 A",
      value: 100
    }), /*#__PURE__*/React.createElement(Statistic, {
      title: "\u6307\u6807 B",
      value: 200
    })),
    batchActionBar: /*#__PURE__*/React.createElement("div", {
      style: {
        padding: '4px 0'
      }
    }, "\u6279\u91CF\u64CD\u4F5C\u6761\u5360\u4F4D"),
    statusArea: /*#__PURE__*/React.createElement("span", {
      style: {
        fontSize: 12,
        color: '#666'
      }
    }, "\u5DF2\u540C\u6B65 \xB7 \u521A\u521A"),
    children: /*#__PURE__*/React.createElement("div", {
      style: {
        padding: 24
      }
    }, /*#__PURE__*/React.createElement("p", null, "Layout \u63D2\u69FD\uFF1A\u6B64\u5904\u53EF\u653E\u7F6E\u8868\u683C\u3001\u770B\u677F\u3001\u65E5\u5386\u3001\u697C\u5C42\u56FE\u7B49\u3002"))
  }
};