@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/layout/Layout.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent as d, useSlots as u, ref as p, provide as f, computed as i, createBlock as y, openBlock as S, resolveDynamicComponent as v, normalizeStyle as C, normalizeClass as h, withCtx as x, renderSlot as N } from "vue";
+import g from "classnames";
+import { cssClasses as _ } from "@douyinfe/semi-foundation/layout/constants";
+import { LayoutContextKey as k } from "./context.js";
+const j = /* @__PURE__ */ d({
+  __name: "Layout",
+  props: {
+    prefixCls: { default: _.PREFIX },
+    style: {},
+    className: {},
+    hasSider: { type: Boolean },
+    tagName: { default: "section" }
+  },
+  setup(r) {
+    const t = r, l = u(), s = p([]);
+    f(k, {
+      siderHook: {
+        addSider: (e) => {
+          s.value = [...s.value, e];
+        },
+        removeSider: (e) => {
+          s.value = s.value.filter((a) => a !== e);
+        }
+      }
+    });
+    const m = i(() => {
+      var a;
+      return (((a = l.default) == null ? void 0 : a.call(l)) || []).some((o) => {
+        if (o.type && typeof o.type == "object") {
+          const n = o.type.name || o.type.__name;
+          return n === "Sider" || n === "LayoutSider";
+        }
+        return !1;
+      });
+    }), c = i(
+      () => g(t.className, t.prefixCls, {
+        [`${t.prefixCls}-has-sider`]: typeof t.hasSider == "boolean" && t.hasSider || s.value.length > 0 || m.value
+      })
+    );
+    return (e, a) => (S(), y(v(r.tagName), {
+      class: h(c.value),
+      style: C(r.style)
+    }, {
+      default: x(() => [
+        N(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+});
+export {
+  j as default
+};
+//# sourceMappingURL=Layout.vue.js.map

package/lib/es/components/layout/Layout.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.vue.js","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<template>\n    <component :is=\"tagName\" :class=\"classString\" :style=\"style\">\n        <slot></slot>\n    </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, provide, useSlots, VNode } from 'vue';\nimport cls from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/layout/constants';\nimport { LayoutProps } from './interface';\nimport { LayoutContextKey } from './context';\n\nconst props = withDefaults(defineProps<LayoutProps>(), {\n    prefixCls: cssClasses.PREFIX,\n    tagName: 'section',\n});\n\nconst slots = useSlots();\nconst siders = ref<string[]>([]);\n\nconst addSider = (id: string) => {\n    siders.value = [...siders.value, id];\n};\n\nconst removeSider = (id: string) => {\n    siders.value = siders.value.filter((curr) => curr !== id);\n};\n\nprovide(LayoutContextKey, {\n    siderHook: {\n        addSider,\n        removeSider,\n    },\n});\n\nconst hasSiderInChildren = computed(() => {\n    const children = slots.default?.() || [];\n    return children.some((child: VNode) => {\n        if (child.type && typeof child.type === 'object') {\n            const componentName = (child.type as any).name || (child.type as any).__name;\n            return componentName === 'Sider' || componentName === 'LayoutSider';\n        }\n        return false;\n    });\n});\n\nconst classString = computed(() =>\n    cls(props.className, props.prefixCls, {\n        [`${props.prefixCls}-has-sider`]:\n            (typeof props.hasSider === 'boolean' && props.hasSider) ||\n            siders.value.length > 0 ||\n            hasSiderInChildren.value,\n    })\n);\n</script>\n"],"names":["props","__props","slots","useSlots","siders","ref","provide","LayoutContextKey","id","curr","hasSiderInChildren","computed","_a","child","componentName","classString","cls","_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAKRC,IAAQC,EAAA,GACRC,IAASC,EAAc,EAAE;AAU/B,IAAAC,EAAQC,GAAkB;AAAA,MACtB,WAAW;AAAA,QACP,UAVS,CAACC,MAAe;AAC7B,UAAAJ,EAAO,QAAQ,CAAC,GAAGA,EAAO,OAAOI,CAAE;AAAA,QACvC;AAAA,QASQ,aAPY,CAACA,MAAe;AAChC,UAAAJ,EAAO,QAAQA,EAAO,MAAM,OAAO,CAACK,MAASA,MAASD,CAAE;AAAA,QAC5D;AAAA,MAKQ;AAAA,IACJ,CACH;AAED,UAAME,IAAqBC,EAAS,MAAM;;AAEtC,gBADiBC,IAAAV,EAAM,YAAN,gBAAAU,EAAA,KAAAV,OAAqB,CAAA,GACtB,KAAK,CAACW,MAAiB;AACnC,YAAIA,EAAM,QAAQ,OAAOA,EAAM,QAAS,UAAU;AAC9C,gBAAMC,IAAiBD,EAAM,KAAa,QAASA,EAAM,KAAa;AACtE,iBAAOC,MAAkB,WAAWA,MAAkB;AAAA,QAC1D;AACA,eAAO;AAAA,MACX,CAAC;AAAA,IACL,CAAC,GAEKC,IAAcJ;AAAA,MAAS,MACzBK,EAAIhB,EAAM,WAAWA,EAAM,WAAW;AAAA,QAClC,CAAC,GAAGA,EAAM,SAAS,YAAY,GAC1B,OAAOA,EAAM,YAAa,aAAaA,EAAM,YAC9CI,EAAO,MAAM,SAAS,KACtBM,EAAmB;AAAA,MAAA,CAC1B;AAAA,IAAA;sBApDDO,KAAAC,EAEYC,EAFIlB,EAAA,OAAO,GAAA;AAAA,MAAG,SAAOc,EAAA,KAAW;AAAA,MAAG,SAAOd,EAAA,KAAK;AAAA,IAAA;iBACvD,MAAa;AAAA,QAAbmB,EAAaC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}

package/lib/es/components/layout/Sider.vue.js

@@ -0,0 +1,77 @@
+import { defineComponent as C, inject as E, computed as a, onMounted as S, onUnmounted as H, createElementBlock as I, openBlock as $, normalizeStyle as B, normalizeClass as u, createElementVNode as L, renderSlot as M } from "vue";
+import N from "classnames";
+import { cssClasses as f } from "@douyinfe/semi-foundation/layout/constants";
+import { LayoutContextKey as R, defaultContext as _ } from "./context.js";
+const j = ["aria-label", "role"], Q = /* @__PURE__ */ C({
+  __name: "Sider",
+  props: {
+    prefixCls: { default: f.PREFIX },
+    style: {},
+    className: {},
+    breakpoint: {},
+    "aria-label": {},
+    role: {}
+  },
+  emits: ["breakpoint"],
+  setup(r, { emit: h }) {
+    const l = {
+      xs: "(max-width: 575px)",
+      sm: "(min-width: 576px)",
+      md: "(min-width: 768px)",
+      lg: "(min-width: 992px)",
+      xl: "(min-width: 1200px)",
+      xxl: "(min-width: 1600px)"
+    };
+    let c = 0;
+    const x = () => (c += 1, `${f.PREFIX}-sider-${c}`), o = r, k = h, i = E(R, _), d = x(), m = [], v = a(
+      () => N(o.className, {
+        [`${o.prefixCls}-sider`]: !0
+      })
+    ), b = a(() => o["aria-label"]), y = a(() => o.role), p = (e, s) => {
+      k("breakpoint", e, s);
+    }, g = (e, s) => {
+      const n = window.matchMedia(e), t = (w) => {
+        w.matches ? s.match() : s.unmatch();
+      };
+      return t(n), n.addEventListener("change", t), () => {
+        n.removeEventListener("change", t);
+      };
+    };
+    return S(() => {
+      const { breakpoint: e } = o;
+      if (e) {
+        const n = Object.keys(l).filter(
+          (t) => e.indexOf(t) !== -1
+        ).map(
+          (t) => g(l[t], {
+            match: () => {
+              p(t, !0);
+            },
+            unmatch: () => {
+              p(t, !1);
+            }
+          })
+        );
+        m.push(...n);
+      }
+      i.siderHook && i.siderHook.addSider(d);
+    }), H(() => {
+      m.forEach((e) => e()), i.siderHook && i.siderHook.removeSider(d);
+    }), (e, s) => ($(), I("aside", {
+      class: u(v.value),
+      style: B(r.style),
+      "aria-label": b.value,
+      role: y.value
+    }, [
+      L("div", {
+        class: u(`${r.prefixCls}-sider-children`)
+      }, [
+        M(e.$slots, "default")
+      ], 2)
+    ], 14, j));
+  }
+});
+export {
+  Q as default
+};
+//# sourceMappingURL=Sider.vue.js.map

package/lib/es/components/layout/Sider.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sider.vue.js","sources":["../../../../src/components/layout/Sider.vue"],"sourcesContent":["<template>\n    <aside :class=\"classString\" :style=\"style\" :aria-label=\"ariaLabel\" :role=\"role\">\n        <div :class=\"`${prefixCls}-sider-children`\">\n            <slot></slot>\n        </div>\n    </aside>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, onMounted, onUnmounted } from 'vue';\nimport cls from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/layout/constants';\nimport { SiderProps, ResponsiveMap } from './interface';\nimport { LayoutContextKey, defaultContext } from './context';\n\nconst responsiveMap: ResponsiveMap = {\n    xs: '(max-width: 575px)',\n    sm: '(min-width: 576px)',\n    md: '(min-width: 768px)',\n    lg: '(min-width: 992px)',\n    xl: '(min-width: 1200px)',\n    xxl: '(min-width: 1600px)',\n};\n\nlet siderId = 0;\nconst generateId = (): string => {\n    siderId += 1;\n    return `${cssClasses.PREFIX}-sider-${siderId}`;\n};\n\nconst props = withDefaults(defineProps<SiderProps>(), {\n    prefixCls: cssClasses.PREFIX,\n});\n\nconst emit = defineEmits<{\n    breakpoint: [screen: keyof ResponsiveMap, match: boolean];\n}>();\n\nconst context = inject(LayoutContextKey, defaultContext);\n\nconst uniqueId = generateId();\nconst unRegisters: Array<() => void> = [];\n\nconst classString = computed(() =>\n    cls(props.className, {\n        [`${props.prefixCls}-sider`]: true,\n    })\n);\n\nconst ariaLabel = computed(() => props['aria-label']);\nconst role = computed(() => props['role']);\n\nconst responsiveHandler = (screen: keyof ResponsiveMap, matches: boolean) => {\n    emit('breakpoint', screen, matches);\n};\n\nconst registerMediaQuery = (query: string, callback: { match: () => void; unmatch: () => void }): (() => void) => {\n    const mediaQuery = window.matchMedia(query);\n\n    const listener = (e: MediaQueryListEvent | MediaQueryList) => {\n        if (e.matches) {\n            callback.match();\n        } else {\n            callback.unmatch();\n        }\n    };\n\n    listener(mediaQuery);\n\n    mediaQuery.addEventListener('change', listener);\n\n    return () => {\n        mediaQuery.removeEventListener('change', listener);\n    };\n};\n\nonMounted(() => {\n    const { breakpoint } = props;\n    if (breakpoint) {\n        const matchBpt = (Object.keys(responsiveMap) as (keyof ResponsiveMap)[]).filter(\n            (item) => breakpoint.indexOf(item) !== -1\n        );\n\n        const unRegs = matchBpt.map((screen) =>\n            registerMediaQuery(responsiveMap[screen], {\n                match: () => {\n                    responsiveHandler(screen, true);\n                },\n                unmatch: () => {\n                    responsiveHandler(screen, false);\n                },\n            })\n        );\n\n        unRegisters.push(...unRegs);\n    }\n\n    if (context.siderHook) {\n        context.siderHook.addSider(uniqueId);\n    }\n});\n\nonUnmounted(() => {\n    unRegisters.forEach((unRegister) => unRegister());\n\n    if (context.siderHook) {\n        context.siderHook.removeSider(uniqueId);\n    }\n});\n</script>\n"],"names":["responsiveMap","siderId","generateId","cssClasses","props","__props","emit","__emit","context","inject","LayoutContextKey","defaultContext","uniqueId","unRegisters","classString","computed","cls","ariaLabel","role","responsiveHandler","screen","matches","registerMediaQuery","query","callback","mediaQuery","listener","e","onMounted","breakpoint","unRegs","item","onUnmounted","unRegister","_createElementBlock","_createElementVNode","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;AAeA,UAAMA,IAA+B;AAAA,MACjC,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,KAAK;AAAA,IAAA;AAGT,QAAIC,IAAU;AACd,UAAMC,IAAa,OACfD,KAAW,GACJ,GAAGE,EAAW,MAAM,UAAUF,CAAO,KAG1CG,IAAQC,GAIRC,IAAOC,GAIPC,IAAUC,EAAOC,GAAkBC,CAAc,GAEjDC,IAAWV,EAAA,GACXW,IAAiC,CAAA,GAEjCC,IAAcC;AAAA,MAAS,MACzBC,EAAIZ,EAAM,WAAW;AAAA,QACjB,CAAC,GAAGA,EAAM,SAAS,QAAQ,GAAG;AAAA,MAAA,CACjC;AAAA,IAAA,GAGCa,IAAYF,EAAS,MAAMX,EAAM,YAAY,CAAC,GAC9Cc,IAAOH,EAAS,MAAMX,EAAM,IAAO,GAEnCe,IAAoB,CAACC,GAA6BC,MAAqB;AACzE,MAAAf,EAAK,cAAcc,GAAQC,CAAO;AAAA,IACtC,GAEMC,IAAqB,CAACC,GAAeC,MAAuE;AAC9G,YAAMC,IAAa,OAAO,WAAWF,CAAK,GAEpCG,IAAW,CAACC,MAA4C;AAC1D,QAAIA,EAAE,UACFH,EAAS,MAAA,IAETA,EAAS,QAAA;AAAA,MAEjB;AAEA,aAAAE,EAASD,CAAU,GAEnBA,EAAW,iBAAiB,UAAUC,CAAQ,GAEvC,MAAM;AACT,QAAAD,EAAW,oBAAoB,UAAUC,CAAQ;AAAA,MACrD;AAAA,IACJ;AAEA,WAAAE,EAAU,MAAM;AACZ,YAAM,EAAE,YAAAC,MAAezB;AACvB,UAAIyB,GAAY;AAKZ,cAAMC,IAJY,OAAO,KAAK9B,CAAa,EAA8B;AAAA,UACrE,CAAC+B,MAASF,EAAW,QAAQE,CAAI,MAAM;AAAA,QAAA,EAGnB;AAAA,UAAI,CAACX,MACzBE,EAAmBtB,EAAcoB,CAAM,GAAG;AAAA,YACtC,OAAO,MAAM;AACT,cAAAD,EAAkBC,GAAQ,EAAI;AAAA,YAClC;AAAA,YACA,SAAS,MAAM;AACX,cAAAD,EAAkBC,GAAQ,EAAK;AAAA,YACnC;AAAA,UAAA,CACH;AAAA,QAAA;AAGL,QAAAP,EAAY,KAAK,GAAGiB,CAAM;AAAA,MAC9B;AAEA,MAAItB,EAAQ,aACRA,EAAQ,UAAU,SAASI,CAAQ;AAAA,IAE3C,CAAC,GAEDoB,EAAY,MAAM;AACd,MAAAnB,EAAY,QAAQ,CAACoB,MAAeA,EAAA,CAAY,GAE5CzB,EAAQ,aACRA,EAAQ,UAAU,YAAYI,CAAQ;AAAA,IAE9C,CAAC,mBA3GGsB,EAIQ,SAAA;AAAA,MAJA,SAAOpB,EAAA,KAAW;AAAA,MAAG,SAAOT,EAAA,KAAK;AAAA,MAAG,cAAYY,EAAA;AAAA,MAAY,MAAMC,EAAA;AAAA,IAAA;MACtEiB,EAEM,OAAA;AAAA,QAFA,YAAU9B,EAAA,SAAS,iBAAA;AAAA,MAAA;QACrB+B,EAAaC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/lib/es/components/layout/context.js

@@ -0,0 +1,12 @@
+const o = () => {
+}, t = Symbol("LayoutContext"), e = {
+  siderHook: {
+    addSider: o,
+    removeSider: o
+  }
+};
+export {
+  t as LayoutContextKey,
+  e as defaultContext
+};
+//# sourceMappingURL=context.js.map

package/lib/es/components/layout/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/components/layout/context.ts"],"sourcesContent":["import { InjectionKey } from 'vue';\nimport { ContextType } from './interface';\n\nconst noop = () => {};\n\nexport const LayoutContextKey: InjectionKey<ContextType> = Symbol('LayoutContext');\n\nexport const defaultContext: ContextType = {\n    siderHook: {\n        addSider: noop,\n        removeSider: noop,\n    },\n};\n"],"names":["noop","LayoutContextKey","defaultContext"],"mappings":"AAGA,MAAMA,IAAO,MAAM;AAAC,GAEPC,IAA8C,OAAO,eAAe,GAEpEC,IAA8B;AAAA,EACvC,WAAW;AAAA,IACP,UAAUF;AAAA,IACV,aAAaA;AAAA,EAAA;AAErB;"}

package/lib/es/components/layout/index.js

@@ -0,0 +1,7 @@
+import o from "./Layout.vue.js";
+/* empty css            */
+export {
+  o as Layout,
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/lib/es/components/layout/index.js.map

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

package/lib/es/components/list/List.vue.js

@@ -0,0 +1,116 @@
+import { defineComponent as I, useSlots as P, computed as f, isVNode as m, cloneVNode as b, provide as w, createElementBlock as i, openBlock as r, normalizeStyle as D, normalizeClass as y, createCommentVNode as g, createVNode as F, createBlock as s, unref as p, resolveDynamicComponent as u, Fragment as c, createTextVNode as k, toDisplayString as C, withCtx as x, normalizeProps as K, mergeProps as R, renderSlot as N, renderList as z, h as $ } from "vue";
+import T from "classnames";
+import { cssClasses as j } from "@douyinfe/semi-foundation/list/constants";
+import { ListContextKey as X } from "./context.js";
+import q from "../spin/Spin.vue.js";
+/* empty css                */
+import A from "../grid/Row.vue.js";
+import G from "../locale/LocaleConsumer.vue.js";
+const _ = /* @__PURE__ */ I({
+  name: "List",
+  __name: "List",
+  props: {
+    style: {},
+    className: {},
+    bordered: { type: Boolean, default: !1 },
+    footer: {},
+    header: {},
+    layout: { default: "vertical" },
+    size: { default: "default" },
+    split: { type: Boolean, default: !0 },
+    emptyContent: {},
+    dataSource: {},
+    renderItem: {},
+    grid: {},
+    loading: { type: Boolean, default: !1 },
+    loadMore: {}
+  },
+  emits: ["click", "rightClick"],
+  setup(t, { emit: S }) {
+    const e = t, h = S, B = P(), n = j.PREFIX, L = () => e.emptyContent ? $(
+      "div",
+      { class: `${n}-empty`, "x-semi-prop": "emptyContent" },
+      (m(e.emptyContent), e.emptyContent)
+    ) : $(
+      G,
+      { componentName: "List" },
+      {
+        default: (o) => $("div", { class: `${n}-empty` }, o.emptyText)
+      }
+    ), M = f(() => T(n, e.className, {
+      [`${n}-flex`]: e.layout === "horizontal",
+      [`${n}-${e.size}`]: e.size,
+      [`${n}-grid`]: e.grid,
+      [`${n}-split`]: e.split,
+      [`${n}-bordered`]: e.bordered
+    })), v = f(() => e.dataSource && e.dataSource.length ? (e.renderItem ? e.dataSource.map((a, l) => e.renderItem(a, l)) : []).map((a, l) => {
+      const d = a.key || `list-item-${l}`;
+      return m(a) ? b(a, { key: d }) : a;
+    }) : B.default ? [] : [L()]), V = f(() => {
+      if (!e.grid) return {};
+      const o = { type: "flex" };
+      return ["align", "gutter", "justify", "type"].forEach((a) => {
+        e.grid && a in e.grid && (o[a] = e.grid[a]);
+      }), o;
+    }), E = f(() => ({
+      grid: e.grid,
+      onClick: (o) => h("click", o),
+      onRightClick: (o) => h("rightClick", o)
+    }));
+    return w(X, E), (o, a) => (r(), i("div", {
+      class: y(M.value),
+      style: D(t.style)
+    }, [
+      t.header ? (r(), i("div", {
+        key: 0,
+        class: y(`${p(n)}-header`),
+        "x-semi-prop": "header"
+      }, [
+        m(t.header) ? (r(), s(u(t.header), { key: 0 })) : (r(), i(c, { key: 1 }, [
+          k(C(t.header), 1)
+        ], 64))
+      ], 2)) : g("", !0),
+      F(p(q), {
+        spinning: t.loading,
+        size: "large"
+      }, {
+        default: x(() => [
+          e.grid ? (r(), s(A, K(R({ key: 0 }, V.value)), {
+            default: x(() => [
+              (r(!0), i(c, null, z(v.value, (l, d) => (r(), s(u(l), {
+                key: l.key || `list-item-${d}`
+              }))), 128)),
+              N(o.$slots, "default")
+            ]),
+            _: 3
+          }, 16)) : (r(), i("ul", {
+            key: 1,
+            class: y(`${p(n)}-items`)
+          }, [
+            (r(!0), i(c, null, z(v.value, (l, d) => (r(), s(u(l), {
+              key: l.key || `list-item-${d}`
+            }))), 128)),
+            N(o.$slots, "default")
+          ], 2))
+        ]),
+        _: 3
+      }, 8, ["spinning"]),
+      t.footer ? (r(), i("div", {
+        key: 1,
+        class: y(`${p(n)}-footer`),
+        "x-semi-prop": "footer"
+      }, [
+        m(t.footer) ? (r(), s(u(t.footer), { key: 0 })) : (r(), i(c, { key: 1 }, [
+          k(C(t.footer), 1)
+        ], 64))
+      ], 2)) : g("", !0),
+      t.loadMore && m(t.loadMore) ? (r(), s(u(t.loadMore), { key: 2 })) : t.loadMore ? (r(), i(c, { key: 3 }, [
+        k(C(t.loadMore), 1)
+      ], 64)) : g("", !0)
+    ], 6));
+  }
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=List.vue.js.map

package/lib/es/components/list/List.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.vue.js","sources":["../../../../src/components/list/List.vue"],"sourcesContent":["<template>\n    <div :class=\"wrapperCls\" :style=\"style\">\n        <!-- Header -->\n        <div v-if=\"header\" :class=\"`${prefixCls}-header`\" x-semi-prop=\"header\">\n            <component :is=\"header\" v-if=\"isVNode(header)\" />\n            <template v-else>{{ header }}</template>\n        </div>\n\n        <!-- Spin wrapper -->\n        <Spin :spinning=\"loading\" size=\"large\">\n            <!-- Grid layout -->\n            <Row v-if=\"props.grid\" v-bind=\"rowProps\">\n                <component :is=\"item\" v-for=\"(item, index) in childrenList\" :key=\"item.key || `list-item-${index}`\" />\n                <slot></slot>\n            </Row>\n            <!-- Normal layout -->\n            <ul v-else :class=\"`${prefixCls}-items`\">\n                <component :is=\"item\" v-for=\"(item, index) in childrenList\" :key=\"item.key || `list-item-${index}`\" />\n                <slot></slot>\n            </ul>\n        </Spin>\n\n        <!-- Footer -->\n        <div v-if=\"footer\" :class=\"`${prefixCls}-footer`\" x-semi-prop=\"footer\">\n            <component :is=\"footer\" v-if=\"isVNode(footer)\" />\n            <template v-else>{{ footer }}</template>\n        </div>\n\n        <!-- Load More -->\n        <component :is=\"loadMore\" v-if=\"loadMore && isVNode(loadMore)\" />\n        <template v-else-if=\"loadMore\">{{ loadMore }}</template>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, h, isVNode, cloneVNode, provide, useSlots } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/list/constants';\nimport type { ListProps } from './interface';\nimport { ListContextKey, type ListContextValue } from './context';\nimport Spin from '../spin';\nimport Row from '../grid/Row.vue';\nimport LocaleConsumer from '../locale/LocaleConsumer.vue';\n\ndefineOptions({\n    name: 'List',\n});\n\nconst props = withDefaults(defineProps<ListProps>(), {\n    bordered: false,\n    split: true,\n    loading: false,\n    layout: 'vertical',\n    size: 'default',\n});\n\nconst emit = defineEmits<{\n    click: [e: MouseEvent];\n    rightClick: [e: MouseEvent];\n}>();\n\nconst slots = useSlots();\n\nconst prefixCls = cssClasses.PREFIX;\n\n// Render empty content\nconst renderEmpty = () => {\n    if (props.emptyContent) {\n        return h(\n            'div',\n            { class: `${prefixCls}-empty`, 'x-semi-prop': 'emptyContent' },\n            isVNode(props.emptyContent) ? props.emptyContent : props.emptyContent\n        );\n    } else {\n        return h(\n            LocaleConsumer,\n            { componentName: 'List' },\n            {\n                default: (locale: any) => h('div', { class: `${prefixCls}-empty` }, locale.emptyText),\n            }\n        );\n    }\n};\n\n// Wrapper class names\nconst wrapperCls = computed(() => {\n    return classNames(prefixCls, props.className, {\n        [`${prefixCls}-flex`]: props.layout === 'horizontal',\n        [`${prefixCls}-${props.size}`]: props.size,\n        [`${prefixCls}-grid`]: props.grid,\n        [`${prefixCls}-split`]: props.split,\n        [`${prefixCls}-bordered`]: props.bordered,\n    });\n});\n\n// Children list from dataSource\nconst childrenList = computed(() => {\n    if (props.dataSource && props.dataSource.length) {\n        const items = props.renderItem ? props.dataSource.map((item, index) => props.renderItem!(item, index)) : [];\n\n        return items.map((child: any, index: number) => {\n            const itemKey = child.key || `list-item-${index}`;\n            // Clone VNode with key\n            if (isVNode(child)) {\n                return cloneVNode(child, { key: itemKey });\n            }\n            return child;\n        });\n    } else if (!slots.default) {\n        // No dataSource and no slot children, show empty\n        return [renderEmpty()];\n    }\n    return [];\n});\n\n// Row props for grid layout\nconst rowProps = computed(() => {\n    if (!props.grid) return {};\n\n    const result: any = { type: 'flex' };\n    ['align', 'gutter', 'justify', 'type'].forEach((key) => {\n        if (props.grid && key in props.grid) {\n            result[key] = (props.grid as any)[key];\n        }\n    });\n    return result;\n});\n\n// Context value\nconst contextValue = computed<ListContextValue>(() => ({\n    grid: props.grid,\n    onClick: (e: MouseEvent) => emit('click', e),\n    onRightClick: (e: MouseEvent) => emit('rightClick', e),\n}));\n\n// Provide context\nprovide(ListContextKey, contextValue);\n</script>\n"],"names":["props","__props","emit","__emit","slots","useSlots","prefixCls","cssClasses","renderEmpty","h","isVNode","LocaleConsumer","locale","wrapperCls","computed","classNames","childrenList","item","index","child","itemKey","cloneVNode","rowProps","result","key","contextValue","e","provide","ListContextKey","_createElementBlock","_unref","_openBlock","_createBlock","_resolveDynamicComponent","_Fragment","_createVNode","Spin","Row","_renderList","_renderSlot","_ctx"],"mappings":"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"}

package/lib/es/components/list/ListItem.vue.js

@@ -0,0 +1,137 @@
+import { defineComponent as I, inject as S, computed as d, createBlock as m, createElementBlock as i, openBlock as t, normalizeProps as j, mergeProps as D, withCtx as F, createElementVNode as w, normalizeStyle as N, normalizeClass as r, createCommentVNode as u, renderSlot as R, unref as c, isVNode as y, resolveDynamicComponent as k, Fragment as v, createTextVNode as C, toDisplayString as f } from "vue";
+import P from "classnames";
+import { cssClasses as G } from "@douyinfe/semi-foundation/list/constants";
+import { ListContextKey as K } from "./context.js";
+import T from "../grid/Col.vue.js";
+const Q = /* @__PURE__ */ I({
+  name: "ListItem",
+  __name: "ListItem",
+  props: {
+    extra: {},
+    header: {},
+    main: {},
+    align: { default: "flex-start" },
+    className: {},
+    style: {},
+    onClick: {},
+    onRightClick: {},
+    onMouseEnter: {},
+    onMouseLeave: {}
+  },
+  setup(e) {
+    const n = e, s = G.PREFIX, g = S(K, void 0), x = d(() => !g || !g.value ? {
+      grid: void 0,
+      onClick: void 0,
+      onRightClick: void 0
+    } : g.value), M = d(() => !!(n.header || n.main)), V = d(() => {
+      var l;
+      return !!((l = x.value) != null && l.grid);
+    }), h = d(() => P(`${s}-item`, n.className)), $ = d(() => P(`${s}-item-body`, {
+      [`${s}-item-body-${n.align}`]: n.align
+    })), b = (l) => {
+      var o;
+      const a = n.onClick || ((o = x.value) == null ? void 0 : o.onClick);
+      a && a(l);
+    }, E = (l) => {
+      var o;
+      const a = n.onRightClick || ((o = x.value) == null ? void 0 : o.onRightClick);
+      a && a(l);
+    }, z = d(() => {
+      var L;
+      if (!((L = x.value) != null && L.grid)) return {};
+      const { gutter: l, justify: a, type: o, align: X, ...B } = x.value.grid;
+      return B;
+    });
+    return (l, a) => V.value ? (t(), m(T, j(D({ key: 0 }, z.value)), {
+      default: F(() => [
+        w("li", {
+          class: r(h.value),
+          style: N(e.style),
+          onClick: b,
+          onContextmenu: E,
+          onMouseenter: a[0] || (a[0] = //@ts-ignore
+          (...o) => n.onMouseEnter && n.onMouseEnter(...o)),
+          onMouseleave: a[1] || (a[1] = //@ts-ignore
+          (...o) => n.onMouseLeave && n.onMouseLeave(...o))
+        }, [
+          M.value ? (t(), i("div", {
+            key: 0,
+            class: r($.value)
+          }, [
+            e.header ? (t(), i("div", {
+              key: 0,
+              class: r(`${c(s)}-item-body-header`)
+            }, [
+              y(e.header) ? (t(), m(k(e.header), { key: 0 })) : (t(), i(v, { key: 1 }, [
+                C(f(e.header), 1)
+              ], 64))
+            ], 2)) : u("", !0),
+            e.main ? (t(), i("div", {
+              key: 1,
+              class: r(`${c(s)}-item-body-main`)
+            }, [
+              y(e.main) ? (t(), m(k(e.main), { key: 0 })) : (t(), i(v, { key: 1 }, [
+                C(f(e.main), 1)
+              ], 64))
+            ], 2)) : u("", !0)
+          ], 2)) : u("", !0),
+          R(l.$slots, "default"),
+          e.extra ? (t(), i("div", {
+            key: 1,
+            class: r(`${c(s)}-item-extra`)
+          }, [
+            y(e.extra) ? (t(), m(k(e.extra), { key: 0 })) : (t(), i(v, { key: 1 }, [
+              C(f(e.extra), 1)
+            ], 64))
+          ], 2)) : u("", !0)
+        ], 38)
+      ]),
+      _: 3
+    }, 16)) : (t(), i("li", {
+      key: 1,
+      class: r(h.value),
+      style: N(e.style),
+      onClick: b,
+      onContextmenu: E,
+      onMouseenter: a[2] || (a[2] = //@ts-ignore
+      (...o) => n.onMouseEnter && n.onMouseEnter(...o)),
+      onMouseleave: a[3] || (a[3] = //@ts-ignore
+      (...o) => n.onMouseLeave && n.onMouseLeave(...o))
+    }, [
+      M.value ? (t(), i("div", {
+        key: 0,
+        class: r($.value)
+      }, [
+        e.header ? (t(), i("div", {
+          key: 0,
+          class: r(`${c(s)}-item-body-header`)
+        }, [
+          y(e.header) ? (t(), m(k(e.header), { key: 0 })) : (t(), i(v, { key: 1 }, [
+            C(f(e.header), 1)
+          ], 64))
+        ], 2)) : u("", !0),
+        e.main ? (t(), i("div", {
+          key: 1,
+          class: r(`${c(s)}-item-body-main`)
+        }, [
+          y(e.main) ? (t(), m(k(e.main), { key: 0 })) : (t(), i(v, { key: 1 }, [
+            C(f(e.main), 1)
+          ], 64))
+        ], 2)) : u("", !0)
+      ], 2)) : u("", !0),
+      R(l.$slots, "default"),
+      e.extra ? (t(), i("div", {
+        key: 1,
+        class: r(`${c(s)}-item-extra`)
+      }, [
+        y(e.extra) ? (t(), m(k(e.extra), { key: 0 })) : (t(), i(v, { key: 1 }, [
+          C(f(e.extra), 1)
+        ], 64))
+      ], 2)) : u("", !0)
+    ], 38));
+  }
+});
+export {
+  Q as default
+};
+//# sourceMappingURL=ListItem.vue.js.map

package/lib/es/components/list/ListItem.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.vue.js","sources":["../../../../src/components/list/ListItem.vue"],"sourcesContent":["<template>\n    <!-- Grid layout: wrap with Col -->\n    <Col v-if=\"isGrid\" v-bind=\"colProps\">\n        <li\n            :class=\"itemCls\"\n            :style=\"style\"\n            @click=\"handleClick\"\n            @contextmenu=\"handleContextMenu\"\n            @mouseenter=\"props.onMouseEnter\"\n            @mouseleave=\"props.onMouseLeave\"\n        >\n            <!-- Body (header + main) -->\n            <div v-if=\"body\" :class=\"bodyCls\">\n                <div v-if=\"header\" :class=\"`${prefixCls}-item-body-header`\">\n                    <component :is=\"header\" v-if=\"isVNode(header)\" />\n                    <template v-else>{{ header }}</template>\n                </div>\n                <div v-if=\"main\" :class=\"`${prefixCls}-item-body-main`\">\n                    <component :is=\"main\" v-if=\"isVNode(main)\" />\n                    <template v-else>{{ main }}</template>\n                </div>\n            </div>\n\n            <!-- Children -->\n            <slot></slot>\n\n            <!-- Extra -->\n            <div v-if=\"extra\" :class=\"`${prefixCls}-item-extra`\">\n                <component :is=\"extra\" v-if=\"isVNode(extra)\" />\n                <template v-else>{{ extra }}</template>\n            </div>\n        </li>\n    </Col>\n\n    <!-- Normal layout: just li -->\n    <li\n        v-else\n        :class=\"itemCls\"\n        :style=\"style\"\n        @click=\"handleClick\"\n        @contextmenu=\"handleContextMenu\"\n        @mouseenter=\"props.onMouseEnter\"\n        @mouseleave=\"props.onMouseLeave\"\n    >\n        <!-- Body (header + main) -->\n        <div v-if=\"body\" :class=\"bodyCls\">\n            <div v-if=\"header\" :class=\"`${prefixCls}-item-body-header`\">\n                <component :is=\"header\" v-if=\"isVNode(header)\" />\n                <template v-else>{{ header }}</template>\n            </div>\n            <div v-if=\"main\" :class=\"`${prefixCls}-item-body-main`\">\n                <component :is=\"main\" v-if=\"isVNode(main)\" />\n                <template v-else>{{ main }}</template>\n            </div>\n        </div>\n\n        <!-- Children -->\n        <slot></slot>\n\n        <!-- Extra -->\n        <div v-if=\"extra\" :class=\"`${prefixCls}-item-extra`\">\n            <component :is=\"extra\" v-if=\"isVNode(extra)\" />\n            <template v-else>{{ extra }}</template>\n        </div>\n    </li>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, isVNode } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/list/constants';\nimport type { ListItemProps } from './interface';\nimport { ListContextKey, type ListContextValue } from './context';\nimport Col from '../grid/Col.vue';\n\ndefineOptions({\n    name: 'ListItem',\n});\n\nconst props = withDefaults(defineProps<ListItemProps>(), {\n    align: 'flex-start',\n});\n\nconst prefixCls = cssClasses.PREFIX;\n\n// Inject context (it's a Ref)\nconst contextRef = inject(ListContextKey, undefined);\nconst context = computed(() => {\n    if (!contextRef || !contextRef.value) {\n        return {\n            grid: undefined,\n            onClick: undefined,\n            onRightClick: undefined,\n        };\n    }\n    return contextRef.value;\n});\n\n// Check if has body content\nconst body = computed(() => {\n    return !!(props.header || props.main);\n});\n\n// Check if grid mode\nconst isGrid = computed(() => {\n    return !!context.value?.grid;\n});\n\n// Item class names\nconst itemCls = computed(() => {\n    return classNames(`${prefixCls}-item`, props.className);\n});\n\n// Body class names\nconst bodyCls = computed(() => {\n    return classNames(`${prefixCls}-item-body`, {\n        [`${prefixCls}-item-body-${props.align}`]: props.align,\n    });\n});\n\n// Event handlers\nconst handleClick = (e: MouseEvent) => {\n    const handler = props.onClick || context.value?.onClick;\n    if (handler) {\n        handler(e);\n    }\n};\n\nconst handleContextMenu = (e: MouseEvent) => {\n    const handler = props.onRightClick || context.value?.onRightClick;\n    if (handler) {\n        handler(e);\n    }\n};\n\n// Col props for grid layout\nconst colProps = computed(() => {\n    if (!context.value?.grid) return {};\n\n    const { gutter, justify, type, align, ...rest } = context.value.grid;\n    return rest;\n});\n</script>\n"],"names":["props","__props","prefixCls","cssClasses","contextRef","inject","ListContextKey","context","computed","body","isGrid","_a","itemCls","classNames","bodyCls","handleClick","e","handler","handleContextMenu","colProps","gutter","justify","type","align","rest","_openBlock","_createBlock","Col","_createElementVNode","_cache","args","_createElementBlock","_unref","isVNode","_resolveDynamicComponent","_Fragment","_renderSlot","_ctx"],"mappings":"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"}

package/lib/es/components/list/context.js

@@ -0,0 +1,5 @@
+const t = Symbol("ListContext");
+export {
+  t as ListContextKey
+};
+//# sourceMappingURL=context.js.map

package/lib/es/components/list/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/components/list/context.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\nimport type { Grid } from './interface';\n\nexport interface ListContextValue {\n    grid?: Grid;\n    onClick?: (e: MouseEvent) => void;\n    onRightClick?: (e: MouseEvent) => void;\n}\n\nexport const ListContextKey: InjectionKey<Ref<ListContextValue>> = Symbol('ListContext');\n"],"names":["ListContextKey"],"mappings":"AASO,MAAMA,IAAsD,OAAO,aAAa;"}

package/lib/es/components/list/index.js

@@ -0,0 +1,9 @@
+import m from "./List.vue.js";
+import t from "./ListItem.vue.js";
+/* empty css          */
+m.Item = t;
+export {
+  t as ListItem,
+  m as default
+};
+//# sourceMappingURL=index.js.map

package/lib/es/components/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/list/index.ts"],"sourcesContent":["import List from './List.vue';\nimport ListItem from './ListItem.vue';\n\n// 导入样式（自动引入）\nimport './list.scss';\n\nexport type { ListProps, ListItemProps, Grid } from './interface';\n\n// Attach ListItem as a static property\n(List as any).Item = ListItem;\n\nexport { ListItem };\nexport default List;\n"],"names":["List","ListItem"],"mappings":";;;AASCA,EAAa,OAAOC;"}

package/lib/es/components/locale/LocaleConsumer.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent as v, computed as t, unref as u, renderSlot as g } from "vue";
+import { get as n } from "lodash-es";
+import { useLocaleContext as x } from "./context.js";
+import { useConfigContext as F } from "../configProvider/context.js";
+import l from "./source/zh_CN.js";
+const b = /* @__PURE__ */ v({
+  name: "LocaleConsumer",
+  inheritAttrs: !1,
+  __name: "LocaleConsumer",
+  props: {
+    componentName: { default: "" }
+  },
+  setup(m) {
+    const a = m, f = F(), r = x(), c = t(() => {
+      const e = f.locale, s = e ? u(e) : void 0, C = r ? u(r) : null;
+      let o = s || C;
+      return o != null && o.code || (o = l), o;
+    }), p = t(() => {
+      const e = n(c.value, a.componentName, {});
+      return Object.keys(e).length === 0 && a.componentName ? n(l, a.componentName, {}) : e;
+    }), d = t(() => c.value.code), i = t(() => {
+      const e = n(l, "dateFnsLocale");
+      return n(c.value, "dateFnsLocale", e);
+    }), L = t(() => n(c.value, "currency"));
+    return (e, s) => g(e.$slots, "default", {
+      locale: p.value,
+      localeCode: d.value,
+      dateFnsLocale: i.value,
+      currency: L.value
+    });
+  }
+});
+export {
+  b as default
+};
+//# sourceMappingURL=LocaleConsumer.vue.js.map

package/lib/es/components/locale/LocaleConsumer.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleConsumer.vue.js","sources":["../../../../src/components/locale/LocaleConsumer.vue"],"sourcesContent":["<template>\n    <slot :locale=\"componentLocale\" :locale-code=\"localeCode\" :date-fns-locale=\"dateFnsLocale\" :currency=\"currency\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref } from 'vue';\nimport { get } from 'lodash-es';\nimport { useLocaleContext } from './context';\nimport { useConfigContext } from '../configProvider/context';\nimport DefaultLocale from './source/zh_CN';\nimport type { Locale } from './interface';\n\nconst props = withDefaults(\n    defineProps<{\n        componentName: string;\n    }>(),\n    {\n        componentName: '',\n    }\n);\n\nconst configContext = useConfigContext();\nconst localeContext = useLocaleContext();\nconst localeData = computed<Locale>(() => {\n    const configLocale = configContext.locale;\n    const configLocaleValue = configLocale ? unref(configLocale) : undefined;\n    const contextLocaleValue = localeContext ? unref(localeContext) : null;\n    let locale = configLocaleValue || contextLocaleValue;\n\n    if (!locale?.code) {\n        locale = DefaultLocale;\n    }\n\n    return locale;\n});\n\nconst componentLocale = computed(() => {\n    const locale = get(localeData.value, props.componentName, {});\n    // 如果获取到的是空对象，尝试使用默认 locale\n    if (Object.keys(locale).length === 0 && props.componentName) {\n        return get(DefaultLocale, props.componentName, {});\n    }\n    return locale;\n});\n\nconst localeCode = computed(() => {\n    return localeData.value.code;\n});\n\nconst dateFnsLocale = computed(() => {\n    const defaultFnsLocale = get(DefaultLocale, 'dateFnsLocale');\n    return get(localeData.value, 'dateFnsLocale', defaultFnsLocale);\n});\n\nconst currency = computed(() => {\n    return get(localeData.value, 'currency');\n});\n\ndefineOptions({\n    name: 'LocaleConsumer',\n    inheritAttrs: false,\n});\n</script>\n"],"names":["props","__props","configContext","useConfigContext","localeContext","useLocaleContext","localeData","computed","configLocale","configLocaleValue","unref","contextLocaleValue","locale","DefaultLocale","componentLocale","get","localeCode","dateFnsLocale","defaultFnsLocale","currency","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GASRC,IAAgBC,EAAA,GAChBC,IAAgBC,EAAA,GAChBC,IAAaC,EAAiB,MAAM;AACtC,YAAMC,IAAeN,EAAc,QAC7BO,IAAoBD,IAAeE,EAAMF,CAAY,IAAI,QACzDG,IAAqBP,IAAgBM,EAAMN,CAAa,IAAI;AAClE,UAAIQ,IAASH,KAAqBE;AAElC,aAAKC,KAAA,QAAAA,EAAQ,SACTA,IAASC,IAGND;AAAA,IACX,CAAC,GAEKE,IAAkBP,EAAS,MAAM;AACnC,YAAMK,IAASG,EAAIT,EAAW,OAAON,EAAM,eAAe,EAAE;AAE5D,aAAI,OAAO,KAAKY,CAAM,EAAE,WAAW,KAAKZ,EAAM,gBACnCe,EAAIF,GAAeb,EAAM,eAAe,CAAA,CAAE,IAE9CY;AAAA,IACX,CAAC,GAEKI,IAAaT,EAAS,MACjBD,EAAW,MAAM,IAC3B,GAEKW,IAAgBV,EAAS,MAAM;AACjC,YAAMW,IAAmBH,EAAIF,GAAe,eAAe;AAC3D,aAAOE,EAAIT,EAAW,OAAO,iBAAiBY,CAAgB;AAAA,IAClE,CAAC,GAEKC,IAAWZ,EAAS,MACfQ,EAAIT,EAAW,OAAO,UAAU,CAC1C;qBAvDGc,EAAkHC,EAAA,QAAA,WAAA;AAAA,MAA3G,QAAQP,EAAA;AAAA,MAAkB,YAAaE,EAAA;AAAA,MAAa,eAAiBC,EAAA;AAAA,MAAgB,UAAUE,EAAA;AAAA,IAAA;;;"}

package/lib/es/components/locale/LocaleProvider.vue.js

@@ -0,0 +1,17 @@
+import { defineComponent as r, toRef as t, renderSlot as a } from "vue";
+import l from "./source/zh_CN.js";
+import { provideLocaleContext as p } from "./context.js";
+const d = /* @__PURE__ */ r({
+  name: "LocaleProvider",
+  __name: "LocaleProvider",
+  props: {
+    locale: { default: () => l }
+  },
+  setup(o) {
+    return p(t(o, "locale")), (e, c) => a(e.$slots, "default");
+  }
+});
+export {
+  d as default
+};
+//# sourceMappingURL=LocaleProvider.vue.js.map

package/lib/es/components/locale/LocaleProvider.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleProvider.vue.js","sources":["../../../../src/components/locale/LocaleProvider.vue"],"sourcesContent":["<template>\n    <slot />\n</template>\n\n<script setup lang=\"ts\">\nimport { toRef } from 'vue';\nimport DefaultLocale from './source/zh_CN';\nimport { provideLocaleContext } from './context';\nimport type { Locale } from './interface';\n\nconst props = withDefaults(\n    defineProps<{\n        locale?: Locale;\n    }>(),\n    {\n        locale: () => DefaultLocale,\n    }\n);\n\nprovideLocaleContext(toRef(props, 'locale'));\n\ndefineOptions({\n    name: 'LocaleProvider',\n});\n</script>\n"],"names":["provideLocaleContext","toRef","__props","_renderSlot","_ctx"],"mappings":";;;;;;;;;;AAmBA,WAAAA,EAAqBC,EATPC,GASoB,QAAQ,CAAC,aAlBvCC,EAAQC,EAAA,QAAA,SAAA;AAAA;;"}

package/lib/es/components/locale/context.js

@@ -0,0 +1,14 @@
+import { inject as t, provide as n } from "vue";
+const o = Symbol("LocaleContext");
+function l(e) {
+  n(o, e);
+}
+function r() {
+  return t(o, null);
+}
+export {
+  o as LocaleContextKey,
+  l as provideLocaleContext,
+  r as useLocaleContext
+};
+//# sourceMappingURL=context.js.map

package/lib/es/components/locale/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/components/locale/context.ts"],"sourcesContent":["import { inject, provide, type InjectionKey, type Ref } from 'vue';\nimport { Locale } from './interface';\n\nexport const LocaleContextKey: InjectionKey<Ref<Locale | null> | Locale | null> = Symbol('LocaleContext');\n\nexport function provideLocaleContext(locale: Ref<Locale | null> | Locale | null) {\n    provide(LocaleContextKey, locale);\n}\n\nexport function useLocaleContext(): Ref<Locale | null> | Locale | null {\n    return inject(LocaleContextKey, null);\n}\n"],"names":["LocaleContextKey","provideLocaleContext","locale","provide","useLocaleContext","inject"],"mappings":";AAGO,MAAMA,IAAqE,OAAO,eAAe;AAEjG,SAASC,EAAqBC,GAA4C;AAC7E,EAAAC,EAAQH,GAAkBE,CAAM;AACpC;AAEO,SAASE,IAAuD;AACnE,SAAOC,EAAOL,GAAkB,IAAI;AACxC;"}

package/lib/es/components/locale/index.js

@@ -0,0 +1,6 @@
+import o from "./LocaleConsumer.vue.js";
+export {
+  o as LocaleConsumer,
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/lib/es/components/locale/index.js.map

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