@duxweb/dvha-pro 1.1.30 → 1.2.0

package/dist/esm/components/spec/specEditor.js

@@ -1,355 +1,225 @@
-import { defineComponent as G, computed as H, watch as J, createVNode as a, mergeProps as E, ref as y, isVNode as Q } from "vue";
-import { useI18n as R } from "@duxweb/dvha-core";
-import { useVModel as T } from "@vueuse/core";
-import { NInput as D, NButton as S, NCheckbox as W } from "naive-ui";
-import { VueDraggable as X } from "vue-draggable-plus";
-import "mime";
-import "vue-router";
-import "@overlastic/vue";
-import "clsx";
-import "vue-echarts";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
-import "vue-cropper";
-import "jinrishici";
-import "lodash-es";
-import "@vee-validate/i18n";
-import "colorizr";
-import "echarts";
-import "highlight.js/lib/core";
-import "highlight.js/lib/languages/bash";
-import "highlight.js/lib/languages/css";
-import "highlight.js/lib/languages/go";
-import "highlight.js/lib/languages/java";
-import "highlight.js/lib/languages/javascript";
-import "highlight.js/lib/languages/json";
-import "highlight.js/lib/languages/markdown";
-import "highlight.js/lib/languages/php";
-import "highlight.js/lib/languages/python";
-import "highlight.js/lib/languages/shell";
-import "highlight.js/lib/languages/sql";
-import "highlight.js/lib/languages/typescript";
-import "highlight.js/lib/languages/xml";
-import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
-import "@vee-validate/i18n/dist/locale/en.json";
-import "@vee-validate/i18n/dist/locale/zh_CN.json";
-import "vee-validate";
-import "@duxweb/dvha-naiveui";
-import "vue-command-palette";
-import "../../pages/page404.js";
-import "short-unique-id";
-import "aieditor";
-import "@vue-flow/core";
-import "lodash-es/cloneDeep";
-import "@vue-flow/background";
-/* empty css                      */
-import "@iconify-json/tabler/icons.json";
-import "../posterEditor/elements/index.js";
-import "fabric";
-import "../schemaEditor/schemaEditor.js";
-import "dayjs";
-import "@tanstack/vue-query";
-import "pinia";
-import { DuxImageUpload as Y } from "../upload/image.js";
-function N(n) {
-  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !Q(n);
+import { DuxImageUpload as e } from "../upload/image.js";
+import "../upload/index.js";
+import { computed as t, createVNode as n, defineComponent as r, isVNode as i, mergeProps as a, ref as o, watch as s } from "vue";
+import { useI18n as c } from "@duxweb/dvha-core";
+import { NButton as l, NCheckbox as u, NInput as d } from "naive-ui";
+import { useVModel as f } from "@vueuse/core";
+import { VueDraggable as p } from "vue-draggable-plus";
+function m(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !i(e);
 }
-const b = /* @__PURE__ */ (() => {
-  let n = 0;
-  return (h) => (n += 1, `${h}_${Date.now().toString(36)}_${n}`);
+var h = (() => {
+	let e = 0;
+	return (t) => (e += 1, `${t}_${Date.now().toString(36)}_${e}`);
 })();
-function P() {
-  return {
-    id: b("spec_value"),
-    label: "",
-    image: ""
-  };
+function g() {
+	return {
+		id: h("spec_value"),
+		label: "",
+		image: ""
+	};
 }
-function Z() {
-  return {
-    id: b("spec"),
-    name: "",
-    values: [P()],
-    is_image: !1
-  };
+function _() {
+	return {
+		id: h("spec"),
+		name: "",
+		values: [g()],
+		is_image: !1
+	};
 }
-const pt = /* @__PURE__ */ G({
-  name: "DuxSpecEditor",
-  props: {
-    value: Array,
-    defaultValue: {
-      type: Array,
-      default: () => []
-    },
-    imageUploadProps: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: ["update:value", "change"],
-  setup(n, {
-    emit: h,
-    expose: I,
-    slots: V
-  }) {
-    const {
-      t: c
-    } = R(), s = T(n, "value", h, {
-      passive: !0,
-      deep: !0,
-      defaultValue: n.defaultValue || []
-    }), k = () => {
-      s.value || (s.value = []);
-    };
-    k();
-    const p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set(), j = H(() => ({
-      manager: !0,
-      multiple: !1,
-      ...n.imageUploadProps || {}
-    })), U = (e) => {
-      const r = e.name || "";
-      let t = p.get(e.id);
-      return t ? !g.has(e.id) && t.value !== r && (t.value = r) : (t = y(r), p.set(e.id, t)), t;
-    }, w = (e) => {
-      const r = e.label || "";
-      let t = m.get(e.id);
-      return t ? !u.has(e.id) && t.value !== r && (t.value = r) : (t = y(r), m.set(e.id, t)), t;
-    }, z = (e) => {
-      e && (p.delete(e.id), g.delete(e.id), e.values?.forEach((r) => {
-        m.delete(r.id), u.delete(r.id);
-      }));
-    }, F = (e) => {
-      e && (m.delete(e.id), u.delete(e.id));
-    }, M = (e = []) => {
-      g.clear(), u.clear();
-      const r = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Set();
-      e.forEach((o) => {
-        r.add(o.id);
-        const v = p.get(o.id);
-        v ? v.value = o.name || "" : p.set(o.id, y(o.name || "")), o.values?.forEach((d) => {
-          t.add(d.id);
-          const x = m.get(d.id);
-          x ? x.value = d.label || "" : m.set(d.id, y(d.label || ""));
-        });
-      }), Array.from(p.keys()).forEach((o) => {
-        r.has(o) || (p.delete(o), g.delete(o));
-      }), Array.from(m.keys()).forEach((o) => {
-        t.has(o) || (m.delete(o), u.delete(o));
-      });
-    };
-    J(s, (e) => {
-      M(e || []);
-    }, {
-      immediate: !0
-    });
-    const l = () => {
-      h("change", s.value || []);
-    }, O = () => {
-      k();
-      const e = Z();
-      s.value.push(e), U(e), e.values?.forEach((r) => w(r)), l();
-    }, $ = (e) => {
-      k();
-      const r = s.value.splice(e, 1)?.[0];
-      z(r), l();
-    }, K = (e) => {
-      e.values = e.values || [];
-      const r = P();
-      e.values.push(r), w(r), l();
-    }, L = (e, r) => {
-      const t = e.values?.splice(r, 1)?.[0];
-      F(t), l();
-    }, q = (e = []) => {
-      s.value = e.map((r) => ({
-        ...r,
-        id: r.id || b("spec"),
-        values: r.values?.map((t) => ({
-          ...t,
-          id: t.id || b("spec_value")
-        })) || [P()]
-      })), l();
-    }, B = (e) => {
-      const r = p.get(e.id);
-      if (!r)
-        return;
-      const t = r.value?.trim() || "";
-      e.name !== t && (e.name = t, l()), r.value = t;
-    }, _ = (e) => {
-      const r = m.get(e.id);
-      if (!r)
-        return;
-      const t = r.value?.trim() || "";
-      e.label !== t && (e.label = t, l()), r.value = t;
-    };
-    return I({
-      setPresetSpecs: q
-    }), () => {
-      let e;
-      const r = (s.value?.length || 0) > 0;
-      return a("div", {
-        class: "flex flex-col gap-4"
-      }, [r && a(X, E({
-        modelValue: s.value || [],
-        handle: ".spec-drag-handle",
-        target: ".spec-drag-container",
-        animation: 200
-      }, {
-        "onUpdate:modelValue": (t) => {
-          s.value = t, l();
-        }
-      }), {
-        default: () => [a("div", {
-          class: "flex flex-col gap-3 spec-drag-container"
-        }, [s.value?.map((t, o) => {
-          let v, d;
-          const x = U(t);
-          return a("div", {
-            key: t.id,
-            class: "rounded-md border border-muted flex gap-4 items-center"
-          }, [a("div", {
-            class: "flex-1 flex flex-col"
-          }, [a("div", {
-            class: "flex items-center gap-2 bg-muted p-4 rounded-t"
-          }, [a("div", {
-            class: "spec-drag-handle i-tabler:dots-vertical text-gray-400 cursor-move flex-none w-4"
-          }, null), a("div", {
-            class: "w-14 text-right text-sm text-gray-500 flex-shrink-0"
-          }, [c("components.spec.nameLabel")]), a("div", {
-            class: "flex items-center gap-3"
-          }, [V?.namePrefix?.({
-            spec: t,
-            specIndex: o,
-            commit: () => B(t),
-            triggerChange: l
-          }), a(D, {
-            style: {
-              width: "150px"
-            },
-            placeholder: c("components.spec.namePlaceholder"),
-            value: x.value,
-            onUpdateValue: (i) => {
-              x.value = i;
-            },
-            onFocus: () => g.add(t.id),
-            onBlur: () => {
-              g.delete(t.id), B(t);
-            },
-            onKeyup: (i) => {
-              i.key === "Enter" && B(t);
-            }
-          }, {
-            suffix: () => a(S, {
-              text: !0,
-              type: "error",
-              size: "tiny",
-              onClick: () => $(o)
-            }, {
-              default: () => [a("div", {
-                class: "i-tabler:trash text-xs"
-              }, null)]
-            })
-          }), a("div", null, [a(W, E({
-            checked: t.is_image
-          }, {
-            "onUpdate:checked": (i) => {
-              t.is_image = i, l();
-            }
-          }), N(v = c("components.spec.addImage")) ? v : {
-            default: () => [v]
-          })])])]), a("div", {
-            class: "flex items-start gap-2 p-4 bg-default rounded-b"
-          }, [a("div", {
-            class: "w-14 text-right text-sm text-gray-500 flex-shrink-0 pt-1 ml-6 mt-0.7"
-          }, [c("components.spec.valueLabel")]), a("div", {
-            class: "flex flex-col gap-2 flex-1"
-          }, [a("div", {
-            class: "flex flex-wrap gap-4 items-start"
-          }, [t.values?.map((i, C) => {
-            const A = w(i);
-            return a("div", {
-              key: i.id,
-              class: "flex flex-col gap-1"
-            }, [a("div", {
-              class: "flex items-center gap-2"
-            }, [V?.valuePrefix?.({
-              spec: t,
-              value: i,
-              specIndex: o,
-              valueIndex: C,
-              commit: () => _(i),
-              triggerChange: l
-            }), a(D, {
-              style: {
-                width: "150px"
-              },
-              placeholder: c("components.spec.valuePlaceholder"),
-              value: A.value,
-              onUpdateValue: (f) => {
-                A.value = f;
-              },
-              onFocus: () => u.add(i.id),
-              onBlur: () => {
-                u.delete(i.id), _(i);
-              },
-              onKeyup: (f) => {
-                f.key === "Enter" && _(i);
-              }
-            }, {
-              suffix: () => a(S, {
-                text: !0,
-                type: "error",
-                size: "tiny",
-                onClick: () => L(t, C)
-              }, {
-                default: () => [a("div", {
-                  class: "i-tabler:trash text-xs"
-                }, null)]
-              })
-            })]), t.is_image && a("div", {
-              class: "w-[140px]"
-            }, [a(Y, E(j.value, {
-              value: typeof i.image == "string" ? i.image : "",
-              onUpdateValue: (f) => {
-                i.image = Array.isArray(f) ? f?.[0] : f, l();
-              }
-            }), null)])]);
-          }), a("div", {
-            class: "mt-1.5"
-          }, [a(S, {
-            text: !0,
-            type: "primary",
-            size: "small",
-            onClick: () => K(t)
-          }, N(d = c("components.spec.addValue")) ? d : {
-            default: () => [d]
-          })])])])])])]);
-        })])]
-      }), a("div", {
-        class: "flex items-center gap-2"
-      }, [a(S, {
-        secondary: !0,
-        type: "primary",
-        onClick: O
-      }, N(e = c("components.spec.addSpec")) ? e : {
-        default: () => [e]
-      }), V?.actions?.()])]);
-    };
-  }
+const v = /* @__PURE__ */ r({
+	name: "DuxSpecEditor",
+	props: {
+		value: Array,
+		defaultValue: {
+			type: Array,
+			default: () => []
+		},
+		imageUploadProps: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: ["update:value", "change"],
+	setup(r, { emit: i, expose: v, slots: y }) {
+		let { t: b } = c(), x = f(r, "value", i, {
+			passive: !0,
+			deep: !0,
+			defaultValue: r.defaultValue || []
+		}), S = () => {
+			x.value ||= [];
+		};
+		S();
+		let C = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Set(), E = /* @__PURE__ */ new Set(), D = t(() => ({
+			manager: !0,
+			multiple: !1,
+			...r.imageUploadProps || {}
+		})), O = (e) => {
+			let t = e.name || "", n = C.get(e.id);
+			return n ? !T.has(e.id) && n.value !== t && (n.value = t) : (n = o(t), C.set(e.id, n)), n;
+		}, k = (e) => {
+			let t = e.label || "", n = w.get(e.id);
+			return n ? !E.has(e.id) && n.value !== t && (n.value = t) : (n = o(t), w.set(e.id, n)), n;
+		}, A = (e) => {
+			e && (C.delete(e.id), T.delete(e.id), e.values?.forEach((e) => {
+				w.delete(e.id), E.delete(e.id);
+			}));
+		}, j = (e) => {
+			e && (w.delete(e.id), E.delete(e.id));
+		}, M = (e = []) => {
+			T.clear(), E.clear();
+			let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
+			e.forEach((e) => {
+				t.add(e.id);
+				let r = C.get(e.id);
+				r ? r.value = e.name || "" : C.set(e.id, o(e.name || "")), e.values?.forEach((e) => {
+					n.add(e.id);
+					let t = w.get(e.id);
+					t ? t.value = e.label || "" : w.set(e.id, o(e.label || ""));
+				});
+			}), Array.from(C.keys()).forEach((e) => {
+				t.has(e) || (C.delete(e), T.delete(e));
+			}), Array.from(w.keys()).forEach((e) => {
+				n.has(e) || (w.delete(e), E.delete(e));
+			});
+		};
+		s(x, (e) => {
+			M(e || []);
+		}, { immediate: !0 });
+		let N = () => {
+			i("change", x.value || []);
+		}, P = () => {
+			S();
+			let e = _();
+			x.value.push(e), O(e), e.values?.forEach((e) => k(e)), N();
+		}, F = (e) => {
+			S();
+			let t = x.value.splice(e, 1)?.[0];
+			A(t), N();
+		}, I = (e) => {
+			e.values = e.values || [];
+			let t = g();
+			e.values.push(t), k(t), N();
+		}, L = (e, t) => {
+			let n = e.values?.splice(t, 1)?.[0];
+			j(n), N();
+		}, R = (e = []) => {
+			x.value = e.map((e) => ({
+				...e,
+				id: e.id || h("spec"),
+				values: e.values?.map((e) => ({
+					...e,
+					id: e.id || h("spec_value")
+				})) || [g()]
+			})), N();
+		}, z = (e) => {
+			let t = C.get(e.id);
+			if (!t) return;
+			let n = t.value?.trim() || "";
+			e.name !== n && (e.name = n, N()), t.value = n;
+		}, B = (e) => {
+			let t = w.get(e.id);
+			if (!t) return;
+			let n = t.value?.trim() || "";
+			e.label !== n && (e.label = n, N()), t.value = n;
+		};
+		return v({ setPresetSpecs: R }), () => {
+			let t;
+			return n("div", { class: "flex flex-col gap-4" }, [(x.value?.length || 0) > 0 && n(p, a({
+				modelValue: x.value || [],
+				handle: ".spec-drag-handle",
+				target: ".spec-drag-container",
+				animation: 200
+			}, { "onUpdate:modelValue": (e) => {
+				x.value = e, N();
+			} }), { default: () => [n("div", { class: "flex flex-col gap-3 spec-drag-container" }, [x.value?.map((t, r) => {
+				let i, o, s = O(t);
+				return n("div", {
+					key: t.id,
+					class: "rounded-md border border-muted flex gap-4 items-center"
+				}, [n("div", { class: "flex-1 flex flex-col" }, [n("div", { class: "flex items-center gap-2 bg-muted p-4 rounded-t" }, [
+					n("div", { class: "spec-drag-handle i-tabler:dots-vertical text-gray-400 cursor-move flex-none w-4" }, null),
+					n("div", { class: "w-14 text-right text-sm text-gray-500 flex-shrink-0" }, [b("components.spec.nameLabel")]),
+					n("div", { class: "flex items-center gap-3" }, [
+						y?.namePrefix?.({
+							spec: t,
+							specIndex: r,
+							commit: () => z(t),
+							triggerChange: N
+						}),
+						n(d, {
+							style: { width: "150px" },
+							placeholder: b("components.spec.namePlaceholder"),
+							value: s.value,
+							onUpdateValue: (e) => {
+								s.value = e;
+							},
+							onFocus: () => T.add(t.id),
+							onBlur: () => {
+								T.delete(t.id), z(t);
+							},
+							onKeyup: (e) => {
+								e.key === "Enter" && z(t);
+							}
+						}, { suffix: () => n(l, {
+							text: !0,
+							type: "error",
+							size: "tiny",
+							onClick: () => F(r)
+						}, { default: () => [n("div", { class: "i-tabler:trash text-xs" }, null)] }) }),
+						n("div", null, [n(u, a({ checked: t.is_image }, { "onUpdate:checked": (e) => {
+							t.is_image = e, N();
+						} }), m(i = b("components.spec.addImage")) ? i : { default: () => [i] })])
+					])
+				]), n("div", { class: "flex items-start gap-2 p-4 bg-default rounded-b" }, [n("div", { class: "w-14 text-right text-sm text-gray-500 flex-shrink-0 pt-1 ml-6 mt-0.7" }, [b("components.spec.valueLabel")]), n("div", { class: "flex flex-col gap-2 flex-1" }, [n("div", { class: "flex flex-wrap gap-4 items-start" }, [t.values?.map((i, o) => {
+					let s = k(i);
+					return n("div", {
+						key: i.id,
+						class: "flex flex-col gap-1"
+					}, [n("div", { class: "flex items-center gap-2" }, [y?.valuePrefix?.({
+						spec: t,
+						value: i,
+						specIndex: r,
+						valueIndex: o,
+						commit: () => B(i),
+						triggerChange: N
+					}), n(d, {
+						style: { width: "150px" },
+						placeholder: b("components.spec.valuePlaceholder"),
+						value: s.value,
+						onUpdateValue: (e) => {
+							s.value = e;
+						},
+						onFocus: () => E.add(i.id),
+						onBlur: () => {
+							E.delete(i.id), B(i);
+						},
+						onKeyup: (e) => {
+							e.key === "Enter" && B(i);
+						}
+					}, { suffix: () => n(l, {
+						text: !0,
+						type: "error",
+						size: "tiny",
+						onClick: () => L(t, o)
+					}, { default: () => [n("div", { class: "i-tabler:trash text-xs" }, null)] }) })]), t.is_image && n("div", { class: "w-[140px]" }, [n(e, a(D.value, {
+						value: typeof i.image == "string" ? i.image : "",
+						onUpdateValue: (e) => {
+							i.image = Array.isArray(e) ? e?.[0] : e, N();
+						}
+					}), null)])]);
+				}), n("div", { class: "mt-1.5" }, [n(l, {
+					text: !0,
+					type: "primary",
+					size: "small",
+					onClick: () => I(t)
+				}, m(o = b("components.spec.addValue")) ? o : { default: () => [o] })])])])])])]);
+			})])] }), n("div", { class: "flex items-center gap-2" }, [n(l, {
+				secondary: !0,
+				type: "primary",
+				onClick: P
+			}, m(t = b("components.spec.addSpec")) ? t : { default: () => [t] }), y?.actions?.()])]);
+		};
+	}
 });
-export {
-  pt as DuxSpecEditor,
-  Z as createSpec,
-  P as createSpecValue
-};
+export { v as DuxSpecEditor, _ as createSpec, g as createSpecValue };

package/dist/esm/components/stats/index.js

@@ -0,0 +1,2 @@
+import "./number.js";
+import "./realTime.js";