@fle-ui/next 1.0.0-alpha.8 → 1.0.0-alpha.9

package/es/table/demo/edit-row/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * title: 可编辑行
- * desc: 带行编辑功能的表格。
- */
-import './index.less';
-declare const EditableTable: () => JSX.Element;
-export default EditableTable;

package/es/table/demo/edit-row/index.js

@@ -1,201 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-
-/**
- * title: 可编辑行
- * desc: 带行编辑功能的表格。
- */
-import { __awaiter, __rest } from "tslib";
-import React, { useState } from 'react';
-import { Table, Input, InputNumber, Popconfirm, Form, Typography } from '@fle-ui/next';
-import './index.less';
-var originData = [];
-
-for (var i = 0; i < 100; i++) {
-  originData.push({
-    key: i.toString(),
-    name: "Edrward ".concat(i),
-    age: 32,
-    address: "London Park no. ".concat(i)
-  });
-}
-
-var EditableCell = function EditableCell(_a) {
-  var editing = _a.editing,
-      dataIndex = _a.dataIndex,
-      title = _a.title,
-      inputType = _a.inputType,
-      record = _a.record,
-      index = _a.index,
-      children = _a.children,
-      restProps = __rest(_a, ["editing", "dataIndex", "title", "inputType", "record", "index", "children"]);
-
-  var inputNode = inputType === 'number' ? /*#__PURE__*/React.createElement(InputNumber, null) : /*#__PURE__*/React.createElement(Input, null);
-  return /*#__PURE__*/React.createElement("td", _extends({}, restProps), editing ? /*#__PURE__*/React.createElement(Form.Item, {
-    name: dataIndex,
-    style: {
-      margin: 0
-    },
-    rules: [{
-      required: true,
-      message: "Please Input ".concat(title, "!")
-    }]
-  }, inputNode) : children);
-};
-
-var EditableTable = function EditableTable() {
-  var _Form$useForm = Form.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
-  var _useState = useState(originData),
-      _useState2 = _slicedToArray(_useState, 2),
-      data = _useState2[0],
-      setData = _useState2[1];
-
-  var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      editingKey = _useState4[0],
-      setEditingKey = _useState4[1];
-
-  var isEditing = function isEditing(record) {
-    return record.key === editingKey;
-  };
-
-  var edit = function edit(record) {
-    form.setFieldsValue(_extends({
-      name: '',
-      age: '',
-      address: ''
-    }, record));
-    setEditingKey(record.key);
-  };
-
-  var cancel = function cancel() {
-    setEditingKey('');
-  };
-
-  var save = function save(key) {
-    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var row, newData, index, item;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return form.validateFields();
-
-            case 3:
-              row = _context.sent;
-              newData = _toConsumableArray(data);
-              index = newData.findIndex(function (item) {
-                return key === item.key;
-              });
-
-              if (index > -1) {
-                item = newData[index];
-                newData.splice(index, 1, _extends(_extends({}, item), row));
-                setData(newData);
-                setEditingKey('');
-              } else {
-                newData.push(row);
-                setData(newData);
-                setEditingKey('');
-              }
-
-              _context.next = 12;
-              break;
-
-            case 9:
-              _context.prev = 9;
-              _context.t0 = _context["catch"](0);
-              console.log('Validate Failed:', _context.t0);
-
-            case 12:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 9]]);
-    }));
-  };
-
-  var columns = [{
-    title: 'name',
-    dataIndex: 'name',
-    width: '25%',
-    editable: true
-  }, {
-    title: 'age',
-    dataIndex: 'age',
-    width: '15%',
-    editable: true
-  }, {
-    title: 'address',
-    dataIndex: 'address',
-    width: '40%',
-    editable: true
-  }, {
-    title: 'operation',
-    dataIndex: 'operation',
-    render: function render(_, record) {
-      var editable = isEditing(record);
-      return editable ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("a", {
-        href: "javascript:;",
-        onClick: function onClick() {
-          return save(record.key);
-        },
-        style: {
-          marginRight: 8
-        }
-      }, "Save"), /*#__PURE__*/React.createElement(Popconfirm, {
-        title: "Sure to cancel?",
-        onConfirm: cancel
-      }, /*#__PURE__*/React.createElement("a", null, "Cancel"))) : /*#__PURE__*/React.createElement(Typography.Link, {
-        disabled: editingKey !== '',
-        onClick: function onClick() {
-          return edit(record);
-        }
-      }, "Edit");
-    }
-  }];
-  var mergedColumns = columns.map(function (col) {
-    if (!col.editable) {
-      return col;
-    }
-
-    return _extends(_extends({}, col), {
-      onCell: function onCell(record) {
-        return {
-          record: record,
-          inputType: col.dataIndex === 'age' ? 'number' : 'text',
-          dataIndex: col.dataIndex,
-          title: col.title,
-          editing: isEditing(record)
-        };
-      }
-    });
-  });
-  return /*#__PURE__*/React.createElement(Form, {
-    form: form,
-    component: false
-  }, /*#__PURE__*/React.createElement(Table, {
-    components: {
-      body: {
-        cell: EditableCell
-      }
-    },
-    bordered: true,
-    dataSource: data,
-    columns: mergedColumns,
-    rowClassName: "editable-row",
-    pagination: {
-      onChange: cancel
-    }
-  }));
-};
-
-export default EditableTable;

