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

package/lib/selectResourceModal/hooks/useResponsiveFilter.js

@@ -1,144 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var vue = require("vue");
-var usePopper = require("../../hooks/usePopper.js");
-const getRect = (el) => {
-  if (!el || typeof el.getClientRects !== "function")
-    return { right: 0, width: 0 };
-  const rects = el.getClientRects();
-  if (rects.length === 0)
-    return { right: 0, width: 0 };
-  const rect = rects[0];
-  return {
-    right: rect.right,
-    width: rect.width
-  };
-};
-function useResponsiveFilter(filterItemsRef) {
-  const moreBtnRef = vue.ref();
-  const popperPanelRef = vue.ref();
-  const { initPopper, show, visible, hide } = usePopper(
-    popperPanelRef,
-    moreBtnRef
-  );
-  const windowWidth = vue.ref(0);
-  const filterContainerRightBoundary = vue.ref(0);
-  const hiddenElementList = vue.ref([]);
-  const initWidths = () => {
-    var _a, _b;
-    windowWidth.value = ((_a = document.body) == null ? void 0 : _a.clientWidth) || 0;
-    const containerElement = (_b = filterItemsRef.value) == null ? void 0 : _b.parentElement;
-    if (containerElement) {
-      filterContainerRightBoundary.value = getRect(containerElement).right;
-    }
-  };
-  const initResizeListener = () => {
-    window.addEventListener("resize", refreshLayout);
-  };
-  const removeResizeListener = () => {
-    window.removeEventListener("resize", refreshLayout);
-  };
-  const hideElement = (el) => {
-    var _a, _b, _c;
-    const { width } = getRect(el);
-    if (width > 0 && ((_a = filterItemsRef.value) == null ? void 0 : _a.contains(el))) {
-      hiddenElementList.value.push({ width, el });
-      (_b = filterItemsRef.value) == null ? void 0 : _b.removeChild(el);
-      (_c = popperPanelRef.value) == null ? void 0 : _c.insertBefore(el, popperPanelRef.value.firstChild);
-    }
-  };
-  const showElement = () => {
-    var _a, _b;
-    if (!hiddenElementList.value.length || !filterItemsRef.value)
-      return;
-    const popEl = hiddenElementList.value.pop();
-    if (!popEl)
-      return;
-    const { el } = popEl;
-    (_a = popperPanelRef.value) == null ? void 0 : _a.removeChild(el);
-    (_b = filterItemsRef.value) == null ? void 0 : _b.appendChild(el);
-  };
-  const checkOverflow = () => {
-    if (!filterItemsRef.value)
-      return -1;
-    const containerRight = filterContainerRightBoundary.value;
-    const children = filterItemsRef.value.children;
-    let currentRightmostBoundary = getRect(filterItemsRef.value).right - getRect(filterItemsRef.value).width;
-    for (let i = children.length - 1; i >= 0; i--) {
-      const item = children[i];
-      if (!item || !item.classList || !item.classList.contains("filter-item"))
-        continue;
-      const itemRect = getRect(item);
-      if (itemRect.right > containerRight - 300) {
-        hideElement(item);
-      } else {
-        currentRightmostBoundary = Math.max(
-          currentRightmostBoundary,
-          itemRect.right
-        );
-      }
-    }
-    return currentRightmostBoundary;
-  };
-  const refreshLayout = async () => {
-    await vue.nextTick();
-    initWidths();
-    if (!filterItemsRef.value || !popperPanelRef.value)
-      return;
-    const containerRight = filterContainerRightBoundary.value;
-    let lastVisibleItemRight = checkOverflow();
-    if (lastVisibleItemRight === -1 && filterItemsRef.value.children.length > 0) {
-      lastVisibleItemRight = getRect(filterItemsRef.value).left;
-    } else if (filterItemsRef.value.children.length === 0) {
-      lastVisibleItemRight = getRect(filterItemsRef.value).left;
-    }
-    await vue.nextTick();
-    let availableSpace = containerRight - lastVisibleItemRight;
-    while (hiddenElementList.value.length > 0) {
-      const nextHiddenItem = hiddenElementList.value[hiddenElementList.value.length - 1];
-      const nextHiddenItemWidth = nextHiddenItem.width;
-      if (availableSpace > nextHiddenItemWidth + 10) {
-        showElement();
-        await vue.nextTick();
-        const visibleElements = Array.from(
-          filterItemsRef.value.children
-        );
-        if (visibleElements.length > 0) {
-          lastVisibleItemRight = visibleElements.reduce((maxRight, el) => {
-            var _a;
-            if ((_a = el.classList) == null ? void 0 : _a.contains("filter-item")) {
-              return Math.max(maxRight, getRect(el).right);
-            }
-            return maxRight;
-          }, getRect(filterItemsRef.value).left);
-        } else {
-          lastVisibleItemRight = getRect(filterItemsRef.value).left;
-        }
-        availableSpace = containerRight - lastVisibleItemRight;
-      } else {
-        break;
-      }
-    }
-  };
-  vue.onMounted(async () => {
-    initResizeListener();
-    initPopper("bottom-start", [0, 40]);
-    await vue.nextTick();
-    initWidths();
-    await vue.nextTick();
-    refreshLayout();
-  });
-  vue.onUnmounted(() => {
-    removeResizeListener();
-  });
-  return {
-    moreBtnRef,
-    popperPanelRef,
-    hiddenElementList,
-    visible,
-    show,
-    hide,
-    refreshLayout
-  };
-}
-exports.useResponsiveFilter = useResponsiveFilter;

