@cmstops/pro-compo 3.9.0-beta.1 → 3.9.1-beta.1

package/lib/imageCrop/style/index.css

@@ -1,366 +0,0 @@
-.cropper-container {
-  position: relative;
-  font-size: 0;
-  line-height: 0;
-  direction: ltr;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  -ms-touch-action: none;
-  touch-action: none;
-}
-.cropper-container img {
-  display: block;
-  width: 100%;
-  min-width: 0 !important;
-  max-width: none !important;
-  height: 100%;
-  min-height: 0 !important;
-  max-height: none !important;
-  image-orientation: 0deg;
-}
-.cropper-canvas,
-.cropper-crop-box,
-.cropper-drag-box,
-.cropper-modal,
-.cropper-wrap-box {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-.cropper-canvas,
-.cropper-wrap-box {
-  overflow: hidden;
-}
-.cropper-drag-box {
-  background-color: #fff;
-  opacity: 0;
-}
-.cropper-modal {
-  background-color: #000;
-  opacity: 0.5;
-}
-.cropper-view-box {
-  display: block;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  outline: 1px solid #39f;
-  outline-color: rgba(51, 153, 255, 0.75);
-}
-.cropper-dashed {
-  position: absolute;
-  display: block;
-  border: 0 dashed #eee;
-  opacity: 0.5;
-}
-.cropper-dashed.dashed-h {
-  top: 33.33333%;
-  left: 0;
-  width: 100%;
-  height: 33.33333%;
-  border-top-width: 1px;
-  border-bottom-width: 1px;
-}
-.cropper-dashed.dashed-v {
-  top: 0;
-  left: 33.33333%;
-  width: 33.33333%;
-  height: 100%;
-  border-right-width: 1px;
-  border-left-width: 1px;
-}
-.cropper-center {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  display: block;
-  width: 0;
-  height: 0;
-  opacity: 0.75;
-}
-.cropper-center::after,
-.cropper-center::before {
-  position: absolute;
-  display: block;
-  background-color: #eee;
-  content: ' ';
-}
-.cropper-center::before {
-  top: 0;
-  left: -3px;
-  width: 7px;
-  height: 1px;
-}
-.cropper-center::after {
-  top: -3px;
-  left: 0;
-  width: 1px;
-  height: 7px;
-}
-.cropper-face,
-.cropper-line,
-.cropper-point {
-  position: absolute;
-  display: block;
-  width: 100%;
-  height: 100%;
-  opacity: 0.1;
-}
-.cropper-face {
-  top: 0;
-  left: 0;
-  background-color: #fff;
-}
-.cropper-line {
-  background-color: #39f;
-}
-.cropper-line.line-e {
-  top: 0;
-  right: -3px;
-  width: 5px;
-  cursor: e-resize;
-}
-.cropper-line.line-n {
-  top: -3px;
-  left: 0;
-  height: 5px;
-  cursor: n-resize;
-}
-.cropper-line.line-w {
-  top: 0;
-  left: -3px;
-  width: 5px;
-  cursor: w-resize;
-}
-.cropper-line.line-s {
-  bottom: -3px;
-  left: 0;
-  height: 5px;
-  cursor: s-resize;
-}
-.cropper-point {
-  width: 5px;
-  height: 5px;
-  background-color: #39f;
-  opacity: 0.75;
-}
-.cropper-point.point-e {
-  top: 50%;
-  right: -3px;
-  margin-top: -3px;
-  cursor: e-resize;
-}
-.cropper-point.point-n {
-  top: -3px;
-  left: 50%;
-  margin-left: -3px;
-  cursor: n-resize;
-}
-.cropper-point.point-w {
-  top: 50%;
-  left: -3px;
-  margin-top: -3px;
-  cursor: w-resize;
-}
-.cropper-point.point-s {
-  bottom: -3px;
-  left: 50%;
-  margin-left: -3px;
-  cursor: s-resize;
-}
-.cropper-point.point-ne {
-  top: -3px;
-  right: -3px;
-  cursor: ne-resize;
-}
-.cropper-point.point-nw {
-  top: -3px;
-  left: -3px;
-  cursor: nw-resize;
-}
-.cropper-point.point-sw {
-  bottom: -3px;
-  left: -3px;
-  cursor: sw-resize;
-}
-.cropper-point.point-se {
-  right: -3px;
-  bottom: -3px;
-  width: 20px;
-  height: 20px;
-  cursor: se-resize;
-  opacity: 1;
-}
-@media (min-width: 768px) {
-  .cropper-point.point-se {
-    width: 15px;
-    height: 15px;
-  }
-}
-@media (min-width: 992px) {
-  .cropper-point.point-se {
-    width: 10px;
-    height: 10px;
-  }
-}
-@media (min-width: 1200px) {
-  .cropper-point.point-se {
-    width: 5px;
-    height: 5px;
-    opacity: 0.75;
-  }
-}
-.cropper-point.point-se::before {
-  position: absolute;
-  right: -50%;
-  bottom: -50%;
-  display: block;
-  width: 200%;
-  height: 200%;
-  background-color: #39f;
-  opacity: 0;
-  content: ' ';
-}
-.cropper-invisible {
-  opacity: 0;
-}
-.cropper-bg {
-  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
-}
-.cropper-hide {
-  position: absolute;
-  display: block;
-  width: 0;
-  height: 0;
-}
-.cropper-hidden {
-  display: none !important;
-}
-.cropper-move {
-  cursor: move;
-}
-.cropper-crop {
-  cursor: crosshair;
-}
-.cropper-container {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-.image-crop-modal-wrapper .arco-modal-footer {
-  padding: 0;
-}
-.image-crop-modal-body {
-  height: calc(100vh - 16vh - 114px);
-  padding: 0;
-  overflow: hidden;
-  background: var(--color-fill-3);
-}
-.image-crop-modal-body .image-cropper {
-  height: 100%;
-}
-.image-crop-modal-body .image-cropper .edit {
-  height: calc(100% - 86px);
-  padding: 24px;
-  text-align: center;
-}
-.image-crop-modal-body .image-cropper .edit.fullHeight {
-  height: 100%;
-}
-.image-crop-modal-body .image-cropper .edit .edit-cropper {
-  position: relative;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  height: 100%;
-  transform: translate(-50%, -50%);
-}
-.image-crop-modal-body .image-cropper .edit .edit-cropper #cropper_img {
-  display: block;
-  max-width: 100%;
-  max-height: 100%;
-}
-.image-crop-modal-body .image-cropper .edit .edit-cropper #cropper_img.position {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-.image-crop-modal-body .image-cropper .edit .edit-cropper .cropper-bg {
-  background: none !important;
-}
-.image-crop-modal-body .image-cropper .tool {
-  width: 100%;
-  height: 86px;
-  line-height: 86px;
-  text-align: center;
-  background: #fff;
-}
-.image-crop-modal-body .image-cropper .tool .btn {
-  display: inline-block;
-  margin: 0 30px;
-  color: #474747;
-  font-size: 14px;
-  font-family: PingFangSC-Regular;
-  letter-spacing: 0;
-  vertical-align: middle;
-  border: 1px solid #333;
-  cursor: pointer;
-  opacity: 0.8;
-}
-.image-crop-modal-body .image-cropper .tool .btn.btn1 {
-  width: 41px;
-  height: 33px;
-  line-height: 33px;
-  border: 1px dashed #333;
-}
-.image-crop-modal-body .image-cropper .tool .btn.btn2 {
-  width: 35px;
-  height: 35px;
-  line-height: 35px;
-}
-.image-crop-modal-body .image-cropper .tool .btn.btn3 {
-  width: 46px;
-  height: 33px;
-  line-height: 33px;
-}
-.image-crop-modal-body .image-cropper .tool .btn.btn4 {
-  width: 34px;
-  height: 47px;
-  line-height: 47px;
-}
-.image-crop-modal-body .image-cropper .tool .btn.btn5 {
-  width: 59px;
-  height: 33px;
-  line-height: 33px;
-}
-.image-crop-modal-body .image-cropper .tool .btn.btn6 {
-  width: 33px;
-  height: 59px;
-  line-height: 59px;
-}
-.image-crop-modal-body .image-cropper .tool .btn:hover,
-.image-crop-modal-body .image-cropper .tool .btn.active {
-  color: #4886ff;
-  border-color: #4886ff;
-}
-.image-crop-modal-footer {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px 30px;
-  overflow: hidden;
-  border-top: solid 1px var(--color-border-1);
-}
-.image-crop-modal-footer .cropper-btn {
-  padding: 6px !important;
-  font-size: 18px;
-}
-.image-crop-modal-footer .cropper-btn + .cropper-btn {
-  margin-left: 10px;
-}

