linkmore-design 1.1.15 → 1.1.16

package/es/LmEditTable/EditTable.js

@@ -1150,9 +1150,10 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
 
           var dataIndex = col.dataIndex,
               editable = col.editable,
-              relevanceCols = col.relevanceCols;
+              relevanceCols = col.relevanceCols,
+              componentProps = col.componentProps;
 
-          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) || editable === 'render' || !!relevanceCols || !!shouldUpdate || !!record.children) {
+          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) || editable === 'render' || !!relevanceCols || !!shouldUpdate || !!record.children || componentProps && isFunction(componentProps)) {
             return true;
           }
 

package/es/LmFilter/components/CheckboxFilter.js

@@ -43,7 +43,9 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
       visible = instance.visible,
       setVisible = instance.setVisible;
   var _itemProps$data = itemProps.data,
-      filters = _itemProps$data === void 0 ? [] : _itemProps$data;
+      filters = _itemProps$data === void 0 ? [] : _itemProps$data,
+      showSearch = itemProps.showSearch,
+      showAllChecked = itemProps.showAllChecked;
   var inputRef = (0, _react.useRef)(); // 选中的数据项: [key, key, ...];
 
   var _useState = (0, _react.useState)(filterValue),
@@ -62,8 +64,11 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
   var delayedFn = (0, _hooks.useDelayedFn)(); // 是否存在搜索, 当数据大于8时存在搜索
 
   var isSearch = (0, _react.useMemo)(function () {
-    return filters.length > 8;
-  }, [filters.length]); // 是否全选: 选中的数据大于等于筛选后的数据 && 筛选后的数据全部存在于选中的数据中
+    return filters.length > 8 && !!(showSearch !== null && showSearch !== void 0 ? showSearch : true);
+  }, [filters.length, showSearch]);
+  var isAllCheck = (0, _react.useMemo)(function () {
+    return !!(showAllChecked !== null && showAllChecked !== void 0 ? showAllChecked : true);
+  }, [showAllChecked]); // 是否全选: 选中的数据大于等于筛选后的数据 && 筛选后的数据全部存在于选中的数据中
 
   var checkAll = (0, _react.useMemo)(function () {
     var isAll = checkedValues.length >= options.length;
@@ -145,7 +150,7 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
     ref: inputRef,
     onSearch: handleFilter,
     onChange: handleFilter
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), isAllCheck && /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_header_operate"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
     indeterminate: indeterminate,

package/es/LmFilter/components/DropdownFIlter.js

@@ -208,14 +208,20 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
 
   var filterValue = instance.filterValue,
       size = instance.size;
-  var popupClassName = item.popupClassName; // 触发查询时关闭下拉框
+  var popupClassName = item.popupClassName,
+      colon = item.colon,
+      className = item.className; // 触发查询时关闭下拉框
 
   var setFilterValue = function setFilterValue(obj) {
     instance.setFilterValue(obj);
     setVisible(false);
-  }; // 重组Instance 加入下拉关闭控制
+  }; // 冒号
 
 
+  var showColon = (0, _react.useMemo)(function () {
+    return (colon !== null && colon !== void 0 ? colon : ':') ? ':' : null;
+  }, [colon]); // 重组Instance 加入下拉关闭控制
+
   var resetInstance = (0, _objectSpread2.default)((0, _objectSpread2.default)({
     visible: visible,
     setVisible: setVisible
@@ -249,13 +255,13 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
     ,
     destroyPopupOnHide: true
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('lm_filter_basic_item', size, {
+    className: (0, _classnames.default)('lm_filter_basic_item', className, size, {
       expand: visible,
       active: active
     })
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_item_label"
-  }, item === null || item === void 0 ? void 0 : item.title, ":"), /*#__PURE__*/_react.default.createElement("div", {
+  }, item === null || item === void 0 ? void 0 : item.title, showColon), /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_item_value"
   }, getLabel(resetInstance, item)), /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_item_icon addon_after"

package/es/LmFilter/components/SelectFilter.js

@@ -39,7 +39,8 @@ var SelectFilter = function SelectFilter(_ref) {
       setFilterValue = instance.setFilterValue,
       visible = instance.visible;
   var _itemProps$data = itemProps.data,
-      filters = _itemProps$data === void 0 ? [] : _itemProps$data;
+      filters = _itemProps$data === void 0 ? [] : _itemProps$data,
+      showSearch = itemProps.showSearch;
   var delayedFn = (0, _hooks.useDelayedFn)();
   var inputRef = (0, _react.useRef)(null); // 搜索后的筛选项
 
@@ -50,8 +51,8 @@ var SelectFilter = function SelectFilter(_ref) {
 
 
   var isSearch = (0, _react.useMemo)(function () {
-    return filters.length > 8;
-  }, [filters.length]); // 自定义节点字段
+    return filters.length > 8 && !!(showSearch !== null && showSearch !== void 0 ? showSearch : true);
+  }, [filters.length, showSearch]); // 自定义节点字段
 
   var fieldNames = (0, _react.useMemo)(function () {
     return (0, _objectSpread2.default)({

package/es/LmSelect/style/index.css

@@ -512,6 +512,7 @@ p {
 }
 .lm_select.ant-select {
   font-size: 12px;
+  width: 100%;
 }
 .lm_select .ant-select-selection-overflow-item-rest .ant-select-selection-item {
   color: var(--primary-color);

package/es/LmSelect/style/variables.css

@@ -1,5 +1,6 @@
 .lm_select.ant-select {
   font-size: 12px;
+  width: 100%;
 }
 .lm_select .ant-select-selection-overflow-item-rest .ant-select-selection-item {
   color: var(--primary-color);

package/es/LmTable/style/index.css

@@ -1226,6 +1226,45 @@ p {
 #lm_protable_warp .lm_protable .ant-table-empty table .ant-table-cell {
   border-bottom: 0;
 }
+#lm_protable_warp .lm_protable .ant-table-summary {
+  height: 48px;
+}
+#lm_protable_warp .lm_protable .ant-table-summary > table {
+  height: 100%;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td {
+  padding: 0 8px;
+  text-align: right;
+  background-color: var(--table-background-color);
+}
+#lm_protable_warp .lm_protable .ant-table-summary td:first-of-type {
+  padding: 0 0 0 8px;
+  text-align: left;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td.number {
+  border-right: 1px solid #eee;
+  border-left: 1px solid #eee;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td.money {
+  color: var(--error-color);
+  border-right: 1px solid #eee;
+  border-left: 1px solid #eee;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td.money-color {
+  color: var(--error-color);
+}
+#lm_protable_warp .lm_protable .ant-table-summary td > div {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td > div:last-of-type {
+  font-weight: bold;
+}
+#lm_protable_warp .lm_protable .ant-table-summary .total_title {
+  position: relative;
+  white-space: nowrap;
+}
 #lm_protable_warp .ant-table-expand-icon-col {
   width: 32px;
 }

package/es/LmTable/style/variables.css

@@ -714,6 +714,45 @@
 #lm_protable_warp .lm_protable .ant-table-empty table .ant-table-cell {
   border-bottom: 0;
 }
+#lm_protable_warp .lm_protable .ant-table-summary {
+  height: 48px;
+}
+#lm_protable_warp .lm_protable .ant-table-summary > table {
+  height: 100%;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td {
+  padding: 0 8px;
+  text-align: right;
+  background-color: var(--table-background-color);
+}
+#lm_protable_warp .lm_protable .ant-table-summary td:first-of-type {
+  padding: 0 0 0 8px;
+  text-align: left;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td.number {
+  border-right: 1px solid #eee;
+  border-left: 1px solid #eee;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td.money {
+  color: var(--error-color);
+  border-right: 1px solid #eee;
+  border-left: 1px solid #eee;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td.money-color {
+  color: var(--error-color);
+}
+#lm_protable_warp .lm_protable .ant-table-summary td > div {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td > div:last-of-type {
+  font-weight: bold;
+}
+#lm_protable_warp .lm_protable .ant-table-summary .total_title {
+  position: relative;
+  white-space: nowrap;
+}
 #lm_protable_warp .ant-table-expand-icon-col {
   width: 32px;
 }

