@cmstops/pro-compo 0.3.38 → 0.3.40

package/lib/selectResourceModal/component.js

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

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

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

package/lib/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/lib/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "0.3.38",
+  "version": "0.3.40",
   "description": "",
   "keywords": [
     "vue",
@@ -55,7 +55,8 @@
     "gif.js": "^0.2.0",
     "tus-js-client": "^3.1.1",
     "vue": "^3.2.0",
-    "vuedraggable": "^4.1.0"
+    "vuedraggable": "^4.1.0",
+    "diff": "^5.2.0"
   },
   "devDependencies": {
     "@arco-design/web-vue": "~2",
@@ -76,6 +77,7 @@
     "@storybook/builder-webpack5": "^6.5.9",
     "@storybook/manager-webpack5": "^6.5.9",
     "@storybook/vue3": "^6.3.0",
+    "@types/diff": "^5.2.1",
     "@types/fs-extra": "^9.0.6",
     "@types/jest": "^29.5.5",
     "@types/node": "^20.6.2",
@@ -117,7 +119,8 @@
     "vue": "^3.2.0",
     "vue-loader": "^16.2.0",
     "vuedraggable": "^4.1.0",
-    "webpack": "^5.88.2"
+    "webpack": "^5.88.2",
+    "diff": "^5.2.0"
   },
   "arcoMeta": {
     "type": "vue-library",
@@ -130,6 +133,5 @@
     "es",
     "lib",
     "dist"
-  ],
-  "dependencies": {}
+  ]
 }