package/lib/imageCrop/style/index.js

@@ -1,2 +0,0 @@
-"use strict";
-require("./index.less");

package/lib/imageCrop/style/index.less

@@ -1,2 +0,0 @@
-@import './cropper.less';
-@import './imageCropper.less';

package/lib/importData/component.js

@@ -1,174 +0,0 @@
-"use strict";
-var vue = require("vue");
-var webVue = require("@arco-design/web-vue");
-const _hoisted_1 = { class: "memberImport-content" };
-const _hoisted_2 = { style: { "margin-bottom": "24px" } };
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = { key: 0 };
-const _hoisted_5 = { key: 1 };
-const _sfc_main = vue.defineComponent({
-  ...{ name: "importData" },
-  __name: "component",
-  props: {
-    title: {},
-    visible: { type: Boolean },
-    uploadAction: {},
-    importTemplateUrl: {}
-  },
-  emits: [
-    "update:visible",
-    "uploadSuccess",
-    "uploadChange",
-    "importStart",
-    "callback"
-  ],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const diaVisible = vue.computed({
-      get() {
-        return props.visible;
-      },
-      set(value) {
-        emit("update:visible", value);
-      }
-    });
-    const importData = vue.ref({});
-    const importErrorInfo = vue.ref("");
-    const importStep = vue.ref(0);
-    const result = vue.ref();
-    const loading = vue.ref(false);
-    function uploadSuccess(e) {
-      const { response } = e;
-      result.value = response;
-      importStep.value = 1;
-    }
-    function uploadChange(e) {
-      if (!e[0]) {
-        importStep.value = 0;
-      }
-    }
-    const importPercent = vue.ref(0);
-    const importStart = async () => {
-      loading.value = true;
-      emit(
-        "importStart",
-        { result: result.value },
-        (status, cbInfo) => {
-          loading.value = false;
-          if (status === "success") {
-            importData.value = cbInfo.message;
-            importStep.value = 2;
-            importPercent.value = 0.3;
-            setTimeout(() => {
-              importPercent.value = 1;
-            }, 500);
-          } else {
-            importErrorInfo.value = cbInfo.real_error;
-            importStep.value = 2;
-            importPercent.value = 0.3;
-            setTimeout(() => {
-              importPercent.value = 1;
-            }, 500);
-          }
-        }
-      );
-    };
-    function handleOk() {
-      emit("callback", importData.value);
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(webVue.Modal), {
-        visible: diaVisible.value,
-        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => diaVisible.value = $event),
-        "title-align": "start",
-        width: 680,
-        "modal-class": "memberImport",
-        "ok-text": "\u5B8C\u6210",
-        "hide-cancel": true,
-        footer: importPercent.value === 1 && !importErrorInfo.value,
-        onOk: handleOk
-      }, {
-        title: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.title || "\u5BFC\u5165\u6570\u636E"), 1)
-        ]),
-        default: vue.withCtx(() => {
-          var _a, _b;
-          return [
-            vue.createElementVNode("div", _hoisted_1, [
-              _cache[5] || (_cache[5] = vue.createElementVNode("h3", null, "\u4E0B\u8F7D\u5BFC\u5165\u6A21\u7248", -1)),
-              vue.createElementVNode("p", _hoisted_2, [
-                _cache[2] || (_cache[2] = vue.createTextVNode(" \u4E25\u683C\u6309\u7167\u6A21\u677F\u683C\u5F0F\u53CA\u5185\u5BB9\u51C6\u5907\u5BFC\u5165\u7684\u6570\u636E\u3002 ")),
-                vue.createVNode(vue.unref(webVue.Link), {
-                  target: "_blank",
-                  href: _ctx.importTemplateUrl
-                }, {
-                  default: vue.withCtx(() => _cache[1] || (_cache[1] = [
-                    vue.createTextVNode("\u4E0B\u8F7D\u6A21\u677F")
-                  ])),
-                  _: 1
-                }, 8, ["href"])
-              ]),
-              _cache[6] || (_cache[6] = vue.createElementVNode("h3", null, "\u4E0A\u4F20\u6587\u4EF6", -1)),
-              _cache[7] || (_cache[7] = vue.createElementVNode("p", null, "\u652F\u6301.xls\uFF0C.xlsx\u6587\u4EF6", -1)),
-              importStep.value === 2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-                vue.createVNode(vue.unref(webVue.Progress), {
-                  percent: importPercent.value,
-                  animation: true,
-                  style: { width: "100%" },
-                  status: importErrorInfo.value && importPercent.value === 1 ? "danger" : importPercent.value === 1 ? "success" : "normal"
-                }, null, 8, ["percent", "status"]),
-                importPercent.value === 1 && ((_a = importData.value) == null ? void 0 : _a.success_count) !== void 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4, [
-                  vue.createTextVNode(" \u5BFC\u5165\u5B8C\u6210\uFF0C\u6210\u529F\u5BFC\u5165 " + vue.toDisplayString(importData.value.success_count) + " \u6761\u6570\u636E\uFF0C " + vue.toDisplayString(importData.value.failed_count) + " \u6761\u6570\u636E\u5BFC\u5165\u5931\u8D25\u3002 ", 1),
-                  vue.createVNode(vue.unref(webVue.Link), {
-                    target: "_blank",
-                    href: importData.value.result_url
-                  }, {
-                    default: vue.withCtx(() => _cache[3] || (_cache[3] = [
-                      vue.createTextVNode(" \u4E0B\u8F7D\u5BFC\u5165\u7ED3\u679C ")
-                    ])),
-                    _: 1
-                  }, 8, ["href"])
-                ])) : vue.createCommentVNode("v-if", true),
-                importPercent.value === 1 && ((_b = importData.value) == null ? void 0 : _b.success_count) === void 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5, " \u5BFC\u5165\u5931\u8D25\uFF0C" + vue.toDisplayString(importErrorInfo.value), 1)) : vue.createCommentVNode("v-if", true)
-              ])) : vue.createCommentVNode("v-if", true),
-              vue.createVNode(vue.unref(webVue.Space), {
-                size: 12,
-                direction: "vertical",
-                fill: ""
-              }, {
-                default: vue.withCtx(() => [
-                  importStep.value !== 2 ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Upload), {
-                    key: 0,
-                    draggable: "",
-                    "with-credentials": true,
-                    limit: 1,
-                    action: _ctx.uploadAction,
-                    accept: ".xls,.xlsx",
-                    onSuccess: uploadSuccess,
-                    onChange: uploadChange
-                  }, null, 8, ["action"])) : vue.createCommentVNode("v-if", true),
-                  importStep.value === 1 ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
-                    key: 1,
-                    loading: loading.value,
-                    type: "primary",
-                    class: "primary2",
-                    onClick: importStart
-                  }, {
-                    default: vue.withCtx(() => _cache[4] || (_cache[4] = [
-                      vue.createTextVNode("\u5F00\u59CB\u5BFC\u5165")
-                    ])),
-                    _: 1
-                  }, 8, ["loading"])) : vue.createCommentVNode("v-if", true)
-                ]),
-                _: 1
-              })
-            ])
-          ];
-        }),
-        _: 1
-      }, 8, ["visible", "footer"]);
-    };
-  }
-});
-module.exports = _sfc_main;

