qidian-vue-ui 1.1.50 → 1.1.51

package/dist/components/md-editor/index.vue2.mjs

@@ -0,0 +1,176 @@
+import { defineComponent, mergeDefaults, ref, computed, useTemplateRef, onMounted, createBlock, openBlock, unref, mergeProps, isRef, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import "./config.mjs";
+import "../../node_modules/.pnpm/md-editor-v3@6.2.1_vue@3.5.22_typescript@5.9.3_/node_modules/md-editor-v3/lib/es/index.mjs";
+import { useVModels } from "../../node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.22_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
+import { qdMdEditorToolbars, qdMdEditorProps } from "./props.mjs";
+import "../../hooks/useAgentChat/index.mjs";
+import "tdesign-vue-next";
+import "../../locales/zh-CN.mjs";
+import "qidian-shared";
+import { useReadonly } from "../../hooks/useReadonly.mjs";
+import { useDisabled } from "../../hooks/useDisabled.mjs";
+import ve from "../../node_modules/.pnpm/md-editor-v3@6.2.1_vue@3.5.22_typescript@5.9.3_/node_modules/md-editor-v3/lib/es/MdEditor.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "QdMdEditor"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeDefaults({
+    onSave: { type: Function },
+    onUploadImg: { type: Function },
+    pageFullscreen: { type: Boolean },
+    preview: { type: Boolean },
+    htmlPreview: { type: Boolean },
+    toolbars: {},
+    floatingToolbars: {},
+    toolbarsExclude: {},
+    disabledPrettier: { type: Boolean },
+    tabWidth: {},
+    tableShape: {},
+    placeholder: {},
+    defToolbars: {},
+    onError: {},
+    footers: {},
+    scrollAuto: { type: Boolean },
+    defFooters: {},
+    disabledUploadImg: { type: Boolean },
+    autoFocus: { type: Boolean },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    maxlength: {},
+    autoDetectCode: { type: Boolean },
+    onBlur: { type: Function },
+    onFocus: { type: Function },
+    completions: {},
+    showToolbarName: { type: Boolean },
+    onInput: { type: Function },
+    onDrop: { type: Function },
+    inputBoxWidth: {},
+    oninputBoxWidthChange: { type: Function },
+    transformImgUrl: { type: Function },
+    catalogLayout: {},
+    catalogMaxDepth: {},
+    modelValue: {},
+    onChange: { type: Function },
+    theme: {},
+    class: {},
+    language: {},
+    onHtmlChanged: { type: Function },
+    onGetCatalog: { type: Function },
+    id: {},
+    showCodeRowNumber: { type: Boolean },
+    style: {},
+    mdHeadingId: { type: Function },
+    sanitize: { type: Function },
+    disabledMermaid: { type: Boolean },
+    disabledKatex: { type: Boolean },
+    formatCopiedText: { type: Function },
+    codeStyleReverse: { type: Boolean },
+    codeStyleReverseList: {},
+    disabledHighlight: { type: Boolean },
+    disabledImgZoomIn: { type: Boolean },
+    customIcon: {},
+    sanitizeMermaid: { type: Function },
+    codeFoldable: { type: Boolean },
+    autoFoldThreshold: {},
+    onRemount: { type: Function },
+    disabledEcharts: { type: Boolean },
+    previewComponent: {}
+  }, qdMdEditorProps),
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { modelValue } = useVModels(props, emit, { passive: true });
+    const tdReadonly = useReadonly();
+    const tdDisabled = useDisabled();
+    const focus = ref(false);
+    const reProps = computed(() => {
+      const {
+        modelValue: modelValue2,
+        readonly,
+        disabled,
+        maxlength,
+        toolbars,
+        onFocus,
+        onBlur,
+        disabledEcharts,
+        disabledHighlight,
+        disabledImgZoomIn,
+        disabledKatex,
+        disabledMermaid,
+        disabledPrettier,
+        disabledUploadImg,
+        ...mdEditorOptions
+      } = props;
+      const reReadonly = readonly ?? tdReadonly.value;
+      const reDisabled = disabled ?? tdDisabled.value;
+      const reOnFocus = (evt) => {
+        focus.value = true;
+        onFocus?.(evt);
+      };
+      const reOnBlur = (evt) => {
+        focus.value = false;
+        onBlur?.(evt);
+      };
+      const reToolbars = reReadonly || disabled ? ["=", "pageFullscreen", "preview"] : toolbars ?? [...qdMdEditorToolbars];
+      const reDisabledUploadImg = disabledUploadImg ?? true;
+      if (reDisabledUploadImg) {
+        const imgIdx = reToolbars.findIndex((item) => item === "image");
+        if (imgIdx > -1) reToolbars.splice(imgIdx, 1);
+      }
+      const reMdEditorOptions = {
+        ...mdEditorOptions,
+        codeTheme: "github",
+        previewTheme: "github",
+        toolbars: reToolbars,
+        noEcharts: disabledEcharts,
+        noHighlight: disabledHighlight,
+        noImgZoomIn: disabledImgZoomIn,
+        noKatex: disabledKatex,
+        noMermaid: disabledMermaid,
+        noPrettier: disabledPrettier,
+        noUploadImg: reDisabledUploadImg,
+        maxLength: maxlength,
+        onFocus: reOnFocus,
+        onBlur: reOnBlur
+      };
+      return {
+        readonly: reReadonly,
+        disabled: reDisabled,
+        mdEditorOptions: reMdEditorOptions,
+        models: {
+          modelValue: modelValue2
+        }
+      };
+    });
+    const editorRef = useTemplateRef("editor");
+    const expose = {};
+    onMounted(() => {
+      Object.assign(expose, editorRef.value);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ve), mergeProps({
+        ref: "editor",
+        modelValue: unref(modelValue),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+        class: ["qd-md-editor", focus.value ? "qd-md-editor--focus" : ""],
+        "read-only": reProps.value.readonly,
+        disabled: reProps.value.disabled
+      }, reProps.value.mdEditorOptions), createSlots({ _: 2 }, [
+        renderList(_ctx.$slots, (_, name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)), void 0, true)
+            ])
+          };
+        })
+      ]), 1040, ["modelValue", "class", "read-only", "disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue2.mjs.map

package/dist/components/md-editor/index.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.mjs","sources":["../../../src/components/md-editor/index.vue"],"sourcesContent":["<template>\n  <md-editor\n    ref=\"editor\"\n    v-model=\"modelValue\"\n    :class=\"['qd-md-editor', focus ? 'qd-md-editor--focus' : '']\"\n    :read-only=\"reProps.readonly\"\n    :disabled=\"reProps.disabled\"\n    v-bind=\"reProps.mdEditorOptions\"\n  >\n    <template v-for=\"(_, name) in $slots\" #[name]=\"slotProps\">\n      <slot :name=\"name\" v-bind=\"slotProps\" />\n    </template>\n  </md-editor>\n</template>\n\n<script setup lang=\"ts\">\n  // TODO i18n @vavt/cm-extension\n  // TODO theme 优先使用配置的\n  // TODO 图片上传\n  // TODO 文件上传\n  import type { QdMdEditorProps } from './types'\n  import type { EditorProps } from 'md-editor-v3'\n  import './config'\n  import { MdEditor } from 'md-editor-v3'\n  import { computed, onMounted, ref, useTemplateRef } from 'vue'\n  import { useVModels } from '@vueuse/core'\n  import { qdMdEditorProps, qdMdEditorToolbars } from './props'\n  import { useDisabled, useReadonly } from '../../hooks'\n\n  defineOptions({\n    name: 'QdMdEditor'\n  })\n\n  const props = withDefaults(defineProps<QdMdEditorProps>(), qdMdEditorProps)\n  const emit = defineEmits<{\n    'update:modelValue': [QdMdEditorProps['modelValue']]\n  }>()\n  const { modelValue } = useVModels(props, emit, { passive: true })\n\n  const tdReadonly = useReadonly()\n  const tdDisabled = useDisabled()\n  const focus = ref(false)\n\n  const reProps = computed(() => {\n    const {\n      modelValue,\n      readonly,\n      disabled,\n      maxlength,\n      toolbars,\n      onFocus,\n      onBlur,\n      disabledEcharts,\n      disabledHighlight,\n      disabledImgZoomIn,\n      disabledKatex,\n      disabledMermaid,\n      disabledPrettier,\n      disabledUploadImg,\n      ...mdEditorOptions\n    } = props\n\n    const reReadonly = readonly ?? tdReadonly.value\n    const reDisabled = disabled ?? tdDisabled.value\n\n    const reOnFocus: typeof onFocus = (evt) => {\n      focus.value = true\n      onFocus?.(evt)\n    }\n\n    const reOnBlur: typeof onBlur = (evt) => {\n      focus.value = false\n      onBlur?.(evt)\n    }\n\n    const reToolbars =\n      reReadonly || disabled\n        ? ['=', 'pageFullscreen', 'preview']\n        : (toolbars ?? [...qdMdEditorToolbars])\n\n    const reDisabledUploadImg = disabledUploadImg ?? true\n    if (reDisabledUploadImg) {\n      const imgIdx = reToolbars.findIndex((item) => item === 'image')\n      if (imgIdx > -1) reToolbars.splice(imgIdx, 1)\n    }\n\n    const reMdEditorOptions = {\n      ...mdEditorOptions,\n      codeTheme: 'github',\n      previewTheme: 'github',\n      toolbars: reToolbars,\n      noEcharts: disabledEcharts,\n      noHighlight: disabledHighlight,\n      noImgZoomIn: disabledImgZoomIn,\n      noKatex: disabledKatex,\n      noMermaid: disabledMermaid,\n      noPrettier: disabledPrettier,\n      noUploadImg: reDisabledUploadImg,\n      maxLength: maxlength,\n      onFocus: reOnFocus,\n      onBlur: reOnBlur\n    } as unknown as Omit<EditorProps, 'modelValue' | 'readOnly' | 'disabled'>\n\n    return {\n      readonly: reReadonly,\n      disabled: reDisabled,\n      mdEditorOptions: reMdEditorOptions,\n      models: {\n        modelValue\n      }\n    }\n  })\n\n  const editorRef = useTemplateRef('editor')\n\n  const expose = {}\n\n  onMounted(() => {\n    Object.assign(expose, editorRef.value)\n  })\n</script>\n\n<style lang=\"less\" scoped>\n  .qd-md-editor {\n    --md-color: var(--td-text-color-primary);\n    --md-border-color: var(--td-border-level-2-color);\n    --md-bk-color: var(--td-bg-color-specialcomponent);\n    --md-bk-hover-color: var(--td-bg-color-container-hover);\n    border-radius: var(--td-radius-default);\n    transition:\n      border cubic-bezier(0.38, 0, 0.24, 1) 0.2s,\n      box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s,\n      background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s,\n      -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;\n\n    &:hover {\n      border-color: var(--td-brand-color) !important;\n    }\n\n    &.qd-md-editor--focus {\n      border-color: var(--td-brand-color) !important;\n      box-shadow: 0 0 0 2px var(--td-brand-color-focus);\n    }\n\n    :deep(.md-editor) {\n      &-preview {\n        padding: var(--td-comp-paddingLR-s);\n      }\n    }\n\n    :deep(.cm-content) {\n      margin: var(--td-comp-paddingLR-s);\n      padding: 0;\n    }\n  }\n</style>\n"],"names":["modelValue","_openBlock","_createBlock","_unref","_mergeProps","_createSlots","$slots","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCE,UAAM,QAAQ;AACd,UAAM,OAAO;AAGb,UAAM,EAAE,eAAe,WAAW,OAAO,MAAM,EAAE,SAAS,MAAM;AAEhE,UAAM,aAAa,YAAA;AACnB,UAAM,aAAa,YAAA;AACnB,UAAM,QAAQ,IAAI,KAAK;AAEvB,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM;AAAA,QACJ,YAAAA;AAAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MAAA,IACD;AAEJ,YAAM,aAAa,YAAY,WAAW;AAC1C,YAAM,aAAa,YAAY,WAAW;AAE1C,YAAM,YAA4B,CAAC,QAAQ;AACzC,cAAM,QAAQ;AACd,kBAAU,GAAG;AAAA,MACf;AAEA,YAAM,WAA0B,CAAC,QAAQ;AACvC,cAAM,QAAQ;AACd,iBAAS,GAAG;AAAA,MACd;AAEA,YAAM,aACJ,cAAc,WACV,CAAC,KAAK,kBAAkB,SAAS,IAChC,YAAY,CAAC,GAAG,kBAAkB;AAEzC,YAAM,sBAAsB,qBAAqB;AACjD,UAAI,qBAAqB;AACvB,cAAM,SAAS,WAAW,UAAU,CAAC,SAAS,SAAS,OAAO;AAC9D,YAAI,SAAS,GAAI,YAAW,OAAO,QAAQ,CAAC;AAAA,MAC9C;AAEA,YAAM,oBAAoB;AAAA,QACxB,GAAG;AAAA,QACH,WAAW;AAAA,QACX,cAAc;AAAA,QACd,UAAU;AAAA,QACV,WAAW;AAAA,QACX,aAAa;AAAA,QACb,aAAa;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,WAAW;AAAA,QACX,SAAS;AAAA,QACT,QAAQ;AAAA,MAAA;AAGV,aAAO;AAAA,QACL,UAAU;AAAA,QACV,UAAU;AAAA,QACV,iBAAiB;AAAA,QACjB,QAAQ;AAAA,UACN,YAAAA;AAAAA,QAAA;AAAA,MACF;AAAA,IAEJ,CAAC;AAED,UAAM,YAAY,eAAe,QAAQ;AAEzC,UAAM,SAAS,CAAA;AAEf,cAAU,MAAM;AACd,aAAO,OAAO,QAAQ,UAAU,KAAK;AAAA,IACvC,CAAC;;AAtHD,aAAAC,aAAAC,YAWYC,WAXZC,WAWY;AAAA,QAVV,KAAI;AAAA,oBACKD,MAAA,UAAA;AAAA,yFAAA,WAAU,QAAA,SAAA;AAAA,QAClB,wBAAwB,MAAA,QAAK,wBAAA,EAAA;AAAA,QAC7B,aAAW,QAAA,MAAQ;AAAA,QACnB,UAAU,QAAA,MAAQ;AAAA,MAAA,GACX,QAAA,MAAQ,eAAe,GAAAE,YAAA,EAAA,GAAA,KAAA;AAAA,mBAEDC,KAAAA,QAAM,CAAlB,GAAG,SAAI;;;YACvB,IAAAC,QAAA,CAD6C,cAAS;AAAA,cACtDC,WAAwC,KAAA,QAA3B,MAAIC,eAAAC,mBAAU,SAAS,CAAA,GAAA,QAAA,IAAA;AAAA,YAAA;;;;;;;"}

