@gsc-basic/components 1.0.1 → 1.0.2

package/dist/es/node_modules/@tanstack/vue-form/dist/esm/useField.js

@@ -0,0 +1,38 @@
+import { FieldApi as a } from "../../../form-core/dist/esm/FieldApi.js";
+import { useStore as d } from "../../../vue-store/dist/esm/index.js";
+import { defineComponent as m, onMounted as f, onUnmounted as l, watch as u } from "vue";
+function s(e) {
+  const t = (() => {
+    const r = new a({
+      ...e,
+      form: e.form,
+      name: e.name
+    });
+    return r.Field = p, r;
+  })(), n = d(t.store, (o) => o);
+  let i;
+  return f(() => {
+    i = t.mount();
+  }), l(() => {
+    i();
+  }), u(
+    () => e,
+    () => {
+      t.update({ ...e, form: e.form });
+    }
+  ), { api: t, state: n };
+}
+const p = m(
+  (e, t) => {
+    const n = s({ ...e, ...t.attrs });
+    return () => t.slots.default({
+      field: n.api,
+      state: n.state.value
+    });
+  },
+  { name: "Field", inheritAttrs: !1 }
+);
+export {
+  p as Field,
+  s as useField
+};

package/dist/es/node_modules/@tanstack/vue-form/dist/esm/useForm.js

@@ -0,0 +1,33 @@
+import { FormApi as d } from "../../../form-core/dist/esm/FormApi.js";
+import { useStore as i } from "../../../vue-store/dist/esm/index.js";
+import { defineComponent as l, h as f, onMounted as p } from "vue";
+import { Field as c, useField as F } from "./useField.js";
+function v(n) {
+  const s = (() => {
+    const t = new d(n), o = t;
+    return o.Field = l(
+      (e, r) => () => f(
+        c,
+        { ...e, ...r.attrs, form: t },
+        r.slots
+      ),
+      {
+        name: "APIField",
+        inheritAttrs: !1
+      }
+    ), o.useField = (e) => F({ ...e, form: t }), o.useStore = (e) => i(t.store, e), o.Subscribe = l(
+      (e, r) => {
+        const u = { ...e, ...r.attrs }.selector ?? ((a) => a), m = i(t.store, u);
+        return () => r.slots.default(m.value);
+      },
+      {
+        name: "Subscribe",
+        inheritAttrs: !1
+      }
+    ), o;
+  })();
+  return p(s.mount), s.update(n), s;
+}
+export {
+  v as useForm
+};

package/dist/es/node_modules/@tanstack/vue-store/dist/esm/index.js

@@ -0,0 +1,48 @@
+import { ref as u, watch as c, toRaw as l, readonly as p } from "vue";
+function O(t, e = (n) => n) {
+  const n = u(e(t.state));
+  return c(
+    () => t,
+    (r, s, i) => {
+      const a = r.subscribe(() => {
+        const f = e(r.state);
+        h(l(n.value), f) || (n.value = f);
+      });
+      i(() => {
+        a();
+      });
+    },
+    { immediate: !0 }
+  ), p(n);
+}
+function h(t, e) {
+  if (Object.is(t, e))
+    return !0;
+  if (typeof t != "object" || t === null || typeof e != "object" || e === null)
+    return !1;
+  if (t instanceof Map && e instanceof Map) {
+    if (t.size !== e.size) return !1;
+    for (const [r, s] of t)
+      if (!e.has(r) || !Object.is(s, e.get(r))) return !1;
+    return !0;
+  }
+  if (t instanceof Set && e instanceof Set) {
+    if (t.size !== e.size) return !1;
+    for (const r of t)
+      if (!e.has(r)) return !1;
+    return !0;
+  }
+  if (t instanceof Date && e instanceof Date)
+    return t.getTime() === e.getTime();
+  const n = Object.keys(t);
+  if (n.length !== Object.keys(e).length)
+    return !1;
+  for (let r = 0; r < n.length; r++)
+    if (!Object.prototype.hasOwnProperty.call(e, n[r]) || !Object.is(t[n[r]], e[n[r]]))
+      return !1;
+  return !0;
+}
+export {
+  h as shallow,
+  O as useStore
+};

package/dist/es/node_modules/@tanstack/vue-table/build/lib/index.js

