@kmkf-fe-packages/services-components 0.7.15-alpha.2 → 0.7.15-alpha.4

package/dist/esm/components/BS/common/{BsPic.js → BsType.js}

@@ -5,94 +5,85 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 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, filterFn as _filterFn } from "@kmkf-fe-packages/kmkf-utils";
-import { ExpressInterceptData } from "@kmkf-fe-packages/kmkf-utils";
 import { SYMBOL } from "../../../constant";
-var BsPic = /*#__PURE__*/_createClass(function BsPic(options) {
+var BsType = /*#__PURE__*/_createClass(function BsType(options) {
   var _this = this;
-  _classCallCheck(this, BsPic);
+  _classCallCheck(this, BsType);
   _defineProperty(this, "name", void 0);
-  _defineProperty(this, "parentId", void 0);
   _defineProperty(this, "id", void 0);
   _defineProperty(this, "sortField", void 0);
   _defineProperty(this, "type", void 0);
-  _defineProperty(this, "rules", void 0);
   _defineProperty(this, "componentConfig", void 0);
-  _defineProperty(this, "effects", 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, "expressInterceptInstance", void 0);
   _defineProperty(this, "dataType", void 0);
-  _defineProperty(this, "getComponentValue", function (r) {
-    return r === null || r === void 0 ? void 0 : r[_this.id];
-  });
   _defineProperty(this, "renderClient", function (record) {
-    return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? null : null;
+    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) {
-    return null;
+    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 _this$expressIntercep;
-    if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
-    return (_this$expressIntercep = _this.expressInterceptInstance.getStatusNameMap()) === null || _this$expressIntercep === void 0 ? void 0 : _this$expressIntercep[r === null || r === void 0 ? void 0 : r["".concat(_this.id)]];
+    if (isNull(r === null || r === void 0 ? void 0 : r[_this.id])) return null;
+    return _this.renderPc(undefined, r);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    var _find, _this$componentConfig;
+    var type = r !== null && r !== void 0 && r[_this.id] ? r === null || r === void 0 ? void 0 : r[_this.id][0] : "";
+    var text = (_find = (((_this$componentConfig = _this.componentConfig) === null || _this$componentConfig === void 0 ? void 0 : _this$componentConfig.reasonList) || []).find(function (item) {
+      return item.value === type;
+    })) === null || _find === void 0 ? void 0 : _find.label;
+    return text;
   });
   _defineProperty(this, "renderExport", function (value, record) {
-    var _this$expressIntercep2, _this$expressIntercep3;
-    return (_this$expressIntercep2 = (_this$expressIntercep3 = _this.expressInterceptInstance.getStatusNameMap()) === null || _this$expressIntercep3 === void 0 ? void 0 : _this$expressIntercep3["".concat(record === null || record === void 0 ? void 0 : record[_this.id])]) !== null && _this$expressIntercep2 !== void 0 ? _this$expressIntercep2 : "--";
+    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 (item) {
+    var _item$config;
+    var subKey = item.subKey;
     return {
-      searchDefaultConditions: SYMBOL.in,
+      searchDefaultConditions: SYMBOL.eq,
       type: item.type,
-      id: "".concat(item.id, "_interceptLogisticsStatus"),
-      name: "".concat(item.name, "-\u7269\u6D41\u72B6\u6001"),
-      filterComponentType: "MultipleSelect",
+      id: item.id,
+      name: "".concat(item.name, "-\u7C7B\u578B"),
+      filterComponentType: "Cascader",
       props: {
-        options: _this.expressInterceptInstance.getStatusOptions() || []
-      },
-      formatFilterValue: function formatFilterValue(value) {
-        var _value$map;
-        return value === null || value === void 0 ? void 0 : (_value$map = value.map(function (v) {
-          return v === null || v === void 0 ? void 0 : v.split(",");
-        })) === null || _value$map === void 0 ? void 0 : _value$map.flat();
+        options: item === null || item === void 0 ? void 0 : (_item$config = item.config) === null || _item$config === void 0 ? void 0 : _item$config.reasonList
       },
       filterFn: function filterFn(value) {
         return function (i) {
-          var _value$map2, _value$map2$flat;
-          return value === null || value === void 0 ? void 0 : (_value$map2 = value.map(function (v) {
-            return v === null || v === void 0 ? void 0 : v.split(",");
-          })) === null || _value$map2 === void 0 ? void 0 : (_value$map2$flat = _value$map2.flat()) === null || _value$map2$flat === void 0 ? void 0 : _value$map2$flat.includes(_filterFn.filterTableListItemColumnValue(i, item.id, "interceptLogisticsStatus"));
+          return _filterFn.filterSplitComma(_filterFn.filterTableListItemColumnValue(i, item.id, "".concat(subKey)), value);
         };
       }
     };
   });
-  this.name = "bs商品图片";
-  this.parentId = options.id;
-  this.id = "".concat(options.id);
-  this.sortField = "".concat(options.id);
-  this.formField = "".concat(options.id);
+  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.rules = [];
   this.align = "left";
-  this.width = 220;
+  this.width = 200;
   this.isCombinationComponent = false;
-  this.canSort = false;
-  this.children = [];
-  this.effects = options === null || options === void 0 ? void 0 : options.effects;
-  this.expressInterceptInstance = ExpressInterceptData.getInstance();
+  this.canSort = true;
   this.dataType = "string";
-}
-
-//物流轨迹查询
-);
-
-export default BsPic;
+  this.children = [];
+});
+export default BsType;

package/dist/esm/components/BS/common/index.d.ts

@@ -0,0 +1,10 @@
+export { default as BsType } from "./BsType";
+export { default as BsMemo } from "./BsMemo";
+export { default as BsChildPic } from "./BsChildPic";
+export { default as BsChildName } from "./BsChildName";
+export { default as BsChildCode } from "./BsChildCode";
+export { default as BsChildSku } from "./BsChildSku";
+export { default as BsChildMoney } from "./BsChildMoney";
+export { default as BsChildNumber } from "./BsChildNumber";
+export { default as BsChildShare } from "./BsChildShare";
+export { default as BsChildType } from "./BsChildType";

package/dist/esm/components/BS/common/index.js

@@ -0,0 +1,10 @@
+export { default as BsType } from "./BsType";
+export { default as BsMemo } from "./BsMemo";
+export { default as BsChildPic } from "./BsChildPic";
+export { default as BsChildName } from "./BsChildName";
+export { default as BsChildCode } from "./BsChildCode";
+export { default as BsChildSku } from "./BsChildSku";
+export { default as BsChildMoney } from "./BsChildMoney";
+export { default as BsChildNumber } from "./BsChildNumber";
+export { default as BsChildShare } from "./BsChildShare";
+export { default as BsChildType } from "./BsChildType";

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 declare type getFormItemProps = {
     name: string;
     title: string;
@@ -6,13 +6,19 @@ declare type getFormItemProps = {
     required: boolean;
     component: JSX.Element | string | null;
 };
-export declare const getFormItem: ({ name, title, rules, required, component }: getFormItemProps) => JSX.Element;
-export declare const showImage: ({ item, type, index }: {
+export declare const getFormItem: ({ name, title, rules, required, component, }: getFormItemProps) => React.JSX.Element;
+export declare const showImage: ({ item, type, index, }: {
     item: any;
     type: string;
     index: number;
-}) => JSX.Element;
-export declare const ShowTotalImage: ({ total, allImage, type }: any) => JSX.Element;
-export declare const GoodImage: ({ list, type }: any) => JSX.Element | null;
+}) => React.JSX.Element;
+export declare const ShowTotalImage: ({ total, allImage, type }: any) => React.JSX.Element;
+export declare const GoodImage: ({ list, type }: any) => React.JSX.Element | null;
 export declare const JstGoodImage: ({ list, type }: any) => any;
+export declare const BsGoodImage: ({ item, index }: {
+    item: any;
+    index: number;
+}) => React.JSX.Element;
+export declare const BsExchangeList: ({ list }: any) => React.JSX.Element;
+export declare const BsGoodPic: (list: string[]) => React.JSX.Element[];
 export {};

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

@@ -4,9 +4,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
-import { Form, Button, Modal, Tooltip, Space, Image, Popover } from 'antd';
-import React, { useState } from 'react';
-import { ExpressData } from '@kmkf-fe-packages/kmkf-utils';
+import { Form, Button, Modal, Tooltip, Space, Image, Popover } from "antd";
+import React, { useState } from "react";
+import { ExpressData } from "@kmkf-fe-packages/kmkf-utils";
 import styles from "./index.module.less";
 import defaultImg from "./img/default-img.png";
 export var getFormItem = function getFormItem(_ref) {
@@ -26,7 +26,7 @@ export var getFormItem = function getFormItem(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "form-item--wrap",
     style: {
-      position: 'relative'
+      position: "relative"
     }
   }, /*#__PURE__*/React.createElement(Form.Item, {
     name: name,
@@ -40,43 +40,43 @@ export var showImage = function showImage(_ref2) {
   var item = _ref2.item,
     type = _ref2.type,
     index = _ref2.index;
-  var picUrl = item.picUrl ? (item === null || item === void 0 ? void 0 : item.platform) !== 'tabao' ? item.picUrl : item.picUrl + '_40x40.jpg' : defaultImg;
+  var picUrl = item.picUrl ? (item === null || item === void 0 ? void 0 : item.platform) !== "tabao" ? item.picUrl : item.picUrl + "_40x40.jpg" : defaultImg;
   return /*#__PURE__*/React.createElement("div", {
     className: styles.goodImgBox,
     key: index
-  }, (item === null || item === void 0 ? void 0 : item.platform) === 'taobao' ? /*#__PURE__*/React.createElement("a", {
+  }, (item === null || item === void 0 ? void 0 : item.platform) === "taobao" ? /*#__PURE__*/React.createElement("a", {
     target: "_blank",
     href: "https://item.taobao.com/item.htm?id=".concat(item.numIid)
   }, /*#__PURE__*/React.createElement("img", {
     style: {
-      width: '40px',
-      height: '40px',
-      objectFit: 'contain'
+      width: "40px",
+      height: "40px",
+      objectFit: "contain"
     },
     src: picUrl
   })) : /*#__PURE__*/React.createElement("img", {
     style: {
-      width: '40px',
-      height: '40px',
-      objectFit: 'contain'
+      width: "40px",
+      height: "40px",
+      objectFit: "contain"
     },
     src: picUrl
   }), /*#__PURE__*/React.createElement("div", {
     className: styles.options
-  }, type === 'itemId' && /*#__PURE__*/React.createElement(TextTool, {
-    title: '商品id',
+  }, type === "itemId" && /*#__PURE__*/React.createElement(TextTool, {
+    title: "商品id",
     text: item.numIid
-  }), type === 'itemCode' && /*#__PURE__*/React.createElement(TextTool, {
-    title: '商品编码',
+  }), type === "itemCode" && /*#__PURE__*/React.createElement(TextTool, {
+    title: "商品编码",
     text: item.outerId
-  }), (type === 'itemThird' || type === 'jstItemThird') && (item.itemId || item.supplierItemOuterId) && /*#__PURE__*/React.createElement(TextTool, {
-    title: '供应商编码',
+  }), (type === "itemThird" || type === "jstItemThird") && (item.itemId || item.supplierItemOuterId) && /*#__PURE__*/React.createElement(TextTool, {
+    title: "供应商编码",
     text: item.itemId || item.supplierItemOuterId
-  }), (type === 'itemThird' || type === 'jstItemThird') && item.supplierName && /*#__PURE__*/React.createElement(TextTool, {
-    title: '供应商名称',
+  }), (type === "itemThird" || type === "jstItemThird") && item.supplierName && /*#__PURE__*/React.createElement(TextTool, {
+    title: "供应商名称",
     text: item.supplierName
   }), item.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
-    title: '规格',
+    title: "规格",
     text: item.propertiesName
   })));
 };
@@ -89,9 +89,9 @@ var TextTool = function TextTool(_ref3) {
     title: text
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      overflow: 'hidden',
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis'
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
     }
   }, title, ":", text));
 };
@@ -119,47 +119,47 @@ export var ShowTotalImage = function ShowTotalImage(_ref4) {
     title: "\u6240\u6709\u9009\u62E9\u5B9D\u8D1D"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      display: 'flex',
-      flexWrap: 'wrap'
+      display: "flex",
+      flexWrap: "wrap"
     }
   }, allImage.map(function (i, index) {
     return /*#__PURE__*/React.createElement("div", {
       style: {
-        width: '50%'
+        width: "50%"
       },
       key: index
     }, /*#__PURE__*/React.createElement("a", {
       href: i.link,
       target: "__blank",
       style: {
-        marginRight: '12px',
-        marginTop: '8px',
-        padding: '2px',
-        border: '1px dashed #ccc',
-        display: 'inline-block'
+        marginRight: "12px",
+        marginTop: "8px",
+        padding: "2px",
+        border: "1px dashed #ccc",
+        display: "inline-block"
       }
     }, /*#__PURE__*/React.createElement("img", {
       alt: "",
       src: i.picUrl || defaultImg,
       style: {
-        width: '72px',
-        height: '72px',
-        objectFit: 'contain'
+        width: "72px",
+        height: "72px",
+        objectFit: "contain"
       }
-    })), /*#__PURE__*/React.createElement("div", null, type === 'itemId' && /*#__PURE__*/React.createElement(TextTool, {
-      title: '商品id',
+    })), /*#__PURE__*/React.createElement("div", null, type === "itemId" && /*#__PURE__*/React.createElement(TextTool, {
+      title: "商品id",
       text: i.numIid
-    }), type === 'itemCode' && /*#__PURE__*/React.createElement(TextTool, {
-      title: '商品编码',
+    }), type === "itemCode" && /*#__PURE__*/React.createElement(TextTool, {
+      title: "商品编码",
       text: i.outerId
-    }), (type === 'itemThird' || type === 'jstItemThird') && (i.itemId || i.supplierItemOuterId) && /*#__PURE__*/React.createElement(TextTool, {
-      title: '供应商编码',
+    }), (type === "itemThird" || type === "jstItemThird") && (i.itemId || i.supplierItemOuterId) && /*#__PURE__*/React.createElement(TextTool, {
+      title: "供应商编码",
       text: i.itemId || i.supplierItemOuterId
-    }), (type === 'itemThird' || type === 'jstItemThird') && i.supplierName && /*#__PURE__*/React.createElement(TextTool, {
-      title: '供应商名称',
+    }), (type === "itemThird" || type === "jstItemThird") && i.supplierName && /*#__PURE__*/React.createElement(TextTool, {
+      title: "供应商名称",
       text: i.supplierName
     }), i.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
-      title: '规格',
+      title: "规格",
       text: i.propertiesName
     })));
   }))));
