linkmore-design 2.0.23 → 2.0.24

package/es/cascader/style/index-pure.less

@@ -33,8 +33,10 @@
     min-width: 111px;
     height: 180px;
     margin: 0;
-    margin: -@dropdown-edge-child-vertical-padding 0;
-    padding: @cascader-dropdown-edge-child-vertical-padding 0;
+    // margin: -@dropdown-edge-child-vertical-padding 0;
+    // padding: @cascader-dropdown-edge-child-vertical-padding 0;
+    margin: 0;
+    padding: 8px;
     overflow: auto;
     vertical-align: top;
     list-style: none;
@@ -45,13 +47,19 @@
       display: flex;
       flex-wrap: nowrap;
       align-items: center;
-      padding: @cascader-dropdown-vertical-padding @control-padding-horizontal;
+      // padding: @cascader-dropdown-vertical-padding @control-padding-horizontal;
+      padding: @cascader-dropdown-vertical-padding 12px;
       overflow: hidden;
       line-height: @cascader-dropdown-line-height;
       white-space: nowrap;
       text-overflow: ellipsis;
       cursor: pointer;
       transition: all 0.3s;
+      border-radius: @border-radius-base;
+      margin-bottom: 4px;
+      &:last-child {
+        margin-bottom: 0;
+      }
 
       &:hover {
         background: @item-hover-bg;

package/es/date-picker/style/index-pure.less

@@ -111,7 +111,7 @@
     flex: none;
     align-self: center;
     margin-left: (@padding-xs / 2);
-    color: @disabled-color;
+    color: @text-color-secondary-deep;
     line-height: 1;
     pointer-events: none;
 

package/es/drawer/style/drawer.less

@@ -34,6 +34,7 @@
     position: absolute;
     z-index: @zindex-modal;
     transition: all @animation-duration-slow;
+    border-radius: @drawer-body-radius;
 
     &-hidden {
       display: none;

package/es/input/style/mixin.less

@@ -42,7 +42,8 @@
 
 .disabled() {
   color: @input-disabled-color;
-  background-color: @input-disabled-bg;
+  // background-color: @input-disabled-bg;
+  background-color: @text-color-bg;
   border-color: @input-border-color;
   box-shadow: none;
   cursor: not-allowed;

package/es/lm-filter/style/index-pure.less

@@ -653,7 +653,4 @@
 // 级联选择弹窗
 .ant-select-dropdown.ant-cascader-dropdown {
   padding: 0;
-  .ant-cascader-menu-item {
-    padding: @padding-xss @padding-xs;
-  }
 }

package/es/lm-filter/style/variables.less

@@ -651,7 +651,4 @@
 // 级联选择弹窗
 .ant-select-dropdown.ant-cascader-dropdown {
   padding: 0;
-  .ant-cascader-menu-item {
-    padding: 5px 8px;
-  }
 }

package/es/lm-select/style/index-pure.less

@@ -315,7 +315,4 @@
 // 级联选择弹窗
 .ant-select-dropdown.ant-cascader-dropdown {
   padding: 0;
-  .ant-cascader-menu-item {
-    padding: 5px 8px;
-  }
 }

package/es/style/themes/default.less

@@ -211,7 +211,8 @@
 
 // Disabled states
 @disabled-color: @text-color-disable;
-@disabled-bg: @background-color-base;
+// @disabled-bg: @background-color-base;
+@disabled-bg: @text-color-bg;
 @disabled-active-bg: tint(@black, 90%);
 @disabled-color-dark: fade(#fff, 35%);
 

package/es/style/themes/variable.less

@@ -279,7 +279,8 @@
 
 // Disabled states
 @disabled-color: @text-color-disable;
-@disabled-bg: @background-color-base;
+// @disabled-bg: @background-color-base;
+@disabled-bg: @text-color-bg;
 @disabled-active-bg: tint(@black, 90%);
 @disabled-color-dark: fade(#fff, 35%);
 

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

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

package/es/table/demo/expand.js

@@ -0,0 +1,72 @@
+import { Table } from "../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var 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: function render() {
+    return /*#__PURE__*/_jsx("a", {
+      children: "Delete"
+    });
+  }
+}];
+var 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.'
+}];
+
+var App = function App() {
+  return /*#__PURE__*/_jsx(Table, {
+    columns: columns,
+    expandable: {
+      expandedRowRender: function expandedRowRender(record) {
+        return /*#__PURE__*/_jsx("p", {
+          style: {
+            margin: 0
+          },
+          children: record.description
+        });
+      },
+      rowExpandable: function rowExpandable(record) {
+        return record.name !== 'Not Expandable';
+      }
+    },
+    dataSource: data
+  });
+};
+
+export default App;

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

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

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

@@ -0,0 +1,93 @@
+import { Table } from "../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var 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: function onFilter(value, record) {
+    return record.name.includes(value);
+  },
+  width: '30%'
+}, {
+  title: 'Age',
+  dataIndex: 'age',
+  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.startsWith(value);
+  },
+  filterSearch: true,
+  width: '40%'
+}];
+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'
+}];
+
+var onChange = function onChange(pagination, filters, sorter, extra) {
+  console.log('params', pagination, filters, sorter, extra);
+};
+
+var App = function App() {
+  return /*#__PURE__*/_jsx(Table, {
+    columns: columns,
+    dataSource: data,
+    onChange: onChange
+  });
+};
+
+export default App;

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

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

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

