@a2simcode/ui 0.0.43 → 0.0.44

package/dist/simcode-ui.es102.js

@@ -1,561 +0,0 @@
-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

@@ -1,78 +0,0 @@
-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
-};