linkmore-design 1.0.35 → 1.0.36

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.
@@ -1,3 +1,3 @@
1
1
  export function getResizeColumnCount({ width: totalWidth }: {
2
2
  width: any;
3
- }, colWidth: any): 2 | 3 | 4 | 5 | 6 | 7;
3
+ }, colWidth: any): 4 | 5 | 6 | 7 | 3 | 2;
@@ -1,2 +1,2 @@
1
- declare function _default(): JSX.Element;
1
+ declare const _default: () => JSX.Element;
2
2
  export default _default;
@@ -1,2 +1,2 @@
1
- declare function _default(): JSX.Element;
1
+ declare const _default: () => JSX.Element;
2
2
  export default _default;
@@ -1,2 +1,2 @@
1
- declare function _default(): JSX.Element;
1
+ declare const _default: () => JSX.Element;
2
2
  export default _default;
@@ -1,2 +1,2 @@
1
- declare function _default(): JSX.Element;
1
+ declare const _default: () => JSX.Element;
2
2
  export default _default;
@@ -1,2 +1,2 @@
1
- declare function _default(): JSX.Element;
1
+ declare const _default: () => JSX.Element;
2
2
  export default _default;
@@ -1,2 +1,2 @@
1
- declare function _default(): JSX.Element;
1
+ declare const _default: () => JSX.Element;
2
2
  export default _default;
@@ -1,2 +1,2 @@
1
- declare function _default(): JSX.Element;
1
+ declare const _default: () => JSX.Element;
2
2
  export default _default;
@@ -1,2 +1,2 @@
1
- declare function _default(): JSX.Element;
1
+ declare const _default: () => JSX.Element;
2
2
  export default _default;
@@ -1,2 +1,2 @@
1
- declare function _default(): JSX.Element;
1
+ declare const _default: () => JSX.Element;
2
2
  export default _default;
@@ -1,3 +1,11 @@
1
+ import { Input } from 'antd';
2
+ import type { InputProps, InputRef } from 'antd';
3
+ import React from 'react';
4
+ interface ILmInput extends React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> {
5
+ Group: typeof Input.Group;
6
+ Search: typeof Input.Search;
7
+ TextArea: typeof Input.TextArea;
8
+ Password: typeof Input.Password;
9
+ }
10
+ declare const LmInput: ILmInput;
1
11
  export default LmInput;
2
- declare const LmInput: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
3
- import React from "react";
@@ -0,0 +1,2 @@
1
+ export default App;
2
+ declare function App(): JSX.Element;
package/dist/index.umd.js CHANGED
@@ -33896,6 +33896,16 @@
33896
33896
  value: form
33897
33897
  }, /*#__PURE__*/React__default['default'].createElement("tr", props)));
33898
33898
  };
