sard 1.0.0 → 1.0.2

package/README.md

@@ -0,0 +1,153 @@
+<p align="center">
+  <img alt="logo" src="https://fastly.jsdelivr.net/npm/@sard/assets/logo.svg" width="120" height="120" style="margin-bottom: 10px;">
+</p>
+
+<h1 align="center">Sard</h1>
+
+<p align="center">Sard 是基于 Vue3 的 Web 移动端 UI 组件库。</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/sard"><img src="https://img.shields.io/npm/dm/sard.svg" alt="Total Downloads"></a>
+  <a href="https://github.com/sutras/sard/tags"><img src="https://img.shields.io/npm/v/sard.svg" alt="Latest Release"></a>
+  <a href="https://github.com/sutras/sard/graphs/contributors"><img src="https://img.shields.io/github/contributors/sutras/sard" alt="Contributors"></a>
+  <a href="https://github.com/sutras/sard/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/tailwindcss.svg" alt="License"></a>
+</p>
+
+<p align="center">
+  国内：📖 <a href="http://sard.wzt.zone/">文档</a>&nbsp;&nbsp;&nbsp;&nbsp;
+  🧑🏻‍🏫 <a href="http://sard.wzt.zone/mobile/">案例演示</a>&nbsp;&nbsp;&nbsp;&nbsp;
+</p>
+
+---
+
+## 介绍
+
+`sard` 是一套基于 `Vue3` 框架开发的兼容多端的 `UI` 组件库。
+
+## 特性
+
+- 🧩 121+个高质量组件，覆盖移动端主流场景
+- 🌿 支持按需引入和 `Tree Shaking`
+- 📖 详尽的文档和案例展示
+- ʦ 使用 `TypeScript` 编写，提供完整的类型定义
+- 🌈 支持定制主题
+- 🌍 国际化支持
+- 🌙 支持暗黑模式
+- 🧪 单元测试覆盖率超过 80%，保障稳定性
+- ⭐️ 零外部依赖，不依赖三方 npm 包
+
+## 开源协议
+
+本项目基于 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89) 协议，请自由地享受和参与开源。
+
+## 更新日志
+
+<a href="https://github.com/sutras/sard/blob/main/CHANGELOG.md">更新日志</a>
+
+## 如何维护
+
+### 前提条件
+
+- 确保 node >= v22.22.2
+- 建议使用 pnpm 包管理器
+- 建议使用 vscode 编辑器
+
+### 克隆仓库到本地
+
+```bash
+git clone https://github.com/sutras/sard.git
+```
+
+### 安装依赖
+
+```bash
+pnpm install
+```
+
+### 运行开发环境
+
+```bash
+npm run dev
+```
+
+运行上面命令后会生成四个链接：
+
+```bash
+Local:   http://localhost:5173/mobile/    （演示）
+Network: http://192.168.1.121:5173/mobile/ (局域网演示）
+Local:   http://localhost:7761/           （文档）
+Network: http://192.168.1.121:7761/       （局域网文档）
+```
+
+### 测试
+
+```bash
+npm run test
+```
+
+### 构建文档站点
+
+```bash
+npm run build:site
+```
+
+### 预览构建的文档站点
+
+```bash
+npm run preview
+```
+
+### 构建组件库
+
+```bash
+npm run build
+```
+
+### 部署文档站点到 github pages
+
+```bash
+npm run deploy
+```
+
+### 发布组件库到 npm
+
+```bash
+npm run publish
+```
+
+## 修复问题流程
+
+1. 修复问题
+2. 测试 `npm run test`
+3. 修改版本号 `packages/sard/package.json`
+4. 暂存 `git add .`
+5. 提交 `git commit -m 'fix: '`
+6. 给提交打标签 `npm run tag`
+7. 生成 changelog `npm run changelog`
+8. 暂存、提交 changelog `git commit -a -m 'chore: changelog'`
+9. 打包组件库 `npm run build:sard`
+10. 发布到 npm `npm run publish:sard`
+11. 推送代码和标签 `npm run push`
+12. 打包文档 `npm run build:site`
+13. 部署文档 `npm run deploy`
+
+## 新增组件流程
+
+1. 运行 `npm run nc` 命令创建组件
+2. 运行 `npm run nsc` 命令创建子组件
+3. 编写组件代码（接口、类型、结构、样式、交互）
+4. 编写案例代码
+5. 编写组件文档
+6. 编写测试用例
+7. 分别在以下环境进行测试：
+   - 桌面端浏览器
+   - 移动端浏览器
+8. 从上面的“修复问题流程”步骤2开始走一遍
+
+## 贡献者
+
+感谢这些优秀的人：
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/sard"><img src="https://contrib.rocks/image?repo=sutras/sard&columns=10&anon=1" alt="Contributors"></a>
+</p>

