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

package/components/bubble/bubble.d.ts

@@ -0,0 +1,61 @@
+import { Component, TypeDefs } from 'intact-vue-next';
+import type { Events } from '../types';
+export interface BubbleTyping {
+    interval?: number;
+    step?: number;
+}
+export interface BubbleRenderSlots {
+    avatar?: Function;
+    roleName?: Function;
+    beforeContent?: Function;
+    attachments?: Function;
+    content?: Function;
+    bottom?: Function;
+    footer?: Function;
+    loading?: Function;
+    extra?: Function;
+}
+export type BubbleRenderSlotName = keyof BubbleRenderSlots;
+export interface BubbleProps {
+    content?: string | number;
+    placement?: 'start' | 'middle' | 'end';
+    avatar?: string | boolean;
+    roleName?: string;
+    loading?: boolean;
+    streaming?: boolean;
+    variant?: 'filled' | 'outlined' | 'plain';
+    shape?: 'round' | 'square' | 'corner';
+    maxWidthString?: string;
+    typing?: boolean | BubbleTyping;
+}
+interface BubbleInternalProps extends BubbleProps {
+    slotRenderers?: BubbleRenderSlots;
+}
+export interface BubbleEvents {
+    typing: [string, string];
+    typingComplete: [string];
+}
+export interface BubbleBlocks {
+    avatar: null;
+    roleName: null;
+    beforeContent: null;
+    attachments: null;
+    content: null;
+    bottom: null;
+    footer: null;
+    loading: null;
+    extra: null;
+}
+export declare class Bubble extends Component<BubbleInternalProps, BubbleEvents, BubbleBlocks> {
+    static template: string | import('intact-vue-next').Template<any>;
+    static typeDefs: Required<TypeDefs<BubbleInternalProps>>;
+    static defaults: () => Partial<BubbleProps>;
+    static events: Events<BubbleEvents>;
+    private config;
+    private display;
+    private getSlotRenderer;
+    private getSlotRenderers;
+    mounted(): void;
+    beforeUnmount(): void;
+}
+export {};

package/components/bubble/bubble.js

@@ -0,0 +1,81 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { Component } from 'intact-vue-next';
+import template from './bubble.vdt';
+import { useConfigContext } from '../config';
+import { useBubbleDisplay } from './useBubbleDisplay';
+var BUBBLE_RENDER_SLOT_NAMES = ['avatar', 'roleName', 'beforeContent', 'attachments', 'content', 'bottom', 'footer', 'loading', 'extra'];
+var typeDefs = {
+  content: [String, Number],
+  placement: ['start', 'middle', 'end'],
+  avatar: [Boolean, String],
+  roleName: String,
+  loading: Boolean,
+  streaming: Boolean,
+  variant: ['filled', 'outlined', 'plain'],
+  shape: ['round', 'square', 'corner'],
+  maxWidthString: String,
+  typing: [Boolean, Object]
+};
+var internalTypeDefs = _extends({}, typeDefs, {
+  slotRenderers: Object
+});
+var defaults = function defaults() {
+  return {
+    placement: 'start',
+    avatar: false,
+    roleName: undefined,
+    loading: false,
+    streaming: false,
+    variant: 'filled',
+    shape: 'square',
+    maxWidthString: '640px',
+    typing: false
+  };
+};
+var events = {
+  typing: true,
+  typingComplete: true
+};
+export var Bubble = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Bubble, _Component);
+  function Bubble() {
+    var _context;
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.config = useConfigContext();
+    _this.display = useBubbleDisplay();
+    return _this;
+  }
+  var _proto = Bubble.prototype;
+  // React/Vue 包装层通过 slotRenderers 传入插槽，Intact 原生插槽仍走 $blocks。
+  _proto.getSlotRenderer = function getSlotRenderer(name) {
+    var slotRenderers = this.get('slotRenderers');
+    return slotRenderers && slotRenderers[name] ? slotRenderers[name] : undefined;
+  };
+  _proto.getSlotRenderers = function getSlotRenderers() {
+    var _this2 = this;
+    return BUBBLE_RENDER_SLOT_NAMES.reduce(function (slotRenderers, name) {
+      var renderer = _this2.getSlotRenderer(name);
+      if (renderer) {
+        slotRenderers[name] = renderer;
+      }
+      return slotRenderers;
+    }, {});
+  };
+  _proto.mounted = function mounted() {
+    this.display.onMounted();
+  };
+  _proto.beforeUnmount = function beforeUnmount() {
+    this.display.onBeforeUnmount();
+  };
+  return Bubble;
+}(Component);
+Bubble.template = template;
+Bubble.typeDefs = internalTypeDefs;
+Bubble.defaults = defaults;
+Bubble.events = events;

package/components/bubble/bubble.vdt.js

