@cmstops/pro-compo 3.10.5-stable.6 → 3.10.5-stable.9

package/es/style.css

@@ -1,7 +1,95 @@
-.content-tabs[data-v-7f81762c] .arco-tabs-content {
+.form-adapter {
+  width: 100%;
+}
+.form-adapter :deep(.form-item-wrp) {
+  width: 100%;
+}
+.image-editor-modal .arco-modal {
+  height: 850px;
+}
+.image-editor-modal .arco-modal-body {
   padding: 0;
+  height: 100%;
+  overflow: hidden;
 }
-.add-content-modal-body[data-v-7f81762c] {
+.image-editor-iframe {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  border: 0;
+  outline: none;
+}
+.doc-meta-form-container {
+  padding: 40px 80px 20px 48px;
+}
+.doc-meta-form-container :deep(.arco-form-item-label) {
+  position: relative;
+  width: 125px !important;
+  min-width: 125px;
+  max-width: 125px;
+}
+.doc-meta-form-container :deep(.arco-form-item-label) .arco-form-item-label-required-symbol {
+  position: absolute;
+  top: 50%;
+  left: -15px;
+  transform: translateY(-50%);
+}
+.input-w {
+  width: 100%;
+}
+.sub-title-wrp {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 25px;
+}
+.sub-title-wrp .sub-left {
+  display: flex;
+  align-items: center;
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 24px;
+  color: #3d3d3d;
+  transform: translateX(-24px);
+}
+.sub-title-wrp .sub-left::before {
+  content: '';
+  display: inline-block;
+  width: 4px;
+  height: 16px;
+  margin-right: 8px;
+  background: #165dff;
+}
+.thumb-edit-card {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  border: 1px dashed #e5e6eb !important;
+  border-radius: 2px;
+  background-color: #f2f3f5;
+  cursor: pointer;
+}
+.thumb-edit-card .thumb-add {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-text-2);
+  font-size: 16px;
+  cursor: pointer;
+}
+.thumb-drop-button {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  font-size: 14px;
+}
+.edit-doc-meta-dialog-body {
   padding: 0;
 }
 .type-icons-container {
@@ -10,6 +98,12 @@
   line-height: 12px;
   font-size: 18px;
 }
+.content-tabs[data-v-7f81762c] .arco-tabs-content {
+  padding: 0;
+}
+.add-content-modal-body[data-v-7f81762c] {
+  padding: 0;
+}
 .content-tabs[data-v-00adfb7c] .arco-tabs-content {
   padding: 0;
 }
@@ -67,3 +161,190 @@
   color: #999;
   font-size: 12px;
 }