package/all-components.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vue';
+declare const _default: Record<string, Plugin>;
+export default _default;

package/all-components.js

@@ -0,0 +1,291 @@
+import { Accordion, AccordionItem } from "./components/accordion/index.js";
+import { ActionSheet, ActionSheetItem } from "./components/action-sheet/index.js";
+import { Alert } from "./components/alert/index.js";
+import { Avatar, AvatarGroup } from "./components/avatar/index.js";
+import { BackTop } from "./components/back-top/index.js";
+import { Badge } from "./components/badge/index.js";
+import { Barcode } from "./components/barcode/index.js";
+import { Button } from "./components/button/index.js";
+import { Calendar } from "./components/calendar/index.js";
+import { CalendarInput } from "./components/calendar-input/index.js";
+import { CalendarPopout } from "./components/calendar-popout/index.js";
+import { Card } from "./components/card/index.js";
+import { Cascader } from "./components/cascader/index.js";
+import { CascaderInput } from "./components/cascader-input/index.js";
+import { CascaderPopout } from "./components/cascader-popout/index.js";
+import { Checkbox, CheckboxGroup } from "./components/checkbox/index.js";
+import { CheckboxInput } from "./components/checkbox-input/index.js";
+import { CheckboxPopout } from "./components/checkbox-popout/index.js";
+import { Collapse } from "./components/collapse/index.js";
+import { ColorPicker } from "./components/color-picker/index.js";
+import { ColorPickerInput } from "./components/color-picker-input/index.js";
+import { ColorPickerPopout } from "./components/color-picker-popout/index.js";
+import { Compact } from "./components/compact/index.js";
+import { CoolIcon } from "./components/cool-icon/index.js";
+import { CountDown } from "./components/count-down/index.js";
+import { CountTo } from "./components/count-to/index.js";
+import { CropImage } from "./components/crop-image/index.js";
+import { DateStrip } from "./components/date-strip/index.js";
+import { DatetimePicker } from "./components/datetime-picker/index.js";
+import { DatetimePickerInput } from "./components/datetime-picker-input/index.js";
+import { DatetimePickerPopout } from "./components/datetime-picker-popout/index.js";
+import { DatetimeRangePicker } from "./components/datetime-range-picker/index.js";
+import { DatetimeRangePickerInput } from "./components/datetime-range-picker-input/index.js";
+import { DatetimeRangePickerPopout } from "./components/datetime-range-picker-popout/index.js";
+import { Descriptions, DescriptionsItem } from "./components/descriptions/index.js";
+import { Dialog } from "./components/dialog/index.js";
+import { Divider } from "./components/divider/index.js";
+import { Dnd, DndHandle, DndItem } from "./components/dnd/index.js";
+import { Dropdown, DropdownItem } from "./components/dropdown/index.js";
+import { Ellipsis } from "./components/ellipsis/index.js";
+import { Empty } from "./components/empty/index.js";
+import { Fab, FabItem } from "./components/fab/index.js";
+import { FloatingBubble } from "./components/floating-bubble/index.js";
+import { FloatingPanel } from "./components/floating-panel/index.js";
+import { Form, FormItem } from "./components/form/index.js";
+import { FormItemPlain, FormPlain } from "./components/form-plain/index.js";
+import { Grid, GridItem } from "./components/grid/index.js";
+import { Image } from "./components/image/index.js";
+import { Indexes, IndexesAnchor, IndexesNav } from "./components/indexes/index.js";
+import { InfiniteList } from "./components/infinite-list/index.js";
+import { Input } from "./components/input/index.js";
+import { Keyboard } from "./components/keyboard/index.js";
+import { KeyboardPopout } from "./components/keyboard-popout/index.js";
+import { Col, Row } from "./components/layout/index.js";
+import { List, ListItem } from "./components/list/index.js";
+import { LoadMore } from "./components/load-more/index.js";
+import { Loading } from "./components/loading/index.js";
+import { Marquee } from "./components/marquee/index.js";
+import { Menu, MenuItem } from "./components/menu/index.js";
+import { Motion } from "./components/motion/index.js";
+import { Navbar, NavbarItem } from "./components/navbar/index.js";
+import { NavbarPit } from "./components/navbar-pit/index.js";
+import { NoticeBar } from "./components/notice-bar/index.js";
+import { Notify } from "./components/notify/index.js";
+import { Overlay } from "./components/overlay/index.js";
+import { Pagination } from "./components/pagination/index.js";
+import { PasswordInput } from "./components/password-input/index.js";
+import { Picker } from "./components/picker/index.js";
+import { PickerInput } from "./components/picker-input/index.js";
+import { PickerPopout } from "./components/picker-popout/index.js";
+import { PickerView, PickerViewColumn } from "./components/picker-view/index.js";
+import { Popout } from "./components/popout/index.js";
+import { PopoutInput } from "./components/popout-input/index.js";
+import { Popover } from "./components/popover/index.js";
+import { Popup } from "./components/popup/index.js";
+import { PreviewImage } from "./components/preview-image/index.js";
+import { ProgressBar } from "./components/progress-bar/index.js";
+import { ProgressCircle } from "./components/progress-circle/index.js";
+import { PullDownRefresh } from "./components/pull-down-refresh/index.js";
+import { PuzzleVerify } from "./components/puzzle-verify/index.js";
+import { Qrcode } from "./components/qrcode/index.js";
+import { Radio, RadioGroup } from "./components/radio/index.js";
+import { RadioInput } from "./components/radio-input/index.js";
+import { RadioPopout } from "./components/radio-popout/index.js";
+import { Rate } from "./components/rate/index.js";
+import { ReadMore } from "./components/read-more/index.js";
+import { Result } from "./components/result/index.js";
+import { RotateVerify } from "./components/rotate-verify/index.js";
+import { ScrollList } from "./components/scroll-list/index.js";
+import { ScrollSpy, ScrollSpyAnchor } from "./components/scroll-spy/index.js";
+import { Search } from "./components/search/index.js";
+import { Segmented, SegmentedItem } from "./components/segmented/index.js";
+import { Select, SelectOption, SelectOptionGroup } from "./components/select/index.js";
+import { SelectInput } from "./components/select-input/index.js";
+import { SelectPopout } from "./components/select-popout/index.js";
+import { ShareSheet, ShareSheetIcon, ShareSheetItem, ShareSheetRow } from "./components/share-sheet/index.js";
+import { Sidebar, SidebarItem } from "./components/sidebar/index.js";
+import { Signature } from "./components/signature/index.js";
+import { Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle } from "./components/skeleton/index.js";
+import { SlideVerify } from "./components/slide-verify/index.js";
+import { Slider } from "./components/slider/index.js";
+import { Space } from "./components/space/index.js";
+import { StatusBar } from "./components/status-bar/index.js";
+import { Stepper } from "./components/stepper/index.js";
+import { Step, Steps } from "./components/steps/index.js";
+import { Sticky, StickyBox } from "./components/sticky/index.js";
+import { SwipeAction, SwipeActionGroup } from "./components/swipe-action/index.js";
+import { Swiper, SwiperItem } from "./components/swiper/index.js";
+import { Switch } from "./components/switch/index.js";
+import { Tabbar, TabbarItem } from "./components/tabbar/index.js";
+import { TabbarPit } from "./components/tabbar-pit/index.js";
+import { Table } from "./components/table/index.js";
+import { Tab, Tabs } from "./components/tabs/index.js";
+import { Tag } from "./components/tag/index.js";
+import { Text } from "./components/text/index.js";
+import { Timeline, TimelineItem } from "./components/timeline/index.js";
+import { Toast } from "./components/toast/index.js";
+import { Tree, TreeBranch, TreeNode } from "./components/tree/index.js";
+import { Upload, UploadPreview } from "./components/upload/index.js";
+import { Waterfall, WaterfallItem, WaterfallLoad } from "./components/waterfall/index.js";
+import { Watermark } from "./components/watermark/index.js";
+//#region packages/sard/all-components.ts
+var all_components_default = {
+	Accordion,
+	AccordionItem,
+	ActionSheet,
+	ActionSheetItem,
+	Alert,
+	Avatar,
+	AvatarGroup,
+	BackTop,
+	Badge,
+	Barcode,
+	Button,
+	Calendar,
+	CalendarInput,
+	CalendarPopout,
+	Card,
+	Cascader,
+	CascaderInput,
+	CascaderPopout,
+	Checkbox,
+	CheckboxGroup,
+	CheckboxInput,
+	CheckboxPopout,
+	Col,
+	Collapse,
+	ColorPicker,
+	ColorPickerInput,
+	ColorPickerPopout,
+	Compact,
+	CoolIcon,
+	CountDown,
+	CountTo,
+	CropImage,
+	DateStrip,
+	DatetimePicker,
+	DatetimePickerInput,
+	DatetimePickerPopout,
+	DatetimeRangePicker,
+	DatetimeRangePickerInput,
+	DatetimeRangePickerPopout,
+	Descriptions,
+	DescriptionsItem,
+	Dialog,
+	Divider,
+	Dnd,
+	DndHandle,
+	DndItem,
+	Dropdown,
+	DropdownItem,
+	Ellipsis,
+	Empty,
+	Fab,
+	FabItem,
+	FloatingBubble,
+	FloatingPanel,
+	Form,
+	FormItem,
+	FormItemPlain,
+	FormPlain,
+	Grid,
+	GridItem,
+	Image,
+	Indexes,
+	IndexesAnchor,
+	IndexesNav,
+	InfiniteList,
+	Input,
+	Keyboard,
+	KeyboardPopout,
+	List,
+	ListItem,
+	LoadMore,
+	Loading,
+	Marquee,
+	Menu,
+	MenuItem,
+	Motion,
+	Navbar,
+	NavbarItem,
+	NavbarPit,
+	NoticeBar,
+	Notify,
+	Overlay,
+	Pagination,
+	PasswordInput,
+	Picker,
+	PickerInput,
+	PickerPopout,
+	PickerView,
+	PickerViewColumn,
+	Popout,
+	PopoutInput,
+	Popover,
+	Popup,
+	PreviewImage,
+	ProgressBar,
+	ProgressCircle,
+	PullDownRefresh,
+	PuzzleVerify,
+	Qrcode,
+	Radio,
+	RadioGroup,
+	RadioInput,
+	RadioPopout,
+	Rate,
+	ReadMore,
+	Result,
+	RotateVerify,
+	Row,
+	ScrollList,
+	ScrollSpy,
+	ScrollSpyAnchor,
+	Search,
+	Segmented,
+	SegmentedItem,
+	Select,
+	SelectInput,
+	SelectOption,
+	SelectOptionGroup,
+	SelectPopout,
+	ShareSheet,
+	ShareSheetIcon,
+	ShareSheetItem,
+	ShareSheetRow,
+	Sidebar,
+	SidebarItem,
+	Signature,
+	Skeleton,
+	SkeletonAvatar,
+	SkeletonBlock,
+	SkeletonParagraph,
+	SkeletonTitle,
+	SlideVerify,
+	Slider,
+	Space,
+	StatusBar,
+	Step,
+	Stepper,
+	Steps,
+	Sticky,
+	StickyBox,
+	SwipeAction,
+	SwipeActionGroup,
+	Swiper,
+	SwiperItem,
+	Switch,
+	Tab,
+	Tabbar,
+	TabbarItem,
+	TabbarPit,
+	Table,
+	Tabs,
+	Tag,
+	Text,
+	Timeline,
+	TimelineItem,
+	Toast,
+	Tree,
+	TreeBranch,
+	TreeNode,
+	Upload,
+	UploadPreview,
+	Waterfall,
+	WaterfallItem,
+	WaterfallLoad,
+	Watermark
+};
+//#endregion
+export { all_components_default as default };