package/dist/components/md-editor/props.d.ts

@@ -0,0 +1,19 @@
+export declare const qdMdEditorProps: {
+    readonly theme: undefined;
+    readonly disabled: undefined;
+    readonly readonly: undefined;
+    readonly disabledPrettier: true;
+    readonly preview: true;
+    readonly floatingToolbars: () => never[];
+    readonly toolbarsExclude: () => never[];
+    readonly tabWidth: 2;
+    readonly tableShape: () => number[];
+    readonly scrollAuto: true;
+    readonly inputBoxWidth: "50%";
+    readonly catalogLayout: "fixed";
+    readonly codeStyleReverse: true;
+    readonly codeFoldable: true;
+    readonly autoFoldThreshold: 30;
+    readonly disabledUploadImg: undefined;
+};
+export declare const qdMdEditorToolbars: readonly ["bold", "underline", "italic", "-", "title", "strikeThrough", "sub", "sup", "quote", "unorderedList", "orderedList", "task", "-", "codeRow", "code", "link", "image", "table", "katex", "-", "revoke", "next", "=", "pageFullscreen", "preview"];

package/dist/components/md-editor/props.mjs

@@ -0,0 +1,50 @@
+const qdMdEditorProps = {
+  theme: void 0,
+  disabled: void 0,
+  readonly: void 0,
+  disabledPrettier: true,
+  preview: true,
+  floatingToolbars: () => [],
+  toolbarsExclude: () => [],
+  tabWidth: 2,
+  tableShape: () => [6, 4],
+  scrollAuto: true,
+  inputBoxWidth: "50%",
+  catalogLayout: "fixed",
+  codeStyleReverse: true,
+  codeFoldable: true,
+  autoFoldThreshold: 30,
+  disabledUploadImg: void 0
+};
+const qdMdEditorToolbars = [
+  "bold",
+  "underline",
+  "italic",
+  "-",
+  "title",
+  "strikeThrough",
+  "sub",
+  "sup",
+  "quote",
+  "unorderedList",
+  "orderedList",
+  "task",
+  "-",
+  "codeRow",
+  "code",
+  "link",
+  "image",
+  "table",
+  "katex",
+  "-",
+  "revoke",
+  "next",
+  "=",
+  "pageFullscreen",
+  "preview"
+];
+export {
+  qdMdEditorProps,
+  qdMdEditorToolbars
+};
+//# sourceMappingURL=props.mjs.map