33899
+
33900
+ var isValidValue = function isValidValue(verifyValue) {
33901
+ var toStringValue = JSON.stringify(verifyValue);
33902
+
33903
+ if (verifyValue === undefined || verifyValue === null || verifyValue === '' || toStringValue === '[]' || toStringValue === '{}') {
33904
+ return false;
33905
+ }
33906
+
33907
+ return true;
33908
+ };
33899
33909
  /*
33900
33910
  表格单元格
33901
33911
  editEnum: 下拉框时的数据数组(非数组时是配置设置)
@@ -33928,6 +33938,8 @@
33928
33938
  setEditing = _useState2[1];
33929
33939
 
33930
33940
  var focusCapturedRef = React.useRef(false);
33941
+ var curValue = lodash.get(record, dataIndex);
33942
+ var curValueIsValid = isValidValue(curValue);
33931
33943
 
33932
33944
  var getDefaultChildNode = function getDefaultChildNode() {
33933
33945
  var focusCaptured = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
@@ -33945,8 +33957,18 @@
33945
33957
  }
33946
33958
  }
33947
33959
 
33948
- if (focusCaptured) {
33949
- if (isHoverEdit && editable) {
33960
+ if (isHoverEdit && editable) {
33961
+ if (focusCaptured) {
33962
+ childNode = /*#__PURE__*/React__default['default'].createElement(_Form__default['default'].Item, _extends({
33963
+ style: {
33964
+ margin: 0
33965
+ }
33966
+ }, itemProps, {
33967
+ name: dataIndex
33968
+ }), Control(editable));
33969
+ }
33970
+
33971
+ if (!curValueIsValid) {
33950
33972
  childNode = /*#__PURE__*/React__default['default'].createElement(_Form__default['default'].Item, _extends({
33951
33973
  style: {
33952
33974
  margin: 0
@@ -34160,7 +34182,7 @@
34160
34182
  var isOpenEdit = isEdit && focusCapturedRef.current || isHoverEdit && focusCapturedRef.current;
34161
34183
  var classNames = classnames({
34162
34184
  'lm_base_editTable_cell': true,
34163
- 'lm_base_editTable_cell_edit': isOpenEdit
34185
+ 'lm_base_editTable_cell_edit': isOpenEdit || isHoverEdit && !curValueIsValid
34164
34186
  });
34165
34187
  var extensionConfig = {};
34166
34188
 
@@ -38968,10 +38990,10 @@
38968
38990
  var _props$allowClear = props.allowClear,
38969
38991
  rest = _objectWithoutProperties(props, _excluded$h);
38970
38992
 
38971
- return /*#__PURE__*/React__default['default'].createElement(_Input__default['default'], _extends({
38993
+ return /*#__PURE__*/React__default['default'].createElement(_Input__default['default'], _objectSpread(_objectSpread({
38972
38994
  ref: ref,
38973
38995
  className: "lm_input"
38974
- }, rest, {
38996
+ }, rest), {}, {
38975
38997
  allowClear: true
38976
38998
  }));
38977
38999
  });
@@ -38980,11 +39002,11 @@
38980
39002
  var _props$allowClear2 = props.allowClear,
38981
39003
  rest = _objectWithoutProperties(props, _excluded2$4);
38982
39004
 
38983
- return /*#__PURE__*/React__default['default'].createElement(_Input__default['default'].Search, _extends({
39005
+ return /*#__PURE__*/React__default['default'].createElement(_Input__default['default'].Search, _objectSpread(_objectSpread({
38984
39006
  enterButton: /*#__PURE__*/React__default['default'].createElement(IconFont$1, {
38985
39007
  type: "lmweb-search"
38986
39008
  })
38987
- }, rest, {
39009
+ }, rest), {}, {
38988
39010
  ref: ref,
38989
39011
  allowClear: true,
38990
39012
  className: "lm_input_search"
@@ -38996,7 +39018,7 @@
38996
39018
  var _props$allowClear3 = props.allowClear,
38997
39019
  rest = _objectWithoutProperties(props, _excluded3$2);
38998
39020
 
38999
- return /*#__PURE__*/React__default['default'].createElement(_Input__default['default'].Password, _extends({
39021
+ return /*#__PURE__*/React__default['default'].createElement(_Input__default['default'].Password, _objectSpread(_objectSpread({
39000
39022
  className: "lm_input_password",
39001
39023
  iconRender: function iconRender(visible) {
39002
39024
  return visible ? /*#__PURE__*/React__default['default'].createElement(IconFont$1, {
@@ -39005,7 +39027,7 @@
39005
39027
  type: "lmweb-eye-close"
39006
39028
  });
39007
39029
  }
39008
- }, rest, {
39030
+ }, rest), {}, {
39009
39031
  allowClear: true
39010
39032
  }));
39011
39033
  };
@@ -74209,7 +74231,8 @@
74209
74231
  selectedRows: value
74210
74232
  });
74211
74233
  rowClick === null || rowClick === void 0 ? void 0 : rowClick(value);
74212
- }
74234
+ },
74235
+ checkboxRecords: useSelectedRows.selectedRows
74213
74236
  };
74214
74237
  }); // loading触发清空选中状态
74215
74238
 
@@ -74254,6 +74277,18 @@
74254
74277
  var _props$autoSizer = props.autoSizer,
74255
74278
  autoSizer = _props$autoSizer === void 0 ? false : _props$autoSizer;
74256
74279
 
74280
+ var _useState9 = React.useState({
74281
+ width: '100%',
74282
+ height: '100%'
74283
+ }),
74284
+ _useState10 = _slicedToArray(_useState9, 2),
74285
+ tableSize = _useState10[0],
74286
+ setTableSize = _useState10[1];
74287
+
74288
+ var defaultRef = ref || React.useRef(null);
74289
+ var tableWarpRef = React.useRef(null);
74290
+ var resizeRef = React.useRef(null);
74291
+
74257
74292
  if (!autoSizer) {
74258
74293
  return /*#__PURE__*/React__default['default'].createElement("div", {
74259
74294
  ref: tableWarpRef,
@@ -74272,17 +74307,6 @@
74272
74307
  })));
74273
74308
  }
74274
74309
 
74275
- var _useState9 = React.useState({
74276
- width: '100%',
74277
- height: '100%'
74278
- }),
74279
- _useState10 = _slicedToArray(_useState9, 2),
74280
- tableSize = _useState10[0],
74281
- setTableSize = _useState10[1];
74282
-
74283
- var defaultRef = ref || React.useRef(null);
74284
- var tableWarpRef = React.useRef(null);
74285
- var resizeRef = React.useRef(null);
74286
74310
  var resetHeight = React.useMemo(function () {
74287
74311
  var height = tableSize.height;
74288
74312
  var h = height - 32;
@@ -80910,7 +80934,7 @@
80910
80934
  ResizeSize$2.Summary = Summary$1;
80911
80935
 
80912
80936
  var _excluded$1d = ["children"],
80913
- _excluded2$i = ["children", "size", "buttonStyle", "direction"];
80937
+ _excluded2$i = ["children", "size", "buttonStyle", "direction", "className"];
80914
80938
 
80915
80939
  var LMRadio = function LMRadio(props) {
80916
80940
  var children = props.children,
@@ -80928,11 +80952,12 @@
80928
80952
  buttonStyle = props.buttonStyle,
80929
80953
  _props$direction = props.direction,
80930
80954
  direction = _props$direction === void 0 ? 'row' : _props$direction,
80955
+ className = props.className,
80931
80956
  restProps = _objectWithoutProperties(props, _excluded2$i);
80932
80957
 
80933
80958
  console.log(children, 'rrr');
80934
80959
  return /*#__PURE__*/React__default['default'].createElement(_Radio__default['default'].Group, _extends({
80935
- className: classnames('lm-radio-group', "lm-radio-group-".concat(direction)),
80960
+ className: classnames(className, 'lm-radio-group', "lm-radio-group-".concat(direction)),
80936
80961
  size: size
80937
80962
  }, restProps), children);
80938
80963
  };
@@ -81011,6 +81036,8 @@
81011
81036
 
81012
81037
  LMTabs.TabPane = _Tabs__default['default'].TabPane;
81013
81038
 
81039
+ var Search = LmInput.Search;
81040
+
81014
81041
  var SortItem = function SortItem(props) {
81015
81042
  var _props$item, _props$item2, _props$item3, _props$item4;
81016
81043
 
@@ -81086,20 +81113,36 @@
81086
81113
  _useState4 = _slicedToArray(_useState3, 2),
81087
81114
  colStateValue = _useState4[0],
81088
81115
  setColStateValue = _useState4[1];
81116
+ /** 正在输入的查询条件 */
81117
+
81118
+
81119
+ var _useState5 = React.useState(''),
81120
+ _useState6 = _slicedToArray(_useState5, 2),
81121
+ searchIngValue = _useState6[0],
81122
+ setSearchIngValue = _useState6[1];
81123
+
81124
+ var _useState7 = React.useState(''),
81125
+ _useState8 = _slicedToArray(_useState7, 2),
81126
+ searchValue = _useState8[0],
81127
+ setSearchValue = _useState8[1];
81089
81128
 
81090
81129
  var sortMenu = React.useMemo(function () {
81091
- var cloneCol = lodash.cloneDeep(localColumns);
81092
- cloneCol.forEach(function (item, index) {
81093
- var _ColumnsStateValue$it, _ColumnsStateValue$it2;
81130
+ var _cloneDeep;
81094
81131
 
81095
- var fixed = (_ColumnsStateValue$it = ColumnsStateValue[item.dataIndex]) === null || _ColumnsStateValue$it === void 0 ? void 0 : _ColumnsStateValue$it.fixed;
81096
- var order = (_ColumnsStateValue$it2 = ColumnsStateValue[item.dataIndex]) === null || _ColumnsStateValue$it2 === void 0 ? void 0 : _ColumnsStateValue$it2.order;
81132
+ var cloneCol = (_cloneDeep = lodash.cloneDeep(localColumns)) === null || _cloneDeep === void 0 ? void 0 : _cloneDeep.filter(function (item) {
81133
+ var _item$title;
81097
81134
 
81098
- if (!!fixed) {
81099
- item.fixed = fixed;
81100
- }
81135
+ return ((_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.indexOf(searchValue)) > -1;
81136
+ });
81137
+ cloneCol.forEach(function (item, index) {
81138
+ if (ColumnsStateValue === null || ColumnsStateValue === void 0 ? void 0 : ColumnsStateValue.hasOwnProperty(item.dataIndex)) {
81139
+ var _ColumnsStateValue$it, _ColumnsStateValue$it2, _ColumnsStateValue$it3;
81101
81140
 
81102
- item.order = order !== undefined && order !== null ? order : index;
81141
+ var order = (_ColumnsStateValue$it = ColumnsStateValue[item.dataIndex]) === null || _ColumnsStateValue$it === void 0 ? void 0 : _ColumnsStateValue$it.order;
81142
+ item.fixed = ((_ColumnsStateValue$it2 = ColumnsStateValue[item.dataIndex]) === null || _ColumnsStateValue$it2 === void 0 ? void 0 : _ColumnsStateValue$it2.fixed) || undefined;
81143
+ item.order = [undefined, null].includes(order) ? index : order;
81144
+ item.show = ((_ColumnsStateValue$it3 = ColumnsStateValue[item.dataIndex]) === null || _ColumnsStateValue$it3 === void 0 ? void 0 : _ColumnsStateValue$it3.show) === false ? false : true;
81145
+ }
81103
81146
  });
81104
81147
  var leftSortItem = [];
81105
81148
  var rigthSortItem = [];
@@ -81118,7 +81161,7 @@
81118
81161
  rigthSortItem: rigthSortItem,
81119
81162
  items: items
81120
81163
  };
81121
- }, [localColumns, colStateValue]);
81164
+ }, [localColumns, colStateValue, searchValue]);
81122
81165
  var isCheckAll = React.useMemo(function () {
81123
81166
  var showLength = localColumns.filter(function (item) {
81124
81167
  return item.show !== false;
@@ -81128,6 +81171,12 @@
81128
81171
  checkAll: showLength.length === localColumns.length
81129
81172
  };
81130
81173
  }, [localColumns]);
81174
+ /** 将当前输入的值,进行最后赋值,作自动计算使用 */
81175
+
81176
+ var handleSearch = function handleSearch() {
81177
+ setSearchValue(searchIngValue);
81178
+ };
81179
+
81131
81180
  React.useEffect(function () {
81132
81181
  setLocalColumns(columns);
81133
81182
  setColStateValue(ColumnsStateValue);
@@ -81250,6 +81299,14 @@
81250
81299
  return /*#__PURE__*/React__default['default'].createElement("div", {
81251
81300
  className: 'lm_custom_option_columns'
81252
81301
  }, /*#__PURE__*/React__default['default'].createElement("div", {
81302
+ className: 'global_search'
81303
+ }, /*#__PURE__*/React__default['default'].createElement(Search, {
81304
+ value: searchIngValue,
81305
+ onChange: function onChange(e) {
81306
+ return setSearchIngValue(e.target.value);
81307
+ },
81308
+ onSearch: handleSearch
81309
+ })), /*#__PURE__*/React__default['default'].createElement("div", {
81253
81310
  className: 'global_setting'
81254
81311
  }, /*#__PURE__*/React__default['default'].createElement(LMCheckBox, {
81255
81312
  indeterminate: isCheckAll.indeterminate,
@@ -81320,6 +81377,7 @@
81320
81377
  });
81321
81378
 
81322
81379
  var UNLLVALUE = [null, undefined];
81380
+ var Search$1 = LmInput.Search;
81323
81381
 
81324
81382
  var SortItem$1 = function SortItem(props) {
81325
81383
  var _props$item, _props$item2;
@@ -81369,6 +81427,18 @@
81369
81427
  _useState4 = _slicedToArray(_useState3, 2),
81370
81428
  colStateValue = _useState4[0],
81371
81429
  setColStateValue = _useState4[1];
81430
+ /** 正在输入的查询条件 */
81431
+
81432
+
81433
+ var _useState5 = React.useState(''),
81434
+ _useState6 = _slicedToArray(_useState5, 2),
81435
+ searchIngValue = _useState6[0],
81436
+ setSearchIngValue = _useState6[1];
81437
+
81438
+ var _useState7 = React.useState(''),
81439
+ _useState8 = _slicedToArray(_useState7, 2),
81440
+ searchValue = _useState8[0],
81441
+ setSearchValue = _useState8[1];
81372
81442
 
81373
81443
  var sortMenu = React.useMemo(function () {
81374
81444
  var cloneCol = lodash.cloneDeep(localFilter);
@@ -81379,8 +81449,12 @@
81379
81449
  item.order = order !== undefined && order !== null ? order : UNLLVALUE.includes(item.order) ? index : item.order;
81380
81450
  item.show = ((_filterStateValue$ite2 = filterStateValue[item.field]) === null || _filterStateValue$ite2 === void 0 ? void 0 : _filterStateValue$ite2.show) === false ? false : UNLLVALUE.includes(item.show) ? true : !!item.show;
81381
81451
  });
81382
- return cloneCol;
81383
- }, [localFilter, colStateValue]);
81452
+ return cloneCol.filter(function (item) {
81453
+ var _item$title;
81454
+
81455
+ return ((_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.indexOf(searchValue)) > -1;
81456
+ });
81457
+ }, [localFilter, colStateValue, searchValue]);
81384
81458
  var isCheckAll = React.useMemo(function () {
81385
81459
  var showLength = localFilter.filter(function (item) {
81386
81460
  return item.show !== false;
@@ -81390,6 +81464,12 @@
81390
81464
  checkAll: showLength.length === localFilter.length
81391
81465
  };
81392
81466
  }, [localFilter]);
81467
+ /** 将当前输入的值,进行最后赋值,作自动计算使用 */
81468
+
81469
+ var handleSearch = function handleSearch() {
81470
+ setSearchValue(searchIngValue);
81471
+ };
81472
+
81393
81473
  React.useEffect(function () {
81394
81474
  console.log(localFilter, 'localFilter');
81395
81475
  }, [localFilter]);
@@ -81414,7 +81494,6 @@
81414
81494
  var newIndex = items.findIndex(function (s) {
81415
81495
  return s.field === over.id;
81416
81496
  });
81417
- console.log(arrayMove(items, oldIndex, newIndex), 77);
81418
81497
  return arrayMove(items, oldIndex, newIndex).map(function (item, index) {
81419
81498
  return _objectSpread(_objectSpread({}, item), {}, {
81420
81499
  order: index
@@ -81476,6 +81555,14 @@
81476
81555
  return /*#__PURE__*/React__default['default'].createElement("div", {
81477
81556
  className: 'lm_custom_option_columns'
81478
81557
  }, /*#__PURE__*/React__default['default'].createElement("div", {
81558
+ className: 'global_search'
81559
+ }, /*#__PURE__*/React__default['default'].createElement(Search$1, {
81560
+ value: searchIngValue,
81561
+ onChange: function onChange(e) {
81562
+ return setSearchIngValue(e.target.value);
81563
+ },
81564
+ onSearch: handleSearch
81565
+ })), /*#__PURE__*/React__default['default'].createElement("div", {
81479
81566
  className: 'global_setting'
81480
81567
  }, /*#__PURE__*/React__default['default'].createElement(LMCheckBox, {
81481
81568
  indeterminate: isCheckAll.indeterminate,
@@ -81534,15 +81621,22 @@
81534
81621
  _useState2 = _slicedToArray(_useState, 2),
81535
81622
  visible = _useState2[0],
81536
81623
  setVisible = _useState2[1];
81624
+ /** 是否记住页面使用状态 */
81537
81625
 
81538
- var _useState3 = React.useState({
81626
+
81627
+ var _useState3 = React.useState(false),
81628
+ _useState4 = _slicedToArray(_useState3, 2),
81629
+ saveSetting = _useState4[0],
81630
+ setSaveSetting = _useState4[1];
81631
+
81632
+ var _useState5 = React.useState({
81539
81633
  filter: [],
81540
81634
  columns: [],
81541
81635
  size: 'small'
81542
81636
  }),
81543
- _useState4 = _slicedToArray(_useState3, 2),
81544
- lmOptions = _useState4[0],
81545
- setLmOptions = _useState4[1];
81637
+ _useState6 = _slicedToArray(_useState5, 2),
81638
+ lmOptions = _useState6[0],
81639
+ setLmOptions = _useState6[1];
81546
81640
 
81547
81641
  var openSetting = function openSetting() {
81548
81642
  setVisible(true);
@@ -81554,7 +81648,7 @@
81554
81648
  columns: props.columns,
81555
81649
  size: props.size || 'small'
81556
81650
  });
81557
- }, []);
81651
+ }, [props.filter, props.columns, props.size]);
81558
81652
  /** 提交按钮 */
81559
81653
 
81560
81654
  var onOk = function onOk() {
@@ -81573,7 +81667,8 @@
81573
81667
  ColStateValue: ColStateValue,
81574
81668
  filterData: filterData,
81575
81669
  filterStateValue: filterStateValue,
81576
- size: lmOptions.size
81670
+ size: lmOptions.size,
81671
+ saveSetting: saveSetting
81577
81672
  });
81578
81673
  setVisible(false);
81579
81674
  };
@@ -81628,7 +81723,6 @@
81628
81723
  size: e.target.value
81629
81724
  }));
81630
81725
  },
81631
- direction: 'row',
81632
81726
  className: 'lm_size_radio_group',
81633
81727
  value: lmOptions.size
81634
81728
  }, optionsWithDisabled.map(function (item) {
@@ -81636,10 +81730,20 @@
81636
81730
  className: 'lm_custom_size_warp',
81637
81731
  key: item.value
81638
81732
  }, /*#__PURE__*/React__default['default'].createElement("img", {
81733
+ onClick: function onClick() {
81734
+ return setLmOptions(_objectSpread(_objectSpread({}, lmOptions), {}, {
81735
+ size: item.value
81736
+ }));
81737
+ },
81639
81738
  src: item.imgUrl
81640
81739
  }), /*#__PURE__*/React__default['default'].createElement(LMRadio, {
81641
81740
  value: item.value
81642
81741
  }, item.label));
81742
+ })), /*#__PURE__*/React__default['default'].createElement("div", {
81743
+ className: 'save_setting'
81744
+ }, /*#__PURE__*/React__default['default'].createElement("span", null, "\u662F\u5426\u8BB0\u4F4F\u9875\u9762\u4F7F\u7528\u72B6\u6001"), /*#__PURE__*/React__default['default'].createElement(_Switch__default['default'], {
81745
+ checked: saveSetting,
81746
+ onChange: setSaveSetting
81643
81747
  }))))));
81644
81748
  });
81645
81749