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

package/es/editDocMeta/component.js

@@ -3,10 +3,8 @@ import { Modal, Spin, Scrollbar, Message } from "@arco-design/web-vue";
 import { getDocDetailsNew, updateDocMeta } from "./script/api.js";
 import useDialogVisible from "../hooks/dialogVisible.js";
 import { DEFAULT_BASE_API } from "../config.js";
-import docMetaForm from "./components/docMetaForm.js";
+import _sfc_main$1 from "./components/docMetaForm.js";
 import { docSeries } from "../utils/doc.js";
-import "./component.vue_vue_type_style_index_0_scoped_true_lang.js";
-import _export_sfc from "../_virtual/plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "edit-doc-meta-container" };
 const _hoisted_2 = { style: { "padding": "20px" } };
 const _sfc_main = defineComponent({
@@ -336,7 +334,7 @@ const _sfc_main = defineComponent({
                     var _a;
                     return [
                       createElementVNode("div", _hoisted_2, [
-                        editorData.value ? (openBlock(), createBlock(docMetaForm, {
+                        editorData.value ? (openBlock(), createBlock(_sfc_main$1, {
                           key: 0,
                           ref_key: "docMetaFormRef",
                           ref: docMetaFormRef,
@@ -363,5 +361,4 @@ const _sfc_main = defineComponent({
     };
   }
 });
-var _editDocMeta = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07a46dd6"]]);
-export { _editDocMeta as default };
+export { _sfc_main as default };

package/es/editDocMeta/components/Adapter.js

@@ -10,9 +10,6 @@ import FCheckbox from "./fields/FCheckbox.js";
 import FCustom from "./fields/FCustom.js";
 import FContentModel from "./fields/FContentModel.js";
 import _sfc_main$1 from "../../selectResourceModal/component.js";
-import "./Adapter.vue_vue_type_style_index_0_scoped_true_lang.js";
-import "./Adapter.vue_vue_type_style_index_1_lang.js";
-import _export_sfc from "../../_virtual/plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "form-adapter" };
 const _hoisted_2 = {
   key: 1,
@@ -209,5 +206,4 @@ const _sfc_main = defineComponent({
     };
   }
 });
-var Adapter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-574180c8"]]);
-export { Adapter as default };
+export { _sfc_main as default };

package/es/editDocMeta/components/CustomSubTitle.js

@@ -1,6 +1,4 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, renderSlot } from "vue";
-import "./CustomSubTitle.vue_vue_type_style_index_0_scoped_true_lang.js";
-import _export_sfc from "../../_virtual/plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "sub-title-wrp" };
 const _hoisted_2 = { class: "sub-left" };
 const _hoisted_3 = { class: "sub-right" };
@@ -14,11 +12,10 @@ const _sfc_main = defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, toDisplayString(__props.title), 1),
         createElementVNode("div", _hoisted_3, [
-          renderSlot(_ctx.$slots, "right", {}, void 0, true)
+          renderSlot(_ctx.$slots, "right")
         ])
       ]);
     };
   }
 });
-var CustomSubTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bb89ee54"]]);
-export { CustomSubTitle as default };
+export { _sfc_main as default };

package/es/editDocMeta/components/ThumbEditCard.js

@@ -3,8 +3,6 @@ import { Dropdown, Doption } from "@arco-design/web-vue";
 import { IconPlus } from "@arco-design/web-vue/es/icon";
 import { IconResource, IconComputer } from "@arco-iconbox/vue-cmstop-icons";
 import _sfc_main$1 from "../../thumbCard/component.js";
-import "./ThumbEditCard.vue_vue_type_style_index_0_scoped_true_lang.js";
-import _export_sfc from "../../_virtual/plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "thumb-edit-card" };
 const _hoisted_2 = { class: "thumb-drop-button" };
 const _hoisted_3 = { class: "thumb-drop-button" };
@@ -74,5 +72,4 @@ const _sfc_main = defineComponent({
     };
   }
 });
-var ThumbEditCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-30915b66"]]);
-export { ThumbEditCard as default };
+export { _sfc_main as default };

package/es/editDocMeta/components/docMetaForm.js

@@ -3,12 +3,10 @@ import { Form, FormItem, Input, Link, Space, Message } from "@arco-design/web-vu
 import { IconDoubleUp, IconDoubleDown } from "@arco-design/web-vue/es/icon";
 import { DEFAULT_BASE_API } from "../../config.js";
 import useMetaOptions from "../hooks/useMetaOptions.js";
-import Adapter from "./Adapter.js";
-import CustomSubTitle from "./CustomSubTitle.js";
+import _sfc_main$2 from "./Adapter.js";
+import _sfc_main$1 from "./CustomSubTitle.js";
 import useVisible from "../../hooks/visible.js";
 import { getThumbLen } from "./options/useThumbs.js";
-import "./docMetaForm.vue_vue_type_style_index_0_scoped_true_lang.js";
-import _export_sfc from "../../_virtual/plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "doc-meta-form-container" };
 const _sfc_main = defineComponent({
   __name: "docMetaForm",
@@ -494,7 +492,7 @@ const _sfc_main = defineComponent({
               [vShow, showBrief.value]
             ]),
             createCommentVNode(" \u2B50 \u7A3F\u7B7E\u8BBE\u7F6E\u6807\u9898 "),
-            createVNode(CustomSubTitle, { title: "\u7A3F\u7B7E\u8BBE\u7F6E" }),
+            createVNode(_sfc_main$1, { title: "\u7A3F\u7B7E\u8BBE\u7F6E" }),
             createCommentVNode(" \u2B50 \u52A8\u6001\u8868\u5355\u5B57\u6BB5\uFF08\u652F\u6301\u5C55\u5F00/\u6536\u8D77\uFF09 "),
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(options), (option, index) => {
               var _a;
@@ -502,7 +500,7 @@ const _sfc_main = defineComponent({
                 key: option.value
               }, [
                 createCommentVNode(" \u66F4\u591A\u8BBE\u7F6E\u6807\u9898\uFF08\u5728\u5C55\u5F00\u65F6\u663E\u793A\uFF09 "),
-                withDirectives(createVNode(CustomSubTitle, { title: "\u66F4\u591A\u8BBE\u7F6E" }, null, 512), [
+                withDirectives(createVNode(_sfc_main$1, { title: "\u66F4\u591A\u8BBE\u7F6E" }, null, 512), [
                   [vShow, unref(visible) && index === unref(showOptionsLen)]
                 ]),
                 createCommentVNode(" \u5C55\u5F00\u6536\u8D77\u63A7\u5236 "),
@@ -512,7 +510,7 @@ const _sfc_main = defineComponent({
                   tooltip: (_a = option.meta) == null ? void 0 : _a.tooltips
                 }, {
                   default: withCtx(() => [
-                    form.value[option.value] !== void 0 ? (openBlock(), createBlock(Adapter, {
+                    form.value[option.value] !== void 0 ? (openBlock(), createBlock(_sfc_main$2, {
                       key: 0,
                       value: form.value[option.value],
                       "onUpdate:value": ($event) => form.value[option.value] = $event,
@@ -562,5 +560,4 @@ const _sfc_main = defineComponent({
     };
   }
 });
-var docMetaForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7041fd1e"]]);
-export { docMetaForm as default };
+export { _sfc_main as default };

package/es/editDocMeta/components/fields/FThumb.js

@@ -2,8 +2,8 @@ import { defineComponent, computed, toRef, ref, watch, openBlock, createElementB
 import { RadioGroup, Radio, Switch, Link } from "@arco-design/web-vue";
 import { IconClose } from "@arco-design/web-vue/es/icon";
 import draggable from "vuedraggable";
-import ThumbEditCard from "../ThumbEditCard.js";
-import _sfc_main$1 from "../../../selectThumb/components/colorPicker.js";
+import _sfc_main$1 from "../ThumbEditCard.js";
+import _sfc_main$2 from "../../../selectThumb/components/colorPicker.js";
 import { useLocalUpload, useThumb, useBanner, useColor, getPayloadImg } from "../options/useThumbs.js";
 import "./FThumb.vue_vue_type_style_index_0_scoped_true_lang.js";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.js";
@@ -306,7 +306,7 @@ const _sfc_main = defineComponent({
             }, {
               item: withCtx(({ element: item, index }) => [
                 createElementVNode("div", _hoisted_5, [
-                  createVNode(ThumbEditCard, {
+                  createVNode(_sfc_main$1, {
                     item,
                     onEdit: (e) => handleEdit(e, index),
                     onHandle: (e) => handleHandle(e, index)
@@ -359,7 +359,7 @@ const _sfc_main = defineComponent({
                   value: `${colr}`
                 }, null, 8, ["style", "value"]);
               }), 128)),
-              createVNode(_sfc_main$1, {
+              createVNode(_sfc_main$2, {
                 modelValue: unref(currentColor),
                 "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(currentColor) ? currentColor.value = $event : null)
               }, null, 8, ["modelValue"])

package/es/editDocMeta/index.js

@@ -1,8 +1,9 @@
-import _editDocMeta from "./component.js";
-const editDocMeta = Object.assign(_editDocMeta, {
+import _sfc_main from "./component.js";
+import "./style/index.js";
+const editDocMeta = Object.assign(_sfc_main, {
   install: (app) => {
-    if (_editDocMeta.name) {
-      app.component(_editDocMeta.name, _editDocMeta);
+    if (_sfc_main.name) {
+      app.component(_sfc_main.name, _sfc_main);
     }
   }
 });

package/es/editDocMeta/style/Adapter.less

@@ -0,0 +1,28 @@
+// Adapter.vue 样式
+.form-adapter {
+  width: 100%;
+
+  :deep(.form-item-wrp) {
+    width: 100%;
+  }
+}
+
+// 图片编辑器弹窗（非 scoped）
+.image-editor-modal {
+  .arco-modal {
+    height: 850px;
+  }
+  .arco-modal-body {
+    padding: 0;
+    height: 100%;
+    overflow: hidden;
+  }
+}
+
+.image-editor-iframe {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  border: 0;
+  outline: none;
+}

package/es/editDocMeta/style/CustomSubTitle.less

@@ -0,0 +1,26 @@
+// CustomSubTitle.vue 样式
+.sub-title-wrp {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 25px;
+
+  .sub-left {
+    display: flex;
+    align-items: center;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 24px;
+    color: #3d3d3d;
+    transform: translateX(-24px);
+
+    &::before {
+      content: '';
+      display: inline-block;
+      width: 4px;
+      height: 16px;
+      margin-right: 8px;
+      background: #165dff;
+    }
+  }
+}

package/es/editDocMeta/style/ThumbEditCard.less

@@ -0,0 +1,32 @@
+// ThumbEditCard.vue 样式
+.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-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;
+}

package/es/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/es/editDocMeta/style/index.css

@@ -1,3 +1,94 @@
+.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;
+}
 .edit-doc-meta-dialog-body {
   padding: 0;
 }

package/es/editDocMeta/style/index.less

@@ -1,3 +1,12 @@
+@import './Adapter.less';
+@import './docMetaForm.less';
+@import './CustomSubTitle.less';
+@import './ThumbEditCard.less';
+
 .edit-doc-meta-dialog-body {
   padding: 0;
 }
+
+.edit-doc-meta-container {
+  // 主组件容器样式
+}

package/es/index.css

@@ -5121,6 +5121,97 @@
   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;
+}
 .edit-doc-meta-dialog-body {
   padding: 0;
 }