@kmkf-fe-packages/services-components 0.3.1-alpha.2

package/dist/esm/commonComponents/ItemView/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const ItemView: ({ label, value, id }: {
+    label: string;
+    value: string | JSX.Element | null;
+    id: any;
+}) => JSX.Element;
+export default ItemView;

package/dist/esm/commonComponents/ItemView/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+var ItemView = function ItemView(_ref) {
+  var label = _ref.label,
+    value = _ref.value,
+    id = _ref.id;
+  return /*#__PURE__*/React.createElement("div", {
+    key: id,
+    className: "orderItemView"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "itemViewLeft"
+  }, label, ":"), /*#__PURE__*/React.createElement("span", {
+    className: "itemViewRight"
+  }, value));
+};
+export default ItemView;

package/dist/esm/commonComponents/ItemView/index.module.scss

@@ -0,0 +1,20 @@
+.orderItemView {
+  display: flex;
+  align-items: center;
+  margin: 6px 0;
+
+  .itemViewLeft {
+    max-width: 58px;
+    margin-right: 8px;
+    color: rgba(0, 0, 0, 0.4);
+    font-weight: normal;
+    font-size: 12px;
+  }
+
+  .itemViewRight {
+    flex-grow: 1;
+    min-width: 0;
+    color: rgba(0, 0, 0, 0.85);
+    word-break: break-all;
+  }
+}

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { ComponentInterface, PickOption, DataType, Record } from '../../type';
+declare class ActualPayment implements ComponentInterface {
+    name: string;
+    id: string;
+    type: string;
+    rules: any[];
+    canFilter: boolean;
+    canGroup: boolean;
+    canHidden: boolean;
+    dataType: DataType;
+    showContains: boolean;
+    componentConfig: ComponentInterface["componentConfig"];
+    constructor(options: PickOption);
+    render: (value: number) => JSX.Element;
+    renderClient: (record: any) => JSX.Element | null;
+    renderPc: (value: unknown, record: Record) => JSX.Element;
+    renderExport: (value: unknown, record: Record) => any;
+    editRender: (value: any) => JSX.Element;
+    getColumns: () => this & {
+        dataIndex: string;
+        title: string;
+        renderExport: (value: unknown, record: Record) => any;
+        componentType: (value: any) => JSX.Element;
+    };
+}
+export default ActualPayment;

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

