@gsc-basic/components 1.0.1 → 1.0.3

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

@@ -0,0 +1,156 @@
+import { ref as v, computed as s, onMounted as T, onBeforeUnmount as W, openBlock as N, createElementBlock as j, Fragment as I, createVNode as w, unref as r, withCtx as c, createElementVNode as g, normalizeStyle as L, createTextVNode as h, toDisplayString as x, createBlock as $, createCommentVNode as G, renderSlot as Q } from "vue";
+import { useLocale as U } from "../../../hooks/useLocale.js";
+import { GscForm as A } from "../../../Form/index.js";
+import { GscButton as k } from "../../../Button/index.js";
+import './QueryBar.css';/* empty css              */
+import D from "../../../../_virtual/_plugin-vue_export-helper.js";
+const O = { class: "actions-left" }, P = { class: "actions-right flex items-center gap-2" }, H = {
+  __name: "QueryBar",
+  props: {
+    schema: { type: Array, default: () => [] },
+    modelValue: { type: Object, default: () => ({}) },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "search", "reset"],
+  setup(f, { emit: _ }) {
+    const b = f, i = _, { t: u } = U(), d = v(!0), m = v(null);
+    function z(t = []) {
+      return (t || []).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.type === "dateRange" ? !!(e.startKey && e.endKey) : !!e.key);
+    }
+    const B = s(() => z(b.schema)), V = v(typeof window < "u" ? window.innerWidth : 1200);
+    function C() {
+      typeof window < "u" && (V.value = window.innerWidth);
+    }
+    T(() => {
+      typeof window < "u" && window.addEventListener("resize", C);
+    }), W(() => {
+      typeof window < "u" && window.removeEventListener("resize", C);
+    });
+    const p = s(() => {
+      const t = V.value || 1200;
+      return t >= 3840 ? 8 : t >= 2560 ? 7 : t >= 1920 ? 6 : t >= 1536 ? 5 : t >= 1280 ? 4 : t >= 1024 ? 3 : t >= 768 ? 2 : 1;
+    });
+    function S(t) {
+      if (!t)
+        return 1;
+      if (t.type === "dateRange")
+        return 2;
+      const e = Number(t.span || 0);
+      return e >= 1 ? e : 1;
+    }
+    function F(t, e) {
+      let n = 1, o = 0;
+      for (const l of t) {
+        const a = Math.min(S(l), e);
+        o + a > e ? (n += 1, o = a) : o += a;
+      }
+      return n;
+    }
+    const K = s(() => {
+      const t = p.value;
+      return F(B.value, t) > 2;
+    }), R = s(() => {
+      const t = B.value, e = p.value;
+      if (!K.value || !d.value)
+        return t;
+      const n = [];
+      let o = 1, l = 0;
+      for (const a of t) {
+        const y = Math.min(S(a), e);
+        if (l + y > e ? (o += 1, l = y) : l += y, o > 2)
+          break;
+        n.push(a);
+      }
+      return n;
+    }), q = s(() => {
+      const t = p.value || 1;
+      return t <= 2 ? { gridColumn: "1 / -1", display: "flex", justifyContent: "flex-end", gap: "8px", alignItems: "center" } : { gridColumn: `${Math.max(1, t - 1)} / span 2`, display: "flex", justifyContent: "flex-end", gap: "6px", alignItems: "center" };
+    });
+    function E() {
+      try {
+        m.value?.submit();
+      } catch {
+      }
+    }
+    function M() {
+      try {
+        m.value?.reset();
+      } catch {
+      }
+    }
+    return (t, e) => (N(), j(I, null, [
+      w(r(A), {
+        ref_key: "innerForm",
+        ref: m,
+        schema: R.value,
+        "model-value": b.modelValue,
+        "show-actions": !1,
+        "onUpdate:modelValue": e[1] || (e[1] = (n) => i("update:modelValue", n)),
+        onSubmit: e[2] || (e[2] = (n) => {
+          i("update:modelValue", n), i("search", n);
+        }),
+        onReset: e[3] || (e[3] = (n) => {
+          i("update:modelValue", n), i("reset", n);
+        })
+      }, {
+        actions: c(() => [
+          g("div", {
+            class: "gsc-form-actions-unified",
+            style: L(q.value)
+          }, [
+            g("div", O, [
+              w(r(k), {
+                variant: "default",
+                disabled: f.loading,
+                onClick: M
+              }, {
+                default: c(() => [
+                  h(x(r(u)("gsc.grid.queryBar.action.reset")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            g("div", P, [
+              w(r(k), {
+                variant: "primary",
+                disabled: f.loading,
+                onClick: E
+              }, {
+                default: c(() => [
+                  h(x(r(u)("gsc.grid.queryBar.action.search")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              K.value ? (N(), $(r(k), {
+                key: 0,
+                variant: "link",
+                onClick: e[0] || (e[0] = (n) => d.value = !d.value)
+              }, {
+                default: c(() => [
+                  h(x(d.value ? r(u)("gsc.grid.queryBar.action.expand") : r(u)("gsc.grid.queryBar.action.collapse")), 1)
+                ]),
+                _: 1
+              })) : G("", !0)
+            ])
+          ], 4)
+        ]),
+        _: 1
+      }, 8, ["schema", "model-value"]),
+      Q(t.$slots, "extra", {}, void 0, !0)
+    ], 64));
+  }
+}, ne = /* @__PURE__ */ D(H, [["__scopeId", "data-v-366b3fad"]]);
+export {
+  ne as default
+};

package/dist/es/src/Grid/src/composables/useCellEditor.js

@@ -0,0 +1,20 @@
+import { ref as t, watch as d } from "vue";
+function f(a, l) {
+  const e = t(a.modelValue ?? "");
+  d(() => a.modelValue, (u) => {
+    e.value = u ?? "";
+  });
+  function o(u) {
+    e.value = u, l("update:modelValue", u);
+  }
+  function c() {
+    l("commit", e.value), l("update:modelValue", e.value);
+  }
+  function n() {
+    l("cancel");
+  }
+  return { localValue: e, updateLocal: o, commit: c, cancel: n };
+}
+export {
+  f as useCellEditor
+};

package/dist/es/src/Grid/src/composables/useGridTable.js

@@ -0,0 +1,213 @@
+import { ref as u, computed as g, watch as M } from "vue";
+import { useVueTable as G } from "../../../../node_modules/@tanstack/vue-table/build/lib/index.js";
+import { getPaginationRowModel as H, getFilteredRowModel as U, getSortedRowModel as B, getCoreRowModel as E, functionalUpdate as h } from "../../../../node_modules/@tanstack/table-core/build/lib/index.js";
+function O(f = []) {
+  return (f || []).map((t) => ({
+    key: t.key,
+    title: t.title ?? t.label ?? t.key,
+    width: t.width,
+    minWidth: t.minWidth,
+    fixed: t.fixed,
+    sortable: !!t.sortable,
+    filterable: !!t.filterable,
+    filterType: t.filterType,
+    filterOptions: t.filterOptions,
+    formatter: t.formatter,
+    editor: t.editor,
+    options: t.options
+  }));
+}
+function J(f) {
+  return g(() => O(f.value).map((l) => ({
+    id: l.key,
+    accessorKey: l.key,
+    header: l.title,
+    size: l.width,
+    minSize: l.minWidth ?? 40,
+    enableSorting: l.sortable,
+    enableResizing: !0,
+    enableHiding: !0,
+    enablePinning: !0,
+    meta: { col: l },
+    cell: (v) => {
+      const d = v.getValue();
+      if (typeof l.formatter == "function")
+        try {
+          return l.formatter(d, { row: v.row.original, index: v.row.index });
+        } catch {
+          return String(d ?? "");
+        }
+      return String(d ?? "");
+    }
+  })));
+}
+function Z(f = {}) {
+  const {
+    data: t = [],
+    request: l,
+    mode: v = "server",
+    pageSize: d = 10,
+    initialQuery: T = {},
+    columns: q = [],
+    rowKey: D = "id",
+    enableRowSelection: F = !1
+  } = f, P = u(q || []), r = u(Array.isArray(t) ? (t || []).slice() : (t?.value || []).slice()), S = u({ ...T || {} }), c = u(0), z = u(!1), n = u({ pageIndex: 0, pageSize: d }), i = u([]), y = u({}), w = u({ left: [], right: [] }), b = u({}), N = J(P), o = g(() => v === "server" && typeof l == "function"), x = G({
+    get data() {
+      return r.value;
+    },
+    get columns() {
+      return N.value;
+    },
+    getRowId: (e, a) => {
+      const p = e && e[D];
+      return String(p === 0 || p ? p : a);
+    },
+    state: {
+      get sorting() {
+        return i.value;
+      },
+      get pagination() {
+        return n.value;
+      },
+      get columnVisibility() {
+        return y.value;
+      },
+      get columnPinning() {
+        return w.value;
+      },
+      get rowSelection() {
+        return b.value;
+      }
+    },
+    // 服务端排序变更时，重置到第一页
+    onSortingChange: (e) => {
+      i.value = h(e, i.value), o.value && (n.value = { ...n.value, pageIndex: 0 });
+    },
+    onPaginationChange: (e) => {
+      n.value = h(e, n.value);
+    },
+    onColumnVisibilityChange: (e) => {
+      y.value = h(e, y.value);
+    },
+    onColumnPinningChange: (e) => {
+      w.value = h(e, w.value);
+    },
+    enableRowSelection: !!F,
+    onRowSelectionChange: (e) => {
+      b.value = h(e, b.value);
+    },
+    manualPagination: o.value,
+    manualSorting: o.value,
+    manualFiltering: o.value,
+    pageCount: g(() => {
+      const e = n.value.pageSize || 1;
+      return Math.max(1, Math.ceil((c.value || 0) / e));
+    }),
+    enableColumnResizing: !0,
+    columnResizeMode: "onChange",
+    getCoreRowModel: E(),
+    getSortedRowModel: B(),
+    getFilteredRowModel: U(),
+    getPaginationRowModel: H()
+  }), k = g({
+    get: () => (n.value.pageIndex || 0) + 1,
+    set: (e) => {
+      const a = Math.max(1, Number(e || 1));
+      n.value = { ...n.value, pageIndex: a - 1 };
+    }
+  }), I = g({
+    get: () => n.value.pageSize,
+    set: (e) => {
+      const a = Math.max(1, Number(e || d));
+      n.value = { pageIndex: 0, pageSize: a };
+    }
+  }), R = g(() => {
+    const e = i.value && i.value[0];
+    return { id: e?.id ?? null, desc: !!e?.desc };
+  }), W = g(() => (x.getRowModel()?.rows || []).map((a) => a.original));
+  async function C() {
+    if (!o.value) {
+      c.value = r.value.length;
+      return;
+    }
+    z.value = !0;
+    try {
+      const e = await l({
+        page: k.value,
+        pageSize: I.value,
+        query: S.value,
+        // 向后兼容：同时提供单列排序信息和多列排序数组。
+        sort: R.value,
+        sorts: i.value
+      });
+      r.value = (e?.records || []).slice(), c.value = Number(e?.total ?? r.value.length);
+    } finally {
+      z.value = !1;
+    }
+  }
+  function j(e = {}) {
+    S.value = { ...e || {} }, o.value && (n.value = { ...n.value, pageIndex: 0 });
+  }
+  function V(e = []) {
+    r.value = (e || []).slice(), o.value || (c.value = r.value.length);
+  }
+  function A(e = []) {
+    P.value = (e || []).slice();
+    try {
+      const a = O(e || []), m = a.filter((s) => s.fixed === "left").map((s) => s.key), p = a.filter((s) => s.fixed === "right").map((s) => s.key);
+      x.setColumnPinning?.({ left: m, right: p });
+    } catch {
+    }
+  }
+  function Q(e) {
+    if (!e)
+      return;
+    const a = x.getColumn(e);
+    if (a && typeof a.toggleSorting == "function") {
+      a.toggleSorting(void 0, !1);
+      return;
+    }
+    const m = i.value?.[0];
+    m?.id === e ? i.value = [{ id: e, desc: !m.desc }] : i.value = [{ id: e, desc: !1 }];
+  }
+  return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "value") && M(
+    () => t.value,
+    (e) => {
+      V(e || []);
+    },
+    { deep: !0 }
+  ), M(
+    () => [n.value.pageIndex, n.value.pageSize, R.value.id, R.value.desc],
+    () => {
+      o.value && C();
+    }
+  ), M(
+    () => S.value,
+    () => {
+      o.value && C();
+    },
+    { deep: !0 }
+  ), o.value ? C() : c.value = r.value.length, {
+    table: x,
+    loading: z,
+    query: S,
+    page: k,
+    pageSize: I,
+    total: c,
+    rows: W,
+    sort: Q,
+    sortState: R,
+    sorting: i,
+    columnVisibility: y,
+    columnPinning: w,
+    rowSelection: b,
+    load: C,
+    setQuery: j,
+    setData: V,
+    setColumns: A,
+    mode: v
+  };
+}
+export {
+  Z as useGridTable
+};

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

@@ -0,0 +1 @@
+.gsc-grid{color:var(--gsc-basic-text-primary);font-size:14px;line-height:1.5715}.gsc-grid .gsc-text-secondary{color:var(--gsc-basic-text-secondary)}.gsc-grid .gsc-card{border:1px solid var(--gsc-basic-divider);border-radius:8px;background:var(--gsc-basic-bg);box-shadow:var(--gsc-basic-shadow-light)}.gsc-grid .gsc-card-pad{padding:12px 16px}.gsc-grid .gsc-pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.gsc-grid .gsc-pager .gsc-pager-jumper{display:inline-flex;align-items:center;gap:8px}.gsc-grid .gsc-table{width:100%;border-collapse:collapse;table-layout:fixed}.gsc-grid .gsc-thead{background:var(--gsc-basic-bg-hover)}.gsc-grid .gsc-th{border-bottom:1px solid var(--gsc-basic-divider);padding:10px 12px;text-align:left;font-weight:500;color:var(--gsc-basic-text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.gsc-grid .gsc-td{border-bottom:1px solid var(--gsc-basic-divider);padding:8px 12px;color:var(--gsc-basic-text-primary);background:var(--gsc-basic-bg)}.gsc-grid .gsc-tr{transition:background-color .2s}.gsc-grid .gsc-tr:hover,.gsc-grid .gsc-tr:hover .gsc-td{background:var(--gsc-basic-bg-hover)}.gsc-grid .gsc-divider-top{border-top:1px solid var(--gsc-basic-divider)}.gsc-grid .gsc-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1px solid var(--gsc-basic-border);border-radius:4px;background:var(--gsc-basic-bg);display:inline-grid;place-content:center;cursor:pointer;vertical-align:middle;transition:border-color .2s,background-color .2s,box-shadow .2s}.gsc-grid .gsc-checkbox:hover{border-color:var(--gsc-basic-primary-hover)}.gsc-grid .gsc-checkbox:focus-visible{outline:none;box-shadow:var(--gsc-basic-focus-shadow)}.gsc-grid .gsc-checkbox:checked{background:var(--gsc-basic-primary);color:var(--gsc-basic-text-primary)}.gsc-grid .gsc-checkbox:checked:after{content:"";width:4px;height:8px;border:2px solid var(--gsc-basic-bg);border-top:0;border-left:0;transform:rotate(45deg);margin-top:-1px}.gsc-grid .gsc-checkbox:indeterminate{background:var(--gsc-basic-primary);border-color:var(--gsc-basic-primary)}.gsc-grid .gsc-checkbox:indeterminate:after{content:"";width:8px;height:2px;background:var(--gsc-basic-bg);border-radius:1px}.gsc-grid .gsc-popover{border:1px solid var(--gsc-basic-divider);border-radius:10px;background:var(--gsc-basic-bg);box-shadow:var(--gsc-basic-shadow-popover)}

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

@@ -0,0 +1,61 @@
+import { createApp as u, h as l } from "vue";
+import a from "./src/Modal.vue.js";
+import f from "./src/Message.vue.js";
+import p from "./src/Notice.vue.js";
+let d = null, c = null;
+function h() {
+  if (!d) {
+    const e = document.createElement("div");
+    document.body.appendChild(e), d = u(f).mount(e);
+  }
+  return d;
+}
+function v() {
+  if (!c) {
+    const e = document.createElement("div");
+    document.body.appendChild(e), c = u(p).mount(e);
+  }
+  return c;
+}
+function y(e) {
+  return h().add(e || {});
+}
+function C(e) {
+  return v().add(e || {});
+}
+function E(e = {}, n = {}) {
+  const t = document.createElement("div");
+  document.body.appendChild(t);
+  const s = Object.fromEntries(
+    Object.entries(n || {}).map(([m, r]) => [m, typeof r == "function" ? r : () => r])
+  ), i = u({
+    render() {
+      return l(
+        a,
+        {
+          ref: "modalRef",
+          ...e,
+          "onUpdate:modelValue": (m) => {
+            m || setTimeout(() => {
+              i.unmount(), t.parentNode && t.parentNode.removeChild(t);
+            }, 0);
+          }
+        },
+        s
+      );
+    }
+  }), o = i.mount(t);
+  return {
+    close: () => {
+      o && o.$refs && o.$refs.modalRef && o.$refs.modalRef.$emit("update:modelValue", !1);
+    }
+  };
+}
+export {
+  f as Message,
+  a as Modal,
+  p as Notice,
+  E as openModal,
+  y as showMessage,
+  C as showNotice
+};

package/dist/es/src/Overlay/src/Message.css

@@ -0,0 +1 @@
+.gsc-message-wrapper[data-v-82eadbcc]{position:fixed;top:16px;right:16px;z-index:1100;display:flex;flex-direction:column;gap:8px}.gsc-message[data-v-82eadbcc]{background:var(--gsc-basic-bg);padding:10px 14px;border-radius:6px;box-shadow:var(--gsc-basic-shadow-light);display:flex;align-items:center;min-width:180px}.gsc-message.info[data-v-82eadbcc]{border-left:4px solid var(--gsc-basic-primary)}.gsc-message.success[data-v-82eadbcc]{border-left:4px solid var(--gsc-basic-success)}.gsc-message.error[data-v-82eadbcc]{border-left:4px solid var(--gsc-basic-danger)}.gsc-message__content[data-v-82eadbcc]{flex:1}.gsc-message__close[data-v-82eadbcc]{border:0;background:transparent;cursor:pointer;padding-left:8px;font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;line-height:1;transition:background-color .15s ease}.gsc-message__close[data-v-82eadbcc]:hover{background:var(--gsc-basic-bg-hover-icon)}

package/dist/es/src/Overlay/src/Message.vue.js

@@ -0,0 +1,36 @@
+import { reactive as d, toRefs as g, openBlock as a, createElementBlock as r, Fragment as f, renderList as u, unref as k, normalizeClass as v, createElementVNode as i, toDisplayString as x } from "vue";
+import './Message2.css';import './Message.css';/* empty css             */
+/* empty css             */
+import y from "../../../_virtual/_plugin-vue_export-helper.js";
+const h = { class: "gsc-message-wrapper" }, C = { class: "gsc-message__content" }, b = ["onClick"], B = {
+  __name: "Message",
+  setup(E, { expose: _ }) {
+    const t = d({ messages: [] });
+    let m = 0;
+    function l({ text: o = "", type: s = "info", duration: e = 3e3 } = {}) {
+      const c = ++m;
+      return t.messages.push({ key: c, text: o, type: s }), e > 0 && setTimeout(() => n(c), e), c;
+    }
+    function n(o) {
+      const s = t.messages.findIndex((e) => e.key === o);
+      s >= 0 && t.messages.splice(s, 1);
+    }
+    _({ add: l, remove: n });
+    const { messages: p } = g(t);
+    return (o, s) => (a(), r("div", h, [
+      (a(!0), r(f, null, u(k(p), (e) => (a(), r("div", {
+        key: e.key,
+        class: v(["gsc-message", e.type])
+      }, [
+        i("div", C, x(e.text), 1),
+        i("button", {
+          class: "gsc-message__close",
+          onClick: (c) => n(e.key)
+        }, " × ", 8, b)
+      ], 2))), 128))
+    ]));
+  }
+}, D = /* @__PURE__ */ y(B, [["__scopeId", "data-v-82eadbcc"]]);
+export {
+  D as default
+};

package/dist/es/src/Overlay/src/Message2.css

@@ -0,0 +1 @@
+[data-v-82eadbcc],[data-v-82eadbcc]:before,[data-v-82eadbcc]: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-82eadbcc]::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: }.fixed[data-v-82eadbcc]{position:fixed}.flex[data-v-82eadbcc]{display:flex}.border[data-v-82eadbcc]{border-width:1px}.transition[data-v-82eadbcc]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease[data-v-82eadbcc]{transition-timing-function:cubic-bezier(.4,0,.2,1)}

package/dist/es/src/Overlay/src/Modal.css

@@ -0,0 +1 @@
+.gsc-overlay[data-v-bd2a624e]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.gsc-mask[data-v-bd2a624e]{position:fixed;inset:0;background:var(--gsc-basic-mask-bg)}.gsc-modal[data-v-bd2a624e]{position:relative;z-index:1001;background:var(--gsc-basic-bg);border-radius:8px;min-width:320px;max-width:90%;box-shadow:var(--gsc-basic-shadow-popover);overflow:hidden}.gsc-modal__header[data-v-bd2a624e]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--gsc-basic-divider)}.gsc-modal__title[data-v-bd2a624e]{margin:0;font-size:16px}.gsc-modal__close[data-v-bd2a624e]{background:none;border:0;font-size:20px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .15s ease}.gsc-modal__close[data-v-bd2a624e]:hover{background:var(--gsc-basic-bg-hover-icon)}.gsc-modal__body[data-v-bd2a624e]{padding:16px}.gsc-modal__footer[data-v-bd2a624e]{padding:12px 16px;border-top:1px solid var(--gsc-basic-divider);text-align:right}

package/dist/es/src/Overlay/src/Modal.vue.js

@@ -0,0 +1,67 @@
+import { computed as h, watch as v, onBeforeUnmount as k, openBlock as i, createElementBlock as u, createCommentVNode as f, createElementVNode as e, toDisplayString as g, renderSlot as m } from "vue";
+import './Modal2.css';import './Modal.css';/* empty css           */
+/* empty css           */
+import b from "../../../_virtual/_plugin-vue_export-helper.js";
+const B = {
+  key: 0,
+  class: "gsc-overlay"
+}, w = {
+  class: "gsc-modal",
+  role: "dialog",
+  "aria-modal": "true"
+}, C = { class: "gsc-modal__header" }, M = { class: "gsc-modal__title" }, V = { class: "gsc-modal__body" }, S = { class: "gsc-modal__footer" }, x = {
+  __name: "Modal",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    title: { type: String, default: "" },
+    maskClose: { type: Boolean, default: !0 },
+    showMask: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "close"],
+  setup(a, { emit: _ }) {
+    const d = a, n = _, t = h(() => d.modelValue);
+    let o = 0, l = null;
+    function p() {
+      typeof document > "u" || (o === 0 && (l = document.body.style.overflow, document.body.style.overflow = "hidden"), o++);
+    }
+    function c() {
+      typeof document > "u" || (o = Math.max(0, o - 1), o === 0 && (l !== null ? document.body.style.overflow = l : document.body.style.overflow = "", l = null));
+    }
+    v(t, (s) => {
+      s ? p() : c();
+    }), k(() => {
+      t.value && t.value && c();
+    });
+    function r() {
+      n("update:modelValue", !1), n("close");
+    }
+    function y() {
+      d.maskClose && r();
+    }
+    return (s, E) => t.value ? (i(), u("div", B, [
+      d.showMask ? (i(), u("div", {
+        key: 0,
+        class: "gsc-mask",
+        onClick: y
+      })) : f("", !0),
+      e("div", w, [
+        e("header", C, [
+          e("h3", M, g(a.title), 1),
+          e("button", {
+            class: "gsc-modal__close",
+            onClick: r
+          }, " × ")
+        ]),
+        e("section", V, [
+          m(s.$slots, "default", {}, void 0, !0)
+        ]),
+        e("footer", S, [
+          m(s.$slots, "footer", {}, void 0, !0)
+        ])
+      ])
+    ])) : f("", !0);
+  }
+}, O = /* @__PURE__ */ b(x, [["__scopeId", "data-v-bd2a624e"]]);
+export {
+  O as default
+};

package/dist/es/src/Overlay/src/Modal2.css

@@ -0,0 +1 @@
+[data-v-bd2a624e],[data-v-bd2a624e]:before,[data-v-bd2a624e]: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-bd2a624e]::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: }.visible[data-v-bd2a624e]{visibility:visible}.fixed[data-v-bd2a624e]{position:fixed}.relative[data-v-bd2a624e]{position:relative}.hidden[data-v-bd2a624e]{display:none}.flex[data-v-bd2a624e]{display:flex}.border[data-v-bd2a624e]{border-width:1px}.transition[data-v-bd2a624e]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease[data-v-bd2a624e]{transition-timing-function:cubic-bezier(.4,0,.2,1)}

package/dist/es/src/Overlay/src/Notice.css

@@ -0,0 +1 @@
+.gsc-notice-wrapper[data-v-9ecbc548]{position:fixed;bottom:16px;right:16px;z-index:1100;display:flex;flex-direction:column;gap:10px}.gsc-notice[data-v-9ecbc548]{background:var(--gsc-basic-bg);padding:12px;border-radius:6px;box-shadow:var(--gsc-basic-shadow-popover);min-width:240px;position:relative}.gsc-notice__title[data-v-9ecbc548]{font-weight:600;margin-bottom:6px;color:var(--gsc-basic-text-primary)}.gsc-notice__content[data-v-9ecbc548]{color:var(--gsc-basic-text-secondary)}.gsc-notice__close[data-v-9ecbc548]{position:absolute;top:6px;right:8px;border:0;background:transparent;cursor:pointer;font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;line-height:1;transition:background-color .15s ease}.gsc-notice__close[data-v-9ecbc548]:hover{background:var(--gsc-basic-bg-hover-icon)}

package/dist/es/src/Overlay/src/Notice.vue.js

@@ -0,0 +1,37 @@
+import { reactive as u, toRefs as f, openBlock as i, createElementBlock as r, Fragment as k, renderList as v, unref as g, createElementVNode as _, toDisplayString as l } from "vue";
+import './Notice2.css';import './Notice.css';/* empty css            */
+/* empty css            */
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
+const x = { class: "gsc-notice-wrapper" }, y = { class: "gsc-notice__title" }, N = { class: "gsc-notice__content" }, b = ["onClick"], B = {
+  __name: "Notice",
+  setup(C, { expose: a }) {
+    const c = u({ notices: [] });
+    let d = 0;
+    function p({ title: o = "", content: t = "", duration: e = 0 } = {}) {
+      const s = ++d;
+      return c.notices.push({ key: s, title: o, content: t }), e > 0 && setTimeout(() => n(s), e), s;
+    }
+    function n(o) {
+      const t = c.notices.findIndex((e) => e.key === o);
+      t >= 0 && c.notices.splice(t, 1);
+    }
+    a({ add: p, remove: n });
+    const { notices: m } = f(c);
+    return (o, t) => (i(), r("div", x, [
+      (i(!0), r(k, null, v(g(m), (e) => (i(), r("div", {
+        key: e.key,
+        class: "gsc-notice"
+      }, [
+        _("div", y, l(e.title), 1),
+        _("div", N, l(e.content), 1),
+        _("button", {
+          class: "gsc-notice__close",
+          onClick: (s) => n(e.key)
+        }, " × ", 8, b)
+      ]))), 128))
+    ]));
+  }
+}, F = /* @__PURE__ */ h(B, [["__scopeId", "data-v-9ecbc548"]]);
+export {
+  F as default
+};

package/dist/es/src/Overlay/src/Notice2.css

@@ -0,0 +1 @@
+[data-v-9ecbc548],[data-v-9ecbc548]:before,[data-v-9ecbc548]: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-9ecbc548]::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-9ecbc548]{position:absolute}.fixed[data-v-9ecbc548]{position:fixed}.relative[data-v-9ecbc548]{position:relative}.flex[data-v-9ecbc548]{display:flex}.border[data-v-9ecbc548]{border-width:1px}.transition[data-v-9ecbc548]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease[data-v-9ecbc548]{transition-timing-function:cubic-bezier(.4,0,.2,1)}

package/dist/es/src/ScaleScreen/src/index.vue.js

@@ -1,4 +1,4 @@
-import { reactive as y, ref as S, watch as $, onMounted as j, nextTick as w, createElementBlock as v, openBlock as O, normalizeClass as _, normalizeStyle as b, unref as z, createElementVNode as k, renderSlot as N } from "vue";
+import { reactive as y, ref as S, watch as $, onMounted as j, nextTick as w, openBlock as v, createElementBlock as O, normalizeClass as _, unref as z, normalizeStyle as b, createElementVNode as k, renderSlot as N } from "vue";
 import { useWindowSizeFn as B } from "@gsc-basic/hooks";
 import { useNamespace as M } from "../../hooks/useNamespace.js";
 import './index2.css';import './index.css';/* empty css           */
@@ -93,7 +93,7 @@ const E = {
       w(async () => {
         await g(), p(), f();
       });
-    }), (t, o) => (O(), v("section", {
+    }), (t, o) => (v(), O("section", {
       ref_key: "box",
       ref: h,
       style: b(s.boxStyle),