@@ -169,12 +169,12 @@ export var GoodImage = function GoodImage(_ref5) {
   var _list$slice;
   var list = _ref5.list,
     _ref5$type = _ref5.type,
-    type = _ref5$type === void 0 ? '' : _ref5$type;
+    type = _ref5$type === void 0 ? "" : _ref5$type;
   var total = (list === null || list === void 0 ? void 0 : list.length) || 0;
   var initShowTotal = 3;
   return (list === null || list === void 0 ? void 0 : list.length) > 0 ? /*#__PURE__*/React.createElement("div", {
     style: {
-      display: type === 'itemSelect' ? 'flex' : 'block'
+      display: type === "itemSelect" ? "flex" : "block"
     }
   }, list === null || list === void 0 ? void 0 : (_list$slice = list.slice(0, initShowTotal)) === null || _list$slice === void 0 ? void 0 : _list$slice.map(function (item, index) {
     return showImage({
@@ -191,7 +191,7 @@ export var GoodImage = function GoodImage(_ref5) {
 var content = function content(item, index) {
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     style: {
-      textAlign: 'center'
+      textAlign: "center"
     }
   }, "\u5305\u88F9".concat(index + 1, "\u5546\u54C1\u4FE1\u606F")), ((item === null || item === void 0 ? void 0 : item.items) || []).map(function (t, index) {
     return /*#__PURE__*/React.createElement("div", {
@@ -215,9 +215,74 @@ export var JstGoodImage = function JstGoodImage(_ref6) {
     }, /*#__PURE__*/React.createElement("span", {
       key: index,
       style: {
-        color: '#1890ff',
-        cursor: 'pointer'
+        color: "#1890ff",
+        cursor: "pointer"
       }
-    }, "\u5305\u88F9".concat(index + 1), ":")), type === 1 ? /*#__PURE__*/React.createElement("span", null, company && item.logisticsCode ? [company, item.logisticsCode].join('/') : company ? company : item.logisticsCode) : null, type === 2 ? /*#__PURE__*/React.createElement("span", null, item.supplyName && item.supplyId ? [item.supplyId, item.supplyName].join('/') : item.supplyId ? item.supplyId : item.supplyName) : null, type === 3 ? /*#__PURE__*/React.createElement("span", null, item.sendName && item.sendId ? [item.sendId, item.sendName].join('/') : item.sendId ? item.sendId : item.sendName) : null));
+    }, "\u5305\u88F9".concat(index + 1), ":")), type === 1 ? /*#__PURE__*/React.createElement("span", null, company && item.logisticsCode ? [company, item.logisticsCode].join("/") : company ? company : item.logisticsCode) : null, type === 2 ? /*#__PURE__*/React.createElement("span", null, item.supplyName && item.supplyId ? [item.supplyId, item.supplyName].join("/") : item.supplyId ? item.supplyId : item.supplyName) : null, type === 3 ? /*#__PURE__*/React.createElement("span", null, item.sendName && item.sendId ? [item.sendId, item.sendName].join("/") : item.sendId ? item.sendId : item.sendName) : null));
   }) : null;
