@kmkf-fe-packages/services-components 2.3.0-rc.0 → 2.3.0-rc.4

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

@@ -0,0 +1,271 @@
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 _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 _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 _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 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 _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 moment from "moment";
+import React from "react";
+import { Table } from "antd";
+import { OrderSubForm as SubFormComponent } from "@kmkf-fe-packages/basic-components";
+import BsHeaderChild from "../BS/common/BsHeaderChild";
+import BsHeaderPic from "../BS/common/BsHeaderPic";
+import GetFormItem from "../GetFormItem";
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from "@kmkf-fe-packages/kmkf-utils";
+import { difference } from "lodash";
+import { SYMBOL } from "../../constant";
+import { OrderSubFormUtils, orderSubFormConstants } from "@kmkf-fe-packages/basic-components";
+import { ExpressData } from "@kmkf-fe-packages/kmkf-utils";
+var renderDetailItem = OrderSubFormUtils.renderDetailItem;
+var getSelectWidgetMap = orderSubFormConstants.getSelectWidgetMap,
+  getOrderSubformColumns = orderSubFormConstants.getOrderSubformColumns;
+var OrderSubForm = /*#__PURE__*/_createClass(
+// workOrderUniqueKey?: string;
+function OrderSubForm(options) {
+  var _this = this;
+  _classCallCheck(this, OrderSubForm);
+  _defineProperty(this, "name", 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, "isCombinationComponent", void 0);
+  _defineProperty(this, "formField", void 0);
+  _defineProperty(this, "canSort", void 0);
+  _defineProperty(this, "expressDateInstance", void 0);
+  _defineProperty(this, "children", void 0);
+  _defineProperty(this, "dataType", void 0);
+  _defineProperty(this, "renderTransformItem", function (item, val) {
+    var _getSelectWidgetMap;
+    var mapValue = (_getSelectWidgetMap = getSelectWidgetMap(_this.expressDateInstance)) === null || _getSelectWidgetMap === void 0 ? void 0 : _getSelectWidgetMap[item.dataIndex];
+    var selectValue;
+    if (mapValue && typeof mapValue === "function") {
+      selectValue = mapValue === null || mapValue === void 0 ? void 0 : mapValue(val);
+    } else {
+      selectValue = mapValue === null || mapValue === void 0 ? void 0 : mapValue[val];
+    }
+    return selectValue;
+  });
+  _defineProperty(this, "getNewTableHeader", function () {
+    var _this$componentConfig, _ref2;
+    var orderSubformColumns = getOrderSubformColumns();
+    var orderSubformColumnMap = orderSubformColumns.reduce(function (prv, next) {
+      prv[next.dataIndex] = next;
+      return prv;
+    }, {});
+    var _ref = ((_this$componentConfig = _this.componentConfig) === null || _this$componentConfig === void 0 ? void 0 : _this$componentConfig.subConfig) || {},
+      _ref$correlationList = _ref.correlationList,
+      correlationList = _ref$correlationList === void 0 ? [] : _ref$correlationList;
+    var columns = correlationList && correlationList !== null && correlationList !== void 0 && correlationList.length ? correlationList.map(function (t) {
+      return orderSubformColumnMap[t.dataIndex];
+    }) : orderSubformColumns;
+    return (_ref2 = columns || []) === null || _ref2 === void 0 ? void 0 : _ref2.reduce(function (prv, item) {
+      var _this$componentConfig2, _this$componentConfig3;
+      var t = ((_this$componentConfig2 = _this.componentConfig) === null || _this$componentConfig2 === void 0 ? void 0 : (_this$componentConfig3 = _this$componentConfig2.tableHeader) === null || _this$componentConfig3 === void 0 ? void 0 : _this$componentConfig3.find(function (v) {
+        return v.key === item.dataIndex;
+      })) || {
+        isShow: true,
+        isEdit: false,
+        isRequired: false,
+        width: item !== null && item !== void 0 && item.width ? Number(item === null || item === void 0 ? void 0 : item.width) : 150
+      };
+      if (t.isShow) {
+        prv.push(_objectSpread(_objectSpread({}, item), t));
+      }
+      return prv;
+    }, []);
+  });
+  _defineProperty(this, "renderTabel", function (list) {
+    var _ref3, _ref3$filter;
+    var columns = [{
+      dataIndex: "",
+      title: "序号",
+      align: "center",
+      ellipsis: true,
+      width: 50,
+      render: function render(val, record, index) {
+        return /*#__PURE__*/React.createElement("span", null, index + 1);
+      }
+    }].concat(_toConsumableArray(((_ref3 = _this.getNewTableHeader() || []) === null || _ref3 === void 0 ? void 0 : (_ref3$filter = _ref3.filter(function (t) {
+      return t.isShow;
+    })) === null || _ref3$filter === void 0 ? void 0 : _ref3$filter.map(function (item) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        align: "center",
+        ellipsis: true,
+        title: (item === null || item === void 0 ? void 0 : item.settingName) || item.title,
+        render: function render(val) {
+          return renderDetailItem({
+            item: item,
+            val: val
+          });
+        }
+      });
+    })) || []));
+    return /*#__PURE__*/React.createElement(Table, {
+      columns: columns,
+      dataSource: list,
+      rowKey: "uuid",
+      size: "small",
+      pagination: false,
+      scroll: {
+        x: "100%"
+      },
+      locale: {
+        emptyText: "暂无数据"
+      }
+    });
+  });
+  _defineProperty(this, "renderPc", function () {
+    return null;
+  });
+  _defineProperty(this, "renderLog", function (r) {
+    if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_subOrderList")])) return null;
+    return _this.renderTabel(r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_subOrderList")]);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_subOrderList")];
+  });
+  _defineProperty(this, "renderExport", function () {
+    return null;
+  });
+  _defineProperty(this, "renderClient", function (record) {
+    var _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.renderTabel(record === null || record === void 0 ? void 0 : (_record = record["".concat(_this.id)]) === null || _record === void 0 ? void 0 : _record.subOrderList)
+    }) : null;
+  });
+  _defineProperty(this, "editRender", function (p) {
+    var _this$componentConfig4, _this$componentConfig5, _this$componentConfig6, _this$componentConfig7;
+    return /*#__PURE__*/React.createElement(GetFormItem, {
+      title: _this.name,
+      name: _this.id,
+      rules: _this.rules,
+      hidden: p === null || p === void 0 ? void 0 : p.hidden,
+      display: p === null || p === void 0 ? void 0 : p.display,
+      required: (_this$componentConfig4 = (_this$componentConfig5 = _this.componentConfig) === null || _this$componentConfig5 === void 0 ? void 0 : _this$componentConfig5.required) !== null && _this$componentConfig4 !== void 0 ? _this$componentConfig4 : false,
+      tooltip: (_this$componentConfig6 = _this.componentConfig) !== null && _this$componentConfig6 !== void 0 && _this$componentConfig6.showTooltip ? (_this$componentConfig7 = _this.componentConfig) === null || _this$componentConfig7 === void 0 ? void 0 : _this$componentConfig7.tooltip : "",
+      component: /*#__PURE__*/React.createElement(SubFormComponent, _extends({
+        effects: _this.effects
+      }, _this.componentConfig, {
+        platform: p === null || p === void 0 ? void 0 : p.platform
+      }))
+    });
+  });
+  _defineProperty(this, "filterConfig", function (item) {
+    return [{
+      searchDefaultConditions: SYMBOL.like,
+      type: item.type,
+      id: "".concat(item.id, "_subOrderList"),
+      // 过滤组件id
+      name: item.name,
+      // 过滤组件名称
+      filterComponentType: "Input"
+    }];
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.sortField = "".concat(options.id, "_subOrderList");
+  this.formField = "".concat(options.id, "_subOrderList");
+  this.type = options.type;
+  this.effects = options === null || options === void 0 ? void 0 : options.effects;
+  this.componentConfig = options.componentConfig;
+  // this.workOrderUniqueKey = options?.workOrderUniqueKey;
+  this.rules = [{
+    validator: function validator(_, value) {
+      var _this$componentConfig8, _value$subOrderList, _this$componentConfig9, _this$componentConfig10, _value$subOrderList2;
+      if ((_this$componentConfig8 = _this.componentConfig) !== null && _this$componentConfig8 !== void 0 && _this$componentConfig8.required && !(value !== null && value !== void 0 && (_value$subOrderList = value.subOrderList) !== null && _value$subOrderList !== void 0 && _value$subOrderList.length)) {
+        return Promise.reject(new Error("请填写子订单"));
+      }
+      var result = (_this$componentConfig9 = _this.componentConfig) === null || _this$componentConfig9 === void 0 ? void 0 : (_this$componentConfig10 = _this$componentConfig9.tableHeader) === null || _this$componentConfig10 === void 0 ? void 0 : _this$componentConfig10.reduce(function (prv, next) {
+        if (next.isRequired && next.isShow && !next.isEdit) {
+          prv[next.key] = "".concat(next.name, "\u5FC5\u586B");
+        }
+        return prv;
+      }, {});
+      // TODO: 补充确省字段
+      var fillKeysValue = value === null || value === void 0 ? void 0 : (_value$subOrderList2 = value.subOrderList) === null || _value$subOrderList2 === void 0 ? void 0 : _value$subOrderList2.map(function (item) {
+        var _this$componentConfig11, _this$componentConfig12;
+        var lostKeys = difference((_this$componentConfig11 = _this.componentConfig) === null || _this$componentConfig11 === void 0 ? void 0 : (_this$componentConfig12 = _this$componentConfig11.tableHeader) === null || _this$componentConfig12 === void 0 ? void 0 : _this$componentConfig12.map(function (item) {
+          return item.key;
+        }), Object.keys(item));
+        if (!isNull(lostKeys)) {
+          return lostKeys.reduce(function (prv, next) {
+            return _objectSpread(_objectSpread({}, prv), {}, _defineProperty({}, next, undefined));
+          }, item);
+        }
+        return item;
+      });
+      var msg = (fillKeysValue || []).reduce(function (prv, next) {
+        Object.keys(next).forEach(function (key) {
+          if (result[key] && isNull(next[key])) {
+            prv = result[key];
+          }
+        });
+        return prv;
+      }, "");
+      if (msg) {
+        return Promise.reject(new Error(msg));
+      }
+      return Promise.resolve();
+    }
+  }];
+  this.isCombinationComponent = true;
+  this.canSort = false;
+  this.children = (this.getNewTableHeader() || []).map(function (item) {
+    if (item.widget === "upload") {
+      return new BsHeaderPic(_objectSpread(_objectSpread({}, options), {}, {
+        name: item.title,
+        width: (item === null || item === void 0 ? void 0 : item.width) || 150,
+        id: "".concat(options.id, "_subOrderList_").concat(item.dataIndex)
+      }));
+    } else if (item.widget === "select") {
+      return new BsHeaderChild(_objectSpread(_objectSpread({}, options), {}, {
+        width: (item === null || item === void 0 ? void 0 : item.width) || 150,
+        name: item.title,
+        id: "".concat(options.id, "_subOrderList_").concat(item.dataIndex),
+        transformValue: function transformValue(val) {
+          return _this.renderTransformItem(item, val);
+        },
+        renderExport: function renderExport(val) {
+          return _this.renderTransformItem(item, val);
+        }
+      }));
+    } else if (item.widget === "datePicker") {
+      return new BsHeaderChild(_objectSpread(_objectSpread({}, options), {}, {
+        width: (item === null || item === void 0 ? void 0 : item.width) || 150,
+        name: item.title,
+        id: "".concat(options.id, "_subOrderList_").concat(item.dataIndex),
+        transformValue: function transformValue(val) {
+          return val ? moment(val).format("YYYY-MM-DD HH:mm:ss") : "";
+        },
+        renderExport: function renderExport(val) {
+          return val ? moment(val).format("YYYY-MM-DD HH:mm:ss") : "";
+        }
+      }));
+    } else {
+      return new BsHeaderChild(_objectSpread(_objectSpread({}, options), {}, {
+        width: (item === null || item === void 0 ? void 0 : item.width) || 150,
+        name: item.title,
+        id: "".concat(options.id, "_subOrderList_").concat(item.dataIndex)
+      }));
+    }
+  });
+  this.dataType = "object";
+  this.expressDateInstance = ExpressData.getInstance();
+});
+export default OrderSubForm;