package/components/accordion/accordion-item.d.ts

@@ -0,0 +1,15 @@
+import { type AccordionItemProps, type AccordionItemSlots } from './common';
+type __VLS_Slots = AccordionItemSlots;
+declare const __VLS_base: import("vue").DefineComponent<AccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<AccordionItemProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/accordion/accordion-item.js

@@ -0,0 +1,69 @@
+import { createBem } from "../../utils/bem.js";
+import { isNullish } from "../../utils/is.js";
+import { accordionContextKey } from "./common.js";
+import collapse_default from "../collapse/collapse.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
+import { Down, Up } from "@sard/icons";
+//#region packages/sard/components/accordion/accordion-item.vue
+var accordion_item_default = /*@__PURE__*/ defineComponent({
+	__name: "accordion-item",
+	props: {
+		title: {
+			type: String,
+			required: false
+		},
+		extra: {
+			type: String,
+			required: false
+		},
+		name: {
+			type: [String, Number],
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const slots = useSlots();
+		const emit = __emit;
+		const bem = createBem("accordion-item");
+		const context = inject(accordionContextKey);
+		if (!context) throw new Error("AccordionItem must be included in Accordion.");
+		const onClick = (event) => {
+			if (!props.disabled && !isNullish(props.name)) context.toggle(props.name);
+			emit("click", event);
+		};
+		const visible = computed(() => {
+			return context.multiple ? (context.value || []).includes(props.name) : context.value === props.name;
+		});
+		const accordionItemClass = computed(() => {
+			return [
+				bem.b(),
+				bem.is("disabled", props.disabled),
+				bem.m("borderless", context.hideBorder)
+			];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(accordionItemClass.value) }, [createElementVNode("div", {
+				class: normalizeClass(unref(bem).e("header")),
+				onClick
+			}, [
+				createElementVNode("div", { class: normalizeClass(unref(bem).e("title")) }, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 2),
+				__props.extra || slots.extra ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(bem).e("extra"))
+				}, [renderSlot(_ctx.$slots, "extra", {}, () => [createTextVNode(toDisplayString(__props.extra), 1)])], 2)) : createCommentVNode("v-if", true),
+				createElementVNode("div", { class: normalizeClass(unref(bem).e("arrow")) }, [renderSlot(_ctx.$slots, "arrow", { visible: visible.value }, () => [visible.value ? (openBlock(), createBlock(unref(Up), { key: 0 })) : (openBlock(), createBlock(unref(Down), { key: 1 }))])], 2)
+			], 2), createVNode(collapse_default, { visible: visible.value }, {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(bem).e("body")) }, [renderSlot(_ctx.$slots, "default")], 2)]),
+				_: 3
+			}, 8, ["visible"])], 2);
+		};
+	}
+});
+//#endregion
+export { accordion_item_default as default };

