linkmore-design 1.0.55 → 1.0.56

package/es/LmFilter/filterFns/index.js

@@ -11,8 +11,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectDestructuringEmpty"));
-
 var _utils = require("../utils");
 
 // 核心参数集合
@@ -20,7 +18,7 @@ var CoreOptions = function CoreOptions(_ref) {
   var state = _ref.state,
       dispatch = _ref.dispatch,
       props = _ref.props;
-  (0, _objectDestructuringEmpty2.default)(props); // 设置筛选的值 item => Object || Array => [{label: '',  value: ''}, ...]
+  var onChange = props.onChange; // 设置筛选的值 item => Object || Array => [{label: '',  value: ''}, ...]
 
   var setFilterValue = function setFilterValue(item, field) {
     var basicFilter = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.basicFilter), {}, (0, _defineProperty2.default)({}, field, item));
@@ -34,6 +32,27 @@ var CoreOptions = function CoreOptions(_ref) {
       type: 'changeBasicFilter',
       basicFilter: basicFilter
     });
+
+    var formatVK = function formatVK() {
+      var obj = {};
+      Object.entries(basicFilter).forEach(function (item) {
+        if (Array.isArray(item[1])) {
+          obj[item[0]] = item[1].map(function (v) {
+            return v.value;
+          });
+          return;
+        }
+
+        obj[item[0]] = item[1].value;
+      });
+      return obj;
+    }; // 触发外部事件
+
+
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      basicFilter: basicFilter,
+      formatVK: formatVK()
+    });
   }; // 根据字段查找过滤的数据, 不存在时返回默认值
 
 

package/es/LmFilter/localization.d.ts

@@ -0,0 +1,8 @@
+export declare const DefaultLocalization: {
+    globalQuery: {
+        filter: any[];
+    };
+    filterQuery: {
+        filter: any[];
+    };
+};

package/es/LmFilter/localization.js

@@ -0,0 +1,12 @@
+// export interface LM_Localization {
+//   fieldName: string,
+//   operator: number,
+// }
+export var DefaultLocalization = {
+  globalQuery: {
+    filter: []
+  },
+  filterQuery: {
+    filter: []
+  }
+};

package/es/LmFilter/style/style.css

@@ -10,6 +10,9 @@
 .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_search {
   max-width: 140px;
 }
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_complex {
+  display: inline-flex;
+}
 .lm_filter_basic_item {
   display: inline-flex;
   align-items: center;
@@ -41,18 +44,22 @@
   color: var(--text-color);
   transition: 0.3s;
 }
-.lm_filter_basic_item .filter_item_icon:hover {
-  color: var(--primary-color);
+.lm_filter_basic_item .filter_item_icon.addon_before {
+  color: var(--font-color);
 }
-.lm_filter_basic_item.expand .filter_item_icon {
+.lm_filter_basic_item.expand .filter_item_icon.addon_after {
   transform: rotateX(180deg);
 }
 .lm_filter_basic_item.active .filter_item_value {
   color: var(--primary-color);
 }
-.lm_filter_basic_item.active .filter_item_icon {
+.lm_filter_basic_item.active .filter_item_icon.addon_after {
   transform: rotateX(180deg);
 }
+.lm_filter_basic_item.active.lm_filter_complex_item .filter_item_icon,
+.lm_filter_basic_item.active.lm_filter_complex_item .filter_item_label {
+  color: var(--primary-color);
+}
 .ant-dropdown.filter_dropdown_container_cascader > div {
   transform: translateY(-4px);
 }

package/es/LmFilter/wrapper/FilterRoot.js

@@ -25,7 +25,10 @@ var _filterFns = _interopRequireDefault(require("../filterFns"));
 var reducer = function reducer(state, action) {
   var basicFilter = action.basicFilter,
       resize = action.resize,
-      rows = action.rows;
+      rows = action.rows,
+      complexDrawer = action.complexDrawer,
+      valueDrawer = action.valueDrawer,
+      complexFilter = action.complexFilter;
 
   switch (action.type) {
     case 'changeBasicFilter':
@@ -43,6 +46,22 @@ var reducer = function reducer(state, action) {
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         resize: resize
       });
+    // 高级筛选
+
+    case 'changeComplexFilter':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        complexFilter: complexFilter
+      });
+
+    case 'changeComplexDrawer':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        complexDrawer: complexDrawer
+      });
+
+    case 'changeValueDrawer':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        valueDrawer: valueDrawer
+      });
 
     case 'reset':
       // 一键清空
@@ -53,12 +72,43 @@ var reducer = function reducer(state, action) {
     default:
       throw new Error();
   }
-}; // 仅在初始化时触发一次
-
-
-var getInitialState = function getInitialState(props) {
+}; // const getRows = ({ fieldName, value }, arr) => {
+//   const findItem = arr.find(item => {
+//     return item.field === fieldName;
+//   })
+//   switch (findItem.type) {
+//     case 'input':
+//       return value;
+//     case 'select':
+//       return findItem.data.find(v => v.value === value);
+//     case 'checkbox':
+//       return findItem.data.find(v => [value].includes(v.value));
+//     default:
+//       break;
+//   }
+// };
+// 仅在初始化时触发一次
+
+
+var getInitialState = function getInitialState(_ref) {
+  var localization = _ref.localization;
+  var globalQuery = localization.globalQuery,
+      filterQuery = localization.filterQuery;
+  var basicFilter = {};
+  filterQuery.filter.forEach(function (item) {
+    basicFilter[item.fieldName] = item.value;
+  });
   return {
-    basicFilter: {}
+    basicFilter: basicFilter,
+    complexFilter: {},
+    complexDrawer: {
+      visible: false,
+      data: {}
+    },
+    valueDrawer: {
+      visible: false,
+      data: {}
+    }
   };
 };
 

package/es/Switch/index.d.ts

@@ -1,2 +1,3 @@
-import { Switch } from 'antd';
+import { FC } from 'react';
+declare const Switch: FC<any>;
 export default Switch;

package/es/Switch/index.js

@@ -1,3 +1,35 @@
 import "antd/es/switch/style";
 import _Switch from "antd/es/switch";
-export default _Switch;
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import React from 'react';
+import cls from 'classnames';
+
+var Switch = function Switch(props) {
+  var _props$size = props.size,
+      size = _props$size === void 0 ? 'default' : _props$size,
+      className = props.className,
+      restProps = __rest(props, ["size", "className"]);
+
+  var classs = cls('lm-switch', className, _defineProperty({}, "lm-switch-".concat(size), size));
+  return /*#__PURE__*/React.createElement(_Switch, Object.assign({
+    className: classs
+  }, restProps, {
+    size: size
+  }));
+};
+
+export default Switch;

package/es/Switch/style/index.css

