@kmkf-fe-packages/basic-components 0.8.7-alpha.16 → 0.8.7-alpha.18

package/dist/index.esm.js

@@ -1,7 +1,8 @@
 import React, { useRef, useState, useEffect, useMemo, forwardRef, useImperativeHandle, useCallback } from 'react';
-import { Cascader, DatePicker, InputNumber, Input, Select, Upload, Image, message, Radio, Space, Spin, Checkbox, Row, Col, Slider, Rate, Button, Form, Tabs, Modal, ConfigProvider, Pagination, Popover, Table } from 'antd';
+import { Cascader, DatePicker, InputNumber, Input, Select, Upload, Image, message, Radio, Space, Spin, Modal, Button, Checkbox, Row, Col, Slider, Rate, Form, Tabs, ConfigProvider, Pagination, Popover, Table } from 'antd';
 import { EyeOutlined, DeleteOutlined, InboxOutlined } from '@ant-design/icons';
 import request, { extend as extend$1 } from 'umi-request';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
 import { AddressData, BsAddressData, request as request$1, ExpressData, LogisticsAddressData, uuid } from '@kmkf-fe-packages/kmkf-utils';
 import zhCN from 'antd/lib/locale/zh_CN';
 import pubsub from 'pubsub-js';
@@ -6871,11 +6872,27 @@ var ApaasUploadAsync$1 = function ApaasUploadAsync(_ref) {
     _ref$actionUrl = _ref.actionUrl,
     actionUrl = _ref$actionUrl === void 0 ? '/qy/common/uploadWorkOrderImg' : _ref$actionUrl,
     resetProps = _objectWithoutProperties(_ref, _excluded$7);
-  var valueRef = useRef(value);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    uploading = _useState2[0],
-    setUploading = _useState2[1];
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fileUrl = _useState4[0],
+    setFileUrl = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    fileType = _useState6[0],
+    setFileType = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    fileName = _useState8[0],
+    setFileName = _useState8[1];
+  var valueRef = useRef(value);
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    uploading = _useState10[0],
+    setUploading = _useState10[1];
   var fileList = useMemo(function () {
     return value.map(function (t, i) {
       return _objectSpread2(_objectSpread2({}, t), {}, {
@@ -6962,6 +6979,29 @@ var ApaasUploadAsync$1 = function ApaasUploadAsync(_ref) {
     });
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
   };
+  var onPreview = function onPreview(file) {
+    var _file$url;
+    var fileArr = file === null || file === void 0 ? void 0 : (_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.split('.');
+    var fileType = fileArr[fileArr.length - 1];
+    if (['png', 'jpg', 'jpeg', 'gif', 'bmp', 'svg'].includes(fileType.toLowerCase())) {
+      setFileUrl(file === null || file === void 0 ? void 0 : file.url);
+      setFileName(file === null || file === void 0 ? void 0 : file.name);
+      setFileType('pic');
+      setVisible(true);
+    } else if (['mp4', 'avi', 'mpeg', 'asf', 'mov', '3gp', 'wmv', 'rmvb'].includes(fileType.toLowerCase())) {
+      setFileUrl(file === null || file === void 0 ? void 0 : file.url);
+      setFileName(file === null || file === void 0 ? void 0 : file.name);
+      setFileType('video');
+      setVisible(true);
+    } else {
+      window.open(file === null || file === void 0 ? void 0 : file.url);
+    }
+  };
+  var handleCancel = function handleCancel() {
+    setFileUrl('');
+    setFileName('');
+    setVisible(false);
+  };
   return /*#__PURE__*/React.createElement(Spin, {
     spinning: uploading
   }, /*#__PURE__*/React.createElement("p", {
@@ -6973,13 +7013,40 @@ var ApaasUploadAsync$1 = function ApaasUploadAsync(_ref) {
     name: "file",
     maxCount: maxCount,
     beforeUpload: beforeUpload,
+    onPreview: onPreview,
     fileList: fileList,
     onRemove: onRemove
   }, resetProps), /*#__PURE__*/React.createElement("p", {
     className: "ant-upload-drag-icon"
   }, /*#__PURE__*/React.createElement(InboxOutlined, null)), /*#__PURE__*/React.createElement("p", {
     className: "ant-upload-text"
-  }, "\u70B9\u51FB\u201C\u9009\u62E9\u6587\u4EF6\u201D\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u5230\u6B64\u533A\u57DF")));
+  }, "\u70B9\u51FB\u201C\u9009\u62E9\u6587\u4EF6\u201D\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u5230\u6B64\u533A\u57DF")), /*#__PURE__*/React.createElement(Modal, {
+    visible: visible,
+    title: fileName,
+    footer: null,
+    onCancel: handleCancel
+  }, /*#__PURE__*/React.createElement(CopyToClipboard, {
+    text: fileUrl,
+    onCopy: function onCopy() {
+      message.success('复制成功');
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "link"
+  }, "\u4E0B\u8F7D\u5730\u5740")), fileType === 'pic' ? /*#__PURE__*/React.createElement("img", {
+    alt: "example",
+    style: {
+      width: '100%'
+    },
+    src: fileUrl
+  }) : /*#__PURE__*/React.createElement("video", {
+    style: {
+      width: '100%',
+      height: '100%'
+    },
+    autoPlay: true,
+    controls: true,
+    src: fileUrl
+  })));
 };
 
 var _excluded$8 = ["showOther", "horizontal", "options", "value", "onChange", "disabled"];
@@ -9847,23 +9914,25 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
           });
         case 5:
           res = _context.sent;
