@cmstops/pro-compo 0.3.38 → 0.3.40

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/docHistory/component.js

@@ -0,0 +1,101 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var config = require("../config.js");
+var useDocHistory = require("./scripts/useDocHistory.js");
+var index$1 = require("./components/DocHistoryList/index.js");
+var index = require("./components/DocDiffPanel/index.js");
+const _hoisted_1 = { class: "doc-history-wrap" };
+const _hoisted_2 = { class: "doc-diff-panel" };
+const _hoisted_3 = { class: "doc-history-list" };
+const _sfc_main = vue.defineComponent({
+  ...{ name: "docHistory" },
+  __name: "component",
+  props: {
+    BASE_API: {},
+    visible: { type: Boolean },
+    docInfo: {},
+    pub: { type: Boolean }
+  },
+  emits: ["update:visible"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const vis = vue.computed({
+      get: () => props.visible,
+      set: (val) => {
+        emits("update:visible", val);
+      }
+    });
+    const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
+    const {
+      initParams,
+      loadData,
+      handleSelect,
+      loading,
+      diffContent,
+      list,
+      current
+    } = useDocHistory.useDocHistory(BASE_API);
+    vue.onMounted(() => {
+      if (!props.docInfo)
+        return;
+      initParams(props.docInfo.id, props.pub);
+      loadData();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(webVue.Drawer), {
+        visible: vis.value,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => vis.value = $event),
+        class: "doc-history-drawer",
+        title: "\u7248\u672C\u8BB0\u5F55",
+        width: 1e3,
+        footer: false
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(vue.unref(webVue.Spin), {
+                loading: vue.unref(loading),
+                style: { "height": "100%", "width": "100%" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(webVue.Scrollbar), {
+                    "outer-style": { height: "100%" },
+                    style: { "height": "100%", "overflow": "auto" }
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.unref(diffContent) ? (vue.openBlock(), vue.createBlock(index, {
+                        key: 0,
+                        doc: vue.unref(diffContent)
+                      }, null, 8, ["doc"])) : vue.createCommentVNode("v-if", true)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["loading"])
+            ]),
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.createVNode(vue.unref(webVue.Scrollbar), {
+                "outer-style": { height: "100%" },
+                style: { "height": "100%", "overflow": "auto" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(index$1, {
+                    list: vue.unref(list),
+                    current: vue.unref(current),
+                    onSelect: vue.unref(handleSelect)
+                  }, null, 8, ["list", "current", "onSelect"])
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/docHistory/components/DocDiffPanel/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var vue = require("vue");
+const _hoisted_1 = { class: "doc-diff-panel-wrap" };
+const _hoisted_2 = { class: "doc-title" };
+const _hoisted_3 = ["innerHTML"];
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  props: {
+    doc: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(_ctx.doc.title), 1),
+        vue.createElementVNode("div", {
+          class: "doc-content",
+          innerHTML: _ctx.doc.content
+        }, null, 8, _hoisted_3)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/docHistory/components/DocHistoryList/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var vue = require("vue");
+var index = require("../../../utils/index.js");
+const _hoisted_1 = { class: "doc-history-list-wrap" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "update-time" };
+const _hoisted_4 = {
+  key: 0,
+  class: "tips"
+};
+const _hoisted_5 = { class: "doc-author" };
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  props: {
+    list: {},
+    current: {}
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.list, (item, idx) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: item,
+            class: vue.normalizeClass(["doc-history-item", { active: idx === _ctx.current }]),
+            onClick: ($event) => emits("select", idx)
+          }, [
+            vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(vue.unref(index.timeFormat)(item.update_time)), 1),
+            idx === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, " \u6700\u8FD1\u66F4\u65B0")) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(item.author), 1)
+          ], 10, _hoisted_2);
+        }), 128))
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/docHistory/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var component = require("./component.js");
+const docHistory = Object.assign(component, {
+  install: (app) => {
+    app.component(component.name, component);
+  }
+});
+module.exports = docHistory;