@kmkf-fe-packages/services-components 2.0.77 → 2.0.78

package/dist/esm/components/Public/AsyncSelect/index.d.ts

@@ -14,8 +14,11 @@ declare class AsyncSelect implements ComponentInterface {
     children: ComponentInterface[];
     dataType: ComponentInterface["dataType"];
     asyncOptions?: any[];
+    mode: string;
+    maxSelectCount: number | undefined;
     constructor(options: PickOption);
     getOptionsAsync(): Promise<any[]>;
+    getValueString: (value: any) => any;
     renderClient: (record: any) => React.JSX.Element | null;
     renderPc: (_value: any, record: Record) => React.JSX.Element;
     renderLog: (r: Record) => React.JSX.Element | null;

package/dist/esm/components/Public/AsyncSelect/index.js

@@ -14,7 +14,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import React from "react";
 import GetFormItem from "../../GetFormItem";
 import { AsyncSelect as BasicAsyncSelect } from "@kmkf-fe-packages/basic-components";
-import { servers } from "@kmkf-fe-packages/kmkf-utils";
+import { isNull, servers } from "@kmkf-fe-packages/kmkf-utils";
 import ItemView from "../../../commonComponents/ItemView";
 import { filterFn as _filterFn } from "@kmkf-fe-packages/kmkf-utils";
 import { SYMBOL } from "../../../constant";
@@ -24,6 +24,43 @@ var typeMap = {
     key: "gyPaymentMethod",
     name: "管易支付方式",
     api: servers.GY.getTradePaymentDataAsync
+  },
+  WDT_TAGS: {
+    key: "wdtTags",
+    name: "旺店通标签",
+    mode: "multiple",
+    api: servers.WDT.getTagsDataAsync,
+    //旗舰版暂时限制最多选择一个
+    maxSelectCount: function maxSelectCount() {
+      var version = "flagship";
+      try {
+        var userInfo = JSON.parse(localStorage.getItem("reduxData_userInfo") || "{}");
+        if (isNull(userInfo)) {
+          version = "flagship";
+        } else {
+          var _userInfo$companyUser, _companyUserConfig, _companyUserConfig$pl, _companyUserConfig$pl2;
+          var companyUserConfig = (_userInfo$companyUser = userInfo === null || userInfo === void 0 ? void 0 : userInfo.companyUserConfig) !== null && _userInfo$companyUser !== void 0 ? _userInfo$companyUser : {};
+          if (typeof companyUserConfig === "string") {
+            companyUserConfig = JSON.parse(companyUserConfig);
+          }
+          version = ((_companyUserConfig = companyUserConfig) === null || _companyUserConfig === void 0 ? void 0 : (_companyUserConfig$pl = _companyUserConfig.plugins) === null || _companyUserConfig$pl === void 0 ? void 0 : (_companyUserConfig$pl2 = _companyUserConfig$pl.wdt) === null || _companyUserConfig$pl2 === void 0 ? void 0 : _companyUserConfig$pl2.version) || "flagship";
+        }
+      } catch (error) {
+        console.error(error);
+      }
+      if (version === "flagship") return 1;
+    },
+    handleOptions: function handleOptions(options) {
+      var ext = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var _ext$componentConfig = ext.componentConfig,
+        _ext$componentConfig2 = _ext$componentConfig === void 0 ? {} : _ext$componentConfig,
+        tagsRange = _ext$componentConfig2.tagsRange;
+      if (!tagsRange || tagsRange === "all") return options;
+      return options.filter(function (option) {
+        if (tagsRange === "builtInTags") return !!option.isBuiltIn;
+        return !option.isBuiltIn;
+      });
+    }
   }
 };
 var AsyncSelect = /*#__PURE__*/function () {
@@ -32,7 +69,10 @@ var AsyncSelect = /*#__PURE__*/function () {
   function AsyncSelect(options) {
     var _this = this,
       _typeMap$options$type,
-      _typeMap$options$type2;
+      _typeMap$options$type2,
+      _typeMap$options$type3,
+      _typeMap$options$type4,
+      _typeMap$options$type5;
     _classCallCheck(this, AsyncSelect);
     _defineProperty(this, "name", void 0);
     _defineProperty(this, "id", void 0);
@@ -47,6 +87,24 @@ var AsyncSelect = /*#__PURE__*/function () {
     _defineProperty(this, "children", void 0);
     _defineProperty(this, "dataType", void 0);
     _defineProperty(this, "asyncOptions", void 0);
+    _defineProperty(this, "mode", void 0);
+    _defineProperty(this, "maxSelectCount", void 0);
+    _defineProperty(this, "getValueString", function (value) {
+      var list = _this.asyncOptions || [];
+      if (!_this.mode) {
+        var selectedItem = list.find(function (item) {
+          return item.value === value;
+        });
+        return selectedItem ? selectedItem.label : value !== null && value !== void 0 ? value : "--";
+      } else if (_this.mode === "multiple" && Array.isArray(value)) {
+        var _list$filter$map$join;
+        return (_list$filter$map$join = list.filter(function (item) {
+          return value.includes(item.value);
+        }).map(function (item) {
+          return item.label;
+        }).join("，")) !== null && _list$filter$map$join !== void 0 ? _list$filter$map$join : "--";
+      }
+    });
     _defineProperty(this, "renderClient", function (record) {
       var value = record === null || record === void 0 ? void 0 : record[_this.id];
       return !isNil(value) ? /*#__PURE__*/React.createElement(ItemView, {
@@ -54,6 +112,7 @@ var AsyncSelect = /*#__PURE__*/function () {
         label: _this.name,
         value: /*#__PURE__*/React.createElement(BasicAsyncSelect, {
           value: value,
+          mode: _this.mode,
           getOptionsAsync: _this.getOptionsAsync.bind(_this),
           showOnly: true
         })
@@ -63,6 +122,7 @@ var AsyncSelect = /*#__PURE__*/function () {
       var value = record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_").concat(typeMap[_this.type].key)];
       return /*#__PURE__*/React.createElement("span", null, isNil(value) ? "--" : /*#__PURE__*/React.createElement(BasicAsyncSelect, {
         value: value,
+        mode: _this.mode,
         getOptionsAsync: _this.getOptionsAsync.bind(_this),
         showOnly: true
       }));
@@ -79,11 +139,7 @@ var AsyncSelect = /*#__PURE__*/function () {
     });
     _defineProperty(this, "renderExport", function (value, record) {
       var val = record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_").concat(typeMap[_this.type].key)];
-      var list = _this.asyncOptions || [];
-      var seletedItem = list.find(function (item) {
-        return item.value === val;
-      });
-      return seletedItem ? seletedItem.label : val !== null && val !== void 0 ? val : "--";
+      return _this.getValueString(val);
     });
     _defineProperty(this, "editRender", function (p) {
       var _this$componentConfig, _this$componentConfig2, _this$componentConfig3, _this$componentConfig4;
@@ -96,9 +152,11 @@ var AsyncSelect = /*#__PURE__*/function () {
         required: (_this$componentConfig = (_this$componentConfig2 = _this.componentConfig) === null || _this$componentConfig2 === void 0 ? void 0 : _this$componentConfig2.required) !== null && _this$componentConfig !== void 0 ? _this$componentConfig : false,
         tooltip: (_this$componentConfig3 = _this.componentConfig) !== null && _this$componentConfig3 !== void 0 && _this$componentConfig3.showTooltip ? (_this$componentConfig4 = _this.componentConfig) === null || _this$componentConfig4 === void 0 ? void 0 : _this$componentConfig4.tooltip : "",
         component: /*#__PURE__*/React.createElement(BasicAsyncSelect, _extends({}, _this.componentConfig, {
+          mode: _this.mode,
           placeholder: "\u8BF7\u9009\u62E9".concat(_this.name),
           getOptionsAsync: _this.getOptionsAsync.bind(_this),
-          onChange: p === null || p === void 0 ? void 0 : p.onChange
+          onChange: p === null || p === void 0 ? void 0 : p.onChange,
+          maxSelectCount: _this.maxSelectCount
         }))
       });
     });
@@ -139,6 +197,8 @@ var AsyncSelect = /*#__PURE__*/function () {
     this.dataType = "weakenArray";
     this.rules = [];
     this.align = "left";
+    this.mode = (_typeMap$options$type3 = typeMap[options.type]) === null || _typeMap$options$type3 === void 0 ? void 0 : _typeMap$options$type3.mode;
+    this.maxSelectCount = typeof ((_typeMap$options$type4 = typeMap[options.type]) === null || _typeMap$options$type4 === void 0 ? void 0 : _typeMap$options$type4.maxSelectCount) === "function" ? typeMap[options.type].maxSelectCount() : (_typeMap$options$type5 = typeMap[options.type]) === null || _typeMap$options$type5 === void 0 ? void 0 : _typeMap$options$type5.maxSelectCount;
     this.getOptionsAsync().then(function (list) {
       _this.asyncOptions = list;
     });
@@ -147,7 +207,7 @@ var AsyncSelect = /*#__PURE__*/function () {
     key: "getOptionsAsync",
     value: function () {
       var _getOptionsAsync = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var options, _typeMap$this$type, _typeMap$this$type$ap;
+        var options, _typeMap$this$type, _typeMap$this$type$ap, _typeMap$this$type2, _typeMap$this$type3;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -164,19 +224,24 @@ var AsyncSelect = /*#__PURE__*/function () {
               _context.t0 = [];
             case 7:
               options = _context.t0;
-              _context.next = 13;
+              if ((_typeMap$this$type2 = typeMap[this.type]) !== null && _typeMap$this$type2 !== void 0 && _typeMap$this$type2.handleOptions) {
+                options = (_typeMap$this$type3 = typeMap[this.type]) === null || _typeMap$this$type3 === void 0 ? void 0 : _typeMap$this$type3.handleOptions(options, {
+                  componentConfig: this.componentConfig
+                });
+              }
+              _context.next = 14;
               break;
-            case 10:
-              _context.prev = 10;
+            case 11:
+              _context.prev = 11;
               _context.t1 = _context["catch"](1);
               console.debug("api error", _context.t1);
-            case 13:
-              return _context.abrupt("return", options);
             case 14:
+              return _context.abrupt("return", options);
+            case 15:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[1, 10]]);
+        }, _callee, this, [[1, 11]]);
       }));
       function getOptionsAsync() {
         return _getOptionsAsync.apply(this, arguments);

package/dist/esm/factory.d.ts

@@ -1,3 +1,3 @@
 import { ReissueLogistics, JstItemSelect, JstSupply, JstSendGood, BasicInput, BasicAddress, BasicCascader, BasicCheckbox, BasicDataTime, BasicSelect, BasicRadio, BasicTextArea, BasicPicture, BasicPicturePro, BasicMultSelect, BasicGrade, BasicRate, BasicFile, BasicPosting, SubForm, CommonDataTime, TradeId, ShopName, BuyerNick, ReceiverName, ReceiverMobile, ReceiverAddress, TradeDateTime, Logistics, ReturnLogistics, ActualPayment, ERemark, AliPay, ItemSelect, ItemId, ItemEnCode, SystemOrderNo, Ordinary, ThirdItemSelect, FlowStatusSelect, FlowMarkSelect, FlowTag, Payment, TemplateSelect, WorkOrderId, PlatForm, ShopInput, Submitter, PrevSubmitter, FlowCreator, Handler, CompletedUser, LogisticsInterception, LogisticsMoreInterception, LogisticsTrajectory, LogisticsMoreTrajectory, FlowWorkOrderId, BsGoods, BsExchange, BsReissue, BsReturn, BsSystemOrder, BsLogistics, StatusSelect, CommonSystemOrder, CommonMultiStatus, Calculation, NodeDeadLine, HandlerDeadLine, NodeStayDuration, WlnGoods, BsPosting, MsgStatus, NodeInput, FlowWorkOrderStatus, WdtGoods, WdtReturn, WdtExchange, CommonInput, PaymentVoucherCode, Label, WdtReissue, GyReissue, AfterSalesOrderId, BsE3Goods, PublicGoods, PublicReissueGoods, PublicExchange, GyGoods, BsE3Reissue, MemberLevel, GyReturn, AsyncSelect, WdtShopSelect, KmVideo } from "./index";
 import { PickOption } from "./type";
-export declare const factory: (type: string, options: PickOption) => BsGoods | BuyerNick | CommonSystemOrder | ItemEnCode | JstSendGood | KmVideo | LogisticsMoreInterception | MsgStatus | BasicPosting | AsyncSelect | PublicReissueGoods | ThirdItemSelect | BasicInput | BasicAddress | BasicCascader | BasicCheckbox | BasicDataTime | BasicSelect | BasicRadio | BasicTextArea | BasicPicture | BasicPicturePro | BasicMultSelect | BasicGrade | BasicRate | BasicFile | SubForm | CommonDataTime | TradeId | ShopName | ReceiverName | ReceiverMobile | ReceiverAddress | TradeDateTime | Logistics | ReturnLogistics | ActualPayment | ERemark | AliPay | ItemSelect | ItemId | SystemOrderNo | Ordinary | Payment | ReissueLogistics | JstItemSelect | JstSupply | BsSystemOrder | BsE3Goods | PublicGoods | PublicExchange | BsE3Reissue | BsExchange | BsReissue | BsReturn | BsLogistics | FlowStatusSelect | FlowMarkSelect | FlowTag | TemplateSelect | WorkOrderId | LogisticsInterception | LogisticsTrajectory | LogisticsMoreTrajectory | PlatForm | ShopInput | Submitter | PrevSubmitter | FlowCreator | Handler | CompletedUser | FlowWorkOrderId | StatusSelect | Calculation | CommonMultiStatus | NodeDeadLine | HandlerDeadLine | NodeStayDuration | WlnGoods | BsPosting | NodeInput | FlowWorkOrderStatus | WdtGoods | WdtReissue | WdtReturn | WdtExchange | WdtShopSelect | CommonInput | PaymentVoucherCode | Label | MemberLevel | AfterSalesOrderId | GyGoods | GyReissue | GyReturn;
+export declare const factory: (type: string, options: PickOption) => BuyerNick | JstSendGood | MsgStatus | AsyncSelect | BasicInput | BasicAddress | BasicCascader | BasicCheckbox | BasicDataTime | BasicSelect | BasicRadio | BasicTextArea | BasicPicture | BasicPicturePro | BasicMultSelect | BasicGrade | BasicRate | BasicFile | BasicPosting | SubForm | CommonDataTime | TradeId | ShopName | ReceiverName | ReceiverMobile | ReceiverAddress | TradeDateTime | Logistics | ReturnLogistics | ActualPayment | ERemark | AliPay | ItemSelect | ItemId | ItemEnCode | SystemOrderNo | Ordinary | ThirdItemSelect | Payment | ReissueLogistics | JstItemSelect | JstSupply | BsSystemOrder | BsGoods | BsE3Goods | PublicGoods | PublicReissueGoods | PublicExchange | BsE3Reissue | BsExchange | BsReissue | BsReturn | BsLogistics | FlowStatusSelect | FlowMarkSelect | FlowTag | TemplateSelect | WorkOrderId | LogisticsInterception | LogisticsMoreInterception | LogisticsTrajectory | LogisticsMoreTrajectory | PlatForm | ShopInput | Submitter | PrevSubmitter | FlowCreator | Handler | CompletedUser | FlowWorkOrderId | StatusSelect | Calculation | CommonSystemOrder | CommonMultiStatus | NodeDeadLine | HandlerDeadLine | NodeStayDuration | WlnGoods | BsPosting | NodeInput | FlowWorkOrderStatus | WdtGoods | WdtReissue | WdtReturn | WdtExchange | WdtShopSelect | KmVideo | CommonInput | PaymentVoucherCode | Label | MemberLevel | AfterSalesOrderId | GyGoods | GyReissue | GyReturn;

package/dist/esm/factory.js

@@ -269,6 +269,8 @@ export var factory = function factory(type, options) {
       return new WdtShopSelect(options);
     case "KM_VIDEO":
       return new KmVideo(options);
+    case "WDT_TAGS":
+      return new AsyncSelect(options);
     default:
       return new BasicInput(options);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/services-components",
-  "version": "2.0.77",
+  "version": "2.0.78",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
   "files": [
@@ -21,8 +21,8 @@
     ]
   },
   "dependencies": {
-    "@kmkf-fe-packages/basic-components": "2.0.77",
-    "@kmkf-fe-packages/kmkf-utils": "2.0.77",
+    "@kmkf-fe-packages/basic-components": "2.0.78",
+    "@kmkf-fe-packages/kmkf-utils": "2.0.78",
     "b64-to-blob": "^1.2.19",
     "html2canvas": "^1.4.1",
     "react-pdf-js": "^5.1.0"
@@ -41,7 +41,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c99b48b7dfbcfd3d5a4dffb31df0e5b0050e9281",
+  "gitHead": "029c929112eda38ed0d433cdc122bcf9f687bdf3",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }