xyvcard-goods 0.0.1 → 0.0.3

package/dist/skuForm-Ctu0Vbym.mjs

@@ -0,0 +1,419 @@
+import { defineComponent as te, ref as k, computed as se, watch as C, resolveComponent as i, openBlock as m, createElementBlock as _, Fragment as h, unref as M, createVNode as o, withCtx as a, createCommentVNode as D, renderList as y, createElementVNode as S, toDisplayString as O, createTextVNode as w, createBlock as P } from "vue";
+import "jmash-core";
+import { C as L, D as ue, S as H, a as ne } from "./index-CZD7OAWo.mjs";
+import { s as pe, _ as re } from "./skuTable-BbTTCq2m.mjs";
+const de = { key: 0 }, ce = {
+  key: 1,
+  class: "w-full"
+}, ie = { class: "goods-title" }, me = ["onClick"], fe = { class: "goods-content" }, ve = { class: "goods-tag" }, ge = /* @__PURE__ */ te({
+  __name: "skuForm",
+  props: {
+    // 规格类型
+    specType: {
+      type: String,
+      default: () => ""
+    },
+    form: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["getGoodsSku", "getFormData"],
+  setup(J, { emit: K }) {
+    var F, T, q;
+    const r = k({
+      picUrl: "",
+      salePrice: 0,
+      marketPrice: 0,
+      costPrice: 0,
+      weight: 0,
+      volume: 0,
+      stock: 0,
+      skuCode: ""
+    }), t = k([]), I = k(), V = k([]), b = k([]), $ = k([]), v = J, E = K, U = se(() => t.value.filter(
+      (e) => e.name && e.specValueList != null && e.specValueList.length
+    ));
+    C(
+      v.form,
+      (e) => e,
+      {
+        deep: !0,
+        immediate: !0
+      }
+    ), C(
+      r,
+      (e) => {
+        E("getGoodsSku", e);
+      },
+      {
+        deep: !0,
+        immediate: !0
+      }
+    ), C(
+      U,
+      (e) => e,
+      {
+        deep: !0,
+        immediate: !0
+      }
+    ), v.form.spuId && (v.form.specType === L.specType.UNIFIED_SPEC ? r.value = (F = v.form.skuList) == null ? void 0 : F.results[0] : ($.value = (T = v.form.skuList) == null ? void 0 : T.results, (q = v.form.skuList) == null || q.results.forEach((e) => {
+      var l;
+      (l = e.specValues) == null || l.map((s) => {
+        ue.specInfoDict.useValues().then((n) => {
+          const p = n.find((f) => s.specId === f.key);
+          if (console.log(p), p) {
+            let f = {
+              id: s.specId,
+              name: p.value,
+              specValueList: []
+            };
+            t.value.push(f);
+          }
+          const d = /* @__PURE__ */ new Map();
+          t.value = t.value.filter(
+            (f) => !d.has(f.id) && d.set(f.id, f)
+          ), Q(s.specValueId);
+        });
+      });
+    })));
+    function Q(e) {
+      t.value.forEach((l) => {
+        V.value = new H({ specId: l.id }), V.value.useValues().then((s) => {
+          s.forEach((n) => {
+            if (n.key === e) {
+              let d = {
+                id: e,
+                name: n.value
+              };
+              l.specValueList.push(d);
+            }
+            const p = /* @__PURE__ */ new Map();
+            l.specValueList = l.specValueList.filter(
+              (d) => !p.has(d.id) && p.set(d.id, d)
+            ), console.log(t.value);
+          });
+        });
+      });
+    }
+    function W(e) {
+      t.value.splice(e, 1);
+    }
+    function X(e, l) {
+      t.value[e].specValueList.splice(l, 1);
+    }
+    function Y() {
+      b.value = new ne({ shopId: v.form.shopId }), b.value.useValues().then((e) => {
+        e.forEach((l) => {
+          Array.isArray(t.value) && t.value.length > 0 && (console.log(t.value), t.value.forEach((s) => {
+            l.key === s.id && (l.disabled = !0);
+          }));
+        });
+      });
+    }
+    function Z(e) {
+      let l = b.value.values.filter((n) => n.key === e), s = {
+        id: l[0].key,
+        name: l[0].value,
+        specValueList: []
+      };
+      t.value.push(s), I.value = "";
+    }
+    function z(e) {
+      V.value = new H({
+        specId: t.value[e].id
+      }), V.value.useValues().then((l) => {
+        l.map((s) => {
+          Array.isArray(t.value[e].specValueList) && t.value[e].specValueList.length > 0 && t.value[e].specValueList.forEach((n) => {
+            s.key === n.id && (s.disabled = !0);
+          });
+        });
+      });
+    }
+    function x(e, l) {
+      var p, d;
+      let s = V.value.values.filter((f) => f.key === e), n = {
+        id: s[0].key,
+        name: s[0].value
+      };
+      (d = (p = t.value[l]) == null ? void 0 : p.specValueList) == null || d.push(n), t.value[l].specValueId = "";
+    }
+    function ee(e) {
+      E("getFormData", e);
+    }
+    return (e, l) => {
+      const s = i("el-input-number"), n = i("el-form-item"), p = i("el-col"), d = i("el-row"), f = i("Delete"), le = i("el-icon"), oe = i("el-tag"), R = i("el-button"), N = i("el-option"), j = i("el-select"), A = i("el-popover"), B = i("el-tab-pane"), G = i("el-tabs");
+      return m(), _(h, null, [
+        v.specType == M(L).specType.UNIFIED_SPEC ? (m(), _("div", de, [
+          o(d, null, {
+            default: a(() => [
+              o(p, { span: 8 }, {
+                default: a(() => [
+                  o(n, {
+                    label: e.$t("goodsSpu.salePrice"),
+                    prop: "salePrice"
+                  }, {
+                    default: a(() => [
+                      o(s, {
+                        modelValue: r.value.salePrice,
+                        "onUpdate:modelValue": l[0] || (l[0] = (u) => r.value.salePrice = u),
+                        precision: 2,
+                        step: 0,
+                        placeholder: e.$t("goodsSpu.salePriceRequired"),
+                        class: "w-full",
+                        controls: !1
+                      }, null, 8, ["modelValue", "placeholder"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }),
+              o(p, { span: 8 }, {
+                default: a(() => [
+                  o(n, {
+                    label: e.$t("goodsSpu.marketPrice"),
+                    prop: "marketPrice"
+                  }, {
+                    default: a(() => [
+                      o(s, {
+                        modelValue: r.value.marketPrice,
+                        "onUpdate:modelValue": l[1] || (l[1] = (u) => r.value.marketPrice = u),
+                        precision: 2,
+                        step: 0,
+                        placeholder: e.$t("goodsSpu.marketPriceRequired"),
+                        class: "w-full",
+                        controls: !1
+                      }, null, 8, ["modelValue", "placeholder"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }),
+              o(p, { span: 8 }, {
+                default: a(() => [
+                  o(n, {
+                    label: e.$t("goodsSpu.costPrice"),
+                    prop: "costPrice"
+                  }, {
+                    default: a(() => [
+                      o(s, {
+                        modelValue: r.value.costPrice,
+                        "onUpdate:modelValue": l[2] || (l[2] = (u) => r.value.costPrice = u),
+                        precision: 2,
+                        step: 0,
+                        placeholder: e.$t("goodsSpu.costPriceRequired"),
+                        class: "w-full",
+                        controls: !1
+                      }, null, 8, ["modelValue", "placeholder"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }),
+              o(p, { span: 8 }, {
+                default: a(() => [
+                  o(n, {
+                    label: e.$t("goodsSpu.stock"),
+                    prop: "stock"
+                  }, {
+                    default: a(() => [
+                      o(s, {
+                        modelValue: r.value.stock,
+                        "onUpdate:modelValue": l[3] || (l[3] = (u) => r.value.stock = u),
+                        placeholder: e.$t("goodsSpu.stockRequired"),
+                        class: "w-full",
+                        controls: !1,
+                        precision: 0
+                      }, null, 8, ["modelValue", "placeholder"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }),
+              o(p, { span: 8 }, {
+                default: a(() => [
+                  o(n, {
+                    label: e.$t("goodsSpu.weight"),
+                    prop: "weight"
+                  }, {
+                    default: a(() => [
+                      o(s, {
+                        modelValue: r.value.weight,
+                        "onUpdate:modelValue": l[4] || (l[4] = (u) => r.value.weight = u),
+                        placeholder: e.$t("goodsSpu.weightRequired"),
+                        class: "w-full",
+                        controls: !1
+                      }, null, 8, ["modelValue", "placeholder"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }),
+              o(p, { span: 8 }, {
+                default: a(() => [
+                  o(n, {
+                    label: e.$t("goodsSpu.volume"),
+                    prop: "volume"
+                  }, {
+                    default: a(() => [
+                      o(s, {
+                        modelValue: r.value.volume,
+                        "onUpdate:modelValue": l[5] || (l[5] = (u) => r.value.volume = u),
+                        controls: !1,
+                        placeholder: e.$t("goodsSpu.volumeRequired"),
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "placeholder"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ])) : D("", !0),
+        v.specType == M(L).specType.MULTI_SPEC ? (m(), _("div", ce, [
+          o(G, { type: "border-card" }, {
+            default: a(() => [
+              o(B, { label: "商品规格" }, {
+                default: a(() => [
+                  (m(!0), _(h, null, y(t.value, (u, g) => (m(), _("div", {
+                    class: "goods-spec",
+                    key: g
+                  }, [
+                    S("div", ie, [
+                      S("span", null, O(u.name), 1),
+                      S("span", {
+                        class: "goods-delete",
+                        onClick: (c) => W(g)
+                      }, [
+                        o(le, null, {
+                          default: a(() => [
+                            o(f)
+                          ]),
+                          _: 1
+                        }),
+                        l[7] || (l[7] = w("移除"))
+                      ], 8, me)
+                    ]),
+                    S("div", fe, [
+                      S("div", ve, [
+                        (m(!0), _(h, null, y(t.value[g].specValueList, (c, ae) => (m(), P(oe, {
+                          key: c,
+                          closable: "",
+                          type: "info",
+                          class: "right-dis",
+                          onClose: (_e) => X(g, ae)
+                        }, {
+                          default: a(() => [
+                            w(O(c.name), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["onClose"]))), 128))
+                      ]),
+                      o(A, {
+                        placement: "bottom",
+                        width: 200,
+                        trigger: "click",
+                        onShow: (c) => z(g)
+                      }, {
+                        reference: a(() => [
+                          o(R, { class: "m-2" }, {
+                            default: a(() => l[8] || (l[8] = [
+                              w("添加规格值")
+                            ])),
+                            _: 1
+                          })
+                        ]),
+                        default: a(() => [
+                          o(j, {
+                            modelValue: t.value[g].specValueId,
+                            "onUpdate:modelValue": (c) => t.value[g].specValueId = c,
+                            placeholder: e.$t("goodsSpu.specValueRequired"),
+                            onChange: (c) => x(c, g)
+                          }, {
+                            default: a(() => [
+                              (m(!0), _(h, null, y(V.value.values, (c) => (m(), P(N, {
+                                key: c.key,
+                                label: c.value,
+                                value: c.key,
+                                disabled: c.disabled
+                              }, null, 8, ["label", "value", "disabled"]))), 128))
+                            ]),
+                            _: 2
+                          }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "onChange"])
+                        ]),
+                        _: 2
+                      }, 1032, ["onShow"])
+                    ])
+                  ]))), 128)),
+                  o(A, {
+                    placement: "bottom",
+                    width: 200,
+                    trigger: "click",
+                    onShow: Y
+                  }, {
+                    reference: a(() => [
+                      o(R, { class: "m-2" }, {
+                        default: a(() => l[9] || (l[9] = [
+                          w("添加规格")
+                        ])),
+                        _: 1
+                      })
+                    ]),
+                    default: a(() => [
+                      o(j, {
+                        modelValue: I.value,
+                        "onUpdate:modelValue": l[6] || (l[6] = (u) => I.value = u),
+                        placeholder: e.$t("goodsSpu.specRequired"),
+                        onChange: Z
+                      }, {
+                        default: a(() => [
+                          (m(!0), _(h, null, y(b.value.values, (u) => (m(), P(N, {
+                            key: u.key,
+                            label: u.value,
+                            value: u.key,
+                            disabled: u.disabled
+                          }, null, 8, ["label", "value", "disabled"]))), 128))
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue", "placeholder"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          o(G, { type: "border-card" }, {
+            default: a(() => [
+              o(B, { label: "规格售价与库存" }, {
+                default: a(() => [
+                  t.value.length > 0 ? (m(), P(pe, {
+                    key: 0,
+                    specData: U.value,
+                    goodsSku: $.value,
+                    onGetFormData: ee
+                  }, null, 8, ["specData", "goodsSku"])) : D("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ])) : D("", !0)
+      ], 64);
+    };
+  }
+}), be = /* @__PURE__ */ re(ge, [["__scopeId", "data-v-8e881ab3"]]);
+export {
+  be as default
+};