@vunk/plus 1.12.2 → 1.13.0

package/components/typing-markdown/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("@vueuse/core"),h=require("@vunk/core/composables"),y=require("@vunk/shared/function"),t=require("vue"),k=require("@vunk/shared/markdown/shiki"),m=require("markdown-it-async"),p=require("../_plugin-vue_export-helper-BHFhmbuH.js"),b=k.highlight({dark:"github-dark",light:"github-light"},{},{warn:c.noop});async function _(){const[e]=await b,a=m({highlight:e});return a.core.ruler.after("inline","add-is-last-class",n=>{const o=n.tokens;let s=-1;for(let i=o.length-1;i>=0;i--){const r=o[i];if(r.nesting===1&&!r.hidden){s=i;break}}s!==-1&&o[s].attrSet("class","is-last")}),a}const w=_(),T={source:{type:String,default:""},delay:{type:Number,default:60},pause:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},markdownItSetup:{type:Function,default:null},finished:{type:Boolean},loading:{type:Boolean,default:!1}},v={typing:null,"update:finished":null},M=t.defineComponent({name:"VkTypingMarkdown",props:T,emits:v,setup(e,{emit:a}){const n=t.ref(0),o=t.computed(()=>e.disabled?e.source:e.source.substring(0,n.value)),s=w.then(l=>(e.markdownItSetup?.(l),l)),i=c.computedAsync(async()=>(y.noop(o.value),(await s).render(o.value)),""),r=t.computed(()=>!e.pause&&!e.disabled&&n.value!==e.source.length),g=c.debouncedRef(r,100),f=h.useModelComputed({default:!1,key:"finished"},e,a);function d(){e.pause||e.disabled||e.source.length===0||(n.value<e.source.length?(n.value++,a("typing"),setTimeout(d,e.delay)):f.value=!0)}return t.watch(()=>e.pause||e.disabled,l=>{l||d()},{flush:"post",immediate:!0}),t.watch(()=>n.value<e.source.length,()=>{f.value=!1,d()}),{htmlText:i,isDebouncedTyping:g}}}),I=["innerHTML"];function S(e,a,n,o,s,i){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["vk-typing-markdown",{"is-typing":e.isDebouncedTyping,"is-loading":e.loading}]),innerHTML:e.htmlText},null,10,I)}const u=p._export_sfc(M,[["render",S]]),q=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));u.install=e=>{e.component(u.name||"VkTypingMarkdown",u)};exports.VkTypingMarkdown=u;exports.__VkTypingMarkdown=q;exports.default=u;

package/components/typing-markdown/index.mjs

