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

package/lib/table/demo/edit-cell/index.js

@@ -1,294 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _tslib = require("tslib");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _next = require("@fle-ui/next");
-
-require("./index.less");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/**
- * title: 可编辑单元格
- * desc: 带单元格编辑功能的表格。当配合 `shouldCellUpdate` 使用时请注意[闭包问题](https://github.com/ant-design/ant-design/issues/29243)。
- */
-var EditableContext = /*#__PURE__*/_react["default"].createContext(null);
-
-var EditableRow = function EditableRow(_a) {
-  var index = _a.index,
-      props = (0, _tslib.__rest)(_a, ["index"]);
-
-  var _Form$useForm = _next.Form.useForm(),
-      _Form$useForm2 = (0, _slicedToArray2["default"])(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
-  return /*#__PURE__*/_react["default"].createElement(_next.Form, {
-    form: form,
-    component: false
-  }, /*#__PURE__*/_react["default"].createElement(EditableContext.Provider, {
-    value: form
-  }, /*#__PURE__*/_react["default"].createElement("tr", (0, _extends2["default"])({}, props))));
-};
-
-var EditableCell = function EditableCell(_a) {
-  var title = _a.title,
-      editable = _a.editable,
-      children = _a.children,
-      dataIndex = _a.dataIndex,
-      record = _a.record,
-      handleSave = _a.handleSave,
-      restProps = (0, _tslib.__rest)(_a, ["title", "editable", "children", "dataIndex", "record", "handleSave"]);
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      editing = _useState2[0],
-      setEditing = _useState2[1]; // @ts-ignore
-
-
-  var inputRef = (0, _react.useRef)(null);
-  var form = (0, _react.useContext)(EditableContext);
-  (0, _react.useEffect)(function () {
-    if (editing) {
-      inputRef.current.focus();
-    }
-  }, [editing]);
-
-  var toggleEdit = function toggleEdit() {
-    setEditing(!editing);
-    form.setFieldsValue((0, _defineProperty2["default"])({}, dataIndex, record[dataIndex]));
-  };
-
-  var save = function save() {
-    return (0, _tslib.__awaiter)(void 0, void 0, void 0, /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      var values;
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return form.validateFields();
-
-            case 3:
-              values = _context.sent;
-              toggleEdit();
-              handleSave((0, _extends2["default"])((0, _extends2["default"])({}, record), values));
-              _context.next = 11;
-              break;
-
-            case 8:
-              _context.prev = 8;
-              _context.t0 = _context["catch"](0);
-              console.log('Save failed:', _context.t0);
-
-            case 11:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 8]]);
-    }));
-  };
-
-  var childNode = children;
-
-  if (editable) {
-    childNode = editing ? /*#__PURE__*/_react["default"].createElement(_next.Form.Item, {
-      style: {
-        margin: 0
-      },
-      name: dataIndex,
-      rules: [{
-        required: true,
-        message: "".concat(title, " is required.")
-      }]
-    }, /*#__PURE__*/_react["default"].createElement(_next.Input, {
-      ref: inputRef,
-      onPressEnter: save,
-      onBlur: save
-    })) : /*#__PURE__*/_react["default"].createElement("div", {
-      className: "editable-cell-value-wrap",
-      style: {
-        paddingRight: 24
-      },
-      onClick: toggleEdit
-    }, children);
-  }
-
-  return /*#__PURE__*/_react["default"].createElement("td", (0, _extends2["default"])({}, restProps), childNode);
-};
-
-var EditableTable = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(EditableTable, _React$Component);
-
-  var _super = (0, _createSuper2["default"])(EditableTable);
-
-  function EditableTable(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, EditableTable);
-    _this = _super.call(this, props);
-
-    _this.handleDelete = function (key) {
-      var dataSource = (0, _toConsumableArray2["default"])(_this.state.dataSource);
-
-      _this.setState({
-        dataSource: dataSource.filter(function (item) {
-          return item.key !== key;
-        })
-      });
-    };
-
-    _this.handleAdd = function () {
-      var _this$state = _this.state,
-          count = _this$state.count,
-          dataSource = _this$state.dataSource;
-      var newData = {
-        key: count,
-        name: "Edward King ".concat(count),
-        age: '32',
-        address: "London, Park Lane no. ".concat(count)
-      };
-
-      _this.setState({
-        dataSource: [].concat((0, _toConsumableArray2["default"])(dataSource), [newData]),
-        count: count + 1
-      });
-    };
-
-    _this.handleSave = function (row) {
-      var newData = (0, _toConsumableArray2["default"])(_this.state.dataSource);
-      var index = newData.findIndex(function (item) {
-        return row.key === item.key;
-      });
-      var item = newData[index];
-      newData.splice(index, 1, (0, _extends2["default"])((0, _extends2["default"])({}, item), row));
-
-      _this.setState({
-        dataSource: newData
-      });
-    };
-
-    _this.columns = [{
-      title: 'name',
-      dataIndex: 'name',
-      width: '30%',
-      editable: true
-    }, {
-      title: 'age',
-      dataIndex: 'age'
-    }, {
-      title: 'address',
-      dataIndex: 'address'
-    }, {
-      title: 'operation',
-      dataIndex: 'operation',
-      // @ts-ignore
-      render: function render(_, record) {
-        return _this.state.dataSource.length >= 1 ? /*#__PURE__*/_react["default"].createElement(_next.Popconfirm, {
-          title: "Sure to delete?",
-          onConfirm: function onConfirm() {
-            return _this.handleDelete(record.key);
-          }
-        }, /*#__PURE__*/_react["default"].createElement("a", null, "Delete")) : null;
-      }
-    }];
-    _this.state = {
-      dataSource: [{
-        key: '0',
-        name: 'Edward King 0',
-        age: '32',
-        address: 'London, Park Lane no. 0'
-      }, {
-        key: '1',
-        name: 'Edward King 1',
-        age: '32',
-        address: 'London, Park Lane no. 1'
-      }],
-      count: 2
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(EditableTable, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var dataSource = this.state.dataSource;
-      var components = {
-        body: {
-          row: EditableRow,
-          cell: EditableCell
-        }
-      };
-      var columns = this.columns.map(function (col) {
-        if (!col.editable) {
-          return col;
-        }
-
-        return (0, _extends2["default"])((0, _extends2["default"])({}, col), {
-          onCell: function onCell(record) {
-            return {
-              record: record,
-              editable: col.editable,
-              dataIndex: col.dataIndex,
-              title: col.title,
-              handleSave: _this2.handleSave
-            };
-          }
-        });
-      });
-      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_next.Button, {
-        onClick: this.handleAdd,
-        type: "primary",
-        style: {
-          marginBottom: 16
-        }
-      }, "Add a row"), /*#__PURE__*/_react["default"].createElement(_next.Table, {
-        components: components,
-        rowClassName: function rowClassName() {
-          return 'editable-row';
-        },
-        bordered: true,
-        dataSource: dataSource,
-        columns: columns
-      }));
-    }
-  }]);
-  return EditableTable;
-}(_react["default"].Component);
-
-var _default = EditableTable;
-exports["default"] = _default;

