@a2simcode/ui 0.0.41 → 0.0.43

package/dist/simcode-ui.es102.js

@@ -0,0 +1,561 @@
+import { defineComponent as ze, ref as o, computed as m, onMounted as Ue, resolveComponent as C, openBlock as P, createElementBlock as X, normalizeClass as F, createElementVNode as y, createVNode as s, withKeys as Ae, unref as b, withCtx as d, createCommentVNode as B, createBlock as E } from "vue";
+import { useAppInject as De } from "./simcode-ui.es174.js";
+import Le from "./simcode-ui.es175.js";
+/* empty css                 */
+import oe from "./simcode-ui.es177.js";
+/* empty css                 */
+import Te from "./simcode-ui.es179.js";
+/* empty css                 */
+import $e from "./simcode-ui.es181.js";
+/* empty css                 */
+import { toLeafArray as Ve } from "./simcode-ui.es63.js";
+import { useLayer as Ee } from "./simcode-ui.es64.js";
+const Ie = { class: "j-table-panel-left" }, Ne = { class: "j-table-panel-top" }, Oe = { class: "j-table-panel-top-left" }, He = { class: "j-table-panel-top-right" }, qe = {
+  key: 0,
+  style: { width: "200px" }
+}, Je = { class: "j-table-panel-main" }, We = {
+  key: 0,
+  class: "j-table-panel-filter-panel"
+}, ul = /* @__PURE__ */ ze({
+  name: "JTablePanel",
+  __name: "table-panel",
+  props: {
+    /**
+     * @zh 表格列配置
+     */
+    columns: {
+      type: Array,
+      required: !0,
+      default: () => []
+    },
+    /**
+     * @zh 是否是树形结构
+     */
+    isTree: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否显示序号
+     */
+    isShowNumber: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 是否开启多选
+     */
+    isMultiple: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否分页
+     */
+    isPage: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 每页显示个数选择器的选项设置
+     */
+    pageSizes: Array,
+    /**
+     * @zh 当前显示页数
+     */
+    pageSize: {
+      type: Number,
+      default: 100
+    },
+    /**
+     * @zh 行主键
+     */
+    rowKey: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * @zh 排序字段
+     */
+    sort: String,
+    /**
+     * @zh 面板按钮
+     */
+    buttons: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 批量操作按钮配置（选中记录后显示）
+     */
+    batchButtons: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 行内操作按钮配置
+     */
+    actions: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 操作列最大显示按钮数量
+     */
+    actionsMaxCount: {
+      type: Number,
+      default: 3
+    },
+    /**
+     * @zh 操作列标题
+     */
+    actionsLabel: {
+      type: String,
+      default: "操作"
+    },
+    /**
+     * @zh 加载数据方法
+     */
+    loadData: Function,
+    /**
+     * @zh 是否立即执行加载数据
+     */
+    immediate: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 不要边距
+     */
+    noPadding: Boolean,
+    /**
+     * @zh 高亮模式 cross 十字 row 行 column 列 cell 单元格
+     */
+    highlightMode: {
+      type: String,
+      default: "row"
+    }
+  },
+  emits: ["select", "ready"],
+  setup(v, { expose: ie, emit: se }) {
+    const { t: R } = De(), { openLayer: ue } = Ee(), a = v, I = se;
+    a.isMultiple && !a.rowKey && console.warn("rowKey is required when isMultiple is true");
+    const r = o();
+    let h = [];
+    const N = o(0), j = o(1);
+    let Y = a.pageSize || 100, re = "";
+    const u = o([]), f = o(!1), z = m(() => a.batchButtons && a.batchButtons.length > 0), ce = m(() => u.value.length > 0), w = m(() => z.value && ce.value && a.isMultiple || f.value), de = m(() => a.isPage && !w.value);
+    z.value && !a.isMultiple && console.warn("batchButtons is only valid when isMultiple is true");
+    const O = (t) => a.rowKey ? a.rowKey.split(",").map((c) => t[c.trim()]).join("::") : "", U = (t, l) => {
+      if (!l || l.length === 0)
+        return t.filter((e) => e.config?.display !== !1).map((e) => e.children && e.children.length > 0 ? {
+          ...e,
+          children: U(e.children)
+        } : e);
+      const c = new Map(t.map((e) => [e.id, e])), p = [];
+      return l.forEach((e) => {
+        const i = c.get(e.id);
+        if (i) {
+          if (e.display) {
+            let V = i;
+            i.children && i.children.length > 0 && (V = {
+              ...i,
+              children: U(i.children, e.children)
+            }), p.push(V);
+          }
+          c.delete(e.id);
+        }
+      }), t.forEach((e) => {
+        if (c.has(e.id) && e.config?.display !== !1) {
+          let i = e;
+          e.children && e.children.length > 0 && (i = {
+            ...e,
+            children: U(e.children)
+          }), p.push(i);
+        }
+      }), p;
+    }, ve = m(() => U(a.columns, T.value)), S = m(() => Ve(a.columns, (t) => t.config.label)), A = o(""), fe = m(() => S.value.some((t) => t.config?.filter?.isSearchKeyword)), Z = o(), D = o(!0), L = o([]), pe = m(() => D.value ? "搜索全部" : `搜索范围:${S.value.filter((t) => L.value.includes(t.id)).map((t) => t.config?.label).join("、")}`), me = () => {
+      Z.value.init();
+    }, H = o(), x = o(!1), q = o(!1), J = o(!1), W = o([]), M = o("and"), ee = o(), G = o(!1), _ = o([]), he = () => {
+      ee.value.init(_.value);
+    }, ye = (t) => {
+      _.value = t, G.value = !1, g();
+    }, ge = () => {
+      _.value = [], g();
+    }, le = o(), Q = o(!1), T = o(), be = m(() => T.value != null), we = () => {
+      le.value?.init();
+    }, Se = (t) => {
+      console.log("handleColumnSave:", t), T.value = t, Q.value = !1;
+    }, k = o(!1), ke = () => {
+      k.value = !k.value;
+    }, te = () => {
+      u.value = [], r.value && (r.value.setSelection?.([]), f.value && (f.value = !1, r.value.setRecords(h)));
+    }, Ce = () => {
+      f.value = !f.value, f.value ? r.value?.setRecords(u.value) : r.value?.setRecords(h), r.value?.setSelection?.(u.value);
+    }, Pe = m(() => {
+      if (u.value.length > 0 && a.isMultiple) {
+        const t = [
+          {
+            id: "selection_count",
+            label: `已选${u.value.length}条`,
+            config: {
+              type: "text"
+            }
+          },
+          {
+            id: "toggle_selection",
+            label: f.value ? "全部" : "仅选中",
+            config: {
+              type: "text"
+            },
+            click: Ce
+          },
+          {
+            id: "clear_selection",
+            label: "清空选中",
+            config: {
+              type: "text"
+            },
+            click: te
+          }
+        ], l = a.batchButtons.map((c) => ({
+          ...c,
+          click: () => {
+            c.click && c.click({ data: u.value, openLayer: ue });
+          }
+        }));
+        return [...t, ...l];
+      }
+      return a.buttons;
+    }), $ = async () => {
+      const t = {}, l = {};
+      l.rel = M.value;
+      const c = H.value?.getSearchFields?.() || W.value;
+      l.cond = c.filter((e) => e.value !== void 0 && e.value !== null && e.value !== "").map((e) => ({
+        field: e.field,
+        method: e.method,
+        value: e.value,
+        type: e.type
+      })), l.cond.length > 0 ? J.value = !0 : J.value = !1, t.filter = l;
+      const p = _.value.map((e) => e.value + " " + e.sord).join(",");
+      if (A.value && (t.keyword = {
+        value: A.value,
+        fields: D.value ? S.value.filter((e) => e.config?.filter?.isSearchKeyword).map((e) => e.id) : b(L)
+      }), a.loadData) {
+        if (a.isPage) {
+          t.pagination = {
+            rows: Y,
+            page: j.value,
+            sort: p || re || a.sort || a.rowKey
+          };
+          const e = await a.loadData(t) || {};
+          h = e.rows || [], N.value = e.records || 0;
+        } else
+          t.sort = p, h = await a.loadData(t) || [], N.value = h.length;
+        r.value.setRecords(h), z.value ? (u.value = [], f.value = !1) : a.rowKey && u.value.length > 0 && r.value?.setSelection?.(u.value);
+      }
+    }, g = async () => {
+      j.value = 1, await $();
+    }, Re = ({ rows: t, page: l }) => {
+      Y = t, j.value = l, $();
+    }, ae = async () => {
+      u.value = [], f.value = !1, j.value = 1, await $();
+    }, ne = async () => {
+      u.value = [], f.value = !1, await $();
+    }, je = async () => {
+      await ae();
+    }, xe = (t) => {
+      I("ready", t);
+    }, Be = (t) => {
+      let l = [];
+      if (!a.isMultiple) {
+        u.value = t, I("select", t);
+        return;
+      }
+      if (z.value)
+        l = t;
+      else if (!a.rowKey)
+        l = t;
+      else {
+        const c = new Map(t.map((e) => [O(e), e])), p = new Map(u.value.map((e) => [O(e), e]));
+        h.forEach((e) => {
+          const i = O(e);
+          c.has(i) ? p.set(i, c.get(i)) : p.delete(i);
+        }), l = Array.from(p.values());
+      }
+      u.value = l, I("select", l), f.value && l.length === 0 ? (f.value = !1, r.value && r.value.setRecords(h)) : f.value && l.length > 0 && r.value && (r.value.setRecords(l), r.value.setSelection?.(l));
+    }, Me = () => u.value || [], _e = (t) => {
+      u.value = t, r.value?.setSelection?.(t);
+    }, Ke = () => r.value?.getInstance?.();
+    return Ue(async () => {
+      a.immediate && await ne();
+    }), ie({
+      refreshData: ne,
+      resetData: ae,
+      getSelection: Me,
+      setSelection: _e,
+      clearSelection: () => {
+        te();
+      },
+      getInstance: Ke
+    }), (t, l) => {
+      const c = C("j-buttons"), p = C("j-icon"), e = C("el-popover"), i = C("el-tooltip"), V = C("el-input"), K = C("j-button"), Fe = C("j-table");
+      return P(), X("div", {
+        class: F([
+          "j-table-panel-wrapper",
+          { fullscreen: k.value, "no-padding": v.noPadding || k.value }
+        ])
+      }, [
+        y("div", {
+          class: F(["j-table-panel", { "j-table-panel-fullscreen": k.value }])
+        }, [
+          y("div", Ie, [
+            y("div", Ne, [
+              y("div", Oe, [
+                s(c, { list: Pe.value }, null, 8, ["list"])
+              ]),
+              y("div", He, [
+                fe.value && !w.value ? (P(), X("div", qe, [
+                  s(V, {
+                    modelValue: A.value,
+                    "onUpdate:modelValue": l[2] || (l[2] = (n) => A.value = n),
+                    modelModifiers: { trim: !0 },
+                    placeholder: b(R)("搜索数据"),
+                    clearable: "",
+                    class: "j-suffix",
+                    onKeyup: Ae(g, ["enter"]),
+                    onClear: g
+                  }, {
+                    prefix: d(() => [
+                      s(p, { icon: "mdi:search" })
+                    ]),
+                    suffix: d(() => [
+                      s(i, {
+                        placement: "bottom",
+                        content: pe.value
+                      }, {
+                        default: d(() => [
+                          y("div", null, [
+                            s(e, {
+                              placement: "bottom-end",
+                              "popper-style": "padding: 0",
+                              width: 200,
+                              trigger: "click",
+                              "show-arrow": !1,
+                              onShow: me,
+                              onHide: g
+                            }, {
+                              reference: d(() => [
+                                s(p, {
+                                  icon: "mdi:keyboard-arrow-down",
+                                  style: { cursor: "pointer" }
+                                })
+                              ]),
+                              default: d(() => [
+                                s(Le, {
+                                  ref_key: "keywordPanelRef",
+                                  ref: Z,
+                                  "check-all": D.value,
+                                  "onUpdate:checkAll": l[0] || (l[0] = (n) => D.value = n),
+                                  "check-fields": L.value,
+                                  "onUpdate:checkFields": l[1] || (l[1] = (n) => L.value = n),
+                                  columns: S.value
+                                }, null, 8, ["check-all", "check-fields", "columns"])
+                              ]),
+                              _: 1
+                            })
+                          ])
+                        ]),
+                        _: 1
+                      }, 8, ["content"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "placeholder"])
+                ])) : B("", !0),
+                !x.value && !w.value ? (P(), E(e, {
+                  key: 1,
+                  visible: q.value,
+                  "onUpdate:visible": l[6] || (l[6] = (n) => q.value = n),
+                  placement: "bottom",
+                  "popper-style": "padding: 0",
+                  width: 644,
+                  trigger: "click",
+                  persistent: !1,
+                  onHide: g
+                }, {
+                  reference: d(() => [
+                    s(K, {
+                      icon: "mdi:filter-outline",
+                      label: "筛选",
+                      type: "text",
+                      class: F({ active: J.value })
+                    }, null, 8, ["class"])
+                  ]),
+                  default: d(() => [
+                    s(oe, {
+                      ref_key: "filterPanelRef",
+                      ref: H,
+                      "is-pin": x.value,
+                      "onUpdate:isPin": l[3] || (l[3] = (n) => x.value = n),
+                      relation: M.value,
+                      "onUpdate:relation": l[4] || (l[4] = (n) => M.value = n),
+                      "search-field-list": W.value,
+                      columns: S.value,
+                      onFilter: g,
+                      onClose: l[5] || (l[5] = (n) => q.value = !1)
+                    }, null, 8, ["is-pin", "relation", "search-field-list", "columns"])
+                  ]),
+                  _: 1
+                }, 8, ["visible"])) : B("", !0),
+                w.value ? B("", !0) : (P(), E(i, {
+                  key: 2,
+                  placement: "bottom",
+                  content: b(R)("排序")
+                }, {
+                  default: d(() => [
+                    y("div", null, [
+                      s(e, {
+                        visible: G.value,
+                        "onUpdate:visible": l[7] || (l[7] = (n) => G.value = n),
+                        placement: "bottom",
+                        "popper-style": "padding: 0",
+                        width: 380,
+                        trigger: "click",
+                        onShow: he
+                      }, {
+                        reference: d(() => [
+                          s(K, {
+                            class: F({ active: _.value.length > 0 }),
+                            type: "text",
+                            icon: "mdi:sort"
+                          }, null, 8, ["class"])
+                        ]),
+                        default: d(() => [
+                          s(Te, {
+                            ref_key: "orderPanelRef",
+                            ref: ee,
+                            columns: S.value,
+                            onSave: ye,
+                            onClear: ge
+                          }, null, 8, ["columns"])
+                        ]),
+                        _: 1
+                      }, 8, ["visible"])
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["content"])),
+                w.value ? B("", !0) : (P(), E(i, {
+                  key: 3,
+                  placement: "bottom",
+                  content: b(R)("显示字段")
+                }, {
+                  default: d(() => [
+                    y("div", null, [
+                      s(e, {
+                        visible: Q.value,
+                        "onUpdate:visible": l[8] || (l[8] = (n) => Q.value = n),
+                        placement: "bottom",
+                        "popper-style": "padding: 0",
+                        width: 400,
+                        trigger: "click",
+                        onShow: we
+                      }, {
+                        reference: d(() => [
+                          s(K, {
+                            class: F({ active: be.value }),
+                            type: "text",
+                            icon: "mdi:table-headers-eye"
+                          }, null, 8, ["class"])
+                        ]),
+                        default: d(() => [
+                          s($e, {
+                            ref_key: "columnPanelRef",
+                            ref: le,
+                            columns: v.columns,
+                            "column-config": T.value,
+                            onSave: Se
+                          }, null, 8, ["columns", "column-config"])
+                        ]),
+                        _: 1
+                      }, 8, ["visible"])
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["content"])),
+                w.value ? B("", !0) : (P(), E(i, {
+                  key: 4,
+                  placement: "bottom",
+                  content: b(R)("刷新")
+                }, {
+                  default: d(() => [
+                    s(K, {
+                      type: "text",
+                      icon: "mdi:refresh",
+                      onClick: je
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["content"])),
+                s(i, {
+                  placement: "bottom",
+                  content: k.value ? b(R)("退出全屏") : b(R)("全屏")
+                }, {
+                  default: d(() => [
+                    s(K, {
+                      type: "text",
+                      icon: k.value ? "mdi:fullscreen-exit" : "mdi:fullscreen",
+                      onClick: ke
+                    }, null, 8, ["icon"])
+                  ]),
+                  _: 1
+                }, 8, ["content"])
+              ])
+            ]),
+            y("div", Je, [
+              s(Fe, {
+                ref_key: "tableRef",
+                ref: r,
+                "table-page": j.value,
+                "onUpdate:tablePage": l[9] || (l[9] = (n) => j.value = n),
+                columns: ve.value,
+                records: b(h),
+                "is-tree": v.isTree,
+                "is-show-number": v.isShowNumber,
+                "is-multiple": v.isMultiple && !!v.rowKey,
+                "is-page": de.value,
+                "page-sizes": v.pageSizes,
+                "page-size": v.pageSize,
+                "page-total": N.value,
+                "row-key": v.rowKey,
+                actions: v.actions,
+                "actions-max-count": v.actionsMaxCount,
+                "actions-label": v.actionsLabel,
+                "highlight-mode": v.highlightMode,
+                onLoadPageData: Re,
+                onReady: xe,
+                onSelectionChanged: Be
+              }, null, 8, ["table-page", "columns", "records", "is-tree", "is-show-number", "is-multiple", "is-page", "page-sizes", "page-size", "page-total", "row-key", "actions", "actions-max-count", "actions-label", "highlight-mode"])
+            ])
+          ]),
+          x.value && !w.value ? (P(), X("div", We, [
+            s(oe, {
+              ref_key: "filterPanelRef",
+              ref: H,
+              "is-pin": x.value,
+              "onUpdate:isPin": l[10] || (l[10] = (n) => x.value = n),
+              relation: M.value,
+              "onUpdate:relation": l[11] || (l[11] = (n) => M.value = n),
+              "search-field-list": W.value,
+              columns: S.value,
+              onFilter: g
+            }, null, 8, ["is-pin", "relation", "search-field-list", "columns"])
+          ])) : B("", !0)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+export {
+  ul as default
+};

package/dist/simcode-ui.es103.js

@@ -0,0 +1,78 @@
+import { defineComponent as y, ref as x, computed as _, resolveComponent as a, openBlock as s, createBlock as h, withCtx as d, createElementVNode as r, createVNode as p, unref as b, createElementBlock as V, Fragment as B, renderList as N, withModifiers as S, normalizeClass as W, createCommentVNode as E, toDisplayString as M } from "vue";
+import { useAppInject as z } from "./simcode-ui.es174.js";
+const A = { class: "j-button-select" }, D = { class: "search-wraper" }, F = { class: "options-wraper" }, I = ["onClick"], U = /* @__PURE__ */ y({
+  name: "JButtonSelect",
+  __name: "button-select",
+  props: {
+    modelValue: { default: void 0 },
+    label: { default: "添加" },
+    popoverWidth: { default: 240 },
+    options: { default: () => [] }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(c, { emit: k }) {
+    const o = c, m = k, { t: v } = z(), l = x(""), j = _(() => l.value === "" ? o.options : o.options.filter((t) => (t.label || "").includes(l.value))), i = _(() => o.modelValue ? (o.modelValue + "").split(",").filter(Boolean) : []), w = (t) => {
+      if (t.disabled || i.value.includes(t.value)) return;
+      const n = [...i.value, t.value].join(",");
+      m("update:modelValue", n), m("change", { value: n, data: t });
+    };
+    return (t, u) => {
+      const n = a("j-button"), f = a("j-icon"), g = a("el-input"), C = a("el-popover");
+      return s(), h(C, {
+        teleported: !1,
+        placement: "bottom-start",
+        "popper-style": "padding: 0",
+        width: c.popoverWidth,
+        trigger: "click",
+        "show-arrow": !1,
+        offset: 4
+      }, {
+        reference: d(() => [
+          p(n, {
+            style: { "justify-content": "flex-start", padding: "4px 0", border: "0" },
+            icon: "mdi:add",
+            label: c.label,
+            type: "link"
+          }, null, 8, ["label"])
+        ]),
+        default: d(() => [
+          r("div", A, [
+            r("div", D, [
+              p(g, {
+                modelValue: l.value,
+                "onUpdate:modelValue": u[0] || (u[0] = (e) => l.value = e),
+                modelModifiers: { trim: !0 },
+                placeholder: b(v)("搜索"),
+                class: "no-border",
+                clearable: ""
+              }, {
+                prefix: d(() => [
+                  p(f, { icon: "mdi:search" })
+                ]),
+                _: 1
+              }, 8, ["modelValue", "placeholder"])
+            ]),
+            r("div", F, [
+              (s(!0), V(B, null, N(j.value, (e) => (s(), V("div", {
+                key: e.value,
+                class: W(["option-item", { active: i.value.includes(e.value) || e.disabled }]),
+                onClick: S((J) => w(e), ["stop"])
+              }, [
+                e.icon ? (s(), h(f, {
+                  key: 0,
+                  class: "j-button-select-icon",
+                  icon: e.icon
+                }, null, 8, ["icon"])) : E("", !0),
+                r("div", null, M(b(v)(e.label)), 1)
+              ], 10, I))), 128))
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["width"]);
+    };
+  }
+});
+export {
+  U as default
+};