@@ -1,135 +1,34 @@
-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, openBlock, createElementBlock, normalizeClass } from 'vue';
-import { highlight } from '@vunk/shared/markdown/shiki';
-import MarkdownIt from 'markdown-it';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const placeholder = (id, code) => `<pre><!--::markdown-it-async::${id}::--><code>${code}</code></pre>`;
-const placeholderRe = /<pre><!--::markdown-it-async::(\w+)::--><code>[\s\S]*?<\/code><\/pre>/g;
-function randStr() {
-  return Math.random().toString(36).slice(2) + Math.random().toString(36).slice(2);
-}
-class MarkdownItAsync extends MarkdownIt {
-  placeholderMap;
-  disableWarn = false;
-  constructor(...args) {
-    const map = /* @__PURE__ */ new Map();
-    const options = args.length === 2 ? args[1] : args[0];
-    if (options && "highlight" in options)
-      options.highlight = wrapHightlight(options.highlight, map);
-    super(...args);
-    this.placeholderMap = map;
-  }
-  // implementation
-  use(plugin, ...params) {
-    return super.use(plugin, ...params);
-  }
-  render(src, env) {
-    if (this.options.warnOnSyncRender && !this.disableWarn) {
-      console.warn("[markdown-it-async] Please use `md.renderAsync` instead of `md.render`");
-    }
-    return super.render(src, env);
-  }
-  async renderAsync(src, env) {
-    this.options.highlight = wrapHightlight(this.options.highlight, this.placeholderMap);
-    this.disableWarn = true;
-    const result = this.render(src, env);
-    this.disableWarn = false;
-    return replaceAsync(result, placeholderRe, async (match, id) => {
-      if (!this.placeholderMap.has(id))
-        throw new Error(`Unknown highlight placeholder id: ${id}`);
-      const [promise, _str, lang, _attrs] = this.placeholderMap.get(id);
-      const result2 = await promise || "";
-      this.placeholderMap.delete(id);
-      if (result2.startsWith("<pre"))
-        return result2;
-      else
-        return `<pre><code class="language-${lang}">${result2}</code></pre>`;
-    });
-  }
-}
-function createMarkdownItAsync(...args) {
-  return new MarkdownItAsync(...args);
-}
-function replaceAsync(string, searchValue, replacer) {
-  try {
-    if (typeof replacer === "function") {
-      const values = [];
-      String.prototype.replace.call(string, searchValue, (...args) => {
-        values.push(replacer(...args));
-        return "";
-      });
-      return Promise.all(values).then((resolvedValues) => {
-        return String.prototype.replace.call(string, searchValue, () => {
-          return resolvedValues.shift() || "";
-        });
-      });
-    } else {
-      return Promise.resolve(
-        String.prototype.replace.call(string, searchValue, replacer)
-      );
-    }
-  } catch (error) {
-    return Promise.reject(error);
-  }
-}
-const wrappedSet = /* @__PURE__ */ new WeakSet();
-function escapeHtml(unsafe) {
-  return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
-}
-function wrapHightlight(highlight, map) {
-  if (!highlight)
-    return void 0;
-  if (wrappedSet.has(highlight))
-    return highlight;
-  const wrapped = (str, lang, attrs) => {
-    const promise = highlight(str, lang, attrs);
-    if (typeof promise === "string")
-      return promise;
-    const id = randStr();
-    map.set(id, [promise, str, lang, attrs]);
-    let code = str;
-    if (code.endsWith("\n"))
-      code = code.slice(0, -1);
-    code = escapeHtml(code);
-    return placeholder(id, code);
-  };
-  wrappedSet.add(wrapped);
-  return wrapped;
-}
-
-const highlightInfo = highlight({
+import { noop as g, computedAsync as h, debouncedRef as y } from "@vueuse/core";
+import { useModelComputed as k } from "@vunk/core/composables";
+import { noop as p } from "@vunk/shared/function";
+import { defineComponent as b, ref as w, computed as c, watch as f, createElementBlock as T, openBlock as _, normalizeClass as v } from "vue";
+import { highlight as M } from "@vunk/shared/markdown/shiki";
+import I from "markdown-it-async";
+import { _ as B } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+const S = M({
   dark: "github-dark",
   light: "github-light"
 }, {}, {
-  warn: noop
+  warn: g
 });
-async function createMarkdownIt() {
-  const [highlight] = await highlightInfo;
-  const md = createMarkdownItAsync({
-    highlight
+async function x() {
+  const [e] = await S, a = I({
+    highlight: e
   });
-  md.core.ruler.after("inline", "add-is-last-class", (state) => {
-    const tokens = state.tokens;
-    let lastTagIndex = -1;
-    for (let i = tokens.length - 1; i >= 0; i--) {
-      const token = tokens[i];
-      if (token.nesting === 1 && !token.hidden) {
-        lastTagIndex = i;
+  return a.core.ruler.after("inline", "add-is-last-class", (t) => {
+    const n = t.tokens;
+    let i = -1;
+    for (let o = n.length - 1; o >= 0; o--) {
+      const s = n[o];
+      if (s.nesting === 1 && !s.hidden) {
+        i = o;
         break;
       }
     }
-    if (lastTagIndex !== -1) {
-      tokens[lastTagIndex].attrSet("class", "is-last");
-    }
-  });
-  return md;
+    i !== -1 && n[i].attrSet("class", "is-last");
+  }), a;
 }
-const markdownItPromise = createMarkdownIt();
-
-const props = {
+const $ = x(), V = {
   source: {
     type: String,
     default: ""
@@ -141,14 +40,14 @@ const props = {
   // 暂停
   pause: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    * 禁用typing
    */
   disabled: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    *  @description markdown-it 配置
@@ -162,92 +61,53 @@ const props = {
   },
   loading: {
     type: Boolean,
-    default: false
+    default: !1
   }
-};
-const emits = {
-  "typing": null,
+}, C = {
+  typing: null,
   "update:finished": null
-};
-
-var _sfc_main = defineComponent({
+}, j = b({
   name: "VkTypingMarkdown",
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const currentIndex = ref(0);
-    const currentText = computed(() => {
-      if (props2.disabled) {
-        return props2.source;
-      }
-      return props2.source.substring(0, currentIndex.value);
-    });
-    const theMarkdownIt = markdownItPromise.then((md) => {
-      props2.markdownItSetup?.(md);
-      return md;
-    });
-    const htmlText = computedAsync(async () => {
-      noop$1(currentText.value);
-      const md = await theMarkdownIt;
-      return md.render(currentText.value);
-    }, "");
-    const isTyping = computed(() => {
-      return !props2.pause && !props2.disabled && currentIndex.value !== props2.source.length;
-    });
-    const isDebouncedTyping = debouncedRef(isTyping, 100);
-    const isFinished = useModelComputed({
-      default: false,
+  props: V,
+  emits: C,
+  setup(e, { emit: a }) {
+    const t = w(0), n = c(() => e.disabled ? e.source : e.source.substring(0, t.value)), i = $.then((l) => (e.markdownItSetup?.(l), l)), o = h(async () => (p(n.value), (await i).render(n.value)), ""), s = c(() => !e.pause && !e.disabled && t.value !== e.source.length), m = y(s, 100), d = k({
+      default: !1,
       key: "finished"
-    }, props2, emit);
-    function typeWriter() {
-      if (props2.pause || props2.disabled || props2.source.length === 0) {
-        return;
-      }
-      if (currentIndex.value < props2.source.length) {
-        currentIndex.value++;
-        emit("typing");
-        setTimeout(typeWriter, props2.delay);
-      } else {
-        isFinished.value = true;
-      }
+    }, e, a);
+    function r() {
+      e.pause || e.disabled || e.source.length === 0 || (t.value < e.source.length ? (t.value++, a("typing"), setTimeout(r, e.delay)) : d.value = !0);
     }
-    watch(() => props2.pause || props2.disabled, (v) => {
-      if (!v) {
-        typeWriter();
-      }
+    return f(() => e.pause || e.disabled, (l) => {
+      l || r();
     }, {
       flush: "post",
-      immediate: true
-    });
-    watch(() => currentIndex.value < props2.source.length, () => {
-      isFinished.value = false;
-      typeWriter();
-    });
-    return {
-      htmlText,
-      isDebouncedTyping
+      immediate: !0
+    }), f(() => t.value < e.source.length, () => {
+      d.value = !1, r();
+    }), {
+      htmlText: o,
+      isDebouncedTyping: m
     };
   }
-});
-
-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-loading": _ctx.loading
+}), z = ["innerHTML"];
+function A(e, a, t, n, i, o) {
+  return _(), T("div", {
+    class: v(["vk-typing-markdown", {
+      "is-typing": e.isDebouncedTyping,
+      "is-loading": e.loading
     }]),
-    innerHTML: _ctx.htmlText
-  }, null, 10, _hoisted_1);
+    innerHTML: e.htmlText
+  }, null, 10, z);
 }
-var VkTypingMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/typing-markdown/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+const u = /* @__PURE__ */ B(j, [["render", A]]), N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkTypingMarkdown.install = (app) => {
-  app.component(VkTypingMarkdown.name || "VkTypingMarkdown", VkTypingMarkdown);
+}, Symbol.toStringTag, { value: "Module" }));
+u.install = (e) => {
+  e.component(u.name || "VkTypingMarkdown", u);
+};
+export {
+  u as VkTypingMarkdown,
+  N as __VkTypingMarkdown,
+  u as default
 };
-
-export { VkTypingMarkdown, types as __VkTypingMarkdown, VkTypingMarkdown as default };

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

@@ -1,4 +1,6 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     source: {
         type: StringConstructor;
         default: string;
@@ -72,4 +74,3 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     markdownItSetup: (md: import("markdown-it-async").MarkdownItAsync) => void;
     finished: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/components/vditor/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("vditor"),p=require("@vunk/core/shared/utils-vue"),t=require("vue"),y=require("mitt"),V=require("@vueuse/core"),b=require("@vunk/core"),_=require("../_plugin-vue_export-helper-BHFhmbuH.js"),C=["headings","bold","italic","strike","link","|","list","ordered-list","outdent","indent","|","line","code","inline-code","insert-before","insert-after","|","table","|","undo","redo","|","fullscreen","outline","export","|"],f={modelValue:{type:String,default:""},defaultOptions:{type:Object,default:()=>({})},placeholder:{type:String,default:"Crtl + Enter 发送; Enter 换行"},toolbar:{type:Array,default:()=>C},fullscreen:{type:Boolean,default:!1}},O=p.bindPropsFactory(f),m={load:e=>e,"update:modelValue":e=>e,ctrlEnter:e=>e,"update:fullscreen":e=>e},E=p.onEmitsFactory(m),h=Object.freeze(Object.defineProperty({__proto__:null,createBindProps:O,createOnEmits:E,emits:m,props:f},Symbol.toStringTag,{value:"Module"})),v=()=>{const e=t.inject("vkVditorRef",null);if(!e)throw new Error("useVditor must be used after VditorProvider");return t.unref(e)},g=()=>{const e=t.inject("vkVditorMitter",null);if(!e)throw new Error("useVditorMitter must be used after VditorProvider");return e},w=t.defineComponent({props:{modelValue:{type:String,default:""}},emits:{"update:modelValue":null},setup(e,{emit:o}){const u=v(),s=g();e.modelValue&&u.setValue(e.modelValue,!0);const{pause:n,resume:a}=V.watchPausable(()=>e.modelValue,r=>{u.setValue(r,!0)});return s.on("input",r=>{n(),o("update:modelValue",r),t.nextTick(a)}),()=>null}}),B=t.defineComponent({props:{fullscreen:{type:Boolean,default:!1}},emits:{"update:fullscreen":null},setup(e,{emit:o}){const u=v(),s=u.vditor.element,n=t.ref(!1);return V.useMutationObserver(s,()=>{s.classList.contains("vditor--fullscreen")?n.value=!0:n.value=!1},{attributes:!0}),t.watch(()=>e.fullscreen,a=>{if(a!==n.value){const r=u.vditor.ir?.element;if(!r)return;r.dispatchEvent(new KeyboardEvent("keydown",{key:"'",ctrlKey:!0}))}},{immediate:!0}),t.watch(()=>n.value,a=>{o("update:fullscreen",a)}),()=>null}}),S=t.defineComponent({name:"VkVditor",components:{HandleValue:w,HandleFullscreen:B,VkAsyncTeleport:b.VkAsyncTeleport},props:f,emits:m,setup(e,{emit:o}){const u=t.ref(),s=t.ref(!1),n=y(),a=t.shallowRef(),r=t.ref(!1);return t.provide("vkVditorMitter",n),t.provide("vkVditorRef",a),t.onMounted(()=>{const i=new k(u.value,{...e.defaultOptions,placeholder:e.placeholder,cache:{enable:!0,id:"VkVditorCache",...e.defaultOptions.cache||{}},after(){a.value=i,s.value=!0,o("load",i),e.defaultOptions.after?.()},input(l){n.emit("input",l),e.defaultOptions.input?.(l)},ctrlEnter(l){o("update:modelValue",l),o("ctrlEnter",l)},focus(l){r.value=!0,e.defaultOptions.focus?.(l)},blur(l){r.value=!1,e.defaultOptions.blur?.(l)},toolbar:e.toolbar})}),{vditorNode:u,isTextareaFocus:r,ready:s}}}),T={ref:"vditorNode",class:"vkf-vditor"};function $(e,o,u,s,n,a){const r=t.resolveComponent("VkAsyncTeleport"),i=t.resolveComponent("HandleValue"),l=t.resolveComponent("HandleFullscreen");return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createElementVNode("div",T,null,512),e.ready?(t.openBlock(),t.createBlock(r,{key:0,to:e.vditorNode},{default:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["vkf-vditor-footer",{"is-textarea-focus":e.isTextareaFocus}])},[t.renderSlot(e.$slots,"footer")],2)]),_:3},8,["to"])):t.createCommentVNode("",!0),e.ready?(t.openBlock(),t.createBlock(i,{key:1,"model-value":e.modelValue,"onUpdate:modelValue":o[0]||(o[0]=c=>e.$emit("update:modelValue",c))},null,8,["model-value"])):t.createCommentVNode("",!0),e.ready?(t.openBlock(),t.createBlock(l,{key:2,fullscreen:e.fullscreen,"onUpdate:fullscreen":o[1]||(o[1]=c=>e.$emit("update:fullscreen",c))},null,8,["fullscreen"])):t.createCommentVNode("",!0),e.ready?t.renderSlot(e.$slots,"default",{key:3}):t.createCommentVNode("",!0)],64)}const d=_._export_sfc(S,[["render",$]]),M=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));d.install=e=>{e.component(d.name||"VkVditor",d)};exports.VkVditor=d;exports._VkVditorCtx=h;exports.__VkVditor=M;exports.default=d;