@bytenew/bn-bus-ui 1.1.500 → 1.1.501

package/dist/goodCardStyle-DNVkD29o.js

@@ -1,358 +0,0 @@
-import { resolveComponent as f, openBlock as o, createBlock as c, withCtx as n, createElementVNode as s, createTextVNode as u, createVNode as v, createElementBlock as d, Fragment as m, renderList as g, toDisplayString as h, createCommentVNode as w } from "vue";
-import { _ as P } from "./install-Bz_yfXDQ.js";
-const T = {
-  image: "https://banniu-work.oss-cn-zhangjiakou.aliyuncs.com/125_10030158_c216400ec482bbfc44c2ea13584508bd.png"
-};
-function _(t) {
-  return t ? {
-    id: t.id,
-    title: t.name || "",
-    behaviorType: t.behaviorType,
-    columnCode: t.columnCode || t.key || t.insideDataSourceInfo && t.insideDataSourceInfo.field || ""
-  } : { id: "", title: "", behaviorType: "", columnCode: "" };
-}
-function V(t) {
-  if (!t || t.goodCardStyle == null || t.goodCardStyle === "")
-    return null;
-  try {
-    const e = typeof t.goodCardStyle == "string" ? JSON.parse(t.goodCardStyle) : t.goodCardStyle;
-    if (e && typeof e == "object" && !Array.isArray(e))
-      return e;
-  } catch {
-    return null;
-  }
-  return null;
-}
-const D = {
-  name: "goodCardStyle",
-  props: {
-    visible: {
-      type: Boolean,
-      default: !1
-    },
-    sourceData: {
-      type: Object,
-      default() {
-        return { extraInfo: {}, style: {}, moduleDefinition: [] };
-      }
-    }
-  },
-  data() {
-    return {
-      form: {
-        goodPicId: "",
-        goodTitleId: "",
-        previewIds: []
-      },
-      extraOpen: !1
-    };
-  },
-  computed: {
-    dialogVisible: {
-      get() {
-        return this.visible;
-      },
-      set(t) {
-        this.$emit("update:visible", t);
-      }
-    },
-    moduleList() {
-      const t = this.sourceData && this.sourceData.moduleDefinition;
-      return Array.isArray(t) ? t : [];
-    },
-    imageColumns() {
-      return this.moduleList.filter((t) => t.behaviorType == 10);
-    },
-    textColumns() {
-      return this.moduleList.filter((t) => [1, 2, 3, 4, 5, 6, 7].includes(Number(t.behaviorType)));
-    },
-    previewTags() {
-      return this.form.previewIds.map((t) => this.moduleList.find((e) => e.id == t)).filter(Boolean);
-    },
-    hasAnyConfig() {
-      return !!(this.form.goodPicId || this.form.goodTitleId || this.form.previewIds.length);
-    },
-    previewImage() {
-      return this.form.goodPicId ? T.image : "";
-    },
-    previewTitle() {
-      if (!this.form.goodTitleId) return "";
-      const t = this.moduleList.find((e) => e.id == this.form.goodTitleId);
-      return t && t.name || "—";
-    },
-    previewOnlyIds() {
-      return (this.form.previewIds || []).filter((t) => t != this.form.goodTitleId && t != this.form.goodPicId);
-    },
-    shownPreviewRows() {
-      return this.previewOnlyIds.map((t) => this.formatPreviewRow(t));
-    },
-    extraPreviewRows() {
-      return this.textColumns.filter((e) => e.id != this.form.goodTitleId && !this.previewOnlyIds.includes(e.id)).map((e) => e.id).map((e) => this.formatPreviewRow(e));
-    }
-  },
-  watch: {
-    visible(t) {
-      t && this.initForm();
-    }
-  },
-  methods: {
-    initForm() {
-      const t = V(this.sourceData.style), e = t && t.goodPic && t.goodPic.id, a = t && t.goodTitle && t.goodTitle.id, C = t && Array.isArray(t.previews) ? t.previews.map((r) => r && r.id).filter(Boolean) : [];
-      this.form = {
-        goodPicId: this.stillExists(e, this.imageColumns) ? e : "",
-        goodTitleId: this.stillExists(a, this.textColumns) ? a : "",
-        previewIds: C.filter((r) => this.stillExists(r, this.textColumns))
-      }, this.extraOpen = !1;
-    },
-    stillExists(t, e) {
-      return t != null && t !== "" && e.some((a) => a.id == t);
-    },
-    formatPreviewRow(t) {
-      const e = this.moduleList.find((a) => a.id == t);
-      return e ? `${e.name}：-` : "";
-    },
-    removePreview(t) {
-      this.form.previewIds = this.form.previewIds.filter((e) => e != t);
-    },
-    findColumn(t) {
-      return this.moduleList.find((e) => e.id == t);
-    },
-    handleCancel() {
-      this.dialogVisible = !1;
-    },
-    handleSave() {
-      if (!this.form.goodPicId) {
-        this.$message.warning("请配置商品图片");
-        return;
-      }
-      if (!this.form.goodTitleId) {
-        this.$message.warning("请配置标题字段");
-        return;
-      }
-      if (!this.form.previewIds.length) {
-        this.$message.warning("请至少选择一个预览字段");
-        return;
-      }
-      this.sourceData.style || (this.sourceData.style = {});
-      const t = {
-        goodPic: _(this.findColumn(this.form.goodPicId)),
-        goodTitle: _(this.findColumn(this.form.goodTitleId)),
-        previews: this.form.previewIds.map((e) => _(this.findColumn(e))).filter((e) => e.id !== "")
-      };
-      this.sourceData.style = {
-        ...this.sourceData.style,
-        goodCardStyle: t
-      }, this.$message.success("商品卡片配置已保存"), this.dialogVisible = !1;
-    }
-  }
-}, S = { class: "gcs-hd" }, L = { class: "gcs-bd" }, O = { class: "gcs-left" }, R = { class: "gcs-item" }, A = { class: "gcs-item" }, E = { class: "gcs-item" }, N = {
-  key: 0,
-  class: "gcs-tags"
-}, U = ["onClick"], B = { class: "gcs-right" }, j = {
-  key: 0,
-  class: "gcs-empty"
-}, F = {
-  key: 1,
-  class: "gcs-preview-box"
-}, G = { class: "goods-card" }, z = { class: "goods-img" }, H = ["src"], J = { key: 1 }, M = { class: "goods-meta" }, W = { class: "goods-title" }, Y = { class: "meta-grid" }, q = { class: "meta-row" }, K = {
-  key: 1,
-  class: "extra-fields meta-grid"
-}, Q = { class: "meta-row" }, X = { class: "gcs-ft" };
-function Z(t, e, a, C, r, l) {
-  const y = f("el-option"), I = f("el-select"), b = f("el-tooltip"), k = f("el-button"), x = f("el-dialog");
-  return o(), c(x, {
-    modelValue: l.dialogVisible,
-    "onUpdate:modelValue": e[5] || (e[5] = (i) => l.dialogVisible = i),
-    class: "goods-card-style-dialog",
-    "append-to-body": !0,
-    "close-on-click-modal": !1,
-    "show-close": !1,
-    width: "880px",
-    top: "8vh",
-    "destroy-on-close": ""
-  }, {
-    default: n(() => [
-      s("div", S, [
-        e[6] || (e[6] = s("div", null, [
-          s("div", { class: "gcs-hd-title" }, "商品卡片配置"),
-          s("div", { class: "gcs-hd-sub" }, "PLUGIN DISPLAY / CARD"),
-          s("div", { class: "gcs-hd-desc" }, "以下配置将用于插件端筛选、添加时的默认商品卡片展示")
-        ], -1)),
-        s("span", {
-          class: "bnUIcon bnUIcon-close gcs-hd-close",
-          onClick: e[0] || (e[0] = (...i) => l.handleCancel && l.handleCancel(...i))
-        })
-      ]),
-      s("div", L, [
-        s("div", O, [
-          s("div", R, [
-            e[7] || (e[7] = s("div", { class: "gcs-lab" }, [
-              u(" 商品图片 "),
-              s("span", { class: "gcs-chip red" }, "只能选择1个")
-            ], -1)),
-            e[8] || (e[8] = s("div", { class: "gcs-hint" }, "选择卡片左侧展示的商品图片字段", -1)),
-            v(I, {
-              modelValue: r.form.goodPicId,
-              "onUpdate:modelValue": e[1] || (e[1] = (i) => r.form.goodPicId = i),
-              filterable: "",
-              clearable: "",
-              placeholder: "请选择一个图片字段",
-              style: { width: "100%" }
-            }, {
-              default: n(() => [
-                (o(!0), d(m, null, g(l.imageColumns, (i) => (o(), c(y, {
-                  key: i.id,
-                  label: i.name,
-                  value: i.id
-                }, null, 8, ["label", "value"]))), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ]),
-          s("div", A, [
-            e[9] || (e[9] = s("div", { class: "gcs-lab" }, [
-              u(" 标题字段 "),
-              s("span", { class: "gcs-chip red" }, "只能选择1个")
-            ], -1)),
-            e[10] || (e[10] = s("div", { class: "gcs-hint" }, "展示在图片右侧第一行，加粗显示，不展示组件名称", -1)),
-            v(I, {
-              modelValue: r.form.goodTitleId,
-              "onUpdate:modelValue": e[2] || (e[2] = (i) => r.form.goodTitleId = i),
-              filterable: "",
-              clearable: "",
-              placeholder: "请选择一个标题字段",
-              style: { width: "100%" }
-            }, {
-              default: n(() => [
-                (o(!0), d(m, null, g(l.textColumns, (i) => (o(), c(y, {
-                  key: i.id,
-                  label: i.name,
-                  value: i.id
-                }, null, 8, ["label", "value"]))), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ]),
-          s("div", E, [
-            e[11] || (e[11] = s("div", { class: "gcs-lab" }, [
-              u(" 预览字段 "),
-              s("span", { class: "gcs-chip blue" }, "多选")
-            ], -1)),
-            e[12] || (e[12] = s("div", { class: "gcs-hint" }, "卡片默认展示全部已选字段，每行展示两个字段", -1)),
-            v(I, {
-              modelValue: r.form.previewIds,
-              "onUpdate:modelValue": e[3] || (e[3] = (i) => r.form.previewIds = i),
-              multiple: "",
-              filterable: "",
-              "collapse-tags": "",
-              "collapse-tags-tooltip": "",
-              placeholder: "请选择预览字段（可多选）",
-              style: { width: "100%" }
-            }, {
-              default: n(() => [
-                (o(!0), d(m, null, g(l.textColumns, (i) => (o(), c(y, {
-                  key: i.id,
-                  label: i.name,
-                  value: i.id
-                }, null, 8, ["label", "value"]))), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue"]),
-            l.previewTags.length ? (o(), d("div", N, [
-              (o(!0), d(m, null, g(l.previewTags, (i) => (o(), d("span", {
-                key: i.id,
-                class: "gcs-tag"
-              }, [
-                u(h(i.name) + " ", 1),
-                s("i", {
-                  class: "gcs-tag-rm",
-                  onClick: (p) => l.removePreview(i.id)
-                }, "×", 8, U)
-              ]))), 128))
-            ])) : w("", !0)
-          ])
-        ]),
-        s("div", B, [
-          e[13] || (e[13] = s("div", { class: "gcs-right-title" }, "效果预览", -1)),
-          e[14] || (e[14] = s("div", { class: "gcs-right-sub" }, "插件端筛选卡片", -1)),
-          l.hasAnyConfig ? (o(), d("div", F, [
-            s("div", G, [
-              s("div", z, [
-                l.previewImage ? (o(), d("img", {
-                  key: 0,
-                  src: l.previewImage,
-                  alt: ""
-                }, null, 8, H)) : (o(), d("span", J, "未配置主图"))
-              ]),
-              s("div", M, [
-                l.previewTitle ? (o(), c(b, {
-                  key: 0,
-                  content: l.previewTitle,
-                  placement: "top"
-                }, {
-                  default: n(() => [
-                    s("div", W, h(l.previewTitle), 1)
-                  ]),
-                  _: 1
-                }, 8, ["content"])) : w("", !0),
-                s("div", Y, [
-                  (o(!0), d(m, null, g(l.shownPreviewRows, (i, p) => (o(), c(b, {
-                    key: p,
-                    content: i,
-                    placement: "top"
-                  }, {
-                    default: n(() => [
-                      s("div", q, h(i), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["content"]))), 128))
-                ]),
-                l.extraPreviewRows.length && r.extraOpen ? (o(), d("div", K, [
-                  (o(!0), d(m, null, g(l.extraPreviewRows, (i, p) => (o(), c(b, {
-                    key: "e" + p,
-                    content: i,
-                    placement: "top"
-                  }, {
-                    default: n(() => [
-                      s("div", Q, h(i), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["content"]))), 128))
-                ])) : w("", !0)
-              ]),
-              l.extraPreviewRows.length ? (o(), d("span", {
-                key: 0,
-                class: "more-link",
-                onClick: e[4] || (e[4] = (i) => r.extraOpen = !r.extraOpen)
-              }, h(r.extraOpen ? "收起" : "更多 >"), 1)) : w("", !0)
-            ])
-          ])) : (o(), d("div", j, "请先选择商品图片、标题字段和预览字段")),
-          e[15] || (e[15] = s("div", { class: "gcs-right-tip" }, "配置字段变化后，卡片会自动更新", -1))
-        ])
-      ]),
-      s("div", X, [
-        v(k, { onClick: l.handleCancel }, {
-          default: n(() => [...e[16] || (e[16] = [
-            u("取 消", -1)
-          ])]),
-          _: 1
-        }, 8, ["onClick"]),
-        v(k, {
-          type: "primary",
-          class: "gcs-save",
-          onClick: l.handleSave
-        }, {
-          default: n(() => [...e[17] || (e[17] = [
-            u("保存配置", -1)
-          ])]),
-          _: 1
-        }, 8, ["onClick"])
-      ])
-    ]),
-    _: 1
-  }, 8, ["modelValue"]);
-}
-const te = /* @__PURE__ */ P(D, [["render", Z], ["__scopeId", "data-v-7ff0ede5"]]);
-export {
-  te as default
-};