@kmkf-fe-packages/services-components 0.23.1-beta.1 → 0.23.1-beta.10

package/dist/esm/components/Common/index.js

@@ -358,78 +358,192 @@ export var BsGoodsTable = function BsGoodsTable(_ref11) {
   var list = _ref11.list,
     showHeader = _ref11.showHeader,
     _ref11$text = _ref11.text,
-    text = _ref11$text === void 0 ? '' : _ref11$text;
+    text = _ref11$text === void 0 ? '' : _ref11$text,
+    type = _ref11.type;
   //商品信息
-  var GOODS_INFO_COLUMNS = function GOODS_INFO_COLUMNS() {
+
+  var COLUMNS_MAP = function COLUMNS_MAP() {
     var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    return [{
-      dataIndex: 'mark',
-      title: "\u5546\u54C1\u6807\u8BB0",
-      align: 'center',
-      ellipsis: true,
-      width: 100
-    }, {
-      dataIndex: 'skuName',
-      title: "".concat(text, "sku\u540D\u79F0"),
-      align: 'center',
-      ellipsis: true,
-      width: 200
-    }, {
-      dataIndex: 'sku',
-      title: "".concat(text, "sku\u7F16\u7801"),
-      align: 'center',
-      ellipsis: true,
-      width: 100
-    }, {
-      dataIndex: 'name',
-      title: "".concat(text, "\u540D\u79F0"),
-      align: 'center',
-      ellipsis: true,
-      width: 200
-    }, {
-      dataIndex: 'pic',
-      title: "\u56FE\u7247",
-      align: 'center',
-      ellipsis: true,
-      width: 100,
-      render: function render(val) {
-        return /*#__PURE__*/React.createElement(Image, {
-          width: 60,
-          src: val
-        });
+    return function (type) {
+      var columns = [];
+      switch (type) {
+        case 'WDT_REISSUE_GOODS':
+        case 'WDT_GOODS':
+          columns = [{
+            dataIndex: 'goodId',
+            title: "SPUID",
+            align: 'center',
+            ellipsis: true,
+            width: 70
+          }, {
+            dataIndex: 'goodNo',
+            title: "SPU\u5546\u54C1\u7F16\u7801",
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'specId',
+            title: "".concat(text, "SKUID"),
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'goodName',
+            title: "".concat(text, "\u5546\u54C1\u540D\u79F0"),
+            align: 'center',
+            ellipsis: true,
+            width: 250
+          }, {
+            dataIndex: 'specNo',
+            title: "".concat(text, "sku\u7F16\u7801"),
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'specName',
+            title: "".concat(text, "sku\u540D\u79F0"),
+            align: 'center',
+            ellipsis: true,
+            width: 250
+          }, {
+            dataIndex: 'imgUrl',
+            title: "\u56FE\u7247",
+            align: 'center',
+            ellipsis: true,
+            width: 100,
+            render: function render(val) {
+              return /*#__PURE__*/React.createElement(Image, {
+                width: 60,
+                src: val
+              });
+            }
+          }, {
+            dataIndex: 'orderPrice',
+            title: "\u5B9E\u4ED8\u91D1\u989D",
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'num',
+            title: "".concat(text, "\u6570\u91CF"),
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          },
+          // {
+          //   dataIndex: 'actualNum',
+          //   title: `${text}实发数量`,
+          //   align: 'center',
+          //   ellipsis: true,
+          //   width: 100,
+          // },
+          {
+            dataIndex: 'sharePrice',
+            title: "\u5206\u644A\u4EF7",
+            align: 'center',
+            ellipsis: true,
+            width: 70
+          }, {
+            dataIndex: 'giftType',
+            title: "\u8D60\u54C1\u7C7B\u578B",
+            align: 'center',
+            ellipsis: true,
+            width: 100,
+            render: function render(val) {
+              var giftTypeMap = {
+                0: '非赠品',
+                1: '自动赠送',
+                2: '手工赠送',
+                3: '回购自动送赠品',
+                4: '前N有礼送赠品',
+                6: '天猫优仓赠品',
+                7: '淘宝CRM会员送赠'
+              };
+              return /*#__PURE__*/React.createElement("span", null, giftTypeMap[val]);
+            }
+          }];
+          break;
+        default:
+          columns = [{
+            dataIndex: 'mark',
+            title: "\u5546\u54C1\u6807\u8BB0",
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'skuName',
+            title: "".concat(text, "sku\u540D\u79F0"),
+            align: 'center',
+            ellipsis: true,
+            width: 200
+          }, {
+            dataIndex: 'sku',
+            title: "".concat(text, "sku\u7F16\u7801"),
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'name',
+            title: "".concat(text, "\u540D\u79F0"),
+            align: 'center',
+            ellipsis: true,
+            width: 200
+          }, {
+            dataIndex: 'pic',
+            title: "\u56FE\u7247",
+            align: 'center',
+            ellipsis: true,
+            width: 100,
+            render: function render(val) {
+              return /*#__PURE__*/React.createElement(Image, {
+                width: 60,
+                src: val
+              });
+            }
+          }, {
+            dataIndex: 'code',
+            title: "".concat(text, "\u7F16\u7801"),
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'money',
+            title: "\u5B9E\u4ED8\u91D1\u989D",
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'number',
+            title: "".concat(text, "\u6570\u91CF"),
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'share',
+            title: "\u5206\u644A\u4EF7",
+            align: 'center',
+            ellipsis: true,
+            width: 70
+          }, {
+            dataIndex: 'type',
+            title: "\u8D60\u54C1\u7C7B\u578B",
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }];
       }
-    }, {
-      dataIndex: 'code',
-      title: "".concat(text, "\u7F16\u7801"),
-      align: 'center',
-      ellipsis: true,
-      width: 100
-    }, {
-      dataIndex: 'money',
-      title: "\u5B9E\u4ED8\u91D1\u989D",
-      align: 'center',
-      ellipsis: true,
-      width: 100
-    }, {
-      dataIndex: 'number',
-      title: "".concat(text, "\u6570\u91CF"),
-      align: 'center',
-      ellipsis: true,
-      width: 100
-    }, {
-      dataIndex: 'share',
-      title: "\u5206\u644A\u4EF7",
-      align: 'center',
-      ellipsis: true,
-      width: 70
-    }, {
-      dataIndex: 'type',
-      title: "\u8D60\u54C1\u7C7B\u578B",
-      align: 'center',
-      ellipsis: true,
-      width: 100
-    }];
+      return columns;
+    };
+  };
+  //商品信息
+  var GOODS_INFO_COLUMNS = function GOODS_INFO_COLUMNS() {
+    var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var COLUMNS_INFO = COLUMNS_MAP(text);
+    return COLUMNS_INFO(type);
   };
+  // const GOODS_INFO_COLUMNS = (text = '') => {
+  //   return 
+  // }
   var newColumns = useMemo(function () {
     var columnList = [{
       dataIndex: '',

package/dist/esm/components/CommonHeaderGood/index.d.ts

@@ -0,0 +1,27 @@
+import { ComponentInterface, PickOption, ALignType, Record } from "../../type";
+import React from "react";
+declare class CommonHeaderGoods implements ComponentInterface {
+    name: string;
+    id: string;
+    sortField: string;
+    type: string;
+    componentConfig: ComponentInterface["componentConfig"];
+    align: ALignType;
+    width: number;
+    isCombinationComponent: boolean;
+    formField: string;
+    canSort: boolean;
+    children: ComponentInterface[];
+    dataType: ComponentInterface["dataType"];
+    itemKey: any;
+    constructor(options: PickOption);
+    getParentId: () => string;
+    renderClient: (record: any) => React.JSX.Element | null;
+    renderPc: (value: unknown, record: Record) => React.JSX.Element;
+    renderLog: (r: Record) => React.JSX.Element | null;
+    getComponentValue: (r: Record) => any;
+    renderExport: (value: string, record: Record) => any;
+    editRender: () => null;
+    filterConfig: () => never[];
+}
+export default CommonHeaderGoods;

package/dist/esm/components/CommonHeaderGood/index.js

@@ -0,0 +1,187 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from "react";
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from "@kmkf-fe-packages/kmkf-utils";
+import { BsHeaderPic, BsHeaderChild } from "../BS/common";
+var GoodHeaderMap = {
+  "WDT_GOODS": {
+    headerMap: {
+      goodId: {
+        component: BsHeaderChild,
+        name: "SPUID",
+        key: "goodId",
+        width: 140
+      },
+      goodNo: {
+        component: BsHeaderChild,
+        name: "SPU商品编码",
+        key: "goodNo",
+        width: 200
+      },
+      imgUrl: {
+        component: BsHeaderPic,
+        name: "图片",
+        key: "imgUrl",
+        width: 70
+      },
+      specId: {
+        component: BsHeaderChild,
+        name: "SKUID",
+        key: "specId",
+        width: 200
+      },
+      goodName: {
+        component: BsHeaderChild,
+        name: "商品名称",
+        key: "goodName",
+        width: 100
+      },
+      specNo: {
+        component: BsHeaderChild,
+        name: "sku编码",
+        key: "specNo",
+        width: 140
+      },
+      specName: {
+        component: BsHeaderChild,
+        name: "sku名称",
+        key: "specName",
+        width: 140
+      },
+      orderPrice: {
+        component: BsHeaderChild,
+        name: "实付金额",
+        key: "orderPrice",
+        width: 100
+      },
+      sharePrice: {
+        component: BsHeaderChild,
+        name: "分摊价",
+        key: "sharePrice",
+        width: 120
+      },
+      giftType: {
+        component: BsHeaderChild,
+        name: "赠品类型",
+        key: "giftType",
+        width: 150
+      }
+    },
+    itemKey: {
+      goodId: "SPUID",
+      goodNo: "SPU商品编码",
+      specId: "SKUID",
+      goodName: "商品名称",
+      specNo: "sku编码",
+      specName: "sku名称",
+      orderPrice: "实付金额",
+      num: "数量",
+      sharePrice: "分摊价",
+      giftType: "赠品类型"
+    },
+    moneyKey: "orderPrice"
+  }
+};
+GoodHeaderMap['WDT_REISSUE_GOODS'] = GoodHeaderMap['WDT_GOODS'];
+var CommonHeaderGoods = /*#__PURE__*/_createClass(function CommonHeaderGoods(options) {
+  var _this = this,
+    _GoodHeaderMap$this$t;
+  _classCallCheck(this, CommonHeaderGoods);
+  _defineProperty(this, "name", void 0);
+  _defineProperty(this, "id", void 0);
+  _defineProperty(this, "sortField", void 0);
+  _defineProperty(this, "type", void 0);
+  _defineProperty(this, "componentConfig", void 0);
+  _defineProperty(this, "align", void 0);
+  _defineProperty(this, "width", void 0);
+  _defineProperty(this, "isCombinationComponent", void 0);
+  _defineProperty(this, "formField", void 0);
+  _defineProperty(this, "canSort", void 0);
+  _defineProperty(this, "children", void 0);
+  _defineProperty(this, "dataType", void 0);
+  _defineProperty(this, "itemKey", void 0);
+  _defineProperty(this, "getParentId", function () {
+    var _this$id$split = _this.id.split("_"),
+      _this$id$split2 = _slicedToArray(_this$id$split, 3),
+      key = _this$id$split2[0],
+      name = _this$id$split2[1],
+      code = _this$id$split2[2];
+    return "".concat(key, "_").concat(name);
+  });
+  _defineProperty(this, "renderClient", function (record) {
+    return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
+      id: _this.id,
+      label: _this.name,
+      value: _this.getComponentValue(record)
+    }) : null;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    var _this$getComponentVal;
+    return /*#__PURE__*/React.createElement("span", null, (_this$getComponentVal = _this.getComponentValue(record)) !== null && _this$getComponentVal !== void 0 ? _this$getComponentVal : "--");
+  });
+  _defineProperty(this, "renderLog", function (r) {
+    var id = _this.getParentId();
+    if (isNull(r === null || r === void 0 ? void 0 : r[id])) return null;
+    return _this.renderPc(undefined, r);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    var id = _this.getParentId();
+    var list = ((r === null || r === void 0 ? void 0 : r[id]) || []).reduce(function (prv, next) {
+      next[GoodHeaderMap[_this.type].moneyKey] && prv.push(next[GoodHeaderMap[_this.type].moneyKey]);
+      return prv;
+    }, []);
+    return list.join(",");
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    var _this$getComponentVal2;
+    return (_this$getComponentVal2 = _this.getComponentValue(record)) !== null && _this$getComponentVal2 !== void 0 ? _this$getComponentVal2 : "--";
+  });
+  _defineProperty(this, "editRender", function () {
+    return null;
+  });
+  _defineProperty(this, "filterConfig", function () {
+    return [];
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.sortField = options.id;
+  this.formField = options.id;
+  this.type = options.type;
+  this.componentConfig = options.componentConfig;
+  this.align = "left";
+  this.width = 200;
+  this.isCombinationComponent = true;
+  this.canSort = false;
+  this.dataType = "string";
+  this.itemKey = (_GoodHeaderMap$this$t = GoodHeaderMap[this.type]) === null || _GoodHeaderMap$this$t === void 0 ? void 0 : _GoodHeaderMap$this$t.itemKey;
+  this.children = _toConsumableArray(Object.keys(GoodHeaderMap[this.type].headerMap).reduce(function (prv, key) {
+    var _options$componentCon, _options$componentCon2;
+    if (options !== null && options !== void 0 && (_options$componentCon = options.componentConfig) !== null && _options$componentCon !== void 0 && (_options$componentCon2 = _options$componentCon.showHeader) !== null && _options$componentCon2 !== void 0 && _options$componentCon2.includes(key)) {
+      prv.push(new GoodHeaderMap[_this.type].headerMap[key].component(_objectSpread(_objectSpread({}, options), {}, {
+        name: _this.itemKey[key],
+        id: "".concat(options.id, "_").concat(GoodHeaderMap[_this.type].headerMap[key].key),
+        width: GoodHeaderMap[_this.type].headerMap[key].width
+      })));
+    }
+    return prv;
+  }, []));
+});
+export default CommonHeaderGoods;

package/dist/esm/components/CommonMultiStatus/index.d.ts

@@ -1,18 +1,18 @@
-import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from "../../type";
-import React from "react";
+import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
+import React from 'react';
 declare class CommonMultiStatus implements ComponentInterface {
     name: string;
     id: string;
     sortField: string;
     type: string;
     rules: any[];
-    componentConfig: ComponentInterface["componentConfig"];
+    componentConfig: ComponentInterface['componentConfig'];
     align: ALignType;
     isCombinationComponent: boolean;
     formField: string;
     canSort: boolean;
     children: ComponentInterface[];
-    dataType: ComponentInterface["dataType"];
+    dataType: ComponentInterface['dataType'];
     constructor(options: PickOption);
     renderClient: (record: any) => React.JSX.Element | null;
     renderPc: (value: any, record: Record) => React.JSX.Element;
@@ -25,7 +25,7 @@ declare class CommonMultiStatus implements ComponentInterface {
         type: string;
         id: string;
         name: string;
-        filterComponentType: "MultipleSelect" | "Input";
+        filterComponentType: "MultipleSelect" | "SelectInput";
         props: {
             options: any[] | undefined;
             fieldNames: {
@@ -34,6 +34,7 @@ declare class CommonMultiStatus implements ComponentInterface {
             };
         };
         filterFn: (value: string) => (i: Record) => boolean;
+        formatFilterValue: ((value: any) => any) | null;
     };
 }
 export default CommonMultiStatus;