geekplus-digital-ui 0.1.25 → 0.1.27

package/README.md

@@ -1 +1,3 @@
 # Geekplus Digital UI
+
+极智嘉数字化组件库，仅供内部使用。

package/components/copy/src/copy.css

@@ -1 +1 @@
-.d-copy[data-v-b4c0bee4] .el-link__inner{gap:4px}
+.d-copy[data-v-5ec3986a] .el-link__inner{gap:4px}

package/components/copy/src/copy.vue.js

@@ -1,14 +1,14 @@
-import { ref as m, toRef as C, computed as p, onMounted as L, onBeforeUnmount as x, openBlock as a, createBlock as d, unref as f, withModifiers as S, normalizeStyle as M, withCtx as y, createElementBlock as N, normalizeClass as _, createVNode as b, renderSlot as B, createCommentVNode as w } from "vue";
-import { useClipboard as R } from "@vueuse/core";
-import { ElMessage as $, ElLink as z } from "element-plus";
+import { ref as m, computed as p, onMounted as k, onBeforeUnmount as C, openBlock as a, createBlock as d, unref as f, withModifiers as L, normalizeStyle as S, withCtx as y, createElementBlock as x, normalizeClass as M, createVNode as N, renderSlot as _, createCommentVNode as B } from "vue";
+import { useClipboard as w } from "@vueuse/core";
+import { ElMessage as $, ElLink as b } from "element-plus";
 import "../../index.js";
 import "../../../hooks/index.js";
-import D from "../../icons/copy-light.vue.js";
+import z from "../../icons/copy-light.vue.js";
 import './copy.css';/* empty css          */
