aibox-custom-component-packages 0.0.6 → 0.0.7

package/es/MdEditor.mjs

@@ -0,0 +1,201 @@
+import { w as M } from "./chunks/index.bCzIhWFw.js";
+import { ref as O, watch as A, computed as I, createElementBlock as F, openBlock as L, createVNode as V, unref as c, normalizeStyle as k } from "vue";
+import { MdEditor as B } from "md-editor-v3";
+import { f as D } from "./chunks/files.cduUqjHX.js";
+import { ElMessage as x } from "element-plus";
+import { t as i, e as C } from "./chunks/i18n.DDMVloiU.js";
+import { emitsMap as o } from "color-star-custom-methods";
+import { _ as N } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/MdEditor.css';const P = { class: "md-editor-container" }, U = {
+  __name: "index",
+  props: {
+    // v-model绑定值
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    // 编辑器高度
+    height: {
+      type: String,
+      default: "500px"
+    },
+    // 主题 'light' | 'dark'
+    theme: {
+      type: String,
+      default: "light"
+    },
+    // 预览主题
+    previewTheme: {
+      type: String,
+      default: "default"
+    },
+    // 代码主题
+    codeTheme: {
+      type: String,
+      default: "atom-one-dark"
+    },
+    // 语言
+    language: {
+      type: String,
+      default: "zh-CN"
+    },
+    // 是否显示工具栏
+    showToolbars: {
+      type: Boolean,
+      default: !0
+    },
+    // 业务类型
+    businessType: {
+      type: String,
+      default: "common"
+    },
+    // 工具栏
+    toolbars: {
+      type: Array,
+      default: () => []
+    },
+    // 是否禁用
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    // 占位文本
+    placeholder: {
+      type: String,
+      default: () => i("COMMON_DATA.PLACEHOLDER_CONTENT")
+    },
+    // 代码高亮主题
+    highlightTheme: {
+      type: String,
+      default: "atom-one-dark"
+    },
+    // 自动聚焦
+    autoFocus: {
+      type: Boolean,
+      default: !1
+    },
+    // 是否只预览
+    previewOnly: {
+      type: Boolean,
+      default: !0
+    },
+    // 预览
+    preview: {
+      type: Boolean,
+      default: !0
+    },
+    //底部工具栏
+    footers: {
+      type: Array,
+      default: () => ["markdownTotal", "htmlTotal"]
+    }
+  },
+  emits: [
+    o.updateModelValue,
+    o.change,
+    o.save,
+    o.blur,
+    o.focus
+  ],
+  setup(t, { emit: h }) {
+    const { commonUpload: f } = D(), p = C(), a = t, l = O(a.modelValue);
+    A(
+      () => a.modelValue,
+      (e) => {
+        e !== l.value && (l.value = e);
+      }
+    );
+    const r = h, g = I(() => {
+      if (!a.showToolbars) return [];
+      const e = [
+        "bold",
+        "underline",
+        "italic",
+        "strikeThrough",
+        "-",
+        "title",
+        "sub",
+        "sup",
+        "quote",
+        "unorderedList",
+        "orderedList",
+        "task",
+        "-",
+        "codeRow",
+        "code",
+        "link",
+        "image",
+        "table",
+        "mermaid",
+        "katex",
+        "-",
+        "revoke",
+        "next",
+        "save",
+        "-",
+        "pageFullscreen",
+        "fullscreen",
+        "preview",
+        "htmlPreview",
+        "catalog"
+      ];
+      return a.toolbars.length ? a.toolbars : e;
+    }), y = (e) => {
+      l.value = e, r(o.updateModelValue, e), r(o.change, e);
+    }, w = (e) => {
+      r(o.save, e);
+    }, v = (e) => {
+      r(o.blur, e);
+    }, b = (e) => {
+      r(o.focus, e);
+    }, E = async (e, n) => {
+      try {
+        const d = e.map(async (s) => {
+          const u = new FormData();
+          u.append("file", s);
+          const { code: S, data: m } = await f(u, a.businessType);
+          if (S === 0)
+            return {
+              url: `${m.url}?id="${m.bnid}"`,
+              desc: s.name
+            };
+          throw new Error(i("MESSAGE_REMIND.FILE_UPLOAD_FAIL") || "上传失败");
+        }), T = await Promise.all(d);
+        n(T);
+      } catch {
+        x.error(i("MESSAGE_REMIND.FILE_UPLOAD_FAIL_TIP") || "上传图片失败"), n([]);
+      }
+    };
+    return (e, n) => (L(), F("div", P, [
+      V(c(B), {
+        modelValue: l.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (d) => l.value = d),
+        theme: t.theme,
+        toolbars: g.value,
+        "preview-theme": t.previewTheme,
+        "code-theme": t.codeTheme,
+        preview: t.preview,
+        "preview-only": t.previewOnly,
+        style: k({ height: t.height }),
+        disabled: t.disabled,
+        placeholder: t.placeholder,
+        "highlight-theme": t.highlightTheme,
+        "show-code-row-number": !0,
+        "auto-focus": t.autoFocus,
+        "tab-width": 2,
+        footers: t.footers,
+        language: c(p),
+        onOnChange: y,
+        onOnSave: w,
+        onOnUploadImg: E,
+        onOnBlur: v,
+        onOnFocus: b,
+        class: "custom-md-editor"
+      }, null, 8, ["modelValue", "theme", "toolbars", "preview-theme", "code-theme", "preview", "preview-only", "style", "disabled", "placeholder", "highlight-theme", "auto-focus", "footers", "language"])
+    ]));
+  }
+}, R = /* @__PURE__ */ N(U, [["__scopeId", "data-v-a540493a"]]), Q = M(R);
+export {
+  Q as MdEditor,
+  Q as default
+};

