@cmstops/pro-compo 0.1.8 → 0.1.9

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

@@ -0,0 +1,111 @@
+import { defineComponent, ref, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, normalizeClass, createCommentVNode } from "vue";
+import { Scrollbar } from "@arco-design/web-vue";
+import _sfc_main$1 from "../MainContent/FileTypeThumb/index.js";
+const _hoisted_1 = { class: "doc-ai-media-selected" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "thumb_type" }, "\u5C01\u9762\u56FE", -1);
+const _hoisted_3 = { class: "thumb-list" };
+const _hoisted_4 = { class: "thumb-item" };
+const _hoisted_5 = {
+  key: 0,
+  class: "gif_covers"
+};
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", {
+  class: "thumb_type",
+  style: { "margin-top": "0px" }
+}, "\u5C01\u9762\u52A8\u56FE", -1);
+const _hoisted_7 = { class: "thumb-list" };
+const _hoisted_8 = { class: "thumb-item" };
+const _sfc_main = defineComponent({
+  __name: "index",
+  props: {
+    selectedMax: {},
+    ai_static_covers: {},
+    ai_gif_covers: {},
+    preview: { type: Boolean },
+    addType: {}
+  },
+  emits: ["add"],
+  setup(__props, { emit }) {
+    const add = (itemData) => {
+      if (selectedUrl.value.includes(itemData.url)) {
+        selectedUrl.value = [];
+        emit("add", null);
+      } else {
+        selectedUrl.value = [itemData.url];
+        emit("add", itemData);
+      }
+    };
+    const selectedUrl = ref([]);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Scrollbar), { class: "doc-ai-media-selected-scrollbar" }, {
+          default: withCtx(() => {
+            var _a;
+            return [
+              _hoisted_2,
+              createElementVNode("div", _hoisted_3, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.ai_static_covers, (item) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: item,
+                    class: "thumb-wrap"
+                  }, [
+                    createElementVNode("div", _hoisted_4, [
+                      createElementVNode("div", {
+                        class: normalizeClass(["pic", { active: selectedUrl.value.includes(item) }])
+                      }, [
+                        createVNode(_sfc_main$1, {
+                          preview: _ctx.preview,
+                          "add-type": _ctx.addType,
+                          "item-data": {
+                            catalog: "image",
+                            alias: item,
+                            thumb: item,
+                            url: item,
+                            realUrl: item
+                          },
+                          onAdd: add
+                        }, null, 8, ["preview", "add-type", "item-data"])
+                      ], 2)
+                    ])
+                  ]);
+                }), 128))
+              ]),
+              ((_a = _ctx.ai_gif_covers) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                _hoisted_6,
+                createElementVNode("div", _hoisted_7, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.ai_gif_covers, (item) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: item,
+                      class: "thumb-wrap"
+                    }, [
+                      createElementVNode("div", _hoisted_8, [
+                        createElementVNode("div", {
+                          class: normalizeClass(["pic", { active: selectedUrl.value.includes(item) }])
+                        }, [
+                          createVNode(_sfc_main$1, {
+                            preview: _ctx.preview,
+                            "add-type": _ctx.addType,
+                            "item-data": {
+                              catalog: "image",
+                              alias: item,
+                              thumb: item,
+                              url: item,
+                              realUrl: item
+                            },
+                            onAdd: add
+                          }, null, 8, ["preview", "add-type", "item-data"])
+                        ], 2)
+                      ])
+                    ]);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("v-if", true)
+            ];
+          }),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

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

