xyvcard-goods 0.0.22 → 0.0.23

package/dist/skuForm-C2aQcL90.mjs

@@ -0,0 +1,314 @@
+import { defineComponent as O, openBlock as m, createElementBlock as S, createElementVNode as M, ref as v, watch as $, resolveComponent as r, createBlock as h, withCtx as i, createVNode as c, unref as g, Fragment as Y, renderList as G, createCommentVNode as H, createTextVNode as x, toDisplayString as J } from "vue";
+import { useI18n as K } from "vue-i18n";
+import { D as B, C as U } from "./index-jCpYt-EU.mjs";
+import { a as L } from "./index-C7oatDPl.mjs";
+import { specValueApi as Q } from "xyvcard-shop";
+import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+/*! Element Plus Icons Vue v2.3.1 */
+var X = /* @__PURE__ */ O({
+  name: "Plus",
+  __name: "plus",
+  setup(b) {
+    return (N, C) => (m(), S("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      M("path", {
+        fill: "currentColor",
+        d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z"
+      })
+    ]));
+  }
+}), Z = X;
+const w = { key: 0 }, ee = /* @__PURE__ */ O({
+  __name: "skuForm",
+  props: {
+    form: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["getGoodsSku", "getFormData"],
+  setup(b, { emit: N }) {
+    const { t: C } = K(), P = v([]), d = v([
+      {
+        salePrice: 0,
+        skuId: "",
+        spuId: "",
+        specInfo: "",
+        saleNum: 0,
+        picUrl: "",
+        specType: "",
+        skuOptions: []
+      }
+    ]);
+    B.goodsSpuBizDict.useValues();
+    const j = N;
+    function F(s, e) {
+      s.picUrl = e;
+    }
+    const y = b;
+    $(
+      y.form,
+      (s) => s,
+      {
+        deep: !0,
+        immediate: !0
+      }
+    ), y.form.spuId && L.findGroupList({ goodsId: y.form.spuId }).then(({ data: s }) => {
+      if (s && s.results.length > 0) {
+        d.value = [];
+        const e = s.results.map(async (l) => {
+          const t = {
+            salePrice: l.salePrice || 0,
+            skuId: l.skuId || "",
+            spuId: l.spuId || "",
+            saleNum: l.saleNum || 0,
+            picUrl: l.picUrl || "",
+            specType: "",
+            skuOptions: []
+          };
+          return await T(l.spuId, t), t.specType === U.SPEC_TYPE.MULTI_SPEC && l.skuId && (t.skuId = l.skuId || "", t.salePrice = l.salePrice || 0, t.saleNum = l.saleNum || 0, t.picUrl = l.picUrl || "", D(l.skuId)), t;
+        });
+        Promise.all(e).then((l) => {
+          d.value = l;
+        });
+      }
+    });
+    function A(s) {
+      const e = d.value.indexOf(s.row);
+      e !== 0 && d.value.splice(e, 1);
+    }
+    function R() {
+      d.value.push({
+        salePrice: 0,
+        skuId: "",
+        spuId: "",
+        specInfo: "",
+        saleNum: 0,
+        picUrl: "",
+        specType: "",
+        skuOptions: []
+      });
+    }
+    const E = v({});
+    async function q(s) {
+      if (!P.value[s])
+        try {
+          const { data: e } = await Q.findById({
+            specValueId: s
+          });
+          return P.value[s] = e.valueName, e.valueName;
+        } catch {
+        }
+    }
+    async function T(s, e) {
+      var l, t, k;
+      if (e.skuId = "", e.skuOptions = [], e.picUrl = "", e.salePrice = 0, e.saleNum = 0, !s) {
+        e.skuId = "", e.picUrl = "", e.salePrice = 0, e.saleNum = 0, e.skuOptions = [];
+        return;
+      }
+      try {
+        const { data: n } = await L.findById({ spuId: s });
+        if (e.specType = n.specType, e.specType === U.SPEC_TYPE.UNIFIED_SPEC && (e.picUrl = n.picUrls ? n.picUrls.split(",")[0] : "", e.salePrice = (l = n.skuList) == null ? void 0 : l.results[0].salePrice, e.saleNum = (t = n.skuList) == null ? void 0 : t.results[0].stock, e.skuId = (k = n.skuList) == null ? void 0 : k.results[0].skuId), e.specType === U.SPEC_TYPE.MULTI_SPEC && n.skuList) {
+          const f = n.skuList.results, _ = f.map((o) => o.specValues && Array.isArray(o.specValues) ? o.specValues.map(
+            (p) => p.specValueId
+          ) : []), V = _.flat().map((o) => q(o));
+          await Promise.all(V);
+          const I = _.map(
+            (o) => o.map((p) => P.value[p] || p)
+          );
+          e.skuOptions = f.map((o, p) => ({
+            key: o.skuId,
+            value: I[p].join(" "),
+            specInfo: I[p].join(" "),
+            picUrl: o.picUrl || (n.picUrls ? n.picUrls.split(",")[0] : ""),
+            salePrice: o.salePrice,
+            stock: o.stock
+          })), f.forEach((o, p) => {
+            o.skuId && (E.value[o.skuId] = {
+              ...o,
+              specInfo: I[p].join(" "),
+              spuPicUrls: n.picUrls
+            });
+          });
+        }
+      } catch {
+      }
+    }
+    function D(s) {
+      const e = d.value.find((l) => l.skuId === s);
+      if (e && s) {
+        const l = E.value[s];
+        if (l) {
+          const t = l.spuPicUrls ? l.spuPicUrls.split(",")[0] : "";
+          e.picUrl = l.picUrl || t, e.salePrice = l.salePrice, e.saleNum = l.stock, e.specInfo = l.specInfo;
+        }
+      }
+    }
+    return $(
+      d,
+      (s) => {
+        const e = s.filter((l) => l.spuId && l.skuId).map((l) => ({
+          salePrice: l.salePrice,
+          skuId: l.skuId,
+          spuId: l.spuId,
+          specInfo: l.specInfo,
+          saleNum: l.saleNum,
+          picUrl: l.picUrl
+        }));
+        j("getGoodsSku", e), console.log("filteredValue", e);
+      },
+      {
+        deep: !0,
+        immediate: !0
+      }
+    ), (s, e) => {
+      const l = r("jmash-select"), t = r("el-table-column"), k = r("el-option"), n = r("el-select"), f = r("jmash-single-image-upload"), _ = r("el-input-number"), V = r("DeleteFilled"), I = r("el-icon"), o = r("el-table"), p = r("el-button"), z = r("el-row");
+      return m(), h(z, null, {
+        default: i(() => [
+          c(o, {
+            data: d.value,
+            border: "",
+            style: { width: "100%" }
+          }, {
+            default: i(() => [
+              c(t, {
+                label: s.$t("goodsSpu.spuName"),
+                prop: "spuId",
+                "header-align": "center"
+              }, {
+                default: i(({ row: a }) => [
+                  c(l, {
+                    modelValue: a.spuId,
+                    "onUpdate:modelValue": (u) => a.spuId = u,
+                    data: g(B).goodsSpuBizDict.values,
+                    filterable: "",
+                    clearable: "",
+                    placeholder: s.$t("goodsSpu.spuNameRequireds"),
+                    class: "w-full",
+                    onChange: (u) => T(a.spuId, a)
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "data", "placeholder", "onChange"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              c(t, {
+                label: s.$t("goodsSpu.specType"),
+                "header-align": "center"
+              }, {
+                default: i(({ row: a }) => [
+                  a.specType === g(U).SPEC_TYPE.UNIFIED_SPEC ? (m(), S("span", w, " 统一规格 ")) : (m(), h(n, {
+                    key: 1,
+                    modelValue: a.skuId,
+                    "onUpdate:modelValue": (u) => a.skuId = u,
+                    placeholder: s.$t("goodsSpu.specTypeRequired"),
+                    onChange: (u) => D(a.skuId)
+                  }, {
+                    default: i(() => [
+                      (m(!0), S(Y, null, G(a.skuOptions, (u) => (m(), h(k, {
+                        key: u.key,
+                        label: u.value,
+                        value: u.key
+                      }, null, 8, ["label", "value"]))), 128))
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "onChange"]))
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              c(t, {
+                label: s.$t("goodsSpu.picUrls"),
+                prop: "picUrl",
+                width: "105",
+                "header-align": "center"
+              }, {
+                default: i(({ row: a }) => [
+                  c(f, {
+                    "picture-url": a.picUrl,
+                    onImageSrc: (u) => F(a, u),
+                    width: 80,
+                    type: "trans"
+                  }, null, 8, ["picture-url", "onImageSrc"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              c(t, {
+                label: s.$t("goodsSpu.salePriceV1"),
+                prop: "salePrice",
+                "header-align": "center"
+              }, {
+                default: i(({ row: a }) => [
+                  c(_, {
+                    modelValue: a.salePrice,
+                    "onUpdate:modelValue": (u) => a.salePrice = u,
+                    precision: 2,
+                    min: 0,
+                    placeholder: s.$t("goodsSpu.salePriceV1Required"),
+                    class: "w-full",
+                    controls: !1
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              c(t, {
+                label: s.$t("goodsSpu.saleNums"),
+                prop: "saleNum",
+                "header-align": "center"
+              }, {
+                default: i(({ row: a }) => [
+                  c(_, {
+                    modelValue: a.saleNum,
+                    "onUpdate:modelValue": (u) => a.saleNum = u,
+                    placeholder: s.$t("goodsSpu.saleNumRequireds"),
+                    class: "w-full",
+                    controls: !1,
+                    precision: 0,
+                    min: 0
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              c(t, {
+                label: s.$t("common.operate"),
+                width: "60",
+                align: "center"
+              }, {
+                default: i((a) => [
+                  a.$index !== 0 ? (m(), h(I, {
+                    key: 0,
+                    onClick: (u) => A(a),
+                    size: "18",
+                    style: { cursor: "pointer", color: "inherit" },
+                    class: "hover-blue"
+                  }, {
+                    default: i(() => [
+                      c(V)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])) : H("", !0)
+                ]),
+                _: 1
+              }, 8, ["label"])
+            ]),
+            _: 1
+          }, 8, ["data"]),
+          c(p, {
+            icon: g(Z),
+            class: "addButton",
+            onClick: R
+          }, {
+            default: i(() => [
+              x(J(g(C)("common.add")), 1)
+            ]),
+            _: 1
+          }, 8, ["icon"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ne = /* @__PURE__ */ W(ee, [["__scopeId", "data-v-f953fc89"]]);
+export {
+  ne as default
+};