@gcsa/console-react 0.1.0

package/dist/GcsaPagination.js

@@ -0,0 +1,108 @@
+import { jsx as i, jsxs as d } from "react/jsx-runtime";
+import { useMemo as f } from "react";
+import { getGcsaPaginationItems as A, resolveGcsaPaginationLayout as I, formatGcsaLocaleMessage as V, getGcsaPaginationAlignClass as B } from "@gcsa/console-core";
+import { useGcsaLocaleMessages as J } from "./hooks/useGcsaLocale.js";
+import { GcsaSelect as q } from "./GcsaSelect.js";
+import { GcsaInputNumber as D } from "./GcsaInputNumber.js";
+function S({
+  page: t,
+  total: p,
+  pageSize: r = 10,
+  pageSizeOptions: m = [10, 20, 50, 100],
+  showPageSize: g = !1,
+  showJumper: _ = !1,
+  pageSizeLabel: N,
+  jumperLabel: v,
+  layout: b,
+  align: $ = "right",
+  onPageSizeChange: u,
+  className: G,
+  onPageChange: o
+}) {
+  const c = J(), M = N ?? c.paginationPageSize, j = v ?? c.paginationJumper, l = Math.max(1, Math.ceil(p / r)), L = A(t, l), h = f(
+    () => I({
+      layout: b,
+      showPageSize: g,
+      showJumper: _
+    }),
+    [b, _, g]
+  ), y = f(
+    () => m.map((a) => ({
+      value: String(a),
+      label: `${a} / 页`
+    })),
+    [m]
+  ), k = V(c.dataTableTotal, { count: p }), e = (a) => {
+    const n = Math.min(Math.max(1, a), l);
+    o == null || o(n);
+  }, T = (a) => {
+    !m.includes(a) || a === r || (u == null || u(a), o == null || o(1));
+  }, x = [
+    "gcsa-pagination",
+    B($),
+    G
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i("div", { className: x, role: "navigation", "aria-label": c.paginationLabel, children: h.map((a, n) => a === "total" ? /* @__PURE__ */ i("div", { className: "gcsa-pagination__total", children: k }, `${a}-${n}`) : a === "sizes" ? /* @__PURE__ */ d("div", { className: "gcsa-pagination__size", children: [
+    /* @__PURE__ */ i("span", { children: M }),
+    /* @__PURE__ */ i("div", { className: "gcsa-pagination__size-select", children: /* @__PURE__ */ i(
+      q,
+      {
+        value: String(r),
+        options: y,
+        "aria-label": c.paginationPageSizeAria,
+        onValueChange: (s) => T(Number(s))
+      }
+    ) })
+  ] }, `${a}-${n}`) : a === "prev" ? /* @__PURE__ */ i(
+    "button",
+    {
+      type: "button",
+      className: "gcsa-pagination__btn gcsa-pagination__btn--nav gcsa-focus-ring",
+      disabled: t <= 1,
+      onClick: () => e(t - 1),
+      children: c.paginationPrev
+    },
+    `${a}-${n}`
+  ) : a === "pager" ? /* @__PURE__ */ i("div", { className: "gcsa-pagination__pager", children: L.map(
+    (s) => typeof s == "number" ? /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        className: `gcsa-pagination__btn gcsa-focus-ring${s === t ? " gcsa-pagination__btn--active" : ""}`,
+        onClick: () => e(s),
+        children: s
+      },
+      s
+    ) : /* @__PURE__ */ i("span", { className: "gcsa-pagination__ellipsis", "aria-hidden": "true", children: "…" }, s)
+  ) }, `${a}-${n}`) : a === "next" ? /* @__PURE__ */ i(
+    "button",
+    {
+      type: "button",
+      className: "gcsa-pagination__btn gcsa-pagination__btn--nav gcsa-focus-ring",
+      disabled: t >= l,
+      onClick: () => e(t + 1),
+      children: c.paginationNext
+    },
+    `${a}-${n}`
+  ) : a === "jumper" ? /* @__PURE__ */ d("div", { className: "gcsa-pagination__jumper", children: [
+    /* @__PURE__ */ i("span", { children: j }),
+    /* @__PURE__ */ i(
+      D,
+      {
+        className: "gcsa-pagination__jumper-input",
+        value: t,
+        min: 1,
+        max: l,
+        precision: 0,
+        controls: "none",
+        onValueChange: (s) => {
+          s != null && !Number.isNaN(s) && e(s);
+        }
+      }
+    )
+  ] }, `${a}-${n}`) : null) });
+}
+export {
+  S as GcsaPagination
+};
+//# sourceMappingURL=GcsaPagination.js.map

