@king-design/vue 3.7.0 → 3.8.0-beta.1

package/components/bubbleList/bubbleList.vdt.js

@@ -0,0 +1,145 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce, map as _$ma, createUnknownComponentVNode as _$cc, noop as _$no } from 'intact-vue-next';
+import { BubbleListItem } from './item';
+import { MemoBlock } from '../split/memo';
+import { addStyle, getRestProps, isEmptyString } from '../utils';
+import { makeStyles } from './styles';
+import { Icon } from '../icon';
+import { isInvalid, isNumber, noop } from 'intact-shared';
+export default function ($props, $blocks, $__proto__) {
+  var _classNameObj,
+    _$cn2,
+    _this = this;
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+  var _$blocks = {};
+  var __$blocks = {};
+  var _this$bubbleList = this.bubbleList,
+    scrollBoxRef = _this$bubbleList.scrollBoxRef,
+    scrollContentRef = _this$bubbleList.scrollContentRef,
+    getItems = _this$bubbleList.getItems,
+    getItemKey = _this$bubbleList.getItemKey,
+    getItemRef = _this$bubbleList.getItemRef,
+    getSlotParams = _this$bubbleList.getSlotParams,
+    handleScroll = _this$bubbleList.handleScroll,
+    shouldShowEmpty = _this$bubbleList.shouldShowEmpty,
+    shouldShowHistoryLoading = _this$bubbleList.shouldShowHistoryLoading,
+    shouldShowScrollToBottom = _this$bubbleList.shouldShowScrollToBottom,
+    getDefaultHistoryLoadingText = _this$bubbleList.getDefaultHistoryLoadingText,
+    onScrollToBottomClick = _this$bubbleList.onScrollToBottomClick;
+  var hasScrollbar = this.get('$hasScrollbar');
+  var _this$get = this.get(),
+    className = _this$get.className,
+    style = _this$get.style,
+    maxHeight = _this$get.maxHeight;
+  var k = this.config.k;
+  var items = getItems();
+  var isEmptySlot = function isEmptySlot(value) {
+    if (isInvalid(value) || isEmptyString(value)) return true;
+    if (Array.isArray(value)) return value.every(function (item) {
+      return isEmptySlot(item);
+    });
+    if (value && value.type === 1) return isEmptySlot(value.children);
+    return false;
+  };
+  var historyLoadingParams = {
+    loadingHistory: this.get('loadingHistory'),
+    hasMoreHistory: this.get('hasMoreHistory')
+  };
+  var headerSlot = $blocks.header ? $blocks.header(noop) : undefined;
+  var listFooterSlot = $blocks.listFooter ? $blocks.listFooter(noop) : undefined;
+  var historyLoadingSlot = shouldShowHistoryLoading() && $blocks.historyLoading ? $blocks.historyLoading(noop, historyLoadingParams) : undefined;
+  var emptySlot = shouldShowEmpty() && $blocks.empty ? $blocks.empty(noop) : undefined;
+  var hasHeaderSlot = !isEmptySlot(headerSlot);
+  var hasListFooterSlot = !isEmptySlot(listFooterSlot);
+  var hasHistoryLoadingSlot = !isEmptySlot(historyLoadingSlot);
+  var hasEmptySlot = !isEmptySlot(emptySlot);
+  var showDefaultHistoryLoading = !$blocks.historyLoading && this.get('loadingHistory');
+  var showHistoryLoading = shouldShowHistoryLoading() && (hasHistoryLoadingSlot || showDefaultHistoryLoading);
+  var showEmpty = shouldShowEmpty() && (hasEmptySlot || !$blocks.empty);
+  var getSlotRenderers = function getSlotRenderers(item, index) {
+    var slotParams = getSlotParams(item, index);
+    return {
+      avatar: $blocks.avatar ? function () {
+        return $blocks.avatar(noop, slotParams);
+      } : undefined,
+      roleName: $blocks.roleName ? function () {
+        return $blocks.roleName(noop, slotParams);
+      } : undefined,
+      beforeContent: $blocks.beforeContent ? function () {
+        return $blocks.beforeContent(noop, slotParams);
+      } : undefined,
+      attachments: $blocks.attachments ? function () {
+        return $blocks.attachments(noop, slotParams);
+      } : undefined,
+      content: $blocks.content ? function () {
+        return $blocks.content(noop, slotParams);
+      } : undefined,
+      bottom: $blocks.bottom ? function () {
+        return $blocks.bottom(noop, slotParams);
+      } : undefined,
+      footer: $blocks.footer ? function () {
+        return $blocks.footer(noop, slotParams);
+      } : undefined,
+      loading: $blocks.loading ? function () {
+        return $blocks.loading(noop, slotParams);
+      } : undefined,
+      extra: $blocks.extra ? function () {
+        return $blocks.extra(noop, slotParams);
+      } : undefined
+    };
+  };
+  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-bubble-list"] = true, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
+  if (maxHeight != null) {
+    style = addStyle(style, {
+      maxHeight: isNumber(maxHeight) ? maxHeight + "px" : maxHeight
+    });
+  }
+  return _$cv('div', _extends({
+    'className': _$cn(classNameObj)
+  }, getRestProps(this), {
+    'style': style
+  }), [hasHeaderSlot ? _$ce(2, 'div', headerSlot, 0, _$cn(k + "-bubble-list-header")) : undefined, _$ce(2, 'div', _$ce(2, 'div', [showHistoryLoading ? _$ce(2, 'div', hasHistoryLoadingSlot ? historyLoadingSlot : _$ce(2, 'span', getDefaultHistoryLoadingText(), 0), 0, _$cn(k + "-bubble-list-history")) : undefined, showEmpty ? _$ce(2, 'div', hasEmptySlot ? emptySlot : _$ce(2, 'span', '暂无消息', 16), 0, _$cn(k + "-bubble-list-empty")) : _$ce(2, 'div', _$ma(items, function ($value, $key) {
+    return _$ce(2, 'div', $blocks.item ? _$cc(MemoBlock, {
+      'block': $blocks.item,
+      'children': (_$blocks['item'] = function ($super) {
+        return null;
+      }, __$blocks['item'] = function ($super, data) {
+        var block = $blocks['item'];
+        var callBlock = function callBlock() {
+          return _$blocks['item'].call($this, $super, data);
+        };
+        return block ? block.call($this, callBlock, data) : callBlock();
+      }, __$blocks['item'](_$no, getSlotParams($value, $key)))
+    }) : _$cc(BubbleListItem, {
+      'item': $value,
+      'index': $key,
+      'list': this,
+      'slotRenderers': getSlotRenderers($value, $key)
+    }), 2, null, null, getItemKey($value, $key), getItemRef($value, $key));
+  }, $this), 8, _$cn(k + "-bubble-list-items"))], 0, _$cn(k + "-bubble-list-scroll-content"), null, null, scrollContentRef), 2, _$cn((_$cn2 = {}, _$cn2[k + "-bubble-list-scroll"] = true, _$cn2[k + "-bubble-list-scroll-has-scrollbar"] = hasScrollbar, _$cn2)), {
+    'ev-scroll': handleScroll
+  }, null, scrollBoxRef), hasListFooterSlot ? _$ce(2, 'div', listFooterSlot, 0, _$cn(k + "-bubble-list-footer")) : undefined, shouldShowScrollToBottom() ? _$ce(2, 'div', $blocks.scrollToBottom ? (_$blocks['scrollToBottom'] = function ($super) {
+    return null;
+  }, __$blocks['scrollToBottom'] = function ($super, data) {
+    var block = $blocks['scrollToBottom'];
+    var callBlock = function callBlock() {
+      return _$blocks['scrollToBottom'].call($this, $super, data);
+    };
+    return block ? block.call($this, callBlock, data) : callBlock();
+  }, __$blocks['scrollToBottom'](_$no, {
+    isAtBottom: this.get('$isAtBottom'),
+    scrollToBottom: function scrollToBottom() {
+      return _this.scrollToBottom('smooth');
+    }
+  })) : _$ce(2, 'button', _$cc(Icon, {
+    'className': _$cn(k + "-bubble-list-scroll-to-bottom-icon k-icon-down-bold")
+  }), 2, _$cn(k + "-bubble-list-scroll-to-bottom-button"), {
+    'type': 'button',
+    'title': '回到底部',
+    'aria-label': '回到底部',
+    'ev-click': onScrollToBottomClick
+  }), 0, _$cn(k + "-bubble-list-scroll-to-bottom")) : undefined]);
+}
+;

package/components/bubbleList/index.d.ts

@@ -0,0 +1 @@
+export * from './bubbleList';

package/components/bubbleList/index.js

@@ -0,0 +1 @@
+export * from './bubbleList';

package/components/bubbleList/index.spec.d.ts

@@ -0,0 +1 @@
+export {};