@@ -0,0 +1,82 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _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 _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 { ApaasInput } from '@kmkf-fe-packages/basic-components';
+import GetFormItem from "../GetFormItem";
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+var ActualPayment = /*#__PURE__*/_createClass(function ActualPayment(options) {
+  var _this = this;
+  _classCallCheck(this, ActualPayment);
+  _defineProperty(this, "name", void 0);
+  _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, "render", function (value) {
+    return /*#__PURE__*/React.createElement("span", null, value);
+  });
+  _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: record === null || record === void 0 ? void 0 : record[_this.id]
+    }) : null;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    var _record;
+    return /*#__PURE__*/React.createElement("span", null, (_record = record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_actualPayment")]) !== null && _record !== void 0 ? _record : '--');
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    var _record2;
+    return (_record2 = record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_actualPayment")]) !== null && _record2 !== void 0 ? _record2 : '--';
+  });
+  _defineProperty(this, "editRender", function (value) {
+    var _this$componentConfig, _this$componentConfig2;
+    return /*#__PURE__*/React.createElement(GetFormItem, {
+      title: _this.name,
+      name: _this.id,
+      rules: _this.rules,
+      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,
+      component: /*#__PURE__*/React.createElement(ApaasInput, _extends({}, _this.componentConfig, {
+        placeholder: "\u8BF7\u8F93\u5165".concat(_this.name)
+      }))
+    });
+  });
+  _defineProperty(this, "getColumns", function () {
+    return _objectSpread(_objectSpread({}, _this), {}, {
+      dataIndex: _this.id,
+      title: _this.name,
+      renderExport: _this.renderExport,
+      componentType: _this.editRender
+    });
+    ;
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.type = options.type;
+  this.canFilter = true;
+  this.canGroup = true;
+  this.canHidden = true;
+  this.dataType = 'number';
+  this.showContains = false;
+  this.componentConfig = options.componentConfig;
+  this.rules = [{
+    pattern: /^\d+(\.\d{1,2})?$/,
+    message: '字段为正数或最多两位小数'
+  }];
+});
+export default ActualPayment;

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

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { ComponentInterface, PickOption, DataType, Record } from '../../type';
+import { AddressData } from '@kmkf-fe-packages/kmkf-utils';
+declare type Value = (string | number)[] | undefined;
+declare class BasicInput implements ComponentInterface {
+    name: string;
+    id: string;
+    type: string;
+    rules: any[];
+    canFilter: boolean;
+    canGroup: boolean;
+    canHidden: boolean;
+    dataType: DataType;
+    showContains: boolean;
+    componentConfig: ComponentInterface["componentConfig"];
+    addressDateInstance: AddressData;
+    constructor(options: PickOption);
+    /**
+     * 通过值计算展示内容
+     * @param value
+     * @returns
+     */
+    getValue: (value: Value) => string | undefined;
+    render: (value: Value) => JSX.Element;
+    transTextToNumber: (value?: string) => string | number | undefined;
+    renderClient: (record: any) => JSX.Element | null;
+    renderPc: (value: any, record: Record) => JSX.Element;
+    renderExport: (value: any, record: any) => string;
+    editRender: (value: any) => JSX.Element;
+    getColumns: () => this & {
+        dataIndex: string;
+        title: string;
+        componentType: (value: any) => JSX.Element;
+        renderExport: (value: any, record: any) => string;
+    };
+}
+export default BasicInput;

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

@@ -0,0 +1,112 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _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 { ApaasAddress } from '@kmkf-fe-packages/basic-components';
+import { AddressData } from '@kmkf-fe-packages/kmkf-utils';
+import GetFormItem from "../GetFormItem";
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import every from 'lodash/every';
+var BasicInput = /*#__PURE__*/_createClass(function BasicInput(options) {
+  var _this = this;
+  _classCallCheck(this, BasicInput);
+  _defineProperty(this, "name", void 0);
+  _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, "addressDateInstance", void 0);
+  _defineProperty(this, "getValue", function (value) {
+    var _value$map;
+    return value === null || value === void 0 ? void 0 : (_value$map = value.map(function (suffix) {
+      return _this.addressDateInstance.getNameByCode(suffix);
+    })) === null || _value$map === void 0 ? void 0 : _value$map.join('');
+  });
+  _defineProperty(this, "render", function (value) {
+    return /*#__PURE__*/React.createElement("span", null, _this.getValue(value));
+  });
+  _defineProperty(this, "transTextToNumber", function (value) {
+    return value ? +value : value;
+  });
+  _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.getValue(record === null || record === void 0 ? void 0 : record[_this.id]) || ''
+    }) : null;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    var _address;
+    if (record["".concat(_this.id, "_basicProvince")] === undefined) {
+      return /*#__PURE__*/React.createElement("span", null, "--");
+    }
+    var address = [_this.transTextToNumber(record["".concat(_this.id, "_basicProvince")]), _this.transTextToNumber(record["".concat(_this.id, "_basicCity")]), _this.transTextToNumber(record["".concat(_this.id, "_basicDistrict")])];
+    address = every(address, function (item) {
+      return !item;
+    }) ? [] : address;
+    return /*#__PURE__*/React.createElement("span", null, (_address = address) === null || _address === void 0 ? void 0 : _address.map(function (suffix) {
+      return _this.addressDateInstance.getNameByCode(suffix || '');
+    }).join(''));
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    var _address2;
+    if (record["".concat(_this.id, "_basicProvince")] === undefined) {
+      return '--';
+    }
+    var address = [_this.transTextToNumber(record["".concat(_this.id, "_basicProvince")]), _this.transTextToNumber(record["".concat(_this.id, "_basicCity")]), _this.transTextToNumber(record["".concat(_this.id, "_basicDistrict")])];
+    address = every(address, function (item) {
+      return !item;
+    }) ? [] : address;
+    return (_address2 = address) === null || _address2 === void 0 ? void 0 : _address2.map(function (suffix) {
+      return _this.addressDateInstance.getNameByCode(suffix || '');
+    }).join('');
+  });
+  _defineProperty(this, "editRender", function (value) {
+    var _this$componentConfig, _this$componentConfig2;
+    return /*#__PURE__*/React.createElement(GetFormItem, {
+      title: _this.name,
+      name: _this.id,
+      rules: _this.rules,
+      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,
+      component: /*#__PURE__*/React.createElement(ApaasAddress, _this.componentConfig)
+    });
+  });
+  _defineProperty(this, "getColumns", function () {
+    return _objectSpread(_objectSpread({}, _this), {}, {
+      dataIndex: _this.id,
+      title: _this.name,
+      componentType: _this.editRender,
+      renderExport: _this.renderExport
+    });
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.type = options.type;
+  this.canFilter = true;
+  this.canGroup = true;
+  this.canHidden = true;
+  this.dataType = 'array';
+  this.showContains = false;
+  this.rules = [];
+  this.componentConfig = options.componentConfig;
+  this.addressDateInstance = AddressData.getInstance();
+}
+/**
+ * 通过值计算展示内容
+ * @param value 
+ * @returns 
+ */);
+
+export default BasicInput;

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

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { ComponentInterface, PickOption, DataType, Record } from '../../type';
+import EAlipayAccount from '../AlipayAccount';
+import EAlipayName from '../AlipayName';
+declare class Alipay implements ComponentInterface {
+    name: string;
+    id: string;
+    type: string;
+    rules: any[];
+    canFilter: boolean;
+    canGroup: boolean;
+    canHidden: boolean;
+    dataType: DataType;
+    showContains: boolean;
+    componentConfig: ComponentInterface["componentConfig"];
+    alipayAccount: EAlipayAccount;
+    alipayName: EAlipayName;
+    constructor(options: PickOption);
+    render: () => null;
+    renderClient: (record: Record) => JSX.Element;
+    renderPc: () => null;
+    renderExport: () => null;
+    editRender: (value: any) => JSX.Element;
+    getColumns: () => {
+        title: string;
+        children: (EAlipayAccount & {
+            dataIndex: string;
+            title: string;
+            componentType: (value: any) => JSX.Element;
+            renderExport: (value?: string | undefined) => string;
+        })[];
+        canHidden: boolean;
+        dataIndex: string;
+    };
+}
+export default Alipay;

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