package/dist/GcsaPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaPagination.js","sources":["../src/GcsaPagination.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  formatGcsaLocaleMessage,\n  getGcsaPaginationAlignClass,\n  getGcsaPaginationItems,\n  resolveGcsaPaginationLayout,\n  type GcsaPaginationAlign,\n  type GcsaPaginationLayoutPart\n} from '@gcsa/console-core';\nimport { useGcsaLocaleMessages } from './hooks/useGcsaLocale';\nimport { GcsaSelect } from './GcsaSelect';\nimport { GcsaInputNumber } from './GcsaInputNumber';\n\nexport type GcsaPaginationProps = {\n  page: number;\n  total: number;\n  pageSize?: number;\n  pageSizeOptions?: number[];\n  showPageSize?: boolean;\n  showJumper?: boolean;\n  pageSizeLabel?: string;\n  jumperLabel?: string;\n  layout?: string | GcsaPaginationLayoutPart[];\n  align?: GcsaPaginationAlign;\n  onPageSizeChange?: (pageSize: number) => void;\n  className?: string;\n  onPageChange?: (page: number) => void;\n};\n\nexport function GcsaPagination({\n  page,\n  total,\n  pageSize = 10,\n  pageSizeOptions = [10, 20, 50, 100],\n  showPageSize = false,\n  showJumper = false,\n  pageSizeLabel,\n  jumperLabel,\n  layout,\n  align = 'right',\n  onPageSizeChange,\n  className,\n  onPageChange\n}: GcsaPaginationProps) {\n  const messages = useGcsaLocaleMessages();\n  const resolvedPageSizeLabel = pageSizeLabel ?? messages.paginationPageSize;\n  const resolvedJumperLabel = jumperLabel ?? messages.paginationJumper;\n  const totalPages = Math.max(1, Math.ceil(total / pageSize));\n  const pages = getGcsaPaginationItems(page, totalPages);\n\n  const layoutParts = useMemo(\n    () =>\n      resolveGcsaPaginationLayout({\n        layout,\n        showPageSize,\n        showJumper\n      }),\n    [layout, showJumper, showPageSize]\n  );\n\n  const pageSizeSelectOptions = useMemo(\n    () =>\n      pageSizeOptions.map(size => ({\n        value: String(size),\n        label: `${size} / 页`\n      })),\n    [pageSizeOptions]\n  );\n\n  const totalText = formatGcsaLocaleMessage(messages.dataTableTotal, { count: total });\n\n  const setPage = (next: number) => {\n    const clamped = Math.min(Math.max(1, next), totalPages);\n    onPageChange?.(clamped);\n  };\n\n  const setPageSize = (next: number) => {\n    if (!pageSizeOptions.includes(next) || next === pageSize) return;\n    onPageSizeChange?.(next);\n    onPageChange?.(1);\n  };\n\n  const rootClassName = [\n    'gcsa-pagination',\n    getGcsaPaginationAlignClass(align),\n    className\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClassName} role=\"navigation\" aria-label={messages.paginationLabel}>\n      {layoutParts.map((part, index) => {\n        if (part === 'total') {\n          return (\n            <div key={`${part}-${index}`} className=\"gcsa-pagination__total\">\n              {totalText}\n            </div>\n          );\n        }\n\n        if (part === 'sizes') {\n          return (\n            <div key={`${part}-${index}`} className=\"gcsa-pagination__size\">\n              <span>{resolvedPageSizeLabel}</span>\n              <div className=\"gcsa-pagination__size-select\">\n                <GcsaSelect\n                  value={String(pageSize)}\n                  options={pageSizeSelectOptions}\n                  aria-label={messages.paginationPageSizeAria}\n                  onValueChange={value => setPageSize(Number(value))}\n                />\n              </div>\n            </div>\n          );\n        }\n\n        if (part === 'prev') {\n          return (\n            <button\n              key={`${part}-${index}`}\n              type=\"button\"\n              className=\"gcsa-pagination__btn gcsa-pagination__btn--nav gcsa-focus-ring\"\n              disabled={page <= 1}\n              onClick={() => setPage(page - 1)}\n            >\n              {messages.paginationPrev}\n            </button>\n          );\n        }\n\n        if (part === 'pager') {\n          return (\n            <div key={`${part}-${index}`} className=\"gcsa-pagination__pager\">\n              {pages.map(item =>\n                typeof item === 'number' ? (\n                  <button\n                    key={item}\n                    type=\"button\"\n                    className={`gcsa-pagination__btn gcsa-focus-ring${item === page ? ' gcsa-pagination__btn--active' : ''}`}\n                    onClick={() => setPage(item)}\n                  >\n                    {item}\n                  </button>\n                ) : (\n                  <span key={item} className=\"gcsa-pagination__ellipsis\" aria-hidden=\"true\">\n                    …\n                  </span>\n                )\n              )}\n            </div>\n          );\n        }\n\n        if (part === 'next') {\n          return (\n            <button\n              key={`${part}-${index}`}\n              type=\"button\"\n              className=\"gcsa-pagination__btn gcsa-pagination__btn--nav gcsa-focus-ring\"\n              disabled={page >= totalPages}\n              onClick={() => setPage(page + 1)}\n            >\n              {messages.paginationNext}\n            </button>\n          );\n        }\n\n        if (part === 'jumper') {\n          return (\n            <div key={`${part}-${index}`} className=\"gcsa-pagination__jumper\">\n              <span>{resolvedJumperLabel}</span>\n              <GcsaInputNumber\n                className=\"gcsa-pagination__jumper-input\"\n                value={page}\n                min={1}\n                max={totalPages}\n                precision={0}\n                controls=\"none\"\n                onValueChange={value => {\n                  if (value != null && !Number.isNaN(value)) {\n                    setPage(value);\n                  }\n                }}\n              />\n            </div>\n          );\n        }\n\n        return null;\n      })}\n    </div>\n  );\n}\n"],"names":["GcsaPagination","page","total","pageSize","pageSizeOptions","showPageSize","showJumper","pageSizeLabel","jumperLabel","layout","align","onPageSizeChange","className","onPageChange","messages","useGcsaLocaleMessages","resolvedPageSizeLabel","resolvedJumperLabel","totalPages","pages","getGcsaPaginationItems","layoutParts","useMemo","resolveGcsaPaginationLayout","pageSizeSelectOptions","size","totalText","formatGcsaLocaleMessage","setPage","next","clamped","setPageSize","rootClassName","getGcsaPaginationAlignClass","jsx","part","index","jsxs","GcsaSelect","value","item","GcsaInputNumber"],"mappings":"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"}

package/dist/GcsaPopconfirm.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { GcsaTooltipPlacement } from './GcsaTooltip';
+export type GcsaPopconfirmPlacement = GcsaTooltipPlacement;
+export type GcsaPopconfirmProps = {
+    title?: string;
+    description?: string;
+    okText?: string;
+    cancelText?: string;
+    triggerLabel?: string;
+    placement?: GcsaPopconfirmPlacement;
+    arrow?: boolean;
+    portalled?: boolean;
+    gutter?: number;
+    trigger?: ReactNode;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+};
+export declare function GcsaPopconfirm({ title, description, okText, cancelText, triggerLabel, placement, arrow, portalled, gutter, trigger, onConfirm, onCancel }: GcsaPopconfirmProps): import("react").JSX.Element;

package/dist/GcsaPopconfirm.js