@@ -503,3 +503,44 @@ html {
 .card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
+.ant-switch.lm-switch {
+  width: 48px;
+  height: 24px;
+  line-height: 24px;
+  margin-bottom: 8px;
+  background: rgba(0, 0, 0, 0.25);
+}
+.ant-switch.lm-switch .ant-switch-handle {
+  width: 20px;
+  height: 20px;
+}
+.ant-switch.lm-switch .ant-switch-handle::before {
+  border-radius: 10px;
+}
+.ant-switch.lm-switch.ant-switch-checked {
+  background: #1890ff;
+}
+.ant-switch.lm-switch.ant-switch-checked .ant-switch-handle {
+  left: calc(100% - 20px - 2px);
+}
+.ant-switch.lm-switch.ant-switch-checked.ant-switch-disabled {
+  background: #C5E3FE;
+}
+.ant-switch.lm-switch.ant-switch-disabled {
+  background: rgba(0, 0, 0, 0.06);
+  opacity: 1;
+}
+.ant-switch.lm-switch-small {
+  width: 28px;
+  height: 16px;
+}
+.ant-switch.lm-switch-small .ant-switch-handle {
+  width: 12px;
+  height: 12px;
+}
+.ant-switch.lm-switch-small .ant-switch-handle::before {
+  border-radius: 6px;
+}
+.ant-switch.lm-switch-small.ant-switch-checked .ant-switch-handle {
+  left: calc(100% - 12px - 2px);
+}

package/lib/CardTable/body/TableBodyCell.js

@@ -19,6 +19,8 @@ var _PictureTextColumn = _interopRequireDefault(require("../card/PictureTextColu
 
 var _PictureTextRow = _interopRequireDefault(require("../card/PictureTextRow"));
 
+var _PictureTextRowOperate = _interopRequireDefault(require("../card/PictureTextRowOperate"));
+
 var LmCardTableBodyCell = function LmCardTableBodyCell(_ref) {
   var index = _ref.index,
       cell = _ref.cell,
@@ -34,6 +36,7 @@ var LmCardTableBodyCell = function LmCardTableBodyCell(_ref) {
     var types = {
       'PTC': _PictureTextColumn.default,
       'PTR': _PictureTextRow.default,
+      'PTRO': _PictureTextRowOperate.default,
       'TG': _PictureTextColumn.default,
       'TW': _PictureTextColumn.default
     };

package/lib/CardTable/card/PictureTextRow.js

@@ -15,10 +15,6 @@ require("antd/es/image/style");
 
 var _image = _interopRequireDefault(require("antd/es/image"));
 
-require("antd/es/menu/style");
-
-var _menu = _interopRequireDefault(require("antd/es/menu"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
 require("antd/es/typography/style");
@@ -53,51 +49,9 @@ var PictureTextRow = function PictureTextRow(_ref) {
       return '物料名称';
     },
     code: 'code',
-    desc: 'desc',
-    operate: function operate() {
-      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
-        placement: "bottomRight",
-        trigger: "click",
-        overlay: function overlay() {
-          return /*#__PURE__*/_react.default.createElement(_menu.default, null, /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
-            key: "1"
-          }, "\u65E5\u5FD7"), /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
-            key: "2"
-          }, "\u5BFC\u51FA"), /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
-            key: "3"
-          }, "\u5220\u9664"));
-        }
-      }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-        type: "lmweb-gengduotianchong"
-      }));
-    },
-    extend: function extend() {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
-        size: "small",
-        icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-          type: "lmweb-check-circle-fill",
-          style: {
-            color: 'var(--success-color)'
-          }
-        })
-      }, "\u6807\u7B7E\u4E00"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
-        size: "small",
-        icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-          type: "lmweb-check-circle-fill",
-          style: {
-            color: 'var(--success-color)'
-          }
-        })
-      }, "\u6807\u7B7E\u4E8C"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
-        size: "small",
-        icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-          type: "lmweb-check-circle-fill",
-          style: {
-            color: 'var(--success-color)'
-          }
-        })
-      }, "\u6807\u7B7E\u4E09"));
-    }
+    operate: null,
+    extend: null,
+    columns: null
   }, defaultConfig); // 复选框改变事件, 将复选数据保存到缓存中
 
   var onSelctChange = function onSelctChange(val) {
@@ -156,7 +110,16 @@ var PictureTextRow = function PictureTextRow(_ref) {
       }
     },
     ellipsis: true