package/es/table/demo/head.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 筛选和排序
- * desc: 对某一列数据进行筛选，
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/table/demo/head.js

@@ -1,91 +0,0 @@
-/**
- * title: 筛选和排序
- * desc: 对某一列数据进行筛选，
- */
-import React from 'react';
-import { Table } from '@fle-ui/next';
-var columns = [{
-  title: 'Name',
-  dataIndex: 'name',
-  filters: [{
-    text: 'Joe',
-    value: 'Joe'
-  }, {
-    text: 'Jim',
-    value: 'Jim'
-  }, {
-    text: 'Submenu',
-    value: 'Submenu',
-    children: [{
-      text: 'Green',
-      value: 'Green'
-    }, {
-      text: 'Black',
-      value: 'Black'
-    }]
-  }],
-  // specify the condition of filtering result
-  // here is that finding the name started with `value`
-  onFilter: function onFilter(value, record) {
-    return record.name.indexOf(value) === 0;
-  },
-  sorter: function sorter(a, b) {
-    return a.name.length - b.name.length;
-  },
-  sortDirections: ['descend']
-}, {
-  title: 'Age',
-  dataIndex: 'age',
-  defaultSortOrder: 'descend',
-  sorter: function sorter(a, b) {
-    return a.age - b.age;
-  }
-}, {
-  title: 'Address',
-  dataIndex: 'address',
-  filters: [{
-    text: 'London',
-    value: 'London'
-  }, {
-    text: 'New York',
-    value: 'New York'
-  }],
-  onFilter: function onFilter(value, record) {
-    return record.address.indexOf(value) === 0;
-  }
-}];
-var data = [{
-  key: '1',
-  name: 'John Brown',
-  age: 32,
-  address: 'New York No. 1 Lake Park'
-}, {
-  key: '2',
-  name: 'Jim Green',
-  age: 42,
-  address: 'London No. 1 Lake Park'
-}, {
-  key: '3',
-  name: 'Joe Black',
-  age: 32,
-  address: 'Sidney No. 1 Lake Park'
-}, {
-  key: '4',
-  name: 'Jim Red',
-  age: 32,
-  address: 'London No. 2 Lake Park'
-}];
-
-function onChange(pagination, filters, sorter, extra) {
-  console.log('params', pagination, filters, sorter, extra);
-}
-
-var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement(Table, {
-    columns: columns,
-    dataSource: data,
-    onChange: onChange
-  });
-};
-
-export default Demo;

package/es/table/demo/jsx.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: JSX 风格的 API
- * desc: 使用 JSX 风格的 API（2.5.0 以后引入）<br /> > 这个只是一个描述 `columns` 的语法糖，所以你不能用其他组件去包裹 `Column` 和 `ColumnGroup`。
- */
-declare const BasicDemo: () => JSX.Element;
-export default BasicDemo;

package/es/table/demo/jsx.js

