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

package/README.md

@@ -1,17 +1,22 @@
 ## 开始
-快麦工单 react组件库
+
+快麦工单 react 组件库
 项目框架 dumi[https://d.umijs.org/zh-CN]
+
 ```
 node >15
 
-yarn 
+yarn
 yarn start
 ```
 
 ### 目录
-  - apaas  apaas 基础组件
-  - basice  基础组件
-  - business 快麦工单业务组件
-  - common 公共组件
-  - config 公共方法
-  - assets 静态资源
+
+- apaas apaas 基础组件
+- basice 基础组件
+- business 快麦工单业务组件
+- common 公共组件
+- config 公共方法
+- assets 静态资源
+
+###

package/dist/index.d.ts

@@ -28,7 +28,6 @@ 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

@@ -2367,7 +2367,6 @@ var Goods = function Goods(props) {
     width = props.width;
   var shopId = value.shopId,
     imgList = value.imgList;
-  console.log(props);
   // 目前当type == 3 时需要讲item项水平排列
   var goodsBoxClassName = 'goodsBox-item-horizontal--box';
   var _useState = useState(false),
@@ -3116,188 +3115,6 @@ 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,
@@ -3963,4 +3780,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, LogisticsInterception, 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, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, Supplier, TBGoodId, TBGoodSerial, TradeId };

package/dist/index.js

@@ -2377,7 +2377,6 @@ var Goods = function Goods(props) {
     width = props.width;
   var shopId = value.shopId,
     imgList = value.imgList;
-  console.log(props);
   // 目前当type == 3 时需要讲item项水平排列
   var goodsBoxClassName = 'goodsBox-item-horizontal--box';
   var _useState = React.useState(false),
@@ -3126,188 +3125,6 @@ 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,
@@ -3998,7 +3815,6 @@ 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.5.2-alpha.0",
+  "version": "0.6.0-alpha.1",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -37,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "58fef2f350ae18368acc1a892dd1b4595efaee2d"
+  "gitHead": "ffacd4ef83d8b0e323d65b183e4ab0d0da9ae732"
 }

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

@@ -1,22 +0,0 @@
-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;