linkmore-design 1.0.35 → 1.0.38
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/dist/CardTable/utils.d.ts +1 -1
- package/dist/Cascader/demos/basic.d.ts +2 -0
- package/dist/Cascader/index.d.ts +4 -0
- package/dist/Cascader/style/index.d.ts +1 -0
- package/dist/Form/demos/basic.d.ts +2 -0
- package/dist/Form/demos/drawer1152-triple.d.ts +3 -0
- package/dist/Form/demos/drawer440-double.d.ts +3 -0
- package/dist/Form/demos/drawer440.d.ts +3 -0
- package/dist/Form/demos/drawer720-double.d.ts +3 -0
- package/dist/Form/demos/modal416.d.ts +3 -0
- package/dist/Form/demos/modal552-double.d.ts +3 -0
- package/dist/Form/index.d.ts +24 -0
- package/dist/Form/style/index.d.ts +1 -0
- package/dist/Input/demos/after.d.ts +1 -1
- package/dist/Input/demos/base.d.ts +1 -1
- package/dist/Input/demos/basic.d.ts +1 -1
- package/dist/Input/demos/color.d.ts +1 -1
- package/dist/Input/demos/combination.d.ts +1 -1
- package/dist/Input/demos/import.d.ts +1 -1
- package/dist/Input/demos/line.d.ts +1 -1
- package/dist/Input/demos/password.d.ts +1 -1
- package/dist/Input/demos/size.d.ts +1 -1
- package/dist/Input/index.d.ts +10 -2
- package/dist/LmSelect/GhostSelect.d.ts +2 -0
- package/dist/LmSelect/NormalSelect.d.ts +11 -0
- package/dist/LmSelect/demos/basic.d.ts +2 -0
- package/dist/LmSelect/demos/checkbox.d.ts +2 -0
- package/dist/LmSelect/demos/ghost.d.ts +2 -0
- package/dist/LmSelect/index.d.ts +14 -0
- package/dist/LmSelect/style/index.d.ts +1 -0
- package/dist/LmSelect/useCheckboxOptions.d.ts +1 -0
- package/dist/LmSelect/utils.d.ts +10 -0
- package/dist/LmTable/demos/getData.d.ts +2 -0
- package/dist/VirtualList/index.d.ts +1 -1
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/useEvent/index.d.ts +2 -0
- package/dist/hooks/useFullscreen/demos/basic.d.ts +2 -0
- package/dist/hooks/useFullscreen/index.d.ts +15 -0
- package/dist/index.d.ts +4 -1
- package/dist/index.umd.js +1359 -271
- package/dist/index.umd.min.js +7 -7
- package/es/Cascader/index.d.ts +4 -0
- package/es/Cascader/index.js +37 -0
- package/es/Cascader/style/index.css +520 -0
- package/es/Cascader/style/index.d.ts +1 -0
- package/es/Cascader/style/index.js +1 -0
- package/es/CustomTableOption/columnsSort.js +42 -11
- package/es/CustomTableOption/filterSort.js +34 -4
- package/es/CustomTableOption/index.js +25 -8
- package/es/CustomTableOption/style/index.css +29 -0
- package/es/EditTable/EditTable.js +25 -3
- package/es/Form/index.d.ts +24 -0
- package/es/Form/index.js +56 -0
- package/es/Form/style/index.css +531 -0
- package/es/Form/style/index.d.ts +1 -0
- package/es/Form/style/index.js +1 -0
- package/es/Input/index.d.ts +11 -0
- package/es/Input/index.js +31 -37
- package/es/LmSelect/GhostSelect.d.ts +2 -0
- package/es/LmSelect/GhostSelect.js +523 -0
- package/es/LmSelect/NormalSelect.d.ts +11 -0
- package/es/LmSelect/NormalSelect.js +97 -0
- package/es/LmSelect/icon_placeholder.png +0 -0
- package/es/LmSelect/index.d.ts +14 -0
- package/es/LmSelect/index.js +34 -0
- package/es/LmSelect/style/index.css +751 -0
- package/es/LmSelect/style/index.d.ts +1 -0
- package/es/LmSelect/style/index.js +1 -0
- package/es/LmSelect/useCheckboxOptions.d.ts +1 -0
- package/es/LmSelect/useCheckboxOptions.js +120 -0
- package/es/LmSelect/utils.d.ts +10 -0
- package/es/LmSelect/utils.js +66 -0
- package/es/LmTable/Table.js +29 -26
- package/es/Radio/index.js +3 -2
- package/es/Radio/style/style.css +4 -0
- package/es/VirtualList/index.js +2 -1
- package/es/hooks/index.d.ts +2 -0
- package/es/hooks/index.js +2 -0
- package/es/hooks/useEvent/index.d.ts +2 -0
- package/es/hooks/useEvent/index.js +16 -0
- package/es/hooks/useFullscreen/index.d.ts +15 -0
- package/es/hooks/useFullscreen/index.js +99 -0
- package/es/index.d.ts +4 -1
- package/es/index.js +4 -1
- package/lib/Cascader/index.d.ts +4 -0
- package/lib/Cascader/index.js +50 -0
- package/lib/Cascader/style/index.css +520 -0
- package/lib/Cascader/style/index.d.ts +1 -0
- package/lib/Cascader/style/index.js +3 -0
- package/lib/CustomTableOption/columnsSort.js +42 -10
- package/lib/CustomTableOption/filterSort.js +33 -3
- package/lib/CustomTableOption/index.js +24 -7
- package/lib/CustomTableOption/style/index.css +29 -0
- package/lib/EditTable/EditTable.js +25 -3
- package/lib/Form/index.d.ts +24 -0
- package/lib/Form/index.js +75 -0
- package/lib/Form/style/index.css +531 -0
- package/lib/Form/style/index.d.ts +1 -0
- package/lib/Form/style/index.js +3 -0
- package/lib/Input/index.d.ts +11 -0
- package/lib/Input/index.js +24 -15
- package/lib/LmSelect/GhostSelect.d.ts +2 -0
- package/lib/LmSelect/GhostSelect.js +545 -0
- package/lib/LmSelect/NormalSelect.d.ts +11 -0
- package/lib/LmSelect/NormalSelect.js +116 -0
- package/lib/LmSelect/icon_placeholder.png +0 -0
- package/lib/LmSelect/index.d.ts +14 -0
- package/lib/LmSelect/index.js +50 -0
- package/lib/LmSelect/style/index.css +751 -0
- package/lib/LmSelect/style/index.d.ts +1 -0
- package/lib/LmSelect/style/index.js +3 -0
- package/lib/LmSelect/useCheckboxOptions.d.ts +1 -0
- package/lib/LmSelect/useCheckboxOptions.js +139 -0
- package/lib/LmSelect/utils.d.ts +10 -0
- package/lib/LmSelect/utils.js +103 -0
- package/lib/LmTable/Table.js +29 -26
- package/lib/Radio/index.js +3 -2
- package/lib/Radio/style/style.css +4 -0
- package/lib/VirtualList/index.js +2 -1
- package/lib/hooks/index.d.ts +2 -0
- package/lib/hooks/index.js +23 -0
- package/lib/hooks/useEvent/index.d.ts +2 -0
- package/lib/hooks/useEvent/index.js +25 -0
- package/lib/hooks/useFullscreen/index.d.ts +15 -0
- package/lib/hooks/useFullscreen/index.js +113 -0
- package/lib/index.d.ts +4 -1
- package/lib/index.js +25 -1
- package/package.json +5 -4
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './index.less';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useCheckboxOptions: (options: any, controllable: any, filter?: string) => JSX.Element;
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
exports.useCheckboxOptions = void 0;
|
|
11
|
+
|
|
12
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
|
+
|
|
14
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
+
|
|
16
|
+
var _hooks = require("../hooks");
|
|
17
|
+
|
|
18
|
+
var _ahooks = require("ahooks");
|
|
19
|
+
|
|
20
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
21
|
+
|
|
22
|
+
var _linkmoreDesign = require("linkmore-design");
|
|
23
|
+
|
|
24
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
25
|
+
|
|
26
|
+
var _utils = require("./utils");
|
|
27
|
+
|
|
28
|
+
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
29
|
+
var t = {};
|
|
30
|
+
|
|
31
|
+
for (var p in s) {
|
|
32
|
+
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
36
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
37
|
+
}
|
|
38
|
+
return t;
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
var imgEmpty = require('./icon_placeholder.png');
|
|
42
|
+
|
|
43
|
+
var FilterEmpty = function FilterEmpty() {
|
|
44
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
45
|
+
className: "filter_empty"
|
|
46
|
+
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
47
|
+
src: imgEmpty,
|
|
48
|
+
alt: "empty",
|
|
49
|
+
width: 81
|
|
50
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
51
|
+
className: "filter_empty_text"
|
|
52
|
+
}, "\u6682\u65E0\u6570\u636E"));
|
|
53
|
+
}; // todo 抽取出来, 后续做统一处理, 项目中多处用到类似的功能
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
var useCheckboxOptions = function useCheckboxOptions(options, controllable) {
|
|
57
|
+
var filter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
|
58
|
+
|
|
59
|
+
// 将value和onChange改为受控,和父组件共享
|
|
60
|
+
var _useControllableValue = (0, _ahooks.useControllableValue)(controllable),
|
|
61
|
+
_useControllableValue2 = (0, _slicedToArray2.default)(_useControllableValue, 2),
|
|
62
|
+
checkedValues = _useControllableValue2[0],
|
|
63
|
+
setCheckedValues = _useControllableValue2[1];
|
|
64
|
+
|
|
65
|
+
var renderOptions = (0, _react.useMemo)(function () {
|
|
66
|
+
return options.filter(function (v) {
|
|
67
|
+
return (0, _utils.onStringSearch)(filter, v.label);
|
|
68
|
+
});
|
|
69
|
+
}, [options, filter]); // 是否全选: 选中的数据大于等于筛选后的数据 && 筛选后的数据全部存在于选中的数据中
|
|
70
|
+
|
|
71
|
+
var checkAll = (0, _react.useMemo)(function () {
|
|
72
|
+
var isLen = checkedValues.length >= renderOptions.length;
|
|
73
|
+
return isLen && renderOptions.every(function (_ref) {
|
|
74
|
+
var value = _ref.value;
|
|
75
|
+
return checkedValues.includes(value);
|
|
76
|
+
});
|
|
77
|
+
}, [checkedValues.length, renderOptions]); // 是否半选: 存在选中的数据 && 未全选
|
|
78
|
+
|
|
79
|
+
var indeterminate = (0, _react.useMemo)(function () {
|
|
80
|
+
return checkedValues.length && !checkAll;
|
|
81
|
+
}, [checkedValues.length, checkAll]); // 全选事件
|
|
82
|
+
|
|
83
|
+
var onCheckAllChange = (0, _hooks.useEvent)(function () {
|
|
84
|
+
var nValue = checkAll ? checkedValues.filter(function (v) {
|
|
85
|
+
return !renderOptions.some(function (_ref2) {
|
|
86
|
+
var value = _ref2.value;
|
|
87
|
+
return v === value;
|
|
88
|
+
});
|
|
89
|
+
}) : Array.from(new Set([].concat((0, _toConsumableArray2.default)(checkedValues), (0, _toConsumableArray2.default)(renderOptions.map(function (v) {
|
|
90
|
+
return v.value;
|
|
91
|
+
})))));
|
|
92
|
+
setCheckedValues(nValue);
|
|
93
|
+
});
|
|
94
|
+
var onChange = (0, _hooks.useEvent)(function (e, item) {
|
|
95
|
+
e.preventDefault();
|
|
96
|
+
e.stopPropagation();
|
|
97
|
+
var arr = checkedValues.includes(item.value) ? checkedValues.filter(function (v) {
|
|
98
|
+
return v !== item.value;
|
|
99
|
+
}) : [].concat((0, _toConsumableArray2.default)(checkedValues), [item.value]);
|
|
100
|
+
setCheckedValues(arr || undefined);
|
|
101
|
+
});
|
|
102
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
103
|
+
className: "select_dropdown"
|
|
104
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
105
|
+
className: "filter_header"
|
|
106
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
107
|
+
className: "filter_header_operate"
|
|
108
|
+
}, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
|
|
109
|
+
indeterminate: indeterminate,
|
|
110
|
+
onChange: onCheckAllChange,
|
|
111
|
+
checked: checkAll,
|
|
112
|
+
className: "filter_tip"
|
|
113
|
+
}, "\u5168\u90E8"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
|
|
114
|
+
className: "filter_tip"
|
|
115
|
+
}, "\u5DF2\u9009: ", checkedValues.length)))), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox.Group, {
|
|
116
|
+
value: checkedValues,
|
|
117
|
+
className: "filter_body"
|
|
118
|
+
}, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
|
|
119
|
+
options: renderOptions,
|
|
120
|
+
className: "filter_list"
|
|
121
|
+
}, function (_a) {
|
|
122
|
+
var item = _a.item,
|
|
123
|
+
resetProps = __rest(_a, ["item"]);
|
|
124
|
+
|
|
125
|
+
return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, resetProps, {
|
|
126
|
+
className: (0, _classnames.default)('filter_item', {
|
|
127
|
+
checked: checkedValues.includes(item.value)
|
|
128
|
+
}),
|
|
129
|
+
onClick: function onClick(e) {
|
|
130
|
+
return onChange(e, item);
|
|
131
|
+
}
|
|
132
|
+
}), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
|
|
133
|
+
value: item.value,
|
|
134
|
+
className: "filter_item-content"
|
|
135
|
+
}, item.label));
|
|
136
|
+
}), !renderOptions.length && /*#__PURE__*/_react.default.createElement(FilterEmpty, null)));
|
|
137
|
+
};
|
|
138
|
+
|
|
139
|
+
exports.useCheckboxOptions = useCheckboxOptions;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare function getArray(val: any): any[];
|
|
2
|
+
export declare const isOptions: (key: any) => boolean;
|
|
3
|
+
export declare const onStringSearch: (key?: string, str?: string) => boolean;
|
|
4
|
+
export declare function getOptions(children: any): any[];
|
|
5
|
+
export declare function getIsHas(val: any): boolean;
|
|
6
|
+
export declare function isClassComponent(component: any): any;
|
|
7
|
+
export declare function isExoticComponent(component: any): boolean;
|
|
8
|
+
export declare function isReactComponent(component: any): any;
|
|
9
|
+
export declare const render: (Comp: any, props?: {}) => any;
|
|
10
|
+
export declare const useSearch: (showSearch: any, renderOptions: any) => any;
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
exports.getArray = getArray;
|
|
11
|
+
exports.getIsHas = getIsHas;
|
|
12
|
+
exports.getOptions = getOptions;
|
|
13
|
+
exports.isClassComponent = isClassComponent;
|
|
14
|
+
exports.isExoticComponent = isExoticComponent;
|
|
15
|
+
exports.isOptions = void 0;
|
|
16
|
+
exports.isReactComponent = isReactComponent;
|
|
17
|
+
exports.useSearch = exports.render = exports.onStringSearch = void 0;
|
|
18
|
+
|
|
19
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
20
|
+
|
|
21
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
22
|
+
|
|
23
|
+
// 获取数组
|
|
24
|
+
function getArray(val) {
|
|
25
|
+
if (!val) return [];
|
|
26
|
+
return Array.isArray(val) ? val : [val];
|
|
27
|
+
} // 判断是否符合options格式
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
var isOptions = function isOptions(key) {
|
|
31
|
+
return ['label', 'value'].includes(key);
|
|
32
|
+
}; // 查询搜索, 都转成小写用于匹配
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
exports.isOptions = isOptions;
|
|
36
|
+
|
|
37
|
+
var onStringSearch = function onStringSearch() {
|
|
38
|
+
var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
39
|
+
var str = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
40
|
+
return str.toLowerCase().includes(key.toLowerCase());
|
|
41
|
+
}; // 将options和children都转成options
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
exports.onStringSearch = onStringSearch;
|
|
45
|
+
|
|
46
|
+
function getOptions(children) {
|
|
47
|
+
var array = getArray(children);
|
|
48
|
+
return array.map(function (item) {
|
|
49
|
+
if (Object.keys(item).every(isOptions)) return item;
|
|
50
|
+
return {
|
|
51
|
+
label: item.props.children,
|
|
52
|
+
value: item.props.value,
|
|
53
|
+
disabled: !!item.props.disabled
|
|
54
|
+
};
|
|
55
|
+
});
|
|
56
|
+
} // 检查是否存在内容
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
function getIsHas(val) {
|
|
60
|
+
var _a; // 检查是否数字类型, 是否布尔类型
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
var flag = !!val || typeof val === 'number' || typeof val === 'boolean'; // 检查空对象和空数组
|
|
64
|
+
|
|
65
|
+
if (!!val && (0, _typeof2.default)(val) === 'object') {
|
|
66
|
+
flag = Array.isArray(val) ? !!val.length : !!((_a = Object.keys(val)) === null || _a === void 0 ? void 0 : _a.length);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
return flag;
|
|
70
|
+
} // 检查是否类组件
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
function isClassComponent(component) {
|
|
74
|
+
return typeof component === 'function' && function () {
|
|
75
|
+
var proto = Object.getPrototypeOf(component);
|
|
76
|
+
return proto.prototype && proto.prototype.isReactComponent;
|
|
77
|
+
}();
|
|
78
|
+
} // 检查是否自定义组件
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
function isExoticComponent(component) {
|
|
82
|
+
return (0, _typeof2.default)(component) === 'object' && (0, _typeof2.default)(component.$$typeof) === 'symbol' && ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description);
|
|
83
|
+
} // 检查是否React组件
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
function isReactComponent(component) {
|
|
87
|
+
return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
var render = function render(Comp) {
|
|
91
|
+
var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
92
|
+
return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/_react.default.createElement(Comp, Object.assign({}, props)) : Comp;
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
exports.render = render;
|
|
96
|
+
|
|
97
|
+
var useSearch = function useSearch(showSearch, renderOptions) {
|
|
98
|
+
return (0, _react.useMemo)(function () {
|
|
99
|
+
return showSearch || renderOptions.length > 8;
|
|
100
|
+
}, [renderOptions.length, showSearch]);
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
exports.useSearch = useSearch;
|
package/lib/LmTable/Table.js
CHANGED
|
@@ -291,7 +291,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
291
291
|
selectedRows: value
|
|
292
292
|
});
|
|
293
293
|
rowClick === null || rowClick === void 0 ? void 0 : rowClick(value);
|
|
294
|
-
}
|
|
294
|
+
},
|
|
295
|
+
checkboxRecords: useSelectedRows.selectedRows
|
|
295
296
|
};
|
|
296
297
|
}); // loading触发清空选中状态
|
|
297
298
|
|
|
@@ -337,6 +338,18 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
337
338
|
var _props$autoSizer = props.autoSizer,
|
|
338
339
|
autoSizer = _props$autoSizer === void 0 ? false : _props$autoSizer;
|
|
339
340
|
|
|
341
|
+
var _useState9 = (0, _react.useState)({
|
|
342
|
+
width: '100%',
|
|
343
|
+
height: '100%'
|
|
344
|
+
}),
|
|
345
|
+
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
346
|
+
tableSize = _useState10[0],
|
|
347
|
+
setTableSize = _useState10[1];
|
|
348
|
+
|
|
349
|
+
var defaultRef = ref || (0, _react.useRef)(null);
|
|
350
|
+
var tableWarpRef = (0, _react.useRef)(null);
|
|
351
|
+
var resizeRef = (0, _react.useRef)(null);
|
|
352
|
+
|
|
340
353
|
if (!autoSizer) {
|
|
341
354
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
342
355
|
ref: tableWarpRef,
|
|
@@ -355,17 +368,6 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
355
368
|
})));
|
|
356
369
|
}
|
|
357
370
|
|
|
358
|
-
var _useState9 = (0, _react.useState)({
|
|
359
|
-
width: '100%',
|
|
360
|
-
height: '100%'
|
|
361
|
-
}),
|
|
362
|
-
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
363
|
-
tableSize = _useState10[0],
|
|
364
|
-
setTableSize = _useState10[1];
|
|
365
|
-
|
|
366
|
-
var defaultRef = ref || (0, _react.useRef)(null);
|
|
367
|
-
var tableWarpRef = (0, _react.useRef)(null);
|
|
368
|
-
var resizeRef = (0, _react.useRef)(null);
|
|
369
371
|
var resetHeight = (0, _react.useMemo)(function () {
|
|
370
372
|
var height = tableSize.height;
|
|
371
373
|
var h = height - 32;
|
|
@@ -414,24 +416,25 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
414
416
|
|
|
415
417
|
var handResize = (0, _lodash.throttle)(changeSize, 600);
|
|
416
418
|
(0, _react.useEffect)(function () {
|
|
417
|
-
var _tableWarpRef$current8;
|
|
418
|
-
|
|
419
419
|
var hiddenPage = props.hiddenPage,
|
|
420
420
|
customCheck = props.customCheck,
|
|
421
421
|
summary = props.summary;
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
422
|
+
setTimeout(function () {
|
|
423
|
+
var _tableWarpRef$current8;
|
|
424
|
+
|
|
425
|
+
var _tableWarpRef$current5 = (_tableWarpRef$current8 = tableWarpRef.current) === null || _tableWarpRef$current8 === void 0 ? void 0 : _tableWarpRef$current8.getBoundingClientRect(),
|
|
426
|
+
_tableWarpRef$current6 = _tableWarpRef$current5.width,
|
|
427
|
+
width = _tableWarpRef$current6 === void 0 ? '100%' : _tableWarpRef$current6,
|
|
428
|
+
_tableWarpRef$current7 = _tableWarpRef$current5.height,
|
|
429
|
+
height = _tableWarpRef$current7 === void 0 ? '100%' : _tableWarpRef$current7;
|
|
430
|
+
|
|
431
|
+
var value = summary ? 48 : 0;
|
|
432
|
+
setTableSize({
|
|
433
|
+
width: width,
|
|
434
|
+
height: typeof height === 'string' ? "calc(".concat(height, " - ").concat(value, "px)") : height - value
|
|
435
|
+
});
|
|
436
|
+
}, 100);
|
|
430
437
|
resizeRef.current = window.addEventListener('resize', handResize);
|
|
431
|
-
setTableSize({
|
|
432
|
-
width: width,
|
|
433
|
-
height: typeof height === 'string' ? "calc(".concat(height, " - ").concat(value, "px)") : height - value
|
|
434
|
-
});
|
|
435
438
|
return function () {
|
|
436
439
|
window.removeEventListener('resize', handResize);
|
|
437
440
|
};
|
package/lib/Radio/index.js
CHANGED
|
@@ -20,7 +20,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
20
20
|
var _react = _interopRequireDefault(require("react"));
|
|
21
21
|
|
|
22
22
|
var _excluded = ["children"],
|
|
23
|
-
_excluded2 = ["children", "size", "buttonStyle", "direction"];
|
|
23
|
+
_excluded2 = ["children", "size", "buttonStyle", "direction", "className"];
|
|
24
24
|
|
|
25
25
|
var LMRadio = function LMRadio(props) {
|
|
26
26
|
var children = props.children,
|
|
@@ -37,10 +37,11 @@ LMRadio.Group = function (props) {
|
|
|
37
37
|
buttonStyle = props.buttonStyle,
|
|
38
38
|
_props$direction = props.direction,
|
|
39
39
|
direction = _props$direction === void 0 ? 'row' : _props$direction,
|
|
40
|
+
className = props.className,
|
|
40
41
|
restProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
|
|
41
42
|
console.log(children, 'rrr');
|
|
42
43
|
return /*#__PURE__*/_react.default.createElement(_radio.default.Group, (0, _extends2.default)({
|
|
43
|
-
className: (0, _classnames.default)('lm-radio-group', "lm-radio-group-".concat(direction)),
|
|
44
|
+
className: (0, _classnames.default)(className, 'lm-radio-group', "lm-radio-group-".concat(direction)),
|
|
44
45
|
size: size
|
|
45
46
|
}, restProps), children);
|
|
46
47
|
};
|
|
@@ -119,6 +119,10 @@
|
|
|
119
119
|
.lm-radio-group .ant-radio-button-wrapper-disabled:hover {
|
|
120
120
|
color: var(--disabled-font-color);
|
|
121
121
|
}
|
|
122
|
+
.lm-radio-group.lm-radio-group-row {
|
|
123
|
+
display: flex;
|
|
124
|
+
flex-direction: row;
|
|
125
|
+
}
|
|
122
126
|
.lm-radio-group.lm-radio-group-column {
|
|
123
127
|
display: flex;
|
|
124
128
|
flex-direction: column;
|
package/lib/VirtualList/index.js
CHANGED
|
@@ -17,7 +17,8 @@ var VirList = function VirList(_ref) {
|
|
|
17
17
|
children = _ref.children,
|
|
18
18
|
_ref$size = _ref.size,
|
|
19
19
|
size = _ref$size === void 0 ? 32 : _ref$size,
|
|
20
|
-
parentRef = _ref.parentRef,
|
|
20
|
+
_ref$parentRef = _ref.parentRef,
|
|
21
|
+
parentRef = _ref$parentRef === void 0 ? null : _ref$parentRef,
|
|
21
22
|
className = _ref.className,
|
|
22
23
|
_ref$maxHeight = _ref.maxHeight,
|
|
23
24
|
maxHeight = _ref$maxHeight === void 0 ? 224 : _ref$maxHeight;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
Object.defineProperty(exports, "useEvent", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function get() {
|
|
11
|
+
return _useEvent.default;
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
Object.defineProperty(exports, "useFullscreen", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function get() {
|
|
17
|
+
return _useFullscreen.default;
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
var _useFullscreen = _interopRequireDefault(require("./useFullscreen"));
|
|
22
|
+
|
|
23
|
+
var _useEvent = _interopRequireDefault(require("./useEvent"));
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
|
|
10
|
+
// * 解决useCallback的依赖传导问题,存储事件
|
|
11
|
+
function useEvent(handler) {
|
|
12
|
+
var handlerRef = (0, _react.useRef)(null); // 同步,运行时间在布局前
|
|
13
|
+
|
|
14
|
+
(0, _react.useLayoutEffect)(function () {
|
|
15
|
+
handlerRef.current = handler;
|
|
16
|
+
}); // 存储方法函数
|
|
17
|
+
|
|
18
|
+
return (0, _react.useCallback)(function () {
|
|
19
|
+
var fn = handlerRef.current;
|
|
20
|
+
return fn.apply(void 0, arguments);
|
|
21
|
+
}, []);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
var _default = useEvent;
|
|
25
|
+
exports.default = _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { MutableRefObject } from 'react';
|
|
2
|
+
declare type TargetValue<T> = T | undefined | null;
|
|
3
|
+
declare type TargetType = HTMLElement | Element | Window | Document;
|
|
4
|
+
declare type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;
|
|
5
|
+
interface Options {
|
|
6
|
+
onExit?: () => void;
|
|
7
|
+
onEnter?: () => void;
|
|
8
|
+
}
|
|
9
|
+
declare const useFullscreen: (target: BasicTarget, options?: Options) => {
|
|
10
|
+
isFullscreen: boolean;
|
|
11
|
+
enterFullscreen: () => void;
|
|
12
|
+
exitFullscreen: () => void;
|
|
13
|
+
toggleFullscreen: () => void;
|
|
14
|
+
};
|
|
15
|
+
export default useFullscreen;
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
+
|
|
12
|
+
var _react = require("react");
|
|
13
|
+
|
|
14
|
+
var _index = require("../../index");
|
|
15
|
+
|
|
16
|
+
var isBrowser = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
17
|
+
|
|
18
|
+
var isFunction = function isFunction(value) {
|
|
19
|
+
return typeof value === 'function';
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
var getTargetElement = function getTargetElement(target, defaultElement) {
|
|
23
|
+
if (!isBrowser) {
|
|
24
|
+
return undefined;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
if (!target) {
|
|
28
|
+
return defaultElement;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
var targetElement;
|
|
32
|
+
|
|
33
|
+
if (isFunction(target)) {
|
|
34
|
+
targetElement = target();
|
|
35
|
+
} else if ('current' in target) {
|
|
36
|
+
targetElement = target.current;
|
|
37
|
+
} else {
|
|
38
|
+
targetElement = target;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
return targetElement;
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
var fullScreenCssText = 'position: fixed;width: 100%;height:100%;top:0;left:0;z-index:1009;background-color: #abcdef;';
|
|
45
|
+
|
|
46
|
+
var useFullscreen = function useFullscreen(target, options) {
|
|
47
|
+
var _ref = options || {},
|
|
48
|
+
onExit = _ref.onExit,
|
|
49
|
+
onEnter = _ref.onEnter;
|
|
50
|
+
|
|
51
|
+
var _useState = (0, _react.useState)(false),
|
|
52
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
53
|
+
isFullscreen = _useState2[0],
|
|
54
|
+
setIsFullscreen = _useState2[1];
|
|
55
|
+
|
|
56
|
+
var originCssTextRef = (0, _react.useRef)('');
|
|
57
|
+
var eleRef = (0, _react.useRef)(null);
|
|
58
|
+
|
|
59
|
+
var enterFullscreen = function enterFullscreen() {
|
|
60
|
+
onEnter === null || onEnter === void 0 ? void 0 : onEnter();
|
|
61
|
+
setIsFullscreen(true);
|
|
62
|
+
var el = getTargetElement(target);
|
|
63
|
+
|
|
64
|
+
if (!eleRef.current) {
|
|
65
|
+
eleRef.current = el;
|
|
66
|
+
var originCssText = el.style.cssText;
|
|
67
|
+
originCssTextRef.current = originCssText;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
eleRef.current.style.cssText = "".concat(originCssTextRef.current).concat(fullScreenCssText);
|
|
71
|
+
|
|
72
|
+
_index.message.info({
|
|
73
|
+
content: '使用 Esc 键可退出全屏模式',
|
|
74
|
+
key: 'tip'
|
|
75
|
+
});
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
var exitFullscreen = function exitFullscreen() {
|
|
79
|
+
onExit === null || onExit === void 0 ? void 0 : onExit();
|
|
80
|
+
setIsFullscreen(false);
|
|
81
|
+
eleRef.current.style.cssText = "".concat(originCssTextRef.current);
|
|
82
|
+
};
|
|
83
|
+
|
|
84
|
+
var toggleFullscreen = function toggleFullscreen() {
|
|
85
|
+
if (isFullscreen) {
|
|
86
|
+
exitFullscreen();
|
|
87
|
+
} else {
|
|
88
|
+
enterFullscreen();
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
(0, _react.useEffect)(function () {
|
|
93
|
+
var fn = function fn(event) {
|
|
94
|
+
if (event.keyCode === 27) {
|
|
95
|
+
exitFullscreen();
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
|
|
99
|
+
window.addEventListener('keydown', fn);
|
|
100
|
+
return function () {
|
|
101
|
+
window.removeEventListener('keydown', fn);
|
|
102
|
+
};
|
|
103
|
+
}, []);
|
|
104
|
+
return {
|
|
105
|
+
isFullscreen: isFullscreen,
|
|
106
|
+
enterFullscreen: enterFullscreen,
|
|
107
|
+
exitFullscreen: exitFullscreen,
|
|
108
|
+
toggleFullscreen: toggleFullscreen
|
|
109
|
+
};
|
|
110
|
+
};
|
|
111
|
+
|
|
112
|
+
var _default = useFullscreen;
|
|
113
|
+
exports.default = _default;
|
package/lib/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { default as Button } from './Button';
|
|
2
2
|
export { default as ButtonTags } from './ButtonTags';
|
|
3
3
|
export { default as Card } from './Card';
|
|
4
|
+
export { default as Cascader } from './Cascader';
|
|
4
5
|
export { default as Checkbox } from './Checkbox';
|
|
5
6
|
export { default as CkFilter } from './CkFilter';
|
|
6
7
|
export { default as CustomerService } from './CustomerService';
|
|
@@ -17,6 +18,7 @@ export { default as Input } from './Input';
|
|
|
17
18
|
export { default as InputNumber } from './InputNumber';
|
|
18
19
|
export { default as LeftTable } from './LeftTable';
|
|
19
20
|
export { default as LmTable } from './LmTable';
|
|
21
|
+
export { default as LmSelect } from './LmSelect';
|
|
20
22
|
export { default as LoadingPage } from './LoadingPage';
|
|
21
23
|
export { default as Menu } from './Menu';
|
|
22
24
|
export { default as Modal } from './Modal';
|
|
@@ -40,5 +42,6 @@ export { default as Switch } from './Switch';
|
|
|
40
42
|
export { default as Image } from './Image';
|
|
41
43
|
export { default as CustomTableOption } from './CustomTableOption';
|
|
42
44
|
export { default as Upload } from './Upload';
|
|
43
|
-
export type { UploadProps, UploadFile } from './Upload';
|
|
45
|
+
export type { UploadProps, UploadFile, RcFile } from './Upload';
|
|
44
46
|
export { default as Tooltip } from './Tooltip';
|
|
47
|
+
export { default as Form } from './Form';
|
package/lib/index.js
CHANGED
|
@@ -23,6 +23,12 @@ Object.defineProperty(exports, "Card", {
|
|
|
23
23
|
return _Card.default;
|
|
24
24
|
}
|
|
25
25
|
});
|
|
26
|
+
Object.defineProperty(exports, "Cascader", {
|
|
27
|
+
enumerable: true,
|
|
28
|
+
get: function get() {
|
|
29
|
+
return _Cascader.default;
|
|
30
|
+
}
|
|
31
|
+
});
|
|
26
32
|
Object.defineProperty(exports, "Checkbox", {
|
|
27
33
|
enumerable: true,
|
|
28
34
|
get: function get() {
|
|
@@ -83,6 +89,12 @@ Object.defineProperty(exports, "Filter", {
|
|
|
83
89
|
return _Filter.default;
|
|
84
90
|
}
|
|
85
91
|
});
|
|
92
|
+
Object.defineProperty(exports, "Form", {
|
|
93
|
+
enumerable: true,
|
|
94
|
+
get: function get() {
|
|
95
|
+
return _Form.default;
|
|
96
|
+
}
|
|
97
|
+
});
|
|
86
98
|
Object.defineProperty(exports, "Icon", {
|
|
87
99
|
enumerable: true,
|
|
88
100
|
get: function get() {
|
|
@@ -125,6 +137,12 @@ Object.defineProperty(exports, "LeftTable", {
|
|
|
125
137
|
return _LeftTable.default;
|
|
126
138
|
}
|
|
127
139
|
});
|
|
140
|
+
Object.defineProperty(exports, "LmSelect", {
|
|
141
|
+
enumerable: true,
|
|
142
|
+
get: function get() {
|
|
143
|
+
return _LmSelect.default;
|
|
144
|
+
}
|
|
145
|
+
});
|
|
128
146
|
Object.defineProperty(exports, "LmTable", {
|
|
129
147
|
enumerable: true,
|
|
130
148
|
get: function get() {
|
|
@@ -270,6 +288,8 @@ var _ButtonTags = _interopRequireDefault(require("./ButtonTags"));
|
|
|
270
288
|
|
|
271
289
|
var _Card = _interopRequireDefault(require("./Card"));
|
|
272
290
|
|
|
291
|
+
var _Cascader = _interopRequireDefault(require("./Cascader"));
|
|
292
|
+
|
|
273
293
|
var _Checkbox = _interopRequireDefault(require("./Checkbox"));
|
|
274
294
|
|
|
275
295
|
var _CkFilter = _interopRequireDefault(require("./CkFilter"));
|
|
@@ -302,6 +322,8 @@ var _LeftTable = _interopRequireDefault(require("./LeftTable"));
|
|
|
302
322
|
|
|
303
323
|
var _LmTable = _interopRequireDefault(require("./LmTable"));
|
|
304
324
|
|
|
325
|
+
var _LmSelect = _interopRequireDefault(require("./LmSelect"));
|
|
326
|
+
|
|
305
327
|
var _LoadingPage = _interopRequireDefault(require("./LoadingPage"));
|
|
306
328
|
|
|
307
329
|
var _Menu = _interopRequireDefault(require("./Menu"));
|
|
@@ -348,4 +370,6 @@ var _CustomTableOption = _interopRequireDefault(require("./CustomTableOption"));
|
|
|
348
370
|
|
|
349
371
|
var _Upload = _interopRequireDefault(require("./Upload"));
|
|
350
372
|
|
|
351
|
-
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
373
|
+
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
374
|
+
|
|
375
|
+
var _Form = _interopRequireDefault(require("./Form"));
|