@cmstops/pro-compo 0.1.9 → 0.1.11

package/es/mediaFilter/components/MpContentFilter.js

@@ -0,0 +1,8 @@
+import { openBlock, createElementBlock } from "vue";
+import _export_sfc from "../../_virtual/plugin-vue_export-helper.js";
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", null, " \u516C\u4F17\u53F7\u5185\u5BB9\u7B5B\u9009\u7EC4\u4EF6 ");
+}
+var MpcFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { MpcFilter as default };

package/es/mediaFilter/index.d.ts

@@ -0,0 +1,2 @@
+declare const mediaFilter: any;
+export default mediaFilter;

package/es/mediaFilter/index.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./component.js";
+const mediaFilter = Object.assign(_sfc_main, {
+  install: (app) => {
+    app.component(_sfc_main.name, _sfc_main);
+  }
+});
+export { mediaFilter as default };

package/es/mediaFilter/script/optionsGetter.d.ts

@@ -0,0 +1,26 @@
+declare type KeyValueType = {
+    [key: number]: string;
+};
+export declare const approveFlowStatusMap: KeyValueType;
+export declare const provalTypeMap: KeyValueType;
+export declare function getApprovalStateOptions(): {
+    value: any;
+    label: string;
+}[];
+export declare function getProvalTypeOptions(): {
+    value: any;
+    label: string;
+}[];
+declare type OSType = {
+    value: number | string;
+    label: string;
+    type?: string;
+    key?: string;
+};
+declare type FilterType = 'APV' | 'MINE' | 'CONTENT' | 'STORE';
+export declare function useHighLevelSearch(filterType: FilterType): {
+    sortOptions: OSType[];
+    showHighLevelSearch: import("vue").ComputedRef<boolean>;
+    highLevelSearchOptions: import("vue").ComputedRef<OSType[]>;
+};
+export {};

package/es/mediaFilter/script/optionsGetter.js

@@ -0,0 +1,82 @@
+import { computed } from "vue";
+const approveFlowStatusMap = {
+  1: "\u5BA1\u6838\u4E2D",
+  2: "\u5DF2\u62D2\u7EDD",
+  3: "\u5DF2\u901A\u8FC7",
+  4: "\u5DF2\u64A4\u9500",
+  5: "\u5DF2\u901A\u8FC7",
+  6: "\u5DF2\u9A73\u56DE",
+  7: "\u91CD\u65B0\u53D1\u8D77",
+  8: "\u5DF2\u7ED3\u675F"
+};
+const provalTypeMap = {
+  1: "\u5185\u5BB9\u5BA1\u6279",
+  2: "\u4E0A\u7248\u5BA1\u6279"
+};
+function getApprovalStateOptions() {
+  const ret = Object.keys(approveFlowStatusMap).map((key) => {
+    return {
+      label: approveFlowStatusMap[key],
+      value: parseInt(key, 10)
+    };
+  }).filter((item) => {
+    return ![2, 5, 7].includes(item.value);
+  });
+  ret.unshift({ label: "\u5168\u90E8\u72B6\u6001", value: "" });
+  return ret;
+}
+function getProvalTypeOptions() {
+  const ret = Object.keys(provalTypeMap).map(
+    (key) => {
+      return {
+        label: provalTypeMap[key],
+        value: parseInt(key, 10)
+      };
+    }
+  );
+  ret.unshift({ label: "\u5168\u90E8", value: "" });
+  return ret;
+}
+function useHighLevelSearch(filterType) {
+  const sortOptions = [
+    { value: 1, label: "\u6B63\u5E8F" },
+    { value: -1, label: "\u5012\u5E8F" }
+  ];
+  const apvOrderOptions = [
+    { value: "create_at", label: "\u63D0\u4EA4\u65F6\u95F4" },
+    { value: "update_at", label: "\u66F4\u65B0\u65F6\u95F4" }
+  ];
+  const storeOrderOptions = [
+    { value: "create_time", label: "\u521B\u5EFA\u65F6\u95F4" },
+    { value: "pub_time", label: "\u53D1\u5E03\u65F6\u95F4" },
+    { value: "update_time", label: "\u66F4\u65B0\u65F6\u95F4" }
+  ];
+  const mineOrderOptions = [
+    { value: "create_time", type: "draft", label: "\u521B\u5EFA\u65F6\u95F4", key: "create" },
+    { value: "pub_time", type: "published", label: "\u53D1\u5E03\u65F6\u95F4", key: "publish" },
+    { value: "commit_time", type: "tocheck", label: "\u63D0\u4EA4\u65F6\u95F4", key: "commit" },
+    { value: "retract_time", type: "refuse", label: "\u9A73\u56DE\u65F6\u95F4", key: "reject" },
+    {
+      value: "offline_time",
+      type: "offline",
+      label: "\u4E0B\u7EBF\u65F6\u95F4",
+      key: "offline"
+    }
+  ];
+  const showHighLevelSearch = computed(() => filterType !== "CONTENT");
+  const highLevelSearchOptions = computed(() => {
+    if (filterType === "APV")
+      return apvOrderOptions;
+    if (filterType === "MINE")
+      return mineOrderOptions;
+    if (filterType === "STORE")
+      return storeOrderOptions;
+    return [];
+  });
+  return {
+    sortOptions,
+    showHighLevelSearch,
+    highLevelSearchOptions
+  };
+}
+export { approveFlowStatusMap, getApprovalStateOptions, getProvalTypeOptions, provalTypeMap, useHighLevelSearch };

