linkmore-design 1.0.51 → 1.0.55

package/lib/CardTable/pager/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TablePagination = _interopRequireDefault(require("./TablePagination"));
+
+var CardTablePager = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var table = _ref.table;
+  var pagination = table.pagination,
+      pagerConfig = table.pagerConfig; // left || right:插槽
+
+  var left = pagerConfig.left,
+      right = pagerConfig.right; // 底部工具栏左侧插槽: 默认空 div 标签占位
+
+  var LeftSlot = function LeftSlot() {
+    if (!left) {
+      return /*#__PURE__*/_react.default.createElement("div", null);
+    }
+
+    ;
+    return typeof left === 'function' ? left(table) : left;
+  }; // 底部工具栏右侧插槽
+
+
+  var RighSlot = function RighSlot() {
+    if (!right) {
+      return pagination ? /*#__PURE__*/_react.default.createElement(_TablePagination.default, {
+        table: table
+      }) : null;
+    }
+
+    return typeof right === 'function' ? right(table, _TablePagination.default) : right;
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_card_table_pager"
+  }, /*#__PURE__*/_react.default.createElement(LeftSlot, null), /*#__PURE__*/_react.default.createElement(RighSlot, null));
+});
+
+var _default = CardTablePager;
+exports.default = _default;

package/{es/CardTable/style/style.css → lib/CardTable/style/index.css}

@@ -24,12 +24,12 @@
 .lm_card_table_wrapper .lm_card_table_container .lm_card_table .lm_card_table_body .lm_card_table_body_row .lm_card_table_body_cell.cell_checked {
   border-color: var(--primary-color);
 }