@@ -0,0 +1,85 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce, createUnknownComponentVNode as _$cc } from 'intact-vue-next';
+import { Icon } from '../icon';
+import { isInvalid } from 'intact-shared';
+import { getRestProps, isEmptyString } from '../utils';
+import { makeStyles } from './styles';
+var _$tmp0 = {
+  'className': 'ion-person'
+};
+export default function ($props, $blocks, $__proto__) {
+  var _classNameObj;
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+  var _this$display = this.display,
+    shouldShowLoadingShell = _this$display.shouldShowLoadingShell,
+    shouldShowAvatar = _this$display.shouldShowAvatar,
+    hasRoleName = _this$display.hasRoleName,
+    shouldShowContentBlock = _this$display.shouldShowContentBlock,
+    getBubbleStyle = _this$display.getBubbleStyle,
+    getRoleNameText = _this$display.getRoleNameText,
+    getAvatarText = _this$display.getAvatarText,
+    hasNonEmptyContentProp = _this$display.hasNonEmptyContentProp,
+    getDisplayedContent = _this$display.getDisplayedContent;
+  var _this$get = this.get(),
+    className = _this$get.className,
+    placement = _this$get.placement,
+    avatar = _this$get.avatar,
+    variant = _this$get.variant,
+    shape = _this$get.shape,
+    children = _this$get.children;
+  var k = this.config.k;
+  var showLoadingShell = shouldShowLoadingShell();
+  var slotRenderers = this.getSlotRenderers();
+  var renderSlot = function renderSlot(name) {
+    if (slotRenderers[name]) return slotRenderers[name]();
+    if ($blocks[name]) return $blocks[name](function () {
+      return undefined;
+    });
+  };
+  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.type === 1) return isEmptySlot(value.children);
+    return false;
+  };
+  var avatarSlot = renderSlot('avatar');
+  var roleNameSlot = renderSlot('roleName');
+  var beforeContentSlot = renderSlot('beforeContent');
+  var attachmentsSlot = renderSlot('attachments');
+  var contentSlot = showLoadingShell ? undefined : renderSlot('content');
+  var bottomSlot = renderSlot('bottom');
+  var footerSlot = renderSlot('footer');
+  var loadingSlot = showLoadingShell ? renderSlot('loading') : undefined;
+  var extraSlot = renderSlot('extra');
+  var hasAvatarSlot = !isEmptySlot(avatarSlot);
+  var hasRoleNameSlot = !isEmptySlot(roleNameSlot);
+  var hasBeforeContentSlot = !isEmptySlot(beforeContentSlot);
+  var hasAttachmentsSlot = !isEmptySlot(attachmentsSlot);
+  var hasContentSlot = !isEmptySlot(contentSlot);
+  var hasBottomSlot = !isEmptySlot(bottomSlot);
+  var hasFooterSlot = !isEmptySlot(footerSlot);
+  var hasLoadingSlot = !isEmptySlot(loadingSlot);
+  var hasExtraSlot = !isEmptySlot(extraSlot);
+  var showAvatar = hasAvatarSlot || shouldShowAvatar();
+  var showHeader = hasRoleNameSlot || hasRoleName();
+  var showBeforeContent = hasBeforeContentSlot;
+  var showAttachments = hasAttachmentsSlot;
+  var showContent = showAttachments || hasContentSlot || !!children || shouldShowContentBlock();
+  var showFooter = hasFooterSlot;
+  var showBubble = showBeforeContent || showContent || showFooter;
+  var showMeta = (showBeforeContent || showContent) && (showAvatar || showHeader);
+  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-bubble"] = true, _classNameObj[k + "-bubble-" + placement] = true, _classNameObj[k + "-bubble-" + variant] = true, _classNameObj[k + "-bubble-" + shape] = true, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
+  return showBubble ? _$cv('div', _extends({
+    'className': _$cn(classNameObj)
+  }, getRestProps(this)), _$ce(2, 'div', [showMeta ? _$ce(2, 'div', [showAvatar ? _$ce(2, 'div', hasAvatarSlot ? avatarSlot : typeof avatar === 'string' && avatar ? _$ce(2, 'img', null, 1, _$cn(k + "-bubble-avatar-image"), {
+    'src': avatar,
+    'alt': getRoleNameText() || 'avatar'
+  }) : getAvatarText() ? _$ce(2, 'span', getAvatarText(), 0) : _$cc(Icon, _$tmp0), 0, _$cn(k + "-bubble-avatar")) : undefined, showHeader ? _$ce(2, 'div', hasRoleNameSlot ? roleNameSlot : _$ce(2, 'span', getRoleNameText(), 0), 0, _$cn(k + "-bubble-header")) : undefined], 0, _$cn(k + "-bubble-meta")) : undefined, showBeforeContent ? _$ce(2, 'div', beforeContentSlot, 0, _$cn(k + "-bubble-before-content")) : undefined, showContent ? _$ce(2, 'div', [showAttachments ? _$ce(2, 'div', attachmentsSlot, 0, _$cn(k + "-bubble-attachments")) : undefined, showLoadingShell ? hasLoadingSlot ? loadingSlot : _$ce(2, 'div', [_$ce(2, 'span', null, 1, _$cn(k + "-bubble-loading-dot")), _$ce(2, 'span', null, 1, _$cn(k + "-bubble-loading-dot")), _$ce(2, 'span', null, 1, _$cn(k + "-bubble-loading-dot"))], 4, _$cn(k + "-bubble-loading")) : hasContentSlot ? contentSlot : children ? children : hasNonEmptyContentProp() || getDisplayedContent() ? _$ce(2, 'div', getDisplayedContent(), 0, _$cn(k + "-bubble-text")) : undefined, hasBottomSlot ? _$ce(2, 'div', bottomSlot, 0, _$cn(k + "-bubble-bottom")) : undefined], 0, _$cn(k + "-bubble-content")) : undefined, showFooter ? _$ce(2, 'div', footerSlot, 0, _$cn(k + "-bubble-footer")) : undefined, hasExtraSlot ? _$ce(2, 'div', extraSlot, 0, _$cn(k + "-bubble-extra")) : undefined], 0, _$cn(k + "-bubble-main"), {
+    'style': getBubbleStyle()
+  })) : undefined;
+}
+;

package/components/bubble/index.d.ts

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

package/components/bubble/index.js

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

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

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