@gsc-basic/components 1.0.3 → 1.1.0

package/dist/es/src/Grid/src/Grid.vue.js

@@ -1,180 +0,0 @@
-import { computed as l, watch as d, openBlock as i, createElementBlock as b, unref as s, createBlock as C, createCommentVNode as u, createElementVNode as A, createVNode as g, createSlots as q, withCtx as p, renderSlot as m, renderList as G } from "vue";
-import O from "./components/QueryBar.vue.js";
-import U from "./components/ActionBar.vue.js";
-import E from "./components/Pager.vue.js";
-import H from "./components/DataTable.vue.js";
-import I from "./components/ColumnSettings.vue.js";
-import { useGridTable as L } from "./composables/useGridTable.js";
-import './Grid.css';import './styles/table.css';/* empty css                  */
-/* empty css          */
-import T from "../../../_virtual/_plugin-vue_export-helper.js";
-const x = { class: "gsc-grid space-y-3" }, M = { class: "gsc-card gsc-card-pad" }, J = { class: "gsc-card" }, P = {
-  key: 0,
-  class: "px-4 py-3 gsc-divider-top"
-}, W = {
-  __name: "Grid",
-  props: {
-    data: { type: Array, default: () => [] },
-    request: { type: Function },
-    mode: { type: String, default: "server" },
-    // 'server' | 'client'
-    columns: { type: Array, default: () => [] },
-    pagination: { type: [Boolean, Object], default: () => ({ page: 1, pageSize: 10 }) },
-    query: { type: Object, default: () => ({}) },
-    filterSchema: { type: Array, default: () => [] },
-    // ActionBar config (optional). Example: { left: [{ key:'export', text:'导出' }], right: [{ key:'refresh', text:'刷新' }], showColumnSettings: true }
-    actions: { type: Object, default: () => ({}) },
-    rowKey: { type: String, default: "id" },
-    rowSelection: { type: Boolean, default: !1 },
-    virtual: { type: Boolean, default: !1 },
-    rowHeight: { type: Number, default: 40 },
-    height: { type: Number, default: 400 }
-  },
-  emits: ["update:query", "selection-change", "load", "cell-change", "update:modelValue", "info"],
-  setup(k, { emit: B }) {
-    const t = k, r = B, f = t.filterSchema || [], $ = l(() => t.columns || []), y = l(() => !!t.rowSelection), z = l(() => t.pagination !== !1), Q = l(() => {
-      const e = t.actions || {}, a = e.left || e.leftActions || [];
-      return Array.isArray(a) ? a : [];
-    }), V = l(() => {
-      const e = t.actions || {}, a = e.right || e.rightActions || [];
-      return Array.isArray(a) ? a : [];
-    }), _ = l(() => (t.actions || {}).showColumnSettings !== !1), o = L({
-      data: t.data,
-      request: t.request,
-      mode: t.mode,
-      pageSize: t.pagination && t.pagination.pageSize || 10,
-      initialQuery: t.query,
-      columns: t.columns,
-      rowKey: t.rowKey,
-      enableRowSelection: y.value
-    }), c = l(() => !!o.loading.value), v = l({
-      get() {
-        return o.query.value || {};
-      },
-      set(e) {
-        o.setQuery(e || {});
-      }
-    }), h = l({
-      get() {
-        return o.page.value;
-      },
-      set(e) {
-        o.page.value = e;
-      }
-    }), S = l({
-      get() {
-        return o.pageSize.value;
-      },
-      set(e) {
-        o.pageSize.value = e;
-      }
-    }), K = l(() => o.total.value || 0);
-    function N(e) {
-      const a = e || {};
-      o.setQuery(a), o.load();
-    }
-    function R(e) {
-      const a = e || {};
-      o.setQuery(a), o.load();
-    }
-    function j({ key: e, value: a }) {
-      const n = { ...o.query.value || {} };
-      a != null && a !== "" ? n[e] = a : delete n[e], o.setQuery(n), o.load();
-    }
-    function D(e) {
-      r("selection-change", e || []);
-    }
-    function F(e) {
-      t.mode === "client" ? o.setData((o.rows.value || []).slice()) : r("cell-change", {
-        rowKey: e?.row?.[t.rowKey],
-        column: e?.column,
-        value: e?.value,
-        row: e?.row
-      }), r("update:modelValue", (o.rows.value || []).slice());
-    }
-    return d(() => t.data, (e) => {
-      o.setData(e || []);
-    }, { deep: !0 }), d(() => t.columns, (e) => {
-      o.setColumns(e || []);
-    }, { deep: !0 }), d(() => o.query.value, (e) => {
-      r("update:query", e);
-    }, { deep: !0 }), (e, a) => (i(), b("div", x, [
-      s(f).length ? (i(), C(O, {
-        key: 0,
-        modelValue: v.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (n) => v.value = n),
-        schema: s(f),
-        loading: c.value,
-        onSearch: N,
-        onReset: R
-      }, null, 8, ["modelValue", "schema", "loading"])) : u("", !0),
-      A("div", M, [
-        g(U, {
-          loading: c.value,
-          "left-actions": Q.value,
-          "right-actions": V.value,
-          onInfo: a[1] || (a[1] = (n) => e.$emit("info"))
-        }, q({
-          right: p(() => [
-            m(e.$slots, "actions-right", {}, () => [
-              _.value ? (i(), C(I, {
-                key: 0,
-                table: s(o).table
-              }, null, 8, ["table"])) : u("", !0)
-            ], !0)
-          ]),
-          _: 2
-        }, [
-          e.$slots["actions-left"] ? {
-            name: "left",
-            fn: p(() => [
-              m(e.$slots, "actions-left", {}, void 0, !0)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["loading", "left-actions", "right-actions"])
-      ]),
-      A("div", J, [
-        g(H, {
-          table: s(o).table,
-          mode: t.mode,
-          loading: c.value,
-          virtual: t.virtual,
-          height: t.height,
-          "row-height": t.rowHeight,
-          "enable-row-selection": y.value,
-          onSelectionChange: D,
-          onCellChange: F,
-          onServerFilterChange: j
-        }, q({ _: 2 }, [
-          G($.value, (n) => ({
-            name: `cell-${n.key}`,
-            fn: p((w) => [
-              e.$slots[`cell-${n.key}`] ? m(e.$slots, `cell-${n.key}`, {
-                key: 0,
-                value: w.value,
-                row: w.row
-              }, void 0, !0) : u("", !0)
-            ])
-          }))
-        ]), 1032, ["table", "mode", "loading", "virtual", "height", "row-height", "enable-row-selection"]),
-        z.value ? (i(), b("div", P, [
-          g(E, {
-            page: h.value,
-            "page-size": S.value,
-            total: K.value,
-            "onUpdate:page": a[2] || (a[2] = (n) => {
-              h.value = n;
-            }),
-            "onUpdate:pageSize": a[3] || (a[3] = (n) => {
-              S.value = n;
-            })
-          }, null, 8, ["page", "page-size", "total"])
-        ])) : u("", !0)
-      ])
-    ]));
-  }
-}, ie = /* @__PURE__ */ T(W, [["__scopeId", "data-v-9ebe45ca"]]);
-export {
-  ie as default
-};

package/dist/es/src/Grid/src/components/ActionBar.vue.js

@@ -1,65 +0,0 @@
-import { computed as d, openBlock as i, createElementBlock as s, createElementVNode as f, renderSlot as u, Fragment as p, renderList as m, createBlock as y, unref as v, withCtx as g, createTextVNode as A, toDisplayString as k } from "vue";
-import { useLocale as $ } from "../../../hooks/useLocale.js";
-import { GscButton as x } from "../../../Button/index.js";
-import './ActionBar.css';/* empty css               */
-import L from "../../../../_virtual/_plugin-vue_export-helper.js";
-const w = { class: "flex items-center justify-between" }, E = { class: "flex items-center gap-2" }, N = { class: "flex items-center gap-2" }, S = {
-  __name: "ActionBar",
-  props: {
-    loading: { type: Boolean, default: !1 },
-    leftActions: { type: Array, default: () => [] },
-    rightActions: { type: Array, default: () => [] }
-  },
-  emits: ["export", "info", "action"],
-  setup(a, { emit: h }) {
-    const o = a, n = h, { t: c } = $(), _ = d(() => {
-      const e = Array.isArray(o.leftActions) ? o.leftActions : [];
-      return e.length ? e : [
-        { key: "export", text: c("gsc.grid.actionBar.export"), variant: "primary" },
-        { key: "info", text: c("gsc.grid.actionBar.info"), variant: "default" }
-      ];
-    }), B = d(() => Array.isArray(o.rightActions) ? o.rightActions : []);
-    function l(e) {
-      const r = e?.key;
-      n("action", { key: r, action: e }), r === "export" && n("export"), r === "info" && n("info");
-      try {
-        e?.onClick?.();
-      } catch {
-      }
-    }
-    return (e, r) => (i(), s("div", w, [
-      f("div", E, [
-        u(e.$slots, "left", {}, () => [
-          (i(!0), s(p, null, m(_.value, (t) => (i(), y(v(x), {
-            key: t.key,
-            variant: t.variant || "default",
-            disabled: a.loading || !!t.disabled,
-            onClick: (C) => l(t)
-          }, {
-            default: g(() => [
-              A(k(t.text), 1)
-            ]),
-            _: 2
-          }, 1032, ["variant", "disabled", "onClick"]))), 128))
-        ], !0)
-      ]),
-      f("div", N, [
-        (i(!0), s(p, null, m(B.value, (t) => (i(), y(v(x), {
-          key: t.key,
-          variant: t.variant || "default",
-          disabled: a.loading || !!t.disabled,
-          onClick: (C) => l(t)
-        }, {
-          default: g(() => [
-            A(k(t.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["variant", "disabled", "onClick"]))), 128)),
-        u(e.$slots, "right", {}, void 0, !0)
-      ])
-    ]));
-  }
-}, I = /* @__PURE__ */ L(S, [["__scopeId", "data-v-11bc5d18"]]);
-export {
-  I as default
-};

package/dist/es/src/Grid/src/components/CellEditor.css

@@ -1 +0,0 @@
-.gsc-cell-editor[data-v-dc815e23]{display:flex;flex-direction:column}

package/dist/es/src/Grid/src/components/CellEditor.vue.js

@@ -1,132 +0,0 @@
-import { ref as U, onMounted as L, openBlock as u, createElementBlock as i, renderSlot as V, unref as e, withDirectives as p, withKeys as s, withModifiers as d, isRef as v, Fragment as g, renderList as N, toDisplayString as w, vModelSelect as R, vModelText as y, createElementVNode as T, createVNode as C, withCtx as x, createTextVNode as K } from "vue";
-import { GscButton as b } from "../../../Button/index.js";
-import { useCellEditor as B } from "../composables/useCellEditor.js";
-import './CellEditor2.css';import './CellEditor.css';/* empty css                */
-/* empty css                */
-import D from "../../../../_virtual/_plugin-vue_export-helper.js";
-const I = { class: "gsc-cell-editor" }, $ = ["value"], H = { key: 0 }, j = { class: "mt-2 flex gap-2 justify-end" }, A = {
-  __name: "CellEditor",
-  props: { modelValue: [String, Number, Date], type: { type: String, default: "text" }, options: Array },
-  emits: ["update:modelValue", "commit", "cancel"],
-  setup(a, { emit: M }) {
-    const c = a, E = M, { localValue: n, updateLocal: f, commit: o, cancel: r } = B(c, E), k = U(null);
-    L(() => {
-      c.type === "rich-text" && k.value && (k.value.innerHTML = n.value || "");
-    });
-    function S(m) {
-      const t = m.target.innerHTML;
-      f(t);
-    }
-    return (m, t) => (u(), i("div", I, [
-      a.type === "custom" ? V(m.$slots, "custom", {
-        key: 0,
-        modelValue: a.modelValue,
-        update: e(f),
-        commit: e(o),
-        cancel: e(r)
-      }, void 0, !0) : a.type === "select" ? p((u(), i("select", {
-        key: 1,
-        "onUpdate:modelValue": t[0] || (t[0] = (l) => v(n) ? n.value = l : null),
-        class: "gsc-control",
-        onKeydown: [
-          t[1] || (t[1] = s(d((...l) => e(o) && e(o)(...l), ["prevent"]), ["enter"])),
-          t[2] || (t[2] = s(d((...l) => e(r) && e(r)(...l), ["prevent"]), ["esc"]))
-        ]
-      }, [
-        (u(!0), i(g, null, N(a.options || [], (l) => (u(), i("option", {
-          key: l.value,
-          value: l.value
-        }, w(l.label), 9, $))), 128))
-      ], 544)), [
-        [R, e(n)]
-      ]) : a.type === "date" ? p((u(), i("input", {
-        key: 2,
-        "onUpdate:modelValue": t[3] || (t[3] = (l) => v(n) ? n.value = l : null),
-        type: "date",
-        class: "gsc-control",
-        onKeydown: [
-          t[4] || (t[4] = s(d((...l) => e(o) && e(o)(...l), ["prevent"]), ["enter"])),
-          t[5] || (t[5] = s(d((...l) => e(r) && e(r)(...l), ["prevent"]), ["esc"]))
-        ]
-      }, null, 544)), [
-        [y, e(n)]
-      ]) : a.type === "datetime-local" ? p((u(), i("input", {
-        key: 3,
-        "onUpdate:modelValue": t[6] || (t[6] = (l) => v(n) ? n.value = l : null),
-        type: "datetime-local",
-        class: "gsc-control",
-        onKeydown: [
-          t[7] || (t[7] = s(d((...l) => e(o) && e(o)(...l), ["prevent"]), ["enter"])),
-          t[8] || (t[8] = s(d((...l) => e(r) && e(r)(...l), ["prevent"]), ["esc"]))
-        ]
-      }, null, 544)), [
-        [y, e(n)]
-      ]) : a.type === "number" ? p((u(), i("input", {
-        key: 4,
-        "onUpdate:modelValue": t[9] || (t[9] = (l) => v(n) ? n.value = l : null),
-        type: "number",
-        class: "gsc-control",
-        onKeydown: [
-          t[10] || (t[10] = s(d((...l) => e(o) && e(o)(...l), ["prevent"]), ["enter"])),
-          t[11] || (t[11] = s(d((...l) => e(r) && e(r)(...l), ["prevent"]), ["esc"]))
-        ]
-      }, null, 544)), [
-        [
-          y,
-          e(n),
-          void 0,
-          { number: !0 }
-        ]
-      ]) : a.type === "rich-text" ? (u(), i(g, { key: 5 }, [
-        m.$slots.custom ? (u(), i("div", H, [
-          V(m.$slots, "custom", {
-            modelValue: e(n),
-            update: e(f),
-            commit: e(o),
-            cancel: e(r)
-          }, void 0, !0)
-        ])) : (u(), i("div", {
-          key: 1,
-          ref_key: "richRef",
-          ref: k,
-          contenteditable: "",
-          class: "gsc-textarea",
-          onInput: S
-        }, w(e(n)), 545))
-      ], 64)) : p((u(), i("input", {
-        key: 6,
-        "onUpdate:modelValue": t[12] || (t[12] = (l) => v(n) ? n.value = l : null),
-        class: "gsc-control",
-        onKeydown: [
-          t[13] || (t[13] = s(d((...l) => e(o) && e(o)(...l), ["prevent"]), ["enter"])),
-          t[14] || (t[14] = s(d((...l) => e(r) && e(r)(...l), ["prevent"]), ["esc"]))
-        ]
-      }, null, 544)), [
-        [y, e(n)]
-      ]),
-      T("div", j, [
-        C(e(b), {
-          variant: "primary",
-          onClick: e(o)
-        }, {
-          default: x(() => [...t[15] || (t[15] = [
-            K(" OK ", -1)
-          ])]),
-          _: 1
-        }, 8, ["onClick"]),
-        C(e(b), {
-          variant: "default",
-          onClick: e(r)
-        }, {
-          default: x(() => [...t[16] || (t[16] = [
-            K(" Cancel ", -1)
-          ])]),
-          _: 1
-        }, 8, ["onClick"])
-      ])
-    ]));
-  }
-}, P = /* @__PURE__ */ D(A, [["__scopeId", "data-v-dc815e23"]]);
-export {
-  P as default
-};

package/dist/es/src/Grid/src/components/ColumnFilter.vue.js

@@ -1,72 +0,0 @@
-import { ref as C, watch as F, openBlock as o, createElementBlock as a, withModifiers as m, withDirectives as v, createElementVNode as f, toDisplayString as i, unref as n, Fragment as V, renderList as h, vModelSelect as N, withKeys as S, vModelText as b, createVNode as y, withCtx as g, createTextVNode as _ } from "vue";
-import { useLocale as B } from "../../../hooks/useLocale.js";
-import { GscButton as x } from "../../../Button/index.js";
-import './ColumnFilter.css';/* empty css                  */
-import K from "../../../../_virtual/_plugin-vue_export-helper.js";
-const M = { value: "" }, D = ["value"], E = ["onKeydown"], L = { class: "mt-3 flex gap-2 justify-end" }, T = {
-  __name: "ColumnFilter",
-  props: { value: [String, Number], type: { type: String, default: "text" }, options: Array },
-  emits: ["update:value", "apply", "clear"],
-  setup(u, { emit: k }) {
-    const c = u, r = k, { t: s } = B(), e = C(c.value ?? "");
-    F(() => c.value, (d) => {
-      e.value = d ?? "";
-    });
-    function p() {
-      r("update:value", e.value), r("apply");
-    }
-    function w() {
-      e.value = "", r("update:value", ""), r("clear");
-    }
-    return (d, l) => (o(), a("div", {
-      class: "gsc-popover absolute top-full left-0 mt-2 min-w-44 p-3 z-20",
-      onClick: l[2] || (l[2] = m(() => {
-      }, ["stop"]))
-    }, [
-      u.type === "select" ? v((o(), a("select", {
-        key: 0,
-        "onUpdate:modelValue": l[0] || (l[0] = (t) => e.value = t),
-        class: "gsc-control"
-      }, [
-        f("option", M, i(n(s)("gsc.grid.columnFilter.all")), 1),
-        (o(!0), a(V, null, h(u.options || [], (t) => (o(), a("option", {
-          key: t.value,
-          value: t.value
-        }, i(t.label), 9, D))), 128))
-      ], 512)), [
-        [N, e.value]
-      ]) : v((o(), a("input", {
-        key: 1,
-        "onUpdate:modelValue": l[1] || (l[1] = (t) => e.value = t),
-        type: "text",
-        class: "gsc-control",
-        onKeydown: S(m(p, ["prevent"]), ["enter"])
-      }, null, 40, E)), [
-        [b, e.value]
-      ]),
-      f("div", L, [
-        y(n(x), {
-          variant: "default",
-          onClick: w
-        }, {
-          default: g(() => [
-            _(i(n(s)("gsc.grid.columnFilter.clear")), 1)
-          ]),
-          _: 1
-        }),
-        y(n(x), {
-          variant: "primary",
-          onClick: p
-        }, {
-          default: g(() => [
-            _(i(n(s)("gsc.grid.columnFilter.apply")), 1)
-          ]),
-          _: 1
-        })
-      ])
-    ]));
-  }
-}, I = /* @__PURE__ */ K(T, [["__scopeId", "data-v-aa324207"]]);
-export {
-  I as default
-};

package/dist/es/src/Grid/src/components/ColumnSettings.vue.js

@@ -1,109 +0,0 @@
-import { ref as y, computed as C, onMounted as S, onBeforeUnmount as V, openBlock as c, createElementBlock as a, createVNode as u, unref as t, withModifiers as v, withCtx as d, createTextVNode as m, toDisplayString as o, createElementVNode as s, Fragment as w, renderList as E, createCommentVNode as A } from "vue";
-import { useLocale as L } from "../../../hooks/useLocale.js";
-import { GscButton as g } from "../../../Button/index.js";
-import './ColumnSettings.css';/* empty css                    */
-import B from "../../../../_virtual/_plugin-vue_export-helper.js";
-const D = { class: "relative" }, N = { class: "flex items-center justify-between px-2 py-1" }, j = { class: "text-sm font-medium text-[rgba(0,0,0,0.88)]" }, I = { class: "max-h-64 overflow-auto pr-1 mt-1" }, M = ["checked", "onChange"], $ = ["title"], q = { class: "mt-2 flex items-center justify-between gap-2 gsc-divider-top pt-2" }, z = {
-  __name: "ColumnSettings",
-  props: {
-    table: { type: Object, required: !0 }
-  },
-  setup(h) {
-    const _ = h, i = y(!1), { t: l } = L(), p = C(() => {
-      try {
-        return _.table.getAllLeafColumns?.() || [];
-      } catch {
-        return [];
-      }
-    });
-    function b() {
-      p.value.forEach((r) => r.toggleVisibility(!0));
-    }
-    function k() {
-      p.value.forEach((r) => r.toggleVisibility(!1));
-    }
-    function f() {
-      i.value = !1;
-    }
-    return S(() => {
-      document.addEventListener("click", f);
-    }), V(() => {
-      document.removeEventListener("click", f);
-    }), (r, n) => (c(), a("div", D, [
-      u(t(g), {
-        type: "button",
-        variant: "default",
-        onClick: n[0] || (n[0] = v((e) => i.value = !i.value, ["stop"]))
-      }, {
-        default: d(() => [
-          m(o(t(l)("gsc.grid.columnSettings.trigger")), 1)
-        ]),
-        _: 1
-      }),
-      i.value ? (c(), a("div", {
-        key: 0,
-        class: "gsc-popover absolute right-0 mt-2 w-72 p-2 z-20",
-        onClick: n[2] || (n[2] = v(() => {
-        }, ["stop"]))
-      }, [
-        s("div", N, [
-          s("div", j, o(t(l)("gsc.grid.columnSettings.title")), 1),
-          u(t(g), {
-            type: "button",
-            variant: "text",
-            onClick: n[1] || (n[1] = (e) => i.value = !1)
-          }, {
-            default: d(() => [
-              m(o(t(l)("gsc.grid.columnSettings.close")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        s("div", I, [
-          (c(!0), a(w, null, E(p.value, (e) => (c(), a("label", {
-            key: e.id,
-            class: "flex items-center gap-2 px-2 py-1.5 rounded-md hover:bg-[rgba(0,0,0,0.02)] cursor-pointer"
-          }, [
-            s("input", {
-              type: "checkbox",
-              class: "gsc-checkbox",
-              checked: e.getIsVisible(),
-              onChange: (x) => e.toggleVisibility(!!x.target.checked)
-            }, null, 40, M),
-            s("span", {
-              class: "text-sm truncate",
-              title: String(e.columnDef?.header ?? e.id)
-            }, o(String(e.columnDef?.header ?? e.id)), 9, $)
-          ]))), 128))
-        ]),
-        s("div", q, [
-          u(t(g), {
-            type: "button",
-            variant: "default",
-            class: "px-2",
-            onClick: b
-          }, {
-            default: d(() => [
-              m(o(t(l)("gsc.grid.columnSettings.checkAll")), 1)
-            ]),
-            _: 1
-          }),
-          u(t(g), {
-            type: "button",
-            variant: "default",
-            class: "px-2",
-            onClick: k
-          }, {
-            default: d(() => [
-              m(o(t(l)("gsc.grid.columnSettings.uncheckAll")), 1)
-            ]),
-            _: 1
-          })
-        ])
-      ])) : A("", !0)
-    ]));
-  }
-}, H = /* @__PURE__ */ B(z, [["__scopeId", "data-v-ac85ebd4"]]);
-export {
-  H as default
-};