@duxweb/dvha-pro 1.1.30 → 1.1.31

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

@@ -1,297 +1,199 @@
-import { defineComponent as k, ref as M, computed as g, watch as N, createVNode as S, mergeProps as R } from "vue";
-import { useI18n as z } from "@duxweb/dvha-core";
-import { useVModel as F } from "@vueuse/core";
-import { NSwitch as O } from "naive-ui";
-import { DuxDynamicData as I } from "../data/dynamicData.js";
-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 "vue-draggable-plus";
-import "short-unique-id";
-import "aieditor";
-import "@vue-flow/core";
-import "lodash-es/cloneDeep";
-import "@vue-flow/background";
-/* empty css                      */
-import "mime";
-import "@iconify-json/tabler/icons.json";
-import "../posterEditor/elements/index.js";
-import "fabric";
-import "../schemaEditor/schemaEditor.js";
-import "dayjs";
-import { DuxSpecEditor as $, createSpecValue as C, createSpec as B } from "./specEditor.js";
-import "@tanstack/vue-query";
-import "pinia";
-const L = "__dux_spec__", _ = (o) => `${L}${o}`;
-function W(o = []) {
-  return (o || []).map((s) => {
-    const u = (s.values?.length ? s.values : [C()]).map((m) => ({
-      ...m,
-      id: m.id || C().id
-    }));
-    return {
-      ...s,
-      id: s.id || B().id,
-      values: u
-    };
-  });
+import { DuxDynamicData as e } from "../data/dynamicData.js";
+import "../data/index.js";
+import { DuxSpecEditor as t, createSpec as n, createSpecValue as r } from "./specEditor.js";
+import { computed as i, createVNode as a, defineComponent as o, mergeProps as s, ref as c, watch as l } from "vue";
+import { useI18n as u } from "@duxweb/dvha-core";
+import { NSwitch as d } from "naive-ui";
+import { useVModel as f } from "@vueuse/core";
+var p = "__dux_spec__", m = (e) => `${p}${e}`;
+function h(e = []) {
+	return (e || []).map((e) => {
+		let t = (e.values?.length ? e.values : [r()]).map((e) => ({
+			...e,
+			id: e.id || r().id
+		}));
+		return {
+			...e,
+			id: e.id || n().id,
+			values: t
+		};
+	});
 }
-function X(o) {
-  if (!o.length)
-    return [];
-  let s = [{}];
-  return o.forEach((u) => {
-    const m = [];
-    s.forEach((x) => {
-      u.values.forEach((t) => {
-        m.push({
-          ...x,
-          [u.id]: t
-        });
-      });
-    }), s = m;
-  }), s.map((u) => ({
-    key: o.map((m) => u[m.id]?.id || "").join("__"),
-    map: u
-  }));
+function g(e) {
+	if (!e.length) return [];
+	let t = [{}];
+	return e.forEach((e) => {
+		let n = [];
+		t.forEach((t) => {
+			e.values.forEach((r) => {
+				n.push({
+					...t,
+					[e.id]: r
+				});
+			});
+		}), t = n;
+	}), t.map((t) => ({
+		key: e.map((e) => t[e.id]?.id || "").join("__"),
+		map: t
+	}));
 }
-function q(o, s) {
-  return s.map((u) => o?.__specs?.[u.id]?.id || o?.[_(u.id)] || "").join("__");
+function _(e, t) {
+	return t.map((t) => e?.__specs?.[t.id]?.id || e?.[m(t.id)] || "").join("__");
 }
-const st = /* @__PURE__ */ k({
-  name: "DuxSpec",
-  props: {
-    columns: {
-      type: Array,
-      default: () => []
-    },
-    value: Object,
-    defaultValue: Object,
-    onUpdateValue: Function,
-    imageUploadProps: {
-      type: Object,
-      default: () => ({})
-    },
-    /**
-     * When enabled, DuxSpec will keep `row.specs` in sync as a plain map:
-     * { [specName]: valueLabel }.
-     *
-     * This lets the backend store/query SKU specs without dealing with editor-only fields.
-     */
-    syncRowSpecs: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:value", "change"],
-  setup(o, {
-    emit: s,
-    expose: u,
-    slots: m
-  }) {
-    const {
-      t: x
-    } = z(), t = F(o, "value", s, {
-      defaultValue: o.defaultValue || {
-        specs: [],
-        rows: []
-      },
-      passive: !0,
-      deep: !0
-    }), h = M(null), v = () => {
-      if (!t.value) {
-        t.value = {
-          specs: [],
-          rows: []
-        };
-        return;
-      }
-      Array.isArray(t.value.specs) || (t.value.specs = []), Array.isArray(t.value.rows) || (t.value.rows = []), t.value.rows.length === 0 && t.value.rows.push({
-        status: 1
-      });
-    };
-    v();
-    const f = () => {
-      o.onUpdateValue?.(t.value), s("change", t.value);
-    }, b = g(() => (v(), (t.value?.specs || []).map((e) => {
-      const i = (e.name || "").trim(), a = (e.values || []).map((n) => ({
-        id: n.id,
-        label: (n.label || "").trim(),
-        specId: e.id,
-        specName: i
-      })).filter((n) => !!n.label);
-      return {
-        id: e.id,
-        name: i,
-        values: a
-      };
-    }).filter((e) => e.name && e.values.length))), P = (e, i) => {
-      if (!o.syncRowSpecs)
-        return;
-      const a = {};
-      i.forEach((n) => {
-        const c = e?.__specs?.[n.id];
-        c?.label && (a[n.name] = c.label);
-      }), e.specs = a;
-    }, K = (e, i) => {
-      if (!e || typeof e != "object")
-        return;
-      if (e.__specKey && e.__specs) {
-        P(e, i);
-        return;
-      }
-      const a = e.specs;
-      if (!a || typeof a != "object" || Array.isArray(a))
-        return;
-      const n = {}, c = [];
-      i.forEach((d) => {
-        const y = a[d.name];
-        if (!y)
-          return;
-        const r = d.values.find((l) => l.label === y);
-        r && (n[d.id] = r, c.push(r.id), e[_(d.id)] = r.label);
-      }), c.length === i.length && (e.__specKey = c.join("__"), e.__specs = n, P(e, i));
-    }, V = (e) => {
-      if (v(), !e.length) {
-        let r = !1;
-        const l = t.value.rows || [];
-        l.length ? (l.forEach((p) => {
-          typeof p.status > "u" && (p.status = 1, r = !0);
-        }), r && f()) : (t.value.rows = [{
-          status: 1
-        }], f());
-        return;
-      }
-      const i = t.value.rows || [];
-      i.forEach((r) => K(r, e));
-      const a = X(e), n = i, c = /* @__PURE__ */ new Map();
-      n.forEach((r) => {
-        const l = r.__specKey || q(r, e);
-        c.set(l, r);
-      });
-      let d = a.length !== n.length;
-      const y = a.map((r) => {
-        const l = c.get(r.key), p = l ? {
-          ...l
-        } : {
-          status: 1
-        };
-        return p.__specKey = r.key, p.__specs = r.map, typeof p.status > "u" && (p.status = 1), e.forEach((E) => {
-          const w = _(E.id);
-          p[w] = r.map[E.id]?.label || "";
-        }), P(p, e), !d && l && e.some((w) => {
-          const A = _(w.id);
-          return l[A] !== p[A];
-        }) && (d = !0), l || (d = !0), p;
-      });
-      d && (t.value.rows = y, f());
-    };
-    N(b, (e) => {
-      V(e);
-    }, {
-      immediate: !0
-    });
-    const U = g(() => b.value.map((e) => {
-      const i = _(e.id);
-      return {
-        key: i,
-        title: e.name,
-        width: 160,
-        render: (a) => a?.[i] || a?.__specs?.[e.id]?.label || ""
-      };
-    })), j = g(() => ({
-      key: "__dux_spec_status",
-      title: x("components.spec.status"),
-      width: 120,
-      fixed: "right",
-      align: "center",
-      render: (e) => S(O, R({
-        value: e.status !== 0 && e.status !== !1
-      }, {
-        "onUpdate:value": (i) => {
-          e.status = i ? 1 : 0, f();
-        }
-      }), null)
-    })), D = g(() => [...U.value, ...o.columns || [], j.value]);
-    return u({
-      setPresetSpecs: (e = []) => {
-        if (h.value && h.value.setPresetSpecs) {
-          h.value.setPresetSpecs(e);
-          return;
-        }
-        v(), t.value.specs = W(e), f(), V(b.value);
-      }
-    }), () => S("div", {
-      class: "flex flex-col gap-4"
-    }, [S($, R({
-      ref: h,
-      value: t.value?.specs,
-      defaultValue: o.defaultValue?.specs,
-      imageUploadProps: o.imageUploadProps
-    }, {
-      "onUpdate:value": (e) => {
-        v(), t.value.specs = e, f();
-      }
-    }), {
-      actions: () => m?.actions?.(),
-      namePrefix: (e) => m?.namePrefix?.(e),
-      valuePrefix: (e) => m?.valuePrefix?.(e)
-    }), S(I, R({
-      value: t.value?.rows || [],
-      columns: D.value,
-      createAction: !1,
-      deleteAction: !1,
-      moveAction: !1,
-      size: "medium"
-    }, {
-      "onUpdate:value": (e) => {
-        v(), t.value.rows = e, f();
-      }
-    }), null)]);
-  }
+const v = /* @__PURE__ */ o({
+	name: "DuxSpec",
+	props: {
+		columns: {
+			type: Array,
+			default: () => []
+		},
+		value: Object,
+		defaultValue: Object,
+		onUpdateValue: Function,
+		imageUploadProps: {
+			type: Object,
+			default: () => ({})
+		},
+		syncRowSpecs: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:value", "change"],
+	setup(n, { emit: r, expose: o, slots: p }) {
+		let { t: v } = u(), y = f(n, "value", r, {
+			defaultValue: n.defaultValue || {
+				specs: [],
+				rows: []
+			},
+			passive: !0,
+			deep: !0
+		}), b = c(null), x = () => {
+			if (!y.value) {
+				y.value = {
+					specs: [],
+					rows: []
+				};
+				return;
+			}
+			Array.isArray(y.value.specs) || (y.value.specs = []), Array.isArray(y.value.rows) || (y.value.rows = []), y.value.rows.length === 0 && y.value.rows.push({ status: 1 });
+		};
+		x();
+		let S = () => {
+			n.onUpdateValue?.(y.value), r("change", y.value);
+		}, C = i(() => (x(), (y.value?.specs || []).map((e) => {
+			let t = (e.name || "").trim(), n = (e.values || []).map((n) => ({
+				id: n.id,
+				label: (n.label || "").trim(),
+				specId: e.id,
+				specName: t
+			})).filter((e) => !!e.label);
+			return {
+				id: e.id,
+				name: t,
+				values: n
+			};
+		}).filter((e) => e.name && e.values.length))), w = (e, t) => {
+			if (!n.syncRowSpecs) return;
+			let r = {};
+			t.forEach((t) => {
+				let n = e?.__specs?.[t.id];
+				n?.label && (r[t.name] = n.label);
+			}), e.specs = r;
+		}, T = (e, t) => {
+			if (!e || typeof e != "object") return;
+			if (e.__specKey && e.__specs) {
+				w(e, t);
+				return;
+			}
+			let n = e.specs;
+			if (!n || typeof n != "object" || Array.isArray(n)) return;
+			let r = {}, i = [];
+			t.forEach((t) => {
+				let a = n[t.name];
+				if (!a) return;
+				let o = t.values.find((e) => e.label === a);
+				o && (r[t.id] = o, i.push(o.id), e[m(t.id)] = o.label);
+			}), i.length === t.length && (e.__specKey = i.join("__"), e.__specs = r, w(e, t));
+		}, E = (e) => {
+			if (x(), !e.length) {
+				let e = !1, t = y.value.rows || [];
+				t.length ? (t.forEach((t) => {
+					t.status === void 0 && (t.status = 1, e = !0);
+				}), e && S()) : (y.value.rows = [{ status: 1 }], S());
+				return;
+			}
+			let t = y.value.rows || [];
+			t.forEach((t) => T(t, e));
+			let n = g(e), r = t, i = /* @__PURE__ */ new Map();
+			r.forEach((t) => {
+				let n = t.__specKey || _(t, e);
+				i.set(n, t);
+			});
+			let a = n.length !== r.length, o = n.map((t) => {
+				let n = i.get(t.key), r = n ? { ...n } : { status: 1 };
+				return r.__specKey = t.key, r.__specs = t.map, r.status === void 0 && (r.status = 1), e.forEach((e) => {
+					let n = m(e.id);
+					r[n] = t.map[e.id]?.label || "";
+				}), w(r, e), !a && n && e.some((e) => {
+					let t = m(e.id);
+					return n[t] !== r[t];
+				}) && (a = !0), n || (a = !0), r;
+			});
+			a && (y.value.rows = o, S());
+		};
+		l(C, (e) => {
+			E(e);
+		}, { immediate: !0 });
+		let D = i(() => C.value.map((e) => {
+			let t = m(e.id);
+			return {
+				key: t,
+				title: e.name,
+				width: 160,
+				render: (n) => n?.[t] || n?.__specs?.[e.id]?.label || ""
+			};
+		})), O = i(() => ({
+			key: "__dux_spec_status",
+			title: v("components.spec.status"),
+			width: 120,
+			fixed: "right",
+			align: "center",
+			render: (e) => a(d, s({ value: e.status !== 0 && e.status !== !1 }, { "onUpdate:value": (t) => {
+				e.status = t ? 1 : 0, S();
+			} }), null)
+		})), k = i(() => [
+			...D.value,
+			...n.columns || [],
+			O.value
+		]);
+		return o({ setPresetSpecs: (e = []) => {
+			if (b.value && b.value.setPresetSpecs) {
+				b.value.setPresetSpecs(e);
+				return;
+			}
+			x(), y.value.specs = h(e), S(), E(C.value);
+		} }), () => a("div", { class: "flex flex-col gap-4" }, [a(t, s({
+			ref: b,
+			value: y.value?.specs,
+			defaultValue: n.defaultValue?.specs,
+			imageUploadProps: n.imageUploadProps
+		}, { "onUpdate:value": (e) => {
+			x(), y.value.specs = e, S();
+		} }), {
+			actions: () => p?.actions?.(),
+			namePrefix: (e) => p?.namePrefix?.(e),
+			valuePrefix: (e) => p?.valuePrefix?.(e)
+		}), a(e, s({
+			value: y.value?.rows || [],
+			columns: k.value,
+			createAction: !1,
+			deleteAction: !1,
+			moveAction: !1,
+			size: "medium"
+		}, { "onUpdate:value": (e) => {
+			x(), y.value.rows = e, S();
+		} }), null)]);
+	}
 });
-export {
-  st as DuxSpec
-};
+export { v as DuxSpec };