@cmstops/pro-compo 0.3.38 → 0.3.39

package/es/selectResourceModal/component.js

@@ -1,29 +1,7 @@
-import { defineComponent, ref, provide, computed, openBlock, createBlock, unref, withCtx, createElementBlock, createCommentVNode, createElementVNode, createVNode, withDirectives, vShow, createTextVNode } from "vue";
-import { Drawer, Tabs, Button, TabPane, Scrollbar, Pagination } from "@arco-design/web-vue";
-import { IconClose } from "@arco-design/web-vue/es/icon";
-import emptyData from "../emptyData/index.js";
-import _sfc_main$1 from "./components/ListFilter/index.js";
-import _sfc_main$2 from "./components/ListContent/index.js";
-import _sfc_main$4 from "./components/ListSelected/index.js";
-import _sfc_main$3 from "./components/ListContentLocal/index.js";
-import useAttachement from "../hooks/useAttachement.js";
-import { DEFAULT_BASE_API } from "../config.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "resource-select-container"
-};
-const _hoisted_2 = { class: "resource-select-header" };
-const _hoisted_3 = {
-  key: 0,
-  class: "resource-select-filter"
-};
-const _hoisted_4 = { class: "resource-select-content" };
-const _hoisted_5 = { class: "resource-select-footer" };
-const _hoisted_6 = { class: "footer-left" };
-const _hoisted_7 = {
-  key: 0,
-  class: "footer-right"
-};
+import { defineComponent, ref, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, createCommentVNode } from "vue";
+import { Drawer, Modal } from "@arco-design/web-vue";
+import _sfc_main$1 from "./components/Main/index.js";
+const _hoisted_1 = { class: "resource-select-wrap" };
 const _sfc_main = defineComponent({
   ...{ name: "selectResourceModal" },
   __name: "component",
@@ -32,193 +10,63 @@ const _sfc_main = defineComponent({
     visible: { type: Boolean },
     userInfo: {},
     maxcount: {},
+    wrap: {},
     filterOptions: {}
   },
   emits: ["update:visible", "submit"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
-    const activeKey = ref("all");
-    provide("userInfo", computed(() => props.userInfo));
-    provide("baseAPI", BASE_API);
-    const {
-      list,
-      total,
-      limit,
-      loading,
-      changeKey,
-      changeFilter,
-      changePage,
-      changeSize
-    } = useAttachement({ key: "all", BASE_API });
-    const selected = ref([]);
-    const selectedKeys = computed(() => selected.value.map((item) => item.id));
-    const disableSelect = computed(() => props.maxcount && selected.value.length >= props.maxcount);
-    function handleSelect(params) {
-      const { id } = params;
-      const index = selected.value.findIndex((item) => item.id === id);
-      if (index > -1)
-        selected.value.splice(index, 1);
-      else
-        selected.value.push(params);
-    }
-    function handleClear() {
-      selected.value = [];
-    }
-    function handleClose() {
-      handleClear();
+    const wrapMode = ref(props.wrap || "modal");
+    const handleClose = () => {
       emits("update:visible", false);
-    }
-    const handleSelectOne = (params) => {
-      if (Array.isArray(params))
-        emits("submit", params);
-      else
-        emits("submit", [params]);
-      handleClose();
     };
-    function handleConfirm() {
-      handleSelectOne(selected.value);
-    }
-    function handleToUpload() {
-      changeKey("local");
-      activeKey.value = "local";
-    }
+    const handleSubmit = (data) => {
+      emits("submit", JSON.parse(JSON.stringify(data)));
+    };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Drawer), {
-        visible: _ctx.visible,
-        width: "1024px",
-        header: false,
-        footer: false,
-        class: "resource-select-drawer"
-      }, {
-        default: withCtx(() => [
-          _ctx.userInfo ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createCommentVNode(" \u5934\u90E8 "),
-            createElementVNode("div", _hoisted_2, [
-              createVNode(unref(Tabs), {
-                "active-key": activeKey.value,
-                "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeKey.value = $event),
-                onChange: unref(changeKey)
-              }, {
-                extra: withCtx(() => [
-                  createVNode(unref(Button), {
-                    type: "secondary",
-                    shape: "round",
-                    onClick: handleClose
-                  }, {
-                    icon: withCtx(() => [
-                      createVNode(unref(IconClose))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                default: withCtx(() => [
-                  createVNode(unref(TabPane), {
-                    key: "all",
-                    title: "\u5168\u90E8\u7D20\u6750"
-                  }),
-                  createVNode(unref(TabPane), {
-                    key: "my",
-                    title: "\u6211\u7684\u7D20\u6750"
-                  }),
-                  createVNode(unref(TabPane), {
-                    key: "remind",
-                    title: "\u63D0\u9192\u6211\u7684"
-                  }),
-                  createVNode(unref(TabPane), {
-                    key: "local",
-                    title: "\u672C\u5730\u7D20\u6750"
-                  })
-                ]),
-                _: 1
-              }, 8, ["active-key", "onChange"])
-            ]),
-            createCommentVNode(" \u7B5B\u9009  "),
-            activeKey.value !== "local" ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              createVNode(_sfc_main$1, {
-                "disable-upload-by": activeKey.value !== "all",
-                filterOptions: _ctx.filterOptions,
-                onChange: unref(changeFilter),
-                onUpload: handleToUpload
-              }, null, 8, ["disable-upload-by", "filterOptions", "onChange"])
-            ])) : createCommentVNode("v-if", true),
-            createCommentVNode(" \u5217\u8868\u90E8\u5206 "),
-            createElementVNode("div", _hoisted_4, [
-              createVNode(unref(Scrollbar), {
-                "outer-style": { height: "100%" },
-                style: { "height": "100%", "overflow": "auto" }
-              }, {
-                default: withCtx(() => [
-                  withDirectives(createVNode(_sfc_main$2, {
-                    loading: unref(loading),
-                    list: unref(list),
-                    disable: disableSelect.value,
-                    "select-keys": selectedKeys.value,
-                    onSelect: handleSelect,
-                    onSelectOne: handleSelectOne
-                  }, null, 8, ["loading", "list", "disable", "select-keys"]), [
-                    [vShow, activeKey.value !== "local"]
-                  ]),
-                  withDirectives(createVNode(_sfc_main$3, {
-                    disable: disableSelect.value,
-                    "select-keys": selectedKeys.value,
-                    onSelect: handleSelect,
-                    onSelectOne: handleSelectOne
-                  }, null, 8, ["disable", "select-keys"]), [
-                    [vShow, activeKey.value === "local"]
-                  ])
-                ]),
-                _: 1
-              })
-            ]),
-            createCommentVNode(" \u5E95\u90E8 "),
-            createElementVNode("div", _hoisted_5, [
-              createElementVNode("div", _hoisted_6, [
-                activeKey.value !== "local" ? (openBlock(), createBlock(unref(Pagination), {
-                  key: 0,
-                  total: unref(total),
-                  "page-size": unref(limit),
-                  "show-total": "",
-                  "show-page-size": "",
-                  "base-size": 3,
-                  "buffer-size": 1,
-                  onChange: _cache[1] || (_cache[1] = (e) => unref(changePage)((e - 1) * unref(limit))),
-                  onPageSizeChange: unref(changeSize)
-                }, null, 8, ["total", "page-size", "onPageSizeChange"])) : createCommentVNode("v-if", true)
-              ]),
-              selected.value.length ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                createVNode(_sfc_main$4, {
-                  maxcount: _ctx.maxcount,
-                  selected: selected.value,
-                  onRemove: handleSelect,
-                  onClear: handleClear
-                }, null, 8, ["maxcount", "selected"]),
-                createVNode(unref(Button), { onClick: handleClose }, {
-                  default: withCtx(() => [
-                    createTextVNode("\u53D6\u6D88")
-                  ]),
-                  _: 1
-                }),
-                createVNode(unref(Button), {
-                  type: "primary",
-                  onClick: handleConfirm
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("\u786E\u5B9A")
-                  ]),
-                  _: 1
-                })
-              ])) : createCommentVNode("v-if", true)
-            ])
-          ])) : (openBlock(), createBlock(unref(emptyData), {
-            key: 1,
-            type: "empty",
-            customTip: "\u6682\u65E0\u6743\u9650"
-          }))
-        ]),
-        _: 1
-      }, 8, ["visible"]);
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        wrapMode.value === "drawer" ? (openBlock(), createBlock(unref(Drawer), {
+          key: 0,
+          visible: _ctx.visible,
+          width: "1024px",
+          header: false,
+          footer: false,
+          class: "resource-select-drawer"
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$1, {
+              BASE_API: _ctx.BASE_API,
+              userInfo: _ctx.userInfo,
+              maxcount: _ctx.maxcount,
+              filterOptions: _ctx.filterOptions,
+              onClose: handleClose,
+              onSubmit: handleSubmit
+            }, null, 8, ["BASE_API", "userInfo", "maxcount", "filterOptions"])
+          ]),
+          _: 1
+        }, 8, ["visible"])) : wrapMode.value === "modal" ? (openBlock(), createBlock(unref(Modal), {
+          key: 1,
+          visible: _ctx.visible,
+          width: "986px",
+          "body-class": "resource-select-modal-body",
+          "hide-title": false,
+          closable: false,
+          footer: false
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$1, {
+              BASE_API: _ctx.BASE_API,
+              userInfo: _ctx.userInfo,
+              maxcount: _ctx.maxcount,
+              filterOptions: _ctx.filterOptions,
+              onClose: handleClose,
+              onSubmit: handleSubmit
+            }, null, 8, ["BASE_API", "userInfo", "maxcount", "filterOptions"])
+          ]),
+          _: 1
+        }, 8, ["visible"])) : createCommentVNode("v-if", true)
+      ]);
     };
   }
 });

