@kmkf-fe-packages/basic-components 0.8.9-alpha.8 → 0.8.9

package/dist/index.esm.js

@@ -1,7 +1,8 @@
 import React, { useRef, useState, useEffect, useMemo, forwardRef, useImperativeHandle } 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';
@@ -513,19 +514,22 @@ function ApaasInputNumber(props) {
   return /*#__PURE__*/React.createElement(InputNumber, _objectSpread2({}, props));
 }
 
-var _excluded$2 = ["options", "basicMultSelect"];
+var _excluded$2 = ["options", "basicMultSelect", "readonly"];
 function ApaasSelect(props) {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   var _props$options = props.options,
     options = _props$options === void 0 ? [] : _props$options,
     basicMultSelect = props.basicMultSelect,
+    readonly = props.readonly,
     otherProps = _objectWithoutProperties(props, _excluded$2);
   return /*#__PURE__*/React.createElement(Select, _objectSpread2(_objectSpread2({}, otherProps), {}, {
+    showSearch: !readonly,
     style: {
       width: '100%'
     }
   }), options.map(function (item) {
     return /*#__PURE__*/React.createElement(Select.Option, {
+      disabled: readonly,
       value: item.value,
       key: item.value
     }, item.label);
@@ -803,7 +807,7 @@ var ApaasUpload = function ApaasUpload(_ref) {
   })));
 };
 
