@jx3box/jx3box-ui 2.0.4 → 2.0.6

package/assets/css/module/resource.less

@@ -1,93 +0,0 @@
-.c-article {
-    /* assets/css/module/resource.less */
-    .e-jx3-resource {
-        /* assets/css/module/resource.less */
-        display: block;
-        *zoom: 1;
-        &:after {
-            /* assets/css/module/resource.less */
-            content: "";
-            display: table;
-            clear: both;
-        }
-        border: 1px solid #eee;
-        background: #fafafa;
-        margin-bottom: 10px;
-        padding: 5px 5px 5px 60px;
-        min-height: 60px;
-        box-sizing: border-box;
-        position: relative;
-        white-space: normal;
-
-        font-family: -apple-system, "Microsoft YaHei", Trebuchet MS, Calibri, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, sans-serif;
-        text-rendering: optimizelegibility;
-
-        .u-pic {
-            /* assets/css/module/resource.less */
-            border: none;
-            outline: none !important;
-            padding: 0;
-            margin: 0;
-
-            display: block;
-            position: absolute;
-            left: 5px;
-            top: 5px;
-            width: 48px;
-            height: 48px;
-            border-radius: 6px;
-            box-shadow: 0 0 1px inset rgba(0, 0, 0, 0.2);
-        }
-        .u-name {
-            /* assets/css/module/resource.less */
-            font-size: 14px;
-            line-height: 2;
-            font-weight: bold;
-            display: block;
-            em {
-                /* assets/css/module/resource.less */
-                font-style: normal;
-                font-weight: normal;
-                color: #999;
-                .fz(12px);
-            }
-        }
-        .u-desc,
-        .u-content {
-            /* assets/css/module/resource.less */
-            font-size: 12px;
-            display: block;
-            white-space: pre-wrap;
-        }
-        .u-id {
-            /* assets/css/module/resource.less */
-            font-size: 10px;
-            color: #555;
-            position: absolute;
-            right: 5px;
-            top: 5px;
-            .x(right);
-        }
-
-        .u-detach {
-            /* assets/css/module/resource.less */
-            .mt(4px);
-            .db;
-        }
-        .u-remark {
-            /* assets/css/module/resource.less */
-            display: none;
-        }
-        .u-primary {
-            /* assets/css/module/resource.less */
-            .db;
-        }
-    }
-}
-@media print {
-    /* assets/css/module/resource.less */
-    .e-jx3-resource {
-        /* assets/css/module/resource.less */
-        page-break-inside: avoid !important;
-    }
-}

package/assets/css/module/skill.less

@@ -1,74 +0,0 @@
-.w-skill {
-    /* assets/css/module/skill.less */
-    padding: 1px;
-    border: 1px solid #0f2222;
-    .w-skill-wrapper {
-        /* assets/css/module/skill.less */
-        @max-width: 345px;
-        @min-width: 200px;
-        max-width: @max-width;
-        min-width: @min-width;
-        padding: 9px 10px 10px;
-        background-color: rgba(15, 34, 34, 0.88);
-        box-sizing: border-box;
-        display: flex;
-    }
-
-    .w-skill-icon{
-        /* assets/css/module/skill.less */
-        .size(48px);
-        border:none;
-        padding:0;
-        margin:0 10px 0 0;
-    }
-
-    .w-skill-content{
-        /* assets/css/module/skill.less */
-        font-weight: normal;
-        flex-grow: 1;
-        text-shadow: 1px 1px 1px #0f2222;
-        line-height: 20px;
-    }
-
-    .w-skill-name {
-        /* assets/css/module/skill.less */
-        color: #ff0;
-        .db;
-        .fz(13px);
-    }
-
-    .w-skill-desc {
-        /* assets/css/module/skill.less */
-        color: #ffffff;
-        letter-spacing:0.5px;
-        .mb(10px);
-        .fz(12px,20px);
-    }
-
-    .w-skill-meta{
-        /* assets/css/module/skill.less */
-        .db;.fz(12px,20px);
-        color:#5df9eb;
-    }
-}
-
-.c-article .e-jx3-skill {
-    /* assets/css/module/skill.less */
-
-    // img {
-    //     border: none;
-    //     margin: 0 5px 0 0;
-    //     width: 36px;
-    //     vertical-align: middle;
-    // }
-    // span {
-    //     font-size: 14px;
-    //     line-height: 36px;
-    // }
-
-    text-decoration: underline;
-    &:hover{
-        /* assets/css/module/skill.less */
-        box-shadow: none !important;
-    }
-}

package/assets/css/module/talent.less

