@cmstops/pro-compo 0.1.11 → 0.1.13

package/lib/userDirector/components/userTree.js

@@ -0,0 +1,77 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
+const _hoisted_1 = { class: "user-item" };
+const _hoisted_2 = { class: "left" };
+const _sfc_main = vue.defineComponent({
+  __name: "userTree",
+  props: {
+    list: {}
+  },
+  emits: ["select", "expand", "add"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const loadMore = () => {
+    };
+    const fieldNames = {
+      children: "children",
+      title: "alias",
+      key: "node_key"
+    };
+    const emit = __emit;
+    const select = (selectedKeys, data) => {
+      emit("select", selectedKeys, data);
+    };
+    const expand = (expandedKeys, data) => {
+      emit("expand", expandedKeys, data);
+    };
+    const addItem = (nodeData) => {
+      emit("add", nodeData);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(webVue.Tree), {
+        data: props.list,
+        "load-more": loadMore,
+        "block-node": "",
+        size: "large",
+        "field-names": fieldNames,
+        "action-on-node-click": "expand",
+        onSelect: select,
+        onExpand: expand
+      }, {
+        icon: vue.withCtx((node) => [
+          !node.isLeaf ? (vue.openBlock(), vue.createBlock(vue.unref(icon.IconUserGroup), { key: 0 })) : vue.createCommentVNode("v-if", true)
+        ]),
+        title: vue.withCtx((nodeData) => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createElementVNode("div", _hoisted_2, [
+              nodeData.isUser ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Avatar), {
+                key: 0,
+                size: 22,
+                "image-url": nodeData.avatar
+              }, null, 8, ["image-url"])) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode("span", null, vue.toDisplayString(nodeData.alias), 1)
+            ])
+          ])
+        ]),
+        extra: vue.withCtx((nodeData) => [
+          vue.createVNode(vue.unref(webVue.Button), {
+            class: "tree-action",
+            type: "primary",
+            size: "mini",
+            shape: "circle",
+            onClick: ($event) => addItem(nodeData)
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(icon.IconPlus))
+            ]),
+            _: 2
+          }, 1032, ["onClick"])
+        ]),
+        _: 1
+      }, 8, ["data"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/userDirector/style/index.css

@@ -1,8 +1,55 @@
+.user-director-modal-body {
+  padding: 0;
+}
+.user-director-modal-body .arco-collapse {
+  height: calc(100% - 36px);
+}
+.user-director-modal-body .arco-collapse-item-content {
+  padding-left: 10px;
+  padding-right: 0;
+  background: white;
+}
 .user-select-content {
   height: 60vh;
+  display: flex;
 }
 .user-select-content .user-select-left,
 .user-select-content .user-select-right {
   width: 50%;
   height: 100%;
 }
+.user-select-content .user-select-left {
+  border-right: 1px solid var(--color-neutral-3);
+}
+.user-select-content .user-select-right .user-select-right-title {
+  display: flex;
+  justify-content: space-between;
+  font-size: 14px;
+  font-weight: 500;
+  padding: 6px 16px;
+  border-bottom: 1px solid var(--color-neutral-3);
+}
+.user-select-content .user-select-right .user-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 5px 16px;
+}
+.user-select-content .user-select-right .user-item .action {
+  display: none;
+}
+.user-select-content .user-select-right .user-item:hover {
+  background-color: var(--color-fill-1);
+}
+.user-select-content .user-select-right .user-item:hover .action {
+  display: flex;
+}
+.user-select-content .tree-action {
+  position: absolute;
+  top: 7px;
+  right: 30px;
+  display: none;
+}
+.user-select-content .arco-tree-node:hover .tree-action {
+  display: inline-block;
+}

package/lib/userDirector/style/index.less

@@ -1,8 +1,58 @@
+.user-director-modal-body {
+  padding: 0;
+  .arco-collapse {
+    height: calc(100% - 36px);
+  }
+  
+  .arco-collapse-item-content {
+    padding-left: 10px;
+    padding-right: 0;
+    background: white;
+  }
+}
 .user-select-content {
   height: 60vh;
+  display: flex;
   .user-select-left,
   .user-select-right {
     width: 50%;
     height: 100%;
   }
+  .user-select-left {
+    border-right: 1px solid var(--color-neutral-3);
+  }
+  .user-select-right {
+    .user-select-right-title {
+      display: flex;
+      justify-content: space-between;
+      font-size: 14px;
+      font-weight: 500;
+      padding: 6px 16px;
+      border-bottom: 1px solid var(--color-neutral-3);
+    }
+    .user-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 5px 16px;
+      .action {
+        display: none;
+      }
+      &:hover {
+        background-color: var(--color-fill-1);
+        .action {
+          display: flex;
+        }
+      }
+    }
+  }
+  .tree-action {
+    position: absolute;
+    top: 7px;
+    right: 30px;
+    display: none;
+  }
+  .arco-tree-node:hover .tree-action {
+    display: inline-block;
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "description": "",
   "keywords": [
     "vue",

package/es/mediaFilter/components/DocFilter.vue_vue_type_style_index_0_scoped_true_lang.js

@@ -1,2 +0,0 @@
-var DocFilter_vue_vue_type_style_index_0_scoped_true_lang = "";
-export { DocFilter_vue_vue_type_style_index_0_scoped_true_lang as default };

package/es/mediaFilter/components/FilterGroup.vue_vue_type_style_index_0_scoped_true_lang.js

@@ -1,2 +0,0 @@
-var FilterGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
-export { FilterGroup_vue_vue_type_style_index_0_scoped_true_lang as default };

package/es/mediaFilter/components/FilterItem.vue_vue_type_style_index_0_scoped_true_lang.js

@@ -1,2 +0,0 @@
-var FilterItem_vue_vue_type_style_index_0_scoped_true_lang = "";
-export { FilterItem_vue_vue_type_style_index_0_scoped_true_lang as default };

package/lib/mediaFilter/components/DocFilter.vue_vue_type_style_index_0_scoped_true_lang.js

@@ -1,3 +0,0 @@
-"use strict";
-var DocFilter_vue_vue_type_style_index_0_scoped_true_lang = "";
-module.exports = DocFilter_vue_vue_type_style_index_0_scoped_true_lang;

package/lib/mediaFilter/components/FilterGroup.vue_vue_type_style_index_0_scoped_true_lang.js

@@ -1,3 +0,0 @@
-"use strict";
-var FilterGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
-module.exports = FilterGroup_vue_vue_type_style_index_0_scoped_true_lang;

package/lib/mediaFilter/components/FilterItem.vue_vue_type_style_index_0_scoped_true_lang.js

@@ -1,3 +0,0 @@
-"use strict";
-var FilterItem_vue_vue_type_style_index_0_scoped_true_lang = "";
-module.exports = FilterItem_vue_vue_type_style_index_0_scoped_true_lang;