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

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 React, { useRef, useState, useEffect, useMemo, forwardRef, useImperativeHandle } from 'react';
+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"];
@@ -9699,13 +9766,14 @@ var ItemList = function ItemList(props) {
   }, "\u6682\u4E0D\u652F\u6301\u6DFB\u52A0")) : null);
 };
 
+var _excluded$c = ["shopId"];
 var columns = [{
   dataIndex: 'index',
-  title: '序号',
+  title: 'NO',
   render: function render(val, record, index) {
     return /*#__PURE__*/React.createElement("div", {
       style: {
-        width: '30px'
+        width: 25
       }
     }, index + 1);
   }
@@ -9757,13 +9825,13 @@ var columns = [{
 var GoodsModal$1 = function GoodsModal(props, ref) {
   useImperativeHandle(ref, function () {
     return {
-      open: function open() {
+      open: function open(shopCode) {
         setVisible(true);
         setPageNo(1);
         setSelect([]);
         setSelectIds([]);
-        queryItems();
-        onReset();
+        queryItems(shopCode);
+        getShopList();
       }
     };
   });
@@ -9771,7 +9839,7 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
     shopId = props.shopId,
     shopList = props.shopList,
     width = props.width,
-    shopCode = props.shopCode;
+    companyKey = props.companyKey;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
@@ -9811,14 +9879,10 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
     _useState20 = _slicedToArray(_useState19, 2),
     total = _useState20[0],
     setTotal = _useState20[1];
-  var _useState21 = useState(''),
+  var _useState21 = useState(),
     _useState22 = _slicedToArray(_useState21, 2),
-    platform = _useState22[0],
-    setPlatform = _useState22[1]; //平台 taobao=淘宝 fxg=抖音 pdd=拼多多 sph=微信视屏号
-  var _useState23 = useState({}),
-    _useState24 = _slicedToArray(_useState23, 2),
-    shopInfo = _useState24[0],
-    setShopInfo = _useState24[1]; //店铺信息
+    shopOptions = _useState22[0],
+    setShopList = _useState22[1];
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
@@ -9830,54 +9894,55 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
   /**
    * 查询商品
    */
-  var queryItems = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var params, res, products, newProducts;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.prev = 0;
-          setLoading(true);
-          params = {
-            shopCode: shopCode
-          };
-          _context.next = 5;
-          return extendRequest('/qy/gdfw/product/bsListProduct', {
-            method: 'post',
-            data: params
-          });
-        case 5:
-          res = _context.sent;
-          products = res.data.products;
-          newProducts = (products || []).map(function (item, index) {
-            return _objectSpread2(_objectSpread2({}, item), {}, {
-              index: index + 1
+  var queryItems = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(shopCode) {
+      var params, res, products, newProducts;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            form.setFieldsValue({
+              shopId: shopCode
             });
-          });
-          setAllList(_toConsumableArray(newProducts));
-          initData(_toConsumableArray(newProducts));
-        case 10:
-          _context.prev = 10;
-          setLoading(false);
-          return _context.finish(10);
-        case 13:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[0,, 10, 13]]);
-  })), [shopCode]);
-  useEffect(function () {
-    var shopInfo = shopList.find(function (item) {
-      return shopId === item.shopId || shopId === item.shopName;
-    });
-    setShopInfo(shopInfo);
-    var platform = shopInfo === null || shopInfo === void 0 ? void 0 : shopInfo.shopSourceStr.toLowerCase();
-    setPlatform(platform);
-  }, [shopId]);
+            _context.prev = 1;
+            setLoading(true);
+            params = {
+              shopCode: shopCode
+            };
+            _context.next = 6;
+            return extendRequest('/qy/gdfw/product/bsListProduct', {
+              method: 'post',
+              data: params
+            });
+          case 6:
+            res = _context.sent;
+            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 8:
+            _context.prev = 8;
+            setLoading(false);
+            return _context.finish(8);
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1,, 8, 11]]);
+    }));
+    return function queryItems(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
   var rowSelection = {
     selectedRowKeys: selectIds,
     fixed: true,
     onChange: function onChange(selectedRowKeys, selectedRows, info) {
-      console.log(selectedRowKeys, selectedRows, info);
       setSelectIds(selectedRowKeys);
       setSelect(_toConsumableArray(selectedRows));
     }
@@ -9889,13 +9954,17 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
     setPageNo(1);
   };
   var _onCancel = function onCancel() {
+    onReset();
     setVisible(false);
   };
   var onOk = function onOk() {
     onSubmit(selectList);
     _onCancel();
   };
-  var onFinish = function onFinish(value) {
+  var onFinish = function onFinish(val) {
+    var shopId = val.shopId,
+      other = _objectWithoutProperties(val, _excluded$c);
+    var value = other;
     var newFilterList = [];
     var hasValue = Object.values(value).some(function (t) {
       return !!t;
@@ -9903,8 +9972,9 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
     if (hasValue) {
       Object.keys(value).forEach(function (key) {
         if (value[key]) {
+          var trimValue = value[key].trim();
           newFilterList = allList.filter(function (item) {
-            return item[key].indexOf(value[key]) > -1;
+            return item[key].indexOf(trimValue) > -1;
           });
         }
       });
@@ -9915,7 +9985,52 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
   };
   var onReset = function onReset() {
     form.resetFields();
-    initData(_toConsumableArray(allList));
+    initData([]);
+  };
+  var getShopList = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _yield$request, success, data, obj, list;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return extendRequest('/qy/diamond/getConfigInfo', {
+              method: 'get',
+              params: {
+                key: 'company-third-shop-info'
+              }
+            });
+          case 2:
+            _yield$request = _context2.sent;
+            success = _yield$request.success;
+            data = _yield$request.data;
+            obj = JSON.parse(data || '{}');
+            if (success) {
+              list = ((obj === null || obj === void 0 ? void 0 : obj[companyKey]) || []).map(function (item) {
+                return {
+                  label: item.shopName,
+                  value: item.shopCode
+                };
+              });
+              setShopList(list);
+            }
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function getShopList() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var onValuesChange = function onValuesChange(changedValues) {
+    if (changedValues === null || changedValues === void 0 ? void 0 : changedValues['shopId']) {
+      queryItems(changedValues === null || changedValues === void 0 ? void 0 : changedValues.shopId);
+      pubsub.publish('changeShopCode', {
+        shopCode: changedValues.shopId
+      });
+    }
   };
   return /*#__PURE__*/React.createElement(Modal, {
     title: '选择商品',
@@ -9931,8 +10046,21 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
   }, /*#__PURE__*/React.createElement(Form, {
     layout: "inline",
     form: form,
-    onFinish: onFinish
+    onFinish: onFinish,
+    onValuesChange: onValuesChange
   }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "shopId"
+  }, /*#__PURE__*/React.createElement(Select, {
+    placeholder: "\u5E97\u94FA",
+    style: {
+      width: 150
+    },
+    options: shopOptions || [],
+    showSearch: true,
+    filterOption: function filterOption(input, option) {
+      return option.label.includes(input);
+    }
+  })), /*#__PURE__*/React.createElement(Form.Item, {
     name: "skuName"
   }, /*#__PURE__*/React.createElement(Input, {
     placeholder: "\u5546\u54C1sku\u540D\u79F0",
@@ -10024,6 +10152,8 @@ var GoodItem = function GoodItem(props) {
     _props$canUpdateNumbe = props.canUpdateNumber,
     canUpdateNumber = _props$canUpdateNumbe === void 0 ? false : _props$canUpdateNumbe,
     shopCode = props.shopCode,
+    _props$companyKey = props.companyKey,
+    companyKey = _props$companyKey === void 0 ? '' : _props$companyKey,
     onSelect = props.onSelect,
     onDelete = props.onDelete;
   var refModal = useRef();
@@ -10205,7 +10335,7 @@ var GoodItem = function GoodItem(props) {
     }));
   };
   var handleChangeGoods = function handleChangeGoods() {
-    refModal.current.open();
+    refModal.current.open(shopCode);
   };
   var rowSelection = {
     selectedRowKeys: selectedRowKeys,
@@ -10245,7 +10375,7 @@ var GoodItem = function GoodItem(props) {
     shopList: shopList,
     shopId: shopId,
     maxLength: maxLength,
-    shopCode: shopCode
+    companyKey: companyKey
   }));
 };
 
@@ -10284,7 +10414,6 @@ var BsGoods = function BsGoods(props) {
     //补发
     pubsub.subscribe('reissueType', function (type, data) {
       if (disabled) return;
-      console.log(type, data);
       withInfo.current = {
         type: type,
         val: data.val,
@@ -10299,6 +10428,12 @@ var BsGoods = function BsGoods(props) {
         });
       }
     });
+    pubsub.subscribeOnce('changeShopCode', function (type, data) {
+      console.log(data);
+      onChange(_objectSpread2(_objectSpread2({}, valueRef === null || valueRef === void 0 ? void 0 : valueRef.current), {}, {
+        shopCode: data.shopCode
+      }));
+    });
   }, [disabled]);
   var _onSelect = function onSelect(list) {
     var _withInfo$current, _withInfo$current2;
@@ -10345,7 +10480,7 @@ var BsGoods = function BsGoods(props) {
   }));
 };
 
