@kmkf-fe-packages/basic-components 0.2.0 → 0.2.2-alpha.0

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

@@ -0,0 +1,21 @@
+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;
+    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,170 @@ 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,
+    required = props.required,
+    onChange = props.onChange,
+    disabled = props.disabled;
+  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(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isInterface = _useState6[0],
+    setIsInterface = _useState6[1];
+  useEffect(function () {
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+      interceptType: undefined,
+      interceptAddress: [],
+      interceptDetail: '',
+      interceptReceiverName: '',
+      interceptReceiverMobile: '',
+      interceptStatus: '',
+      interceptOther: ''
+    }));
+    if (!(value === null || value === void 0 ? void 0 : value.interceptCompany)) {
+      setTypeOptions([]);
+      setStatusOptions([]);
+      setIsInterface(true);
+      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) || []);
+    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]);
+  var changeHandle = function changeHandle(val, type) {
+    var newValue = _objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, val));
+    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,
+    fieldNames: {
+      label: 'expressName',
+      value: 'expressCode'
+    },
+    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,
+    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,
+    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: required,
+    key: 'newAddress',
+    hidden: isInterface && 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
+  }), /*#__PURE__*/React.createElement(Input, {
+    disabled: disabled,
+    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, {
+    disabled: disabled,
+    style: {
+      width: '200px'
+    },
+    placeholder: "\u6536\u4EF6\u4EBA\u59D3\u540D",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'interceptReceiverName');
+    }
+  }), /*#__PURE__*/React.createElement(Input, {
+    disabled: disabled,
+    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, {
+    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 +3945,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,170 @@ 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,
+    required = props.required,
+    onChange = props.onChange,
+    disabled = props.disabled;
+  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(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isInterface = _useState6[0],
+    setIsInterface = _useState6[1];
+  React.useEffect(function () {
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+      interceptType: undefined,
+      interceptAddress: [],
+      interceptDetail: '',
+      interceptReceiverName: '',
+      interceptReceiverMobile: '',
+      interceptStatus: '',
+      interceptOther: ''
+    }));
+    if (!(value === null || value === void 0 ? void 0 : value.interceptCompany)) {
+      setTypeOptions([]);
+      setStatusOptions([]);
+      setIsInterface(true);
+      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) || []);
+    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]);
+  var changeHandle = function changeHandle(val, type) {
+    var newValue = _objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, val));
+    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,
+    fieldNames: {
+      label: 'expressName',
+      value: 'expressCode'
+    },
+    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,
+    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,
+    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: required,
+    key: 'newAddress',
+    hidden: isInterface && 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
+  }), /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    disabled: disabled,
+    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, {
+    disabled: disabled,
+    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, {
+    disabled: disabled,
+    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, {
+    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 +3980,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,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "0.2.0",
+  "version": "0.2.2-alpha.0",
   "description": "> TODO: description",
   "author": "wangzhenggui <jianjia.wzg@raycloud.com>",
   "homepage": "",
@@ -13,7 +13,7 @@
     "async": "yarn build && yalc push",
     "watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e ts,tsx,less --debug -x 'yarn async'"
   },
-  "gitHead": "59473c854fce5f2412f0b470dd241249fa562a80",
+  "gitHead": "d44b310feb505019c7ffb93c23826b045e71e627",
   "publishConfig": {
     "access": "public"
   },