@seafile/comment-editor 0.0.1-alpha.0

package/dist/basic-sdk/assets/css/dropdown-menu.css

@@ -0,0 +1,138 @@
+.sdoc-dropdown-menu,
+.sdoc-dropdown-menu .sdoc-dropdown-menu-container {
+  min-width: 12rem;
+}
+
+.sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper {
+  position: absolute;
+  background-color: #ffff;
+  max-height: 370px;
+  max-width: 200px;
+  padding: 8px 0px;
+  left: -8px;
+}
+
+.sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper .sdoc-seatable-list-search-wrapper {
+  padding: 12px;
+}
+
+.sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper .sdoc-seatable-list-search-wrapper>input {
+  font-size: 12px;
+  max-height: 30px;
+}
+
+.sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper .sdoc-seatable-list-wrapper {
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-divider {
+  width: 100%;
+  height: 0;
+  margin: 0.5rem 0;
+  overflow: hidden;
+  border-top: 1px solid #e9ecef;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item {
+  height: 30px;
+  width: 100%;
+  padding: 4px 24px;
+  user-select: none;
+  display: flex;
+  align-items: center;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item-title {
+  color: #666666;
+  padding: 3px 12px;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item-title:hover {
+  background-color: unset !important;
+  cursor: initial !important;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item-no-results {
+  height: 30px;
+  width: 100%;
+  padding: 4px 24px;
+  user-select: none;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item-hidden {
+  display: none;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item.disabled,
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item.disabled .sdoc-dropdown-item-content-icon {
+  color: #c2c2c2 !important;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item:hover {
+  background-color: rgb(245, 245, 245);
+  cursor: pointer;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item.disabled:hover {
+  background-color: unset;
+  cursor: default;
+  color: #c2c2c2;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item .sdocfont {
+  font-size: 12px;
+  line-height: 12px;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item .sdoc-dropdown-item-content {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  font-size: 14px;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-item-content .sdoc-dropdown-item-content-icon {
+  margin-right: 10px;
+  vertical-align: 1px;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-item-right-icon {
+  color: #999;
+  transform: scale(.8);
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-item-with-left-icon {
+  min-height: 32px;
+  padding: 3px 12px;
+}
+
+.sdoc-dropdown-menu .sdoc-check-mark {
+  color: #798d99;
+  transform: scale(1);
+}
+
+/* sub menu */
+.sdoc-sub-dropdown-menu .popover {
+  left: -8px !important;
+}
+
+.sdoc-sub-dropdown-menu .bs-popover-auto[x-placement^="left"] {
+  left: 8px !important;
+}
+
+.mobile-login .sdoc-dropdown-menu {
+  padding: 0 !important;
+}
+
+.mobile-login .sdoc-dropdown-menu .sdoc-dropdown-menu-item {
+  padding: 16px !important;
+  height: 47px !important;
+}
+
+.mobile-login .sdoc-dropdown-menu .sdoc-operator-folder-divider {
+  margin: 0 !important;
+}

package/dist/basic-sdk/assets/css/layout.css

@@ -0,0 +1,160 @@
+.sdoc-editor-container.fullscreen .sdoc-content-wrapper {
+  height: 100vh !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-article-container {
+  width: 100% !important;
+  padding: 0 !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-editor__article {
+  padding: calc(100vw / 794 * 40) calc(100vw / 794 * 60) !important;
+  font-size: calc(100vw / 794 * 14.7) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-checkbox-input {
+  width: calc(100vw / 794 * 13) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-code-block-pre {
+  font-size: calc(100vw / 794 * 13.3) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-header-title {
+  font-size: calc(100vw / 794 * 33.7) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-header-subtitle {
+  font-size: calc(100vw / 794 * 20) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-header-1 {
+  font-size: calc(100vw / 794 * 26.7) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-header-2 {
+  font-size: calc(100vw / 794 * 21.3) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-header-3 {
+  font-size: calc(100vw / 794 * 18.7) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-header-4 {
+  font-size: calc(100vw / 794 * 16) !important;
+}
+
+.sdoc-editor-container.fullscreen .sdoc-header-5,
+.sdoc-editor-container.fullscreen .sdoc-header-6 {
+  font-size: calc(100vw / 794 * 14.7) !important;
+}
+
+.sdoc-editor-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.sdoc-editor-container .sdoc-editor-toolbar {
+  display: flex;
+  flex: 1;
+  justify-content: center;
+  position: relative;
+  height: 44px;
+  align-items: center;
+  padding: 0 10px;
+  background-color: #fff;
+  user-select: none;
+  border-bottom: 1px solid #e5e6e8;
+  position: relative;
+  z-index: 102;
+}
+
+.sdoc-editor-container .sdoc-editor-toolbar .sdoc-editor-toolbar-right-menu {
+  display: flex;
+  flex-direction: row-reverse;
+  position: absolute;
+  right: 8px;
+  border-right: none;
+}
+
+.sdoc-content-wrapper {
+  width: 100%;
+  height: calc(100vh - 44px);
+  display: flex;
+}
+
+.sdoc-editor-container .sdoc-editor-content {
+  display: flex;
+  position: absolute;
+  min-width: 1100px;
+  width: 100%;
+}
+
+.sdoc-editor-container.mobile .sdoc-editor-content.readonly.no-outline {
+  min-width: 100% !important;
+  width: 100% !important;
+}
+
+.sdoc-editor-container .sdoc-scroll-container {
+  z-index: 100;
+  overflow: auto;
+  height: 100%;
+  position: relative;
+  flex: 1;
+  background: #f5f5f5;
+}
+
+.sdoc-editor-container .sdoc-article-container {
+  position: relative;
+  top: 0;
+  width: 794px;
+  margin: 0 auto;
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+/* article style --> ./sdoc-editor-article.css */
+
+.sdoc-editor-container .seafile-block-container {
+  position: relative;
+}
+
+.sdoc-editor-container .seafile-block-container .comment-count {
+  position: absolute;
+  right: -55px;
+  top: 0px;
+  border-radius: 4px;
+  width: 15px;
+  height: 15px;
+  line-height: 18px;
+  pointer-events: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  background: rgba(0, 0, 0, .3);
+}
+
+.sdoc-editor-container .seafile-block-container .comment-count__btn {
+  font-size: 12px;
+  transform: scale(.75);
+}
+
+.sdoc-comment-editor-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 32px;
+  user-select: none;
+  border-top: 1px solid #e5e6e8;
+  z-index: 102;
+  margin: 0 8px;
+  margin-top: 5px;
+}
+
+.sdoc-comment-editor-menu-group {
+  border-right: none;
+  padding-left: 0 !important;
+}

package/dist/basic-sdk/assets/css/sdoc-comment-editor-plugin.css

@@ -0,0 +1,19 @@
+/* List */
+.sdoc-editor-container .sdoc-comment-editor .list-container {
+  padding-left: 2em !important; 
+}
+
+.sdoc-comment-editor .list-container li p {
+  margin: 0 !important;
+}
+
+/* Paragraph */
+.sdoc-comment-editor .sdoc-comment-editor-paragraph {
+  margin: 0.8em 0 !important;
+  padding: 0 !important;
+}
+
+/* Image */
+.sdoc-comment-editor .sdoc-image-wrapper  {
+  padding: 1px !important;
+}

package/dist/basic-sdk/assets/css/sdoc-editor-article.css

@@ -0,0 +1,29 @@
+.sdoc-editor__article {
+  width: 100%;
+  min-height: 800px;
+  padding: 40px 60px;
+  background-color: #fff;
+  border: 1px solid #e5e6e8;
+  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
+  font-size: 11pt;
+}
+
+.sdoc-editor__article>div {
+  caret-color: blue;
+}
+
+.sdoc-editor__article .sdoc-drag-cover::before {
+  content: ' ';
+  width: 59px;
+  display: inline-block;
+  position: absolute;
+  left: -60px;
+}
+
+.sdoc-editor__article .sdoc-draging {
+  border-bottom: 2px solid rgba(35, 131, 226);
+}
+
+.sdoc-editor__article .sdoc-code-block-pre {
+  font-size: 10pt;
+}

package/dist/basic-sdk/assets/css/sdoc-editor-plugins.css

@@ -0,0 +1,320 @@
+/* header */
+.sdoc-editor__article .sdoc-header-title,
+.sdoc-editor__article .sdoc-header-subtitle,
+.sdoc-editor__article .sdoc-header-1,
+.sdoc-editor__article .sdoc-header-2,
+.sdoc-editor__article .sdoc-header-3,
+.sdoc-editor__article .sdoc-header-4,
+.sdoc-editor__article .sdoc-header-5,
+.sdoc-editor__article .sdoc-header-6 {
+  line-height: 1.1;
+  margin: 1.2em 0 0.4em;
+  font-weight: bold;
+}
+
+.sdoc-editor__article .sdoc-header-2,
+.sdoc-editor__article .sdoc-header-3 {
+  line-height: 1.5;
+}
+
+.sdoc-editor__article .sdoc-header-4 {
+  line-height: 1.125;
+}
+
+/* list  */
+.sdoc-editor__article .list-container {
+  margin: 0;
+  /* override seafile-ui padding */
+  padding-left: 1.2em !important;
+}
+
+.sdoc-editor__article .list-container .sdoc-li-bold::marker {
+  font-weight: bold;
+}
+
+/* check list  */
+.sdoc-editor__article .sdoc-checkbox-container {
+  padding: 0px 2px;
+}
+
+.sdoc-editor__article .sdoc-checkbox-container .sdoc-checkbox-input-wrapper {
+  display: flex;
+  align-items: normal;
+}
+
+.sdoc-editor__article .sdoc-checkbox-container .sdoc-checkbox-input-wrapper .sdoc-checkbox-input {
+  vertical-align: middle;
+  margin-right: 5px;
+}
+
+.sdoc-editor__article .sdoc-checkbox-container .sdoc-checkbox-input-wrapper .sdoc-checkbox-content-container {
+  word-break: normal;
+  width: calc(100% - 1em);
+  margin: 0;
+  padding: 5px 0;
+}
+
+/* image */
+.sdoc-editor__article .sdoc-image-wrapper {
+  position: relative;
+  display: inline-block;
+  margin: 5px 0.15em;
+  caret-color: transparent;
+}
+
+.sdoc-editor__article .sdoc-image-wrapper .sdoc-image-placeholder-wrapper {
+  width: 100%;
+  aspect-ratio: 1;
+  background-color: #f0f0f0;
+  border: 1px solid #ccc;
+  padding: 0 3%;
+  max-width: 100%;
+  user-select: all;
+  pointer-events: all;
+}
+
+.sdoc-editor__article .sdoc-image-wrapper .sdoc-image-tip-content,
+.sdoc-editor__article .sdoc-image-wrapper .sdoc-image-title {
+  user-select: none;
+  pointer-events: none;
+}
+
+.sdoc-editor__article .sdoc-image-title .sdoc-exclamation-circle {
+  font-size: 18px;
+  align-items: center;
+  justify-content: center;
+  color: red;
+  display: flex;
+}
+
+.sdoc-editor__article .sdoc-image-title .sdoc-image-tip-title {
+  color: red;
+  font-size: 18px;
+  user-select: none;
+  pointer-events: none;
+}
+
+.sdoc-editor__article .sdoc-image-inner {
+  position: relative;
+  display: inline-block;
+  margin: 0 3px;
+}
+
+.sdoc-editor__article .sdoc-image-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.sdoc-editor__article .sdoc-image-content :first-child {
+  position: relative;
+}
+
+.sdoc-editor__article .sdoc-image-content .sdoc-image-caption-input-wrapper {
+  border: 0;
+  outline: none;
+  margin-top: 8px;
+  color: #8A8F8D;
+  background-color: transparent;
+  text-align: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  caret-color: blue;
+}
+
+.sdoc-editor__article .sdoc-image-content .sdoc-image-caption-input-wrapper::placeholder {
+  color: #bec0bf
+}
+
+.sdoc-editor__article .image-selected {
+  box-shadow: 0 0 0 2px #007bff;
+}
+
+.sdoc-editor__article .image-resizer {
+  width: 10px;
+  height: 10px;
+  position: absolute;
+  right: -5px;
+  bottom: -5px;
+  background-color: #007bff;
+  border: 1px solid #fff;
+  cursor: se-resize;
+}
+
+.sdoc-editor__article .image-full-screen {
+  position: absolute;
+  height: 26px;
+  display: inline-block;
+  width: 26px;
+  top: 0;
+  right: -32px;
+  text-align: center;
+  line-height: 20px;
+  padding: 2px;
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+  border: 1px solid rgba(0, 40, 100, 0.12);
+  background-color: #fff;
+  user-select: none !important;
+  z-index: 1000;
+}
+
+.sdoc-editor__article .image-full-screen:hover {
+  display: block;
+  background-color: #efefef;
+}
+
+.sdoc-editor__article .image-size {
+  display: inline-block;
+  padding: 5px;
+  white-space: nowrap;
+  height: 22px;
+  position: absolute;
+  bottom: -25px;
+  left: 100%;
+  z-index: 1;
+  transform: translateX(5px);
+  border-radius: 3px;
+  line-height: 12px;
+  color: #fff;
+  background-color: #4c4c4c;
+  font-size: 12px;
+}
+
+.sdoc-insert-image-menu-popover-container {
+  padding: 8px 0;
+}
+
+.sdoc-insert-video-menu-popover-container {
+  padding: 8px 0;
+}
+
+/* caret */
+.sdoc-editor__article .caret-item .caret-name::before {
+  content: attr(name);
+}
+
+.sdoc-editor__article .caret-item .caret-name {
+  display: none;
+}
+
+.sdoc-editor__article .caret-item:hover .caret-name {
+  display: block;
+}
+
+/* link */
+.sdoc-editor__article .virtual-link {
+  color: #eb8205;
+}
+
+.sdoc-editor__article .virtual-link:hover {
+  text-decoration: underline;
+  text-underline-position: under;
+}
+
+/* code_block */
+.sdoc-code-block-container {
+  position: relative;
+}
+
+.sdoc-code-block-pre {
+  background: #FAFAFA;
+  border: 1px solid #f0f0f0;
+}
+
+.sdoc-code-block-pre .sdoc-code-no-wrap {
+  white-space: nowrap;
+}
+
+.sdoc-code-block-pre .sdoc-code-no-wrap .sdoc-code-line>span {
+  white-space: pre;
+}
+
+.sdoc-code-block-code .sdoc-code-line {
+  position: relative;
+  counter-increment: number;
+  margin-left: 32px;
+}
+
+.sdoc-code-block-code .sdoc-code-line::before {
+  content: counter(number);
+  color: #ccc;
+  width: 40px;
+  text-align: end;
+  position: absolute;
+  left: -50px;
+}
+
+.sdoc-code-line .token.comment,
+.sdoc-code-line .token.prolog,
+.sdoc-code-line .token.doctype,
+.sdoc-code-line .token.cdata {
+  color: slategray;
+}
+
+.sdoc-code-line .token.punctuation {
+  color: #999;
+}
+
+.sdoc-code-line .token.namespace {
+  opacity: .7;
+}
+
+.sdoc-code-line .token.property,
+.sdoc-code-line .token.tag,
+.sdoc-code-line .token.boolean,
+.sdoc-code-line .token.number,
+.sdoc-code-line .token.constant,
+.sdoc-code-line .token.symbol,
+.sdoc-code-line .token.deleted {
+  color: #905;
+  padding: 0rem;
+}
+
+.sdoc-code-line .token.selector,
+.sdoc-code-line .token.attr-name,
+.sdoc-code-line .token.string,
+.sdoc-code-line .token.char,
+.sdoc-code-line .token.builtin,
+.sdoc-code-line .token.inserted {
+  color: #690;
+}
+
+.sdoc-code-line .token.operator,
+.sdoc-code-line .token.entity,
+.sdoc-code-line .token.url,
+.sdoc-code-line .language-css .token.string,
+.sdoc-code-line .style .token.string {
+  color: #9a6e3a;
+}
+
+.sdoc-code-line .token.atrule,
+.sdoc-code-line .token.attr-value,
+.sdoc-code-line .token.keyword {
+  color: #07a;
+}
+
+.sdoc-code-line .token.function,
+.sdoc-code-line .token.class-name {
+  color: #DD4A68;
+}
+
+.sdoc-code-line .token.regex,
+.sdoc-code-line .token.important,
+.sdoc-code-line .token.variable {
+  color: #e90;
+}
+
+.sdoc-code-line .sdoc-code-line .token.important,
+.sdoc-code-line .token.bold {
+  font-weight: bold;
+}
+
+.sdoc-code-line .token.italic {
+  font-style: italic;
+}
+
+.sdoc-code-line .token.entity {
+  cursor: help;
+}

package/dist/basic-sdk/assets/css/sdoc-viewer.css

@@ -0,0 +1,14 @@
+.sdoc-editor-container .sdoc-editor-content.no-outline .sdoc-article-container {
+  margin-left: 0 !important;
+}
+
+.sdoc-editor-container.mobile .sdoc-editor-content.readonly .sdoc-article-container {
+  padding: 0;
+  width: 100% !important;
+  min-width: 100% !important;
+}
+
+.sdoc-editor-container.mobile .sdoc-editor-content.readonly .article {
+  width: 100vw !important;
+  padding: 1rem;
+}

package/dist/basic-sdk/assets/css/sdoc-wiki-viewer.css

@@ -0,0 +1,28 @@
+.sdoc-editor-container {
+  flex: 1;
+  display: flex;
+  min-height: 0;
+}
+
+.sdoc-wiki-scroll-container {
+  display: flex;
+  overflow: auto;
+}
+
+.sdoc-wiki-scroll-container .sdoc-article-container {
+  width: 100%;
+}
+
+.sdoc-wiki-scroll-container .sdoc-article-container .article .sdoc-header-2 {
+  border-bottom: 1px solid #ccc;
+}
+
+.sdoc-wiki-outline-container {
+  height: 80%;
+  overflow-y: auto;
+  padding-right: 1rem;
+  position: fixed;
+  right: 0;
+  top: 97px;
+  width: 300px;
+}