@kmkf-fe-packages/basic-components 0.15.0 → 0.15.1-alpha.1

package/dist/index.esm.js

@@ -11986,6 +11986,73 @@ var CommonSystemOrder$1 = function CommonSystemOrder(props) {
   }, "\u5931\u8D25\u539F\u56E0\uFF1A", (_value$changeIndex3 = value[changeIndex]) === null || _value$changeIndex3 === void 0 ? void 0 : _value$changeIndex3.reason) : null) : null);
 };
 
+var _excluded$i = ["value", "onChange", "disabled", "failValue", "type"];
+var msgTypeCh = {
+  'ding': '钉钉',
+  'wechat': '微信',
+  'qq': 'QQ',
+  'qywx': '企业微信'
+};
+var MsgStatus = function MsgStatus(props) {
+  var _value$changeIndex, _value$changeIndex2, _value$changeIndex3;
+  var _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    failValue = props.failValue,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 1 : _props$type,
+    other = _objectWithoutProperties(props, _excluded$i);
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    changeIndex = _useState2[0],
+    setChangeIndex = _useState2[1]; //选中的包裹
+  var changeHandle = function changeHandle(val, valType) {
+    var changeOrderInfo = _objectSpread2({}, value[changeIndex]);
+    changeOrderInfo[valType] = val;
+    if (val !== failValue) {
+      changeOrderInfo.reason = '';
+    }
+    var newList = _toConsumableArray(value);
+    newList[changeIndex] = changeOrderInfo;
+    onChange === null || onChange === void 0 ? void 0 : onChange(newList);
+  };
+  //判断是否是单个且没有商品数据
+  var isSingle = useMemo(function () {
+    return value && value.length === 1;
+  }, [value]);
+  return /*#__PURE__*/React.createElement("div", null, !isSingle ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Space, {
+    wrap: true
+  }, (value || []).map(function (item, index) {
+    var key = item.msgType || 'ding';
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: changeIndex === index ? '#4569d4' : 'black',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return setChangeIndex(index);
+      }
+    }, msgTypeCh[key], item.ruleName);
+  }))) : null, type === 1 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Select, _objectSpread2(_objectSpread2({}, other), {}, {
+    showSearch: true,
+    value: (_value$changeIndex = value[changeIndex]) === null || _value$changeIndex === void 0 ? void 0 : _value$changeIndex.status,
+    filterOption: function filterOption(input, option) {
+      return option.label.includes(input);
+    },
+    style: {
+      width: 200
+    },
+    placeholder: "\u8BF7\u9009\u62E9",
+    disabled: disabled,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'status');
+    }
+  }))), ((_value$changeIndex2 = value[changeIndex]) === null || _value$changeIndex2 === void 0 ? void 0 : _value$changeIndex2.reason) ? /*#__PURE__*/React.createElement("div", {
+    className: "c-red"
+  }, "\u5931\u8D25\u539F\u56E0\uFF1A", (_value$changeIndex3 = value[changeIndex]) === null || _value$changeIndex3 === void 0 ? void 0 : _value$changeIndex3.reason) : null) : null);
+};
+
 var CalculationInput = function CalculationInput(props) {
   var _props$config = props.config,
     config = _props$config === void 0 ? {} : _props$config;
@@ -12004,4 +12071,4 @@ var CalculationInput = function CalculationInput(props) {
   }, config === null || config === void 0 ? void 0 : config.unit));
 };
 
-export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasLogistics, ApaasMultipleSelect, ApaasPosting, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, index as ApaasUploadAsync, ApaasUploadFile, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$1 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonSystemOrder$1 as CommonMultiStatus, CommonStatus, CommonSystemOrder, ExpressLogistics, Goods, index$2 as GoodsTable, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, LogisticsTrajectory, ParseLogistics, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, Supplier, TBGoodId, TBGoodSerial, TradeId, WlnGoods };
+export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasLogistics, ApaasMultipleSelect, ApaasPosting, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, index as ApaasUploadAsync, ApaasUploadFile, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$1 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonSystemOrder$1 as CommonMultiStatus, CommonStatus, CommonSystemOrder, ExpressLogistics, Goods, index$2 as GoodsTable, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, LogisticsTrajectory, MsgStatus, ParseLogistics, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, Supplier, TBGoodId, TBGoodSerial, TradeId, WlnGoods };

package/dist/index.js

@@ -11997,6 +11997,73 @@ var CommonSystemOrder$1 = function CommonSystemOrder(props) {
   }, "\u5931\u8D25\u539F\u56E0\uFF1A", (_value$changeIndex3 = value[changeIndex]) === null || _value$changeIndex3 === void 0 ? void 0 : _value$changeIndex3.reason) : null) : null);
 };
 
