@evolvere/sgp-ui 1.6.4

package/packages/theme-chalk/src/editor.scss

@@ -0,0 +1,589 @@
+.w-e-toolbar,
+.w-e-text-container,
+.w-e-menu-panel {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+  background-color: #fff;
+  /*表情菜单样式*/
+  /*分割线样式*/
+}
+.w-e-toolbar h1,
+.w-e-text-container h1,
+.w-e-menu-panel h1 {
+  font-size: 2em !important;
+}
+.w-e-toolbar h2,
+.w-e-text-container h2,
+.w-e-menu-panel h2 {
+  font-size: 1.5em !important;
+}
+.w-e-toolbar h3,
+.w-e-text-container h3,
+.w-e-menu-panel h3 {
+  font-size: 1.17em !important;
+}
+.w-e-toolbar h4,
+.w-e-text-container h4,
+.w-e-menu-panel h4 {
+  font-size: 1em !important;
+}
+.w-e-toolbar h5,
+.w-e-text-container h5,
+.w-e-menu-panel h5 {
+  font-size: 0.83em !important;
+}
+.w-e-toolbar p,
+.w-e-text-container p,
+.w-e-menu-panel p {
+  font-size: 1em !important;
+}
+.w-e-toolbar .eleImg,
+.w-e-text-container .eleImg,
+.w-e-menu-panel .eleImg {
+  cursor: pointer;
+  display: inline-block;
+  font-size: 18px;
+  padding: 0 3px;
+}
+.w-e-toolbar *,
+.w-e-text-container *,
+.w-e-menu-panel * {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+.w-e-toolbar hr,
+.w-e-text-container hr,
+.w-e-menu-panel hr {
+  cursor: pointer;
+  display: block;
+  height: 0px;
+  border: 0;
+  border-top: 3px solid #ccc;
+  margin: 20px 0;
+}
+.w-e-clear-fix:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+.w-e-drop-list-item {
+  position: relative;
+  top: 1px;
+  padding-right: 7px;
+  color: #333 !important;
+}
+.w-e-drop-list-tl {
+  padding-left: 10px;
+  text-align: left;
+}
+@font-face {
+  font-family: 'w-e-icon';
+  src: url('./fonts/w-e-icon.woff?ddq1c7') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+[class^="w-e-icon-"],
+[class*=" w-e-icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'w-e-icon' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.w-e-icon-close:before {
+  content: "\f00d";
+}
+.w-e-icon-upload2:before {
+  content: "\e9c6";
+}
+.w-e-icon-trash-o:before {
+  content: "\f014";
+}
+.w-e-icon-header:before {
+  content: "\f1dc";
+}
+.w-e-icon-pencil2:before {
+  content: "\e906";
+}
+.w-e-icon-paint-brush:before {
+  content: "\f1fc";
+}
+.w-e-icon-image:before {
+  content: "\e90d";
+}
+.w-e-icon-play:before {
+  content: "\e912";
+}
+.w-e-icon-location:before {
+  content: "\e947";
+}
+.w-e-icon-undo:before {
+  content: "\e965";
+}
+.w-e-icon-redo:before {
+  content: "\e966";
+}
+.w-e-icon-quotes-left:before {
+  content: "\e977";
+}
+.w-e-icon-list-numbered:before {
+  content: "\e9b9";
+}
+.w-e-icon-list2:before {
+  content: "\e9bb";
+}
+.w-e-icon-link:before {
+  content: "\e9cb";
+}
+.w-e-icon-happy:before {
+  content: "\e9df";
+}
+.w-e-icon-bold:before {
+  content: "\ea62";
+}
+.w-e-icon-underline:before {
+  content: "\ea63";
+}
+.w-e-icon-italic:before {
+  content: "\ea64";
+}
+.w-e-icon-strikethrough:before {
+  content: "\ea65";
+}
+.w-e-icon-table2:before {
+  content: "\ea71";
+}
+.w-e-icon-paragraph-left:before {
+  content: "\ea77";
+}
+.w-e-icon-paragraph-center:before {
+  content: "\ea78";
+}
+.w-e-icon-paragraph-right:before {
+  content: "\ea79";
+}
+.w-e-icon-paragraph-justify:before {
+  content: "\ea7a";
+}
+.w-e-icon-terminal:before {
+  content: "\f120";
+}
+.w-e-icon-page-break:before {
+  content: "\ea68";
+}
+.w-e-icon-cancel-circle:before {
+  content: "\ea0d";
+}
+.w-e-icon-font:before {
+  content: "\ea5c";
+}
+.w-e-icon-text-heigh:before {
+  content: "\ea5f";
+}
+.w-e-icon-paint-format:before {
+  content: "\e90c";
+}
+.w-e-icon-indent-increase:before {
+  content: "\ea7b";
+}
+.w-e-icon-indent-decrease:before {
+  content: "\ea7c";
+}
+.w-e-icon-row-height:before {
+  content: "\e9be";
+}
+.w-e-icon-fullscreen_exit:before {
+  content: "\e900";
+}
+.w-e-icon-fullscreen:before {
+  content: "\e901";
+}
+.w-e-icon-split-line:before {
+  content: "\ea0b";
+}
+.w-e-icon-checkbox-checked:before {
+  content: "\ea52";
+}
+.w-e-toolbar {
+  display: flex;
+  padding: 0 6px;
+  flex-wrap: wrap;
+  position: relative;
+  /* 单个菜单 */
+}
+.w-e-toolbar .w-e-menu {
+  position: relative;
+  display: flex;
+  width: 40px;
+  height: 40px;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  cursor: pointer;
+}
+.w-e-toolbar .w-e-menu i {
+  color: #999;
+}
+.w-e-toolbar .w-e-menu:hover {
+  background-color: #F6F6F6;
+}
+.w-e-toolbar .w-e-menu:hover i {
+  color: #333;
+}
+.w-e-toolbar .w-e-active i {
+  color: #1e88e5;
+}
+.w-e-toolbar .w-e-active:hover i {
+  color: #1e88e5;
+}
+.w-e-text-container {
+  position: relative;
+  height: 100%;
+}
+.w-e-text-container .w-e-progress {
+  position: absolute;
+  background-color: #1e88e5;
+  top: 0;
+  left: 0;
+  height: 1px;
+}
+.w-e-text-container .placeholder {
+  color: #D4D4D4;
+  position: absolute;
+  font-size: 11pt;
+  line-height: 22px;
+  left: 10px;
+  top: 10px;
+  user-select: none;
+  z-index: -1;
+}
+.w-e-text {
+  padding: 0 10px;
+  overflow-y: auto;
+}
+.w-e-text p,
+.w-e-text h1,
+.w-e-text h2,
+.w-e-text h3,
+.w-e-text h4,
+.w-e-text h5,
+.w-e-text table,
+.w-e-text pre {
+  margin: 10px 0;
+  line-height: 1.5;
+}
+.w-e-text ul,
+.w-e-text ol {
+  margin: 10px 0 10px 20px;
+}
+.w-e-text blockquote {
+  display: block;
+  border-left: 8px solid #d0e5f2;
+  padding: 5px 10px;
+  margin: 10px 0;
+  line-height: 1.4;
+  font-size: 100%;
+  background-color: #f1f1f1;
+}
+.w-e-text code {
+  display: inline-block;
+  background-color: #f1f1f1;
+  border-radius: 3px;
+  padding: 3px 5px;
+  margin: 0 3px;
+}
+.w-e-text pre code {
+  display: block;
+}
+.w-e-text table {
+  border-top: 1px solid #ccc;
+  border-left: 1px solid #ccc;
+}
+.w-e-text table td,
+.w-e-text table th {
+  border-bottom: 1px solid #ccc;
+  border-right: 1px solid #ccc;
+  padding: 3px 5px;
+  min-height: 30px;
+}
+.w-e-text table th {
+  border-bottom: 2px solid #ccc;
+  text-align: center;
+  background-color: #f1f1f1;
+}
+.w-e-text:focus {
+  outline: none;
+}
+.w-e-text img {
+  cursor: pointer;
+}
+.w-e-text img:hover {
+  box-shadow: 0 0 5px #333;
+}
+.w-e-text .w-e-todo {
+  margin: 0 0 0 20px;
+}
+.w-e-text .w-e-todo li {
+  list-style: none;
+  font-size: 1em;
+}
+.w-e-text .w-e-todo li span:nth-child(1) {
+  position: relative;
+  left: -18px;
+}
+.w-e-text .w-e-todo li span:nth-child(1) input {
+  position: absolute;
+  margin-right: 3px;
+}
+.w-e-text .w-e-todo li span:nth-child(1) input[type=checkbox] {
+  top: 50%;
+  margin-top: -6px;
+}
+.w-e-tooltip {
+  position: absolute;
+  display: flex;
+  color: #f1f1f1;
+  background-color: rgba(0, 0, 0, 0.75);
+  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  padding: 4px 5px 6px;
+  justify-content: center;
+  align-items: center;
+}
+.w-e-tooltip-up::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  margin-left: -5px;
+  border: 5px solid rgba(0, 0, 0, 0);
+  border-top-color: rgba(0, 0, 0, 0.73);
+}
+.w-e-tooltip-down::after {
+  content: "";
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  margin-left: -5px;
+  border: 5px solid rgba(0, 0, 0, 0);
+  border-bottom-color: rgba(0, 0, 0, 0.73);
+}
+.w-e-tooltip-item-wrapper {
+  cursor: pointer;
+  font-size: 14px;
+  margin: 0 5px;
+}
+.w-e-tooltip-item-wrapper:hover {
+  color: #ccc;
+  text-decoration: underline;
+}
+.w-e-menu-tooltip {
+  position: absolute;
+  display: flex;
+  color: #f1f1f1;
+  background-color: rgba(0, 0, 0, 0.75);
+  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  padding: 4px 5px 6px;
+  justify-content: center;
+  align-items: center;
+}
+.w-e-menu-tooltip-up::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  margin-left: -5px;
+  border: 5px solid rgba(0, 0, 0, 0);
+  border-top-color: rgba(0, 0, 0, 0.73);
+}
+.w-e-menu-tooltip-item-wrapper {
+  font-size: 14px;
+  margin: 0 5px;
+}
+.w-e-menu .w-e-panel-container {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  border: 1px solid #ccc;
+  border-top: 0;
+  box-shadow: 1px 1px 2px #ccc;
+  color: #333;
+  background-color: #fff;
+  text-align: left;
+  /* 为 emotion panel 定制的样式 */
+  /* 上传图片、上传视频的 panel 定制样式 */
+}
+.w-e-menu .w-e-panel-container .w-e-panel-close {
+  position: absolute;
+  right: 0;
+  top: 0;
+  padding: 5px;
+  margin: 2px 5px 0 0;
+  cursor: pointer;
+  color: #999;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-close:hover {
+  color: #333;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-title {
+  list-style: none;
+  display: flex;
+  font-size: 14px;
+  margin: 2px 10px 0 10px;
+  border-bottom: 1px solid #f1f1f1;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-title .w-e-item {
+  padding: 3px 5px;
+  color: #999;
+  cursor: pointer;
+  margin: 0 3px;
+  position: relative;
+  top: 1px;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-title .w-e-active {
+  color: #333;
+  border-bottom: 1px solid #333;
+  cursor: default;
+  font-weight: 700;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content {
+  padding: 10px 15px 10px 15px;
+  font-size: 16px;
+  /* 输入框的样式 */
+  /* 按钮的样式 */
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content input:focus,
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content textarea:focus,
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content button:focus {
+  outline: none;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content textarea {
+  width: 100%;
+  border: 1px solid #ccc;
+  padding: 5px;
+  margin-top: 10px;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content textarea:focus {
+  border-color: #1e88e5;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content input[type=text] {
+  border: none;
+  border-bottom: 1px solid #ccc;
+  font-size: 14px;
+  height: 20px;
+  color: #333;
+  text-align: left;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content input[type=text].small {
+  width: 30px;
+  text-align: center;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content input[type=text].block {
+  display: block;
+  width: 100%;
+  margin: 10px 0;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content input[type=text]:focus {
+  border-bottom: 2px solid #1e88e5;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button {
+  font-size: 14px;
+  color: #1e88e5;
+  border: none;
+  padding: 5px 10px;
+  background-color: #fff;
+  cursor: pointer;
+  border-radius: 3px;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button.left {
+  float: left;
+  margin-right: 10px;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button.right {
+  float: right;
+  margin-left: 10px;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button.gray {
+  color: #999;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button.red {
+  color: #c24f4a;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button:hover {
+  background-color: #f1f1f1;
+}
+.w-e-menu .w-e-panel-container .w-e-panel-tab-content .w-e-button-container:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+.w-e-menu .w-e-panel-container .w-e-emoticon-container .w-e-item {
+  cursor: pointer;
+  font-size: 18px;
+  padding: 0 3px;
+  display: inline-block;
+}
+.w-e-menu .w-e-panel-container .w-e-up-img-container,
+.w-e-menu .w-e-panel-container .w-e-up-video-container {
+  text-align: center;
+}
+.w-e-menu .w-e-panel-container .w-e-up-img-container .w-e-up-btn,
+.w-e-menu .w-e-panel-container .w-e-up-video-container .w-e-up-btn {
+  display: inline-block;
+  color: #999;
+  cursor: pointer;
+  font-size: 60px;
+  line-height: 1;
+}
+.w-e-menu .w-e-panel-container .w-e-up-img-container .w-e-up-btn:hover,
+.w-e-menu .w-e-panel-container .w-e-up-video-container .w-e-up-btn:hover {
+  color: #333;
+}
+.w-e-toolbar .w-e-droplist {
+  position: absolute;
+  left: 0;
+  top: 0;
+  background-color: #fff;
+  border: 1px solid #f1f1f1;
+  border-right-color: #ccc;
+  border-bottom-color: #ccc;
+}
+.w-e-toolbar .w-e-droplist .w-e-dp-title {
+  text-align: center;
+  color: #999;
+  line-height: 2;
+  border-bottom: 1px solid #f1f1f1;
+  font-size: 13px;
+}
+.w-e-toolbar .w-e-droplist ul.w-e-list {
+  list-style: none;
+  line-height: 1;
+}
+.w-e-toolbar .w-e-droplist ul.w-e-list li.w-e-item {
+  color: #333;
+  padding: 5px 0;
+}
+.w-e-toolbar .w-e-droplist ul.w-e-list li.w-e-item:hover {
+  background-color: #f1f1f1;
+}
+.w-e-toolbar .w-e-droplist ul.w-e-block {
+  list-style: none;
+  text-align: left;
+  padding: 5px;
+}
+.w-e-toolbar .w-e-droplist ul.w-e-block li.w-e-item {
+  display: inline-block;
+  padding: 3px 5px;
+}
+.w-e-toolbar .w-e-droplist ul.w-e-block li.w-e-item:hover {
+  background-color: #f1f1f1;
+}

package/packages/theme-chalk/src/empty.scss

@@ -0,0 +1,45 @@
+@import "mixins/mixins";
+@import "common/var";
+
+@include b(empty) {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  text-align: center;
+  box-sizing: border-box;
+  padding: $--empty-padding;
+
+  @include e(image) {
+    width: $--empty-image-width;
+
+    img {
+      user-select: none;
+      width: 100%;
+      height: 100%;
+      vertical-align: top;
+      object-fit: contain;
+    }
+
+    svg {
+      fill: $--svg-monochrome-grey;
+      width: 100%;
+      height: 100%;
+      vertical-align: top;
+    }
+  }
+
+  @include e(description) {
+    margin-top: $--empty-description-margin-top;
+
+    p {
+      margin: 0;
+      font-size: $--font-size-base;
+      color: $--color-text-secondary;
+    }
+  }
+
+  @include e(bottom) {
+    margin-top: $--empty-bottom-margin-top;
+  }
+}

package/packages/theme-chalk/src/footer.scss

@@ -0,0 +1,8 @@
+@import "mixins/mixins";
+@import "common/var";
+
+@include b(footer) {
+  padding: $--footer-padding;
+  box-sizing: border-box;
+  flex-shrink: 0;
+}