<commit_before>import React, { Component } from 'react';
import { Panel, Cell, Stepper, Progress, Picker } from 'zarm';
import Container from '../components/Container';
import Header from '../components/Header';
import Footer from '../components/Footer';
import '../styles/pages/ProgressPage';

class Page extends Component {

  constructor(props) {
    super(props);
    this.state = {
      percent: 10,
      theme: 'primary',
    };
  }

  render() {
    return (
      <Container className="progress-page">
        <Header title="进度条 Progress" />
        <main>
          <div className="progress">
            <Progress
              percent={this.state.percent}
              theme={this.state.theme}>
              {this.state.percent}%
            </Progress>
          </div>
          <div className="progress">
            <Progress
              shape="circle"
              percent={this.state.percent}
              theme={this.state.theme}>
              <div className="progress-content">
                <span className="progress-text">{this.state.percent}</span>
                <span className="progress-percent">%</span>
              </div>
            </Progress>
          </div>
          <Panel>
            <Panel.Body>
              <Cell title="进度">
                <Stepper
                  shape="radius"
                  step={10}
                  min={0}
                  max={100}
                  value={this.state.percent}
                  onChange={(value) => {
                    if (isNaN(value)) return;
                    this.setState({
                      percent: value,
                    });
                  }}
                  />
              </Cell>

              <Cell title="主题">
                <Picker
                  value={this.state.theme}
                  dataSource={[
                    { value: 'primary', label: 'primary' },
                    { value: 'success', label: 'success' },
                    { value: 'warning', label: 'warning' },
                    { value: 'error', label: 'error' },
                  ]}
                  onOk={(selected) => {
                    this.setState({
                      theme: selected.value,
                    });
                  }}
                  /><commit_msg>fix: replace from Picker to Select<commit_after>import React, { Component } from 'react';
import { Panel, Cell, Stepper, Progress, Select } from 'zarm';
import Container from '../components/Container';
import Header from '../components/Header';
import Footer from '../components/Footer';
import '../styles/pages/ProgressPage';

class Page extends Component {

  constructor(props) {
    super(props);
    this.state = {
      percent: 10,
      theme: 'primary',
    };
  }

  render() {
    return (
      <Container className="progress-page">
        <Header title="进度条 Progress" />
        <main>
          <div className="progress">
            <Progress
              percent={this.state.percent}
              theme={this.state.theme}>
              {this.state.percent}%
            </Progress>
          </div>
          <div className="progress">
            <Progress
              shape="circle"
              percent={this.state.percent}
              theme={this.state.theme}>
              <div className="progress-content">
                <span className="progress-text">{this.state.percent}</span>
                <span className="progress-percent">%</span>
              </div>
            </Progress>
          </div>
          <Panel>
            <Panel.Body>
              <Cell title="进度">
                <Stepper
                  shape="radius"
                  step={10}
                  min={0}
                  max={100}
                  value={this.state.percent}
                  onChange={(value) => {
                    if (isNaN(value)) return;
                    this.setState({
                      percent: value,
                    });
                  }}
                  />
              </Cell>

              <Cell title="主题">
                <Select
                  value={this.state.theme}
                  dataSource={[
                    { value: 'primary', label: 'primary' },
                    { value: 'success', label: 'success' },
                    { value: 'warning', label: 'warning' },
                    { value: 'error', label: 'error' },
                  ]}
                  onOk={(selected) => {
                    this.setState({
                      theme: selected.map(item => item.value),
                    });
                  }}
                  />
{'fraction_non_alphanumeric': 0.13106272903643026, 'fraction_numerical': 0.0034490191851692174, 'mean_word_length': 1.179426961014561, 'pattern_counts': {'":': 0, '<': 51, '<?xml version=': 0, '>': 56, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3689735', 'n_tokens_mistral': 1157, 'n_tokens_neox': 1086, 'n_words': 230}