@cmstops/pro-compo 0.1.10 → 0.1.12

package/lib/mediaFilter/script/optionsGetter.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("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 = vue.computed(() => filterType !== "CONTENT");
+  const highLevelSearchOptions = vue.computed(() => {
+    if (filterType === "APV")
+      return apvOrderOptions;
+    if (filterType === "MINE")
+      return mineOrderOptions;
+    if (filterType === "STORE")
+      return storeOrderOptions;
+    return [];
+  });
+  return {
+    sortOptions,
+    showHighLevelSearch,
+    highLevelSearchOptions
+  };
+}
+exports.approveFlowStatusMap = approveFlowStatusMap;
+exports.getApprovalStateOptions = getApprovalStateOptions;
+exports.getProvalTypeOptions = getProvalTypeOptions;
+exports.provalTypeMap = provalTypeMap;
+exports.useHighLevelSearch = useHighLevelSearch;

package/lib/mediaFilter/style/css.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.css");

package/lib/mediaFilter/style/index.css

@@ -0,0 +1,90 @@
+.tooltip-button {
+  height: auto;
+  padding: 20px;
+}
+.dop.active {
+  color: #165dff;
+}
+.dop .label {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+.filter-view-container {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  font-size: 14px;
+}
+.filter-search {
+  display: flex;
+  gap: 10px;
+  width: 180px;
+  margin-right: 10px;
+}
+.filter-content {
+  position: relative;
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: space-between;
+}
+.left {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+.right {
+  position: absolute;
+  right: 0;
+  z-index: 1;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  height: 100%;
+  padding-left: 20px;
+  background: white;
+}
+.more-btn {
+  margin-right: 10px;
+}
+.right-prefix {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+.filter-pannel {
+  display: flex;
+  gap: 10px;
+  padding: 10px;
+  background-color: white;
+  border-radius: 6px;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+}
+.filter-item-view {
+  position: relative;
+  display: flex;
+  overflow: hidden;
+}
+.filter-item-view .show-view {
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  pointer-events: none;
+}
+.filter-item-view .select-view {
+  position: absolute;
+  z-index: 0;
+  width: 100%;
+}
+.hasvalue-btn {
+  color: #165dff;
+  background-color: #e8f3ff;
+  border-right: none !important;
+}
+.right-prefix {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}

package/lib/mediaFilter/style/index.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.less");

package/lib/mediaFilter/style/index.less

@@ -0,0 +1,108 @@
+.tooltip-button {
+  height: auto;
+  padding: 20px;
+}
+
+// DocFilter 组件内部样式
+.dop.active {
+  color: #165dff;
+}
+
+.dop .label {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+
+// FilterGroup 内部样式
+.filter-view-container {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  font-size: 14px;
+}
+
+.filter-search {
+  display: flex;
+  gap: 10px;
+  width: 180px;
+  margin-right: 10px;
+}
+
+.filter-content {
+  position: relative;
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.left {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+
+.right {
+  position: absolute;
+  right: 0;
+  z-index: 1;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  height: 100%;
+  padding-left: 20px;
+  background: white;
+}
+
+.more-btn {
+  margin-right: 10px;
+}
+
+.right-prefix {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+
+.filter-pannel {
+  display: flex;
+  gap: 10px;
+  padding: 10px;
+  background-color: white;
+  border-radius: 6px;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+}
+
+// Filter Item 内部样式
+.filter-item-view {
+  position: relative;
+  display: flex;
+  overflow: hidden;
+}
+
+.filter-item-view .show-view {
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  pointer-events: none;
+}
+
+.filter-item-view .select-view {
+  position: absolute;
+  z-index: 0;
+  width: 100%;
+}
+
+.hasvalue-btn {
+  color: #165dff;
+  background-color: #e8f3ff;
+  border-right: none !important;
+}
+
+.right-prefix {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}

package/lib/messageBox/list.js

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

package/lib/previousVersion/component.js

@@ -37,8 +37,9 @@ const _sfc_main = vue.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 || config.DEFAULT_BASE_API;
     const title = props.title || "\u4E0A\u7248";
     const targetArr = vue.computed(() => {

package/lib/previousVersion/style/index.less

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

package/lib/resourceModal/component.js

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

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

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

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

@@ -26,7 +26,8 @@ const _sfc_main = vue.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/lib/resourceModal/components/MediaSelection/MainContent/FileTypeThumb/index.js

@@ -19,16 +19,18 @@ const _sfc_main = vue.defineComponent({
     addType: {}
   },
   emits: ["add"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     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")
-        ;
+      if (props.addType === "copper" && props.itemData.catalog === "image") {
+        console.log("copper");
+      }
       emit("add", props.itemData);
     };
     return (_ctx, _cache) => {

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

@@ -4,6 +4,7 @@ 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");
+var filter = require("../../../script/filter.js");
 const _hoisted_1 = { class: "file-wrap" };
 const _hoisted_2 = { class: "folder-list clearfix" };
 const _hoisted_3 = ["onClick"];
@@ -48,7 +49,8 @@ const _sfc_main = vue.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 = [];
@@ -129,7 +131,7 @@ const _sfc_main = vue.defineComponent({
                         _: 2
                       }, 1032, ["content"])
                     ]),
-                    vue.createElementVNode("p", null, vue.toDisplayString(item.updated_at), 1),
+                    vue.createElementVNode("p", null, vue.toDisplayString(vue.unref(filter.timeFormat)(item.updated_at)), 1),
                     vue.createCommentVNode(" \u89C6\u9891\u8F6C\u7801\u8FDB\u5EA6 "),
                     item.task ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Tooltip), {
                       key: 0,

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

@@ -19,7 +19,7 @@ const _sfc_main = vue.defineComponent({
     base_api: {}
   },
   emits: ["search"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const filter$1 = vue.ref({
       keyword: "",
@@ -59,6 +59,7 @@ const _sfc_main = vue.defineComponent({
       () => contentSearch(),
       { deep: true }
     );
+    const emit = __emit;
     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);

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

@@ -26,8 +26,9 @@ const _sfc_main = vue.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);
     };
@@ -169,7 +170,7 @@ const _sfc_main = vue.defineComponent({
               onTabClick: MediaTypeChange
             }, {
               default: vue.withCtx(() => [
-                _ctx.ai_static_covers && _ctx.ai_static_covers.length ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.TabPane), {
+                _ctx.ai_static_covers && _ctx.ai_static_covers.length && _ctx.catalogProps === "image" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.TabPane), {
                   key: "ai",
                   title: "AI\u4F18\u9009"
                 })) : vue.createCommentVNode("v-if", true),

package/lib/resourceModal/script/filter.js

@@ -21,5 +21,19 @@ const keywordsSelection = vue.ref([
   { name: "\u8BED\u97F3", value: "ai_speech_keywords" },
   { name: "\u77E5\u8BC6\u56FE\u8C31", value: "ai_knowledge_graph" }
 ]);
+const timeFormat = vue.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()}`;
+  };
+});
 exports.keywordsSelection = keywordsSelection;
 exports.rateOptions = rateOptions;
+exports.timeFormat = timeFormat;

package/lib/selectAvatarList/component.js

@@ -0,0 +1,78 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
+const _hoisted_1 = { class: "select-avatar-list" };
+const _sfc_main = vue.defineComponent({
+  ...{ name: "selectAvatarList" },
+  __name: "component",
+  props: {
+    value: {}
+  },
+  emits: ["update:value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const list = vue.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 = vue.resolveComponent("a-tooltip");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(vue.unref(webVue.Space), null, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(list.value, (item, index) => {
+              return vue.openBlock(), vue.createBlock(_component_a_tooltip, {
+                key: index,
+                content: content(item),
+                position: "top",
+                mini: ""
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(webVue.Avatar), {
+                    "trigger-type": "mask",
+                    "image-url": item.avatar
+                  }, {
+                    "trigger-icon": vue.withCtx(() => [
+                      vue.createVNode(vue.unref(icon.IconDelete), {
+                        onClick: ($event) => dell(index)
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1032, ["image-url"])
+                ]),
+                _: 2
+              }, 1032, ["content"]);
+            }), 128)),
+            vue.createVNode(vue.unref(webVue.Button), {
+              class: "large",
+              shape: "circle",
+              size: "large",
+              onClick: addUser
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(icon.IconPlus))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/selectAvatarList/index.js

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

package/lib/selectAvatarList/style/css.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.css");

package/lib/selectAvatarList/style/index.css

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

package/lib/selectAvatarList/style/index.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.less");

package/lib/selectAvatarList/style/index.less

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

package/lib/selectGategory/component.js

@@ -16,11 +16,12 @@ const _sfc_main = vue.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 || config.DEFAULT_BASE_API;
-    const selectColumnData = vue.ref([]);
-    const selectColumnWithData = vue.ref([]);
+    const selectColumnData = vue.ref(props.columnData || []);
+    const selectColumnWithData = vue.ref(props.columnWithData || []);
     const visible = vue.computed({
       get() {
         return props.visible;
@@ -46,14 +47,6 @@ const _sfc_main = vue.defineComponent({
       selectColumnWithData.value = [];
       setVisible(false);
     };
-    vue.onMounted(() => {
-      if (props.columnData) {
-        selectColumnData.value = props.columnData;
-      }
-      if (props.columnWithData) {
-        selectColumnWithData.value = props.columnWithData;
-      }
-    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(webVue.Modal), {
         visible: visible.value,

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

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