@@ -1,495 +0,0 @@
-// 输出样式
-.w-qixue-box {
-    /* assets/css/module/talent.less */
-    @url: "https://img.jx3box.com/img/";
-
-    zoom: 1;
-
-    @color: #2e4946;
-    @gray: #6f888a;
-    @xf-l: 10px;
-    @xf-r: 5px;
-    @xf: 23px;
-    @out-bo: 2px;
-    @lp:@xf-l + @xf-r + @xf + @out-bo;
-    @space: 10px;
-    @bo: 2px;
-
-    //局部z级别
-    @icon-decorate: 5; //装饰框
-    @item-description: 999; //描述
-
-    .white() {
-        /* assets/css/module/talent.less */
-        color: #fff;
-        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
-    }
-    // .dbi;
-    display:inline-flex;
-
-    background-color: @color;
-    .r(5px);
-    border: @out-bo solid @gray;
-    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
-    //padding-right:5px;
-    padding-top: 8px;
-    padding-bottom: 8px;
-    padding-right: 20px;
-    // padding-left: 10px;
-    white-space: nowrap;
-    font-size: 0;
-    // width:860px;
-    // overflow-x: auto;
-    // display: block;
-
-    &.isQQBrowser{
-        /* assets/css/module/talent.less */
-        padding-right: 30px !important; //fix
-    }
-
-    //单项
-    li {
-        /* assets/css/module/talent.less */
-        list-style: none;
-    }
-
-    //图片
-    img {
-        /* assets/css/module/talent.less */
-        .db;
-        .size(48px);
-        .r(5px);
-        .auto(x);
-        box-sizing: border-box;
-        filter: saturate(110%) brightness(110%);
-        box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
-        user-select: none;
-    }
-
-    //心法label
-    .w-qixue-xf {
-        /* assets/css/module/talent.less */
-        // .dbi;
-        .y(top);
-        .fz(14px);
-        .white;
-        .x;
-
-        box-sizing: border-box;
-        .retext(y);
-        background: url("@{url}qixue/label.png") no-repeat 0 0;
-        .size(@xf,86px);
-        .mr(@xf-r);
-        .ml(@xf-l);
-        user-select: none;
-        //针对正文覆写
-        border: none;
-        font-weight: normal;
-        margin-top: 0;
-        margin-bottom: 0;
-        line-height: 1.1;
-        padding-right:5px;
-        letter-spacing:1px;
-
-        // word-wrap: break-word;
-        // padding-left:26px;
-        // white-space: wrap;
-    }
-
-    .w-qixue-clist {
-        /* assets/css/module/talent.less */
-        margin: 0;
-    }
-
-    //公共单项
-    .w-qixue-clist-item,
-    .w-qixue-olist-item {
-        /* assets/css/module/talent.less */
-        .u-pic {
-            /* assets/css/module/talent.less */
-            .db;
-            .pr;
-            &:before,
-            &:after {
-                /* assets/css/module/talent.less */
-                content: "";
-                .db;
-            }
-            &:after {
-                /* assets/css/module/talent.less */
-                .size(52px);
-                .pa;
-                .lt(-2px,-2px);
-                background: url("@{url}qixue/bg.png") no-repeat 0 0;
-                .z(@icon-decorate + 1);
-            }
-        }
-        img {
-            /* assets/css/module/talent.less */
-            .r(48px);
-            //针对正文覆写
-            padding: 0;
-            margin: 0;
-            border: none;
-        }
-        .u-title {
-            /* assets/css/module/talent.less */
-            .white;
-            .fz(13px,14px);
-            .x;
-            .db;
-            .auto(x);
-            .mt(6px);
-            .w(48px);
-        }
-    }
-
-    //当前盒子
-    .w-qixue-clist {
-        /* assets/css/module/talent.less */
-        .dbi;
-        .y(top);
-        font-size: 0;
-        white-space: nowrap;
-        margin-top: 8px;
-        .pr;
-        .z(2);
-
-        //针对正文覆写
-        padding-left: 0;
-    }
-    //当前单项
-    .w-qixue-clist-item {
-        /* assets/css/module/talent.less */
-        .dbi;
-        .y;
-        padding-left: @space;
-        padding-right: @space;
-        .pr;
-
-        &:last-child {
-            /* assets/css/module/talent.less */
-            margin-right: 0;
-        }
-
-        /* &.w-qixue-isskill .u-pic{
-            &:before{
-                .pa;.lt(0);
-                .size(100%);
-                border:2px solid @color-cyan;
-            }
-        } */
-
-        &:before {
-            /* assets/css/module/talent.less */
-            content: "";
-            .size(44px,11px);
-            background: url("@{url}qixue/fold.png") no-repeat 0 0;
-            margin: 0 2px;
-
-            .none;
-        }
-
-        &.on {
-            /* assets/css/module/talent.less */
-            &:before {
-                /* assets/css/module/talent.less */
-                background-image: url("@{url}qixue/unfold.png");
-            }
-        }
-    }
-
-    .pr;
-    .w-qixue-obox,
-    .w-qixue-olist,
-    .w-qixue-item-pop {
-        /* assets/css/module/talent.less */
-        .none;
-    }
-    //全部扩展列表容器
-    .w-qixue-obox {
-        /* assets/css/module/talent.less */
-        .pa;
-        .lb(@lp,100%);
-        white-space: nowrap;
-        font-size: 0;
-        &.on {
-            /* assets/css/module/talent.less */
-            .db;
-        }
-    }
-    //单个扩展列表
-    .w-qixue-olist {
-        /* assets/css/module/talent.less */
-        .pr;
-        .z(1000);
-        .dbi;
-        .y(bottom);
-        background-color: @color;
-        padding: @space - @bo;
-        border-top-left-radius: 5px;
-        border-top-right-radius: 5px;
-        border: @bo solid @gray;
-        border-bottom: none;
-        box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.4);
-
-        &:last-child {
-            /* assets/css/module/talent.less */
-            margin-right: 0;
-        }
-
-        transform: scale(0);
-        &.on {
-            /* assets/css/module/talent.less */
-            transform: scale(1);
-        }
-    }
-    .w-qixue-olist-item {
-        /* assets/css/module/talent.less */
-        margin-bottom: 8px;
-        .pr;
-
-        .u-pic {
-            /* assets/css/module/talent.less */
-            &:before {
-                /* assets/css/module/talent.less */
-                .size(100%);
-                .pa;
-                .lt(0);
-                background-color: rgba(0, 0, 0, 0.6);
-                .r(48px);
-                .z(@icon-decorate);
-            }
-        }
-
-        &:hover {
-            /* assets/css/module/talent.less */
-            .u-pic {
-                /* assets/css/module/talent.less */
-                &:before {
-                    /* assets/css/module/talent.less */
-                    .tm(0);
-                }
-            }
-        }
-
-        &:last-child {
-            /* assets/css/module/talent.less */
-            margin-bottom: 0;
-        }
-    }
-
-    //特殊技能
-    .w-qixue-is_skill {
-        /* assets/css/module/talent.less */
-        .u-pic {
-            /* assets/css/module/talent.less */
-            &:before,
-            img {
-                /* assets/css/module/talent.less */
-                .r(0);
-            }
-            &:after {
-                /* assets/css/module/talent.less */
-                .none;
-            }
-        }
-    }
-
-    //单个浮层描述
-    .w-qixue-item-pop {
-        /* assets/css/module/talent.less */
-        .pa;
-        .lt(100%,0);
-        .z(@item-description);
-        background-color: rgba(0, 0, 0, 0.8);
-        margin-left: 4px;
-        .r(3px);
-        padding: 10px;
-        width: 320px;
-        max-width:none;
-
-        * {
-            /* assets/css/module/talent.less */
-            .db;
-            white-space: normal;
-            word-wrap: break-word;
-            word-break: break-all;
-        }
-        .u-name,
-        .u-desc {
-            /* assets/css/module/talent.less */
-            color: #ffff00;
-        }
-        .u-name {
-            /* assets/css/module/talent.less */
-            .fz(14px,2);
-        }
-        .u-desc {
-            /* assets/css/module/talent.less */
-            .fz(12px,20px);
-        }
-        .u-skill {
-            /* assets/css/module/talent.less */
-            color: #fff;
-            .fz(13px,20px);
-        }
-        .u-meta,
-        .u-extend {
-            /* assets/css/module/talent.less */
-            color: #ff9600;
-            .fz(13px,2);
-            font-style: normal;
-        }
-        &.on {
-            /* assets/css/module/talent.less */
-            .db;
-        }
-    }
-    //展示版奇穴的pop显示位置
-    .w-qixue-clist-item .w-qixue-item-pop {
-        /* assets/css/module/talent.less */
-        left: 0;
-        top: auto;
-        bottom: 100%;
-        .mb(10px);
-    }
-}
-@media screen and (max-width: @ipad) {
-    /* assets/css/module/talent.less */
-    .w-qixue-box {
-        /* assets/css/module/talent.less */
-        // zoom: 0.8;
-        .clearfix;
-
-        .db;
-        .w(auto);
-        li,
-        .w-qixue-xf {
-            /* assets/css/module/talent.less */
-            .fl;
-            margin-bottom: 10px;
-        }
-        .w-qixue-xf {
-            /* assets/css/module/talent.less */
-            .none;
-        }
-        .w-qixue-clist{
-            /* assets/css/module/talent.less */
-            // .w(100%);
-            // overflow-x: auto;
-            .db;
-            .clearfix;
-            margin-top:0;
-        }
-    }
-}
-
-.w-qixue-editable {
-    /* assets/css/module/talent.less */
-    .w-qixue-xf{
-        /* assets/css/module/talent.less */
-        margin-top: 5px;
-    }
-    li {
-        /* assets/css/module/talent.less */
-        .pointer;
-    }
-    .w-qixue-clist-item {
-        /* assets/css/module/talent.less */
-        user-select: none;
-    }
-    .w-qixue-clist-item:before {
-        /* assets/css/module/talent.less */
-        .db;
-    }
-
-    &.disabled:after {
-        /* assets/css/module/talent.less */
-        content: "";
-        .db;
-        .size(100%);
-        .pa;
-        .lt(0);
-        .z(10);
-        background-color: rgba(0, 0, 0, 0.5);
-    }
-
-    &.active {
-        /* assets/css/module/talent.less */
-        &:after {
-            /* assets/css/module/talent.less */
-            .none;
-        }
-    }
-    //编辑模式下当前版不加载pop
-    .w-qixue-clist-item .w-qixue-item-pop {
-        /* assets/css/module/talent.less */
-        .none !important;
-    }
-}
-
-@media screen and (max-width: @ipad) {
-    /* assets/css/module/talent.less */
-    .w-qixue-editable {
-        /* assets/css/module/talent.less */
-        // zoom: 0.8;
-
-        .db;
-        .w(auto);
-        //overflow-x:auto;
-        //overflow-y:visible;
-        li,
-        .w-qixue-xf {
-            /* assets/css/module/talent.less */
-            .fl;
-            margin-bottom: 10px;
-        }
-        .w-qixue-obox {
-            /* assets/css/module/talent.less */
-            left: 0;
-        }
-        .w-qixue-olist {
-            /* assets/css/module/talent.less */
-            .clearfix;
-            .none;
-            &.on {
-                /* assets/css/module/talent.less */
-                .db;
-            }
-
-            li {
-                /* assets/css/module/talent.less */
-                .mr(10px);
-                &:last-child {
-                    /* assets/css/module/talent.less */
-                    .mr(0);
-                }
-                transform: scale(1);
-            }
-        }
-
-        .w-qixue-item-pop {
-            /* assets/css/module/talent.less */
-            left: 0;
-            top: auto;
-            bottom: 100%;
-        }
-    }
-}
-
-// 打印样式
-@media print{
-    /* assets/css/module/talent.less */
-	.w-qixue-box{
-	    /* assets/css/module/talent.less */
-        page-break-inside: avoid !important;
-        padding-right:40px;
-        .w-qixue-clist-item{
-            /* assets/css/module/talent.less */
-            padding-left:5px;
-            padding-right:0;
-            transform: scale(0.85);
-        }
-    }
-}