-  }, cell[resetDefaultConfig.code])) : null, resetDefaultConfig.extend ? /*#__PURE__*/_react.default.createElement("div", {
+  }, cell[resetDefaultConfig.code])) : null, resetDefaultConfig.columns ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "PTR_column"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "PTR_column_box"
+  }, resetDefaultConfig.columns.map(function (v, idx) {
+    var isVisible = v.show || typeof v.show !== 'boolean';
+    return isVisible ? /*#__PURE__*/_react.default.createElement("span", {
+      key: (v === null || v === void 0 ? void 0 : v.dataIndex) || idx
+    }, v.title, ": ", cell[v.dataIndex]) : null;
+  }))) : null, resetDefaultConfig.extend ? /*#__PURE__*/_react.default.createElement("div", {
     className: "PTR_extend"
   }, resetDefaultConfig.extend(cell, table)) : null, resetDefaultConfig.desc ? /*#__PURE__*/_react.default.createElement("div", {
     className: "PTR_desc"

package/lib/CardTable/card/PictureTextRowOperate.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/message/style");
+
+var _message2 = _interopRequireDefault(require("antd/es/message"));
+
+require("antd/es/image/style");
+
+var _image = _interopRequireDefault(require("antd/es/image"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+require("antd/es/typography/style");
+
+var _typography = _interopRequireDefault(require("antd/es/typography"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var Paragraph = _typography.default.Paragraph; // 左图右文
+
+var PictureTextRowOperate = function PictureTextRowOperate(_ref) {
+  var index = _ref.index,
+      cell = _ref.cell,
+      table = _ref.table,
+      checked = _ref.checked;
+  var cellKey = table.cellKey,
+      state = table.state,
+      defaultConfig = table.defaultConfig,
+      cellClick = table.cellClick,
+      cellDoubleClick = table.cellDoubleClick,
+      toggleCheckboxKey = table.toggleCheckboxKey,
+      checkboxChange = table.checkboxChange;
+  var trigger = state.checkboxConfig.trigger;
+  var resetDefaultConfig = (0, _objectSpread2.default)({
+    checkbox: true,
+    imgurl: 'imgurl',
+    title: function title() {
+      return '物料名称';
+    },
+    code: 'code',
+    desc: 'desc',
+    operate: null,
+    extend: null,
+    columns: null
+  }, defaultConfig); // 复选框改变事件, 将复选数据保存到缓存中
+
+  var onSelctChange = function onSelctChange(val) {
+    toggleCheckboxKey(cell[cellKey]);
+    checkboxChange === null || checkboxChange === void 0 ? void 0 : checkboxChange(val, cell, index);
+  }; // 单元格单击事件
+
+
+  var onClick = function onClick() {
+    cellClick === null || cellClick === void 0 ? void 0 : cellClick(cell, index);
+
+    if (trigger === 'cell') {
+      onSelctChange === null || onSelctChange === void 0 ? void 0 : onSelctChange(!checked);
+    }
+  }; // 单元格双击事件: 双击时避免单击事件触发自己实现
+
+
+  var onDoubleClick = function onDoubleClick() {
+    cellDoubleClick === null || cellDoubleClick === void 0 ? void 0 : cellDoubleClick(cell, index);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTRO"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('card_PTRO_container', checked && 'checked')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTRO_body",
+    onClick: onClick,
+    onDoubleClick: onDoubleClick
+  }, resetDefaultConfig.checkbox && /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_checkbox",
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+    checked: checked,
+    onChange: function onChange(e) {
+      return onSelctChange(e.target.checked);
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTRO_left"
+  }, typeof resetDefaultConfig.imgurl === 'function' ? resetDefaultConfig.imgurl(cell, table) : /*#__PURE__*/_react.default.createElement(_image.default, {
+    src: cell[resetDefaultConfig.imgurl],
+    fallback: ""
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTRO_right"
+  }, resetDefaultConfig.title ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_title lm-font-middle-bold"
+  }, typeof resetDefaultConfig.title === 'function' ? resetDefaultConfig.title(cell, table) : cell[resetDefaultConfig.title]) : null, resetDefaultConfig.code ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_copy_text"
+  }, typeof resetDefaultConfig.code === 'function' ? resetDefaultConfig.code(cell, table) : /*#__PURE__*/_react.default.createElement(Paragraph, {
+    copyable: {
+      tooltips: false,
+      onCopy: function onCopy() {
+        return _message2.default.success('复制成功！', 1.5);
+      }
+    },
+    ellipsis: true
+  }, cell[resetDefaultConfig.code])) : null, resetDefaultConfig.columns ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "PTRO_column"
+  }, resetDefaultConfig.columns.map(function (v, idx) {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      key: (v === null || v === void 0 ? void 0 : v.dataIndex) || idx
+    }, v.title, ": ", cell[v.dataIndex]);
+  })) : null, resetDefaultConfig.extend ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "PTRO_extend"
+  }, resetDefaultConfig.extend(cell, table)) : null, resetDefaultConfig.desc ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "PTRO_desc"
+  }, typeof resetDefaultConfig.desc === 'function' ? resetDefaultConfig.desc(cell, table) : cell[resetDefaultConfig.desc]) : null)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTRO_footer"
+  }, resetDefaultConfig.operate ? resetDefaultConfig.operate(cell, table) : null)));
+};
+
+var _default = PictureTextRowOperate;
+exports.default = _default;