linkmore-design 1.0.63 → 1.0.67

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 (225) hide show
  1. package/README.md +1 -1
  2. package/dist/Approval/demos/basic.d.ts +2 -0
  3. package/dist/Approval/index.d.ts +4 -0
  4. package/dist/Approval/style/index.d.ts +1 -0
  5. package/dist/Approval/type.d.ts +24 -0
  6. package/dist/Form/index.d.ts +1 -1
  7. package/dist/LmEditTable/EditTable.d.ts +2 -1
  8. package/dist/LmFilter/customFilter/drawer.d.ts +4 -0
  9. package/dist/LmFilter/customFilter/saveModal.d.ts +4 -0
  10. package/dist/LmFilter/customFilter/valueDrawer.d.ts +4 -0
  11. package/dist/LmFilter/filterFns/index.d.ts +9 -1
  12. package/dist/LmTable/demos/musort.d.ts +2 -0
  13. package/dist/LmUpload/LmUpload.d.ts +3 -0
  14. package/dist/LmUpload/UploadList/ItemPicture.d.ts +4 -0
  15. package/dist/LmUpload/UploadList/ItemPictureCard.d.ts +5 -0
  16. package/dist/LmUpload/UploadList/ItemText.d.ts +4 -0
  17. package/dist/LmUpload/UploadList/RenderItem.d.ts +6 -0
  18. package/dist/LmUpload/UploadList/index.d.ts +4 -0
  19. package/dist/LmUpload/body/UploadCore.d.ts +4 -0
  20. package/dist/LmUpload/body/UploadDrag.d.ts +4 -0
  21. package/dist/LmUpload/body/UploadPicture.d.ts +4 -0
  22. package/dist/LmUpload/components/card.d.ts +2 -0
  23. package/dist/LmUpload/demos/basic.d.ts +2 -0
  24. package/dist/LmUpload/fns/index.d.ts +13 -0
  25. package/dist/LmUpload/index.d.ts +2 -0
  26. package/dist/LmUpload/style/index.d.ts +1 -0
  27. package/dist/LmUpload/utils.d.ts +4 -0
  28. package/dist/LmUpload/view/index.d.ts +4 -0
  29. package/dist/LmUpload/wrapper/Upload.d.ts +4 -0
  30. package/dist/LmUpload/wrapper/UploadContainer.d.ts +4 -0
  31. package/dist/LmUpload/wrapper/UploadRoot.d.ts +3 -0
  32. package/dist/LmUpload/wrapper/UploadWrapper.d.ts +4 -0
  33. package/dist/LmUpload/wrapper/reducer.d.ts +8 -0
  34. package/dist/Mentions/demos/basic.d.ts +2 -0
  35. package/dist/Mentions/index.d.ts +3 -0
  36. package/dist/Mentions/style/index.d.ts +1 -0
  37. package/dist/Rate/demos/basic.d.ts +2 -0
  38. package/dist/Rate/index.d.ts +3 -0
  39. package/dist/Rate/style/index.d.ts +1 -0
  40. package/dist/Steps/demos/basic.d.ts +2 -0
  41. package/dist/Steps/index.d.ts +3 -0
  42. package/dist/Steps/style/index.d.ts +1 -0
  43. package/dist/index.umd.js +211 -66
  44. package/dist/index.umd.min.js +1 -1
  45. package/es/Approval/index.d.ts +4 -0
  46. package/es/Approval/index.js +303 -0
  47. package/es/Approval/style/index.css +658 -0
  48. package/es/Approval/style/index.d.ts +1 -0
  49. package/es/Approval/style/index.js +1 -0
  50. package/es/Approval/type.d.ts +24 -0
  51. package/es/Approval/type.js +1 -0
  52. package/es/CustomTableOption/index.js +6 -6
  53. package/es/EditTable/README.md.old +66 -0
  54. package/es/Form/container.js +17 -1
  55. package/es/Form/index.d.ts +1 -1
  56. package/es/Form/index.js +5 -2
  57. package/es/Form/style/index.css +18 -3
  58. package/es/LmEditTable/DragHandle.js +2 -1
  59. package/es/LmEditTable/EditTable.d.ts +2 -1
  60. package/es/LmEditTable/EditTable.js +155 -46
  61. package/es/LmEditTable/style/index.css +6 -0
  62. package/es/LmFilter/LmFilter.js +2 -0
  63. package/es/LmFilter/complexFilter/drawer.js +2 -5
  64. package/es/LmFilter/components/CustomSelectFilter.js +18 -7
  65. package/es/LmFilter/components/SelectFilter.js +14 -5
  66. package/es/LmFilter/components/index.js +9 -2
  67. package/es/LmFilter/customFilter/drawer.js +427 -0
  68. package/es/LmFilter/customFilter/index.js +47 -15
  69. package/es/LmFilter/customFilter/saveModal.js +187 -0
  70. package/es/LmFilter/customFilter/valueDrawer.js +238 -0
  71. package/es/LmFilter/filterFns/index.js +152 -20
  72. package/es/LmFilter/style/{style.css → index.css} +19 -8
  73. package/es/LmFilter/style/index.js +1 -1
  74. package/es/LmFilter/wrapper/Filter.js +3 -2
  75. package/es/LmFilter/wrapper/FilterRoot.js +48 -2
  76. package/es/LmSelect/NormalSelect.js +5 -1
  77. package/es/LmSelect/style/index.css +2 -1
  78. package/es/LmSelect/useCheckboxOptions.js +2 -1
  79. package/es/LmTable/Table.js +16 -7
  80. package/es/LmUpload/LmUpload.d.ts +3 -0
  81. package/es/LmUpload/LmUpload.js +34 -0
  82. package/es/LmUpload/UploadList/ItemPicture.d.ts +4 -0
  83. package/es/LmUpload/UploadList/ItemPicture.js +25 -0
  84. package/es/LmUpload/UploadList/ItemPictureCard.d.ts +5 -0
  85. package/es/LmUpload/UploadList/ItemPictureCard.js +69 -0
  86. package/es/LmUpload/UploadList/ItemText.d.ts +4 -0
  87. package/es/LmUpload/UploadList/ItemText.js +25 -0
  88. package/es/LmUpload/UploadList/RenderItem.d.ts +6 -0
  89. package/es/LmUpload/UploadList/RenderItem.js +31 -0
  90. package/es/LmUpload/UploadList/index.d.ts +4 -0
  91. package/es/LmUpload/UploadList/index.js +21 -0
  92. package/es/LmUpload/body/UploadCore.d.ts +4 -0
  93. package/es/LmUpload/body/UploadCore.js +46 -0
  94. package/es/LmUpload/body/UploadDrag.d.ts +4 -0
  95. package/es/LmUpload/body/UploadDrag.js +10 -0
  96. package/es/LmUpload/body/UploadPicture.d.ts +4 -0
  97. package/es/LmUpload/body/UploadPicture.js +27 -0
  98. package/es/LmUpload/components/card.d.ts +2 -0
  99. package/es/LmUpload/components/card.js +9 -0
  100. package/es/LmUpload/fns/index.d.ts +13 -0
  101. package/es/LmUpload/fns/index.js +74 -0
  102. package/es/LmUpload/index.d.ts +2 -0
  103. package/es/LmUpload/index.js +2 -0
  104. package/es/LmUpload/style/index.css +188 -0
  105. package/es/LmUpload/style/index.js +3 -0
  106. package/es/LmUpload/utils.d.ts +4 -0
  107. package/es/LmUpload/utils.js +20 -0
  108. package/es/LmUpload/view/index.d.ts +4 -0
  109. package/es/LmUpload/view/index.js +10 -0
  110. package/es/LmUpload/wrapper/Upload.d.ts +4 -0
  111. package/es/LmUpload/wrapper/Upload.js +12 -0
  112. package/es/LmUpload/wrapper/UploadContainer.d.ts +4 -0
  113. package/es/LmUpload/wrapper/UploadContainer.js +12 -0
  114. package/es/LmUpload/wrapper/UploadRoot.d.ts +3 -0
  115. package/es/LmUpload/wrapper/UploadRoot.js +41 -0
  116. package/es/LmUpload/wrapper/UploadWrapper.d.ts +4 -0
  117. package/es/LmUpload/wrapper/UploadWrapper.js +21 -0
  118. package/es/LmUpload/wrapper/reducer.d.ts +8 -0
  119. package/es/LmUpload/wrapper/reducer.js +26 -0
  120. package/es/Mentions/index.d.ts +3 -0
  121. package/es/Mentions/index.js +3 -0
  122. package/es/Mentions/style/index.css +505 -0
  123. package/es/Mentions/style/index.d.ts +1 -0
  124. package/es/Mentions/style/index.js +1 -0
  125. package/es/Rate/index.d.ts +3 -0
  126. package/es/Rate/index.js +3 -0
  127. package/es/Rate/style/index.css +505 -0
  128. package/es/Rate/style/index.d.ts +1 -0
  129. package/es/Rate/style/index.js +1 -0
  130. package/es/Steps/index.d.ts +3 -0
  131. package/es/Steps/index.js +3 -0
  132. package/es/Steps/style/index.css +505 -0
  133. package/es/Steps/style/index.d.ts +1 -0
  134. package/es/Steps/style/index.js +1 -0
  135. package/lib/Approval/index.d.ts +4 -0
  136. package/lib/Approval/index.js +316 -0
  137. package/lib/Approval/style/index.css +658 -0
  138. package/lib/Approval/style/index.d.ts +1 -0
  139. package/lib/Approval/style/index.js +3 -0
  140. package/lib/Approval/type.d.ts +24 -0
  141. package/lib/Approval/type.js +5 -0
  142. package/lib/CustomTableOption/index.js +6 -6
  143. package/lib/EditTable/README.md.old +66 -0
  144. package/lib/Form/container.js +17 -1
  145. package/lib/Form/index.d.ts +1 -1
  146. package/lib/Form/index.js +5 -2
  147. package/lib/Form/style/index.css +18 -3
  148. package/lib/LmEditTable/DragHandle.js +2 -1
  149. package/lib/LmEditTable/EditTable.d.ts +2 -1
  150. package/lib/LmEditTable/EditTable.js +155 -46
  151. package/lib/LmEditTable/style/index.css +6 -0
  152. package/lib/LmFilter/LmFilter.js +2 -0
  153. package/lib/LmFilter/complexFilter/drawer.js +2 -5
  154. package/lib/LmFilter/components/CustomSelectFilter.js +18 -7
  155. package/lib/LmFilter/components/SelectFilter.js +14 -5
  156. package/lib/LmFilter/components/index.js +9 -2
  157. package/lib/LmFilter/customFilter/drawer.js +427 -0
  158. package/lib/LmFilter/customFilter/index.js +47 -15
  159. package/lib/LmFilter/customFilter/saveModal.js +187 -0
  160. package/lib/LmFilter/customFilter/valueDrawer.js +238 -0
  161. package/lib/LmFilter/filterFns/index.js +152 -20
  162. package/lib/LmFilter/style/{style.css → index.css} +19 -8
  163. package/lib/LmFilter/style/index.js +1 -1
  164. package/lib/LmFilter/wrapper/Filter.js +3 -2
  165. package/lib/LmFilter/wrapper/FilterRoot.js +48 -2
  166. package/lib/LmSelect/NormalSelect.js +5 -1
  167. package/lib/LmSelect/style/index.css +2 -1
  168. package/lib/LmSelect/useCheckboxOptions.js +2 -1
  169. package/lib/LmTable/Table.js +16 -7
  170. package/lib/LmUpload/LmUpload.d.ts +3 -0
  171. package/lib/LmUpload/LmUpload.js +48 -0
  172. package/lib/LmUpload/UploadList/ItemPicture.d.ts +4 -0
  173. package/lib/LmUpload/UploadList/ItemPicture.js +37 -0
  174. package/lib/LmUpload/UploadList/ItemPictureCard.d.ts +5 -0
  175. package/lib/LmUpload/UploadList/ItemPictureCard.js +85 -0
  176. package/lib/LmUpload/UploadList/ItemText.d.ts +4 -0
  177. package/lib/LmUpload/UploadList/ItemText.js +36 -0
  178. package/lib/LmUpload/UploadList/RenderItem.d.ts +6 -0
  179. package/lib/LmUpload/UploadList/RenderItem.js +44 -0
  180. package/lib/LmUpload/UploadList/index.d.ts +4 -0
  181. package/lib/LmUpload/UploadList/index.js +32 -0
  182. package/lib/LmUpload/body/UploadCore.d.ts +4 -0
  183. package/lib/LmUpload/body/UploadCore.js +60 -0
  184. package/lib/LmUpload/body/UploadDrag.d.ts +4 -0
  185. package/lib/LmUpload/body/UploadDrag.js +21 -0
  186. package/lib/LmUpload/body/UploadPicture.d.ts +4 -0
  187. package/lib/LmUpload/body/UploadPicture.js +39 -0
  188. package/lib/LmUpload/components/card.d.ts +2 -0
  189. package/lib/LmUpload/components/card.js +19 -0
  190. package/lib/LmUpload/fns/index.d.ts +13 -0
  191. package/lib/LmUpload/fns/index.js +85 -0
  192. package/lib/LmUpload/index.d.ts +2 -0
  193. package/lib/LmUpload/index.js +13 -0
  194. package/lib/LmUpload/style/index.css +188 -0
  195. package/lib/LmUpload/style/index.js +3 -0
  196. package/lib/LmUpload/utils.d.ts +4 -0
  197. package/lib/LmUpload/utils.js +39 -0
  198. package/lib/LmUpload/view/index.d.ts +4 -0
  199. package/lib/LmUpload/view/index.js +20 -0
  200. package/lib/LmUpload/wrapper/Upload.d.ts +4 -0
  201. package/lib/LmUpload/wrapper/Upload.js +25 -0
  202. package/lib/LmUpload/wrapper/UploadContainer.d.ts +4 -0
  203. package/lib/LmUpload/wrapper/UploadContainer.js +25 -0
  204. package/lib/LmUpload/wrapper/UploadRoot.d.ts +3 -0
  205. package/lib/LmUpload/wrapper/UploadRoot.js +58 -0
  206. package/lib/LmUpload/wrapper/UploadWrapper.d.ts +4 -0
  207. package/lib/LmUpload/wrapper/UploadWrapper.js +36 -0
  208. package/lib/LmUpload/wrapper/reducer.d.ts +8 -0
  209. package/lib/LmUpload/wrapper/reducer.js +39 -0
  210. package/lib/Mentions/index.d.ts +3 -0
  211. package/lib/Mentions/index.js +15 -0
  212. package/lib/Mentions/style/index.css +505 -0
  213. package/lib/Mentions/style/index.d.ts +1 -0
  214. package/lib/Mentions/style/index.js +3 -0
  215. package/lib/Rate/index.d.ts +3 -0
  216. package/lib/Rate/index.js +15 -0
  217. package/lib/Rate/style/index.css +505 -0
  218. package/lib/Rate/style/index.d.ts +1 -0
  219. package/lib/Rate/style/index.js +3 -0
  220. package/lib/Steps/index.d.ts +3 -0
  221. package/lib/Steps/index.js +15 -0
  222. package/lib/Steps/style/index.css +505 -0
  223. package/lib/Steps/style/index.d.ts +1 -0
  224. package/lib/Steps/style/index.js +3 -0
  225. package/package.json +2 -2
