@xysfe/actui2 0.0.1

package/lib/FigurePic/compress/index.mjs

@@ -0,0 +1,336 @@
+import _typeof from "@babel/runtime-corejs3/helpers/typeof";
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import _someInstanceProperty from "@babel/runtime-corejs3/core-js/instance/some";
+import _Promise from "@babel/runtime-corejs3/core-js/promise";
+import _Object$assign from "@babel/runtime-corejs3/core-js/object/assign";
+import _Number$isNaN from "@babel/runtime-corejs3/core-js/number/is-nan";
+import _sortInstanceProperty from "@babel/runtime-corejs3/core-js/instance/sort";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+var CompressUtil = /* @__PURE__ */ function() {
+  function CompressUtil2(opts) {
+    _classCallCheck(this, CompressUtil2);
+    this.defaultMimeType = opts.defaultMimeType;
+  }
+  return _createClass(CompressUtil2, [{
+    key: "checkImageType",
+    value: function checkImageType(type) {
+      var _context;
+      return _someInstanceProperty(_context = ["image/png", "image/jpeg", "image/gif"]).call(_context, function(i) {
+        return i === type;
+      });
+    }
+  }, {
+    key: "dataURLtoImage",
+    value: function dataURLtoImage(dataURL) {
+      return new _Promise(function(resolve, reject) {
+        var img = new Image();
+        img.onload = function() {
+          return resolve(img);
+        };
+        img.onerror = function() {
+          return reject(new Error("dataURLtoImage(): dataURL is illegal"));
+        };
+        img.src = dataURL;
+      });
+    }
+  }, {
+    key: "filetoDataURL",
+    value: function filetoDataURL(file) {
+      return new _Promise(function(resolve) {
+        var reader = new FileReader();
+        reader.onloadend = function(e) {
+          return resolve(e.target.result);
+        };
+        reader.readAsDataURL(file);
+      });
+    }
+  }, {
+    key: "imagetoCanvas",
+    value: function() {
+      var _imagetoCanvas = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee(image) {
+        var _context2;
+        var config, cvs, ctx, height, width, i, scale, _args = arguments, _t;
+        return _regeneratorRuntime.wrap(function(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              config = _args.length > 1 && _args[1] !== void 0 ? _args[1] : {};
+              cvs = document.createElement("canvas");
+              ctx = cvs.getContext("2d");
+              for (i in config) {
+                if (Object.prototype.hasOwnProperty.call(config, i)) {
+                  config[i] = Number(config[i]);
+                }
+              }
+              if (!config.scale) {
+                width = config.width || config.height * image.width / image.height || image.width;
+                height = config.height || config.width * image.height / image.width || image.height;
+              } else {
+                scale = config.scale > 0 && config.scale < 10 ? config.scale : 1;
+                width = image.width * scale;
+                height = image.height * scale;
+              }
+              if (_someInstanceProperty(_context2 = [5, 6, 7, 8]).call(_context2, function(i2) {
+                return i2 === config.orientation;
+              })) {
+                cvs.height = width;
+                cvs.width = height;
+              } else {
+                cvs.height = height;
+                cvs.width = width;
+              }
+              _t = config.orientation;
+              _context3.next = _t === 3 ? 1 : _t === 6 ? 2 : _t === 8 ? 3 : _t === 2 ? 4 : _t === 4 ? 5 : _t === 5 ? 6 : _t === 7 ? 7 : 8;
+              break;
+            case 1:
+              ctx.rotate(180 * Math.PI / 180);
+              ctx.drawImage(image, -cvs.width, -cvs.height, cvs.width, cvs.height);
+              return _context3.abrupt("continue", 9);
+            case 2:
+              ctx.rotate(90 * Math.PI / 180);
+              ctx.drawImage(image, 0, -cvs.width, cvs.height, cvs.width);
+              return _context3.abrupt("continue", 9);
+            case 3:
+              ctx.rotate(270 * Math.PI / 180);
+              ctx.drawImage(image, -cvs.height, 0, cvs.height, cvs.width);
+              return _context3.abrupt("continue", 9);
+            case 4:
+              ctx.translate(cvs.width, 0);
+              ctx.scale(-1, 1);
+              ctx.drawImage(image, 0, 0, cvs.width, cvs.height);
+              return _context3.abrupt("continue", 9);
+            case 5:
+              ctx.translate(cvs.width, 0);
+              ctx.scale(-1, 1);
+              ctx.rotate(180 * Math.PI / 180);
+              ctx.drawImage(image, -cvs.width, -cvs.height, cvs.width, cvs.height);
+              return _context3.abrupt("continue", 9);
+            case 6:
+              ctx.translate(cvs.width, 0);
+              ctx.scale(-1, 1);
+              ctx.rotate(90 * Math.PI / 180);
+              ctx.drawImage(image, 0, -cvs.width, cvs.height, cvs.width);
+              return _context3.abrupt("continue", 9);
+            case 7:
+              ctx.translate(cvs.width, 0);
+              ctx.scale(-1, 1);
+              ctx.rotate(270 * Math.PI / 180);
+              ctx.drawImage(image, -cvs.height, 0, cvs.height, cvs.width);
+              return _context3.abrupt("continue", 9);
+            case 8:
+              ctx.drawImage(image, 0, 0, cvs.width, cvs.height);
+            case 9:
+              return _context3.abrupt("return", cvs);
+            case 10:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee);
+      }));
+      function imagetoCanvas(_x) {
+        return _imagetoCanvas.apply(this, arguments);
+      }
+      return imagetoCanvas;
+    }()
+  }, {
+    key: "dataURLtoFile",
+    value: function() {
+      var _dataURLtoFile = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee2(dataURL, type) {
+        var arr, mime, bstr, n, u8arr;
+        return _regeneratorRuntime.wrap(function(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              arr = dataURL.split(",");
+              mime = arr[0].match(/:(.*?);/)[1];
+              bstr = atob(arr[1]);
+              n = bstr.length;
+              u8arr = new Uint8Array(n);
+              while (n--) {
+                u8arr[n] = bstr.charCodeAt(n);
+              }
+              if (this.checkImageType(type)) {
+                mime = type;
+              }
+              return _context4.abrupt("return", new Blob([u8arr], {
+                type: mime
+              }));
+            case 1:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee2, this);
+      }));
+      function dataURLtoFile(_x2, _x3) {
+        return _dataURLtoFile.apply(this, arguments);
+      }
+      return dataURLtoFile;
+    }()
+  }, {
+    key: "canvastoDataURL",
+    value: function() {
+      var _canvastoDataURL = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee3(canvas, quality, type) {
+        return _regeneratorRuntime.wrap(function(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              if (!this.checkImageType(type)) {
+                type = "image/jpeg";
+              }
+              return _context5.abrupt("return", canvas.toDataURL(type, quality));
+            case 1:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee3, this);
+      }));
+      function canvastoDataURL(_x4, _x5, _x6) {
+        return _canvastoDataURL.apply(this, arguments);
+      }
+      return canvastoDataURL;
+    }()
+  }, {
+    key: "compressAccurately",
+    value: function() {
+      var _compressAccurately = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee4(file) {
+        var config, resultSize, dataURL, originalMime, mime, image, canvas, proportion, imageQuality, compressDataURL, tempDataURLs, x, CalculationSize, _context6, _context7, _context8, compressFile, _args4 = arguments;
+        return _regeneratorRuntime.wrap(function(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
+            case 0:
+              config = _args4.length > 1 && _args4[1] !== void 0 ? _args4[1] : {};
+              if (file instanceof Blob) {
+                _context9.next = 1;
+                break;
+              }
+              throw new Error("compressAccurately(): First arg must be a Blob object or a File object.");
+            case 1:
+              if (_typeof(config) !== "object") {
+                config = _Object$assign({
+                  size: config
+                });
+              }
+              config.size = Number(config.size);
+              if (!_Number$isNaN(config.size)) {
+                _context9.next = 2;
+                break;
+              }
+              return _context9.abrupt("return", file);
+            case 2:
+              if (!(config.size * 1024 > file.size)) {
+                _context9.next = 3;
+                break;
+              }
+              return _context9.abrupt("return", file);
+            case 3:
+              config.accuracy = Number(config.accuracy);
+              if (!config.accuracy || config.accuracy < 0.8 || config.accuracy > 0.99) {
+                config.accuracy = 0.95;
+              }
+              resultSize = {
+                max: config.size * (2 - config.accuracy) * 1024,
+                accurate: config.size * 1024,
+                min: config.size * config.accuracy * 1024
+              };
+              _context9.next = 4;
+              return this.filetoDataURL(file);
+            case 4:
+              dataURL = _context9.sent;
+              originalMime = dataURL.split(",")[0].match(/:(.*?);/)[1];
+              mime = "image/jpeg";
+              if (this.checkImageType(config.type)) {
+                mime = config.type;
+                originalMime = config.type;
+              }
+              _context9.next = 5;
+              return this.dataURLtoImage(dataURL);
+            case 5:
+              image = _context9.sent;
+              _context9.next = 6;
+              return this.imagetoCanvas(image, _Object$assign({}, config));
+            case 6:
+              canvas = _context9.sent;
+              proportion = 0.75;
+              imageQuality = 0.5;
+              tempDataURLs = [null, null];
+              x = 1;
+            case 7:
+              if (!(x <= 7)) {
+                _context9.next = 13;
+                break;
+              }
+              _context9.next = 8;
+              return this.canvastoDataURL(canvas, imageQuality, mime);
+            case 8:
+              compressDataURL = _context9.sent;
+              CalculationSize = compressDataURL.length * proportion;
+              if (!(x === 7)) {
+                _context9.next = 9;
+                break;
+              }
+              if (resultSize.max < CalculationSize || resultSize.min > CalculationSize) {
+                compressDataURL = _sortInstanceProperty(
+                  _context6 = _filterInstanceProperty(_context7 = _concatInstanceProperty(_context8 = [compressDataURL]).call(_context8, tempDataURLs)).call(_context7, function(i) {
+                    return i;
+                  })
+                  // 去除null
+                ).call(_context6, function(a, b) {
+                  return Math.abs(a.length * proportion - resultSize.accurate) - Math.abs(b.length * proportion - resultSize.accurate);
+                })[0];
+              }
+              return _context9.abrupt("continue", 13);
+            case 9:
+              if (!(resultSize.max < CalculationSize)) {
+                _context9.next = 10;
+                break;
+              }
+              tempDataURLs[1] = compressDataURL;
+              imageQuality -= Math.pow(0.5, x + 1);
+              _context9.next = 12;
+              break;
+            case 10:
+              if (!(resultSize.min > CalculationSize)) {
+                _context9.next = 11;
+                break;
+              }
+              tempDataURLs[0] = compressDataURL;
+              imageQuality += Math.pow(0.5, x + 1);
+              _context9.next = 12;
+              break;
+            case 11:
+              return _context9.abrupt("continue", 13);
+            case 12:
+              x++;
+              _context9.next = 7;
+              break;
+            case 13:
+              _context9.next = 14;
+              return this.dataURLtoFile(compressDataURL, originalMime);
+            case 14:
+              compressFile = _context9.sent;
+              if (!(compressFile.size > file.size)) {
+                _context9.next = 15;
+                break;
+              }
+              return _context9.abrupt("return", file);
+            case 15:
+              return _context9.abrupt("return", compressFile);
+            case 16:
+            case "end":
+              return _context9.stop();
+          }
+        }, _callee4, this);
+      }));
+      function compressAccurately(_x7) {
+        return _compressAccurately.apply(this, arguments);
+      }
+      return compressAccurately;
+    }()
+  }]);
+}();
+var compressUtil = new CompressUtil({
+  defaultMimeType: "image/jpeg"
+});
+export {
+  compressUtil as c
+};

