hys-ui 0.1.1 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,154 @@
 # Changelog
 
+## 0.3.0
+
+- DataGrid 支持受控查询、远程加载取消与重试、单选和多选、选择保留、自定义列字段与汇总，以及按行键滚动定位。树形行事件返回原始记录，列宽拖动按帧预览并在释放时保存，支持键盘调整和取消。TypeScript 模板引用可使用 `HysDataGridInstance`。
+
+- VirtualTable 增加双向虚拟化、左右固定列与顶部固定行、容器测量、稳定排序、受控选择、键盘与实例定位、滚动追加、缓存恢复及自定义加载状态。滚动按帧合并，追加保留当前位置；保留原有表体高度和插槽约定。
+
+- TagInput 补充非受控初值、分隔符与批量粘贴、可取消异步检查、受控拒绝处理、清空、标签外观与折叠虚拟列表、拖拽/键盘排序、表单与实例方法；ColorPicker 补充透明度、颜色格式与预设、预览确认、内嵌与受控浮层、自定义内容及表单集成，连续拖动缓存几何并按帧更新，释放时集中校验。保留原有默认行为并增加独立示例。
+
+- Alert 补充外观、横幅、操作区、受控关闭、异步检查与退出完成事件；Empty 补充内置图形、图片回退及独立内容区；Timeline 补充双侧和交替布局、标签、节点、加载、字段映射与稳定排序。保留原有接口，完善缓存、动效及辅助技术处理，新增独立场景。
+- Transfer 双击移动时阻止第二次按下产生文字选区，保留复选框、交互内容与快捷多选。
+
+- Progress 增加仪表盘与缺口配置、函数/阈值/渐变颜色、已确认进度叠加、分段与精确部分段、尺寸和端点、文字与状态图标、条纹/进行中/不定进度、动效与辅助技术配置；保留原有 value 和默认显示，完善边界及缓存处理并新增独立示例。
+
+- Upload 补充受控/初始文件列表、真实 multipart 与自定义请求、自动/手动提交、并发队列、按帧进度、取消和重试、异步验证及内容转换、移除检查、文本/图片/卡片列表、预览/下载、目录与粘贴、插槽和表单集成；保留原有本地选择模式与事件，完善缓存任务和本地 URL 清理，新增独立场景。
+
+- Tooltip 与 Popover 补充受控/非受控显示、多种及组合触发、延迟与自动关闭、可移入内容、十二种定位、箭头与外观、独立参考元素、自定义挂载、内容保留及生命周期、键盘导航和实例操作；统一浮层清理并补充独立场景。
+- 修复 Drawer 关闭拦截函数的运行时属性识别，保留回调类型兼容性。
+
+- Drawer 补充受控及非受控显示、异步操作与关闭拦截、生命周期和内容挂载策略、独立滚动与分区布局、容器内展示、嵌套推移、全屏及透明度配置、方向动效、焦点管理与实例方法；新增按帧合并的四向边缘缩放、键盘调整、受控尺寸与取消回退，保留旧 close 事件用法。
+
+- ContextMenu 补充多种触发方式、多级子菜单、分组与分隔线、复选/单选与普通项选中、受控状态、业务字段映射、模板、滚动边界和键盘/实例操作；Breadcrumb 增加图标、同级菜单、深层折叠、尺寸与文字截断及宿主路由适配，保留既有事件和默认行为。
+
+- Transfer 支持 Ctrl/Cmd 逐项切换、Shift 鼠标/键盘范围选择，并补充默认关闭的 moveOnDoubleClick 双击移动参数与独立示例。
+
+- Transfer 新增从源列表飞入目标列表的移动动效、落地高亮与效果/时长配置；覆盖按钮、拖拽和实例方法，限制可见代表项目数量，并清理连续移动、滚动和页面离开时的动画。
+
+- Select 多选新增紧凑的全选/全不选工具栏、批量范围与文字配置、实例操作和批量事件；保留禁用值，遵守选择上限，支持筛选、远程结果、虚拟列表及键盘操作；多选默认折叠超过 3 个的标签，可显式设置 maxTagCount。
+
+- 穿梭框拖拽目标去掉叠加的内阴影描边，保留单层高亮边框与背景反馈，避免滚动区域出现双重边线。
+
+- 为选择、日期、补全、提及、颜色、提示、菜单及数据组件内的浮层统一增加可配置展开/收起动效与时长；补充交互示例，处理退出禁用、快速重开、减少动态效果、边缘定位和页面缓存清理。
+
+- 修复 Chrome 中鼠标位于自适应高度表格时，纵向滚轮无法传给 Modal 等外层滚动容器的问题；保留表格横向滚动约束。
+
+- Modal 拖拽采用按帧更新合成层位置，缓存手势边界并在结束后同步状态；默认柔和缩放，支持全屏/还原过渡及弹窗背景、遮罩的独立透明度，增加宽度预设与标题/底部分区尺寸，并优化缩放手柄及轻量拖动反馈。
+
+- Modal 补充内置操作区、异步确认与取消、关闭拦截、失败重试、调用式服务、拖拽与尺寸调整、全屏切换、长内容滚动、快捷确认、挂载策略与焦点配置；统一嵌套层级、滚动锁定及子浮层清理，保留原有插槽和显示接口。
+
+## 0.2.0
+
+- Table 补充布局与表头行样式、多字段排序、选择单元格定制、筛选浮层控制与连续应用、展开图标及操作列配置、手动更新子行和独立视口行定位；保留现有参数、事件与默认行为。
+- 日期选择补充多周、周范围示例、跨年周与首周规则、整周校验与禁用、周编号模板及周起止元数据；面板与输入共用周规则。
+
+- DatePicker 与 DateRangePicker 补充日期单位、多值与绑定类型、格式化输入、快捷项、禁用规则与时刻、双面板、开放和固定端点、草稿确认及实例方法；统一表单、键盘与主题交互，保留原有字符串和整体范围输入接口。
+
+- Cascader 补充完整路径与末级值、业务字段及分支重复值、多选与严格选择、搜索校验、懒加载与取消重试、虚拟列、内嵌面板、模板和实例方法；统一标签、弹层、表单与键盘交互，并保留原有路径数组接口。
+
+- 修复关闭动效或启用“减少动态效果”后，浮层的可见性出现逐层过渡、首次聚焦失败的问题。
+
+- Table 补充可搜索菜单与树形筛选、默认筛选恢复、排序优先级、Shift 区间选择与当前页反选、分页位置与纵向滚动恢复、行与单元格属性回调及语义化行标题；批量选择仅作用于当前筛选结果。
+
+- TreeSelect 补充真实层级展开、复选联动与回填策略、多选标签、数值编号和业务字段、扁平树、标签对象、远程搜索与懒加载、虚拟列表和实例方法；完善受控弹层焦点恢复、表单、主题与尺寸继承，并保留原有单选、多选接口。
+
+- Tree 补充业务字段与数值编号、默认状态、勾选与半选 API、手风琴与点击展开、筛选模式、不可变节点编辑、拖放规则和悬停展开；完善异步取消、虚拟滚动、键盘与表单关联，保留原有选择和拖放接口。
+
+- Transfer 补充双侧搜索与全选、受控勾选、目标排序、单向移除、字段映射、自定义面板、分页和虚拟滚动；保留拖拽动画与既有事件，完善表单关联、键盘操作和缓存清理。
+- 修复表单失焦校验反馈使提交按钮在鼠标按下后移位、第一次点击无法提交的问题，保留键盘失焦校验和提交完整校验。
+
+- Card 补充封面、操作分区、页签与骨架加载；Badge 补充角标位置、自定义内容、状态点和可选标签；Divider 与 Skeleton 扩展样式、模板及加载防闪烁控制。
+
+- 扩展 Table 的分组与固定布局、排序筛选、选择与分页、展开与树形加载、汇总合并、列宽调整及溢出提示，补充事件、实例方法和独立示例，保留原有使用方式。
+
+- DataGrid 列筛选支持再次点击当前搜索图标或按 Esc 收起，保留条件并恢复键盘焦点；修复普通表头覆盖左右固定表头的问题。
+
+- 修复 Pagination 跳转数字输入框的内部高度，与页码、每页条数选择器和确认按钮统一为 32px，保留聚焦全选与键盘跳转。
+
+- 修复 DataGrid 左右固定列的表头、汇总与悬停背景，使其与同一行的普通列一致并同步主题。
+
+- Calendar 新增可配置月份切换动画、年视图、卡片模式、年月定位、范围限制、日期与月份插槽、跨日日程与溢出列表、本地化、键盘导航及实例方法，保留现有日期与事件接口。
+- Select 选项浮层限制垂直占用，选项独立滚动，搜索区与底部内容保持可见；新增多选项示例。
+
+- Add bounded Gantt undo/redo for accepted scheduling and dependency edits, with atomic replay, scoped shortcuts and external-update safety.
+- Add dependency-order and invalid-data diagnostics, cycle detection, paged conflict inspection and incident-only drag previews.
+
+- Use one shared Gantt scroll viewport for task names and timelines, with pinned date headers and task labels; prevent clipped rows and blank space after vertical scrolling.
+- Add Gantt viewport height controls and multi-task scrolling examples; preserve horizontal fitting and center bars within configurable row heights.
+- Add optional Gantt virtual rows and task-location methods, with bounded rendering, cached-page scroll restoration and independent large-data examples.
+- Add pointer and keyboard dependency editing, edge selection/removal, cycle and permission checks, edge auto-scrolling and accepted-change events.
+- Add resizable Gantt task columns with controlled widths, bounds, responsive timeline space, keyboard adjustments, cancellation and reset.
+- Route backward Gantt dependencies through the row gap and keep a visible approach segment outside the target bar.
+- Allow dragging or keyboard retargeting existing dependency endpoints, with atomic moves, validation, cancellation and accepted-move events.
+- Clear Gantt edge selection when interacting with the surrounding chart, retaining endpoint editing and removal actions.
+- Disambiguate shared dependency endpoints with named relation choices, one active drag handle and focused edge highlighting.
+- Support clearing task selection through empty-chart clicks, Escape or a null model, with layered editing cancellation and accessible pressed states.
+- Add compact, translucent dependency choices with search, direct removal, predecessor/successor location and endpoint-edit actions.
+
+- Expand Rating with precise fractional display, custom level colors/icons, score/text templates, controlled hover previews, keyboard/RTL and form/reset integration.
+- Expand Segmented with typed/mapped options, custom content, vertical/block/rounded layouts, animated selection, keyboard navigation and cached-page observer cleanup.
+- Remove obsolete Gantt scale-button styles and keep segmented labels readable on their selected surfaces across themes.
+- Add independent rating and segmented scenarios, public instance types and interaction guidance.
+
+- Expand checkboxes with scalar/array values, mapped checked values, uncontrolled defaults, button/border variants and form reset behavior.
+- Add CheckboxGroup and standalone Radio; support mapped/typed options, composed children, selection limits and bulk actions, keyboard navigation and native form values.
+- Expand Switch with mapped values, sizes, inline text/icons, custom rails/thumbs and cancellation-aware async guards; retain change-only consumers and discard stale completions.
+- Add independent choice-control scenarios and verify existing tree, permission and transfer integrations.
+
+- Add Autocomplete with free text input, grouped/local/remote suggestions, mapped business fields, custom matching and cancellable debounced queries.
+- Support custom input/option/loading/header/footer/clear content, retryable errors, keyboard preview and selection policies, controlled state and form integration.
+- Add dedicated autocomplete scenarios, public TypeScript interfaces and input/async/accessibility guidance.
+- Keep the documentation table of contents fixed during page transitions and asynchronous example loading, with independent scrolling for long navigation lists.
+
+- Expand Avatar with icon/text/image types, image fit modes and source attributes, fallback sources/slots, loading hooks, responsive sizes and auto-fit text with configurable gaps.
+- Add AvatarGroup for data/slot composition, shared sizes/shapes, overlap and vertical layouts, collapsed members, keyboard-accessible overflow panels and cached-page cleanup.
+- Add independent avatar/group scenarios, public types and API guidance.
+
+- Prevent slider tooltip clipping with independent, themed overlays, viewport edge shifting/flipping, long-text wrapping and scroll/resize positioning cleanup.
+- Move slider handles and selected tracks through transforms; cache stable tooltip styles and dimensions and update tip positions in the handle's paint cycle.
+
+- Replace native range inputs with custom pointer-driven slider tracks and accessible handles, including decimal-safe steps, ordered intervals, track dragging and keyboard controls.
+- Add marks-only selection, stops, vertical/reverse layouts, size inheritance, tooltip/handle/mark slots, optional numeric editors and named form values.
+- Clean active pointer listeners and animation frames on cancellation and cached-page leave; add dedicated slider scenarios and public instance types.
+
+- Expand text inputs with custom clear/password icons, icon props, formatting/parsing, uncontrolled defaults, controlled password visibility and held-password cleanup.
+- Share Input textarea mode and standalone Textarea behavior, with bounded autosize, width/size remeasurement, native form values, composition-safe updates and public instance methods.
+- Add UTF-16, grapheme and custom length strategies, safe truncation, inside/outside counters, custom count output and independent examples for each input capability.
+- Prevent stale text from reappearing when an input clear and form reset occur in the same event.
+- Use descriptive documentation scenario titles, improve composed select/input styles and isolate transient password preview behavior from published controls.
+
+- Expand number inputs with nullable/uncontrolled values, clear policies, decimal-safe steps, bounded strict grids and exact string-mode values.
+- Add display formatting/parsing, decimal separators, input filtering, synchronous validation and configurable draft/live updates.
+- Add stacked right controls, affix/icon slots, loading states, keyboard policies, opt-in wheel adjustment and held-button stepping with cached-page cleanup.
+- Preserve form feedback, native field submission and reset behavior; add public number types, instance methods and independent numeric scenarios.
+
+- Expand select values to numbers, booleans and stable-key objects, with configurable empty/clear values, groups and business-field mappings.
+- Add removable/collapsed tags, selection limits, created options, separator input, controlled open/search state and richer slots/events.
+- Add cancellable/debounced remote methods with retry, bounded virtual lists, page navigation, typeahead and native form submission fields.
+- Preserve wrapping-label activation, form feedback, theme and size inheritance; clean remote requests and popup observers on cached-page leave.
+- Add independent select scenes and public type/keyboard/remote-search notes.
+
+- Add shared automatic label alignment, responsive field columns, 24-column label/control layouts and inline forms.
+- Add label suffixes, wrapping, optional markers, tooltip/help/extra content, inherited icons and inline feedback.
+- Add snapshot reads, partial writes, server feedback arrays, configurable reset baselines, callback validation and imperative submit.
+- Add per-field first-error policy, callback validators, transformed nested/member rules and conditional data preservation.
+- Add accessible grouped controls, a public custom-control context hook and layout observer cleanup for cached pages.
+- Add independent scenarios for complete forms, query filters, alignment, grids, numeric validation, policies, record hydration and accessibility.
+
+- Add typed and nested form rules, warning-only feedback, field dependencies, partial validation/reset and structured results.
+- Add field lookup/focus/scroll methods, initial-value capture, rule-change checks, label/feedback slots and inherited layout settings.
+- Cancel stale form checks and submissions on reset, clear, disable and cached-page leave; provide AbortSignal to custom validators.
+- Propagate form and field disabled/size settings to inputs, selectors, buttons and related controls, including teleported panels.
+- Keep select option rows, search fields and icons aligned with the effective control size, including live changes while the popup is open.
+- Add practical form scenarios for dynamic rows, nested values, cross-field checks, asynchronous cancellation and field methods.
+
+- Expand tabs with placements, presentation styles, numeric values, dynamic actions, asynchronous guards, panel lifecycle options and overflow navigation.
+- Add stable accordion keys, keyboard navigation, configurable trigger areas, panel lifecycle options, guarded expansion and extra content slots.
+- Add per-step status, subtitles, custom content, compact/dot layouts and responsive keyboard navigation.
+- Add breadcrumb label slots, per-item separators, disabled links and safe external-link attributes.
+- Expand navigation examples and regression coverage for state preservation, rapid input, guard failures and cached-page cleanup.
+
 ## 0.1.1
 
 - Center toast messages at the top by default and add seven placement options.

