@cmstops/pro-compo 0.1.30 → 0.1.32

package/es/contentModal/style/columnTree.less

@@ -1,9 +1,29 @@
 .column-selection-container {
-    padding: 0px 15px;
+  padding: 0 15px;
 }
+
 .column-selection-popover-content {
-    padding: 0;
-    .column-outer-scrollbar {
-        height: 100%;
+  .search-column {
+    margin-bottom: 4px;
+    padding: 4px 8px;
+  }
+
+  .last-search-key {
+    height: 32px;
+    margin-left: 22px;
+    padding-left: 4px;
+    color: #165dff;
+    line-height: 32px;
+    border-radius: var(--border-radius-small);
+
+    &:hover {
+      color: var(--color-text-1);
+      background-color: var(--color-fill-2);
+      cursor: pointer;
     }
-}
+  }
+
+  .column-outer-scrollbar {
+    height: 100%;
+  }
+}

package/es/contentModal/style/index.css

@@ -1,47 +1,82 @@
 .column-selection-container {
-  padding: 0px 15px;
-}
-.column-selection-popover-content {
-  padding: 0;
+  padding: 0 15px;
+}
+.column-selection-popover-content .search-column {
+  margin-bottom: 4px;
+  padding: 4px 8px;
+}
+.column-selection-popover-content .last-search-key {
+  height: 32px;
+  margin-left: 22px;
+  padding-left: 4px;
+  color: #165dff;
+  line-height: 32px;
+  border-radius: var(--border-radius-small);
+}
+.column-selection-popover-content .last-search-key:hover {
+  color: var(--color-text-1);
+  background-color: var(--color-fill-2);
+  cursor: pointer;
 }
 .column-selection-popover-content .column-outer-scrollbar {
   height: 100%;
 }
 .media-filter-container {
-  padding: 10px 15px;
   display: flex;
   align-items: center;
+  justify-content: space-between;
+  padding: 10px 20px;
 }
 .media-filter-container .filter-item {
   width: auto;
 }