package/lib/FigurePic/index.js

@@ -0,0 +1 @@
+"use strict";var _regeneratorRuntime=require("@babel/runtime-corejs3/regenerator");var _asyncToGenerator=require("@babel/runtime-corejs3/helpers/asyncToGenerator");var _Promise=require("@babel/runtime-corejs3/core-js/promise");var _Object$assign=require("@babel/runtime-corejs3/core-js/object/assign");var FileUpload_upload=require("../FileUpload/upload/index.js");var FileUpload_util=require("../FileUpload/util/index.js");var FigurePic_compress=require("./compress/index.js");var DEFAULT_OPTIONS={type:"face",bizId:1010,compress:false,compressSize:23};var startPic=function startPic2(){var options=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};return new _Promise(function(resolve,reject){window.kcbJs&&window.kcbJs.invoke({path:"/image/guideShoot",data:{type:options.type},success:function success(data){var resolveData={base64:data||""};resolve({ret:0,data:resolveData})},unsupport:function unsupport(){resolve({ret:10088,errmsg:"当前版本不支持该拍照api"})},fail:function fail(e){FileUpload_util.reportErr("appGuideShoot[/image/guideShoot] error: "+e);resolve({ret:10099,errmsg:e.msg||""})}})})};var uploadPic=function uploadPic2(){var options=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};var finalOpts=_Object$assign({},DEFAULT_OPTIONS,options);return startPic(finalOpts).then(function(){var _ref=_asyncToGenerator(_regeneratorRuntime.mark(function _callee(res){var pic,finalPic;return _regeneratorRuntime.wrap(function(_context){while(1)switch(_context.prev=_context.next){case 0:if(!(res&&!res.ret&&res.data.base64)){_context.next=2;break}pic=res.data;finalOpts.compress&&finalOpts.compressSize&&finalOpts.beforeCompress&&typeof finalOpts.beforeCompress==="function"&&finalOpts.beforeCompress(pic);_context.next=1;return compressPic(finalOpts,pic.base64);case 1:finalPic=_context.sent;finalOpts.beforeUpload&&typeof finalOpts.beforeUpload==="function"&&finalOpts.beforeUpload({base64:finalPic});return _context.abrupt("return",FileUpload_upload.upload(finalOpts,{base64:finalPic}));case 2:return _context.abrupt("return",res);case 3:case"end":return _context.stop()}},_callee)}));return function(_x){return _ref.apply(this,arguments)}}())};var compressPic=function(){var _ref2=_asyncToGenerator(_regeneratorRuntime.mark(function _callee2(){var options,base64,file,compressFile,compressBase64,_args2=arguments,_t;return _regeneratorRuntime.wrap(function(_context2){while(1)switch(_context2.prev=_context2.next){case 0:options=_args2.length>0&&_args2[0]!==void 0?_args2[0]:{};base64=_args2.length>1?_args2[1]:void 0;if(!(options.compress&&options.compressSize)){_context2.next=6;break}_context2.prev=1;_context2.next=2;return FigurePic_compress.compressUtil.dataURLtoFile(base64);case 2:file=_context2.sent;_context2.next=3;return FigurePic_compress.compressUtil.compressAccurately(file,options.compressSize);case 3:compressFile=_context2.sent;_context2.next=4;return FigurePic_compress.compressUtil.filetoDataURL(compressFile);case 4:compressBase64=_context2.sent;return _context2.abrupt("return",compressBase64);case 5:_context2.prev=5;_t=_context2["catch"](1);return _context2.abrupt("return",base64);case 6:return _context2.abrupt("return",base64);case 7:case"end":return _context2.stop()}},_callee2,null,[[1,5]])}));return function compressPic2(){return _ref2.apply(this,arguments)}}();var FigurePic={startPic,uploadPic};exports.FigurePic=FigurePic;

