@xto/business 0.1.0

package/es/index.mjs

@@ -0,0 +1,661 @@
+import { defineComponent as N, ref as R, computed as L, openBlock as c, createElementBlock as d, normalizeClass as a, unref as t, createVNode as H, withCtx as E, Fragment as W, renderList as M, createBlock as I, withKeys as Q, createCommentVNode as B, createTextVNode as P, createElementVNode as u, renderSlot as K, toDisplayString as S, normalizeStyle as j, reactive as Y, withDirectives as D, vModelSelect as Z, watch as _, vShow as G, nextTick as ee } from "vue";
+import { useNamespace as F } from "@xto/core";
+import { Space as A, Button as q } from "@xto/base";
+import { Input as X } from "@xto/form";
+import { Pagination as te } from "@xto/data";
+const le = ["colspan"], ae = ["colspan"], ne = ["value"], ye = /* @__PURE__ */ N({
+  name: "XProTable",
+  __name: "index",
+  props: {
+    columns: {},
+    data: { default: () => [] },
+    loading: { type: Boolean, default: !1 },
+    pagination: { type: Boolean, default: !0 },
+    pageSize: { default: 10 },
+    currentPage: { default: 1 },
+    total: { default: 0 },
+    selection: { type: Boolean, default: !1 },
+    index: { type: Boolean, default: !1 },
+    indexLabel: { default: "#" }
+  },
+  emits: ["update:data", "update:currentPage", "update:pageSize", "search", "refresh", "reset"],
+  setup(e, { emit: p }) {
+    const o = e, n = p, l = F("pro-table"), s = R({});
+    R([]), L({
+      get: () => o.data,
+      set: (i) => n("update:data", i)
+    });
+    const $ = (i) => {
+      n("update:currentPage", i), n("search", { ...s.value, page: i });
+    }, g = (i) => {
+      n("update:pageSize", i), n("search", { ...s.value, pageSize: i });
+    }, x = () => {
+      n("search", s.value);
+    }, v = () => {
+      s.value = {}, n("reset"), n("search", {});
+    }, y = () => {
+      n("refresh");
+    }, r = L(
+      () => o.columns.filter((i) => i.search)
+    );
+    return (i, f) => (c(), d("div", {
+      class: a(t(l).b())
+    }, [
+      r.value.length > 0 ? (c(), d("div", {
+        key: 0,
+        class: a(t(l).e("search"))
+      }, [
+        H(t(A), null, {
+          default: E(() => [
+            (c(!0), d(W, null, M(r.value, (h) => (c(), d(W, {
+              key: h.prop
+            }, [
+              h.searchType === "input" || !h.searchType ? (c(), I(t(X), {
+                key: 0,
+                modelValue: s.value[h.prop],
+                "onUpdate:modelValue": (b) => s.value[h.prop] = b,
+                placeholder: `请输入${h.label}`,
+                clearable: "",
+                onKeyup: Q(x, ["enter"])
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : B("", !0)
+            ], 64))), 128)),
+            H(t(q), {
+              type: "primary",
+              onClick: x
+            }, {
+              default: E(() => [...f[0] || (f[0] = [
+                P("搜索", -1)
+              ])]),
+              _: 1
+            }),
+            H(t(q), { onClick: v }, {
+              default: E(() => [...f[1] || (f[1] = [
+                P("重置", -1)
+              ])]),
+              _: 1
+            }),
+            H(t(q), { onClick: y }, {
+              default: E(() => [...f[2] || (f[2] = [
+                P("刷新", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ], 2)) : B("", !0),
+      u("div", {
+        class: a(t(l).e("toolbar"))
+      }, [
+        H(t(A), null, {
+          default: E(() => [
+            K(i.$slots, "toolbar")
+          ]),
+          _: 3
+        })
+      ], 2),
+      u("div", {
+        class: a(t(l).e("table-wrapper"))
+      }, [
+        u("table", {
+          class: a(t(l).e("table"))
+        }, [
+          u("thead", null, [
+            u("tr", null, [
+              e.selection ? (c(), d("th", {
+                key: 0,
+                class: a(t(l).e("selection"))
+              }, [...f[3] || (f[3] = [
+                u("input", { type: "checkbox" }, null, -1)
+              ])], 2)) : B("", !0),
+              e.index ? (c(), d("th", {
+                key: 1,
+                class: a(t(l).e("index"))
+              }, S(e.indexLabel), 3)) : B("", !0),
+              (c(!0), d(W, null, M(e.columns, (h) => (c(), d("th", {
+                key: h.prop,
+                class: a(t(l).e("column")),
+                style: j({
+                  width: h.width,
+                  minWidth: h.minWidth,
+                  textAlign: h.align || "left"
+                })
+              }, S(h.label), 7))), 128))
+            ])
+          ]),
+          u("tbody", null, [
+            e.loading ? (c(), d("tr", {
+              key: 0,
+              class: a(t(l).e("loading-row"))
+            }, [
+              u("td", {
+                colspan: e.columns.length + (e.selection ? 1 : 0) + (e.index ? 1 : 0)
+              }, [
+                u("div", {
+                  class: a(t(l).e("loading"))
+                }, " 加载中... ", 2)
+              ], 8, le)
+            ], 2)) : e.data.length === 0 ? (c(), d("tr", {
+              key: 1,
+              class: a(t(l).e("empty-row"))
+            }, [
+              u("td", {
+                colspan: e.columns.length + (e.selection ? 1 : 0) + (e.index ? 1 : 0)
+              }, [
+                u("div", {
+                  class: a(t(l).e("empty"))
+                }, " 暂无数据 ", 2)
+              ], 8, ae)
+            ], 2)) : (c(!0), d(W, { key: 2 }, M(e.data, (h, b) => (c(), d("tr", {
+              key: b,
+              class: a(t(l).e("row"))
+            }, [
+              e.selection ? (c(), d("td", {
+                key: 0,
+                class: a(t(l).e("selection"))
+              }, [
+                u("input", {
+                  type: "checkbox",
+                  value: h
+                }, null, 8, ne)
+              ], 2)) : B("", !0),
+              e.index ? (c(), d("td", {
+                key: 1,
+                class: a(t(l).e("index"))
+              }, S((e.currentPage - 1) * e.pageSize + b + 1), 3)) : B("", !0),
+              (c(!0), d(W, null, M(e.columns, (C) => {
+                var V;
+                return c(), d("td", {
+                  key: C.prop,
+                  class: a(t(l).e("cell")),
+                  style: j({ textAlign: C.align || "left" })
+                }, [
+                  K(i.$slots, (V = C.slots) == null ? void 0 : V.default, {
+                    row: h,
+                    column: C
+                  }, () => [
+                    P(S(C.formatter ? C.formatter(h, C, h[C.prop]) : h[C.prop]), 1)
+                  ])
+                ], 6);
+              }), 128))
+            ], 2))), 128))
+          ])
+        ], 2)
+      ], 2),
+      e.pagination ? (c(), d("div", {
+        key: 1,
+        class: a(t(l).e("pagination"))
+      }, [
+        H(t(te), {
+          total: e.total,
+          "page-size": e.pageSize,
+          "current-page": e.currentPage,
+          layout: "total, sizes, prev, pager, next, jumper",
+          onCurrentChange: $,
+          onSizeChange: g
+        }, null, 8, ["total", "page-size", "current-page"])
+      ], 2)) : B("", !0)
+    ], 2));
+  }
+}), se = ["onUpdate:modelValue"], oe = ["value"], be = /* @__PURE__ */ N({
+  name: "XSearchForm",
+  __name: "index",
+  props: {
+    columns: { default: () => [] },
+    model: { default: () => ({}) },
+    labelWidth: { default: "100px" },
+    labelPosition: { default: "right" }
+  },
+  emits: ["search", "reset"],
+  setup(e, { emit: p }) {
+    const o = e, n = p, l = F("search-form"), s = Y({});
+    o.columns.forEach((v) => {
+      v.defaultValue !== void 0 ? s[v.prop] = v.defaultValue : o.model[v.prop] !== void 0 && (s[v.prop] = o.model[v.prop]);
+    });
+    const $ = () => {
+      n("search", { ...s });
+    }, g = () => {
+      o.columns.forEach((v) => {
+        s[v.prop] = v.defaultValue;
+      }), n("reset");
+    }, x = L(() => ({
+      width: typeof o.labelWidth == "number" ? `${o.labelWidth}px` : o.labelWidth
+    }));
+    return (v, y) => (c(), d("div", {
+      class: a(t(l).b())
+    }, [
+      u("div", {
+        class: a(t(l).e("items"))
+      }, [
+        (c(!0), d(W, null, M(e.columns, (r) => (c(), d("div", {
+          key: r.prop,
+          class: a(t(l).e("item"))
+        }, [
+          u("label", {
+            class: a(t(l).e("label")),
+            style: j(x.value)
+          }, S(r.label), 7),
+          u("div", {
+            class: a(t(l).e("content"))
+          }, [
+            r.type === "input" || !r.type ? (c(), I(t(X), {
+              key: 0,
+              modelValue: s[r.prop],
+              "onUpdate:modelValue": (i) => s[r.prop] = i,
+              placeholder: r.placeholder || `请输入${r.label}`,
+              clearable: ""
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : r.type === "select" ? D((c(), d("select", {
+              key: 1,
+              "onUpdate:modelValue": (i) => s[r.prop] = i,
+              class: a(t(l).e("select"))
+            }, [
+              y[0] || (y[0] = u("option", { value: "" }, "请选择", -1)),
+              (c(!0), d(W, null, M(r.options, (i) => (c(), d("option", {
+                key: i.value,
+                value: i.value
+              }, S(i.label), 9, oe))), 128))
+            ], 10, se)), [
+              [Z, s[r.prop]]
+            ]) : r.type === "date" ? (c(), I(t(X), {
+              key: 2,
+              modelValue: s[r.prop],
+              "onUpdate:modelValue": (i) => s[r.prop] = i,
+              type: "date",
+              placeholder: r.placeholder || `请选择${r.label}`
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (c(), I(t(X), {
+              key: 3,
+              modelValue: s[r.prop],
+              "onUpdate:modelValue": (i) => s[r.prop] = i,
+              placeholder: r.placeholder || `请输入${r.label}`
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]))
+          ], 2)
+        ], 2))), 128))
+      ], 2),
+      u("div", {
+        class: a(t(l).e("actions"))
+      }, [
+        H(t(A), null, {
+          default: E(() => [
+            H(t(q), {
+              type: "primary",
+              onClick: $
+            }, {
+              default: E(() => [...y[1] || (y[1] = [
+                P("搜索", -1)
+              ])]),
+              _: 1
+            }),
+            H(t(q), { onClick: g }, {
+              default: E(() => [...y[2] || (y[2] = [
+                P("重置", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ], 2)
+    ], 2));
+  }
+}), ke = /* @__PURE__ */ N({
+  name: "XStatistic",
+  __name: "index",
+  props: {
+    title: { default: "" },
+    value: { default: 0 },
+    suffix: { default: "" },
+    prefix: { default: "" },
+    precision: { default: 0 },
+    trend: { default: "" },
+    trendValue: { default: 0 },
+    color: {},
+    titleColor: {},
+    valueColor: {}
+  },
+  setup(e) {
+    const p = e, o = F("statistic"), n = L(() => typeof p.value == "number" ? p.value.toFixed(p.precision) : p.value), l = L(() => [
+      o.e("trend"),
+      o.em("trend", p.trend)
+    ]), s = L(() => p.trend === "up" ? "↑" : p.trend === "down" ? "↓" : "");
+    return ($, g) => (c(), d("div", {
+      class: a(t(o).b())
+    }, [
+      u("div", {
+        class: a(t(o).e("title")),
+        style: j({ color: e.titleColor })
+      }, S(e.title), 7),
+      u("div", {
+        class: a(t(o).e("content"))
+      }, [
+        e.prefix ? (c(), d("span", {
+          key: 0,
+          class: a(t(o).e("prefix"))
+        }, S(e.prefix), 3)) : B("", !0),
+        u("span", {
+          class: a(t(o).e("value")),
+          style: j({ color: e.valueColor })
+        }, S(n.value), 7),
+        e.suffix ? (c(), d("span", {
+          key: 1,
+          class: a(t(o).e("suffix"))
+        }, S(e.suffix), 3)) : B("", !0)
+      ], 2),
+      e.trend ? (c(), d("div", {
+        key: 0,
+        class: a(l.value)
+      }, [
+        u("span", {
+          class: a(t(o).e("trend-icon"))
+        }, S(s.value), 3),
+        u("span", {
+          class: a(t(o).e("trend-value"))
+        }, S(e.trendValue), 3)
+      ], 2)) : B("", !0)
+    ], 2));
+  }
+}), $e = /* @__PURE__ */ N({
+  name: "XExport",
+  __name: "index",
+  props: {
+    data: { default: () => [] },
+    filename: { default: "export" },
+    sheetName: { default: "Sheet1" },
+    columns: { default: () => [] }
+  },
+  setup(e) {
+    const p = e, o = R(!1), n = () => {
+      if (p.data.length !== 0) {
+        o.value = !0;
+        try {
+          const l = p.columns.length > 0 ? p.columns.map((y) => y.title) : Object.keys(p.data[0]), s = p.columns.length > 0 ? p.columns.map((y) => y.key) : Object.keys(p.data[0]), $ = [
+            l.join(","),
+            ...p.data.map(
+              (y) => s.map((r) => {
+                const i = y[r];
+                return typeof i == "string" && (i.includes(",") || i.includes('"')) ? `"${i.replace(/"/g, '""')}"` : i;
+              }).join(",")
+            )
+          ].join(`
+`), g = new Blob([$], { type: "text/csv;charset=utf-8;" }), x = URL.createObjectURL(g), v = document.createElement("a");
+          v.href = x, v.download = `${p.filename}.csv`, document.body.appendChild(v), v.click(), document.body.removeChild(v), URL.revokeObjectURL(x);
+        } catch (l) {
+          console.error("Export failed:", l);
+        } finally {
+          o.value = !1;
+        }
+      }
+    };
+    return (l, s) => (c(), I(t(q), {
+      loading: o.value,
+      onClick: n
+    }, {
+      default: E(() => [...s[0] || (s[0] = [
+        P("导出", -1)
+      ])]),
+      icon: E(() => [...s[1] || (s[1] = [
+        P("📥", -1)
+      ])]),
+      _: 1
+    }, 8, ["loading"]));
+  }
+});
+function J(e) {
+  const p = {
+    "&": "&",
+    "<": "&lt;",
+    ">": "&gt;",
+    '"': "&quot;",
+    "'": "&#039;"
+  };
+  return e.replace(/[&<>"']/g, (o) => p[o]);
+}
+function z(e) {
+  return e = e.replace(/`([^`]+)`/g, '<code class="md-code">$1</code>'), e = e.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), e = e.replace(/__([^_]+)__/g, "<strong>$1</strong>"), e = e.replace(/\*([^*]+)\*/g, "<em>$1</em>"), e = e.replace(/_([^_]+)_/g, "<em>$1</em>"), e = e.replace(/~~([^~]+)~~/g, "<del>$1</del>"), e = e.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank" class="md-link">$1</a>'), e = e.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, '<img src="$2" alt="$1" class="md-image" />'), e;
+}
+function ie(e, p = {}) {
+  const o = e.split(`
+`), n = [];
+  let l = !1, s = "", $ = [], g = !1, x = "", v = !1, y = !1;
+  const r = () => {
+    g && (n.push(`</${x}>`), g = !1, x = "");
+  }, i = () => {
+    v && (n.push("</blockquote>"), v = !1);
+  }, f = () => {
+    y && (n.push("</table>"), y = !1);
+  };
+  for (let h = 0; h < o.length; h++) {
+    let b = o[h];
+    if (b.startsWith("```")) {
+      l ? (n.push(`<pre class="md-code-block"><code class="language-${s}">${J($.join(`
+`))}</code></pre>`), l = !1, s = "", $ = []) : (r(), i(), f(), l = !0, s = b.slice(3).trim(), $ = []);
+      continue;
+    }
+    if (l) {
+      $.push(b);
+      continue;
+    }
+    if (b.trim().startsWith("|") && b.trim().endsWith("|")) {
+      y || (r(), i(), y = !0, n.push('<table class="md-table">'));
+      const m = b.trim().slice(1, -1).split("|").map((T) => T.trim());
+      if (m.every((T) => /^[-:]+$/.test(T)))
+        continue;
+      if ((h === 0 || h > 0 && !o[h - 1].trim().startsWith("|")) && h < o.length - 1) {
+        const T = o[h + 1];
+        if (T && T.trim().startsWith("|") && T.trim().endsWith("|") && T.trim().slice(1, -1).split("|").map((U) => U.trim()).every((U) => /^[-:]+$/.test(U))) {
+          n.push("<thead><tr>"), m.forEach((U) => {
+            n.push(`<th>${z(U)}</th>`);
+          }), n.push("</tr></thead><tbody>");
+          continue;
+        }
+      }
+      n.push("<tr>"), m.forEach((T) => {
+        n.push(`<td>${z(T)}</td>`);
+      }), n.push("</tr>");
+      continue;
+    } else y && (n.push("</tbody>"), f());
+    if (!b.trim()) {
+      r(), i(), f();
+      continue;
+    }
+    if (b.startsWith(">")) {
+      r(), v || (n.push('<blockquote class="md-blockquote">'), v = !0);
+      const m = b.replace(/^>\s?/, "");
+      n.push(`<p>${z(m)}</p>`);
+      continue;
+    } else v && i();
+    const C = b.match(/^(#{1,6})\s+(.+)$/);
+    if (C) {
+      r();
+      const m = C[1].length, w = z(C[2]);
+      n.push(`<h${m} class="md-heading md-h${m}">${w}</h${m}>`);
+      continue;
+    }
+    if (/^[-*_]{3,}$/.test(b.trim())) {
+      r(), n.push('<hr class="md-hr" />');
+      continue;
+    }
+    const V = b.match(/^[-*+]\s+(.+)$/);
+    if (V) {
+      (!g || x !== "ul") && (r(), n.push('<ul class="md-list">'), g = !0, x = "ul"), n.push(`<li>${z(V[1])}</li>`);
+      continue;
+    }
+    const k = b.match(/^(\d+)\.\s+(.+)$/);
+    if (k) {
+      (!g || x !== "ol") && (r(), n.push('<ol class="md-list">'), g = !0, x = "ol"), n.push(`<li>${z(k[2])}</li>`);
+      continue;
+    }
+    r(), p.breaks !== !1 ? n.push(`<p class="md-paragraph">${z(b)}</p>`) : n.push(`<p class="md-paragraph">${z(b)}</p>`);
+  }
+  return r(), i(), f(), l && n.push(`<pre class="md-code-block"><code>${J($.join(`
+`))}</code></pre>`), n.join(`
+`);
+}
+function re(e) {
+  const p = [];
+  return e.split(`
+`).forEach((n, l) => {
+    const s = n.match(/^(#{1,6})\s+(.+)$/);
+    if (s) {
+      const $ = s[1].length, g = s[2].trim(), x = `heading-${l}`;
+      p.push({ level: $, text: g, id: x });
+    }
+  }), p;
+}
+const ce = ["title", "disabled", "onClick"], ue = { key: 0 }, de = ["value", "placeholder", "disabled"], pe = ["innerHTML"], xe = /* @__PURE__ */ N({
+  name: "XMarkdownEditor",
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "请输入 Markdown 内容..." },
+    height: { default: 400 },
+    mode: { default: "split" },
+    showToolbar: { type: Boolean, default: !0 },
+    showToc: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: p }) {
+    const o = e, n = p, l = F("markdown-editor"), s = R(o.modelValue), $ = R(), g = R(o.mode), x = L(() => ie(s.value)), v = L(() => re(s.value)), y = L(() => ({
+      height: typeof o.height == "number" ? `${o.height}px` : o.height
+    }));
+    _(() => o.modelValue, (V) => {
+      s.value = V;
+    });
+    const r = (V) => {
+      const k = V.target.value;
+      s.value = k, n("update:modelValue", k), n("change", k);
+    }, i = (V) => {
+      g.value = V;
+    }, f = (V, k = "") => {
+      if (!$.value || o.disabled) return;
+      const m = $.value, w = m.selectionStart, T = m.selectionEnd, O = s.value.substring(w, T), U = s.value.substring(0, w) + V + O + k + s.value.substring(T);
+      s.value = U, n("update:modelValue", U), n("change", U), ee(() => {
+        m.focus(), m.setSelectionRange(w + V.length, w + V.length + O.length);
+      });
+    }, h = [
+      { icon: "H1", title: "标题1", action: () => f("# ", "") },
+      { icon: "H2", title: "标题2", action: () => f("## ", "") },
+      { icon: "H3", title: "标题3", action: () => f("### ", "") },
+      { type: "divider" },
+      { icon: "B", title: "粗体", action: () => f("**", "**") },
+      { icon: "I", title: "斜体", action: () => f("*", "*") },
+      { icon: "S", title: "删除线", action: () => f("~~", "~~") },
+      { type: "divider" },
+      { icon: "•", title: "无序列表", action: () => f("- ", "") },
+      { icon: "1.", title: "有序列表", action: () => f("1. ", "") },
+      { type: "divider" },
+      { icon: "🔗", title: "链接", action: () => f("[", "](url)") },
+      { icon: "🖼", title: "图片", action: () => f("![alt](", ")") },
+      { icon: "</>", title: "代码", action: () => f("`", "`") },
+      { type: "divider" },
+      { icon: "—", title: "分割线", action: () => f(`
+---
+`, "") },
+      { icon: "□", title: "引用", action: () => f("> ", "") },
+      { icon: "```", title: "代码块", action: () => f("\n```\n", "\n```\n") }
+    ], b = L(() => [
+      l.b(),
+      l.is("disabled", o.disabled),
+      l.is(`mode-${g.value}`)
+    ]), C = (V) => {
+      if (g.value !== "split") return;
+      const k = document.querySelector(".x-markdown-editor__preview");
+      if (!k) return;
+      const m = V.target, w = m.scrollTop / (m.scrollHeight - m.clientHeight);
+      k.scrollTop = w * (k.scrollHeight - k.clientHeight);
+    };
+    return (V, k) => (c(), d("div", {
+      class: a(b.value),
+      style: j(y.value)
+    }, [
+      e.showToolbar ? (c(), d("div", {
+        key: 0,
+        class: a(t(l).e("toolbar"))
+      }, [
+        u("div", {
+          class: a(t(l).e("toolbar-left"))
+        }, [
+          (c(), d(W, null, M(h, (m, w) => u("button", {
+            key: w,
+            class: a([t(l).e("toolbar-btn"), { "is-divider": m.type === "divider" }]),
+            title: m.title,
+            disabled: e.disabled,
+            onClick: m.action
+          }, [
+            m.type ? B("", !0) : (c(), d("span", ue, S(m.icon), 1))
+          ], 10, ce)), 64))
+        ], 2),
+        u("div", {
+          class: a(t(l).e("toolbar-right"))
+        }, [
+          u("button", {
+            class: a([t(l).e("mode-btn"), { "is-active": g.value === "edit" }]),
+            onClick: k[0] || (k[0] = (m) => i("edit"))
+          }, " 编辑 ", 2),
+          u("button", {
+            class: a([t(l).e("mode-btn"), { "is-active": g.value === "split" }]),
+            onClick: k[1] || (k[1] = (m) => i("split"))
+          }, " 分屏 ", 2),
+          u("button", {
+            class: a([t(l).e("mode-btn"), { "is-active": g.value === "preview" }]),
+            onClick: k[2] || (k[2] = (m) => i("preview"))
+          }, " 预览 ", 2)
+        ], 2)
+      ], 2)) : B("", !0),
+      u("div", {
+        class: a(t(l).e("body"))
+      }, [
+        e.showToc && v.value.length > 0 ? (c(), d("div", {
+          key: 0,
+          class: a(t(l).e("toc"))
+        }, [
+          u("div", {
+            class: a(t(l).e("toc-title"))
+          }, "目录", 2),
+          u("ul", {
+            class: a(t(l).e("toc-list"))
+          }, [
+            (c(!0), d(W, null, M(v.value, (m, w) => (c(), d("li", {
+              key: w,
+              class: a(t(l).e("toc-item")),
+              style: j({ paddingLeft: (m.level - 1) * 12 + "px" })
+            }, S(m.text), 7))), 128))
+          ], 2)
+        ], 2)) : B("", !0),
+        u("div", {
+          class: a(t(l).e("content"))
+        }, [
+          D(u("div", {
+            class: a(t(l).e("editor-wrapper"))
+          }, [
+            u("textarea", {
+              ref_key: "editorRef",
+              ref: $,
+              class: a(t(l).e("editor")),
+              value: s.value,
+              placeholder: e.placeholder,
+              disabled: e.disabled,
+              onInput: r,
+              onScroll: C
+            }, null, 42, de)
+          ], 2), [
+            [G, g.value !== "preview"]
+          ]),
+          D(u("div", {
+            class: a(t(l).e("preview")),
+            innerHTML: x.value
+          }, null, 10, pe), [
+            [G, g.value !== "edit"]
+          ])
+        ], 2)
+      ], 2)
+    ], 6));
+  }
+});
+export {
+  $e as Export,
+  xe as MarkdownEditor,
+  ye as ProTable,
+  be as SearchForm,
+  ke as Statistic
+};

package/es/style.css

@@ -0,0 +1 @@
+.x-pro-table{background-color:#fff;border-radius:4px}.x-pro-table__search{padding:18px 20px 0;margin-bottom:16px}.x-pro-table__toolbar{padding:0 20px 16px;display:flex;justify-content:space-between;align-items:center}.x-pro-table__table-wrapper{width:100%;overflow-x:auto}.x-pro-table__table{width:100%;border-collapse:collapse}.x-pro-table__table th,.x-pro-table__table td{padding:12px 16px;border-bottom:1px solid #ebeef5;font-size:14px;text-align:left}.x-pro-table__table th{background-color:#fafafa;font-weight:500;color:#606266;-webkit-user-select:none;user-select:none}.x-pro-table__table td{color:#606266}.x-pro-table__table tr:hover td{background-color:#f5f7fa}.x-pro-table__selection{width:50px;text-align:center!important}.x-pro-table__selection input{cursor:pointer}.x-pro-table__index{width:60px;text-align:center!important}.x-pro-table__column{padding:12px 16px;text-align:left}.x-pro-table__cell{padding:12px 16px}.x-pro-table__loading,.x-pro-table__empty{padding:40px 0;text-align:center;color:#909399;font-size:14px}.x-pro-table__pagination{display:flex;justify-content:flex-end;padding:16px 20px;border-top:1px solid #ebeef5}.x-search-form{display:flex;flex-wrap:wrap;gap:16px;padding:16px 20px;background-color:#fff;border-radius:4px}.x-search-form__items{display:flex;flex-wrap:wrap;gap:16px;flex:1}.x-search-form__item{display:flex;align-items:center}.x-search-form__label{padding-right:12px;font-size:14px;color:#606266;text-align:right;flex-shrink:0}.x-search-form__content{flex:1;min-width:180px}.x-search-form__select{width:100%;height:32px;padding:0 12px;font-size:14px;color:#606266;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer}.x-search-form__select:hover{border-color:#c0c4cc}.x-search-form__select:focus{border-color:#409eff;outline:none}.x-search-form__actions{display:flex;align-items:center}.x-statistic{display:flex;flex-direction:column;padding:16px 20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 12px #00000014}.x-statistic__title{font-size:14px;color:#909399;margin-bottom:8px}.x-statistic__content{display:flex;align-items:baseline;gap:4px}.x-statistic__prefix{font-size:16px;color:#606266;margin-right:4px}.x-statistic__value{font-size:24px;font-weight:600;color:#303133}.x-statistic__suffix{font-size:14px;color:#606266;margin-left:4px}.x-statistic__trend{display:flex;align-items:center;margin-top:8px;font-size:14px}.x-statistic__trend-icon{margin-right:4px}.x-statistic__trend--up{color:#67c23a}.x-statistic__trend--down{color:#f56c6c}.x-markdown-editor{display:flex;flex-direction:column;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;overflow:hidden}.x-markdown-editor.is-disabled{background-color:#f5f7fa;cursor:not-allowed}.x-markdown-editor.is-disabled .x-markdown-editor__editor{cursor:not-allowed;color:#c0c4cc}.x-markdown-editor__toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#fafafa;border-bottom:1px solid #e8e8e8;flex-shrink:0}.x-markdown-editor__toolbar-left,.x-markdown-editor__toolbar-right{display:flex;align-items:center;gap:4px}.x-markdown-editor__toolbar-btn{min-width:28px;height:28px;padding:0 6px;border:none;background:none;cursor:pointer;font-size:14px;color:#606266;border-radius:4px;display:flex;align-items:center;justify-content:center}.x-markdown-editor__toolbar-btn:hover:not(:disabled){background-color:#e8e8e8}.x-markdown-editor__toolbar-btn:disabled{cursor:not-allowed;color:#c0c4cc}.x-markdown-editor__toolbar-btn.is-divider{width:1px;height:20px;min-width:1px;padding:0;margin:0 4px;background-color:#dcdfe6;cursor:default}.x-markdown-editor__toolbar-btn.is-divider:hover{background-color:#dcdfe6}.x-markdown-editor__mode-btn{padding:4px 12px;border:1px solid #dcdfe6;background:#fff;cursor:pointer;font-size:13px;color:#606266;border-radius:4px}.x-markdown-editor__mode-btn:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.x-markdown-editor__mode-btn.is-active{color:#fff;background-color:#409eff;border-color:#409eff}.x-markdown-editor__body{display:flex;flex:1;overflow:hidden}.x-markdown-editor__toc{width:200px;padding:16px;border-right:1px solid #e8e8e8;background-color:#fafafa;overflow-y:auto;flex-shrink:0}.x-markdown-editor__toc-title{font-size:14px;font-weight:600;color:#303133;margin-bottom:12px}.x-markdown-editor__toc-list{list-style:none;padding:0;margin:0}.x-markdown-editor__toc-item{font-size:13px;color:#606266;padding:6px 0;cursor:pointer}.x-markdown-editor__toc-item:hover{color:#409eff}.x-markdown-editor__content,.x-markdown-editor__editor-wrapper{flex:1;display:flex;overflow:hidden}.is-mode-split .x-markdown-editor__editor-wrapper{border-right:1px solid #e8e8e8}.x-markdown-editor__editor{flex:1;padding:16px;border:none;resize:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;color:#303133;background-color:transparent;outline:none}.x-markdown-editor__editor::placeholder{color:#c0c4cc}.x-markdown-editor__preview{flex:1;padding:16px;overflow-y:auto;font-size:14px;line-height:1.8;color:#303133}.x-markdown-editor__preview .md-heading{margin:16px 0 8px;font-weight:600;color:#303133}.x-markdown-editor__preview .md-heading.md-h1{font-size:28px;margin-top:0}.x-markdown-editor__preview .md-heading.md-h2{font-size:24px}.x-markdown-editor__preview .md-heading.md-h3{font-size:20px}.x-markdown-editor__preview .md-heading.md-h4{font-size:18px}.x-markdown-editor__preview .md-heading.md-h5{font-size:16px}.x-markdown-editor__preview .md-heading.md-h6{font-size:14px}.x-markdown-editor__preview .md-paragraph{margin:12px 0}.x-markdown-editor__preview .md-code{padding:2px 6px;background-color:#f5f7fa;border-radius:3px;font-family:Monaco,Menlo,monospace;font-size:13px;color:#e96900}.x-markdown-editor__preview .md-code-block{margin:12px 0;padding:16px;background-color:#f8f8f8;border-radius:4px;overflow-x:auto}.x-markdown-editor__preview .md-code-block code{font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6;color:#303133}.x-markdown-editor__preview .md-link{color:#409eff;text-decoration:none}.x-markdown-editor__preview .md-link:hover{text-decoration:underline}.x-markdown-editor__preview .md-image{max-width:100%;border-radius:4px;margin:8px 0}.x-markdown-editor__preview .md-list{padding-left:24px;margin:12px 0}.x-markdown-editor__preview .md-list li{margin:4px 0}.x-markdown-editor__preview .md-blockquote{margin:12px 0;padding:12px 16px;border-left:4px solid #409eff;background-color:#f0f7ff;color:#606266}.x-markdown-editor__preview .md-blockquote p{margin:4px 0}.x-markdown-editor__preview .md-hr{margin:16px 0;border:none;border-top:1px solid #e8e8e8}.x-markdown-editor__preview .md-table{width:100%;border-collapse:collapse;margin:12px 0}.x-markdown-editor__preview .md-table th,.x-markdown-editor__preview .md-table td{padding:8px 12px;border:1px solid #e8e8e8;text-align:left}.x-markdown-editor__preview .md-table th{background-color:#fafafa;font-weight:600}.x-markdown-editor.is-mode-edit .x-markdown-editor__editor-wrapper,.x-markdown-editor.is-mode-preview .x-markdown-editor__preview{width:100%}

package/lib/index.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),x=require("@xto/core"),E=require("@xto/base"),z=require("@xto/form"),w=require("@xto/data"),T=["colspan"],L=["colspan"],D=["value"],U=e.defineComponent({name:"XProTable",__name:"index",props:{columns:{},data:{default:()=>[]},loading:{type:Boolean,default:!1},pagination:{type:Boolean,default:!0},pageSize:{default:10},currentPage:{default:1},total:{default:0},selection:{type:Boolean,default:!1},index:{type:Boolean,default:!1},indexLabel:{default:"#"}},emits:["update:data","update:currentPage","update:pageSize","search","refresh","reset"],setup(t,{emit:c}){const o=t,n=c,l=x.useNamespace("pro-table"),a=e.ref({});e.ref([]),e.computed({get:()=>o.data,set:r=>n("update:data",r)});const v=r=>{n("update:currentPage",r),n("search",{...a.value,page:r})},p=r=>{n("update:pageSize",r),n("search",{...a.value,pageSize:r})},g=()=>{n("search",a.value)},m=()=>{a.value={},n("reset"),n("search",{})},f=()=>{n("refresh")},s=e.computed(()=>o.columns.filter(r=>r.search));return(r,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l).b())},[s.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l).e("search"))},[e.createVNode(e.unref(E.Space),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,u=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:u.prop},[u.searchType==="input"||!u.searchType?(e.openBlock(),e.createBlock(e.unref(z.Input),{key:0,modelValue:a.value[u.prop],"onUpdate:modelValue":h=>a.value[u.prop]=h,placeholder:`请输入${u.label}`,clearable:"",onKeyup:e.withKeys(g,["enter"])},null,8,["modelValue","onUpdate:modelValue","placeholder"])):e.createCommentVNode("",!0)],64))),128)),e.createVNode(e.unref(E.Button),{type:"primary",onClick:g},{default:e.withCtx(()=>[...d[0]||(d[0]=[e.createTextVNode("搜索",-1)])]),_:1}),e.createVNode(e.unref(E.Button),{onClick:m},{default:e.withCtx(()=>[...d[1]||(d[1]=[e.createTextVNode("重置",-1)])]),_:1}),e.createVNode(e.unref(E.Button),{onClick:f},{default:e.withCtx(()=>[...d[2]||(d[2]=[e.createTextVNode("刷新",-1)])]),_:1})]),_:1})],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("toolbar"))},[e.createVNode(e.unref(E.Space),null,{default:e.withCtx(()=>[e.renderSlot(r.$slots,"toolbar")]),_:3})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("table-wrapper"))},[e.createElementVNode("table",{class:e.normalizeClass(e.unref(l).e("table"))},[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[t.selection?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass(e.unref(l).e("selection"))},[...d[3]||(d[3]=[e.createElementVNode("input",{type:"checkbox"},null,-1)])],2)):e.createCommentVNode("",!0),t.index?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass(e.unref(l).e("index"))},e.toDisplayString(t.indexLabel),3)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,u=>(e.openBlock(),e.createElementBlock("th",{key:u.prop,class:e.normalizeClass(e.unref(l).e("column")),style:e.normalizeStyle({width:u.width,minWidth:u.minWidth,textAlign:u.align||"left"})},e.toDisplayString(u.label),7))),128))])]),e.createElementVNode("tbody",null,[t.loading?(e.openBlock(),e.createElementBlock("tr",{key:0,class:e.normalizeClass(e.unref(l).e("loading-row"))},[e.createElementVNode("td",{colspan:t.columns.length+(t.selection?1:0)+(t.index?1:0)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("loading"))}," 加载中... ",2)],8,T)],2)):t.data.length===0?(e.openBlock(),e.createElementBlock("tr",{key:1,class:e.normalizeClass(e.unref(l).e("empty-row"))},[e.createElementVNode("td",{colspan:t.columns.length+(t.selection?1:0)+(t.index?1:0)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("empty"))}," 暂无数据 ",2)],8,L)],2)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(t.data,(u,h)=>(e.openBlock(),e.createElementBlock("tr",{key:h,class:e.normalizeClass(e.unref(l).e("row"))},[t.selection?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass(e.unref(l).e("selection"))},[e.createElementVNode("input",{type:"checkbox",value:u},null,8,D)],2)):e.createCommentVNode("",!0),t.index?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass(e.unref(l).e("index"))},e.toDisplayString((t.currentPage-1)*t.pageSize+h+1),3)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,C=>{var y;return e.openBlock(),e.createElementBlock("td",{key:C.prop,class:e.normalizeClass(e.unref(l).e("cell")),style:e.normalizeStyle({textAlign:C.align||"left"})},[e.renderSlot(r.$slots,(y=C.slots)==null?void 0:y.default,{row:u,column:C},()=>[e.createTextVNode(e.toDisplayString(C.formatter?C.formatter(u,C,u[C.prop]):u[C.prop]),1)])],6)}),128))],2))),128))])],2)],2),t.pagination?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l).e("pagination"))},[e.createVNode(e.unref(w.Pagination),{total:t.total,"page-size":t.pageSize,"current-page":t.currentPage,layout:"total, sizes, prev, pager, next, jumper",onCurrentChange:v,onSizeChange:p},null,8,["total","page-size","current-page"])],2)):e.createCommentVNode("",!0)],2))}}),H=["onUpdate:modelValue"],M=["value"],P=e.defineComponent({name:"XSearchForm",__name:"index",props:{columns:{default:()=>[]},model:{default:()=>({})},labelWidth:{default:"100px"},labelPosition:{default:"right"}},emits:["search","reset"],setup(t,{emit:c}){const o=t,n=c,l=x.useNamespace("search-form"),a=e.reactive({});o.columns.forEach(m=>{m.defaultValue!==void 0?a[m.prop]=m.defaultValue:o.model[m.prop]!==void 0&&(a[m.prop]=o.model[m.prop])});const v=()=>{n("search",{...a})},p=()=>{o.columns.forEach(m=>{a[m.prop]=m.defaultValue}),n("reset")},g=e.computed(()=>({width:typeof o.labelWidth=="number"?`${o.labelWidth}px`:o.labelWidth}));return(m,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("items"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,s=>(e.openBlock(),e.createElementBlock("div",{key:s.prop,class:e.normalizeClass(e.unref(l).e("item"))},[e.createElementVNode("label",{class:e.normalizeClass(e.unref(l).e("label")),style:e.normalizeStyle(g.value)},e.toDisplayString(s.label),7),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("content"))},[s.type==="input"||!s.type?(e.openBlock(),e.createBlock(e.unref(z.Input),{key:0,modelValue:a[s.prop],"onUpdate:modelValue":r=>a[s.prop]=r,placeholder:s.placeholder||`请输入${s.label}`,clearable:""},null,8,["modelValue","onUpdate:modelValue","placeholder"])):s.type==="select"?e.withDirectives((e.openBlock(),e.createElementBlock("select",{key:1,"onUpdate:modelValue":r=>a[s.prop]=r,class:e.normalizeClass(e.unref(l).e("select"))},[f[0]||(f[0]=e.createElementVNode("option",{value:""},"请选择",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.options,r=>(e.openBlock(),e.createElementBlock("option",{key:r.value,value:r.value},e.toDisplayString(r.label),9,M))),128))],10,H)),[[e.vModelSelect,a[s.prop]]]):s.type==="date"?(e.openBlock(),e.createBlock(e.unref(z.Input),{key:2,modelValue:a[s.prop],"onUpdate:modelValue":r=>a[s.prop]=r,type:"date",placeholder:s.placeholder||`请选择${s.label}`},null,8,["modelValue","onUpdate:modelValue","placeholder"])):(e.openBlock(),e.createBlock(e.unref(z.Input),{key:3,modelValue:a[s.prop],"onUpdate:modelValue":r=>a[s.prop]=r,placeholder:s.placeholder||`请输入${s.label}`},null,8,["modelValue","onUpdate:modelValue","placeholder"]))],2)],2))),128))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("actions"))},[e.createVNode(e.unref(E.Space),null,{default:e.withCtx(()=>[e.createVNode(e.unref(E.Button),{type:"primary",onClick:v},{default:e.withCtx(()=>[...f[1]||(f[1]=[e.createTextVNode("搜索",-1)])]),_:1}),e.createVNode(e.unref(E.Button),{onClick:p},{default:e.withCtx(()=>[...f[2]||(f[2]=[e.createTextVNode("重置",-1)])]),_:1})]),_:1})],2)],2))}}),W=e.defineComponent({name:"XStatistic",__name:"index",props:{title:{default:""},value:{default:0},suffix:{default:""},prefix:{default:""},precision:{default:0},trend:{default:""},trendValue:{default:0},color:{},titleColor:{},valueColor:{}},setup(t){const c=t,o=x.useNamespace("statistic"),n=e.computed(()=>typeof c.value=="number"?c.value.toFixed(c.precision):c.value),l=e.computed(()=>[o.e("trend"),o.em("trend",c.trend)]),a=e.computed(()=>c.trend==="up"?"↑":c.trend==="down"?"↓":"");return(v,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("title")),style:e.normalizeStyle({color:t.titleColor})},e.toDisplayString(t.title),7),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("content"))},[t.prefix?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},e.toDisplayString(t.prefix),3)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("value")),style:e.normalizeStyle({color:t.valueColor})},e.toDisplayString(n.value),7),t.suffix?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},e.toDisplayString(t.suffix),3)):e.createCommentVNode("",!0)],2),t.trend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(l.value)},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("trend-icon"))},e.toDisplayString(a.value),3),e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("trend-value"))},e.toDisplayString(t.trendValue),3)],2)):e.createCommentVNode("",!0)],2))}}),j=e.defineComponent({name:"XExport",__name:"index",props:{data:{default:()=>[]},filename:{default:"export"},sheetName:{default:"Sheet1"},columns:{default:()=>[]}},setup(t){const c=t,o=e.ref(!1),n=()=>{if(c.data.length!==0){o.value=!0;try{const l=c.columns.length>0?c.columns.map(f=>f.title):Object.keys(c.data[0]),a=c.columns.length>0?c.columns.map(f=>f.key):Object.keys(c.data[0]),v=[l.join(","),...c.data.map(f=>a.map(s=>{const r=f[s];return typeof r=="string"&&(r.includes(",")||r.includes('"'))?`"${r.replace(/"/g,'""')}"`:r}).join(","))].join(`
+`),p=new Blob([v],{type:"text/csv;charset=utf-8;"}),g=URL.createObjectURL(p),m=document.createElement("a");m.href=g,m.download=`${c.filename}.csv`,document.body.appendChild(m),m.click(),document.body.removeChild(m),URL.revokeObjectURL(g)}catch(l){console.error("Export failed:",l)}finally{o.value=!1}}};return(l,a)=>(e.openBlock(),e.createBlock(e.unref(E.Button),{loading:o.value,onClick:n},{default:e.withCtx(()=>[...a[0]||(a[0]=[e.createTextVNode("导出",-1)])]),icon:e.withCtx(()=>[...a[1]||(a[1]=[e.createTextVNode("📥",-1)])]),_:1},8,["loading"]))}});function S(t){const c={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#039;"};return t.replace(/[&<>"']/g,o=>c[o])}function N(t){return t=t.replace(/`([^`]+)`/g,'<code class="md-code">$1</code>'),t=t.replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>"),t=t.replace(/__([^_]+)__/g,"<strong>$1</strong>"),t=t.replace(/\*([^*]+)\*/g,"<em>$1</em>"),t=t.replace(/_([^_]+)_/g,"<em>$1</em>"),t=t.replace(/~~([^~]+)~~/g,"<del>$1</del>"),t=t.replace(/\[([^\]]+)\]\(([^)]+)\)/g,'<a href="$2" target="_blank" class="md-link">$1</a>'),t=t.replace(/!\[([^\]]*)\]\(([^)]+)\)/g,'<img src="$2" alt="$1" class="md-image" />'),t}function q(t,c={}){const o=t.split(`
+`),n=[];let l=!1,a="",v=[],p=!1,g="",m=!1,f=!1;const s=()=>{p&&(n.push(`</${g}>`),p=!1,g="")},r=()=>{m&&(n.push("</blockquote>"),m=!1)},d=()=>{f&&(n.push("</table>"),f=!1)};for(let u=0;u<o.length;u++){let h=o[u];if(h.startsWith("```")){l?(n.push(`<pre class="md-code-block"><code class="language-${a}">${S(v.join(`
+`))}</code></pre>`),l=!1,a="",v=[]):(s(),r(),d(),l=!0,a=h.slice(3).trim(),v=[]);continue}if(l){v.push(h);continue}if(h.trim().startsWith("|")&&h.trim().endsWith("|")){f||(s(),r(),f=!0,n.push('<table class="md-table">'));const i=h.trim().slice(1,-1).split("|").map(V=>V.trim());if(i.every(V=>/^[-:]+$/.test(V)))continue;if((u===0||u>0&&!o[u-1].trim().startsWith("|"))&&u<o.length-1){const V=o[u+1];if(V&&V.trim().startsWith("|")&&V.trim().endsWith("|")&&V.trim().slice(1,-1).split("|").map(b=>b.trim()).every(b=>/^[-:]+$/.test(b))){n.push("<thead><tr>"),i.forEach(b=>{n.push(`<th>${N(b)}</th>`)}),n.push("</tr></thead><tbody>");continue}}n.push("<tr>"),i.forEach(V=>{n.push(`<td>${N(V)}</td>`)}),n.push("</tr>");continue}else f&&(n.push("</tbody>"),d());if(!h.trim()){s(),r(),d();continue}if(h.startsWith(">")){s(),m||(n.push('<blockquote class="md-blockquote">'),m=!0);const i=h.replace(/^>\s?/,"");n.push(`<p>${N(i)}</p>`);continue}else m&&r();const C=h.match(/^(#{1,6})\s+(.+)$/);if(C){s();const i=C[1].length,B=N(C[2]);n.push(`<h${i} class="md-heading md-h${i}">${B}</h${i}>`);continue}if(/^[-*_]{3,}$/.test(h.trim())){s(),n.push('<hr class="md-hr" />');continue}const y=h.match(/^[-*+]\s+(.+)$/);if(y){(!p||g!=="ul")&&(s(),n.push('<ul class="md-list">'),p=!0,g="ul"),n.push(`<li>${N(y[1])}</li>`);continue}const k=h.match(/^(\d+)\.\s+(.+)$/);if(k){(!p||g!=="ol")&&(s(),n.push('<ol class="md-list">'),p=!0,g="ol"),n.push(`<li>${N(k[2])}</li>`);continue}s(),c.breaks!==!1?n.push(`<p class="md-paragraph">${N(h)}</p>`):n.push(`<p class="md-paragraph">${N(h)}</p>`)}return s(),r(),d(),l&&n.push(`<pre class="md-code-block"><code>${S(v.join(`
+`))}</code></pre>`),n.join(`
+`)}function F(t){const c=[];return t.split(`
+`).forEach((n,l)=>{const a=n.match(/^(#{1,6})\s+(.+)$/);if(a){const v=a[1].length,p=a[2].trim(),g=`heading-${l}`;c.push({level:v,text:p,id:g})}}),c}const R=["title","disabled","onClick"],I={key:0},O=["value","placeholder","disabled"],X=["innerHTML"],A=e.defineComponent({name:"XMarkdownEditor",__name:"index",props:{modelValue:{default:""},placeholder:{default:"请输入 Markdown 内容..."},height:{default:400},mode:{default:"split"},showToolbar:{type:Boolean,default:!0},showToc:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(t,{emit:c}){const o=t,n=c,l=x.useNamespace("markdown-editor"),a=e.ref(o.modelValue),v=e.ref(),p=e.ref(o.mode),g=e.computed(()=>q(a.value)),m=e.computed(()=>F(a.value)),f=e.computed(()=>({height:typeof o.height=="number"?`${o.height}px`:o.height}));e.watch(()=>o.modelValue,y=>{a.value=y});const s=y=>{const k=y.target.value;a.value=k,n("update:modelValue",k),n("change",k)},r=y=>{p.value=y},d=(y,k="")=>{if(!v.value||o.disabled)return;const i=v.value,B=i.selectionStart,V=i.selectionEnd,$=a.value.substring(B,V),b=a.value.substring(0,B)+y+$+k+a.value.substring(V);a.value=b,n("update:modelValue",b),n("change",b),e.nextTick(()=>{i.focus(),i.setSelectionRange(B+y.length,B+y.length+$.length)})},u=[{icon:"H1",title:"标题1",action:()=>d("# ","")},{icon:"H2",title:"标题2",action:()=>d("## ","")},{icon:"H3",title:"标题3",action:()=>d("### ","")},{type:"divider"},{icon:"B",title:"粗体",action:()=>d("**","**")},{icon:"I",title:"斜体",action:()=>d("*","*")},{icon:"S",title:"删除线",action:()=>d("~~","~~")},{type:"divider"},{icon:"•",title:"无序列表",action:()=>d("- ","")},{icon:"1.",title:"有序列表",action:()=>d("1. ","")},{type:"divider"},{icon:"🔗",title:"链接",action:()=>d("[","](url)")},{icon:"🖼",title:"图片",action:()=>d("![alt](",")")},{icon:"</>",title:"代码",action:()=>d("`","`")},{type:"divider"},{icon:"—",title:"分割线",action:()=>d(`
+---
+`,"")},{icon:"□",title:"引用",action:()=>d("> ","")},{icon:"```",title:"代码块",action:()=>d("\n```\n","\n```\n")}],h=e.computed(()=>[l.b(),l.is("disabled",o.disabled),l.is(`mode-${p.value}`)]),C=y=>{if(p.value!=="split")return;const k=document.querySelector(".x-markdown-editor__preview");if(!k)return;const i=y.target,B=i.scrollTop/(i.scrollHeight-i.clientHeight);k.scrollTop=B*(k.scrollHeight-k.clientHeight)};return(y,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(h.value),style:e.normalizeStyle(f.value)},[t.showToolbar?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l).e("toolbar"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("toolbar-left"))},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(u,(i,B)=>e.createElementVNode("button",{key:B,class:e.normalizeClass([e.unref(l).e("toolbar-btn"),{"is-divider":i.type==="divider"}]),title:i.title,disabled:t.disabled,onClick:i.action},[i.type?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",I,e.toDisplayString(i.icon),1))],10,R)),64))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("toolbar-right"))},[e.createElementVNode("button",{class:e.normalizeClass([e.unref(l).e("mode-btn"),{"is-active":p.value==="edit"}]),onClick:k[0]||(k[0]=i=>r("edit"))}," 编辑 ",2),e.createElementVNode("button",{class:e.normalizeClass([e.unref(l).e("mode-btn"),{"is-active":p.value==="split"}]),onClick:k[1]||(k[1]=i=>r("split"))}," 分屏 ",2),e.createElementVNode("button",{class:e.normalizeClass([e.unref(l).e("mode-btn"),{"is-active":p.value==="preview"}]),onClick:k[2]||(k[2]=i=>r("preview"))}," 预览 ",2)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("body"))},[t.showToc&&m.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l).e("toc"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("toc-title"))},"目录",2),e.createElementVNode("ul",{class:e.normalizeClass(e.unref(l).e("toc-list"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(i,B)=>(e.openBlock(),e.createElementBlock("li",{key:B,class:e.normalizeClass(e.unref(l).e("toc-item")),style:e.normalizeStyle({paddingLeft:(i.level-1)*12+"px"})},e.toDisplayString(i.text),7))),128))],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("content"))},[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("editor-wrapper"))},[e.createElementVNode("textarea",{ref_key:"editorRef",ref:v,class:e.normalizeClass(e.unref(l).e("editor")),value:a.value,placeholder:t.placeholder,disabled:t.disabled,onInput:s,onScroll:C},null,42,O)],2),[[e.vShow,p.value!=="preview"]]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("preview")),innerHTML:g.value},null,10,X),[[e.vShow,p.value!=="edit"]])],2)],2)],6))}});exports.Export=j;exports.MarkdownEditor=A;exports.ProTable=U;exports.SearchForm=P;exports.Statistic=W;

