@gsc-basic/components 1.0.2 → 1.0.4

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

@@ -1,18 +1,17 @@
-import { computed as l, watch as d, createElementBlock as C, openBlock as i, createBlock as b, createCommentVNode as s, createElementVNode as A, unref as u, createVNode as g, createSlots as q, withCtx as p, renderSlot as m, renderList as G } from "vue";
+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 T from "./components/ActionBar.vue.js";
-import U from "./components/Pager.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 { exportToCsv as M } from "./utils/exportCsv.js";
-import './Grid.css';import './styles/antd.css';/* empty css                 */
+import './Grid.css';import './styles/table.css';/* empty css                  */
 /* empty css          */
-import J from "../../../_virtual/_plugin-vue_export-helper.js";
-const P = { class: "gsc-grid space-y-3" }, W = { class: "gsc-card gsc-card-pad" }, X = { class: "gsc-card" }, Y = {
+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"
-}, Z = {
+}, W = {
   __name: "Grid",
   props: {
     data: { type: Array, default: () => [] },
@@ -33,100 +32,95 @@ const P = { class: "gsc-grid space-y-3" }, W = { class: "gsc-card gsc-card-pad"
   },
   emits: ["update:query", "selection-change", "load", "cell-change", "update:modelValue", "info"],
   setup(k, { emit: B }) {
-    const o = k, r = B, f = o.filterSchema || [], $ = l(() => o.columns || []), y = l(() => !!o.rowSelection), z = l(() => o.pagination !== !1), Q = l(() => {
-      const e = o.actions || {}, t = e.left || e.leftActions || [];
-      return Array.isArray(t) ? t : [];
+    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 = o.actions || {}, t = e.right || e.rightActions || [];
-      return Array.isArray(t) ? t : [];
-    }), _ = l(() => (o.actions || {}).showColumnSettings !== !1), a = L({
-      data: o.data,
-      request: o.request,
-      mode: o.mode,
-      pageSize: o.pagination && o.pagination.pageSize || 10,
-      initialQuery: o.query,
-      columns: o.columns,
-      rowKey: o.rowKey,
+      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(() => !!a.loading.value), v = l({
+    }), c = l(() => !!o.loading.value), v = l({
       get() {
-        return a.query.value || {};
+        return o.query.value || {};
       },
       set(e) {
-        a.setQuery(e || {});
+        o.setQuery(e || {});
       }
-    }), x = l(() => a.rows.value || []), h = l({
+    }), h = l({
       get() {
-        return a.page.value;
+        return o.page.value;
       },
       set(e) {
-        a.page.value = e;
+        o.page.value = e;
       }
-    }), w = l({
+    }), S = l({
       get() {
-        return a.pageSize.value;
+        return o.pageSize.value;
       },
       set(e) {
-        a.pageSize.value = e;
+        o.pageSize.value = e;
       }
-    }), K = l(() => a.total.value || 0);
+    }), K = l(() => o.total.value || 0);
     function N(e) {
-      const t = e || {};
-      a.setQuery(t), a.load();
+      const a = e || {};
+      o.setQuery(a), o.load();
     }
     function R(e) {
-      const t = e || {};
-      a.setQuery(t), a.load();
+      const a = e || {};
+      o.setQuery(a), o.load();
     }
-    function j({ key: e, value: t }) {
-      const n = { ...a.query.value || {} };
-      t != null && t !== "" ? n[e] = t : delete n[e], a.setQuery(n), a.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 E(e) {
-      o.mode === "client" ? a.setData((a.rows.value || []).slice()) : r("cell-change", {
-        rowKey: e?.row?.[o.rowKey],
+    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", (a.rows.value || []).slice());
+      }), r("update:modelValue", (o.rows.value || []).slice());
     }
-    function F() {
-      const e = o.columns || [], t = x.value || [];
-      M("grid-export.csv", e, t);
-    }
-    return d(() => o.data, (e) => {
-      a.setData(e || []);
-    }, { deep: !0 }), d(() => o.columns, (e) => {
-      a.setColumns(e || []);
-    }, { deep: !0 }), d(() => a.query.value, (e) => {
+    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, t) => (i(), C("div", P, [
-      u(f).length ? (i(), b(O, {
+    }, { deep: !0 }), (e, a) => (i(), b("div", x, [
+      s(f).length ? (i(), C(O, {
         key: 0,
         modelValue: v.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (n) => v.value = n),
-        schema: u(f),
+        "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"])) : s("", !0),
-      A("div", W, [
-        g(T, {
+      }, null, 8, ["modelValue", "schema", "loading"])) : u("", !0),
+      A("div", M, [
+        g(U, {
           loading: c.value,
           "left-actions": Q.value,
           "right-actions": V.value,
-          onExport: F,
-          onInfo: t[1] || (t[1] = (n) => e.$emit("info"))
+          onInfo: a[1] || (a[1] = (n) => e.$emit("info"))
         }, q({
           right: p(() => [
             m(e.$slots, "actions-right", {}, () => [
-              _.value ? (i(), b(I, {
+              _.value ? (i(), C(I, {
                 key: 0,
-                table: u(a).table
-              }, null, 8, ["table"])) : s("", !0)
+                table: s(o).table
+              }, null, 8, ["table"])) : u("", !0)
             ], !0)
           ]),
           _: 2
@@ -140,47 +134,47 @@ const P = { class: "gsc-grid space-y-3" }, W = { class: "gsc-card gsc-card-pad"
           } : void 0
         ]), 1032, ["loading", "left-actions", "right-actions"])
       ]),
-      A("div", X, [
+      A("div", J, [
         g(H, {
-          table: u(a).table,
-          mode: o.mode,
+          table: s(o).table,
+          mode: t.mode,
           loading: c.value,
-          virtual: o.virtual,
-          height: o.height,
-          "row-height": o.rowHeight,
+          virtual: t.virtual,
+          height: t.height,
+          "row-height": t.rowHeight,
           "enable-row-selection": y.value,
           onSelectionChange: D,
-          onCellChange: E,
+          onCellChange: F,
           onServerFilterChange: j
         }, q({ _: 2 }, [
           G($.value, (n) => ({
             name: `cell-${n.key}`,
-            fn: p((S) => [
+            fn: p((w) => [
               e.$slots[`cell-${n.key}`] ? m(e.$slots, `cell-${n.key}`, {
                 key: 0,
-                value: S.value,
-                row: S.row
-              }, void 0, !0) : s("", !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(), C("div", Y, [
-          g(U, {
+        z.value ? (i(), b("div", P, [
+          g(E, {
             page: h.value,
-            "page-size": w.value,
+            "page-size": S.value,
             total: K.value,
-            "onUpdate:page": t[2] || (t[2] = (n) => {
+            "onUpdate:page": a[2] || (a[2] = (n) => {
               h.value = n;
             }),
-            "onUpdate:pageSize": t[3] || (t[3] = (n) => {
-              w.value = n;
+            "onUpdate:pageSize": a[3] || (a[3] = (n) => {
+              S.value = n;
             })
           }, null, 8, ["page", "page-size", "total"])
-        ])) : s("", !0)
+        ])) : u("", !0)
       ])
     ]));
   }
-}, de = /* @__PURE__ */ J(Z, [["__scopeId", "data-v-3a0fc4a7"]]);
+}, ie = /* @__PURE__ */ T(W, [["__scopeId", "data-v-9ebe45ca"]]);
 export {
-  de as default
+  ie as default
 };

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

@@ -1 +1 @@
-[data-v-e03d5343],[data-v-e03d5343]:before,[data-v-e03d5343]: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-e03d5343]::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-e03d5343]{display:flex}.items-center[data-v-e03d5343]{align-items:center}.justify-between[data-v-e03d5343]{justify-content:space-between}.gap-2[data-v-e03d5343]{gap:.5rem}
+[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

@@ -1,8 +1,9 @@
-import { computed as f, createElementBlock as i, openBlock as n, createElementVNode as u, renderSlot as g, Fragment as p, renderList as m, normalizeClass as y, toDisplayString as A } from "vue";
-import { useLocale as x } from "../../../hooks/useLocale.js";
+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 B from "../../../../_virtual/_plugin-vue_export-helper.js";
-const C = { class: "flex items-center justify-between" }, b = { class: "flex items-center gap-2" }, $ = ["disabled", "onClick"], L = { class: "flex items-center gap-2" }, E = ["disabled", "onClick"], S = {
+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 },
@@ -10,49 +11,55 @@ const C = { class: "flex items-center justify-between" }, b = { class: "flex ite
     rightActions: { type: Array, default: () => [] }
   },
   emits: ["export", "info", "action"],
-  setup(s, { emit: k }) {
-    const r = s, a = k, { t: c } = x(), v = f(() => {
-      const t = Array.isArray(r.leftActions) ? r.leftActions : [];
-      return t.length ? t : [
+  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" }
       ];
-    }), _ = f(() => Array.isArray(r.rightActions) ? r.rightActions : []);
-    function l(t) {
-      const o = t?.variant || "default";
-      return o === "primary" ? "gsc-btn-primary" : o === "danger" ? "gsc-btn-danger" : "gsc-btn-default";
-    }
-    function d(t) {
-      const o = t?.key;
-      a("action", { key: o, action: t }), o === "export" && a("export"), o === "info" && a("info");
+    }), 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 {
-        t?.onClick?.();
+        e?.onClick?.();
       } catch {
       }
     }
-    return (t, o) => (n(), i("div", C, [
-      u("div", b, [
-        g(t.$slots, "left", {}, () => [
-          (n(!0), i(p, null, m(v.value, (e) => (n(), i("button", {
-            key: e.key,
-            class: y(["gsc-btn", l(e)]),
-            disabled: s.loading || !!e.disabled,
-            onClick: (h) => d(e)
-          }, A(e.text), 11, $))), 128))
+    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)
       ]),
-      u("div", L, [
-        (n(!0), i(p, null, m(_.value, (e) => (n(), i("button", {
-          key: e.key,
-          class: y(["gsc-btn", l(e)]),
-          disabled: s.loading || !!e.disabled,
-          onClick: (h) => d(e)
-        }, A(e.text), 11, E))), 128)),
-        g(t.$slots, "right", {}, void 0, !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)
       ])
     ]));
   }
-}, F = /* @__PURE__ */ B(S, [["__scopeId", "data-v-e03d5343"]]);
+}, I = /* @__PURE__ */ L(S, [["__scopeId", "data-v-11bc5d18"]]);
 export {
-  F as default
+  I as default
 };

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

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

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

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

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

@@ -1 +1 @@
-[data-v-8c70dd7e],[data-v-8c70dd7e]:before,[data-v-8c70dd7e]: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-8c70dd7e]::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-8c70dd7e]{margin-top:.5rem}.flex[data-v-8c70dd7e]{display:flex}.justify-end[data-v-8c70dd7e]{justify-content:flex-end}.gap-2[data-v-8c70dd7e]{gap:.5rem}
+[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

@@ -1 +1 @@
-[data-v-30969a59],[data-v-30969a59]:before,[data-v-30969a59]: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-30969a59]::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-30969a59]{position:absolute}.left-0[data-v-30969a59]{left:0}.top-full[data-v-30969a59]{top:100%}.z-20[data-v-30969a59]{z-index:20}.mt-2[data-v-30969a59]{margin-top:.5rem}.mt-3[data-v-30969a59]{margin-top:.75rem}.min-w-44[data-v-30969a59]{min-width:11rem}.flex[data-v-30969a59]{display:flex}.justify-end[data-v-30969a59]{justify-content:flex-end}.gap-2[data-v-30969a59]{gap:.5rem}.p-3[data-v-30969a59]{padding:.75rem}
+[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}