@@ -0,0 +1,159 @@
+import { createTable as m } from "../../../table-core/build/lib/index.js";
+import { ColumnFaceting as G, ColumnFiltering as T, ColumnGrouping as k, ColumnOrdering as j, ColumnPinning as z, ColumnSizing as D, ColumnVisibility as H, GlobalFaceting as I, GlobalFiltering as N, Headers as U, RowExpanding as $, RowPagination as B, RowPinning as K, RowSelection as L, RowSorting as O, _getVisibleLeafColumns as W, aggregationFns as X, buildHeaderGroups as Y, createCell as q, createColumn as J, createRow as Q, defaultColumnSizing as Z, expandRows as _, filterFns as ee, flattenBy as te, functionalUpdate as ne, getCoreRowModel as re, getFilteredRowModel as oe, getMemoOptions as ae, getPaginationRowModel as le, getSortedRowModel as ue, isFunction as ie, isNumberArray as ge, isRowSelected as se, isSubRowSelected as fe, makeStateUpdater as ce, memo as de, orderColumns as me, passiveEventSupported as we, reSplitAlphaNumeric as Re, selectRowsFn as Se, shouldAutoRemoveFilter as he, sortingFns as Ce } from "../../../table-core/build/lib/index.js";
+import { defineComponent as w, isRef as R, shallowRef as S, watch as h, ref as C, watchEffect as y, h as b, unref as p } from "vue";
+function g() {
+  return !0;
+}
+const v = /* @__PURE__ */ Symbol("merge-proxy"), F = {
+  get(e, t, a) {
+    return t === v ? a : e.get(t);
+  },
+  has(e, t) {
+    return e.has(t);
+  },
+  set: g,
+  deleteProperty: g,
+  getOwnPropertyDescriptor(e, t) {
+    return {
+      configurable: !0,
+      enumerable: !0,
+      get() {
+        return e.get(t);
+      },
+      set: g,
+      deleteProperty: g
+    };
+  },
+  ownKeys(e) {
+    return e.keys();
+  }
+};
+function s(e) {
+  return "value" in e ? e.value : e;
+}
+function i() {
+  for (var e = arguments.length, t = new Array(e), a = 0; a < e; a++)
+    t[a] = arguments[a];
+  return new Proxy({
+    get(r) {
+      for (let n = t.length - 1; n >= 0; n--) {
+        const o = s(t[n])[r];
+        if (o !== void 0) return o;
+      }
+    },
+    has(r) {
+      for (let n = t.length - 1; n >= 0; n--)
+        if (r in s(t[n])) return !0;
+      return !1;
+    },
+    keys() {
+      const r = [];
+      for (let n = 0; n < t.length; n++) r.push(...Object.keys(s(t[n])));
+      return [...Array.from(new Set(r))];
+    }
+  }, F);
+}
+const A = w({
+  props: ["render", "props"],
+  setup: (e) => () => typeof e.render == "function" || typeof e.render == "object" ? b(e.render, e.props) : e.render
+});
+function f(e) {
+  return i(e, {
+    data: p(e.data)
+  });
+}
+function E(e) {
+  const t = R(e.data), a = i({
+    state: {},
+    // Dummy state
+    onStateChange: () => {
+    },
+    // noop
+    renderFallbackValue: null,
+    mergeOptions(o, l) {
+      return t ? {
+        ...o,
+        ...l
+      } : i(o, l);
+    }
+  }, t ? f(e) : e), r = m(a);
+  if (t) {
+    const o = S(e.data);
+    h(o, () => {
+      r.setState((l) => ({
+        ...l,
+        data: o.value
+      }));
+    }, {
+      immediate: !0
+    });
+  }
+  const n = C(r.initialState);
+  return y(() => {
+    r.setOptions((o) => {
+      var l;
+      const c = new Proxy({}, {
+        get: (u, d) => n.value[d]
+      });
+      return i(o, t ? f(e) : e, {
+        // merge the initialState and `options.state`
+        // create a new proxy on each `setOptions` call
+        // and get the value from state on each property access
+        state: i(c, (l = e.state) != null ? l : {}),
+        // Similarly, we'll maintain both our internal state and any user-provided
+        // state.
+        onStateChange: (u) => {
+          u instanceof Function ? n.value = u(n.value) : n.value = u, e.onStateChange == null || e.onStateChange(u);
+        }
+      });
+    });
+  }), r;
+}
+export {
+  G as ColumnFaceting,
+  T as ColumnFiltering,
+  k as ColumnGrouping,
+  j as ColumnOrdering,
+  z as ColumnPinning,
+  D as ColumnSizing,
+  H as ColumnVisibility,
+  A as FlexRender,
+  I as GlobalFaceting,
+  N as GlobalFiltering,
+  U as Headers,
+  $ as RowExpanding,
+  B as RowPagination,
+  K as RowPinning,
+  L as RowSelection,
+  O as RowSorting,
+  W as _getVisibleLeafColumns,
+  X as aggregationFns,
+  Y as buildHeaderGroups,
+  q as createCell,
+  J as createColumn,
+  Q as createRow,
+  m as createTable,
+  Z as defaultColumnSizing,
+  _ as expandRows,
+  ee as filterFns,
+  te as flattenBy,
+  ne as functionalUpdate,
+  re as getCoreRowModel,
+  oe as getFilteredRowModel,
+  ae as getMemoOptions,
+  le as getPaginationRowModel,
+  ue as getSortedRowModel,
+  ie as isFunction,
+  ge as isNumberArray,
+  se as isRowSelected,
+  fe as isSubRowSelected,
+  ce as makeStateUpdater,
+  de as memo,
+  me as orderColumns,
+  we as passiveEventSupported,
+  Re as reSplitAlphaNumeric,
+  Se as selectRowsFn,
+  he as shouldAutoRemoveFilter,
+  Ce as sortingFns,
+  E as useVueTable
+};

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-3a0fc4a7],[data-v-3a0fc4a7]:before,[data-v-3a0fc4a7]: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-3a0fc4a7]::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-3a0fc4a7]>: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-3a0fc4a7]{padding-left:1rem;padding-right:1rem}.py-3[data-v-3a0fc4a7]{padding-top:.75rem;padding-bottom:.75rem}

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

