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

package/lib/previousVersion/style/index.less

@@ -1,209 +0,0 @@
-.previous-version-modal-body {
-  padding: 0;
-}
-
-.tooltip-button {
-  height: auto;
-  padding: 20px;
-}
-
-.content-main {
-  // height: calc(60vh - 106px);
-  display: flex;
-  flex-direction: column;
-
-  .select-view {
-    display: flex;
-    flex-wrap: nowrap;
-    height: calc(60vh - 106px);
-    overflow-x: auto;
-
-    .col-view {
-      flex-shrink: 0;
-      height: 100%;
-      overflow: auto;
-      border-right: 1px solid #ebeef5;
-
-      .row {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 14px 20px 14px 24px;
-        cursor: pointer;
-
-        &.active,
-        &:hover {
-          background-color: #f2f3f5;
-        }
-
-        .left,
-        .right {
-          display: flex;
-          align-items: center;
-        }
-
-        .left {
-          margin-right: 20px;
-        }
-
-        .img-icon {
-          width: 20px;
-          margin-right: 10px;
-          border-radius: 50%;
-        }
-
-        .icon {
-          margin-right: 10px;
-        }
-
-        .alias {
-          display: inline-block;
-          max-width: 150px;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-
-  .temp-view {
-    flex-shrink: 0;
-    max-height: 150px;
-    padding: 16px 24px;
-    border-top: 1px solid #ebeef5;
-
-    .title {
-      padding-bottom: 12px;
-      font-weight: 500;
-    }
-
-    .select-ul {
-      display: flex;
-      flex-wrap: wrap;
-      align-items: center;
-
-      .select-li {
-        margin-bottom: 12px;
-        padding: 2px 8px;
-        color: #1d2129;
-        background-color: #f2f3f5;
-      }
-
-      .select-li + .select-li {
-        margin-left: 15px;
-      }
-    }
-  }
-}
-
-.previous-version {
-  .select-view {
-    //background-color: aqua;
-    display: flex;
-    flex-wrap: nowrap;
-    height: calc(60vh - 106px);
-    overflow-x: auto;
-
-    // 列数据
-    .view-line {
-      flex-shrink: 0;
-      height: 100%;
-      overflow-y: auto;
-      //flex: 1;
-      border-right: 1px solid #ebeef5;
-      //background-color: #1d2129;
-      //padding: 5px;
-      &.line1 {
-        width: 150px;
-      }
-
-      &.line2 {
-        width: 170px;
-      }
-
-      &.line3 {
-        width: 196px;
-      }
-
-      .row {
-        //background-color: #f6f6f6;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 14px 20px 14px 24px;
-        cursor: pointer;
-
-        &.active,
-        &:hover {
-          background-color: #f2f3f5;
-        }
-
-        .left,
-        .right {
-          display: flex;
-          align-items: center;
-        }
-
-        .left {
-          margin-right: 20px;
-        }
-
-        .right {
-          font-size: 18px;
-        }
-
-        .img-icon {
-          width: 20px;
-          margin-right: 10px;
-          border-radius: 50%;
-        }
-
-        .icon {
-          margin-right: 10px;
-        }
-
-        .alias {
-          display: inline-block;
-          max-width: 150px;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-
-          .icon {
-            margin-right: 5px;
-          }
-        }
-      }
-    }
-  }
-
-  .temp-view {
-    flex-shrink: 0;
-    max-height: 150px;
-    padding: 16px 24px;
-    border-top: 1px solid #ebeef5;
-
-    .title {
-      padding-bottom: 12px;
-      font-weight: 500;
-    }
-
-    .select-ul {
-      display: flex;
-      flex-wrap: wrap;
-      align-items: center;
-
-      .select-li {
-        margin-bottom: 12px;
-        padding: 2px 8px;
-        color: #1d2129;
-        background-color: #f2f3f5;
-      }
-
-      .select-li + .select-li {
-        margin-left: 15px;
-      }
-    }
-  }
-}

package/lib/resourceGridList/component.js

@@ -1,239 +0,0 @@
-"use strict";
-var vue = require("vue");
-var webVue = require("@arco-design/web-vue");
-var vueCmstopIcons = require("@arco-iconbox/vue-cmstop-icons");
-var component = require("../typeIcons/component.js");
-var index = require("./components/FileTypeThumb/index.js");
-var filter = require("../utils/filter.js");
-var config = require("../config.js");
-const _hoisted_1 = { class: "file-wrap" };
-const _hoisted_2 = {
-  key: 0,
-  class: "folder-list clearfix"
-};
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "wrap" };
-const _hoisted_5 = ["onClick"];
-const _hoisted_6 = { class: "wrap" };
-const _hoisted_7 = { class: "thumb" };
-const _hoisted_8 = { class: "folder-more-wrap" };
-const _hoisted_9 = { class: "file-list clearfix" };
-const _hoisted_10 = ["onClick"];
-const _hoisted_11 = { class: "menu-wrap" };
-const _hoisted_12 = {
-  key: 1,
-  class: "load_more_title"
-};
-const _hoisted_13 = {
-  key: 1,
-  class: "nomore_tips"
-};
-const _hoisted_14 = {
-  key: 2,
-  class: "null-file"
-};
-const _sfc_main = vue.defineComponent({
-  ...{ name: "resourceGridList" },
-  __name: "component",
-  props: {
-    folderList: {},
-    fileList: {},
-    fileListCount: {},
-    isOver: { type: Boolean },
-    showFolder: { type: Boolean },
-    preview: { type: Boolean }
-  },
-  emits: ["clickDir", "clickItem", "loadMore"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const fodStyle = `background: url('${config.DEFAULT_BASE_API}/static/images/folder.png') no-repeat 13px
-              center;`;
-    const thumbStyle = `background: url('${config.DEFAULT_BASE_API}/static/images/picBg.png')`;
-    const isFold = vue.ref(true);
-    vue.watch(
-      () => {
-        var _a;
-        return (_a = props.folderList) == null ? void 0 : _a.length;
-      },
-      (n) => {
-        isFold.value = n > 10;
-      },
-      { immediate: true }
-    );
-    const emit = __emit;
-    const selectedData = vue.ref([]);
-    const _changeDirectory = (item) => {
-      emit("clickDir", item);
-    };
-    const _clickFileItem = (item) => {
-      selectedData.value = [item];
-      emit("clickItem", item);
-    };
-    const _loadFileMore = () => {
-      emit("loadMore");
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(webVue.Scrollbar), { class: "media-grid-list-scroll" }, {
-        default: vue.withCtx(() => {
-          var _a, _b, _c, _d, _e;
-          return [
-            vue.createElementVNode("div", _hoisted_1, [
-              vue.createCommentVNode(" \u6587\u4EF6\u5939 "),
-              _ctx.folderList ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-                vue.createCommentVNode(" \u6587\u4EF6\u5939\u6570\u91CF<10 "),
-                !isFold.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.folderList, (item, index2) => {
-                  return vue.openBlock(), vue.createElementBlock("div", {
-                    key: index2,
-                    class: "item folder-item",
-                    onClick: ($event) => _changeDirectory(item)
-                  }, [
-                    vue.createElementVNode("div", _hoisted_4, [
-                      vue.createVNode(vue.unref(webVue.Tooltip), {
-                        content: item.alias,
-                        "open-delay": 500,
-                        class: "item",
-                        effect: "dark",
-                        placement: "top"
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createElementVNode("div", {
-                            class: "thumb",
-                            style: fodStyle
-                          }, [
-                            vue.createElementVNode("h4", null, vue.toDisplayString(item.alias), 1)
-                          ])
-                        ]),
-                        _: 2
-                      }, 1032, ["content"])
-                    ])
-                  ], 8, _hoisted_3);
-                }), 128)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                  vue.createCommentVNode(" \u6587\u4EF6\u5939\u6570\u91CF>10 "),
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a = _ctx.folderList) == null ? void 0 : _a.slice(0, 9), (item, index2) => {
-                    return vue.openBlock(), vue.createElementBlock("div", {
-                      key: index2,
-                      class: "item folder-item",
-                      onClick: ($event) => _changeDirectory(item)
-                    }, [
-                      vue.createElementVNode("div", _hoisted_6, [
-                        vue.createVNode(vue.unref(webVue.Tooltip), {
-                          content: item.alias,
-                          "open-delay": 500,
-                          class: "item",
-                          effect: "dark",
-                          placement: "top"
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createElementVNode("div", _hoisted_7, [
-                              vue.createElementVNode("h4", null, vue.toDisplayString(item.alias), 1)
-                            ])
-                          ]),
-                          _: 2
-                        }, 1032, ["content"])
-                      ])
-                    ], 8, _hoisted_5);
-                  }), 128))
-                ], 64)),
-                ((_b = _ctx.folderList) == null ? void 0 : _b.length) > 10 ? (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 2,
-                  class: "folder-more-button",
-                  onClick: _cache[0] || (_cache[0] = ($event) => isFold.value = !isFold.value)
-                }, [
-                  vue.createElementVNode("div", _hoisted_8, [
-                    isFold.value ? (vue.openBlock(), vue.createBlock(vue.unref(vueCmstopIcons.IconDoubleDown), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(vueCmstopIcons.IconDoubleUp), { key: 1 })),
-                    vue.createTextVNode(" " + vue.toDisplayString(isFold.value ? "\u5C55\u5F00\u5168\u90E8" : "\u6536\u7F29\u5168\u90E8"), 1)
-                  ])
-                ])) : vue.createCommentVNode("v-if", true)
-              ], 512)), [
-                [vue.vShow, ((_c = _ctx.folderList) == null ? void 0 : _c.length) !== 0 && _ctx.showFolder]
-              ]) : vue.createCommentVNode("v-if", true),
-              vue.createCommentVNode(" \u6587\u4EF6 "),
-              vue.createElementVNode("div", _hoisted_9, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.fileList, (item, index$1) => {
-                  return vue.openBlock(), vue.createElementBlock("div", {
-                    key: index$1,
-                    class: "item"
-                  }, [
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass([{ active: selectedData.value.includes(item) }, "shadow-wrap"]),
-                      onClick: ($event) => _clickFileItem(item)
-                    }, [
-                      vue.createElementVNode("div", {
-                        class: "thumb-wrap",
-                        style: thumbStyle
-                      }, [
-                        vue.createVNode(index, {
-                          "item-data": item,
-                          preview: _ctx.preview,
-                          onConfirm: _clickFileItem
-                        }, null, 8, ["item-data", "preview"])
-                      ]),
-                      vue.createElementVNode("h4", null, [
-                        vue.createVNode(component, {
-                          doc: item.catalog !== "image",
-                          resource: item.catalog === "image",
-                          type: item.catalog,
-                          class: "icon"
-                        }, null, 8, ["doc", "resource", "type"]),
-                        vue.createVNode(vue.unref(webVue.Tooltip), {
-                          content: item.alias,
-                          "open-delay": 500,
-                          effect: "dark",
-                          placement: "top"
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createElementVNode("span", null, vue.toDisplayString(item.alias), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["content"])
-                      ]),
-                      vue.createElementVNode("p", null, vue.toDisplayString(vue.unref(filter.timeFormat)(item.updated_at)), 1),
-                      vue.createCommentVNode(" \u83DC\u5355\u63D2\u69FD "),
-                      vue.createElementVNode("div", _hoisted_11, [
-                        vue.renderSlot(_ctx.$slots, "menu", { item })
-                      ]),
-                      vue.createCommentVNode(" \u89C6\u9891\u8F6C\u7801\u8FDB\u5EA6 "),
-                      item.task ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Tooltip), {
-                        key: 0,
-                        "open-delay": 2e3,
-                        content: "\u8F6C\u7801\u4E2D\uFF0C\u6682\u4E0D\u53EF\u7528",
-                        effect: "dark",
-                        placement: "bottom"
-                      }, {
-                        default: vue.withCtx(() => _cache[1] || (_cache[1] = [
-                          vue.createElementVNode("div", { class: "transcoding-in-progress grid-mode" }, [
-                            vue.createElementVNode("div", { class: "transcoding-progress" }, "\u8F6C\u7801\u4E2D\u2026")
-                          ], -1)
-                        ])),
-                        _: 1
-                      })) : vue.createCommentVNode("v-if", true)
-                    ], 10, _hoisted_10)
-                  ]);
-                }), 128))
-              ]),
-              _ctx.fileListCount ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
-                !_ctx.isOver ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
-                  key: 0,
-                  class: "loadmore_tips",
-                  size: "small",
-                  type: "text",
-                  onClick: _loadFileMore
-                }, {
-                  default: vue.withCtx(() => _cache[2] || (_cache[2] = [
-                    vue.createTextVNode("\u52A0\u8F7D\u66F4\u591A\u2026 ")
-                  ])),
-                  _: 1
-                })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, "\u6CA1\u6709\u66F4\u591A\u4E86\u2026"))
-              ])) : vue.createCommentVNode("v-if", true),
-              !((_d = _ctx.fileList) == null ? void 0 : _d.length) && !((_e = _ctx.folderList) == null ? void 0 : _e.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, _cache[3] || (_cache[3] = [
-                vue.createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1)
-              ]))) : vue.createCommentVNode("v-if", true)
-            ])
-          ];
-        }),
-        _: 3
-      });
-    };
-  }
-});
-module.exports = _sfc_main;