-var _excluded$c = ["value", "onChange", "reasonList", "disabled"];
+var _excluded$d = ["value", "onChange", "reasonList", "disabled"];
 var BsExchange = function BsExchange(props) {
   var _value$bsExchangeType4, _value$bsExchangeType5, _value$bsExchangeType6;
   var value = props.value,
@@ -10353,7 +10488,7 @@ var BsExchange = function BsExchange(props) {
     _props$reasonList = props.reasonList,
     reasonList = _props$reasonList === void 0 ? [] : _props$reasonList,
     disabled = props.disabled,
-    other = _objectWithoutProperties(props, _excluded$c);
+    other = _objectWithoutProperties(props, _excluded$d);
   var valueRef = useRef({});
   useEffect(function () {
     valueRef.current = value;
@@ -10377,10 +10512,14 @@ var BsExchange = function BsExchange(props) {
         onChange(newValue);
       }
     });
+    pubsub.subscribeOnce('changeShopCode', function (type, data) {
+      onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        shopCode: data.shopCode
+      }));
+    });
   }, [value]);
   useEffect(function () {
     pubsub.subscribe('selectList', function (_, data) {
-      console.log('selectList', data, valueRef.current);
       if (disabled) return;
       var newDataList = cloneDeep((data === null || data === void 0 ? void 0 : data.list) || []);
       onChange(_objectSpread2(_objectSpread2({}, data.goodValue), {}, {
@@ -10390,7 +10529,6 @@ var BsExchange = function BsExchange(props) {
   }, []);
   useEffect(function () {
     pubsub.subscribe('selectListReturn', function (_, data) {
-      console.log('selectListReturn', data);
       if (disabled) return;
       var newValue = _objectSpread2({}, data.goodValue);
       var newDataList = cloneDeep((data === null || data === void 0 ? void 0 : data.list) || []);
@@ -10572,14 +10710,14 @@ var BsExchange = function BsExchange(props) {
   }))) : null);
 };
 
-var _excluded$d = ["value", "onChange", "reasonList", "disabled"];
+var _excluded$e = ["value", "onChange", "reasonList", "disabled"];
 var BsReissue = function BsReissue(props) {
   var value = props.value,
     onChange = props.onChange,
     _props$reasonList = props.reasonList,
     reasonList = _props$reasonList === void 0 ? [] : _props$reasonList,
     disabled = props.disabled,
-    other = _objectWithoutProperties(props, _excluded$d);
+    other = _objectWithoutProperties(props, _excluded$e);
   var valueRef = useRef({});
   useEffect(function () {
     pubsub.subscribe('reissueSelectList', function (_, data) {
@@ -10621,6 +10759,11 @@ var BsReissue = function BsReissue(props) {
         onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
       }
     });
+    pubsub.subscribeOnce('changeShopCode', function (type, data) {
+      onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        shopCode: data.shopCode
+      }));
+    });
   }, [value, disabled]);
   var changeTypeHandle = function changeTypeHandle(val) {
     var newValue = _objectSpread2({}, value);

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"];
@@ -9710,13 +9777,14 @@ var ItemList = function ItemList(props) {
   }, "\u6682\u4E0D\u652F\u6301\u6DFB\u52A0")) : null);
 };
 