@@ -0,0 +1,68 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useState as S } from "react";
+import { Popover as o } from "@ark-ui/react/popover";
+import { Portal as b } from "@ark-ui/react/portal";
+import { createGcsaPopupPositioning as j } from "@gcsa/console-core";
+import { GcsaButton as a } from "./GcsaButton.js";
+import { useGcsaLocaleMessages as I } from "./hooks/useGcsaLocale.js";
+import { useGcsaPopupZIndex as L } from "./hooks/useGcsaPopupZIndex.js";
+function E({
+  title: m,
+  description: l,
+  okText: g,
+  cancelText: u,
+  triggerLabel: f,
+  placement: h = "top",
+  arrow: v = !0,
+  portalled: _ = !0,
+  gutter: P = 8,
+  trigger: x,
+  onConfirm: n,
+  onCancel: c
+}) {
+  const r = I(), p = m ?? r.confirmAction, N = g ?? r.confirm, T = u ?? r.cancel, G = f ?? r.delete, [O, t] = S(!1), { zIndex: s, onOpenChange: w } = L(), y = s == null ? void 0 : { zIndex: s }, k = s == null ? void 0 : { zIndex: s }, A = x ?? /* @__PURE__ */ e(a, { variant: "danger", children: G });
+  return /* @__PURE__ */ i(
+    o.Root,
+    {
+      open: O,
+      onOpenChange: (d) => {
+        w(d.open), t(d.open);
+      },
+      positioning: j({ placement: h, gutter: P }),
+      children: [
+        /* @__PURE__ */ e(o.Trigger, { asChild: !0, children: A }),
+        /* @__PURE__ */ e(b, { disabled: !_, children: /* @__PURE__ */ e(o.Positioner, { style: y, children: /* @__PURE__ */ i(o.Content, { className: "gcsa-popconfirm gcsa-ui-surface", style: k, children: [
+          p ? /* @__PURE__ */ e("div", { className: "gcsa-popconfirm__title", children: p }) : null,
+          l ? /* @__PURE__ */ e("div", { className: "gcsa-popconfirm__desc", children: l }) : null,
+          /* @__PURE__ */ i("div", { className: "gcsa-popconfirm__actions", children: [
+            /* @__PURE__ */ e(
+              a,
+              {
+                variant: "ghost",
+                onClick: () => {
+                  t(!1), c == null || c();
+                },
+                children: T
+              }
+            ),
+            /* @__PURE__ */ e(
+              a,
+              {
+                variant: "danger",
+                onClick: () => {
+                  t(!1), n == null || n();
+                },
+                children: N
+              }
+            )
+          ] }),
+          v ? /* @__PURE__ */ e(o.Arrow, { className: "gcsa-popconfirm__arrow", children: /* @__PURE__ */ e(o.ArrowTip, { className: "gcsa-popconfirm__arrow-tip" }) }) : null
+        ] }) }) })
+      ]
+    }
+  );
+}
+export {
+  E as GcsaPopconfirm
+};
+//# sourceMappingURL=GcsaPopconfirm.js.map