+.media-filter-container .reset-button {
+  width: 74px;
+  padding: 9px 12px;
+  font-size: 14px;
+}
+.media-filter-container .reset-button .reset-icon {
+  margin-right: 8px;
+}
+.media-filter-container .sort-button {
+  color: #4e5969;
+}
+.media-filter-container .sort-button .filter-item {
+  width: 102px;
+}
+.media-filter-container .sort-button .filter-item .arco-select-view-suffix {
+  padding-left: 0;
+}
+.media-filter-container .sort-button:hover {
+  cursor: pointer;
+}
 .selected-store-box-popover-content {
   padding: 0;
 }
 .selected-store-box-popover-content .batch-section-popover-main .item {
-  height: 35px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 5px 10px;
   box-sizing: border-box;
+  height: 42px;
+  padding: 5px 10px;
 }
 .selected-store-box-popover-content .batch-section-popover-main .item .icon {
+  display: inline-block;
   width: 20px;
   height: 25px;
   margin-right: 8px;
   font-size: 18px;
-  vertical-align: middle;
-  display: inline-block;
   text-align: center;
+  vertical-align: middle;
 }
 .selected-store-box-popover-content .batch-section-popover-main .item .left {
-  width: 90%;
   display: inline-block;
   align-items: center;
-  text-overflow: ellipsis;
+  width: 90%;
   overflow: hidden;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .selected-store-box-popover-content .batch-section-popover-main .item .close-btn {
   display: none;
@@ -58,12 +93,22 @@
   display: flex;
   align-items: center;
   justify-content: flex-end;
+  height: 42px;
+  border-top: 1px solid #f2f3f5;
 }
 .view-all-column-container {
   height: 100%;
 }
 .view-all-column-container .content-table-view {
   height: calc(100% - 110px);
+  padding: 0 20px;
+}
+.view-all-column-container .content-table-view .arco-checkbox {
+  padding: 0;
+}
+.view-all-column-container .content-table-view .pic-thumb-img {
+  width: 60px;
+  height: 45px;
 }
 .view-all-column-container .content-table-view .title-span,
 .view-all-column-container .content-table-view .mp_title-span {

package/es/contentModal/style/storeBox.less

@@ -1,45 +1,55 @@
 .selected-store-box-popover-content {
   padding: 0;
+
   .batch-section-popover-main {
     .item {
-      height: 35px;
       display: flex;
       align-items: center;
       justify-content: space-between;
-      padding: 5px 10px;
       box-sizing: border-box;
+      height: 42px;
+      padding: 5px 10px;
+
       .icon {
+        display: inline-block;
         width: 20px;
         height: 25px;
         margin-right: 8px;
         font-size: 18px;
-        vertical-align: middle;
-        display: inline-block;
         text-align: center;
+        vertical-align: middle;
       }
+
       .left {
-        width: 90%;
         display: inline-block;
         align-items: center;
-        text-overflow: ellipsis;
+        width: 90%;
         overflow: hidden;
         white-space: nowrap;
+        text-overflow: ellipsis;
       }
+
       .close-btn {
         display: none;
       }
+
       &:hover,
       &:active {
         background-color: #f6f6f6;
+
         .close-btn {
           display: block;
         }
       }
     }
   }
+
   .options {
     display: flex;
     align-items: center;
     justify-content: flex-end;
+    height: 42px;
+    border-top: 1px solid #f2f3f5;
+    //background-color: red;
   }
 }

package/es/dataTags/component.js

@@ -1,9 +1,12 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, createBlock, unref, withCtx, renderList, createVNode, normalizeClass, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, computed, openBlock, createElementBlock, Fragment, createCommentVNode, createBlock, unref, withCtx, createElementVNode, renderList, createVNode, normalizeClass, createTextVNode, toDisplayString } from "vue";
 import { Popover, Tag, Tooltip } from "@arco-design/web-vue";
 import { kongo_source_map, mp_type_map, contentList_list_type_map } from "../utils/typeMap.js";
 import { docThumbMap } from "../utils/doc.js";
 import _sfc_main$1 from "../typeIcons/component.js";
-const _hoisted_1 = { class: "doc-tags-container" };
+const _hoisted_1 = {
+  key: 0,
+  class: "doc-tags-container"
+};
 const _hoisted_2 = { class: "doc-tags-thumb-ul" };
 const _hoisted_3 = ["src"];
 const _hoisted_4 = { key: 0 };
@@ -51,7 +54,7 @@ const _sfc_main = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createCommentVNode(" \u539F\u521B/\u63A8\u8350/\u654F\u611F\u8BCD/\u5C01\u9762\u51E0\u56FE/ "),
-        createElementVNode("span", _hoisted_1, [
+        _ctx.item ? (openBlock(), createElementBlock("span", _hoisted_1, [
           _ctx.item.catalog === "doc" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             _ctx.popverThumb && thumbList.value.length ? (openBlock(), createBlock(unref(Popover), {
               key: 0,
@@ -160,7 +163,25 @@ const _sfc_main = defineComponent({
                 }, 8, ["class"])
               ]),
               _: 1
-            }, 8, ["content"])) : createCommentVNode("v-if", true)
+            }, 8, ["content"])) : createCommentVNode("v-if", true),
+            _ctx.item.push_state === 3 ? (openBlock(), createBlock(unref(Tooltip), {
+              key: 5,
+              content: "\u63A8\u9001\u6210\u529F",
+              position: "top"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Tag), {
+                  size: "small",
+                  class: normalizeClass([{ disabled: _ctx.disabled }, "star"])
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u5DF2\u63A8\u9001")
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ]),
+              _: 1
+            })) : createCommentVNode("v-if", true)
           ], 64)) : _ctx.item.catalog === "kongo" ? (openBlock(), createBlock(unref(Tag), {
             key: 1,
             size: "small"
@@ -184,7 +205,7 @@ const _sfc_main = defineComponent({
           })) : (openBlock(), createElementBlock(Fragment, { key: 4 }, [
             _ctx.item.list_type ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(contentList_list_type_map)[_ctx.item.list_type]), 1)) : (openBlock(), createElementBlock("span", _hoisted_5, "--"))
           ], 64))
-        ])
+        ])) : createCommentVNode("v-if", true)
       ], 2112);
     };
   }

package/es/editMetaInfo/component.js

