@cmstops/pro-compo 0.1.12 → 0.1.14

package/es/mediaFilter/style/index.css

@@ -1,40 +1,40 @@
-.tooltip-button {
+.filter-wrp .tooltip-button {
   height: auto;
   padding: 20px;
 }
-.dop.active {
+.filter-wrp .dop.active {
   color: #165dff;
 }
-.dop .label {
+.filter-wrp .dop .label {
   display: flex;
   gap: 10px;
   align-items: center;
 }
-.filter-view-container {
+.filter-wrp .filter-view-container {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
   font-size: 14px;
 }
-.filter-search {
+.filter-wrp .filter-search {
   display: flex;
   gap: 10px;
   width: 180px;
   margin-right: 10px;
 }
-.filter-content {
+.filter-wrp .filter-content {
   position: relative;
   display: flex;
   flex: 1;
   align-items: center;
   justify-content: space-between;
 }
-.left {
+.filter-wrp .left {
   display: flex;
   gap: 10px;
   align-items: center;
 }
-.right {
+.filter-wrp .right {
   position: absolute;
   right: 0;
   z-index: 1;
@@ -45,15 +45,15 @@
   padding-left: 20px;
   background: white;
 }
-.more-btn {
+.filter-wrp .more-btn {
   margin-right: 10px;
 }
-.right-prefix {
+.filter-wrp .right-prefix {
   display: flex;
   gap: 10px;
   align-items: center;
 }
-.filter-pannel {
+.filter-wrp .filter-pannel {
   display: flex;
   gap: 10px;
   padding: 10px;
@@ -61,29 +61,29 @@
   border-radius: 6px;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
 }
-.filter-item-view {
+.filter-wrp .filter-item-view {
   position: relative;
   display: flex;
   overflow: hidden;
 }
-.filter-item-view .show-view {
+.filter-wrp .filter-item-view .show-view {
   z-index: 1;
   width: 100%;
   height: 100%;
   background: #fff;
   pointer-events: none;
 }
-.filter-item-view .select-view {
+.filter-wrp .filter-item-view .select-view {
   position: absolute;
   z-index: 0;
   width: 100%;
 }
-.hasvalue-btn {
+.filter-wrp .hasvalue-btn {
   color: #165dff;
   background-color: #e8f3ff;
   border-right: none !important;
 }
-.right-prefix {
+.filter-wrp .right-prefix {
   display: flex;
   gap: 10px;
   align-items: center;

package/es/mediaFilter/style/index.less

@@ -1,108 +1,110 @@
-.tooltip-button {
-  height: auto;
-  padding: 20px;
-}
+.filter-wrp {
+  .tooltip-button {
+    height: auto;
+    padding: 20px;
+  }
 
-// DocFilter 组件内部样式
-.dop.active {
-  color: #165dff;
-}
+  // DocFilter 组件内部样式
+  .dop.active {
+    color: #165dff;
+  }
 
-.dop .label {
-  display: flex;
-  gap: 10px;
-  align-items: center;
-}
+  .dop .label {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
 
-// FilterGroup 内部样式
-.filter-view-container {
-  display: flex;
-  align-items: center;
-  margin-bottom: 10px;
-  font-size: 14px;
-}
+  // FilterGroup 内部样式
+  .filter-view-container {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+    font-size: 14px;
+  }
 
-.filter-search {
-  display: flex;
-  gap: 10px;
-  width: 180px;
-  margin-right: 10px;
-}
+  .filter-search {
+    display: flex;
+    gap: 10px;
+    width: 180px;
+    margin-right: 10px;
+  }
 
-.filter-content {
-  position: relative;
-  display: flex;
-  flex: 1;
-  align-items: center;
-  justify-content: space-between;
-}
+  .filter-content {
+    position: relative;
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: space-between;
+  }
 
-.left {
-  display: flex;
-  gap: 10px;
-  align-items: center;
-}
+  .left {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
 
-.right {
-  position: absolute;
-  right: 0;
-  z-index: 1;
-  display: flex;
-  flex-wrap: nowrap;
-  align-items: center;
-  height: 100%;
-  padding-left: 20px;
-  background: white;
-}
+  .right {
+    position: absolute;
+    right: 0;
+    z-index: 1;
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: center;
+    height: 100%;
+    padding-left: 20px;
+    background: white;
+  }
 
-.more-btn {
-  margin-right: 10px;
-}
+  .more-btn {
+    margin-right: 10px;
+  }
 
-.right-prefix {
-  display: flex;
-  gap: 10px;
-  align-items: center;
-}
+  .right-prefix {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
 
-.filter-pannel {
-  display: flex;
-  gap: 10px;
-  padding: 10px;
-  background-color: white;
-  border-radius: 6px;
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-}
+  .filter-pannel {
+    display: flex;
+    gap: 10px;
+    padding: 10px;
+    background-color: white;
+    border-radius: 6px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  }
 
-// Filter Item 内部样式
-.filter-item-view {
-  position: relative;
-  display: flex;
-  overflow: hidden;
-}
+  // Filter Item 内部样式
+  .filter-item-view {
+    position: relative;
+    display: flex;
+    overflow: hidden;
+  }
 
-.filter-item-view .show-view {
-  z-index: 1;
-  width: 100%;
-  height: 100%;
-  background: #fff;
-  pointer-events: none;
-}
+  .filter-item-view .show-view {
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    pointer-events: none;
+  }
 
-.filter-item-view .select-view {
-  position: absolute;
-  z-index: 0;
-  width: 100%;
-}
+  .filter-item-view .select-view {
+    position: absolute;
+    z-index: 0;
+    width: 100%;
+  }
 
-.hasvalue-btn {
-  color: #165dff;
-  background-color: #e8f3ff;
-  border-right: none !important;
-}
+  .hasvalue-btn {
+    color: #165dff;
+    background-color: #e8f3ff;
+    border-right: none !important;
+  }
 
-.right-prefix {
-  display: flex;
-  gap: 10px;
-  align-items: center;
+  .right-prefix {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
 }

package/es/selectAvatarList/component.js

@@ -1,23 +1,29 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock } from "vue";
-import { Space, Avatar, Button } from "@arco-design/web-vue";
+import { defineComponent, ref, computed, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, unref, withCtx, renderList, createBlock } from "vue";
+import { Space, Tooltip, Avatar, Button } from "@arco-design/web-vue";
 import { IconDelete, IconPlus } from "@arco-design/web-vue/es/icon";
+import userDirector from "../userDirector/index.js";
+import { DEFAULT_BASE_API } from "../config.js";
 const _hoisted_1 = { class: "select-avatar-list" };
 const _sfc_main = defineComponent({
   ...{ name: "selectAvatarList" },
   __name: "component",
   props: {
-    value: {}
+    list: {},
+    BASE_API: {},
+    repositoryId: {}
   },
-  emits: ["update:value"],
+  emits: ["update:list"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
     const emit = __emit;
+    const visible = ref(false);
     const list = computed({
       get() {
-        return props.value;
+        return props.list;
       },
-      set() {
-        emit("update:value", props.value);
+      set(value) {
+        emit("update:list", value);
       }
     });
     const dell = (index) => {
@@ -27,50 +33,64 @@ const _sfc_main = defineComponent({
       return item.uid ? item.alias : `\u89D2\u8272\uFF1A${item.alias}`;
     };
     const addUser = () => {
+      visible.value = true;
+    };
+    const submit = (data) => {
+      list.value = data;
+      visible.value = false;
     };
     return (_ctx, _cache) => {
-      const _component_a_tooltip = resolveComponent("a-tooltip");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(Space), null, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (item, index) => {
-              return openBlock(), createBlock(_component_a_tooltip, {
-                key: index,
-                content: content(item),
-                position: "top",
-                mini: ""
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(unref(Space), null, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (item, index) => {
+                return openBlock(), createBlock(unref(Tooltip), {
+                  key: index,
+                  content: content(item),
+                  position: "top",
+                  mini: ""
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Avatar), {
+                      "trigger-type": "mask",
+                      "image-url": item.avatar
+                    }, {
+                      "trigger-icon": withCtx(() => [
+                        createVNode(unref(IconDelete), {
+                          onClick: ($event) => dell(index)
+                        }, null, 8, ["onClick"])
+                      ]),
+                      _: 2
+                    }, 1032, ["image-url"])
+                  ]),
+                  _: 2
+                }, 1032, ["content"]);
+              }), 128)),
+              createVNode(unref(Button), {
+                class: "large",
+                shape: "circle",
+                size: "large",
+                onClick: addUser
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(Avatar), {
-                    "trigger-type": "mask",
-                    "image-url": item.avatar
-                  }, {
-                    "trigger-icon": withCtx(() => [
-                      createVNode(unref(IconDelete), {
-                        onClick: ($event) => dell(index)
-                      }, null, 8, ["onClick"])
-                    ]),
-                    _: 2
-                  }, 1032, ["image-url"])
+                  createVNode(unref(IconPlus))
                 ]),
-                _: 2
-              }, 1032, ["content"]);
-            }), 128)),
-            createVNode(unref(Button), {
-              class: "large",
-              shape: "circle",
-              size: "large",
-              onClick: addUser
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(IconPlus))
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        createVNode(unref(userDirector), {
+          visible: visible.value,
+          "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+          BASE_API: unref(BASE_API),
+          "default-data": list.value,
+          "repository-id": props.repositoryId,
+          onSubmit: submit
+        }, null, 8, ["visible", "BASE_API", "default-data", "repository-id"])
+      ], 64);
     };
   }
 });