adtec-core-package 3.0.0 → 3.0.1

package/src/components/editor-main/src/assets/icons/word.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 4h20l10 10v28a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" stroke="currentColor" stroke-width="3" stroke-linejoin="round"/><path d="M16.008 20l3 14 5-10 5 10 3-14" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/components/editor-main/src/assets/icons/writing-mode.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29 35l-8-3.667M29 13l-8 3.667m0 0L17 18.5 5 24l12 5.5 4 1.833m0-14.666v14.666M37 6v36l6-6" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/components/editor-main/src/assets/icons/zoom-1.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 44h28a2 2 0 0 0 2-2V14H30V4H10a2 2 0 0 0-2 2v36a2 2 0 0 0 2 2zM30 4l10 10m-22 8v12m6-9v.01M24 31v.01M30 22v12" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/components/editor-main/src/assets/icons/zoom-auto.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 44h28a2 2 0 0 0 2-2V14H30V4H10a2 2 0 0 0-2 2v36a2 2 0 0 0 2 2zM30 4l10 10M17 25h14m-14 6h14m0-6l-5-5m-4 16l-5-5" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/components/editor-main/src/assets/icons/zoom.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 44h28a2 2 0 0 0 2-2V14H30V4H10a2 2 0 0 0-2 2v36a2 2 0 0 0 2 2zM30 4l10 10m-20 9v.01M19 34l10-12m-1 11v.01" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/components/editor-main/src/assets/images/avatar.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="96" height="96"><path d="M422.366 0H597.68c228.053 52.738 368.84 193.524 422.35 422.35v175.315C998.802 693.244 956.304 778.24 892.53 852.67a4855.035 4855.035 0 0 0-239.066-99.61c-39.255-18.751-53.87-49.296-43.829-91.643a507.776 507.776 0 0 1 71.72-79.688c36.705-90.495 44.674-183.468 23.907-278.91-77.314-124.913-182.24-155.458-314.77-91.643-40.467 29.78-68.358 68.293-83.674 115.549-11.65 87.984-1.028 172.988 31.876 255.004a507.776 507.776 0 0 1 71.72 79.688c6.016 22.337 3.362 43.59-7.97 63.751A4279.22 4279.22 0 0 1 127.519 852.67C63.743 778.24 21.245 693.244.016 597.665V422.35C53.526 193.524 194.313 52.738 422.366 0z" fill="#DEDFE0" opacity=".989"/><path d="M892.53 852.67c-80.606 86.788-178.886 142.57-294.85 167.346H422.367c-115.963-24.776-214.243-80.558-294.848-167.347a4279.22 4279.22 0 0 0 274.926-127.502c11.331-20.16 13.985-41.414 7.968-63.75a507.776 507.776 0 0 0-71.72-79.69c-32.903-82.015-43.525-167.019-31.875-255.003 15.316-47.256 43.207-85.77 83.673-115.549 132.53-63.815 237.457-33.27 314.77 91.642 20.768 95.443 12.799 188.416-23.906 278.91a507.776 507.776 0 0 0-71.72 79.69c-10.04 42.346 4.574 72.89 43.829 91.641a4855.035 4855.035 0 0 1 239.066 99.611z" fill="#F4F4F8"/></svg>

package/src/components/editor-main/src/assets/images/format-painter.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16" fill="none" stroke-width="2"><path d="M6.543 3.961s-1.03 1.203-2.494 1.892c-1.006.473-2.181.585-2.734.626-.2.015-.344.21-.277.398.293.82 1.112 2.801 2.658 4.347 2.126 2.126 3.659 2.968 4.142 3.202.1.048.215.03.299-.04.385-.326 1.5-1.278 2.21-1.987.891-.89 2.186-2.447 2.186-2.447m.48.055a.3.3 0 0 1-.425 0L6.325 3.743a.3.3 0 0 1 0-.424l.68-.68a1.5 1.5 0 0 1 2.121 0l1.357 1.356 1.604-2.02a1.629 1.629 0 1 1 2.279 2.295L12.34 5.853l1.353 1.352a1.5 1.5 0 0 1 0 2.121l-.68.68z" stroke-linecap="round" fill="#fff" vector-effect="non-scaling-stroke" stroke="#0d64f0"/></svg>