package/es/PageContainer.mjs

@@ -1,13 +1,362 @@
-const t = {
-  ACTION: "action"
-}, o = {
-  TABLE: "table",
-  CARD_INFINITE: "card-infinite"
-}, T = {
-  BOTTOM: "bottom"
-};
+import { w as ue } from "./chunks/index.bCzIhWFw.js";
+import { useSlots as ce, ref as h, watch as fe, computed as T, onMounted as pe, createElementBlock as c, openBlock as o, createCommentVNode as m, createElementVNode as g, createVNode as f, unref as l, withCtx as i, createBlock as p, resolveDynamicComponent as me, toDisplayString as z, normalizeClass as W, renderSlot as k, mergeProps as U, toHandlers as ye, createSlots as H, normalizeStyle as he, Fragment as P, renderList as S, withModifiers as B, createTextVNode as Y, normalizeProps as ge, guardReactiveProps as ve } from "vue";
+import { C as Z } from "./chunks/layout.BREUWPEJ.js";
+import { SearchBar as be, IconEmpty as we } from "color-star-custom-components";
+import { ElIcon as I, ElAutoResizer as ke, ElTable as xe, ElTableColumn as M, ElButton as Ce, ElDropdown as Se, ElDropdownMenu as Ee, ElDropdownItem as ze, ElScrollbar as Pe, ElPagination as Ie } from "element-plus";
+import { IconZuo as Oe, IconMore as Ae, IconZuoCopy as Re, IconYou as Te, Loading as Be } from "color-message-aibox-vue";
+import { D as Me, M as j, C as q } from "./chunks/field-types.CPnMOjle.js";
+import { useRouter as je } from "vue-router";
+import { _ as De } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/PageContainer.css';const $e = { class: "page-container flex flex-col overflow-hidden h-full" }, Ne = { class: "text-1f2329 pd-l-4" }, Ve = { class: "action-buttons flex items-center" }, Fe = { class: "flex items-center w-full" }, Ke = { class: "flex-1" }, Le = {
+  key: 0,
+  class: "flex items-center justify-center w-full"
+}, We = {
+  key: 1,
+  class: "card-list"
+}, Ue = {
+  key: 2,
+  class: "loading-indicator flex items-center justify-center pd-t-20 pd-b-20"
+}, He = {
+  key: 3,
+  class: "pagination-section flex items-center justify-end pd-t-16"
+}, Ye = /* @__PURE__ */ Object.assign({
+  name: "PageContainer"
+}, {
+  __name: "layout",
+  props: {
+    title: { type: String, default: "" },
+    columns: { type: Array, default: () => [] },
+    api: { type: Function, default: null },
+    apiParams: { type: Object, default: () => ({}) },
+    searchModel: { type: Object, default: () => ({}) },
+    searchFields: { type: Array, default: () => [] },
+    minWidth: { type: Number, default: 220 },
+    showPagination: { type: Boolean, default: !0 },
+    pageSizes: { type: Array, default: () => [10, 20, 30, 50] },
+    tableProps: { type: Object, default: () => ({}) },
+    tableEvents: { type: Object, default: () => ({}) },
+    mode: { type: String, default: j.TABLE },
+    enableInfiniteScroll: { type: Boolean, default: !1 },
+    direction: { type: String, default: Me.BOTTOM },
+    showSelection: { type: Boolean, default: !1 },
+    treeProps: { type: Object, default: () => ({ children: "children", hasChildren: "hasChildren", value: "" }) },
+    breadcrumb: { type: Object, default: () => ({ show: !1, text: "", icon: null, to: null }) },
+    isSeparate: { type: Boolean, default: !1 }
+  },
+  emits: ["action-click", "selection-change", "search", "reset", "page-change", "size-change"],
+  setup(n, { expose: G, emit: J }) {
+    const v = J, y = n, Q = je(), O = ce(), D = h(null), $ = h(null), N = h(null), b = h({ ...y.searchModel });
+    fe(
+      () => y.searchModel,
+      (e) => {
+        b.value = { ...e || {} };
+      },
+      { deep: !0 }
+    );
+    const u = h({ current: 1, size: 10, total: 0 }), E = h(!1), x = h([]), V = T(() => typeof O.expand == "function"), C = h([]), X = T(() => Object.keys(O).filter((e) => !["default", "title", "title-actions", "expand", "card"].includes(e))), _ = (e) => !!O[e], ee = (e, t) => {
+      const r = t.prop;
+      return r ? e?.[r] ?? "" : "";
+    }, A = (e, t) => typeof e.config == "function" ? e.config(t) || [] : e.actions || [], te = (e) => e.filter((t) => !t.dropdown && (t.permission === void 0 || t.permission)), F = (e) => e.filter((t) => t.dropdown && (t.permission === void 0 || t.permission)), K = (e, t, r) => {
+      typeof e.fn == "function" && e.fn(t, r), v("action-click", { action: e, row: t, index: r });
+    }, le = (e) => {
+      v("selection-change", e);
+    }, ae = (e) => {
+      e === "search" ? (u.value.current = 1, v("search", b.value), w()) : e === "reset" && (b.value = {}, u.value.current = 1, v("reset"), w());
+    }, ne = (e) => {
+      u.value.current = e, v("page-change", e), w();
+    }, oe = (e) => {
+      u.value.size = e, u.value.current = 1, v("size-change", e), w();
+    }, w = async () => {
+      if (y.api) {
+        E.value = !0;
+        try {
+          const e = {
+            ...y.apiParams || {},
+            ...b.value || {},
+            page: u.value.current,
+            size: u.value.size
+          }, t = await y.api(e), r = t?.data?.data || t?.data || [], a = t?.data?.total ?? t?.total ?? 0;
+          x.value = Array.isArray(r) ? r : [], u.value.total = a;
+        } finally {
+          E.value = !1;
+        }
+      }
+    }, re = () => {
+    }, se = (e, t) => e?.bnid || e?.id || t, ie = (e) => {
+      const t = y.tableProps?.rowKey, r = t ? e?.[t] : void 0;
+      if (!r) return;
+      const a = C.value.indexOf(r);
+      a >= 0 ? C.value.splice(a, 1) : C.value.push(r);
+    }, de = () => {
+      y.breadcrumb?.to && Q.push(y.breadcrumb.to);
+    }, L = T(() => y.columns || []);
+    return pe(() => {
+      w();
+    }), G({
+      fetchData: w,
+      tableRef: $,
+      searchFormRef: D,
+      scrollbarRef: N
+    }), (e, t) => (o(), c("div", $e, [
+      n.breadcrumb.show ? (o(), c("div", {
+        key: 0,
+        class: "flex items-center fz-14 pd-b-20 pointer",
+        onClick: de
+      }, [
+        f(l(I), { size: 16 }, {
+          default: i(() => [
+            (o(), p(me(n.breadcrumb.icon || l(Oe))))
+          ]),
+          _: 1
+        }),
+        g("span", Ne, z(n.breadcrumb.text), 1)
+      ])) : m("", !0),
+      n.searchFields?.length ? (o(), c("div", {
+        key: 1,
+        class: W({
+          "search-section pd-b-16 mg-b-16": !n.isSeparate,
+          "bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16": n.isSeparate
+        })
+      }, [
+        f(Z, { title: "查询" }),
+        f(l(be), {
+          ref_key: "searchFormRef",
+          ref: D,
+          items: n.searchFields,
+          "filter-mode": !1,
+          minWidth: n.minWidth,
+          hideExpandButton: !1,
+          fixedWidth: !0,
+          maxHeight: 32,
+          modelValue: b.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => b.value = r),
+          onOperation: ae
+        }, null, 8, ["items", "minWidth", "modelValue"])
+      ], 2)) : m("", !0),
+      g("div", {
+        class: W(["data-section flex-1 overflow-hidden flex flex-col", { "bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16 mg-t-16": n.isSeparate }])
+      }, [
+        n.title ? k(e.$slots, "title", { key: 0 }, () => [
+          f(Z, { title: n.title }, {
+            default: i(() => [
+              k(e.$slots, "title-actions", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["title"])
+        ], !0) : m("", !0),
+        n.mode === l(j).TABLE ? (o(), p(l(ke), {
+          key: 1,
+          class: "flex-1 overflow-hidden"
+        }, {
+          default: i(({ width: r }) => [
+            f(l(xe), U({
+              ref_key: "tableRef",
+              ref: $,
+              data: x.value,
+              columns: L.value,
+              "tree-props": n.treeProps,
+              "show-overflow-tooltip": !0,
+              "row-key": n.treeProps.value || n.tableProps?.rowKey
+            }, {
+              loading: E.value,
+              expandRowKeys: C.value,
+              ...n.tableProps
+            }, ye(n.tableEvents), {
+              class: "w-full h-full admin-dashboard-table",
+              border: "",
+              onSelectionChange: le
+            }), H({
+              default: i(() => [
+                n.showSelection ? (o(), p(l(M), {
+                  key: 0,
+                  type: "selection",
+                  width: "55",
+                  fixed: "left"
+                })) : m("", !0),
+                V.value ? (o(), p(l(M), {
+                  key: 1,
+                  width: "1",
+                  type: "expand",
+                  fixed: "left"
+                }, {
+                  default: i((a) => [
+                    g("div", {
+                      class: "sticky-left",
+                      style: he({ width: r + "px" })
+                    }, [
+                      k(e.$slots, "expand", {
+                        row: a.row
+                      }, void 0, !0)
+                    ], 4)
+                  ]),
+                  _: 2
+                }, 1024)) : m("", !0),
+                (o(!0), c(P, null, S(L.value, (a, R) => (o(), p(l(M), U({
+                  key: a.prop
+                }, { ref_for: !0 }, a, {
+                  "show-overflow-tooltip": a.type === l(q).ACTION ? !1 : a?.showOverflowTooltip
+                }), H({ _: 2 }, [
+                  a.type === l(q).ACTION ? {
+                    name: "default",
+                    fn: i((d) => [
+                      g("div", Ve, [
+                        (o(!0), c(P, null, S(te(A(a, d.row)), (s) => (o(), p(l(Ce), {
+                          key: s.key || s.label,
+                          type: s.type || "primary",
+                          size: s.size || "small",
+                          disabled: s.disabled,
+                          loading: s.loading,
+                          text: s.text,
+                          link: s.link,
+                          icon: s.icon,
+                          onClick: B((qe) => K(s, d.row, d.$index), ["stop"]),
+                          style: { "margin-left": "0" }
+                        }, {
+                          default: i(() => [
+                            Y(z(s.label), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["type", "size", "disabled", "loading", "text", "link", "icon", "onClick"]))), 128)),
+                        F(A(a, d.row)).length > 0 ? (o(), p(l(Se), {
+                          key: 0,
+                          onCommand: (s) => K(s, d.row, d.$index),
+                          onClick: t[1] || (t[1] = B(() => {
+                          }, ["stop"])),
+                          trigger: "click"
+                        }, {
+                          dropdown: i(() => [
+                            f(l(Ee), null, {
+                              default: i(() => [
+                                (o(!0), c(P, null, S(F(A(a, d.row)), (s) => (o(), p(l(ze), {
+                                  key: s.key || s.label,
+                                  command: s,
+                                  disabled: s.disabled
+                                }, {
+                                  default: i(() => [
+                                    Y(z(s.label), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["command", "disabled"]))), 128))
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          default: i(() => [
+                            f(l(I), null, {
+                              default: i(() => [
+                                f(l(Ae))
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 2
+                        }, 1032, ["onCommand"])) : m("", !0)
+                      ])
+                    ]),
+                    key: "0"
+                  } : _(a.prop) ? {
+                    name: "default",
+                    fn: i((d) => [
+                      g("div", Fe, [
+                        R === 0 && V.value ? (o(), p(l(I), {
+                          key: 0,
+                          class: "mg-r-10",
+                          onClick: B((s) => ie(d.row), ["stop"])
+                        }, {
+                          default: i(() => [
+                            C.value.includes(d.row?.[n.tableProps?.rowKey]) ? (o(), p(l(Re), { key: 0 })) : (o(), p(l(Te), { key: 1 }))
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"])) : m("", !0),
+                        g("div", Ke, [
+                          k(e.$slots, a.prop, {
+                            row: d.row,
+                            index: d.$index,
+                            column: a
+                          }, void 0, !0)
+                        ])
+                      ])
+                    ]),
+                    key: "1"
+                  } : {
+                    name: "default",
+                    fn: i((d) => [
+                      g("span", null, z(ee(d.row, a)), 1)
+                    ]),
+                    key: "2"
+                  }
+                ]), 1040, ["show-overflow-tooltip"]))), 128))
+              ]),
+              _: 2
+            }, [
+              S(X.value, (a) => ({
+                name: a,
+                fn: i((R) => [
+                  k(e.$slots, a, ge(ve(R)), void 0, !0)
+                ])
+              }))
+            ]), 1040, ["data", "columns", "tree-props", "row-key"])
+          ]),
+          _: 3
+        })) : n.mode === l(j).CARD_INFINITE ? (o(), p(l(Pe), {
+          key: 2,
+          ref_key: "scrollbarRef",
+          ref: N,
+          class: "card-container flex-1",
+          onEndReached: re
+        }, {
+          default: i(() => [
+            x.value.length === 0 ? (o(), c("div", Le, [
+              f(l(we))
+            ])) : (o(), c("div", We, [
+              (o(!0), c(P, null, S(x.value, (r, a) => (o(), c("div", {
+                key: se(r, a),
+                class: "card-item"
+              }, [
+                k(e.$slots, "card", {
+                  item: r,
+                  index: a,
+                  data: x.value,
+                  loading: E.value
+                }, void 0, !0)
+              ]))), 128))
+            ])),
+            n.enableInfiniteScroll && e.isLoadingMore ? (o(), c("div", Ue, [
+              f(l(I), {
+                class: "is-loading",
+                color: "var(--primary-color-1)"
+              }, {
+                default: i(() => [
+                  f(l(Be))
+                ]),
+                _: 1
+              })
+            ])) : m("", !0)
+          ]),
+          _: 3
+        }, 512)) : m("", !0),
+        n.showPagination ? (o(), c("div", He, [
+          f(l(Ie), {
+            "current-page": u.value.current,
+            "onUpdate:currentPage": t[2] || (t[2] = (r) => u.value.current = r),
+            "page-size": u.value.size,
+            "onUpdate:pageSize": t[3] || (t[3] = (r) => u.value.size = r),
+            total: u.value.total,
+            "page-sizes": n.pageSizes,
+            background: "",
+            layout: "total, sizes, prev, pager, next, jumper",
+            onCurrentChange: ne,
+            onSizeChange: oe
+          }, null, 8, ["current-page", "page-size", "total", "page-sizes"])
+        ])) : m("", !0)
+      ], 2)
+    ]));
+  }
+}), Ze = /* @__PURE__ */ De(Ye, [["__scopeId", "data-v-1b7e7423"]]), nt = ue(Ze);
 export {
-  t as COLUMN_TYPES,
-  T as DIRECTION,
-  o as MODES
+  q as COLUMN_TYPES,
+  Me as DIRECTION,
+  j as MODES,
+  nt as PageContainer,
+  nt as default
 };