+.form-item-wrp[data-v-52fbb29a] {
+  width: 100%;
+}
+.form-item-wrp[data-v-a36a6014] {
+  width: 100%;
+  display: block;
+}
+.form-input-wrp[data-v-a36a6014] {
+  width: 100%;
+  display: block;
+}
+.form-input-wrp[data-v-a36a6014] .arco-input,
+.form-input-wrp[data-v-a36a6014] .arco-input-number,
+.form-input-wrp[data-v-a36a6014] .arco-textarea,
+.form-input-wrp[data-v-a36a6014] .arco-input-tag {
+  width: 100%;
+}
+.form-input-wrp .tag-count[data-v-a36a6014] {
+  color: var(--color-text-3);
+  font-size: 12px;
+  user-select: none;
+}
+.form-item-wrp[data-v-090be14c] {
+  width: 100%;
+}
+.form-radio-wrp[data-v-0fc87d34] {
+  width: 100%;
+}
+.form-radio-wrp[data-v-0fc87d34] .arco-radio-group {
+  width: 100%;
+}
+.form-radio-wrp[data-v-0fc87d34] .arco-radio {
+  margin-right: 16px;
+  margin-bottom: 8px;
+}
+.form-radio-wrp[data-v-0fc87d34] .arco-radio:last-child {
+  margin-right: 0;
+}
+.form-checkbox-wrp[data-v-e60aa702] {
+  width: 100%;
+}
+.form-checkbox-wrp[data-v-e60aa702] .arco-checkbox-group {
+  width: 100%;
+}
+.form-checkbox-wrp[data-v-e60aa702] .arco-checkbox {
+  margin-right: 16px;
+  margin-bottom: 8px;
+}
+.form-checkbox-wrp[data-v-e60aa702] .arco-checkbox:last-child {
+  margin-right: 0;
+}
+.form-custom-wrapper[data-v-255c65a6] {
+  width: 100%;
+}
+.form-custom-wrapper .form-morn-item[data-v-255c65a6] {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  align-items: start;
+  margin-top: 3px;
+}
+.form-custom-wrapper .form-morn-item .form-morn-desc[data-v-255c65a6] {
+  color: #86909c;
+  font-size: 12px;
+  line-height: 20px;
+}
+.form-content-wrapper[data-v-12f6ab5a] {
+  width: 100%;
+}
+.form-content-wrapper .content-list-wrapper[data-v-12f6ab5a] {
+  margin-top: 10px;
+  display: flex;
+  flex-direction: column;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper[data-v-12f6ab5a] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 9px 12px;
+  border: 1px solid #e5e6eb;
+  cursor: pointer;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper[data-v-12f6ab5a]:hover {
+  background-color: #f7f8fa;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper[data-v-12f6ab5a]:not(:first-child) {
+  border-top: none;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper .title[data-v-12f6ab5a] {
+  flex: 1;
+  line-height: 22px;
+}
+.form-thumb-wrap[data-v-4f91c880] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  line-height: 32px;
+}
+.form-thumb-wrap .thumb-list[data-v-4f91c880] {
+  display: flex;
+  flex-direction: column;
+}
+.form-thumb-wrap .thumb-list .thumb-tip[data-v-4f91c880] {
+  color: var(--color-text-3);
+  font-size: 12px;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap[data-v-4f91c880] {
+  position: relative;
+  display: flex;
+  gap: 10px;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-item[data-v-4f91c880] {
+  position: relative;
+  width: 110px;
+  aspect-ratio: 4 / 3;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-remove-btn[data-v-4f91c880] {
+  position: absolute;
+  top: -10px;
+  right: -10px;
+  display: flex;
+  width: 20px;
+  height: 20px;
+  align-items: center;
+  justify-content: center;
+  background: #999;
+  border-radius: 50%;
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 0.3s ease-in-out;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-item:hover .thumb-remove-btn[data-v-4f91c880] {
+  opacity: 1;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-remove-btn[data-v-4f91c880]:hover {
+  background: #666;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .no-thumb-tips[data-v-4f91c880] {
+  line-height: 24px;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .card-preview[data-v-4f91c880] {
+  align-self: flex-end;
+  width: 40px;
+  line-height: 1;
+  white-space: nowrap;
+}
+.form-thumb-wrap .thumb-list span[data-v-4f91c880] {
+  color: var(--color-text-2);
+}
+.color-radio-group[data-v-4f91c880] {
+  overflow: hidden;
+}
+.color-radio-group .arco-radio-button[data-v-4f91c880] {
+  position: relative;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  overflow: hidden !important;
+  font-size: 0 !important;
+  background: transparent !important;
+  border-width: 0 !important;
+  box-shadow: none !important;
+}
+.color-radio-group .arco-radio-button.arco-radio-checked[data-v-4f91c880]::after {
+  position: absolute;
+  top: 7px;
+  left: 12px;
+  box-sizing: content-box;
+  width: 5px;
+  height: 11px;
+  border: 2px solid #fff;
+  border-top: 0;
+  border-left: 0;
+  transform: rotate(45deg) scaleY(1);
+  transform-origin: center;
+  content: '';
+  transition: transform 0.15s ease-in 0.05s;
+}
+.color-picker-input[data-v-4f91c880] {
+  width: 32px;
+  height: 32px;
+  padding: 0 2px;
+  border: none;
+}
+.form-item-wrp[data-v-0b441498] {
+  width: 100%;
+}

package/lib/contentModal/component.js

@@ -140,6 +140,7 @@ const _sfc_main = vue.defineComponent({
                     key: 0,
                     banner: typeDataController.value.docBanner,
                     "default-selected-data": selectedData.value,
+                    "default-order": typeDataController.value.docDefaultOrder,
                     "max-select": __props.maxSelect,
                     series: typeDataController.value.docSeries,
                     "type-data": typeDataController.value,
@@ -165,7 +166,7 @@ const _sfc_main = vue.defineComponent({
                       }, 8, ["disabled"])
                     ]),
                     _: 1
-                  }, 8, ["banner", "default-selected-data", "max-select", "series", "type-data", "user-info"])) : vue.createCommentVNode("v-if", true)
+                  }, 8, ["banner", "default-selected-data", "default-order", "max-select", "series", "type-data", "user-info"])) : vue.createCommentVNode("v-if", true)
                 ]),
                 _: 1
               })) : vue.createCommentVNode("v-if", true),

package/lib/contentModal/components/ViewAllColumn/MediaFilter/index.js

@@ -16,7 +16,8 @@ const _sfc_main = vue.defineComponent({
     series: { default: "all" },
     banner: { default: "all" },
     height: {},
-    userInfo: {}
+    userInfo: {},
+    defaultOrder: { default: "pub_time" }
   },
   emits: ["update:group_id", "search"],
   setup(__props, { emit: __emit }) {
@@ -29,7 +30,7 @@ const _sfc_main = vue.defineComponent({
       cover_type: "",
       banner: "",
       sort: -1,
-      order: "create_time",
+      order: props.defaultOrder,
       wordState: "precision"
     });
     const wordStateOptions = [

package/lib/contentModal/components/ViewAllColumn/index.js

@@ -30,7 +30,8 @@ const _sfc_main = vue.defineComponent({
     defaultSelectedData: {},
     series: {},
     banner: {},
-    userInfo: {}
+    userInfo: {},
+    defaultOrder: {}
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -287,12 +288,13 @@ const _sfc_main = vue.defineComponent({
           group_id: group_id.value,
           "onUpdate:group_id": _cache[0] || (_cache[0] = ($event) => group_id.value = $event),
           banner: __props.banner,
+          "default-order": props.defaultOrder,
           height: listMinHeight.value,
           series: props.series,
           tree: categoryCascaderData.value,
           "user-info": props.userInfo,
           onSearch: search
-        }, null, 8, ["group_id", "banner", "height", "series", "tree", "user-info"]),
+        }, null, 8, ["group_id", "banner", "default-order", "height", "series", "tree", "user-info"]),
         vue.createElementVNode("div", {
           ref_key: "tableContainerRef",
           ref: tableContainerRef,