-.lm_card_table_wrapper .lm_card_table_toolbar_bottom {
+.lm_card_table_wrapper .lm_card_table_pager {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.lm_card_table_wrapper .lm_card_table_toolbar_bottom .lm_card_table_pagination {
+.lm_card_table_wrapper .lm_card_table_pager .lm_card_table_pagination {
   display: flex;
   align-items: center;
   height: 48px;

package/lib/CardTable/style/index.js

@@ -1,3 +1,3 @@
 "use strict";
 
-require("./style.css");
+require("./index.css");

package/lib/CardTable/table/TableRoot.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -21,7 +21,8 @@ var _TableWrapper = _interopRequireDefault(require("./TableWrapper"));
 
 var _fns = _interopRequireDefault(require("../fns"));
 
-var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig"];
+var _excluded = ["checkKeys", "trigger", "checkMethod"],
+    _excluded2 = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig", "pagerConfig", "toolbarConfig"];
 
 var reducer = function reducer(state, action) {
   var page = action.page,
@@ -70,6 +71,9 @@ var getInitialState = function getInitialState(props) {
       checkKeys = _props$checkboxConfig2 === void 0 ? [] : _props$checkboxConfig2,
       _props$checkboxConfig3 = _props$checkboxConfig.trigger,
       trigger = _props$checkboxConfig3 === void 0 ? 'default' : _props$checkboxConfig3,
+      _props$checkboxConfig4 = _props$checkboxConfig.checkMethod,
+      checkMethod = _props$checkboxConfig4 === void 0 ? true : _props$checkboxConfig4,
+      resetCheckCOnfig = (0, _objectWithoutProperties2.default)(_props$checkboxConfig, _excluded),
       _props$dataSource = props.dataSource,
       dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
       cellKey = props.cellKey;
@@ -78,11 +82,12 @@ var getInitialState = function getInitialState(props) {
   }) || [];
   return {
     // 复选框的配置
-    checkboxConfig: {
+    checkboxConfig: (0, _objectSpread2.default)({
       checkKeys: checkKeys,
       checkValues: checkValues,
-      trigger: trigger
-    },
+      trigger: trigger,
+      checkMethod: checkMethod
+    }, resetCheckCOnfig),
     // 分页的配置
     page: {
       pageIndex: 1,
@@ -114,18 +119,17 @@ var LmCardTableRoot = function LmCardTableRoot(props, ref) {
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       isFullScreen = _useState2[0],
-      setIsFullScreen = _useState2[1];
+      setIsFullScreen = _useState2[1]; // 配置对象收集
 
-  var _state$checkboxConfig = state.checkboxConfig,
-      checkKeys = _state$checkboxConfig.checkKeys,
-      checkValues = _state$checkboxConfig.checkValues; // 配置对象收集
 
   var configProps = (0, _react.useMemo)(function () {
     var rowConfig = props.rowConfig,
         cellConfig = props.cellConfig,
         defaultConfig = props.defaultConfig,
         checkboxConfig = props.checkboxConfig,
-        resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+        pagerConfig = props.pagerConfig,
+        toolbarConfig = props.toolbarConfig,
+        resetProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), {}, {
       rowConfig: (0, _objectSpread2.default)({
         // 行配置
@@ -137,22 +141,20 @@ var LmCardTableRoot = function LmCardTableRoot(props, ref) {
         height: 282
       }, cellConfig),
       checkboxConfig: (0, _objectSpread2.default)({}, checkboxConfig),
-      toolbarConfig: {
-        pager: {},
-        toolbarBottom: {}
-      },
+      pagerConfig: (0, _objectSpread2.default)({}, pagerConfig),
+      toolbarConfig: (0, _objectSpread2.default)({}, toolbarConfig),
       defaultConfig: defaultConfig
     });
   }, [props]); // 方法收集
 
-  var EventProps = (0, _react.useMemo)(function () {
+  var eventProps = (0, _react.useMemo)(function () {
     return (0, _fns.default)({
       state: state,
       dispatch: dispatch,
       props: props
     });
   }, [state, dispatch, props]);
-  var table = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, configProps), EventProps), {}, {
+  var table = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, configProps), eventProps), {}, {
     state: state,
     dispatch: dispatch
   }); // 向外暴露出的方法
@@ -162,7 +164,7 @@ var LmCardTableRoot = function LmCardTableRoot(props, ref) {
       getCheckboxRecords: function getCheckboxRecords() {
         return state.checkboxConfig.checkValues;
       }
-    }, EventProps);
+    }, eventProps);
   });
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isFullScreen && /*#__PURE__*/_react.default.createElement(_TableWrapper.default, {
     table: table

package/lib/CardTable/table/TableWrapper.js

@@ -13,6 +13,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _TableContainer = _interopRequireDefault(require("./TableContainer"));
 
+var _pager = _interopRequireDefault(require("../pager"));
+
 var _ToolBarBottom = _interopRequireDefault(require("../toolbar/ToolBarBottom"));
 
 // 包裹表格外围区域: 工具栏操作区域/主体区域/工具栏底部区域
@@ -27,6 +29,8 @@ var LmCardTableWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
     }, style)
   }, /*#__PURE__*/_react.default.createElement(_TableContainer.default, {
     table: table
+  }), /*#__PURE__*/_react.default.createElement(_pager.default, {
+    table: table
   }), /*#__PURE__*/_react.default.createElement(_ToolBarBottom.default, {
     table: table
   }));

package/lib/CardTable/toolbar/ToolBarBottom.js

