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

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

@@ -0,0 +1,96 @@
+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 _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 PaymentStatus = /*#__PURE__*/_createClass(function PaymentStatus(options) {
+  var _this = this;
+  _classCallCheck(this, PaymentStatus);
+  _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, "align", void 0);
+  _defineProperty(this, "width", void 0);
+  _defineProperty(this, "paymentStatus", 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) {
+    return value !== null && value !== void 0 ? value : '--';
+  });
+  _defineProperty(this, "renderExport", function (value) {
+    return value !== null && value !== void 0 ? value : '--';
+  });
+  _defineProperty(this, "editRender", function (value) {
+    return null;
+  });
+  _defineProperty(this, "getColumns", function () {
+    return {
+      title: _this.name,
+      align: _this.align,
+      dataIndex: _this.id,
+      dataType: _this.dataType,
+      canHidden: _this.canHidden,
+      canFilter: _this.canFilter,
+      canGroup: _this.canGroup,
+      width: _this.width,
+      type: _this.type,
+      render: _this.renderPc,
+      componentType: _this.editRender,
+      showContains: _this.showContains,
+      renderExport: _this.renderExport,
+      widget: 'selectMultiple',
+      'x-options': Object.keys(_this.paymentStatus).map(function (item) {
+        return {
+          label: _this.paymentStatus[item],
+          value: _this.paymentStatus[item]
+        };
+      }),
+      'x-style': {
+        width: '356px'
+      },
+      'x-placeholder': '请选择内容'
+    };
+  });
+  this.name = '打款状态';
+  this.id = "".concat(options.id, "_enterprisePaymentStatus");
+  this.type = options.type;
+  this.canFilter = true;
+  this.canGroup = true;
+  this.canHidden = false;
+  this.showContains = false;
+  this.dataType = 'string';
+  this.componentConfig = options.componentConfig;
+  this.rules = [];
+  this.align = 'left';
+  this.width = 200;
+  this.paymentStatus = {
+    WAITING_EXAMINE: '未打款',
+    EXAMINED: '审核通过',
+    FLAG_PAID: '标记已打款',
+    ALI_PAY_WAITING: '支付宝待付款',
+    ALI_PAY_SUCCESS: '支付宝打款成功',
+    ALI_PAY_FAIL: '支付宝打款失败',
+    ALI_PAY_CLOSE: '支付宝打款关闭'
+  };
+});
+export default PaymentStatus;

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { ComponentInterface, PickOption, DataType, ALignType } from '../../type';
+declare class PaymentTid 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;
+    constructor(options: PickOption);
+    render: (value: string) => JSX.Element;
+    renderClient: (record: any) => JSX.Element | null;
+    renderPc: (value: any, record: any) => JSX.Element;
+    renderExport: (value: string) => string;
+    editRender: () => JSX.Element;
+    getColumns: () => {
+        title: string;
+        align: ALignType;
+        dataIndex: string;
+        dataType: DataType;
+        canHidden: boolean;
+        canFilter: boolean;
+        canGroup: boolean;
+        width: number;
+        type: string;
+        render: (value: any, record: any) => JSX.Element;
+        componentType: () => JSX.Element;
+        showContains: boolean;
+        renderExport: (value: string) => string;
+    };
+}
+export default PaymentTid;

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

@@ -0,0 +1,84 @@
+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 _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 PaymentTid = /*#__PURE__*/_createClass(function PaymentTid(options) {
+  var _this = this;
+  _classCallCheck(this, PaymentTid);
+  _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, "align", void 0);
+  _defineProperty(this, "width", 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) {
+    return /*#__PURE__*/React.createElement("span", null, value !== null && value !== void 0 ? value : '--');
+  });
+  _defineProperty(this, "renderExport", function (value) {
+    return value !== null && value !== void 0 ? value : '--';
+  });
+  _defineProperty(this, "editRender", function () {
+    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, _this.componentConfig)
+    });
+  });
+  _defineProperty(this, "getColumns", function () {
+    return {
+      title: _this.name,
+      align: _this.align,
+      dataIndex: _this.id,
+      dataType: _this.dataType,
+      canHidden: _this.canHidden,
+      canFilter: _this.canFilter,
+      canGroup: _this.canGroup,
+      width: _this.width,
+      type: _this.type,
+      render: _this.renderPc,
+      componentType: _this.editRender,
+      showContains: _this.showContains,
+      renderExport: _this.renderExport
+    };
+  });
+  this.name = '订单编号';
+  this.id = "".concat(options.id, "_enterprisePaymentTid");
+  this.type = options.type;
+  this.canFilter = true;
+  this.canGroup = true;
+  this.canHidden = false;
+  this.showContains = false;
+  this.dataType = 'string';
+  this.componentConfig = options.componentConfig;
+  this.rules = [];
+  this.align = 'left';
+  this.width = 200;
+});
+export default PaymentTid;

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

