@gsc-basic/components 1.0.1 → 1.0.3

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

@@ -0,0 +1,208 @@
+import { computed as b, watch as V, openBlock as n, createElementBlock as o, normalizeClass as x, Fragment as m, renderList as v, createElementVNode as u, toDisplayString as i, createBlock as z, resolveDynamicComponent as D, unref as C, withCtx as R, renderSlot as T } from "vue";
+import { useForm as q } from "../../../node_modules/@tanstack/vue-form/dist/esm/useForm.js";
+import { useLocale as $ } from "../../hooks/useLocale.js";
+import './Form.css';import './styles/form.css';/* empty css                 */
+/* empty css          */
+import G from "../../../_virtual/_plugin-vue_export-helper.js";
+const H = ["title"], J = { class: "gsc-form-control w-full text-left" }, M = ["value", "onChange"], P = { value: "" }, Q = ["value"], U = ["placeholder", "value", "rows", "onInput"], W = ["step", "placeholder", "value", "onInput"], X = { key: 3 }, Y = ["name", "value", "checked", "onChange"], Z = { class: "ml-2" }, ee = { key: 4 }, le = ["value", "checked", "onChange"], te = { class: "ml-2" }, ae = {
+  key: 1,
+  class: "inline-flex items-center"
+}, ne = ["checked", "onChange"], oe = { class: "ml-2" }, se = ["placeholder", "value", "onInput"], ue = {
+  class: "gsc-form-actions-unified",
+  style: { gridColumn: "1 / -1", display: "flex", justifyContent: "flex-end", gap: "8px" }
+}, ce = {
+  __name: "Form",
+  props: {
+    schema: { type: Array, default: () => [] },
+    modelValue: { type: Object, default: () => ({}) },
+    showActions: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "submit", "reset", "change"],
+  setup(w, { expose: F, emit: I }) {
+    const y = w, c = I, { t: N } = $();
+    function S(l = []) {
+      return (l || []).filter(Boolean).map((e) => ({
+        key: e.key,
+        label: e.label ?? e.title ?? e.key,
+        type: e.type ?? "text",
+        placeholder: e.placeholder,
+        options: e.options,
+        span: e.span,
+        startKey: e.startKey,
+        endKey: e.endKey,
+        showTime: e.showTime || e.withTime || !1,
+        defaultValue: e.defaultValue
+      })).filter((e) => !!e.key);
+    }
+    const g = b(() => S(y.schema));
+    function _() {
+      const l = {};
+      return g.value.forEach((e) => {
+        l[e.key] = y.modelValue?.[e.key] ?? e.defaultValue ?? "";
+      }), l;
+    }
+    const d = q({
+      defaultValues: _(),
+      onSubmit: ({ value: l }) => {
+        c("update:modelValue", l || {}), c("submit", l || {});
+      }
+    }), f = d.useStore((l) => l.values);
+    V(f, (l) => {
+      c("update:modelValue", l || {}), c("change", l || {});
+    }, { deep: !0 }), V(
+      () => y.modelValue,
+      (l) => {
+        const e = l || {};
+        Object.keys(e).forEach((a) => {
+          try {
+            d.setFieldValue(a, e[a], { dontValidate: !0, dontRunListeners: !0 });
+          } catch {
+          }
+        });
+      },
+      { deep: !0 }
+    );
+    function A() {
+      try {
+        d.handleSubmit();
+      } catch {
+        c("submit", f.value || {});
+      }
+    }
+    function B() {
+      const l = _();
+      Object.keys(l).forEach((e) => {
+        try {
+          d.setFieldValue(e, l[e], { dontValidate: !0, dontRunListeners: !0 });
+        } catch {
+        }
+      }), c("update:modelValue", l), c("reset", l);
+    }
+    function E() {
+      return f.value || {};
+    }
+    function j(l = {}) {
+      Object.keys(l).forEach((e) => {
+        try {
+          d.setFieldValue(e, l[e], { dontValidate: !0, dontRunListeners: !0 });
+        } catch {
+        }
+      });
+    }
+    const K = b(() => "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4");
+    function L(l) {
+      const e = Number(l?.span || 0);
+      return e === 2 ? "lg:col-span-2" : e === 3 ? "lg:col-span-3" : e === 4 ? "lg:col-span-4" : "";
+    }
+    function O(l) {
+      return l.key;
+    }
+    return F({ submit: A, reset: B, getValues: E, setValues: j }), (l, e) => (n(), o("div", {
+      class: x(["gsc-form gap-2", K.value])
+    }, [
+      (n(!0), o(m, null, v(g.value, (a) => (n(), o("div", {
+        key: O(a),
+        class: x(["gsc-form-item gsc-form-item--vertical gap-1", L(a)])
+      }, [
+        u("div", {
+          class: "gsc-form-label mb-0.5",
+          title: a.label
+        }, i(a.label), 9, H),
+        u("div", J, [
+          (n(), z(D(C(d).Field), {
+            name: a.key
+          }, {
+            default: R(({ field: r, state: s }) => [
+              a.type === "select" ? (n(), o("select", {
+                key: 0,
+                class: "gsc-control",
+                value: s.value ?? "",
+                onChange: (t) => r.setValue(t.target.value)
+              }, [
+                u("option", P, i(a.placeholder || C(N)("gsc.grid.queryBar.placeholder.select")), 1),
+                (n(!0), o(m, null, v(a.options || [], (t) => (n(), o("option", {
+                  key: t.value,
+                  value: t.value
+                }, i(t.label), 9, Q))), 128))
+              ], 40, M)) : a.type === "textarea" ? (n(), o("textarea", {
+                key: 1,
+                class: "gsc-textarea",
+                placeholder: a.placeholder || "",
+                value: s.value ?? "",
+                rows: a.rows,
+                onInput: (t) => r.setValue(t.target.value)
+              }, null, 40, U)) : a.type === "inputNumber" ? (n(), o("input", {
+                key: 2,
+                type: "number",
+                class: "gsc-control",
+                step: a.step ?? 1,
+                placeholder: a.placeholder || "",
+                value: s.value ?? "",
+                onInput: (t) => {
+                  const p = t.target.value === "" ? "" : Number(t.target.value);
+                  r.setValue(Number.isNaN(p) ? "" : p);
+                }
+              }, null, 40, W)) : a.type === "radio" ? (n(), o("div", X, [
+                (n(!0), o(m, null, v(a.options || [], (t) => (n(), o("label", {
+                  key: t.value,
+                  class: "inline-flex items-center mr-3"
+                }, [
+                  u("input", {
+                    type: "radio",
+                    name: a.key,
+                    value: t.value,
+                    checked: s.value === t.value,
+                    onChange: () => r.setValue(t.value)
+                  }, null, 40, Y),
+                  u("span", Z, i(t.label), 1)
+                ]))), 128))
+              ])) : a.type === "checkbox" ? (n(), o("div", ee, [
+                (a.options || []).length ? (n(!0), o(m, { key: 0 }, v(a.options || [], (t) => (n(), o("label", {
+                  key: t.value,
+                  class: "inline-flex items-center mr-3"
+                }, [
+                  u("input", {
+                    type: "checkbox",
+                    value: t.value,
+                    checked: Array.isArray(s.value) && s.value.includes(t.value),
+                    onChange: (p) => {
+                      const h = Array.isArray(s.value) ? [...s.value] : [];
+                      if (p.target.checked)
+                        h.push(t.value);
+                      else {
+                        const k = h.indexOf(t.value);
+                        k > -1 && h.splice(k, 1);
+                      }
+                      r.setValue(h);
+                    }
+                  }, null, 40, le),
+                  u("span", te, i(t.label), 1)
+                ]))), 128)) : (n(), o("label", ae, [
+                  u("input", {
+                    type: "checkbox",
+                    checked: !!s.value,
+                    onChange: (t) => r.setValue(t.target.checked)
+                  }, null, 40, ne),
+                  u("span", oe, i(a.placeholder || a.label), 1)
+                ]))
+              ])) : (n(), o("input", {
+                key: 5,
+                class: "gsc-control",
+                placeholder: a.placeholder || "",
+                value: s.value ?? "",
+                onInput: (t) => r.setValue(t.target.value)
+              }, null, 40, se))
+            ]),
+            _: 2
+          }, 1032, ["name"]))
+        ])
+      ], 2))), 128)),
+      u("div", ue, [
+        T(l.$slots, "actions", {}, void 0, !0)
+      ])
+    ], 2));
+  }
+}, ve = /* @__PURE__ */ G(ce, [["__scopeId", "data-v-86e89bcb"]]);
+export {
+  ve as default
+};