@@ -0,0 +1,85 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, Fragment, createElementVNode, normalizeStyle, normalizeClass, createVNode, Transition, withCtx, withModifiers, unref, createBlock, createCommentVNode } from "vue";
+import { Divider } from "@arco-design/web-vue";
+import { IconEye, IconPlus } from "@arco-design/web-vue/es/icon";
+import _sfc_main$1 from "../../../MediaPreviewer/index.js";
+const _hoisted_1 = { class: "file-type-thumb" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mask"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["onClick"];
+const _sfc_main = defineComponent({
+  __name: "index",
+  props: {
+    itemData: {},
+    preview: { type: Boolean },
+    addType: {}
+  },
+  emits: ["add"],
+  setup(__props, { emit }) {
+    const props = __props;
+    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")
+        ;
+      emit("add", props.itemData);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1, [
+          _ctx.itemData.thumb ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "pic",
+            style: normalizeStyle({ "background-image": "url(" + _ctx.itemData.thumb + ")" })
+          }, null, 4)) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(["pic", `${_ctx.itemData.catalog} ${_ctx.itemData.series}`])
+          }, null, 2)),
+          createVNode(Transition, { name: "el-fade-in" }, {
+            default: withCtx(() => [
+              _ctx.preview ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                createElementVNode("span", {
+                  class: "half",
+                  onClick: withModifiers(openPreview, ["stop"])
+                }, [
+                  createVNode(unref(IconEye), {
+                    "stroke-width": 6,
+                    size: 20
+                  })
+                ], 8, _hoisted_3),
+                createVNode(unref(Divider), { direction: "vertical" }),
+                createElementVNode("span", {
+                  class: "half",
+                  onClick: withModifiers(add, ["stop"])
+                }, [
+                  createVNode(unref(IconPlus), {
+                    "stroke-width": 6,
+                    size: 20
+                  })
+                ], 8, _hoisted_4)
+              ])) : (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: "transparent",
+                onClick: withModifiers(add, ["stop"])
+              }, null, 8, _hoisted_5))
+            ]),
+            _: 1
+          })
+        ]),
+        visible.value ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          type: previewType.value,
+          url: previewUrl.value,
+          onClose: closePreviewer
+        }, null, 8, ["type", "url"])) : createCommentVNode("v-if", true)
+      ], 64);
+    };
+  }
+});
+export { _sfc_main as default };

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

@@ -0,0 +1,171 @@
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createElementVNode, createCommentVNode, withDirectives, createElementBlock, Fragment, renderList, createVNode, toDisplayString, vShow, normalizeClass, createTextVNode } from "vue";
+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";
+const _hoisted_1 = { class: "file-wrap" };
+const _hoisted_2 = { class: "folder-list clearfix" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "wrap" };
+const _hoisted_5 = { class: "thumb" };
+const _hoisted_6 = { class: "file-list clearfix" };
+const _hoisted_7 = { class: "thumb-wrap" };
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("div", { class: "transcoding-in-progress grid-mode" }, [
+  /* @__PURE__ */ createElementVNode("div", { class: "transcoding-progress" }, "\u8F6C\u7801\u4E2D\u2026")
+], -1);
+const _hoisted_9 = {
+  key: 0,
+  class: "load_more_title"
+};
+const _hoisted_10 = {
+  key: 1,
+  class: "nomore_tips"
+};
+const _hoisted_11 = {
+  key: 1,
+  class: "null-file"
+};
+const _hoisted_12 = /* @__PURE__ */ createElementVNode("img", {
+  class: "null-pic",
+  src: _imports_0
+}, null, -1);
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1);
+const _hoisted_14 = [
+  _hoisted_12,
+  _hoisted_13
+];
+const _sfc_main = defineComponent({
+  __name: "index",
+  props: {
+    folderList: {},
+    fileList: {},
+    fileListCount: {},
+    isOver: { type: Boolean },
+    preview: { type: Boolean },
+    addType: {},
+    changeDirectory: { type: Function },
+    loadFileMore: { type: Function }
+  },
+  emits: ["add"],
+  setup(__props, { emit }) {
+    const add = (itemData) => {
+      if (selectedData.value.includes(itemData)) {
+        selectedData.value = [];
+        emit("add", null);
+      } else {
+        selectedData.value = [itemData];
+        emit("add", itemData);
+      }
+    };
+    const selectedData = ref([]);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Scrollbar), { class: "dialog-media-selection-scroll" }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createCommentVNode(" \u6587\u4EF6\u5939 "),
+            withDirectives(createElementVNode("div", _hoisted_2, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.folderList, (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: "item folder-item",
+                  onClick: ($event) => _ctx.changeDirectory(item)
+                }, [
+                  createElementVNode("div", _hoisted_4, [
+                    createVNode(unref(Tooltip), {
+                      "open-delay": 500,
+                      class: "item",
+                      effect: "dark",
+                      content: item.alias,
+                      placement: "top"
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("div", _hoisted_5, [
+                          createElementVNode("h4", null, toDisplayString(item.alias), 1)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["content"])
+                  ])
+                ], 8, _hoisted_3);
+              }), 128))
+            ], 512), [
+              [vShow, _ctx.folderList.length !== 0]
+            ]),
+            createCommentVNode(" \u6587\u4EF6 "),
+            createElementVNode("div", _hoisted_6, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fileList, (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: "item"
+                }, [
+                  createElementVNode("div", {
+                    class: normalizeClass(["shadow-wrap", { active: selectedData.value.includes(item) }])
+                  }, [
+                    createElementVNode("div", _hoisted_7, [
+                      createVNode(_sfc_main$1, {
+                        preview: _ctx.preview,
+                        "add-type": _ctx.addType,
+                        "item-data": item,
+                        onAdd: add
+                      }, null, 8, ["preview", "add-type", "item-data"])
+                    ]),
+                    createElementVNode("h4", null, [
+                      createVNode(_sfc_main$2, {
+                        class: "icon",
+                        type: item.catalog,
+                        doc: item.catalog !== "image",
+                        resource: item.catalog === "image"
+                      }, null, 8, ["type", "doc", "resource"]),
+                      createVNode(unref(Tooltip), {
+                        "open-delay": 500,
+                        effect: "dark",
+                        content: item.alias,
+                        placement: "top"
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("span", null, toDisplayString(item.alias), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["content"])
+                    ]),
+                    createElementVNode("p", null, toDisplayString(item.updated_at), 1),
+                    createCommentVNode(" \u89C6\u9891\u8F6C\u7801\u8FDB\u5EA6 "),
+                    item.task ? (openBlock(), createBlock(unref(Tooltip), {
+                      key: 0,
+                      "open-delay": 2e3,
+                      effect: "dark",
+                      content: "\u8F6C\u7801\u4E2D\uFF0C\u6682\u4E0D\u53EF\u7528",
+                      placement: "bottom"
+                    }, {
+                      default: withCtx(() => [
+                        _hoisted_8
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("v-if", true)
+                  ], 2)
+                ]);
+              }), 128))
+            ]),
+            _ctx.fileListCount ? (openBlock(), createElementBlock("div", _hoisted_9, [
+              !_ctx.isOver ? (openBlock(), createBlock(unref(Button), {
+                key: 0,
+                type: "text",
+                size: "small",
+                class: "loadmore_tips",
+                onClick: _ctx.loadFileMore
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u52A0\u8F7D\u66F4\u591A\u2026")
+                ]),
+                _: 1
+              }, 8, ["onClick"])) : (openBlock(), createElementBlock("div", _hoisted_10, "\u6CA1\u6709\u66F4\u591A\u4E86\u2026"))
+            ])) : createCommentVNode("v-if", true),
+            !_ctx.fileList.length && !_ctx.folderList.length ? (openBlock(), createElementBlock("div", _hoisted_11, _hoisted_14)) : createCommentVNode("v-if", true)
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export { _sfc_main as default };

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