@@ -0,0 +1,88 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _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 _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 { AliPay } from '@kmkf-fe-packages/basic-components';
+import EAlipayAccount from "../AlipayAccount";
+import EAlipayName from "../AlipayName";
+import GetFormItem from "../GetFormItem";
+var Alipay = /*#__PURE__*/_createClass(function Alipay(options) {
+  var _this = this,
+    _this$componentConfig3;
+  _classCallCheck(this, Alipay);
+  _defineProperty(this, "name", void 0);
+  _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, "alipayAccount", void 0);
+  _defineProperty(this, "alipayName", void 0);
+  _defineProperty(this, "render", function () {
+    return null;
+  });
+  _defineProperty(this, "renderClient", function (record) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, _this.alipayName.renderClient(record), _this.alipayAccount.renderClient(record));
+  });
+  _defineProperty(this, "renderPc", function () {
+    return null;
+  });
+  _defineProperty(this, "renderExport", function () {
+    return null;
+  });
+  _defineProperty(this, "editRender", function (value) {
+    var _this$componentConfig, _this$componentConfig2;
+    return /*#__PURE__*/React.createElement(GetFormItem, {
+      title: _this.name,
+      name: _this.id,
+      rules: _this.rules,
+      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,
+      component: /*#__PURE__*/React.createElement(AliPay, _extends({}, _this.componentConfig, {
+        onBlur: value === null || value === void 0 ? void 0 : value.onBlur
+      }))
+    });
+  });
+  _defineProperty(this, "getColumns", function () {
+    return {
+      title: _this.name,
+      children: [_this.alipayName.getColumns(), _this.alipayAccount.getColumns()],
+      canHidden: _this.canHidden,
+      dataIndex: _this.id
+    };
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.type = options.type;
+  this.canFilter = false;
+  this.canGroup = false;
+  this.canHidden = true;
+  this.showContains = false;
+  this.dataType = 'string';
+  this.componentConfig = options.componentConfig;
+  this.alipayAccount = new EAlipayAccount(_objectSpread({}, options));
+  this.alipayName = new EAlipayName(_objectSpread({}, options));
+  this.rules = (_this$componentConfig3 = this.componentConfig) !== null && _this$componentConfig3 !== void 0 && _this$componentConfig3.required ? [{
+    validator: function validator(_, value) {
+      var _this$componentConfig4;
+      if (!((_this$componentConfig4 = _this.componentConfig) !== null && _this$componentConfig4 !== void 0 && _this$componentConfig4.isSingle) && !(value !== null && value !== void 0 && value.name)) {
+        return Promise.reject(new Error('请输入支付宝名称'));
+      }
+      if (!(value !== null && value !== void 0 && value.user)) {
+        return Promise.reject(new Error('请输入支付宝账号'));
+      }
+      return Promise.resolve();
+    }
+  }] : [];
+});
+export default Alipay;

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { ComponentInterface, PickOption, DataType, ALignType, Record } from '../../type';
+declare class EAlipayAccount 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;
+    constructor(options: PickOption);
+    render: (value: string, record: Record) => JSX.Element;
+    renderClient: (record: Record) => JSX.Element | null;
+    renderPc: (value: any, record: Record) => JSX.Element;
+    renderExport: (value?: string) => string;
+    editRender: (value: any) => JSX.Element;
+    getColumns: () => this & {
+        dataIndex: string;
+        title: string;
+        componentType: (value: any) => JSX.Element;
+        renderExport: (value?: string) => string;
+    };
+}
+export default EAlipayAccount;

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

