@cgboiler/biz-mobile 1.11.0 → 1.13.0

package/es/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./md-preview";
 export * from "./org-picker";
 export * from "./project-select";
 declare namespace _default {
@@ -6,7 +7,8 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "1.10.0";
+export const version: "1.12.0";
+import MdPreview from './md-preview';
 import OrgPicker from './org-picker';
 import ProjectSelect from './project-select';
-export { OrgPicker, ProjectSelect };
+export { MdPreview, OrgPicker, ProjectSelect };

package/es/index.js

@@ -1,8 +1,10 @@
+import MdPreview from "./md-preview";
 import OrgPicker from "./org-picker";
 import ProjectSelect from "./project-select";
-const version = "1.10.0";
+const version = "1.12.0";
 function install(app) {
   const components = [
+    MdPreview,
     OrgPicker,
     ProjectSelect
   ];
@@ -14,6 +16,7 @@ function install(app) {
     }
   });
 }
+export * from "./md-preview";
 export * from "./org-picker";
 export * from "./project-select";
 var stdin_default = {
@@ -21,6 +24,7 @@ var stdin_default = {
   version
 };
 export {
+  MdPreview,
   OrgPicker,
   ProjectSelect,
   stdin_default as default,

package/es/md-preview/MdPreview.d.ts

@@ -0,0 +1,49 @@
+import './index.less';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    typewriter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    typewriterKey: {
+        type: NumberConstructor;
+    };
+    showDiff: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    previousText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "typewriterComplete"[], "typewriterComplete", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    typewriter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    typewriterKey: {
+        type: NumberConstructor;
+    };
+    showDiff: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    previousText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onTypewriterComplete?: ((...args: any[]) => any) | undefined;
+}>, {
+    typewriter: boolean;
+    showDiff: boolean;
+    previousText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/md-preview/MdPreview.js

@@ -0,0 +1,59 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { createVNode as _createVNode } from "vue";
+import "./_atomic.css";
+import { defineComponent, computed, watch } from "vue";
+import { mdPreviewProps } from "./types";
+import { initMarked, renderMarkdown, generateDiffHtml, useTypewriter } from "./utils";
+import "./index.css";
+var stdin_default = defineComponent({
+  name: "MdPreview",
+  props: __spreadValues({}, mdPreviewProps),
+  emits: ["typewriterComplete"],
+  setup(props, {
+    emit
+  }) {
+    initMarked();
+    const {
+      currentText,
+      controller: typewriterController
+    } = useTypewriter(() => {
+      emit("typewriterComplete");
+    });
+    const htmlContent = computed(() => renderMarkdown(props.text || ""));
+    const displayContent = computed(() => {
+      if (props.showDiff) {
+        return generateDiffHtml(props.previousText, props.text || "", htmlContent.value);
+      }
+      return props.typewriter ? currentText.value : htmlContent.value;
+    });
+    watch([() => props.text, () => props.typewriterKey], () => {
+      if (props.typewriter) {
+        typewriterController.start(htmlContent.value);
+      }
+    }, {
+      immediate: true
+    });
+    return () => _createVNode("div", {
+      "class": "cgx-markdown-preview",
+      "innerHTML": displayContent.value
+    }, null);
+  }
+});
+export {
+  stdin_default as default
+};

package/es/md-preview/_atomic.css

@@ -0,0 +1,32 @@
+
+.cgx-atm .flex {
+  align-items: initial;
+  flex-direction: initial;
+  justify-content: initial;
+  flex-wrap: initial;
+}
+.cgx-atm .flex-row {
+  flex-direction: row;
+}
+.cgx-atm .flex-col {
+  flex-direction: column;
+}
+.cgx-atm .justify-center {
+  justify-content: center;
+}
+.cgx-atm .justify-between {
+  justify-content: space-between;
+}
+.cgx-atm .justify-around {
+  justify-content: space-around;
+}
+.cgx-atm .justify-end {
+  justify-content: flex-end;
+}
+.cgx-atm .items-center {
+  align-items: center;
+}
+.cgx-atm .flex-wrap {
+  flex-wrap: wrap;
+}
+  

package/es/md-preview/index.css

@@ -0,0 +1 @@
+.katex-block{display:block;margin:1em 0;text-align:center;overflow-x:auto;overflow-y:hidden}.cgx-markdown-preview{overflow-x:auto}.cgx-markdown-preview .diff-container{border:1px solid #ebeef5;border-radius:4px;overflow:auto}.cgx-markdown-preview .diff-equal{color:#606266}.cgx-markdown-preview .diff-delete{background-color:#ffeef0;color:#f56c6c;text-decoration:line-through}.cgx-markdown-preview .diff-insert{background-color:#e6ffec;color:#67c23a}.cgx-markdown-preview .diff-unified-view pre{margin:0;padding:8px;white-space:pre-wrap;word-break:break-word}.cgx-markdown-preview{line-height:1.6;font-size:var(--font-base)}.cgx-markdown-preview ol{list-style:auto}.cgx-markdown-preview ul{list-style:disc}.cgx-markdown-preview ol,.cgx-markdown-preview ul{padding-left:2em;margin:0 0 12px}.cgx-markdown-preview li::marker{text-align:start!important}.cgx-markdown-preview h1{font-size:2em;font-weight:700;margin:16px 0}.cgx-markdown-preview h2{font-size:1.5em;font-weight:700;margin:14px 0}.cgx-markdown-preview p{margin:12px 0}.cgx-markdown-preview blockquote{margin:0;padding-left:1em;border-left:4px solid #ddd;color:#666}.cgx-markdown-preview table{border-collapse:collapse;width:100%;margin-bottom:16px}.cgx-markdown-preview th,.cgx-markdown-preview td{border:1px solid #ddd;padding:8px;text-align:left}.cgx-markdown-preview th{background-color:#f6f8fa}

package/es/md-preview/index.d.ts

@@ -0,0 +1,3 @@
+import _MdPreview from './MdPreview';
+export default _MdPreview;
+export type { MdPreviewProps } from './types';

package/es/md-preview/index.js

@@ -0,0 +1,5 @@
+import _MdPreview from "./MdPreview";
+var stdin_default = _MdPreview;
+export {
+  stdin_default as default
+};

package/es/md-preview/index.less

@@ -0,0 +1,102 @@
+.katex-block {
+  display: block;
+  margin: 1em 0;
+  text-align: center;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
+.cgx-markdown-preview {
+  overflow-x: auto;
+
+  /* 差异对比样式 */
+  .diff-container {
+    border: 1px solid #ebeef5;
+    border-radius: 4px;
+    overflow: auto;
+  }
+
+  .diff-equal {
+    color: #606266;
+  }
+
+  .diff-delete {
+    background-color: #ffeef0;
+    color: #f56c6c;
+    text-decoration: line-through;
+  }
+
+  .diff-insert {
+    background-color: #e6ffec;
+    color: #67c23a;
+  }
+
+  .diff-unified-view pre {
+    margin: 0;
+    padding: 8px;
+    white-space: pre-wrap;
+    word-break: break-word;
+  }
+}
+
+.cgx-markdown-preview {
+  line-height: 1.6;
+  font-size: var(--font-base);
+  ol {
+    list-style: auto;
+  }
+
+  ul {
+    list-style: disc;
+  }
+
+  ol,
+  ul {
+    padding-left: 2em;
+    margin: 0 0 12px 0;
+  }
+
+  li::marker {
+    text-align: start !important;
+  }
+
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+    margin: 16px 0;
+  }
+
+  h2 {
+    font-size: 1.5em;
+    font-weight: bold;
+    margin: 14px 0;
+  }
+
+  p {
+    margin: 12px 0;
+  }
+
+  blockquote {
+    margin: 0;
+    padding-left: 1em;
+    border-left: 4px solid #ddd;
+    color: #666;
+  }
+
+  table {
+    border-collapse: collapse;
+    width: 100%;
+    margin-bottom: 16px;
+  }
+
+  th,
+  td {
+    border: 1px solid #ddd;
+    padding: 8px;
+    text-align: left;
+  }
+
+  th {
+    background-color: #f6f8fa;
+  }
+}

package/es/md-preview/style/index.d.ts

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

package/es/md-preview/style/index.js

@@ -0,0 +1 @@
+import "../index.css";

package/es/md-preview/style/less.d.ts

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

package/es/md-preview/style/less.js

@@ -0,0 +1 @@
+import "../index.less";

package/es/md-preview/types.d.ts

@@ -0,0 +1,23 @@
+import { ExtractPropTypes } from 'vue';
+export declare const mdPreviewProps: {
+    text: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    typewriter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    typewriterKey: {
+        type: NumberConstructor;
+    };
+    showDiff: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    previousText: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export type MdPreviewProps = ExtractPropTypes<typeof mdPreviewProps>;

package/es/md-preview/types.js

@@ -0,0 +1,24 @@
+const mdPreviewProps = {
+  text: {
+    type: String,
+    required: true
+  },
+  typewriter: {
+    type: Boolean,
+    default: false
+  },
+  typewriterKey: {
+    type: Number
+  },
+  showDiff: {
+    type: Boolean,
+    default: false
+  },
+  previousText: {
+    type: String,
+    default: ""
+  }
+};
+export {
+  mdPreviewProps
+};

package/es/md-preview/utils/customRules.d.ts

@@ -0,0 +1,12 @@
+export declare const customTildeRule: {
+    name: string;
+    level: string;
+    start(src: string): number;
+    tokenizer(src: string): {
+        type: string;
+        raw: string;
+        text: string;
+    } | undefined;
+    renderer(token: any): any;
+};
+export declare const initMarked: () => void;

package/es/md-preview/utils/customRules.js

@@ -0,0 +1,31 @@
+import { marked } from "marked";
+const customTildeRule = {
+  name: "customTilde",
+  level: "inline",
+  start(src) {
+    return src.indexOf("~");
+  },
+  tokenizer(src) {
+    const rule = /^~([^~]+)~/;
+    const match = src.match(rule);
+    if (match) {
+      return {
+        type: "customTilde",
+        raw: match[0],
+        text: match[0]
+      };
+    }
+  },
+  renderer(token) {
+    return token.text;
+  }
+};
+const initMarked = () => {
+  marked.use({
+    extensions: [customTildeRule]
+  });
+};
+export {
+  customTildeRule,
+  initMarked
+};

package/es/md-preview/utils/diffRenderer.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 生成差异对比的 HTML
+ * @param previousText 原始文本
+ * @param currentText 当前文本
+ * @param fallbackHtml 当无法生成差异时的备用 HTML
+ * @returns 差异对比的 HTML
+ */
+export declare const generateDiffHtml: (previousText: string, currentText: string, fallbackHtml: string) => string;

package/es/md-preview/utils/diffRenderer.js

@@ -0,0 +1,24 @@
+import * as DiffMatchPatch from "diff-match-patch";
+const generateDiffHtml = (previousText, currentText, fallbackHtml) => {
+  if (!previousText && !currentText)
+    return fallbackHtml;
+  const dmp = new DiffMatchPatch.diff_match_patch();
+  const diffs = dmp.diff_main(previousText, currentText);
+  dmp.diff_cleanupSemantic(diffs);
+  let html = '<div class="diff-unified-view"><pre>';
+  diffs.forEach(([type, text]) => {
+    const escapedText = text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\n/g, "<br>");
+    if (type === 0) {
+      html += `<span class="diff-equal">${escapedText}</span>`;
+    } else if (type === -1) {
+      html += `<span class="diff-delete">${escapedText}</span>`;
+    } else if (type === 1) {
+      html += `<span class="diff-insert">${escapedText}</span>`;
+    }
+  });
+  html += "</pre></div>";
+  return html;
+};
+export {
+  generateDiffHtml
+};

package/es/md-preview/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './customRules';
+export * from './markdownRenderer';
+export * from './diffRenderer';
+export * from './typewriterEffect';

package/es/md-preview/utils/index.js

@@ -0,0 +1,4 @@
+export * from "./customRules";
+export * from "./markdownRenderer";
+export * from "./diffRenderer";
+export * from "./typewriterEffect";

package/es/md-preview/utils/markdownRenderer.d.ts

@@ -0,0 +1,7 @@
+import 'katex/dist/katex.min.css';
+/**
+ * 渲染 Markdown 内容为 HTML
+ * @param text Markdown 文本
+ * @returns 渲染后的 HTML
+ */
+export declare const renderMarkdown: (text: string) => string;

package/es/md-preview/utils/markdownRenderer.js

@@ -0,0 +1,24 @@
+import { marked } from "marked";
+import * as katex from "katex";
+import "katex/dist/katex.min.css";
+const renderMarkdown = (text) => {
+  const processedText = (text || "").replace(/(\$\$[\s\S]+?\$\$|\$[^\$\n]+?\$)/g, (match) => {
+    return `@@MATH_FORMULA@@${encodeURIComponent(match)}@@`;
+  }).replace(/<\/?(pre|code)(\s[^>]*)?>/g, "").replace(/```markdown|```/g, "").replace(/(.*)```$/gm, "$1");
+  let renderedContent = marked(processedText);
+  renderedContent = renderedContent.replace(/@@MATH_FORMULA@@([^@]+)@@/g, (_, encoded) => {
+    const formula = decodeURIComponent(encoded);
+    const isBlock = formula.startsWith("$$") && formula.endsWith("$$");
+    const tex = isBlock ? formula.slice(2, -2).trim() : formula.slice(1, -1).trim();
+    const html = katex.renderToString(tex, {
+      displayMode: isBlock,
+      throwOnError: false,
+      strict: false
+    });
+    return isBlock ? `<div class="katex-block">${html}</div>` : html;
+  });
+  return renderedContent.replace(/<a\s/g, '<a target="_blank" ');
+};
+export {
+  renderMarkdown
+};

package/es/md-preview/utils/typewriterEffect.d.ts

@@ -0,0 +1,34 @@
+import { Ref } from 'vue';
+/**
+ * 打字机效果控制器
+ */
+export declare class TypewriterController {
+    private currentText;
+    private typingTimer;
+    private onComplete;
+    /**
+     * 构造函数
+     * @param currentText 当前文本的响应式引用
+     * @param onComplete 打字完成时的回调函数
+     */
+    constructor(currentText: Ref<string>, onComplete: () => void);
+    /**
+     * 开始打字机效果
+     * @param fullContent 完整的内容
+     * @param speed 打字速度（毫秒）
+     */
+    start(fullContent: string, speed?: number): void;
+    /**
+     * 停止打字机效果
+     */
+    stop(): void;
+}
+/**
+ * 创建打字机效果控制器
+ * @param onComplete 打字完成时的回调函数
+ * @returns 打字机控制器和当前文本的引用
+ */
+export declare const useTypewriter: (onComplete: () => void) => {
+    currentText: Ref<string, string>;
+    controller: TypewriterController;
+};

package/es/md-preview/utils/typewriterEffect.js

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { ref } from "vue";
+class TypewriterController {
+  /**
+   * 构造函数
+   * @param currentText 当前文本的响应式引用
+   * @param onComplete 打字完成时的回调函数
+   */
+  constructor(currentText, onComplete) {
+    __publicField(this, "currentText");
+    __publicField(this, "typingTimer", null);
+    __publicField(this, "onComplete");
+    this.currentText = currentText;
+    this.onComplete = onComplete;
+  }
+  /**
+   * 开始打字机效果
+   * @param fullContent 完整的内容
+   * @param speed 打字速度（毫秒）
+   */
+  start(fullContent, speed = 5) {
+    this.stop();
+    this.currentText.value = "";
+    let index = 0;
+    this.typingTimer = window.setInterval(() => {
+      if (index < fullContent.length) {
+        this.currentText.value = fullContent.slice(0, index + 1);
+        index++;
+      } else {
+        this.stop();
+        this.onComplete();
+      }
+    }, speed);
+  }
+  /**
+   * 停止打字机效果
+   */
+  stop() {
+    if (this.typingTimer) {
+      clearInterval(this.typingTimer);
+      this.typingTimer = null;
+    }
+  }
+}
+const useTypewriter = (onComplete) => {
+  const currentText = ref("");
+  const controller = new TypewriterController(currentText, onComplete);
+  return {
+    currentText,
+    controller
+  };
+};
+export {
+  TypewriterController,
+  useTypewriter
+};

package/es/org-picker/OrgPicker.d.ts

@@ -17,10 +17,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     'onUpdate:modelValue': {
-        type: import("vue").PropType<(val: (string | number)[] | null) => void>;
+        type: FunctionConstructor;
     };
     'onUpdate:show': {
-        type: import("vue").PropType<(val: boolean) => void>;
+        type: FunctionConstructor;
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "update:modelValue")[], "update:show" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
@@ -40,10 +40,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     'onUpdate:modelValue': {
-        type: import("vue").PropType<(val: (string | number)[] | null) => void>;
+        type: FunctionConstructor;
     };
     'onUpdate:show': {
-        type: import("vue").PropType<(val: boolean) => void>;
+        type: FunctionConstructor;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;