geekplus-digital-ui 0.1.25 → 0.1.26

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/index.d.ts

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

package/components/index.js

@@ -1,12 +1,14 @@
 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 { DInlineEdit as D } from "./inline-edit/index.js";
+import { DUpload as d } from "./upload/index.js";
+import { DIcon as l } from "./icon/index.js";
 export {
   p as DCopy,
   t as DFoldText,
-  d as DIcon,
+  l as DIcon,
   f as DIconTip,
-  D as DUpload
+  D as DInlineEdit,
+  d 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,26 @@ 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 { DCopy as l } 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 { 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 { DInlineEdit as I } from "./components/inline-edit/index.js";
+import { DUpload as y } from "./components/upload/index.js";
+import { useActivated as b } from "./hooks/use-activated/index.js";
+import { useLocale as A } from "./hooks/use-locale/index.js";
 const p = { install: o };
 export {
-  n as DCopy,
+  l as DCopy,
   a as DFoldText,
-  d as DIcon,
+  D as DIcon,
   u as DIconTip,
-  g as DUpload,
+  I as DInlineEdit,
+  y as DUpload,
   p as default,
   o as install,
   x as setComponentRegistry,
   i as setGlobalConfig,
-  I as useActivated,
-  b as useLocale
+  b as useActivated,
+  A as useLocale
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geekplus-digital-ui",
-  "version": "0.1.25",
+  "version": "0.1.26",
   "type": "module",
   "main": "index.js",
   "module": "index.js",