package/src/components/editor-main/src/assets/images/laser-pointer.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33" height="33" viewBox="0 0 33 33"><defs><circle id="b" cx="16.5" cy="16.5" r="4"/><filter x="-218.8%" y="-218.8%" width="537.5%" height="537.5%" filterUnits="objectBoundingBox" id="a"><feMorphology radius="2.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"/><feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0" in="shadowBlurOuter1"/></filter></defs><g fill="none" fill-rule="evenodd"><use fill="#000" filter="url(#a)" xlink:href="#b"/><use stroke="red" stroke-width="5" fill="#FFF" xlink:href="#b"/></g></svg>

package/src/components/editor-main/src/assets/images/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="460.224" height="128"><g fill="none"><path d="M450.627 39.41l9.597 13.658c-2.724 15.076-5.577 30.28-8.3 45.486-4.886 4.594-9.771 9.19-14.654 13.787h-65.878c-3.113-4.768-6.355-9.406-9.467-14.174 2.723-15.076 5.576-30.023 8.3-45.099l14.524-13.658h65.878zm-240.182-1.057l-8.99 49.222h41.483l4.238-22.936 20.678 17.653-2.826 15.205-14.512 13.787h-65.244l-9.375-13.787 10.66-59.144h23.888zm57.537 0l32.574 29.302 45.733-29.302h15.636l-16.027 72.931h-27.492l7.297-33.34-31.662 17.712-45.213-38.55 4.17-18.753h14.984zM430.397 62.99H396.16l-4.539 3.866c-1.037 5.798-2.205 11.725-3.242 17.653l3.112 4.252h35.014c1.297-1.289 2.594-2.577 3.632-3.737.291-1.514.575-3.028.855-4.542l1.661-9.084.855-4.542-3.112-3.866h.001zM78.005 0L65.638 82.444l-48.62 6.342-.846 5.496 62.256-1.48 11.31-68.28 41.75-10.464-15.855 91.851-32.026 21.985H0L18.074 15.432 78.005 0zM56.971 64.581l-37.523 9.302-.422 2.854 37.522-9.302.423-2.854zm2.431-15.009L21.88 58.874l-.423 2.853 37.522-9.301.423-2.854zm2.431-15.009L24.31 43.865l-.422 2.853 37.522-9.301.423-2.854zm2.431-15.115L26.742 28.75l-.423 2.854 37.522-9.302.423-2.854z" fill="#4376F8"/><path fill-opacity=".7" fill="#FFF" d="M115.633 106.015l-28.855-.106L83.607 128z"/></g><script/></svg>

package/src/components/editor-main/src/assets/styles/_mixins.less

