@kmkf-fe-packages/services-components 0.6.3 → 0.7.1-alpha.0

package/dist/esm/components/Payment/AlipayNo.js

@@ -9,7 +9,7 @@ import React from 'react';
 import { ApaasInput } from '@kmkf-fe-packages/basic-components';
 import GetFormItem from "../GetFormItem";
 import ItemView from "../../commonComponents/ItemView";
-import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
 var AlipayNo = /*#__PURE__*/_createClass(function AlipayNo(options) {
   var _this = this;
   _classCallCheck(this, AlipayNo);
@@ -17,18 +17,12 @@ var AlipayNo = /*#__PURE__*/_createClass(function AlipayNo(options) {
   _defineProperty(this, "id", void 0);
   _defineProperty(this, "type", void 0);
   _defineProperty(this, "rules", void 0);
-  _defineProperty(this, "canFilter", void 0);
-  _defineProperty(this, "canGroup", void 0);
-  _defineProperty(this, "canHidden", void 0);
-  _defineProperty(this, "dataType", void 0);
-  _defineProperty(this, "showContains", void 0);
   _defineProperty(this, "componentConfig", void 0);
   _defineProperty(this, "effects", void 0);
   _defineProperty(this, "align", void 0);
   _defineProperty(this, "width", void 0);
-  _defineProperty(this, "render", function (value) {
-    return /*#__PURE__*/React.createElement("span", null, value);
-  });
+  _defineProperty(this, "isCombinationComponent", void 0);
+  _defineProperty(this, "children", void 0);
   _defineProperty(this, "renderClient", function (record) {
     return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
       id: _this.id,
@@ -37,19 +31,27 @@ var AlipayNo = /*#__PURE__*/_createClass(function AlipayNo(options) {
     }) : null;
   });
   _defineProperty(this, "renderPc", function (value, record) {
-    if (value === undefined) {
+    if ((record === null || record === void 0 ? void 0 : record[_this.id]) === undefined) {
       return /*#__PURE__*/React.createElement("span", null, "--");
     }
     return /*#__PURE__*/React.createElement("span", {
       className: "pointer",
       onClick: function onClick() {
-        var _this$effects;
-        return _this === null || _this === void 0 ? void 0 : (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.queryWorkOrderDetail(record);
+        var _this$effects, _this$effects2;
+        typeof (_this === null || _this === void 0 ? void 0 : (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.queryWorkOrderDetail) === 'function' && (_this === null || _this === void 0 ? void 0 : (_this$effects2 = _this.effects) === null || _this$effects2 === void 0 ? void 0 : _this$effects2.queryWorkOrderDetail(record));
       }
-    }, value);
+    }, record === null || record === void 0 ? void 0 : record[_this.id]);
+  });
+  _defineProperty(this, "renderLog", function (r) {
+    if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
+    return _this.renderPc(undefined, r);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return r === null || r === void 0 ? void 0 : r["".concat(_this.id)];
   });
   _defineProperty(this, "renderExport", function (value, record) {
-    return value !== null && value !== void 0 ? value : '--';
+    var _record$_this$id;
+    return (_record$_this$id = record === null || record === void 0 ? void 0 : record[_this.id]) !== null && _record$_this$id !== void 0 ? _record$_this$id : '--';
   });
   _defineProperty(this, "editRender", function () {
     var _this$componentConfig, _this$componentConfig2;
@@ -61,37 +63,30 @@ var AlipayNo = /*#__PURE__*/_createClass(function AlipayNo(options) {
       component: /*#__PURE__*/React.createElement(ApaasInput, _this.componentConfig)
     });
   });
-  _defineProperty(this, "getColumns", function () {
+  _defineProperty(this, "filterConfig", function (item) {
     return {
-      title: _this.name,
-      align: _this.align,
-      dataIndex: _this.id,
-      width: _this.width,
-      dataType: _this.dataType,
-      canHidden: _this.canHidden,
-      canFilter: _this.canFilter,
-      canGroup: _this.canGroup,
-      type: _this.type,
-      render: _this.renderPc,
-      renderPc: _this.renderPc,
-      componentType: _this.editRender,
-      showContains: _this.showContains
+      type: item.type,
+      id: "".concat(item.id, "_enterprisePaymentAlipayNo"),
+      name: "".concat(item.name, "-\u652F\u4ED8\u5B9D\u8D26\u53F7"),
+      filterComponentType: 'Input',
+      filterFn: function filterFn(value) {
+        return function (i) {
+          return "".concat(_filterFn.filterTableListItemColumnValue(i, item.id, 'enterprisePaymentAlipayNo')).includes(value);
+        };
+      }
     };
   });
   this.name = '支付宝账号';
   this.id = "".concat(options.id, "_enterprisePaymentAlipayNo");
   this.type = options.type;
-  this.canFilter = true;
-  this.canGroup = true;
-  this.canHidden = false;
-  this.showContains = false;
-  this.dataType = 'string';
   this.componentConfig = options.componentConfig;
   this.effects = options.effects;
   this.width = 200;
+  this.isCombinationComponent = false;
+  this.children = [];
   this.rules = [{
     validator: function validator(_, value) {
-      if (/^(?:1[3-9]\d{9}|[a-zA-Z\d._-]*\@[a-zA-Z\d.-]{1,10}\.[a-zA-Z\d]{1,20})$/.test(value)) {
+      if (/^(?:1[3-9]\d{9}|[a-zA-Z\d._-]*@[a-zA-Z\d.-]{1,10}\.[a-zA-Z\d]{1,20})$/.test(value)) {
         return Promise.resolve();
       }
       return Promise.reject(new Error('请输入有效的邮箱或者手机号'));

package/dist/esm/components/Payment/AlipayTime.d.ts

@@ -1,40 +1,28 @@
 /// <reference types="react" />
-import { ComponentInterface, PickOption, DataType, ALignType, Record } from '../../type';
+import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
 declare class AlipayTime implements ComponentInterface {
     name: string;
     id: string;
     type: string;
     rules: any[];
-    canFilter: boolean;
-    canGroup: boolean;
-    canHidden: boolean;
-    dataType: DataType;
-    showContains: boolean;
     componentConfig: ComponentInterface["componentConfig"];
     align: ALignType;
     width: number;
+    isCombinationComponent: boolean;
+    children: ComponentInterface[];
     constructor(options: PickOption);
-    render: (value: string) => JSX.Element;
     renderClient: (record: Record) => JSX.Element | null;
-    renderPc: (value: any, record: Record) => JSX.Element;
+    renderPc: (value: unknown, record: Record) => JSX.Element;
+    renderLog: (r: Record) => JSX.Element | null;
+    getComponentValue: (r: Record) => any;
     renderExport: (value: string) => string | null;
     editRender: () => JSX.Element;
-    getColumns: () => {
-        title: string;
-        align: ALignType;
-        dataIndex: string;
-        width: number;
-        dataType: DataType;
-        canHidden: boolean;
-        canFilter: boolean;
-        canGroup: boolean;
+    filterConfig: (item: ColumnConfig) => {
         type: string;
-        render: (value: any, record: Record) => JSX.Element;
-        renderPc: (value: any, record: Record) => JSX.Element;
-        componentType: () => JSX.Element;
-        showContains: boolean;
-        renderExport: (value: string) => string | null;
-        widget: null;
+        id: string;
+        name: string;
+        filterComponentType: "Input";
+        filterFn: (value: string[]) => (i: Record) => boolean;
     };
 }
 export default AlipayTime;

package/dist/esm/components/Payment/AlipayTime.js

@@ -10,7 +10,7 @@ import { ApaasInput } from '@kmkf-fe-packages/basic-components';
 import moment from 'moment';
 import GetFormItem from "../GetFormItem";
 import ItemView from "../../commonComponents/ItemView";
-import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
 var AlipayTime = /*#__PURE__*/_createClass(function AlipayTime(options) {
   var _this = this;
   _classCallCheck(this, AlipayTime);
@@ -18,33 +18,32 @@ var AlipayTime = /*#__PURE__*/_createClass(function AlipayTime(options) {
   _defineProperty(this, "id", void 0);
   _defineProperty(this, "type", void 0);
   _defineProperty(this, "rules", void 0);
-  _defineProperty(this, "canFilter", void 0);
-  _defineProperty(this, "canGroup", void 0);
-  _defineProperty(this, "canHidden", void 0);
-  _defineProperty(this, "dataType", void 0);
-  _defineProperty(this, "showContains", void 0);
   _defineProperty(this, "componentConfig", void 0);
   _defineProperty(this, "align", void 0);
   _defineProperty(this, "width", void 0);
-  _defineProperty(this, "render", function (value) {
-    return /*#__PURE__*/React.createElement("span", {
-      className: "pointer"
-    }, value ? moment(+value).format('YYYY-MM-DD HH:mm:ss') : '--');
-  });
+  _defineProperty(this, "isCombinationComponent", void 0);
+  _defineProperty(this, "children", void 0);
   _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.render(record === null || record === void 0 ? void 0 : record[_this.id])
+      value: record !== null && record !== void 0 && record[_this.id] ? moment(+(record === null || record === void 0 ? void 0 : record[_this.id])).format('YYYY-MM-DD HH:mm:ss') : '--'
     }) : null;
   });
   _defineProperty(this, "renderPc", function (value, record) {
-    if (value === undefined) {
+    if ((record === null || record === void 0 ? void 0 : record[_this.id]) === undefined) {
       return /*#__PURE__*/React.createElement("span", null, "--");
     }
     return /*#__PURE__*/React.createElement("span", {
       className: "pointer"
-    }, value ? moment(+value).format('YYYY-MM-DD HH:mm:ss') : '--');
+    }, record !== null && record !== void 0 && record[_this.id] ? moment(+(record === null || record === void 0 ? void 0 : record[_this.id])).format('YYYY-MM-DD HH:mm:ss') : '--');
+  });
+  _defineProperty(this, "renderLog", function (r) {
+    if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
+    return _this.renderPc(undefined, r);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return r === null || r === void 0 ? void 0 : r["".concat(_this.id)];
   });
   _defineProperty(this, "renderExport", function (value) {
     return value ? moment(+value).format('YYYY-MM-DD HH:mm:ss') : null;
@@ -59,36 +58,28 @@ var AlipayTime = /*#__PURE__*/_createClass(function AlipayTime(options) {
       component: /*#__PURE__*/React.createElement(ApaasInput, _this.componentConfig)
     });
   });
-  _defineProperty(this, "getColumns", function () {
+  _defineProperty(this, "filterConfig", function (item) {
     return {
-      title: _this.name,
-      align: _this.align,
-      dataIndex: _this.id,
-      width: _this.width,
-      dataType: _this.dataType,
-      canHidden: _this.canHidden,
-      canFilter: _this.canFilter,
-      canGroup: _this.canGroup,
-      type: _this.type,
-      render: _this.renderPc,
-      renderPc: _this.renderPc,
-      componentType: _this.editRender,
-      showContains: _this.showContains,
-      renderExport: _this.renderExport,
-      widget: null
+      type: item.type,
+      id: "".concat(item.id, "_enterprisePaymentTime"),
+      name: "".concat(item.name, "-\u6253\u6B3E\u65F6\u95F4"),
+      filterComponentType: 'Input',
+      filterFn: function filterFn(value) {
+        return function (i) {
+          var recordDateTime = _filterFn.filterTableListItemColumnValue(i, item.id, 'enterprisePaymentTime');
+          return _filterFn.filterDateFn(value, recordDateTime);
+        };
+      }
     };
   });
   this.name = '打款时间';
   this.id = "".concat(options.id, "_enterprisePaymentTime");
   this.type = options.type;
-  this.canFilter = true;
-  this.canGroup = true;
-  this.canHidden = false;
-  this.showContains = false;
-  this.dataType = 'date';
   this.componentConfig = options.componentConfig;
   this.rules = [];
   this.align = 'left';
   this.width = 200;
+  this.isCombinationComponent = false;
+  this.children = [];
 });
 export default AlipayTime;

package/dist/esm/components/Payment/BuyerNick.d.ts

@@ -1,40 +1,29 @@
 /// <reference types="react" />
-import { ComponentInterface, PickOption, DataType, ALignType, Record } from '../../type';
+import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
 declare class BuyerNick implements ComponentInterface {
     name: string;
     id: string;
     type: string;
     rules: any[];
-    canFilter: boolean;
-    canGroup: boolean;
-    canHidden: boolean;
-    dataType: DataType;
-    showContains: boolean;
     componentConfig: ComponentInterface["componentConfig"];
     effects: ComponentInterface["effects"];
     align: ALignType;
     width: number;
+    isCombinationComponent: boolean;
+    children: ComponentInterface[];
     constructor(options: PickOption);
-    render: (value: string) => JSX.Element;
     renderClient: (record: Record) => JSX.Element | null;
     editRender: () => JSX.Element;
-    renderPc: (value: any, record: Record) => JSX.Element;
+    renderPc: (value: unknown, record: Record) => JSX.Element;
+    renderLog: (r: Record) => JSX.Element | null;
+    getComponentValue: (r: Record) => any;
     renderExport: (value: string) => string;
-    getColumns: () => {
-        title: string;
-        align: ALignType;
-        dataIndex: string;
-        width: number;
-        dataType: DataType;
-        canHidden: boolean;
-        canFilter: boolean;
-        canGroup: boolean;
+    filterConfig: (item: ColumnConfig) => {
         type: string;
-        render: (value: any, record: Record) => JSX.Element;
-        renderPc: (value: any, record: Record) => JSX.Element;
-        componentType: () => JSX.Element;
-        showContains: boolean;
-        renderExport: (value: string) => string;
+        id: string;
+        name: string;
+        filterComponentType: "Input";
+        filterFn: (value: string) => (i: Record) => boolean;
     };
 }
 export default BuyerNick;

package/dist/esm/components/Payment/BuyerNick.js

@@ -16,7 +16,7 @@ import { ApaasInput } from '@kmkf-fe-packages/basic-components';
 import GetFormItem from "../GetFormItem";
 import ItemView from "../../commonComponents/ItemView";
 import PlatBuyer from "../../commonComponents/PlatBuyer";
-import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
 var BuyerNick = /*#__PURE__*/_createClass(function BuyerNick(options) {
   var _this = this;
   _classCallCheck(this, BuyerNick);
@@ -24,18 +24,12 @@ var BuyerNick = /*#__PURE__*/_createClass(function BuyerNick(options) {
   _defineProperty(this, "id", void 0);
   _defineProperty(this, "type", void 0);
   _defineProperty(this, "rules", void 0);
-  _defineProperty(this, "canFilter", void 0);
-  _defineProperty(this, "canGroup", void 0);
-  _defineProperty(this, "canHidden", void 0);
-  _defineProperty(this, "dataType", void 0);
-  _defineProperty(this, "showContains", void 0);
   _defineProperty(this, "componentConfig", void 0);
   _defineProperty(this, "effects", void 0);
   _defineProperty(this, "align", void 0);
   _defineProperty(this, "width", void 0);
-  _defineProperty(this, "render", function (value) {
-    return /*#__PURE__*/React.createElement("span", null, value);
-  });
+  _defineProperty(this, "isCombinationComponent", void 0);
+  _defineProperty(this, "children", void 0);
   _defineProperty(this, "renderClient", function (record) {
     return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
       id: _this.id,
@@ -55,10 +49,11 @@ var BuyerNick = /*#__PURE__*/_createClass(function BuyerNick(options) {
   });
   _defineProperty(this, "renderPc", function (value, record) {
     var _this$effects;
-    if (value === undefined) {
+    if ((record === null || record === void 0 ? void 0 : record[_this.id]) === undefined) {
       return /*#__PURE__*/React.createElement("span", null, "--");
     }
     var buyerOpenUid = (record === null || record === void 0 ? void 0 : record.buyerOpenUid) || Object.keys(record).reduce(function (prv, next) {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       var _next$split = next.split('_'),
         _next$split2 = _slicedToArray(_next$split, 2),
         _ = _next$split2[0],
@@ -68,46 +63,45 @@ var BuyerNick = /*#__PURE__*/_createClass(function BuyerNick(options) {
       }
       return prv;
     }, '');
-    return /*#__PURE__*/React.createElement("span", null, value && /*#__PURE__*/React.createElement(PlatBuyer, {
+    return /*#__PURE__*/React.createElement("span", null, (record === null || record === void 0 ? void 0 : record[_this.id]) && /*#__PURE__*/React.createElement(PlatBuyer, {
       shopId: record === null || record === void 0 ? void 0 : record.shopId,
-      buyerNick: value,
+      buyerNick: record === null || record === void 0 ? void 0 : record[_this.id],
       buyerOpenUid: buyerOpenUid,
       shopList: (_this === null || _this === void 0 ? void 0 : (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.shopList) || []
     }));
   });
+  _defineProperty(this, "renderLog", function (r) {
+    if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
+    return _this.renderPc(undefined, r);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return r === null || r === void 0 ? void 0 : r["".concat(_this.id)];
+  });
   _defineProperty(this, "renderExport", function (value) {
     return value !== null && value !== void 0 ? value : '--';
   });
-  _defineProperty(this, "getColumns", function () {
+  _defineProperty(this, "filterConfig", function (item) {
     return {
-      title: _this.name,
-      align: _this.align,
-      dataIndex: _this.id,
-      width: _this.width,
-      dataType: _this.dataType,
-      canHidden: _this.canHidden,
-      canFilter: _this.canFilter,
-      canGroup: _this.canGroup,
-      type: _this.type,
-      render: _this.renderPc,
-      renderPc: _this.renderPc,
-      componentType: _this.editRender,
-      showContains: _this.showContains,
-      renderExport: _this.renderExport
+      type: item.type,
+      id: "".concat(item.id, "_enterprisePaymentBuyerNick"),
+      name: "".concat(item.name, "-\u4E70\u5BB6\u6635\u79F0"),
+      filterComponentType: 'Input',
+      filterFn: function filterFn(value) {
+        return function (i) {
+          return "".concat(_filterFn.filterTableListItemColumnValue(i, item.id, 'enterprisePaymentBuyerNick')).includes(value);
+        };
+      }
     };
   });
   this.name = '买家昵称';
   this.id = "".concat(options.id, "_enterprisePaymentBuyerNick");
   this.type = options.type;
-  this.canFilter = true;
-  this.canGroup = true;
-  this.canHidden = false;
-  this.showContains = false;
-  this.dataType = 'string';
   this.componentConfig = options.componentConfig;
   this.effects = options.effects;
   this.rules = [];
   this.align = 'left';
   this.width = 200;
+  this.isCombinationComponent = false;
+  this.children = [];
 });
 export default BuyerNick;

package/dist/esm/components/Payment/PaymentAmount.d.ts

@@ -1,39 +1,28 @@
 /// <reference types="react" />
-import { ComponentInterface, PickOption, DataType, ALignType, Record } from '../../type';
+import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
 declare class PaymentAmount implements ComponentInterface {
     name: string;
     id: string;
     type: string;
     rules: any[];
-    canFilter: boolean;
-    canGroup: boolean;
-    canHidden: boolean;
-    dataType: DataType;
-    showContains: boolean;
     componentConfig: ComponentInterface["componentConfig"];
     align: ALignType;
     width: number;
+    isCombinationComponent: boolean;
+    children: ComponentInterface[];
     constructor(options: PickOption);
-    render: (value: string) => JSX.Element;
     renderClient: (record: Record) => JSX.Element | null;
-    renderPc: (value: any, record: Record) => JSX.Element;
+    renderPc: (value: unknown, record: Record) => JSX.Element;
+    renderLog: (r: Record) => JSX.Element | null;
+    getComponentValue: (r: Record) => any;
     renderExport: (value: string) => string;
     editRender: () => JSX.Element;
-    getColumns: () => {
-        title: string;
-        align: ALignType;
-        dataIndex: string;
-        width: number;
-        dataType: DataType;
-        canHidden: boolean;
-        canFilter: boolean;
-        canGroup: boolean;
+    filterConfig: (item: ColumnConfig) => {
         type: string;
-        render: (value: any, record: Record) => JSX.Element;
-        renderPc: (value: any, record: Record) => JSX.Element;
-        componentType: () => JSX.Element;
-        showContains: boolean;
-        renderExport: (value: string) => string;
+        id: string;
+        name: string;
+        filterComponentType: "Input";
+        filterFn: (value: string) => (i: Record) => boolean;
     };
 }
 export default PaymentAmount;

package/dist/esm/components/Payment/PaymentAmount.js

@@ -9,7 +9,7 @@ import React from 'react';
 import { ApaasInput } from '@kmkf-fe-packages/basic-components';
 import GetFormItem from "../GetFormItem";
 import ItemView from "../../commonComponents/ItemView";
-import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
 var PaymentAmount = /*#__PURE__*/_createClass(function PaymentAmount(options) {
   var _this = this;
   _classCallCheck(this, PaymentAmount);
@@ -17,17 +17,11 @@ var PaymentAmount = /*#__PURE__*/_createClass(function PaymentAmount(options) {
   _defineProperty(this, "id", void 0);
   _defineProperty(this, "type", void 0);
   _defineProperty(this, "rules", void 0);
-  _defineProperty(this, "canFilter", void 0);
-  _defineProperty(this, "canGroup", void 0);
-  _defineProperty(this, "canHidden", void 0);
-  _defineProperty(this, "dataType", void 0);
-  _defineProperty(this, "showContains", void 0);
   _defineProperty(this, "componentConfig", void 0);
   _defineProperty(this, "align", void 0);
   _defineProperty(this, "width", void 0);
-  _defineProperty(this, "render", function (value) {
-    return /*#__PURE__*/React.createElement("span", null, value);
-  });
+  _defineProperty(this, "isCombinationComponent", void 0);
+  _defineProperty(this, "children", void 0);
   _defineProperty(this, "renderClient", function (record) {
     return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
       id: _this.id,
@@ -36,7 +30,15 @@ var PaymentAmount = /*#__PURE__*/_createClass(function PaymentAmount(options) {
     }) : null;
   });
   _defineProperty(this, "renderPc", function (value, record) {
-    return /*#__PURE__*/React.createElement("span", null, value !== null && value !== void 0 ? value : '--');
+    var _record$_this$id;
+    return /*#__PURE__*/React.createElement("span", null, (_record$_this$id = record === null || record === void 0 ? void 0 : record[_this.id]) !== null && _record$_this$id !== void 0 ? _record$_this$id : '--');
+  });
+  _defineProperty(this, "renderLog", function (r) {
+    if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
+    return _this.renderPc(undefined, r);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return r === null || r === void 0 ? void 0 : r["".concat(_this.id)];
   });
   _defineProperty(this, "renderExport", function (value) {
     return value !== null && value !== void 0 ? value : '--';
@@ -51,33 +53,25 @@ var PaymentAmount = /*#__PURE__*/_createClass(function PaymentAmount(options) {
       component: /*#__PURE__*/React.createElement(ApaasInput, _this.componentConfig)
     });
   });
-  _defineProperty(this, "getColumns", function () {
+  _defineProperty(this, "filterConfig", function (item) {
     return {
-      title: _this.name,
-      align: _this.align,
-      dataIndex: _this.id,
-      width: _this.width,
-      dataType: _this.dataType,
-      canHidden: _this.canHidden,
-      canFilter: _this.canFilter,
-      canGroup: _this.canGroup,
-      type: _this.type,
-      render: _this.renderPc,
-      renderPc: _this.renderPc,
-      componentType: _this.editRender,
-      showContains: _this.showContains,
-      renderExport: _this.renderExport
+      type: item.type,
+      id: "".concat(item.id, "_enterprisePaymentRefundFee"),
+      name: "".concat(item.name, "-\u6253\u6B3E\u91D1\u989D"),
+      filterComponentType: 'Input',
+      filterFn: function filterFn(value) {
+        return function (i) {
+          return "".concat(_filterFn.filterTableListItemColumnValue(i, item.id, 'enterprisePaymentRefundFee')).includes(value);
+        };
+      }
     };
   });
   this.name = '打款金额';
   this.id = "".concat(options.id, "_enterprisePaymentRefundFee");
   this.type = options.type;
-  this.canFilter = true;
-  this.canGroup = true;
-  this.canHidden = false;
-  this.showContains = false;
-  this.dataType = 'number';
   this.componentConfig = options.componentConfig;
+  this.isCombinationComponent = false;
+  this.children = [];
   this.rules = [{
     validator: function validator(_, value) {
       if (/^(\d+)(\.\d{0,2})?$/.test(value)) {

package/dist/esm/components/Payment/PaymentStatus.d.ts

@@ -1,51 +1,39 @@
 /// <reference types="react" />
-import { ComponentInterface, PickOption, DataType, ALignType } from '../../type';
+import { ComponentInterface, PickOption, ColumnConfig, ALignType, Record } from '../../type';
 declare class PaymentStatus implements ComponentInterface {
     name: string;
     id: string;
     type: string;
     rules: any[];
-    canFilter: boolean;
-    canGroup: boolean;
-    canHidden: boolean;
-    dataType: DataType;
-    showContains: boolean;
     componentConfig: ComponentInterface["componentConfig"];
     align: ALignType;
     width: number;
     paymentStatus: {
         [prop in string]: string;
     };
+    paymentStatusOptions: {
+        label: string;
+        value: string;
+    }[];
+    isCombinationComponent: boolean;
+    children: ComponentInterface[];
     constructor(options: PickOption);
-    render: (value: string) => JSX.Element;
     renderClient: (record: any) => JSX.Element | null;
-    renderPc: (value: any, record: any) => any;
+    renderPc: (value: unknown, record: any) => any;
+    renderLog: (r: Record) => any;
+    getComponentValue: (r: Record) => any;
     renderExport: (value: any) => any;
-    editRender: (value: any) => null;
-    getColumns: () => {
-        title: string;
-        align: ALignType;
-        dataIndex: string;
-        dataType: DataType;
-        canHidden: boolean;
-        canFilter: boolean;
-        canGroup: boolean;
-        width: number;
+    editRender: () => null;
+    filterConfig: (item: ColumnConfig) => {
         type: string;
-        render: (value: any, record: any) => any;
-        renderPc: (value: any, record: any) => any;
-        componentType: (value: any) => null;
-        showContains: boolean;
-        renderExport: (value: any) => any;
-        widget: string;
-        'x-options': {
+        id: string;
+        name: string;
+        filterComponentType: "MultipleSelect";
+        options: {
             label: string;
             value: string;
         }[];
-        'x-style': {
-            width: string;
-        };
-        'x-placeholder': string;
+        filterFn: (value: string) => (i: Record) => boolean;
     };
 }
 export default PaymentStatus;