geekplus-digital-ui 0.1.26 → 0.1.27

package/README.md

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

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,6 +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,14 +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 { DInlineEdit as D } from "./inline-edit/index.js";
-import { DUpload as d } from "./upload/index.js";
-import { DIcon as l } 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,
-  l as DIcon,
-  f as DIconTip,
-  D as DInlineEdit,
-  d as DUpload
+  e as DEditor,
+  f as DFoldText,
+  D as DIcon,
+  i as DIconTip,
+  l as DInlineEdit,
+  c as DUpload
 };

package/index.js

@@ -3,25 +3,27 @@ import "./components/index.js";
 import "./hooks/index.js";
 import { setComponentRegistry as x, setGlobalConfig as i } from "./config/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 { DIconTip as u } from "./components/icon-tip/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";
+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 {
   l as DCopy,
-  a as DFoldText,
-  D as DIcon,
-  u as DIconTip,
-  I as DInlineEdit,
-  y as DUpload,
+  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,
-  b as useActivated,
-  A 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.26",
-  "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"
+  }
+}