@kmkf-fe-packages/basic-components 0.4.0 → 0.5.2-alpha.0

package/dist/business/LogisticsInterception/index.d.ts

@@ -0,0 +1,22 @@
+interface LogisticsInterceptionValueType {
+    interceptCompany: string;
+    interceptCode: string;
+    interceptType: string;
+    interceptAddress: any[];
+    interceptDetail: string;
+    interceptReceiverName: string;
+    interceptReceiverMobile: string;
+    interceptStatus: string | number;
+    interceptOther: string;
+}
+interface LogisticsInterceptionProps {
+    value: Partial<LogisticsInterceptionValueType>;
+    logisticsOptions: any[];
+    required: boolean;
+    disabled: boolean;
+    isEditing: boolean;
+    id: string;
+    onChange: (value: Partial<LogisticsInterceptionValueType>) => void;
+}
+declare const LogisticsInterception: (props: Partial<LogisticsInterceptionProps>) => JSX.Element;
+export default LogisticsInterception;

package/dist/index.d.ts

@@ -28,6 +28,7 @@ export { default as Supplier } from './business/Supplier';
 export { default as Invoice } from './business/Invoice';
 export { default as Status } from './business/Status';
 export { default as Payment } from './business/Payment';
+export { default as LogisticsInterception } from './business/LogisticsInterception';
 export { default as Goods } from './common/Goods';
 export { default as JstGoods } from './jst/Goods';
 export { default as JstItemList } from './jst/ItemList';

package/dist/index.esm.js

@@ -3116,6 +3116,188 @@ var Payment = function Payment(props) {
   }));
 };
 
