linkmore-design 1.1.13 → 1.1.15

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 (41) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/Form/demos/disabled.d.ts +2 -0
  3. package/dist/LmFilter/LmFilter.d.ts +2 -6
  4. package/dist/LmTable/expression.d.ts +1 -0
  5. package/dist/LmTable/hooks/useGroupDataSource.d.ts +7 -0
  6. package/dist/index.umd.js +131 -43
  7. package/dist/index.umd.min.js +15 -15
  8. package/dist/variables.css +3 -0
  9. package/es/Cascader/index.js +3 -3
  10. package/es/Form/style/index.css +3 -0
  11. package/es/Form/style/variables.css +3 -0
  12. package/es/Input/index.js +21 -9
  13. package/es/InputNumber/index.js +9 -2
  14. package/es/LmEditTable/EditTable.js +2 -2
  15. package/es/LmFilter/LmFilter.js +6 -6
  16. package/es/LmFilter/components/DropdownFIlter.js +5 -2
  17. package/es/LmFilter/index.js +0 -3
  18. package/es/LmTable/Table.js +10 -7
  19. package/es/LmTable/expression.d.ts +1 -0
  20. package/es/LmTable/expression.js +31 -0
  21. package/es/LmTable/hooks/useGroupDataSource.js +50 -0
  22. package/es/LmUpload/fns/index.js +8 -3
  23. package/es/Select/index.js +12 -4
  24. package/es/styles/variables.css +3 -0
  25. package/lib/Cascader/index.js +3 -3
  26. package/lib/Form/style/index.css +3 -0
  27. package/lib/Form/style/variables.css +3 -0
  28. package/lib/Input/index.js +24 -9
  29. package/lib/InputNumber/index.js +11 -2
  30. package/lib/LmEditTable/EditTable.js +2 -2
  31. package/lib/LmFilter/LmFilter.js +6 -6
  32. package/lib/LmFilter/components/DropdownFIlter.js +5 -2
  33. package/lib/LmFilter/index.js +0 -3
  34. package/lib/LmTable/Table.js +10 -7
  35. package/lib/LmTable/expression.d.ts +1 -0
  36. package/lib/LmTable/expression.js +41 -0
  37. package/lib/LmTable/hooks/useGroupDataSource.js +50 -0
  38. package/lib/LmUpload/fns/index.js +8 -3
  39. package/lib/Select/index.js +14 -4
  40. package/lib/styles/variables.css +3 -0
  41. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## <small>1.1.14 () </small>
