@epmkit/cra-template-epm-plugin/template/src/plugin/v1/aSelectExample/bootstrap.js

The base template for EPM plugins.

import React, { Component } from "react";
import { Select, Form } from "@tinper/next-ui";
import "./aSelectExample.css";

const Option = Select.Option;

export default class SelectExample extends Component {
  handleChange = (value) => {
    console.log(`selected ${value}`);
  };
  handFocus = () => {
    console.log("获取焦点事件");
  };
  onBlur = () => {
    console.log("失去焦点事件");
  };
  render() {
    return (
      <Form.Item>
        <Select
          className="plugin-select"
          defaultValue="all"
          onChange={this.handleChange}
          onFocus={this.handFocus}
          onBlur={this.onBlur}
          autoFocus
          size="default"
        >
          <Option value="all">全部</Option>
          <Option value="confirming">待确认</Option>
          <Option value="executing">执行中</Option>
          <Option value="completed" disabled>已办结</Option>
          <Option value="termination">终止</Option>
        </Select>
      </Form.Item>
    );
  }
}