@@ -0,0 +1,86 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _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 { ApaasInput } from '@kmkf-fe-packages/basic-components';
+import GetFormItem from "../GetFormItem";
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+var AlipayAccount = function AlipayAccount(props) {
+  return !props.isSingle ? /*#__PURE__*/React.createElement(ApaasInput, props) : null;
+};
+var EAlipayAccount = /*#__PURE__*/_createClass(function EAlipayAccount(options) {
+  var _this = this;
+  _classCallCheck(this, EAlipayAccount);
+  _defineProperty(this, "name", void 0);
+  _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, "render", function (value, record) {
+    return /*#__PURE__*/React.createElement("span", null, value);
+  });
+  _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: record === null || record === void 0 ? void 0 : record[_this.id]
+    }) : null;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    return /*#__PURE__*/React.createElement("span", {
+      className: "pointer",
+      onClick: function onClick() {
+        var _this$effects;
+        return (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.queryWorkOrderDetail(record);
+      }
+    }, value !== null && value !== void 0 ? value : '--');
+  });
+  _defineProperty(this, "renderExport", function (value) {
+    return value !== null && value !== void 0 ? value : '--';
+  });
+  _defineProperty(this, "editRender", function (value) {
+    var _this$componentConfig, _this$componentConfig2;
+    return /*#__PURE__*/React.createElement(GetFormItem, {
+      title: _this.name,
+      name: _this.id,
+      rules: _this.rules,
+      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,
+      component: /*#__PURE__*/React.createElement(AlipayAccount, _this.componentConfig)
+    });
+  });
+  _defineProperty(this, "getColumns", function () {
+    return _objectSpread(_objectSpread({}, _this), {}, {
+      dataIndex: _this.id,
+      title: _this.name,
+      componentType: _this.editRender,
+      renderExport: _this.renderExport
+    });
+  });
+  this.name = '支付宝账号';
+  this.id = "".concat(options.id, "_alipayAccount");
+  this.type = options.type;
+  this.canFilter = true;
+  this.canGroup = false;
+  this.canHidden = false;
+  this.showContains = true;
+  this.dataType = 'string';
+  this.align = 'left';
+  this.componentConfig = options === null || options === void 0 ? void 0 : options.componentConfig;
+  this.effects = options === null || options === void 0 ? void 0 : options.effects;
+  this.rules = [];
+});
+export default EAlipayAccount;

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { ComponentInterface, PickOption, DataType, ALignType, Record } from '../../type';
+declare class EAlipayAccount 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;
+    constructor(options: PickOption);
+    render: (value: string, record: any) => JSX.Element;
+    renderClient: (record: any) => JSX.Element | null;
+    renderPc: (value: any, record: Record) => JSX.Element;
+    renderExport: (value?: string) => string;
+    editRender: (value: any) => JSX.Element;
+    getColumns: () => this & {
+        dataIndex: string;
+        title: string;
+        componentType: (value: any) => JSX.Element;
+        renderExport: (value?: string) => string;
+    };
+}
+export default EAlipayAccount;