+};
+//bs商品展示 todo
+export var BsGoodImage = function BsGoodImage(_ref7) {
+  var item = _ref7.item,
+    index = _ref7.index;
+  var picUrl = item.picUrl || defaultImg;
+  var keyMap = {
+    name: "bs名称",
+    code: "bs编码",
+    skuId: "bssku编码",
+    money: "bs实付金额",
+    number: "bs数量",
+    share: "bs分摊价",
+    type: "bs赠品类型"
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.goodImgBox,
+    key: index
+  }, /*#__PURE__*/React.createElement("img", {
+    style: {
+      width: "40px",
+      height: "40px",
+      objectFit: "contain"
+    },
+    src: picUrl
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.options
+  }, Object.keys(keyMap).map(function (key) {
+    return item[key] ? /*#__PURE__*/React.createElement(TextTool, {
+      title: keyMap[key],
+      text: item[key]
+    }) : null;
+  })));
+};
+//bs换货 todo
+export var BsExchangeList = function BsExchangeList(_ref8) {
+  var list = _ref8.list;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.bsImgBox
+  }, list.map(function (item) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: styles.bsImgItem
+    }, ((item === null || item === void 0 ? void 0 : item.returnGood) || []).map(function (t, i) {
+      return BsGoodImage({
+        item: t,
+        index: i
+      });
+    })), "==>", /*#__PURE__*/React.createElement("div", {
+      className: styles.bsImgItem
+    }, ((item === null || item === void 0 ? void 0 : item.returnGood) || []).map(function (t, i) {
+      return BsGoodImage({
+        item: t,
+        index: i
+      });
+    })));
+  }));
+};
+//bs图片展示
+export var BsGoodPic = function BsGoodPic(list) {
+  return list.map(function (t) {
+    return /*#__PURE__*/React.createElement(Image, {
+      width: 60,
+      src: t
+    });
+  });
 };