package/lib/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/lib/table/demo/edit-row/index.js

@@ -1,223 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _tslib = require("tslib");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _next = require("@fle-ui/next");
-
-require("./index.less");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/**
- * title: 可编辑行
- * desc: 带行编辑功能的表格。
- */
-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 = (0, _tslib.__rest)(_a, ["editing", "dataIndex", "title", "inputType", "record", "index", "children"]);
-  var inputNode = inputType === 'number' ? /*#__PURE__*/_react["default"].createElement(_next.InputNumber, null) : /*#__PURE__*/_react["default"].createElement(_next.Input, null);
-  return /*#__PURE__*/_react["default"].createElement("td", (0, _extends2["default"])({}, restProps), editing ? /*#__PURE__*/_react["default"].createElement(_next.Form.Item, {
-    name: dataIndex,
-    style: {
-      margin: 0
-    },
-    rules: [{
-      required: true,
-      message: "Please Input ".concat(title, "!")
-    }]
-  }, inputNode) : children);
-};
-
-var EditableTable = function EditableTable() {
-  var _Form$useForm = _next.Form.useForm(),
-      _Form$useForm2 = (0, _slicedToArray2["default"])(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
-  var _useState = (0, _react.useState)(originData),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      data = _useState2[0],
-      setData = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      editingKey = _useState4[0],
-      setEditingKey = _useState4[1];
-
-  var isEditing = function isEditing(record) {
-    return record.key === editingKey;
-  };
-
-  var edit = function edit(record) {
-    form.setFieldsValue((0, _extends2["default"])({
-      name: '',
-      age: '',
-      address: ''
-    }, record));
-    setEditingKey(record.key);
-  };
-
-  var cancel = function cancel() {
-    setEditingKey('');
-  };
-
-  var save = function save(key) {
-    return (0, _tslib.__awaiter)(void 0, void 0, void 0, /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      var row, newData, index, item;
-      return _regenerator["default"].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 = (0, _toConsumableArray2["default"])(data);
-              index = newData.findIndex(function (item) {
-                return key === item.key;
-              });
-
-              if (index > -1) {
-                item = newData[index];
-                newData.splice(index, 1, (0, _extends2["default"])((0, _extends2["default"])({}, 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["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("a", {
-        href: "javascript:;",
-        onClick: function onClick() {
-          return save(record.key);
-        },
-        style: {
-          marginRight: 8
-        }
-      }, "Save"), /*#__PURE__*/_react["default"].createElement(_next.Popconfirm, {
-        title: "Sure to cancel?",
-        onConfirm: cancel
-      }, /*#__PURE__*/_react["default"].createElement("a", null, "Cancel"))) : /*#__PURE__*/_react["default"].createElement(_next.Typography.Link, {
-        disabled: editingKey !== '',
-        onClick: function onClick() {
-          return edit(record);
-        }
-      }, "Edit");
-    }
-  }];
-  var mergedColumns = columns.map(function (col) {
-    if (!col.editable) {
-      return col;
-    }
-
-    return (0, _extends2["default"])((0, _extends2["default"])({}, 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["default"].createElement(_next.Form, {
-    form: form,
-    component: false
-  }, /*#__PURE__*/_react["default"].createElement(_next.Table, {
-    components: {
-      body: {
-        cell: EditableCell
-      }
-    },
-    bordered: true,
-    dataSource: data,
-    columns: mergedColumns,
-    rowClassName: "editable-row",
-    pagination: {
-      onChange: cancel
-    }
-  }));
-};
-
-var _default = EditableTable;
-exports["default"] = _default;

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

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

package/lib/table/demo/head.js

@@ -1,103 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _next = require("@fle-ui/next");
-
-/**
- * title: 筛选和排序
- * desc: 对某一列数据进行筛选，
- */
-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["default"].createElement(_next.Table, {
-    columns: columns,
-    dataSource: data,
-    onChange: onChange
-  });
-};
-
-var _default = Demo;
-exports["default"] = _default;

package/lib/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;