xyvcard-goods 0.0.34 → 0.0.35

package/dist/skuForm-CPlnCToi.mjs

@@ -0,0 +1,279 @@
+import { defineComponent as Z, ref as _, computed as z, watch as M, resolveComponent as i, createElementBlock as g, openBlock as p, createVNode as r, withCtx as s, Fragment as b, renderList as S, createElementVNode as h, toDisplayString as $, createTextVNode as y, createBlock as D, createCommentVNode as x } from "vue";
+import "./constant-sVd2JbJt.mjs";
+import { D as ee, S as G, a as le } from "./index-C61SQFSx.mjs";
+import te from "./skuTable-C-LcASbX.mjs";
+import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const oe = { class: "w-full" }, se = { class: "goods-title" }, ue = ["onClick"], ne = { class: "goods-content" }, ce = { class: "goods-tag" }, re = /* @__PURE__ */ Z({
+  __name: "skuForm",
+  props: {
+    // 规格类型
+    specType: {
+      type: String,
+      default: () => ""
+    },
+    form: {
+      type: Object,
+      default: () => {
+      }
+    },
+    goodsSpuModel: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["getGoodsSku", "getFormData"],
+  setup(w, { expose: N, emit: q }) {
+    var E, j;
+    const t = _([]), L = _(), v = _([]), V = _([]), C = _([]), k = w, O = q, I = z(() => t.value.filter(
+      (e) => e.name && e.specValueList != null && e.specValueList.length
+    ));
+    M(
+      k.form,
+      (e) => e,
+      {
+        deep: !0,
+        immediate: !0
+      }
+    ), M(
+      I,
+      (e) => e,
+      {
+        deep: !0,
+        immediate: !0
+      }
+    ), k.form.spuId && (C.value = (E = k.goodsSpuModel.skuList) == null ? void 0 : E.results, (j = k.goodsSpuModel.skuList) == null || j.results.forEach((e) => {
+      var l;
+      (l = e.specValues) == null || l.map((a) => {
+        ee.specInfoDict.useValues().then((n) => {
+          const d = n.find((c) => a.specId === c.key);
+          if (d) {
+            let c = {
+              id: a.specId,
+              name: d.value,
+              specValueList: []
+            };
+            t.value.push(c);
+          }
+          const o = /* @__PURE__ */ new Map();
+          t.value = t.value.filter(
+            (c) => !o.has(c.id) && o.set(c.id, c)
+          ), U(a.specValueId);
+        });
+      });
+    }));
+    function U(e) {
+      t.value.forEach((l) => {
+        v.value = new G({ specId: l.id }), v.value.useValues().then((a) => {
+          a.forEach((n) => {
+            if (n.key === e) {
+              let o = {
+                id: e,
+                name: n.value
+              };
+              l.specValueList.push(o);
+            }
+            const d = /* @__PURE__ */ new Map();
+            l.specValueList = l.specValueList.filter(
+              (o) => !d.has(o.id) && d.set(o.id, o)
+            );
+          });
+        });
+      });
+    }
+    function H(e) {
+      t.value.splice(e, 1);
+    }
+    function J(e, l) {
+      t.value[e].specValueList.splice(l, 1);
+    }
+    function K() {
+      V.value = new le({}), V.value.useValues().then((e) => {
+        e.forEach((l) => {
+          Array.isArray(t.value) && t.value.length > 0 && t.value.forEach((a) => {
+            l.key === a.id && (l.disabled = !0);
+          });
+        });
+      });
+    }
+    function P(e) {
+      let l = V.value.values.filter((n) => n.key === e), a = {
+        id: l[0].key,
+        name: l[0].value,
+        specValueList: []
+      };
+      t.value.push(a), L.value = "";
+    }
+    function Q(e) {
+      v.value = new G({
+        specId: t.value[e].id
+      }), v.value.useValues().then((l) => {
+        l.map((a) => {
+          Array.isArray(t.value[e].specValueList) && t.value[e].specValueList.length > 0 && t.value[e].specValueList.forEach((n) => {
+            a.key === n.id && (a.disabled = !0);
+          });
+        });
+      });
+    }
+    function W(e, l) {
+      var d, o;
+      let a = v.value.values.filter((c) => c.key === e), n = {
+        id: a[0].key,
+        name: a[0].value
+      };
+      (o = (d = t.value[l]) == null ? void 0 : d.specValueList) == null || o.push(n), t.value[l].specValueId = "";
+    }
+    function X(e) {
+      O("getFormData", e);
+    }
+    const F = _();
+    return N({
+      formRef: () => {
+        var e;
+        return (e = F.value) == null ? void 0 : e.formRef();
+      }
+    }), (e, l) => {
+      const a = i("Delete"), n = i("el-icon"), d = i("el-tag"), o = i("el-button"), c = i("el-option"), R = i("el-select"), T = i("el-popover"), A = i("el-tab-pane"), B = i("el-tabs");
+      return p(), g("div", oe, [
+        r(B, { type: "border-card" }, {
+          default: s(() => [
+            r(A, { label: "商品规格" }, {
+              default: s(() => [
+                (p(!0), g(b, null, S(t.value, (f, m) => (p(), g("div", {
+                  class: "goods-spec",
+                  key: m
+                }, [
+                  h("div", se, [
+                    h("span", null, $(f.name), 1),
+                    h("span", {
+                      class: "goods-delete",
+                      onClick: (u) => H(m)
+                    }, [
+                      r(n, null, {
+                        default: s(() => [
+                          r(a)
+                        ]),
+                        _: 1
+                      }),
+                      l[1] || (l[1] = y("移除 ", -1))
+                    ], 8, ue)
+                  ]),
+                  h("div", ne, [
+                    h("div", ce, [
+                      (p(!0), g(b, null, S(t.value[m].specValueList, (u, Y) => (p(), D(d, {
+                        key: u,
+                        closable: "",
+                        type: "info",
+                        class: "right-dis",
+                        onClose: (de) => J(m, Y)
+                      }, {
+                        default: s(() => [
+                          y($(u.name), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClose"]))), 128))
+                    ]),
+                    r(T, {
+                      placement: "bottom",
+                      width: 200,
+                      trigger: "click",
+                      onShow: (u) => Q(m)
+                    }, {
+                      reference: s(() => [
+                        r(o, { class: "m-2" }, {
+                          default: s(() => l[2] || (l[2] = [
+                            y("添加规格值", -1)
+                          ])),
+                          _: 1,
+                          __: [2]
+                        })
+                      ]),
+                      default: s(() => [
+                        r(R, {
+                          modelValue: t.value[m].specValueId,
+                          "onUpdate:modelValue": (u) => t.value[m].specValueId = u,
+                          placeholder: e.$t("goodsSpu.specValueRequired"),
+                          onChange: (u) => W(u, m)
+                        }, {
+                          default: s(() => [
+                            (p(!0), g(b, null, S(v.value.values, (u) => (p(), D(c, {
+                              key: u.key,
+                              label: u.value,
+                              value: u.key,
+                              disabled: u.disabled
+                            }, null, 8, ["label", "value", "disabled"]))), 128))
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "onChange"])
+                      ]),
+                      _: 2
+                    }, 1032, ["onShow"])
+                  ])
+                ]))), 128)),
+                r(T, {
+                  placement: "bottom",
+                  width: 200,
+                  trigger: "click",
+                  onShow: K
+                }, {
+                  reference: s(() => [
+                    r(o, { class: "m-2" }, {
+                      default: s(() => l[3] || (l[3] = [
+                        y("添加规格", -1)
+                      ])),
+                      _: 1,
+                      __: [3]
+                    })
+                  ]),
+                  default: s(() => [
+                    r(R, {
+                      modelValue: L.value,
+                      "onUpdate:modelValue": l[0] || (l[0] = (f) => L.value = f),
+                      placeholder: e.$t("goodsSpu.specRequired"),
+                      onChange: P
+                    }, {
+                      default: s(() => [
+                        (p(!0), g(b, null, S(V.value.values, (f) => (p(), D(c, {
+                          key: f.key,
+                          label: f.value,
+                          value: f.key,
+                          disabled: f.disabled
+                        }, null, 8, ["label", "value", "disabled"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "placeholder"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        r(B, { type: "border-card" }, {
+          default: s(() => [
+            r(A, { label: "规格售价与库存" }, {
+              default: s(() => [
+                t.value.length > 0 ? (p(), D(te, {
+                  key: 0,
+                  ref_key: "skuTableRef",
+                  ref: F,
+                  specData: I.value,
+                  goodsSku: C.value,
+                  form: w.form,
+                  onGetFormData: X
+                }, null, 8, ["specData", "goodsSku", "form"])) : x("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), _e = /* @__PURE__ */ ae(re, [["__scopeId", "data-v-11e63cd5"]]);
+export {
+  _e as default
+};