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

package/components/xmarkdown/xmarkdown.js

@@ -0,0 +1,109 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { Component } from 'intact-vue-next';
+import template from './xmarkdown.vdt';
+import { useConfigContext } from '../config';
+import { useXMarkdownDisplay } from './useXMarkdownDisplay';
+import { useXMarkdownContent } from './useXMarkdownContent';
+var typeDefs = {
+  content: [String, Number],
+  loading: Boolean,
+  typing: [Boolean, Object],
+  streaming: Boolean,
+  allowHtml: Boolean,
+  showCodeHeader: Boolean,
+  enableMermaid: Boolean,
+  mermaidConfig: Object,
+  enableFormula: Boolean,
+  formulaDelimiters: [String, Array],
+  formulaMacros: Object,
+  sanitizeOptions: Object,
+  plugins: Array,
+  tagAttrs: Object,
+  tagRenderers: Object,
+  codeBlockRenderers: Object
+};
+/**
+ * 组件默认属性
+ */
+var defaults = function defaults() {
+  return {
+    content: undefined,
+    loading: false,
+    typing: false,
+    streaming: false,
+    allowHtml: false,
+    showCodeHeader: true,
+    enableMermaid: true,
+    mermaidConfig: undefined,
+    enableFormula: true,
+    formulaDelimiters: ['dollars', 'beg_end'],
+    formulaMacros: undefined,
+    sanitizeOptions: undefined,
+    plugins: undefined,
+    tagAttrs: undefined,
+    tagRenderers: undefined,
+    codeBlockRenderers: undefined
+  };
+};
+/**
+ * 组件事件声明
+ */
+var events = {
+  typing: true,
+  typingComplete: true,
+  codeCopy: true,
+  mermaidError: true
+};
+export var XMarkdown = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(XMarkdown, _Component);
+  function XMarkdown() {
+    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 = useXMarkdownDisplay(function () {
+      return _this.getPrefixCls();
+    });
+    _this.contentModel = useXMarkdownContent(_this.display.getRenderedBlockData, function () {
+      return _this.getPrefixCls();
+    });
+    return _this;
+  }
+  var _proto = XMarkdown.prototype;
+  /**
+   * 挂载后同步展示与交互状态
+   */
+  _proto.mounted = function mounted() {
+    this.display.onMounted();
+    this.contentModel.onMounted();
+  }
+  /**
+   * 更新后同步交互内容
+   */;
+  _proto.updated = function updated() {
+    this.contentModel.onUpdated();
+  }
+  /**
+   * 卸载前清理资源
+   */;
+  _proto.beforeUnmount = function beforeUnmount() {
+    this.contentModel.onBeforeUnmount();
+    this.display.onBeforeUnmount();
+  }
+  /**
+   * 获取组件前缀类名
+   */;
+  _proto.getPrefixCls = function getPrefixCls() {
+    var _this$config;
+    return ((_this$config = this.config) == null ? void 0 : _this$config.k) || 'k';
+  };
+  return XMarkdown;
+}(Component);
+XMarkdown.template = template;
+XMarkdown.typeDefs = typeDefs;
+XMarkdown.defaults = defaults;
+XMarkdown.events = events;

package/components/xmarkdown/xmarkdown.vdt.js

@@ -0,0 +1,43 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce } from 'intact-vue-next';
+import { isInvalid, noop } from 'intact-shared';
+import { getRestProps, isEmptyString } from '../utils';
+import { makeStyles } from './styles';
+export default function ($props, $blocks, $__proto__) {
+  var _classNameObj;
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+  var _this$get = this.get(),
+    className = _this$get.className;
+  var k = this.config.k;
+  var _this$contentModel = this.contentModel,
+    rootRef = _this$contentModel.rootRef,
+    contentRef = _this$contentModel.contentRef;
+  var _this$display = this.display,
+    shouldShowLoadingShell = _this$display.shouldShowLoadingShell,
+    shouldShowEmpty = _this$display.shouldShowEmpty;
+  var stableNodes = this.display.getRenderedStableNodes();
+  var tailNodes = this.display.getRenderedTailNodes();
+  var showLoadingShell = shouldShowLoadingShell();
+  var showEmpty = shouldShowEmpty();
+  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 loadingSlot = showLoadingShell && $blocks.loading ? $blocks.loading(noop) : undefined;
+  var emptySlot = showEmpty && $blocks.empty ? $blocks.empty(noop) : undefined;
+  var hasLoadingSlot = !isEmptySlot(loadingSlot);
+  var hasEmptySlot = !isEmptySlot(emptySlot);
+  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-xmarkdown"] = true, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
+  return _$cv('div', _extends({
+    'className': _$cn(classNameObj)
+  }, getRestProps(this), {
+    'ref': rootRef
+  }), showLoadingShell ? hasLoadingSlot ? loadingSlot : _$ce(2, 'div', _$ce(2, 'div', [_$ce(2, 'div', null, 1, _$cn(k + "-xmarkdown-loading-dot")), _$ce(2, 'div', null, 1, _$cn(k + "-xmarkdown-loading-dot")), _$ce(2, 'div', null, 1, _$cn(k + "-xmarkdown-loading-dot"))], 4, _$cn(k + "-xmarkdown-loading-dots")), 2, _$cn(k + "-xmarkdown-loading")) : showEmpty ? hasEmptySlot ? _$ce(2, 'div', emptySlot, 0, _$cn(k + "-xmarkdown-empty")) : undefined : _$ce(2, 'div', [_$ce(2, 'div', stableNodes, 0, _$cn(k + "-xmarkdown-stable")), _$ce(2, 'div', tailNodes, 0, _$cn(k + "-xmarkdown-tail"))], 4, _$cn(k + "-xmarkdown-content"), null, null, contentRef));
+}
+;