package/lib/FigurePic/index.mjs

@@ -0,0 +1,134 @@
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import _Promise from "@babel/runtime-corejs3/core-js/promise";
+import _Object$assign from "@babel/runtime-corejs3/core-js/object/assign";
+import { u as upload } from "../FileUpload/upload/index.mjs";
+import { r as reportErr } from "../FileUpload/util/index.mjs";
+import { c as compressUtil } from "./compress/index.mjs";
+var DEFAULT_OPTIONS = {
+  // 轮廓类型
+  type: "face",
+  bizId: 1010,
+  compress: false,
+  compressSize: 23
+};
+var startPic = function startPic2() {
+  var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  return new _Promise(function(resolve, reject) {
+    window.kcbJs && window.kcbJs.invoke({
+      path: "/image/guideShoot",
+      data: {
+        type: options.type
+      },
+      success: function success(data) {
+        var resolveData = {
+          base64: data || ""
+        };
+        resolve({
+          ret: 0,
+          data: resolveData
+        });
+      },
+      unsupport: function unsupport() {
+        resolve({
+          ret: 10088,
+          errmsg: "当前版本不支持该拍照api"
+        });
+      },
+      fail: function fail(e) {
+        reportErr("appGuideShoot[/image/guideShoot] error: " + e);
+        resolve({
+          ret: 10099,
+          errmsg: e.msg || ""
+        });
+      }
+    });
+  });
+};
+var uploadPic = function uploadPic2() {
+  var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var finalOpts = _Object$assign({}, DEFAULT_OPTIONS, options);
+  return startPic(finalOpts).then(/* @__PURE__ */ function() {
+    var _ref = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee(res) {
+      var pic, finalPic;
+      return _regeneratorRuntime.wrap(function(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(res && !res.ret && res.data.base64)) {
+              _context.next = 2;
+              break;
+            }
+            pic = res.data;
+            finalOpts.compress && finalOpts.compressSize && finalOpts.beforeCompress && typeof finalOpts.beforeCompress === "function" && finalOpts.beforeCompress(pic);
+            _context.next = 1;
+            return compressPic(finalOpts, pic.base64);
+          case 1:
+            finalPic = _context.sent;
+            finalOpts.beforeUpload && typeof finalOpts.beforeUpload === "function" && finalOpts.beforeUpload({
+              base64: finalPic
+            });
+            return _context.abrupt("return", upload(finalOpts, {
+              base64: finalPic
+            }));
+          case 2:
+            return _context.abrupt("return", res);
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+};
+var compressPic = /* @__PURE__ */ function() {
+  var _ref2 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee2() {
+    var options, base64, file, compressFile, compressBase64, _args2 = arguments, _t;
+    return _regeneratorRuntime.wrap(function(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          options = _args2.length > 0 && _args2[0] !== void 0 ? _args2[0] : {};
+          base64 = _args2.length > 1 ? _args2[1] : void 0;
+          if (!(options.compress && options.compressSize)) {
+            _context2.next = 6;
+            break;
+          }
+          _context2.prev = 1;
+          _context2.next = 2;
+          return compressUtil.dataURLtoFile(base64);
+        case 2:
+          file = _context2.sent;
+          _context2.next = 3;
+          return compressUtil.compressAccurately(file, options.compressSize);
+        case 3:
+          compressFile = _context2.sent;
+          _context2.next = 4;
+          return compressUtil.filetoDataURL(compressFile);
+        case 4:
+          compressBase64 = _context2.sent;
+          return _context2.abrupt("return", compressBase64);
+        case 5:
+          _context2.prev = 5;
+          _t = _context2["catch"](1);
+          return _context2.abrupt("return", base64);
+        case 6:
+          return _context2.abrupt("return", base64);
+        case 7:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[1, 5]]);
+  }));
+  return function compressPic2() {
+    return _ref2.apply(this, arguments);
+  };
+}();
+var FigurePic = {
+  startPic,
+  uploadPic
+};
+export {
+  FigurePic as F
+};

package/lib/FileList/imageList/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _mapInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/map");var _spliceInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/splice");var common=require("../../common/index.js");var _sfc_main={name:"ImageList",props:{list:{type:Array,default:function _default(){return[]}},showAdd:{type:Boolean,default:true},deletable:{type:Boolean,default:false}},data:function data(){return{imageList:[]}},watch:{list:{handler:function handler(newVal){var _context;this.imageList=_mapInstanceProperty(_context=newVal||[]).call(_context,function(item,i){return{url:item.url,index:i}})},immediate:true}},methods:{preview:function preview(list,index){if(this.imagePreview){this.imagePreview.setData(list,index)}else{this.imagePreview=this.$createImagePreview({images:list,start:index})}this.imagePreview.show()},del:function del(index){var _context2;_spliceInstanceProperty(_context2=this.imageList).call(_context2,index,1);this.$emit("change",this.imageList)}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("section",{staticClass:"cpn--act-image-list"},[_c("ul",{staticClass:"act-img-list clear-fix"},_vm._l(_vm.imageList,function(item,index){return _c("li",{key:"image_".concat(index),staticClass:"act-img-item"},[_c("img",{attrs:{"src":item.url},on:{"click":function click($event){$event.stopPropagation();return _vm.preview(_vm.imageList,item.index)}}}),_vm.deletable?_c("span",{staticClass:"act-img-del",on:{"click":function click($event){return _vm.del(item.index)}}}):_vm._e()])}),0)])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"c40eeb44");var ImageList=__component__.exports;exports.ImageList=ImageList;

package/lib/FileList/imageList/index.mjs

@@ -0,0 +1,95 @@
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/splice";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "ImageList",
+  props: {
+    list: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    showAdd: {
+      type: Boolean,
+      default: true
+    },
+    deletable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data: function data() {
+    return {
+      imageList: []
+    };
+  },
+  watch: {
+    list: {
+      handler: function handler(newVal) {
+        var _context;
+        this.imageList = _mapInstanceProperty(_context = newVal || []).call(_context, function(item, i) {
+          return {
+            url: item.url,
+            index: i
+          };
+        });
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    preview: function preview(list, index) {
+      if (this.imagePreview) {
+        this.imagePreview.setData(list, index);
+      } else {
+        this.imagePreview = this.$createImagePreview({
+          images: list,
+          start: index
+        });
+      }
+      this.imagePreview.show();
+    },
+    del: function del(index) {
+      var _context2;
+      _spliceInstanceProperty(_context2 = this.imageList).call(_context2, index, 1);
+      this.$emit("change", this.imageList);
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("section", {
+    staticClass: "cpn--act-image-list"
+  }, [_c("ul", {
+    staticClass: "act-img-list clear-fix"
+  }, _vm._l(_vm.imageList, function(item, index) {
+    return _c("li", {
+      key: "image_".concat(index),
+      staticClass: "act-img-item"
+    }, [_c("img", {
+      attrs: {
+        "src": item.url
+      },
+      on: {
+        "click": function click($event) {
+          $event.stopPropagation();
+          return _vm.preview(_vm.imageList, item.index);
+        }
+      }
+    }), _vm.deletable ? _c("span", {
+      staticClass: "act-img-del",
+      on: {
+        "click": function click($event) {
+          return _vm.del(item.index);
+        }
+      }
+    }) : _vm._e()]);
+  }), 0)]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "c40eeb44");
+var ImageList = __component__.exports;
+export {
+  ImageList as I
+};

package/lib/FileList/imageList/style.css

@@ -0,0 +1 @@
+.cpn--act-image-list .act-img-list[data-v-c40eeb44]{margin-bottom:14px}.cpn--act-image-list .act-img-list .act-img-item[data-v-c40eeb44]{position:relative;width:74px;height:74px;border-radius:8px;border:solid 1px #F5F5F5;background-color:#FFFFFF;margin-bottom:8px;margin-right:8px;float:left}.cpn--act-image-list .act-img-list .act-img-item img[data-v-c40eeb44]{width:100%;height:100%;border-radius:5px;object-fit:cover}.cpn--act-image-list .act-img-list .act-img-item.act-img-item-empty[data-v-c40eeb44]{border:none;background-color:transparent}.cpn--act-image-list .act-img-list .act-img-item[data-v-c40eeb44]:nth-child(4n){margin-right:0}.cpn--act-image-list .act-img-list.align-right[data-v-c40eeb44]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.cpn--act-image-list .act-img-list[data-v-c40eeb44]:last-child{margin-bottom:0}.cpn--act-image-list .act-img-list .act-img-del[data-v-c40eeb44]{position:absolute;right:2px;top:2px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:20px;height:15px}.cpn--act-image-list .act-img-list .act-img-del[data-v-c40eeb44]:before{content:"";display:block;position:absolute;right:0;top:0;width:20px;height:15px;background-color:#000;border-radius:7px;opacity:0.7}.cpn--act-image-list .act-img-list .act-img-del[data-v-c40eeb44]:after{content:"";display:block;z-index:10;width:7.5px;height:7.5px;background:url(../../assets/icon-delete.8c3e.png) no-repeat;background-size:100% 100%;background-position:center}

package/lib/FileList/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _Object$keys=require("@babel/runtime-corejs3/core-js/object/keys");var _Object$getOwnPropertySymbols=require("@babel/runtime-corejs3/core-js/object/get-own-property-symbols");var _filterInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/filter");var _Object$getOwnPropertyDescriptor=require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptor");var _forEachInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/for-each");var _Object$getOwnPropertyDescriptors=require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptors");var _Object$defineProperties=require("@babel/runtime-corejs3/core-js/object/define-properties");var _Object$defineProperty=require("@babel/runtime-corejs3/core-js/object/define-property");var _defineProperty=require("@babel/runtime-corejs3/helpers/defineProperty");var _sliceInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/slice");var _mapInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/map");var _spliceInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/splice");var _includesInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/includes");function ownKeys(e,r){var t=_Object$keys(e);if(_Object$getOwnPropertySymbols){var o=_Object$getOwnPropertySymbols(e);r&&(o=_filterInstanceProperty(o).call(o,function(r2){return _Object$getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var _context6,_context7;var t=null!=arguments[r]?arguments[r]:{};r%2?_forEachInstanceProperty(_context6=ownKeys(Object(t),true)).call(_context6,function(r2){_defineProperty(e,r2,t[r2])}):_Object$getOwnPropertyDescriptors?_Object$defineProperties(e,_Object$getOwnPropertyDescriptors(t)):_forEachInstanceProperty(_context7=ownKeys(Object(t))).call(_context7,function(r2){_Object$defineProperty(e,r2,_Object$getOwnPropertyDescriptor(t,r2))})}return e}var utils_create=require("../utils/create/index.js");var mixins_goldVisible=require("../mixins/gold-visible/index.js");var FileUpload=require("../FileUpload/index.js");var utils_helpers=require("../utils/helpers/index.js");var DocPop=require("../DocPop/index.js");var FileList_uploadMaterial=require("./uploadMaterial/index.js");var __$_require_3754f82b__=require("../assets/icon-add.9e9c.png");var common=require("../common/index.js");var _sfc_main={name:"ActFileList",mixins:[mixins_goldVisible.visibleMixin],data:function data(){var _context;return{materialMode:false,realFiles:this.files?_sliceInstanceProperty(_context=this.files).call(_context,0):[],exampleItem:null,examplePop:null,imagePreview:null}},props:{title:{type:String,default:""},isCps:{type:Boolean,default:false},files:{type:Array,default:function _default(){return[]}},addable:{type:Boolean,default:false},deletable:{type:Boolean,default:false},uploadOption:{type:Object,default:function _default2(){return{}}},linkTips:{type:Object,default:function _default3(){return null}},brandColor:{type:String,default:"#8c7fee"},assessable:{type:Boolean,default:false},appId:{type:String,default:""},align:{type:String,default:"left"},download:{type:Object,default:function _default4(){return null}},examplePicture:{type:Array,default:function _default5(){return[]}},required:{type:Boolean,default:false}},computed:{imageList:function imageList(){var _context2,_this=this;var list=[];_mapInstanceProperty(_context2=this.realFiles).call(_context2,function(item,index){if(utils_helpers.isObject(item)){if(_this.isImage(item.url)){list.push({url:item.url,index})}}else if(_this.isImage(item)){list.push({url:item,index})}});return list},row:function row(){var length=this.imageList.length;if(this.showAdd&&this.hasFile){return length%4===0?length/4:Math.ceil(length/4)}else{return length%4===0?length/4+1:Math.ceil(length/4)}},fileList:function fileList(){var _context3,_this2=this;var list=[];_mapInstanceProperty(_context3=this.realFiles).call(_context3,function(item,index){if(utils_helpers.isObject(item)){if(!_this2.isImage(item.url)){list.push({url:item.url,index,name:item.name,size:item.size||0})}}else if(!_this2.isImage(item)){list.push(_objectSpread(_objectSpread({url:item,index},_this2.getFileExt(item)),{},{size:0}))}});return list},max:function max(){return this.uploadOption.max||100},showAdd:function showAdd(){return this.addable&&this.max>this.realFiles.length},hasFile:function hasFile(){return this.realFiles.length>0&&this.fileList.length>0},textAlign:function textAlign(){return"align-".concat(this.align)},hasDownload:function hasDownload(){if(!this.download){return false}var _ref=this.download||{},title=_ref.title,url=_ref.url;if(!title||!url){return false}return true},showExamplePicture:function showExamplePicture(){if(!this.examplePicture||!this.examplePicture.length){return false}if(this.imageList&&this.imageList.length){return false}return true}},methods:{isImage:function isImage(url){return/\.(apng|bmp|gif|ico|cur|jpg|jpeg|jfif|pjpeg|pjp|png|svg|tif|tiff|webp)($|\?)/.test(url)},getFileExt:function getFileExt(url){url=url.split("?")[0];var paths=url.split("/");var name=decodeURIComponent(paths.pop());var ext=/\./.test(name)?name.split(".").pop():"";return{name,ext}},preview:function preview(list,index){if(this.imagePreview){this.imagePreview.setData(list,index)}else{this.imagePreview=this.$createImagePreview({images:list,start:index})}this.imagePreview.show()},del:function del(index){var _context4;_spliceInstanceProperty(_context4=this.realFiles).call(_context4,index,1);this.change(this.realFiles)},upload:function upload(){if(this.assessable){this._uploadAsseess()}else{this._upload()}},_uploadAsseess:function _uploadAsseess(){var _this3=this;var failFiles=null;FileUpload.FileUpload.upload(_objectSpread(_objectSpread({appId:this.appId},this.uploadOption),{},{beforeUpload:function beforeUpload(data2){_this3.showToast("正在上传...",0)},uploaded:function uploaded(data2){if(_this3.realFiles.length<_this3.max&&data2.data.url){_this3.realFiles.push({ret:data2.ret,errmsg:data2.errmsg,url:data2.data.url,name:data2.data.name||"",size:data2.data.size||0,response:data2.data.response||null})}else{failFiles=failFiles||[];failFiles.push({ret:data2.ret,errmsg:data2.errmsg})}}})).then(function(data2){_this3.hideToast();if(data2.length===0)return;_this3.change(failFiles||_this3.realFiles)},function(e){_this3.hideToast()})},_upload:function _upload(){var _this4=this;var successCount=0;var failCount=0;var failMsg="";FileUpload.FileUpload.upload(_objectSpread(_objectSpread({appId:this.appId},this.uploadOption),{},{beforeUpload:function beforeUpload(data2){_this4.showToast("正在上传...",0)},uploaded:function uploaded(data2){if(data2.ret!==0){failCount++;failMsg=failMsg||data2.errmsg}else{successCount++}}})).then(function(data2){_this4.hideToast();if(data2.length===0){if(failMsg){_this4.showToast(failMsg||"上传失败")}return}for(var index in data2){if(Number(index)<_this4.max){_this4.realFiles.push({url:data2[index].url,name:data2[index].name||"",size:data2[index].size||0})}}if(failCount===0){_this4.showToast("上传成功")}else{_this4.showToast("上传成功"+Math.min(successCount,_this4.max)+"张，失败"+failCount+"张")}_this4.change(_this4.realFiles)},function(e){_this4.hideToast()})},showExample:function showExample(linkTips){var _this5=this;if(!this.exampleItem){this.exampleItem=[{type:1,title:linkTips.tips,src:linkTips.link,urls:[linkTips.link]}]}if(!this.examplePop){this.examplePop=this.$createDocPop({docData:this.exampleItem,brandColor:this.brandColor})}this.$nextTick(function(){_this5.examplePop.show()})},downloadEvent:function downloadEvent(){this.$emit("downloadevent",this.download)},change:function change(files){this.$emit("input",files);this.$emit("change",files)},showToast:function showToast(message){var time=arguments.length>1&&arguments[1]!==void 0?arguments[1]:3e3;this.hideToast();if(!this.toast){this.toast=this.$createToast()}this.toast.show(message,time)},hideToast:function hideToast(){if(this.toast){this.toast.hide()}}},created:function created(){var _context5;var debug=_includesInstanceProperty(_context5=window.location.href).call(_context5,"debug_upload_material");if(this.uploadOption.extParam&&+this.uploadOption.extParam.uploadToPictures===1||debug){this.materialMode=true}},components:{UploadMaterial:FileList_uploadMaterial.UploadMaterial,ActDocPop:DocPop.DocPop},watch:{files:{handler:function handler(files){this.realFiles=files},immediate:true}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.isVisible,expression:"isVisible"}],staticClass:"act-file"},[_vm.materialMode?_c("div",{staticClass:"act-upload-material"},[_c("upload-material",{attrs:{"appId":_vm.appId,"addable":_vm.showAdd&&!_vm.hasFile,"deletable":_vm.deletable,"isCps":_vm.isCps,"imgList":_vm.imageList,"max":_vm.max,"uploadOption":_vm.uploadOption},on:{"change":_vm.change}})],1):[_vm.exampleItem?_c("act-doc-pop",{ref:"docpop",attrs:{"docData":_vm.exampleItem,"brandColor":_vm.brandColor}}):_vm._e(),_vm.title?_c("div",{staticClass:"act-file-title",style:"padding-right: ".concat(_vm.hasDownload?70:0,"px;")},[_c("span",{staticClass:"title-desc",domProps:{"innerHTML":_vm._s(_vm.title)}}),_vm.required?_c("span",{staticClass:"required"},[_vm._v("必传")]):_vm._e(),_vm.hasDownload?_c("a",{staticClass:"act-file-download",style:{"color":_vm.brandColor},on:{"click":_vm.downloadEvent}},[_vm._v(" "+_vm._s(_vm.download.title)+" ")]):_vm._e(),_vm.linkTips?_c("div",{staticClass:"act-file-linktips",style:{"color":_vm.brandColor},on:{"click":function click($event){return _vm.showExample(_vm.linkTips)}}},[_vm._v(" "+_vm._s(_vm.linkTips.tips)+" ")]):_vm._e()]):_vm._e(),_vm.imageList.length>0||_vm.showAdd&&!_vm.hasFile?[_c("ul",{staticClass:"act-img-list clear-fix",class:_vm.textAlign},[_vm.showAdd&&!_vm.hasFile?_c("li",{staticClass:"act-img-item act-file-add",on:{"click":function click($event){$event.stopPropagation();return _vm.upload.apply(null,arguments)}}},[_c("img",{staticClass:"icon-add",attrs:{"src":__$_require_3754f82b__,"alt":"add"}})]):_vm._e(),_vm._l(_vm.imageList,function(item,index){return _c("li",{key:"image_".concat(index),staticClass:"act-img-item"},[_c("img",{attrs:{"src":item.url},on:{"click":function click($event){$event.stopPropagation();return _vm.preview(_vm.imageList,item.index)}}}),_vm.deletable?_c("span",{staticClass:"act-img-del",on:{"click":function click($event){return _vm.del(item.index)}}}):_vm._e()])}),_vm.showExamplePicture?_vm._l(_vm.examplePicture,function(item,i){return _c("li",{key:"ex_p_".concat(i),staticClass:"act-img-item act-file-example-picture"},[_c("img",{attrs:{"src":typeof item==="string"?item:item.url}}),_c("div",{staticClass:"example-cover",on:{"click":function click($event){$event.stopPropagation();return _vm.preview(_vm.examplePicture,i)}}},[_vm._v(" "+_vm._s(typeof item==="string"?"示例图片":item.text)+" ")])])}):_vm._e()],2)]:_vm._e(),_vm.fileList.length>0?_c("ul",{staticClass:"act-file-list"},_vm._l(_vm.fileList,function(file,i){return _c("li",{key:i,staticClass:"act-file-item"},[_c("p",[_c("span",{staticClass:"act-file-type"},[_vm._v("[文件]")]),_vm._v(_vm._s(file.name)+" ")]),_vm.deletable?_c("span",{staticClass:"act-file-del",on:{"click":function click($event){return _vm.del(file.index)}}}):_vm._e()])}),0):_vm._e(),_vm.showAdd&&_vm.hasFile?_c("div",{staticClass:"act-img-item act-file-add",on:{"click":function click($event){$event.stopPropagation();return _vm.upload.apply(null,arguments)}}},[_c("img",{staticClass:"icon-add",attrs:{"src":__$_require_3754f82b__,"alt":"add"}})]):_vm._e()]],2)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"cb7958cc");var FileList=__component__.exports;FileList.install=function(Vue){Vue.component(FileList.name,FileList);Vue.prototype["$createFileList"]=utils_create.create(FileList,Vue)};exports.FileList=FileList;