linkmore-design 1.0.69 → 1.0.70

package/lib/ImageViewer/style/index.css

@@ -0,0 +1,211 @@
+.lm_upload_wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.lm_upload_wrapper .lm_upload_core {
+  display: inline-flex;
+  vertical-align: middle;
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture {
+  font-size: 12px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  border: 1px solid var(--color-15);
+  background-color: var(--color-2);
+  transition: all 0.3s;
+  cursor: pointer;
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
+  border-color: var(--primary-color);
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action {
+  width: 100%;
+  text-align: center;
+  padding: var(--gap);
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action .action_plus {
+  color: var(--color-85);
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action .tip {
+  color: var(--color-45);
+  margin-top: var(--gap);
+}
+.lm_upload_wrapper .lm_upload_progress {
+  width: 100%;
+  height: 2px;
+  background-color: var(--color-4);
+  border-radius: 20px;
+  margin: 10px 0;
+}
+.lm_upload_wrapper .lm_upload_progress .line {
+  width: 0%;
+  height: 2px;
+  transition: 0.3;
+  background-color: var(--primary-color);
+  border-radius: 20px;
+}
+.lm_upload_wrapper .lm_upload_item {
+  vertical-align: middle;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--gap);
+  width: 100%;
+  height: 22px;
+  padding: 0 6px;
+  transition: 0.3s;
+  cursor: pointer;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text:hover {
+  background-color: var(--color-2);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: var(--gap);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left .prefix {
+  font-size: 14px;
+  color: var(--color-45);
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left .lm_upload_item_name {
+  flex: 1;
+  font-size: 14px;
+  color: var(--primary-color);
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right {
+  display: inline-flex;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete {
+  width: 24px;
+  text-align: center;
+  color: var(--color-45);
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete .anticon {
+  font-size: 14px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete:hover {
+  color: var(--primary-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text.error {
+  color: var(--error-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  border: 1px solid var(--color-15);
+  border-radius: 2px;
+  padding: var(--gap);
+  transition: all 0.3s;
+  cursor: pointer;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb {
+  width: 100%;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb .anticon {
+  font-size: 34px;
+  color: var(--color-45);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb img {
+  object-fit: contain;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_error .lm_upload_item_name {
+  font-size: 12px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  margin-top: 8px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_mask {
+  position: absolute;
+  inset: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(0, 0, 0, 0.5);
+  opacity: 0;
+  transition: 0.3s;
+  z-index: 1;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_mask .lm_upload_item_action {
+  display: flex;
+  align-items: center;
+  gap: var(--gap);
+  color: #fff;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card:hover .lm_upload_item_mask {
+  opacity: 1;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error {
+  border-color: var(--error-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error .lm_upload_item_mask {
+  display: none;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error .lm_upload_item_error {
+  color: var(--error-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--gap);
+  width: 100%;
+  border: 1px solid var(--color-15);
+  border-radius: 2px;
+  padding: var(--gap);
+  transition: 0.3s;
+  cursor: pointer;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture:hover {
+  border-color: var(--primary-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left {
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--gap);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_thumb {
+  width: 48px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_thumb img {
+  width: 100%;
+  max-height: 80px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_name {
+  flex: 1;
+  font-size: 14px;
+  color: var(--primary-color);
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right {
+  display: flex;
+  align-items: center;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete {
+  width: 24px;
+  text-align: center;
+  color: var(--color-45);
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete .anticon {
+  font-size: 14px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete:hover {
+  color: var(--primary-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture.error {
+  color: var(--error-color);
+}

package/lib/ImageViewer/style/index.js

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

package/lib/ImageViewer/wrapeer/Root.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export default _default;

package/lib/ImageViewer/wrapeer/Root.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+// 根文件 => 参数聚合
+var LmImageViewerRoot = function LmImageViewerRoot(props, ref) {
+  // 向外暴露出的方法
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {};
+  });
+  return /*#__PURE__*/_react.default.createElement("div", null, "ImageViewer");
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(LmImageViewerRoot);
+
+exports.default = _default;

package/lib/LmFilter/components/CascaderFilter.js

@@ -49,7 +49,9 @@ var DropdownRender = function DropdownRender(_ref) {
 
   var handleFilter = function handleFilter(val) {
     var serachValues = filters.filter(function (v) {
-      return v.label.indexOf(val) > -1;
+      var _v, _item$props2, _item$props2$fieldNam;
+
+      return ((_v = v[(item === null || item === void 0 ? void 0 : (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : (_item$props2$fieldNam = _item$props2.fieldNames) === null || _item$props2$fieldNam === void 0 ? void 0 : _item$props2$fieldNam.label) || 'label']) === null || _v === void 0 ? void 0 : _v.indexOf(val)) > -1;
     });
     setOptions(serachValues);
   }; // 确定

package/lib/LmFilter/components/CheckboxFilter.js

@@ -21,12 +21,12 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _linkmoreDesign = require("linkmore-design");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _InputSearchClose = _interopRequireDefault(require("./InputSearchClose"));
 
 var _EmptyFilter = _interopRequireDefault(require("./EmptyFilter"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("../utils");
 
 var _hooks = require("../hooks");
@@ -112,7 +112,7 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
   var handleCancel = function handleCancel() {
     // 手动触发内容改变(不会触发onChange事件)
     setVisible === null || setVisible === void 0 ? void 0 : setVisible(false);
-  }; // 确定 执行查询操作 
+  }; // 确定 执行查询操作
 
 
   var handleSure = function handleSure() {

package/lib/LmFilter/components/DropdownFIlter.js

@@ -99,85 +99,93 @@ var getPlacehodler = function getPlacehodler(props) {
 
 
 var getLabel = function getLabel(filterValue, item) {
-  var _data$find;
-
   var type = item.type,
       data = item.data; // 不存在筛选时
 
   if (!(0, _utils.getIsHas)(filterValue)) {
     return getPlacehodler(item);
   } // 存在筛选数据时 ⬇️
-  // 级联数据转换平级结构
 
 
-  if (['cascader'].includes(type)) {
-    var nArr = (0, _utils.getFlatItem)(item, filterValue);
-    var labels = nArr.map(function (v) {
-      var _item$props, _item$props$fieldName;
+  try {
+    var _data$find;
+
+    // 级联数据转换平级结构
+    if (['cascader'].includes(type)) {
+      var nArr = (0, _utils.getFlatItem)(item, filterValue);
+      var labels = nArr === null || nArr === void 0 ? void 0 : nArr.map(function (v) {
+        var _item$props, _item$props$fieldName;
 
-      return v[(item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : (_item$props$fieldName = _item$props.fieldNames) === null || _item$props$fieldName === void 0 ? void 0 : _item$props$fieldName.label) || 'label'];
-    });
+        return v[(item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : (_item$props$fieldName = _item$props.fieldNames) === null || _item$props$fieldName === void 0 ? void 0 : _item$props$fieldName.label) || 'label'];
+      });
 
-    switch (labels.length) {
-      case 1:
-        return labels[0];
+      switch (labels.length) {
+        case 0:
+          // 数据未查找到时
+          return filterValue;
 
-      case 2:
-        return "".concat(labels[0], "\u3001").concat(labels[1]);
+        case 1:
+          return labels[0];
 
-      default:
-        return "".concat(labels[0], "\u3001+").concat(labels.length - 1, "...");
+        case 2:
+          return "".concat(labels[0], "\u3001").concat(labels[1]);
+
+        default:
+          return "".concat(labels[0], "\u3001+").concat(labels.length - 1, "...");
+      }
     }
-  }
 
-  if (Array.isArray(filterValue)) {
-    var _data$filter;
+    if (Array.isArray(filterValue)) {
+      var _data$filter;
 
-    // 日期
-    if (['date'].includes(type)) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filterValue[0], /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-        type: "lmweb-swap-right",
-        style: {
-          fontSize: 14,
-          color: 'var(--text-color)'
-        }
-      }), filterValue[1]);
-    } // 多选
+      // 日期
+      if (['date'].includes(type)) {
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filterValue[0], /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+          type: "lmweb-swap-right",
+          style: {
+            fontSize: 14,
+            color: 'var(--text-color)'
+          }
+        }), filterValue[1]);
+      } // 多选
 
 
-    var _labels = data === null || data === void 0 ? void 0 : (_data$filter = data.filter(function (v) {
-      return filterValue.includes(v.value);
-    })) === null || _data$filter === void 0 ? void 0 : _data$filter.map(function (v) {
-      return v.label;
-    });
+      var _labels = data === null || data === void 0 ? void 0 : (_data$filter = data.filter(function (v) {
+        return filterValue.includes(v.value);
+      })) === null || _data$filter === void 0 ? void 0 : _data$filter.map(function (v) {
+        return v.label;
+      });
 
-    if (!_labels.length) {
-      _labels = filterValue;
-    } // 受控模式未查找到显示的内容时展示
+      if (!_labels.length) {
+        _labels = filterValue;
+      } // 受控模式未查找到显示的内容时展示
 
 
-    switch (_labels.length) {
-      case 1:
-        return _labels[0];
+      switch (_labels.length) {
+        case 1:
+          return _labels[0];
 
-      case 2:
-        return "".concat(_labels[0], "\u3001").concat(_labels[1]);
+        case 2:
+          return "".concat(_labels[0], "\u3001").concat(_labels[1]);
 
-      default:
-        return "".concat(_labels[0], "\u3001+").concat(_labels.length - 1, "...");
-    }
-  } // 输入框
+        default:
+          return "".concat(_labels[0], "\u3001+").concat(_labels.length - 1, "...");
+      }
+    } // 输入框
 
 
-  if (['input', 'date'].includes(type)) {
-    return filterValue;
-  } // 单选框 受控模式未查找到显示的内容时展示filterValue
+    if (['input', 'date'].includes(type)) {
+      return filterValue;
+    } // 单选框 受控模式未查找到显示的内容时展示filterValue
 
 
-  var label = (data === null || data === void 0 ? void 0 : (_data$find = data.find(function (v) {
-    return (v === null || v === void 0 ? void 0 : v.value) === filterValue;
-  })) === null || _data$find === void 0 ? void 0 : _data$find.label) || filterValue;
-  return label;
+    var label = (data === null || data === void 0 ? void 0 : (_data$find = data.find(function (v) {
+      return (v === null || v === void 0 ? void 0 : v.value) === filterValue;
+    })) === null || _data$find === void 0 ? void 0 : _data$find.label) || filterValue;
+    return label;
+  } catch (error) {
+    return filterValue;
+  }
 };
 /*
  * css样式控制

package/lib/LmFilter/components/index.js

@@ -62,12 +62,14 @@ var FilterControl = /*#__PURE__*/_react.default.memo(function (props) {
     return value || aliveValue;
   }, [value, aliveValue]);
   var filterValue = (0, _react.useMemo)(function () {
-    if ((0, _utils.getIsHas)(getFilterValue === null || getFilterValue === void 0 ? void 0 : getFilterValue(resetItem))) {
-      return getFilterValue === null || getFilterValue === void 0 ? void 0 : getFilterValue(resetItem);
+    var val = getFilterValue === null || getFilterValue === void 0 ? void 0 : getFilterValue(resetItem);
+
+    if ((0, _utils.getIsHas)(val)) {
+      return val;
     }
 
-    return (getFilterValue === null || getFilterValue === void 0 ? void 0 : getFilterValue(resetItem)) || transformFilterValue;
-  }, [resetItem, transformFilterValue]); // 单独使用时抛出选中的值
+    return val || transformFilterValue;
+  }, [getFilterValue, resetItem, transformFilterValue]); // 单独使用时抛出选中的值
 
   var handleChange = function handleChange(val) {
     setAliveValue === null || setAliveValue === void 0 ? void 0 : setAliveValue(val);

package/lib/LmFilter/filterFns/index.js

@@ -322,12 +322,12 @@ var useCoreOptions = function useCoreOptions(_ref) {
   var getFilterValue = (0, _react.useCallback)(function (_ref3) {
     var field = _ref3.field,
         type = _ref3.type;
-    var defaultValue = (0, _utils.getValueForType)(type);
 
     if ((0, _utils.getIsHas)(state.basicFilter[field])) {
       return state.basicFilter[field];
     }
 
+    var defaultValue = (0, _utils.getValueForType)(type);
     return state.basicFilter[field] || defaultValue;
   }, [state.basicFilter]); // 获取查询结构
 

package/lib/LmFilter/utils.js

@@ -81,6 +81,8 @@ function getFlatItem(getItem, checkedValue) {
   var getChildren = function getChildren(item) {
     var _item$fieldNames$chil;
 
+    if (!item) return;
+
     if (type === 'parent') {
       nArr.push(item);
       return;

package/lib/LmUpload/LmUpload.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<Pick<{
     [x: string]: any;
+    fileConfig: any;
+    components: any;
     ossConfig: any;
 }, string | number> & React.RefAttributes<unknown>>;
 export default _default;

package/lib/LmUpload/LmUpload.js

@@ -27,37 +27,45 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 
 var LmUpload = function LmUpload(_a, ref) {
-  var _ossConfig = _a.ossConfig,
-      resetProps = __rest(_a, ["ossConfig"]);
+  var fileConfig = _a.fileConfig,
+      components = _a.components,
+      _ossConfig = _a.ossConfig,
+      resetProps = __rest(_a, ["fileConfig", "components", "ossConfig"]);
 
   var defaultRef = (0, _react.useRef)(null); // 仅在初始化触发一次
 
   var initConfig = (0, _react.useMemo)(function () {
     return {
       // 文件配置单独存储
-      fileConfig: {
+      fileConfig: Object.assign({
         size: 10,
         type: ['jpg', 'jpeg', 'png'],
         maxCount: 99
+      }, fileConfig || {}),
+      // 读取字段配置
+      fileNames: {
+        uid: 'uid',
+        fileTypeCode: 'fileTypeCode',
+        fileTypeName: 'fileTypeName',
+        fileName: 'fileName',
+        realFileName: 'realFileName',
+        fileSize: 'fileSize',
+        internalUrl: 'internalUrl',
+        externalUrl: 'externalUrl',
+        filePath: 'filePath',
+        seq: 'seq',
+        url: 'url'
       },
       // 初始化
-      components: {
+      components: Object.assign({
         itemRender: null,
-        wrapper: null // 结构定义
-        // 包装结构体: 上传, 列表
-        // wrapper: (upload, fileList) => (
-        //   <>
-        //     {upload}
-        //     {fileList}
-        //   </>
-        // ),
-
-      }
+        wrapper: null
+      }, components || {})
     };
   }, []);
   var defaultProps = {
     uid: 'uid',
-    fileList: [],
+    fileList: null,
     type: ['jpg', 'jpeg', 'png'],
     accept: '',
     fileSize: 10,
@@ -65,6 +73,7 @@ var LmUpload = function LmUpload(_a, ref) {
     size: 100,
     disabled: false,
     maxCount: null,
+    showUploadList: true,
     children: null,
     defaultFileList: [],
     itemRender: null,

package/lib/LmUpload/UploadList/ItemPicture.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 
 Object.defineProperty(exports, "__esModule", {
@@ -9,24 +11,34 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _linkmoreDesign = require("linkmore-design");
 
 // 图片列表项
 var PictureItem = function PictureItem(_ref) {
   var file = _ref.file,
       instance = _ref.instance;
-  var remove = instance.remove;
+  var remove = instance.remove,
+      preview = instance.preview,
+      download = instance.download;
   return /*#__PURE__*/React.createElement("div", {
-    className: "lm_upload_item lm_upload_item_picture"
+    className: (0, _classnames.default)('lm_upload_item lm_upload_item_picture', file.status === 'error' && 'error')
   }, /*#__PURE__*/React.createElement("div", {
     className: "picture_left"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "lm_upload_item_thumb"
+    className: "lm_upload_item_thumb",
+    onClick: function onClick() {
+      return preview(file);
+    }
   }, /*#__PURE__*/React.createElement("img", {
     src: file.url,
     alt: ""
   })), /*#__PURE__*/React.createElement("div", {
-    className: "lm_upload_item_name"
+    className: "lm_upload_item_name",
+    onClick: function onClick() {
+      return download(file);
+    }
   }, file.fileName)), /*#__PURE__*/React.createElement("div", {
     className: "picture_right lm_upload_item_action"
   }, /*#__PURE__*/React.createElement("div", {

package/lib/LmUpload/UploadList/ItemText.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 
 Object.defineProperty(exports, "__esModule", {
@@ -9,6 +11,8 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _linkmoreDesign = require("linkmore-design");
 
 var TextItem = function TextItem(_ref) {
@@ -16,7 +20,7 @@ var TextItem = function TextItem(_ref) {
       instance = _ref.instance;
   var remove = instance.remove;
   return /*#__PURE__*/React.createElement("div", {
-    className: "lm_upload_item lm_upload_item_text"
+    className: (0, _classnames.default)('lm_upload_item lm_upload_item_text', file.status === 'error' && 'error')
   }, /*#__PURE__*/React.createElement("div", {
     className: "text_left"
   }, /*#__PURE__*/React.createElement("div", {

package/lib/LmUpload/UploadList/index.d.ts

@@ -1,4 +1,5 @@
-declare const LmUploadList: ({ instance }: {
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ instance }: {
     instance: any;
-}) => JSX.Element;
-export default LmUploadList;
+}) => JSX.Element>;
+export default _default;