package/dist/esm/components/Common/index.module.less

@@ -6,3 +6,11 @@
     width: calc(100% - 40px);
   }
 }
+
+.bsImgBox {
+  display: flex;
+  border-bottom: 1px solid #eee;
+  .bsImgItem{
+    display: flex;
+  }
+}

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

@@ -1,32 +1,31 @@
 import { ComponentInterface, PickOption, Record } from "../../type";
 import React from "react";
-declare type Value = string[] | undefined;
 declare class BasicFile implements ComponentInterface {
     name: string;
     id: string;
     sortField: string;
+    formField: string;
     type: string;
     rules: any[];
     componentConfig: ComponentInterface["componentConfig"];
     isCombinationComponent: boolean;
     canSort: boolean;
     children: ComponentInterface[];
+    dataType: ComponentInterface["dataType"];
     constructor(options: PickOption);
-    formatPictures: (pictures: string) => string[];
-    render: (value: Value) => React.JSX.Element | null;
-    renderPc: (value: any, record: Record) => React.JSX.Element | React.JSX.Element[];
-    renderLog: (r: Record) => React.JSX.Element | React.JSX.Element[] | null;
+    renderPc: (value: any, record: Record) => any;
+    renderLog: (r: Record) => any;
     getComponentValue: (r: Record) => any;
     renderClient: (record: any) => React.JSX.Element | null;
     editRender: () => React.JSX.Element;
     /**
      *
-     * @returns 图片类型的导出需要在导出时单独处理
+     * @returns
      */
-    renderExport: () => null;
+    renderExport: (value: any, record: any) => any;
     /**
      *
-     * @returns 图片不支持过滤
+     * @returns 文件不支持过滤
      */
     filterConfig: () => never[];
 }

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