@@ -1,76 +0,0 @@
-/**
- * title: JSX 风格的 API
- * desc: 使用 JSX 风格的 API（2.5.0 以后引入）<br /> > 这个只是一个描述 `columns` 的语法糖，所以你不能用其他组件去包裹 `Column` 和 `ColumnGroup`。
- */
-import React from 'react';
-import { Table, Tag, Space } from '@fle-ui/next';
-var Column = Table.Column,
-    ColumnGroup = Table.ColumnGroup;
-var data = [{
-  key: '1',
-  firstName: 'John',
-  lastName: 'Brown',
-  age: 32,
-  address: 'New York No. 1 Lake Park',
-  tags: ['nice', 'developer']
-}, {
-  key: '2',
-  firstName: 'Jim',
-  lastName: 'Green',
-  age: 42,
-  address: 'London No. 1 Lake Park',
-  tags: ['loser']
-}, {
-  key: '3',
-  firstName: 'Joe',
-  lastName: 'Black',
-  age: 32,
-  address: 'Sidney No. 1 Lake Park',
-  tags: ['cool', 'teacher']
-}];
-
-var BasicDemo = function BasicDemo() {
-  return /*#__PURE__*/React.createElement(Table, {
-    dataSource: data
-  }, /*#__PURE__*/React.createElement(ColumnGroup, {
-    title: "Name"
-  }, /*#__PURE__*/React.createElement(Column, {
-    title: "First Name",
-    dataIndex: "firstName",
-    key: "firstName"
-  }), /*#__PURE__*/React.createElement(Column, {
-    title: "Last Name",
-    dataIndex: "lastName",
-    key: "lastName"
-  })), /*#__PURE__*/React.createElement(Column, {
-    title: "Age",
-    dataIndex: "age",
-    key: "age"
-  }), /*#__PURE__*/React.createElement(Column, {
-    title: "Address",
-    dataIndex: "address",
-    key: "address"
-  }), /*#__PURE__*/React.createElement(Column, {
-    title: "Tags",
-    dataIndex: "tags",
-    key: "tags",
-    render: function render(tags) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, tags.map(function (tag) {
-        return /*#__PURE__*/React.createElement(Tag, {
-          color: "blue",
-          key: tag
-        }, tag);
-      }));
-    }
-  }), /*#__PURE__*/React.createElement(Column, {
-    title: "Action",
-    key: "action",
-    render: function render(text, record) {
-      return /*#__PURE__*/React.createElement(Space, {
-        size: "middle"
-      }, /*#__PURE__*/React.createElement("a", null, "Invite ", record.lastName, text), /*#__PURE__*/React.createElement("a", null, "Delete"));
-    }
-  }));
-};
-
-export default BasicDemo;

package/es/table/demo/multiple-sorter.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 多列排序
- * desc: ps `column.sorter` 支持 `multiple` 字段以配置多列排序优先级。通过 `sorter.compare` 配置排序逻辑，你可以通过不设置该函数只启动多列排序的交互形式。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/table/demo/multiple-sorter.js

@@ -1,76 +0,0 @@
-/**
- * title: 多列排序
- * desc: ps `column.sorter` 支持 `multiple` 字段以配置多列排序优先级。通过 `sorter.compare` 配置排序逻辑，你可以通过不设置该函数只启动多列排序的交互形式。
- */
-import React from 'react';
-import { Table } from '@fle-ui/next';
-var columns = [{
-  title: 'Name',
-  dataIndex: 'name'
-}, {
-  title: 'Chinese Score',
-  dataIndex: 'chinese',
-  sorter: {
-    compare: function compare(a, b) {
-      return a.chinese - b.chinese;
-    },
-    multiple: 3
-  }
-}, {
-  title: 'Math Score',
-  dataIndex: 'math',
-  sorter: {
-    compare: function compare(a, b) {
-      return a.math - b.math;
-    },
-    multiple: 2
-  }
-}, {
-  title: 'English Score',
-  dataIndex: 'english',
-  sorter: {
-    compare: function compare(a, b) {
-      return a.english - b.english;
-    },
-    multiple: 1
-  }
-}];
-var data = [{
-  key: '1',
-  name: 'John Brown',
-  chinese: 98,
-  math: 60,
-  english: 70
-}, {
-  key: '2',
-  name: 'Jim Green',
-  chinese: 98,
-  math: 66,
-  english: 89
-}, {
-  key: '3',
-  name: 'Joe Black',
-  chinese: 98,
-  math: 90,
-  english: 70
-}, {
-  key: '4',
-  name: 'Jim Red',
-  chinese: 88,
-  math: 99,
-  english: 89
-}];
-
-function onChange(pagination, filters, sorter, extra) {
-  console.log('params', pagination, filters, sorter, extra);
-}
-
-var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement(Table, {
-    columns: columns,
-    dataSource: data,
-    onChange: onChange
-  });
-};
-
-export default Demo;

package/es/table/demo/pagination.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 分页设置
- * desc: 表格的分页设置。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/table/demo/pagination.js