package/dist/GcsaPopconfirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaPopconfirm.js","sources":["../src/GcsaPopconfirm.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { useState } from 'react';\nimport { Popover } from '@ark-ui/react/popover';\nimport { Portal } from '@ark-ui/react/portal';\nimport { createGcsaPopupPositioning } from '@gcsa/console-core';\nimport { GcsaButton } from './GcsaButton';\nimport { useGcsaLocaleMessages } from './hooks/useGcsaLocale';\nimport { useGcsaPopupZIndex } from './hooks/useGcsaPopupZIndex';\nimport type { GcsaTooltipPlacement } from './GcsaTooltip';\n\nexport type GcsaPopconfirmPlacement = GcsaTooltipPlacement;\n\nexport type GcsaPopconfirmProps = {\n  title?: string;\n  description?: string;\n  okText?: string;\n  cancelText?: string;\n  triggerLabel?: string;\n  placement?: GcsaPopconfirmPlacement;\n  arrow?: boolean;\n  portalled?: boolean;\n  gutter?: number;\n  trigger?: ReactNode;\n  onConfirm?: () => void;\n  onCancel?: () => void;\n};\n\nexport function GcsaPopconfirm({\n  title,\n  description,\n  okText,\n  cancelText,\n  triggerLabel,\n  placement = 'top',\n  arrow = true,\n  portalled = true,\n  gutter = 8,\n  trigger,\n  onConfirm,\n  onCancel\n}: GcsaPopconfirmProps) {\n  const messages = useGcsaLocaleMessages();\n  const resolvedTitle = title ?? messages.confirmAction;\n  const resolvedOkText = okText ?? messages.confirm;\n  const resolvedCancelText = cancelText ?? messages.cancel;\n  const resolvedTriggerLabel = triggerLabel ?? messages.delete;\n\n  const [open, setOpen] = useState(false);\n  const { zIndex, onOpenChange: onPopupOpenChange } = useGcsaPopupZIndex();\n  const positionerStyle = (zIndex == null ? undefined : { zIndex }) as CSSProperties | undefined;\n  const contentStyle = (zIndex == null ? undefined : { zIndex }) as CSSProperties | undefined;\n\n  const triggerNode = trigger ?? (\n    <GcsaButton variant=\"danger\">\n      {resolvedTriggerLabel}\n    </GcsaButton>\n  );\n\n  return (\n    <Popover.Root\n      open={open}\n      onOpenChange={details => {\n        onPopupOpenChange(details.open);\n        setOpen(details.open);\n      }}\n      positioning={createGcsaPopupPositioning({ placement, gutter })}\n    >\n      <Popover.Trigger asChild>{triggerNode}</Popover.Trigger>\n      <Portal disabled={!portalled}>\n        <Popover.Positioner style={positionerStyle}>\n          <Popover.Content className=\"gcsa-popconfirm gcsa-ui-surface\" style={contentStyle}>\n            {resolvedTitle ? <div className=\"gcsa-popconfirm__title\">{resolvedTitle}</div> : null}\n            {description ? <div className=\"gcsa-popconfirm__desc\">{description}</div> : null}\n            <div className=\"gcsa-popconfirm__actions\">\n              <GcsaButton\n                variant=\"ghost\"\n                onClick={() => {\n                  setOpen(false);\n                  onCancel?.();\n                }}\n              >\n                {resolvedCancelText}\n              </GcsaButton>\n              <GcsaButton\n                variant=\"danger\"\n                onClick={() => {\n                  setOpen(false);\n                  onConfirm?.();\n                }}\n              >\n                {resolvedOkText}\n              </GcsaButton>\n            </div>\n            {arrow ? (\n              <Popover.Arrow className=\"gcsa-popconfirm__arrow\">\n                <Popover.ArrowTip className=\"gcsa-popconfirm__arrow-tip\" />\n              </Popover.Arrow>\n            ) : null}\n          </Popover.Content>\n        </Popover.Positioner>\n      </Portal>\n    </Popover.Root>\n  );\n}\n"],"names":["GcsaPopconfirm","title","description","okText","cancelText","triggerLabel","placement","arrow","portalled","gutter","trigger","onConfirm","onCancel","messages","useGcsaLocaleMessages","resolvedTitle","resolvedOkText","resolvedCancelText","resolvedTriggerLabel","open","setOpen","useState","zIndex","onPopupOpenChange","useGcsaPopupZIndex","positionerStyle","contentStyle","triggerNode","jsx","GcsaButton","jsxs","Popover","details","createGcsaPopupPositioning","Portal"],"mappings":";;;;;;;;AA2BO,SAASA,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,GAAwB;AACtB,QAAMC,IAAWC,EAAA,GACXC,IAAgBd,KAASY,EAAS,eAClCG,IAAiBb,KAAUU,EAAS,SACpCI,IAAqBb,KAAcS,EAAS,QAC5CK,IAAuBb,KAAgBQ,EAAS,QAEhD,CAACM,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChC,EAAE,QAAAC,GAAQ,cAAcC,EAAA,IAAsBC,EAAA,GAC9CC,IAAmBH,KAAU,OAAO,SAAY,EAAE,QAAAA,EAAA,GAClDI,IAAgBJ,KAAU,OAAO,SAAY,EAAE,QAAAA,EAAA,GAE/CK,IAAcjB,KAClB,gBAAAkB,EAACC,GAAA,EAAW,SAAQ,UACjB,UAAAX,GACH;AAGF,SACE,gBAAAY;AAAA,IAACC,EAAQ;AAAA,IAAR;AAAA,MACC,MAAAZ;AAAA,MACA,cAAc,CAAAa,MAAW;AACvB,QAAAT,EAAkBS,EAAQ,IAAI,GAC9BZ,EAAQY,EAAQ,IAAI;AAAA,MACtB;AAAA,MACA,aAAaC,EAA2B,EAAE,WAAA3B,GAAW,QAAAG,GAAQ;AAAA,MAE7D,UAAA;AAAA,QAAA,gBAAAmB,EAACG,EAAQ,SAAR,EAAgB,SAAO,IAAE,UAAAJ,GAAY;AAAA,0BACrCO,GAAA,EAAO,UAAU,CAAC1B,GACjB,UAAA,gBAAAoB,EAACG,EAAQ,YAAR,EAAmB,OAAON,GACzB,4BAACM,EAAQ,SAAR,EAAgB,WAAU,mCAAkC,OAAOL,GACjE,UAAA;AAAA,UAAAX,IAAgB,gBAAAa,EAAC,OAAA,EAAI,WAAU,0BAA0B,aAAc,IAAS;AAAA,UAChF1B,IAAc,gBAAA0B,EAAC,OAAA,EAAI,WAAU,yBAAyB,aAAY,IAAS;AAAA,UAC5E,gBAAAE,EAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,SAAS,MAAM;AACb,kBAAAT,EAAQ,EAAK,GACbR,KAAA,QAAAA;AAAA,gBACF;AAAA,gBAEC,UAAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAEH,gBAAAW;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,SAAS,MAAM;AACb,kBAAAT,EAAQ,EAAK,GACbT,KAAA,QAAAA;AAAA,gBACF;AAAA,gBAEC,UAAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,GACF;AAAA,UACCT,IACC,gBAAAqB,EAACG,EAAQ,OAAR,EAAc,WAAU,0BACvB,UAAA,gBAAAH,EAACG,EAAQ,UAAR,EAAiB,WAAU,6BAAA,CAA6B,GAC3D,IACE;AAAA,QAAA,EAAA,CACN,GACF,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/GcsaPopover.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { GcsaTooltipPlacement } from './GcsaTooltip';
+export type GcsaPopoverPlacement = GcsaTooltipPlacement;
+/** default=320px 上限；lg=表单类 Popover（560–680px，内容区可滚动） */
+export type GcsaPopoverSize = 'default' | 'lg';
+export type GcsaPopoverProps = {
+    title?: string;
+    triggerLabel?: string;
+    placement?: GcsaPopoverPlacement;
+    arrow?: boolean;
+    portalled?: boolean;
+    gutter?: number;
+    /** 受控开关；不传则为非受控 */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** 预设尺寸；与 minWidth / maxWidth / width 可同时使用，inline 优先生效 */
+    size?: GcsaPopoverSize;
+    /** 面板宽度，如 560 或 '560px' */
+    width?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    /** 追加到 Popover.Content 的 class */
+    contentClassName?: string;
+    className?: string;
+    /** 固定在面板底部、不参与 body 滚动的操作区 */
+    footer?: ReactNode;
+    trigger?: ReactNode;
+    children?: ReactNode;
+};
+export declare function GcsaPopover({ title, triggerLabel, placement, arrow, portalled, gutter, open, onOpenChange, size, width, minWidth, maxWidth, contentClassName, className, footer, trigger, children }: GcsaPopoverProps): import("react").JSX.Element;

package/dist/GcsaPopover.js

@@ -0,0 +1,65 @@
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { useState as k, useMemo as E } from "react";
+import { Popover as s } from "@ark-ui/react/popover";
+import { Portal as R } from "@ark-ui/react/portal";
+import { toCssLength as i, createGcsaPopupPositioning as Z } from "@gcsa/console-core";
+import { GcsaButton as q } from "./GcsaButton.js";
+import { useGcsaLocaleMessages as D } from "./hooks/useGcsaLocale.js";
+import { useGcsaPopupZIndex as F } from "./hooks/useGcsaPopupZIndex.js";
+function $({
+  title: l,
+  triggerLabel: h,
+  placement: _ = "bottom",
+  arrow: y = !0,
+  portalled: N = !0,
+  gutter: P = 8,
+  open: c,
+  onOpenChange: t,
+  size: x = "default",
+  width: a,
+  minWidth: p,
+  maxWidth: d,
+  contentClassName: b,
+  className: w,
+  footer: n,
+  trigger: C,
+  children: G
+}) {
+  const M = D(), { zIndex: r, onOpenChange: j } = F(), I = h ?? M.open, m = c !== void 0, [T, z] = k(!1), L = m ? c : T, O = C ?? /* @__PURE__ */ e(q, { variant: "secondary", children: I }), S = r == null ? void 0 : { zIndex: r }, W = E(() => {
+    const o = {};
+    r != null && (o.zIndex = r);
+    const u = i(a), g = i(p), v = i(d);
+    return u && (o.width = u), g && (o.minWidth = g), v && (o.maxWidth = v), Object.keys(o).length ? o : void 0;
+  }, [r, a, p, d]), A = [
+    "gcsa-popover",
+    "gcsa-ui-surface",
+    x === "lg" ? "gcsa-popover--lg" : void 0,
+    n ? "gcsa-popover--with-footer" : void 0,
+    b
+  ].filter(Boolean).join(" "), B = (o) => {
+    m || z(o), t == null || t(o), j(o);
+  };
+  return /* @__PURE__ */ e("span", { className: w, children: /* @__PURE__ */ f(
+    s.Root,
+    {
+      open: L,
+      lazyMount: !0,
+      unmountOnExit: !0,
+      positioning: Z({ placement: _, gutter: P }),
+      onOpenChange: (o) => B(o.open),
+      children: [
+        /* @__PURE__ */ e(s.Trigger, { asChild: !0, children: O }),
+        /* @__PURE__ */ e(R, { disabled: !N, children: /* @__PURE__ */ e(s.Positioner, { style: S, children: /* @__PURE__ */ f(s.Content, { className: A, style: W, children: [
+          l ? /* @__PURE__ */ e(s.Title, { className: "gcsa-popover__title", children: l }) : null,
+          /* @__PURE__ */ e("div", { className: "gcsa-popover__body", children: G }),
+          n ? /* @__PURE__ */ e("div", { className: "gcsa-popover__footer", children: n }) : null,
+          y ? /* @__PURE__ */ e(s.Arrow, { className: "gcsa-popover__arrow", children: /* @__PURE__ */ e(s.ArrowTip, { className: "gcsa-popover__arrow-tip" }) }) : null
+        ] }) }) })
+      ]
+    }
+  ) });
+}
+export {
+  $ as GcsaPopover
+};
+//# sourceMappingURL=GcsaPopover.js.map

package/dist/GcsaPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaPopover.js","sources":["../src/GcsaPopover.tsx"],"sourcesContent":["import { useMemo, useState, type CSSProperties, type ReactNode } from 'react';\nimport { Popover } from '@ark-ui/react/popover';\nimport { Portal } from '@ark-ui/react/portal';\nimport { createGcsaPopupPositioning, toCssLength } from '@gcsa/console-core';\nimport { GcsaButton } from './GcsaButton';\nimport { useGcsaLocaleMessages } from './hooks/useGcsaLocale';\nimport { useGcsaPopupZIndex } from './hooks/useGcsaPopupZIndex';\nimport type { GcsaTooltipPlacement } from './GcsaTooltip';\n\nexport type GcsaPopoverPlacement = GcsaTooltipPlacement;\n\n/** default=320px 上限；lg=表单类 Popover（560–680px，内容区可滚动） */\nexport type GcsaPopoverSize = 'default' | 'lg';\n\nexport type GcsaPopoverProps = {\n  title?: string;\n  triggerLabel?: string;\n  placement?: GcsaPopoverPlacement;\n  arrow?: boolean;\n  portalled?: boolean;\n  gutter?: number;\n  /** 受控开关；不传则为非受控 */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** 预设尺寸；与 minWidth / maxWidth / width 可同时使用，inline 优先生效 */\n  size?: GcsaPopoverSize;\n  /** 面板宽度，如 560 或 '560px' */\n  width?: string | number;\n  minWidth?: string | number;\n  maxWidth?: string | number;\n  /** 追加到 Popover.Content 的 class */\n  contentClassName?: string;\n  className?: string;\n  /** 固定在面板底部、不参与 body 滚动的操作区 */\n  footer?: ReactNode;\n  trigger?: ReactNode;\n  children?: ReactNode;\n};\n\nexport function GcsaPopover({\n  title,\n  triggerLabel,\n  placement = 'bottom',\n  arrow = true,\n  portalled = true,\n  gutter = 8,\n  open,\n  onOpenChange,\n  size = 'default',\n  width,\n  minWidth,\n  maxWidth,\n  contentClassName,\n  className,\n  footer,\n  trigger,\n  children\n}: GcsaPopoverProps) {\n  const messages = useGcsaLocaleMessages();\n  const { zIndex, onOpenChange: onPopupOpenChange } = useGcsaPopupZIndex();\n  const resolvedTriggerLabel = triggerLabel ?? messages.open;\n  const isControlled = open !== undefined;\n  const [internalOpen, setInternalOpen] = useState(false);\n  const resolvedOpen = isControlled ? open : internalOpen;\n\n  const triggerNode = trigger ?? (\n    <GcsaButton variant=\"secondary\">\n      {resolvedTriggerLabel}\n    </GcsaButton>\n  );\n\n  const positionerStyle = (zIndex == null ? undefined : { zIndex }) as CSSProperties | undefined;\n\n  const contentStyle = useMemo(() => {\n    const style: CSSProperties = {};\n    if (zIndex != null) style.zIndex = zIndex;\n    const resolvedWidth = toCssLength(width);\n    const resolvedMinWidth = toCssLength(minWidth);\n    const resolvedMaxWidth = toCssLength(maxWidth);\n    if (resolvedWidth) style.width = resolvedWidth;\n    if (resolvedMinWidth) style.minWidth = resolvedMinWidth;\n    if (resolvedMaxWidth) style.maxWidth = resolvedMaxWidth;\n    return Object.keys(style).length ? style : undefined;\n  }, [zIndex, width, minWidth, maxWidth]);\n\n  const contentClassNames = [\n    'gcsa-popover',\n    'gcsa-ui-surface',\n    size === 'lg' ? 'gcsa-popover--lg' : undefined,\n    footer ? 'gcsa-popover--with-footer' : undefined,\n    contentClassName\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (!isControlled) {\n      setInternalOpen(nextOpen);\n    }\n    onOpenChange?.(nextOpen);\n    onPopupOpenChange(nextOpen);\n  };\n\n  return (\n    <span className={className}>\n      <Popover.Root\n        open={resolvedOpen}\n        lazyMount\n        unmountOnExit\n        positioning={createGcsaPopupPositioning({ placement, gutter })}\n        onOpenChange={details => handleOpenChange(details.open)}\n      >\n        <Popover.Trigger asChild>{triggerNode}</Popover.Trigger>\n        <Portal disabled={!portalled}>\n          <Popover.Positioner style={positionerStyle}>\n            <Popover.Content className={contentClassNames} style={contentStyle}>\n              {title ? <Popover.Title className=\"gcsa-popover__title\">{title}</Popover.Title> : null}\n              <div className=\"gcsa-popover__body\">{children}</div>\n              {footer ? <div className=\"gcsa-popover__footer\">{footer}</div> : null}\n              {arrow ? (\n                <Popover.Arrow className=\"gcsa-popover__arrow\">\n                  <Popover.ArrowTip className=\"gcsa-popover__arrow-tip\" />\n                </Popover.Arrow>\n              ) : null}\n            </Popover.Content>\n          </Popover.Positioner>\n        </Portal>\n      </Popover.Root>\n    </span>\n  );\n}\n"],"names":["GcsaPopover","title","triggerLabel","placement","arrow","portalled","gutter","open","onOpenChange","size","width","minWidth","maxWidth","contentClassName","className","footer","trigger","children","messages","useGcsaLocaleMessages","zIndex","onPopupOpenChange","useGcsaPopupZIndex","resolvedTriggerLabel","isControlled","internalOpen","setInternalOpen","useState","resolvedOpen","triggerNode","jsx","GcsaButton","positionerStyle","contentStyle","useMemo","style","resolvedWidth","toCssLength","resolvedMinWidth","resolvedMaxWidth","contentClassNames","handleOpenChange","nextOpen","jsxs","Popover","createGcsaPopupPositioning","details","Portal"],"mappings":"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"}

package/dist/GcsaPopoverClose.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+export type GcsaPopoverCloseProps = {
+    children: ReactElement;
+};
+/** 须作为 GcsaPopover 子树使用；触发 Ark Popover CLOSE 并与受控 open 同步 */
+export declare function GcsaPopoverClose({ children }: GcsaPopoverCloseProps): import("react").JSX.Element;

package/dist/GcsaPopoverClose.js

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Popover as e } from "@ark-ui/react/popover";
+function p({ children: o }) {
+  return /* @__PURE__ */ r(e.CloseTrigger, { asChild: !0, children: o });
+}
+export {
+  p as GcsaPopoverClose
+};
+//# sourceMappingURL=GcsaPopoverClose.js.map

