@cmstops/pro-compo 0.3.38 → 0.3.40

package/es/docHistory/style/index.css

@@ -0,0 +1,74 @@
+.doc-diff-panel-wrap {
+  padding: 24px;
+}
+.doc-diff-panel-wrap .doc-title {
+  color: var(--color-text-1);
+  font-weight: bold;
+  font-size: 24px;
+}
+.doc-history-list-wrap {
+  box-sizing: border-box;
+  border-left: 1px solid var(--color-border-1);
+}
+.doc-history-list-wrap .doc-history-item {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  box-sizing: border-box;
+  width: 260px;
+  padding: 20px 16px;
+  border-bottom: 1px solid var(--color-border-1);
+  border-left: 3px solid transparent;
+  cursor: pointer;
+}
+.doc-history-list-wrap .doc-history-item .update-time {
+  color: var(--color-text-1);
+  font-size: 14px;
+}
+.doc-history-list-wrap .doc-history-item .tips {
+  color: var(--color-text-2);
+  font-size: 12px;
+}
+.doc-history-list-wrap .doc-history-item .doc-author {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  color: var(--color-text-1);
+  font-size: 14px;
+}
+.doc-history-list-wrap .doc-history-item .doc-author::before {
+  width: 5px;
+  height: 5px;
+  background-color: rgb(var(--primary-6));
+  border-radius: 50%;
+  content: ' ';
+}
+.doc-history-list-wrap .doc-history-item.active {
+  background-color: rgba(var(--primary-6), 0.1);
+  border-left-color: rgb(var(--primary-6));
+}
+.doc-history-list-wrap .doc-history-item.active .update-time {
+  color: rgb(var(--primary-6));
+}
+.doc-history-list-wrap .doc-history-item:hover {
+  background-color: var(--color-fill-1);
+}
+.doc-history-wrap {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.doc-history-wrap .doc-diff-panel {
+  flex: 1;
+  height: 100%;
+}
+.doc-history-wrap .doc-diff-panel .doc-diff-panel-wrap {
+  padding: 24px;
+}
+.doc-history-wrap .doc-history-list {
+  height: 100%;
+}
+.doc-history-drawer .arco-drawer-body {
+  padding: 0;
+}

package/es/docHistory/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/docHistory/style/index.js

@@ -0,0 +1 @@
+import "./index.less";

package/es/docHistory/style/index.less

@@ -0,0 +1,28 @@
+@import './docDiffPanel.less';
+@import './docHistoryList.less';
+
+.doc-history-wrap {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+
+  .doc-diff-panel {
+    flex: 1;
+    height: 100%;
+
+    .doc-diff-panel-wrap {
+      padding: 24px;
+    }
+  }
+
+  .doc-history-list {
+    height: 100%;
+  }
+}
+
+.doc-history-drawer {
+  .arco-drawer-body {
+    padding: 0;
+  }
+}

package/es/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;
@@ -4665,3 +4672,77 @@
   font-size: 20px;
   cursor: pointer;
 }
+.doc-diff-panel-wrap {
+  padding: 24px;
+}
+.doc-diff-panel-wrap .doc-title {
+  color: var(--color-text-1);
+  font-weight: bold;
+  font-size: 24px;
+}
+.doc-history-list-wrap {
+  box-sizing: border-box;
+  border-left: 1px solid var(--color-border-1);
+}
+.doc-history-list-wrap .doc-history-item {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  box-sizing: border-box;
+  width: 260px;
+  padding: 20px 16px;
+  border-bottom: 1px solid var(--color-border-1);
+  border-left: 3px solid transparent;
+  cursor: pointer;
+}
+.doc-history-list-wrap .doc-history-item .update-time {
+  color: var(--color-text-1);
+  font-size: 14px;
+}
+.doc-history-list-wrap .doc-history-item .tips {
+  color: var(--color-text-2);
+  font-size: 12px;
+}
+.doc-history-list-wrap .doc-history-item .doc-author {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  color: var(--color-text-1);
+  font-size: 14px;
+}
+.doc-history-list-wrap .doc-history-item .doc-author::before {
+  width: 5px;
+  height: 5px;
+  background-color: rgb(var(--primary-6));
+  border-radius: 50%;
+  content: ' ';
+}
+.doc-history-list-wrap .doc-history-item.active {
+  background-color: rgba(var(--primary-6), 0.1);
+  border-left-color: rgb(var(--primary-6));
+}
+.doc-history-list-wrap .doc-history-item.active .update-time {
+  color: rgb(var(--primary-6));
+}
+.doc-history-list-wrap .doc-history-item:hover {
+  background-color: var(--color-fill-1);
+}
+.doc-history-wrap {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.doc-history-wrap .doc-diff-panel {
+  flex: 1;
+  height: 100%;
+}
+.doc-history-wrap .doc-diff-panel .doc-diff-panel-wrap {
+  padding: 24px;
+}
+.doc-history-wrap .doc-history-list {
+  height: 100%;
+}
+.doc-history-drawer .arco-drawer-body {
+  padding: 0;
+}

package/es/index.d.ts

@@ -25,3 +25,4 @@ export { default as mediaView } from './mediaView';
 export { default as thumbCard } from './thumbCard';
 export { default as selectResourceModal } from './selectResourceModal';
 export { default as docPreview } from './docPreview';
+export { default as docHistory } from './docHistory';

package/es/index.js

@@ -25,3 +25,4 @@ export { default as mediaView } from "./mediaView/index.js";
 export { default as thumbCard } from "./thumbCard/index.js";
 export { default as selectResourceModal } from "./selectResourceModal/index.js";
 export { default as docPreview } from "./docPreview/index.js";
+export { default as docHistory } from "./docHistory/index.js";

package/es/index.less

@@ -25,3 +25,4 @@
 @import './thumbCard/style/index.less';
 @import './selectResourceModal/style/index.less';
 @import './docPreview/style/index.less';
+@import './docHistory/style/index.less';

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)
+      ]);
     };
   }
 });