-          products = res.data.products;
-          newProducts = (products || []).map(function (item, index) {
-            return _objectSpread2(_objectSpread2({}, item), {}, {
-              index: index + 1
+          if (res.success) {
+            products = res.data.products;
+            newProducts = (products || []).map(function (item, index) {
+              return _objectSpread2(_objectSpread2({}, item), {}, {
+                index: index + 1
+              });
             });
-          });
-          setAllList(_toConsumableArray(newProducts));
-          initData(_toConsumableArray(newProducts));
-        case 10:
-          _context.prev = 10;
+            setAllList(_toConsumableArray(newProducts));
+            initData(_toConsumableArray(newProducts));
+          }
+        case 7:
+          _context.prev = 7;
           setLoading(false);
-          return _context.finish(10);
-        case 13:
+          return _context.finish(7);
+        case 10:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0,, 10, 13]]);
+    }, _callee, null, [[0,, 7, 10]]);
   })), [shopCode]);
   useEffect(function () {
     var shopInfo = shopList.find(function (item) {
@@ -10072,6 +10141,12 @@ var GoodItem = function GoodItem(props) {
           }
         });
       }
+    }, {
+      dataIndex: 'name',
+      title: "".concat(text, "\u540D\u79F0"),
+      align: 'center',
+      ellipsis: true,
+      width: 250
     }, {
       dataIndex: 'pic',
       title: "\u56FE\u7247",
@@ -10084,12 +10159,6 @@ var GoodItem = function GoodItem(props) {
           src: val
         });
       }
-    }, {
-      dataIndex: 'name',
-      title: "".concat(text, "\u540D\u79F0"),
-      align: 'center',
-      ellipsis: true,
-      width: 250
     }, {
       dataIndex: 'code',
       title: "".concat(text, "\u7F16\u7801"),

package/dist/index.js

@@ -6,6 +6,7 @@ var React = require('react');
 var antd = require('antd');
 var icons = require('@ant-design/icons');
 var request = require('umi-request');
+var reactCopyToClipboard = require('react-copy-to-clipboard');
 var kmkfUtils = require('@kmkf-fe-packages/kmkf-utils');
 var zhCN = require('antd/lib/locale/zh_CN');
 var pubsub = require('pubsub-js');
@@ -6882,11 +6883,27 @@ var ApaasUploadAsync$1 = function ApaasUploadAsync(_ref) {
     _ref$actionUrl = _ref.actionUrl,
     actionUrl = _ref$actionUrl === void 0 ? '/qy/common/uploadWorkOrderImg' : _ref$actionUrl,
     resetProps = _objectWithoutProperties(_ref, _excluded$7);
-  var valueRef = React.useRef(value);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    uploading = _useState2[0],
-    setUploading = _useState2[1];
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = React.useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fileUrl = _useState4[0],
+    setFileUrl = _useState4[1];
+  var _useState5 = React.useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    fileType = _useState6[0],
+    setFileType = _useState6[1];
+  var _useState7 = React.useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    fileName = _useState8[0],
+    setFileName = _useState8[1];
+  var valueRef = React.useRef(value);
+  var _useState9 = React.useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    uploading = _useState10[0],
+    setUploading = _useState10[1];
   var fileList = React.useMemo(function () {
     return value.map(function (t, i) {
       return _objectSpread2(_objectSpread2({}, t), {}, {
@@ -6973,6 +6990,29 @@ var ApaasUploadAsync$1 = function ApaasUploadAsync(_ref) {
     });
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
   };
+  var onPreview = function onPreview(file) {
+    var _file$url;
+    var fileArr = file === null || file === void 0 ? void 0 : (_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.split('.');
+    var fileType = fileArr[fileArr.length - 1];
+    if (['png', 'jpg', 'jpeg', 'gif', 'bmp', 'svg'].includes(fileType.toLowerCase())) {
+      setFileUrl(file === null || file === void 0 ? void 0 : file.url);
+      setFileName(file === null || file === void 0 ? void 0 : file.name);
+      setFileType('pic');
+      setVisible(true);
+    } else if (['mp4', 'avi', 'mpeg', 'asf', 'mov', '3gp', 'wmv', 'rmvb'].includes(fileType.toLowerCase())) {
+      setFileUrl(file === null || file === void 0 ? void 0 : file.url);
+      setFileName(file === null || file === void 0 ? void 0 : file.name);
+      setFileType('video');
+      setVisible(true);
+    } else {
+      window.open(file === null || file === void 0 ? void 0 : file.url);
+    }
+  };
+  var handleCancel = function handleCancel() {
+    setFileUrl('');
+    setFileName('');
+    setVisible(false);
+  };
   return /*#__PURE__*/React__default['default'].createElement(antd.Spin, {
     spinning: uploading
   }, /*#__PURE__*/React__default['default'].createElement("p", {
@@ -6984,13 +7024,40 @@ var ApaasUploadAsync$1 = function ApaasUploadAsync(_ref) {
     name: "file",
     maxCount: maxCount,
     beforeUpload: beforeUpload,
+    onPreview: onPreview,
     fileList: fileList,
     onRemove: onRemove
   }, resetProps), /*#__PURE__*/React__default['default'].createElement("p", {
     className: "ant-upload-drag-icon"
   }, /*#__PURE__*/React__default['default'].createElement(icons.InboxOutlined, null)), /*#__PURE__*/React__default['default'].createElement("p", {
     className: "ant-upload-text"
-  }, "\u70B9\u51FB\u201C\u9009\u62E9\u6587\u4EF6\u201D\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u5230\u6B64\u533A\u57DF")));
+  }, "\u70B9\u51FB\u201C\u9009\u62E9\u6587\u4EF6\u201D\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u5230\u6B64\u533A\u57DF")), /*#__PURE__*/React__default['default'].createElement(antd.Modal, {
+    visible: visible,
+    title: fileName,
+    footer: null,
+    onCancel: handleCancel
+  }, /*#__PURE__*/React__default['default'].createElement(reactCopyToClipboard.CopyToClipboard, {
+    text: fileUrl,
+    onCopy: function onCopy() {
+      antd.message.success('复制成功');
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+    type: "link"
+  }, "\u4E0B\u8F7D\u5730\u5740")), fileType === 'pic' ? /*#__PURE__*/React__default['default'].createElement("img", {
+    alt: "example",
+    style: {
+      width: '100%'
+    },
+    src: fileUrl
+  }) : /*#__PURE__*/React__default['default'].createElement("video", {
+    style: {
+      width: '100%',
+      height: '100%'
+    },
+    autoPlay: true,
+    controls: true,
+    src: fileUrl
+  })));
 };
 
 var _excluded$8 = ["showOther", "horizontal", "options", "value", "onChange", "disabled"];
@@ -9858,23 +9925,25 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
           });
         case 5:
           res = _context.sent;