@@ -0,0 +1,120 @@
+/// <reference types="react" />
+import { ComponentInterface, PickOption, DataType } from '../../type';
+import AlipayNick from './AlipayNick';
+import AlipayNo from './AlipayNo';
+import AlipayTime from './AlipayTime';
+import BuyerNick from './BuyerNick';
+import PaymentAmount from './PaymentAmount';
+import PaymentStatus from './PaymentStatus';
+import PaymentTid from './PaymentTid';
+declare class Logistics implements ComponentInterface {
+    name: string;
+    id: string;
+    type: string;
+    rules: any[];
+    canFilter: boolean;
+    canGroup: boolean;
+    canHidden: boolean;
+    dataType: DataType;
+    showContains: boolean;
+    componentConfig: ComponentInterface["componentConfig"];
+    paymentTid: PaymentTid;
+    paymentStatus: PaymentStatus;
+    paymentAmount: PaymentAmount;
+    buyerNick: BuyerNick;
+    alipayNick: AlipayNick;
+    alipayNo: AlipayNo;
+    payTime: AlipayTime;
+    constructor(options: PickOption);
+    render: () => null;
+    renderClient: (record: any) => JSX.Element;
+    renderPc: () => null;
+    renderExport: () => null;
+    editRender: (value: any) => JSX.Element;
+    getColumns: () => {
+        title: string;
+        children: ({
+            title: string;
+            align: import("../../type").ALignType;
+            dataIndex: string;
+            dataType: DataType;
+            canHidden: boolean;
+            canFilter: boolean;
+            canGroup: boolean;
+            width: number;
+            type: string;
+            render: (value: any, record: any) => any;
+            componentType: (value: any) => null;
+            showContains: boolean;
+            renderExport: (value: any) => any;
+            widget: string;
+            'x-options': {
+                label: string;
+                value: string;
+            }[];
+            'x-style': {
+                width: string;
+            };
+            'x-placeholder': string;
+        } | {
+            title: string;
+            align: import("../../type").ALignType;
+            dataIndex: string;
+            width: number;
+            dataType: DataType;
+            canHidden: boolean;
+            canFilter: boolean;
+            canGroup: boolean;
+            type: string;
+            render: (value: any, record: import("../../type").Record) => JSX.Element;
+            componentType: () => JSX.Element;
+            showContains: boolean;
+            renderExport: (value: string) => string;
+        } | {
+            title: string;
+            align: import("../../type").ALignType;
+            dataIndex: string;
+            dataType: DataType;
+            canHidden: boolean;
+            canFilter: boolean;
+            canGroup: boolean;
+            type: string;
+            width: number;
+            render: (value: any, record: import("../../type").Record) => JSX.Element;
+            componentType: () => JSX.Element;
+            showContains: boolean;
+            renderExport: (value: any, record: import("../../type").Record) => any;
+        } | {
+            title: string;
+            align: import("../../type").ALignType;
+            dataIndex: string;
+            width: number;
+            dataType: DataType;
+            canHidden: boolean;
+            canFilter: boolean;
+            canGroup: boolean;
+            type: string;
+            render: (value: any, record: any) => JSX.Element;
+            componentType: () => JSX.Element;
+            showContains: boolean;
+        } | {
+            title: string;
+            align: import("../../type").ALignType;
+            dataIndex: string;
+            width: number;
+            dataType: DataType;
+            canHidden: boolean;
+            canFilter: boolean;
+            canGroup: boolean;
+            type: string;
+            render: (value: any, record: import("../../type").Record) => JSX.Element;
+            componentType: () => JSX.Element;
+            showContains: boolean;
+            renderExport: (value: string) => string | null;
+            widget: null;
+        })[];
+        canHidden: boolean;
+        dataIndex: string;
+    };
+}
+export default Logistics;

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

