@gcsa/console-vue 0.1.0

package/dist/components/GcsaModal.vue.js

@@ -0,0 +1,127 @@
+import { defineComponent as I, useAttrs as N, computed as s, inject as T, ref as v, watch as V, openBlock as l, createBlock as f, unref as t, withCtx as n, Teleport as Z, createElementVNode as c, createVNode as r, normalizeStyle as h, mergeProps as D, createCommentVNode as g, createElementBlock as k, renderSlot as y, createTextVNode as L, toDisplayString as P, normalizeClass as H } from "vue";
+import { Dialog as a } from "@ark-ui/vue/dialog";
+import { useGcsaLocaleMessages as K } from "../composables/useGcsaLocale.js";
+import { useGcsaZIndex as O } from "../composables/useGcsaZIndex.js";
+import { GCSA_THEME_KEY as R } from "../composables/useGcsaTheme.js";
+const U = ["data-gcsa-theme"], Y = {
+  key: 1,
+  class: "gcsa-modal__header"
+}, j = { class: "gcsa-modal__title" }, q = {
+  key: 2,
+  class: "gcsa-modal__footer"
+}, ee = /* @__PURE__ */ I({
+  name: "GcsaModal",
+  inheritAttrs: !1,
+  __name: "GcsaModal",
+  props: {
+    open: { type: Boolean },
+    title: {},
+    closable: { type: Boolean, default: !0 }
+  },
+  emits: ["update:open"],
+  setup(o, { emit: b }) {
+    const d = N(), C = s(() => {
+      const { class: e, style: p, ...A } = d;
+      return A;
+    }), B = s(() => d.class), S = s(() => d.style), M = K(), i = T(R, null), $ = s(() => (i == null ? void 0 : i.value) ?? "dark"), { nextZIndex: _ } = O(), u = v(), m = v(), w = o, x = b;
+    V(
+      () => w.open,
+      (e) => {
+        e && (u.value = _(), m.value = _());
+      },
+      { immediate: !0 }
+    );
+    const z = s(
+      () => u.value == null ? void 0 : { zIndex: u.value }
+    ), E = s(
+      () => m.value == null ? void 0 : { zIndex: m.value }
+    );
+    function G(e) {
+      x("update:open", e);
+    }
+    return (e, p) => (l(), f(t(a).Root, {
+      open: o.open,
+      "lazy-mount": "",
+      "unmount-on-exit": "",
+      "onUpdate:open": G
+    }, {
+      default: n(() => [
+        (l(), f(Z, { to: "body" }, [
+          c("div", {
+            class: "gcsa-portal-scope gcsa-modal-portal",
+            "data-gcsa-theme": $.value
+          }, [
+            r(t(a).Backdrop, {
+              class: "gcsa-modal__backdrop",
+              style: h(z.value)
+            }, null, 8, ["style"]),
+            r(t(a).Positioner, {
+              class: "gcsa-modal__positioner",
+              style: h(E.value)
+            }, {
+              default: n(() => [
+                r(t(a).Content, D({
+                  class: ["gcsa-modal__panel gcsa-ui-surface", B.value],
+                  style: S.value
+                }, C.value), {
+                  default: n(() => [
+                    o.closable ? (l(), f(t(a).CloseTrigger, {
+                      key: 0,
+                      class: "gcsa-modal__close",
+                      "aria-label": t(M).close
+                    }, {
+                      default: n(() => [...p[0] || (p[0] = [
+                        c("svg", {
+                          width: "14",
+                          height: "14",
+                          viewBox: "0 0 14 14",
+                          fill: "none",
+                          "aria-hidden": "true"
+                        }, [
+                          c("path", {
+                            d: "M2 2l10 10M12 2L2 12",
+                            stroke: "currentColor",
+                            "stroke-width": "1.5",
+                            "stroke-linecap": "round"
+                          })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["aria-label"])) : g("", !0),
+                    o.title || e.$slots.title ? (l(), k("header", Y, [
+                      r(t(a).Title, { "as-child": "" }, {
+                        default: n(() => [
+                          c("div", j, [
+                            y(e.$slots, "title", {}, () => [
+                              L(P(o.title), 1)
+                            ])
+                          ])
+                        ]),
+                        _: 3
+                      })
+                    ])) : g("", !0),
+                    c("div", {
+                      class: H(["gcsa-modal__body", { "gcsa-modal__body--titled": o.title || e.$slots.title }])
+                    }, [
+                      y(e.$slots, "default")
+                    ], 2),
+                    e.$slots.footer ? (l(), k("div", q, [
+                      y(e.$slots, "footer")
+                    ])) : g("", !0)
+                  ]),
+                  _: 3
+                }, 16, ["class", "style"])
+              ]),
+              _: 3
+            }, 8, ["style"])
+          ], 8, U)
+        ]))
+      ]),
+      _: 3
+    }, 8, ["open"]));
+  }
+});
+export {
+  ee as default
+};
+//# sourceMappingURL=GcsaModal.vue.js.map

package/dist/components/GcsaModal.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaModal.vue.js","sources":["../../src/components/GcsaModal.vue"],"sourcesContent":["<template>\n  <Dialog.Root :open=\"open\" lazy-mount unmount-on-exit @update:open=\"onOpenChange\">\n    <Teleport to=\"body\">\n      <div class=\"gcsa-portal-scope gcsa-modal-portal\" :data-gcsa-theme=\"theme\">\n        <Dialog.Backdrop class=\"gcsa-modal__backdrop\" :style=\"backdropStyle\" />\n        <Dialog.Positioner class=\"gcsa-modal__positioner\" :style=\"positionerStyle\">\n        <Dialog.Content\n          class=\"gcsa-modal__panel gcsa-ui-surface\"\n          :class=\"panelClass\"\n          :style=\"panelStyle\"\n          v-bind=\"panelAttrs\"\n        >\n        <Dialog.CloseTrigger\n          v-if=\"closable\"\n          class=\"gcsa-modal__close\"\n          :aria-label=\"messages.close\"\n        >\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n            <path\n              d=\"M2 2l10 10M12 2L2 12\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.5\"\n              stroke-linecap=\"round\"\n            />\n          </svg>\n        </Dialog.CloseTrigger>\n        <header v-if=\"title || $slots.title\" class=\"gcsa-modal__header\">\n          <Dialog.Title as-child>\n            <div class=\"gcsa-modal__title\">\n              <slot name=\"title\">{{ title }}</slot>\n            </div>\n          </Dialog.Title>\n        </header>\n        <div class=\"gcsa-modal__body\" :class=\"{ 'gcsa-modal__body--titled': title || $slots.title }\">\n          <slot />\n        </div>\n        <div v-if=\"$slots.footer\" class=\"gcsa-modal__footer\">\n          <slot name=\"footer\" />\n        </div>\n      </Dialog.Content>\n      </Dialog.Positioner>\n      </div>\n    </Teleport>\n  </Dialog.Root>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, ref, useAttrs, watch, type ComputedRef } from 'vue';\nimport { Dialog } from '@ark-ui/vue/dialog';\nimport type { GcsaConsoleTheme } from '@gcsa/console-core';\nimport type { GcsaModalProps } from '../types/componentProps';\nimport { useGcsaLocaleMessages } from '../composables/useGcsaLocale';\nimport { useGcsaZIndex } from '../composables/useGcsaZIndex';\nimport { GCSA_THEME_KEY } from '../composables/useGcsaTheme';\n\ndefineOptions({ name: 'GcsaModal', inheritAttrs: false });\n\nconst attrs = useAttrs();\nconst panelAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\nconst panelClass = computed(() => attrs.class);\nconst panelStyle = computed(() => attrs.style);\n\nconst messages = useGcsaLocaleMessages();\nconst injectedTheme = inject<ComputedRef<GcsaConsoleTheme> | null>(GCSA_THEME_KEY, null);\nconst theme = computed(() => injectedTheme?.value ?? 'dark');\nconst { nextZIndex } = useGcsaZIndex();\nconst backdropZ = ref<number>();\nconst positionerZ = ref<number>();\n\nconst props = withDefaults(\n  defineProps<GcsaModalProps>(),\n  {\n    closable: true\n  }\n);\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean];\n}>();\n\nwatch(\n  () => props.open,\n  (open) => {\n    if (open) {\n      backdropZ.value = nextZIndex();\n      positionerZ.value = nextZIndex();\n    }\n  },\n  { immediate: true }\n);\n\nconst backdropStyle = computed(() =>\n  backdropZ.value == null ? undefined : { zIndex: backdropZ.value }\n);\n\nconst positionerStyle = computed(() =>\n  positionerZ.value == null ? undefined : { zIndex: positionerZ.value }\n);\n\nfunction onOpenChange(open: boolean) {\n  emit('update:open', open);\n}\n</script>\n"],"names":["attrs","useAttrs","panelAttrs","computed","_class","_style","rest","panelClass","panelStyle","messages","useGcsaLocaleMessages","injectedTheme","inject","GCSA_THEME_KEY","theme","nextZIndex","useGcsaZIndex","backdropZ","ref","positionerZ","props","__props","emit","__emit","watch","open","backdropStyle","positionerStyle","onOpenChange","_createBlock","_unref","Dialog","_Teleport","_createElementVNode","_createVNode","_mergeProps","_cache","$slots","_openBlock","_createElementBlock","_hoisted_2","_hoisted_3","_renderSlot","_ctx","_hoisted_4"],"mappings":"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"}

package/dist/components/GcsaModal2.vue.js

@@ -0,0 +1,5 @@
+import f from "./GcsaModal.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=GcsaModal2.vue.js.map

package/dist/components/GcsaModal2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaModal2.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/GcsaMultiSelect.vue.d.ts

@@ -0,0 +1,16 @@
+import { GcsaSelectOption } from '@gcsa/console-core';
+import { GcsaMultiSelectProps } from '../types/componentProps';
+declare const _default: import('vue').DefineComponent<GcsaMultiSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<GcsaMultiSelectProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {
+    options: GcsaSelectOption[];
+    portalled: boolean;
+    placement: import('..').GcsaMultiSelectPlacement;
+    listMaxHeight: number;
+    listHintThreshold: number;
+    sameWidth: boolean;
+    maxTagCount: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/GcsaMultiSelect.vue.js

@@ -0,0 +1,235 @@
+import { defineComponent as q, computed as s, openBlock as a, createBlock as d, unref as o, withCtx as t, createVNode as c, normalizeClass as A, createElementVNode as v, createElementBlock as r, toDisplayString as m, Fragment as p, renderList as x, withModifiers as H, createTextVNode as C, createCommentVNode as k, normalizeStyle as M } from "vue";
+import { createListCollection as J } from "@ark-ui/vue/collection";
+import { Select as n } from "@ark-ui/vue/select";
+import { gcsaControlSizeClass as K, createGcsaPopupPositioning as Q, formatGcsaLocaleMessage as X } from "@gcsa/console-core";
+import z from "./GcsaIcon.vue.js";
+import B from "./GcsaTag.vue.js";
+import Y from "./GcsaPortal.vue.js";
+import { useGcsaLocaleMessages as ee } from "../composables/useGcsaLocale.js";
+import { useGcsaPopupZIndex as te } from "../composables/useGcsaPopupZIndex.js";
+import { useGcsaComponentSize as le } from "../composables/useGcsaComponentSize.js";
+const se = { class: "gcsa-multi-select__value" }, ae = {
+  key: 0,
+  class: "gcsa-multi-select__placeholder"
+}, oe = { class: "gcsa-multi-select__tag-label" }, ce = ["onClick"], ne = {
+  key: 0,
+  class: "gcsa-select-empty",
+  role: "status"
+}, ie = { class: "gcsa-select-empty__text" }, ue = {
+  key: 0,
+  class: "gcsa-select-hint"
+}, xe = /* @__PURE__ */ q({
+  name: "GcsaMultiSelect",
+  __name: "GcsaMultiSelect",
+  props: {
+    modelValue: {},
+    options: { default: () => [] },
+    placeholder: {},
+    invalid: { type: Boolean },
+    placement: { default: "bottom-start" },
+    listMaxHeight: { default: 280 },
+    listHintThreshold: { default: 16 },
+    groupOrder: {},
+    maxTagCount: { default: 2 },
+    portalled: { type: Boolean, default: !0 },
+    sameWidth: { type: Boolean, default: !0 },
+    size: {}
+  },
+  emits: ["update:modelValue"],
+  setup(g, { emit: L }) {
+    const l = g, O = le(() => l.size), w = s(() => K("gcsa-select-trigger", O.value)), S = L, I = ee(), { zIndex: _, onOpenChange: P } = te(), f = s(() => l.modelValue ?? []), $ = s(() => l.options.some((e) => e.group)), T = s(
+      () => J({
+        items: l.options,
+        itemToValue: (e) => e.value,
+        itemToString: (e) => e.label,
+        isItemDisabled: (e) => e.disabled ?? !1,
+        ...$.value ? {
+          groupBy: (e) => e.group ?? "",
+          groupSort: l.groupOrder ?? "asc"
+        } : {}
+      })
+    ), h = s(
+      () => f.value.map(
+        (e) => l.options.find((u) => u.value === e) || { label: e, value: e }
+      )
+    ), b = s(() => h.value.slice(0, l.maxTagCount)), V = s(
+      () => Math.max(0, h.value.length - b.value.length)
+    ), D = s(
+      () => Q({
+        placement: l.placement,
+        sameWidth: l.sameWidth,
+        gutter: 4
+      })
+    ), N = s(() => l.options.length >= l.listHintThreshold), E = s(
+      () => X(I.value.selectListHint, { count: l.options.length })
+    ), W = s(() => l.options.length === 0), Z = s(() => I.value.emptyDefault), F = s(() => ({
+      "--gcsa-select-list-max-height": `${l.listMaxHeight}px`,
+      ..._.value == null ? {} : { zIndex: _.value }
+    })), R = s(
+      () => _.value == null ? void 0 : { zIndex: _.value }
+    );
+    function U(e) {
+      S("update:modelValue", e ?? []);
+    }
+    function j(e) {
+      S(
+        "update:modelValue",
+        f.value.filter((u) => u !== e)
+      );
+    }
+    return (e, u) => (a(), d(o(n).Root, {
+      collection: T.value,
+      "model-value": f.value,
+      multiple: "",
+      "close-on-select": !1,
+      positioning: D.value,
+      "lazy-mount": "",
+      "unmount-on-exit": "",
+      "onUpdate:modelValue": U,
+      onOpenChange: u[1] || (u[1] = (i) => o(P)(i.open))
+    }, {
+      default: t(() => [
+        c(o(n).Control, { class: "gcsa-select-control gcsa-multi-select" }, {
+          default: t(() => [
+            c(o(n).Trigger, {
+              class: A(["gcsa-select-trigger gcsa-multi-select__trigger gcsa-focus-ring", w.value]),
+              "data-invalid": g.invalid || void 0
+            }, {
+              default: t(() => [
+                v("span", se, [
+                  h.value.length === 0 ? (a(), r("span", ae, m(g.placeholder), 1)) : (a(), r(p, { key: 1 }, [
+                    (a(!0), r(p, null, x(b.value, (i) => (a(), d(B, {
+                      key: i.value,
+                      tone: "primary",
+                      class: "gcsa-multi-select__tag"
+                    }, {
+                      default: t(() => [
+                        v("span", oe, m(i.label), 1),
+                        v("button", {
+                          type: "button",
+                          class: "gcsa-multi-select__tag-remove",
+                          "aria-label": "remove",
+                          onPointerdown: u[0] || (u[0] = H(() => {
+                          }, ["stop", "prevent"])),
+                          onClick: H((G) => j(i.value), ["stop", "prevent"])
+                        }, [
+                          c(z, {
+                            name: "close",
+                            size: "sm"
+                          })
+                        ], 40, ce)
+                      ]),
+                      _: 2
+                    }, 1024))), 128)),
+                    V.value > 0 ? (a(), d(B, {
+                      key: 0,
+                      tone: "primary",
+                      class: "gcsa-multi-select__tag gcsa-multi-select__tag--rest"
+                    }, {
+                      default: t(() => [
+                        C(" +" + m(V.value), 1)
+                      ]),
+                      _: 1
+                    })) : k("", !0)
+                  ], 64))
+                ]),
+                c(o(n).Indicator, {
+                  class: "gcsa-select-indicator",
+                  "aria-hidden": "true"
+                }, {
+                  default: t(() => [
+                    c(z, {
+                      name: "chevronDown",
+                      class: "gcsa-select-indicator__icon"
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["class", "data-invalid"])
+          ]),
+          _: 1
+        }),
+        c(Y, { portalled: g.portalled }, {
+          default: t(() => [
+            c(o(n).Positioner, {
+              style: M(R.value)
+            }, {
+              default: t(() => [
+                c(o(n).Content, {
+                  class: "gcsa-select-content gcsa-ui-surface",
+                  style: M(F.value)
+                }, {
+                  default: t(() => [
+                    W.value ? (a(), r("div", ne, [
+                      v("span", ie, m(Z.value), 1)
+                    ])) : (a(), r(p, { key: 1 }, [
+                      c(o(n).List, { class: "gcsa-select-list" }, {
+                        default: t(() => [
+                          (a(!0), r(p, null, x(T.value.group(), ([i, G]) => (a(), d(o(n).ItemGroup, {
+                            key: i || "default",
+                            class: "gcsa-select-group"
+                          }, {
+                            default: t(() => [
+                              i ? (a(), d(o(n).ItemGroupLabel, {
+                                key: 0,
+                                class: "gcsa-select-group__label"
+                              }, {
+                                default: t(() => [
+                                  C(m(i), 1)
+                                ]),
+                                _: 2
+                              }, 1024)) : k("", !0),
+                              (a(!0), r(p, null, x(G, (y) => (a(), d(o(n).Item, {
+                                key: y.value,
+                                item: y,
+                                class: "gcsa-select-item"
+                              }, {
+                                default: t(() => [
+                                  c(o(n).ItemText, { class: "gcsa-select-item__text" }, {
+                                    default: t(() => [
+                                      C(m(y.label), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1024),
+                                  c(o(n).ItemIndicator, { class: "gcsa-select-item__check" }, {
+                                    default: t(() => [
+                                      c(z, {
+                                        name: "check",
+                                        size: "sm",
+                                        class: "gcsa-select-item__check-icon"
+                                      })
+                                    ]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 2
+                              }, 1032, ["item"]))), 128))
+                            ]),
+                            _: 2
+                          }, 1024))), 128))
+                        ]),
+                        _: 1
+                      }),
+                      N.value ? (a(), r("div", ue, m(E.value), 1)) : k("", !0)
+                    ], 64))
+                  ]),
+                  _: 1
+                }, 8, ["style"])
+              ]),
+              _: 1
+            }, 8, ["style"])
+          ]),
+          _: 1
+        }, 8, ["portalled"]),
+        c(o(n).HiddenSelect)
+      ]),
+      _: 1
+    }, 8, ["collection", "model-value", "positioning"]));
+  }
+});
+export {
+  xe as default
+};
+//# sourceMappingURL=GcsaMultiSelect.vue.js.map

package/dist/components/GcsaMultiSelect.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaMultiSelect.vue.js","sources":["../../src/components/GcsaMultiSelect.vue"],"sourcesContent":["<template>\n  <Select.Root\n    :collection=\"collection\"\n    :model-value=\"selectedValues\"\n    multiple\n    :close-on-select=\"false\"\n    :positioning=\"positioningOptions\"\n    lazy-mount\n    unmount-on-exit\n    @update:model-value=\"onChange\"\n    @open-change=\"(details) => onOpenChange(details.open)\"\n  >\n    <Select.Control class=\"gcsa-select-control gcsa-multi-select\">\n      <Select.Trigger\n        class=\"gcsa-select-trigger gcsa-multi-select__trigger gcsa-focus-ring\"\n        :class=\"triggerSizeClass\"\n        :data-invalid=\"invalid || undefined\"\n      >\n        <span class=\"gcsa-multi-select__value\">\n          <span v-if=\"selectedOptions.length === 0\" class=\"gcsa-multi-select__placeholder\">\n            {{ placeholder }}\n          </span>\n          <template v-else>\n            <GcsaTag\n              v-for=\"option in visibleTags\"\n              :key=\"option.value\"\n              tone=\"primary\"\n              class=\"gcsa-multi-select__tag\"\n            >\n              <span class=\"gcsa-multi-select__tag-label\">{{ option.label }}</span>\n              <button\n                type=\"button\"\n                class=\"gcsa-multi-select__tag-remove\"\n                aria-label=\"remove\"\n                @pointerdown.stop.prevent\n                @click.stop.prevent=\"removeTag(option.value)\"\n              >\n                <GcsaIcon name=\"close\" size=\"sm\" />\n              </button>\n            </GcsaTag>\n            <GcsaTag\n              v-if=\"hiddenCount > 0\"\n              tone=\"primary\"\n              class=\"gcsa-multi-select__tag gcsa-multi-select__tag--rest\"\n            >\n              +{{ hiddenCount }}\n            </GcsaTag>\n          </template>\n        </span>\n        <Select.Indicator class=\"gcsa-select-indicator\" aria-hidden=\"true\">\n          <GcsaIcon name=\"chevronDown\" class=\"gcsa-select-indicator__icon\" />\n        </Select.Indicator>\n      </Select.Trigger>\n    </Select.Control>\n    <GcsaPortal :portalled=\"portalled\">\n      <Select.Positioner :style=\"positionerStyle\">\n        <Select.Content class=\"gcsa-select-content gcsa-ui-surface\" :style=\"contentStyle\">\n          <div v-if=\"isEmpty\" class=\"gcsa-select-empty\" role=\"status\">\n            <span class=\"gcsa-select-empty__text\">{{ emptyText }}</span>\n          </div>\n          <template v-else>\n            <Select.List class=\"gcsa-select-list\">\n              <Select.ItemGroup\n                v-for=\"[groupLabel, groupItems] in collection.group()\"\n                :key=\"groupLabel || 'default'\"\n                class=\"gcsa-select-group\"\n              >\n                <Select.ItemGroupLabel v-if=\"groupLabel\" class=\"gcsa-select-group__label\">\n                  {{ groupLabel }}\n                </Select.ItemGroupLabel>\n                <Select.Item\n                  v-for=\"opt in groupItems\"\n                  :key=\"opt.value\"\n                  :item=\"opt\"\n                  class=\"gcsa-select-item\"\n                >\n                  <Select.ItemText class=\"gcsa-select-item__text\">{{ opt.label }}</Select.ItemText>\n                  <Select.ItemIndicator class=\"gcsa-select-item__check\">\n                    <GcsaIcon name=\"check\" size=\"sm\" class=\"gcsa-select-item__check-icon\" />\n                  </Select.ItemIndicator>\n                </Select.Item>\n              </Select.ItemGroup>\n            </Select.List>\n            <div v-if=\"showListHint\" class=\"gcsa-select-hint\">\n              {{ listHintText }}\n            </div>\n          </template>\n        </Select.Content>\n      </Select.Positioner>\n    </GcsaPortal>\n    <Select.HiddenSelect />\n  </Select.Root>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { createListCollection } from '@ark-ui/vue/collection';\nimport { Select } from '@ark-ui/vue/select';\nimport type { GcsaSelectOption, GcsaSelectSize } from '@gcsa/console-core';\nimport type { GcsaMultiSelectProps } from '../types/componentProps';\nimport { createGcsaPopupPositioning, formatGcsaLocaleMessage, gcsaControlSizeClass } from '@gcsa/console-core';\nimport GcsaIcon from './GcsaIcon.vue';\nimport GcsaTag from './GcsaTag.vue';\nimport GcsaPortal from './GcsaPortal.vue';\nimport { useGcsaLocaleMessages } from '../composables/useGcsaLocale';\nimport { useGcsaPopupZIndex } from '../composables/useGcsaPopupZIndex';\nimport { useGcsaComponentSize } from '../composables/useGcsaComponentSize';\n\ndefineOptions({ name: 'GcsaMultiSelect' });\n\nconst props = withDefaults(\n  defineProps<GcsaMultiSelectProps>(),\n  {\n    options: () => [],\n    listMaxHeight: 280,\n    listHintThreshold: 16,\n    maxTagCount: 2,\n    portalled: true,\n    sameWidth: true,\n    placement: 'bottom-start'\n  }\n);\n\nconst resolvedSize = useGcsaComponentSize(() => props.size);\nconst triggerSizeClass = computed(() => gcsaControlSizeClass('gcsa-select-trigger', resolvedSize.value));\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string[]];\n}>();\n\nconst messages = useGcsaLocaleMessages();\nconst { zIndex: popupZIndex, onOpenChange } = useGcsaPopupZIndex();\n\nconst selectedValues = computed(() => props.modelValue ?? []);\nconst hasGroups = computed(() => props.options.some(item => item.group));\n\nconst collection = computed(() =>\n  createListCollection({\n    items: props.options,\n    itemToValue: item => item.value,\n    itemToString: item => item.label,\n    isItemDisabled: item => item.disabled ?? false,\n    ...(hasGroups.value\n      ? {\n          groupBy: (item: GcsaSelectOption) => item.group ?? '',\n          groupSort: props.groupOrder ?? ('asc' as const)\n        }\n      : {})\n  })\n);\n\nconst selectedOptions = computed(() =>\n  selectedValues.value.map(\n    item => props.options.find(opt => opt.value === item) || { label: item, value: item }\n  )\n);\n\nconst visibleTags = computed(() => selectedOptions.value.slice(0, props.maxTagCount));\nconst hiddenCount = computed(() =>\n  Math.max(0, selectedOptions.value.length - visibleTags.value.length)\n);\n\nconst positioningOptions = computed(() =>\n  createGcsaPopupPositioning({\n    placement: props.placement,\n    sameWidth: props.sameWidth,\n    gutter: 4\n  })\n);\n\nconst showListHint = computed(() => props.options.length >= props.listHintThreshold);\nconst listHintText = computed(() =>\n  formatGcsaLocaleMessage(messages.value.selectListHint, { count: props.options.length })\n);\nconst isEmpty = computed(() => props.options.length === 0);\nconst emptyText = computed(() => messages.value.emptyDefault);\n\nconst contentStyle = computed(() => ({\n  '--gcsa-select-list-max-height': `${props.listMaxHeight}px`,\n  ...(popupZIndex.value == null ? {} : { zIndex: popupZIndex.value })\n}));\n\nconst positionerStyle = computed(() =>\n  popupZIndex.value == null ? undefined : { zIndex: popupZIndex.value }\n);\n\nfunction onChange(value: string[]) {\n  emit('update:modelValue', value ?? []);\n}\n\nfunction removeTag(optionValue: string) {\n  emit(\n    'update:modelValue',\n    selectedValues.value.filter(item => item !== optionValue)\n  );\n}\n</script>\n"],"names":["props","__props","resolvedSize","useGcsaComponentSize","triggerSizeClass","computed","gcsaControlSizeClass","emit","__emit","messages","useGcsaLocaleMessages","popupZIndex","onOpenChange","useGcsaPopupZIndex","selectedValues","hasGroups","item","collection","createListCollection","selectedOptions","opt","visibleTags","hiddenCount","positioningOptions","createGcsaPopupPositioning","showListHint","listHintText","formatGcsaLocaleMessage","isEmpty","emptyText","contentStyle","positionerStyle","onChange","value","removeTag","optionValue","_createBlock","_unref","Select","details","_createVNode","_normalizeClass","_createElementVNode","_hoisted_1","_createElementBlock","_hoisted_2","_toDisplayString","_Fragment","_renderList","option","GcsaTag","_hoisted_3","_withModifiers","$event","GcsaIcon","_createTextVNode","GcsaPortal","_openBlock","_hoisted_5","_hoisted_6","groupLabel","groupItems","_hoisted_7"],"mappings":"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"}

package/dist/components/GcsaMultiSelect2.vue.js

@@ -0,0 +1,5 @@
+import f from "./GcsaMultiSelect.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=GcsaMultiSelect2.vue.js.map

package/dist/components/GcsaMultiSelect2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaMultiSelect2.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/GcsaPagination.vue.d.ts

@@ -0,0 +1,15 @@
+import { GcsaPaginationProps } from '../types/componentProps';
+declare const _default: import('vue').DefineComponent<GcsaPaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:page": (page: number) => any;
+    "update:pageSize": (pageSize: number) => any;
+}, string, import('vue').PublicProps, Readonly<GcsaPaginationProps> & Readonly<{
+    "onUpdate:page"?: ((page: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+}>, {
+    align: import('@gcsa/console-core').GcsaPaginationAlign;
+    pageSize: number;
+    pageSizeOptions: number[];
+    showPageSize: boolean;
+    showJumper: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/GcsaPagination.vue.js

@@ -0,0 +1,119 @@
+import { defineComponent as J, computed as o, openBlock as t, createElementBlock as n, unref as v, normalizeClass as _, Fragment as d, renderList as b, toDisplayString as c, createElementVNode as f, createVNode as S, createCommentVNode as M } from "vue";
+import { resolveGcsaPaginationLayout as j, getGcsaPaginationAlignClass as V, formatGcsaLocaleMessage as B, getGcsaPaginationItems as O } from "@gcsa/console-core";
+import { useGcsaLocaleMessages as A } from "../composables/useGcsaLocale.js";
+import T from "./GcsaSelect.vue.js";
+import E from "./GcsaInputNumber.vue.js";
+const U = ["aria-label"], D = {
+  key: 0,
+  class: "gcsa-pagination__total"
+}, F = {
+  key: 1,
+  class: "gcsa-pagination__size"
+}, I = ["disabled"], q = {
+  key: 3,
+  class: "gcsa-pagination__pager"
+}, H = {
+  key: 0,
+  class: "gcsa-pagination__ellipsis",
+  "aria-hidden": "true"
+}, K = ["onClick"], Q = ["disabled"], R = {
+  key: 5,
+  class: "gcsa-pagination__jumper"
+}, ta = /* @__PURE__ */ J({
+  name: "GcsaPagination",
+  __name: "GcsaPagination",
+  props: {
+    page: {},
+    total: {},
+    pageSize: { default: 10 },
+    pageSizeOptions: { default: () => [10, 20, 50, 100] },
+    showPageSize: { type: Boolean, default: !1 },
+    showJumper: { type: Boolean, default: !1 },
+    pageSizeLabel: {},
+    jumperLabel: {},
+    layout: {},
+    align: { default: "right" }
+  },
+  emits: ["update:page", "update:pageSize"],
+  setup(s, { emit: z }) {
+    const g = A(), a = s, y = o(() => a.pageSizeLabel ?? g.value.paginationPageSize), P = o(() => a.jumperLabel ?? g.value.paginationJumper), h = o(() => g.value.paginationPageSizeAria), m = z, p = o(() => Math.max(1, Math.ceil(a.total / a.pageSize))), k = o(
+      () => j({
+        layout: a.layout,
+        showPageSize: a.showPageSize,
+        showJumper: a.showJumper
+      })
+    ), L = o(() => V(a.align)), C = o(() => B(g.value.dataTableTotal, { count: a.total })), N = o(() => O(a.page, p.value));
+    function $(e) {
+      e == null || Number.isNaN(e) || r(e);
+    }
+    const x = o(
+      () => a.pageSizeOptions.map((e) => ({
+        value: String(e),
+        label: `${e} / 页`
+      }))
+    );
+    function r(e) {
+      const l = Math.min(Math.max(1, e), p.value);
+      m("update:page", l);
+    }
+    function G(e) {
+      !a.pageSizeOptions.includes(e) || e === a.pageSize || (m("update:pageSize", e), m("update:page", 1));
+    }
+    return (e, l) => (t(), n("div", {
+      class: _(["gcsa-pagination", L.value]),
+      role: "navigation",
+      "aria-label": v(g).paginationLabel
+    }, [
+      (t(!0), n(d, null, b(k.value, (u, w) => (t(), n(d, {
+        key: `${u}-${w}`
+      }, [
+        u === "total" ? (t(), n("div", D, c(C.value), 1)) : u === "sizes" ? (t(), n("div", F, [
+          f("span", null, c(y.value), 1),
+          S(T, {
+            class: "gcsa-pagination__size-select",
+            "model-value": String(s.pageSize),
+            options: x.value,
+            "aria-label": h.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (i) => G(Number(i)))
+          }, null, 8, ["model-value", "options", "aria-label"])
+        ])) : u === "prev" ? (t(), n("button", {
+          key: 2,
+          type: "button",
+          class: "gcsa-pagination__btn gcsa-pagination__btn--nav gcsa-focus-ring",
+          disabled: s.page <= 1,
+          onClick: l[1] || (l[1] = (i) => r(s.page - 1))
+        }, c(v(g).paginationPrev), 9, I)) : u === "pager" ? (t(), n("div", q, [
+          (t(!0), n(d, null, b(N.value, (i) => (t(), n(d, { key: i }, [
+            typeof i != "number" ? (t(), n("span", H, "…")) : (t(), n("button", {
+              key: 1,
+              type: "button",
+              class: _(["gcsa-pagination__btn gcsa-focus-ring", { "gcsa-pagination__btn--active": i === s.page }]),
+              onClick: (W) => r(i)
+            }, c(i), 11, K))
+          ], 64))), 128))
+        ])) : u === "next" ? (t(), n("button", {
+          key: 4,
+          type: "button",
+          class: "gcsa-pagination__btn gcsa-pagination__btn--nav gcsa-focus-ring",
+          disabled: s.page >= p.value,
+          onClick: l[2] || (l[2] = (i) => r(s.page + 1))
+        }, c(v(g).paginationNext), 9, Q)) : u === "jumper" ? (t(), n("div", R, [
+          f("span", null, c(P.value), 1),
+          S(E, {
+            class: "gcsa-pagination__jumper-input",
+            "model-value": s.page,
+            min: 1,
+            max: p.value,
+            precision: 0,
+            controls: "none",
+            "onUpdate:modelValue": $
+          }, null, 8, ["model-value", "max"])
+        ])) : M("", !0)
+      ], 64))), 128))
+    ], 10, U));
+  }
+});
+export {
+  ta as default
+};
+//# sourceMappingURL=GcsaPagination.vue.js.map

package/dist/components/GcsaPagination.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaPagination.vue.js","sources":["../../src/components/GcsaPagination.vue"],"sourcesContent":["<template>\n  <div\n    class=\"gcsa-pagination\"\n    :class=\"alignClass\"\n    role=\"navigation\"\n    :aria-label=\"messages.paginationLabel\"\n  >\n    <template v-for=\"(part, index) in layoutParts\" :key=\"`${part}-${index}`\">\n      <div v-if=\"part === 'total'\" class=\"gcsa-pagination__total\">\n        {{ totalText }}\n      </div>\n      <div v-else-if=\"part === 'sizes'\" class=\"gcsa-pagination__size\">\n        <span>{{ resolvedPageSizeLabel }}</span>\n        <GcsaSelect\n          class=\"gcsa-pagination__size-select\"\n          :model-value=\"String(pageSize)\"\n          :options=\"pageSizeSelectOptions\"\n          :aria-label=\"resolvedPageSizeAria\"\n          @update:model-value=\"setPageSize(Number($event))\"\n        />\n      </div>\n      <button\n        v-else-if=\"part === 'prev'\"\n        type=\"button\"\n        class=\"gcsa-pagination__btn gcsa-pagination__btn--nav gcsa-focus-ring\"\n        :disabled=\"page <= 1\"\n        @click=\"setPage(page - 1)\"\n      >\n        {{ messages.paginationPrev }}\n      </button>\n      <div v-else-if=\"part === 'pager'\" class=\"gcsa-pagination__pager\">\n        <template v-for=\"item in pages\" :key=\"item\">\n          <span v-if=\"typeof item !== 'number'\" class=\"gcsa-pagination__ellipsis\" aria-hidden=\"true\">…</span>\n          <button\n            v-else\n            type=\"button\"\n            class=\"gcsa-pagination__btn gcsa-focus-ring\"\n            :class=\"{ 'gcsa-pagination__btn--active': item === page }\"\n            @click=\"setPage(item)\"\n          >\n            {{ item }}\n          </button>\n        </template>\n      </div>\n      <button\n        v-else-if=\"part === 'next'\"\n        type=\"button\"\n        class=\"gcsa-pagination__btn gcsa-pagination__btn--nav gcsa-focus-ring\"\n        :disabled=\"page >= totalPages\"\n        @click=\"setPage(page + 1)\"\n      >\n        {{ messages.paginationNext }}\n      </button>\n      <div v-else-if=\"part === 'jumper'\" class=\"gcsa-pagination__jumper\">\n        <span>{{ resolvedJumperLabel }}</span>\n        <GcsaInputNumber\n          class=\"gcsa-pagination__jumper-input\"\n          :model-value=\"page\"\n          :min=\"1\"\n          :max=\"totalPages\"\n          :precision=\"0\"\n          controls=\"none\"\n          @update:model-value=\"onJumpPage\"\n        />\n      </div>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport {\n  formatGcsaLocaleMessage,\n  getGcsaPaginationAlignClass,\n  getGcsaPaginationItems,\n  resolveGcsaPaginationLayout\n} from '@gcsa/console-core';\nimport type { GcsaPaginationProps } from '../types/componentProps';\nimport { useGcsaLocaleMessages } from '../composables/useGcsaLocale';\nimport GcsaSelect from './GcsaSelect.vue';\nimport GcsaInputNumber from './GcsaInputNumber.vue';\n\ndefineOptions({ name: 'GcsaPagination' });\n\nconst messages = useGcsaLocaleMessages();\n\nconst props = withDefaults(\n  defineProps<GcsaPaginationProps>(),\n  {\n    pageSize: 10,\n    pageSizeOptions: () => [10, 20, 50, 100],\n    showPageSize: false,\n    showJumper: false,\n    align: 'right'\n  }\n);\n\nconst resolvedPageSizeLabel = computed(() => props.pageSizeLabel ?? messages.value.paginationPageSize);\nconst resolvedJumperLabel = computed(() => props.jumperLabel ?? messages.value.paginationJumper);\nconst resolvedPageSizeAria = computed(() => messages.value.paginationPageSizeAria);\n\nconst emit = defineEmits<{\n  'update:page': [page: number];\n  'update:pageSize': [pageSize: number];\n}>();\n\nconst totalPages = computed(() => Math.max(1, Math.ceil(props.total / props.pageSize)));\n\nconst layoutParts = computed(() =>\n  resolveGcsaPaginationLayout({\n    layout: props.layout,\n    showPageSize: props.showPageSize,\n    showJumper: props.showJumper\n  })\n);\n\nconst alignClass = computed(() => getGcsaPaginationAlignClass(props.align));\n\nconst totalText = computed(() => formatGcsaLocaleMessage(messages.value.dataTableTotal, { count: props.total }));\n\nconst pages = computed(() => {\n  return getGcsaPaginationItems(props.page, totalPages.value);\n});\n\nfunction onJumpPage(value: number | null) {\n  if (value == null || Number.isNaN(value)) return;\n  setPage(value);\n}\n\nconst pageSizeSelectOptions = computed(() =>\n  props.pageSizeOptions.map(size => ({\n    value: String(size),\n    label: `${size} / 页`\n  }))\n);\n\nfunction setPage(next: number) {\n  const clamped = Math.min(Math.max(1, next), totalPages.value);\n  emit('update:page', clamped);\n}\n\nfunction setPageSize(next: number) {\n  if (!props.pageSizeOptions.includes(next) || next === props.pageSize) return;\n  emit('update:pageSize', next);\n  emit('update:page', 1);\n}\n</script>\n"],"names":["messages","useGcsaLocaleMessages","props","__props","resolvedPageSizeLabel","computed","resolvedJumperLabel","resolvedPageSizeAria","emit","__emit","totalPages","layoutParts","resolveGcsaPaginationLayout","alignClass","getGcsaPaginationAlignClass","totalText","formatGcsaLocaleMessage","pages","getGcsaPaginationItems","onJumpPage","value","setPage","pageSizeSelectOptions","size","next","clamped","setPageSize","_createElementBlock","_normalizeClass","_unref","_openBlock","_Fragment","_renderList","part","index","_hoisted_2","_toDisplayString","_hoisted_3","_createElementVNode","_createVNode","GcsaSelect","_cache","$event","_hoisted_4","_hoisted_5","item","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","GcsaInputNumber"],"mappings":"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"}

package/dist/components/GcsaPagination2.vue.js

@@ -0,0 +1,5 @@
+import f from "./GcsaPagination.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=GcsaPagination2.vue.js.map

package/dist/components/GcsaPagination2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaPagination2.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/GcsaPopconfirm.vue.d.ts

@@ -0,0 +1,29 @@
+import { GcsaPopconfirmProps } from '../types/componentProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GcsaPopconfirmProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: () => any;
+    confirm: () => any;
+}, string, import('vue').PublicProps, Readonly<GcsaPopconfirmProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    portalled: boolean;
+    placement: import('..').GcsaPopconfirmPlacement;
+    arrow: boolean;
+    gutter: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};