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

package/lib/selectResourceModal/style/list.less

@@ -14,14 +14,12 @@
 
   &-footer,
   &-header,
-  &-content .resource-list-content-empty,
   &-content .arco-scrollbar-container {
     padding: 0 40px;
   }
 
   &-footer {
     display: flex;
-    flex-wrap: wrap;
     justify-content: space-between;
     padding-bottom: 20px;
 
@@ -31,11 +29,6 @@
       gap: 10px;
       align-items: center;
       justify-content: flex-end;
-      margin-top: 10px;
-
-      .list-selected-wrapper {
-        font-size: 12px;
-      }
     }
   }
 
@@ -54,7 +47,7 @@
   .list-item-grid {
     display: grid;
     grid-gap: 20px;
-    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+    grid-template-columns: repeat(5, 1fr);
   }
 }
 
@@ -115,8 +108,7 @@
 .resource-list .list-filter-wrapper {
   .list-filter-tags {
     display: flex;
-    flex-wrap: wrap;
-    gap: 10px;
+    justify-content: space-between;
     margin-top: 10px;
 
     .list-filter-tag {
@@ -141,46 +133,18 @@
     justify-content: space-between;
 
     .filter-list {
-      position: relative; /** 给 popup 一个参考 */
       display: flex;
+      flex-wrap: wrap;
+      gap: 10px;
 
       .filter-item {
         width: 100px;
-        margin-right: 10px;
-      }
-
-      .arco-trigger-popup {
-        z-index: 100000 !important;
       }
     }
 
     .arco-input-prepend {
       padding: 0;
     }
-
-    .more-btn {
-      position: relative; /** 给 poperjs 一个参考 */
-
-      .filter-pannel {
-        inset: 40px auto auto auto !important;
-      }
-    }
-  }
-
-  .filter-extra {
-    display: flex;
-    gap: 10px;
-  }
-
-  .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);
   }
 }
 

package/lib/selectThumb/component.js

@@ -352,11 +352,9 @@ const _sfc_main = vue.defineComponent({
       if (!props.dataValue)
         return;
       if (styleData.value.model === oldData.value.model) {
-        vue.nextTick(() => {
-          styleData.value.data = oldData.value.data;
-          styleData.value.cover_theme_color = oldData.value.cover_theme_color;
-          styleData.value.cover_colorList = oldData.value.cover_colorList;
-        });
+        styleData.value.data = oldData.value.data;
+        styleData.value.cover_theme_color = oldData.value.cover_theme_color;
+        styleData.value.cover_colorList = oldData.value.cover_colorList;
       } else {
         styleData.value.data = [];
       }
@@ -412,8 +410,21 @@ const _sfc_main = vue.defineComponent({
       callback(styleData2);
     };
     vue.onMounted(() => {
-      if (!styleData.value.cover_url)
-        ;
+      if (!styleData.value.cover_url) {
+        setTimeout(() => {
+          styleData.value.cover_url = styleData.value.data[0].url;
+          const getColors = index.getThemeColor(BASE_API, styleData.value.data[0].url);
+          getColors.then((themes) => {
+            styleData.value.cover_colorList = JSON.parse(JSON.stringify(themes));
+            styleData.value.cover_theme_color = `rgb(${themes[1]})`;
+            oldData.value = JSON.parse(JSON.stringify(styleData.value));
+            callback(styleData.value);
+          }).catch((e) => {
+            styleData.value.banner_theme_color = `rgb(255, 255, 255)`;
+            callback(styleData.value);
+          });
+        }, 700);
+      }
     });
     return (_ctx, _cache) => {
       var _a, _b, _c, _d, _e, _f;

package/lib/utils/index.js

@@ -144,13 +144,13 @@ async function copyContent(content) {
   }
 }
 function mediaTime(v) {
-  const h = Math.floor(v / 3600);
-  const m = Math.floor(v % 3600 / 60);
-  const s = Math.floor(v % 60);
+  const h = Math.floor(v / (60 * 60));
+  const m = Math.floor((v - h) / 60);
+  const s = Math.floor(v - h * 360 - m * 60);
   let ret = "";
-  ret += `${h < 10 ? `0${h}` : h}:`;
-  ret += `${m < 10 ? `0${m}` : m}:`;
-  ret += s < 10 ? `0${s}` : s;
+  ret += `${h < 10 ? `0${h}` : h || "--"}:`;
+  ret += `${m < 10 ? `0${m}` : m || "--"}:`;
+  ret += s < 10 ? `0${s}` : s || "--";
   return ret;
 }
 exports.copyContent = copyContent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "3.9.1-rc.5",
+  "version": "3.9.1-stable.0",
   "description": "",
   "keywords": [
     "vue",

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

@@ -1,268 +0,0 @@
-/**
- * @file
- * @title selectResourceModal
- * @memberOf 组件类型，例如：数据输入
- * @description 描述你的组件。
- */
-export declare const DivWrapper: {
-    (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;
-        };
-    };
-    argTypes: {
-        userInfo: {
-            description: string;
-            control: {
-                type: string;
-            };
-        };
-        maxcount: {
-            description: string;
-            control: {
-                type: string;
-            };
-        };
-        filterOptions: {
-            description: string;
-            control: {
-                type: string;
-            };
-        };
-        onSubmit: {
-            action: string;
-        };
-        onUpdateVis: {
-            action: string;
-        };
-    };
-};