@@ -7,9 +7,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 { Image } from "antd";
 import { ApaasUploadFile } from "@kmkf-fe-packages/basic-components";
-import { imgResize } from "@kmkf-fe-packages/kmkf-utils";
 import GetFormItem from "../GetFormItem";
 import ItemView from "../../commonComponents/ItemView";
 import { isNull } from "@kmkf-fe-packages/kmkf-utils";
@@ -19,56 +17,23 @@ var BasicFile = /*#__PURE__*/_createClass(function BasicFile(options) {
   _defineProperty(this, "name", void 0);
   _defineProperty(this, "id", void 0);
   _defineProperty(this, "sortField", void 0);
+  _defineProperty(this, "formField", void 0);
   _defineProperty(this, "type", void 0);
   _defineProperty(this, "rules", void 0);
   _defineProperty(this, "componentConfig", void 0);
   _defineProperty(this, "isCombinationComponent", void 0);
   _defineProperty(this, "canSort", void 0);
   _defineProperty(this, "children", void 0);
-  _defineProperty(this, "formatPictures", function (pictures) {
-    pictures = pictures.replace(/[\[\]]/g, "");
-    pictures = pictures.replace(/\s/g, "");
-    return pictures ? pictures.split(",") : [];
-  });
-  _defineProperty(this, "render", function (value) {
-    if (!(value !== null && value !== void 0 && value.length)) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement("div", null, value === null || value === void 0 ? void 0 : value.map(function (pic) {
-      return /*#__PURE__*/React.createElement("div", {
-        style: {
-          marginRight: "5px",
-          display: "inline-block"
-        }
-      }, /*#__PURE__*/React.createElement(Image, {
-        width: 32,
-        src: imgResize(pic || ""),
-        preview: {
-          src: imgResize(pic || "", 0, 0)
-        }
-      }));
-    }));
-  });
+  _defineProperty(this, "dataType", void 0);
   _defineProperty(this, "renderPc", function (value, record) {
-    if ((record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_file")]) === undefined) {
+    var fileList = (record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_file")]) || [];
+    if (!fileList.length) {
       return /*#__PURE__*/React.createElement("span", null, "--");
     }
-    var finalPictures = _this.formatPictures(record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_file")]).map(function (item) {
-      return "".concat(window.location.origin, "/").concat(item);
-    });
-    return finalPictures === null || finalPictures === void 0 ? void 0 : finalPictures.map(function (pic) {
-      return /*#__PURE__*/React.createElement("div", {
-        style: {
-          marginRight: "5px",
-          display: "inline-block"
-        }
-      }, /*#__PURE__*/React.createElement(Image, {
-        width: 32,
-        src: "".concat(pic, "?x-oss-process=image/resize,m_pad,h_40,w_40"),
-        preview: {
-          src: pic
-        }
-      }));
+    return fileList === null || fileList === void 0 ? void 0 : fileList.map(function (file) {
+      return /*#__PURE__*/React.createElement("a", {
+        href: file.url
+      }, file.name);
     });
   });
   _defineProperty(this, "renderLog", function (r) {
@@ -79,10 +44,10 @@ var BasicFile = /*#__PURE__*/_createClass(function BasicFile(options) {
     return r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_file")];
   });
   _defineProperty(this, "renderClient", function (record) {
-    return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
+    return !isNull(record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_file")]) ? /*#__PURE__*/React.createElement(ItemView, {
       id: _this.id,
       label: _this.name,
-      value: _this.render(record === null || record === void 0 ? void 0 : record[_this.id])
+      value: _this.renderPc(null, record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_file")])
     }) : null;
   });
   _defineProperty(this, "editRender", function () {
@@ -98,8 +63,12 @@ var BasicFile = /*#__PURE__*/_createClass(function BasicFile(options) {
       }))
     });
   });
-  _defineProperty(this, "renderExport", function () {
-    return null;
+  _defineProperty(this, "renderExport", function (value, record) {
+    var textArr = ((record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_rate")]) || []).reduce(function (prv, next) {
+      prv.push(next.url);
+      return prv;
+    }, []);
+    return textArr === null || textArr === void 0 ? void 0 : textArr.join(",");
   });
   _defineProperty(this, "filterConfig", function () {
     return [];
@@ -107,11 +76,13 @@ var BasicFile = /*#__PURE__*/_createClass(function BasicFile(options) {
   this.name = options.name;
   this.id = options.id;
   this.sortField = "".concat(options.id, "_file");
+  this.formField = "".concat(options.id, "_file");
   this.type = options.type;
   this.componentConfig = options.componentConfig;
   this.rules = [];
   this.isCombinationComponent = false;
   this.canSort = false;
   this.children = [];
+  this.dataType = "array";
 });
 export default BasicFile;

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

@@ -87,6 +87,9 @@ var BasicInput = /*#__PURE__*/_createClass(function BasicInput(options) {
   this.rules = [{
     validator: function validator(_, value) {
       var _this$componentConfig3, _this$componentConfig4, _this$componentConfig5;
+      if (!value) {
+        return Promise.resolve();
+      }
       var number = /^(([0-9]*(\.[0-9]{1,})$)|([0-9]+$))/;
       var mail = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/;
       var phone = /^1\d{10}$/;