package/lib/style.css

@@ -0,0 +1 @@
+.x-pro-table{background-color:#fff;border-radius:4px}.x-pro-table__search{padding:18px 20px 0;margin-bottom:16px}.x-pro-table__toolbar{padding:0 20px 16px;display:flex;justify-content:space-between;align-items:center}.x-pro-table__table-wrapper{width:100%;overflow-x:auto}.x-pro-table__table{width:100%;border-collapse:collapse}.x-pro-table__table th,.x-pro-table__table td{padding:12px 16px;border-bottom:1px solid #ebeef5;font-size:14px;text-align:left}.x-pro-table__table th{background-color:#fafafa;font-weight:500;color:#606266;-webkit-user-select:none;user-select:none}.x-pro-table__table td{color:#606266}.x-pro-table__table tr:hover td{background-color:#f5f7fa}.x-pro-table__selection{width:50px;text-align:center!important}.x-pro-table__selection input{cursor:pointer}.x-pro-table__index{width:60px;text-align:center!important}.x-pro-table__column{padding:12px 16px;text-align:left}.x-pro-table__cell{padding:12px 16px}.x-pro-table__loading,.x-pro-table__empty{padding:40px 0;text-align:center;color:#909399;font-size:14px}.x-pro-table__pagination{display:flex;justify-content:flex-end;padding:16px 20px;border-top:1px solid #ebeef5}.x-search-form{display:flex;flex-wrap:wrap;gap:16px;padding:16px 20px;background-color:#fff;border-radius:4px}.x-search-form__items{display:flex;flex-wrap:wrap;gap:16px;flex:1}.x-search-form__item{display:flex;align-items:center}.x-search-form__label{padding-right:12px;font-size:14px;color:#606266;text-align:right;flex-shrink:0}.x-search-form__content{flex:1;min-width:180px}.x-search-form__select{width:100%;height:32px;padding:0 12px;font-size:14px;color:#606266;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer}.x-search-form__select:hover{border-color:#c0c4cc}.x-search-form__select:focus{border-color:#409eff;outline:none}.x-search-form__actions{display:flex;align-items:center}.x-statistic{display:flex;flex-direction:column;padding:16px 20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 12px #00000014}.x-statistic__title{font-size:14px;color:#909399;margin-bottom:8px}.x-statistic__content{display:flex;align-items:baseline;gap:4px}.x-statistic__prefix{font-size:16px;color:#606266;margin-right:4px}.x-statistic__value{font-size:24px;font-weight:600;color:#303133}.x-statistic__suffix{font-size:14px;color:#606266;margin-left:4px}.x-statistic__trend{display:flex;align-items:center;margin-top:8px;font-size:14px}.x-statistic__trend-icon{margin-right:4px}.x-statistic__trend--up{color:#67c23a}.x-statistic__trend--down{color:#f56c6c}.x-markdown-editor{display:flex;flex-direction:column;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;overflow:hidden}.x-markdown-editor.is-disabled{background-color:#f5f7fa;cursor:not-allowed}.x-markdown-editor.is-disabled .x-markdown-editor__editor{cursor:not-allowed;color:#c0c4cc}.x-markdown-editor__toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#fafafa;border-bottom:1px solid #e8e8e8;flex-shrink:0}.x-markdown-editor__toolbar-left,.x-markdown-editor__toolbar-right{display:flex;align-items:center;gap:4px}.x-markdown-editor__toolbar-btn{min-width:28px;height:28px;padding:0 6px;border:none;background:none;cursor:pointer;font-size:14px;color:#606266;border-radius:4px;display:flex;align-items:center;justify-content:center}.x-markdown-editor__toolbar-btn:hover:not(:disabled){background-color:#e8e8e8}.x-markdown-editor__toolbar-btn:disabled{cursor:not-allowed;color:#c0c4cc}.x-markdown-editor__toolbar-btn.is-divider{width:1px;height:20px;min-width:1px;padding:0;margin:0 4px;background-color:#dcdfe6;cursor:default}.x-markdown-editor__toolbar-btn.is-divider:hover{background-color:#dcdfe6}.x-markdown-editor__mode-btn{padding:4px 12px;border:1px solid #dcdfe6;background:#fff;cursor:pointer;font-size:13px;color:#606266;border-radius:4px}.x-markdown-editor__mode-btn:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.x-markdown-editor__mode-btn.is-active{color:#fff;background-color:#409eff;border-color:#409eff}.x-markdown-editor__body{display:flex;flex:1;overflow:hidden}.x-markdown-editor__toc{width:200px;padding:16px;border-right:1px solid #e8e8e8;background-color:#fafafa;overflow-y:auto;flex-shrink:0}.x-markdown-editor__toc-title{font-size:14px;font-weight:600;color:#303133;margin-bottom:12px}.x-markdown-editor__toc-list{list-style:none;padding:0;margin:0}.x-markdown-editor__toc-item{font-size:13px;color:#606266;padding:6px 0;cursor:pointer}.x-markdown-editor__toc-item:hover{color:#409eff}.x-markdown-editor__content,.x-markdown-editor__editor-wrapper{flex:1;display:flex;overflow:hidden}.is-mode-split .x-markdown-editor__editor-wrapper{border-right:1px solid #e8e8e8}.x-markdown-editor__editor{flex:1;padding:16px;border:none;resize:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;color:#303133;background-color:transparent;outline:none}.x-markdown-editor__editor::placeholder{color:#c0c4cc}.x-markdown-editor__preview{flex:1;padding:16px;overflow-y:auto;font-size:14px;line-height:1.8;color:#303133}.x-markdown-editor__preview .md-heading{margin:16px 0 8px;font-weight:600;color:#303133}.x-markdown-editor__preview .md-heading.md-h1{font-size:28px;margin-top:0}.x-markdown-editor__preview .md-heading.md-h2{font-size:24px}.x-markdown-editor__preview .md-heading.md-h3{font-size:20px}.x-markdown-editor__preview .md-heading.md-h4{font-size:18px}.x-markdown-editor__preview .md-heading.md-h5{font-size:16px}.x-markdown-editor__preview .md-heading.md-h6{font-size:14px}.x-markdown-editor__preview .md-paragraph{margin:12px 0}.x-markdown-editor__preview .md-code{padding:2px 6px;background-color:#f5f7fa;border-radius:3px;font-family:Monaco,Menlo,monospace;font-size:13px;color:#e96900}.x-markdown-editor__preview .md-code-block{margin:12px 0;padding:16px;background-color:#f8f8f8;border-radius:4px;overflow-x:auto}.x-markdown-editor__preview .md-code-block code{font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6;color:#303133}.x-markdown-editor__preview .md-link{color:#409eff;text-decoration:none}.x-markdown-editor__preview .md-link:hover{text-decoration:underline}.x-markdown-editor__preview .md-image{max-width:100%;border-radius:4px;margin:8px 0}.x-markdown-editor__preview .md-list{padding-left:24px;margin:12px 0}.x-markdown-editor__preview .md-list li{margin:4px 0}.x-markdown-editor__preview .md-blockquote{margin:12px 0;padding:12px 16px;border-left:4px solid #409eff;background-color:#f0f7ff;color:#606266}.x-markdown-editor__preview .md-blockquote p{margin:4px 0}.x-markdown-editor__preview .md-hr{margin:16px 0;border:none;border-top:1px solid #e8e8e8}.x-markdown-editor__preview .md-table{width:100%;border-collapse:collapse;margin:12px 0}.x-markdown-editor__preview .md-table th,.x-markdown-editor__preview .md-table td{padding:8px 12px;border:1px solid #e8e8e8;text-align:left}.x-markdown-editor__preview .md-table th{background-color:#fafafa;font-weight:600}.x-markdown-editor.is-mode-edit .x-markdown-editor__editor-wrapper,.x-markdown-editor.is-mode-preview .x-markdown-editor__preview{width:100%}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@xto/business",
+  "version": "0.1.0",
+  "description": "Xto Business - Business components",
+  "main": "./lib/index.cjs",
+  "module": "./es/index.mjs",
+  "types": "./es/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./es/index.mjs",
+      "require": "./lib/index.cjs",
+      "types": "./es/index.d.ts"
+    }
+  },
+  "files": [
+    "es",
+    "lib"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@xto/data": "0.1.0",
+    "@xto/base": "0.1.0",
+    "@xto/core": "0.1.0",
+    "@xto/form": "0.1.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.4.2",
+    "vite": "^5.2.0",
+    "vitest": "^1.4.0",
+    "vue": "^3.4.21",
+    "@xto/build": "0.1.0"
+  },
+  "scripts": {
+    "build": "vite build"
+  }
+}