package/README.md

@@ -2,6 +2,8 @@
 
 面向 Vue 3.5+ 的组件库，提供 TypeScript 类型、主题配置和独立的中文交互文档。
 
+[在线文档与交互示例](https://lampo1024.github.io/hys-ui/)
+
 ## 安装
 
 ```bash
@@ -37,6 +39,20 @@ provideHysConfig({ theme, motion: 'subtle' })
 
 可以使用 `--hys-ui-primary`、`--hys-ui-surface`、`--hys-ui-text`、`--hys-ui-border`、`--hys-ui-font-family` 等公开变量覆盖组件外观。组件类名与变量采用独立前缀，没有 body/html 全局重置。
 
+
+浮层组件统一通过 `popupTransition` 设置展开与收起动效：`scale`（默认柔和缩放）、`fade`（淡入淡出）、`slide`（轻移）、`slide-fade`（轻移缩放）、`none`（关闭）。`popupTransitionDuration` 设置时长，默认 160ms，设为 0 立即切换。该配置适用于选择、日期、自动补全、提及、颜色、提示、菜单，以及表格、树形、头像组、日历事件和甘特图关系等浮层。Modal、Drawer 和 Toast 保留各自的动画配置。
+
+```vue
+<HysSelect
+  v-model="value"
+  :options="options"
+  popup-transition="slide-fade"
+  :popup-transition-duration="200"
+/>
+```
+
+系统减少动态效果和 `motion: 'off'` 优先于局部设置；内嵌日期面板不播放浮层动效。动画仅改变透明度和合成层变换，关闭时立即停止交互，退出完成后移除内容。
+
 ## 开发与文档
 
 ```bash
@@ -77,7 +93,7 @@ task.update({ type: 'success', message: '上传完成', duration: 2000 })
 
 ## 发布
 
-根工作区和文档应用为私有，npm 包名为 `hys-ui`，版本 `0.1.1`，MIT 公开发布。
+根工作区和文档应用为私有，npm 包名为 `hys-ui`，版本 `0.3.0`，MIT 公开发布。
 
 ```bash
 npm run pack:ui

package/dist/components/HysAccordion/HysAccordion.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysAccordion2.vue.js";
 /* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-fe782734"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f780bc57"]]);
 export {
   m as default
 };

package/dist/components/HysAccordion/HysAccordion2.vue.js

@@ -1,65 +1,199 @@
-import { defineComponent as V, ref as k, computed as A, useId as C, openBlock as c, createElementBlock as u, mergeProps as B, unref as l, Fragment as N, renderList as _, createElementVNode as p, renderSlot as b, createTextVNode as y, toDisplayString as v, createVNode as $, createCommentVNode as D } from "vue";
-import { useHysRootAttrs as E } from "../../config.js";
-import { ChevronDown as H } from "lucide-vue-next";
-const R = ["id", "disabled", "aria-expanded", "aria-controls", "onClick"], S = ["id", "aria-labelledby"], L = /* @__PURE__ */ V({
+import { defineComponent as j, ref as S, useId as G, computed as J, watch as D, onActivated as Q, onDeactivated as W, onBeforeUnmount as X, openBlock as h, createElementBlock as f, mergeProps as Y, unref as n, Fragment as Z, renderList as x, createElementVNode as p, normalizeClass as z, createBlock as _, resolveDynamicComponent as ee, withCtx as O, renderSlot as A, createTextVNode as P, toDisplayString as R, createVNode as E, createCommentVNode as V, Transition as ae, withDirectives as oe, vShow as te } from "vue";
+import { ChevronDown as U } from "lucide-vue-next";
+import { useHysRootAttrs as re } from "../../config.js";
+import { useMotion as ie } from "../../motion/useMotion.js";
+const le = { class: "hys-ui-accordion-title-content" }, de = {
+  key: 0,
+  class: "hys-ui-accordion-icon",
+  "aria-hidden": "true"
+}, se = ["data-accordion-index", "disabled", "aria-label", "aria-expanded", "aria-controls", "aria-busy", "onClick", "onKeydown"], ne = {
+  key: 1,
+  class: "hys-ui-accordion-extra"
+}, ce = ["id", "aria-labelledby"], ue = { class: "hys-ui-accordion-clip" }, he = { class: "hys-ui-ex-accordion-body" }, be = /* @__PURE__ */ j({
   __name: "HysAccordion",
   props: {
     items: {},
     multiple: { type: Boolean },
     modelValue: {},
     defaultActive: {},
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    bordered: { type: Boolean, default: !0 },
+    ghost: { type: Boolean },
+    size: { default: "md" },
+    arrowPlacement: { default: "right" },
+    showArrow: { type: Boolean, default: !0 },
+    trigger: { default: "header" },
+    lazy: { type: Boolean, default: !0 },
+    destroyOnHide: { type: Boolean, default: !0 },
+    beforeToggle: {}
   },
-  emits: ["update:modelValue", "change"],
-  setup(i, { emit: f }) {
-    const h = E(), a = i, d = f, m = k(a.defaultActive || []), r = A(() => a.modelValue ?? m.value), s = C();
-    function g(t) {
-      var o;
-      if (a.disabled || (o = a.items[t]) != null && o.disabled) return;
-      const n = r.value.includes(t) ? r.value.filter((e) => e !== t) : a.multiple ? [...r.value, t] : [t];
-      m.value = n, d("update:modelValue", n), d("change", n);
+  emits: ["update:modelValue", "change", "itemClick", "guardError"],
+  setup(t, { emit: q }) {
+    const r = t, C = q, F = re(), { effectiveMotion: M } = ie(), H = S([...r.defaultActive ?? []]), T = S(), b = G(), s = (a) => {
+      var i;
+      return ((i = r.items[a]) == null ? void 0 : i.id) ?? a;
+    }, c = J(() => {
+      const a = new Set(r.items.map((o, e) => s(e))), i = [...new Set(r.modelValue ?? H.value)].filter((o) => a.has(o));
+      return r.multiple ? i : i.slice(0, 1);
+    }), B = S(/* @__PURE__ */ new Set()), y = S();
+    let m = 0, v = !0;
+    const l = (a) => c.value.includes(s(a)), I = (a, i) => a.forceRender || l(i) || !r.destroyOnHide && (!r.lazy || B.value.has(s(i))), L = (a) => r.trigger === "icon" || (a.showArrow ?? r.showArrow);
+    function w() {
+      m++, y.value = void 0;
     }
-    return (t, n) => (c(), u("div", B(l(h), { class: "hys-ui-ex-accordion" }), [
-      (c(!0), u(N, null, _(i.items, (o, e) => (c(), u("section", { key: e }, [
-        p("h3", null, [
-          p("button", {
-            id: l(s) + "-button-" + e,
+    async function K(a) {
+      const i = r.items[a], o = s(a), e = ++m;
+      if (y.value = void 0, !v || r.disabled || !i || i.disabled) return;
+      const d = !c.value.includes(o), k = [...c.value];
+      C("itemClick", o, d);
+      try {
+        if (r.beforeToggle && (y.value = o, await r.beforeToggle(o, d) === !1) || !v || e !== m || r.disabled || r.items[a] !== i || i.disabled || k.length !== c.value.length || k.some((g, $) => g !== c.value[$])) return;
+        const u = d ? r.multiple ? [...c.value, o] : [o] : c.value.filter((g) => g !== o);
+        y.value = void 0, H.value = u, C("update:modelValue", u), C("change", u);
+      } catch (u) {
+        v && e === m && C("guardError", u);
+      } finally {
+        e === m && (y.value = void 0);
+      }
+    }
+    function N(a, i) {
+      var k, u;
+      if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(a.key)) return;
+      const o = r.items.map((g, $) => !r.disabled && !g.disabled ? $ : -1).filter((g) => g >= 0);
+      if (!o.length) return;
+      a.preventDefault();
+      const e = o.indexOf(i), d = a.key === "Home" ? 0 : a.key === "End" ? o.length - 1 : (e + (a.key === "ArrowUp" ? -1 : 1) + o.length) % o.length;
+      (u = (k = T.value) == null ? void 0 : k.querySelector('[data-accordion-index="' + o[d] + '"]')) == null || u.focus();
+    }
+    return D(c, (a) => {
+      a.forEach((i) => B.value.add(i)), w();
+    }, { immediate: !0 }), D(() => r.items.map((a) => [a.id, a.disabled]), () => {
+      w();
+      const a = new Set(r.items.map((i, o) => s(o)));
+      B.value = new Set([...B.value].filter((i) => a.has(i)));
+    }, { deep: !0 }), D(() => r.disabled, w), Q(() => {
+      v = !0;
+    }), W(() => {
+      v = !1, w();
+    }), X(() => {
+      v = !1, w();
+    }), (a, i) => (h(), f("div", Y({
+      ref_key: "root",
+      ref: T
+    }, n(F), {
+      class: ["hys-ui-ex-accordion", ["hys-ui-accordion-size-" + t.size, { "hys-ui-accordion-borderless": !t.bordered, "hys-ui-accordion-ghost": t.ghost }]]
+    }), [
+      (h(!0), f(Z, null, x(t.items, (o, e) => (h(), f("section", {
+        key: typeof s(e) + ":" + s(e),
+        class: "hys-ui-accordion-item"
+      }, [
+        p("div", {
+          class: z(["hys-ui-accordion-heading", { "hys-ui-accordion-arrow-left": t.arrowPlacement === "left", "hys-ui-accordion-disabled": t.disabled || o.disabled }])
+        }, [
+          p("h3", null, [
+            (h(), _(ee(t.trigger === "header" ? "button" : "span"), {
+              id: n(b) + "-button-" + e,
+              type: t.trigger === "header" ? "button" : void 0,
+              class: z({ "hys-ui-accordion-trigger": t.trigger === "header", "hys-ui-accordion-title": !0 }),
+              "data-accordion-index": t.trigger === "header" ? e : void 0,
+              disabled: t.trigger === "header" ? t.disabled || o.disabled : void 0,
+              "aria-expanded": t.trigger === "header" ? l(e) : void 0,
+              "aria-controls": t.trigger === "header" ? n(b) + "-panel-" + e : void 0,
+              "aria-busy": t.trigger === "header" && y.value === s(e) || void 0,
+              onClick: (d) => t.trigger === "header" && K(e),
+              onKeydown: (d) => t.trigger === "header" && N(d, e)
+            }, {
+              default: O(() => [
+                p("span", le, [
+                  A(a.$slots, "title", {
+                    item: o,
+                    index: e,
+                    expanded: l(e)
+                  }, () => [
+                    P(R(o.title), 1)
+                  ], !0)
+                ]),
+                t.trigger === "header" && L(o) ? (h(), f("span", de, [
+                  A(a.$slots, "icon", {
+                    item: o,
+                    index: e,
+                    expanded: l(e)
+                  }, () => [
+                    E(n(U), {
+                      size: 16,
+                      class: z(["hys-ui-accordion-chevron", { "hys-ui-accordion-expanded": l(e) }])
+                    }, null, 8, ["class"])
+                  ], !0)
+                ])) : V("", !0)
+              ]),
+              _: 2
+            }, 1064, ["id", "type", "class", "data-accordion-index", "disabled", "aria-expanded", "aria-controls", "aria-busy", "onClick", "onKeydown"]))
+          ]),
+          t.trigger === "icon" ? (h(), f("button", {
+            key: 0,
             type: "button",
-            disabled: i.disabled || o.disabled,
-            "aria-expanded": r.value.includes(e),
-            "aria-controls": l(s) + "-panel-" + e,
-            onClick: (w) => g(e)
+            class: "hys-ui-accordion-trigger hys-ui-accordion-icon-trigger",
+            "data-accordion-index": e,
+            disabled: t.disabled || o.disabled,
+            "aria-label": (l(e) ? "收起" : "展开") + o.title,
+            "aria-expanded": l(e),
+            "aria-controls": n(b) + "-panel-" + e,
+            "aria-busy": y.value === s(e) || void 0,
+            onClick: (d) => K(e),
+            onKeydown: (d) => N(d, e)
           }, [
-            b(t.$slots, "title", {
+            A(a.$slots, "icon", {
               item: o,
-              index: e
+              index: e,
+              expanded: l(e)
             }, () => [
-              y(v(o.title), 1)
-            ], !0),
-            $(l(H), {
-              size: 16,
-              class: "hys-ui-accordion-chevron"
-            })
-          ], 8, R)
-        ]),
-        r.value.includes(e) ? (c(), u("div", {
-          key: 0,
-          id: l(s) + "-panel-" + e,
-          role: "region",
-          "aria-labelledby": l(s) + "-button-" + e,
-          class: "hys-ui-ex-accordion-body"
-        }, [
-          b(t.$slots, "content", {
-            item: o,
-            index: e
-          }, () => [
-            y(v(o.content), 1)
-          ], !0)
-        ], 8, S)) : D("", !0)
+              E(n(U), {
+                size: 16,
+                class: z(["hys-ui-accordion-chevron", { "hys-ui-accordion-expanded": l(e) }])
+              }, null, 8, ["class"])
+            ], !0)
+          ], 40, se)) : V("", !0),
+          a.$slots.extra ? (h(), f("div", ne, [
+            A(a.$slots, "extra", {
+              item: o,
+              index: e,
+              expanded: l(e)
+            }, void 0, !0)
+          ])) : V("", !0)
+        ], 2),
+        E(ae, {
+          name: "hys-ui-accordion",
+          css: n(M) !== "off"
+        }, {
+          default: O(() => [
+            I(o, e) ? oe((h(), f("div", {
+              key: 0,
+              id: n(b) + "-panel-" + e,
+              role: "region",
+              "aria-labelledby": n(b) + "-button-" + e,
+              class: "hys-ui-accordion-panel"
+            }, [
+              p("div", ue, [
+                p("div", he, [
+                  A(a.$slots, "content", {
+                    item: o,
+                    index: e,
+                    expanded: l(e)
+                  }, () => [
+                    P(R(o.content), 1)
+                  ], !0)
+                ])
+              ])
+            ], 8, ce)), [
+              [te, l(e)]
+            ]) : V("", !0)
+          ]),
+          _: 2
+        }, 1032, ["css"])
       ]))), 128))
     ], 16));
   }
 });
 export {
-  L as default
+  be as default
 };

package/dist/components/HysAlert/HysAlert.vue.js

@@ -1,56 +1,7 @@
-import { defineComponent as b, ref as k, computed as C, watch as g, openBlock as o, createElementBlock as s, mergeProps as B, unref as t, createBlock as w, resolveDynamicComponent as A, createCommentVNode as l, createElementVNode as c, renderSlot as u, createTextVNode as d, toDisplayString as m, createVNode as N } from "vue";
-import { useHysRootAttrs as V } from "../../config.js";
-import { CircleCheck as I, TriangleAlert as $, CircleAlert as p, Info as x, X as z } from "lucide-vue-next";
-const D = ["role"], E = { key: 0 }, j = /* @__PURE__ */ b({
-  __name: "HysAlert",
-  props: {
-    tone: { default: "info" },
-    title: {},
-    description: {},
-    closable: { type: Boolean },
-    showIcon: { type: Boolean },
-    center: { type: Boolean },
-    visible: { type: Boolean, default: void 0 }
-  },
-  emits: ["close", "update:visible"],
-  setup(e, { emit: y }) {
-    const f = V(), r = e, a = y, n = k(!0), v = C(() => r.visible ?? n.value);
-    g(() => r.title, () => n.value = !0);
-    function h() {
-      n.value = !1, a("update:visible", !1), a("close");
-    }
-    return (i, H) => v.value ? (o(), s("div", B({ key: 0 }, t(f), {
-      class: ["hys-ui-ex-alert", "hys-ui-ex-" + e.tone],
-      role: e.tone === "danger" ? "alert" : "status",
-      style: { justifyContent: e.center ? "center" : void 0 }
-    }), [
-      e.showIcon ? (o(), w(A(e.tone === "success" ? t(I) : e.tone === "warning" ? t($) : e.tone === "danger" ? t(p) : t(x)), {
-        key: 0,
-        size: 18
-      })) : l("", !0),
-      c("div", null, [
-        e.title || i.$slots.title ? (o(), s("strong", E, [
-          u(i.$slots, "title", {}, () => [
-            d(m(e.title), 1)
-          ])
-        ])) : l("", !0),
-        c("div", null, [
-          u(i.$slots, "default", {}, () => [
-            d(m(e.description), 1)
-          ])
-        ])
-      ]),
-      e.closable ? (o(), s("button", {
-        key: 1,
-        type: "button",
-        "aria-label": "关闭提示",
-        onClick: h
-      }, [
-        N(t(z), { size: 14 })
-      ])) : l("", !0)
-    ], 16, D)) : l("", !0);
-  }
-});
+import o from "./HysAlert2.vue.js";
+/* empty css              */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-aa88a78b"]]);
 export {
-  j as default
+  p as default
 };