+var Item = Form.Item;
+var LogisticsInterception = function LogisticsInterception(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? {} : _props$value,
+    _props$logisticsOptio = props.logisticsOptions,
+    logisticsOptions = _props$logisticsOptio === void 0 ? [] : _props$logisticsOptio,
+    _props$required = props.required,
+    required = _props$required === void 0 ? false : _props$required,
+    onChange = props.onChange,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$isEditing = props.isEditing,
+    isEditing = _props$isEditing === void 0 ? false : _props$isEditing;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    typeOptions = _useState2[0],
+    setTypeOptions = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    statusOptions = _useState4[0],
+    setStatusOptions = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isInterface = _useState6[0],
+    setIsInterface = _useState6[1];
+  var canEdit = useMemo(function () {
+    //非对接公司可以修改
+    if (!isInterface) return true;
+    //已对接公司在拦截中可以修改
+    var INTERCEPTING = statusOptions.some(function (item) {
+      return item.value === (value === null || value === void 0 ? void 0 : value.interceptStatus) && (item === null || item === void 0 ? void 0 : item.showInterceptionBtn);
+    });
+    return isEditing && (value === null || value === void 0 ? void 0 : value.interceptStatus) ? INTERCEPTING && isEditing : true;
+  }, [value, statusOptions, isInterface, isEditing]);
+  useEffect(function () {
+    if (!(value === null || value === void 0 ? void 0 : value.interceptCompany)) {
+      setTypeOptions([]);
+      setStatusOptions([]);
+      setIsInterface(false);
+      return;
+    }
+    var interceptCompany = logisticsOptions.find(function (item) {
+      return item.expressCode === (value === null || value === void 0 ? void 0 : value.interceptCompany);
+    });
+    setTypeOptions((interceptCompany === null || interceptCompany === void 0 ? void 0 : interceptCompany.interceptionTypeList) || []);
+    setStatusOptions((interceptCompany === null || interceptCompany === void 0 ? void 0 : interceptCompany.interceptionStatusList) || []);
+    setIsInterface(interceptCompany === null || interceptCompany === void 0 ? void 0 : interceptCompany.isInterface);
+  }, [value === null || value === void 0 ? void 0 : value.interceptCompany]);
+  //是否展示新地址
+  var showNewAddress = useMemo(function () {
+    var _find, _find$config;
+    return (_find = (typeOptions || []).find(function (item) {
+      return item.value === (value === null || value === void 0 ? void 0 : value.interceptType);
+    })) === null || _find === void 0 ? void 0 : (_find$config = _find.config) === null || _find$config === void 0 ? void 0 : _find$config.showAddress;
+  }, [value === null || value === void 0 ? void 0 : value.interceptType, typeOptions, value === null || value === void 0 ? void 0 : value.interceptCompany]);
+  var changeHandle = function changeHandle(val, type) {
+    var newValue = _objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, val));
+    if (type === 'interceptCompany') {
+      newValue = _objectSpread2(_objectSpread2({}, value), {}, {
+        interceptCompany: val,
+        interceptType: 'RETURN',
+        interceptAddress: [],
+        interceptDetail: '',
+        interceptReceiverName: '',
+        interceptReceiverMobile: '',
+        interceptStatus: '',
+        interceptOther: ''
+      });
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Item, {
+    label: '物流信息',
+    required: required,
+    key: 'logistics'
+  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Select, {
+    disabled: disabled || !canEdit,
+    placeholder: "\u7269\u6D41\u516C\u53F8",
+    style: {
+      width: '200px'
+    },
+    onChange: function onChange(val) {
+      return changeHandle(val, 'interceptCompany');
+    },
+    value: (value === null || value === void 0 ? void 0 : value.interceptCompany) === '' ? undefined : value === null || value === void 0 ? void 0 : value.interceptCompany,
+    options: logisticsOptions,
+    showSearch: true,
+    filterOption: function filterOption(input, option) {
+      return option.label.includes(input);
+    }
+  }), /*#__PURE__*/React.createElement(Input, {
+    disabled: disabled || !canEdit,
+    placeholder: "\u7269\u6D41\u5355\u53F7",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'interceptCode');
+    },
+    value: value === null || value === void 0 ? void 0 : value.interceptCode
+  }))), /*#__PURE__*/React.createElement(Item, {
+    label: '拦截类型',
+    required: required,
+    key: 'interceptType'
+  }, /*#__PURE__*/React.createElement(Select, {
+    disabled: disabled || !canEdit,
+    style: {
+      width: '200px'
+    },
+    options: typeOptions,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'interceptType');
+    },
+    value: value === null || value === void 0 ? void 0 : value.interceptType,
+    placeholder: "\u62E6\u622A\u7C7B\u578B",
+    showSearch: true,
+    filterOption: function filterOption(input, option) {
+      return option.label.includes(input);
+    }
+  })), /*#__PURE__*/React.createElement(Item, {
+    label: '新派送地',
+    required: true,
+    key: 'newAddress',
+    hidden: !showNewAddress
+  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Province, {
+    value: value === null || value === void 0 ? void 0 : value.interceptAddress,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'interceptAddress');
+    },
+    options: [],
+    disabled: disabled || !canEdit
+  }), /*#__PURE__*/React.createElement(Input, {
+    value: value === null || value === void 0 ? void 0 : value.interceptDetail,
+    disabled: disabled || !canEdit,
+    placeholder: "\u8BE6\u7EC6\u5730\u5740",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'interceptDetail');
+    }
+  })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Input, {
+    value: value === null || value === void 0 ? void 0 : value.interceptReceiverName,
+    disabled: disabled || !canEdit,
+    style: {
+      width: '200px'
+    },
+    placeholder: "\u6536\u4EF6\u4EBA\u59D3\u540D",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'interceptReceiverName');
+    }
+  }), /*#__PURE__*/React.createElement(Input, {
+    value: value === null || value === void 0 ? void 0 : value.interceptReceiverMobile,
+    disabled: disabled || !canEdit,
+    placeholder: "\u6536\u4EF6\u4EBA\u7535\u8BDD",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'interceptReceiverMobile');
+    }
+  }))), /*#__PURE__*/React.createElement(Item, {
+    label: '拦截状态',
+    key: 'interceptStatus'
+  }, /*#__PURE__*/React.createElement(Select, {
+    disabled: disabled || isInterface,
+    style: {
+      width: '200px'
+    },
+    options: statusOptions,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'interceptStatus');
+    },
+    value: value === null || value === void 0 ? void 0 : value.interceptStatus,
+    placeholder: "\u62E6\u622A\u72B6\u6001",
+    showSearch: true,
+    filterOption: function filterOption(input, option) {
+      return option.label.includes(input);
+    }
+  }), (value === null || value === void 0 ? void 0 : value.interceptStatus) === 'OTHER' && /*#__PURE__*/React.createElement(Input, {
+    disabled: disabled || canEdit,
+    style: {
+      width: '200px'
+    },
+    placeholder: "\u5176\u4ED6",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'interceptOther');
+    }
+  })));
+};
+
 var jstGoods = function jstGoods(props) {
   var _value$changeIndex, _value$changeIndex2, _value$changeIndex3, _value$changeIndex4, _value$changeIndex5, _value$changeIndex6;
   var _props$value = props.value,
@@ -3781,4 +3963,4 @@ var Goods$1 = function Goods(props, ref) {
 };
 var index = /*#__PURE__*/forwardRef(Goods$1);
 
-export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasMultipleSelect, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, ApaasUploadAsync, BuyerNick, ChooseBaby, ExpressLogistics, Goods, index as GoodsTable, Invoice, jstGoods as JstGoods, ItemList as JstItemList, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, Supplier, TBGoodId, TBGoodSerial, TradeId };
+export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasMultipleSelect, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, ApaasUploadAsync, BuyerNick, ChooseBaby, ExpressLogistics, Goods, index as GoodsTable, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, Supplier, TBGoodId, TBGoodSerial, TradeId };

