vue-element-ui-x 0.2.1 → 0.2.2

package/lib/index.js

@@ -33313,7 +33313,7 @@ ___CSS_LOADER_EXPORT___.push([module.i, "[data-v-6f319e88]:root{--color-primary:
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
 // Module
-___CSS_LOADER_EXPORT___.push([module.i, ".el-x-conversations-container{display:flex;flex-direction:column;height:100%;position:relative;width:fit-content;box-sizing:border-box;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.el-x-conversations-list{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;box-sizing:border-box}.el-x-conversations-scroll-wrapper{flex:1;overflow:hidden;position:relative}.el-x-conversations-scroll-wrapper::after{content:\"\";position:absolute;top:0;right:0;width:8px;height:100%;background-color:rgba(0,0,0,0);pointer-events:none}.el-x-conversations-load-more{display:flex;width:calc(100% - 20px);padding:14px 10px;justify-content:center;align-items:center;font-size:12px;gap:3px;color:#909399;background-color:var(--conversation-list-auto-bg-color, #fff);margin-right:20px;border-radius:8px;height:auto;min-height:var(--conversation-label-height, 20px);box-sizing:border-box}.el-x-conversations-load-more-is-loading{margin-top:2px;animation:spinloading 2s linear infinite}@keyframes spinloading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.scroll-content{min-height:100%}.loading-more{text-align:center;padding:10px 0;color:#909399;font-size:14px}.el-x-conversation-group{position:relative}.el-x-conversation-group:last-child{margin-bottom:0}.el-x-conversation-group .el-x-conversation-group-title{font-size:14px;color:#909399;padding:8px 0;font-weight:500;margin-bottom:4px;border-radius:4px;border-top-left-radius:0px;border-top-right-radius:0px;width:calc(100% - 10px);box-sizing:border-box}.el-x-conversation-group .sticky-title{position:sticky;top:0;z-index:20;background-color:var(--conversation-list-auto-bg-color, #fff)}.el-x-conversation-group .active-sticky{z-index:10}.el-x-conversation-group .el-x-conversation-group-items{padding-top:0}.scroll-to-top-btn{position:absolute;right:16px;bottom:16px;z-index:99;opacity:.8;transition:opacity .3s}.scroll-to-top-btn:hover{opacity:1}.el-x-conversation-item{padding:14px 10px;margin-right:20px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.el-x-conversation-item+.el-x-conversation-item{margin-top:4px}.el-x-conversation-item.disabled{opacity:.5;cursor:not-allowed;color:#c0c4cc}.el-x-conversation-item.active{background-color:#f0f0f0}.el-x-conversation-item.hovered,.el-x-conversation-item:hover{background-color:#f0f0f0}.el-x-conversation-item.menu-opened{background-color:#f0f0f0}.el-x-conversation-content{display:flex;align-items:center;height:var(--conversation-label-height, 20px)}.el-x-conversation-content .el-x-conversation-prefix-icon{margin-right:8px;display:flex;justify-content:center;align-items:center}.el-x-conversation-content .el-x-conversation-content-main{flex:1;display:flex;align-items:center;position:relative;overflow:hidden}.el-x-conversation-content .el-x-conversation-label-container{flex:1;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.el-x-conversation-content .el-x-conversation-label{font-size:14px;color:#303133;position:relative;white-space:nowrap}.el-x-conversation-content .el-x-conversation-label.text-gradient{mask-image:linear-gradient(to right, black 60%, transparent 100%);-webkit-mask-image:linear-gradient(to right, black 60%, transparent 100%)}.el-x-conversation-content .el-x-conversation-timestamp{font-size:14px;color:#909399;margin-left:8px}.el-x-conversation-content .el-x-conversation-suffix-icon{margin-left:8px;display:flex;justify-content:center;align-items:center}.el-x-conversation-content .el-x-conversation-dropdown-more{justify-self:center;height:100%;display:flex;align-items:center}.el-x-conversation-content .el-x-conversation-dropdown-more-icon{font-size:16px;padding:2px;border-radius:5px}.el-x-conversation-content .el-x-conversation-dropdown-more-icon:hover{background-color:#d3d3d3}.el-x-conversation-content .el-x-conversation-menu{margin-left:8px;display:flex;align-items:center;opacity:0;transition:opacity .2s ease}.hovered .el-x-conversation-content .el-x-conversation-menu,.active .el-x-conversation-content .el-x-conversation-menu{opacity:1}.el-x-conversation-dropdown-menu{max-height:300px;overflow-y:auto}.el-x-conversations-scrollbar{height:100%;overflow-y:auto}.el-x-conversations-scrollbar::-webkit-scrollbar{width:6px}.el-x-conversations-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0);border-radius:3px;transition:background-color .3s ease}.el-x-conversations-scrollbar::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.el-x-conversations-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#e0e0e0}@supports(scrollbar-width: thin){.el-x-conversations-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0)}.el-x-conversations-scrollbar:hover{scrollbar-color:#e0e0e0 rgba(0,0,0,0)}}", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, ".el-x-conversations-container{display:flex;flex-direction:column;height:100%;position:relative;width:fit-content;box-sizing:border-box;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.el-x-conversations-list{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;box-sizing:border-box}.el-x-conversations-scroll-wrapper{flex:1;overflow:hidden;position:relative}.el-x-conversations-scroll-wrapper::after{content:\"\";position:absolute;top:0;right:0;width:8px;height:100%;background-color:rgba(0,0,0,0);pointer-events:none}.el-x-conversations-load-more{display:flex;width:calc(100% - 20px);padding:4px 0;justify-content:center;align-items:center;font-size:12px;gap:3px;color:#909399;background-color:var(--conversation-list-auto-bg-color, #fff);margin-right:20px;border-radius:8px;height:auto;min-height:var(--conversation-label-height, 20px);box-sizing:border-box}.el-x-conversations-load-more-is-loading{margin-top:2px;animation:spinloading 2s linear infinite}@keyframes spinloading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.scroll-content{min-height:100%}.loading-more{text-align:center;padding:10px 0;color:#909399;font-size:14px}.el-x-conversation-group{position:relative}.el-x-conversation-group:last-child{margin-bottom:0}.el-x-conversation-group .el-x-conversation-group-title{font-size:14px;color:#909399;padding:8px 0;font-weight:500;margin-bottom:4px;border-radius:4px;border-top-left-radius:0px;border-top-right-radius:0px;width:calc(100% - 10px);box-sizing:border-box}.el-x-conversation-group .sticky-title{position:sticky;top:0;z-index:20;background-color:var(--conversation-list-auto-bg-color, #fff)}.el-x-conversation-group .active-sticky{z-index:10}.el-x-conversation-group .el-x-conversation-group-items{padding-top:0}.scroll-to-top-btn{position:absolute;right:16px;bottom:16px;z-index:99;opacity:.8;transition:opacity .3s}.scroll-to-top-btn:hover{opacity:1}.el-x-conversation-item{padding:14px 10px;margin-right:20px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.el-x-conversation-item+.el-x-conversation-item{margin-top:4px}.el-x-conversation-item.disabled{opacity:.5;cursor:not-allowed;color:#c0c4cc}.el-x-conversation-item.active{background-color:#f0f0f0}.el-x-conversation-item.hovered,.el-x-conversation-item:hover{background-color:#f0f0f0}.el-x-conversation-item.menu-opened{background-color:#f0f0f0}.el-x-conversation-content{display:flex;align-items:center;height:var(--conversation-label-height, 20px)}.el-x-conversation-content .el-x-conversation-prefix-icon{margin-right:8px;display:flex;justify-content:center;align-items:center}.el-x-conversation-content .el-x-conversation-content-main{flex:1;display:flex;align-items:center;position:relative;overflow:hidden}.el-x-conversation-content .el-x-conversation-label-container{flex:1;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.el-x-conversation-content .el-x-conversation-label{font-size:14px;color:#303133;position:relative;white-space:nowrap}.el-x-conversation-content .el-x-conversation-label.text-gradient{mask-image:linear-gradient(to right, black 60%, transparent 100%);-webkit-mask-image:linear-gradient(to right, black 60%, transparent 100%)}.el-x-conversation-content .el-x-conversation-timestamp{font-size:14px;color:#909399;margin-left:8px}.el-x-conversation-content .el-x-conversation-suffix-icon{margin-left:8px;display:flex;justify-content:center;align-items:center}.el-x-conversation-content .el-x-conversation-dropdown-more{justify-self:center;height:100%;display:flex;align-items:center}.el-x-conversation-content .el-x-conversation-dropdown-more-icon{font-size:16px;padding:2px;border-radius:5px}.el-x-conversation-content .el-x-conversation-dropdown-more-icon:hover{background-color:#d3d3d3}.el-x-conversation-content .el-x-conversation-menu{margin-left:8px;display:flex;align-items:center;opacity:0;transition:opacity .2s ease}.hovered .el-x-conversation-content .el-x-conversation-menu,.active .el-x-conversation-content .el-x-conversation-menu{opacity:1}.el-x-conversation-dropdown-menu{max-height:300px;overflow-y:auto}.el-x-conversations-scrollbar{height:100%;overflow-y:auto}.el-x-conversations-scrollbar::-webkit-scrollbar{width:6px}.el-x-conversations-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0);border-radius:3px;transition:background-color .3s ease}.el-x-conversations-scrollbar::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.el-x-conversations-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#e0e0e0}@supports(scrollbar-width: thin){.el-x-conversations-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0)}.el-x-conversations-scrollbar:hover{scrollbar-color:#e0e0e0 rgba(0,0,0,0)}}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
@@ -34839,7 +34839,7 @@ main.install = function (Vue) {
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Conversations/src/main.vue?vue&type=template&id=32b86b7f
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Conversations/src/main.vue?vue&type=template&id=55a80716
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -35014,7 +35014,7 @@ var render = function render() {
 var staticRenderFns = [];
 render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/Conversations/src/main.vue?vue&type=template&id=32b86b7f
+// CONCATENATED MODULE: ./src/components/Conversations/src/main.vue?vue&type=template&id=55a80716
 
 // EXTERNAL MODULE: ./node_modules/lodash/lodash.js
 var lodash = __webpack_require__(6);
@@ -35707,6 +35707,14 @@ var component = Object(componentNormalizer["a" /* default */])(
     loadMoreData() {
       if (!this.loadMore) return;
       this.loadMore();
+      // 确保loading元素可见
+      this.$nextTick(() => {
+        const scrollContainer = this.$refs.scrollContainer;
+        if (scrollContainer) {
+          // 滚动到底部，确保loading元素可见
+          scrollContainer.scrollTop = scrollContainer.scrollHeight;
+        }
+      });
     },
     scrollToTop() {
       if (this.$refs.scrollContainer) {
@@ -35735,10 +35743,10 @@ var component = Object(componentNormalizer["a" /* default */])(
 var injectStylesIntoStyleTag = __webpack_require__(3);
 var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
 
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Conversations/src/main.vue?vue&type=style&index=0&id=32b86b7f&prod&lang=scss
-var mainvue_type_style_index_0_id_32b86b7f_prod_lang_scss = __webpack_require__(87);
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Conversations/src/main.vue?vue&type=style&index=0&id=55a80716&prod&lang=scss
+var mainvue_type_style_index_0_id_55a80716_prod_lang_scss = __webpack_require__(87);
 
-// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Conversations/src/main.vue?vue&type=style&index=0&id=32b86b7f&prod&lang=scss
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Conversations/src/main.vue?vue&type=style&index=0&id=55a80716&prod&lang=scss
 
             
 
@@ -35747,12 +35755,12 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_32b86b7f_prod_lang_scss["a" /* default */], options);
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_55a80716_prod_lang_scss["a" /* default */], options);
 
 
 
-/* harmony default export */ var src_mainvue_type_style_index_0_id_32b86b7f_prod_lang_scss = (mainvue_type_style_index_0_id_32b86b7f_prod_lang_scss["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/components/Conversations/src/main.vue?vue&type=style&index=0&id=32b86b7f&prod&lang=scss
+/* harmony default export */ var src_mainvue_type_style_index_0_id_55a80716_prod_lang_scss = (mainvue_type_style_index_0_id_55a80716_prod_lang_scss["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/components/Conversations/src/main.vue?vue&type=style&index=0&id=55a80716&prod&lang=scss
 
 // CONCATENATED MODULE: ./src/components/Conversations/src/main.vue
 
@@ -38057,10 +38065,7 @@ const install = function (Vue) {
   });
 };
 
-// 具名导出（按需引入）- 组件
-
-
-// 具名导出（按需引入）- Mixins
+// 具名导出（按需引入）- 组件和Mixins
 
 // 默认导出（完整引入）
 const ElementUIX = {