package/es/Select/style/index.css

@@ -512,6 +512,7 @@ p {
 }
 .lm_select.ant-select {
   font-size: 12px;
+  width: 100%;
 }
 .lm_select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
   box-shadow: none;

package/es/Select/style/variables.css

@@ -1,5 +1,6 @@
 .lm_select.ant-select {
   font-size: 12px;
+  width: 100%;
 }
 .lm_select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
   box-shadow: none;

package/es/styles/variables.css

@@ -1407,6 +1407,7 @@ p {
 }
 .lm_cascader.ant-select.ant-select {
   font-size: 12px;
+  width: 100%;
 }
 .lm_cascader_dropdown.ant-select-dropdown {
   font-size: 12px;
@@ -8951,57 +8952,22 @@ p {
 .lm_form.ant-form.ant-form-inline .ant-form-item-label {
   text-align: left;
 }
-.lm_container_wrapper {
-  overflow: auto;
-}
-.lm_container_wrapper .lm_container.responsive {
-  min-width: 990px;
-}
-.lm_container_wrapper .lm_container.responsive .lm_form.ant-form {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-}
-.lm_container_wrapper .lm_container.responsive .lm_form.ant-form .ant-form-item-responsive {
-  margin-right: 24px;
-}
-.lm_container_wrapper .lm_container.responsive .lm_form.ant-form .ant-form-item-responsive .ant-form-item-control {
-  width: 100%;
-}
-.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item {
-  width: 100%;
-  margin-right: 0;
-}
-.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item-responsive {
-  width: calc(33.3333% - 16px);
-  margin-right: 24px;
-}
-.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item-responsive.nth-three {
-  margin-right: 0;
-}
-.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item {
-  width: 100%;
-  margin-right: 0;
-}
-.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item-responsive {
-  width: calc(25% - 18px);
-  margin-right: 24px;
-}
-.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item-responsive.nth-four {
-  margin-right: 0;
-}
-.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item {
-  width: 100%;
-  margin-right: 0;
+.lm_form_responsive_box .lm_form {
+  background: #f0f0f0;
 }
-.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item-responsive {
-  width: calc(20% - 96px / 5);
-  margin-right: 24px;
+.lm_form_responsive_box .lm_form > .lm_container_wrapper {
+  padding: 16px;
+  background: #f0f0f0;
+  margin-bottom: 0;
+  border-radius: 0;
 }
-.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item-responsive.nth-five {
-  margin-right: 0;
+.lm_container_wrapper {
+  overflow: auto;
+  background: #fff;
+  margin-bottom: 16px;
+  border-radius: 2px;
 }
-.lm_container_wrapper .lm_container.responsive .ant-cascader {
+.lm_container_wrapper .ant-cascader {
   width: 100%;
 }
 .lm_form-item-tip-error .ant-form-item-explain {
@@ -9510,8 +9476,12 @@ p {
 .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
   z-index: 2 !important;
 }
+.lm_input-number {
+  width: 100%;
+}
 .lm_input-number.ant-input-number {
   border: 1px solid var(--color-15);
+  width: 100%;
 }
 .lm_input-number .ant-input-number-handler-wrap {
   width: 28px;
@@ -10368,6 +10338,7 @@ p {
 }
 .lm_select.ant-select {
   font-size: 12px;
+  width: 100%;
 }
 .lm_select .ant-select-selection-overflow-item-rest .ant-select-selection-item {
   color: var(--primary-color);
@@ -11285,6 +11256,45 @@ p {
 #lm_protable_warp .lm_protable .ant-table-empty table .ant-table-cell {
   border-bottom: 0;
 }
+#lm_protable_warp .lm_protable .ant-table-summary {
+  height: 48px;
+}
+#lm_protable_warp .lm_protable .ant-table-summary > table {
+  height: 100%;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td {
+  padding: 0 8px;
+  text-align: right;
+  background-color: var(--table-background-color);
+}
+#lm_protable_warp .lm_protable .ant-table-summary td:first-of-type {
+  padding: 0 0 0 8px;
+  text-align: left;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td.number {
+  border-right: 1px solid #eee;
+  border-left: 1px solid #eee;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td.money {
+  color: var(--error-color);
+  border-right: 1px solid #eee;
+  border-left: 1px solid #eee;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td.money-color {
+  color: var(--error-color);
+}
+#lm_protable_warp .lm_protable .ant-table-summary td > div {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td > div:last-of-type {
+  font-weight: bold;
+}
+#lm_protable_warp .lm_protable .ant-table-summary .total_title {
+  position: relative;
+  white-space: nowrap;
+}
 #lm_protable_warp .ant-table-expand-icon-col {
   width: 32px;
 }
@@ -12330,6 +12340,7 @@ button.ant-table-row-expand-icon::after {
 }
 .lm_select.ant-select {
   font-size: 12px;
+  width: 100%;
 }
 .lm_select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
   box-shadow: none;

package/lib/Cascader/style/index.css

@@ -512,6 +512,7 @@ p {
 }
 .lm_cascader.ant-select.ant-select {
   font-size: 12px;
+  width: 100%;
 }
 .lm_cascader_dropdown.ant-select-dropdown {
   font-size: 12px;

package/lib/Cascader/style/variables.css

@@ -1,5 +1,6 @@
 .lm_cascader.ant-select.ant-select {
   font-size: 12px;
+  width: 100%;
 }
 .lm_cascader_dropdown.ant-select-dropdown {
   font-size: 12px;

package/lib/Form/Form.js

@@ -49,7 +49,7 @@ var _context = require("./context");
 
 var _useForm3 = _interopRequireDefault(require("./hooks/useForm"));
 
-var _container = _interopRequireDefault(require("./container"));
+var _WrapperItem = _interopRequireDefault(require("./WrapperItem"));
 
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
@@ -96,8 +96,10 @@ var InternalForm = function InternalForm(props, ref) {
       onFinishFailed = props.onFinishFailed,
       name = props.name,
       responsive = props.responsive,
-      restFormProps = __rest(props, ["prefixCls", "className", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "responsive"]);
+      customizeChildren = props.children,
+      restFormProps = __rest(props, ["prefixCls", "className", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "responsive", "children"]);
 
+  var children = customizeChildren;
   var mergedRequiredMark = (0, React.useMemo)(function () {
     if (requiredMark !== undefined) {
       return requiredMark;
@@ -156,6 +158,12 @@ var InternalForm = function InternalForm(props, ref) {
     }
   };
 
+  if (responsive) {
+    children = /*#__PURE__*/React.createElement(_WrapperItem.default, {
+      children: children
+    });
+  }
+
   var formNode = /*#__PURE__*/React.createElement(_DisabledContext.DisabledContextProvider, {
     disabled: disabled
   }, /*#__PURE__*/React.createElement(_SizeContext.SizeContextProvider, {
@@ -165,6 +173,7 @@ var InternalForm = function InternalForm(props, ref) {
   }, /*#__PURE__*/React.createElement(_rcFieldForm.default, Object.assign({
     id: name
   }, restFormProps, {
+    children: children,
     name: name,
     onFinishFailed: onInternalFinishFailed,
     form: wrapForm,
@@ -172,8 +181,8 @@ var InternalForm = function InternalForm(props, ref) {
   })))));
 
   if (responsive) {
-    return /*#__PURE__*/React.createElement(_container.default, {
-      responsive: true
+    return /*#__PURE__*/React.createElement("div", {
+      className: "lm_form_responsive_box"
     }, formNode);
   }
 

package/lib/Form/FormItem/ItemHolder.js

@@ -145,17 +145,8 @@ function ItemHolder(props) {
   }, [mergedValidateStatus, hasFeedback]); // ======================== Render ========================
 
   var itemClassName = (_itemClassName = {}, (0, _defineProperty2.default)(_itemClassName, itemPrefixCls, true), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-with-help"), hasHelp || debounceErrors.length || debounceWarnings.length), (0, _defineProperty2.default)(_itemClassName, "".concat(className), !!className), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-feedback"), mergedValidateStatus && hasFeedback), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-success"), mergedValidateStatus === 'success'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-warning"), mergedValidateStatus === 'warning'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-error"), mergedValidateStatus === 'error'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-is-validating"), mergedValidateStatus === 'validating'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-hidden"), hidden), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-top', errorPlacement === 'top'), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-left', errorPlacement === 'left'), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-right', errorPlacement === 'right'), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-bottom', errorPlacement === 'bottom'), (0, _defineProperty2.default)(_itemClassName, 'ant-form-item-responsive', responsive), _itemClassName);
-  var nthCls = '';
-
-  if (itemRef.current && itemRef.current.classList) {
-    var list = itemRef.current.classList;
-    if (list.contains('nth-three')) nthCls = 'nth-three';
-    if (list.contains('nth-four')) nthCls = 'nth-four';
-    if (list.contains('nth-five')) nthCls = 'nth-five';
-  }
-
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames.default)(itemClassName, nthCls),
+    className: (0, _classnames.default)(itemClassName),
     style: style,
     ref: itemRef
   }, /*#__PURE__*/React.createElement(_Grid.Row, Object.assign({

package/lib/Form/FormWrapper.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<any>;
+export default _default;

package/lib/Form/FormWrapper.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _WrapperItem = _interopRequireDefault(require("./WrapperItem"));
+
+function withComponent(WrappedComponent) {
+  var WithComponent = function WithComponent(props) {
+    return /*#__PURE__*/_react.default.createElement(WrappedComponent, Object.assign({}, props, {
+      with: true
+    }));
+  };
+
+  var wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+  WithComponent.displayName = "withComponent(".concat(wrappedComponentName, ")");
+  return WithComponent;
+}
+
+var FormWrapper = function FormWrapper(props) {
+  var children = props.children;
+  return /*#__PURE__*/_react.default.createElement(_WrapperItem.default, {
+    children: children
+  });
+};
+
+var _default = withComponent(FormWrapper);
+
+exports.default = _default;

package/lib/Form/WrapperItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IWrapper } from './interface';
+declare const WrapperItem: React.FC<IWrapper>;
+export default WrapperItem;