@cmstops/pro-compo 3.10.5-nanning.2 → 3.10.5-stable.10

package/lib/editDocMeta/style/docMetaForm.less

@@ -0,0 +1,22 @@
+// docMetaForm.vue 样式
+.doc-meta-form-container {
+  padding: 40px 80px 20px 48px;
+
+  :deep(.arco-form-item-label) {
+    position: relative;
+    width: 125px !important;
+    min-width: 125px;
+    max-width: 125px;
+
+    .arco-form-item-label-required-symbol {
+      position: absolute;
+      top: 50%;
+      left: -15px;
+      transform: translateY(-50%);
+    }
+  }
+}
+
+.input-w {
+  width: 100%;
+}

package/lib/editDocMeta/style/index.css

@@ -0,0 +1,281 @@
+.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;
+}
+.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;
+}
+.form-thumb-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  line-height: 32px;
+}
+.form-thumb-wrap .thumb-list {
+  display: flex;
+  flex-direction: column;
+}
+.form-thumb-wrap .thumb-list .thumb-tip {
+  color: var(--color-text-3);
+  font-size: 12px;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap {
+  position: relative;
+  display: flex;
+  gap: 10px;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-item {
+  position: relative;
+  width: 110px;
+  aspect-ratio: 4 / 3;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-remove-btn {
+  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 {
+  opacity: 1;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-remove-btn:hover {
+  background: #666;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .no-thumb-tips {
+  line-height: 24px;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .card-preview {
+  align-self: flex-end;
+  width: 40px;
+  line-height: 1;
+  white-space: nowrap;
+}
+.form-thumb-wrap .thumb-list span {
+  color: var(--color-text-2);
+}
+.color-radio-group {
+  overflow: hidden;
+}
+.color-radio-group .arco-radio-button {
+  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::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 {
+  width: 32px;
+  height: 32px;
+  padding: 0 2px;
+  border: none;
+}
+.form-item-wrp {
+  width: 100%;
+  display: block;
+}
+.form-input-wrp {
+  width: 100%;
+  display: block;
+}
+.form-input-wrp :deep(.arco-input),
+.form-input-wrp :deep(.arco-input-number),
+.form-input-wrp :deep(.arco-textarea),
+.form-input-wrp :deep(.arco-input-tag) {
+  width: 100%;
+}
+.form-input-wrp .tag-count {
+  color: var(--color-text-3);
+  font-size: 12px;
+  user-select: none;
+}
+.form-item-wrp {
+  width: 100%;
+}
+.form-item-wrp {
+  width: 100%;
+}
+.form-item-wrp {
+  width: 100%;
+}
+.form-radio-wrp {
+  width: 100%;
+}
+.form-radio-wrp :deep(.arco-radio-group) {
+  width: 100%;
+}
+.form-radio-wrp :deep(.arco-radio) {
+  margin-right: 16px;
+  margin-bottom: 8px;
+}
+.form-radio-wrp :deep(.arco-radio):last-child {
+  margin-right: 0;
+}
+.form-checkbox-wrp {
+  width: 100%;
+}
+.form-checkbox-wrp :deep(.arco-checkbox-group) {
+  width: 100%;
+}
+.form-checkbox-wrp :deep(.arco-checkbox) {
+  margin-right: 16px;
+  margin-bottom: 8px;
+}
+.form-checkbox-wrp :deep(.arco-checkbox):last-child {
+  margin-right: 0;
+}
+.form-custom-wrapper {
+  width: 100%;
+}
+.form-custom-wrapper .form-morn-item {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  align-items: start;
+  margin-top: 3px;
+}
+.form-custom-wrapper .form-morn-item .form-morn-desc {
+  color: #86909c;
+  font-size: 12px;
+  line-height: 20px;
+}
+.form-content-wrapper {
+  width: 100%;
+}
+.form-content-wrapper .content-list-wrapper {
+  margin-top: 10px;
+  display: flex;
+  flex-direction: column;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper {
+  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:hover {
+  background-color: #f7f8fa;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper:not(:first-child) {
+  border-top: none;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper .title {
+  flex: 1;
+  line-height: 22px;
+}
+.edit-doc-meta-dialog-body {
+  padding: 0;
+}

package/lib/editDocMeta/style/index.js

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

package/lib/editDocMeta/style/index.less

@@ -0,0 +1,21 @@
+@import './Adapter.less';
+@import './docMetaForm.less';
+@import './CustomSubTitle.less';
+@import './ThumbEditCard.less';
+@import './FThumb.less';
+@import './FInput.less';
+@import './FSelect.less';
+@import './FSwitch.less';
+@import './FDate.less';
+@import './FRadio.less';
+@import './FCheckbox.less';
+@import './FCustom.less';
+@import './FContentModel.less';
+
+.edit-doc-meta-dialog-body {
+  padding: 0;
+}
+
+.edit-doc-meta-container {
+  // 主组件容器样式
+}

package/lib/editMetaInfo/component.js

@@ -42,10 +42,10 @@ const _sfc_main = vue.defineComponent({
       }
       if (["special", "special_v3"].includes(series)) {
         extra.topImageTitleValid = false;
-        extra.topImageTitle = "\u4E13\u9898\u5934\u56FE";
+        extra.topImageTitle = "\u4E13\u9898/\u5408\u96C6\u5934\u56FE";
       } else {
         if (["video_album", "audio_album"].includes(series)) {
-          extra.topImageTitle = "\u5C01\u9762\u5934\u56FE";
+          extra.topImageTitle = "\u4E13\u9898/\u5408\u96C6\u5934\u56FE";
         } else {
           extra.topImageTitle = "\u64AD\u653E\u5668\u80CC\u666F\u56FE";
         }

package/lib/hooks/visible.js

@@ -0,0 +1,17 @@
+"use strict";
+var vue = require("vue");
+function useVisible(initValue = false) {
+  const visible = vue.ref(initValue);
+  const setVisible = (value) => {
+    visible.value = value;
+  };
+  const toggle = () => {
+    visible.value = !visible.value;
+  };
+  return {
+    visible,
+    setVisible,
+    toggle
+  };
+}
+module.exports = useVisible;

package/lib/index.css

@@ -5121,3 +5121,284 @@
   color: var(---primary-6, #165dff);
   background: var(---primary-1, #e8f3ff);
 }
+.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;
+}
+.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;
+}
+.form-thumb-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  line-height: 32px;
+}
+.form-thumb-wrap .thumb-list {
+  display: flex;
+  flex-direction: column;
+}
+.form-thumb-wrap .thumb-list .thumb-tip {
+  color: var(--color-text-3);
+  font-size: 12px;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap {
+  position: relative;
+  display: flex;
+  gap: 10px;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-item {
+  position: relative;
+  width: 110px;
+  aspect-ratio: 4 / 3;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-remove-btn {
+  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 {
+  opacity: 1;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-remove-btn:hover {
+  background: #666;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .no-thumb-tips {
+  line-height: 24px;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .card-preview {
+  align-self: flex-end;
+  width: 40px;
+  line-height: 1;
+  white-space: nowrap;
+}
+.form-thumb-wrap .thumb-list span {
+  color: var(--color-text-2);
+}
+.color-radio-group {
+  overflow: hidden;
+}
+.color-radio-group .arco-radio-button {
+  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::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 {
+  width: 32px;
+  height: 32px;
+  padding: 0 2px;
+  border: none;
+}
+.form-item-wrp {
+  width: 100%;
+  display: block;
+}
+.form-input-wrp {
+  width: 100%;
+  display: block;
+}
+.form-input-wrp :deep(.arco-input),
+.form-input-wrp :deep(.arco-input-number),
+.form-input-wrp :deep(.arco-textarea),
+.form-input-wrp :deep(.arco-input-tag) {
+  width: 100%;
+}
+.form-input-wrp .tag-count {
+  color: var(--color-text-3);
+  font-size: 12px;
+  user-select: none;
+}
+.form-item-wrp {
+  width: 100%;
+}
+.form-item-wrp {
+  width: 100%;
+}
+.form-item-wrp {
+  width: 100%;
+}
+.form-radio-wrp {
+  width: 100%;
+}
+.form-radio-wrp :deep(.arco-radio-group) {
+  width: 100%;
+}
+.form-radio-wrp :deep(.arco-radio) {
+  margin-right: 16px;
+  margin-bottom: 8px;
+}
+.form-radio-wrp :deep(.arco-radio):last-child {
+  margin-right: 0;
+}
+.form-checkbox-wrp {
+  width: 100%;
+}
+.form-checkbox-wrp :deep(.arco-checkbox-group) {
+  width: 100%;
+}
+.form-checkbox-wrp :deep(.arco-checkbox) {
+  margin-right: 16px;
+  margin-bottom: 8px;
+}
+.form-checkbox-wrp :deep(.arco-checkbox):last-child {
+  margin-right: 0;
+}
+.form-custom-wrapper {
+  width: 100%;
+}
+.form-custom-wrapper .form-morn-item {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  align-items: start;
+  margin-top: 3px;
+}
+.form-custom-wrapper .form-morn-item .form-morn-desc {
+  color: #86909c;
+  font-size: 12px;
+  line-height: 20px;
+}
+.form-content-wrapper {
+  width: 100%;
+}
+.form-content-wrapper .content-list-wrapper {
+  margin-top: 10px;
+  display: flex;
+  flex-direction: column;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper {
+  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:hover {
+  background-color: #f7f8fa;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper:not(:first-child) {
+  border-top: none;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper .title {
+  flex: 1;
+  line-height: 22px;
+}
+.edit-doc-meta-dialog-body {
+  padding: 0;
+}

package/lib/index.js

@@ -31,6 +31,7 @@ var index$q = require("./docHistory/index.js");
 var index$r = require("./videoThumb/index.js");
 var index$s = require("./importData/index.js");
 var index$t = require("./selectAddTo/index.js");
+var index$u = require("./editDocMeta/index.js");
 exports["default"] = components;
 exports.appCenter = index;
 exports.messageBox = index$1;
@@ -62,3 +63,4 @@ exports.docHistory = index$q;
 exports.videoThumb = index$r;
 exports.importData = index$s;
 exports.selectAddTo = index$t;
+exports.editDocMeta = index$u;

package/lib/index.less

@@ -28,3 +28,4 @@
 @import './docHistory/style/index.less';
 @import './videoThumb/style/index.less';
 @import './importData/style/index.less';
+@import './editDocMeta/style/index.less';

package/lib/selectResourceModal/components/List/ListNormal/index.js

@@ -40,7 +40,9 @@ const _sfc_main = vue.defineComponent({
       { immediate: true }
     );
     vue.onMounted(() => {
-      loadData();
+      vue.nextTick(() => {
+        loadData();
+      });
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(ListWraper, {