package/dist/es/src/Form/src/styles/form.css

@@ -0,0 +1 @@
+.gsc-form{display:grid;grid-gap:12px 16px;gap:12px 16px}.gsc-form .gsc-form-item{display:flex;align-items:center;gap:8px;min-width:0}.gsc-form .gsc-form-label{width:96px;flex:0 0 auto;text-align:right;font-weight:600;font-size:14px;line-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gsc-form .gsc-form-item--vertical{flex-direction:column;align-items:flex-start;gap:6px}.gsc-form .gsc-form-item--vertical .gsc-form-label{width:auto;text-align:left;line-height:1.2;margin-bottom:4px}.gsc-form .gsc-form-control{flex:1 1 auto;min-width:0}.gsc-form .gsc-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.gsc-form .gsc-range{display:flex;align-items:center;gap:8px;min-width:0}.gsc-form .gsc-range .gsc-control{width:auto;flex:1 1 0;min-width:0}.gsc-form .gsc-range-sep{flex:0 0 auto;color:#9ca3af}.gsc-form .gsc-control{box-sizing:border-box;width:100%;height:32px;padding:4px 11px;border:1px solid var(--gsc-basic-border);border-radius:6px;background:var(--gsc-basic-bg);color:var(--gsc-basic-text-primary);font-size:14px;line-height:22px;transition:border-color .2s,box-shadow .2s;outline:none}.gsc-form .gsc-control::-moz-placeholder{color:var(--gsc-basic-text-placeholder)}.gsc-form .gsc-control::placeholder{color:var(--gsc-basic-text-placeholder)}.gsc-form .gsc-control:hover{border-color:var(--gsc-basic-primary-hover)}.gsc-form .gsc-control:focus{border-color:var(--gsc-basic-primary);box-shadow:var(--gsc-basic-focus-shadow)}.gsc-form select.gsc-control{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gsc-basic-text-placeholder) 50%),linear-gradient(135deg,var(--gsc-basic-text-placeholder) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:28px;color:var(--gsc-basic-text-primary)}.gsc-form select.gsc-control option[value=""]{color:var(--gsc-basic-text-placeholder)}.gsc-form .gsc-textarea{box-sizing:border-box;display:inline-block;width:100%;max-width:100%;padding:8px 11px;border:1px solid var(--gsc-basic-border);border-radius:6px;background:var(--gsc-basic-bg);color:var(--gsc-basic-text-primary);font-size:14px;line-height:1.5715;transition:border-color .2s,box-shadow .2s;outline:none;resize:none}

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

@@ -0,0 +1,6 @@
+import { withInstall as r } from "@gsc-basic/utils";
+import o from "./src/Grid.vue.js";
+const m = r(o);
+export {
+  m as GscGrid
+};

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

@@ -0,0 +1 @@
+[data-v-9ebe45ca],[data-v-9ebe45ca]:before,[data-v-9ebe45ca]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-9ebe45ca]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.space-y-3[data-v-9ebe45ca]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:.75rem;margin-top:calc(.75rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:0rem;margin-bottom:calc(.75rem * var(--un-space-y-reverse))}.px-4[data-v-9ebe45ca]{padding-left:1rem;padding-right:1rem}.py-3[data-v-9ebe45ca]{padding-top:.75rem;padding-bottom:.75rem}

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

@@ -0,0 +1,180 @@
+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.css

@@ -0,0 +1 @@
+[data-v-11bc5d18],[data-v-11bc5d18]:before,[data-v-11bc5d18]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-11bc5d18]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.flex[data-v-11bc5d18]{display:flex}.items-center[data-v-11bc5d18]{align-items:center}.justify-between[data-v-11bc5d18]{justify-content:space-between}.gap-2[data-v-11bc5d18]{gap:.5rem}

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

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

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

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

@@ -0,0 +1,132 @@
+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/CellEditor2.css

@@ -0,0 +1 @@
+[data-v-dc815e23],[data-v-dc815e23]:before,[data-v-dc815e23]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-dc815e23]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.mt-2[data-v-dc815e23]{margin-top:.5rem}.flex[data-v-dc815e23]{display:flex}.justify-end[data-v-dc815e23]{justify-content:flex-end}.gap-2[data-v-dc815e23]{gap:.5rem}

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

@@ -0,0 +1 @@
+[data-v-aa324207],[data-v-aa324207]:before,[data-v-aa324207]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-aa324207]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.absolute[data-v-aa324207]{position:absolute}.left-0[data-v-aa324207]{left:0}.top-full[data-v-aa324207]{top:100%}.z-20[data-v-aa324207]{z-index:20}.mt-2[data-v-aa324207]{margin-top:.5rem}.mt-3[data-v-aa324207]{margin-top:.75rem}.min-w-44[data-v-aa324207]{min-width:11rem}.flex[data-v-aa324207]{display:flex}.justify-end[data-v-aa324207]{justify-content:flex-end}.gap-2[data-v-aa324207]{gap:.5rem}.p-3[data-v-aa324207]{padding:.75rem}