package/dist/GcsaPopoverClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaPopoverClose.js","sources":["../src/GcsaPopoverClose.tsx"],"sourcesContent":["import { Popover } from '@ark-ui/react/popover';\nimport type { ReactElement } from 'react';\n\nexport type GcsaPopoverCloseProps = {\n  children: ReactElement;\n};\n\n/** 须作为 GcsaPopover 子树使用；触发 Ark Popover CLOSE 并与受控 open 同步 */\nexport function GcsaPopoverClose({ children }: GcsaPopoverCloseProps) {\n  return <Popover.CloseTrigger asChild>{children}</Popover.CloseTrigger>;\n}\n"],"names":["GcsaPopoverClose","children","Popover"],"mappings":";;AAQO,SAASA,EAAiB,EAAE,UAAAC,KAAmC;AACpE,2BAAQC,EAAQ,cAAR,EAAqB,SAAO,IAAE,UAAAD,GAAS;AACjD;"}

package/dist/GcsaProgress.d.ts

@@ -0,0 +1,5 @@
+export type GcsaProgressProps = {
+    percent?: number;
+    className?: string;
+};
+export declare function GcsaProgress({ percent, className }: GcsaProgressProps): import("react").JSX.Element;

package/dist/GcsaProgress.js

@@ -0,0 +1,18 @@
+import { jsx as s } from "react/jsx-runtime";
+function i({ percent: r = 0, className: a }) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: `gcsa-progress${a ? ` ${a}` : ""}`,
+      role: "progressbar",
+      "aria-valuenow": r,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      children: /* @__PURE__ */ s("div", { className: "gcsa-progress__bar", style: { width: `${r}%` } })
+    }
+  );
+}
+export {
+  i as GcsaProgress
+};
+//# sourceMappingURL=GcsaProgress.js.map