-import I from "../../../_virtual/_plugin-vue_export-helper.js";
-import { useLocale as V } from "../../../hooks/use-locale/index.js";
-import { DIcon as j } from "../../icon/index.js";
-const H = /* @__PURE__ */ Object.assign({
+import D from "../../../_virtual/_plugin-vue_export-helper.js";
+import { useLocale as I } from "../../../hooks/use-locale/index.js";
+import { DIcon as R } from "../../icon/index.js";
+const V = /* @__PURE__ */ Object.assign({
   name: "DCopy"
 }, {
   __name: "copy",
@@ -28,63 +28,63 @@ const H = /* @__PURE__ */ Object.assign({
     }
     // 触发元素显示的dom，不设置就一直显示
   },
-  setup(n, { expose: v }) {
-    const r = n, l = m(null), s = m(!1), g = C(r, "text"), { copy: E } = R({
-      source: g
-    }), { t: h } = V(), e = p(() => {
+  setup(r, { expose: v }) {
+    const n = r, l = m(null), s = m(!1), { copy: g } = w({
+      source: n.text
+    }), { t: E } = I(), e = p(() => {
       const o = l.value?.$el ?? l.value;
-      if (!r.triggerElement || !o)
+      if (!n.triggerElement || !o)
         return null;
       let t = o.parentNode;
       for (; t; ) {
-        if (t.matches(r.triggerElement))
+        if (t.matches(n.triggerElement))
           return t;
         t = t.parentNode;
       }
       return null;
-    }), k = p(() => ({
-      display: r.triggerElement && !s.value ? "none" : ""
+    }), h = p(() => ({
+      display: n.triggerElement && !s.value ? "none" : ""
     })), i = () => {
-      E().then(() => {
-        $.success(h("d.copy.success"));
+      g().then(() => {
+        $.success(E("d.copy.success"));
       });
     }, u = () => {
       s.value = !0;
     }, c = () => {
       s.value = !1;
     };
-    return L(() => {
+    return k(() => {
       e.value && (e.value.addEventListener("mouseenter", u), e.value.addEventListener("mouseleave", c));
-    }), x(() => {
+    }), C(() => {
       e.value && (e.value.removeEventListener("mouseenter", u), e.value.removeEventListener("mouseleave", c));
     }), v({
       rootRef: l,
       handleCopy: i
-    }), (o, t) => (a(), d(f(z), {
+    }), (o, t) => (a(), d(f(b), {
       ref_key: "rootRef",
       ref: l,
       class: "d-copy",
-      type: n.type,
+      type: r.type,
       underline: "never",
-      style: M(k.value),
-      onClick: S(i, ["stop"])
+      style: S(h.value),
+      onClick: L(i, ["stop"])
     }, {
       default: y(() => [
-        n.icon ? (a(), N("i", {
+        r.icon ? (a(), x("i", {
           key: 0,
-          class: _(n.icon)
-        }, null, 2)) : (a(), d(f(j), { key: 1 }, {
+          class: M(r.icon)
+        }, null, 2)) : (a(), d(f(R), { key: 1 }, {
           default: y(() => [
-            b(D)
+            N(z)
           ]),
           _: 1
         })),
-        o.$slots.default ? B(o.$slots, "default", { key: 2 }, void 0, !0) : w("", !0)
+        o.$slots.default ? _(o.$slots, "default", { key: 2 }, void 0, !0) : B("", !0)
       ]),
       _: 3
     }, 8, ["type", "style"]));
   }
-}), T = /* @__PURE__ */ I(H, [["__scopeId", "data-v-b4c0bee4"]]);
+}), P = /* @__PURE__ */ D(V, [["__scopeId", "data-v-5ec3986a"]]);
 export {
-  T as default
+  P as default
 };

package/components/editor/index.d.ts

@@ -0,0 +1,26 @@
+export const DEditor: import('vue').DefineComponent<{}, {
+    $emit: (event: "add-image" | "update:model-value", ...args: any[]) => void;
+    disabled: boolean;
+    modelValue: string;
+    mode: string;
+    showToolbar: boolean;
+    minHeight: number;
+    border: boolean;
+    toolbarConfig: Record<string, any>;
+    editorConfig: Record<string, any>;
+    placeholder?: string;
+    $props: {
+        readonly disabled?: boolean;
+        readonly modelValue?: string;
+        readonly mode?: string;
+        readonly showToolbar?: boolean;
+        readonly minHeight?: number;
+        readonly border?: boolean;
+        readonly toolbarConfig?: Record<string, any>;
+        readonly editorConfig?: Record<string, any>;
+        readonly placeholder?: string;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    rootRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default DEditor;

package/components/editor/index.js

@@ -0,0 +1,6 @@
+import o from "./src/editor.vue.js";
+const r = o;
+export {
+  r as DEditor,
+  r as default
+};

package/components/editor/src/code-collapse.css

@@ -0,0 +1 @@
+.code-collapse[data-v-04f9af29]{border:1px solid var(--el-border-color);border-radius:4px;background:var(--el-bg-color-overlay);overflow:hidden}.code-collapse summary[data-v-04f9af29]{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 12px;color:var(--el-text-color-primary);line-height:normal;display:flex;justify-content:flex-end;align-items:center;gap:4px}.code-collapse[data-v-04f9af29] .code-collapse-content pre code{margin:0;border:none;border-radius:0}

package/components/editor/src/code-collapse.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    contentRef: import('vue').Ref<any, any>;
+    initialOpen: boolean;
+    $props: {
+        readonly initialOpen?: boolean;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    contentRef: HTMLDivElement;
+}, HTMLDetailsElement>;
+export default _default;

package/components/editor/src/code-collapse.vue.js

@@ -0,0 +1,48 @@
+import { ref as r, computed as u, openBlock as o, createElementBlock as f, createElementVNode as t, toDisplayString as _, createVNode as g, unref as x, withCtx as y, createBlock as c } from "vue";
+import "../../index.js";
+import "../../../hooks/index.js";
+import h from "../../icons/angle-down-light.vue.js";
+import k from "../../icons/angle-up-light.vue.js";
+import './code-collapse.css';/* empty css                   */
+import v from "../../../_virtual/_plugin-vue_export-helper.js";
+import { useLocale as B } from "../../../hooks/use-locale/index.js";
+import { DIcon as O } from "../../icon/index.js";
+const C = ["open"], D = {
+  __name: "code-collapse",
+  props: {
+    initialOpen: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(n, { expose: p }) {
+    const s = n, l = r(null), e = r(s.initialOpen), { t: i } = B(), m = u(() => i(e.value ? "d.editor.collapse" : "d.editor.expand")), d = (a) => {
+      e.value = a.target.open;
+    };
+    return p({
+      contentRef: l
+    }), (a, L) => (o(), f("details", {
+      class: "code-collapse",
+      open: n.initialOpen,
+      onToggle: d
+    }, [
+      t("summary", null, [
+        t("span", null, _(m.value), 1),
+        g(x(O), null, {
+          default: y(() => [
+            e.value ? (o(), c(k, { key: 0 })) : (o(), c(h, { key: 1 }))
+          ]),
+          _: 1
+        })
+      ]),
+      t("div", {
+        ref_key: "contentRef",
+        ref: l,
+        class: "code-collapse-content"
+      }, null, 512)
+    ], 40, C));
+  }
+}, U = /* @__PURE__ */ v(D, [["__scopeId", "data-v-04f9af29"]]);
+export {
+  U as default
+};

package/components/editor/src/editor.css

@@ -0,0 +1 @@
+:root{--w-e-textarea-bg-color: transparent;--w-e-textarea-color: var(--el-text-color-primary);--w-e-textarea-border-color: var(--el-border-color);--w-e-textarea-slight-border-color: var(--el-border-color);--w-e-textarea-slight-color: var(--el-text-color-placeholder);--w-e-textarea-slight-bg-color: var(--el-fill-color-light);--w-e-textarea-selected-border-color: var(--el-color-primary-light-5);--w-e-textarea-handler-bg-color: var(--el-color-primary);--w-e-toolbar-color: var(--el-text-color-regular);--w-e-toolbar-bg-color: var(--el-bg-color-overlay);--w-e-toolbar-active-color: var(--el-text-color-primary);--w-e-toolbar-active-bg-color: var(--el-fill-color);--w-e-toolbar-disabled-color: var(--el-text-color-placeholder);--w-e-toolbar-border-color: var(--el-border-color);--w-e-modal-button-bg-color: var(--el-bg-color);--w-e-modal-button-border-color: var(--el-border-color)}

package/components/editor/src/editor.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    $emit: (event: "add-image" | "update:model-value", ...args: any[]) => void;
+    disabled: boolean;
+    modelValue: string;
+    mode: string;
+    showToolbar: boolean;
+    minHeight: number;
+    border: boolean;
+    toolbarConfig: Record<string, any>;
+    editorConfig: Record<string, any>;
+    placeholder?: string;
+    $props: {
+        readonly disabled?: boolean;
+        readonly modelValue?: string;
+        readonly mode?: string;
+        readonly showToolbar?: boolean;
+        readonly minHeight?: number;
+        readonly border?: boolean;
+        readonly toolbarConfig?: Record<string, any>;
+        readonly editorConfig?: Record<string, any>;
+        readonly placeholder?: string;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    rootRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/components/editor/src/editor.vue.js

@@ -0,0 +1,154 @@
+import { ref as n, computed as s, createApp as $, watch as b, nextTick as F, onBeforeUnmount as M, openBlock as w, createElementBlock as G, normalizeClass as J, withDirectives as K, createVNode as x, unref as C, vShow as Q, normalizeStyle as W, createBlock as X, createCommentVNode as Y } from "vue";
+import { i18nChangeLanguage as Z } from "@wangeditor-next/editor";
+import { Toolbar as _, Editor as ee } from "@wangeditor-next/editor-for-vue";
+import './editor2.css';import './editor.css';import '../../../node_modules/.pnpm/@wangeditor-next_editor@5.6.49/node_modules/@wangeditor-next/editor/dist/css/style.css';/* empty css                                                                                                                 */
+/* empty css            */
+import "../../../hooks/index.js";
+import { useFormItem as te, ElImageViewer as oe } from "element-plus";
+import le from "./code-collapse.vue.js";
+/* empty css            */
+import ae from "../../../_virtual/_plugin-vue_export-helper.js";
+import { useLocale as ne } from "../../../hooks/use-locale/index.js";
+const re = /* @__PURE__ */ Object.assign({
+  name: "DEditor"
+}, {
+  __name: "editor",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    mode: {
+      type: String,
+      default: "simple"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    showToolbar: {
+      type: Boolean,
+      default: !0
+    },
+    minHeight: {
+      type: Number,
+      default: 200
+    },
+    border: {
+      type: Boolean,
+      default: !1
+    },
+    toolbarConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    editorConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    placeholder: String
+  },
+  emits: ["add-image", "update:model-value"],
+  setup(l, { emit: I }) {
+    const o = l, V = I, B = n(null), r = n(null), h = n(""), y = n(0), u = n(!1), m = n([]), f = n(0), p = /* @__PURE__ */ new Map(), { t: S, getLocale: N } = ne(), { formItem: E } = te(), A = s(() => N()), R = (e) => {
+      r.value = Object.seal(e);
+    }, L = (e) => {
+      let t = e;
+      t === "<p><br></p>" && (t = ""), t !== h.value && (h.value = t, V("update:model-value", t), E?.validate("change"), E?.validate("blur"));
+    }, O = (e) => {
+      if (!o.disabled)
+        return;
+      const t = e?.target?.closest?.("img");
+      if (!t)
+        return;
+      const a = r.value?.getEditableContainer?.(), i = Array.from(a?.querySelectorAll?.("img") || []);
+      if (i.length === 0)
+        return;
+      const g = (d) => d?.currentSrc || d?.src || d?.getAttribute?.("data-src") || "", v = i.map(g).filter(Boolean);
+      if (v.length === 0)
+        return;
+      const P = g(t), k = v.findIndex((d) => d === P);
+      m.value = v, f.value = k >= 0 ? k : 0, u.value = !0, e?.stopPropagation?.();
+    }, T = (e) => {
+      if (o.disabled) {
+        O(e);
+        return;
+      }
+      r.value?.focus?.();
+    }, j = () => {
+      u.value = !1, m.value = [], f.value = 0;
+    }, c = () => {
+      p.forEach(({ app: e, host: t, pre: a }) => {
+        t?.isConnected && a?.isConnected && t.parentNode && t.parentNode.insertBefore(a, t), e.unmount(), t?.remove();
+      }), p.clear();
+    }, z = (e) => {
+      const t = document.createElement("div");
+      e.parentNode?.insertBefore(t, e);
+      const a = $(le), i = a.mount(t);
+      (i.contentRef?.value || i.contentRef)?.appendChild(e), p.set(e, {
+        app: a,
+        host: t,
+        pre: e
+      });
+    }, U = () => {
+      const e = r.value?.getEditableContainer?.()?.querySelectorAll("pre");
+      e && e.forEach((t) => {
+        t.parentElement?.tagName !== "DETAILS" && z(t);
+      });
+    }, D = s(() => ({
+      ...o.toolbarConfig
+    })), H = s(() => ({
+      placeholder: o.disabled ? "" : o.placeholder || S("d.editor.placeholder"),
+      readOnly: o.disabled,
+      ...o.editorConfig
+    })), q = s(() => ({
+      "--minHeight": o.border ? `${o.minHeight}px` : ""
+    }));
+    return b(A, (e) => {
+      Z(e === "zh-cn" ? "zh-CN" : "en");
+    }, { immediate: !0 }), b(() => o.disabled, () => {
+      c(), y.value++;
+    }), b(() => o.modelValue, () => {
+      o.disabled ? F(() => {
+        c(), U();
+      }) : c();
+    }, { immediate: !0 }), M(() => {
+      c(), r.value?.destroy?.();
+    }), (e, t) => (w(), G("div", {
+      ref_key: "rootRef",
+      ref: B,
+      key: y.value,
+      class: J(["d-editor", { "editor-border": l.border, "editor-disabled": l.disabled }])
+    }, [
+      K(x(C(_), {
+        class: "toolbar-container",
+        editor: r.value,
+        "default-config": D.value,
+        mode: l.mode
+      }, null, 8, ["editor", "default-config", "mode"]), [
+        [Q, l.showToolbar && !l.disabled]
+      ]),
+      x(C(ee), {
+        class: "editor-container",
+        style: W(q.value),
+        "model-value": l.modelValue,
+        "default-config": H.value,
+        mode: l.mode,
+        onOnCreated: R,
+        "onUpdate:modelValue": L,
+        onClick: T
+      }, null, 8, ["style", "model-value", "default-config", "mode"]),
+      u.value ? (w(), X(C(oe), {
+        key: 0,
+        "url-list": m.value,
+        "initial-index": f.value,
+        "hide-on-click-modal": "",
+        teleported: "",
+        onClose: j
+      }, null, 8, ["url-list", "initial-index"])) : Y("", !0)
+    ], 2));
+  }
+}), Ce = /* @__PURE__ */ ae(re, [["__scopeId", "data-v-3771fd9e"]]);
+export {
+  Ce as default
+};

package/components/editor/src/editor2.css

@@ -0,0 +1 @@
+.d-editor[data-v-3771fd9e]{width:100%}.d-editor.w-e-full-screen-container[data-v-3771fd9e]{z-index:1000}.d-editor .toolbar-container[data-v-3771fd9e]{border-bottom:1px solid var(--el-border-color)}.d-editor .toolbar-container[data-v-3771fd9e] .w-e-toolbar{border-radius:4px}.d-editor .toolbar-container[data-v-3771fd9e] .w-e-drop-panel{z-index:100}.d-editor .editor-container[data-v-3771fd9e]{min-height:var(--minHeight);background:var(--el-fill-color-blank);border-radius:4px}.d-editor .editor-container[data-v-3771fd9e] p[id^=w-e-element-paragraph-]{margin:10px 0}.d-editor .editor-container[data-v-3771fd9e] .w-e-text-placeholder{font-style:normal;font-size:14px;line-height:normal;top:11px}.d-editor .editor-container[data-v-3771fd9e] .w-e-image-container{width:500px}.d-editor .editor-container[data-v-3771fd9e] pre :deep(code){text-shadow:none}.d-editor.editor-disabled[data-v-3771fd9e]:not(.editor-border) div[id^=w-e-textarea-]{padding:0}.d-editor.editor-disabled[data-v-3771fd9e]:not(.editor-border) p[id^=w-e-element-paragraph-]:first-child{margin-top:0}.d-editor.editor-disabled[data-v-3771fd9e]:not(.editor-border) p[id^=w-e-element-paragraph-]:last-child{margin-bottom:0}.editor-border[data-v-3771fd9e]{border:1px solid var(--el-border-color);border-radius:4px;background:var(--el-bg-color);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.editor-border[data-v-3771fd9e]:hover{border-color:var(--el-text-color-disabled)}.editor-disabled .editor-container[data-v-3771fd9e] img{cursor:zoom-in}.el-form-item.is-error .editor-border[data-v-3771fd9e]{border:1px solid var(--el-color-danger)}

package/components/index.d.ts

@@ -1,5 +1,7 @@
 export * from './copy';
+export * from './editor';
 export * from './fold-text';
+export * from './icon';
 export * from './icon-tip';
+export * from './inline-edit';
 export * from './upload';
-export * from './icon';

package/components/index.js

@@ -1,12 +1,16 @@
 import { DCopy as p } from "./copy/index.js";
-import { DFoldText as t } from "./fold-text/index.js";
-import { DIconTip as f } from "./icon-tip/index.js";
-import { DUpload as D } from "./upload/index.js";
-import { DIcon as d } from "./icon/index.js";
+import { DEditor as e } from "./editor/index.js";
+import { DFoldText as f } from "./fold-text/index.js";
+import { DIcon as D } from "./icon/index.js";
+import { DIconTip as i } from "./icon-tip/index.js";
+import { DInlineEdit as l } from "./inline-edit/index.js";
+import { DUpload as c } from "./upload/index.js";
 export {
   p as DCopy,
-  t as DFoldText,
-  d as DIcon,
-  f as DIconTip,
-  D as DUpload
+  e as DEditor,
+  f as DFoldText,
+  D as DIcon,
+  i as DIconTip,
+  l as DInlineEdit,
+  c as DUpload
 };

package/components/inline-edit/index.d.ts

@@ -0,0 +1,73 @@
+export const DInlineEdit: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+        editable: import('vue').Ref<boolean, boolean>;
+        $emit: (event: "focus" | "blur", ...args: any[]) => void;
+        disabled: boolean;
+        trigger: string;
+        autofocus: boolean;
+        outsideIgnore: unknown[];
+        beforeClose?: Function;
+        focusTarget?: string | Function;
+        $props: {
+            readonly disabled?: boolean;
+            readonly trigger?: string;
+            readonly autofocus?: boolean;
+            readonly outsideIgnore?: unknown[];
+            readonly beforeClose?: Function;
+            readonly focusTarget?: string | Function;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        rootRef: HTMLDivElement;
+        editorRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {
+        editable: import('vue').Ref<boolean, boolean>;
+        $emit: (event: "focus" | "blur", ...args: any[]) => void;
+        disabled: boolean;
+        trigger: string;
+        autofocus: boolean;
+        outsideIgnore: unknown[];
+        beforeClose?: Function;
+        focusTarget?: string | Function;
+        $props: {
+            readonly disabled?: boolean;
+            readonly trigger?: string;
+            readonly autofocus?: boolean;
+            readonly outsideIgnore?: unknown[];
+            readonly beforeClose?: Function;
+            readonly focusTarget?: string | Function;
+        };
+    }, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+    editable: import('vue').Ref<boolean, boolean>;
+    $emit: (event: "focus" | "blur", ...args: any[]) => void;
+    disabled: boolean;
+    trigger: string;
+    autofocus: boolean;
+    outsideIgnore: unknown[];
+    beforeClose?: Function;
+    focusTarget?: string | Function;
+    $props: {
+        readonly disabled?: boolean;
+        readonly trigger?: string;
+        readonly autofocus?: boolean;
+        readonly outsideIgnore?: unknown[];
+        readonly beforeClose?: Function;
+        readonly focusTarget?: string | Function;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        editor?(_: {}): any;
+        default?(_: {}): any;
+    };
+});
+export default DInlineEdit;

package/components/inline-edit/index.js

@@ -0,0 +1,6 @@
+import t from "./src/inline-edit.vue.js";
+const n = t;
+export {
+  n as DInlineEdit,
+  n as default
+};

package/components/inline-edit/src/inline-edit.css

@@ -0,0 +1 @@
+.d-inline-edit .text-hover[data-v-db4be4cc]{border-radius:4px;cursor:text}.d-inline-edit .text-hover[data-v-db4be4cc]:hover{box-shadow:0 0 0 1px var(--el-border-color) inset}

package/components/inline-edit/src/inline-edit.vue.d.ts

@@ -0,0 +1,38 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    editable: import('vue').Ref<boolean, boolean>;
+    $emit: (event: "focus" | "blur", ...args: any[]) => void;
+    disabled: boolean;
+    trigger: string;
+    autofocus: boolean;
+    outsideIgnore: unknown[];
+    beforeClose?: Function;
+    focusTarget?: string | Function;
+    $props: {
+        readonly disabled?: boolean;
+        readonly trigger?: string;
+        readonly autofocus?: boolean;
+        readonly outsideIgnore?: unknown[];
+        readonly beforeClose?: Function;
+        readonly focusTarget?: string | Function;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    rootRef: HTMLDivElement;
+    editorRef: HTMLDivElement;
+}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        editor?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+        editorRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};

package/components/inline-edit/src/inline-edit.vue.js

@@ -0,0 +1,112 @@
+import { ref as f, nextTick as k, openBlock as d, createElementBlock as p, renderSlot as C, normalizeClass as x } from "vue";
+import { onClickOutside as R } from "@vueuse/core";
+import { isFunction as n } from "lodash-es";
+import './inline-edit.css';/* empty css                 */
+import w from "../../../_virtual/_plugin-vue_export-helper.js";
+const v = 'input:not([disabled]), textarea:not([disabled]), [contenteditable="true"], [tabindex]:not([tabindex="-1"])', B = /* @__PURE__ */ Object.assign({
+  name: "DInlineEdit"
+}, {
+  __name: "inline-edit",
+  props: {
+    disabled: Boolean,
+    trigger: {
+      type: String,
+      default: "click",
+      validator: (s) => ["click", "dblclick"].includes(s)
+    },
+    beforeClose: {
+      type: Function
+    },
+    autofocus: {
+      type: Boolean,
+      default: !0
+    },
+    focusTarget: {
+      type: [String, Function]
+    },
+    outsideIgnore: {
+      type: Array,
+      default: () => [],
+      validator: (s) => s.every((u) => typeof u == "string")
+    }
+  },
+  emits: ["focus", "blur"],
+  setup(s, { expose: u, emit: E }) {
+    const _ = [".el-popper"], t = s, b = E, y = f(null), l = f(null), o = f(!1), S = [
+      ..._,
+      ...t.outsideIgnore
+    ], c = (e) => e?.querySelector ? e.querySelector(v) : null, a = (e) => {
+      if (!e)
+        return !1;
+      if (e.$el && n(e.focus))
+        return e.focus(), !0;
+      const r = e.$el ?? e;
+      if (!r)
+        return !1;
+      const i = c(r);
+      return i && n(i.focus) ? (i.focus(), !0) : n(r.matches) && r.matches(v) && n(r.focus) ? (r.focus(), !0) : !1;
+    }, g = () => {
+      const e = l.value;
+      if (!e || !t.focusTarget)
+        return null;
+      if (n(t.focusTarget))
+        return t.focusTarget(e);
+      try {
+        return e.querySelector(t.focusTarget);
+      } catch {
+        return null;
+      }
+    }, T = async () => {
+      if (!t.autofocus)
+        return;
+      await k();
+      const e = g();
+      if (a(e))
+        return;
+      const r = c(l.value);
+      if (a(r))
+        return;
+      await k();
+      const i = g() ?? c(l.value);
+      a(i);
+    }, m = async () => {
+      t.disabled || (o.value = !0, b("focus"), await T());
+    }, F = () => {
+      t.trigger === "click" && m();
+    }, h = () => {
+      t.trigger === "dblclick" && m();
+    }, I = async () => n(t.beforeClose) ? await t.beforeClose() !== !1 : !0, O = async () => {
+      o.value && await I() && (o.value = !1, b("blur"));
+    };
+    return R(y, async () => {
+      o.value && await O();
+    }, {
+      ignore: S
+    }), u({
+      editable: o
+    }), (e, r) => (d(), p("div", {
+      ref_key: "rootRef",
+      ref: y,
+      class: "d-inline-edit"
+    }, [
+      o.value ? (d(), p("div", {
+        key: 0,
+        ref_key: "editorRef",
+        ref: l,
+        class: "editor"
+      }, [
+        C(e.$slots, "editor", {}, void 0, !0)
+      ], 512)) : (d(), p("div", {
+        key: 1,
+        class: x(["text", { "text-hover": !t.disabled }]),
+        onClick: F,
+        onDblclick: h
+      }, [
+        C(e.$slots, "default", {}, void 0, !0)
+      ], 34))
+    ], 512));
+  }
+}), j = /* @__PURE__ */ w(B, [["__scopeId", "data-v-db4be4cc"]]);
+export {
+  j as default
+};

package/index.js

@@ -2,24 +2,28 @@ import { install as o } from "./install.js";
 import "./components/index.js";
 import "./hooks/index.js";
 import { setComponentRegistry as x, setGlobalConfig as i } from "./config/index.js";
-import { DCopy as n } from "./components/copy/index.js";
-import { DFoldText as a } from "./components/fold-text/index.js";
-import { DIcon as d } from "./components/icon/index.js";
-import { DIconTip as u } from "./components/icon-tip/index.js";
-import { DUpload as g } from "./components/upload/index.js";
-import { useActivated as I } from "./hooks/use-activated/index.js";
-import { useLocale as b } from "./hooks/use-locale/index.js";
+import { DCopy as l } from "./components/copy/index.js";
+import { DEditor as a } from "./components/editor/index.js";
+import { DFoldText as D } from "./components/fold-text/index.js";
+import { DIcon as u } from "./components/icon/index.js";
+import { DIconTip as I } from "./components/icon-tip/index.js";
+import { DInlineEdit as y } from "./components/inline-edit/index.js";
+import { DUpload as T } from "./components/upload/index.js";
+import { useActivated as v } from "./hooks/use-activated/index.js";
+import { useLocale as F } from "./hooks/use-locale/index.js";
 const p = { install: o };
 export {
-  n as DCopy,
-  a as DFoldText,
-  d as DIcon,
-  u as DIconTip,
-  g as DUpload,
+  l as DCopy,
+  a as DEditor,
+  D as DFoldText,
+  u as DIcon,
+  I as DIconTip,
+  y as DInlineEdit,
+  T as DUpload,
   p as default,
   o as install,
   x as setComponentRegistry,
   i as setGlobalConfig,
-  I as useActivated,
-  b as useLocale
+  v as useActivated,
+  F as useLocale
 };

package/locale/lang/en.d.ts

@@ -4,9 +4,16 @@ declare namespace _default {
         namespace copy {
             let success: string;
         }
-        namespace foldText {
+        namespace editor {
             let expand: string;
             let collapse: string;
+            let placeholder: string;
+        }
+        namespace foldText {
+            let expand_1: string;
+            export { expand_1 as expand };
+            let collapse_1: string;
+            export { collapse_1 as collapse };
         }
         namespace upload {
             export let lessThan: string;
@@ -20,10 +27,10 @@ declare namespace _default {
             export let comma: string;
             export let preview: string;
             export let close: string;
-            let expand_1: string;
-            export { expand_1 as expand };
-            let collapse_1: string;
-            export { collapse_1 as collapse };
+            let expand_2: string;
+            export { expand_2 as expand };
+            let collapse_2: string;
+            export { collapse_2 as collapse };
             let upload_1: string;
             export { upload_1 as upload };
             export let downloadAll: string;

package/locale/lang/en.js

@@ -4,6 +4,11 @@ const e = {
     copy: {
       success: "Copy successful"
     },
+    editor: {
+      expand: "Expand",
+      collapse: "Collapse",
+      placeholder: "Please input"
+    },
     foldText: {
       expand: "Expand",
       collapse: "Collapse"

package/locale/lang/zh-cn.d.ts

@@ -4,9 +4,16 @@ declare namespace _default {
         namespace copy {
             let success: string;
         }
-        namespace foldText {
+        namespace editor {
             let expand: string;
             let collapse: string;
+            let placeholder: string;
+        }
+        namespace foldText {
+            let expand_1: string;
+            export { expand_1 as expand };
+            let collapse_1: string;
+            export { collapse_1 as collapse };
         }
         namespace upload {
             export let lessThan: string;
@@ -20,10 +27,10 @@ declare namespace _default {
             export let comma: string;
             export let preview: string;
             export let close: string;
-            let expand_1: string;
-            export { expand_1 as expand };
-            let collapse_1: string;
-            export { collapse_1 as collapse };
+            let expand_2: string;
+            export { expand_2 as expand };
+            let collapse_2: string;
+            export { collapse_2 as collapse };
             let upload_1: string;
             export { upload_1 as upload };
             export let downloadAll: string;

package/locale/lang/zh-cn.js

@@ -4,6 +4,11 @@ const e = {
     copy: {
       success: "复制成功"
     },
+    editor: {
+      expand: "展开",
+      collapse: "收起",
+      placeholder: "请输入"
+    },
     foldText: {
       expand: "展开",
       collapse: "收起"

package/package.json

@@ -1,31 +1,33 @@
-{
-  "name": "geekplus-digital-ui",
-  "version": "0.1.25",
-  "type": "module",
-  "main": "index.js",
-  "module": "index.js",
-  "types": "index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./index.d.ts",
-      "import": "./index.js"
-    },
-    "./*": {
-      "types": "./*.d.ts",
-      "import": "./*.js"
-    }
-  },
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "dependencies": {
-    "@vueuse/core": "^14.2.1",
-    "file-saver": "^2.0.5",
-    "lodash-es": "^4.17.23",
-    "vue-i18n": "^11.2.8"
-  },
-  "peerDependencies": {
-    "element-plus": "^2.13.2",
-    "vue": "^3.5.29"
-  }
-}
+{
+  "name": "geekplus-digital-ui",
+  "version": "0.1.27",
+  "type": "module",
+  "main": "index.js",
+  "module": "index.js",
+  "types": "index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js"
+    },
+    "./*": {
+      "types": "./*.d.ts",
+      "import": "./*.js"
+    }
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "dependencies": {
+    "@vueuse/core": "^14.2.1",
+    "@wangeditor-next/editor": "^5.6.49",
+    "@wangeditor-next/editor-for-vue": "^5.1.14",
+    "file-saver": "^2.0.5",
+    "lodash-es": "^4.17.23",
+    "vue-i18n": "^11.2.8"
+  },
+  "peerDependencies": {
+    "element-plus": "^2.13.2",
+    "vue": "^3.5.29"
+  }
+}