@@ -9,38 +9,19 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _TablePagination = _interopRequireDefault(require("./TablePagination"));
-
 var CardToolBarBottom = /*#__PURE__*/_react.default.memo(function (_ref) {
   var table = _ref.table;
   var pagination = table.pagination,
-      _table$toolbarConfig = table.toolbarConfig,
-      toolbarBottom = _table$toolbarConfig.toolbarBottom,
-      pager = _table$toolbarConfig.pager; // toolbarBottom与pager一致: 用于插槽
-
-  var _ref2 = toolbarBottom || pager,
-      left = _ref2.left,
-      right = _ref2.right;
-
-  var LeftSlot = function LeftSlot() {
-    return left;
-  };
-
-  var RighSlot = function RighSlot() {
-    if (!right) {
-      return pagination && /*#__PURE__*/_react.default.createElement(_TablePagination.default, {
-        table: table
-      });
-    }
+      toolbarBottom = table.toolbarConfig.toolbarBottom;
 
-    if (right) {
-      typeof right === 'function' ? right(_TablePagination.default) : right;
-    }
-  };
+  if (!toolbarBottom) {
+    return null;
+  }
 
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_card_table_toolbar_bottom"
-  }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement(RighSlot, null));
+  return typeof toolbarBottom === 'function' ? toolbarBottom(table) : toolbarBottom // <div className='lm_card_table_toolbar_bottom'>
+  //   <ToolbarBottomSlot />
+  // </div>
+  ;
 });
 
 var _default = CardToolBarBottom;

package/lib/Checkbox/style/index.js

@@ -1,3 +1,3 @@
 "use strict";
 
-require("./style.css");
+require("./index.css");

package/lib/CkFilter/style/index.js

@@ -1,3 +1,3 @@
 "use strict";
 
-require("./style.css");
+require("./index.css");

package/lib/CustomerService/style/index.js

@@ -1,3 +1,3 @@
 "use strict";
 
-require("./style.css");
+require("./index.css");

package/lib/Descriptions/style/index.css

@@ -508,29 +508,31 @@ html {
   margin-bottom: 8px;
 }
 .lm_descriptions .ant-descriptions-header .ant-descriptions-title {
+  color: var(--color-85);
+  font-size: 14px;
   /* 正文/苹方 14px Medium */
   font-family: PingFangSC-Medium;
-  font-size: 14px;
   line-height: 22px;
   letter-spacing: 0px;
-  color: var(--color-85);
 }
 .lm_descriptions .ant-descriptions-item {
+  padding-right: 24px;
   padding-bottom: 8px;
 }
 .lm_descriptions .ant-descriptions-item .ant-descriptions-item-container {
-  font-family: PingFangSC-Regular;
+  color: var(--color-85);
   font-size: 12px;
+  font-family: PingFangSC-Regular;
   line-height: 20px;
-  color: var(--color-85);
 }
 .lm_descriptions .ant-descriptions-item .ant-descriptions-item-label,
 .lm_descriptions .ant-descriptions-item .ant-descriptions-item-content {
-  font-family: PingFangSC-Regular;
+  color: var(--color-85);
   font-size: 12px;
+  font-family: PingFangSC-Regular;
   line-height: 20px;
-  color: var(--color-85);
 }
