@aloudata/aloudata-design 0.2.0-beta.1 → 0.2.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/Input/components/Password/index.d.ts +3 -2
- package/es/Input/components/Password/index.js +1 -1
- package/es/Input/demo/basic/index.less +8 -0
- package/es/Table/demo/sort/index.d.ts +2 -0
- package/es/Table/demo/sort/index.js +32 -0
- package/lib/Input/components/Password/index.d.ts +3 -2
- package/lib/Input/components/Password/index.js +2 -2
- package/lib/Input/demo/basic/index.less +8 -0
- package/lib/Table/demo/sort/index.d.ts +2 -0
- package/lib/Table/demo/sort/index.js +47 -0
- package/package.json +1 -1
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import { InputProps } from 'antd';
|
|
2
|
+
interface IPasswordProps extends InputProps {
|
|
2
3
|
/**
|
|
3
4
|
* @description 是否显示切换按钮
|
|
4
5
|
* @default true
|
|
5
6
|
*/
|
|
6
7
|
visibilityToggle?: boolean;
|
|
7
8
|
}
|
|
8
|
-
export default function
|
|
9
|
+
export default function Password(props: IPasswordProps): JSX.Element;
|
|
9
10
|
export {};
|
|
@@ -8,7 +8,7 @@ import React from 'react';
|
|
|
8
8
|
import AntdInput from 'antd/lib/input';
|
|
9
9
|
import Icon from '../../../Icon';
|
|
10
10
|
var AntdPassword = AntdInput.Password;
|
|
11
|
-
export default function
|
|
11
|
+
export default function Password(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement(AntdPassword, _objectSpread(_objectSpread({}, props), {}, {
|
|
13
13
|
iconRender: function iconRender(visible) {
|
|
14
14
|
var type = visible ? 'eye' : 'eye_off';
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Table } from '@aloudata/aloudata-design';
|
|
3
|
+
import { makeData } from '../basic/createData'; // import Table from '../../Example'
|
|
4
|
+
|
|
5
|
+
var columns = [{
|
|
6
|
+
Header: 'First Name',
|
|
7
|
+
accessor: 'firstName',
|
|
8
|
+
width: 150
|
|
9
|
+
}, {
|
|
10
|
+
Header: 'Last Name',
|
|
11
|
+
accessor: 'lastName'
|
|
12
|
+
}, {
|
|
13
|
+
Header: 'Age',
|
|
14
|
+
accessor: 'age'
|
|
15
|
+
}, {
|
|
16
|
+
Header: 'Visits',
|
|
17
|
+
accessor: 'visits'
|
|
18
|
+
}, {
|
|
19
|
+
Header: 'Status',
|
|
20
|
+
accessor: 'status'
|
|
21
|
+
}, {
|
|
22
|
+
Header: 'Profile Progress',
|
|
23
|
+
accessor: 'progress'
|
|
24
|
+
}];
|
|
25
|
+
export default (function () {
|
|
26
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
27
|
+
className: "ald-table-demo"
|
|
28
|
+
}, /*#__PURE__*/React.createElement(Table, {
|
|
29
|
+
columns: columns,
|
|
30
|
+
data: makeData(10)
|
|
31
|
+
}));
|
|
32
|
+
});
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import { InputProps } from 'antd';
|
|
2
|
+
interface IPasswordProps extends InputProps {
|
|
2
3
|
/**
|
|
3
4
|
* @description 是否显示切换按钮
|
|
4
5
|
* @default true
|
|
5
6
|
*/
|
|
6
7
|
visibilityToggle?: boolean;
|
|
7
8
|
}
|
|
8
|
-
export default function
|
|
9
|
+
export default function Password(props: IPasswordProps): JSX.Element;
|
|
9
10
|
export {};
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default =
|
|
6
|
+
exports.default = Password;
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
@@ -21,7 +21,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
21
21
|
|
|
22
22
|
var AntdPassword = _input.default.Password;
|
|
23
23
|
|
|
24
|
-
function
|
|
24
|
+
function Password(props) {
|
|
25
25
|
return /*#__PURE__*/_react.default.createElement(AntdPassword, _objectSpread(_objectSpread({}, props), {}, {
|
|
26
26
|
iconRender: function iconRender(visible) {
|
|
27
27
|
var type = visible ? 'eye' : 'eye_off';
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _aloudataDesign = require("@aloudata/aloudata-design");
|
|
11
|
+
|
|
12
|
+
var _createData = require("../basic/createData");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
// import Table from '../../Example'
|
|
17
|
+
var columns = [{
|
|
18
|
+
Header: 'First Name',
|
|
19
|
+
accessor: 'firstName',
|
|
20
|
+
width: 150
|
|
21
|
+
}, {
|
|
22
|
+
Header: 'Last Name',
|
|
23
|
+
accessor: 'lastName'
|
|
24
|
+
}, {
|
|
25
|
+
Header: 'Age',
|
|
26
|
+
accessor: 'age'
|
|
27
|
+
}, {
|
|
28
|
+
Header: 'Visits',
|
|
29
|
+
accessor: 'visits'
|
|
30
|
+
}, {
|
|
31
|
+
Header: 'Status',
|
|
32
|
+
accessor: 'status'
|
|
33
|
+
}, {
|
|
34
|
+
Header: 'Profile Progress',
|
|
35
|
+
accessor: 'progress'
|
|
36
|
+
}];
|
|
37
|
+
|
|
38
|
+
var _default = function _default() {
|
|
39
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
40
|
+
className: "ald-table-demo"
|
|
41
|
+
}, /*#__PURE__*/_react.default.createElement(_aloudataDesign.Table, {
|
|
42
|
+
columns: columns,
|
|
43
|
+
data: (0, _createData.makeData)(10)
|
|
44
|
+
}));
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
exports.default = _default;
|