@@ -0,0 +1,118 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _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 { Payment as ApaasPayment } from '@kmkf-fe-packages/basic-components';
+import GetFormItem from "../GetFormItem";
+import AlipayNick from "./AlipayNick";
+import AlipayNo from "./AlipayNo";
+import AlipayTime from "./AlipayTime";
+import BuyerNick from "./BuyerNick";
+import PaymentAmount from "./PaymentAmount";
+import PaymentStatus from "./PaymentStatus";
+import PaymentTid from "./PaymentTid";
+var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
+  var _this = this;
+  _classCallCheck(this, Logistics);
+  _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, "paymentTid", void 0);
+  _defineProperty(this, "paymentStatus", void 0);
+  _defineProperty(this, "paymentAmount", void 0);
+  _defineProperty(this, "buyerNick", void 0);
+  _defineProperty(this, "alipayNick", void 0);
+  _defineProperty(this, "alipayNo", void 0);
+  _defineProperty(this, "payTime", void 0);
+  _defineProperty(this, "render", function () {
+    return null;
+  });
+  _defineProperty(this, "renderClient", function (record) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, _this.alipayNick.renderClient(record), _this.paymentAmount.renderClient(record), _this.alipayNo.renderClient(record), _this.buyerNick.renderClient(record), _this.paymentTid.renderClient(record), _this.paymentStatus.renderClient(record), _this.payTime.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(ApaasPayment, _extends({}, _this.componentConfig, {
+        onBlur: value === null || value === void 0 ? void 0 : value.onBlur
+      }))
+    });
+  });
+  _defineProperty(this, "getColumns", function () {
+    return {
+      title: _this.name,
+      children: [_this.paymentTid.getColumns(), _this.paymentStatus.getColumns(), _this.paymentAmount.getColumns(), _this.buyerNick.getColumns(), _this.alipayNick.getColumns(), _this.alipayNo.getColumns(), _this.payTime.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.paymentTid = new PaymentTid(options);
+  this.paymentStatus = new PaymentStatus(options);
+  this.paymentAmount = new PaymentAmount(options);
+  this.buyerNick = new BuyerNick(options);
+  this.alipayNick = new AlipayNick(options);
+  this.alipayNo = new AlipayNo(options);
+  this.payTime = new AlipayTime(options);
+  this.rules = [{
+    validator: function validator(_, value) {
+      var _this$componentConfig3, _this$componentConfig4, _this$componentConfig5, _this$componentConfig6;
+      if ((_this$componentConfig3 = _this.componentConfig) !== null && _this$componentConfig3 !== void 0 && _this$componentConfig3.required && !(value !== null && value !== void 0 && value.enterprisePaymentRefundFee)) {
+        return Promise.reject(new Error('请输入打款金额'));
+      } else if (value !== null && value !== void 0 && value.enterprisePaymentRefundFee && !/^(([1-9]{1}\d*)|(0{1}))(\.\d{1,2})?$/.test(value === null || value === void 0 ? void 0 : value.enterprisePaymentRefundFee)) {
+        return Promise.reject(new Error('打款金额最多2位小数'));
+      }
+      if ((_this$componentConfig4 = _this.componentConfig) !== null && _this$componentConfig4 !== void 0 && _this$componentConfig4.required && !(value !== null && value !== void 0 && value.enterprisePaymentTid)) {
+        return Promise.reject(new Error('请输入订单编号'));
+      } else if (value.enterprisePaymentTid && !/^[0-9a-zA-Z_-]{1,}$/.test(value.enterprisePaymentTid)) {
+        return Promise.reject(new Error('请输入正确的订单编号'));
+      }
+      if ((_this$componentConfig5 = _this.componentConfig) !== null && _this$componentConfig5 !== void 0 && _this$componentConfig5.zhiFubaoRequired && !(value !== null && value !== void 0 && value.enterprisePaymentAlipayNick)) {
+        return Promise.reject(new Error('请输入支付宝名称'));
+      }
+      if ((_this$componentConfig6 = _this.componentConfig) !== null && _this$componentConfig6 !== void 0 && _this$componentConfig6.zhiFubaoRequired && !(value !== null && value !== void 0 && value.enterprisePaymentAlipayNo)) {
+        return Promise.reject(new Error('请输入支付宝账号'));
+      } else if (value.enterprisePaymentAlipayNo && !/^(?:1[3-9]\d{9}|[a-zA-Z\d._-]*\@[a-zA-Z\d.-]{1,10}\.[a-zA-Z\d]{1,20})$/.test(value.enterprisePaymentAlipayNo)) {
+        return Promise.reject(new Error('请输入正确的支付宝账号格式'));
+      }
+      //支付宝信息不能只填一个，否则不能打款
+      if (value !== null && value !== void 0 && value.enterprisePaymentAlipayNick || value !== null && value !== void 0 && value.enterprisePaymentAlipayNo) {
+        if (!(value !== null && value !== void 0 && value.enterprisePaymentAlipayNick && value !== null && value !== void 0 && value.enterprisePaymentAlipayNo)) {
+          return Promise.reject(new Error('支付宝姓名/账号都要填写'));
+        }
+      }
+      return Promise.resolve();
+    }
+  }];
+});
+export default Logistics;

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { ComponentInterface, PickOption, DataType, Record } from '../../type';
+declare type Value = string[] | undefined;
+declare class BasicPicture 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);
+    formatPictures: (pictures: string) => string[];
+    render: (value: Value) => JSX.Element | null;
+    renderPc: (value: any, record: Record) => JSX.Element | JSX.Element[];
+    renderClient: (record: any) => JSX.Element | null;
+    editRender: (value: any) => JSX.Element;
+    /**
+     *
+     * @returns 图片类型的导出需要在导出时单独处理
+     */
+    renderExport: () => null;
+    getColumns: () => this & {
+        dataIndex: string;
+        title: string;
+    };
+}
+export default BasicPicture;

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