package/dist/components/md-editor/props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.mjs","sources":["../../../src/components/md-editor/props.ts"],"sourcesContent":["export const qdMdEditorProps = {\n  theme: undefined,\n  disabled: undefined,\n  readonly: undefined,\n  disabledPrettier: true,\n  preview: true,\n  floatingToolbars: () => [],\n  toolbarsExclude: () => [],\n  tabWidth: 2,\n  tableShape: () => [6, 4],\n  scrollAuto: true,\n  inputBoxWidth: '50%',\n  catalogLayout: 'fixed',\n  codeStyleReverse: true,\n  codeFoldable: true,\n  autoFoldThreshold: 30,\n  disabledUploadImg: undefined\n} as const\n\nexport const qdMdEditorToolbars = [\n  'bold',\n  'underline',\n  'italic',\n  '-',\n  'title',\n  'strikeThrough',\n  'sub',\n  'sup',\n  'quote',\n  'unorderedList',\n  'orderedList',\n  'task',\n  '-',\n  'codeRow',\n  'code',\n  'link',\n  'image',\n  'table',\n  'katex',\n  '-',\n  'revoke',\n  'next',\n  '=',\n  'pageFullscreen',\n  'preview'\n] as const\n"],"names":[],"mappings":"AAAO,MAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,kBAAkB,MAAM,CAAA;AAAA,EACxB,iBAAiB,MAAM,CAAA;AAAA,EACvB,UAAU;AAAA,EACV,YAAY,MAAM,CAAC,GAAG,CAAC;AAAA,EACvB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,mBAAmB;AACrB;AAEO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/components/md-editor/types.d.ts