package/dist/index.js

@@ -3126,6 +3126,188 @@ var Payment = function Payment(props) {
   }));
 };
 
+var Item = antd.Form.Item;
+var LogisticsInterception = function LogisticsInterception(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? {} : _props$value,
+    _props$logisticsOptio = props.logisticsOptions,
+    logisticsOptions = _props$logisticsOptio === void 0 ? [] : _props$logisticsOptio,
+    _props$required = props.required,
+    required = _props$required === void 0 ? false : _props$required,
+    onChange = props.onChange,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$isEditing = props.isEditing,
+    isEditing = _props$isEditing === void 0 ? false : _props$isEditing;
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    typeOptions = _useState2[0],
+    setTypeOptions = _useState2[1];
+  var _useState3 = React.useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    statusOptions = _useState4[0],
+    setStatusOptions = _useState4[1];
+  var _useState5 = React.useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isInterface = _useState6[0],
+    setIsInterface = _useState6[1];
+  var canEdit = React.useMemo(function () {
+    //非对接公司可以修改
+    if (!isInterface) return true;
+    //已对接公司在拦截中可以修改
+    var INTERCEPTING = statusOptions.some(function (item) {
+      return item.value === (value === null || value === void 0 ? void 0 : value.interceptStatus) && (item === null || item === void 0 ? void 0 : item.showInterceptionBtn);
+    });
+    return isEditing && (value === null || value === void 0 ? void 0 : value.interceptStatus) ? INTERCEPTING && isEditing : true;
+  }, [value, statusOptions, isInterface, isEditing]);
+  React.useEffect(function () {
+    if (!(value === null || value === void 0 ? void 0 : value.interceptCompany)) {
+      setTypeOptions([]);
+      setStatusOptions([]);
+      setIsInterface(false);
+      return;
+    }
+    var interceptCompany = logisticsOptions.find(function (item) {
+      return item.expressCode === (value === null || value === void 0 ? void 0 : value.interceptCompany);
+    });
+    setTypeOptions((interceptCompany === null || interceptCompany === void 0 ? void 0 : interceptCompany.interceptionTypeList) || []);
+    setStatusOptions((interceptCompany === null || interceptCompany === void 0 ? void 0 : interceptCompany.interceptionStatusList) || []);
+    setIsInterface(interceptCompany === null || interceptCompany === void 0 ? void 0 : interceptCompany.isInterface);
+  }, [value === null || value === void 0 ? void 0 : value.interceptCompany]);
+  //是否展示新地址
+  var showNewAddress = React.useMemo(function () {
+    var _find, _find$config;
+    return (_find = (typeOptions || []).find(function (item) {
+      return item.value === (value === null || value === void 0 ? void 0 : value.interceptType);
+    })) === null || _find === void 0 ? void 0 : (_find$config = _find.config) === null || _find$config === void 0 ? void 0 : _find$config.showAddress;
+  }, [value === null || value === void 0 ? void 0 : value.interceptType, typeOptions, value === null || value === void 0 ? void 0 : value.interceptCompany]);
+  var changeHandle = function changeHandle(val, type) {
+    var newValue = _objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, val));
+    if (type === 'interceptCompany') {
+      newValue = _objectSpread2(_objectSpread2({}, value), {}, {
+        interceptCompany: val,
+        interceptType: 'RETURN',
+        interceptAddress: [],
+        interceptDetail: '',
+        interceptReceiverName: '',
+        interceptReceiverMobile: '',
+        interceptStatus: '',
+        interceptOther: ''
+      });
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+  };
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Item, {
+    label: '物流信息',
+    required: required,
+    key: 'logistics'
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+    disabled: disabled || !canEdit,
+    placeholder: "\u7269\u6D41\u516C\u53F8",
+    style: {
+      width: '200px'
+    },
+    onChange: function onChange(val) {
+      return changeHandle(val, 'interceptCompany');
+    },
+    value: (value === null || value === void 0 ? void 0 : value.interceptCompany) === '' ? undefined : value === null || value === void 0 ? void 0 : value.interceptCompany,
+    options: logisticsOptions,
+    showSearch: true,
+    filterOption: function filterOption(input, option) {
+      return option.label.includes(input);
+    }
+  }), /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled || !canEdit,
+    placeholder: "\u7269\u6D41\u5355\u53F7",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'interceptCode');
+    },
+    value: value === null || value === void 0 ? void 0 : value.interceptCode
+  }))), /*#__PURE__*/React__default['default'].createElement(Item, {
+    label: '拦截类型',
+    required: required,
+    key: 'interceptType'
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+    disabled: disabled || !canEdit,
+    style: {
+      width: '200px'
+    },
+    options: typeOptions,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'interceptType');
+    },
+    value: value === null || value === void 0 ? void 0 : value.interceptType,
+    placeholder: "\u62E6\u622A\u7C7B\u578B",
+    showSearch: true,
+    filterOption: function filterOption(input, option) {
+      return option.label.includes(input);
+    }
+  })), /*#__PURE__*/React__default['default'].createElement(Item, {
+    label: '新派送地',
+    required: true,
+    key: 'newAddress',
+    hidden: !showNewAddress
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(Province, {
+    value: value === null || value === void 0 ? void 0 : value.interceptAddress,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'interceptAddress');
+    },
+    options: [],
+    disabled: disabled || !canEdit
+  }), /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    value: value === null || value === void 0 ? void 0 : value.interceptDetail,
+    disabled: disabled || !canEdit,
+    placeholder: "\u8BE6\u7EC6\u5730\u5740",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'interceptDetail');
+    }
+  })), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    value: value === null || value === void 0 ? void 0 : value.interceptReceiverName,
+    disabled: disabled || !canEdit,
+    style: {
+      width: '200px'
+    },
+    placeholder: "\u6536\u4EF6\u4EBA\u59D3\u540D",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'interceptReceiverName');
+    }
+  }), /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    value: value === null || value === void 0 ? void 0 : value.interceptReceiverMobile,
+    disabled: disabled || !canEdit,
+    placeholder: "\u6536\u4EF6\u4EBA\u7535\u8BDD",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'interceptReceiverMobile');
+    }
+  }))), /*#__PURE__*/React__default['default'].createElement(Item, {
+    label: '拦截状态',
+    key: 'interceptStatus'
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+    disabled: disabled || isInterface,
+    style: {
+      width: '200px'
+    },
+    options: statusOptions,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'interceptStatus');
+    },
+    value: value === null || value === void 0 ? void 0 : value.interceptStatus,
+    placeholder: "\u62E6\u622A\u72B6\u6001",
+    showSearch: true,
+    filterOption: function filterOption(input, option) {
+      return option.label.includes(input);
+    }
+  }), (value === null || value === void 0 ? void 0 : value.interceptStatus) === 'OTHER' && /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled || canEdit,
+    style: {
+      width: '200px'
+    },
+    placeholder: "\u5176\u4ED6",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'interceptOther');
+    }
+  })));
+};
+
 var jstGoods = function jstGoods(props) {
   var _value$changeIndex, _value$changeIndex2, _value$changeIndex3, _value$changeIndex4, _value$changeIndex5, _value$changeIndex6;
   var _props$value = props.value,
@@ -3816,6 +3998,7 @@ exports.GoodsTable = index;
 exports.Invoice = Invoice;
 exports.JstGoods = jstGoods;
 exports.JstItemList = ItemList;
+exports.LogisticsInterception = LogisticsInterception;
 exports.Payment = Payment;
 exports.Remark = RemarkInput;
 exports.ReturnLogistics = ExpressLogistics;

package/package.json

@@ -1,21 +1,23 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "0.4.0",
+  "version": "0.5.2-alpha.0",
   "description": "> TODO: description",
-  "author": "wangzhenggui <jianjia.wzg@raycloud.com>",
   "homepage": "",
   "license": "ISC",
+  "author": "wangzhenggui <jianjia.wzg@raycloud.com>",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
+  "files": [
+    "dist"
+  ],
   "scripts": {
+    "async": "yarn build && yalc push",
     "build": "father-build",
     "start": "dumi dev",
-    "async": "yarn build && yalc push",
     "watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e ts,tsx,less --debug -x 'yarn async'"
   },
-  "gitHead": "e3b9404a5ea8a0021630fcbee65b0ae13a4fef52",
-  "publishConfig": {
-    "access": "public"
+  "dependencies": {
+    "umi-request": "^1.4.0"
   },
   "devDependencies": {
     "@umijs/test": "^3.0.5",
@@ -27,15 +29,13 @@
     "prettier": "^2.2.1",
     "yorkie": "^2.0.0"
   },
-  "dependencies": {
-    "umi-request": "^1.4.0"
-  },
   "peerDependencies": {
     "@ant-design/icons": "^4.7.0",
     "antd": "^4.21.4",
     "react": "^16.8.0"
   },
-  "files": [
-    "dist"
-  ]
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "58fef2f350ae18368acc1a892dd1b4595efaee2d"
 }