@jx3box/jx3box-ui 0.0.1

package/assets/css/tinymce/latex.less

@@ -0,0 +1,43 @@
+// 编辑器内样式
+.c-article-tinymce{
+	.w-latex{
+		.pr;
+        font-family: Georgia, 'Times New Roman', Times, serif;
+		&:after{
+			content : 'JX3BOX·Katex';
+			position: absolute;right:0;top:-30px;
+			background-color:@bg-black;
+			color:#fff;
+			border-radius:3px;
+			padding:0 8px;
+			line-height:28px;
+			height: 28px;
+			box-sizing: border-box;
+			font-size: 14px;
+			font-family: consolas;
+		}
+	}
+}
+.c-article-editor {
+    .e-latex-area{
+        min-height:24px;
+		border-radius:4px;
+		padding:10px;
+		font-size: 14px;
+		white-space: pre-wrap;
+		background-color: #f1f8ff;
+		border: 1px solid #c8e1ff;
+		color:darken(#c8e1ff,20%);
+        font-family: Georgia, 'Times New Roman', Times, serif;
+		.pr;
+		&:after{
+			content : 'Latex';
+			position: absolute;right:10px;top:10px;
+			background-color:darken(#c8e1ff,20%);
+			color:#fff;
+			border-radius:3px;
+			padding:0 8px;
+			font-family: consolas;
+		}
+	}
+}

package/assets/css/tinymce/list.less

@@ -0,0 +1,65 @@
+/* 列表 */
+.c-article-tinymce{
+    ul,
+    ol {
+        margin: 20px 0;
+    }
+    ul,
+    ol {
+        padding-left: 40px;
+    }
+
+    /* 旧版checklist,无创建逻辑,仅作留存显示 */
+    .e-checklist {
+        div {
+            position: relative;
+            padding-left: 1.4em;
+        }
+        div:before {
+            display: block;
+            position: absolute;
+            left: 0;
+            top: 0.7em;
+            content: "";
+            cursor: pointer;
+            height: 1em;
+            width: 1em;
+            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%;
+            background-repeat: no-repeat;
+            background-position: 0 0;
+        }
+        div.on:before {
+            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{
+        line-height: 2.2;
+        margin:0 !important;
+    }
+    .tox-checklist > li:not(.tox-checklist--hidden) {
+        list-style: none;
+        margin: 0.25em 0;
+    }
+    .tox-checklist > li:not(.tox-checklist--hidden)::before {
+        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: "";
+        cursor: pointer;
+        height: 1em;
+        margin-left: -1.5em;
+        margin-top: 0.7em;
+        position: absolute;
+        width: 1em;
+    }
+    .tox-checklist
+        li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+        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 {
+        margin-left: 0;
+        margin-right: -1.5em;
+    }
+}

package/assets/css/tinymce/macro.less

@@ -0,0 +1,40 @@
+// 编辑器外样式
+.c-article-tinymce{
+	.e-jx3macro-area{
+		.pr;
+		&:after{
+			content : 'JX3BOX·MACRO';
+			position: absolute;right:0;top:-30px;
+			background-color:@bg-black;
+			color:#fff;
+			border-radius:3px;
+			padding:0 8px;
+			line-height:28px;
+			height: 28px;
+			box-sizing: border-box;
+			font-size: 14px;
+		}
+	}
+}
+// tinymce编辑器
+.c-article-editor {
+	.e-jx3macro-area{
+		min-height:24px;
+		border-radius:4px;
+		padding:10px;
+		font-size: 14px;
+		white-space: pre-wrap;
+		background-color: #f1f8ff;
+		border: 1px solid #c8e1ff;
+		color:darken(#c8e1ff,20%);
+		.pr;
+		&:after{
+			content : 'JX3BOX·MACRO';
+			position: absolute;right:10px;top:10px;
+			background-color:darken(#c8e1ff,20%);
+			color:#fff;
+			border-radius:3px;
+			padding:0 8px;
+		}
+	}
+}

package/assets/css/tinymce/nextpage.less

@@ -0,0 +1,65 @@
+.c-article-editor {
+    .mce-pagebreak {
+        padding: 0;
+        outline: none;
+        border: none;
+        border-top: 1px dashed #aaa;
+        height: 10px !important;
+        margin: 20px auto;
+    }
+}
+.c-article-chunk {
+    display: none;
+    &.on {
+        display: block;
+    }
+}
+.c-article-all {
+    width: 100%;
+    margin: 10px auto !important;
+    display: block !important;
+}
+.c-article-pages {
+    margin: 10px;
+    max-width: 100%;
+    overflow-x: auto;
+    text-align: center;
+
+    .el-pager{
+        margin:0;
+        padding:0;
+    }
+}
+
+// 打印分页
+.c-article {
+    .e-print-pagebreak {
+        .none;
+    }
+}
+.c-article-editor {
+    .e-print-pagebreak {
+        .db;
+        border: none;
+        border-bottom: 1px dotted #7ddcf9;
+        font-size: 0;
+        width: 100%;
+        height: 0;
+        box-sizing: border-box;
+        margin: 0 !important;
+        // &:after {
+        //     content: "🖨 打印分页占位符";
+        //     .db;
+        //     .x;
+        //     .fz(12px);
+        //     color: #999;
+        // }
+    }
+}
+@media print {
+    .c-article {
+        .e-print-pagebreak {
+            page-break-after: always;
+        }
+    }
+}

package/assets/css/tinymce/p.less

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

package/assets/css/tinymce/plugin.less

@@ -0,0 +1,3 @@
+// .pswp__bg{
+//     background: rgba(0, 0, 0, 0.8) ;
+// }

package/assets/css/tinymce/pz.less

@@ -0,0 +1,39 @@
+// 编辑器内
+.e-pz-iframe{
+    min-height: 24px;
+    border-radius: 4px;
+    font-size: 14px;
+    width: 100%;
+    box-sizing: border-box;
+    background-color: #f1f8ff;
+    border: 1px solid #c8e1ff;
+    color: darken(#c8e1ff, 20%);
+
+    line-height: 40px !important;
+    padding: 0 10px 0 140px;
+    font-family: Monaco, Consolas, "Lucida Console", "Courier New", serif;
+
+    .pr;
+    &:after {
+        content: "JX3BOX·配装方案";
+        position: absolute;
+        .lt(8px);
+        background-color: darken(#c8e1ff, 20%);
+        color: #fff;
+        border-radius: 3px;
+        padding: 2px 8px;
+        line-height: 21px;
+    }
+}
+// 渲染模式隐藏
+.c-article-tinymce{
+    .e-pz-iframe{
+        display: none;
+    }
+}
+// tinymce编辑器内展示
+.c-article-editor{
+    .e-pz-iframe{
+        display: block;
+    }
+}

package/assets/css/tinymce/qixue.less

@@ -0,0 +1,39 @@
+// 编辑器内
+.e-jx3qixue-area ,.e-jx3talent2-area{
+    min-height: 24px;
+    border-radius: 4px;
+    font-size: 14px;
+    width: 100%;
+    box-sizing: border-box;
+    background-color: #f1f8ff;
+    border: 1px solid #c8e1ff;
+    color: darken(#c8e1ff, 20%);
+
+    line-height: 40px !important;
+    padding: 0 10px;
+    font-family: Monaco, Consolas, "Lucida Console", "Courier New", serif;
+
+    .pr;
+    &:after {
+        content: "JX3BOX·TALENT";
+        position: absolute;
+        .rt(8px);
+        background-color: darken(#c8e1ff, 20%);
+        color: #fff;
+        border-radius: 3px;
+        padding: 2px 8px;
+        line-height: 21px;
+    }
+}
+// 渲染模式隐藏
+.c-article{
+    .e-jx3qixue-area,.e-jx3talent2-area{
+        display: none;
+    }
+}
+// tinymce编辑器内展示
+.c-article-editor{
+    .e-jx3qixue-area,.e-jx3talent2-area{
+        display: block;
+    }
+}

package/assets/css/tinymce/quote.less

@@ -0,0 +1,12 @@
+/* 引用 */
+.c-article-tinymce{
+    blockquote {
+        border: 1px dashed #e1e4e8;
+        border-radius: 4px;
+        padding: 10px;
+        background-color: #fafbfc;
+        font-size: 14px;
+        line-height: 2;
+        margin: 10px 0;
+    }
+}

package/assets/css/tinymce/table.less

@@ -0,0 +1,59 @@
+/* 表格 */
+.c-article-tinymce {
+    table {
+        border-collapse: collapse;
+        width: 100%;
+        height:auto;
+        margin: 10px 0;
+        overflow-x: auto;
+        max-width: 100%;
+        border: none;
+
+        line-height:2.2;
+        color:@color;
+
+        td,
+        th {
+            padding: 6px 10px;
+        }
+        td {
+            border: 1px solid #eee;
+        }
+        // th {
+        //     // background-color: #fafbfc;
+        //     // font-weight: 600;
+        // }
+        tr:nth-child(2n + 1) {
+            background-color: #fafbfc;
+        }
+        tr:first-child {
+            // background-color: #f1f8ff;
+            background-color: #fafbfc;
+            font-weight: 600;
+
+            // td {
+            //     border: 1px solid #c8e1ff;
+            // }
+        }
+    }
+}
+
+@media screen and (max-width: @phone) {
+    .c-article-tinymce{
+        table {
+            display: block;
+            width: 100% !important;
+            height: auto !important;
+
+            th,td{
+                white-space: nowrap;
+            }
+        }
+    }
+}
+
+@media print{
+	table{
+        page-break-inside: avoid !important;
+    }
+}

package/assets/css/tinymce/video.less

@@ -0,0 +1,61 @@
+.c-article-tinymce {
+    video {
+        background-color: #333;
+        width: 100%;
+        height: 800px;
+        display: block;
+        cursor: pointer;
+    }
+}
+.c-article-videox {
+    iframe,
+    iframe[allowfullscreen="allowfullscreen"] {
+        width: 100%;
+        height: 800px;
+        border: 1px solid #eee;
+        box-sizing: border-box;
+    }
+}
+.w-player-bilibili {
+    width: 100%;
+    height: 800px;
+    border: 1px solid #eee;
+    box-sizing: border-box;
+}
+@media screen and (max-width:@ipad){
+    .w-player-bilibili{
+        height: 600px;
+    }
+}
+@media screen and (max-width:@ipad-y){
+    .w-player-bilibili{
+        height: 500px;
+    }
+}
+@media screen and (max-width:@phone){
+    .w-player-bilibili{
+        height: 240px;
+    }
+}
+@media screen and (max-width:@ip5){
+    .w-player-bilibili{
+        height: 180px;
+    }
+}
+.c-article-editor {
+    video,
+    iframe {
+        cursor: default;
+    }
+    iframe {
+        width: auto;
+        height: auto;
+    }
+}
+@media screen and (max-width: @ipad) {
+    .c-article video,
+    .c-article-videox iframe {
+        height: auto;
+        min-height: 200px;
+    }
+}

package/assets/css/var.less

@@ -0,0 +1 @@
+// ⚠️请勿删除

package/assets/data/box.json

@@ -0,0 +1,184 @@
+[
+    {
+        "lf": false,
+        "img": "macro.svg",
+        "abbr": "宏 库",
+        "href": "/macro/",
+        "mark": "HOT",
+        "name": "云端宏",
+        "uuid": "macro",
+        "hover": "macro.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "jx3dat.svg",
+        "abbr": "插 件",
+        "href": "/jx3dat/",
+        "mark": "HOT",
+        "name": "插件数据",
+        "uuid": "jx3dat",
+        "hover": "jx3dat.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "fb.svg",
+        "abbr": "副 本",
+        "href": "/fb/",
+        "mark": "HOT",
+        "name": "副本专栏",
+        "uuid": "fb",
+        "hover": "fb.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "bps.svg",
+        "abbr": "职 业",
+        "href": "/bps/",
+        "mark": "HOT",
+        "name": "职业专栏",
+        "uuid": "bps",
+        "hover": "bps.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "cj.svg",
+        "abbr": "成 就",
+        "href": "/cj/",
+        "mark": "HOT",
+        "name": "成就百科",
+        "uuid": "cj",
+        "hover": "cj.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "item.svg",
+        "abbr": "物 品",
+        "href": "/item/",
+        "mark": "HOT",
+        "name": "物品百科",
+        "uuid": "item",
+        "hover": "item.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "database.svg",
+        "abbr": "数 据",
+        "href": "/app/database",
+        "mark": "HOT",
+        "name": "数据库",
+        "uuid": "database",
+        "hover": "database.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "team.svg",
+        "abbr": "团 队",
+        "href": "/team/",
+        "mark": "HOT",
+        "name": "团队管理",
+        "uuid": "team",
+        "hover": "team.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "pz.svg",
+        "abbr": "配 装",
+        "href": "/pz/",
+        "mark": "HOT",
+        "name": "在线配装",
+        "uuid": "pz",
+        "hover": "pz.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "battle.svg",
+        "abbr": "战 斗",
+        "href": "/battle/",
+        "mark": "ING",
+        "name": "战斗分析",
+        "uuid": "battle",
+        "hover": "battle.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "dbm.svg",
+        "abbr": "构 建",
+        "href": "/dbm/",
+        "mark": "ING",
+        "name": "数据构建",
+        "uuid": "dbm",
+        "hover": "dbm.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "rank.svg",
+        "abbr": "百 强",
+        "href": "/rank/",
+        "mark": "HOT",
+        "name": "秘境百强",
+        "uuid": "rank",
+        "hover": "rank.svg",
+        "client": "std",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "more.svg",
+        "abbr": "全 部",
+        "href": "/app/",
+        "mark": "HOT",
+        "name": "全部应用",
+        "uuid": "more",
+        "hover": "more.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    }
+]