+var _excluded$i = ["value", "onChange", "disabled", "failValue", "type"];
+var msgTypeCh = {
+  'ding': '钉钉',
+  'wechat': '微信',
+  'qq': 'QQ',
+  'qywx': '企业微信'
+};
+var MsgStatus = function MsgStatus(props) {
+  var _value$changeIndex, _value$changeIndex2, _value$changeIndex3;
+  var _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    failValue = props.failValue,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 1 : _props$type,
+    other = _objectWithoutProperties(props, _excluded$i);
+  var _useState = React.useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    changeIndex = _useState2[0],
+    setChangeIndex = _useState2[1]; //选中的包裹
+  var changeHandle = function changeHandle(val, valType) {
+    var changeOrderInfo = _objectSpread2({}, value[changeIndex]);
+    changeOrderInfo[valType] = val;
+    if (val !== failValue) {
+      changeOrderInfo.reason = '';
+    }
+    var newList = _toConsumableArray(value);
+    newList[changeIndex] = changeOrderInfo;
+    onChange === null || onChange === void 0 ? void 0 : onChange(newList);
+  };
+  //判断是否是单个且没有商品数据
+  var isSingle = React.useMemo(function () {
+    return value && value.length === 1;
+  }, [value]);
+  return /*#__PURE__*/React__default['default'].createElement("div", null, !isSingle ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Space, {
+    wrap: true
+  }, (value || []).map(function (item, index) {
+    var key = item.msgType || 'ding';
+    return /*#__PURE__*/React__default['default'].createElement("span", {
+      style: {
+        color: changeIndex === index ? '#4569d4' : 'black',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return setChangeIndex(index);
+      }
+    }, msgTypeCh[key], item.ruleName);
+  }))) : null, type === 1 ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Select, _objectSpread2(_objectSpread2({}, other), {}, {
+    showSearch: true,
+    value: (_value$changeIndex = value[changeIndex]) === null || _value$changeIndex === void 0 ? void 0 : _value$changeIndex.status,
+    filterOption: function filterOption(input, option) {
+      return option.label.includes(input);
+    },
+    style: {
+      width: 200
+    },
+    placeholder: "\u8BF7\u9009\u62E9",
+    disabled: disabled,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'status');
+    }
+  }))), ((_value$changeIndex2 = value[changeIndex]) === null || _value$changeIndex2 === void 0 ? void 0 : _value$changeIndex2.reason) ? /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "c-red"
+  }, "\u5931\u8D25\u539F\u56E0\uFF1A", (_value$changeIndex3 = value[changeIndex]) === null || _value$changeIndex3 === void 0 ? void 0 : _value$changeIndex3.reason) : null) : null);
+};
+
 var CalculationInput = function CalculationInput(props) {
   var _props$config = props.config,
     config = _props$config === void 0 ? {} : _props$config;
@@ -12055,6 +12122,7 @@ exports.JstGoods = jstGoods;
 exports.JstItemList = ItemList;
 exports.LogisticsInterception = LogisticsInterception;
 exports.LogisticsTrajectory = LogisticsTrajectory;
+exports.MsgStatus = MsgStatus;
 exports.ParseLogistics = ParseLogistics;
 exports.Payment = Payment;
 exports.Remark = RemarkInput;

package/dist/src/common/MsgStatus/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface StatusProps {
+    value: {
+        status: string;
+        reason?: string;
+        systemOrderId?: string;
+    }[];
+    failValue: string;
+    options: any[];
+    onChange: (val: any) => void;
+    disabled: boolean;
+    type: number;
+}
+declare const MsgStatus: (props: Partial<StatusProps>) => React.JSX.Element;
+export default MsgStatus;

package/dist/src/index.d.ts

@@ -46,6 +46,7 @@ export { default as GoodsTable } from './common/GoodsTable';
 export { default as CommonStatus } from './common/CommonStatus';
 export { default as CommonSystemOrder } from './common/CommonSystemOrder';
 export { default as CommonMultiStatus } from './common/CommonMultiStatus';
+export { default as MsgStatus } from './common/MsgStatus';
 export { default as ParseLogistics } from './common/ParseLogistics';
 export { default as IdentifyAddress } from './common/IdentifyAddress';
 export { default as CalculationInput } from './apaas/CalculationInput';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "0.15.0",
+  "version": "0.15.1-alpha.1",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -20,7 +20,7 @@
     "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.15.0",
+    "@kmkf-fe-packages/kmkf-utils": "^0.15.1-alpha.1",
     "lodash": "^4.17.21",
     "pubsub-js": "^1.9.4",
     "react-copy-to-clipboard": "^5.1.0",
@@ -61,5 +61,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "53e879727422014f144ea3d07751e41d4ce22364"
+  "gitHead": "a626bb6ca7496ba70af959c6ff37bb3ef40f6e9d"
 }