2
+ * 1.1.14
3
+ * fix: 表单禁用disabled不生效([67393fd](https://gitlab.scm321.com/web-group/UFX.SCM.linkDesign/commit/67393fd))
4
+ * feat: 分组表格支持金额总和计算([2402d16](https://gitlab.scm321.com/web-group/UFX.SCM.linkDesign/commit/2402d16))
5
+ * fix: 修复表单响应式下多级下拉菜单宽度问题([a228946b](https://gitlab.scm321.com/web-group/UFX.SCM.linkDesign/commit/a228946b))
6
+
1
7
  ## <small>1.1.12 (2022-10-18)</small>
2
8
 
3
9
  * 1.1.12 ([ce4a587](https://gitlab.scm321.com/web-group/UFX.SCM.linkDesign/commit/ce4a587))
@@ -1117,3 +1123,8 @@
1117
1123
 
1118
1124
 
1119
1125
 
1126
+
1127
+
1128
+ [[git地址]:
1129
+
1130
+ [[小北IT官网]:
@@ -0,0 +1,2 @@
1
+ declare const App: () => JSX.Element;
2
+ export default App;
@@ -1,7 +1,3 @@
1
- declare const _default: React.ForwardRefExoticComponent<Pick<{
2
- [x: string]: any;
3
- searchConfig?: {};
4
- localization?: {};
5
- }, string | number> & React.RefAttributes<any>>;
6
- export default _default;
1
+ export default LmFilter;
2
+ declare const LmFilter: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
7
3
  import React from "react";
@@ -0,0 +1 @@
1
+ export default function calcExpression(item: any, needCalcKeys: string[]): void;
@@ -0,0 +1,7 @@
1
+ export default useGroupDataSource;
2
+ /** 行分组 */
3
+ declare function useGroupDataSource({ groupRowKeys, customizeDataSource, columnsRef }: {
4
+ groupRowKeys: any;
5
+ customizeDataSource: any;
6
+ columnsRef: any;
7
+ }): any[];
package/dist/index.umd.js CHANGED
@@ -34794,11 +34794,11 @@
34794
34794
  others = _objectWithoutProperties$1(props, _excluded$y);
34795
34795
 
34796
34796
  var displayRender = function displayRender(label, selectedOptions) {
34797
- var hasOptions = selectedOptions.some(function (v) {
34798
- return !!v;
34797
+ var hasUndefined = selectedOptions.some(function (v) {
34798
+ return !v;
34799
34799
  });
34800
34800
 
34801
- if (!hasOptions && defaultLabel) {
34801
+ if (hasUndefined && defaultLabel) {
34802
34802
  return defaultLabel;
34803
34803
  }
34804
34804
 
@@ -90774,7 +90774,8 @@
90774
90774
  setVisible = _useState2[1];
90775
90775
 
90776
90776
  var filterValue = instance.filterValue,
90777
- size = instance.size; // 触发查询时关闭下拉框
90777
+ size = instance.size;
90778
+ var popupClassName = item.popupClassName; // 触发查询时关闭下拉框
90778
90779
 
90779
90780
  var setFilterValue = function setFilterValue(obj) {
90780
90781
  instance.setFilterValue(obj);
@@ -90809,7 +90810,7 @@
90809
90810
  instance: resetInstance,
90810
90811
  item: item
90811
90812
  }),
90812
- overlayClassName: "filter_dropdown_container_".concat(item.type),
90813
+ overlayClassName: classnames("filter_dropdown_container_".concat(item.type), _defineProperty$1({}, popupClassName, popupClassName)),
90813
90814
  onVisibleChange: function onVisibleChange(v) {
90814
90815
  return setVisible(v);
90815
90816
  } // 未开启则需手动控制下拉展示组件的初始化
@@ -93458,8 +93459,7 @@
93458
93459
  };
93459
93460
 
93460
93461
  var _excluded$1a = ["searchConfig", "localization"];
93461
-
93462
- var LmFilter$1 = function LmFilter(_ref, ref) {
93462
+ var LmFilter$1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
93463
93463
  var _ref$searchConfig = _ref.searchConfig,
93464
93464
  searchConfig = _ref$searchConfig === void 0 ? {} : _ref$searchConfig,
93465
93465
  _ref$localization = _ref.localization,
@@ -93501,11 +93501,8 @@
93501
93501
  return /*#__PURE__*/React__default['default'].createElement(LmFilterRoot$1, _extends$2({
93502
93502
  ref: ref || defaultRef
93503
93503
  }, defaultProps, resetProps));
93504
- };
93505
-
93506
- var LmFilter$2 = /*#__PURE__*/React.forwardRef(LmFilter$1);
93507
-
93508
- LmFilter$2.FilterControl = FilterControl$1;
93504
+ });
93505
+ LmFilter$1.FilterControl = FilterControl$1;
93509
93506
 
93510
93507
  // 状态管理操作
93511
93508
  var reducer$1 = function reducer(state, action) {
@@ -181391,16 +181388,21 @@
181391
181388
  fileAreaSize = props.fileAreaSize,
181392
181389
  enabledOss = props.enabledOss,
181393
181390
  enableCrop = props.enableCrop,
181394
- ossConfig = props.ossConfig; // 获取两个对象是否存在指定值相等
181391
+ ossConfig = props.ossConfig;
181392
+ /* 获取两个对象是否存在指定值相等
181393
+ * 取用户定义的列字段,如果读取不到则取'fileName'对比
181394
+ */
181395
181395
 
181396
181396
  var getHasEqual = React.useCallback(function (obj1, obj2) {
181397
181397
  var extend = [uid, 'fileName'];
181398
181398
  var flag = false;
181399
181399
  extend.forEach(function (v) {
181400
- if (!flag) flag = obj1[v] === obj2[v];
181400
+ if (!flag && obj1[v] && obj2[v]) {
181401
+ flag = obj1[v] === obj2[v];
181402
+ }
181401
181403
  });
181402
181404
  return flag;
181403
- }, []); // 从对象中读取存在的指定属性
181405
+ }, [uid]); // 从对象中读取存在的指定属性
181404
181406
 
181405
181407
  var getFileHasValue = React.useCallback(function (obj) {
181406
181408
  var extend = [uid, 'fileName'];
@@ -188465,19 +188467,26 @@
188465
188467
  }))));
188466
188468
  };
188467
188469
 
188468
- var _excluded$1i = ["allowClear", "size"],
188469
- _excluded2$i = ["allowClear"],
188470
- _excluded3$5 = ["allowClear"];
188470
+ var _excluded$1i = ["className", "size", "disabled", "allowClear"],
188471
+ _excluded2$i = ["allowClear", "className"],
188472
+ _excluded3$5 = ["allowClear", "className"];
188471
188473
  var LmInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
188472
- var _props$allowClear = props.allowClear,
188474
+ var className = props.className,
188475
+ customSize = props.size,
188476
+ customDisabled = props.disabled,
188477
+ _props$allowClear = props.allowClear,
188473
188478
  allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
188474
- customizeSize = props.size,
188475
- rest = _objectWithoutProperties$1(props, _excluded$1i);
188479
+ rest = _objectWithoutProperties$1(props, _excluded$1i); // ===================== Size =====================
188480
+
188476
188481
 
188477
- var size = customizeSize || React__default['default'].useContext(SizeContext$1) || 'middle';
188482
+ var size = customSize || React__default['default'].useContext(SizeContext$1) || 'middle'; // ===================== Disabled =====================
188483
+
188484
+ var disabled = React__default['default'].useContext(DisabledContext$1);
188485
+ var mergedDisabled = customDisabled || disabled;
188478
188486
  return /*#__PURE__*/React__default['default'].createElement(Input$3, _objectSpread(_objectSpread({
188479
188487
  ref: ref,
188480
- className: "lm_input",
188488
+ className: classnames('lm_input', className),
188489
+ disabled: mergedDisabled || undefined,
188481
188490
  size: size
188482
188491
  }, rest), {}, {
188483
188492
  allowClear: allowClear
@@ -188487,6 +188496,7 @@
188487
188496
  LmInput.Search = /*#__PURE__*/React.forwardRef(function (props, ref) {
188488
188497
  var _props$allowClear2 = props.allowClear,
188489
188498
  allowClear = _props$allowClear2 === void 0 ? true : _props$allowClear2,
188499
+ className = props.className,
188490
188500
  rest = _objectWithoutProperties$1(props, _excluded2$i);
188491
188501
 
188492
188502
  return /*#__PURE__*/React__default['default'].createElement(Input$3.Search, _objectSpread(_objectSpread({
@@ -188496,7 +188506,7 @@
188496
188506
  }, rest), {}, {
188497
188507
  ref: ref,
188498
188508
  allowClear: allowClear,
188499
- className: "lm_input_search"
188509
+ className: classnames('lm_input_search', className)
188500
188510
  }));
188501
188511
  });
188502
188512
  LmInput.TextArea = Input$3.TextArea;
@@ -188504,10 +188514,11 @@
188504
188514
  LmInput.Password = function (props) {
188505
188515
  var _props$allowClear3 = props.allowClear,
188506
188516
  allowClear = _props$allowClear3 === void 0 ? true : _props$allowClear3,
188517
+ className = props.className,
188507
188518
  rest = _objectWithoutProperties$1(props, _excluded3$5);
188508
188519
 
188509
188520
  return /*#__PURE__*/React__default['default'].createElement(Input$3.Password, _objectSpread(_objectSpread({
188510
- className: "lm_input_password",
188521
+ className: classnames('lm_input_password', className),
188511
188522
  iconRender: function iconRender(visible) {
188512
188523
  return visible ? /*#__PURE__*/React__default['default'].createElement(IconFont, {
188513
188524
  type: "lmweb-eye"
@@ -188520,18 +188531,23 @@
188520
188531
  }));
188521
188532
  };
188522
188533
 
188523
- var _excluded$1j = ["children", "className"];
188534
+ var _excluded$1j = ["children", "className", "disabled"];
188524
188535
  var prefixCls$3 = 'lm_input-number';
188525
188536
 
188526
188537
  var LMInputNumber = function LMInputNumber(props) {
188527
188538
  var children = props.children,
188528
188539
  className = props.className,
188529
- others = _objectWithoutProperties$1(props, _excluded$1j);
188540
+ customDisabled = props.disabled,
188541
+ rest = _objectWithoutProperties$1(props, _excluded$1j); // ===================== Disabled =====================
188542
+
188530
188543
 
188544
+ var disabled = React__default['default'].useContext(DisabledContext$1);
188545
+ var mergedDisabled = customDisabled || disabled;
188531
188546
  return /*#__PURE__*/React__default['default'].createElement(InputNumber$1, _objectSpread({
188532
188547
  className: classnames(className, prefixCls$3),
188548
+ disabled: mergedDisabled,
188533
188549
  placeholder: "\u8BF7\u8F93\u5165"
188534
- }, others));
188550
+ }, rest));
188535
188551
  };
188536
188552
 
188537
188553
  var CInputNumber = LMInputNumber;
@@ -285576,6 +285592,71 @@
285576
285592
  }), fixedColumns.fixedRight);
285577
285593
  });
285578
285594
 
285595
+ // 分组求和计算
285596
+ function calcExpression(item, needCalcKeys) {
285597
+ var _item$children;
285598
+
285599
+ if (item === null || item === void 0 ? void 0 : (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) {
285600
+ needCalcKeys.forEach(function (dkey) {
285601
+ var sum = 0;
285602
+
285603
+ var _dkey = _slicedToArray$1(dkey, 2),
285604
+ key = _dkey[0],
285605
+ expression = _dkey[1];
285606
+
285607
+ item.children.forEach(function (subItem) {
285608
+ if (key in subItem) {
285609
+ sum += Number(subItem[key]);
285610
+ }
285611
+ });
285612
+
285613
+ if (!sum) {
285614
+ return;
285615
+ }
285616
+
285617
+ if (expression === 'sum') {
285618
+ item[key] = sum;
285619
+ } else if (expression === 'average') {
285620
+ item[key] = sum / item.children.length;
285621
+ }
285622
+ });
285623
+ }
285624
+ }
285625
+
285626
+ /** 行分组 */
285627
+
285628
+ function useGroupDataSource(_ref) {
285629
+ var groupRowKeys = _ref.groupRowKeys,
285630
+ customizeDataSource = _ref.customizeDataSource,
285631
+ columnsRef = _ref.columnsRef;
285632
+ var groupDataSource = React.useMemo(function () {
285633
+ if (!(groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length)) {
285634
+ return customizeDataSource;
285635
+ }
285636
+
285637
+ var source = transformWithRowGroup(customizeDataSource, groupRowKeys); // 获取需要计算的key,生成数组
285638
+
285639
+ var needCalcKeys = columnsRef.current.filter(function (col) {
285640
+ return col.expression;
285641
+ }).map(function (col) {
285642
+ return [col.dataIndex, col.expression];
285643
+ });
285644
+
285645
+ var deepChildren = function deepChildren(arr) {
285646
+ arr === null || arr === void 0 ? void 0 : arr.forEach(function (item) {
285647
+ if (item === null || item === void 0 ? void 0 : item.children) {
285648
+ deepChildren(item === null || item === void 0 ? void 0 : item.children);
285649
+ calcExpression(item, needCalcKeys);
285650
+ }
285651
+ });
285652
+ };
285653
+
285654
+ deepChildren(source);
285655
+ return source;
285656
+ }, [customizeDataSource, groupRowKeys]);
285657
+ return [groupDataSource];
285658
+ }
285659
+
285579
285660
  var _excluded$29 = ["columns", "dataSource", "autoSize", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "colSortOpen", "resizeable", "customCheck", "components", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size", "openSheet", "editSheet", "dataChange", "groupRowKeys", "groupColKeys", "emptyProps"],
285580
285661
  _excluded2$w = ["className", "style"],
285581
285662
  _excluded3$7 = ["onResize", "width", "onResizeStop"];
@@ -285712,15 +285793,16 @@
285712
285793
  }, [customizeColumns]);
285713
285794
  /** 行分组 */
285714
285795
 
285715
- var groupDataSource = React.useMemo(function () {
285716
- if (!(groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length)) {
285717
- return customizeDataSource;
285718
- }
285719
-
285720
- return transformWithRowGroup(customizeDataSource, groupRowKeys);
285721
- }, [customizeDataSource, groupRowKeys]);
285796
+ var _useGroupDataSource = useGroupDataSource({
285797
+ groupRowKeys: groupRowKeys,
285798
+ customizeDataSource: customizeDataSource,
285799
+ columnsRef: columnsRef
285800
+ }),
285801
+ _useGroupDataSource2 = _slicedToArray$1(_useGroupDataSource, 1),
285802
+ groupDataSource = _useGroupDataSource2[0];
285722
285803
  /** 列分组 */
285723
285804
 
285805
+
285724
285806
  var _useMemo = React.useMemo(function () {
285725
285807
  if (!(groupColKeys === null || groupColKeys === void 0 ? void 0 : groupColKeys.length)) {
285726
285808
  return {
@@ -288113,19 +288195,24 @@
288113
288195
 
288114
288196
  LMRadio.Button = Radio$1.Button;
288115
288197
 
288116
- var _excluded$2h = ["children", "className", "size", "dropdownClassName", "options", "value", "defaultLabel"];
288198
+ var _excluded$2h = ["children", "className", "size", "disabled", "dropdownClassName", "options", "value", "defaultLabel"];
288117
288199
  var prefixCls$7 = 'lm_select';
288118
288200
  var CLMSelect$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
288119
288201
  var children = props.children,
288120
288202
  className = props.className,
288121
288203
  customizeSize = props.size,
288204
+ customDisabled = props.disabled,
288122
288205
  dropdownClassName = props.dropdownClassName,
288123
288206
  options = props.options,
288124
288207
  value = props.value,
288125
288208
  defaultLabel = props.defaultLabel,
288126
- others = _objectWithoutProperties$1(props, _excluded$2h);
288209
+ rest = _objectWithoutProperties$1(props, _excluded$2h); // ===================== Size =====================
288210
+
288211
+
288212
+ var size = customizeSize || React__default['default'].useContext(SizeContext$1) || 'middle'; // ===================== Disabled =====================
288127
288213
 
288128
- var size = customizeSize || React__default['default'].useContext(SizeContext$1) || 'middle'; // 当前值是否存于选项中
288214
+ var disabled = React__default['default'].useContext(DisabledContext$1);
288215
+ var mergedDisabled = customDisabled || disabled; // 当前值是否存于选项中
288129
288216
 
288130
288217
  var hasOption = React.useMemo(function () {
288131
288218
  var flag = false;
@@ -288162,8 +288249,9 @@
288162
288249
  size: size,
288163
288250
  ref: ref,
288164
288251
  value: resetValue,
288165
- options: options
288166
- }, others), {}, {
288252
+ options: options,
288253
+ disabled: mergedDisabled || undefined
288254
+ }, rest), {}, {
288167
288255
  dropdownClassName: classnames('lm_select_dropdown', dropdownClassName)
288168
288256
  }), children);
288169
288257
  });
@@ -312352,7 +312440,7 @@
312352
312440
  fontSize: 16
312353
312441
  }
312354
312442
  })