package/dist/esm/components/SKX/SkxGoods/index.js

@@ -20,6 +20,10 @@ var typeMap = {
   SKX_GOODS: {
     name: "[SKX]商品信息(ON)",
     key: "skxGoods"
+  },
+  SKX_RETURN_GOODS: {
+    name: "[SKX]退货商品信息(TH)",
+    key: "skxReturnGoods"
   }
 };
 var SkxGoods = /*#__PURE__*/_createClass(function SkxGoods(options) {

package/dist/esm/components/SKX/SkxIdInputSelect/index.js

@@ -16,6 +16,10 @@ var typeMap = {
   SKX_OUTBOUND_NOTICE_NO: {
     key: "skxOutboundNoticeNo",
     blurType: "skxOutboundNoticeNo"
+  },
+  SKX_RETURN_BILL_NO: {
+    key: "skxReturnBillNo",
+    blurType: "skxReturnBillNo"
   }
 };
 var SkxIdInputSelect = /*#__PURE__*/_createClass(function SkxIdInputSelect(options) {

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

@@ -31,6 +31,9 @@ var typeMap = {
   },
   EXECUTE_ACTION_TYPE: {
     key: "executeActionType"
+  },
+  ERP_ORDER_STATUS: {
+    key: "erpOrderStatus"
   }
 };
 var BasicSelect = /*#__PURE__*/_createClass(function BasicSelect(options) {

package/dist/esm/components/SubForm/children/HeaderChildFile.d.ts

@@ -0,0 +1,30 @@
+import { ComponentInterface, PickOption, ALignType, Record } from '../../../type';
+import React from 'react';
+declare class HeaderChildFile 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'];
+    parentName?: string;
+    transformValue: (val: any, record?: any, parentName?: string) => any;
+    export: (val: any, record?: any, parentName?: string) => any;
+    constructor(options: PickOption);
+    getParentId: () => string;
+    renderClient: (record: any) => React.JSX.Element | null;
+    renderPc: (value: unknown, record: Record) => any;
+    renderLog: (r: Record) => any;
+    getComponentValue: (r: Record) => any;
+    getComponentExport: (r: Record) => any;
+    renderExport: (value: string, record: Record) => any;
+    editRender: () => null;
+    filterConfig: () => never[];
+}
+export default HeaderChildFile;

package/dist/esm/components/SubForm/children/HeaderChildFile.js

@@ -0,0 +1,117 @@
+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 _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';
+var HeaderChildFile = /*#__PURE__*/_createClass(function HeaderChildFile(options) {
+  var _this = this;
+  _classCallCheck(this, HeaderChildFile);
+  _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, "parentName", void 0);
+  _defineProperty(this, "transformValue", function (val) {
+    return val;
+  });
+  _defineProperty(this, "export", function (val) {
+    return val;
+  });
+  _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 fileList = _this.getComponentValue(record);
+    if (!fileList.length) {
+      return /*#__PURE__*/React.createElement("span", null, "--");
+    }
+    return fileList === null || fileList === void 0 ? void 0 : fileList.map(function (file) {
+      return /*#__PURE__*/React.createElement("a", {
+        href: file.url,
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        },
+        target: "_blank",
+        style: {
+          display: 'block'
+        }
+      }, file.name);
+    });
+  });
+  _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) {
+    return (r === null || r === void 0 ? void 0 : r[_this.id]) || [];
+  });
+  _defineProperty(this, "getComponentExport", function (r) {
+    return _this.export(r === null || r === void 0 ? void 0 : r[_this.id], r, _this.parentName);
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    var fileList = _this.getComponentValue(record) || [];
+    return fileList === null || fileList === void 0 ? void 0 : fileList.map(function (file) {
+      return file.url;
+    }).join(',');
+  });
+  _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;
+  if (options.parentName) {
+    this.parentName = options.parentName;
+  }
+  this.componentConfig = options.componentConfig;
+  this.align = 'left';
+  this.width = (options === null || options === void 0 ? void 0 : options.width) || 100;
+  this.isCombinationComponent = false;
+  this.canSort = false;
+  this.dataType = 'string';
+  this.children = [];
+  if (options.transformValue) {
+    this.transformValue = options.transformValue;
+  }
+  if (options.renderExport) {
+    this.export = options.renderExport;
+  }
+});
+export default HeaderChildFile;

