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

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

@@ -8,9 +8,9 @@ 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 { ExpressData } from '@kmkf-fe-packages/kmkf-utils';
-import { ExpressLogistics } from '@kmkf-fe-packages/basic-components';
+import React from "react";
+import { ExpressData } from "@kmkf-fe-packages/kmkf-utils";
+import { ExpressLogistics } from "@kmkf-fe-packages/basic-components";
 import Express from "../Express";
 import ExpressCode from "../ExpressCode";
 import GetFormItem from "../GetFormItem";
@@ -33,6 +33,7 @@ var ReturnLogistics = /*#__PURE__*/_createClass(function ReturnLogistics(options
   _defineProperty(this, "canSort", void 0);
   _defineProperty(this, "children", void 0);
   _defineProperty(this, "dataType", void 0);
+  _defineProperty(this, "isChange", void 0);
   _defineProperty(this, "renderClient", function (record) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, _this.express.renderClient(record), _this.expressCode.renderClient(record));
   });
@@ -53,6 +54,20 @@ var ReturnLogistics = /*#__PURE__*/_createClass(function ReturnLogistics(options
   });
   _defineProperty(this, "editRender", function (p) {
     var _this$componentConfig, _this$componentConfig2, _this$componentConfig3, _this$componentConfig4;
+    var onReturnLogisticsCodeBlur = function onReturnLogisticsCodeBlur(val) {
+      if (_this.isChange) {
+        var _p$onBlur;
+        p === null || p === void 0 ? void 0 : (_p$onBlur = p.onBlur) === null || _p$onBlur === void 0 ? void 0 : _p$onBlur.call(p, val, "returnLogisticsCode");
+        _this.isChange = false;
+      }
+    };
+    var onReturnLogisticsCodeChange = function onReturnLogisticsCodeChange() {
+      _this.isChange = true;
+      for (var _len = arguments.length, e = new Array(_len), _key = 0; _key < _len; _key++) {
+        e[_key] = arguments[_key];
+      }
+      p === null || p === void 0 ? void 0 : p.onChange.apply(p, e);
+    };
     return /*#__PURE__*/React.createElement(GetFormItem, {
       title: _this.name,
       name: _this.id,
@@ -60,18 +75,19 @@ var ReturnLogistics = /*#__PURE__*/_createClass(function ReturnLogistics(options
       hidden: p === null || p === void 0 ? void 0 : p.hidden,
       display: p === null || p === void 0 ? void 0 : p.display,
       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 : '',
+      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(ExpressLogistics, _extends({}, _this.componentConfig, {
         options: _this.expressDateInstance.getExpressData(),
-        onBlur: p === null || p === void 0 ? void 0 : p.onBlur
+        onBlur: onReturnLogisticsCodeBlur,
+        onChange: onReturnLogisticsCodeChange
       }))
     });
   });
   _defineProperty(this, "filterConfig", function (item) {
     return [_this.express.filterConfig(_objectSpread(_objectSpread({}, item), {}, {
-      subKey: 'returnLogisticsCompany'
+      subKey: "returnLogisticsCompany"
     })), _this.expressCode.filterConfig(_objectSpread(_objectSpread({}, item), {}, {
-      subKey: 'returnLogisticsCode'
+      subKey: "returnLogisticsCode"
     }))];
   });
   this.name = options.name;
@@ -80,37 +96,38 @@ var ReturnLogistics = /*#__PURE__*/_createClass(function ReturnLogistics(options
   this.formField = options.id;
   this.type = options.type;
   this.showContains = false;
-  this.dataType = 'string';
+  this.dataType = "string";
   this.componentConfig = options.componentConfig;
   this.expressDateInstance = ExpressData.getInstance();
   this.express = new Express(_objectSpread(_objectSpread({}, options), {}, {
-    name: '退货物流公司',
+    name: "退货物流公司",
     id: "".concat(options.id, "_returnLogisticsCompany")
   }));
   this.expressCode = new ExpressCode(_objectSpread(_objectSpread({}, options), {}, {
-    name: '退货物流单号',
+    name: "退货物流单号",
     id: "".concat(options.id, "_returnLogisticsCode")
   }));
   this.isCombinationComponent = true;
   this.canSort = false;
-  this.dataType = 'object';
+  this.dataType = "object";
   this.children = [this.express, this.expressCode];
+  this.isChange = false;
   this.rules = (_this$componentConfig5 = this.componentConfig) !== null && _this$componentConfig5 !== void 0 && _this$componentConfig5.required ? [{
     validator: function validator(_, value) {
       var _this$componentConfig6;
       if ((_this$componentConfig6 = _this.componentConfig) !== null && _this$componentConfig6 !== void 0 && _this$componentConfig6.isSingle) {
         var _this$componentConfig7, _this$componentConfig8;
-        if (((_this$componentConfig7 = _this.componentConfig) === null || _this$componentConfig7 === void 0 ? void 0 : _this$componentConfig7.showField) === 'EXPRESS_COMPANY' && !(value !== null && value !== void 0 && value.company)) {
-          return Promise.reject(new Error('请选择物流公司'));
-        } else if (((_this$componentConfig8 = _this.componentConfig) === null || _this$componentConfig8 === void 0 ? void 0 : _this$componentConfig8.showField) === 'EXPRESS_WAYBILL_CODE' && !(value !== null && value !== void 0 && value.order)) {
-          return Promise.reject(new Error('请输入物流单号'));
+        if (((_this$componentConfig7 = _this.componentConfig) === null || _this$componentConfig7 === void 0 ? void 0 : _this$componentConfig7.showField) === "EXPRESS_COMPANY" && !(value !== null && value !== void 0 && value.company)) {
+          return Promise.reject(new Error("请选择物流公司"));
+        } else if (((_this$componentConfig8 = _this.componentConfig) === null || _this$componentConfig8 === void 0 ? void 0 : _this$componentConfig8.showField) === "EXPRESS_WAYBILL_CODE" && !(value !== null && value !== void 0 && value.order)) {
+          return Promise.reject(new Error("请输入物流单号"));
         }
       } else {
         if (!(value !== null && value !== void 0 && value.company)) {
-          return Promise.reject(new Error('请选择物流公司'));
+          return Promise.reject(new Error("请选择物流公司"));
         }
         if (!(value !== null && value !== void 0 && value.order)) {
-          return Promise.reject(new Error('请输入物流单号'));
+          return Promise.reject(new Error("请输入物流单号"));
         }
       }
       return Promise.resolve();

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

@@ -16,6 +16,7 @@ declare class BasicSelect implements ComponentInterface {
     optionsMap: ComponentInterface["optionsMap"];
     constructor(options: PickOption);
     getKeyByComponentType: (type: string) => any;
+    getIsValue: () => boolean;
     editRender: (p: any) => React.JSX.Element;
     renderClient: (record: any) => React.JSX.Element | null;
     renderPc: (value: any, record: Record) => React.JSX.Element;

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

@@ -34,11 +34,14 @@ var typeMap = {
   },
   ERP_ORDER_STATUS: {
     key: "erpOrderStatus"
+  },
+  JST_OUTBOUND_STATUS: {
+    key: "jstOutboundStatus"
   }
 };
 var BasicSelect = /*#__PURE__*/_createClass(function BasicSelect(options) {
   var _this = this,
-    _this$componentConfig8,
+    _this$componentConfig6,
     _this$options;
   _classCallCheck(this, BasicSelect);
   _defineProperty(this, "name", void 0);
@@ -57,16 +60,20 @@ var BasicSelect = /*#__PURE__*/_createClass(function BasicSelect(options) {
   _defineProperty(this, "getKeyByComponentType", function (type) {
     return typeMap[type].key || "";
   });
+  _defineProperty(this, "getIsValue", function () {
+    var _this$componentConfig;
+    return ((_this$componentConfig = _this.componentConfig) === null || _this$componentConfig === void 0 ? void 0 : _this$componentConfig.webUniqueKey) === "PLATFORM_STATUS" || _this.type === "JST_OUTBOUND_STATUS";
+  });
   _defineProperty(this, "editRender", function (p) {
-    var _this$componentConfig, _this$componentConfig2, _this$componentConfig3, _this$componentConfig4;
+    var _this$componentConfig2, _this$componentConfig3, _this$componentConfig4, _this$componentConfig5;
     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$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 : "",
+      required: (_this$componentConfig2 = (_this$componentConfig3 = _this.componentConfig) === null || _this$componentConfig3 === void 0 ? void 0 : _this$componentConfig3.required) !== null && _this$componentConfig2 !== void 0 ? _this$componentConfig2 : false,
+      tooltip: (_this$componentConfig4 = _this.componentConfig) !== null && _this$componentConfig4 !== void 0 && _this$componentConfig4.showTooltip ? (_this$componentConfig5 = _this.componentConfig) === null || _this$componentConfig5 === void 0 ? void 0 : _this$componentConfig5.tooltip : "",
       component: /*#__PURE__*/React.createElement(ApaasSelect, _extends({}, _this.componentConfig, {
         placeholder: typeMap[_this.type].placeholder || "\u8BF7\u8F93\u5165".concat(_this.name),
         showSearch: true,
@@ -75,9 +82,9 @@ var BasicSelect = /*#__PURE__*/_createClass(function BasicSelect(options) {
     });
   });
   _defineProperty(this, "renderClient", function (record) {
-    var _this$componentConfig5, _this$optionsMap;
+    var _this$optionsMap;
     // 特殊自定义组件为平台状态时匹配出label
-    var label = ((_this$componentConfig5 = _this.componentConfig) === null || _this$componentConfig5 === void 0 ? void 0 : _this$componentConfig5.webUniqueKey) === "PLATFORM_STATUS" ? (_this$optionsMap = _this.optionsMap) === null || _this$optionsMap === void 0 ? void 0 : _this$optionsMap[record === null || record === void 0 ? void 0 : record[_this.id]] : record === null || record === void 0 ? void 0 : record[_this.id];
+    var label = _this.getIsValue() ? (_this$optionsMap = _this.optionsMap) === null || _this$optionsMap === void 0 ? void 0 : _this$optionsMap[record === null || record === void 0 ? void 0 : record[_this.id]] : record === null || record === void 0 ? void 0 : record[_this.id];
     return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
       id: _this.id,
       label: _this.name,
@@ -85,11 +92,11 @@ var BasicSelect = /*#__PURE__*/_createClass(function BasicSelect(options) {
     }) : null;
   });
   _defineProperty(this, "renderPc", function (value, record) {
-    var _this$componentConfig6, _this$optionsMap2;
+    var _this$optionsMap2;
     var type = _this.type;
     var key = record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_").concat(typeMap[type].key)];
     // 特殊自定义组件为平台状态时匹配出label
-    var label = ((_this$componentConfig6 = _this.componentConfig) === null || _this$componentConfig6 === void 0 ? void 0 : _this$componentConfig6.webUniqueKey) === "PLATFORM_STATUS" ? ((_this$optionsMap2 = _this.optionsMap) === null || _this$optionsMap2 === void 0 ? void 0 : _this$optionsMap2[key]) || "" : key;
+    var label = _this.getIsValue() ? ((_this$optionsMap2 = _this.optionsMap) === null || _this$optionsMap2 === void 0 ? void 0 : _this$optionsMap2[key]) || "" : key;
     return /*#__PURE__*/React.createElement("span", null, label !== null && label !== void 0 ? label : "--");
   });
   _defineProperty(this, "renderLog", function (r) {
@@ -102,11 +109,11 @@ var BasicSelect = /*#__PURE__*/_createClass(function BasicSelect(options) {
     return r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_").concat(typeMap[type].key)];
   });
   _defineProperty(this, "renderExport", function (value, record) {
-    var _this$componentConfig7, _this$optionsMap3;
+    var _this$optionsMap3;
     var type = _this.type;
     var key = record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_").concat(typeMap[type].key)];
     // 特殊自定义组件为平台状态时匹配出label
-    var label = ((_this$componentConfig7 = _this.componentConfig) === null || _this$componentConfig7 === void 0 ? void 0 : _this$componentConfig7.webUniqueKey) === "PLATFORM_STATUS" ? ((_this$optionsMap3 = _this.optionsMap) === null || _this$optionsMap3 === void 0 ? void 0 : _this$optionsMap3[key]) || "" : key;
+    var label = _this.getIsValue() ? ((_this$optionsMap3 = _this.optionsMap) === null || _this$optionsMap3 === void 0 ? void 0 : _this$optionsMap3[key]) || "" : key;
     return label !== null && label !== void 0 ? label : "--";
   });
   _defineProperty(this, "filterConfig", function (item) {
@@ -141,7 +148,7 @@ var BasicSelect = /*#__PURE__*/_createClass(function BasicSelect(options) {
   this.canSort = true;
   this.children = [];
   this.dataType = "string";
-  this.options = ((_this$componentConfig8 = this.componentConfig) === null || _this$componentConfig8 === void 0 ? void 0 : _this$componentConfig8.options) || [];
+  this.options = ((_this$componentConfig6 = this.componentConfig) === null || _this$componentConfig6 === void 0 ? void 0 : _this$componentConfig6.options) || [];
   this.optionsMap = (_this$options = this.options) === null || _this$options === void 0 ? void 0 : _this$options.reduce(function (prev, next) {
     prev[next.value] = next.label;
     return prev;

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ComponentInterface, ColumnConfig, Record, PickOption } from '../../type';
+import React from "react";
+import { ComponentInterface, ColumnConfig, Record, PickOption } from "../../type";
 declare class ShopInput implements ComponentInterface {
     name: string;
     id: string;
@@ -11,9 +11,9 @@ declare class ShopInput implements ComponentInterface {
     formField: string;
     canSort: boolean;
     children: ComponentInterface[];
-    dataType: ComponentInterface['dataType'];
-    options: ComponentInterface['options'];
-    format: ComponentInterface['format'];
+    dataType: ComponentInterface["dataType"];
+    options: ComponentInterface["options"];
+    format: ComponentInterface["format"];
     constructor(options: PickOption);
     renderPc: (shopName: unknown, record: any) => React.JSX.Element;
     renderLog: (record: Record) => any;

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

@@ -5,9 +5,9 @@ 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 React from "react";
 import PlatformAvatar from "../../commonComponents/PlatformAvatar";
-import { filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
+import { filterFn as _filterFn } from "@kmkf-fe-packages/kmkf-utils";
 import { SYMBOL } from "../../constant";
 var ShopInput = /*#__PURE__*/_createClass(function ShopInput(options) {
   var _this = this,
@@ -35,15 +35,18 @@ var ShopInput = /*#__PURE__*/_createClass(function ShopInput(options) {
     }), record === null || record === void 0 ? void 0 : record["".concat(_this.id)]);
   });
   _defineProperty(this, "renderLog", function (record) {
+    var _this$options, _this$options$find;
     if (!(record !== null && record !== void 0 && record[_this.id])) return null;
-    return record === null || record === void 0 ? void 0 : record["".concat(_this.id)];
+    return (_this$options = _this.options) === null || _this$options === void 0 ? void 0 : (_this$options$find = _this$options.find(function (t) {
+      return (t === null || t === void 0 ? void 0 : t.uniqueKey) === (record === null || record === void 0 ? void 0 : record[_this.id]);
+    })) === null || _this$options$find === void 0 ? void 0 : _this$options$find.shopName;
   });
   _defineProperty(this, "getComponentValue", function (r) {
     return r === null || r === void 0 ? void 0 : r[_this.id];
   });
   _defineProperty(this, "renderExport", function (value, record) {
     var _record;
-    return (_record = record === null || record === void 0 ? void 0 : record["".concat(_this.id)]) !== null && _record !== void 0 ? _record : '--';
+    return (_record = record === null || record === void 0 ? void 0 : record["".concat(_this.id)]) !== null && _record !== void 0 ? _record : "--";
   });
   _defineProperty(this, "renderClient", function () {
     return null;
@@ -60,10 +63,10 @@ var ShopInput = /*#__PURE__*/_createClass(function ShopInput(options) {
       // 过滤组件id
       name: item.name,
       // 过滤组件名称
-      filterComponentType: 'ShopList',
+      filterComponentType: "ShopList",
       props: {
         shopList: (_this === null || _this === void 0 ? void 0 : (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.shopList) || [],
-        mode: 'multiple'
+        mode: "multiple"
       },
       filterFn: function filterFn(value) {
         return function (i) {
@@ -72,7 +75,7 @@ var ShopInput = /*#__PURE__*/_createClass(function ShopInput(options) {
             return value === null || value === void 0 ? void 0 : value.includes(item.shopId);
           })) === null || _this$effects2$shopLi2 === void 0 ? void 0 : (_this$effects2$shopLi3 = _this$effects2$shopLi2.map(function (item) {
             return item.shopId;
-          })) === null || _this$effects2$shopLi3 === void 0 ? void 0 : _this$effects2$shopLi3.includes(_filterFn.filterTableListItemColumnValue(i, 'shopId', ''));
+          })) === null || _this$effects2$shopLi3 === void 0 ? void 0 : _this$effects2$shopLi3.includes(_filterFn.filterTableListItemColumnValue(i, "shopId", ""));
         };
       },
       formatFilterValue: function formatFilterValue(shopList) {
@@ -95,8 +98,8 @@ var ShopInput = /*#__PURE__*/_createClass(function ShopInput(options) {
   this.isCombinationComponent = false;
   this.canSort = true;
   this.children = [];
-  this.dataType = 'string';
+  this.dataType = "string";
   this.options = this === null || this === void 0 ? void 0 : (_this$effects4 = this.effects) === null || _this$effects4 === void 0 ? void 0 : _this$effects4.shopList;
-  this.format = 'shopInput';
+  this.format = "shopInput";
 });
 export default ShopInput;

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

@@ -36,6 +36,10 @@ var selectTypeMap = {
     key: "agreeRefundStatusValue",
     info: "agreeRefundStatusReason"
   }),
+  REPAIR_ORDER_STATUS: getSelectTypeAttribute({
+    key: "repairOrderStatusValue",
+    info: "repairOrderStatusReason"
+  }),
   REJECT_REFUND_STATUS: getSelectTypeAttribute({
     key: "rejectRefundStatusValue",
     info: "rejectRefundStatusReason"
@@ -44,6 +48,10 @@ var selectTypeMap = {
     key: "erpAfterSaleStatusValue",
     info: "erpAfterSaleStatusReason"
   }),
+  ERP_AFTER_SALES_ORDER_REVIEW_STATUS: getSelectTypeAttribute({
+    key: "erpAfterSalesOrderReviewStatusValue",
+    info: "erpAfterSalesOrderReviewStatusReason"
+  }),
   INVOICING_STATUS: getSelectTypeAttribute({
     key: "invoicingStatusValue",
     info: "invoicingReason",
@@ -60,10 +68,15 @@ var selectTypeMap = {
   RETURN_EXCHANGE_GOODS_REVIEW_STATUS: getSelectTypeAttribute({
     key: "returnExchangeGoodsReviewStatusValue",
     info: "returnExchangeGoodsReviewStatusReason"
+  }),
+  ERP_REMARK: getSelectTypeAttribute({
+    key: "erpRemarkStatusValue",
+    info: "erpRemarkStatusReason"
   })
 };
 var StatusSelect = /*#__PURE__*/_createClass(function StatusSelect(options) {
-  var _this = this;
+  var _this = this,
+    _this$componentConfig5;
   _classCallCheck(this, StatusSelect);
   _defineProperty(this, "name", void 0);
   _defineProperty(this, "id", void 0);
@@ -165,7 +178,14 @@ var StatusSelect = /*#__PURE__*/_createClass(function StatusSelect(options) {
   this.componentConfig = _objectSpread(_objectSpread({}, options.componentConfig), {}, {
     options: selectTypeMap[options.type].options
   });
-  this.rules = [];
+  this.rules = (_this$componentConfig5 = this.componentConfig) !== null && _this$componentConfig5 !== void 0 && _this$componentConfig5.required ? [{
+    validator: function validator(_, value) {
+      if (!value || !value.status && value.status !== 0) {
+        return Promise.reject(new Error("".concat(_this.name, "\u4E0D\u80FD\u4E3A\u7A7A")));
+      }
+      return Promise.resolve();
+    }
+  }] : [];
   this.isCombinationComponent = false;
   this.canSort = true;
   this.children = [];

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;