-.lm_descriptions_default .ant-descriptions-item[colspan='1'] .ant-descriptions-item-container {
-  width: 376px;
+.lm_descriptions_default .ant-descriptions-item[colspan='1'] {
+  min-width: 330px;
+  max-width: 376px;
 }

package/lib/EditTable/style/index.js

@@ -1,3 +1,3 @@
 "use strict";
 
-require("./style.css");
+require("./index.css");

package/lib/EnlargeImg/style/index.js

@@ -1,3 +1,3 @@
 "use strict";
 
-require("./style.css");
+require("./index.css");

package/lib/Filter/style/index.js

@@ -1,3 +1,3 @@
 "use strict";
 
-require("./style.css");
+require("./index.css");

package/lib/IconFont/index.js

@@ -8,8 +8,9 @@ exports.default = void 0;
 var _icons = require("@ant-design/icons");
 
 var IconFont = (0, _icons.createFromIconfontCN)({
-  // scriptUrl: '//at.alicdn.com/t/font_2966019_8aij0300kjo.js', // 在 iconfont.cn 上生成
-  scriptUrl: require('./font/iconfont.js')
+  scriptUrl: '//at.alicdn.com/t/c/font_2966019_7jeb9gjjk63.js' // 在 iconfont.cn 上生成
+  // scriptUrl: require('./font/iconfont.js'),
+
 });
 var _default = IconFont;
 exports.default = _default;

package/lib/IconSelect/style/index.js

@@ -1,3 +1,3 @@
 "use strict";
 
-require("./style.css");
+require("./index.css");

package/lib/Input/style/index.js

@@ -1,3 +1,3 @@
 "use strict";
 
-require("./style.css");
+require("./index.css");

package/lib/LeftTable/style/index.js

@@ -1,3 +1,3 @@
 "use strict";
 
-require("./style.css");
+require("./index.css");

package/lib/LmEditTable/style/index.d.ts

@@ -1 +1 @@
-import './style.less';
+import './index.less';

package/lib/LmEditTable/style/index.js

@@ -1,3 +1,3 @@
 "use strict";
 
-require("./style.css");
+require("./index.css");

package/lib/LmFilter/LmFilter.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _FilterRoot = _interopRequireDefault(require("./wrapper/FilterRoot"));
+
+var LmFilter = function LmFilter(props, ref) {
+  var defaultRef = (0, _react.useRef)(null);
+  return /*#__PURE__*/_react.default.createElement(_FilterRoot.default, (0, _extends2.default)({
+    ref: ref || defaultRef
+  }, props));
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(LmFilter);
+
+exports.default = _default;

package/lib/LmFilter/baseFilter/fuzzySearch.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _InputSearchClose = _interopRequireDefault(require("../components/InputSearchClose"));
+
+var FuzzySearch = function FuzzySearch(_ref) {
+  var instance = _ref.instance;
+  var inputRef = (0, _react.useRef)(null);
+  var state = instance.state,
+      setFilterValue = instance.setFilterValue,
+      size = instance.size,
+      placeholder = instance.placeholder,
+      searchKey = instance.searchKey; // 默认值
+
+  var defaultValue = (0, _react.useMemo)(function () {
+    var _state$basicFilter;
+
+    return ((_state$basicFilter = state.basicFilter) === null || _state$basicFilter === void 0 ? void 0 : _state$basicFilter[searchKey]) || '';
+  }, [state.basicFilter]);
+
+  var onSearch = function onSearch(val) {
+    setFilterValue(val, searchKey);
+  };
+
+  (0, _react.useEffect)(function () {
+    if (!defaultValue) {
+      inputRef.current.setValue('');
+    }
+  }, [state.basicFilter]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_search"
+  }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {
+    ref: inputRef,
+    allowClear: true,
+    defaultValue: defaultValue,
+    size: size,
+    placeholder: placeholder,
+    onSearch: onSearch
+  }));
+};
+
+var _default = FuzzySearch;
+exports.default = _default;

package/lib/LmFilter/baseFilter/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _fuzzySearch = _interopRequireDefault(require("./fuzzySearch"));
+
+var _components = _interopRequireDefault(require("../components"));
+
+// 二级过滤 => 基础过滤组件
+var LmFilterBase = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  var dataSource = instance.dataSource;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_basic"
+  }, /*#__PURE__*/_react.default.createElement(_fuzzySearch.default, {
+    instance: instance
+  }), dataSource.map(function (v, index) {
+    return /*#__PURE__*/_react.default.createElement(_components.default, {
+      key: (v === null || v === void 0 ? void 0 : v.field) || index,
+      instance: instance,
+      item: v
+    });
+  }));
+});
+
+var _default = LmFilterBase;
+exports.default = _default;

package/lib/LmFilter/clearFilter/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  var state = instance.state,
+      dispatch = instance.dispatch;
+
+  var handleClear = function handleClear() {
+    console.log('state', state);
+    dispatch({
+      type: 'reset'
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_clear"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "link",
+    onClick: handleClear
+  }, "\u4E00\u952E\u6E05\u7A7A"));
+});
+
+var _default = LmFilterClear;
+exports.default = _default;

package/lib/LmFilter/complexFilter/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var LmFilterComplex = function LmFilterComplex(e) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "LmFilterComplex");
+};
+
+var _default = LmFilterComplex;
+exports.default = _default;