@@ -0,0 +1,118 @@
+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 { Image } from 'antd';
+import { ApaasUploadAsync, ApaasUpload } from '@kmkf-fe-packages/basic-components';
+import { imgResize } from '@kmkf-fe-packages/kmkf-utils';
+import GetFormItem from "../GetFormItem";
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+var BasicPicture = /*#__PURE__*/_createClass(function BasicPicture(options) {
+  var _this = this;
+  _classCallCheck(this, BasicPicture);
+  _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, "formatPictures", function (pictures) {
+    pictures = pictures.replace(/[\[\]]/g, '');
+    pictures = pictures.replace(/\s/g, '');
+    return pictures ? pictures.split(',') : [];
+  });
+  _defineProperty(this, "render", function (value) {
+    if (!(value !== null && value !== void 0 && value.length)) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement("div", null, value === null || value === void 0 ? void 0 : value.map(function (pic) {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          marginRight: '5px',
+          display: 'inline-block'
+        }
+      }, /*#__PURE__*/React.createElement(Image, {
+        width: 32,
+        src: imgResize(pic || ''),
+        preview: {
+          src: imgResize(pic || '', 0, 0)
+        }
+      }));
+    }));
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    if ((record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_picture")]) === undefined) {
+      return /*#__PURE__*/React.createElement("span", null, "--");
+    }
+    var finalPictures = _this.formatPictures(record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_picture")]).map(function (item) {
+      return "".concat(window.location.origin, "/").concat(item);
+    });
+    return finalPictures === null || finalPictures === void 0 ? void 0 : finalPictures.map(function (pic) {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          marginRight: '5px',
+          display: 'inline-block'
+        }
+      }, /*#__PURE__*/React.createElement(Image, {
+        width: 32,
+        src: "".concat(pic, "?x-oss-process=image/resize,m_pad,h_40,w_40"),
+        preview: {
+          src: pic
+        }
+      }));
+    });
+  });
+  _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])
+    }) : null;
+  });
+  _defineProperty(this, "editRender", function (value) {
+    var _this$componentConfig, _this$componentConfig2, _this$componentConfig3;
+    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: (_this$componentConfig3 = _this.componentConfig) !== null && _this$componentConfig3 !== void 0 && _this$componentConfig3.isSingleShop ? /*#__PURE__*/React.createElement(ApaasUpload, _this.componentConfig) : /*#__PURE__*/React.createElement(ApaasUploadAsync, _extends({}, _this.componentConfig, {
+        uniqueKey: _this.id,
+        hostUrl: "https://kefu.kuaimai.com"
+      }))
+    });
+  });
+  _defineProperty(this, "renderExport", function () {
+    return null;
+  });
+  _defineProperty(this, "getColumns", function () {
+    return _objectSpread(_objectSpread({}, _this), {}, {
+      dataIndex: _this.id,
+      title: _this.name
+    });
+    ;
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.type = options.type;
+  this.canFilter = false;
+  this.canGroup = false;
+  this.canHidden = true;
+  this.dataType = 'array';
+  this.showContains = false;
+  this.componentConfig = options.componentConfig;
+  this.rules = [];
+});
+export default BasicPicture;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Popover: ({ Overlay, ShowComponent }: any) => JSX.Element;
+export default Popover;