@hailin-zheng/editor-core 2.2.20 → 2.2.21

package/editor.css

@@ -1,5 +1,5 @@
 .svg-container {
-	background: #f2f4f7;
+	background: #C0C6CF;
 	overflow: hidden;
 	flex: 1;
 	height: 100%;
@@ -13,7 +13,7 @@
 	pointer-events: none;
 }
 
-.drop-container {
+.absolute-container {
 	position: absolute;
 	left: 0;
 	top: 0;
@@ -46,140 +46,6 @@
 	}
 }
 
-.magic-radio,
-.magic-checkbox {
-	position: absolute;
-	display: none;
-}
-
-.magic-radio[disabled],
-.magic-checkbox[disabled] {
-	cursor: not-allowed;
-}
-
-.magic-radio + label,
-.magic-checkbox + label {
-	position: relative;
-	display: block;
-	padding-left: 30px;
-	cursor: pointer;
-	vertical-align: middle;
-}
-
-.magic-radio + label:hover:before,
-.magic-checkbox + label:hover:before {
-	animation-duration: 0.4s;
-	animation-fill-mode: both;
-	animation-name: hover-color;
-}
-
-.magic-radio + label:before,
-.magic-checkbox + label:before {
-	position: absolute;
-	top: 0;
-	left: 0;
-	display: inline-block;
-	width: 20px;
-	height: 20px;
-	content: "";
-	border: 1px solid #c0c0c0;
-}
-
-.magic-radio + label:after,
-.magic-checkbox + label:after {
-	position: absolute;
-	display: none;
-	content: "";
-}
-
-.magic-radio[disabled] + label,
-.magic-checkbox[disabled] + label {
-	cursor: not-allowed;
-	color: #e4e4e4;
-}
-
-.magic-radio[disabled] + label:hover,
-.magic-radio[disabled] + label:before,
-.magic-radio[disabled] + label:after,
-.magic-checkbox[disabled] + label:hover,
-.magic-checkbox[disabled] + label:before,
-.magic-checkbox[disabled] + label:after {
-	cursor: not-allowed;
-}
-
-.magic-radio[disabled] + label:hover:before,
-.magic-checkbox[disabled] + label:hover:before {
-	border: 1px solid #e4e4e4;
-	animation-name: none;
-}
-
-.magic-radio[disabled] + label:before,
-.magic-checkbox[disabled] + label:before {
-	border-color: #e4e4e4;
-}
-
-.magic-radio:checked + label:before,
-.magic-checkbox:checked + label:before {
-	animation-name: none;
-}
-
-.magic-radio:checked + label:after,
-.magic-checkbox:checked + label:after {
-	display: block;
-}
-
-.magic-radio + label:before {
-	border-radius: 50%;
-}
-
-.magic-radio + label:after {
-	top: 7px;
-	left: 7px;
-	width: 8px;
-	height: 8px;
-	border-radius: 50%;
-	background: #3e97eb;
-}
-
-.magic-radio:checked + label:before {
-	border: 1px solid #3e97eb;
-}
-
-.magic-radio:checked[disabled] + label:before {
-	border: 1px solid #c9e2f9;
-}
-
-.magic-radio:checked[disabled] + label:after {
-	background: #c9e2f9;
-}
-
-.magic-checkbox + label:before {
-	border-radius: 3px;
-}
-
-.magic-checkbox + label:after {
-	top: 2px;
-	left: 7px;
-	box-sizing: border-box;
-	width: 6px;
-	height: 12px;
-	transform: rotate(45deg);
-	border-width: 2px;
-	border-style: solid;
-	border-color: #fff;
-	border-top: 0;
-	border-left: 0;
-}
-
-.magic-checkbox:checked + label:before {
-	border: #3e97eb;
-	background: #3e97eb;
-}
-
-.magic-checkbox:checked[disabled] + label:before {
-	border: #c9e2f9;
-	background: #c9e2f9;
-}
 
 /* 样式化 radio box 的外观 */
 .editor-list-radiobox {
@@ -373,7 +239,7 @@
 	color: #fff;
 }
 
-.editor-calendar-body-day-item--selected {
+.editor-calendar-item--selected {
 	outline: #2b88d8 1px solid;
 	font-weight: bold;
 }
@@ -584,15 +450,7 @@
 /*.scale-container > *{*/
 /*    transform-origin: center top;*/
 /*}*/
-.doc-rule {
-	position: absolute;
-	font-size: 0;
-	background: white;
-	box-shadow: rgba(158, 161, 165, 0.4) 0px 2px 12px 0px;
-	cursor: default;
-	left: 0;
-	top: 0;
-}
+
 
 .editor-calendar-footer-left {
 	display: flex;
@@ -696,3 +554,86 @@
 .editor-suggestions > li:last-child {
 	border-bottom: none; /* 去掉最后一个列表项的底部边框线 */
 }
+.doc-rule {
+	position: absolute;
+	font-size: 0;
+	background: white;
+	box-shadow: rgba(158, 161, 165, 0.4) 0px 2px 12px 0px;
+	cursor: default;
+	left: 0;
+	top: 0;
+}
+.rule-thumb-container{
+	position: absolute;
+	cursor: pointer;
+}
+.rule-thumb-top{
+	top:0;
+}
+.rule-thumb-left{
+	top: calc(100% - 10px);
+}
+
+.rule-wrapper{
+	position: absolute;
+	transform-origin: 0px 0px;
+	top: 0;
+}
+
+.editor-search-box {
+	position: absolute;
+	top: 0;
+	left: 0;
+	display: flex;
+	align-items: center;
+	background-color: #f3f3f3;
+	padding: 2px;
+	color: #333;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.editor-search-box .search-input {
+	flex-grow: 1;
+	padding: 2px;
+	margin-right: 4px;
+	border: 1px solid #ccc;
+	border-radius: 4px;
+	color: #333;
+	background-color: white;
+	font-size: 14px;
+}
+
+.editor-search-box .icon-button {
+	background-color: transparent;
+	border: none;
+	color: #666;
+	cursor: pointer;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 2px;
+}
+
+.editor-search-box .icon-button:hover {
+	background-color: #e0e0e0;
+	color: #333;
+}
+
+.editor-search-box .search-count {
+	margin: 0 8px;
+	color: #666;
+	font-size: 14px;
+}
+
+.editor-search-box .material-icons {
+	font-size: 16px;
+}
+
+.editor-search-box input:focus,
+button:focus {
+	outline: none;
+}
+
+.editor-search-box input::placeholder {
+	color: #aaa;
+}