@kmkf-fe-packages/services-components 2.0.51 → 2.0.52

package/dist/esm/components/Common/index.module.less

@@ -19,3 +19,4 @@
     display: flex;
   }
 }
+

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

@@ -1,5 +1,5 @@
-import { ComponentInterface, PickOption, Record } from "../../type";
-import React from "react";
+import { ComponentInterface, PickOption, Record } from '../../type';
+import React from 'react';
 declare type Value = string[] | undefined;
 declare class BasicPicture implements ComponentInterface {
     name: string;
@@ -7,13 +7,13 @@ declare class BasicPicture implements ComponentInterface {
     sortField: string;
     type: string;
     rules: any[];
-    componentConfig: ComponentInterface["componentConfig"];
+    componentConfig: ComponentInterface['componentConfig'];
     isCombinationComponent: boolean;
     formField: string;
     canSort: boolean;
     children: ComponentInterface[];
-    dataType: ComponentInterface["dataType"];
-    currenEnv: ComponentInterface["platform"];
+    dataType: ComponentInterface['dataType'];
+    currenEnv: ComponentInterface['platform'];
     constructor(options: PickOption);
     formatPictures: (pictures: string) => string[];
     render: (value: Value) => React.JSX.Element | null;

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

@@ -6,14 +6,14 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import React from "react";
-import { Image } from "antd";
-import { ApaasUploadAsync, ApaasUpload } from "@kmkf-fe-packages/basic-components";
-import { imgResize } from "@kmkf-fe-packages/kmkf-utils";
+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 hostUrl = "https://kefu.kuaimai.com";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { hostUrl } from "../../constant";
 var BasicPicture = /*#__PURE__*/_createClass(function BasicPicture(options) {
   var _this = this,
     _options$effects;
@@ -31,9 +31,9 @@ var BasicPicture = /*#__PURE__*/_createClass(function BasicPicture(options) {
   _defineProperty(this, "dataType", void 0);
   _defineProperty(this, "currenEnv", void 0);
   _defineProperty(this, "formatPictures", function (pictures) {
-    pictures = pictures.replace(/[\[\]]/g, "");
-    pictures = pictures.replace(/\s/g, "");
-    return pictures ? pictures.split(",") : [];
+    pictures = pictures.replace(/[\[\]]/g, '');
+    pictures = pictures.replace(/\s/g, '');
+    return pictures ? pictures.split(',') : [];
   });
   _defineProperty(this, "render", function (value) {
     var _document;
@@ -41,20 +41,20 @@ var BasicPicture = /*#__PURE__*/_createClass(function BasicPicture(options) {
       return null;
     }
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Image.PreviewGroup, {
-      preview: _this.currenEnv === "ks" ? {
-        getContainer: (_document = document) === null || _document === void 0 ? void 0 : _document.getElementById("root")
+      preview: _this.currenEnv === 'ks' ? {
+        getContainer: (_document = document) === null || _document === void 0 ? void 0 : _document.getElementById('root')
       } : true
     }, value === null || value === void 0 ? void 0 : value.map(function (pic) {
       return /*#__PURE__*/React.createElement("div", {
         style: {
-          marginRight: "5px",
-          display: "inline-block"
+          marginRight: '5px',
+          display: 'inline-block'
         }
       }, /*#__PURE__*/React.createElement(Image, {
         width: 32,
-        src: imgResize(pic || ""),
+        src: imgResize(pic || ''),
         preview: {
-          src: imgResize(pic || "", 0, 0)
+          src: imgResize(pic || '', 0, 0)
         }
       }));
     })));
@@ -69,8 +69,8 @@ var BasicPicture = /*#__PURE__*/_createClass(function BasicPicture(options) {
     return /*#__PURE__*/React.createElement(Image.PreviewGroup, null, finalPictures === null || finalPictures === void 0 ? void 0 : finalPictures.map(function (pic) {
       return /*#__PURE__*/React.createElement("div", {
         style: {
-          marginRight: "5px",
-          display: "inline-block"
+          marginRight: '5px',
+          display: 'inline-block'
         },
         onClick: function onClick(e) {
           return e.stopPropagation();
@@ -107,7 +107,7 @@ var BasicPicture = /*#__PURE__*/_createClass(function BasicPicture(options) {
       hidden: p === null || p === void 0 ? void 0 : p.hidden,
       display: p === null || p === void 0 ? void 0 : p.display,
       required: (_this$componentConfig = (_this$componentConfig2 = _this.componentConfig) === null || _this$componentConfig2 === void 0 ? void 0 : _this$componentConfig2.required) !== null && _this$componentConfig !== void 0 ? _this$componentConfig : false,
-      tooltip: (_this$componentConfig3 = _this.componentConfig) !== null && _this$componentConfig3 !== void 0 && _this$componentConfig3.showTooltip ? (_this$componentConfig4 = _this.componentConfig) === null || _this$componentConfig4 === void 0 ? void 0 : _this$componentConfig4.tooltip : "",
+      tooltip: (_this$componentConfig3 = _this.componentConfig) !== null && _this$componentConfig3 !== void 0 && _this$componentConfig3.showTooltip ? (_this$componentConfig4 = _this.componentConfig) === null || _this$componentConfig4 === void 0 ? void 0 : _this$componentConfig4.tooltip : '',
       component: (_this$componentConfig5 = _this.componentConfig) !== null && _this$componentConfig5 !== void 0 && _this$componentConfig5.isSingleShop ? /*#__PURE__*/React.createElement(ApaasUpload, _this.componentConfig) : /*#__PURE__*/React.createElement(ApaasUploadAsync, _extends({}, _this.componentConfig, {
         uniqueKey: _this.id,
         hostUrl: hostUrl,
@@ -131,7 +131,7 @@ var BasicPicture = /*#__PURE__*/_createClass(function BasicPicture(options) {
   this.isCombinationComponent = false;
   this.canSort = true;
   this.children = [];
-  this.dataType = "string";
+  this.dataType = 'string';
   this.currenEnv = options === null || options === void 0 ? void 0 : (_options$effects = options.effects) === null || _options$effects === void 0 ? void 0 : _options$effects.env;
 });
 export default BasicPicture;

package/dist/esm/components/PicturePro/PictureName.d.ts

@@ -0,0 +1,30 @@
+import { ComponentInterface, PickOption, ALignType, Record } from '../../type';
+import React from 'react';
+declare class PictureName implements ComponentInterface {
+    name: string;
+    id: string;
+    sortField: string;
+    type: string;
+    componentConfig: ComponentInterface['componentConfig'];
+    align: ALignType;
+    width: number;
+    isCombinationComponent: boolean;
+    formField: string;
+    canSort: boolean;
+    children: ComponentInterface[];
+    dataType: ComponentInterface['dataType'];
+    parentName?: string;
+    transformValue: (val: any, record?: any, parentName?: string) => any;
+    export: (val: any, record?: any, parentName?: string) => any;
+    constructor(options: PickOption);
+    getParentId: () => string;
+    renderClient: (record: any) => React.JSX.Element | null;
+    renderPc: (value: unknown, record: Record) => React.JSX.Element;
+    renderLog: (r: Record) => React.JSX.Element | null;
+    getComponentValue: (r: Record) => any;
+    getComponentExport: (r: Record) => any;
+    renderExport: (value: string, record: Record) => any;
+    editRender: () => null;
+    filterConfig: () => never[];
+}
+export default PictureName;

package/dist/esm/components/PicturePro/PictureName.js

@@ -0,0 +1,132 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import { Space } from 'antd';
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { DownloadOutlined } from '@ant-design/icons';
+import { hostUrl } from "../../constant";
+var PictureName = /*#__PURE__*/_createClass(function PictureName(options) {
+  var _this = this;
+  _classCallCheck(this, PictureName);
+  _defineProperty(this, "name", void 0);
+  _defineProperty(this, "id", void 0);
+  _defineProperty(this, "sortField", void 0);
+  _defineProperty(this, "type", void 0);
+  _defineProperty(this, "componentConfig", void 0);
+  _defineProperty(this, "align", void 0);
+  _defineProperty(this, "width", void 0);
+  _defineProperty(this, "isCombinationComponent", void 0);
+  _defineProperty(this, "formField", void 0);
+  _defineProperty(this, "canSort", void 0);
+  _defineProperty(this, "children", void 0);
+  _defineProperty(this, "dataType", void 0);
+  _defineProperty(this, "parentName", void 0);
+  _defineProperty(this, "transformValue", function (val) {
+    return val;
+  });
+  _defineProperty(this, "export", function (val) {
+    return val;
+  });
+  _defineProperty(this, "getParentId", function () {
+    var _this$id$split = _this.id.split('_'),
+      _this$id$split2 = _slicedToArray(_this$id$split, 3),
+      key = _this$id$split2[0],
+      name = _this$id$split2[1],
+      code = _this$id$split2[2];
+    return "".concat(key, "_").concat(name);
+  });
+  _defineProperty(this, "renderClient", function (record) {
+    return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
+      id: _this.id,
+      label: _this.name,
+      value: _this.getComponentValue(record)
+    }) : null;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    var fileName = _this.getComponentValue(record);
+    var parentId = _this.getParentId();
+    var picUrl = "".concat(hostUrl, "/").concat(record === null || record === void 0 ? void 0 : record["".concat(parentId, "_url")]);
+    var downloadHandle = function downloadHandle(e) {
+      e.stopPropagation();
+      try {
+        fetch(picUrl).then(function (res) {
+          return res.blob();
+        }).then(function (blob) {
+          var a = document.createElement('a');
+          document.body.appendChild(a);
+          a.style.display = 'none';
+          var url = window.URL.createObjectURL(blob);
+          a.href = url;
+          a.download = fileName;
+          a.click();
+          document.body.removeChild(a);
+          window.URL.revokeObjectURL(url);
+        });
+      } catch (error) {
+        console.error(error);
+      }
+    };
+    return /*#__PURE__*/React.createElement(Space, {
+      className: "pictruePc"
+    }, (record === null || record === void 0 ? void 0 : record["".concat(parentId, "_url")]) && /*#__PURE__*/React.createElement(DownloadOutlined, {
+      onClick: downloadHandle,
+      className: "downloadIcon"
+    }), /*#__PURE__*/React.createElement("div", null, fileName ? fileName : '--'));
+  });
+  _defineProperty(this, "renderLog", function (r) {
+    var id = _this.getParentId();
+    if (isNull(r === null || r === void 0 ? void 0 : r[id])) return null;
+    return _this.renderPc(undefined, r);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return _this.transformValue(r === null || r === void 0 ? void 0 : r[_this.id], r, _this.parentName);
+  });
+  _defineProperty(this, "getComponentExport", function (r) {
+    return _this.export(r === null || r === void 0 ? void 0 : r[_this.id], r, _this.parentName);
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    var _this$getComponentExp;
+    var val = (_this$getComponentExp = _this.getComponentExport(record)) !== null && _this$getComponentExp !== void 0 ? _this$getComponentExp : '--';
+    return typeof val === 'number' ? val + '' : val;
+  });
+  _defineProperty(this, "editRender", function () {
+    return null;
+  });
+  _defineProperty(this, "filterConfig", function () {
+    return [];
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.sortField = options.id;
+  this.formField = options.id;
+  this.type = options.type;
+  if (options.parentName) {
+    this.parentName = options.parentName;
+  }
+  this.componentConfig = options.componentConfig;
+  this.align = 'left';
+  this.width = (options === null || options === void 0 ? void 0 : options.width) || 100;
+  this.isCombinationComponent = false;
+  this.canSort = false;
+  this.dataType = 'string';
+  this.children = [];
+  if (options.transformValue) {
+    this.transformValue = options.transformValue;
+  }
+  if (options.renderExport) {
+    this.export = options.renderExport;
+  }
+});
+export default PictureName;

package/dist/esm/components/PicturePro/PictureUrl.d.ts

@@ -0,0 +1,26 @@
+import { ComponentInterface, PickOption, ALignType, Record } from '../../type';
+import React from 'react';
+declare class PictureUrl implements ComponentInterface {
+    name: string;
+    id: string;
+    sortField: string;
+    type: string;
+    componentConfig: ComponentInterface['componentConfig'];
+    align: ALignType;
+    width: number;
+    isCombinationComponent: boolean;
+    formField: string;
+    canSort: boolean;
+    children: ComponentInterface[];
+    dataType: ComponentInterface['dataType'];
+    constructor(options: PickOption);
+    getParentId: () => string;
+    renderClient: (record: any) => React.JSX.Element | null;
+    renderPc: (value: unknown, record: Record) => React.JSX.Element;
+    renderLog: () => null;
+    getComponentValue: (r: Record) => any;
+    renderExport: () => null;
+    editRender: () => null;
+    filterConfig: () => never[];
+}
+export default PictureUrl;

package/dist/esm/components/PicturePro/PictureUrl.js

@@ -0,0 +1,93 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { Image } from 'antd';
+import React from 'react';
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+import { hostUrl } from "../../constant";
+var PictureUrl = /*#__PURE__*/_createClass(function PictureUrl(options) {
+  var _this = this;
+  _classCallCheck(this, PictureUrl);
+  _defineProperty(this, "name", void 0);
+  _defineProperty(this, "id", void 0);
+  _defineProperty(this, "sortField", void 0);
+  _defineProperty(this, "type", void 0);
+  _defineProperty(this, "componentConfig", void 0);
+  _defineProperty(this, "align", void 0);
+  _defineProperty(this, "width", void 0);
+  _defineProperty(this, "isCombinationComponent", void 0);
+  _defineProperty(this, "formField", void 0);
+  _defineProperty(this, "canSort", void 0);
+  _defineProperty(this, "children", void 0);
+  _defineProperty(this, "dataType", void 0);
+  _defineProperty(this, "getParentId", function () {
+    var _this$id$split = _this.id.split('_'),
+      _this$id$split2 = _slicedToArray(_this$id$split, 3),
+      key = _this$id$split2[0],
+      name = _this$id$split2[1],
+      code = _this$id$split2[2];
+    return "".concat(key, "_").concat(name);
+  });
+  _defineProperty(this, "renderClient", function (record) {
+    return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
+      id: _this.id,
+      label: _this.name,
+      value: _this.getComponentValue(record)
+    }) : null;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    var patchUrl = _this.getComponentValue(record);
+    if (!patchUrl) return /*#__PURE__*/React.createElement("span", null, "--");
+    var finalImage = "".concat(hostUrl, "/").concat(patchUrl);
+    return /*#__PURE__*/React.createElement("span", {
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      width: 40,
+      src: "".concat(finalImage, "?x-oss-process=image/resize,m_pad,h_40,w_40"),
+      preview: {
+        src: finalImage
+      }
+    }));
+  });
+  _defineProperty(this, "renderLog", function () {
+    return null;
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return r === null || r === void 0 ? void 0 : r[_this.id];
+  });
+  _defineProperty(this, "renderExport", function () {
+    return null;
+  });
+  _defineProperty(this, "editRender", function () {
+    return null;
+  });
+  _defineProperty(this, "filterConfig", function () {
+    return [];
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.sortField = options.id;
+  this.formField = options.id;
+  this.type = options.type;
+  this.componentConfig = options.componentConfig;
+  this.align = 'left';
+  this.width = 100;
+  this.isCombinationComponent = false;
+  this.canSort = false;
+  this.dataType = 'string';
+  this.children = [];
+});
+export default PictureUrl;

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

@@ -0,0 +1,40 @@
+import { ComponentInterface, PickOption, Record } from "../../type";
+import React from "react";
+import "./index.less";
+declare type Value = {
+    url: string;
+    name: string;
+}[];
+declare class BasicPicturePro implements ComponentInterface {
+    name: string;
+    id: string;
+    sortField: string;
+    type: string;
+    rules: any[];
+    componentConfig: ComponentInterface["componentConfig"];
+    isCombinationComponent: boolean;
+    formField: string;
+    canSort: boolean;
+    children: ComponentInterface[];
+    dataType: ComponentInterface["dataType"];
+    currenEnv: ComponentInterface["platform"];
+    constructor(options: PickOption);
+    formatPictures: (pictures: string) => string[];
+    render: (value: Value) => React.JSX.Element | null;
+    renderPc: () => null;
+    renderLog: (r: Record) => React.JSX.Element | null;
+    getComponentValue: (r: Record) => any;
+    renderClient: (record: any) => React.JSX.Element | null;
+    editRender: (p: any) => React.JSX.Element;
+    /**
+     *
+     * @returns 图片类型的导出需要在导出时单独处理
+     */
+    renderExport: () => null;
+    /**
+     *
+     * @returns 图片不支持过滤
+     */
+    filterConfig: () => never[];
+}
+export default BasicPicturePro;

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

@@ -0,0 +1,180 @@
+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 { ApaasUploadProAsync } from "@kmkf-fe-packages/basic-components";
+import GetFormItem from "../GetFormItem";
+import ItemView from "../../commonComponents/ItemView";
+import PictureName from "./PictureName";
+import PictureUrl from "./PictureUrl";
+import { isNull } from "@kmkf-fe-packages/kmkf-utils";
+import "./index.less";
+import { Image, Tooltip, message } from "antd";
+import { DownloadOutlined, CopyOutlined } from "@ant-design/icons";
+import copy from "copy-to-clipboard";
+import { hostUrl } from "../../constant";
+var BasicPicturePro = /*#__PURE__*/_createClass(function BasicPicturePro(options) {
+  var _this = this,
+    _options$effects;
+  _classCallCheck(this, BasicPicturePro);
+  _defineProperty(this, "name", void 0);
+  _defineProperty(this, "id", void 0);
+  _defineProperty(this, "sortField", void 0);
+  _defineProperty(this, "type", void 0);
+  _defineProperty(this, "rules", void 0);
+  _defineProperty(this, "componentConfig", void 0);
+  _defineProperty(this, "isCombinationComponent", void 0);
+  _defineProperty(this, "formField", void 0);
+  _defineProperty(this, "canSort", void 0);
+  _defineProperty(this, "children", void 0);
+  _defineProperty(this, "dataType", void 0);
+  _defineProperty(this, "currenEnv", 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) {
+    var _document;
+    if (!(value !== null && value !== void 0 && value.length)) {
+      return null;
+    }
+    var copyText = value.map(function (item) {
+      return item.name;
+    }).join(",");
+    var onCopy = function onCopy() {
+      copy(copyText);
+      message.success("图片名称复制成功");
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pictureProClient"
+    }, /*#__PURE__*/React.createElement(Image.PreviewGroup, {
+      preview: _this.currenEnv === "ks" ? {
+        getContainer: (_document = document) === null || _document === void 0 ? void 0 : _document.getElementById("root")
+      } : true
+    }, value.map(function (item) {
+      var finalImage = "".concat(/^pic\/[\s\S]*$/.test(item.url) ? "".concat(hostUrl, "/").concat(item.url) : item.url, "?x-oss-process=image/resize,h_60,w_60");
+      var showImage = /^pic\/[\s\S]*$/.test(item.url) ? "".concat(hostUrl, "/").concat(item.url) : item.url;
+      var downloadHandle = function downloadHandle() {
+        if (_this.currenEnv === "pc") {
+          try {
+            fetch("".concat(hostUrl, "/").concat(item.url)).then(function (res) {
+              return res.blob();
+            }).then(function (blob) {
+              var a = document.createElement("a");
+              document.body.appendChild(a);
+              a.style.display = "none";
+              var url = window.URL.createObjectURL(blob);
+              a.href = url;
+              a.download = item.name;
+              a.click();
+              document.body.removeChild(a);
+              window.URL.revokeObjectURL(url);
+            });
+          } catch (error) {
+            console.error(error);
+          }
+        } else {
+          copy("".concat(hostUrl, "/").concat(item.url));
+          message.success("图片链接复制成功");
+        }
+      };
+      return /*#__PURE__*/React.createElement("div", {
+        key: item.url,
+        className: "pictureProBox"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "pictureProLeft"
+      }, /*#__PURE__*/React.createElement(Image, {
+        src: finalImage,
+        preview: {
+          src: showImage
+        },
+        width: "100%",
+        height: "100%"
+      })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
+        title: item.name
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "pictureProText"
+      }, item.name)), /*#__PURE__*/React.createElement("div", {
+        className: "pictureProOperate"
+      }, _this.currenEnv === "pc" ? /*#__PURE__*/React.createElement(DownloadOutlined, {
+        className: "downloadIcon",
+        onClick: downloadHandle
+      }) : /*#__PURE__*/React.createElement(CopyOutlined, {
+        className: "downloadIcon",
+        onClick: downloadHandle
+      }))));
+    })), /*#__PURE__*/React.createElement("span", {
+      className: "copyText",
+      onClick: onCopy
+    }, "\u590D\u5236"));
+  });
+  _defineProperty(this, "renderPc", function () {
+    return null;
+  });
+  _defineProperty(this, "renderLog", function (r) {
+    if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_pictureProList")])) return null;
+    return _this.render(r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_pictureProList")]);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    return r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_pictureProList")];
+  });
+  _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["".concat(_this.id)])
+    }) : null;
+  });
+  _defineProperty(this, "editRender", function (p) {
+    var _this$componentConfig, _this$componentConfig2, _this$componentConfig3, _this$componentConfig4;
+    return /*#__PURE__*/React.createElement(GetFormItem, {
+      title: _this.name,
+      name: _this.id,
+      rules: _this.rules,
+      hidden: p === null || p === void 0 ? void 0 : p.hidden,
+      display: p === null || p === void 0 ? void 0 : p.display,
+      required: (_this$componentConfig = (_this$componentConfig2 = _this.componentConfig) === null || _this$componentConfig2 === void 0 ? void 0 : _this$componentConfig2.required) !== null && _this$componentConfig !== void 0 ? _this$componentConfig : false,
+      tooltip: (_this$componentConfig3 = _this.componentConfig) !== null && _this$componentConfig3 !== void 0 && _this$componentConfig3.showTooltip ? (_this$componentConfig4 = _this.componentConfig) === null || _this$componentConfig4 === void 0 ? void 0 : _this$componentConfig4.tooltip : "",
+      component: /*#__PURE__*/React.createElement(ApaasUploadProAsync, _extends({}, _this.componentConfig, {
+        uniqueKey: _this.id,
+        hostUrl: hostUrl,
+        platform: _this.currenEnv
+      }))
+    });
+  });
+  _defineProperty(this, "renderExport", function () {
+    return null;
+  });
+  _defineProperty(this, "filterConfig", function () {
+    return [];
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.sortField = "".concat(options.id, "_pictureProList");
+  this.formField = "".concat(options.id, "_pictureProList");
+  this.type = options.type;
+  this.componentConfig = options.componentConfig;
+  this.rules = [];
+  this.isCombinationComponent = true;
+  this.canSort = true;
+  this.children = [new PictureName(_objectSpread(_objectSpread({}, options), {}, {
+    name: "图片名称",
+    id: "".concat(options.id, "_pictureProList_name"),
+    width: 250
+  })), new PictureUrl(_objectSpread(_objectSpread({}, options), {}, {
+    name: "图片详情",
+    id: "".concat(options.id, "_pictureProList_url"),
+    width: 200
+  }))];
+  this.dataType = "object";
+  this.currenEnv = options === null || options === void 0 ? void 0 : (_options$effects = options.effects) === null || _options$effects === void 0 ? void 0 : _options$effects.env;
+});
+export default BasicPicturePro;