@@ -0,0 +1,65 @@
+import type { ChangeEvent, CustomIcon, Footers, GetCatalogEvent, HtmlChangedEvent, MdHeadingId, SaveEvent, Themes, ToolbarNames, UploadImgEvent } from 'md-editor-v3';
+import type { CompletionSource } from '@codemirror/autocomplete';
+import type { Component, CSSProperties, VNode } from 'vue';
+export interface QdMdEditorProps {
+    onSave?: SaveEvent;
+    onUploadImg?: UploadImgEvent;
+    pageFullscreen?: boolean;
+    preview?: boolean;
+    htmlPreview?: boolean;
+    toolbars?: ToolbarNames[];
+    floatingToolbars?: ToolbarNames[];
+    toolbarsExclude?: ToolbarNames[];
+    disabledPrettier?: boolean;
+    tabWidth?: number;
+    tableShape?: number[];
+    placeholder?: string;
+    defToolbars?: string | VNode;
+    onError?: ErrorEvent;
+    footers?: Footers;
+    scrollAuto?: boolean;
+    defFooters?: string | VNode;
+    disabledUploadImg?: boolean;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    maxlength?: number;
+    autoDetectCode?: boolean;
+    onBlur?: (event: FocusEvent) => void;
+    onFocus?: (event: FocusEvent) => void;
+    completions?: CompletionSource[];
+    showToolbarName?: boolean;
+    onInput?: (event: Event) => void;
+    onDrop?: (event: DragEvent) => void;
+    inputBoxWidth?: string;
+    oninputBoxWidthChange?: (width: string) => void;
+    transformImgUrl?: (t: string) => string | Promise<string>;
+    catalogLayout?: 'fixed' | 'flat';
+    catalogMaxDepth?: number;
+    modelValue?: string;
+    onChange?: ChangeEvent;
+    theme?: Themes;
+    class?: StringConstructor;
+    language?: string;
+    onHtmlChanged?: HtmlChangedEvent;
+    onGetCatalog?: GetCatalogEvent;
+    id?: string;
+    showCodeRowNumber?: boolean;
+    style?: CSSProperties;
+    mdHeadingId?: MdHeadingId;
+    sanitize?: (html: string) => string;
+    disabledMermaid?: boolean;
+    disabledKatex?: boolean;
+    formatCopiedText?: (text: string) => string;
+    codeStyleReverse?: boolean;
+    codeStyleReverseList?: string[];
+    disabledHighlight?: boolean;
+    disabledImgZoomIn?: boolean;
+    customIcon: CustomIcon;
+    sanitizeMermaid?: (h: string) => Promise<string>;
+    codeFoldable?: boolean;
+    autoFoldThreshold?: number;
+    onRemount?: () => void;
+    disabledEcharts?: boolean;
+    previewComponent?: Component;
+}