package/lib/selectResourceModal/index.js

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

package/lib/selectResourceModal/scripts/selectionApis.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var request = require("../../utils/request.js");
-function getAccountList(BASE_API, id, query) {
-  return request(BASE_API, {
-    url: `/poplar/v2/accounts/${id}`,
-    method: "get",
-    params: query
-  });
-}
-function getSysRsClassifyList(BASE_API, sys_tag) {
-  return request(BASE_API, {
-    url: `/poplar/v3/sys_attachment/scenario_classifies?sys_tag=${sys_tag}`,
-    method: "get"
-  });
-}
-exports.getAccountList = getAccountList;
-exports.getSysRsClassifyList = getSysRsClassifyList;

package/lib/selectResourceModal/scripts/useCompoLf.js

@@ -1,44 +0,0 @@
-"use strict";
-var vue = require("vue");
-var config = require("../../config.js");
-function useCompoentLifycycle(props, emits, handler) {
-  const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
-  const wrapProps = vue.computed(() => {
-    if (props.wrap === "drawer") {
-      return {
-        class: "resource-select-drawer",
-        header: false,
-        width: "85vw",
-        footer: false,
-        unmountOnClose: true
-      };
-    }
-    return {
-      bodyClass: "resource-select-modal-body",
-      width: "986px",
-      closable: false,
-      hideTitle: false,
-      footer: false,
-      unmountOnClose: true
-    };
-  });
-  vue.provide("baseAPI", BASE_API);
-  vue.provide("filterOptions", vue.computed(() => props.filterOptions));
-  vue.provide("userInfo", vue.computed(() => props.userInfo));
-  vue.provide("mediaUseType", vue.computed(() => props.mediaUseType));
-  vue.provide("aiThumbList", vue.computed(() => props.aiThumbList));
-  vue.provide("videoThumbOptions", vue.computed(() => props.videoThumbOptions));
-  function close() {
-    emits("update:visible", false);
-    handler == null ? void 0 : handler.onClose();
-  }
-  return {
-    wrapProps,
-    close,
-    submit: (data, ...args) => {
-      emits("submit", JSON.parse(JSON.stringify(data)), ...args);
-      close();
-    }
-  };
-}
-module.exports = useCompoentLifycycle;

package/lib/selectResourceModal/scripts/useResourceSelect.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var vue = require("vue");
-function useResourceSelect(props) {
-  const selected = vue.ref([]);
-  const selectedKeys = vue.computed(
-    () => selected.value.map((item) => item.id || item.url)
-  );
-  const disableSelect = vue.computed(() => props.maxcount && selected.value.length >= props.maxcount);
-  function handleSelect(params) {
-    const { id, url } = params;
-    const index = selected.value.findIndex((item) => {
-      return item.id && item.id === id || item.url === url;
-    });
-    if (index > -1)
-      selected.value.splice(index, 1);
-    else
-      selected.value.push(params);
-  }
-  function handleClear() {
-    selected.value = [];
-  }
-  return {
-    selected,
-    selectedKeys,
-    disableSelect,
-    handleSelect,
-    handleClear
-  };
-}
-exports.useResourceSelect = useResourceSelect;