package/lib/resourceGridList/components/FileTypeThumb/index.js

@@ -1,162 +0,0 @@
-"use strict";
-var vue = require("vue");
-var webVue = require("@arco-design/web-vue");
-var icon = require("@arco-design/web-vue/es/icon");
-var component = require("../../../mediaView/component.js");
-var config = require("../../../config.js");
-const _hoisted_1 = { class: "resource-grid-file-type-thumb" };
-const _hoisted_2 = {
-  key: 0,
-  class: "rate-info-tag tag"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "ai-tag tag"
-};
-const _hoisted_4 = {
-  key: 0,
-  class: "rate-info-tag tag"
-};
-const _hoisted_5 = {
-  key: 1,
-  class: "ai-tag tag"
-};
-const _hoisted_6 = {
-  key: 0,
-  class: "mask"
-};
-const _sfc_main = vue.defineComponent({
-  __name: "index",
-  props: {
-    itemData: {},
-    preview: { type: Boolean }
-  },
-  emits: ["confirm"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const visible = vue.ref(false);
-    const previewType = vue.computed(() => props.itemData.catalog);
-    const previewUrl = vue.computed(() => props.itemData.url || "");
-    const openPreview = () => visible.value = true;
-    const closePreviewer = (val) => visible.value = val;
-    const add = () => {
-      emit("confirm", props.itemData);
-    };
-    const picStyle = vue.computed(() => {
-      const map = {
-        audio: "music",
-        project: "project1",
-        doc: "draf",
-        link: "link",
-        sp_topic: "link",
-        live: "live",
-        pdf: "pdf",
-        officeexcel: "excel",
-        officeppt: "ppt",
-        zip: "zip",
-        rar: "zip",
-        txt: "txt",
-        exe: "exe",
-        html: "html",
-        officedoc: "word",
-        wechat: "wechat",
-        h5: "h5",
-        ad: "ad",
-        booklink: "booklink",
-        activity: "activity",
-        svideo: "svideo",
-        cloud_lottery: "cloud_lottery",
-        cloud_form: "cloud_form",
-        other: "unknown"
-      };
-      const { series, catalog } = props.itemData;
-      return {
-        backgroundImage: `url('${config.DEFAULT_BASE_API}/static/images/${map[series] || map[catalog] || "unknown"}.png') !important`
-      };
-    });
-    const getRate = vue.computed(() => {
-      if (!props.itemData.metas)
-        return "";
-      const { metas } = props.itemData;
-      let width = 0;
-      let height = 0;
-      metas.forEach((item) => {
-        if (item.key === "width") {
-          width = typeof item.value === "string" ? parseInt(item.value, 10) : item.value;
-        }
-        if (item.key === "height") {
-          height = typeof item.value === "string" ? parseInt(item.value, 10) : item.value;
-        }
-      });
-      const rate = (width / height).toFixed(1);
-      if (rate === (16 / 9).toFixed(1))
-        return "16:9";
-      if (rate === (4 / 3).toFixed(1))
-        return "4:3";
-      if (rate === (4 / 1).toFixed(1))
-        return "4:1";
-      if (rate === (3 / 4).toFixed(1))
-        return "3:4";
-      return "\u5176\u4ED6";
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createElementVNode("div", _hoisted_1, [
-          _ctx.itemData.thumb ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: "pic",
-            style: vue.normalizeStyle({ "background-image": "url(" + _ctx.itemData.thumb + ")" })
-          }, [
-            getRate.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(getRate.value), 1)) : vue.createCommentVNode("v-if", true),
-            _ctx.itemData.source === "ai" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, "AI\u751F\u6210")) : vue.createCommentVNode("v-if", true)
-          ], 4)) : (vue.openBlock(), vue.createElementBlock("div", {
-            key: 1,
-            class: vue.normalizeClass(["pic", `${_ctx.itemData.catalog} ${_ctx.itemData.series}`]),
-            style: vue.normalizeStyle(picStyle.value)
-          }, [
-            getRate.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, vue.toDisplayString(getRate.value), 1)) : vue.createCommentVNode("v-if", true),
-            _ctx.itemData.source === "ai" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, "AI\u751F\u6210")) : vue.createCommentVNode("v-if", true)
-          ], 6)),
-          vue.createVNode(vue.Transition, { name: "el-fade-in" }, {
-            default: vue.withCtx(() => [
-              _ctx.preview ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-                vue.createElementVNode("span", {
-                  class: "half",
-                  onClick: vue.withModifiers(openPreview, ["stop"])
-                }, [
-                  vue.createVNode(vue.unref(icon.IconEye), {
-                    "stroke-width": 6,
-                    size: 20
-                  })
-                ]),
-                vue.createVNode(vue.unref(webVue.Divider), { direction: "vertical" }),
-                vue.createElementVNode("span", {
-                  class: "half",
-                  onClick: vue.withModifiers(add, ["stop"])
-                }, [
-                  vue.createVNode(vue.unref(icon.IconPlus), {
-                    "stroke-width": 6,
-                    size: 20
-                  })
-                ])
-              ])) : (vue.openBlock(), vue.createElementBlock("div", {
-                key: 1,
-                class: "transparent",
-                onClick: vue.withModifiers(add, ["stop"])
-              }))
-            ]),
-            _: 1
-          })
-        ]),
-        visible.value ? (vue.openBlock(), vue.createBlock(component, {
-          key: 0,
-          type: previewType.value,
-          url: previewUrl.value,
-          onClose: closePreviewer
-        }, null, 8, ["type", "url"])) : vue.createCommentVNode("v-if", true)
-      ], 64);
-    };
-  }
-});
-module.exports = _sfc_main;

package/lib/resourceGridList/index.js

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