@cmstops/pro-compo 0.1.7 → 0.1.9

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

@@ -0,0 +1,112 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var index = require("../MainContent/FileTypeThumb/index.js");
+const _hoisted_1 = { class: "doc-ai-media-selected" };
+const _hoisted_2 = /* @__PURE__ */ vue.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__ */ vue.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 = vue.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 = vue.ref([]);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(vue.unref(webVue.Scrollbar), { class: "doc-ai-media-selected-scrollbar" }, {
+          default: vue.withCtx(() => {
+            var _a;
+            return [
+              _hoisted_2,
+              vue.createElementVNode("div", _hoisted_3, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.ai_static_covers, (item) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: item,
+                    class: "thumb-wrap"
+                  }, [
+                    vue.createElementVNode("div", _hoisted_4, [
+                      vue.createElementVNode("div", {
+                        class: vue.normalizeClass(["pic", { active: selectedUrl.value.includes(item) }])
+                      }, [
+                        vue.createVNode(index, {
+                          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) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+                _hoisted_6,
+                vue.createElementVNode("div", _hoisted_7, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.ai_gif_covers, (item) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
+                      key: item,
+                      class: "thumb-wrap"
+                    }, [
+                      vue.createElementVNode("div", _hoisted_8, [
+                        vue.createElementVNode("div", {
+                          class: vue.normalizeClass(["pic", { active: selectedUrl.value.includes(item) }])
+                        }, [
+                          vue.createVNode(index, {
+                            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))
+                ])
+              ])) : vue.createCommentVNode("v-if", true)
+            ];
+          }),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

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

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

@@ -0,0 +1,212 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
+var filter = require("../../../script/filter.js");
+var api = require("../../../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 = vue.defineComponent({
+  ...{ name: "ToolbarSearch" },
+  __name: "index",
+  props: {
+    activeMediaType: {},
+    base_api: {}
+  },
+  emits: ["search"],
+  setup(__props, { expose: __expose, emit }) {
+    const props = __props;
+    const filter$1 = vue.ref({
+      keyword: "",
+      upload_by: "",
+      sf: "",
+      uploadTime: null,
+      wh_rate: ""
+    });
+    const peopleOptions = vue.ref([]);
+    const limit = vue.ref(10);
+    const noMore = vue.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 api.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) || [];
+      }
+    };
+    vue.watch(
+      () => filter$1.value,
+      () => contentSearch(),
+      { deep: true }
+    );
+    const contentSearch = () => {
+      if (filter$1.value.keyword === "" && filter$1.value.upload_by === "" && filter$1.value.sf === "" && filter$1.value.wh_rate === "" && filter$1.value.uploadTime === null) {
+        emit("search", null);
+      } else {
+        const filterObj = {
+          ...filter$1.value,
+          created_begin: filter$1.value.uploadTime && filter$1.value.uploadTime.length ? filter$1.value.uploadTime[0] / 1e3 : null,
+          created_end: filter$1.value.uploadTime && filter$1.value.uploadTime.length ? filter$1.value.uploadTime[1] / 1e3 : null
+        };
+        delete filterObj.uploadTime;
+        emit("search", { ...filterObj });
+      }
+    };
+    const clearKeyword = () => {
+      filter$1.value.keyword = "";
+      filter$1.value.sf = "";
+    };
+    const clearDatePicker = () => {
+      filter$1.value.uploadTime = null;
+    };
+    const changeCurrentSelection = (item) => {
+      filter$1.value.sf = item;
+    };
+    const showReset = vue.computed(
+      () => filter$1.value.keyword || filter$1.value.upload_by || filter$1.value.sf || filter$1.value.uploadTime || filter$1.value.wh_rate
+    );
+    const reset = () => {
+      filter$1.value = {
+        keyword: "",
+        upload_by: "",
+        sf: "",
+        uploadTime: null,
+        wh_rate: ""
+      };
+    };
+    vue.onMounted(() => {
+      loadUploadPeopleData();
+    });
+    __expose({ reset });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.renderSlot(_ctx.$slots, "other"),
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("div", _hoisted_4, [
+              vue.createVNode(vue.unref(webVue.Input), {
+                modelValue: filter$1.value.keyword,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter$1.value.keyword = $event),
+                class: "filter-item",
+                "allow-clear": "",
+                placeholder: "\u8F93\u5165\u7D20\u6750\u6807\u9898\u641C\u7D22",
+                onClear: clearKeyword
+              }, null, 8, ["modelValue"]),
+              vue.createVNode(vue.unref(webVue.RangePicker), {
+                modelValue: filter$1.value.uploadTime,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filter$1.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"]),
+              vue.createVNode(vue.unref(webVue.Select), {
+                modelValue: filter$1.value.upload_by,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter$1.value.upload_by = $event),
+                label: filter$1.value.upload_by === "\u5168\u90E8\u4EBA\u5458" ? "" : filter$1.value.upload_by,
+                class: "filter-item",
+                placeholder: "\u4E0A\u4F20\u4EBA",
+                "allow-search": "",
+                onDropdownReachBottom: _cache[3] || (_cache[3] = ($event) => loadUploadPeopleData(true))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(webVue.Option), {
+                    label: "\u5168\u90E8\u4EBA\u5458",
+                    value: ""
+                  }),
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(peopleOptions.value, (item) => {
+                    return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                      key: item.id,
+                      label: item.alias,
+                      value: item.id
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "label"]),
+              vue.createVNode(vue.unref(webVue.Select), {
+                modelValue: filter$1.value.wh_rate,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter$1.value.wh_rate = $event),
+                class: "filter-item",
+                placeholder: "\u56FE\u7247\u6BD4\u4F8B"
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(filter.rateOptions), (item) => {
+                    return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              vue.withDirectives(vue.createVNode(vue.unref(webVue.Button), {
+                type: "text",
+                size: "medium",
+                onClick: reset
+              }, {
+                icon: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(icon.IconRefresh))
+                ]),
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("\u91CD\u7F6E\u7B5B\u9009")
+                ]),
+                _: 1
+              }, 512), [
+                [vue.vShow, showReset.value]
+              ])
+            ]),
+            vue.createElementVNode("div", _hoisted_5, [
+              vue.createVNode(vue.unref(webVue.Button), {
+                type: "secondary",
+                size: "medium"
+              }, {
+                icon: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(icon.IconUpload))
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ]),
+        vue.createCommentVNode(" \u68C0\u7D22\u7B5B\u9009 "),
+        vue.withDirectives(vue.createElementVNode("div", null, [
+          vue.createElementVNode("div", _hoisted_6, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(filter.keywordsSelection), (item, i) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: i,
+                class: vue.normalizeClass(["selection-item", { active: filter$1.value.sf === item.value }]),
+                onClick: ($event) => changeCurrentSelection(item.value)
+              }, vue.toDisplayString(item.name), 11, _hoisted_7);
+            }), 128))
+          ])
+        ], 512), [
+          [vue.vShow, props.activeMediaType !== "ai" && filter$1.value.keyword]
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;