@@ -0,0 +1,150 @@
+.umo-scrollbar() {
+  overflow: auto;
+
+  @-moz-document url-prefix() {
+    scrollbar-color: var(--umo-scrollbar-thumb-color) transparent;
+    scrollbar-width: thin;
+  }
+
+  &::-webkit-scrollbar {
+    width: var(--umo-scrollbar-size);
+    height: var(--umo-scrollbar-size);
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border: 2px solid transparent;
+    background-clip: content-box;
+    background-color: var(--umo-scrollbar-thumb-color);
+    border-radius: 15px;
+    transition: background-color 0.3s;
+    cursor: pointer;
+
+    &:vertical:hover,
+    &:horizontal:hover {
+      background-color: var(--umo-scrollbar-thumb-hover-color);
+    }
+  }
+}
+
+.umo-page-divider() {
+  display: block;
+  white-space: nowrap;
+  letter-spacing: 100vw;
+  overflow: hidden;
+  width: 100%;
+  user-select: none;
+  border: none;
+  height: unset;
+
+  &::before {
+    display: block;
+    content: '\2000';
+    overflow: hidden;
+    text-decoration-line: line-through;
+    text-decoration-style: solid;
+    text-decoration-thickness: 0.1em;
+  }
+
+  &::after {
+    overflow: hidden;
+  }
+
+  &[data-type='signle'] {
+    &::before {
+      text-decoration-style: solid;
+    }
+  }
+
+  &[data-type='signle-bold'] {
+    &::before {
+      text-decoration-style: solid;
+      text-decoration-thickness: 0.3em;
+    }
+  }
+
+  &[data-type='double'] {
+    &::before {
+      text-decoration-style: double;
+    }
+  }
+
+  &[data-type='dotted'] {
+    &::before {
+      text-decoration-style: dotted;
+    }
+  }
+
+  &[data-type='dashed'] {
+    &::before {
+      text-decoration-style: dashed;
+    }
+  }
+
+  &[data-type='dashed-double'] {
+    &::before {
+      text-decoration-style: dashed;
+      text-decoration-thickness: 0.1em;
+      margin-top: 0.5em;
+      line-height: 0.4em;
+    }
+
+    &::after {
+      display: block;
+      content: '\2000';
+      text-decoration-line: line-through;
+      text-decoration-thickness: 0.1em;
+      text-decoration-style: dashed;
+      line-height: 0.4em;
+      margin-bottom: 0.5em;
+    }
+  }
+
+  &[data-type='double-bold-top'] {
+    &::before {
+      text-decoration-style: solid;
+      text-decoration-thickness: 0.3em;
+      margin-top: 0.5em;
+      line-height: 0.4em;
+    }
+
+    &::after {
+      display: block;
+      content: '\2000';
+      text-decoration-line: line-through;
+      text-decoration-thickness: 0.05em;
+      text-decoration-style: solid;
+      line-height: 0.4em;
+      margin-bottom: 0.5em;
+    }
+  }
+
+  &[data-type='double-bold-bottom'] {
+    &::before {
+      text-decoration-style: solid;
+      text-decoration-thickness: 0.05em;
+      margin-top: 0.5em;
+      line-height: 0.4em;
+    }
+
+    &::after {
+      display: block;
+      content: '\2000';
+      text-decoration-line: line-through;
+      text-decoration-thickness: 0.3em;
+      text-decoration-style: solid;
+      line-height: 0.4em;
+      margin-bottom: 0.5em;
+    }
+  }
+
+  &[data-type='wavy'] {
+    &::before {
+      text-decoration-style: wavy;
+      text-decoration-thickness: 0.12em;
+    }
+  }
+}

package/src/components/editor-main/src/assets/styles/_variables.less

@@ -0,0 +1,97 @@
+:root {
+  // 主题色
+  --umo-primary-color: #3480f9;
+  --umo-color-white: #fff;
+  --umo-color-black: #000;
+  // 警示颜色
+  --umo-warning-color: #f6913e;
+  --umo-error-color: #ef3f35;
+  // 背景颜色
+  --umo-container-background: #f4f5f7;
+  --umo-button-hover-background: #f1f3f5;
+  // 文本选中时的背景颜色
+  --umo-text-selection-background: #94cfff;
+
+  // 字体相关
+  --umo-font-family:
+    helvetica neue, helvetica, pingfang sc, hiragino sans gb, microsoft yahei,
+    simsun, sans-serif;
+  --umo-font-size: 14px;
+  --umo-font-size-small: 12px;
+  --umo-text-color: rgb(51, 54, 57);
+  --umo-text-color-light: rgba(0, 0, 0, 0.5);
+  --umo-text-color-disabled: #a7abac;
+
+  // 边框
+  --umo-shadow:
+    0 3px 14px 2px rgba(0, 0, 0, 0.03), 0 8px 10px 1px rgba(0, 0, 0, 4%),
+    0 5px 5px -3px rgba(0, 0, 0, 8%);
+  --umo-border-color: rgba(0, 0, 0, 0.08);
+  --umo-border-color-dark: #ddd;
+  --umo-border-color-light: rgba(0, 0, 0, 0.05);
+
+  // 圆角
+  --umo-radius: 3px;
+  --umo-radius-medium: 5px;
+
+  // 弹出层
+  --umo-popup-content-padding: 12px;
+  --umo-popup-max-height: max(60vh, 180px);
+  --umo-tooltip-content-padding: 6px 10px;
+  --umo-mask-color: transparent;
+
+  // 编辑器
+  --umo-content-placeholder-color: #999;
+  --umo-content-text-color: #333;
+  --umo-content-node-border: #e7e7e7;
+  --umo-content-node-radius: var(--umo-radius);
+  --umo-content-node-bottom: 0.75em;
+  --umo-content-node-selected-background: #f5f8fc;
+  --umo-content-table-border-color: #333;
+  --umo-content-table-thead-background: #f1f3f5;
+  --umo-content-table-selected-background: rgba(200, 200, 255, 0.4);
+  --umo-content-line-number-color: #e7e8ea;
+  --umo-content-search-result-background: #fefc7ef2;
+  --umo-content-search-result-current-background: #0dff00c3;
+  --umo-content-invisible-break-color: rgb(78, 139, 252);
+  --umo-content-code-color: var(--umo-primary-color);
+  --umo-content-code-background: #f1f3f5;
+  --umo-content-code-family:
+    Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
+
+  // 滚动条
+  --umo-scrollbar-size: 8px;
+  --umo-scrollbar-thumb-color: rgba(0, 0, 0, 0.1);
+  --umo-scrollbar-thumb-hover-color: rgba(0, 0, 0, 0.3);
+}
+
+[theme-mode='dark'] {
+  // 主题色
+  --umo-color-white: #17171a;
+  --umo-color-black: #fff;
+
+  // 警示颜色
+  --umo-warning-color: rgb(207, 110, 45);
+  --umo-error-color: rgb(198, 71, 81);
+
+  // 背景颜色
+  --umo-container-background: #2a2b2d;
+  --umo-button-hover-background: #2c2c2c;
+
+  // 字体相关
+  --umo-text-color: #ddd;
+  --umo-text-color-light: #bbb;
+  --umo-text-color-disabled: #999;
+
+  // 边框
+  --umo-border-color: rgba(255, 255, 255, 0.15);
+  --umo-border-color-dark: rgba(255, 255, 255, 0.2);
+  --umo-border-color-light: rgba(255, 255, 255, 0.08);
+
+  // 编辑器
+  --umo-content-text-color: #000;
+
+  // 滚动条
+  --umo-scrollbar-thumb-color: rgba(255, 255, 255, 0.3);
+  --umo-scrollbar-thumb-hover-color: rgba(255, 255, 255, 0.45);
+}