@@ -1,135 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 分页设置
- * desc: 表格的分页设置。
- */
-import React, { useState } from 'react';
-import { Table, Radio, Tag, Space } from '@fle-ui/next';
-var topOptions = [{
-  label: 'topLeft',
-  value: 'topLeft'
-}, {
-  label: 'topCenter',
-  value: 'topCenter'
-}, {
-  label: 'topRight',
-  value: 'topRight'
-}, {
-  label: 'none',
-  value: 'none'
-}];
-var bottomOptions = [{
-  label: 'bottomLeft',
-  value: 'bottomLeft'
-}, {
-  label: 'bottomCenter',
-  value: 'bottomCenter'
-}, {
-  label: 'bottomRight',
-  value: 'bottomRight'
-}, {
-  label: 'none',
-  value: 'none'
-}];
-var columns = [{
-  title: 'Name',
-  dataIndex: 'name',
-  key: 'name',
-  render: function render(text) {
-    return /*#__PURE__*/React.createElement("a", null, text);
-  }
-}, {
-  title: 'Age',
-  dataIndex: 'age',
-  key: 'age'
-}, {
-  title: 'Address',
-  dataIndex: 'address',
-  key: 'address'
-}, {
-  title: 'Tags',
-  key: 'tags',
-  dataIndex: 'tags',
-  render: function render(tags) {
-    return /*#__PURE__*/React.createElement("span", null, tags.map(function (tag) {
-      var color = tag.length > 5 ? 'geekblue' : 'green';
-
-      if (tag === 'loser') {
-        color = 'volcano';
-      }
-
-      return /*#__PURE__*/React.createElement(Tag, {
-        color: color,
-        key: tag
-      }, tag.toUpperCase());
-    }));
-  }
-}, {
-  title: 'Action',
-  key: 'action',
-  render: function render(text, record) {
-    return /*#__PURE__*/React.createElement(Space, {
-      size: "middle"
-    }, /*#__PURE__*/React.createElement("a", null, "Invite ", record.name, text), /*#__PURE__*/React.createElement("a", null, "Delete"));
-  }
-}];
-var data = [{
-  key: '1',
-  name: 'John Brown',
-  age: 32,
-  address: 'New York No. 1 Lake Park',
-  tags: ['nice', 'developer']
-}, {
-  key: '2',
-  name: 'Jim Green',
-  age: 42,
-  address: 'London No. 1 Lake Park',
-  tags: ['loser']
-}, {
-  key: '3',
-  name: 'Joe Black',
-  age: 32,
-  address: 'Sidney No. 1 Lake Park',
-  tags: ['cool', 'teacher']
-}];
-
-var Demo = function Demo() {
-  var _useState = useState('topLeft'),
-      _useState2 = _slicedToArray(_useState, 2),
-      top = _useState2[0],
-      setTop = _useState2[1];
-
-  var _useState3 = useState('bottomRight'),
-      _useState4 = _slicedToArray(_useState3, 2),
-      bottom = _useState4[0],
-      setBottom = _useState4[1];
-
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Radio.Group, {
-    style: {
-      marginBottom: 10
-    },
-    options: topOptions,
-    value: top,
-    onChange: function onChange(e) {
-      setTop(e.target.value);
-    }
-  })), /*#__PURE__*/React.createElement(Radio.Group, {
-    style: {
-      marginBottom: 10
-    },
-    options: bottomOptions,
-    value: bottom,
-    onChange: function onChange(e) {
-      setBottom(e.target.value);
-    }
-  }), /*#__PURE__*/React.createElement(Table, {
-    columns: columns,
-    pagination: {
-      position: [top, bottom]
-    },
-    dataSource: data
-  }));
-};
-
-export default Demo;

package/es/table/demo/reset-filter.d.ts

@@ -1,14 +0,0 @@
-/**
- * title: 可控的筛选和排序
- * desc: 使用受控属性对筛选和排序状态进行控制。<br /> <br />  1. columns 中定义了 filteredValue 和 sortOrder 属性即视为受控模式。 <br />2. 只支持同时对一列进行排序，请保证只有一列的 sortOrder 属性是生效的。<br />3. 务必指定 `column.key`。
- */
-import React from 'react';
-declare class Demo extends React.Component {
-    state: any;
-    handleChange: (pagination: any, filters: any, sorter: any) => void;
-    clearFilters: () => void;
-    clearAll: () => void;
-    setAgeSort: () => void;
-    render(): JSX.Element;
-}
-export default Demo;