mixdashboards 1.0.39 → 1.0.40

package/dist/myValueList-cOT1nYnO.js

@@ -0,0 +1,451 @@
+var Z = Object.defineProperty, ee = Object.defineProperties;
+var te = Object.getOwnPropertyDescriptors;
+var N = Object.getOwnPropertySymbols;
+var oe = Object.prototype.hasOwnProperty, ae = Object.prototype.propertyIsEnumerable;
+var T = (n, s, e) => s in n ? Z(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e, O = (n, s) => {
+  for (var e in s || (s = {}))
+    oe.call(s, e) && T(n, e, s[e]);
+  if (N)
+    for (var e of N(s))
+      ae.call(s, e) && T(n, e, s[e]);
+  return n;
+}, D = (n, s) => ee(n, te(s));
+var h = (n, s, e) => new Promise((f, l) => {
+  var _ = (d) => {
+    try {
+      a(e.next(d));
+    } catch (i) {
+      l(i);
+    }
+  }, t = (d) => {
+    try {
+      a(e.throw(d));
+    } catch (i) {
+      l(i);
+    }
+  }, a = (d) => d.done ? f(d.value) : Promise.resolve(d.value).then(_, t);
+  a((e = e.apply(n, s)).next());
+});
+import { ElForm as le, ElFormItem as ie, ElInput as ne, ElButton as I, ElDescriptions as se, ElDescriptionsItem as de, ElSkeleton as re, ElCard as ce } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/card/style/css";
+import "element-plus/es/components/skeleton/style/css";
+import "element-plus/es/components/button/style/css";
+import { defineComponent as z, reactive as ue, watch as X, openBlock as m, createElementBlock as g, createVNode as r, withCtx as u, createElementVNode as b, createTextVNode as v, toDisplayString as w, ref as B, onMounted as R, onBeforeUnmount as pe, normalizeStyle as E, unref as p, createCommentVNode as F, createBlock as U, Fragment as me, renderList as fe, withModifiers as ve, renderSlot as _e } from "vue";
+import { B as ge } from "./element-resize-detector-DeMhGbNi.js";
+import { _ as M } from "./index-zPaMBZk-.js";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/descriptions/style/css";
+import "element-plus/es/components/descriptions-item/style/css";
+import { ElMessage as A, ElMessageBox as ye } from "element-plus";
+import { A as Ce, D as he } from "./ele-arrayCard-icon-CAk9ojr4.js";
+const be = { class: "page" }, Ve = { class: "actions" }, we = /* @__PURE__ */ z({
+  __name: "MyValueFormPage",
+  props: {
+    mode: { type: String, default: "add" },
+    // 'add' | 'edit'
+    model: { type: Object, default: null }
+  },
+  emits: ["save", "cancel"],
+  setup(n, { emit: s }) {
+    const e = n, f = s, l = ue({
+      title: "",
+      desc: ""
+    });
+    X(
+      () => e.model,
+      (t) => {
+        var a, d;
+        l.title = (a = t == null ? void 0 : t.title) != null ? a : "", l.desc = (d = t == null ? void 0 : t.desc) != null ? d : "";
+      },
+      { immediate: !0 }
+    );
+    const _ = () => {
+      var t, a, d;
+      f("save", {
+        title: ((t = l.title) == null ? void 0 : t.toString().trim()) || "未命名",
+        desc: (d = (a = l.desc) == null ? void 0 : a.toString()) != null ? d : ""
+      });
+    };
+    return (t, a) => {
+      const d = ne, i = ie, S = le, V = I;
+      return m(), g("div", be, [
+        r(S, {
+          "label-position": "top",
+          model: l,
+          class: "form"
+        }, {
+          default: u(() => [
+            r(i, { label: "标题" }, {
+              default: u(() => [
+                r(d, {
+                  modelValue: l.title,
+                  "onUpdate:modelValue": a[0] || (a[0] = (C) => l.title = C),
+                  placeholder: "请输入标题"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            r(i, { label: "描述" }, {
+              default: u(() => [
+                r(d, {
+                  modelValue: l.desc,
+                  "onUpdate:modelValue": a[1] || (a[1] = (C) => l.desc = C),
+                  type: "textarea",
+                  rows: 3,
+                  placeholder: "请输入描述"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model"]),
+        b("div", Ve, [
+          r(V, {
+            onClick: a[2] || (a[2] = (C) => t.$emit("cancel"))
+          }, {
+            default: u(() => [...a[3] || (a[3] = [
+              v("取消", -1)
+            ])]),
+            _: 1
+          }),
+          r(V, {
+            type: "primary",
+            onClick: _
+          }, {
+            default: u(() => [...a[4] || (a[4] = [
+              v("保存", -1)
+            ])]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+}), G = /* @__PURE__ */ M(we, [["__scopeId", "data-v-583abcf7"]]), Se = { class: "page" }, ke = { class: "actions" }, Oe = /* @__PURE__ */ z({
+  __name: "MyValueDetailPage",
+  props: {
+    item: { type: Object, default: null }
+  },
+  emits: ["edit"],
+  setup(n) {
+    return (s, e) => {
+      const f = de, l = se, _ = I;
+      return m(), g("div", Se, [
+        r(l, {
+          column: 1,
+          border: ""
+        }, {
+          default: u(() => [
+            r(f, { label: "标题" }, {
+              default: u(() => {
+                var t;
+                return [
+                  v(w(((t = n.item) == null ? void 0 : t.title) || "-"), 1)
+                ];
+              }),
+              _: 1
+            }),
+            r(f, { label: "描述" }, {
+              default: u(() => {
+                var t;
+                return [
+                  v(w(((t = n.item) == null ? void 0 : t.desc) || "-"), 1)
+                ];
+              }),
+              _: 1
+            }),
+            r(f, { label: "更新时间" }, {
+              default: u(() => {
+                var t;
+                return [
+                  v(w(((t = n.item) == null ? void 0 : t.updatedAt) || "-"), 1)
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        b("div", ke, [
+          r(_, {
+            type: "primary",
+            onClick: e[0] || (e[0] = (t) => s.$emit("edit", n.item))
+          }, {
+            default: u(() => [...e[1] || (e[1] = [
+              v("编辑", -1)
+            ])]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+}), Be = /* @__PURE__ */ M(Oe, [["__scopeId", "data-v-d6e7f1ea"]]), Ee = {
+  key: 0,
+  class: "list-toolbar"
+}, xe = ["onClick"], $e = { class: "item-sub" }, Ae = {
+  key: 2,
+  class: "page-wrap"
+}, Ie = {
+  key: 3,
+  class: "page-wrap"
+}, ze = {
+  key: 4,
+  class: "page-wrap"
+}, Me = {
+  DEFAULT_ICON: he,
+  ACTIVE_ICON: Ce,
+  NAME_CN: "列表",
+  NAME_EN: "My Value List",
+  ORDER: 2
+}, Pe = {
+  bgColor: "#ffffff",
+  radiusSize: 8,
+  borderColor: "#ebeef5",
+  showBorder: !0,
+  textColor: "#606266",
+  valueColor: "#303133",
+  itemTitleSize: 13,
+  itemValueSize: 13,
+  itemHeight: 36,
+  // 卡片样式（用“空隙”而不是分割线）
+  cardBgColor: "#ffffff",
+  cardRadius: 8,
+  cardPaddingX: 12,
+  cardPaddingY: 8,
+  cardGap: 10,
+  showCardBorder: !0,
+  cardBorderColor: "#f0f0f0"
+}, je = [
+  { title: "Item 1", fv: "", object_id: "", value: "--" },
+  { title: "Item 2", fv: "", object_id: "", value: "--" },
+  { title: "Item 3", fv: "", object_id: "", value: "--" },
+  { title: "Item 4", fv: "", object_id: "", value: "--" }
+], Le = ["title", "fv", "object_id"], Ne = ["mosaic"], Te = {
+  source: "mosaic",
+  multiObject: !1,
+  hideMultiObject: !0
+}, De = { DEFAULT: Me, OPTIONS: Pe, DATA: je, PARAMS: Le, SOURCE: Ne, COMMON: Te }, Re = /* @__PURE__ */ z(D(O({}, De), {
+  __name: "myValueList",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(n) {
+    const s = n, e = B("list"), f = B([]), l = B(null), _ = B(!1), t = () => {
+      e.value = "list", l.value = null;
+    };
+    class a extends ge {
+      extractStyles() {
+        return {
+          bgColor: this.getOptionValue("bgColor", "#ffffff"),
+          radiusSize: this.getOptionValue("radiusSize", 8),
+          borderColor: this.getOptionValue("borderColor", "#ebeef5"),
+          showBorder: this.getOptionValue("showBorder", !0),
+          textColor: this.getOptionValue("textColor", "#606266"),
+          valueColor: this.getOptionValue("valueColor", "#303133"),
+          itemTitleSize: this.getOptionValue("itemTitleSize", 13),
+          itemValueSize: this.getOptionValue("itemValueSize", 13),
+          itemHeight: this.getOptionValue("itemHeight", 36),
+          cardBgColor: this.getOptionValue("cardBgColor", "#ffffff"),
+          cardRadius: this.getOptionValue("cardRadius", 8),
+          cardPaddingX: this.getOptionValue("cardPaddingX", 12),
+          cardPaddingY: this.getOptionValue("cardPaddingY", 8),
+          cardGap: this.getOptionValue("cardGap", 10),
+          showCardBorder: this.getOptionValue("showCardBorder", !0),
+          cardBorderColor: this.getOptionValue("cardBorderColor", "#f0f0f0"),
+          navChannel: this.getOptionValue("navChannel", "myValueApp")
+        };
+      }
+      init() {
+        this.Style.value = this.extractStyles(), this.applyTheme(), (!Array.isArray(this.props.conf.data) || this.props.conf.data.length === 0) && (this.props.conf.data = [
+          { title: "Item 1", fv: "", object_id: "", value: "--" },
+          { title: "Item 2", fv: "", object_id: "", value: "--" },
+          { title: "Item 3", fv: "", object_id: "", value: "--" },
+          { title: "Item 4", fv: "", object_id: "", value: "--" }
+        ]);
+      }
+    }
+    const d = new a(s, "myValueList");
+    d.setupLifecycle();
+    const i = d.getStyle(), S = () => {
+      var o;
+      return ((o = i.value) == null ? void 0 : o.navChannel) || "myValueApp";
+    }, V = () => {
+      const o = e.value, c = o === "list" ? "列表" : o === "add" ? "新增" : o === "edit" ? "编辑" : "详情";
+      window.dispatchEvent(
+        new CustomEvent("mix-myvalue-nav:update", {
+          detail: { channel: S(), title: c, showBack: o !== "list" }
+        })
+      );
+    }, C = (o) => {
+      ((o == null ? void 0 : o.detail) || {}).channel === S() && e.value !== "list" && t();
+    };
+    X(e, () => V()), R(() => {
+      window.addEventListener("mix-myvalue-nav:back", C), V();
+    }), pe(() => {
+      window.removeEventListener("mix-myvalue-nav:back", C);
+    });
+    const Y = () => [
+      { id: "1", title: "示例项 1", desc: "这是详情描述 1", updatedAt: "2026-04-08 10:00" },
+      { id: "2", title: "示例项 2", desc: "这是详情描述 2", updatedAt: "2026-04-08 10:05" },
+      { id: "3", title: "示例项 3", desc: "这是详情描述 3", updatedAt: "2026-04-08 10:10" }
+    ], P = () => h(null, null, function* () {
+      _.value = !0, yield new Promise((o) => setTimeout(o, 300)), f.value = Y(), _.value = !1;
+    });
+    R(() => {
+      P();
+    });
+    const x = () => h(null, null, function* () {
+      yield P();
+    }), H = () => {
+      e.value = "add";
+    }, j = (o) => {
+      l.value = O({}, o), e.value = "detail";
+    }, L = (o) => {
+      l.value = O({}, o), e.value = "edit";
+    }, q = (o) => h(null, null, function* () {
+      A.success("新增成功"), t(), yield x();
+    }), J = (o) => h(null, null, function* () {
+      A.success("保存成功"), t(), yield x();
+    }), K = (o) => h(null, null, function* () {
+      try {
+        yield ye.confirm(`确认删除「${o.title}」吗？`, "二次确认", {
+          confirmButtonText: "删除",
+          cancelButtonText: "取消",
+          type: "warning"
+        });
+      } catch (c) {
+        return;
+      }
+      A.success("删除成功"), yield x();
+    });
+    return (o, c) => {
+      const k = I, Q = re, W = ce;
+      return m(), g("div", {
+        class: "list-container",
+        style: E({
+          background: p(i).bgColor,
+          borderRadius: `${p(i).radiusSize}px`,
+          border: p(i).showBorder ? `1px solid ${p(i).borderColor}` : "none"
+        })
+      }, [
+        e.value === "list" ? (m(), g("div", Ee, [
+          r(k, {
+            type: "primary",
+            size: "small",
+            onClick: H
+          }, {
+            default: u(() => [...c[2] || (c[2] = [
+              v(" 新增 ", -1)
+            ])]),
+            _: 1
+          })
+        ])) : F("", !0),
+        e.value === "list" ? (m(), g("div", {
+          key: 1,
+          class: "list-body",
+          style: E({ gap: `${p(i).cardGap}px` })
+        }, [
+          _.value ? (m(), U(Q, {
+            key: 0,
+            rows: 4,
+            animated: ""
+          })) : (m(!0), g(me, { key: 1 }, fe(f.value, (y) => (m(), U(W, {
+            key: y.id,
+            class: "list-card",
+            shadow: "never",
+            style: E({
+              background: p(i).cardBgColor,
+              borderRadius: `${p(i).cardRadius}px`,
+              border: p(i).showCardBorder ? `1px solid ${p(i).cardBorderColor}` : "none"
+            }),
+            "body-style": { padding: `${p(i).cardPaddingY}px ${p(i).cardPaddingX}px` }
+          }, {
+            default: u(() => [
+              b("div", {
+                class: "card-content",
+                onClick: ($) => j(y)
+              }, [
+                b("div", {
+                  class: "item-title",
+                  style: E({ color: p(i).textColor, fontSize: `${p(i).itemTitleSize}px` })
+                }, w(y.title), 5),
+                b("div", $e, w(y.updatedAt), 1)
+              ], 8, xe),
+              b("div", {
+                class: "card-actions",
+                onClick: c[0] || (c[0] = ve(() => {
+                }, ["stop"]))
+              }, [
+                r(k, {
+                  size: "small",
+                  onClick: ($) => L(y)
+                }, {
+                  default: u(() => [...c[3] || (c[3] = [
+                    v("编辑", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["onClick"]),
+                r(k, {
+                  size: "small",
+                  onClick: ($) => j(y)
+                }, {
+                  default: u(() => [...c[4] || (c[4] = [
+                    v("查看", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["onClick"]),
+                r(k, {
+                  size: "small",
+                  type: "danger",
+                  onClick: ($) => K(y)
+                }, {
+                  default: u(() => [...c[5] || (c[5] = [
+                    v("删除", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["onClick"])
+              ])
+            ]),
+            _: 2
+          }, 1032, ["style", "body-style"]))), 128))
+        ], 4)) : e.value === "add" ? (m(), g("div", Ae, [
+          r(G, {
+            mode: "add",
+            onSave: q,
+            onCancel: t
+          })
+        ])) : e.value === "edit" ? (m(), g("div", Ie, [
+          r(G, {
+            mode: "edit",
+            model: l.value,
+            onSave: J,
+            onCancel: t
+          }, null, 8, ["model"])
+        ])) : e.value === "detail" ? (m(), g("div", ze, [
+          r(Be, {
+            item: l.value,
+            onEdit: c[1] || (c[1] = (y) => L(l.value))
+          }, null, 8, ["item"])
+        ])) : F("", !0),
+        _e(o.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), lt = /* @__PURE__ */ M(Re, [["__scopeId", "data-v-dd7d0a8e"]]);
+export {
+  Te as COMMON,
+  je as DATA,
+  Me as DEFAULT,
+  Pe as OPTIONS,
+  Le as PARAMS,
+  Ne as SOURCE,
+  lt as default
+};