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.
Files changed (128) hide show
  1. package/dist/CardTable/utils.d.ts +1 -1
  2. package/dist/Cascader/demos/basic.d.ts +2 -0
  3. package/dist/Cascader/index.d.ts +4 -0
  4. package/dist/Cascader/style/index.d.ts +1 -0
  5. package/dist/Form/demos/basic.d.ts +2 -0
  6. package/dist/Form/demos/drawer1152-triple.d.ts +3 -0
  7. package/dist/Form/demos/drawer440-double.d.ts +3 -0
  8. package/dist/Form/demos/drawer440.d.ts +3 -0
  9. package/dist/Form/demos/drawer720-double.d.ts +3 -0
  10. package/dist/Form/demos/modal416.d.ts +3 -0
  11. package/dist/Form/demos/modal552-double.d.ts +3 -0
  12. package/dist/Form/index.d.ts +24 -0
  13. package/dist/Form/style/index.d.ts +1 -0
  14. package/dist/Input/demos/after.d.ts +1 -1
  15. package/dist/Input/demos/base.d.ts +1 -1
  16. package/dist/Input/demos/basic.d.ts +1 -1
  17. package/dist/Input/demos/color.d.ts +1 -1
  18. package/dist/Input/demos/combination.d.ts +1 -1
  19. package/dist/Input/demos/import.d.ts +1 -1
  20. package/dist/Input/demos/line.d.ts +1 -1
  21. package/dist/Input/demos/password.d.ts +1 -1
  22. package/dist/Input/demos/size.d.ts +1 -1
  23. package/dist/Input/index.d.ts +10 -2
  24. package/dist/LmSelect/GhostSelect.d.ts +2 -0
  25. package/dist/LmSelect/NormalSelect.d.ts +11 -0
  26. package/dist/LmSelect/demos/basic.d.ts +2 -0
  27. package/dist/LmSelect/demos/checkbox.d.ts +2 -0
  28. package/dist/LmSelect/demos/ghost.d.ts +2 -0
  29. package/dist/LmSelect/index.d.ts +14 -0
  30. package/dist/LmSelect/style/index.d.ts +1 -0
  31. package/dist/LmSelect/useCheckboxOptions.d.ts +1 -0
  32. package/dist/LmSelect/utils.d.ts +10 -0
  33. package/dist/LmTable/demos/getData.d.ts +2 -0
  34. package/dist/VirtualList/index.d.ts +1 -1
  35. package/dist/hooks/index.d.ts +2 -0
  36. package/dist/hooks/useEvent/index.d.ts +2 -0
  37. package/dist/hooks/useFullscreen/demos/basic.d.ts +2 -0
  38. package/dist/hooks/useFullscreen/index.d.ts +15 -0
  39. package/dist/index.d.ts +4 -1
  40. package/dist/index.umd.js +1359 -271
  41. package/dist/index.umd.min.js +7 -7
  42. package/es/Cascader/index.d.ts +4 -0
  43. package/es/Cascader/index.js +37 -0
  44. package/es/Cascader/style/index.css +520 -0
  45. package/es/Cascader/style/index.d.ts +1 -0
  46. package/es/Cascader/style/index.js +1 -0
  47. package/es/CustomTableOption/columnsSort.js +42 -11
  48. package/es/CustomTableOption/filterSort.js +34 -4
  49. package/es/CustomTableOption/index.js +25 -8
  50. package/es/CustomTableOption/style/index.css +29 -0
  51. package/es/EditTable/EditTable.js +25 -3
  52. package/es/Form/index.d.ts +24 -0
  53. package/es/Form/index.js +56 -0
  54. package/es/Form/style/index.css +531 -0
  55. package/es/Form/style/index.d.ts +1 -0
  56. package/es/Form/style/index.js +1 -0
  57. package/es/Input/index.d.ts +11 -0
  58. package/es/Input/index.js +31 -37
  59. package/es/LmSelect/GhostSelect.d.ts +2 -0
  60. package/es/LmSelect/GhostSelect.js +523 -0
  61. package/es/LmSelect/NormalSelect.d.ts +11 -0
  62. package/es/LmSelect/NormalSelect.js +97 -0
  63. package/es/LmSelect/icon_placeholder.png +0 -0
  64. package/es/LmSelect/index.d.ts +14 -0
  65. package/es/LmSelect/index.js +34 -0
  66. package/es/LmSelect/style/index.css +751 -0
  67. package/es/LmSelect/style/index.d.ts +1 -0
  68. package/es/LmSelect/style/index.js +1 -0
  69. package/es/LmSelect/useCheckboxOptions.d.ts +1 -0
  70. package/es/LmSelect/useCheckboxOptions.js +120 -0
  71. package/es/LmSelect/utils.d.ts +10 -0
  72. package/es/LmSelect/utils.js +66 -0
  73. package/es/LmTable/Table.js +29 -26
  74. package/es/Radio/index.js +3 -2
  75. package/es/Radio/style/style.css +4 -0
  76. package/es/VirtualList/index.js +2 -1
  77. package/es/hooks/index.d.ts +2 -0
  78. package/es/hooks/index.js +2 -0
  79. package/es/hooks/useEvent/index.d.ts +2 -0
  80. package/es/hooks/useEvent/index.js +16 -0
  81. package/es/hooks/useFullscreen/index.d.ts +15 -0
  82. package/es/hooks/useFullscreen/index.js +99 -0
  83. package/es/index.d.ts +4 -1
  84. package/es/index.js +4 -1
  85. package/lib/Cascader/index.d.ts +4 -0
  86. package/lib/Cascader/index.js +50 -0
  87. package/lib/Cascader/style/index.css +520 -0
  88. package/lib/Cascader/style/index.d.ts +1 -0
  89. package/lib/Cascader/style/index.js +3 -0
  90. package/lib/CustomTableOption/columnsSort.js +42 -10
  91. package/lib/CustomTableOption/filterSort.js +33 -3
  92. package/lib/CustomTableOption/index.js +24 -7
  93. package/lib/CustomTableOption/style/index.css +29 -0
  94. package/lib/EditTable/EditTable.js +25 -3
  95. package/lib/Form/index.d.ts +24 -0
  96. package/lib/Form/index.js +75 -0
  97. package/lib/Form/style/index.css +531 -0
  98. package/lib/Form/style/index.d.ts +1 -0
  99. package/lib/Form/style/index.js +3 -0
  100. package/lib/Input/index.d.ts +11 -0
  101. package/lib/Input/index.js +24 -15
  102. package/lib/LmSelect/GhostSelect.d.ts +2 -0
  103. package/lib/LmSelect/GhostSelect.js +545 -0
  104. package/lib/LmSelect/NormalSelect.d.ts +11 -0
  105. package/lib/LmSelect/NormalSelect.js +116 -0
  106. package/lib/LmSelect/icon_placeholder.png +0 -0
  107. package/lib/LmSelect/index.d.ts +14 -0
  108. package/lib/LmSelect/index.js +50 -0
  109. package/lib/LmSelect/style/index.css +751 -0
  110. package/lib/LmSelect/style/index.d.ts +1 -0
  111. package/lib/LmSelect/style/index.js +3 -0
  112. package/lib/LmSelect/useCheckboxOptions.d.ts +1 -0
  113. package/lib/LmSelect/useCheckboxOptions.js +139 -0
  114. package/lib/LmSelect/utils.d.ts +10 -0
  115. package/lib/LmSelect/utils.js +103 -0
  116. package/lib/LmTable/Table.js +29 -26
  117. package/lib/Radio/index.js +3 -2
  118. package/lib/Radio/style/style.css +4 -0
  119. package/lib/VirtualList/index.js +2 -1
  120. package/lib/hooks/index.d.ts +2 -0
  121. package/lib/hooks/index.js +23 -0
  122. package/lib/hooks/useEvent/index.d.ts +2 -0
  123. package/lib/hooks/useEvent/index.js +25 -0
  124. package/lib/hooks/useFullscreen/index.d.ts +15 -0
  125. package/lib/hooks/useFullscreen/index.js +113 -0
  126. package/lib/index.d.ts +4 -1
  127. package/lib/index.js +25 -1
  128. package/package.json +5 -4
@@ -0,0 +1 @@
1
+ import './index.less';
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./index.css");
@@ -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;
@@ -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
- var _tableWarpRef$current5 = (_tableWarpRef$current8 = tableWarpRef.current) === null || _tableWarpRef$current8 === void 0 ? void 0 : _tableWarpRef$current8.getBoundingClientRect(),
424
- _tableWarpRef$current6 = _tableWarpRef$current5.width,
425
- width = _tableWarpRef$current6 === void 0 ? '100%' : _tableWarpRef$current6,
426
- _tableWarpRef$current7 = _tableWarpRef$current5.height,
427
- height = _tableWarpRef$current7 === void 0 ? '100%' : _tableWarpRef$current7;
428
-
429
- var value = summary ? 48 : 0;
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
  };
@@ -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;
@@ -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,2 @@
1
+ export { default as useFullscreen } from './useFullscreen';
2
+ export { default as useEvent } from './useEvent';
@@ -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,2 @@
1
+ declare function useEvent(handler: any): (...args: any[]) => any;
2
+ export default 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"));