package/lib/selectResourceModal/scripts/useTabFilter.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var vue = require("vue");
-var index$4 = require("../components/List/ListVideo/index.js");
-var index = require("../components/List/ListNormal/index.js");
-var index$2 = require("../components/List/ListSystem/index.js");
-var index$1 = require("../components/List/ListLocal/index.js");
-var index$3 = require("../components/List/ListAi/index.js");
-var TabEnum = /* @__PURE__ */ ((TabEnum2) => {
-  TabEnum2["ALL"] = "all";
-  TabEnum2["MY"] = "my";
-  TabEnum2["REMIND"] = "remind";
-  TabEnum2["LOCAL"] = "local";
-  TabEnum2["SYSTEM"] = "system";
-  TabEnum2["AI"] = "ai";
-  TabEnum2["VIDEO"] = "video";
-  return TabEnum2;
-})(TabEnum || {});
-const DEFAULT_TABS = ["all", "my", "remind", "local"];
-const TAB_DICT = {
-  ["all"]: { title: "\u5168\u90E8\u7D20\u6750", component: index },
-  ["my"]: { title: "\u6211\u7684\u7D20\u6750", component: index },
-  ["remind"]: { title: "\u63D0\u9192\u6211\u7684", component: index },
-  ["local"]: { title: "\u672C\u5730\u7D20\u6750", component: index$1 },
-  ["system"]: { title: "\u5185\u7F6E\u7D20\u6750", component: index$2 },
-  ["ai"]: { title: "\u6B63\u6587\u7D20\u6750", component: index$3 },
-  ["video"]: { title: "\u89C6\u9891\u5C01\u9762", component: index$4 }
-};
-function useTabFilter(props) {
-  const activeKey = vue.ref("all");
-  const curTab = vue.computed(() => TAB_DICT[activeKey.value]);
-  const tabKeyList = vue.computed(() => {
-    const { mediaUseType, aiThumbList, videoThumbOptions } = props;
-    const keys = JSON.parse(JSON.stringify(DEFAULT_TABS));
-    if (mediaUseType > 0)
-      keys.unshift("system");
-    if (aiThumbList && aiThumbList.length)
-      keys.unshift("ai");
-    if (videoThumbOptions)
-      keys.unshift("video");
-    [activeKey.value] = keys;
-    return keys.map((key) => ({
-      key,
-      title: TAB_DICT[key].title
-    }));
-  });
-  const activeComponent = vue.computed(() => curTab.value.component);
-  function handelChangeTab(tabKey) {
-    activeKey.value = tabKey;
-  }
-  return {
-    activeKey,
-    activeComponent,
-    tabKeyList,
-    handelChangeTab
-  };
-}
-exports.TabEnum = TabEnum;
-exports["default"] = useTabFilter;

package/lib/selectResourceModal/style/css.js

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

package/lib/selectResourceModal/style/index.css