-var _excluded$5 = ["showOther", "horizontal", "options", "value", "onChange", "disabled"];
+var _excluded$5 = ["showOther", "horizontal", "options", "value", "onChange", "disabled", "hideUnselectedItem"];
 function ApaasRadio(props) {
   var showOther = props.showOther,
     _props$horizontal = props.horizontal,
@@ -814,6 +818,7 @@ function ApaasRadio(props) {
     value = _props$value === void 0 ? {} : _props$value,
     onChange = props.onChange,
     disabled = props.disabled,
+    hideUnselectedItem = props.hideUnselectedItem,
     otherProps = _objectWithoutProperties(props, _excluded$5);
   var radioValue = value.value,
     other = value.other;
@@ -841,13 +846,14 @@ function ApaasRadio(props) {
     direction: horizontal ? 'horizontal' : 'vertical',
     wrap: true
   }, options.map(function (item) {
+    if (hideUnselectedItem && item.value !== radioValue) return /*#__PURE__*/React.createElement(React.Fragment, null);
     return /*#__PURE__*/React.createElement(Radio, {
       value: item.value,
       key: item.label,
       disabled: disabled,
       onClick: onRadioClick
     }, item.label);
-  }), showOther && /*#__PURE__*/React.createElement(Radio, {
+  }), showOther && (!hideUnselectedItem || radioValue === '其他') && /*#__PURE__*/React.createElement(Radio, {
     value: "\u5176\u4ED6",
     disabled: disabled,
     onClick: onRadioClick
@@ -6856,7 +6862,7 @@ var ApaasUploadAsync$1 = function ApaasUploadAsync(_ref) {
   var _ref$maxCount = _ref.maxCount,
     maxCount = _ref$maxCount === void 0 ? 10 : _ref$maxCount,
     _ref$maxSize = _ref.maxSize,
-    maxSize = _ref$maxSize === void 0 ? 20 : _ref$maxSize,
+    maxSize = _ref$maxSize === void 0 ? 50 : _ref$maxSize,
     _ref$onChange = _ref.onChange,
     onChange = _ref$onChange === void 0 ? fn$2 : _ref$onChange,
     _ref$value = _ref.value,
@@ -6871,11 +6877,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 +6984,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 +7018,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"];
@@ -9833,38 +9905,46 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
+            if (shopCode) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
             form.setFieldsValue({
               shopId: shopCode
             });
-            _context.prev = 1;
+            _context.prev = 3;
             setLoading(true);
             params = {
               shopCode: shopCode
             };
-            _context.next = 6;
+            _context.next = 8;
             return extendRequest('/qy/gdfw/product/bsListProduct', {
               method: 'post',
               data: params
             });
-          case 6:
+          case 8:
             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 11:
-            _context.prev = 11;
+              setAllList(_toConsumableArray(newProducts));
+              initData(_toConsumableArray(newProducts));
+            }
+          case 10:
+            _context.prev = 10;
             setLoading(false);
-            return _context.finish(11);
-          case 14:
+            return _context.finish(10);
+          case 13:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1,, 11, 14]]);
+      }, _callee, null, [[3,, 10, 13]]);
     }));
     return function queryItems(_x) {
       return _ref.apply(this, arguments);

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');
@@ -524,19 +525,22 @@ function ApaasInputNumber(props) {
   return /*#__PURE__*/React__default['default'].createElement(antd.InputNumber, _objectSpread2({}, props));
 }
 
-var _excluded$2 = ["options", "basicMultSelect"];
+var _excluded$2 = ["options", "basicMultSelect", "readonly"];
 function ApaasSelect(props) {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   var _props$options = props.options,
     options = _props$options === void 0 ? [] : _props$options,
     basicMultSelect = props.basicMultSelect,
+    readonly = props.readonly,
     otherProps = _objectWithoutProperties(props, _excluded$2);
   return /*#__PURE__*/React__default['default'].createElement(antd.Select, _objectSpread2(_objectSpread2({}, otherProps), {}, {
+    showSearch: !readonly,
     style: {
       width: '100%'
     }
   }), options.map(function (item) {
     return /*#__PURE__*/React__default['default'].createElement(antd.Select.Option, {
+      disabled: readonly,
       value: item.value,
       key: item.value
     }, item.label);
@@ -814,7 +818,7 @@ var ApaasUpload = function ApaasUpload(_ref) {
   })));
 };
 
-var _excluded$5 = ["showOther", "horizontal", "options", "value", "onChange", "disabled"];
+var _excluded$5 = ["showOther", "horizontal", "options", "value", "onChange", "disabled", "hideUnselectedItem"];
 function ApaasRadio(props) {
   var showOther = props.showOther,
     _props$horizontal = props.horizontal,
@@ -825,6 +829,7 @@ function ApaasRadio(props) {
     value = _props$value === void 0 ? {} : _props$value,
     onChange = props.onChange,
     disabled = props.disabled,
+    hideUnselectedItem = props.hideUnselectedItem,
     otherProps = _objectWithoutProperties(props, _excluded$5);
   var radioValue = value.value,
     other = value.other;
@@ -852,13 +857,14 @@ function ApaasRadio(props) {
     direction: horizontal ? 'horizontal' : 'vertical',
     wrap: true
   }, options.map(function (item) {
+    if (hideUnselectedItem && item.value !== radioValue) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
     return /*#__PURE__*/React__default['default'].createElement(antd.Radio, {
       value: item.value,
       key: item.label,
       disabled: disabled,
       onClick: onRadioClick
     }, item.label);
-  }), showOther && /*#__PURE__*/React__default['default'].createElement(antd.Radio, {
+  }), showOther && (!hideUnselectedItem || radioValue === '其他') && /*#__PURE__*/React__default['default'].createElement(antd.Radio, {
     value: "\u5176\u4ED6",
     disabled: disabled,
     onClick: onRadioClick
@@ -6867,7 +6873,7 @@ var ApaasUploadAsync$1 = function ApaasUploadAsync(_ref) {
   var _ref$maxCount = _ref.maxCount,
     maxCount = _ref$maxCount === void 0 ? 10 : _ref$maxCount,
     _ref$maxSize = _ref.maxSize,
-    maxSize = _ref$maxSize === void 0 ? 20 : _ref$maxSize,
+    maxSize = _ref$maxSize === void 0 ? 50 : _ref$maxSize,
     _ref$onChange = _ref.onChange,
     onChange = _ref$onChange === void 0 ? fn$2 : _ref$onChange,
     _ref$value = _ref.value,
@@ -6882,11 +6888,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 +6995,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 +7029,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"];
@@ -9844,38 +9916,46 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
+            if (shopCode) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
             form.setFieldsValue({
               shopId: shopCode
             });
-            _context.prev = 1;
+            _context.prev = 3;
             setLoading(true);
             params = {
               shopCode: shopCode
             };
-            _context.next = 6;
+            _context.next = 8;
             return extendRequest('/qy/gdfw/product/bsListProduct', {
               method: 'post',
               data: params
             });
-          case 6:
+          case 8:
             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 11:
-            _context.prev = 11;
+              setAllList(_toConsumableArray(newProducts));
+              initData(_toConsumableArray(newProducts));
+            }
+          case 10:
+            _context.prev = 10;
             setLoading(false);
-            return _context.finish(11);
-          case 14:
+            return _context.finish(10);
+          case 13:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1,, 11, 14]]);
+      }, _callee, null, [[3,, 10, 13]]);
     }));
     return function queryItems(_x) {
       return _ref.apply(this, arguments);

package/dist/src/apaas/ApaasRadio/index.d.ts

@@ -14,6 +14,7 @@ export interface ApaasRadioProps extends Omit<RadioGroupProps, 'onChange' | 'val
     horizontal?: boolean;
     options?: OptionsType[];
     disabled?: boolean;
+    hideUnselectedItem?: boolean;
     onChange?: (value: RadioValue) => void;
     value?: RadioValue;
 }

package/dist/src/apaas/ApaasSelect/index.d.ts

@@ -7,6 +7,7 @@ type OptionsType = {
 };
 export interface ApaasSelectProps extends SelectProps<string[]> {
     options?: OptionsType[];
+    readonly?: boolean;
     [propName: string]: any;
 }
 declare function ApaasSelect(props: ApaasSelectProps): React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "0.8.9-alpha.8",
+  "version": "0.8.9",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -20,9 +20,10 @@
     "watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e ts,tsx,less --debug -x 'yarn async'"
   },
   "dependencies": {
-    "@kmkf-fe-packages/kmkf-utils": "^0.8.9-alpha.8",
+    "@kmkf-fe-packages/kmkf-utils": "^0.8.9",
     "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": "672df53b9985eb15d46e8f47153b42897106ab08"
+  "gitHead": "8e9ebe4b588b4e9921e42e34594319fba0c9995e"
 }