@jx3box/jx3box-ui 2.0.1 → 2.0.3

package/assets/css/editor/resource.less

@@ -1,21 +1,27 @@
 .c-resource {
+    /* assets/css/editor/resource.less */
     margin-right: 5px;
     .u-switch {
+        /* assets/css/editor/resource.less */
         .u-icon {
+            /* assets/css/editor/resource.less */
             .size(14px);
             .y(-2px);
             .mr(5px);
             * {
+                /* assets/css/editor/resource.less */
                 fill: #fff !important;
             }
         }
 
         .u-jx3-icon {
+            /* assets/css/editor/resource.less */
             transform: scale(1.5);
         }
     }
 
     .m-resource-count {
+        /* assets/css/editor/resource.less */
         .mt(0);
         .mb(10px);
 
@@ -23,17 +29,20 @@
 
         .pr;
         .u-mode {
+            /* assets/css/editor/resource.less */
             .pa;
             .rt(0);
         }
     }
 
     .m-resource-list {
+        /* assets/css/editor/resource.less */
         .mt(10px);
         padding: 0;
         margin: 0;
 
         .u-item {
+            /* assets/css/editor/resource.less */
             .db;
             border: 2px solid @border-hr;
             background: #fafbfc;
@@ -42,9 +51,11 @@
             min-height: 60px;
             .r(6px);
             &:hover {
+                /* assets/css/editor/resource.less */
                 background-color: #e7f9ff;
             }
             &.on {
+                /* assets/css/editor/resource.less */
                 border-color: #34d058;
                 background-color: #fff;
                 box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
@@ -57,10 +68,12 @@
             .pointer;
         }
         .u-link {
+            /* assets/css/editor/resource.less */
             .db;
             color: @color;
         }
         .u-pic {
+            /* assets/css/editor/resource.less */
             .db;
             .pa;
             .lt(10px);
@@ -69,6 +82,7 @@
             box-shadow: 0 0 1px inset rgba(0, 0, 0, 0.2);
         }
         .u-id {
+            /* assets/css/editor/resource.less */
             .fz(10px);
             color: #555;
             .pa;
@@ -76,21 +90,26 @@
             .x(right);
         }
         .u-detach {
+            /* assets/css/editor/resource.less */
             .mt(4px);
             .db;
         }
         .u-primary {
+            /* assets/css/editor/resource.less */
             .pr;
         }
         .u-raw {
+            /* assets/css/editor/resource.less */
             .pa;
             .rb(0);
         }
         .u-name {
+            /* assets/css/editor/resource.less */
             .fz(14px, 2);
             .bold;
             .db;
             em {
+                /* assets/css/editor/resource.less */
                 .fz(12px);
                 color: #999;
                 font-weight: normal;
@@ -98,21 +117,25 @@
             }
         }
         .u-content {
+            /* assets/css/editor/resource.less */
             .fz(13px, 1.8);
             .mb(5px);
             .db;
 
             .u-map,
             .u-life {
+                /* assets/css/editor/resource.less */
                 .mr(20px);
             }
         }
         .u-remark {
+            /* assets/css/editor/resource.less */
             .fz(12px, 1.8);
             color: #aaa;
             .db;
 
             em {
+                /* assets/css/editor/resource.less */
                 background-color: #eee;
                 padding: 0 5px;
                 margin: 0 3px;
@@ -120,12 +143,14 @@
             }
         }
         .u-desc {
+            /* assets/css/editor/resource.less */
             .fz(12px, 1.8);
             .db;
             white-space: pre-wrap;
             margin: 4px 0;
 
             em {
+                /* assets/css/editor/resource.less */
                 background-color: #f3f3f3;
                 padding: 2px 5px;
                 margin-right: 5px;
@@ -136,21 +161,25 @@
             }
 
             sub {
+                /* assets/css/editor/resource.less */
                 font-size: 100%;
                 .ps;
             }
         }
         .u-props {
+            /* assets/css/editor/resource.less */
             .mt(10px);
             border-top: 1px dashed #ddd;
             padding: 10px 0;
             .clearfix;
             .u-desc {
+                /* assets/css/editor/resource.less */
                 .w(50%);
                 .fl;
             }
             .none;
             &.on {
+                /* assets/css/editor/resource.less */
                 .db;
             }
         }
@@ -158,17 +187,20 @@
 
     .m-resource-iconlist,
     .m-resource-emotion {
+        /* assets/css/editor/resource.less */
         list-style: none;
         padding: 0;
         margin: 0;
 
         .u-item {
+            /* assets/css/editor/resource.less */
             .fl;
             .pointer;
             .mr(10px);
             .mb(10px);
 
             .e-jx3-icon {
+                /* assets/css/editor/resource.less */
                 padding: 0;
                 width: 48px;
                 height: 48px;
@@ -180,6 +212,7 @@
 
             border: 2px solid transparent;
             &.on {
+                /* assets/css/editor/resource.less */
                 border: 2px solid #49c10f;
                 border-radius: 6px;
             }
@@ -187,26 +220,33 @@
     }
 
     .m-resource-emotion {
+        /* assets/css/editor/resource.less */
         .u-item {
+            /* assets/css/editor/resource.less */
             .mr(20px);
             .mb(20px);
         }
         .e-jx3-emotion {
+            /* assets/css/editor/resource.less */
             height: 200px;
             vertical-align: middle;
             .e-jx3-emotion-img {
+                /* assets/css/editor/resource.less */
                 border: none !important;
             }
             &:hover {
+                /* assets/css/editor/resource.less */
                 box-shadow: none !important;
             }
         }
     }
 
     .c-large-dialog {
+        /* assets/css/editor/resource.less */
         .w(60%);
         height: 70%;
         .el-dialog__body {
+            /* assets/css/editor/resource.less */
             height: calc(100% - 54px - 70px);
             overflow-y: auto;
             box-sizing: border-box;
@@ -215,12 +255,16 @@
         }
     }
     @media screen and (max-width: @notebook) {
+        /* assets/css/editor/resource.less */
         .c-large-dialog {
+            /* assets/css/editor/resource.less */
             .w(90%);
         }
     }
     @media screen and (max-width: @ipad-y) {
+        /* assets/css/editor/resource.less */
         .c-large-dialog {
+            /* assets/css/editor/resource.less */
             margin: 0 !important;
             .size(100%);
             max-height: none;
@@ -229,6 +273,7 @@
     }
 
     .m-database-search {
+        /* assets/css/editor/resource.less */
         position: sticky;
         z-index: 100;
         top: 0;
@@ -237,45 +282,55 @@
         .pr;
 
         .u-client {
+            /* assets/css/editor/resource.less */
             // .pa;.lt(20px,10px);
             margin-right: 15px;
         }
         .u-input {
+            /* assets/css/editor/resource.less */
             flex: 1;
         }
         display: flex;
     }
 
     .m-database-tabs {
+        /* assets/css/editor/resource.less */
         // .mt(10px);
         padding: 10px 20px 20px 20px;
         user-select: none;
         .u-icon {
+            /* assets/css/editor/resource.less */
             .size(20px);
             .y(-3px);
             .mr(5px);
         }
         .u-count {
+            /* assets/css/editor/resource.less */
             font-style: normal;
             font-weight: normal;
             .fz(12px);
             color: #888;
             &:before {
+                /* assets/css/editor/resource.less */
                 content: "(";
                 padding: 0 3px 0 5px;
             }
             &:after {
+                /* assets/css/editor/resource.less */
                 content: ")";
                 padding: 0 3px 0 5px;
             }
         }
         .is-active {
+            /* assets/css/editor/resource.less */
             // color:@pink;
             svg {
+                /* assets/css/editor/resource.less */
                 fill: @primary;
             }
         }
         .u-lv-box {
+            /* assets/css/editor/resource.less */
             font-style: normal;
             font-weight: normal;
             font-size: 12px;
@@ -287,18 +342,23 @@
             color: #6843f4;
         }
         &.el-tabs--card > .el-tabs__header .el-tabs__item {
+            /* assets/css/editor/resource.less */
             transition: none;
         }
         .el-tabs__item:hover {
+            /* assets/css/editor/resource.less */
             svg {
+                /* assets/css/editor/resource.less */
                 fill: @primary;
             }
         }
         .el-tabs__item {
+            /* assets/css/editor/resource.less */
             background-color: @bg-light;
             border-bottom: 1px solid @border !important;
 
             &.is-active {
+                /* assets/css/editor/resource.less */
                 border-bottom: none !important;
                 background-color: #fff;
                 .bold;
@@ -307,6 +367,7 @@
     }
 
     .m-database-tip {
+        /* assets/css/editor/resource.less */
         .x;
         // .fz(12px);
         color: #aaa;
@@ -317,17 +378,20 @@
 
     // 加载更多
     .m-archive-more {
+        /* assets/css/editor/resource.less */
         .none;
         margin: 0 20px 10px 20px;
         box-sizing: border-box;
         width: calc(100% - 40px);
     }
     .m-archive-more.show {
+        /* assets/css/editor/resource.less */
         .db;
     }
 
     // 分页
     .m-archive-pages {
+        /* assets/css/editor/resource.less */
         overflow-x: auto;
         margin: 0 20px;
         .x;

package/assets/css/editor/tinymce.less

@@ -1,32 +1,39 @@
 // tinymce编辑器样式
 .c-editor-header {
+    /* assets/css/editor/tinymce.less */
     .mb(10px);
     .clearfix;
 
     .c-upload,
     .c-resource {
+        /* assets/css/editor/tinymce.less */
         .fl;
     }
     .c-upload {
+        /* assets/css/editor/tinymce.less */
         .mr(5px);
     }
 }
 
 .c-editor-emotion {
+    /* assets/css/editor/tinymce.less */
     max-height: 168px;
     overflow: auto;
 
     &::-webkit-scrollbar {
+        /* assets/css/editor/tinymce.less */
         width: 4px;
     }
 
     &::-webkit-scrollbar-track,
     &::-webkit-scrollbar-track-piece {
+        /* assets/css/editor/tinymce.less */
         background-color: #fafafa;
         border-radius: 6px;
     }
 
     &::-webkit-scrollbar-thumb {
+        /* assets/css/editor/tinymce.less */
         background-color: #eee;
         border-radius: 6px;
     }
@@ -34,37 +41,47 @@
     &::-webkit-scrollbar-button,
     &::-webkit-scrollbar-corner,
     &::-webkit-resizer {
+        /* assets/css/editor/tinymce.less */
         display: none;
     }
 }
 
 .c-editor-tinymce {
+    /* assets/css/editor/tinymce.less */
     .u-tutorial {
+        /* assets/css/editor/tinymce.less */
         padding: 0 10px;
         .mt(10px);
         .mb(10px);
         .fz(13px,32px);
         .el-alert__icon.is-big {
+            /* assets/css/editor/tinymce.less */
             .fz(18px);
         }
         .el-alert__content {
+            /* assets/css/editor/tinymce.less */
             padding-left: 0;
         }
         .el-alert__closebtn {
+            /* assets/css/editor/tinymce.less */
             top: 12px;
         }
         a {
+            /* assets/css/editor/tinymce.less */
             color: @primary;
         }
         a:hover {
+            /* assets/css/editor/tinymce.less */
             box-shadow: 0 1px 0 @primary;
         }
         .el-alert__description {
+            /* assets/css/editor/tinymce.less */
             margin: 0 !important;
         }
     }
 
     .t-emotion {
+        /* assets/css/editor/tinymce.less */
         padding: unset;
         border: unset;
         margin: unset;
@@ -72,8 +89,11 @@
 }
 
 @media screen and (max-width: @phone) {
+    /* assets/css/editor/tinymce.less */
     .c-editor-tinymce {
+        /* assets/css/editor/tinymce.less */
         .u-tutorial {
+            /* assets/css/editor/tinymce.less */
             .none;
         }
     }

package/assets/css/editor/upload.less

@@ -1,17 +1,22 @@
 .c-upload {
+    /* assets/css/editor/upload.less */
     .u-icon {
+        /* assets/css/editor/upload.less */
         margin-right: 5px;
     }
 
     .u-upload-clear {
+        /* assets/css/editor/upload.less */
         .pa;
         .lt(70px, 20px);
     }
     .u-upload-tip {
+        /* assets/css/editor/upload.less */
         padding-right: 10px;
         padding-top: 6px;
         padding-bottom: 6px;
         .el-alert__title {
+            /* assets/css/editor/upload.less */
             .fz(12px, 16px);
             padding-right: 20px;
             .db;
@@ -21,50 +26,62 @@
     }
 
     .el-dialog__body {
+        /* assets/css/editor/upload.less */
         padding-top: 0;
     }
 
     .el-upload-list li {
+        /* assets/css/editor/upload.less */
         outline: none;
     }
 
     .el-upload-list__item {
+        /* assets/css/editor/upload.less */
         &:hover {
+            /* assets/css/editor/upload.less */
             border: 1px solid #13ce66;
         }
     }
 
     // 列表
     .u-file-wrapper {
+        /* assets/css/editor/upload.less */
         .size(100%);
         &.isSelected {
+            /* assets/css/editor/upload.less */
         }
         &.disabled {
+            /* assets/css/editor/upload.less */
             cursor: default;
             opacity: 0.38;
             border-color: #eee;
             .u-fileplaceholder {
+                /* assets/css/editor/upload.less */
                 fill: #aaa;
             }
         }
         .pointer;
     }
     .u-filebox {
+        /* assets/css/editor/upload.less */
         .x;
         padding: 37px;
     }
     .u-fileplaceholder {
+        /* assets/css/editor/upload.less */
         width: 40px;
         height: 40px;
         fill: @primary;
     }
     .u-filename {
+        /* assets/css/editor/upload.less */
         .db;
         .nobreak;
     }
 
     // 勾选
     .u-file-select-label {
+        /* assets/css/editor/upload.less */
         position: absolute;
         right: -15px;
         top: -6px;
@@ -78,6 +95,7 @@
         box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
 
         i {
+            /* assets/css/editor/upload.less */
             font-size: 12px;
             margin-top: 12px;
             transform: rotate(-45deg);
@@ -85,10 +103,13 @@
     }
 
     .c-large-dialog {
+        /* assets/css/editor/upload.less */
         &.el-dialog {
+            /* assets/css/editor/upload.less */
             .w(60%);
             height: 70%;
             .el-dialog__body {
+                /* assets/css/editor/upload.less */
                 height: calc(100% - 70px * 2);
                 overflow-y: auto;
                 box-sizing: border-box;
@@ -96,12 +117,16 @@
         }
     }
     @media screen and (max-width: @notebook) {
+        /* assets/css/editor/upload.less */
         .c-large-dialog .el-dialog {
+            /* assets/css/editor/upload.less */
             .w(90%);
         }
     }
     @media screen and (max-width: @ipad-y) {
+        /* assets/css/editor/upload.less */
         .c-large-dialog .el-dialog {
+            /* assets/css/editor/upload.less */
             margin: 0 !important;
             .size(100%);
             max-height: none;

package/assets/css/filters/client-by.less

@@ -1,12 +1,15 @@
 .w-filter-client {
+    /* assets/css/filters/client-by.less */
     font-size: 0;
     ul,
     li {
+        /* assets/css/filters/client-by.less */
         list-style: none;
         padding: 0;
         margin: 0;
     }
     ul {
+        /* assets/css/filters/client-by.less */
         .clearfix;
         .dbi;
         background-color: @bg-gray;
@@ -15,16 +18,19 @@
         overflow: hidden;
     }
     li {
+        /* assets/css/filters/client-by.less */
         padding: 5px 10px;
         .fl;
         .fz(12px);
         border-right: 1px solid #eee;
         &:last-child {
+            /* assets/css/filters/client-by.less */
             border-right: none;
         }
         .pointer;
 
         &.on {
+            /* assets/css/filters/client-by.less */
             background-color: @color-link;
             color: #fff;
             border-color: darken(@color-link, 5%);