@@ -1,349 +0,0 @@
-.list-panel-wrapper {
-  width: 420px;
-  padding: 0 !important;
-  overflow: hidden;
-  border: none;
-  border-radius: 4px;
-  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
-}
-.list-panel-wrapper * {
-  user-select: none;
-}
-.list-panel-wrapper *::selection {
-  display: none;
-}
-.list-panel-wrapper .arco-popover-content {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  max-height: 600px;
-  margin-top: 0;
-  overflow: hidden;
-}
-.list-panel-wrapper .list-panel-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 11px 15px;
-  color: white;
-  font-weight: 500;
-  background-color: #165dff;
-}
-.list-panel-wrapper .list-panel-header .header-options {
-  display: flex;
-  gap: 12px;
-  align-items: center;
-}
-.list-panel-wrapper .list-panel-header .header-options div {
-  cursor: pointer;
-}
-.list-panel-wrapper .list-panel-header .header-options div:hover {
-  opacity: 0.8;
-}
-.list-panel-wrapper .list-selected-record {
-  flex: 1;
-  overflow-y: scroll;
-}
-.list-panel-wrapper .list-selected-record::-webkit-scrollbar {
-  width: 6px;
-}
-.list-panel-wrapper .list-selected-record::-webkit-scrollbar-thumb {
-  background-color: #ececec;
-  -webkit-border-radius: 6px;
-  opacity: 0.5;
-}
-.list-panel-wrapper .list-selected-record .list-selected-item {
-  display: flex;
-  gap: 12px;
-  align-items: center;
-  padding: 9px 16px;
-  overflow: hidden;
-}
-.list-panel-wrapper .list-selected-record .list-selected-item .item-thumb {
-  position: relative;
-  width: 50px;
-  height: 38px;
-  overflow: hidden;
-}
-.list-panel-wrapper .list-selected-record .list-selected-item .item-thumb .item-tag {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  color: white;
-  transform: translate(-50%, -50%);
-}
-.list-panel-wrapper .list-selected-record .list-selected-item .item-alias {
-  flex: 1;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.card-wrapper-image {
-  position: relative;
-  overflow: hidden;
-  user-select: none;
-  -webkit-user-drag: none;
-}
-.card-wrapper-image .card-wrapper {
-  position: relative;
-  overflow: hidden;
-  border-radius: 2px;
-  transition: all 0.3s ease-in-out;
-  aspect-ratio: 4 / 3;
-}
-.card-wrapper-image .card-wrapper.disable:not(.active) .thumb-image {
-  cursor: not-allowed;
-  opacity: 0.4;
-}
-.card-wrapper-image .card-wrapper.disable:not(.active) .thumb-upload-loading {
-  cursor: not-allowed;
-}
-.card-wrapper-image .card-wrapper .mask {
-  position: absolute;
-  top: 0;
-  z-index: 9;
-  display: none;
-  width: 100%;
-  height: 100%;
-  font-size: 18px;
-  background: rgba(0, 0, 0, 0.3);
-  cursor: pointer;
-}
-.card-wrapper-image .card-wrapper.active .mask {
-  display: block;
-}
-.card-wrapper-image .card-alias {
-  width: 100%;
-  margin-top: 6px;
-  overflow: hidden;
-  color: #3d3d3d;
-  font-size: 14px;
-  line-height: 22px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  user-select: none;
-  -webkit-user-drag: none;
-}
-.card-wrapper-image:hover .check-box-wrapper .check-box,
-.card-wrapper-image .check-box-wrapper .check-box.active {
-  opacity: 1;
-}
-.card-wrapper-image .check-box-wrapper {
-  position: absolute;
-  top: 8px;
-  left: 8px;
-  z-index: 10;
-  cursor: pointer;
-}
-.card-wrapper-image .check-box-wrapper .check-box {
-  box-sizing: border-box;
-  width: 22px;
-  height: 22px;
-  font-size: 14px;
-  line-height: 22px;
-  text-align: center;
-  background-color: rgba(0, 0, 0, 0.2);
-  border: 1px solid white;
-  border-radius: 50%;
-  opacity: 0;
-  transition: all 0.3s ease-in-out;
-}
-.card-wrapper-image .check-box-wrapper .check-box::selection {
-  display: none;
-}
-.card-wrapper-image .check-box-wrapper .check-box:hover {
-  background-color: rgba(0, 0, 0, 0.3);
-}
-.card-wrapper-image .check-box-wrapper .check-box.active {
-  color: white;
-  background-color: #165dff;
-  border-color: #165dff;
-}
-.resource-list {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  gap: 10px;
-  overflow: hidden;
-}
-.resource-list-content {
-  flex: 1;
-  overflow: hidden;
-}
-.resource-list-footer,
-.resource-list-header,
-.resource-list-content .arco-scrollbar-container {
-  padding: 0 40px;
-}
-.resource-list-footer {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  padding-bottom: 20px;
-}
-.resource-list-footer .footer-right {
-  display: flex;
-  flex: 1;
-  gap: 10px;
-  align-items: center;
-  justify-content: flex-end;
-  margin-top: 10px;
-}
-.resource-list-footer .footer-right .list-selected-wrapper {
-  font-size: 12px;
-}
-.resource-list-content-loading {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-}
-.resource-list .list-item-grid {
-  display: grid;
-  grid-gap: 20px;
-  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-}
-.resource-list .list-content {
-  margin-top: 30px;
-}
-.resource-list .list-content .list-tips {
-  margin-bottom: 16px;
-  color: #3d3d3d;
-}
-.resource-list .upload-wrapper {
-  display: flex;
-  flex-direction: column;
-}
-.resource-list .upload-wrapper .upload-buttons {
-  display: flex;
-  gap: 20px;
-  justify-content: center;
-  margin: 20px 0;
-}
-.resource-list .upload-wrapper .upload-dragger {
-  width: calc(100% - 2px);
-}
-.resource-list .scen-module {
-  margin-bottom: 20px;
-}
-.resource-list .item-load-more {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  overflow: hidden;
-  color: #9a9a9a;
-  font-size: 12px;
-  cursor: pointer;
-  aspect-ratio: 4 / 3;
-}
-.resource-list .item-load-more img {
-  height: calc(100% - 40px);
-}
-.resource-list .list-filter-wrapper .list-filter-tags {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-  margin-top: 10px;
-}
-.resource-list .list-filter-wrapper .list-filter-tags .list-filter-tag {
-  padding: 5px 16px;
-  border-radius: 15px;
-  cursor: pointer;
-}
-.resource-list .list-filter-wrapper .list-filter-tags .list-filter-tag:hover {
-  background-color: var(--color-fill-3);
-}
-.resource-list .list-filter-wrapper .list-filter-tags .list-filter-tag.active {
-  color: rgb(var(--primary-6));
-  font-weight: bold;
-  background: var(--color-fill-2);
-}
-.resource-list .list-filter-wrapper .list-filter {
-  display: flex;
-  justify-content: space-between;
-}
-.resource-list .list-filter-wrapper .list-filter .filter-list {
-  position: relative;
-  /** 给 popup 一个参考 */
-  display: flex;
-}
-.resource-list .list-filter-wrapper .list-filter .filter-list .filter-item {
-  width: 100px;
-  margin-right: 10px;
-}
-.resource-list .list-filter-wrapper .list-filter .filter-list .arco-trigger-popup {
-  z-index: 100000 !important;
-}
-.resource-list .list-filter-wrapper .list-filter .arco-input-prepend {
-  padding: 0;
-}
-.resource-list .list-filter-wrapper .list-filter .more-btn {
-  position: relative;
-  /** 给 poperjs 一个参考 */
-}
-.resource-list .list-filter-wrapper .list-filter .more-btn .filter-pannel {
-  inset: 40px auto auto auto !important;
-}
-.resource-list .list-filter-wrapper .filter-extra {
-  display: flex;
-  gap: 10px;
-}
-.resource-list .list-filter-wrapper .filter-pannel {
-  z-index: 100000;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  padding: 10px;
-  background-color: #fff;
-  border-radius: 4px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-}
-.resource-list .title {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  margin-bottom: 20px;
-  font-weight: bold;
-  font-size: 16px;
-}
-.resource-list .title .line {
-  width: 3px;
-  height: 16px;
-  background-color: #4886ff;
-}
-.resource-select-wrap {
-  width: 100%;
-  height: 100%;
-}
-.resource-select-modal-body {
-  height: 80vh;
-  padding: 0;
-}
-.resource-select-main {
-  height: 100%;
-}
-.resource-select-drawer .arco-drawer-body {
-  box-sizing: border-box;
-  padding: 0;
-  overflow: hidden;
-}
-.resource-select-container {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  box-sizing: border-box;
-  height: 100%;
-}
-.resource-select-container .resource-select-header {
-  padding: 10px 24px 0 24px;
-}
-.resource-select-container .resource-select-header .arco-tabs-nav::before {
-  display: none;
-}
-.resource-select-container .resource-select-header .arco-tabs-content {
-  display: none !important;
-}

package/lib/selectResourceModal/style/index.js

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

package/lib/selectResourceModal/style/index.less

@@ -1,46 +0,0 @@
-@import './listSelected.less';
-@import './listCardWrapper.less';
-@import './list.less';
-
-.resource-select-wrap {
-  width: 100%;
-  height: 100%;
-}
-
-.resource-select-modal-body {
-  height: 80vh;
-  padding: 0;
-}
-
-.resource-select-main {
-  height: 100%;
-}
-
-.resource-select-drawer {
-  .arco-drawer-body {
-    box-sizing: border-box;
-    padding: 0;
-    overflow: hidden;
-  }
-}
-
-.resource-select-container {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  box-sizing: border-box;
-  height: 100%;
-
-  // 头部 tab 样式
-  .resource-select-header {
-    padding: 10px 24px 0 24px;
-
-    .arco-tabs-nav::before {
-      display: none;
-    }
-
-    .arco-tabs-content {
-      display: none !important;
-    }
-  }
-}