package/lib/importData/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var component = require("./component.js");
-const importData = Object.assign(component, {
-  install: (app) => {
-    app.component(component.name, component);
-  }
-});
-module.exports = importData;

package/lib/importData/style/css.js

@@ -1,2 +0,0 @@
-"use strict";
-require("./index.css");

package/lib/importData/style/index.css

@@ -1,40 +0,0 @@
-.tooltip-button {
-  height: auto;
-  padding: 20px;
-}
-.memberImport .arco-transfer-view {
-  width: 265px;
-}
-.memberImport .arco-modal-body {
-  display: flex;
-  justify-content: center;
-}
-.memberImport .arco-modal-body .memberImport-content {
-  width: 100%;
-  min-height: 400px;
-  padding: 0 26px;
-}
-.memberImport .arco-modal-body .memberImport-content h3 {
-  color: var(---color-text-1, #1d2129);
-  font-weight: 500;
-  font-size: 14px;
-  /* 14/CN-Medium */
-  font-family: 'PingFang SC';
-  font-style: normal;
-  line-height: 22px;
-  /* 157.143% */
-}
-.memberImport .arco-modal-body .memberImport-content p {
-  color: var(---color-text-2, #4e5969);
-  font-weight: 400;
-  font-size: 14px;
-  /* 14/CN-Regular */
-  font-family: 'PingFang SC';
-  font-style: normal;
-  line-height: 22px;
-  /* 157.143% */
-}
-.memberImport .arco-modal-body .memberImport-content .primary2 {
-  color: var(---primary-6, #165dff);
-  background: var(---primary-1, #e8f3ff);
-}

package/lib/importData/style/index.js

@@ -1,2 +0,0 @@
-"use strict";
-require("./index.less");

package/lib/importData/style/index.less

@@ -1,48 +0,0 @@
-.tooltip-button {
-  height: auto;
-  padding: 20px;
-}
-
-.memberImport {
-  .arco-transfer-view {
-    width: 265px;
-  }
-
-  .arco-modal-body {
-    display: flex;
-    justify-content: center;
-
-    .memberImport-content {
-      width: 100%;
-      min-height: 400px;
-      padding: 0 26px;
-
-      h3 {
-        color: var(---color-text-1, #1d2129);
-        font-weight: 500;
-        font-size: 14px;
-
-        /* 14/CN-Medium */
-        font-family: 'PingFang SC';
-        font-style: normal;
-        line-height: 22px; /* 157.143% */
-      }
-
-      p {
-        color: var(---color-text-2, #4e5969);
-        font-weight: 400;
-        font-size: 14px;
-
-        /* 14/CN-Regular */
-        font-family: 'PingFang SC';
-        font-style: normal;
-        line-height: 22px; /* 157.143% */
-      }
-
-      .primary2 {
-        color: var(---primary-6, #165dff);
-        background: var(---primary-1, #e8f3ff);
-      }
-    }
-  }
-}