package/dist/GcsaProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaProgress.js","sources":["../src/GcsaProgress.tsx"],"sourcesContent":["export type GcsaProgressProps = {\n  percent?: number;\n  className?: string;\n};\n\nexport function GcsaProgress({ percent = 0, className }: GcsaProgressProps) {\n  return (\n    <div\n      className={`gcsa-progress${className ? ` ${className}` : ''}`}\n      role=\"progressbar\"\n      aria-valuenow={percent}\n      aria-valuemin={0}\n      aria-valuemax={100}\n    >\n      <div className=\"gcsa-progress__bar\" style={{ width: `${percent}%` }} />\n    </div>\n  );\n}\n"],"names":["GcsaProgress","percent","className","jsx"],"mappings":";AAKO,SAASA,EAAa,EAAE,SAAAC,IAAU,GAAG,WAAAC,KAAgC;AAC1E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,gBAAgBD,IAAY,IAAIA,CAAS,KAAK,EAAE;AAAA,MAC3D,MAAK;AAAA,MACL,iBAAeD;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MAEf,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,sBAAqB,OAAO,EAAE,OAAO,GAAGF,CAAO,IAAA,EAAI,CAAG;AAAA,IAAA;AAAA,EAAA;AAG3E;"}

package/dist/GcsaRadioGroup.d.ts

