linkmore-design 2.0.23 → 2.0.24

package/lib/table/demo/expand.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ = require("../..");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const columns = [{
+  title: 'Name',
+  dataIndex: 'name',
+  key: 'name'
+}, {
+  title: 'Age',
+  dataIndex: 'age',
+  key: 'age'
+}, {
+  title: 'Address',
+  dataIndex: 'address',
+  key: 'address'
+}, {
+  title: 'Action',
+  dataIndex: '',
+  key: 'x',
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+    children: "Delete"
+  })
+}];
+const data = [{
+  key: 1,
+  name: 'John Brown',
+  age: 32,
+  address: 'New York No. 1 Lake Park',
+  description: 'My name is John Brown, I am 32 years old, living in New York No. 1 Lake Park.'
+}, {
+  key: 2,
+  name: 'Jim Green',
+  age: 42,
+  address: 'London No. 1 Lake Park',
+  description: 'My name is Jim Green, I am 42 years old, living in London No. 1 Lake Park.'
+}, {
+  key: 3,
+  name: 'Not Expandable',
+  age: 29,
+  address: 'Jiangsu No. 1 Lake Park',
+  description: 'This not expandable'
+}, {
+  key: 4,
+  name: 'Joe Black',
+  age: 32,
+  address: 'Sidney No. 1 Lake Park',
+  description: 'My name is Joe Black, I am 32 years old, living in Sidney No. 1 Lake Park.'
+}];
+
+const App = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Table, {
+  columns: columns,
+  expandable: {
+    expandedRowRender: record => /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      style: {
+        margin: 0
+      },
+      children: record.description
+    }),
+    rowExpandable: record => record.name !== 'Not Expandable'
+  },
+  dataSource: data
+});
+
+var _default = App;
+exports.default = _default;

package/lib/table/demo/filter-in-tree.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/lib/table/demo/filter-in-tree.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ = require("../..");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const columns = [{
+  title: 'Name',
+  dataIndex: 'name',
+  filters: [{
+    text: 'Joe',
+    value: 'Joe'
+  }, {
+    text: 'Category 1',
+    value: 'Category 1',
+    children: [{
+      text: 'Yellow',
+      value: 'Yellow'
+    }, {
+      text: 'Pink',
+      value: 'Pink'
+    }]
+  }, {
+    text: 'Category 2',
+    value: 'Category 2',
+    children: [{
+      text: 'Green',
+      value: 'Green'
+    }, {
+      text: 'Black',
+      value: 'Black'
+    }]
+  }],
+  filterMode: 'tree',
+  filterSearch: true,
+  onFilter: (value, record) => record.name.includes(value),
+  width: '30%'
+}, {
+  title: 'Age',
+  dataIndex: 'age',
+  sorter: (a, b) => a.age - b.age
+}, {
+  title: 'Address',
+  dataIndex: 'address',
+  filters: [{
+    text: 'London',
+    value: 'London'
+  }, {
+    text: 'New York',
+    value: 'New York'
+  }],
+  onFilter: (value, record) => record.address.startsWith(value),
+  filterSearch: true,
+  width: '40%'
+}];
+const 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'
+}];
+
+const onChange = (pagination, filters, sorter, extra) => {
+  console.log('params', pagination, filters, sorter, extra);
+};
+
+const App = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Table, {
+  columns: columns,
+  dataSource: data,
+  onChange: onChange
+});
+
+var _default = App;
+exports.default = _default;

package/lib/table/demo/filter-search.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/lib/table/demo/filter-search.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ = require("../..");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const columns = [{
+  title: 'Name',
+  dataIndex: 'name',
+  filters: [{
+    text: 'Joe',
+    value: 'Joe'
+  }, {
+    text: 'Category 1',
+    value: 'Category 1'
+  }, {
+    text: 'Category 2',
+    value: 'Category 2'
+  }],
+  filterMode: 'tree',
+  filterSearch: true,
+  onFilter: (value, record) => record.name.startsWith(value),
+  width: '30%'
+}, {
+  title: 'Age',
+  dataIndex: 'age',
+  sorter: (a, b) => a.age - b.age
+}, {
+  title: 'Address',
+  dataIndex: 'address',
+  filters: [{
+    text: 'London',
+    value: 'London'
+  }, {
+    text: 'New York',
+    value: 'New York'
+  }],
+  onFilter: (value, record) => record.address.startsWith(value),
+  filterSearch: true,
+  width: '40%'
+}];
+const 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'
+}];
+
+const onChange = (pagination, filters, sorter, extra) => {
+  console.log('params', pagination, filters, sorter, extra);
+};
+
+const App = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Table, {
+  columns: columns,
+  dataSource: data,
+  onChange: onChange
+});
+
+var _default = App;
+exports.default = _default;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/lib/table/demo/head.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ = require("../..");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const 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: (value, record) => record.name.indexOf(value) === 0,
+  sorter: (a, b) => a.name.length - b.name.length,
+  sortDirections: ['descend']
+}, {
+  title: 'Age',
+  dataIndex: 'age',
+  defaultSortOrder: 'descend',
+  sorter: (a, b) => a.age - b.age
+}, {
+  title: 'Address',
+  dataIndex: 'address',
+  filters: [{
+    text: 'London',
+    value: 'London'
+  }, {
+    text: 'New York',
+    value: 'New York'
+  }],
+  onFilter: (value, record) => record.address.indexOf(value) === 0
+}];
+const 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'
+}];
+
+const onChange = (pagination, filters, sorter, extra) => {
+  console.log('params', pagination, filters, sorter, extra);
+};
+
+const App = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Table, {
+  columns: columns,
+  dataSource: data,
+  onChange: onChange
+});
+
+var _default = App;
+exports.default = _default;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/lib/table/demo/narrow.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ = require("../..");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const columns = [{
+  title: 'Name',
+  dataIndex: 'name'
+}, {
+  title: 'Age',
+  dataIndex: 'age'
+}, {
+  title: 'Address',
+  dataIndex: 'address'
+}];
+const data = [];
+
+for (let i = 0; i < 200; i += 1) {
+  data.push({
+    key: i,
+    name: 'Sample Name',
+    age: 30 + i % 5,
+    address: `Sample Address ${i}`
+  });
+}
+
+const App = () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  style: {
+    width: 300
+  },
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Table, {
+    columns: columns,
+    dataSource: data,
+    size: "small",
+    pagination: {
+      defaultCurrent: 13
+    }
+  })
+});
+
+var _default = App;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkmore-design",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "author": {
     "name": "nowthen",
     "email": "rnlvwyx@gmail.com"