@cmstops/pro-compo 3.9.1-rc.5 → 3.9.1-stable.0

package/es/selectResourceModal/__demo__/module/basic.d.ts

@@ -1,299 +0,0 @@
-/**
- * @file
- * @title selectResourceModal
- * @memberOf 组件类型，例如：数据输入
- * @description 描述你的组件。
- */
-export declare const BasicDemo: {
-    (args: any): {
-        components: {
-            selectResourceModal: any;
-            AButton: {
-                new (...args: any[]): {
-                    $: import("vue").ComponentInternalInstance;
-                    $data: {};
-                    $props: Partial<{
-                        disabled: boolean;
-                        loading: boolean;
-                        long: boolean;
-                        htmlType: string;
-                    }> & Omit<Readonly<{
-                        type?: unknown;
-                        shape?: unknown;
-                        status?: unknown;
-                        size?: unknown;
-                        long?: unknown;
-                        loading?: unknown;
-                        disabled?: unknown;
-                        htmlType?: unknown;
-                        href?: unknown;
-                    } & {
-                        disabled: boolean;
-                        loading: boolean;
-                        long: boolean;
-                        htmlType: string;
-                    } & {
-                        size?: "small" | "mini" | "medium" | "large" | undefined;
-                        type?: "text" | "dashed" | "outline" | "primary" | "secondary" | undefined;
-                        href?: string | undefined;
-                        shape?: "circle" | "round" | "square" | undefined;
-                        status?: "success" | "normal" | "warning" | "danger" | undefined;
-                    }> & {
-                        onClick?: ((ev: MouseEvent) => any) | undefined;
-                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "long" | "loading" | "disabled" | "htmlType">;
-                    $attrs: {
-                        [x: string]: unknown;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: import("vue").Slot<any> | undefined;
-                    }>;
-                    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-                    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-                    $emit: (event: "click", ev: MouseEvent) => void;
-                    $el: any;
-                    $options: import("vue").ComponentOptionsBase<Readonly<{
-                        type?: unknown;
-                        shape?: unknown;
-                        status?: unknown;
-                        size?: unknown;
-                        long?: unknown;
-                        loading?: unknown;
-                        disabled?: unknown;
-                        htmlType?: unknown;
-                        href?: unknown;
-                    } & {
-                        disabled: boolean;
-                        loading: boolean;
-                        long: boolean;
-                        htmlType: string;
-                    } & {
-                        size?: "small" | "mini" | "medium" | "large" | undefined;
-                        type?: "text" | "dashed" | "outline" | "primary" | "secondary" | undefined;
-                        href?: string | undefined;
-                        shape?: "circle" | "round" | "square" | undefined;
-                        status?: "success" | "normal" | "warning" | "danger" | undefined;
-                    }> & {
-                        onClick?: ((ev: MouseEvent) => any) | undefined;
-                    }, {
-                        prefixCls: string;
-                        cls: import("vue").ComputedRef<(string | {
-                            [x: string]: boolean;
-                        })[]>;
-                        mergedDisabled: import("vue").ComputedRef<boolean>;
-                        handleClick: (ev: MouseEvent) => void;
-                    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                        click: (ev: MouseEvent) => true;
-                    }, string, {
-                        disabled: boolean;
-                        loading: boolean;
-                        long: boolean;
-                        htmlType: string;
-                    }, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions> & {
-                        beforeCreate?: (() => void) | (() => void)[] | undefined;
-                        created?: (() => void) | (() => void)[] | undefined;
-                        beforeMount?: (() => void) | (() => void)[] | undefined;
-                        mounted?: (() => void) | (() => void)[] | undefined;
-                        beforeUpdate?: (() => void) | (() => void)[] | undefined;
-                        updated?: (() => void) | (() => void)[] | undefined;
-                        activated?: (() => void) | (() => void)[] | undefined;
-                        deactivated?: (() => void) | (() => void)[] | undefined;
-                        beforeDestroy?: (() => void) | (() => void)[] | undefined;
-                        beforeUnmount?: (() => void) | (() => void)[] | undefined;
-                        destroyed?: (() => void) | (() => void)[] | undefined;
-                        unmounted?: (() => void) | (() => void)[] | undefined;
-                        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[] | undefined;
-                        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[] | undefined;
-                        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[] | undefined;
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: typeof import("vue").nextTick;
-                    $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-                } & Readonly<{
-                    type?: unknown;
-                    shape?: unknown;
-                    status?: unknown;
-                    size?: unknown;
-                    long?: unknown;
-                    loading?: unknown;
-                    disabled?: unknown;
-                    htmlType?: unknown;
-                    href?: unknown;
-                } & {
-                    disabled: boolean;
-                    loading: boolean;
-                    long: boolean;
-                    htmlType: string;
-                } & {
-                    size?: "small" | "mini" | "medium" | "large" | undefined;
-                    type?: "text" | "dashed" | "outline" | "primary" | "secondary" | undefined;
-                    href?: string | undefined;
-                    shape?: "circle" | "round" | "square" | undefined;
-                    status?: "success" | "normal" | "warning" | "danger" | undefined;
-                }> & {
-                    onClick?: ((ev: MouseEvent) => any) | undefined;
-                } & import("vue").ShallowUnwrapRef<{
-                    prefixCls: string;
-                    cls: import("vue").ComputedRef<(string | {
-                        [x: string]: boolean;
-                    })[]>;
-                    mergedDisabled: import("vue").ComputedRef<boolean>;
-                    handleClick: (ev: MouseEvent) => void;
-                }> & import("vue").ComponentCustomProperties;
-                __isFragment?: undefined;
-                __isTeleport?: undefined;
-                __isSuspense?: undefined;
-            } & import("vue").ComponentOptionsBase<Readonly<{
-                type?: unknown;
-                shape?: unknown;
-                status?: unknown;
-                size?: unknown;
-                long?: unknown;
-                loading?: unknown;
-                disabled?: unknown;
-                htmlType?: unknown;
-                href?: unknown;
-            } & {
-                disabled: boolean;
-                loading: boolean;
-                long: boolean;
-                htmlType: string;
-            } & {
-                size?: "small" | "mini" | "medium" | "large" | undefined;
-                type?: "text" | "dashed" | "outline" | "primary" | "secondary" | undefined;
-                href?: string | undefined;
-                shape?: "circle" | "round" | "square" | undefined;
-                status?: "success" | "normal" | "warning" | "danger" | undefined;
-            }> & {
-                onClick?: ((ev: MouseEvent) => any) | undefined;
-            }, {
-                prefixCls: string;
-                cls: import("vue").ComputedRef<(string | {
-                    [x: string]: boolean;
-                })[]>;
-                mergedDisabled: import("vue").ComputedRef<boolean>;
-                handleClick: (ev: MouseEvent) => void;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                click: (ev: MouseEvent) => true;
-            }, string, {
-                disabled: boolean;
-                loading: boolean;
-                long: boolean;
-                htmlType: string;
-            }, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-                Group: import("vue").DefineComponent<{
-                    type: {
-                        type: import("vue").PropType<"text" | "dashed" | "outline" | "primary" | "secondary">;
-                    };
-                    status: {
-                        type: import("vue").PropType<"success" | "normal" | "warning" | "danger">;
-                    };
-                    shape: {
-                        type: import("vue").PropType<"circle" | "round" | "square">;
-                    };
-                    size: {
-                        type: import("vue").PropType<"small" | "mini" | "medium" | "large">;
-                    };
-                    disabled: {
-                        type: BooleanConstructor;
-                    };
-                }, {
-                    prefixCls: string;
-                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-                    type?: unknown;
-                    status?: unknown;
-                    shape?: unknown;
-                    size?: unknown;
-                    disabled?: unknown;
-                } & {
-                    disabled: boolean;
-                } & {
-                    size?: "small" | "mini" | "medium" | "large" | undefined;
-                    type?: "text" | "dashed" | "outline" | "primary" | "secondary" | undefined;
-                    shape?: "circle" | "round" | "square" | undefined;
-                    status?: "success" | "normal" | "warning" | "danger" | undefined;
-                }>, {
-                    disabled: boolean;
-                }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-                install: (app: import("vue").App<any>, options?: import("@arco-design/web-vue/es/_utils/types").ArcoOptions | undefined) => void;
-            };
-        };
-        setup(): {
-            visible: import("vue").Ref<boolean, boolean>;
-            submit: (data: any, ...args: any) => void;
-            args: any;
-        };
-        template: string;
-    };
-    args: {
-        wrap: string;
-        userInfo: {
-            domain_id: number;
-            repository_id: number;
-        };
-        maxcount: number;
-        filterOptions: {
-            mediaType: string;
-            mediaTypeStrict: boolean;
-        };
-        mediaUseType: number;
-        aiThumbList: string[];
-        videoThumbOptions: {
-            src: string;
-            duration: number;
-        };
-    };
-    argTypes: {
-        wrap: {
-            description: string;
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-        userInfo: {
-            description: string;
-            control: {
-                type: string;
-            };
-        };
-        maxcount: {
-            description: string;
-            control: {
-                type: string;
-            };
-        };
-        filterOptions: {
-            description: string;
-            control: {
-                type: string;
-            };
-        };
-        mediaUseType: {
-            description: string;
-            control: {
-                type: string;
-            };
-        };
-        aiThumbList: {
-            description: string;
-            control: {
-                type: string;
-            };
-        };
-        videoThumbOptions: {
-            description: string;
-            control: {
-                type: string;
-            };
-        };
-        onSubmit: {
-            action: string;
-        };
-        onUpdateVis: {
-            action: string;
-        };
-    };
-};

package/es/selectResourceModal/hooks/useResponsiveFilter.d.ts

@@ -1,21 +0,0 @@
-import type { Ref } from 'vue';
-declare type HideElementType = {
-    width: number;
-    el: HTMLDivElement;
-};
-export declare function useResponsiveFilter(filterItemsRef: Ref<HTMLElement | undefined>): {
-    moreBtnRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    popperPanelRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    hiddenElementList: Ref<{
-        width: number;
-        el: HTMLDivElement;
-    }[], HideElementType[] | {
-        width: number;
-        el: HTMLDivElement;
-    }[]>;
-    visible: Ref<boolean, boolean>;
-    show: () => void;
-    hide: () => void;
-    refreshLayout: () => Promise<void>;
-};
-export {};

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 - 400) {
-        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/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 - 400) {
-        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;