@vunk/plus 1.4.7 → 1.5.1

package/components/text/src/types.d.ts

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

package/components/typing-markdown/index.css

@@ -2,6 +2,25 @@
   animation: blink 0.7s infinite;
   content: '|';
 }
+.vk-typing-markdown.is-loading:not(.is-typing) .is-last::after {
+  content: '';
+  display: inline-block;
+  width: 1em;
+  text-align: left;
+  animation: dotTyping 1.2s steps(4, end) infinite;
+}
+@keyframes dotTyping {
+0%   { content: '';
+}
+25%  { content: '.';
+}
+50%  { content: '..';
+}
+75%  { content: '...';
+}
+100% { content: '';
+}
+}
 @keyframes blink {
 0%, 100% {
     opacity: 1;

package/components/typing-markdown/index.mjs

@@ -1,4 +1,5 @@
 import { noop, computedAsync, debouncedRef } from '@vueuse/core';
+import { useModelComputed } from '@vunk/core/composables';
 import { noop as noop$1 } from '@vunk/shared/function';
 import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeClass } from 'vue';
 import { highlight } from '@vunk/shared/markdown/shiki';
@@ -155,10 +156,18 @@ const props = {
   markdownItSetup: {
     type: Function,
     default: null
+  },
+  finished: {
+    type: Boolean
+  },
+  loading: {
+    type: Boolean,
+    default: false
   }
 };
 const emits = {
-  typing: null
+  "typing": null,
+  "update:finished": null
 };
 
 var _sfc_main = defineComponent({
@@ -186,9 +195,12 @@ var _sfc_main = defineComponent({
       return !props2.pause && !props2.disabled && currentIndex.value !== props2.source.length;
     });
     const isDebouncedTyping = debouncedRef(isTyping, 100);
-    const isFinished = ref(false);
+    const isFinished = useModelComputed({
+      default: false,
+      key: "finished"
+    }, props2, emit);
     function typeWriter() {
-      if (props2.pause || props2.disabled) {
+      if (props2.pause || props2.disabled || props2.source.length === 0) {
         return;
       }
       if (currentIndex.value < props2.source.length) {
@@ -225,7 +237,8 @@ const _hoisted_1 = ["innerHTML"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["vk-typing-markdown", {
-      "is-typing": _ctx.isDebouncedTyping
+      "is-typing": _ctx.isDebouncedTyping,
+      "is-loading": _ctx.loading
     }]),
     innerHTML: _ctx.htmlText
   }, null, 10, _hoisted_1);

package/components/typing-markdown/src/ctx.d.ts

@@ -27,7 +27,15 @@ export declare const props: {
         type: PropType<(md: MarkdownItAsync) => void>;
         default: null;
     };
+    finished: {
+        type: BooleanConstructor;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const emits: {
     typing: null;
+    'update:finished': null;
 };

package/components/typing-markdown/src/index.vue.d.ts

@@ -19,11 +19,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<(md: import("markdown-it-async").MarkdownItAsync) => void>;
         default: null;
     };
+    finished: {
+        type: BooleanConstructor;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     htmlText: import("vue").Ref<string, string>;
     isDebouncedTyping: Readonly<import("vue").Ref<boolean, boolean>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     typing: null;
+    'update:finished': null;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     source: {
         type: StringConstructor;
@@ -45,13 +53,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<(md: import("markdown-it-async").MarkdownItAsync) => void>;
         default: null;
     };
+    finished: {
+        type: BooleanConstructor;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onTyping?: ((...args: any[]) => any) | undefined;
+    "onUpdate:finished"?: ((...args: any[]) => any) | undefined;
 }>, {
     source: string;
     delay: number;
     pause: boolean;
     disabled: boolean;
     markdownItSetup: (md: import("markdown-it-async").MarkdownItAsync) => void;
+    finished: boolean;
+    loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/webworkerAll.mjs

@@ -5,4 +5,5 @@ import 'vue';
 import '@vunk/shared/enum';
 import '@vunk/shared/promise';
 import './_commonjsHelpers.mjs';
+import '@vunk/core/composables';
 import './_plugin-vue_export-helper.mjs';

package/index.css

@@ -194,6 +194,25 @@
   animation: blink 0.7s infinite;
   content: '|';
 }
+.vk-typing-markdown.is-loading:not(.is-typing) .is-last::after {
+  content: '';
+  display: inline-block;
+  width: 1em;
+  text-align: left;
+  animation: dotTyping 1.2s steps(4, end) infinite;
+}
+@keyframes dotTyping {
+0%   { content: '';
+}
+25%  { content: '.';
+}
+50%  { content: '..';
+}
+75%  { content: '...';
+}
+100% { content: '';
+}
+}
 @keyframes blink {
 0%, 100% {
     opacity: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/plus",
-  "version": "1.4.7",
+  "version": "1.5.1",
   "description": "",
   "author": "",
   "license": "ISC",
@@ -59,6 +59,10 @@
       "import": "./components/typing-markdown/index.mjs",
       "types": "./components/typing-markdown/index.d.ts"
     },
+    "./components/text": {
+      "import": "./components/text/index.mjs",
+      "types": "./components/text/index.d.ts"
+    },
     "./components/tables-v1-checkbox": {
       "import": "./components/tables-v1-checkbox/index.mjs",
       "types": "./components/tables-v1-checkbox/index.d.ts"