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

package/es/selectResourceModal/hooks/useResponsiveFilter.js

@@ -1,142 +0,0 @@
-import { ref, onMounted, nextTick, onUnmounted } from "vue";
-import usePopper from "../../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 = ref();
-  const popperPanelRef = ref();
-  const { initPopper, show, visible, hide } = usePopper(
-    popperPanelRef,
-    moreBtnRef
-  );
-  const windowWidth = ref(0);
-  const filterContainerRightBoundary = ref(0);
-  const hiddenElementList = 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 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 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 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;
-      }
-    }
-  };
-  onMounted(async () => {
-    initResizeListener();
-    initPopper("bottom-start", [0, 40]);
-    await nextTick();
-    initWidths();
-    await nextTick();
-    refreshLayout();
-  });
-  onUnmounted(() => {
-    removeResizeListener();
-  });
-  return {
-    moreBtnRef,
-    popperPanelRef,
-    hiddenElementList,
-    visible,
-    show,
-    hide,
-    refreshLayout
-  };
-}
-export { useResponsiveFilter };

package/es/selectResourceModal/index.d.ts

@@ -1,2 +0,0 @@
-declare const selectResourceModal: any;
-export default selectResourceModal;

package/es/selectResourceModal/index.js

@@ -1,7 +0,0 @@
-import _sfc_main from "./component.js";
-const selectResourceModal = Object.assign(_sfc_main, {
-  install: (app) => {
-    app.component(_sfc_main.name, _sfc_main);
-  }
-});
-export { selectResourceModal as default };

package/es/selectResourceModal/scripts/selectionApis.d.ts

@@ -1,2 +0,0 @@
-export declare function getAccountList(BASE_API: string, id: number, query: any): Promise<import("axios").AxiosResponse<any, any>>;
-export declare function getSysRsClassifyList(BASE_API: string, sys_tag: number): Promise<import("axios").AxiosResponse<any, any>>;

package/es/selectResourceModal/scripts/selectionApis.js

@@ -1,15 +0,0 @@
-import request from "../../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"
-  });
-}
-export { getAccountList, getSysRsClassifyList };

package/es/selectResourceModal/scripts/useCompoLf.d.ts

@@ -1,27 +0,0 @@
-declare type LifeCycleHandler = {
-    onClose: () => void;
-};
-export default function useCompoentLifycycle(props: any, emits: any, handler?: LifeCycleHandler): {
-    wrapProps: import("vue").ComputedRef<{
-        class: string;
-        header: boolean;
-        width: string;
-        footer: boolean;
-        unmountOnClose: boolean;
-        bodyClass?: undefined;
-        closable?: undefined;
-        hideTitle?: undefined;
-    } | {
-        bodyClass: string;
-        width: string;
-        closable: boolean;
-        hideTitle: boolean;
-        footer: boolean;
-        unmountOnClose: boolean;
-        class?: undefined;
-        header?: undefined;
-    }>;
-    close: () => void;
-    submit: (data: any, ...args: any) => void;
-};
-export {};

package/es/selectResourceModal/scripts/useCompoLf.js

@@ -1,43 +0,0 @@
-import { computed, provide } from "vue";
-import { DEFAULT_BASE_API } from "../../config.js";
-function useCompoentLifycycle(props, emits, handler) {
-  const BASE_API = props.BASE_API || DEFAULT_BASE_API;
-  const wrapProps = 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
-    };
-  });
-  provide("baseAPI", BASE_API);
-  provide("filterOptions", computed(() => props.filterOptions));
-  provide("userInfo", computed(() => props.userInfo));
-  provide("mediaUseType", computed(() => props.mediaUseType));
-  provide("aiThumbList", computed(() => props.aiThumbList));
-  provide("videoThumbOptions", 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();
-    }
-  };
-}
-export { useCompoentLifycycle as default };

package/es/selectResourceModal/scripts/useResourceSelect.d.ts

@@ -1,7 +0,0 @@
-export declare function useResourceSelect(props: any): {
-    selected: import("vue").Ref<any[], any[]>;
-    selectedKeys: import("vue").ComputedRef<any[]>;
-    disableSelect: import("vue").ComputedRef<any>;
-    handleSelect: (params: any) => void;
-    handleClear: () => void;
-};

package/es/selectResourceModal/scripts/useResourceSelect.js

@@ -1,29 +0,0 @@
-import { ref, computed } from "vue";
-function useResourceSelect(props) {
-  const selected = ref([]);
-  const selectedKeys = computed(
-    () => selected.value.map((item) => item.id || item.url)
-  );
-  const disableSelect = 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
-  };
-}
-export { useResourceSelect };

package/es/selectResourceModal/scripts/useTabFilter.d.ts

@@ -1,22 +0,0 @@
-export declare enum TabEnum {
-    ALL = "all",
-    MY = "my",
-    REMIND = "remind",
-    LOCAL = "local",
-    SYSTEM = "system",
-    AI = "ai",
-    VIDEO = "video"
-}
-declare const TAB_DICT: any;
-export declare type TabListType = {
-    key: string;
-    title: string;
-};
-export declare type TabKeyType = keyof typeof TAB_DICT;
-export default function useTabFilter(props: any): {
-    activeKey: import("vue").Ref<string | number | symbol, string | number | symbol>;
-    activeComponent: import("vue").ComputedRef<any>;
-    tabKeyList: import("vue").ComputedRef<TabListType[]>;
-    handelChangeTab: (tabKey: TabEnum) => void;
-};
-export {};

package/es/selectResourceModal/scripts/useTabFilter.js

@@ -1,56 +0,0 @@
-import { ref, computed } from "vue";
-import _sfc_main$4 from "../components/List/ListVideo/index.js";
-import _sfc_main from "../components/List/ListNormal/index.js";
-import _sfc_main$2 from "../components/List/ListSystem/index.js";
-import _sfc_main$1 from "../components/List/ListLocal/index.js";
-import _sfc_main$3 from "../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: _sfc_main },
-  ["my"]: { title: "\u6211\u7684\u7D20\u6750", component: _sfc_main },
-  ["remind"]: { title: "\u63D0\u9192\u6211\u7684", component: _sfc_main },
-  ["local"]: { title: "\u672C\u5730\u7D20\u6750", component: _sfc_main$1 },
-  ["system"]: { title: "\u5185\u7F6E\u7D20\u6750", component: _sfc_main$2 },
-  ["ai"]: { title: "\u6B63\u6587\u7D20\u6750", component: _sfc_main$3 },
-  ["video"]: { title: "\u89C6\u9891\u5C01\u9762", component: _sfc_main$4 }
-};
-function useTabFilter(props) {
-  const activeKey = ref("all");
-  const curTab = computed(() => TAB_DICT[activeKey.value]);
-  const tabKeyList = 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 = computed(() => curTab.value.component);
-  function handelChangeTab(tabKey) {
-    activeKey.value = tabKey;
-  }
-  return {
-    activeKey,
-    activeComponent,
-    tabKeyList,
-    handelChangeTab
-  };
-}
-export { TabEnum, useTabFilter as default };

package/es/selectResourceModal/style/css.js

@@ -1 +0,0 @@
-import "./index.css";