package/es/mediaFilter/style/css.js

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

package/es/mediaFilter/style/index.css

@@ -0,0 +1,4 @@
+.tooltip-button {
+  height: auto;
+  padding: 20px;
+}

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

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

package/es/mediaFilter/style/index.js

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

package/es/mediaFilter/style/index.less

@@ -0,0 +1,4 @@
+.tooltip-button {
+  height: auto;
+  padding: 20px;
+}

package/es/messageBox/list.js

@@ -31,7 +31,8 @@ const _sfc_main = defineComponent({
     isNorMore: { type: Boolean }
   },
   emits: ["loadMoreMsg"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
     const props = __props;
     const isEmptyList = computed(() => {
       if (props.list.length === 0) {

package/es/previousVersion/component.js

@@ -36,8 +36,9 @@ const _sfc_main = defineComponent({
     targetArr: {}
   },
   emits: ["update:visible", "cancel"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const BASE_API = props.BASE_API || DEFAULT_BASE_API;
     const title = props.title || "\u4E0A\u7248";
     const targetArr = computed(() => {

package/es/previousVersion/style/index.less

@@ -1,6 +1,7 @@
 .previous-version-modal-body {
   padding: 0;
 }
+
 .tooltip-button {
   height: auto;
   padding: 20px;

package/es/resourceModal/component.js

@@ -15,10 +15,11 @@ const _sfc_main = defineComponent({
     base_api: {}
   },
   emits: ["update:dialogVisible", "submit"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const BASE_API = props.base_api || DEFAULT_BASE_API;
     const selectedMax = ref(1);
+    const emit = __emit;
     const add = (itemData) => {
       emit("submit", itemData);
     };

package/es/resourceModal/components/MediaPreviewer/index.js

@@ -26,9 +26,10 @@ const _sfc_main = defineComponent({
     url: {}
   },
   emits: ["close"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const imageVisible = computed(() => props.type === "image");
+    const emit = __emit;
     const closePreviewer = () => {
       emit("close", false);
     };

package/es/resourceModal/components/MediaSelection/DocAiMediaSelected/index.js

@@ -25,7 +25,8 @@ const _sfc_main = defineComponent({
     addType: {}
   },
   emits: ["add"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const add = (itemData) => {
       if (selectedUrl.value.includes(itemData.url)) {
         selectedUrl.value = [];

package/es/resourceModal/components/MediaSelection/MainContent/FileTypeThumb/index.js

@@ -18,16 +18,18 @@ const _sfc_main = defineComponent({
     addType: {}
   },
   emits: ["add"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const visible = ref(false);
     const previewType = computed(() => props.itemData.catalog);
     const previewUrl = computed(() => props.itemData.url || "");
     const openPreview = () => visible.value = true;
     const closePreviewer = (val) => visible.value = val;
     const add = () => {
-      if (props.addType === "copper")
-        ;
+      if (props.addType === "copper" && props.itemData.catalog === "image") {
+        console.log("copper");
+      }
       emit("add", props.itemData);
     };
     return (_ctx, _cache) => {

package/es/resourceModal/components/MediaSelection/MainContent/index.js

@@ -3,6 +3,7 @@ import _imports_0 from "../../../assets/selection/null.js";
 import { Scrollbar, Tooltip, Button } from "@arco-design/web-vue";
 import _sfc_main$2 from "../../../../typeIcons/component.js";
 import _sfc_main$1 from "./FileTypeThumb/index.js";
+import { timeFormat } from "../../../script/filter.js";
 const _hoisted_1 = { class: "file-wrap" };
 const _hoisted_2 = { class: "folder-list clearfix" };
 const _hoisted_3 = ["onClick"];
@@ -47,7 +48,8 @@ const _sfc_main = defineComponent({
     loadFileMore: { type: Function }
   },
   emits: ["add"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const add = (itemData) => {
       if (selectedData.value.includes(itemData)) {
         selectedData.value = [];
@@ -128,7 +130,7 @@ const _sfc_main = defineComponent({
                         _: 2
                       }, 1032, ["content"])
                     ]),
-                    createElementVNode("p", null, toDisplayString(item.updated_at), 1),
+                    createElementVNode("p", null, toDisplayString(unref(timeFormat)(item.updated_at)), 1),
                     createCommentVNode(" \u89C6\u9891\u8F6C\u7801\u8FDB\u5EA6 "),
                     item.task ? (openBlock(), createBlock(unref(Tooltip), {
                       key: 0,

package/es/resourceModal/components/MediaSelection/ToolbarSearch/index.js

@@ -18,7 +18,7 @@ const _sfc_main = defineComponent({
     base_api: {}
   },
   emits: ["search"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const filter = ref({
       keyword: "",
@@ -58,6 +58,7 @@ const _sfc_main = defineComponent({
       () => contentSearch(),
       { deep: true }
     );
+    const emit = __emit;
     const contentSearch = () => {
       if (filter.value.keyword === "" && filter.value.upload_by === "" && filter.value.sf === "" && filter.value.wh_rate === "" && filter.value.uploadTime === null) {
         emit("search", null);

package/es/resourceModal/components/MediaSelection/index.js

@@ -25,8 +25,9 @@ const _sfc_main = defineComponent({
     ai_gif_covers: {}
   },
   emits: ["add"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const add = (itemData) => {
       emit("add", itemData);
     };
@@ -168,7 +169,7 @@ const _sfc_main = defineComponent({
               onTabClick: MediaTypeChange
             }, {
               default: withCtx(() => [
-                _ctx.ai_static_covers && _ctx.ai_static_covers.length ? (openBlock(), createBlock(unref(TabPane), {
+                _ctx.ai_static_covers && _ctx.ai_static_covers.length && _ctx.catalogProps === "image" ? (openBlock(), createBlock(unref(TabPane), {
                   key: "ai",
                   title: "AI\u4F18\u9009"
                 })) : createCommentVNode("v-if", true),

package/es/resourceModal/script/filter.d.ts

@@ -6,3 +6,4 @@ export declare const keywordsSelection: import("vue").Ref<{
     name: string;
     value: string;
 }[]>;
+export declare const timeFormat: import("vue").ComputedRef<(value: any) => string>;

package/es/resourceModal/script/filter.js

@@ -1,4 +1,4 @@
-import { ref } from "vue";
+import { ref, computed } from "vue";
 const rateOptions = ref([
   { label: "\u5168\u90E8\u6BD4\u4F8B", value: "" },
   { label: "16:9", value: "16:9" },
@@ -19,4 +19,17 @@ const keywordsSelection = ref([
   { name: "\u8BED\u97F3", value: "ai_speech_keywords" },
   { name: "\u77E5\u8BC6\u56FE\u8C31", value: "ai_knowledge_graph" }
 ]);
-export { keywordsSelection, rateOptions };
+const timeFormat = computed(() => {
+  return (value) => {
+    if (value === 0)
+      return "--";
+    if (!value)
+      return "--";
+    if (typeof value === "number" && String(value).length === 10) {
+      value *= 1e3;
+    }
+    const date = new Date(value);
+    return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} ${date.getHours() < 10 ? `0${date.getHours()}` : date.getHours()}:${date.getMinutes() < 10 ? `0${date.getMinutes()}` : date.getMinutes()}`;
+  };
+});
+export { keywordsSelection, rateOptions, timeFormat };

package/es/selectAvatarList/component.js

@@ -0,0 +1,77 @@
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock } from "vue";
+import { Space, Avatar, Button } from "@arco-design/web-vue";
+import { IconDelete, IconPlus } from "@arco-design/web-vue/es/icon";
+const _hoisted_1 = { class: "select-avatar-list" };
+const _sfc_main = defineComponent({
+  ...{ name: "selectAvatarList" },
+  __name: "component",
+  props: {
+    value: {}
+  },
+  emits: ["update:value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const list = computed({
+      get() {
+        return props.value;
+      },
+      set() {
+        emit("update:value", props.value);
+      }
+    });
+    const dell = (index) => {
+      list.value.splice(index, 1);
+    };
+    const content = (item) => {
+      return item.uid ? item.alias : `\u89D2\u8272\uFF1A${item.alias}`;
+    };
+    const addUser = () => {
+    };
+    return (_ctx, _cache) => {
+      const _component_a_tooltip = resolveComponent("a-tooltip");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Space), null, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (item, index) => {
+              return openBlock(), createBlock(_component_a_tooltip, {
+                key: index,
+                content: content(item),
+                position: "top",
+                mini: ""
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Avatar), {
+                    "trigger-type": "mask",
+                    "image-url": item.avatar
+                  }, {
+                    "trigger-icon": withCtx(() => [
+                      createVNode(unref(IconDelete), {
+                        onClick: ($event) => dell(index)
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1032, ["image-url"])
+                ]),
+                _: 2
+              }, 1032, ["content"]);
+            }), 128)),
+            createVNode(unref(Button), {
+              class: "large",
+              shape: "circle",
+              size: "large",
+              onClick: addUser
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(IconPlus))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/selectAvatarList/index.d.ts

@@ -0,0 +1,2 @@
+declare const selectAvatarList: any;
+export default selectAvatarList;

package/es/selectAvatarList/index.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./component.js";
+const selectAvatarList = Object.assign(_sfc_main, {
+  install: (app) => {
+    app.component(_sfc_main.name, _sfc_main);
+  }
+});
+export { selectAvatarList as default };

package/es/selectAvatarList/style/css.js

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

package/es/selectAvatarList/style/index.css

@@ -0,0 +1,4 @@
+.large {
+  width: 40px !important;
+  height: 40px !important;
+}

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

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

package/es/selectAvatarList/style/index.js

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

package/es/selectAvatarList/style/index.less

@@ -0,0 +1,4 @@
+.large {
+  width: 40px !important;
+  height: 40px !important;
+}

package/es/selectGategory/component.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, onMounted, openBlock, createBlock, unref, withCtx, createTextVNode, createElementVNode, createVNode } from "vue";
+import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createTextVNode, createElementVNode, createVNode } from "vue";
 import { Modal, Message } from "@arco-design/web-vue";
 import { DEFAULT_BASE_API } from "../config.js";
 import _sfc_main$1 from "./components/ColumnSelection/index.js";
@@ -15,11 +15,12 @@ const _sfc_main = defineComponent({
     columnWithData: {}
   },
   emits: ["update:visible", "submit"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const BASE_API = props.base_api || DEFAULT_BASE_API;
-    const selectColumnData = ref([]);
-    const selectColumnWithData = ref([]);
+    const selectColumnData = ref(props.columnData || []);
+    const selectColumnWithData = ref(props.columnWithData || []);
     const visible = computed({
       get() {
         return props.visible;
@@ -45,14 +46,6 @@ const _sfc_main = defineComponent({
       selectColumnWithData.value = [];
       setVisible(false);
     };
-    onMounted(() => {
-      if (props.columnData) {
-        selectColumnData.value = props.columnData;
-      }
-      if (props.columnWithData) {
-        selectColumnWithData.value = props.columnWithData;
-      }
-    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Modal), {
         visible: visible.value,

package/es/selectGategory/components/ColumnSelection/index.js

@@ -31,8 +31,9 @@ const _sfc_main = defineComponent({
     "update:selectColumnData",
     "update:selectColumnWithData"
   ],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const popoverShow = ref(false);
     const treeData = ref([]);
     const listMinHeight = ref(0);
@@ -145,6 +146,9 @@ const _sfc_main = defineComponent({
         columnSelectedArray.value = JSON.parse(
           JSON.stringify(props.selectColumnWithData)
         );
+        multipleShowSelectedArray.value = JSON.parse(
+          JSON.stringify(columnSelectedArray.value)
+        );
       }
     };
     const getCategoryCategoriesData = async () => {

package/es/style.css

@@ -3,3 +3,92 @@
   vertical-align: middle;
   font-size: 18px;
 }
+
+.dop.active[data-v-10378a8c] {
+  color: #165dff;
+}
+.dop .label[data-v-10378a8c] {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.filter-item-view[data-v-197080c1] {
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+.filter-item-view .show-view[data-v-197080c1] {
+  width: 100%;
+  height: 100%;
+  background: #ffffff;
+  z-index: 1;
+  pointer-events: none;
+}
+.filter-item-view .select-view[data-v-197080c1] {
+  width: 100%;
+  position: absolute;
+  z-index: 0;
+}
+.hasvalue-btn[data-v-197080c1] {
+  background-color: #e8f3ff;
+  color: #165dff;
+  border-right: none !important;
+}
+.right-prefix[data-v-197080c1] {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.filter-view-container[data-v-017dcf0e] {
+  font-size: 14px;
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+}
+.filter-search[data-v-017dcf0e] {
+  margin-right: 10px;
+  width: 180px;
+  display: flex;
+  gap: 10px;
+}
+.filter-content[data-v-017dcf0e] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+  flex: 1;
+}
+.left[data-v-017dcf0e] {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.right[data-v-017dcf0e] {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  position: absolute;
+  background: white;
+  padding-left: 20px;
+  right: 0;
+  z-index: 1;
+}
+.more-btn[data-v-017dcf0e] {
+  margin-right: 10px;
+}
+.right-prefix[data-v-017dcf0e] {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.filter-pannel[data-v-017dcf0e] {
+  display: flex;
+  gap: 10px;
+  padding: 10px;
+  border-radius: 6px;
+  background-color: white;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+}