@@ -15,7 +15,8 @@ const _sfc_main = defineComponent({
     hashId: {}
   },
   emits: ["update:visible", "submit"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const props = __props;
     const metaInfoFormRef = ref();
     const editorDataPubInfo = ref(null);

package/es/editMetaInfo/components/metaInfoForm.js

@@ -1,20 +1,35 @@
-import { defineComponent, ref, computed, watch, onMounted, openBlock, createBlock, unref, withCtx, createVNode, withDirectives, vShow, createElementBlock, Fragment, renderList, toRaw } from "vue";
-import { Form, FormItem, Input, InputTag, Select, Option, DatePicker, Switch, InputNumber, Message } from "@arco-design/web-vue";
+import { defineComponent, ref, computed, watch, onMounted, openBlock, createBlock, unref, withCtx, createVNode, withDirectives, vShow, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createCommentVNode, toRaw } from "vue";
+import { Form, FormItem, Input, InputTag, Select, Option, DatePicker, Switch, InputNumber, RadioGroup, Radio, Message } from "@arco-design/web-vue";
+import { IconInfoCircle } from "@arco-design/web-vue/es/icon";
 import { docSeries } from "../../utils/doc.js";
 import _sfc_main$1 from "../../selectThumb/component.js";
-import restaurants from "../script/restaurants.js";
 import { getAllDutyEditor } from "../script/api.js";
 import { DEFAULT_BASE_API } from "../../config.js";
 import { validateForm } from "../../utils/index.js";
+import useLoadSourceInfo from "../../hooks/source.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "silence-options"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "info"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "info"
+};
 const _sfc_main = defineComponent({
   __name: "metaInfoForm",
   props: {
     initData: {},
-    BASE_API: {}
+    BASE_API: {},
+    sourceStore: {}
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
     const BASE_API = props.BASE_API || DEFAULT_BASE_API;
+    const { SourceInfo, getSourceInfoHandle } = useLoadSourceInfo(BASE_API);
     const metaInfoFormRef = ref();
     const form = ref({
       title: "",
@@ -42,8 +57,14 @@ const _sfc_main = defineComponent({
       ori_thumbup_count: 0,
       comment_available: false,
       is_recommend: false,
-      album_status: false
+      album_status: false,
+      mourn_style: 0
     });
+    const silenceOptions = ref(false);
+    const tips = ref([
+      "\u542F\u7528\u6B64\u9009\u9879\u540E\u8BE5\u7A3F\u4EF6\u5C06\u5728\u5BA2\u6237\u7AEF\u4FE1\u606F\u6D41\u5185\u4EE5\u9ED8\u8BA4\u9ED1\u767D\u6837\u5F0F\u5448\u73B0\u3002\u8BE5\u9009\u9879\u9002\u7528\u4E8E\uFF1A\u4EC5\u9700\u8981\u6307\u5B9A\u5185\u5BB9\u9ED8\u54C0\uFF0C\u65E0\u9700\u5BA2\u6237\u7AEF\u5168\u5C40\u9ED8\u54C0\u7684\u573A\u666F\u3002",
+      "\u542F\u7528\u6B64\u9009\u9879\u540E\u8BE5\u7A3F\u4EF6\u5C06\u5728\u5BA2\u6237\u7AEF\u5F3A\u5236\u5F69\u8272\u663E\u793A\uFF0C\u4E0D\u53D7\u5168\u5C40\u9ED8\u54C0\u914D\u7F6E\u7684\u5F71\u54CD\u3002\u8BE5\u9009\u9879\u9002\u7528\u4E8E\uFF1A\u5F53\u5BA2\u6237\u7AEF\u542F\u7528\u4E86\u5168\u5C40\u9ED8\u54C0\u6216\u9891\u9053\u9ED8\u54C0\u65F6\uFF0C\u671F\u671B\u6307\u5B9A\u5185\u5BB9\u5728\u4FE1\u606F\u6D41\u4FDD\u6301\u6B63\u5E38\u5F69\u8272\u663E\u793A\u7684\u573A\u666F\u3002"
+    ]);
     const rules = {
       title: [
         { required: true, message: "\u8BF7\u8F93\u5165\u4E3B\u6807\u9898" },
@@ -177,6 +198,23 @@ const _sfc_main = defineComponent({
       data.album_status = data.album_status !== "0";
       Object.assign(form.value, data);
     };
+    watch(silenceOptions, (newVal, oldVal) => {
+      if (!newVal) {
+        form.value.mourn_style = 0;
+      } else if (!form.value.mourn_style) {
+        form.value.mourn_style = 1;
+      }
+    });
+    watch(
+      () => form.value.mourn_style,
+      (value) => {
+        form.value.mourn_style = Number(value);
+        if (value !== 0) {
+          silenceOptions.value = true;
+        }
+      },
+      { immediate: true }
+    );
     watch(
       () => props.initData,
       () => {
@@ -188,6 +226,11 @@ const _sfc_main = defineComponent({
     );
     onMounted(() => {
       getAllDutyEditorOption();
+      if (props.sourceStore) {
+        SourceInfo.value = [...props.sourceStore];
+      } else {
+        getSourceInfoHandle();
+      }
     });
     __expose({
       getFormData
@@ -247,6 +290,7 @@ const _sfc_main = defineComponent({
               createVNode(_sfc_main$1, {
                 dataValue: form.value.style,
                 "onUpdate:dataValue": _cache[2] || (_cache[2] = ($event) => form.value.style = $event),
+                "media-use-type": 1,
                 series: series.value,
                 class: "select-thumb-wrap",
                 mode: "doc"
@@ -347,7 +391,7 @@ const _sfc_main = defineComponent({
                 placeholder: "\u8BF7\u9009\u62E9"
               }, {
                 default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(restaurants), (item) => {
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(SourceInfo), (item) => {
                     return openBlock(), createBlock(unref(Option), {
                       key: item.value,
                       value: item.value,
@@ -611,7 +655,49 @@ const _sfc_main = defineComponent({
             _: 1
           }, 512), [
             [vShow, isAlbumStatus.value]
-          ])
+          ]),
+          createVNode(unref(FormItem), {
+            class: "silence horizontal",
+            field: "silenceOptions",
+            label: "\u9ED8\u54C0\u9009\u9879"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(Switch), {
+                modelValue: silenceOptions.value,
+                "onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => silenceOptions.value = $event)
+              }, null, 8, ["modelValue"]),
+              silenceOptions.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                createVNode(unref(RadioGroup), {
+                  modelValue: form.value.mourn_style,
+                  "onUpdate:modelValue": _cache[25] || (_cache[25] = ($event) => form.value.mourn_style = $event)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Radio), { value: 1 }, {
+                      default: withCtx(() => [
+                        createTextVNode(" \u9ED8\u54C0\u6A21\u5F0F")
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(Radio), { value: 2 }, {
+                      default: withCtx(() => [
+                        createTextVNode("\u975E\u9ED8\u54C0\u6A21\u5F0F")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"]),
+                form.value.mourn_style == 1 ? (openBlock(), createElementBlock("p", _hoisted_2, [
+                  createVNode(unref(IconInfoCircle)),
+                  createTextVNode(toDisplayString(tips.value[0]), 1)
+                ])) : form.value.mourn_style == 2 ? (openBlock(), createElementBlock("p", _hoisted_3, [
+                  createVNode(unref(IconInfoCircle)),
+                  createTextVNode(toDisplayString(tips.value[1]), 1)
+                ])) : createCommentVNode("v-if", true)
+              ])) : createCommentVNode("v-if", true)
+            ]),
+            _: 1
+          })
         ]),
         _: 1
       }, 8, ["model"]);

package/es/editMetaInfo/style/index.css

@@ -8,8 +8,8 @@
 .edit-meta-info-dialog-body .style-form-item .title {
   max-width: 100%;
   color: var(--color-text-2);
-  font-size: 14px;
   font-weight: 400;
+  font-size: 14px;
   white-space: normal;
 }
 .edit-meta-info-dialog-body .select-thumb-wrap {
@@ -18,3 +18,20 @@
 .edit-meta-info-dialog-body .input-w {
   width: 450px;
 }
+.edit-meta-info-dialog-body .silence .arco-form-item-wrapper-col .arco-form-item-content {
+  display: block;
+}
+.edit-meta-info-dialog-body .silence .arco-form-item-wrapper-col .arco-form-item-content .arco-switch {
+  margin: 4px 0;
+}
+.edit-meta-info-dialog-body .silence .arco-form-item-wrapper-col .arco-form-item-content .silence-options {
+  margin-top: 20px;
+  margin-left: -75px;
+}
+.edit-meta-info-dialog-body .silence .arco-form-item-wrapper-col .arco-form-item-content .silence-options .info {
+  margin-top: 12px;
+  padding-left: 5px;
+  color: #878e96;
+  font-size: 14px;
+  line-height: 1.5;
+}

package/es/editMetaInfo/style/index.less

@@ -1,19 +1,23 @@
 .edit-meta-info-dialog-body {
   padding: 0;
+
   .style-form-item {
     position: relative;
     top: -10px;
+
     .title {
       max-width: 100%;
       color: var(--color-text-2);
-      font-size: 14px;
       font-weight: 400;
+      font-size: 14px;
       white-space: normal;
     }
   }
+
   .select-thumb-wrap {
     margin-left: 20.8%;
   }
+
   .horizontal {
     // display: flex;
     // align-items: center;
@@ -24,7 +28,33 @@
     //   text-align: right;
     // }
   }
+
   .input-w {
     width: 450px;
   }
+
+  .silence {
+    .arco-form-item-wrapper-col {
+      .arco-form-item-content {
+        display: block;
+
+        .arco-switch {
+          margin: 4px 0;
+        }
+
+        .silence-options {
+          margin-top: 20px;
+          margin-left: -75px;
+
+          .info {
+            margin-top: 12px;
+            padding-left: 5px;
+            color: #878e96;
+            font-size: 14px;
+            line-height: 1.5;
+          }
+        }
+      }
+    }
+  }
 }

package/es/hooks/source.d.ts

@@ -0,0 +1,9 @@
+interface Params {
+    [key: string]: any;
+}
+export declare function getConfiguration(BASE_API: string, params: Params): import("axios").AxiosPromise<any>;
+declare const useLoadSourceInfo: (BASE_API: string) => {
+    SourceInfo: import("vue").Ref<any>;
+    getSourceInfoHandle: () => Promise<void>;
+};
+export default useLoadSourceInfo;

package/es/hooks/source.js

@@ -0,0 +1,31 @@
+import { ref } from "vue";
+import request from "../utils/request.js";
+function getConfiguration(BASE_API, params) {
+  return request(BASE_API, {
+    url: `poplar/v2/settings`,
+    method: "get",
+    params
+  });
+}
+const useLoadSourceInfo = (BASE_API) => {
+  const SourceInfo = ref([]);
+  const getSourceInfoHandle = async () => {
+    const res = await getConfiguration(BASE_API, {
+      domain_id: 1,
+      module: "doc_config",
+      key: "restaurants"
+    });
+    if (res.code === 0 && res.message) {
+      SourceInfo.value = JSON.parse(res.message[res.message.length - 1].value);
+    } else {
+      window.situoyun.doc_config = {
+        restaurants: []
+      };
+    }
+  };
+  return {
+    SourceInfo,
+    getSourceInfoHandle
+  };
+};
+export { useLoadSourceInfo as default, getConfiguration };

package/es/hooks/user.d.ts

@@ -3,7 +3,7 @@ interface Params {
 }
 export declare function getChannels(BASE_API: string, params?: Params): import("axios").AxiosPromise<any>;
 declare const useLoadUserInfo: (BASE_API: string) => {
-    userInfo: any;
+    userInfo: import("vue").Ref<any>;
     getUserInfoHandle: () => Promise<void>;
 };
 export default useLoadUserInfo;

package/es/imageCrop/component.js

@@ -37,7 +37,8 @@ const _sfc_main = defineComponent({
     generateAssets: { type: Boolean }
   },
   emits: ["update:visible", "confirm"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const props = __props;
     const BASE_API = props.BASE_API || DEFAULT_BASE_API;
     const saveLoading = ref(false);
@@ -210,13 +211,6 @@ const _sfc_main = defineComponent({
       const file = new File([blob], name, { type: blob.type });
       const result = await uploadByTUS(file);
       const resImg = getUploadFileUrl(result);
-      if (!props.generateAssets) {
-        afterCropperAndUploadFile({
-          url: resImg.url,
-          banner_theme_color: themeColors
-        });
-        return;
-      }
       if (props.userInfo) {
         const param = {
           url: resImg.url,
@@ -227,12 +221,25 @@ const _sfc_main = defineComponent({
           ),
           repository_id: props.userInfo.repository_id,
           directory_id: selectedData.value[cropperIndex.value].directory_id,
-          banner_theme_color: themeColors
+          banner_theme_color: themeColors,
+          parent_id: 0
         };
+        if (!props.generateAssets) {
+          param.parent_id = selectedData.value[cropperIndex.value].id;
+          afterCropperAndUploadFile({
+            url: resImg.url,
+            banner_theme_color: themeColors
+          });
+        }
         useGenerateAssets(BASE_API, param).then((response) => {
           response.message.banner_theme_color = themeColors;
           afterCropperAndUploadFile(response.message);
         });
+      } else if (!props.generateAssets) {
+        afterCropperAndUploadFile({
+          url: resImg.url,
+          banner_theme_color: themeColors
+        });
       }
     };
     const afterCropperAndUploadFile = (data) => {