+var _excluded$c = ["shopId"];
 var columns = [{
   dataIndex: 'index',
-  title: '序号',
+  title: 'NO',
   render: function render(val, record, index) {
     return /*#__PURE__*/React__default['default'].createElement("div", {
       style: {
-        width: '30px'
+        width: 25
       }
     }, index + 1);
   }
@@ -9768,13 +9836,13 @@ var columns = [{
 var GoodsModal$1 = function GoodsModal(props, ref) {
   React.useImperativeHandle(ref, function () {
     return {
-      open: function open() {
+      open: function open(shopCode) {
         setVisible(true);
         setPageNo(1);
         setSelect([]);
         setSelectIds([]);
-        queryItems();
-        onReset();
+        queryItems(shopCode);
+        getShopList();
       }
     };
   });
@@ -9782,7 +9850,7 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
     shopId = props.shopId,
     shopList = props.shopList,
     width = props.width,
-    shopCode = props.shopCode;
+    companyKey = props.companyKey;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
@@ -9822,14 +9890,10 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
     _useState20 = _slicedToArray(_useState19, 2),
     total = _useState20[0],
     setTotal = _useState20[1];
-  var _useState21 = React.useState(''),
+  var _useState21 = React.useState(),
     _useState22 = _slicedToArray(_useState21, 2),
-    platform = _useState22[0],
-    setPlatform = _useState22[1]; //平台 taobao=淘宝 fxg=抖音 pdd=拼多多 sph=微信视屏号
-  var _useState23 = React.useState({}),
-    _useState24 = _slicedToArray(_useState23, 2),
-    shopInfo = _useState24[0],
-    setShopInfo = _useState24[1]; //店铺信息
+    shopOptions = _useState22[0],
+    setShopList = _useState22[1];
   var _Form$useForm = antd.Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
@@ -9841,54 +9905,55 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
   /**
    * 查询商品
    */
-  var queryItems = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var params, res, products, newProducts;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.prev = 0;
-          setLoading(true);
-          params = {
-            shopCode: shopCode
-          };
-          _context.next = 5;
-          return extendRequest('/qy/gdfw/product/bsListProduct', {
-            method: 'post',
-            data: params
-          });
-        case 5:
-          res = _context.sent;
-          products = res.data.products;
-          newProducts = (products || []).map(function (item, index) {
-            return _objectSpread2(_objectSpread2({}, item), {}, {
-              index: index + 1
+  var queryItems = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(shopCode) {
+      var params, res, products, newProducts;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            form.setFieldsValue({
+              shopId: shopCode
             });
-          });
-          setAllList(_toConsumableArray(newProducts));
-          initData(_toConsumableArray(newProducts));
-        case 10:
-          _context.prev = 10;
-          setLoading(false);
-          return _context.finish(10);
-        case 13:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[0,, 10, 13]]);
-  })), [shopCode]);
-  React.useEffect(function () {
-    var shopInfo = shopList.find(function (item) {
-      return shopId === item.shopId || shopId === item.shopName;
-    });
-    setShopInfo(shopInfo);
-    var platform = shopInfo === null || shopInfo === void 0 ? void 0 : shopInfo.shopSourceStr.toLowerCase();
-    setPlatform(platform);
-  }, [shopId]);
+            _context.prev = 1;
+            setLoading(true);
+            params = {
+              shopCode: shopCode
+            };
+            _context.next = 6;
+            return extendRequest('/qy/gdfw/product/bsListProduct', {
+              method: 'post',
+              data: params
+            });
+          case 6:
+            res = _context.sent;
+            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 8:
+            _context.prev = 8;
+            setLoading(false);
+            return _context.finish(8);
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1,, 8, 11]]);
+    }));
+    return function queryItems(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
   var rowSelection = {
     selectedRowKeys: selectIds,
     fixed: true,
     onChange: function onChange(selectedRowKeys, selectedRows, info) {
-      console.log(selectedRowKeys, selectedRows, info);
       setSelectIds(selectedRowKeys);
       setSelect(_toConsumableArray(selectedRows));
     }
@@ -9900,13 +9965,17 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
     setPageNo(1);
   };
   var _onCancel = function onCancel() {
+    onReset();
     setVisible(false);
   };
   var onOk = function onOk() {
     onSubmit(selectList);
     _onCancel();
   };
-  var onFinish = function onFinish(value) {
+  var onFinish = function onFinish(val) {
+    var shopId = val.shopId,
+      other = _objectWithoutProperties(val, _excluded$c);
+    var value = other;
     var newFilterList = [];
     var hasValue = Object.values(value).some(function (t) {
       return !!t;
@@ -9914,8 +9983,9 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
     if (hasValue) {
       Object.keys(value).forEach(function (key) {
         if (value[key]) {
+          var trimValue = value[key].trim();
           newFilterList = allList.filter(function (item) {
-            return item[key].indexOf(value[key]) > -1;
+            return item[key].indexOf(trimValue) > -1;
           });
         }
       });
@@ -9926,7 +9996,52 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
   };
   var onReset = function onReset() {
     form.resetFields();
-    initData(_toConsumableArray(allList));
+    initData([]);
+  };
+  var getShopList = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _yield$request, success, data, obj, list;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return extendRequest('/qy/diamond/getConfigInfo', {
+              method: 'get',
+              params: {
+                key: 'company-third-shop-info'
+              }
+            });
+          case 2:
+            _yield$request = _context2.sent;
+            success = _yield$request.success;
+            data = _yield$request.data;
+            obj = JSON.parse(data || '{}');
+            if (success) {
+              list = ((obj === null || obj === void 0 ? void 0 : obj[companyKey]) || []).map(function (item) {
+                return {
+                  label: item.shopName,
+                  value: item.shopCode
+                };
+              });
+              setShopList(list);
+            }
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function getShopList() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var onValuesChange = function onValuesChange(changedValues) {
+    if (changedValues === null || changedValues === void 0 ? void 0 : changedValues['shopId']) {
+      queryItems(changedValues === null || changedValues === void 0 ? void 0 : changedValues.shopId);
+      pubsub__default['default'].publish('changeShopCode', {
+        shopCode: changedValues.shopId
+      });
+    }
   };
   return /*#__PURE__*/React__default['default'].createElement(antd.Modal, {
     title: '选择商品',
@@ -9942,8 +10057,21 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
   }, /*#__PURE__*/React__default['default'].createElement(antd.Form, {
     layout: "inline",
     form: form,
-    onFinish: onFinish
+    onFinish: onFinish,
+    onValuesChange: onValuesChange
   }, /*#__PURE__*/React__default['default'].createElement(antd.Form.Item, {
+    name: "shopId"
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+    placeholder: "\u5E97\u94FA",
+    style: {
+      width: 150
+    },
+    options: shopOptions || [],
+    showSearch: true,
+    filterOption: function filterOption(input, option) {
+      return option.label.includes(input);
+    }
+  })), /*#__PURE__*/React__default['default'].createElement(antd.Form.Item, {
     name: "skuName"
   }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
     placeholder: "\u5546\u54C1sku\u540D\u79F0",
@@ -10035,6 +10163,8 @@ var GoodItem = function GoodItem(props) {
     _props$canUpdateNumbe = props.canUpdateNumber,
     canUpdateNumber = _props$canUpdateNumbe === void 0 ? false : _props$canUpdateNumbe,
     shopCode = props.shopCode,
+    _props$companyKey = props.companyKey,
+    companyKey = _props$companyKey === void 0 ? '' : _props$companyKey,
     onSelect = props.onSelect,
     onDelete = props.onDelete;
   var refModal = React.useRef();
@@ -10216,7 +10346,7 @@ var GoodItem = function GoodItem(props) {
     }));
   };
   var handleChangeGoods = function handleChangeGoods() {
-    refModal.current.open();
+    refModal.current.open(shopCode);
   };
   var rowSelection = {
     selectedRowKeys: selectedRowKeys,
@@ -10256,7 +10386,7 @@ var GoodItem = function GoodItem(props) {
     shopList: shopList,
     shopId: shopId,
     maxLength: maxLength,
-    shopCode: shopCode
+    companyKey: companyKey
   }));
 };
 
@@ -10295,7 +10425,6 @@ var BsGoods = function BsGoods(props) {
     //补发
     pubsub__default['default'].subscribe('reissueType', function (type, data) {
       if (disabled) return;
-      console.log(type, data);
       withInfo.current = {
         type: type,
         val: data.val,
@@ -10310,6 +10439,12 @@ var BsGoods = function BsGoods(props) {
         });
       }
     });
+    pubsub__default['default'].subscribeOnce('changeShopCode', function (type, data) {
+      console.log(data);
+      onChange(_objectSpread2(_objectSpread2({}, valueRef === null || valueRef === void 0 ? void 0 : valueRef.current), {}, {
+        shopCode: data.shopCode
+      }));
+    });
   }, [disabled]);
   var _onSelect = function onSelect(list) {
     var _withInfo$current, _withInfo$current2;
@@ -10356,7 +10491,7 @@ var BsGoods = function BsGoods(props) {
   }));
 };
 