@@ -0,0 +1,79 @@
+import { Table } from "../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var 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: function onFilter(value, record) {
+    return record.name.startsWith(value);
+  },
+  width: '30%'
+}, {
+  title: 'Age',
+  dataIndex: 'age',
+  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.startsWith(value);
+  },
+  filterSearch: true,
+  width: '40%'
+}];
+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'
+}];
+
+var onChange = function onChange(pagination, filters, sorter, extra) {
+  console.log('params', pagination, filters, sorter, extra);
+};
+
+var App = function App() {
+  return /*#__PURE__*/_jsx(Table, {
+    columns: columns,
+    dataSource: data,
+    onChange: onChange
+  });
+};
+
+export default App;

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

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

package/es/table/demo/head.js

@@ -0,0 +1,88 @@
+import { Table } from "../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+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'
+}];
+
+var onChange = function onChange(pagination, filters, sorter, extra) {
+  console.log('params', pagination, filters, sorter, extra);
+};
+
+var App = function App() {
+  return /*#__PURE__*/_jsx(Table, {
+    columns: columns,
+    dataSource: data,
+    onChange: onChange
+  });
+};
+
+export default App;

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

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

package/es/table/demo/narrow.js

@@ -0,0 +1,41 @@
+import { Table } from "../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var columns = [{
+  title: 'Name',
+  dataIndex: 'name'
+}, {
+  title: 'Age',
+  dataIndex: 'age'
+}, {
+  title: 'Address',
+  dataIndex: 'address'
+}];
+var data = [];
+
+for (var i = 0; i < 200; i += 1) {
+  data.push({
+    key: i,
+    name: 'Sample Name',
+    age: 30 + i % 5,
+    address: "Sample Address ".concat(i)
+  });
+}
+
+var App = function App() {
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 300
+    },
+    children: /*#__PURE__*/_jsx(Table, {
+      columns: columns,
+      dataSource: data,
+      size: "small",
+      pagination: {
+        defaultCurrent: 13
+      }
+    })
+  });
+};
+
+export default App;

package/lib/cascader/style/index-pure.less

@@ -33,8 +33,10 @@
     min-width: 111px;
     height: 180px;
     margin: 0;
-    margin: -@dropdown-edge-child-vertical-padding 0;
-    padding: @cascader-dropdown-edge-child-vertical-padding 0;
+    // margin: -@dropdown-edge-child-vertical-padding 0;
+    // padding: @cascader-dropdown-edge-child-vertical-padding 0;
+    margin: 0;
+    padding: 8px;
     overflow: auto;
     vertical-align: top;
     list-style: none;
@@ -45,13 +47,19 @@
       display: flex;
       flex-wrap: nowrap;
       align-items: center;
-      padding: @cascader-dropdown-vertical-padding @control-padding-horizontal;
+      // padding: @cascader-dropdown-vertical-padding @control-padding-horizontal;
+      padding: @cascader-dropdown-vertical-padding 12px;
       overflow: hidden;
       line-height: @cascader-dropdown-line-height;
       white-space: nowrap;
       text-overflow: ellipsis;
       cursor: pointer;
       transition: all 0.3s;
+      border-radius: @border-radius-base;
+      margin-bottom: 4px;
+      &:last-child {
+        margin-bottom: 0;
+      }
 
       &:hover {
         background: @item-hover-bg;

package/lib/date-picker/style/index-pure.less

@@ -111,7 +111,7 @@
     flex: none;
     align-self: center;
     margin-left: (@padding-xs / 2);
-    color: @disabled-color;
+    color: @text-color-secondary-deep;
     line-height: 1;
     pointer-events: none;
 

package/lib/drawer/style/drawer.less

@@ -34,6 +34,7 @@
     position: absolute;
     z-index: @zindex-modal;
     transition: all @animation-duration-slow;
+    border-radius: @drawer-body-radius;
 
     &-hidden {
       display: none;

package/lib/input/style/mixin.less

@@ -42,7 +42,8 @@
 
 .disabled() {
   color: @input-disabled-color;
-  background-color: @input-disabled-bg;
+  // background-color: @input-disabled-bg;
+  background-color: @text-color-bg;
   border-color: @input-border-color;
   box-shadow: none;
   cursor: not-allowed;

package/lib/lm-filter/style/index-pure.less

@@ -653,7 +653,4 @@
 // 级联选择弹窗
 .ant-select-dropdown.ant-cascader-dropdown {
   padding: 0;
-  .ant-cascader-menu-item {
-    padding: @padding-xss @padding-xs;
-  }
 }

package/lib/lm-filter/style/variables.less

@@ -651,7 +651,4 @@
 // 级联选择弹窗
 .ant-select-dropdown.ant-cascader-dropdown {
   padding: 0;
-  .ant-cascader-menu-item {
-    padding: 5px 8px;
-  }
 }

package/lib/lm-select/style/index-pure.less

@@ -315,7 +315,4 @@
 // 级联选择弹窗
 .ant-select-dropdown.ant-cascader-dropdown {
   padding: 0;
-  .ant-cascader-menu-item {
-    padding: 5px 8px;
-  }
 }

package/lib/style/themes/default.less

@@ -211,7 +211,8 @@
 
 // Disabled states
 @disabled-color: @text-color-disable;
-@disabled-bg: @background-color-base;
+// @disabled-bg: @background-color-base;
+@disabled-bg: @text-color-bg;
 @disabled-active-bg: tint(@black, 90%);
 @disabled-color-dark: fade(#fff, 35%);
 

package/lib/style/themes/variable.less

@@ -279,7 +279,8 @@
 
 // Disabled states
 @disabled-color: @text-color-disable;
-@disabled-bg: @background-color-base;
+// @disabled-bg: @background-color-base;
+@disabled-bg: @text-color-bg;
 @disabled-active-bg: tint(@black, 90%);
 @disabled-color-dark: fade(#fff, 35%);
 

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

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