312355
- })) : /*#__PURE__*/React__default['default'].createElement(LMButton, {
312443
+ })) : (options === null || options === void 0 ? void 0 : options.includes('add')) || (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? /*#__PURE__*/React__default['default'].createElement(LMButton, {
312356
312444
  type: "link",
312357
312445
  size: "small",
312358
312446
  icon: /*#__PURE__*/React__default['default'].createElement(IconFont, {
@@ -312364,7 +312452,7 @@
312364
312452
  onClick: function onClick() {
312365
312453
  return handleAdd(record, (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? true : false);
312366
312454
  }
312367
- }));
312455
+ }) : null);
312368
312456
  }; // const isValidValue = (verifyValue) => {
312369
312457
  // const toStringValue = JSON.stringify(verifyValue);
312370
312458
  // if (verifyValue === undefined || verifyValue === null || verifyValue === '' || toStringValue === '[]' || toStringValue === '{}') {
@@ -324366,7 +324454,7 @@
324366
324454
  exports.LeftTable = LeftSide;
324367
324455
  exports.List = List$2;
324368
324456
  exports.LmEditTable = LmEditTable;
324369
- exports.LmFilter = LmFilter$2;
324457
+ exports.LmFilter = LmFilter$1;
324370
324458
  exports.LmImgList = LmImgList;
324371
324459
  exports.LmSelect = LMSelect;
324372
324460
  exports.LmTable = Table$2;