@jx3box/jx3box-common-ui 5.4.7 → 5.4.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-common-ui",
-    "version": "5.4.7",
+    "version": "5.4.8",
     "description": "JX3BOX UI",
     "main": "index.js",
     "scripts": {
@@ -33,7 +33,7 @@
         "@jx3box/jx3box-comment-ui": "^1.6.6",
         "@jx3box/jx3box-common": "^6.7.8",
         "@jx3box/jx3box-data": "^1.8.3",
-        "@jx3box/jx3box-editor": "^1.0.8",
+        "@jx3box/jx3box-editor": "^1.1.1",
         "axios": "^0.19.2",
         "element-ui": "^2.13.2",
         "jquery": "^3.5.1",

package/src/App.vue

@@ -105,6 +105,7 @@ import RightSideMsg from "./RightSideMsg.vue";
 import Footer from "./Footer.vue";
 import Bottom from "./Bottom.vue";
 
+// import cmsList from "./list/cms-list.vue";
 import singlebox from "./single/cms-single.vue";
 import PostHeader from "./single/PostHeader.vue";
 import PostCollection from "./single/PostCollection.vue";
@@ -149,6 +150,7 @@ export default {
         Bottom,
         RightSidebar,
 
+        // cmsList,
         singlebox,
         PostHeader,
         PostCollection,

package/src/header/nav.vue

@@ -15,8 +15,8 @@
                     ></a>
                     <el-dropdown-menu slot="dropdown" class="c-header-menu">
                         <el-dropdown-item
-                            v-for="subitem in item.children"
-                            :key="'header-nav-drop-' + subitem.key"
+                            v-for="(subitem, subIndex) in item.children"
+                            :key="'header-nav-drop-' + subitem.key + subIndex"
                             class="u-menu-item"
                         >
                             <a

package/assets/css/cms-list.less

@@ -1,354 +0,0 @@
-// 列表搜索
-.m-archive-search{
-    .mb(10px);
-    .el-select .el-input {
-        width: 80px;
-    }
-    .u-switch{
-        .el-switch__label{
-            .bold;
-            color:#666;
-        }
-    }
-    .pl(122px);
-    .pr;
-    .u-publish{
-        .pa;.lt(0);
-    }
-}
-@media screen and (max-width:@phone){
-    .m-archive-search{
-        .pl(0);
-        .u-publish{
-            .none;
-        }
-    }
-}
-// 排序
-.m-archive-filter {
-    .fz(12px);
-    margin-bottom: 10px;
-    padding-bottom: 5px;
-    .clearfix;
-    border-bottom: 1px solid #eee;
-    .u-publish {
-        .fl;
-        .h(32px);
-        .mr(10px);
-        .ml(0);
-    }
-    .w-filter-mark,.w-filter-tag,.w-filter-client{
-        .fl;
-    }
-    .w-filter-client{
-        margin-top:(32px - 28px )/2;
-        .mr(10px);
-    }
-    .w-filter-mark,.w-filter-tag{
-        margin-top:8px;
-    }
-    .w-filter-menu{
-        .fl;
-        .mt(6px);
-        .mr(15px);
-    }
-
-    .w-filter-order{
-        .fr;
-        margin-top:8px;
-    }
-}
-@media screen and (max-width: @ipad) {
-    .m-archive-filter {
-        .u-publish {
-            .mr(10px);
-        }
-        .w-filter-mark,.w-filter-tag,.w-filter-order{
-            margin-top:0;
-        }
-        .w-filter-mark,.w-filter-tag{
-            .mr(10px);
-        }
-    }
-}
-@media screen and (max-width: @phone) {
-    .m-archive-filter {
-        .none;
-    }
-}
-// 为空
-.m-archive-null {
-    margin-top: 10px;
-}
-
-// 加载更多
-.m-archive-more {
-    .mb(10px);
-    .w(100%);
-    .none;
-}
-.m-archive-more.show {
-    .db;
-}
-
-// 分页
-.m-archive-pages {
-    overflow-x: auto;
-}
-@media screen and (max-width:@phone){
-    .m-archive-pages{
-        .el-pagination__jump{
-            .none !important; 
-        }
-    }
-}
-
-// 普通列表
-.m-archive-list {
-    .u-list {
-        padding: 0;
-        margin: 0;
-        list-style: none;
-    }
-
-    .u-item {
-        border-bottom: 1px solid @border-hr;
-        padding-bottom: 20px;
-        .mb(20px);
-        .clearfix;
-        .pr;
-    }
-
-    // 海报
-    .u-banner {
-        .fl;
-        .mr(10px);
-        .w(180px);
-        .h(100px);
-        overflow: hidden;
-        .db;
-        .pr;
-        .z(1);
-        border: 1px solid #eee;
-        padding: 5px;
-        box-sizing: border-box;
-        img {
-            .size(100%);
-            filter: saturate(120%);
-            transition: 0.06s all ease-in-out;
-        }
-        transition: 0.06s border ease-in-out;
-        &:hover {
-            img {
-                filter: saturate(140%) brightness(120%);
-            }
-            border-color: @border;
-        }
-    }
-
-    // 标题
-    .u-post {
-        margin: 0;
-        padding: 0;
-        .nobreak;
-        .mb(5px);
-        .u-icon {
-            .size(16px);
-            .y(-3px);
-            .mr(5px);
-        }
-        &.isSticky {
-            .u-title::before {
-                content: "🎯";
-                .mr(5px);
-            }
-            // .u-title:hover{
-            //     box-shadow: 0 1px 0 #f00;
-            // }
-        }
-        .u-title {
-            // color:@darkblue;
-            font-weight:400;
-            &:hover {
-                box-shadow: 0 1px 0 @primary;
-            }
-        }
-        .fz(15px, 2);
-        font-weight: normal;
-        .lh(2);
-        font-weight: 400;
-    }
-
-    // 角标
-    .u-marks {
-    }
-    .u-mark {
-        font-style: normal;
-        font-size: 12px;
-        padding: 1px 5px 2px 5px;
-        margin-left: 5px;
-        border-radius: 2px;
-        background-color: #6f42c1;
-        color: #fff;
-        .ml(5px);
-    }
-
-    // 内容
-    .u-content {
-        .db;
-        padding-left: 20px;
-        .pr;
-    }
-
-    // 内容·描述类
-    .u-desc {
-        .db;
-        .fz(12px, 1.8);
-        color: #555;
-        .break(2);
-        .mb(6px);
-        padding: 0 2px;
-    }
-
-    // 内容·meta列表
-    .u-metalist {
-        .nobreak;
-        .db;
-        .fz(12px, 25px);
-        .mb(4px);
-        strong {
-            .dbi;
-            .y(top);
-            padding: 0 10px;
-            .mr(10px);
-            .r(4px);
-            background-color: #f1f8ff;
-            color: @color-link;
-            font-weight: normal;
-        }
-        em {
-            font-style: normal;
-        }
-        b {
-            font-weight: normal;
-        }
-        a {
-            color: #333;
-            &:hover {
-                color: @color-link;
-                box-shadow: 0 1px 0 @color-link;
-            }
-        }
-    }
-    .u-tag {
-        .db;
-        .nobreak;
-        a,
-        b {
-            padding: 0.2em 0.8em;
-            margin: 0 0.5em 0 0;
-            background-color: #f1f8ff;
-            border-radius: 3px;
-            .fz(12px);
-            color: #4989d2;
-        }
-        a:hover {
-            background-color: #def;
-        }
-    }
-    .u-types {
-        .db;
-        .nobreak;
-        b {
-            padding: 0.1em 0.8em;
-            margin: 0 0.5em 0.5em 0;
-            border-radius: 3px;
-            .fz(12px);
-            .dbi;
-            .y(top);
-        }
-    }
-
-    // 底部
-    .u-misc {
-        .db;
-        .pa;
-        .rb(10px, 24px);
-        .x(right);
-        .fz(12px, 20px);
-        color: #777;
-    }
-
-    .u-author{
-        // .pa;.rt(0);
-    }
-    .u-author-avatar {
-        .size(24px);
-        .y;
-        .r(2px);
-        .mr(5px);
-        // .fr;
-        // .ml(5px);
-    }
-    .u-author-name {
-        .fz(12px,24px);
-        // .fl;
-        color:#666;
-        &:hover {
-            color:@pink;
-        }
-    }
-    .u-date {
-        .db;
-        .mt(3px);
-        .clear;
-    }
-
-    .u-down {
-        // .u-btn-white;
-        i {
-            .size(12px);
-            .y(-1px);
-        }
-    }
-    .u-pipe {
-        margin: 0 5px;
-        color: #999;
-    }
-}
-@media screen and (max-width: @ipad) {
-    .m-archive-list {
-        .u-banner {
-            .w(100px);
-            .h(55px);
-            padding: 3px;
-            .fr;
-            margin-left: 10px;
-            margin-right: 0;
-        }
-
-        .u-post {
-            white-space: normal;
-            word-break: break-all;
-            .break(2);
-            .fz(14px, 22px);
-        }
-
-        .u-metalist,
-        .u-down,
-        .u-view {
-            .none;
-        }
-        .u-tag {
-            .mb(8px);
-        }
-
-        .u-misc {
-            .ps;
-            .x(left);
-        }
-        .u-author-name {
-            color: #555;
-        }
-    }
-}

package/src/single/cms-list.vue

@@ -1,77 +0,0 @@
-<template>
-    <div class="m-archive-box">
-        <!-- 搜索靠前 -->
-        <slot name="search-before"></slot>
-        <!-- 筛选 -->
-        <div class="m-archive-filter" v-if="$slots.filter">
-            <slot name="filter"></slot>
-        </div>
-        <!-- 搜索靠后 -->
-        <slot name="search-after"></slot>
-        <!-- 列表 -->
-        <slot></slot>
-        <!-- 空 -->
-        <el-alert v-if="!list.length" class="m-archive-null" title="没有找到相关条目" type="info" center show-icon></el-alert>
-        <!-- 下一页 -->
-        <el-button class="m-archive-more" :class="{ show: hasNextPage }" type="primary" @click="appendPage">加载更多</el-button>
-        <!-- 分页 -->
-        <el-pagination
-            class="m-archive-pages"
-            background
-            layout="total, prev, pager, next,jumper"
-            :hide-on-single-page="true"
-            :page-size="perPage"
-            :total="totalRecords"
-            :current-page.sync="currentPage"
-            @current-change="changePage"
-        ></el-pagination>
-    </div>
-</template>
-<script>
-export default {
-    name: "cms-list",
-    props: ["data", "total", "per", "pages", "page"],
-    data: function() {
-        return {
-            currentPage: this.page || 1,
-        };
-    },
-    computed: {
-        list: function() {
-            return this.data;
-        },
-        totalRecords: function() {
-            return this.total;
-        },
-        totalPages: function() {
-            return this.pages;
-        },
-        perPage: function() {
-            return this.per;
-        },
-        hasNextPage: function() {
-            return this.totalRecords > 1 && this.currentPage < this.totalPages;
-        },
-    },
-    methods: {
-        appendPage: function() {
-            this.$emit("appendPage", ++this.currentPage);
-        },
-        changePage: function(i) {
-            this.$emit("changePage", i);
-            this.$route.query.page = i;
-        },
-    },
-    watch: {
-        page: function(page) {
-            this.currentPage = page;
-        },
-    },
-    mounted: function() {},
-    components: {},
-};
-</script>
-
-<style lang="less">
-@import "../../assets/css/cms-list.less";
-</style>