@@ -0,0 +1,9 @@
+import { GcsaRadioOption } from '@gcsa/console-core';
+export type GcsaRadioGroupProps = {
+    value?: string;
+    options: GcsaRadioOption[];
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+    onValueChange?: (value: string) => void;
+};
+export declare function GcsaRadioGroup({ value, options, orientation, className, onValueChange }: GcsaRadioGroupProps): import("react").JSX.Element;

package/dist/GcsaRadioGroup.js

@@ -0,0 +1,37 @@
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { RadioGroup as s } from "@ark-ui/react/radio-group";
+function u({
+  value: i,
+  options: l,
+  orientation: c = "vertical",
+  className: e,
+  onValueChange: d
+}) {
+  return /* @__PURE__ */ r(
+    s.Root,
+    {
+      value: i,
+      orientation: c,
+      className: `gcsa-radio-group gcsa-radio-group--${c}${e ? ` ${e}` : ""}`,
+      onValueChange: (a) => d == null ? void 0 : d(a.value ?? ""),
+      children: l.map((a) => /* @__PURE__ */ o(
+        s.Item,
+        {
+          value: a.value,
+          disabled: a.disabled,
+          className: "gcsa-radio gcsa-focus-ring",
+          children: [
+            /* @__PURE__ */ r(s.ItemHiddenInput, {}),
+            /* @__PURE__ */ r(s.ItemControl, { className: "gcsa-radio__control", children: /* @__PURE__ */ r("span", { className: "gcsa-radio__dot", "aria-hidden": "true" }) }),
+            /* @__PURE__ */ r(s.ItemText, { className: "gcsa-radio__label", children: a.label })
+          ]
+        },
+        a.value
+      ))
+    }
+  );
+}
+export {
+  u as GcsaRadioGroup
+};
+//# sourceMappingURL=GcsaRadioGroup.js.map