@@ -0,0 +1,186 @@
+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 O from "./components/QueryBar.vue.js";
+import T from "./components/ActionBar.vue.js";
+import U 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                 */
+/* 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 = {
+  key: 0,
+  class: "px-4 py-3 gsc-divider-top"
+}, Z = {
+  __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 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 : [];
+    }), 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,
+      enableRowSelection: y.value
+    }), c = l(() => !!a.loading.value), v = l({
+      get() {
+        return a.query.value || {};
+      },
+      set(e) {
+        a.setQuery(e || {});
+      }
+    }), x = l(() => a.rows.value || []), h = l({
+      get() {
+        return a.page.value;
+      },
+      set(e) {
+        a.page.value = e;
+      }
+    }), w = l({
+      get() {
+        return a.pageSize.value;
+      },
+      set(e) {
+        a.pageSize.value = e;
+      }
+    }), K = l(() => a.total.value || 0);
+    function N(e) {
+      const t = e || {};
+      a.setQuery(t), a.load();
+    }
+    function R(e) {
+      const t = e || {};
+      a.setQuery(t), a.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 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],
+        column: e?.column,
+        value: e?.value,
+        row: e?.row
+      }), r("update:modelValue", (a.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) => {
+      r("update:query", e);
+    }, { deep: !0 }), (e, t) => (i(), C("div", P, [
+      u(f).length ? (i(), b(O, {
+        key: 0,
+        modelValue: v.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (n) => v.value = n),
+        schema: u(f),
+        loading: c.value,
+        onSearch: N,
+        onReset: R
+      }, null, 8, ["modelValue", "schema", "loading"])) : s("", !0),
+      A("div", W, [
+        g(T, {
+          loading: c.value,
+          "left-actions": Q.value,
+          "right-actions": V.value,
+          onExport: F,
+          onInfo: t[1] || (t[1] = (n) => e.$emit("info"))
+        }, q({
+          right: p(() => [
+            m(e.$slots, "actions-right", {}, () => [
+              _.value ? (i(), b(I, {
+                key: 0,
+                table: u(a).table
+              }, null, 8, ["table"])) : s("", !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", X, [
+        g(H, {
+          table: u(a).table,
+          mode: o.mode,
+          loading: c.value,
+          virtual: o.virtual,
+          height: o.height,
+          "row-height": o.rowHeight,
+          "enable-row-selection": y.value,
+          onSelectionChange: D,
+          onCellChange: E,
+          onServerFilterChange: j
+        }, q({ _: 2 }, [
+          G($.value, (n) => ({
+            name: `cell-${n.key}`,
+            fn: p((S) => [
+              e.$slots[`cell-${n.key}`] ? m(e.$slots, `cell-${n.key}`, {
+                key: 0,
+                value: S.value,
+                row: S.row
+              }, void 0, !0) : s("", !0)
+            ])
+          }))
+        ]), 1032, ["table", "mode", "loading", "virtual", "height", "row-height", "enable-row-selection"]),
+        z.value ? (i(), C("div", Y, [
+          g(U, {
+            page: h.value,
+            "page-size": w.value,
+            total: K.value,
+            "onUpdate:page": t[2] || (t[2] = (n) => {
+              h.value = n;
+            }),
+            "onUpdate:pageSize": t[3] || (t[3] = (n) => {
+              w.value = n;
+            })
+          }, null, 8, ["page", "page-size", "total"])
+        ])) : s("", !0)
+      ])
+    ]));
+  }
+}, de = /* @__PURE__ */ J(Z, [["__scopeId", "data-v-3a0fc4a7"]]);
+export {
+  de as default
+};

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

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

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