package/components/accordion/accordion.d.ts

@@ -0,0 +1,19 @@
+import { type AccordionProps, type AccordionSlots } from './common';
+type __VLS_Slots = AccordionSlots;
+declare const __VLS_base: import("vue").DefineComponent<AccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | number | (string | number)[]) => any;
+}, string, import("vue").PublicProps, Readonly<AccordionProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | (string | number)[]) => any) | undefined;
+}>, {
+    multiple: boolean;
+    modelValue: (string | number)[] | string | number;
+    hideBorder: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/accordion/accordion.js

@@ -0,0 +1,60 @@
+import { createBem } from "../../utils/bem.js";
+import { accordionContextKey, defaultAccordionProps } from "./common.js";
+import { computed, createElementBlock, defineComponent, mergeDefaults, normalizeClass, openBlock, provide, reactive, ref, renderSlot, toRef, watch } from "vue";
+//#region packages/sard/components/accordion/accordion.vue
+var accordion_default = /*@__PURE__*/ defineComponent({
+	__name: "accordion",
+	props: /*@__PURE__*/ mergeDefaults({
+		modelValue: {
+			type: [
+				Array,
+				String,
+				Number
+			],
+			required: false
+		},
+		multiple: {
+			type: Boolean,
+			required: false
+		},
+		hideBorder: {
+			type: Boolean,
+			required: false
+		}
+	}, defaultAccordionProps),
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const bem = createBem("accordion");
+		const innerValue = ref(props.modelValue);
+		watch(() => props.modelValue, () => {
+			innerValue.value = props.modelValue || [];
+		});
+		const toggle = (name) => {
+			let value;
+			if (props.multiple) {
+				value = Array.isArray(innerValue.value) ? innerValue.value : [];
+				if (value.includes(name)) value = value.filter((item) => item !== name);
+				else value = value.concat(name);
+			} else if (innerValue.value === name) value = void 0;
+			else value = name;
+			innerValue.value = value;
+			emit("update:modelValue", value);
+		};
+		provide(accordionContextKey, reactive({
+			value: innerValue,
+			multiple: toRef(() => props.multiple),
+			toggle,
+			hideBorder: toRef(() => props.hideBorder)
+		}));
+		const accordionClass = computed(() => {
+			return [bem.b(), bem.m("borderless", props.hideBorder)];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(accordionClass.value) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { accordion_default as default };

package/components/accordion/common.d.ts

@@ -0,0 +1,38 @@
+import type { InjectionKey } from 'vue';
+import { type DefaultProps } from '../config';
+export interface AccordionProps {
+    modelValue?: (string | number)[] | string | number;
+    multiple?: boolean;
+    hideBorder?: boolean;
+}
+export declare const defaultAccordionProps: DefaultProps<AccordionProps>;
+export interface AccordionEmits {
+    (e: 'update:modelValue', value: string | number | (string | number)[]): void;
+}
+export interface AccordionSlots {
+    default?(props: Record<string, never>): any;
+}
+export interface AccordionContext {
+    value: any;
+    multiple: AccordionProps['multiple'];
+    toggle: (name: string | number) => void;
+    hideBorder?: boolean;
+}
+export declare const accordionContextKey: InjectionKey<AccordionContext>;
+export interface AccordionItemProps {
+    title?: string;
+    extra?: string;
+    name?: string | number;
+    disabled?: boolean;
+}
+export interface AccordionItemEmits {
+    (e: 'click', event: MouseEvent): void;
+}
+export interface AccordionItemSlots {
+    default?(props: Record<string, never>): any;
+    title?(props: Record<string, never>): any;
+    extra?(props: Record<string, never>): any;
+    arrow?(props: {
+        visible: boolean;
+    }): any;
+}

package/components/accordion/common.js

@@ -0,0 +1,5 @@
+//#region packages/sard/components/accordion/common.ts
+const defaultAccordionProps = {};
+const accordionContextKey = Symbol("accordionContext");
+//#endregion
+export { accordionContextKey, defaultAccordionProps };

package/components/accordion/index.css

@@ -0,0 +1 @@
+:root{--s-accordion-bg:var(--s-bg-color-container);--s-accordion-bg-active:var(--s-bg-color-active);--s-accordion-border-color:var(--s-border-color);--s-accordion-item-header-padding-x:var(--s-size);--s-accordion-item-header-padding-y:var(--s-size-sm);--s-accordion-item-title-font-size:var(--s-font-size);--s-accordion-item-body-padding-x:var(--s-size);--s-accordion-item-body-padding-y:var(--s-size)}.s-accordion{position:relative}.s-accordion::before{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-top-color:var(--s-accordion-border-color);border-bottom-color:var(--s-accordion-border-color)}.s-accordion--borderless::before{display:none}.s-accordion-item{position:relative;background:var(--s-accordion-bg)}.s-accordion-item::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-accordion-border-color);transform-origin:top center;left:var(--s-accordion-item-header-padding-x);right:var(--s-accordion-item-header-padding-x)}.s-accordion-item:first-child::before{display:none}.s-accordion-item__header{display:flex;justify-content:space-between;align-items:center;padding:var(--s-accordion-item-header-padding-y) var(--s-accordion-item-header-padding-x);cursor:pointer}.s-accordion-item__title{font-size:var(--s-accordion-item-title-font-size);line-height:var(--s-line-height-snug)}.s-accordion-item__extra{margin-inline-start:auto}.s-accordion-item__arrow{display:flex;align-items:center;justify-content:center;margin-inline-start:var(--s-size-xs);font-size:var(--s-font-size-lg);color:var(--s-text-color-tertiary)}.s-accordion-item__body{position:relative;padding:var(--s-accordion-item-body-padding-y) var(--s-accordion-item-body-padding-x)}.s-accordion-item__body::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-accordion-border-color);transform-origin:top center;left:var(--s-accordion-item-body-padding-x);right:var(--s-accordion-item-body-padding-x)}.s-accordion-item:is(.is-disabled) .s-accordion-item__header{cursor:not-allowed}.s-accordion-item:is(.is-disabled) .s-accordion-item__title,.s-accordion-item:is(.is-disabled) .s-accordion-item__arrow{color:var(--s-text-color-disabled)}.s-accordion-item:not(.is-disabled) .s-accordion-item__header:active{background:var(--s-accordion-bg-active)}.s-accordion-item--borderless::before{display:none}.s-accordion-item--borderless .s-accordion-item__body::before{display:none}

package/components/accordion/index.d.ts

@@ -0,0 +1,7 @@
+import { type EnhancedComponent } from '../../utils';
+import _Accordion from './accordion.vue';
+import _AccordionItem from './accordion-item.vue';
+export declare const Accordion: EnhancedComponent<typeof _Accordion>;
+export declare const AccordionItem: EnhancedComponent<typeof _AccordionItem>;
+export default Accordion;
+export type { AccordionProps, AccordionEmits, AccordionSlots, AccordionItemProps, AccordionItemEmits, AccordionItemSlots, } from './common';