package/dist/GcsaRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaRadioGroup.js","sources":["../src/GcsaRadioGroup.tsx"],"sourcesContent":["import type { GcsaRadioOption } from '@gcsa/console-core';\nimport { RadioGroup } from '@ark-ui/react/radio-group';\n\nexport type GcsaRadioGroupProps = {\n  value?: string;\n  options: GcsaRadioOption[];\n  orientation?: 'horizontal' | 'vertical';\n  className?: string;\n  onValueChange?: (value: string) => void;\n};\n\nexport function GcsaRadioGroup({\n  value,\n  options,\n  orientation = 'vertical',\n  className,\n  onValueChange\n}: GcsaRadioGroupProps) {\n  return (\n    <RadioGroup.Root\n      value={value}\n      orientation={orientation}\n      className={`gcsa-radio-group gcsa-radio-group--${orientation}${className ? ` ${className}` : ''}`}\n      onValueChange={details => onValueChange?.(details.value ?? '')}\n    >\n      {options.map(opt => (\n        <RadioGroup.Item\n          key={opt.value}\n          value={opt.value}\n          disabled={opt.disabled}\n          className=\"gcsa-radio gcsa-focus-ring\"\n        >\n          <RadioGroup.ItemHiddenInput />\n          <RadioGroup.ItemControl className=\"gcsa-radio__control\">\n            <span className=\"gcsa-radio__dot\" aria-hidden=\"true\" />\n          </RadioGroup.ItemControl>\n          <RadioGroup.ItemText className=\"gcsa-radio__label\">{opt.label}</RadioGroup.ItemText>\n        </RadioGroup.Item>\n      ))}\n    </RadioGroup.Root>\n  );\n}\n"],"names":["GcsaRadioGroup","value","options","orientation","className","onValueChange","jsx","RadioGroup","details","opt","jsxs"],"mappings":";;AAWO,SAASA,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,eAAAC;AACF,GAAwB;AACtB,SACE,gBAAAC;AAAA,IAACC,EAAW;AAAA,IAAX;AAAA,MACC,OAAAN;AAAA,MACA,aAAAE;AAAA,MACA,WAAW,sCAAsCA,CAAW,GAAGC,IAAY,IAAIA,CAAS,KAAK,EAAE;AAAA,MAC/F,eAAe,CAAAI,MAAWH,KAAA,gBAAAA,EAAgBG,EAAQ,SAAS;AAAA,MAE1D,UAAAN,EAAQ,IAAI,CAAAO,MACX,gBAAAC;AAAA,QAACH,EAAW;AAAA,QAAX;AAAA,UAEC,OAAOE,EAAI;AAAA,UACX,UAAUA,EAAI;AAAA,UACd,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAH,EAACC,EAAW,iBAAX,EAA2B;AAAA,YAC5B,gBAAAD,EAACC,EAAW,aAAX,EAAuB,WAAU,uBAChC,UAAA,gBAAAD,EAAC,QAAA,EAAK,WAAU,mBAAkB,eAAY,OAAA,CAAO,EAAA,CACvD;AAAA,8BACCC,EAAW,UAAX,EAAoB,WAAU,qBAAqB,YAAI,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QATzDE,EAAI;AAAA,MAAA,CAWZ;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/GcsaResult.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type GcsaResultProps = {
+    title: string;
+    subtitle?: string;
+    icon?: ReactNode;
+    extra?: ReactNode;
+    className?: string;
+};
+export declare function GcsaResult({ title, subtitle, icon, extra, className }: GcsaResultProps): import("react").JSX.Element;

package/dist/GcsaResult.js

@@ -0,0 +1,14 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { GcsaIcon as t } from "./GcsaIcon.js";
+function d({ title: r, subtitle: e, icon: a, extra: c, className: l }) {
+  return /* @__PURE__ */ i("div", { className: `gcsa-result gcsa-ui-surface${l ? ` ${l}` : ""}`, children: [
+    /* @__PURE__ */ s("div", { className: "gcsa-result__icon", "aria-hidden": "true", children: a ?? /* @__PURE__ */ s(t, { name: "resultEmpty" }) }),
+    /* @__PURE__ */ s("div", { className: "gcsa-result__title", children: r }),
+    e ? /* @__PURE__ */ s("div", { className: "gcsa-result__subtitle", children: e }) : null,
+    c ? /* @__PURE__ */ s("div", { className: "gcsa-result__extra", children: c }) : null
+  ] });
+}
+export {
+  d as GcsaResult
+};
+//# sourceMappingURL=GcsaResult.js.map

package/dist/GcsaResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaResult.js","sources":["../src/GcsaResult.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { GcsaIcon } from './GcsaIcon';\n\nexport type GcsaResultProps = {\n  title: string;\n  subtitle?: string;\n  icon?: ReactNode;\n  extra?: ReactNode;\n  className?: string;\n};\n\nexport function GcsaResult({ title, subtitle, icon, extra, className }: GcsaResultProps) {\n  return (\n    <div className={`gcsa-result gcsa-ui-surface${className ? ` ${className}` : ''}`}>\n      <div className=\"gcsa-result__icon\" aria-hidden=\"true\">\n        {icon ?? <GcsaIcon name=\"resultEmpty\" />}\n      </div>\n      <div className=\"gcsa-result__title\">{title}</div>\n      {subtitle ? <div className=\"gcsa-result__subtitle\">{subtitle}</div> : null}\n      {extra ? <div className=\"gcsa-result__extra\">{extra}</div> : null}\n    </div>\n  );\n}\n"],"names":["GcsaResult","title","subtitle","icon","extra","className","jsxs","jsx","GcsaIcon"],"mappings":";;AAWO,SAASA,EAAW,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,GAAM,OAAAC,GAAO,WAAAC,KAA8B;AACvF,SACE,gBAAAC,EAAC,SAAI,WAAW,8BAA8BD,IAAY,IAAIA,CAAS,KAAK,EAAE,IAC5E,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,qBAAoB,eAAY,QAC5C,eAAQ,gBAAAA,EAACC,GAAA,EAAS,MAAK,cAAA,CAAc,EAAA,CACxC;AAAA,IACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sBAAsB,UAAAN,GAAM;AAAA,IAC1CC,IAAW,gBAAAK,EAAC,OAAA,EAAI,WAAU,yBAAyB,aAAS,IAAS;AAAA,IACrEH,IAAQ,gBAAAG,EAAC,OAAA,EAAI,WAAU,sBAAsB,aAAM,IAAS;AAAA,EAAA,GAC/D;AAEJ;"}

package/dist/GcsaRow.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export type GcsaRowProps = {
+    cols?: 2 | 3 | 4;
+    className?: string;
+    children?: ReactNode;
+};
+export declare function GcsaRow({ cols, className, children }: GcsaRowProps): import("react").JSX.Element;

package/dist/GcsaRow.js

@@ -0,0 +1,8 @@
+import { jsx as s } from "react/jsx-runtime";
+function a({ cols: r = 2, className: o, children: c }) {
+  return /* @__PURE__ */ s("div", { className: `gcsa-row gcsa-row--${r}${o ? ` ${o}` : ""}`, children: c });
+}
+export {
+  a as GcsaRow
+};
+//# sourceMappingURL=GcsaRow.js.map

package/dist/GcsaRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaRow.js","sources":["../src/GcsaRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport type GcsaRowProps = {\n  cols?: 2 | 3 | 4;\n  className?: string;\n  children?: ReactNode;\n};\n\nexport function GcsaRow({ cols = 2, className, children }: GcsaRowProps) {\n  return (\n    <div className={`gcsa-row gcsa-row--${cols}${className ? ` ${className}` : ''}`}>{children}</div>\n  );\n}\n"],"names":["GcsaRow","cols","className","children","jsx"],"mappings":";AAQO,SAASA,EAAQ,EAAE,MAAAC,IAAO,GAAG,WAAAC,GAAW,UAAAC,KAA0B;AACvE,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAW,sBAAsBH,CAAI,GAAGC,IAAY,IAAIA,CAAS,KAAK,EAAE,IAAK,UAAAC,GAAS;AAE/F;"}

package/dist/GcsaSelect.d.ts

@@ -0,0 +1,20 @@
+import { GcsaPopupPlacement, GcsaSelectOption, GcsaSelectSize } from '@gcsa/console-core';
+export type GcsaSelectPlacement = GcsaPopupPlacement;
+export type GcsaSelectProps = {
+    value: string;
+    options: GcsaSelectOption[];
+    placeholder?: string;
+    invalid?: boolean;
+    /** 下拉相对触发器的初始方位 */
+    placement?: GcsaSelectPlacement;
+    listMaxHeight?: number;
+    listHintThreshold?: number;
+    groupOrder?: string[];
+    /** 是否挂载到 body；嵌套浮层（如 DatePicker 内）应设为 false */
+    portalled?: boolean;
+    /** 下拉面板是否与触发器同宽 */
+    sameWidth?: boolean;
+    size?: GcsaSelectSize;
+    onValueChange?: (value: string) => void;
+};
+export declare function GcsaSelect({ value, options, placeholder, invalid, placement, listMaxHeight, listHintThreshold, groupOrder, portalled, sameWidth, size, onValueChange }: GcsaSelectProps): import("react").JSX.Element;