package/dist/components/read-write/index.d.ts

@@ -0,0 +1,2 @@
+export { default as QdReadWrite } from './index.vue';
+export type { QdReadWriteProps } from './types';

package/dist/components/read-write/index.vue.d.ts

@@ -0,0 +1,20 @@
+import type { InputValue } from 'tdesign-vue-next';
+import type { QdReadWriteProps } from './types';
+declare const _default: <T = InputValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((args_0: T | undefined) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & QdReadWriteProps<T> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        show: () => void;
+        hide: () => void;
+    }>): void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "update:modelValue", args_0: T | undefined) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/read-write/index.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from "./index.vue2.mjs";
+/* empty css            */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-08077c5a"]]);
+export {
+  index as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/read-write/index.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/read-write/index.vue2.mjs

@@ -0,0 +1,321 @@
+import { defineComponent, mergeDefaults, reactive, computed, createVNode, watch, createBlock, openBlock, unref, mergeProps, withCtx, createElementBlock, withModifiers, createCommentVNode, normalizeProps, guardReactiveProps, Fragment, createElementVNode, toDisplayString } from "vue";
+import { qdReadWriteProps } from "./props.mjs";
+import { Loading, Input, Space, Button } from "tdesign-vue-next";
+import { Edit2Icon, CheckIcon, CloseIcon } from "tdesign-icons-vue-next";
+import { useVModels } from "../../node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.22_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
+import "../../hooks/useAgentChat/index.mjs";
+import "../../locales/zh-CN.mjs";
+import { useTimer, isEmpty } from "qidian-shared";
+import { useReadonly } from "../../hooks/useReadonly.mjs";
+import { useDisabled } from "../../hooks/useDisabled.mjs";
+import merge from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge.mjs";
+const _hoisted_1 = {
+  class: "qd-read-write__read"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: /* @__PURE__ */ mergeDefaults({
+    loading: {
+      type: Boolean
+    },
+    loadingProps: {},
+    edit: {
+      type: Boolean
+    },
+    editBtn: {
+      type: [Boolean, Object]
+    },
+    onConfirm: {
+      type: Function
+    },
+    onCancel: {
+      type: Function
+    },
+    hideActions: {
+      type: Boolean
+    },
+    confirmBtn: {},
+    cancelBtn: {},
+    align: {},
+    allowInputOverMax: {
+      type: Boolean
+    },
+    autoWidth: {
+      type: Boolean
+    },
+    autocomplete: {},
+    autofocus: {
+      type: Boolean
+    },
+    borderless: {
+      type: Boolean
+    },
+    clearable: {
+      type: Boolean
+    },
+    disabled: {
+      type: Boolean
+    },
+    format: {
+      type: Function
+    },
+    inputClass: {},
+    label: {},
+    maxcharacter: {},
+    maxlength: {},
+    name: {},
+    placeholder: {},
+    prefixIcon: {},
+    readonly: {
+      type: Boolean
+    },
+    showClearIconOnEmpty: {
+      type: Boolean
+    },
+    showLimitNumber: {
+      type: Boolean
+    },
+    size: {},
+    spellCheck: {
+      type: Boolean
+    },
+    status: {},
+    suffix: {},
+    suffixIcon: {},
+    tips: {},
+    type: {},
+    value: {},
+    defaultValue: {},
+    modelValue: {},
+    onBlur: {
+      type: Function
+    },
+    onChange: {
+      type: Function
+    },
+    onClear: {
+      type: Function
+    },
+    onClick: {
+      type: Function
+    },
+    onCompositionend: {
+      type: Function
+    },
+    onCompositionstart: {
+      type: Function
+    },
+    onEnter: {
+      type: Function
+    },
+    onFocus: {
+      type: Function
+    },
+    onKeydown: {
+      type: Function
+    },
+    onKeypress: {
+      type: Function
+    },
+    onKeyup: {
+      type: Function
+    },
+    onMouseenter: {
+      type: Function
+    },
+    onMouseleave: {
+      type: Function
+    },
+    onPaste: {
+      type: Function
+    },
+    onValidate: {
+      type: Function
+    },
+    onWheel: {
+      type: Function
+    }
+  }, qdReadWriteProps),
+  emits: ["update:modelValue"],
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
+  }) {
+    const props = __props;
+    const emit = __emit;
+    const {
+      modelValue
+    } = useVModels(props, emit, {
+      passive: true
+    });
+    const tdReadonly = useReadonly();
+    const tdDisabled = useDisabled();
+    const edit = reactive({
+      visible: false,
+      focus: false,
+      value: ""
+    });
+    const {
+      timer: focusTimer,
+      clearTimer: clearFocusTimer
+    } = useTimer();
+    const reProps = computed(() => {
+      const {
+        loading,
+        loadingProps,
+        modelValue: modelValue2,
+        readonly,
+        disabled,
+        hideActions,
+        onConfirm,
+        onCancel,
+        confirmBtn,
+        cancelBtn,
+        edit: externalEdit,
+        editBtn,
+        onFocus,
+        onBlur,
+        onEnter,
+        ...inputOptions
+      } = props;
+      const editOptions = editBtn ? merge({}, {
+        shape: "square",
+        variant: "text",
+        theme: "primary",
+        icon: () => createVNode(Edit2Icon, null, null),
+        onClick: show
+      }, editBtn === true ? void 0 : editBtn) : false;
+      const reOnFocus = (value, ctx) => {
+        onFocus?.(value, ctx);
+        clearFocusTimer();
+        edit.focus = true;
+      };
+      const reOnBlur = (value, ctx) => {
+        onBlur?.(value, ctx);
+        if (reProps.value.hideActions) {
+          handleConfirm();
+          return;
+        }
+        handleCancel();
+        focusTimer.value = setTimeout(() => {
+          edit.focus = false;
+        });
+      };
+      const reOnEnter = (value, ctx) => {
+        onEnter?.(value, ctx);
+        handleConfirm();
+      };
+      const reInputOptions = {
+        ...inputOptions,
+        onFocus: reOnFocus,
+        onBlur: reOnBlur,
+        onEnter: reOnEnter
+      };
+      const reConfirmBtn = merge({}, {
+        shape: "square",
+        variant: "text",
+        theme: "primary",
+        icon: () => createVNode(CheckIcon, null, null),
+        onMousedown: handleConfirm
+      }, confirmBtn);
+      const reCancelBtn = merge({}, {
+        shape: "square",
+        variant: "text",
+        theme: "primary",
+        icon: () => createVNode(CloseIcon, null, null),
+        onClick: () => {
+          if (edit.focus) return;
+          handleCancel();
+        }
+      }, cancelBtn);
+      return {
+        readonly: readonly ?? tdReadonly.value,
+        disabled: disabled ?? tdDisabled.value,
+        hideActions,
+        onConfirm,
+        onCancel,
+        confirmBtn: reConfirmBtn,
+        cancelBtn: reCancelBtn,
+        loadingOptions: {
+          loading,
+          size: "small",
+          ...loadingProps
+        },
+        externalEdit,
+        editOptions,
+        inputOptions: reInputOptions,
+        models: {
+          modelValue: modelValue2
+        }
+      };
+    });
+    function show() {
+      const {
+        readonly,
+        disabled
+      } = reProps.value;
+      if (readonly || disabled) return;
+      edit.value = modelValue.value || "";
+      edit.visible = true;
+      Object.assign(edit, {
+        value: modelValue.value || "",
+        visible: true
+      });
+    }
+    function hide() {
+      edit.visible = false;
+    }
+    function handleConfirm() {
+      if (!edit.visible) return;
+      reProps.value.onConfirm?.(typeof edit.value === "string" ? edit.value.trim() : edit.value);
+      hide();
+    }
+    function handleCancel() {
+      reProps.value.onCancel?.(typeof edit.value === "string" ? edit.value.trim() : edit.value);
+      hide();
+    }
+    watch(() => reProps.value.externalEdit, (v) => {
+      if (isEmpty(v)) return;
+      if (v) show();
+      else hide();
+    }, {
+      immediate: true
+    });
+    __expose({
+      show,
+      hide
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Loading), mergeProps({
+        class: "qd-read-write"
+      }, reProps.value.loadingOptions), {
+        default: withCtx(() => [edit.visible ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "qd-read-write__edit",
+          onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+          }, ["stop"]))
+        }, [createVNode(unref(Input), mergeProps({
+          modelValue: edit.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => edit.value = $event)
+        }, reProps.value.inputOptions), null, 16, ["modelValue"]), !reProps.value.hideActions ? (openBlock(), createBlock(unref(Space), {
+          key: 0,
+          align: "center",
+          size: "small"
+        }, {
+          default: withCtx(() => [createVNode(unref(Button), normalizeProps(guardReactiveProps(reProps.value.confirmBtn)), null, 16), createVNode(unref(Button), normalizeProps(guardReactiveProps(reProps.value.cancelBtn)), null, 16)]),
+          _: 1
+        })) : createCommentVNode("", true)])) : (openBlock(), createElementBlock(Fragment, {
+          key: 1
+        }, [createElementVNode("span", _hoisted_1, toDisplayString(unref(modelValue)), 1), !reProps.value.readonly && !reProps.value.disabled && reProps.value.editOptions ? (openBlock(), createBlock(unref(Button), mergeProps({
+          key: 0,
+          class: "qd-read-write__trigger"
+        }, reProps.value.editOptions), null, 16)) : createCommentVNode("", true)], 64))]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue2.mjs.map