package/es/selectResourceModal/components/Main/index.js

@@ -0,0 +1,215 @@
+import { defineComponent, ref, provide, computed, openBlock, createElementBlock, createCommentVNode, createElementVNode, createVNode, unref, withCtx, withDirectives, vShow, createBlock, createTextVNode } from "vue";
+import { Tabs, Button, TabPane, Scrollbar, Pagination } from "@arco-design/web-vue";
+import { IconClose } from "@arco-design/web-vue/es/icon";
+import emptyData from "../../../emptyData/index.js";
+import _sfc_main$1 from "../ListFilter/index.js";
+import _sfc_main$2 from "../ListContent/index.js";
+import _sfc_main$4 from "../ListSelected/index.js";
+import _sfc_main$3 from "../ListContentLocal/index.js";
+import useAttachement from "../../../hooks/useAttachement.js";
+import { DEFAULT_BASE_API } from "../../../config.js";
+const _hoisted_1 = { class: "resource-select-main" };
+const _hoisted_2 = {
+  key: 0,
+  class: "resource-select-container"
+};
+const _hoisted_3 = { class: "resource-select-header" };
+const _hoisted_4 = {
+  key: 0,
+  class: "resource-select-filter"
+};
+const _hoisted_5 = { class: "resource-select-content" };
+const _hoisted_6 = { class: "resource-select-footer" };
+const _hoisted_7 = { class: "footer-left" };
+const _hoisted_8 = {
+  key: 0,
+  class: "footer-right"
+};
+const _sfc_main = defineComponent({
+  __name: "index",
+  props: {
+    BASE_API: {},
+    userInfo: {},
+    maxcount: {},
+    filterOptions: {}
+  },
+  emits: ["close", "submit"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
+    const activeKey = ref("all");
+    provide("userInfo", computed(() => props.userInfo));
+    provide("baseAPI", BASE_API);
+    const {
+      list,
+      total,
+      limit,
+      loading,
+      changeKey,
+      changeFilter,
+      changePage,
+      changeSize
+    } = useAttachement({ key: "all", BASE_API });
+    const selected = ref([]);
+    const selectedKeys = computed(() => selected.value.map((item) => item.id));
+    const disableSelect = computed(() => props.maxcount && selected.value.length >= props.maxcount);
+    function handleSelect(params) {
+      const { id } = params;
+      const index = selected.value.findIndex((item) => item.id === id);
+      if (index > -1)
+        selected.value.splice(index, 1);
+      else
+        selected.value.push(params);
+    }
+    function handleClear() {
+      selected.value = [];
+    }
+    function handleClose() {
+      handleClear();
+      emits("close");
+    }
+    const handleSelectOne = (params) => {
+      if (Array.isArray(params))
+        emits("submit", params);
+      else
+        emits("submit", [params]);
+      handleClose();
+    };
+    function handleConfirm() {
+      handleSelectOne(selected.value);
+    }
+    function handleToUpload() {
+      changeKey("local");
+      activeKey.value = "local";
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.userInfo ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createCommentVNode(" \u5934\u90E8 "),
+          createElementVNode("div", _hoisted_3, [
+            createVNode(unref(Tabs), {
+              "active-key": activeKey.value,
+              "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeKey.value = $event),
+              onChange: unref(changeKey)
+            }, {
+              extra: withCtx(() => [
+                createVNode(unref(Button), {
+                  type: "secondary",
+                  shape: "round",
+                  onClick: handleClose
+                }, {
+                  icon: withCtx(() => [
+                    createVNode(unref(IconClose))
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: withCtx(() => [
+                createVNode(unref(TabPane), {
+                  key: "all",
+                  title: "\u5168\u90E8\u7D20\u6750"
+                }),
+                createVNode(unref(TabPane), {
+                  key: "my",
+                  title: "\u6211\u7684\u7D20\u6750"
+                }),
+                createVNode(unref(TabPane), {
+                  key: "remind",
+                  title: "\u63D0\u9192\u6211\u7684"
+                }),
+                createVNode(unref(TabPane), {
+                  key: "local",
+                  title: "\u672C\u5730\u7D20\u6750"
+                })
+              ]),
+              _: 1
+            }, 8, ["active-key", "onChange"])
+          ]),
+          createCommentVNode(" \u7B5B\u9009  "),
+          activeKey.value !== "local" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            createVNode(_sfc_main$1, {
+              "disable-upload-by": activeKey.value !== "all",
+              filterOptions: _ctx.filterOptions,
+              onChange: unref(changeFilter),
+              onUpload: handleToUpload
+            }, null, 8, ["disable-upload-by", "filterOptions", "onChange"])
+          ])) : createCommentVNode("v-if", true),
+          createCommentVNode(" \u5217\u8868\u90E8\u5206 "),
+          createElementVNode("div", _hoisted_5, [
+            createVNode(unref(Scrollbar), {
+              "outer-style": { height: "100%" },
+              style: { "height": "100%", "overflow": "auto" }
+            }, {
+              default: withCtx(() => [
+                withDirectives(createVNode(_sfc_main$2, {
+                  loading: unref(loading),
+                  list: unref(list),
+                  disable: disableSelect.value,
+                  "select-keys": selectedKeys.value,
+                  onSelect: handleSelect,
+                  onSelectOne: handleSelectOne
+                }, null, 8, ["loading", "list", "disable", "select-keys"]), [
+                  [vShow, activeKey.value !== "local"]
+                ]),
+                withDirectives(createVNode(_sfc_main$3, {
+                  disable: disableSelect.value,
+                  "select-keys": selectedKeys.value,
+                  onSelect: handleSelect,
+                  onSelectOne: handleSelectOne
+                }, null, 8, ["disable", "select-keys"]), [
+                  [vShow, activeKey.value === "local"]
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          createCommentVNode(" \u5E95\u90E8 "),
+          createElementVNode("div", _hoisted_6, [
+            createElementVNode("div", _hoisted_7, [
+              activeKey.value !== "local" ? (openBlock(), createBlock(unref(Pagination), {
+                key: 0,
+                total: unref(total),
+                "page-size": unref(limit),
+                "show-total": "",
+                "show-page-size": "",
+                "base-size": 3,
+                "buffer-size": 1,
+                onChange: _cache[1] || (_cache[1] = (e) => unref(changePage)((e - 1) * unref(limit))),
+                onPageSizeChange: unref(changeSize)
+              }, null, 8, ["total", "page-size", "onPageSizeChange"])) : createCommentVNode("v-if", true)
+            ]),
+            selected.value.length ? (openBlock(), createElementBlock("div", _hoisted_8, [
+              createVNode(_sfc_main$4, {
+                maxcount: _ctx.maxcount,
+                selected: selected.value,
+                onRemove: handleSelect,
+                onClear: handleClear
+              }, null, 8, ["maxcount", "selected"]),
+              createVNode(unref(Button), { onClick: handleClose }, {
+                default: withCtx(() => [
+                  createTextVNode("\u53D6\u6D88")
+                ]),
+                _: 1
+              }),
+              createVNode(unref(Button), {
+                type: "primary",
+                onClick: handleConfirm
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u786E\u5B9A")
+                ]),
+                _: 1
+              })
+            ])) : createCommentVNode("v-if", true)
+          ])
+        ])) : (openBlock(), createBlock(unref(emptyData), {
+          key: 1,
+          type: "empty",
+          customTip: "\u6682\u65E0\u6743\u9650"
+        }))
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/selectResourceModal/style/index.css

@@ -155,6 +155,13 @@
   background-color: #165dff;
   border-color: #165dff;
 }
+.resource-select-modal-body {
+  height: 70vh;
+  padding: 0;
+}
+.resource-select-main {
+  height: 100%;
+}
 .resource-select-drawer .arco-drawer-body {
   box-sizing: border-box;
   padding: 0;

package/es/selectResourceModal/style/index.less

@@ -4,6 +4,15 @@
 @import './listContentLocal.less';
 @import './listCardWrapper.less';
 
+.resource-select-modal-body {
+  height: 70vh;
+  padding: 0;
+}
+
+.resource-select-main {
+  height: 100%;
+}
+
 .resource-select-drawer {
   .arco-drawer-body {
     box-sizing: border-box;

package/lib/index.css

@@ -4484,6 +4484,13 @@
   background-color: #165dff;
   border-color: #165dff;
 }
+.resource-select-modal-body {
+  height: 70vh;
+  padding: 0;
+}
+.resource-select-main {
+  height: 100%;
+}
 .resource-select-drawer .arco-drawer-body {
   box-sizing: border-box;
   padding: 0;