@jx3box/jx3box-ui 2.0.12 → 2.0.15

package/assets/css/tinymce/imgpreview.less

@@ -1,18 +1,14 @@
+/* assets/css/tinymce/imgpreview.less */
 .hevue-imgpreview-wrap {
-    /* assets/css/tinymce/imgpreview.less */
     .he-img-wrap {
-        /* assets/css/tinymce/imgpreview.less */
         background: rgba(0,0,0,0.8);
     }
     .arrow, .he-close-icon {
-        /* assets/css/tinymce/imgpreview.less */
         display: block!important;
         text-align: center!important;
     }
     .he-close-icon {
-        /* assets/css/tinymce/imgpreview.less */
         &:hover {
-            /* assets/css/tinymce/imgpreview.less */
             transform: scale(1.2);
         }
     }

package/assets/css/tinymce/latex.less

@@ -1,12 +1,10 @@
+/* assets/css/tinymce/latex.less */
 // 编辑器内样式
 .c-article-tinymce{
-    /* assets/css/tinymce/latex.less */
 	.w-latex{
-	    /* assets/css/tinymce/latex.less */
 		.pr;
         font-family: Georgia, 'Times New Roman', Times, serif;
 		&:after{
-		    /* assets/css/tinymce/latex.less */
 			content : 'JX3BOX·Katex';
 			position: absolute;right:0;top:-30px;
 			background-color:@bg-black;
@@ -22,9 +20,7 @@
 	}
 }
 .c-article-editor {
-    /* assets/css/tinymce/latex.less */
     .e-latex-area{
-        /* assets/css/tinymce/latex.less */
         min-height:24px;
 		border-radius:4px;
 		padding:10px;
@@ -36,7 +32,6 @@
         font-family: Georgia, 'Times New Roman', Times, serif;
 		.pr;
 		&:after{
-		    /* assets/css/tinymce/latex.less */
 			content : 'Latex';
 			position: absolute;right:10px;top:10px;
 			background-color:darken(#c8e1ff,20%);

package/assets/css/tinymce/list.less

@@ -1,27 +1,22 @@
+/* assets/css/tinymce/list.less */
 /* 列表 */
 .c-article-tinymce{
-    /* assets/css/tinymce/list.less */
     ul,
     ol {
-        /* assets/css/tinymce/list.less */
         margin: 20px 0;
     }
     ul,
     ol {
-        /* assets/css/tinymce/list.less */
         padding-left: 40px;
     }
 
     /* 旧版checklist,无创建逻辑,仅作留存显示 */
     .e-checklist {
-        /* assets/css/tinymce/list.less */
         div {
-            /* assets/css/tinymce/list.less */
             position: relative;
             padding-left: 1.4em;
         }
         div:before {
-            /* assets/css/tinymce/list.less */
             display: block;
             position: absolute;
             left: 0;
@@ -36,24 +31,20 @@
             background-position: 0 0;
         }
         div.on:before {
-            /* assets/css/tinymce/list.less */
             background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
         }
     }
 
     // 新版checklist
     .tox-checklist > li{
-        /* assets/css/tinymce/list.less */
         line-height: 2.2;
         margin:0 !important;
     }
     .tox-checklist > li:not(.tox-checklist--hidden) {
-        /* assets/css/tinymce/list.less */
         list-style: none;
         margin: 0.25em 0;
     }
     .tox-checklist > li:not(.tox-checklist--hidden)::before {
-        /* assets/css/tinymce/list.less */
         background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
         background-size: 100%;
         content: "";
@@ -66,11 +57,9 @@
     }
     .tox-checklist
         li:not(.tox-checklist--hidden).tox-checklist--checked::before {
-            /* assets/css/tinymce/list.less */
         background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
     }
     [dir="rtl"] .tox-checklist > li:not(.tox-checklist--hidden)::before {
-        /* assets/css/tinymce/list.less */
         margin-left: 0;
         margin-right: -1.5em;
     }

package/assets/css/tinymce/macro.less

@@ -1,11 +1,9 @@
+/* assets/css/tinymce/macro.less */
 // 编辑器外样式
 .c-article-tinymce{
-    /* assets/css/tinymce/macro.less */
 	.e-jx3macro-area{
-	    /* assets/css/tinymce/macro.less */
 		.pr;
 		&:after{
-		    /* assets/css/tinymce/macro.less */
 			content : 'JX3BOX·MACRO';
 			position: absolute;right:0;top:-30px;
 			background-color:@bg-black;
@@ -21,9 +19,7 @@
 }
 // tinymce编辑器
 .c-article-editor {
-    /* assets/css/tinymce/macro.less */
 	.e-jx3macro-area{
-	    /* assets/css/tinymce/macro.less */
 		min-height:24px;
 		border-radius:4px;
 		padding:10px;
@@ -34,7 +30,6 @@
 		color:darken(#c8e1ff,20%);
 		.pr;
 		&:after{
-		    /* assets/css/tinymce/macro.less */
 			content : 'JX3BOX·MACRO';
 			position: absolute;right:10px;top:10px;
 			background-color:darken(#c8e1ff,20%);

package/assets/css/tinymce/nextpage.less

@@ -1,7 +1,6 @@
+/* assets/css/tinymce/nextpage.less */
 .c-article-editor {
-    /* assets/css/tinymce/nextpage.less */
     .mce-pagebreak {
-        /* assets/css/tinymce/nextpage.less */
         padding: 0;
         outline: none;
         border: none;
@@ -11,28 +10,23 @@
     }
 }
 .c-article-chunk {
-    /* assets/css/tinymce/nextpage.less */
     display: none;
     &.on {
-        /* assets/css/tinymce/nextpage.less */
         display: block;
     }
 }
 .c-article-all {
-    /* assets/css/tinymce/nextpage.less */
     width: 100%;
     margin: 10px auto !important;
     display: block !important;
 }
 .c-article-pages {
-    /* assets/css/tinymce/nextpage.less */
     margin: 10px;
     max-width: 100%;
     overflow-x: auto;
     text-align: center;
 
     .el-pager{
-        /* assets/css/tinymce/nextpage.less */
         margin:0;
         padding:0;
     }
@@ -40,16 +34,12 @@
 
 // 打印分页
 .c-article {
-    /* assets/css/tinymce/nextpage.less */
     .e-print-pagebreak {
-        /* assets/css/tinymce/nextpage.less */
         .none;
     }
 }
 .c-article-editor {
-    /* assets/css/tinymce/nextpage.less */
     .e-print-pagebreak {
-        /* assets/css/tinymce/nextpage.less */
         .db;
         border: none;
         border-bottom: 1px dotted #7ddcf9;
@@ -68,11 +58,8 @@
     }
 }
 @media print {
-    /* assets/css/tinymce/nextpage.less */
     .c-article {
-        /* assets/css/tinymce/nextpage.less */
         .e-print-pagebreak {
-            /* assets/css/tinymce/nextpage.less */
             page-break-after: always;
         }
     }

package/assets/css/tinymce/p.less

@@ -1,9 +1,8 @@
+/* assets/css/tinymce/p.less */
 // 段落
 .c-article-tinymce {
-    /* assets/css/tinymce/p.less */
     p,
     div {
-        /* assets/css/tinymce/p.less */
         margin: 0;
         line-height: 2.2;
     }

package/assets/css/tinymce/plugin.less

@@ -1,3 +1,4 @@
+/* assets/css/tinymce/plugin.less */
 // .pswp__bg{
 //     background: rgba(0, 0, 0, 0.8) ;
 // }

package/assets/css/tinymce/pz.less

@@ -1,6 +1,6 @@
+/* assets/css/tinymce/pz.less */
 // 编辑器内
 .e-pz-iframe{
-    /* assets/css/tinymce/pz.less */
     min-height: 24px;
     border-radius: 4px;
     font-size: 14px;
@@ -16,7 +16,6 @@
 
     .pr;
     &:after {
-        /* assets/css/tinymce/pz.less */
         content: "JX3BOX·配装方案";
         position: absolute;
         .lt(8px);
@@ -29,17 +28,13 @@
 }
 // 渲染模式隐藏
 .c-article-tinymce{
-    /* assets/css/tinymce/pz.less */
     .e-pz-iframe{
-        /* assets/css/tinymce/pz.less */
         display: none;
     }
 }
 // tinymce编辑器内展示
 .c-article-editor{
-    /* assets/css/tinymce/pz.less */
     .e-pz-iframe{
-        /* assets/css/tinymce/pz.less */
         display: block;
     }
 }

package/assets/css/tinymce/qixue.less

@@ -1,6 +1,6 @@
+/* assets/css/tinymce/qixue.less */
 // 编辑器内
 .e-jx3qixue-area ,.e-jx3talent2-area{
-    /* assets/css/tinymce/qixue.less */
     min-height: 24px;
     border-radius: 4px;
     font-size: 14px;
@@ -16,7 +16,6 @@
 
     .pr;
     &:after {
-        /* assets/css/tinymce/qixue.less */
         content: "JX3BOX·TALENT";
         position: absolute;
         .rt(8px);
@@ -29,17 +28,13 @@
 }
 // 渲染模式隐藏
 .c-article{
-    /* assets/css/tinymce/qixue.less */
     .e-jx3qixue-area,.e-jx3talent2-area{
-        /* assets/css/tinymce/qixue.less */
         display: none;
     }
 }
 // tinymce编辑器内展示
 .c-article-editor{
-    /* assets/css/tinymce/qixue.less */
     .e-jx3qixue-area,.e-jx3talent2-area{
-        /* assets/css/tinymce/qixue.less */
         display: block;
     }
 }

package/assets/css/tinymce/quote.less

@@ -1,8 +1,7 @@
+/* assets/css/tinymce/quote.less */
 /* 引用 */
 .c-article-tinymce{
-    /* assets/css/tinymce/quote.less */
     blockquote {
-        /* assets/css/tinymce/quote.less */
         border: 1px dashed #e1e4e8;
         border-radius: 4px;
         padding: 10px;

package/assets/css/tinymce/table.less

@@ -1,8 +1,7 @@
+/* assets/css/tinymce/table.less */
 /* 表格 */
 .c-article-tinymce {
-    /* assets/css/tinymce/table.less */
     table {
-        /* assets/css/tinymce/table.less */
         border-collapse: collapse;
         width: 100%;
         height:auto;
@@ -16,11 +15,9 @@
 
         td,
         th {
-            /* assets/css/tinymce/table.less */
             padding: 6px 10px;
         }
         td {
-            /* assets/css/tinymce/table.less */
             border: 1px solid #eee;
         }
         // th {
@@ -28,11 +25,9 @@
         //     // font-weight: 600;
         // }
         tr:nth-child(2n + 1) {
-            /* assets/css/tinymce/table.less */
             background-color: #fafbfc;
         }
         tr:first-child {
-            /* assets/css/tinymce/table.less */
             // background-color: #f1f8ff;
             background-color: #fafbfc;
             font-weight: 600;
@@ -45,17 +40,13 @@
 }
 
 @media screen and (max-width: @phone) {
-    /* assets/css/tinymce/table.less */
     .c-article-tinymce{
-        /* assets/css/tinymce/table.less */
         table {
-            /* assets/css/tinymce/table.less */
             display: block;
             width: 100% !important;
             height: auto !important;
 
             th,td{
-                /* assets/css/tinymce/table.less */
                 white-space: nowrap;
             }
         }
@@ -63,9 +54,7 @@
 }
 
 @media print{
-    /* assets/css/tinymce/table.less */
 	table{
-	    /* assets/css/tinymce/table.less */
         page-break-inside: avoid !important;
     }
 }

package/assets/css/tinymce/video.less

@@ -1,7 +1,6 @@
+/* assets/css/tinymce/video.less */
 .c-article-tinymce {
-    /* assets/css/tinymce/video.less */
     video {
-        /* assets/css/tinymce/video.less */
         background-color: #333;
         width: 100%;
         height: 800px;
@@ -10,10 +9,8 @@
     }
 }
 .c-article-videox {
-    /* assets/css/tinymce/video.less */
     iframe,
     iframe[allowfullscreen="allowfullscreen"] {
-        /* assets/css/tinymce/video.less */
         width: 100%;
         height: 800px;
         border: 1px solid #eee;
@@ -21,58 +18,44 @@
     }
 }
 .w-player-bilibili {
-    /* assets/css/tinymce/video.less */
     width: 100%;
     height: 800px;
     border: 1px solid #eee;
     box-sizing: border-box;
 }
 @media screen and (max-width:@ipad){
-    /* assets/css/tinymce/video.less */
     .w-player-bilibili{
-        /* assets/css/tinymce/video.less */
         height: 600px;
     }
 }
 @media screen and (max-width:@ipad-y){
-    /* assets/css/tinymce/video.less */
     .w-player-bilibili{
-        /* assets/css/tinymce/video.less */
         height: 500px;
     }
 }
 @media screen and (max-width:@phone){
-    /* assets/css/tinymce/video.less */
     .w-player-bilibili{
-        /* assets/css/tinymce/video.less */
         height: 240px;
     }
 }
 @media screen and (max-width:@ip5){
-    /* assets/css/tinymce/video.less */
     .w-player-bilibili{
-        /* assets/css/tinymce/video.less */
         height: 180px;
     }
 }
 .c-article-editor {
-    /* assets/css/tinymce/video.less */
     video,
     iframe {
-        /* assets/css/tinymce/video.less */
         cursor: default;
     }
     iframe {
-        /* assets/css/tinymce/video.less */
         width: auto;
         height: auto;
     }
 }
 @media screen and (max-width: @ipad) {
-    /* assets/css/tinymce/video.less */
     .c-article video,
     .c-article-videox iframe {
-        /* assets/css/tinymce/video.less */
         height: auto;
         min-height: 200px;
     }

package/assets/css/var.less

@@ -1 +1,2 @@
+/* assets/css/var.less */
 // ⚠️请勿删除

package/assets/css/wiki/wiki-comments.less

@@ -1,3 +1,4 @@
+/* assets/css/wiki/wiki-comments.less */
 .c-wiki-comments {
     .u-empty {
         padding: 5px 0;

package/assets/css/wiki/wiki-panel.less

@@ -1,3 +1,4 @@
+/* assets/css/wiki/wiki-panel.less */
 .c-wiki-panel {
     .db;
     .mb(15px);

package/assets/css/wiki/wiki-revisions.less

@@ -1,3 +1,4 @@
+/* assets/css/wiki/wiki-revisions.less */
 .c-wiki-revisions {
   .u-empty {
     padding: 5px 0;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-ui",
-    "version": "2.0.12",
+    "version": "2.0.15",
     "description": "JX3BOX Vue3 UI",
     "main": "index.js",
     "scripts": {

package/service/community.js

@@ -34,10 +34,10 @@ export const manageTopic = (id, action, value) => {
 
 export const manageTopicAll = (id, data) => {
     return $next().put(`${API_PREFIX}/community/discussion/manage/topic/item/${id}/opt`, data);
-}
+};
 
 export const getTopicDetails = (id) => {
-    return $next().get(`${API_PREFIX}/community/discussion/manage/topic/item/${id}`);
+    return $next({ mute: true }).get(`${API_PREFIX}/community/discussion/manage/topic/item/${id}`);
 };
 
 // 菜单
@@ -52,7 +52,7 @@ export function getCommunityTags() {
 // 获取原帖子
 export const getOriginalPost = (id) => {
     return $cms().get(`/api/cms/manage/post/by-community/${id}`);
-}
+};
 
 // 迁移帖子
 export const migrateCommunityPost = (data) => {

package/src/App.vue

@@ -35,6 +35,11 @@
                         <LeftSideToggle :mobileOnly="false" />
                         <LeftSideToggle :mobileOnly="true" />
                     </div>
+
+                    <h1 class="m-title">上传组件</h1>
+                    <div class="m-block">
+                        <UploadBanner v-model="uploadBanner" />
+                    </div>
                 </el-tab-pane>
                 <el-tab-pane label="文章列表" name="list">
                     <h1 class="m-title">筛选</h1>
@@ -178,6 +183,7 @@ import Homework from "./interact/Homework.vue";
 import PostVersion from "./single/PostVersion.vue";
 import PostCollection from "./single/PostCollection.vue";
 import QRcode from "./interact/QRcode.vue";
+import UploadBanner from "./upload/UploadBanner.vue";
 
 import GamePrice from "./wiki/GamePrice.vue";
 import WikiComments from "./wiki/WikiComments.vue";
@@ -197,6 +203,7 @@ export default {
         PostVersion,
         PostCollection,
         QRcode,
+        UploadBanner,
 
         GamePrice,
         WikiComments,
@@ -334,6 +341,7 @@ export default {
 };
 </script>
 <style lang="less">
+/* src/App.vue */
 .m-title {
     margin: 20px 0 10px;
     font-size: 16px;

package/src/Breadcrumb.vue

@@ -146,5 +146,6 @@ export default {
 </script>
 
 <style lang="less">
+/* src/Breadcrumb.vue */
 @import "../assets/css/bread/breadcrumb.less";
 </style>

package/src/CommonFooter.vue

@@ -43,6 +43,7 @@ export default {
 </script>
 
 <style lang="less">
+/* src/CommonFooter.vue */
 body::after {
     bottom: 0;
     background: #111827;

package/src/CommonHeader.vue

@@ -214,6 +214,7 @@ export default {
 </script>
 
 <style lang="less">
+/* src/CommonHeader.vue */
 .c-header {
     position: fixed;
     left: 0;
@@ -222,6 +223,7 @@ export default {
 
     width: 100%;
     height: @header-height;
+    box-sizing: border-box;
 
     background-color: @header-bg;
     color: #fff;

package/src/Footer.vue

@@ -49,5 +49,6 @@ export default {
 </script>
 
 <style lang="less">
+/* src/Footer.vue */
 @import "../assets/css/common/footer.less";
 </style>

package/src/LeftSideToggle.vue

@@ -46,6 +46,7 @@ export default {
 </script>
 
 <style lang="less">
+/* src/LeftSideToggle.vue */
 .c-side-toggle {
     .pointer;
     .size(20px, 28px);

package/src/LeftSidebar.vue

@@ -126,6 +126,7 @@ export default {
 </script>
 
 <style lang="less">
+/* src/LeftSidebar.vue */
 @import "../assets/css/common/left-sidebar.less";
 // 虚拟装扮主题
 .m-theme {

package/src/Main.vue

@@ -52,5 +52,6 @@ export default {
 </script>
 
 <style lang="less">
+/* src/Main.vue */
 @import "../assets/css/common/main.less";
 </style>

package/src/RightSideMsg.vue

@@ -20,5 +20,6 @@ export default {
 </script>
 
 <style lang="less">
+/* src/RightSideMsg.vue */
 @import "../assets/css/common/right-msg.less";
 </style>

package/src/RightSidebar.vue

@@ -66,5 +66,6 @@ export default {
 </script>
 
 <style lang="less">
+/* src/RightSidebar.vue */
 @import "../assets/css/common/right-sidebar.less";
 </style>

package/src/SuspendCommon.vue

@@ -715,5 +715,6 @@ export default {
 </script>
 
 <style lang="less">
+/* src/SuspendCommon.vue */
 @import "../assets/css/common/suspend-common.less";
 </style>

package/src/author/AuthorFans.vue

@@ -78,6 +78,7 @@ export default {
 </script>
 
 <style lang="less">
+/* src/author/AuthorFans.vue */
 .c-author-fans {
     box-sizing: border-box;
     // padding: 10px;

package/src/author/AuthorFollow.vue

@@ -158,6 +158,7 @@ export default {
 </script>
 
 <style lang="less">
+/* src/author/AuthorFollow.vue */
 .c-author-follow {
     .u-btn.el-button {
         cursor: default;

package/src/author/AuthorGift.vue

@@ -208,6 +208,7 @@ export default {
 </script>
 
 <style scoped lang="less">
+/* src/author/AuthorGift.vue */
 .c-author-gift {
     .u-btn {
         // @color: #f9afd4;

package/src/author/AuthorHonor.vue

@@ -116,6 +116,7 @@ export default {
 };
 </script>
 <style lang="less">
+/* src/author/AuthorHonor.vue */
 .c-author-honor {
     .dbi;
     text-align: center;