@@ -0,0 +1,211 @@
+import { defineComponent, ref, watch, computed, onMounted, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, unref, withCtx, Fragment, renderList, createBlock, withDirectives, createTextVNode, vShow, createCommentVNode, normalizeClass, toDisplayString } from "vue";
+import { Input, RangePicker, Select, Option, Button } from "@arco-design/web-vue";
+import { IconRefresh, IconUpload } from "@arco-design/web-vue/es/icon";
+import { rateOptions, keywordsSelection } from "../../../script/filter.js";
+import { getAccountList } from "../../../script/api.js";
+const _hoisted_1 = { class: "toolbar-search-container" };
+const _hoisted_2 = { class: "top-container" };
+const _hoisted_3 = { class: "filter-content" };
+const _hoisted_4 = { class: "filter-left" };
+const _hoisted_5 = { class: "filter-right" };
+const _hoisted_6 = { class: "keywordsSelection" };
+const _hoisted_7 = ["onClick"];
+const _sfc_main = defineComponent({
+  ...{ name: "ToolbarSearch" },
+  __name: "index",
+  props: {
+    activeMediaType: {},
+    base_api: {}
+  },
+  emits: ["search"],
+  setup(__props, { expose: __expose, emit }) {
+    const props = __props;
+    const filter = ref({
+      keyword: "",
+      upload_by: "",
+      sf: "",
+      uploadTime: null,
+      wh_rate: ""
+    });
+    const peopleOptions = ref([]);
+    const limit = ref(10);
+    const noMore = ref(false);
+    const loadUploadPeopleData = async (isMore) => {
+      var _a, _b, _c, _d;
+      if (noMore.value)
+        return;
+      const query = {
+        limit: limit.value,
+        offset: peopleOptions.value.length
+      };
+      const res = await getAccountList(props.base_api, 1, query);
+      if (res && res.code !== 0)
+        return;
+      if (res && res.message) {
+        if (((_b = (_a = res.message) == null ? void 0 : _a.users) == null ? void 0 : _b.length) < limit.value)
+          noMore.value = true;
+        if (isMore) {
+          peopleOptions.value = peopleOptions.value.concat(
+            ((_c = res.message) == null ? void 0 : _c.users) || []
+          );
+          return;
+        }
+        peopleOptions.value = ((_d = res.message) == null ? void 0 : _d.users) || [];
+      }
+    };
+    watch(
+      () => filter.value,
+      () => contentSearch(),
+      { deep: true }
+    );
+    const contentSearch = () => {
+      if (filter.value.keyword === "" && filter.value.upload_by === "" && filter.value.sf === "" && filter.value.wh_rate === "" && filter.value.uploadTime === null) {
+        emit("search", null);
+      } else {
+        const filterObj = {
+          ...filter.value,
+          created_begin: filter.value.uploadTime && filter.value.uploadTime.length ? filter.value.uploadTime[0] / 1e3 : null,
+          created_end: filter.value.uploadTime && filter.value.uploadTime.length ? filter.value.uploadTime[1] / 1e3 : null
+        };
+        delete filterObj.uploadTime;
+        emit("search", { ...filterObj });
+      }
+    };
+    const clearKeyword = () => {
+      filter.value.keyword = "";
+      filter.value.sf = "";
+    };
+    const clearDatePicker = () => {
+      filter.value.uploadTime = null;
+    };
+    const changeCurrentSelection = (item) => {
+      filter.value.sf = item;
+    };
+    const showReset = computed(
+      () => filter.value.keyword || filter.value.upload_by || filter.value.sf || filter.value.uploadTime || filter.value.wh_rate
+    );
+    const reset = () => {
+      filter.value = {
+        keyword: "",
+        upload_by: "",
+        sf: "",
+        uploadTime: null,
+        wh_rate: ""
+      };
+    };
+    onMounted(() => {
+      loadUploadPeopleData();
+    });
+    __expose({ reset });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "other"),
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              createVNode(unref(Input), {
+                modelValue: filter.value.keyword,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.keyword = $event),
+                class: "filter-item",
+                "allow-clear": "",
+                placeholder: "\u8F93\u5165\u7D20\u6750\u6807\u9898\u641C\u7D22",
+                onClear: clearKeyword
+              }, null, 8, ["modelValue"]),
+              createVNode(unref(RangePicker), {
+                modelValue: filter.value.uploadTime,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filter.value.uploadTime = $event),
+                class: "filter-item",
+                style: { "width": "240px" },
+                "value-format": "timestamp",
+                "default-value": ["00:00:00", "23:59:59"],
+                onClear: clearDatePicker
+              }, null, 8, ["modelValue"]),
+              createVNode(unref(Select), {
+                modelValue: filter.value.upload_by,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.upload_by = $event),
+                label: filter.value.upload_by === "\u5168\u90E8\u4EBA\u5458" ? "" : filter.value.upload_by,
+                class: "filter-item",
+                placeholder: "\u4E0A\u4F20\u4EBA",
+                "allow-search": "",
+                onDropdownReachBottom: _cache[3] || (_cache[3] = ($event) => loadUploadPeopleData(true))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Option), {
+                    label: "\u5168\u90E8\u4EBA\u5458",
+                    value: ""
+                  }),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(peopleOptions.value, (item) => {
+                    return openBlock(), createBlock(unref(Option), {
+                      key: item.id,
+                      label: item.alias,
+                      value: item.id
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "label"]),
+              createVNode(unref(Select), {
+                modelValue: filter.value.wh_rate,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter.value.wh_rate = $event),
+                class: "filter-item",
+                placeholder: "\u56FE\u7247\u6BD4\u4F8B"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rateOptions), (item) => {
+                    return openBlock(), createBlock(unref(Option), {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              withDirectives(createVNode(unref(Button), {
+                type: "text",
+                size: "medium",
+                onClick: reset
+              }, {
+                icon: withCtx(() => [
+                  createVNode(unref(IconRefresh))
+                ]),
+                default: withCtx(() => [
+                  createTextVNode("\u91CD\u7F6E\u7B5B\u9009")
+                ]),
+                _: 1
+              }, 512), [
+                [vShow, showReset.value]
+              ])
+            ]),
+            createElementVNode("div", _hoisted_5, [
+              createVNode(unref(Button), {
+                type: "secondary",
+                size: "medium"
+              }, {
+                icon: withCtx(() => [
+                  createVNode(unref(IconUpload))
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ]),
+        createCommentVNode(" \u68C0\u7D22\u7B5B\u9009 "),
+        withDirectives(createElementVNode("div", null, [
+          createElementVNode("div", _hoisted_6, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(keywordsSelection), (item, i) => {
+              return openBlock(), createElementBlock("div", {
+                key: i,
+                class: normalizeClass(["selection-item", { active: filter.value.sf === item.value }]),
+                onClick: ($event) => changeCurrentSelection(item.value)
+              }, toDisplayString(item.name), 11, _hoisted_7);
+            }), 128))
+          ])
+        ], 512), [
+          [vShow, props.activeMediaType !== "ai" && filter.value.keyword]
+        ])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };