@gcsa/console-vue 0.1.0

package/dist/components/GcsaCalendar.vue.js

@@ -0,0 +1,154 @@
+import { defineComponent as R, computed as u, openBlock as c, createBlock as m, unref as e, withCtx as a, createElementVNode as f, normalizeClass as $, createVNode as l, toDisplayString as _, createElementBlock as v, Fragment as k, renderList as x, createTextVNode as V, createCommentVNode as E } from "vue";
+import { parseDate as T, DatePicker as t } from "@ark-ui/vue/date-picker";
+import { getGcsaLocaleMessages as H, getGcsaStartOfWeek as O } from "@gcsa/console-core";
+import w from "./GcsaIcon.vue.js";
+import { useGcsaLocale as W } from "../composables/useGcsaLocale.js";
+import { gcsaStringToDateValues as U, gcsaNormalizeDateBoundary as D, gcsaDatePickerFormat as Y, gcsaDatePickerParse as j } from "../utils/gcsaDateValue.js";
+const q = { class: "gcsa-calendar__header" }, A = { class: "gcsa-calendar__title" }, I = {
+  key: 0,
+  class: "gcsa-calendar__footer"
+}, J = ["disabled"], te = /* @__PURE__ */ R({
+  __name: "GcsaCalendar",
+  props: {
+    value: {},
+    locale: {},
+    disabled: { type: Boolean },
+    min: {},
+    max: {},
+    showToday: { type: Boolean, default: !0 }
+  },
+  emits: ["update:value", "change"],
+  setup(i, { emit: S }) {
+    const r = i, y = S, B = W(), b = u(() => r.locale ?? B.value), p = u(() => H(b.value).datePicker), P = u(() => O(b.value)), L = u(() => U(r.value, "date")), N = u(() => r.min ? T(D(r.min, "date")) : void 0), z = u(() => r.max ? T(D(r.max, "date")) : void 0), F = (s, o) => Y(s, o, "date"), G = (s, o) => j(s, o, "date");
+    function C(s) {
+      var n;
+      const o = ((n = s[0]) == null ? void 0 : n.toString()) ?? "";
+      y("update:value", o), y("change", o);
+    }
+    function M() {
+      const s = /* @__PURE__ */ new Date();
+      C([T(`${s.getFullYear()}-${String(s.getMonth() + 1).padStart(2, "0")}-${String(s.getDate()).padStart(2, "0")}`)]);
+    }
+    return (s, o) => (c(), m(e(t).Root, {
+      "model-value": L.value,
+      locale: b.value,
+      "start-of-week": P.value,
+      disabled: i.disabled,
+      min: N.value,
+      max: z.value,
+      format: F,
+      parse: G,
+      "onUpdate:modelValue": C
+    }, {
+      default: a(() => [
+        f("div", {
+          class: $(["gcsa-calendar gcsa-ui-surface", { "gcsa-calendar--disabled": i.disabled }])
+        }, [
+          f("div", q, [
+            l(e(t).PrevTrigger, {
+              class: "gcsa-calendar__nav gcsa-focus-ring",
+              "aria-label": p.value.prevMonth
+            }, {
+              default: a(() => [
+                l(w, {
+                  name: "chevronLeft",
+                  size: "sm"
+                })
+              ]),
+              _: 1
+            }, 8, ["aria-label"]),
+            l(e(t).Context, null, {
+              default: a((n) => [
+                f("div", A, _(n.visibleRangeText.start), 1)
+              ]),
+              _: 1
+            }),
+            l(e(t).NextTrigger, {
+              class: "gcsa-calendar__nav gcsa-focus-ring",
+              "aria-label": p.value.nextMonth
+            }, {
+              default: a(() => [
+                l(w, {
+                  name: "chevronLeft",
+                  size: "sm",
+                  class: "gcsa-date-picker__nav-icon--next"
+                })
+              ]),
+              _: 1
+            }, 8, ["aria-label"])
+          ]),
+          l(e(t).Context, null, {
+            default: a((n) => [
+              l(e(t).Table, { class: "gcsa-calendar__table" }, {
+                default: a(() => [
+                  l(e(t).TableHead, null, {
+                    default: a(() => [
+                      l(e(t).TableRow, null, {
+                        default: a(() => [
+                          (c(!0), v(k, null, x(n.weekDays, (g, h) => (c(), m(e(t).TableHeader, {
+                            key: g.short ?? h,
+                            class: "gcsa-calendar__weekday"
+                          }, {
+                            default: a(() => {
+                              var d;
+                              return [
+                                V(_((d = g.short) == null ? void 0 : d.replace(/^周/, "")), 1)
+                              ];
+                            }),
+                            _: 2
+                          }, 1024))), 128))
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  l(e(t).TableBody, null, {
+                    default: a(() => [
+                      (c(!0), v(k, null, x(n.weeks, (g, h) => (c(), m(e(t).TableRow, { key: h }, {
+                        default: a(() => [
+                          (c(!0), v(k, null, x(g, (d) => (c(), m(e(t).TableCell, {
+                            key: d.toString(),
+                            value: d,
+                            class: "gcsa-calendar__cell"
+                          }, {
+                            default: a(() => [
+                              l(e(t).TableCellTrigger, { class: "gcsa-calendar__day gcsa-focus-ring" }, {
+                                default: a(() => [
+                                  V(_(d.day), 1)
+                                ]),
+                                _: 2
+                              }, 1024)
+                            ]),
+                            _: 2
+                          }, 1032, ["value"]))), 128))
+                        ]),
+                        _: 2
+                      }, 1024))), 128))
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 1
+          }),
+          i.showToday ? (c(), v("div", I, [
+            f("button", {
+              type: "button",
+              class: "gcsa-btn gcsa-btn--sm gcsa-btn--ghost",
+              disabled: i.disabled,
+              onClick: M
+            }, _(p.value.today), 9, J)
+          ])) : E("", !0)
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["model-value", "locale", "start-of-week", "disabled", "min", "max"]));
+  }
+});
+export {
+  te as default
+};
+//# sourceMappingURL=GcsaCalendar.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaCalendar.vue.js","sources":["../../src/components/GcsaCalendar.vue"],"sourcesContent":["<template>\n  <DatePicker.Root :model-value=\"calendarValue\" :locale=\"resolvedLocale\" :start-of-week=\"startOfWeek\" :disabled=\"disabled\" :min=\"minValue\" :max=\"maxValue\" :format=\"formatValue\" :parse=\"parseValue\" @update:model-value=\"onPickerChange\">\n    <div class=\"gcsa-calendar gcsa-ui-surface\" :class=\"{ 'gcsa-calendar--disabled': disabled }\">\n      <div class=\"gcsa-calendar__header\">\n        <DatePicker.PrevTrigger class=\"gcsa-calendar__nav gcsa-focus-ring\" :aria-label=\"messages.prevMonth\"><GcsaIcon name=\"chevronLeft\" size=\"sm\" /></DatePicker.PrevTrigger>\n        <DatePicker.Context v-slot=\"dp\"><div class=\"gcsa-calendar__title\">{{ dp.visibleRangeText.start }}</div></DatePicker.Context>\n        <DatePicker.NextTrigger class=\"gcsa-calendar__nav gcsa-focus-ring\" :aria-label=\"messages.nextMonth\"><GcsaIcon name=\"chevronLeft\" size=\"sm\" class=\"gcsa-date-picker__nav-icon--next\" /></DatePicker.NextTrigger>\n      </div>\n      <DatePicker.Context v-slot=\"dp\">\n        <DatePicker.Table class=\"gcsa-calendar__table\"><DatePicker.TableHead><DatePicker.TableRow><DatePicker.TableHeader v-for=\"(weekDay, index) in dp.weekDays\" :key=\"weekDay.short ?? index\" class=\"gcsa-calendar__weekday\">{{ weekDay.short?.replace(/^周/, '') }}</DatePicker.TableHeader></DatePicker.TableRow></DatePicker.TableHead><DatePicker.TableBody><DatePicker.TableRow v-for=\"(week, weekIndex) in dp.weeks\" :key=\"weekIndex\"><DatePicker.TableCell v-for=\"day in week\" :key=\"day.toString()\" :value=\"day\" class=\"gcsa-calendar__cell\"><DatePicker.TableCellTrigger class=\"gcsa-calendar__day gcsa-focus-ring\">{{ day.day }}</DatePicker.TableCellTrigger></DatePicker.TableCell></DatePicker.TableRow></DatePicker.TableBody></DatePicker.Table>\n      </DatePicker.Context>\n      <div v-if=\"showToday\" class=\"gcsa-calendar__footer\"><button type=\"button\" class=\"gcsa-btn gcsa-btn--sm gcsa-btn--ghost\" :disabled=\"disabled\" @click=\"selectToday\">{{ messages.today }}</button></div>\n    </div>\n  </DatePicker.Root>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { DatePicker, parseDate, type DateValue } from '@ark-ui/vue/date-picker';\nimport { getGcsaLocaleMessages, getGcsaStartOfWeek, type GcsaConsoleLocale } from '@gcsa/console-core';\nimport type { GcsaCalendarProps } from '../types/componentProps';\nimport GcsaIcon from './GcsaIcon.vue';\nimport { useGcsaLocale } from '../composables/useGcsaLocale';\nimport { gcsaDatePickerFormat, gcsaDatePickerParse, gcsaNormalizeDateBoundary, gcsaStringToDateValues } from '../utils/gcsaDateValue';\n\nconst props = withDefaults(defineProps<GcsaCalendarProps>(), { showToday: true });\nconst emit = defineEmits<{ 'update:value': [value: string]; change: [value: string] }>();\nconst localeFromConfig = useGcsaLocale();\nconst resolvedLocale = computed(() => props.locale ?? localeFromConfig.value);\nconst messages = computed(() => getGcsaLocaleMessages(resolvedLocale.value).datePicker);\nconst startOfWeek = computed(() => getGcsaStartOfWeek(resolvedLocale.value));\nconst calendarValue = computed(() => gcsaStringToDateValues(props.value, 'date'));\nconst minValue = computed(() => props.min ? parseDate(gcsaNormalizeDateBoundary(props.min, 'date')!) : undefined);\nconst maxValue = computed(() => props.max ? parseDate(gcsaNormalizeDateBoundary(props.max, 'date')!) : undefined);\nconst formatValue = (date: DateValue, details: Parameters<typeof gcsaDatePickerFormat>[1]) => gcsaDatePickerFormat(date, details, 'date');\nconst parseValue = (input: string, details: Parameters<typeof gcsaDatePickerParse>[1]) => gcsaDatePickerParse(input, details, 'date');\nfunction onPickerChange(value: DateValue[]) { const next = value[0]?.toString() ?? ''; emit('update:value', next); emit('change', next); }\nfunction selectToday() { const today = new Date(); onPickerChange([parseDate(`${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, '0')}-${String(today.getDate()).padStart(2, '0')}`)]); }\n</script>\n"],"names":["props","__props","emit","__emit","localeFromConfig","useGcsaLocale","resolvedLocale","computed","messages","getGcsaLocaleMessages","startOfWeek","getGcsaStartOfWeek","calendarValue","gcsaStringToDateValues","minValue","parseDate","gcsaNormalizeDateBoundary","maxValue","formatValue","date","details","gcsaDatePickerFormat","parseValue","input","gcsaDatePickerParse","onPickerChange","value","next","_a","selectToday","today","_createBlock","_unref","DatePicker","_createElementVNode","_normalizeClass","_hoisted_1","_createVNode","GcsaIcon","_withCtx","dp","_hoisted_2","_toDisplayString","_openBlock","_createElementBlock","_Fragment","weekDay","index","week","weekIndex","_renderList","day","_createTextVNode","_hoisted_3","_hoisted_4"],"mappings":"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"}

package/dist/components/GcsaCalendar2.vue.js

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

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

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

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

@@ -0,0 +1,19 @@
+import { GcsaCardProps } from '../types/componentProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GcsaCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GcsaCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/GcsaCard.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent as d, openBlock as a, createElementBlock as s, renderSlot as o, toDisplayString as r, createCommentVNode as c, createElementVNode as n } from "vue";
+const l = { class: "gcsa-card gcsa-ui-surface" }, i = {
+  key: 0,
+  class: "gcsa-card__header"
+}, _ = {
+  key: 0,
+  class: "gcsa-card__title"
+}, m = { class: "gcsa-card__body" }, g = /* @__PURE__ */ d({
+  name: "GcsaCard",
+  __name: "GcsaCard",
+  props: {
+    title: {},
+    bordered: { type: Boolean },
+    padding: {}
+  },
+  setup(e) {
+    return (t, h) => (a(), s("section", l, [
+      e.title || t.$slots.header ? (a(), s("header", i, [
+        o(t.$slots, "header", {}, () => [
+          e.title ? (a(), s("div", _, r(e.title), 1)) : c("", !0)
+        ])
+      ])) : c("", !0),
+      n("div", m, [
+        o(t.$slots, "default")
+      ])
+    ]));
+  }
+});
+export {
+  g as default
+};
+//# sourceMappingURL=GcsaCard.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaCard.vue.js","sources":["../../src/components/GcsaCard.vue"],"sourcesContent":["<template>\n  <section class=\"gcsa-card gcsa-ui-surface\">\n    <header v-if=\"title || $slots.header\" class=\"gcsa-card__header\">\n      <slot name=\"header\">\n        <div v-if=\"title\" class=\"gcsa-card__title\">{{ title }}</div>\n      </slot>\n    </header>\n    <div class=\"gcsa-card__body\">\n      <slot />\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport type { GcsaCardProps } from '../types/componentProps';\n\ndefineOptions({ name: 'GcsaCard' });\n\ndefineProps<GcsaCardProps>();\n</script>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","__props","$slots","_hoisted_2","_renderSlot","_ctx","_hoisted_3","_toDisplayString","_createElementVNode","_hoisted_4"],"mappings":";;;;;;;;;;;;;;;;sBACEA,EAAA,GAAAC,EASU,WATVC,GASU;AAAA,MARMC,EAAA,SAASC,EAAAA,OAAO,UAA9BJ,KAAAC,EAIS,UAJTI,GAIS;AAAA,QAHPC,EAEOC,wBAFP,MAEO;AAAA,UADMJ,EAAA,cAAXF,EAA4D,OAA5DO,GAA4DC,EAAdN,EAAA,KAAK,GAAA,CAAA;;;MAGvDO,EAEM,OAFNC,GAEM;AAAA,QADJL,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/dist/components/GcsaCard2.vue.js

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

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

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

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

@@ -0,0 +1,15 @@
+import { GcsaCascaderProps } from '../types/componentProps';
+declare const _default: import('vue').DefineComponent<GcsaCascaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: string[]) => any;
+    "update:modelValue": (value: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<GcsaCascaderProps> & Readonly<{
+    onChange?: ((value: string[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    portalled: boolean;
+    invalid: boolean;
+    modelValue: string[];
+    changeOnSelect: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/GcsaCascader.vue.js

@@ -0,0 +1,114 @@
+import { defineComponent as O, computed as m, ref as z, watch as D, openBlock as n, createBlock as _, withCtx as g, createElementVNode as u, createElementBlock as r, Fragment as b, renderList as y, normalizeClass as G, toDisplayString as f, createCommentVNode as k, unref as L, createVNode as N } from "vue";
+import V from "./GcsaIcon.vue.js";
+import P from "./GcsaPopover.vue.js";
+import { useGcsaLocaleMessages as S } from "../composables/useGcsaLocale.js";
+const $ = ["disabled", "data-invalid"], E = ["data-placeholder"], j = { class: "gcsa-cascader__panel" }, F = ["disabled", "onClick"], M = {
+  key: 0,
+  class: "gcsa-cascader__empty"
+}, K = /* @__PURE__ */ O({
+  name: "GcsaCascader",
+  __name: "GcsaCascader",
+  props: {
+    modelValue: { default: () => [] },
+    options: {},
+    placeholder: {},
+    disabled: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    changeOnSelect: { type: Boolean, default: !1 },
+    portalled: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(d, { emit: C }) {
+    const p = S(), s = d, B = m(() => s.placeholder ?? p.value.selectPlaceholder), h = C, o = z([...s.modelValue]);
+    D(() => s.modelValue, (a) => {
+      o.value = [...a ?? []];
+    }, { deep: !0 });
+    const w = m(() => {
+      var t;
+      const a = [s.options];
+      let c = s.options;
+      for (const l of o.value) {
+        const e = c.find((i) => i.value === l);
+        if (!((t = e == null ? void 0 : e.children) != null && t.length)) break;
+        a.push(e.children), c = e.children;
+      }
+      return a;
+    }), v = m(() => {
+      const a = [];
+      let c = s.options;
+      for (const t of s.modelValue ?? []) {
+        const l = c.find((e) => e.value === t);
+        if (!l) break;
+        a.push(l.label), c = l.children ?? [];
+      }
+      return a.join(" / ");
+    });
+    function x(a, c) {
+      var l;
+      if (a.disabled) return;
+      const t = [...o.value.slice(0, c), a.value];
+      o.value = t, (!((l = a.children) != null && l.length) || s.changeOnSelect) && (h("update:modelValue", t), h("change", t));
+    }
+    return (a, c) => (n(), _(P, {
+      arrow: !1,
+      portalled: d.portalled,
+      gutter: 6,
+      class: "gcsa-cascader-popover"
+    }, {
+      trigger: g(() => [
+        u("button", {
+          type: "button",
+          class: "gcsa-cascader__trigger gcsa-focus-ring",
+          disabled: d.disabled,
+          "data-invalid": d.invalid || void 0
+        }, [
+          u("span", {
+            class: "gcsa-cascader__value",
+            "data-placeholder": !v.value || void 0
+          }, f(v.value || B.value), 9, E),
+          N(V, {
+            name: "chevronDown",
+            size: "sm",
+            "aria-hidden": "true"
+          })
+        ], 8, $)
+      ]),
+      default: g(() => [
+        u("div", j, [
+          (n(!0), r(b, null, y(w.value, (t, l) => (n(), r("div", {
+            key: l,
+            class: "gcsa-cascader__column",
+            role: "menu"
+          }, [
+            (n(!0), r(b, null, y(t, (e) => {
+              var i;
+              return n(), r("button", {
+                key: e.value,
+                type: "button",
+                class: G(["gcsa-cascader__option gcsa-focus-ring", { "gcsa-cascader__option--active": o.value[l] === e.value }]),
+                disabled: e.disabled,
+                role: "menuitem",
+                onClick: (q) => x(e, l)
+              }, [
+                u("span", null, f(e.label), 1),
+                (i = e.children) != null && i.length ? (n(), _(V, {
+                  key: 0,
+                  name: "chevronDown",
+                  size: "sm",
+                  class: "gcsa-cascader__arrow",
+                  "aria-hidden": "true"
+                })) : k("", !0)
+              ], 10, F);
+            }), 128)),
+            t.length ? k("", !0) : (n(), r("span", M, f(L(p).noOptions), 1))
+          ]))), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["portalled"]));
+  }
+});
+export {
+  K as default
+};
+//# sourceMappingURL=GcsaCascader.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaCascader.vue.js","sources":["../../src/components/GcsaCascader.vue"],"sourcesContent":["<template>\n  <GcsaPopover :arrow=\"false\" :portalled=\"portalled\" :gutter=\"6\" class=\"gcsa-cascader-popover\">\n    <template #trigger>\n      <button type=\"button\" class=\"gcsa-cascader__trigger gcsa-focus-ring\" :disabled=\"disabled\" :data-invalid=\"invalid || undefined\">\n        <span class=\"gcsa-cascader__value\" :data-placeholder=\"!displayLabel || undefined\">{{ displayLabel || resolvedPlaceholder }}</span>\n        <GcsaIcon name=\"chevronDown\" size=\"sm\" aria-hidden=\"true\" />\n      </button>\n    </template>\n    <div class=\"gcsa-cascader__panel\">\n      <div v-for=\"(column, depth) in columns\" :key=\"depth\" class=\"gcsa-cascader__column\" role=\"menu\">\n        <button\n          v-for=\"option in column\"\n          :key=\"option.value\"\n          type=\"button\"\n          class=\"gcsa-cascader__option gcsa-focus-ring\"\n          :class=\"{ 'gcsa-cascader__option--active': activePath[depth] === option.value }\"\n          :disabled=\"option.disabled\"\n          role=\"menuitem\"\n          @click=\"selectOption(option, depth)\"\n        >\n          <span>{{ option.label }}</span>\n          <GcsaIcon v-if=\"option.children?.length\" name=\"chevronDown\" size=\"sm\" class=\"gcsa-cascader__arrow\" aria-hidden=\"true\" />\n        </button>\n        <span v-if=\"!column.length\" class=\"gcsa-cascader__empty\">{{ messages.noOptions }}</span>\n      </div>\n    </div>\n  </GcsaPopover>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue';\nimport type { GcsaCascaderOption } from '@gcsa/console-core';\nimport type { GcsaCascaderProps } from '../types/componentProps';\nimport GcsaIcon from './GcsaIcon.vue';\nimport GcsaPopover from './GcsaPopover.vue';\nimport { useGcsaLocaleMessages } from '../composables/useGcsaLocale';\n\ndefineOptions({ name: 'GcsaCascader' });\n\nconst messages = useGcsaLocaleMessages();\n\nconst props = withDefaults(defineProps<GcsaCascaderProps>(), { modelValue: () => [], disabled: false, invalid: false, changeOnSelect: false, portalled: true });\n\nconst resolvedPlaceholder = computed(() => props.placeholder ?? messages.value.selectPlaceholder);\n\nconst emit = defineEmits<{ 'update:modelValue': [value: string[]]; change: [value: string[]] }>();\nconst activePath = ref([...props.modelValue]);\n\nwatch(() => props.modelValue, value => { activePath.value = [...(value ?? [])]; }, { deep: true });\n\nconst columns = computed(() => {\n  const result: GcsaCascaderOption[][] = [props.options];\n  let current = props.options;\n  for (const value of activePath.value) {\n    const selected = current.find(option => option.value === value);\n    if (!selected?.children?.length) break;\n    result.push(selected.children);\n    current = selected.children;\n  }\n  return result;\n});\n\nconst displayLabel = computed(() => {\n  const labels: string[] = [];\n  let current = props.options;\n  for (const value of props.modelValue ?? []) {\n    const selected = current.find(option => option.value === value);\n    if (!selected) break;\n    labels.push(selected.label);\n    current = selected.children ?? [];\n  }\n  return labels.join(' / ');\n});\n\nfunction selectOption(option: GcsaCascaderOption, depth: number) {\n  if (option.disabled) return;\n  const next = [...activePath.value.slice(0, depth), option.value];\n  activePath.value = next;\n  if (!option.children?.length || props.changeOnSelect) {\n    emit('update:modelValue', next);\n    emit('change', next);\n  }\n}\n</script>\n"],"names":["messages","useGcsaLocaleMessages","props","__props","resolvedPlaceholder","computed","emit","__emit","activePath","ref","watch","value","columns","result","current","selected","option","_a","displayLabel","labels","selectOption","depth","next","_createBlock","GcsaPopover","_createElementVNode","_toDisplayString","_hoisted_2","_createVNode","GcsaIcon","_hoisted_3","_openBlock","_createElementBlock","_Fragment","_renderList","column","_normalizeClass","$event","_hoisted_5","_unref"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuCA,UAAMA,IAAWC,EAAA,GAEXC,IAAQC,GAERC,IAAsBC,EAAS,MAAMH,EAAM,eAAeF,EAAS,MAAM,iBAAiB,GAE1FM,IAAOC,GACPC,IAAaC,EAAI,CAAC,GAAGP,EAAM,UAAU,CAAC;AAE5C,IAAAQ,EAAM,MAAMR,EAAM,YAAY,CAAAS,MAAS;AAAE,MAAAH,EAAW,QAAQ,CAAC,GAAIG,KAAS,CAAA,CAAG;AAAA,IAAG,GAAG,EAAE,MAAM,IAAM;AAEjG,UAAMC,IAAUP,EAAS,MAAM;;AAC7B,YAAMQ,IAAiC,CAACX,EAAM,OAAO;AACrD,UAAIY,IAAUZ,EAAM;AACpB,iBAAWS,KAASH,EAAW,OAAO;AACpC,cAAMO,IAAWD,EAAQ,KAAK,CAAAE,MAAUA,EAAO,UAAUL,CAAK;AAC9D,YAAI,GAACM,IAAAF,KAAA,gBAAAA,EAAU,aAAV,QAAAE,EAAoB,QAAQ;AACjC,QAAAJ,EAAO,KAAKE,EAAS,QAAQ,GAC7BD,IAAUC,EAAS;AAAA,MACrB;AACA,aAAOF;AAAA,IACT,CAAC,GAEKK,IAAeb,EAAS,MAAM;AAClC,YAAMc,IAAmB,CAAA;AACzB,UAAIL,IAAUZ,EAAM;AACpB,iBAAWS,KAAST,EAAM,cAAc,CAAA,GAAI;AAC1C,cAAMa,IAAWD,EAAQ,KAAK,CAAAE,MAAUA,EAAO,UAAUL,CAAK;AAC9D,YAAI,CAACI,EAAU;AACf,QAAAI,EAAO,KAAKJ,EAAS,KAAK,GAC1BD,IAAUC,EAAS,YAAY,CAAA;AAAA,MACjC;AACA,aAAOI,EAAO,KAAK,KAAK;AAAA,IAC1B,CAAC;AAED,aAASC,EAAaJ,GAA4BK,GAAe;;AAC/D,UAAIL,EAAO,SAAU;AACrB,YAAMM,IAAO,CAAC,GAAGd,EAAW,MAAM,MAAM,GAAGa,CAAK,GAAGL,EAAO,KAAK;AAC/D,MAAAR,EAAW,QAAQc,IACf,GAACL,IAAAD,EAAO,aAAP,QAAAC,EAAiB,WAAUf,EAAM,oBACpCI,EAAK,qBAAqBgB,CAAI,GAC9BhB,EAAK,UAAUgB,CAAI;AAAA,IAEvB;2BAjFEC,EAyBcC,GAAA;AAAA,MAzBA,OAAO;AAAA,MAAQ,WAAWrB,EAAA;AAAA,MAAY,QAAQ;AAAA,MAAG,OAAM;AAAA,IAAA;MACxD,WACT,MAGS;AAAA,QAHTsB,EAGS,UAAA;AAAA,UAHD,MAAK;AAAA,UAAS,OAAM;AAAA,UAA0C,UAAUtB,EAAA;AAAA,UAAW,gBAAcA,EAAA,WAAW;AAAA,QAAA;UAClHsB,EAAkI,QAAA;AAAA,YAA5H,OAAM;AAAA,YAAwB,oBAAgB,CAAGP,EAAA,SAAgB;AAAA,UAAA,GAAcQ,EAAAR,EAAA,SAAgBd,EAAA,KAAmB,GAAA,GAAAuB,CAAA;AAAA,UACxHC,EAA4DC,GAAA;AAAA,YAAlD,MAAK;AAAA,YAAc,MAAK;AAAA,YAAK,eAAY;AAAA,UAAA;;;iBAGvD,MAiBM;AAAA,QAjBNJ,EAiBM,OAjBNK,GAiBM;AAAA,WAhBJC,EAAA,EAAA,GAAAC,EAeMC,GAAA,MAAAC,EAfyBtB,EAAA,OAAO,CAAzBuB,GAAQd,YAArBW,EAeM,OAAA;AAAA,YAfmC,KAAKX;AAAA,YAAO,OAAM;AAAA,YAAwB,MAAK;AAAA,UAAA;oBACtFW,EAYSC,GAAA,MAAAC,EAXUC,GAAM,CAAhBnB,MAAM;;0BADfgB,EAYS,UAAA;AAAA,gBAVN,KAAKhB,EAAO;AAAA,gBACb,MAAK;AAAA,gBACL,OAAKoB,EAAA,CAAC,yCAAuC,EAAA,iCACF5B,EAAA,MAAWa,CAAK,MAAML,EAAO,MAAA,CAAK,CAAA;AAAA,gBAC5E,UAAUA,EAAO;AAAA,gBAClB,MAAK;AAAA,gBACJ,SAAK,CAAAqB,MAAEjB,EAAaJ,GAAQK,CAAK;AAAA,cAAA;gBAElCI,EAA+B,QAAA,MAAAC,EAAtBV,EAAO,KAAK,GAAA,CAAA;AAAA,iBACLC,IAAAD,EAAO,aAAP,QAAAC,EAAiB,eAAjCM,EAAwHM,GAAA;AAAA;kBAA/E,MAAK;AAAA,kBAAc,MAAK;AAAA,kBAAK,OAAM;AAAA,kBAAuB,eAAY;AAAA,gBAAA;;;YAEpGM,EAAO,sBAApBJ,KAAAC,EAAwF,QAAxFM,GAAwFZ,EAA5Ba,EAAAvC,CAAA,EAAS,SAAS,GAAA,CAAA;AAAA;;;;;;;"}

package/dist/components/GcsaCascader2.vue.js

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

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

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

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

@@ -0,0 +1,61 @@
+import { GcsaChatMessage } from '@gcsa/console-core';
+import { GcsaChatPanelProps } from '../types/componentProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        empty?(_: {}): any;
+        message?(_: {
+            message: GcsaChatMessage;
+            index: number;
+        }): any;
+        avatar?(_: {
+            message: GcsaChatMessage;
+            index: number;
+        }): any;
+        'message-content'?(_: {
+            message: GcsaChatMessage;
+            index: number;
+        }): any;
+        'message-actions'?(_: {
+            message: GcsaChatMessage;
+            index: number;
+        }): any;
+        'message-footer'?(_: {
+            message: GcsaChatMessage;
+            index: number;
+        }): any;
+        composer?(_: {}): any;
+        'composer-prefix'?(_: {}): any;
+        'composer-actions'?(_: {}): any;
+    };
+    refs: {
+        listRef: HTMLDivElement;
+    };
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GcsaChatPanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    copy: (message: GcsaChatMessage) => any;
+    send: (content: string) => any;
+}, string, import('vue').PublicProps, Readonly<GcsaChatPanelProps> & Readonly<{
+    onCopy?: ((message: GcsaChatMessage) => any) | undefined;
+    onSend?: ((content: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    loading: boolean;
+    renderMarkdown: import('@gcsa/console-core').GcsaChatMarkdownMode;
+    showTimestamp: boolean;
+    showAvatars: boolean;
+    copyable: boolean;
+    streamingCursor: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    listRef: HTMLDivElement;
+}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};