@@ -33,7 +33,7 @@ var optionsWithDisabled = [{
33
33
  }];
34
34
  var prefixCls = 'lm_custom-table-option';
35
35
  var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
36
- var _a;
36
+ var _a, _b, _c;
37
37
 
38
38
  var className = props.className,
39
39
  _props$tooltip = props.tooltip,
@@ -113,7 +113,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
113
113
  })
114
114
  })), /*#__PURE__*/React.createElement(Drawer, {
115
115
  className: classNames(className, prefixCls),
116
- title: "\u7B5B\u9009\u8BBE\u7F6E",
116
+ title: "\u4E2A\u6027\u5316\u8BBE\u7F6E",
117
117
  visible: visible,
118
118
  extra: /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
119
119
  size: "small",
@@ -130,21 +130,21 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
130
130
  }
131
131
  }, /*#__PURE__*/React.createElement(Tabs, {
132
132
  defaultActiveKey: "1"
133
- }, /*#__PURE__*/React.createElement(TabPane, {
134
- tab: "\u4E2A\u6027\u5316\u7B5B\u9009",
133
+ }, ((_a = lmOptions.filter) === null || _a === void 0 ? void 0 : _a.length) && /*#__PURE__*/React.createElement(TabPane, {
134
+ tab: "\u7B5B\u9009\u8BBE\u7F6E",
135
135
  key: "1",
136
136
  forceRender: true
137
137
  }, /*#__PURE__*/React.createElement(FilterSort, {
138
138
  ref: filterRef,
139
139
  filter: lmOptions.filter
140
- })), /*#__PURE__*/React.createElement(TabPane, {
140
+ })), ((_b = lmOptions.columns) === null || _b === void 0 ? void 0 : _b.length) && /*#__PURE__*/React.createElement(TabPane, {
141
141
  tab: "\u5217\u8868\u5B57\u6BB5\u8BBE\u7F6E",
142
142
  key: "2",
143
143
  forceRender: true
144
144
  }, /*#__PURE__*/React.createElement(ColumnsSort, {
145
145
  ref: columnsRef,
146
146
  columns: lmOptions.columns
147
- })), ((_a = lmOptions.card) === null || _a === void 0 ? void 0 : _a.length) && /*#__PURE__*/React.createElement(TabPane, {
147
+ })), ((_c = lmOptions.card) === null || _c === void 0 ? void 0 : _c.length) && /*#__PURE__*/React.createElement(TabPane, {
148
148
  tab: "\u5361\u7247\u5B57\u6BB5\u8BBE\u7F6E",
149
149
  key: "4",
150
150
  forceRender: true
@@ -0,0 +1,66 @@
1
+ ---
2
+ nav:
3
+ title: 组件
4
+ path: /components
5
+ group:
6
+ title: 组件
7
+ path: /basic
8
+ ---
9
+
10
+ ## EditTable 表格
11
+
12
+ > 原有表格增加:
13
+ >
14
+ > isEdit: 是否为编辑状态
15
+ > isAdd: 是否展示底部新增按钮
16
+
17
+ ### 示例
18
+
19
+ <code src="./demos/basic.jsx" background="#fff" />
20
+
21
+ <code src="./demos/Editbasic.jsx" background="#fff" />
22
+
23
+ <code src="./demos/hoverEdit.jsx" background="#fff" />
24
+
25
+ <code src="./demos/formEditTable.jsx" background="#fff" />
26
+
27
+ ### EditTable
28
+
29
+ | 参数 | 说明 | 类型 | 可选 | 默认值 |
30
+ | -------- | -------------------------------------------------- | ------------------------- | ------- | ------ |
31
+ | isEdit | 是否为编辑状态 | Boolean | | false |
32
+ | isHoverEdit | 是否为划过编辑状态,开启后将覆盖 isEdit 行为 | Boolean | | false |
33
+ | isAdd | 表格底部是否出现新增按钮 | Boolean | | true |
34
+ | value | 默认数据源(对应 antd 中 table 的 dataSource) | object[] | | true |
35
+ | onChange | 当 isEdit 为 true, 或 isAdd 为 True 时,操作时触发 | (dataSource: T[]) => void | | |
36
+ | columns | 列定义 | (dataSource: T[]) => void | Columns | |
37
+ | rowKey | 添加到 dataSource 中的 key | String | | \_ID |
38
+
39
+ ### Columns
40
+
41
+ | 参数 | 说明 | 类型 | 可选 | 默认值 |
42
+ | --------- | ---------------------------------- | ----------------- | ------------ | ------ | --- |
43
+ | title | 标题 | String | JSX | | |
44
+ | dataIndex | 键值 | String | | |
45
+ | width | 宽度 | Number | | |
46
+ | ellipsis | 是否溢出省略 | Boolean | | |
47
+ | editable | 编辑类型 | String | editableType | |
48
+ | editEnum | 枚举,下拉框时为数组,否则为配置项 | Array \|\| Object | | |
49
+ | valueType | 下拉框时使用,配置项 | Object | | |
50
+
51
+ - **editEnum: 当 editable 为'select'时需传入数组项,非'select'时为配置项,请传入对象,会作用于对应组件配置**
52
+ - 数组指定接收: id,value,label
53
+
54
+ #### editableType
55
+
56
+ | 参数 | 说明 | 类型 | 可选 | 默认值 |
57
+ | ---------- | ---------- | ---- | ---- | ------ |
58
+ | input | 输入框 | | | |
59
+ | inputRange | 输入区间框 | | | |
60
+ | number | 数字框 | | | |
61
+ | select | 下拉框 | | | |
62
+ | multiple | 下拉多选 | | | |
63
+ | date | 日期选择 | | | |
64
+ | checkbox | 复选框 | | | |
65
+ | radio | 单选 | | | |
66
+ | upload | 上传 | | | |
@@ -51,7 +51,6 @@ var LMContainer = function LMContainer(props) {
51
51
 
52
52
  var classes = classNames(className, prefixCls, responsiveCls, lm_col);
53
53
  return /*#__PURE__*/React.createElement("div", Object.assign({
54
- ref: containerWrapRef,
55
54
  className: classes
56
55
  }, others, {
57
56
  style: {
@@ -64,6 +63,23 @@ var LMContainer = function LMContainer(props) {
64
63
  var changeSize = function changeSize() {
65
64
  var _a;
66
65
 
66
+ var index = 1;
67
+ containerWrapRef.current.querySelectorAll('.ant-form-item').forEach(function (el) {
68
+ if (el.classList.contains('ant-form-item-responsive')) {
69
+ if (index % 3 === 0) {
70
+ el.classList.add('nth-three');
71
+ } else if (index % 4 === 0) {
72
+ el.classList.add('nth-four');
73
+ } else if (index % 5 === 0) {
74
+ el.classList.add('nth-five');
75
+ }
76
+
77
+ index++;
78
+ } else {
79
+ index = 1;
80
+ }
81
+ });
82
+
67
83
  var _ref = ((_a = containerWrapRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {},
68
84
  _ref$width = _ref.width,
69
85
  width = _ref$width === void 0 ? '100%' : _ref$width;
@@ -7,8 +7,8 @@ export interface LmFormProps extends FormProps {
7
7
  responsive?: Boolean;
8
8
  }
9
9
  export interface LmFormItemProps extends FormItemProps {
10
- useStatus?: any;
11
10
  errorPlacement?: string;
11
+ responsive?: boolean;
12
12
  }
13
13
  declare const Reform: <Values = any>(props: FormProps<Values> & {
14
14
  children?: React.ReactNode;
package/es/Form/index.js CHANGED
@@ -53,12 +53,15 @@ var Reform = /*#__PURE__*/React.forwardRef(LMForm);
53
53
  var LMFormItem = function LMFormItem(props) {
54
54
  var children = props.children,
55
55
  className = props.className,
56
+ _props$responsive = props.responsive,
57
+ responsive = _props$responsive === void 0 ? false : _props$responsive,
56
58
  _props$errorPlacement = props.errorPlacement,
57
59
  errorPlacement = _props$errorPlacement === void 0 ? 'default' : _props$errorPlacement,
58
- restProps = __rest(props, ["children", "className", "errorPlacement"]);
60
+ restProps = __rest(props, ["children", "className", "responsive", "errorPlacement"]);
59
61
 
60
62
  var tipClassName = errorPlacement === 'default' ? '' : "lm_form-item-tip-error lm_form-item-tip-error-".concat(errorPlacement);
61
- var classes = classnames(className, tipClassName);
63
+ var resCls = responsive ? 'ant-form-item-responsive' : '';
64
+ var classes = classnames(className, tipClassName, resCls);
62
65
  return /*#__PURE__*/React.createElement(_Form.Item, Object.assign({
63
66
  className: classes
64
67
  }, restProps), children);
@@ -550,21 +550,36 @@ html {
550
550
  width: 100%;
551
551
  }
552
552
  .lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item {
553
+ width: 100%;
554
+ margin-right: 0;
555
+ }
556
+ .lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item-responsive {
553
557
  width: calc(33.3333% - 16px);
558
+ margin-right: 24px;
554
559
  }
555
- .lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item:nth-of-type(3n) {
560
+ .lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item-responsive.nth-three {
556
561
  margin-right: 0;
557
562
  }
558
563
  .lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item {
564
+ width: 100%;
565
+ margin-right: 0;
566
+ }
567
+ .lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item-responsive {
559
568
  width: calc(25% - 18px);
569
+ margin-right: 24px;
560
570
  }
561
- .lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item:nth-of-type(4n) {
571
+ .lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item-responsive.nth-four {
562
572
  margin-right: 0;
563
573
  }
564
574
  .lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item {
575
+ width: 100%;
576
+ margin-right: 0;
577
+ }
578
+ .lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item-responsive {
565
579
  width: calc(20% - 96px / 5);
580
+ margin-right: 24px;
566
581
  }
567
- .lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item:nth-of-type(5n) {
582
+ .lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item-responsive.nth-five {
568
583
  margin-right: 0;
569
584
  }
570
585
  .lm_form-item-tip-error .ant-form-item-explain {
@@ -14,7 +14,8 @@ export var Dragger = function Dragger(_ref) {
14
14
  type: "lmweb-icon-m-receipt1"
15
15
  }, listeners, {
16
16
  style: {
17
- touchAction: 'none'
17
+ touchAction: 'none',
18
+ cursor: 'move'
18
19
  },
19
20
  className: 'icon_drag' + (isDragging ? 'bing' : '')
20
21
  }));
@@ -8,7 +8,7 @@ interface ILmEditTable extends TableProps<any> {
8
8
  rowHoverEdit?: boolean;
9
9
  isUseForm?: boolean;
10
10
  isHoverEdit?: boolean;
11
- useQuickOpetate?: boolean;
11
+ useQuickOpetate?: boolean | string[];
12
12
  sortOpen?: boolean;
13
13
  size?: TableProps<any>['size'];
14
14
  colSortOpen?: boolean;
@@ -21,6 +21,7 @@ interface ILmColumns extends TableColumnType<any> {
21
21
  editEnum?: any;
22
22
  valueType?: any;
23
23
  order?: number;
24
+ componentProps?: Record<string, any>;
24
25
  }
25
26
  export declare type TLmEditTable = {
26
27
  onChange?: (data: any[]) => void;
@@ -180,8 +180,16 @@ var Opetate = function Opetate(_ref) {
180
180
  var record = _ref.record,
181
181
  rowKey = _ref.rowKey,
182
182
  handleAdd = _ref.handleAdd,
183
- handleDelete = _ref.handleDelete;
184
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
183
+ handleDelete = _ref.handleDelete,
184
+ _ref$options = _ref.options,
185
+ options = _ref$options === void 0 ? ['add', 'delete'] : _ref$options;
186
+ return /*#__PURE__*/React.createElement("div", {
187
+ style: {
188
+ display: 'flex',
189
+ alignItems: 'center',
190
+ justifyContent: 'center'
191
+ }
192
+ }, options.includes('add') && /*#__PURE__*/React.createElement(Button, {
185
193
  type: "link",
186
194
  size: "small",
187
195
  icon: /*#__PURE__*/React.createElement(IconFont, {
@@ -193,7 +201,7 @@ var Opetate = function Opetate(_ref) {
193
201
  onClick: function onClick() {
194
202
  return handleDelete(record[rowKey]);
195
203
  }
196
- }), /*#__PURE__*/React.createElement(Button, {
204
+ }), options.includes('delete') && /*#__PURE__*/React.createElement(Button, {
197
205
  type: "link",
198
206
  size: "small",
199
207
  icon: /*#__PURE__*/React.createElement(IconFont, {
@@ -252,7 +260,25 @@ var EditableCell = function EditableCell(props) {
252
260
 
253
261
  var _col$componentProps = col.componentProps,
254
262
  componentProps = _col$componentProps === void 0 ? {} : _col$componentProps,
255
- dataIndex = col.dataIndex; // const checkCellRef = useRef(null)
263
+ dataIndex = col.dataIndex;
264
+ /** 是否正在编辑中 */
265
+
266
+ var _useState = useState(false),
267
+ _useState2 = _slicedToArray(_useState, 2),
268
+ editing = _useState2[0],
269
+ setEditing = _useState2[1];
270
+
271
+ var inputRef = useRef(null);
272
+ var form = useContext(EditableContext);
273
+ useEffect(function () {
274
+ if (editing) {
275
+ inputRef.current.focus();
276
+ }
277
+ }, [editing]);
278
+
279
+ var toggleEdit = function toggleEdit() {
280
+ setEditing(!editing); // form.setFieldsValue({ [dataIndex]: record[dataIndex] });
281
+ }; // const checkCellRef = useRef(null)
256
282
  // const focusCapturedRef = useRef(false);
257
283
  // const curValue = useMemo(() => {
258
284
  // return record?.dataIndex
@@ -260,6 +286,7 @@ var EditableCell = function EditableCell(props) {
260
286
  // const curValueIsValid = isValidValue(curValue);
261
287
  // 校验保存
262
288
 
289
+
263
290
  var save = function save(row) {
264
291
  return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
265
292
  var values;
@@ -303,19 +330,29 @@ var EditableCell = function EditableCell(props) {
303
330
  return form.validateFields();
304
331
 
305
332
  case 10:
306
- _context.next = 14;
333
+ if (col === null || col === void 0 ? void 0 : col.hoverEdit) {
334
+ toggleEdit();
335
+ } // // 清空异常校验
336
+ // setValid((old) => {
337
+ // const obj = { ...old }
338
+ // delete obj[record[rowKey]]
339
+ // return obj
340
+ // })
341
+
342
+
343
+ _context.next = 15;
307
344
  break;
308
345
 
309
- case 12:
310
- _context.prev = 12;
346
+ case 13:
347
+ _context.prev = 13;
311
348
  _context.t1 = _context["catch"](0);
312
349
 
313
- case 14:
350
+ case 15:
314
351
  case "end":
315
352
  return _context.stop();
316
353
  }
317
354
  }
318
- }, _callee, null, [[0, 12]]);
355
+ }, _callee, null, [[0, 13]]);
319
356
  }));
320
357
  }; // 触发保存
321
358
 
@@ -334,7 +371,6 @@ var EditableCell = function EditableCell(props) {
334
371
 
335
372
  var copyKey = function copyKey(e) {
336
373
  e === null || e === void 0 ? void 0 : e.stopPropagation();
337
- console.log(rowKey, record[rowKey], 'fff');
338
374
  var dataIndex = col.dataIndex;
339
375
  handleCopy === null || handleCopy === void 0 ? void 0 : handleCopy(dataIndex, record[dataIndex]);
340
376
  };
@@ -345,7 +381,7 @@ var EditableCell = function EditableCell(props) {
345
381
  return /*#__PURE__*/React.createElement(Input, Object.assign({
346
382
  onPressEnter: handleFormItemChange,
347
383
  onBlur: handleFormItemChange,
348
- // ref={checkCellRef}
384
+ ref: inputRef,
349
385
  placeholder: "\u8BF7\u8F93\u5165"
350
386
  }, componentProps, {
351
387
  addonBefore: componentProps.addonBefore ? /*#__PURE__*/React.createElement(Form.Item, {
@@ -360,7 +396,9 @@ var EditableCell = function EditableCell(props) {
360
396
  }, /*#__PURE__*/React.cloneElement(componentProps.addonAfter, {
361
397
  onChange: handleFormItemChange
362
398
  })) : null,
363
- suffix: componentProps.quickcopy ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(IconFont, {
399
+ suffix: componentProps.quickcopy ? /*#__PURE__*/React.createElement("span", {
400
+ className: 'lm_table_quickcopy'
401
+ }, /*#__PURE__*/React.createElement(IconFont, {
364
402
  onClick: copyKey,
365
403
  type: 'lmweb-icon_m_brush'
366
404
  })) : null
@@ -368,7 +406,8 @@ var EditableCell = function EditableCell(props) {
368
406
 
369
407
  case 'inputRange':
370
408
  return /*#__PURE__*/React.createElement(InputRange, Object.assign({
371
- onChange: handleFormItemChange
409
+ onChange: handleFormItemChange,
410
+ ref: inputRef
372
411
  }, componentProps));
373
412
 
374
413
  case 'number':
@@ -378,7 +417,8 @@ var EditableCell = function EditableCell(props) {
378
417
  style: {
379
418
  width: (editEnum === null || editEnum === void 0 ? void 0 : editEnum.width) || '100%'
380
419
  },
381
- placeholder: "\u8BF7\u8F93\u5165"
420
+ placeholder: "\u8BF7\u8F93\u5165",
421
+ ref: inputRef
382
422
  }, componentProps));
383
423
 
384
424
  case 'date':
@@ -392,13 +432,14 @@ var EditableCell = function EditableCell(props) {
392
432
  showSearch: true,
393
433
  allowClear: true,
394
434
  placeholder: "\u8BF7\u9009\u62E9",
395
- // ref={checkCellRef}
435
+ ref: inputRef,
396
436
  filterOption: function filterOption(input, option) {
397
437
  var _a, _b;
398
438
 
399
439
  return ((_b = (_a = option.children) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.indexOf(input.toLowerCase())) >= 0;
400
440
  }
401
441
  }, componentProps, {
442
+ // open={true}
402
443
  onChange: handleFormItemChange
403
444
  }));
404
445
 
@@ -408,7 +449,7 @@ var EditableCell = function EditableCell(props) {
408
449
  showSearch: true,
409
450
  allowClear: true,
410
451
  placeholder: "\u8BF7\u9009\u62E9",
411
- // ref={checkCellRef}
452
+ ref: inputRef,
412
453
  filterOption: function filterOption(input, option) {
413
454
  var _a;
414
455
 
@@ -420,12 +461,14 @@ var EditableCell = function EditableCell(props) {
420
461
 
421
462
  case 'checkbox':
422
463
  return /*#__PURE__*/React.createElement(Checkbox.Group, Object.assign({
423
- onChange: handleFormItemChange
464
+ onChange: handleFormItemChange,
465
+ ref: inputRef
424
466
  }, componentProps));
425
467
 
426
468
  case 'radio':
427
469
  return /*#__PURE__*/React.createElement(Radio.Group, Object.assign({
428
- onChange: handleFormItemChange
470
+ onChange: handleFormItemChange,
471
+ ref: inputRef
429
472
  }, componentProps));
430
473
 
431
474
  case 'switch':
@@ -436,7 +479,7 @@ var EditableCell = function EditableCell(props) {
436
479
  case 'upload':
437
480
  return /*#__PURE__*/React.createElement(UploadSingle, {
438
481
  editEnum: componentProps,
439
- // ref={checkCellRef}
482
+ ref: inputRef,
440
483
  onChange: handleFormItemChange
441
484
  });
442
485
 
@@ -445,7 +488,7 @@ var EditableCell = function EditableCell(props) {
445
488
  return /*#__PURE__*/React.createElement(Opetate, Object.assign({
446
489
  record: record,
447
490
  rowKey: rowKey,
448
- // ref={checkCellRef}
491
+ ref: inputRef,
449
492
  handleAdd: handleTableRowAdd,
450
493
  handleDelete: handleTableRowDelete,
451
494
  getLength: getLength
@@ -462,7 +505,8 @@ var EditableCell = function EditableCell(props) {
462
505
  default:
463
506
  return /*#__PURE__*/React.createElement(Input, Object.assign({
464
507
  onPressEnter: handleFormItemChange,
465
- onBlur: handleFormItemChange
508
+ onBlur: handleFormItemChange,
509
+ ref: inputRef
466
510
  }, componentProps));
467
511
  }
468
512
  };
@@ -471,10 +515,19 @@ var EditableCell = function EditableCell(props) {
471
515
  var editable = col.editable,
472
516
  dataIndex = col.dataIndex,
473
517
  formProps = col.formProps,
474
- componentProps = col.componentProps;
518
+ componentProps = col.componentProps,
519
+ hoverEdit = col.hoverEdit;
475
520
  var childNode = children;
476
521
 
477
- if (isEdit && editable) {
522
+ if (hoverEdit && !editing) {
523
+ childNode = /*#__PURE__*/React.createElement("div", {
524
+ className: "editable-cell-value-wrap",
525
+ style: {
526
+ minHeight: '22px'
527
+ },
528
+ onClick: toggleEdit
529
+ }, childNode);
530
+ } else if (isEdit && editable) {
478
531
  childNode = /*#__PURE__*/React.createElement(Form.Item, Object.assign({
479
532
  errorPlacement: "right",
480
533
  valuePropName: editable === 'switch' ? 'checked' : 'value',
@@ -498,9 +551,8 @@ var EditableCell = function EditableCell(props) {
498
551
  }
499
552
 
500
553
  return childNode;
501
- }, [col, isEdit]); // const [childNode, setChildNode] = useState(getMemoChildNode);
502
-
503
- var form = useContext(EditableContext); // 出现死循环找我
554
+ }, [col, isEdit, editing]); // const [childNode, setChildNode] = useState(getMemoChildNode);
555
+ // 出现死循环找我
504
556
 
505
557
  useEffect(function () {
506
558
  var editable = col.editable,
@@ -573,26 +625,26 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
573
625
  size = _props$size === void 0 ? 'small' : _props$size,
574
626
  resetProps = __rest(props, ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "rowSelection", "sortOpen", "colSortOpen", "filterChange", "size"]);
575
627
 
576
- var _useState = useState([]),
577
- _useState2 = _slicedToArray(_useState, 2),
578
- dataSource = _useState2[0],
579
- setDataSource = _useState2[1]; // const [count, setCount] = useState(0);
580
-
581
-
582
- var _useState3 = useState({}),
628
+ var _useState3 = useState([]),
583
629
  _useState4 = _slicedToArray(_useState3, 2),
584
- _valid = _useState4[0],
585
- setValid = _useState4[1];
630
+ dataSource = _useState4[0],
631
+ setDataSource = _useState4[1]; // const [count, setCount] = useState(0);
586
632
 
587
- var _useState5 = useState([]),
633
+
634
+ var _useState5 = useState({}),
588
635
  _useState6 = _slicedToArray(_useState5, 2),
589
- localRowSelectList = _useState6[0],
590
- setLocalRowSelectList = _useState6[1];
636
+ _valid = _useState6[0],
637
+ setValid = _useState6[1];
591
638
 
592
639
  var _useState7 = useState([]),
593
640
  _useState8 = _slicedToArray(_useState7, 2),
594
- sortEditTable = _useState8[0],
595
- setCallBackFalg = _useState8[1];
641
+ localRowSelectList = _useState8[0],
642
+ setLocalRowSelectList = _useState8[1];
643
+
644
+ var _useState9 = useState([]),
645
+ _useState10 = _slicedToArray(_useState9, 2),
646
+ sortEditTable = _useState10[0],
647
+ setCallBackFalg = _useState10[1];
596
648
 
597
649
  var dataSourceRef = useRef([]);
598
650
  var sortDataSorceRef = useRef([]);
@@ -798,8 +850,60 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
798
850
  setDataSource(res);
799
851
  }
800
852
  };
853
+ /** 判断columne中有没有带optionOnly参数 */
854
+
855
+
856
+ var hasDisableOptions = useMemo(function () {
857
+ var hasOnlyOptionsDatas = columns.filter(function (item) {
858
+ var _a;
859
+
860
+ return (_a = item === null || item === void 0 ? void 0 : item.componentProps) === null || _a === void 0 ? void 0 : _a.optionOnly;
861
+ });
862
+
863
+ if (hasOnlyOptionsDatas.length) {
864
+ return hasOnlyOptionsDatas.map(function (item) {
865
+ return item.dataIndex;
866
+ });
867
+ }
868
+
869
+ return false;
870
+ }, [columns]);
871
+ /** 动态获取disabled的props数据源 */
872
+
873
+ var DisableOptions = useMemo(function () {
874
+ var newColumns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
875
+ var _ref3 = item.componentProps || {},
876
+ optionOnly = _ref3.optionOnly,
877
+ options = _ref3.options;
878
+
879
+ if (optionOnly && options) {
880
+ var dataIndex = item.dataIndex;
881
+ var dataIndexData = dataSource.map(function (d) {
882
+ return d[dataIndex];
883
+ });
884
+ var newOptions = options.map(function (o) {
885
+ return Object.assign(Object.assign({}, o), {
886
+ disabled: dataIndexData.includes(o === null || o === void 0 ? void 0 : o.value) ? true : false
887
+ });
888
+ });
889
+ return Object.assign(Object.assign({}, item), {
890
+ componentProps: Object.assign(Object.assign({}, item.componentProps), {
891
+ options: newOptions
892
+ })
893
+ });
894
+ } else {
895
+ return item;
896
+ }
897
+ });
898
+ return newColumns;
899
+ }, [columns, dataSource]);
900
+ var memoOptions = useMemo(function () {
901
+ return hasDisableOptions ? [DisableOptions] : [];
902
+ }, [hasDisableOptions, DisableOptions]);
903
+ /** 组装之后的最终columns */
801
904
 
802
905
  var resultColumns = useMemo(function () {
906
+ var rColumns = hasDisableOptions ? DisableOptions : columns;
803
907
  var localColumns = [sortOpen ? {
804
908
  title: '',
805
909
  dataIndex: 'sort',
@@ -810,12 +914,15 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
810
914
  id: record[_rowKey] || record.id
811
915
  });
812
916
  }
813
- } : null].concat(_toConsumableArray(columns), [useQuickOpetate ? {
917
+ } : null].concat(_toConsumableArray(rColumns), [useQuickOpetate ? {
814
918
  title: '操作',
815
919
  dataIndex: 'lm_edit_opetate',
816
920
  width: 68,
817
921
  fixed: 'right',
818
- editable: 'lm_edit_opetate'
922
+ editable: 'lm_edit_opetate',
923
+ componentProps: {
924
+ options: Array.isArray(useQuickOpetate) ? useQuickOpetate : ['add', 'delete']
925
+ }
819
926
  } : null]).filter(function (item) {
820
927
  return item;
821
928
  });
@@ -846,9 +953,11 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
846
953
 
847
954
  return Object.assign(Object.assign({}, col), {
848
955
  shouldCellUpdate: function shouldCellUpdate(record, prevRecord) {
956
+ var _a;
957
+
849
958
  var dataIndex = col.dataIndex;
850
959
 
851
- if (col === null || col === void 0 ? void 0 : col.fixed) {
960
+ if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_a = col.componentProps) === null || _a === void 0 ? void 0 : _a.options)) {
852
961
  return true;
853
962
  }
854
963
 
@@ -882,7 +991,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
882
991
  });
883
992
  });
884
993
  return res;
885
- }, [columns, isAdd, sortOpen, useQuickOpetate, sortEditTable]);
994
+ }, [columns, isAdd, sortOpen, useQuickOpetate, sortEditTable, _toConsumableArray(memoOptions)]);
886
995
  var DraggableContainer = useCallback(function (_a) {
887
996
  var _b;
888
997
 
@@ -1025,8 +1134,8 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
1025
1134
  style: {
1026
1135
  marginTop: 8
1027
1136
  }
1028
- }, /*#__PURE__*/React.createElement(PlusCircleOutlined, {
1029
- className: "lmweb-plus"
1137
+ }, /*#__PURE__*/React.createElement(IconFont, {
1138
+ type: "lmweb-plus"
1030
1139
  }), "\u65B0\u589E"));
1031
1140
  });
1032
1141
  export default /*#__PURE__*/memo(EditTable);
@@ -512,6 +512,9 @@ html {
512
512
  line-height: 1;
513
513
  gap: 8px;
514
514
  }
515
+ .lm_editTable_warpper .ant-table-cell {
516
+ border-right: 0px !important;
517
+ }
515
518
  .lm_editTable_warpper .ant-table-cell:empty::before {
516
519
  content: '-';
517
520
  }
@@ -547,6 +550,9 @@ html {
547
550
  .lm_editTable_warpper .ant-form-item-explain-error {
548
551
  font-size: 12px;
549
552
  }
553
+ .lm_editTable_warpper .lm_table_quickcopy .anticon {
554
+ color: var(--text-color);
555
+ }
550
556
  .lm_editTable_warpper .ant-picker {
551
557
  height: 24px !important;
552
558
  padding: 2px 8px;
@@ -39,6 +39,8 @@ var LmFilter = function LmFilter(_ref, ref) {
39
39
  // 是否启用高级筛选
40
40
  enableCustom: false,
41
41
  // 是否启用自定义筛选
42
+ enableClear: true,
43
+ // 是否展示一件清空
42
44
  size: 'middle',
43
45
  // 尺寸
44
46
  searchKey: 'search',