-          products = res.data.products;
-          newProducts = (products || []).map(function (item, index) {
-            return _objectSpread2(_objectSpread2({}, item), {}, {
-              index: index + 1
+          if (res.success) {
+            products = res.data.products;
+            newProducts = (products || []).map(function (item, index) {
+              return _objectSpread2(_objectSpread2({}, item), {}, {
+                index: index + 1
+              });
             });
-          });
-          setAllList(_toConsumableArray(newProducts));
-          initData(_toConsumableArray(newProducts));
-        case 10:
-          _context.prev = 10;
+            setAllList(_toConsumableArray(newProducts));
+            initData(_toConsumableArray(newProducts));
+          }
+        case 7:
+          _context.prev = 7;
           setLoading(false);
-          return _context.finish(10);
-        case 13:
+          return _context.finish(7);
+        case 10:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0,, 10, 13]]);
+    }, _callee, null, [[0,, 7, 10]]);
   })), [shopCode]);
   React.useEffect(function () {
     var shopInfo = shopList.find(function (item) {
@@ -10083,6 +10152,12 @@ var GoodItem = function GoodItem(props) {
           }
         });
       }
+    }, {
+      dataIndex: 'name',
+      title: "".concat(text, "\u540D\u79F0"),
+      align: 'center',
+      ellipsis: true,
+      width: 250
     }, {
       dataIndex: 'pic',
       title: "\u56FE\u7247",
@@ -10095,12 +10170,6 @@ var GoodItem = function GoodItem(props) {
           src: val
         });
       }
-    }, {
-      dataIndex: 'name',
-      title: "".concat(text, "\u540D\u79F0"),
-      align: 'center',
-      ellipsis: true,
-      width: 250
     }, {
       dataIndex: 'code',
       title: "".concat(text, "\u7F16\u7801"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "0.8.7-alpha.16",
+  "version": "0.8.7-alpha.18",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -23,6 +23,7 @@
     "@kmkf-fe-packages/kmkf-utils": "^0.8.7-alpha.0",
     "lodash": "^4.17.21",
     "pubsub-js": "^1.9.4",
+    "react-copy-to-clipboard": "^5.1.0",
     "umi-request": "^1.4.0"
   },
   "devDependencies": {
@@ -31,6 +32,7 @@
     "@types/jest": "^29.5.1",
     "@types/node": "^20.1.4",
     "@types/pubsub-js": "^1.8.3",
+    "@types/react-copy-to-clipboard": "^5.0.4",
     "@types/react-test-renderer": "^18.0.0",
     "@typescript-eslint/eslint-plugin": "^5.59.2",
     "@typescript-eslint/parser": "^5.59.2",
@@ -58,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0e72729e981f3b20c08a80e187e99504d5dc14fd"
+  "gitHead": "ff5a809bea12485b436af1f57be1130a03665311"
 }