package/assets/js/a.js

@@ -1,46 +0,0 @@
-// 链接标签
-import url from 'url'
-
-import * as utilModule from "@jx3box/jx3box-common/js/utils";
-const { resolveImagePath } = utilModule;
-
-function formatLink(str){
-    if(!str) return
-
-    const REG = /<a(.*?)href=['"]([^'"]+)['"](.*?)>(.*?)<\/a>/gi
-    let item;
-    while ((item = REG.exec(str))) {
-        let origin = item[0]
-        let prefix = item[1]
-
-        let href = item[2]
-        let to = url.parse(href)
-        const whiteHost = /https?:\/\/.*\.jx3box\.com/
-
-        if(to.host == 'oss.jx3box.com'){
-            href = resolveImagePath(href)
-        }
-
-
-        let skip = ''
-        if(!whiteHost.test(to.hostname)){
-            skip = 'target="_blank"'
-        }
-
-        // markdown中的锚点跳转
-        let isHashAnchor = href.startsWith('#')
-        if(isHashAnchor){
-            skip = 'target="_self"'
-        }
-
-        let suffix = item[3]
-        let text = item[4]
-
-        let output = `<a ${skip} ${prefix} href="${href}" ${suffix}>${text}</a>`
-        str = str.replace(origin,output)
-        // console.log(origin,output)
-    }
-    // console.log(str)
-    return str
-}
-export default formatLink

package/assets/js/code.js

@@ -1,13 +0,0 @@
-import hljs from "highlight.js";
-import "highlight.js/styles/github.css";
-
-function renderCode(selector) {
-    if (!selector) {
-        hljs.configure({
-            cssSelector: selector,
-        });
-    }
-    hljs.highlightAll();
-}
-
-export default renderCode;