@@ -0,0 +1,58 @@
+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 './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 = {
+  __name: "ActionBar",
+  props: {
+    loading: { type: Boolean, default: !1 },
+    leftActions: { type: Array, default: () => [] },
+    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 : [
+        { 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");
+      try {
+        t?.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))
+        ], !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 = /* @__PURE__ */ B(S, [["__scopeId", "data-v-e03d5343"]]);
+export {
+  F as default
+};

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

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

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

@@ -0,0 +1,121 @@
+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 './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 = {
+  __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 || "");
+    });
+    function C(a) {
+      const n = a.target.innerHTML;
+      f(n);
+    }
+    return (a, n) => (r(), u("div", D, [
+      m.type === "custom" ? b(a.$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", {
+        key: 1,
+        "onUpdate:modelValue": n[0] || (n[0] = (e) => y(l) ? l.value = e : 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"]))
+        ]
+      }, [
+        (r(!0), u(V, null, S(m.options || [], (e) => (r(), u("option", {
+          key: e.value,
+          value: e.value
+        }, w(e.label), 9, I))), 128))
+      ], 544)), [
+        [U, t(l)]
+      ]) : m.type === "date" ? p((r(), u("input", {
+        key: 2,
+        "onUpdate:modelValue": n[3] || (n[3] = (e) => y(l) ? l.value = e : 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"]))
+        ]
+      }, null, 544)), [
+        [v, t(l)]
+      ]) : m.type === "datetime-local" ? p((r(), u("input", {
+        key: 3,
+        "onUpdate:modelValue": n[6] || (n[6] = (e) => y(l) ? l.value = e : 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"]))
+        ]
+      }, null, 544)), [
+        [v, t(l)]
+      ]) : m.type === "number" ? p((r(), u("input", {
+        key: 4,
+        "onUpdate:modelValue": n[9] || (n[9] = (e) => y(l) ? l.value = e : 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"]))
+        ]
+      }, null, 544)), [
+        [
+          v,
+          t(l),
+          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)
+          }, void 0, !0)
+        ])) : (r(), u("div", {
+          key: 1,
+          ref_key: "richRef",
+          ref: c,
+          contenteditable: "",
+          class: "gsc-textarea",
+          onInput: C
+        }, w(t(l)), 545))
+      ], 64)) : p((r(), u("input", {
+        key: 6,
+        "onUpdate:modelValue": n[12] || (n[12] = (e) => y(l) ? l.value = e : 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"]))
+        ]
+      }, null, 544)), [
+        [v, t(l)]
+      ]),
+      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 ")
+      ])
+    ]));
+  }
+}, O = /* @__PURE__ */ R(B, [["__scopeId", "data-v-8c70dd7e"]]);
+export {
+  O as default
+};

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

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