vue-element-ui-x 0.2.1 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -8
- package/lib/components/Conversations/index.js +17 -9
- package/lib/index.common.js +1 -1
- package/lib/index.esm.js +1 -1
- package/lib/index.js +18 -13
- package/lib/index.umd.js +1 -1
- package/package.json +1 -1
- package/src/components/Conversations/src/main.vue +9 -3
- package/src/index.js +3 -5
- package/src/styles/Bubble.scss +157 -157
- package/src/styles/Conversations.scss +1 -1
package/README.md
CHANGED
|
@@ -16,14 +16,14 @@
|
|
|
16
16
|
|
|
17
17
|
## 📢 快速链接
|
|
18
18
|
|
|
19
|
-
| 资源类型 | <div style="width: 300px;" >链接</div>
|
|
20
|
-
| ------------ |
|
|
21
|
-
| **文档** | [📖 开发文档](https://element-ui-x.com/)
|
|
22
|
-
| **在线演示** | [👁️ 在线预览](https://demo.element-ui-x.com)
|
|
23
|
-
| **代码仓库** | [🐙 GitHub](https://github.com/worryzyy/element-ui-x)
|
|
24
|
-
| **NPM 包** | [📦 npm](https://www.npmjs.com/package/vue-element-ui-x)
|
|
25
|
-
| **问题反馈** | [🐛
|
|
26
|
-
| **交流讨论** | [🐒 交流群]()
|
|
19
|
+
| 资源类型 | <div style="width: 300px;" >链接</div> |
|
|
20
|
+
| ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
21
|
+
| **文档** | [📖 开发文档](https://element-ui-x.com/) |
|
|
22
|
+
| **在线演示** | [👁️ 在线预览](https://demo.element-ui-x.com) |
|
|
23
|
+
| **代码仓库** | [🐙 GitHub](https://github.com/worryzyy/element-ui-x)<br/>[📝 GitCode](https://gitcode.com/worryzyy/element-ui-x.git)<br/>[📝 Gitee](https://gitee.com/worryzyy/element-ui-x.git) |
|
|
24
|
+
| **NPM 包** | [📦 npm](https://www.npmjs.com/package/vue-element-ui-x) |
|
|
25
|
+
| **问题反馈** | [🐛 GitHub Issues](https://github.com/worryzyy/element-ui-x/issues)<br/>[🐛 GitCode Issues](https://gitcode.com/worryzyy/element-ui-x/issues)<br/>[🐛 Gitee Issues](https://gitee.com/worryzyy/element-ui-x/issues) |
|
|
26
|
+
| **交流讨论** | [🐒 交流群]() |
|
|
27
27
|
|
|
28
28
|
## 🛠️ 核心特性
|
|
29
29
|
|
|
@@ -17816,7 +17816,7 @@ module.exports = function (list, options) {
|
|
|
17816
17816
|
|
|
17817
17817
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
|
|
17818
17818
|
// Module
|
|
17819
|
-
___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:
|
|
17819
|
+
___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)}}", ""]);
|
|
17820
17820
|
// Exports
|
|
17821
17821
|
/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
|
|
17822
17822
|
|
|
@@ -17830,7 +17830,7 @@ ___CSS_LOADER_EXPORT___.push([module.i, ".el-x-conversations-container{display:f
|
|
|
17830
17830
|
// ESM COMPAT FLAG
|
|
17831
17831
|
__webpack_require__.r(__webpack_exports__);
|
|
17832
17832
|
|
|
17833
|
-
// 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=
|
|
17833
|
+
// 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
|
|
17834
17834
|
var render = function render() {
|
|
17835
17835
|
var _vm = this,
|
|
17836
17836
|
_c = _vm._self._c;
|
|
@@ -18005,7 +18005,7 @@ var render = function render() {
|
|
|
18005
18005
|
var staticRenderFns = [];
|
|
18006
18006
|
render._withStripped = true;
|
|
18007
18007
|
|
|
18008
|
-
// CONCATENATED MODULE: ./src/components/Conversations/src/main.vue?vue&type=template&id=
|
|
18008
|
+
// CONCATENATED MODULE: ./src/components/Conversations/src/main.vue?vue&type=template&id=55a80716
|
|
18009
18009
|
|
|
18010
18010
|
// EXTERNAL MODULE: ./node_modules/lodash/lodash.js
|
|
18011
18011
|
var lodash = __webpack_require__(6);
|
|
@@ -18698,6 +18698,14 @@ var component = Object(componentNormalizer["a" /* default */])(
|
|
|
18698
18698
|
loadMoreData() {
|
|
18699
18699
|
if (!this.loadMore) return;
|
|
18700
18700
|
this.loadMore();
|
|
18701
|
+
// 确保loading元素可见
|
|
18702
|
+
this.$nextTick(() => {
|
|
18703
|
+
const scrollContainer = this.$refs.scrollContainer;
|
|
18704
|
+
if (scrollContainer) {
|
|
18705
|
+
// 滚动到底部，确保loading元素可见
|
|
18706
|
+
scrollContainer.scrollTop = scrollContainer.scrollHeight;
|
|
18707
|
+
}
|
|
18708
|
+
});
|
|
18701
18709
|
},
|
|
18702
18710
|
scrollToTop() {
|
|
18703
18711
|
if (this.$refs.scrollContainer) {
|
|
@@ -18726,10 +18734,10 @@ var component = Object(componentNormalizer["a" /* default */])(
|
|
|
18726
18734
|
var injectStylesIntoStyleTag = __webpack_require__(3);
|
|
18727
18735
|
var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
|
|
18728
18736
|
|
|
18729
|
-
// 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=
|
|
18730
|
-
var
|
|
18737
|
+
// 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
|
|
18738
|
+
var mainvue_type_style_index_0_id_55a80716_prod_lang_scss = __webpack_require__(87);
|
|
18731
18739
|
|
|
18732
|
-
// 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=
|
|
18740
|
+
// 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
|
|
18733
18741
|
|
|
18734
18742
|
|
|
18735
18743
|
|
|
@@ -18738,12 +18746,12 @@ var options = {};
|
|
|
18738
18746
|
options.insert = "head";
|
|
18739
18747
|
options.singleton = false;
|
|
18740
18748
|
|
|
18741
|
-
var update = injectStylesIntoStyleTag_default()(
|
|
18749
|
+
var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_55a80716_prod_lang_scss["a" /* default */], options);
|
|
18742
18750
|
|
|
18743
18751
|
|
|
18744
18752
|
|
|
18745
|
-
/* harmony default export */ var
|
|
18746
|
-
// CONCATENATED MODULE: ./src/components/Conversations/src/main.vue?vue&type=style&index=0&id=
|
|
18753
|
+
/* 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 || {});
|
|
18754
|
+
// CONCATENATED MODULE: ./src/components/Conversations/src/main.vue?vue&type=style&index=0&id=55a80716&prod&lang=scss
|
|
18747
18755
|
|
|
18748
18756
|
// CONCATENATED MODULE: ./src/components/Conversations/src/main.vue
|
|
18749
18757
|
|