package/dist/esm/components/SubForm/children/HeaderChildPic.d.ts

@@ -0,0 +1,30 @@
+import { ComponentInterface, PickOption, ALignType, Record } from "../../../type";
+import React from "react";
+declare class HeaderChildPic 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"];
+    parentName?: string;
+    transformValue: (val: any, record?: any, parentName?: string) => any;
+    export: (val: any, record?: any, parentName?: string) => any;
+    constructor(options: PickOption);
+    getParentId: () => string;
+    renderClient: (record: any) => React.JSX.Element | null;
+    renderPc: (value: unknown, record: Record) => any;
+    renderLog: (r: Record) => any;
+    getComponentValue: (r: Record) => any;
+    getComponentExport: (r: Record) => any;
+    renderExport: (value: string, record: Record) => any;
+    editRender: () => null;
+    filterConfig: () => never[];
+}
+export default HeaderChildPic;

package/dist/esm/components/SubForm/children/HeaderChildPic.js

@@ -0,0 +1,116 @@
+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 _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 { Image } from "antd";
+import ItemView from "../../../commonComponents/ItemView";
+import { isNull } from "@kmkf-fe-packages/kmkf-utils";
+var HeaderChildPic = /*#__PURE__*/_createClass(function HeaderChildPic(options) {
+  var _this = this;
+  _classCallCheck(this, HeaderChildPic);
+  _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, "parentName", void 0);
+  _defineProperty(this, "transformValue", function (val) {
+    return val;
+  });
+  _defineProperty(this, "export", function (val) {
+    return val;
+  });
+  _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 picList = _this.getComponentValue(record);
+    if (!picList.length) {
+      return /*#__PURE__*/React.createElement("span", null, "--");
+    }
+    return picList.map(function (t) {
+      return /*#__PURE__*/React.createElement(Image, {
+        width: 30,
+        src: t,
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        }
+      });
+    });
+  });
+  _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 picList = (r === null || r === void 0 ? void 0 : r[_this.id]) || [];
+    return picList === null || picList === void 0 ? void 0 : picList.map(function (url) {
+      return url.startsWith("http") ? url : url.startsWith("/") ? "https://kefu.kuaimai.com".concat(url) : "https://kefu.kuaimai.com/".concat(url);
+    });
+  });
+  _defineProperty(this, "getComponentExport", function (r) {
+    return _this.export(r === null || r === void 0 ? void 0 : r[_this.id], r, _this.parentName);
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    var picList = _this.getComponentValue(record);
+    return picList.join(",");
+  });
+  _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;
+  if (options.parentName) {
+    this.parentName = options.parentName;
+  }
+  this.componentConfig = options.componentConfig;
+  this.align = "left";
+  this.width = (options === null || options === void 0 ? void 0 : options.width) || 100;
+  this.isCombinationComponent = false;
+  this.canSort = false;
+  this.dataType = "string";
+  this.children = [];
+  if (options.transformValue) {
+    this.transformValue = options.transformValue;
+  }
+  if (options.renderExport) {
+    this.export = options.renderExport;
+  }
+});
+export default HeaderChildPic;