-var _excluded$c = ["value", "onChange", "reasonList", "disabled"];
+var _excluded$d = ["value", "onChange", "reasonList", "disabled"];
 var BsExchange = function BsExchange(props) {
   var _value$bsExchangeType4, _value$bsExchangeType5, _value$bsExchangeType6;
   var value = props.value,
@@ -10364,7 +10499,7 @@ var BsExchange = function BsExchange(props) {
     _props$reasonList = props.reasonList,
     reasonList = _props$reasonList === void 0 ? [] : _props$reasonList,
     disabled = props.disabled,
-    other = _objectWithoutProperties(props, _excluded$c);
+    other = _objectWithoutProperties(props, _excluded$d);
   var valueRef = React.useRef({});
   React.useEffect(function () {
     valueRef.current = value;
@@ -10388,10 +10523,14 @@ var BsExchange = function BsExchange(props) {
         onChange(newValue);
       }
     });
+    pubsub__default['default'].subscribeOnce('changeShopCode', function (type, data) {
+      onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        shopCode: data.shopCode
+      }));
+    });
   }, [value]);
   React.useEffect(function () {
     pubsub__default['default'].subscribe('selectList', function (_, data) {
-      console.log('selectList', data, valueRef.current);
       if (disabled) return;
       var newDataList = lodash.cloneDeep((data === null || data === void 0 ? void 0 : data.list) || []);
       onChange(_objectSpread2(_objectSpread2({}, data.goodValue), {}, {
@@ -10401,7 +10540,6 @@ var BsExchange = function BsExchange(props) {
   }, []);
   React.useEffect(function () {
     pubsub__default['default'].subscribe('selectListReturn', function (_, data) {
-      console.log('selectListReturn', data);
       if (disabled) return;
       var newValue = _objectSpread2({}, data.goodValue);
       var newDataList = lodash.cloneDeep((data === null || data === void 0 ? void 0 : data.list) || []);
@@ -10583,14 +10721,14 @@ var BsExchange = function BsExchange(props) {
   }))) : null);
 };
 
-var _excluded$d = ["value", "onChange", "reasonList", "disabled"];
+var _excluded$e = ["value", "onChange", "reasonList", "disabled"];
 var BsReissue = function BsReissue(props) {
   var value = props.value,
     onChange = props.onChange,
     _props$reasonList = props.reasonList,
     reasonList = _props$reasonList === void 0 ? [] : _props$reasonList,
     disabled = props.disabled,
-    other = _objectWithoutProperties(props, _excluded$d);
+    other = _objectWithoutProperties(props, _excluded$e);
   var valueRef = React.useRef({});
   React.useEffect(function () {
     pubsub__default['default'].subscribe('reissueSelectList', function (_, data) {
@@ -10632,6 +10770,11 @@ var BsReissue = function BsReissue(props) {
         onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
       }
     });
+    pubsub__default['default'].subscribeOnce('changeShopCode', function (type, data) {
+      onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        shopCode: data.shopCode
+      }));
+    });
   }, [value, disabled]);
   var changeTypeHandle = function changeTypeHandle(val) {
     var newValue = _objectSpread2({}, value);

package/dist/src/bs/component/GoodItem/index.d.ts

@@ -15,6 +15,7 @@ interface BsGoodsProps {
     otherOperations: any;
     canUpdateNumber: boolean;
     shopCode: string;
+    companyKey: string;
     onChange: (val: any[]) => void;
     onSelect: (val: any[]) => void;
     onDelete: (val: any[]) => void;

package/dist/src/bs/component/GoodsModal.d.ts

@@ -5,6 +5,7 @@ interface GoodModelProps {
     shopList: any[];
     width?: string | number;
     shopCode?: string;
+    companyKey: string;
     onSubmit: (...args: any[]) => any;
 }
 declare const _default: React.ForwardRefExoticComponent<GoodModelProps & React.RefAttributes<unknown>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "0.8.9-alpha.0",
+  "version": "0.8.9-alpha.12",
   "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.7-alpha.0",
+    "@kmkf-fe-packages/kmkf-utils": "^0.8.9-alpha.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": "97f6ab166f536ac9098b1883732a91c848165a04"
+  "gitHead": "8dacfd2ad0656abd11684055ab4a9a35aa460d08"
 }