package/src/components/editor-main/src/assets/styles/drager.less

@@ -0,0 +1,123 @@
+.es-drager {
+  position: relative;
+  --es-drager-color: var(--umo-primary-color) !important;
+  box-sizing: border-box;
+
+  &:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: none;
+  }
+
+  &.selected {
+    transition: none;
+    user-select: none;
+    overflow: visible;
+
+    &:after {
+      display: block;
+      pointer-events: none;
+    }
+
+    @media screen {
+      &.border {
+        outline: 1px solid var(--umo-primary-color);
+      }
+
+      .es-drager-dot {
+        display: block;
+      }
+    }
+  }
+
+  &-dot {
+    display: none;
+    position: absolute;
+    z-index: 1;
+    transform: translate(-50%, -50%);
+    cursor: se-resize;
+
+    &[data-side*='right'] {
+      transform: translate(50%, -50%);
+    }
+
+    &[data-side*='bottom'] {
+      transform: translate(-50%, 50%);
+    }
+
+    &[data-side='bottom-right'] {
+      transform: translate(50%, 50%);
+    }
+
+    &-handle {
+      width: 8px;
+      height: 8px;
+      background: #fff;
+      border: solid 1px var(--umo-primary-color);
+    }
+  }
+
+  &-rotate {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    border: solid 1px var(--umo-content-node-border);
+    background-color: #fff;
+    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
+    cursor: default;
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, -78px);
+
+    &::after {
+      content: '';
+      display: block;
+      width: 1px;
+      height: 58px;
+      position: absolute;
+      background-color: var(--umo-primary-color);
+      left: 10px;
+      top: 21px;
+    }
+
+    &-handle {
+      width: 16px;
+      height: 16px;
+      font-size: 20px;
+      color: var(--umo-primary-color);
+
+      svg {
+        display: block;
+      }
+    }
+  }
+
+  &:not(.is-draggable) {
+    cursor: default;
+    left: 0 !important;
+    top: 0 !important;
+  }
+}
+
+/* 仅页眉页脚禁用拖拽控件；勿匹配 ProseMirror 原子 NodeView（contenteditable=false） */
+.umo-page-node-header,
+.umo-page-node-footer {
+  .es-drager {
+    &.border {
+      outline: none;
+    }
+
+    &-dot,
+    &-rotate {
+      display: none;
+    }
+  }
+}