xyvcard-goods 0.0.19 → 0.0.21

package/dist/skuForm-C7rF2noo.mjs

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