@cmstops/pro-compo 0.1.3 → 0.1.4

package/dist/index.css

@@ -1,7 +1,3 @@
-.tooltip-button {
-  height: auto;
-  padding: 20px;
-}
 .reference-btn {
   border: none;
   padding: 12px 16px;
@@ -206,3 +202,29 @@
   align-items: center;
   justify-content: center;
 }
+.type-icons-container {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 18px;
+}
+.tooltip-button {
+  height: auto;
+  padding: 20px;
+}
+.add-content-modal-wrapper .arco-modal-header {
+  border-bottom: none;
+}
+.add-content-modal-body {
+  padding: 0;
+  height: 70vh;
+}
+.add-content-modal-body .content-tabs {
+  height: 100%;
+}
+.add-content-modal-body .arco-tabs-content {
+  padding-top: 0;
+}
+.tooltip-button {
+  height: auto;
+  padding: 20px;
+}

package/dist/index.min.css

@@ -1 +1 @@
-.tooltip-button{height:auto;padding:20px}.reference-btn{border:none;padding:12px 16px;border-radius:4px;color:#5f5f5f}.apps-box-popover{position:relative;padding:10px}.app-title{font-size:16px;font-weight:700;padding:0 15px}.ul-list{list-style:none;overflow:hidden;width:435px!important;text-align:center;padding:0;margin:0}.ul-list .li_item{float:left;width:85px;height:90px;text-align:center;margin:13px 0;position:relative}.ul-list .li_item .icon-logo .svg-icon{width:4em;height:3.5em}.ul-list .li_item:hover{background:rgba(0,0,0,.05);border-radius:4px;cursor:pointer}.ul-list .li_item:hover .icon-gengduo{display:block}.ul-list .li_item .wrap_icon{width:70px;display:inline-block;margin-top:6px}.ul-list .li_item .wrap_icon .wrap_ .icon-logo{width:70px;height:50px;margin-bottom:4px}.ul-list .li_item .wrap_icon .wrap_ .icon-logo img{max-width:100%;max-height:100%}.ul-list .li_item .wrap_icon .wrap_ .shortcut-logo{line-height:77px}.ul-list .li_item .wrap_icon .wrap_ .shortcut-logo img{width:35px;height:35px}.ul-list .li_item .wrap_icon .wrap_ .icon_title{width:73px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ul-list .li_item .wrap_icon .quick-add .icon-logo{width:40px;height:40px;margin:5px auto 9px;text-align:center;background-color:rgba(0,0,0,.12);border-radius:50%}.ul-list .li_item .wrap_icon .quick-add .icon-logo i{line-height:40px;color:rgba(0,0,0,.85);font-size:14px}.ul-list .li_item .icon-gengduo{display:none;position:absolute;top:2px;right:4px}.reference-btn{border:none;padding:12px 16px;border-radius:4px;color:#5f5f5f}.message-boxs-popover{width:435px;position:relative}.message-boxs-popover .arco-tabs-content{padding-top:0}.message-boxs-popover .msg-scroll-bar{height:80vh;overflow-y:auto;display:block}.message-boxs-popover .message-list{margin:0;padding:0;list-style:none}.message-boxs-popover .message-item{padding:16px;padding-bottom:0}.message-boxs-popover .message-item:last-child .message-body{border-bottom:none}.message-boxs-popover .message-item .message-body{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:16px}.message-boxs-popover .message-item .message-body .media-message-content{width:100%}.message-boxs-popover .message-item .message-body .media-message-content .message-content{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#4e5969;margin-bottom:18px}.message-boxs-popover .message-item .message-body .media-message-content .message-info{display:flex;align-items:center;justify-content:space-between;color:#1d2129;font-size:14px;line-height:14px}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon{margin-right:4px}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover{text-decoration:underline}.user-avater-content-info{width:328px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;padding-bottom:0;line-height:1}.user-avater-content-info .avatar{width:74px;height:74px;position:relative;border-radius:50%;overflow:hidden;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.user-avater-content-info .avatar .arco-avatar{width:100%;height:100%}.user-avater-content-info .nick-name{font-size:16px;color:#1d2129;font-weight:500;margin-bottom:10px}.user-avater-content-info .user-email,.user-avater-content-info .user-name{font-size:14px;color:#86909c;margin-bottom:10px}.user-avater-content-info .org-alias{border:1px solid #ebeef5;padding:10px 20px;border-radius:40px}.user-avater-content-info .b_info_bottom{height:52px;padding:10px 16px;width:100%;display:flex;align-items:center;justify-content:center}
+.reference-btn{border:none;padding:12px 16px;border-radius:4px;color:#5f5f5f}.apps-box-popover{position:relative;padding:10px}.app-title{font-size:16px;font-weight:700;padding:0 15px}.ul-list{list-style:none;overflow:hidden;width:435px!important;text-align:center;padding:0;margin:0}.ul-list .li_item{float:left;width:85px;height:90px;text-align:center;margin:13px 0;position:relative}.ul-list .li_item .icon-logo .svg-icon{width:4em;height:3.5em}.ul-list .li_item:hover{background:rgba(0,0,0,.05);border-radius:4px;cursor:pointer}.ul-list .li_item:hover .icon-gengduo{display:block}.ul-list .li_item .wrap_icon{width:70px;display:inline-block;margin-top:6px}.ul-list .li_item .wrap_icon .wrap_ .icon-logo{width:70px;height:50px;margin-bottom:4px}.ul-list .li_item .wrap_icon .wrap_ .icon-logo img{max-width:100%;max-height:100%}.ul-list .li_item .wrap_icon .wrap_ .shortcut-logo{line-height:77px}.ul-list .li_item .wrap_icon .wrap_ .shortcut-logo img{width:35px;height:35px}.ul-list .li_item .wrap_icon .wrap_ .icon_title{width:73px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ul-list .li_item .wrap_icon .quick-add .icon-logo{width:40px;height:40px;margin:5px auto 9px;text-align:center;background-color:rgba(0,0,0,.12);border-radius:50%}.ul-list .li_item .wrap_icon .quick-add .icon-logo i{line-height:40px;color:rgba(0,0,0,.85);font-size:14px}.ul-list .li_item .icon-gengduo{display:none;position:absolute;top:2px;right:4px}.reference-btn{border:none;padding:12px 16px;border-radius:4px;color:#5f5f5f}.message-boxs-popover{width:435px;position:relative}.message-boxs-popover .arco-tabs-content{padding-top:0}.message-boxs-popover .msg-scroll-bar{height:80vh;overflow-y:auto;display:block}.message-boxs-popover .message-list{margin:0;padding:0;list-style:none}.message-boxs-popover .message-item{padding:16px;padding-bottom:0}.message-boxs-popover .message-item:last-child .message-body{border-bottom:none}.message-boxs-popover .message-item .message-body{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:16px}.message-boxs-popover .message-item .message-body .media-message-content{width:100%}.message-boxs-popover .message-item .message-body .media-message-content .message-content{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#4e5969;margin-bottom:18px}.message-boxs-popover .message-item .message-body .media-message-content .message-info{display:flex;align-items:center;justify-content:space-between;color:#1d2129;font-size:14px;line-height:14px}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon{margin-right:4px}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover{text-decoration:underline}.user-avater-content-info{width:328px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;padding-bottom:0;line-height:1}.user-avater-content-info .avatar{width:74px;height:74px;position:relative;border-radius:50%;overflow:hidden;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.user-avater-content-info .avatar .arco-avatar{width:100%;height:100%}.user-avater-content-info .nick-name{font-size:16px;color:#1d2129;font-weight:500;margin-bottom:10px}.user-avater-content-info .user-email,.user-avater-content-info .user-name{font-size:14px;color:#86909c;margin-bottom:10px}.user-avater-content-info .org-alias{border:1px solid #ebeef5;padding:10px 20px;border-radius:40px}.user-avater-content-info .b_info_bottom{height:52px;padding:10px 16px;width:100%;display:flex;align-items:center;justify-content:center}.type-icons-container{display:inline-block;vertical-align:middle;font-size:18px}.tooltip-button{height:auto;padding:20px}.add-content-modal-wrapper .arco-modal-header{border-bottom:none}.add-content-modal-body{padding:0;height:70vh}.add-content-modal-body .content-tabs{height:100%}.add-content-modal-body .arco-tabs-content{padding-top:0}.tooltip-button{height:auto;padding:20px}

package/es/appCenter/component.js

@@ -5,6 +5,7 @@ import permissionMap from "./script/permissionMap.js";
 import appList from "./script/apps.js";
 import { setResentApp, getPubApps, getUserRepoActs, getResentApp } from "./script/api.js";
 import { getRID } from "../utils/auth.js";
+import { DEFAULT_BASE_API } from "../config.js";
 const _hoisted_1 = {
   key: 1,
   class: "reference-btn"
@@ -45,7 +46,7 @@ const _sfc_main = defineComponent({
     const permissions = ref([]);
     const slotTest = !!useSlots().reference;
     const rid = getRID() || "4";
-    const BASE_API = props.BASE_API || "https://site.cmstop.xyz";
+    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
     const navList = computed(() => {
       const appList2 = [];
       StorePubApplication.value.map((item) => {

package/es/config.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_BASE_API = "https://site.cmstop.xyz";
+export declare const DEFAULT_BASE_ACCOUNT_HOST = "https://account.cmstop.xyz";

package/es/config.js

@@ -0,0 +1,3 @@
+const DEFAULT_BASE_API = "https://site.cmstop.xyz";
+const DEFAULT_BASE_ACCOUNT_HOST = "https://account.cmstop.xyz";
+export { DEFAULT_BASE_ACCOUNT_HOST, DEFAULT_BASE_API };

package/es/contentModal/component.js

@@ -0,0 +1,175 @@
+import { defineComponent, computed, ref, onMounted, openBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode } from "vue";
+import { Modal, Tabs, TabPane, Button } from "@arco-design/web-vue";
+import _sfc_main$1 from "./components/ViewAllColumn/index.js";
+import _sfc_main$3 from "./components/CompoList/index.js";
+import _sfc_main$2 from "./components/storeBox/index.js";
+import "../typeIcons/style/index.js";
+import { DEFAULT_BASE_API } from "../config.js";
+import useLoadUserInfo from "../hooks/user.js";
+const _sfc_main = defineComponent({
+  ...{ name: "contentModal" },
+  __name: "component",
+  props: {
+    BASE_API: {},
+    visible: { type: Boolean },
+    title: {},
+    defaultSelectedData: {},
+    maxSelect: {},
+    typeData: {},
+    userStore: {}
+  },
+  emits: ["update:visible", "comfirm"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
+    const visible = computed({
+      get() {
+        return props.visible;
+      },
+      set(value) {
+        setVisible(value);
+      }
+    });
+    const selectedData = ref([]);
+    const hasSelected = computed(() => {
+      return selectedData.value.length > 0;
+    });
+    const typeDataController = ref(props.typeData);
+    const setVisible = (bool) => {
+      emit("update:visible", bool);
+    };
+    const selectedDataChangeHandle = (data) => {
+      selectedData.value = data;
+    };
+    const handleOk = () => {
+      setVisible(false);
+    };
+    const handleCancel = () => {
+      setVisible(false);
+    };
+    const comfirm = () => {
+      emit("comfirm", JSON.parse(JSON.stringify(selectedData.value)));
+    };
+    const { userInfo, getUserInfoHandle } = useLoadUserInfo(BASE_API);
+    const HandleOpen = () => {
+      selectedData.value = props.defaultSelectedData || [];
+    };
+    const HandleClose = () => {
+      selectedData.value = [];
+    };
+    onMounted(() => {
+      if (props.userStore) {
+        userInfo.value = { BASE_API, ...props.userStore };
+      } else {
+        getUserInfoHandle();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Modal), {
+        visible: visible.value,
+        width: "986px",
+        "mask-closable": false,
+        footer: false,
+        "title-align": "start",
+        "unmount-on-close": "",
+        "modal-class": "add-content-modal-wrapper",
+        "body-class": "add-content-modal-body",
+        onOk: handleOk,
+        onOpen: HandleOpen,
+        onClose: HandleClose,
+        onCancel: handleCancel
+      }, {
+        title: withCtx(() => [
+          createTextVNode(toDisplayString(props.title ? props.title : "\u6DFB\u52A0\u5185\u5BB9"), 1)
+        ]),
+        default: withCtx(() => [
+          createVNode(unref(Tabs), {
+            class: "content-tabs",
+            justify: ""
+          }, {
+            default: withCtx(() => [
+              typeDataController.value.addDoc ? (openBlock(), createBlock(unref(TabPane), {
+                key: "1",
+                title: "\u680F\u76EE"
+              }, {
+                default: withCtx(() => [
+                  unref(userInfo) && unref(userInfo).repository_id ? (openBlock(), createBlock(_sfc_main$1, {
+                    key: 0,
+                    "max-select": _ctx.maxSelect,
+                    "default-selected-data": selectedData.value,
+                    "type-data": typeDataController.value,
+                    series: typeDataController.value.docSeries,
+                    banner: typeDataController.value.docBanner,
+                    "user-info": unref(userInfo),
+                    onChange: selectedDataChangeHandle
+                  }, {
+                    store: withCtx(() => [
+                      createVNode(_sfc_main$2, {
+                        selectData: selectedData.value,
+                        "onUpdate:selectData": _cache[0] || (_cache[0] = ($event) => selectedData.value = $event)
+                      }, null, 8, ["selectData"])
+                    ]),
+                    options: withCtx(() => [
+                      createVNode(unref(Button), {
+                        type: "primary",
+                        disabled: !hasSelected.value,
+                        onClick: comfirm
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("\u6DFB\u52A0")
+                        ]),
+                        _: 1
+                      }, 8, ["disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["max-select", "default-selected-data", "type-data", "series", "banner", "user-info"])) : createCommentVNode("v-if", true)
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true),
+              typeDataController.value.addCompo ? (openBlock(), createBlock(unref(TabPane), {
+                key: "2",
+                title: "\u7EC4\u4EF6"
+              }, {
+                default: withCtx(() => [
+                  unref(userInfo) && unref(userInfo).repository_id ? (openBlock(), createBlock(_sfc_main$3, {
+                    key: 0,
+                    "max-select": _ctx.maxSelect,
+                    "default-selected-data": selectedData.value,
+                    "type-data": typeDataController.value,
+                    columns: typeDataController.value.compoType,
+                    "user-info": unref(userInfo),
+                    onChange: selectedDataChangeHandle
+                  }, {
+                    store: withCtx(() => [
+                      createVNode(_sfc_main$2, {
+                        selectData: selectedData.value,
+                        "onUpdate:selectData": _cache[1] || (_cache[1] = ($event) => selectedData.value = $event)
+                      }, null, 8, ["selectData"])
+                    ]),
+                    options: withCtx(() => [
+                      createVNode(unref(Button), {
+                        type: "primary",
+                        disabled: !hasSelected.value,
+                        onClick: comfirm
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("\u6DFB\u52A0")
+                        ]),
+                        _: 1
+                      }, 8, ["disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["max-select", "default-selected-data", "type-data", "columns", "user-info"])) : createCommentVNode("v-if", true)
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/contentModal/components/CompoList/CompoFilter/index.js

@@ -0,0 +1,103 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock } from "vue";
+import { Space, Select, Option, Input } from "@arco-design/web-vue";
+import { compoColumnsMap } from "../../../../utils/typeMap.js";
+const _hoisted_1 = { class: "media-filter-container" };
+const _sfc_main = defineComponent({
+  ...{ name: "CompoFilter" },
+  __name: "index",
+  props: {
+    group_id: {},
+    groups: {},
+    userInfo: {}
+  },
+  emits: ["update:group_id", "search"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const columnIdMap = compoColumnsMap();
+    const filter = ref({ keyword: "", columns: "" });
+    const groupId = computed({
+      get() {
+        return props.group_id;
+      },
+      set(val) {
+        emit("update:group_id", val);
+      }
+    });
+    const typeOptions = computed(() => {
+      const arr = Object.keys(columnIdMap).map((key) => {
+        return {
+          label: columnIdMap[key],
+          value: key
+        };
+      });
+      return [{ value: "", label: "\u5168\u90E8\u7C7B\u578B" }, ...arr];
+    });
+    const groupOptions = computed(() => {
+      const arr = props.groups.map((item) => {
+        return {
+          label: item.alias || item.title,
+          value: item.id
+        };
+      });
+      return [{ value: "all", label: "\u5168\u90E8\u7EC4\u4EF6" }, ...arr];
+    });
+    const handleSearch = () => {
+      emit("search", filter.value);
+    };
+    watch(filter.value, () => {
+      handleSearch();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Space), { size: "large" }, {
+          default: withCtx(() => [
+            createVNode(unref(Select), {
+              modelValue: groupId.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => groupId.value = $event),
+              class: "filter-item",
+              placeholder: "\u7EC4\u4EF6\u5206\u7C7B"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(groupOptions.value, (item) => {
+                  return openBlock(), createBlock(unref(Option), {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            createVNode(unref(Select), {
+              modelValue: filter.value.columns,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filter.value.columns = $event),
+              class: "filter-item",
+              placeholder: "\u7C7B\u578B"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(typeOptions.value, (item) => {
+                  return openBlock(), createBlock(unref(Option), {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            createVNode(unref(Input), {
+              modelValue: filter.value.keyword,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.keyword = $event),
+              class: "filter-item",
+              "allow-clear": "",
+              placeholder: "\u8F93\u5165\u7EC4\u4EF6\u6807\u9898\u67E5\u627E",
+              onPressEnter: handleSearch
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/contentModal/components/CompoList/index.js

@@ -0,0 +1,234 @@
+import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, createVNode, createElementVNode, unref, withCtx, withModifiers, createBlock, toDisplayString, renderSlot } from "vue";
+import { Table, Checkbox } from "@arco-design/web-vue";
+import _sfc_main$2 from "../../../typeIcons/component.js";
+import _sfc_main$1 from "./CompoFilter/index.js";
+import useTableBatch from "../../../hooks/batch.js";
+import { searchMlists, getCategorylistsGroups } from "../../script/api.js";
+import { compoColumnsMap } from "../../../utils/typeMap.js";
+import { dateYYYYDDMMHHmm } from "../../../utils/index.js";
+const _hoisted_1 = { class: "view-all-column-container" };
+const _hoisted_2 = { class: "content-table-view" };
+const _hoisted_3 = { class: "title-span" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "title" };
+const _hoisted_6 = { class: "bottom-view" };
+const _hoisted_7 = { class: "left" };
+const _sfc_main = defineComponent({
+  ...{ name: "CompoList" },
+  __name: "index",
+  props: {
+    maxSelect: {},
+    defaultSelectedData: {},
+    typeData: {},
+    userInfo: {}
+  },
+  emits: ["change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const columnIdMap = compoColumnsMap();
+    const _maxSelect = props.maxSelect || 100;
+    const selectedData = ref([]);
+    const tempSelectedData = computed(() => {
+      return props.defaultSelectedData || [];
+    });
+    watch(
+      () => tempSelectedData.value,
+      (val) => {
+        selectedData.value = val;
+      }
+    );
+    const {
+      isItemChecked,
+      hoverBatchBox,
+      tableCellMouseEnter,
+      tableCellMouseLeave
+    } = useTableBatch();
+    const clickCheckbox = (e, record) => {
+      e.stopPropagation();
+      e.preventDefault();
+      selectData(record);
+    };
+    const selectTableCell = (record) => {
+      selectData(record);
+    };
+    const selectData = (record) => {
+      addDataToSelectedList(record);
+    };
+    const addDataToSelectedList = async (record) => {
+      const index = selectedData.value.findIndex((v) => v.id === record.id);
+      if (selectedData.value.length < _maxSelect) {
+        if (index === -1) {
+          selectedData.value.push(record);
+        } else {
+          selectedData.value.splice(index, 1);
+        }
+        emitChange();
+      } else {
+        if (index === -1) {
+          selectedData.value.splice(selectedData.value.length - 1, 1);
+          selectedData.value.push(record);
+        } else {
+          selectedData.value.splice(index, 1);
+        }
+        emitChange();
+      }
+    };
+    const emitChange = () => {
+      emit("change", selectedData.value);
+    };
+    const group_id = ref("all");
+    const groupData = ref([]);
+    const scrollPercent = { y: "100%" };
+    const search = (_filter) => {
+      if (_filter.keyword || _filter.columns) {
+        filter.value = { ..._filter };
+      } else {
+        filter.value = null;
+      }
+      loadData();
+    };
+    watch(
+      () => group_id.value,
+      () => {
+        loadData();
+      }
+    );
+    const columns = [
+      {
+        title: "\u7EC4\u4EF6\u6807\u9898",
+        dataIndex: "title",
+        slotName: "title"
+      },
+      {
+        title: "\u7EC4\u4EF6\u7C7B\u578B",
+        dataIndex: "type",
+        slotName: "type"
+      },
+      {
+        title: "\u53D1\u5E03\u65F6\u95F4",
+        dataIndex: "pub_time",
+        slotName: "pub_time"
+      }
+    ];
+    const mediaFileData = ref([]);
+    const filter = ref(null);
+    const dataLoading = ref(false);
+    const loadData = async () => {
+      const gid = group_id.value;
+      if (!gid)
+        return;
+      let params = {
+        rid: props.userInfo.repository_id,
+        state: 1,
+        group_type: 2
+      };
+      if (filter.value) {
+        params = { ...params, ...filter.value };
+      }
+      if (gid !== "all") {
+        params.gid = gid;
+      }
+      dataLoading.value = true;
+      const { code, message } = await searchMlists(props.userInfo.BASE_API, params);
+      dataLoading.value = false;
+      if (code === 0) {
+        mediaFileData.value = message.map((v) => {
+          v.catalog = "contentList";
+          v.channel_type = 1;
+          v.target_id = v.id;
+          v.target_type = 6;
+          v.pub_time = dateYYYYDDMMHHmm(v.publish_at);
+          v.update_time = v.updated_at;
+          v.pub_user_alias = v.publish_user_alias;
+          v.creator_alias = v.creator_alias || v.author_alias;
+          v._type = 2;
+          return v;
+        }) || [];
+      }
+    };
+    const getGroupData = async () => {
+      const params = {
+        rid: props.userInfo.repository_id,
+        cid: props.userInfo.default_wap_channel_id,
+        group_type: 2,
+        less: true,
+        active: true,
+        limit: 500,
+        offset: 0
+      };
+      const { code, message } = await getCategorylistsGroups(
+        props.userInfo.BASE_API,
+        params
+      );
+      if (code === 0 && message) {
+        const { groups } = message;
+        groupData.value = groups.map((v) => {
+          v._type = 1;
+          v.catalog = "group";
+          return v;
+        });
+        loadData();
+      }
+    };
+    onMounted(() => {
+      getGroupData();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          group_id: group_id.value,
+          "onUpdate:group_id": _cache[0] || (_cache[0] = ($event) => group_id.value = $event),
+          groups: groupData.value,
+          "user-info": props.userInfo,
+          onSearch: search
+        }, null, 8, ["group_id", "groups", "user-info"]),
+        createElementVNode("div", _hoisted_2, [
+          createVNode(unref(Table), {
+            columns,
+            scroll: scrollPercent,
+            pagination: false,
+            bordered: false,
+            data: mediaFileData.value,
+            loading: dataLoading.value,
+            onCellMouseEnter: unref(tableCellMouseEnter),
+            onCellMouseLeave: unref(tableCellMouseLeave),
+            onRowClick: selectTableCell
+          }, {
+            title: withCtx(({ record }) => [
+              createElementVNode("span", _hoisted_3, [
+                unref(hoverBatchBox)(selectedData.value, record) ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  onClick: withModifiers(($event) => clickCheckbox($event, record), ["stop"])
+                }, [
+                  createVNode(unref(Checkbox), {
+                    class: "icon",
+                    "model-value": unref(isItemChecked)(selectedData.value, record)
+                  }, null, 8, ["model-value"])
+                ], 8, _hoisted_4)) : (openBlock(), createBlock(_sfc_main$2, {
+                  key: 1,
+                  class: "icon",
+                  type: record.series
+                }, null, 8, ["type"])),
+                createElementVNode("span", _hoisted_5, toDisplayString(record.title || record.alias || "--"), 1)
+              ])
+            ]),
+            type: withCtx(({ record }) => [
+              createElementVNode("span", null, toDisplayString(unref(columnIdMap)[record.columns]), 1)
+            ]),
+            pub_time: withCtx(({ record }) => [
+              createElementVNode("span", null, toDisplayString(record.pub_time), 1)
+            ]),
+            _: 1
+          }, 8, ["data", "loading", "onCellMouseEnter", "onCellMouseLeave"])
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          createElementVNode("div", _hoisted_7, [
+            renderSlot(_ctx.$slots, "store")
+          ]),
+          renderSlot(_ctx.$slots, "options")
+        ])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/contentModal/components/ViewAllColumn/MediaFilter/index.js

@@ -0,0 +1,44 @@
+import { defineComponent, ref, watch, openBlock, createElementBlock, createVNode } from "vue";
+import _sfc_main$1 from "../columnTree/index.js";
+const _hoisted_1 = { class: "media-filter-container" };
+const _sfc_main = defineComponent({
+  ...{ name: "MediaFilter" },
+  __name: "index",
+  props: {
+    group_id: {},
+    tree: {},
+    series: {},
+    banner: {},
+    height: {},
+    userInfo: {}
+  },
+  emits: ["update:group_id"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const column_id = ref(0);
+    watch(
+      () => props.group_id,
+      (val) => {
+        column_id.value = val;
+      }
+    );
+    watch(
+      () => column_id.value,
+      (val) => {
+        emit("update:group_id", val);
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          column_id: column_id.value,
+          "onUpdate:column_id": _cache[0] || (_cache[0] = ($event) => column_id.value = $event),
+          height: props.height,
+          tree: props.tree,
+          "user-info": props.userInfo
+        }, null, 8, ["column_id", "height", "tree", "user-info"])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };