hys-ui 0.4.0 → 0.5.0

package/dist/composables/useHysNumberAnimationGroup.js

@@ -0,0 +1,23 @@
+import { toValue as n } from "vue";
+function u(r) {
+  const o = () => new Set(n(r));
+  function e(t) {
+    for (const s of o()) s == null || s[t]();
+  }
+  return {
+    play: () => e("play"),
+    pause: () => e("pause"),
+    resume: () => e("resume"),
+    stop: () => e("stop"),
+    restart: () => e("restart"),
+    reset: () => e("reset"),
+    reverse: () => e("reverse"),
+    finishAnimation: () => e("finishAnimation"),
+    seek: (t) => {
+      for (const s of o()) s == null || s.seek(t);
+    }
+  };
+}
+export {
+  u as useHysNumberAnimationGroup
+};

package/dist/composables/useTextareaSize.js

@@ -1,72 +1,88 @@
-import { watch as x, nextTick as u, onMounted as T, onActivated as E, onDeactivated as Y, onBeforeUnmount as B } from "vue";
-function L(v, n, F, M) {
-  let s = !0, a, i, f = -1, r;
-  const h = () => {
+import { shallowRef as H, watch as z, nextTick as l, onMounted as L, onActivated as N, onDeactivated as O, onBeforeUnmount as C } from "vue";
+function j(v, i, T, E) {
+  let d = !0, o, t, f = -1;
+  const n = H({}), h = () => {
     var e;
     return ((e = v.value) == null ? void 0 : e.tagName) === "TEXTAREA" ? v.value : void 0;
   };
-  function p() {
-    a = void 0;
+  function R() {
     const e = h();
-    if (!s || !e) return;
-    if (!n.autosize) {
-      r && (e.style.height = r.height, e.style.overflowY = r.overflowY, r = void 0);
+    if (!d || !e) return;
+    if (!i.autosize) {
+      n.value.height && (n.value = {});
       return;
     }
     if (!e.getBoundingClientRect().width) return;
-    r ?? (r = { height: e.style.height, overflowY: e.style.overflowY });
-    const d = typeof n.autosize == "object" ? n.autosize : {}, t = getComputedStyle(e), c = parseFloat(t.lineHeight) || parseFloat(t.fontSize) * 1.5 || 21, w = (parseFloat(t.paddingTop) || 0) + (parseFloat(t.paddingBottom) || 0), l = (parseFloat(t.borderTopWidth) || 0) + (parseFloat(t.borderBottomWidth) || 0), R = Math.max(
-      1,
-      Math.min(1e4, Math.floor(d.minRows || 1))
-    ), A = d.maxRows && Number.isFinite(d.maxRows) ? Math.max(R, d.maxRows) : 1 / 0;
-    e.style.height = "0px";
-    const b = e.scrollHeight + l, g = Math.min(
-      A * c + w + l,
-      Math.max(R * c + w + l, b)
+    const w = e.style.height, c = e.style.overflowY, s = typeof i.autosize == "object" ? i.autosize : {}, r = getComputedStyle(e), g = parseFloat(r.lineHeight) || parseFloat(r.fontSize) * 1.5 || 21, x = (parseFloat(r.paddingTop) || 0) + (parseFloat(r.paddingBottom) || 0), u = (parseFloat(r.borderTopWidth) || 0) + (parseFloat(r.borderBottomWidth) || 0), M = Number.isFinite(s.minRows) ? Math.max(1, Math.min(1e4, Math.floor(s.minRows))) : 1, B = Number.isFinite(s.maxRows) ? Math.max(M, Math.min(1e4, Math.floor(s.maxRows))) : 1 / 0;
+    e.style.height = "0px", e.style.overflowY = "hidden";
+    const p = e.scrollHeight + u, y = Math.min(
+      B * g + x + u,
+      Math.max(M * g + x + u, p)
     );
-    e.style.height = (t.boxSizing === "border-box" ? g : Math.max(c, g - w - l)) + "px", e.style.overflowY = b > g + 1 ? "auto" : "hidden";
+    e.style.height = w, e.style.overflowY = c;
+    const A = (r.boxSizing === "border-box" ? y : Math.max(g, y - x - u)) + "px", S = p > y + 1 ? "auto" : "hidden";
+    (n.value.height !== A || n.value.overflowY !== S) && (n.value = { height: A, overflowY: S });
   }
-  async function o() {
-    await u(), !(!s || !h() || !n.autosize && !r) && (a !== void 0 && cancelAnimationFrame(a), a = requestAnimationFrame(p));
+  async function Y() {
+    await l(), o !== void 0 && cancelAnimationFrame(o), o = void 0, R(), await l();
+  }
+  async function a() {
+    await l(), !(!d || !h() || o !== void 0) && (o = requestAnimationFrame(() => {
+      o = void 0, R();
+    }));
   }
   function m() {
-    i == null || i.disconnect(), i = void 0, f = -1, window.removeEventListener("resize", o);
+    t == null || t.disconnect(), t = void 0, f = -1, window.removeEventListener("resize", a);
     const e = h();
-    if (!(!s || !e)) {
-      if (!n.autosize) {
-        o();
+    if (!(!d || !e)) {
+      if (!i.autosize) {
+        n.value = {};
         return;
       }
-      window.addEventListener("resize", o), typeof ResizeObserver < "u" && (i = new ResizeObserver((d) => {
-        var c;
-        const t = (c = d[0]) == null ? void 0 : c.contentRect.width;
-        t !== void 0 && Math.abs(t - f) > 0.5 && (f = t, o());
-      }), i.observe(e)), o();
+      window.addEventListener("resize", a), typeof ResizeObserver < "u" && (t = new ResizeObserver((w) => {
+        var s;
+        const c = (s = w[0]) == null ? void 0 : s.contentRect.width;
+        c !== void 0 && Math.abs(c - f) > 0.5 && (f = c, a());
+      }), t.observe(e)), a();
     }
   }
-  function z() {
-    s = !0, u(m);
+  function b() {
+    d = !0, l(m);
   }
-  function y() {
-    s = !1, i == null || i.disconnect(), i = void 0, a !== void 0 && cancelAnimationFrame(a), a = void 0, window.removeEventListener("resize", o);
+  function F() {
+    d = !1, t == null || t.disconnect(), t = void 0, o !== void 0 && cancelAnimationFrame(o), o = void 0, window.removeEventListener("resize", a);
   }
-  return x([M, F, () => n.rows, () => n.autosize], o, {
-    deep: !0
-  }), x(v, () => {
-    r = void 0, u(m);
-  }), x(
-    () => n.autosize,
+  return z(
+    [
+      E,
+      T,
+      () => i.rows,
+      () => i.autosize,
+      () => i.inputStyle,
+      () => {
+        var e;
+        return (e = i.inputProps) == null ? void 0 : e.style;
+      }
+    ],
+    a,
+    {
+      deep: !0
+    }
+  ), z(v, () => {
+    n.value = {}, l(m);
+  }), z(
+    () => i.autosize,
     () => {
-      u(m);
+      l(m);
     },
     { deep: !0 }
-  ), T(() => {
+  ), L(() => {
     var e;
-    z(), (e = document.fonts) == null || e.ready.then(() => {
-      s && o();
+    b(), (e = document.fonts) == null || e.ready.then(() => {
+      d && a();
     });
-  }), E(z), Y(y), B(y), o;
+  }), N(b), O(F), C(F), { resize: Y, textareaStyle: n };
 }
 export {
-  L as useTextareaSize
+  j as useTextareaSize
 };

package/dist/index.js

@@ -2,177 +2,189 @@
 import { default as s } from "./components/HysAccordion/HysAccordion.vue.js";
 import { default as m } from "./components/HysAlert/HysAlert.vue.js";
 import { default as p } from "./components/HysAnimatedNumber/HysAnimatedNumber.vue.js";
-import { default as u } from "./components/HysAutocomplete/HysAutocomplete.vue.js";
+import { default as d } from "./components/HysAutocomplete/HysAutocomplete.vue.js";
 import { default as y } from "./components/HysAvatar/HysAvatar.vue.js";
 import { default as i } from "./components/HysAvatarGroup/HysAvatarGroup.vue.js";
 import { default as c } from "./components/HysBadge/HysBadge.vue.js";
 import { default as C } from "./components/HysBreadcrumb/HysBreadcrumb.vue.js";
-import { default as g } from "./components/HysButton/HysButton.vue.js";
-import { default as S } from "./components/HysButtonGroup/HysButtonGroup.vue.js";
-import { default as h } from "./components/HysCalendar/HysCalendar.vue.js";
-import { default as E } from "./components/HysCalendarNavigation/HysCalendarNavigation.vue.js";
-import { default as v } from "./components/HysCard/HysCard.vue.js";
+import { default as M } from "./components/HysButton/HysButton.vue.js";
+import { default as A } from "./components/HysButtonGroup/HysButtonGroup.vue.js";
+import { default as N } from "./components/HysCalendar/HysCalendar.vue.js";
+import { default as P } from "./components/HysCalendarNavigation/HysCalendarNavigation.vue.js";
+import { default as E } from "./components/HysCard/HysCard.vue.js";
 import { default as G } from "./components/HysCascader/HysCascader.vue.js";
-import { default as I } from "./components/HysChart/HysChart.vue.js";
-import { default as B } from "./components/HysCheckbox/HysCheckbox.vue.js";
-import { default as N } from "./components/HysCheckboxGroup/HysCheckboxGroup.vue.js";
+import { default as R } from "./components/HysChart/HysChart.vue.js";
+import { default as z } from "./components/HysCheckbox/HysCheckbox.vue.js";
+import { default as F } from "./components/HysCheckboxGroup/HysCheckboxGroup.vue.js";
 import { default as L } from "./components/HysColorPicker/HysColorPicker.vue.js";
 import { default as V } from "./components/HysColorTokenEditor/HysColorTokenEditor.vue.js";
-import { default as K } from "./components/HysCommandPalette/HysCommandPalette.vue.js";
-import { default as j } from "./components/HysCommentEditor/HysCommentEditor.vue.js";
+import { default as J } from "./components/HysCommandPalette/HysCommandPalette.vue.js";
+import { default as U } from "./components/HysCommentEditor/HysCommentEditor.vue.js";
 import { default as Q } from "./components/HysContextMenu/HysContextMenu.vue.js";
 import { default as X } from "./components/HysCronEditor/HysCronEditor.vue.js";
 import { default as Z } from "./components/HysDataGrid/HysDataGrid.vue.js";
 import { default as $ } from "./components/HysDatePicker/HysDatePicker.vue.js";
-import { default as te } from "./components/HysDateRangePicker/HysDateRangePicker.vue.js";
-import { default as re } from "./components/HysDiffViewer/HysDiffViewer.vue.js";
+import { default as oe } from "./components/HysDateRangePicker/HysDateRangePicker.vue.js";
+import { default as te } from "./components/HysDiffViewer/HysDiffViewer.vue.js";
 import { default as se } from "./components/HysDivider/HysDivider.vue.js";
 import { default as me } from "./components/HysDrawer/HysDrawer.vue.js";
 import { default as pe } from "./components/HysEmpty/HysEmpty.vue.js";
-import { default as ue } from "./components/HysFileManager/HysFileManager.vue.js";
+import { default as de } from "./components/HysFileManager/HysFileManager.vue.js";
 import { default as ye } from "./components/HysForm/HysForm.vue.js";
 import { default as ie } from "./components/HysFormItem/HysFormItem.vue.js";
 import { default as ce } from "./components/HysGantt/HysGantt.vue.js";
 import { default as Ce } from "./components/HysInput/HysInput.vue.js";
-import { default as ge } from "./components/HysJsonEditor/HysJsonEditor.vue.js";
-import { default as Se } from "./components/HysKanban/HysKanban.vue.js";
-import { default as he } from "./components/HysMention/HysMention.vue.js";
-import { default as Ee } from "./components/HysModal/HysModal.vue.js";
-import { default as ve } from "./components/HysNotificationCenter/HysNotificationCenter.vue.js";
+import { default as Me } from "./components/HysJsonEditor/HysJsonEditor.vue.js";
+import { default as Ae } from "./components/HysKanban/HysKanban.vue.js";
+import { default as Ne } from "./components/HysMention/HysMention.vue.js";
+import { default as Pe } from "./components/HysModal/HysModal.vue.js";
+import { default as Ee } from "./components/HysNotificationCenter/HysNotificationCenter.vue.js";
 import { default as Ge } from "./components/HysNumberInput/HysNumberInput.vue.js";
-import { default as Ie } from "./components/HysOrgTree/HysOrgTree.vue.js";
-import { default as Be } from "./components/HysPagination/HysPagination.vue.js";
-import { default as Ne } from "./components/HysPermissionMatrix/HysPermissionMatrix.vue.js";
+import { default as Re } from "./components/HysOrgTree/HysOrgTree.vue.js";
+import { default as ze } from "./components/HysPagination/HysPagination.vue.js";
+import { default as Fe } from "./components/HysPermissionMatrix/HysPermissionMatrix.vue.js";
 import { default as Le } from "./components/HysPopover/HysPopover.vue.js";
 import { default as Ve } from "./components/HysProgress/HysProgress.vue.js";
-import { default as Ke } from "./components/HysRadio/HysRadio.vue.js";
-import { default as je } from "./components/HysRadioGroup/HysRadioGroup.vue.js";
+import { default as Je } from "./components/HysRadio/HysRadio.vue.js";
+import { default as Ue } from "./components/HysRadioGroup/HysRadioGroup.vue.js";
 import { default as Qe } from "./components/HysRating/HysRating.vue.js";
 import { default as Xe } from "./components/HysResizablePanel/HysResizablePanel.vue.js";
 import { default as Ze } from "./components/HysRichTextEditor/HysRichTextEditor.vue.js";
 import { default as $e } from "./components/HysSearch/HysSearch.vue.js";
-import { default as tt } from "./components/HysSegmented/HysSegmented.vue.js";
-import { default as rt } from "./components/HysSelect/HysSelect.vue.js";
-import { default as st } from "./components/HysShortcutHelp/HysShortcutHelp.vue.js";
-import { default as mt } from "./components/HysSkeleton/HysSkeleton.vue.js";
-import { default as pt } from "./components/HysSlider/HysSlider.vue.js";
-import { default as ut } from "./components/HysSortableList/HysSortableList.vue.js";
-import { default as yt } from "./components/HysSplitPane/HysSplitPane.vue.js";
+import { default as oo } from "./components/HysSegmented/HysSegmented.vue.js";
+import { default as to } from "./components/HysSelect/HysSelect.vue.js";
+import { default as so } from "./components/HysShortcutHelp/HysShortcutHelp.vue.js";
+import { default as mo } from "./components/HysSkeleton/HysSkeleton.vue.js";
+import { default as po } from "./components/HysSlider/HysSlider.vue.js";
+import { default as xo } from "./components/HysSortableList/HysSortableList.vue.js";
+import { default as Ho } from "./components/HysSplitPane/HysSplitPane.vue.js";
 /* empty css                                          */
-import { default as it } from "./components/HysSteps/HysSteps.vue.js";
-import { default as ct } from "./components/HysSwitch/HysSwitch.vue.js";
-import { default as Ct } from "./components/HysTable/HysTable.vue.js";
-import { default as gt } from "./components/HysTabs/HysTabs.vue.js";
-import { default as St } from "./components/HysTagInput/HysTagInput.vue.js";
-import { default as ht } from "./components/HysTextarea/HysTextarea.vue.js";
-import { default as Et } from "./components/HysTimeline/HysTimeline.vue.js";
-import { default as vt } from "./components/HysToast/HysToast.vue.js";
-import { default as Gt } from "./components/HysTooltip/HysTooltip.vue.js";
-import { default as It } from "./components/HysTour/HysTour.vue.js";
+import { default as no } from "./components/HysSteps/HysSteps.vue.js";
+import { default as bo } from "./components/HysSwitch/HysSwitch.vue.js";
+import { default as To } from "./components/HysTable/HysTable.vue.js";
+import { default as go } from "./components/HysTabs/HysTabs.vue.js";
+import { default as So } from "./components/HysTagInput/HysTagInput.vue.js";
+import { default as ho } from "./components/HysTextarea/HysTextarea.vue.js";
+import { default as Do } from "./components/HysTimeline/HysTimeline.vue.js";
+import { default as ko } from "./components/HysToast/HysToast.vue.js";
+import { default as vo } from "./components/HysTooltip/HysTooltip.vue.js";
+import { default as Io } from "./components/HysTour/HysTour.vue.js";
 /* empty css                                */
-import { default as Bt } from "./components/HysTransfer/HysTransfer.vue.js";
-import { default as Nt } from "./components/HysTree/HysTree.vue.js";
-import { default as Lt } from "./components/HysTreeSelect/HysTreeSelect.vue.js";
-import { default as Vt } from "./components/HysUpload/HysUpload.vue.js";
-import { default as Kt } from "./components/HysVirtualTable/HysVirtualTable.vue.js";
-import { provideHysConfig as jt } from "./config.js";
-import { useHysFormItemContext as Qt } from "./composables/formContext.js";
-import { createHysToast as Xt, useHysToast as Yt } from "./composables/useHysToast.js";
-import { deserializeMentionDocument as _t, matchMention as $t, mentionTriggers as eo, normalizeMentionEntities as to, rebaseMentionEntities as oo, serializeMentionDocument as ro } from "./composables/mentionDocument.js";
-import { useMentionOptions as so } from "./composables/useMentionOptions.js";
-import { useMentionList as mo } from "./composables/useMentionList.js";
-import { useMentionCaret as po } from "./composables/useMentionCaret.js";
-import { useMentionModel as xo } from "./composables/useMentionModel.js";
-import { createHysModal as Ho, useHysModal as io } from "./composables/useHysModal.js";
+import { default as Bo } from "./components/HysTransfer/HysTransfer.vue.js";
+import { default as wo } from "./components/HysTree/HysTree.vue.js";
+import { default as Oo } from "./components/HysTreeSelect/HysTreeSelect.vue.js";
+import { default as qo } from "./components/HysUpload/HysUpload.vue.js";
+import { default as Ko } from "./components/HysVirtualTable/HysVirtualTable.vue.js";
+import { provideHysConfig as jo } from "./config.js";
+import { useHysFormItemContext as Wo } from "./composables/formContext.js";
+import { createHysToast as Yo, useHysToast as Zo } from "./composables/useHysToast.js";
+import { deserializeMentionDocument as $o, matchMention as er, mentionTriggers as or, normalizeMentionEntities as rr, rebaseMentionEntities as tr, serializeMentionDocument as ar } from "./composables/mentionDocument.js";
+import { useMentionOptions as fr } from "./composables/useMentionOptions.js";
+import { useMentionList as ur } from "./composables/useMentionList.js";
+import { useMentionCaret as lr } from "./composables/useMentionCaret.js";
+import { useMentionModel as xr } from "./composables/useMentionModel.js";
+import { createHysModal as Hr, useHysModal as ir } from "./composables/useHysModal.js";
+import { useHysAnimatedNumber as cr } from "./composables/useHysAnimatedNumber.js";
+import { useHysNumberAnimationGroup as Cr } from "./composables/useHysNumberAnimationGroup.js";
+import { hysNumberAnimationCatalog as Mr, hysNumberAnimationCategories as gr } from "./composables/numberAnimationCatalog.js";
+import { parseHysNumberAnimation as Sr, stringifyHysNumberAnimation as Nr } from "./composables/numberAnimation.js";
+import { createHysNumberSequence as Pr } from "./composables/numberAnimationSequence.js";
 export {
   s as HysAccordion,
   m as HysAlert,
   p as HysAnimatedNumber,
-  u as HysAutocomplete,
+  d as HysAutocomplete,
   y as HysAvatar,
   i as HysAvatarGroup,
   c as HysBadge,
   C as HysBreadcrumb,
-  g as HysButton,
-  S as HysButtonGroup,
-  h as HysCalendar,
-  E as HysCalendarNavigation,
-  v as HysCard,
+  M as HysButton,
+  A as HysButtonGroup,
+  N as HysCalendar,
+  P as HysCalendarNavigation,
+  E as HysCard,
   G as HysCascader,
-  I as HysChart,
-  B as HysCheckbox,
-  N as HysCheckboxGroup,
+  R as HysChart,
+  z as HysCheckbox,
+  F as HysCheckboxGroup,
   L as HysColorPicker,
   V as HysColorTokenEditor,
-  K as HysCommandPalette,
-  j as HysCommentEditor,
+  J as HysCommandPalette,
+  U as HysCommentEditor,
   Q as HysContextMenu,
   X as HysCronEditor,
   Z as HysDataGrid,
   $ as HysDatePicker,
-  te as HysDateRangePicker,
-  re as HysDiffViewer,
+  oe as HysDateRangePicker,
+  te as HysDiffViewer,
   se as HysDivider,
   me as HysDrawer,
   pe as HysEmpty,
-  ue as HysFileManager,
+  de as HysFileManager,
   ye as HysForm,
   ie as HysFormItem,
   ce as HysGantt,
   Ce as HysInput,
-  ge as HysJsonEditor,
-  Se as HysKanban,
-  he as HysMention,
-  Ee as HysModal,
-  ve as HysNotificationCenter,
+  Me as HysJsonEditor,
+  Ae as HysKanban,
+  Ne as HysMention,
+  Pe as HysModal,
+  Ee as HysNotificationCenter,
   Ge as HysNumberInput,
-  Ie as HysOrgTree,
-  Be as HysPagination,
-  Ne as HysPermissionMatrix,
+  Re as HysOrgTree,
+  ze as HysPagination,
+  Fe as HysPermissionMatrix,
   Le as HysPopover,
   Ve as HysProgress,
-  Ke as HysRadio,
-  je as HysRadioGroup,
+  Je as HysRadio,
+  Ue as HysRadioGroup,
   Qe as HysRating,
   Xe as HysResizablePanel,
   Ze as HysRichTextEditor,
   $e as HysSearch,
-  tt as HysSegmented,
-  rt as HysSelect,
-  st as HysShortcutHelp,
-  mt as HysSkeleton,
-  pt as HysSlider,
-  ut as HysSortableList,
-  yt as HysSplitPane,
-  it as HysSteps,
-  ct as HysSwitch,
-  Ct as HysTable,
-  gt as HysTabs,
-  St as HysTagInput,
-  ht as HysTextarea,
-  Et as HysTimeline,
-  vt as HysToast,
-  Gt as HysTooltip,
-  It as HysTour,
-  Bt as HysTransfer,
-  Nt as HysTree,
-  Lt as HysTreeSelect,
-  Vt as HysUpload,
-  Kt as HysVirtualTable,
-  Ho as createHysModal,
-  Xt as createHysToast,
-  _t as deserializeMentionDocument,
-  $t as matchMention,
-  eo as mentionTriggers,
-  to as normalizeMentionEntities,
-  jt as provideHysConfig,
-  oo as rebaseMentionEntities,
-  ro as serializeMentionDocument,
-  Qt as useHysFormItemContext,
-  io as useHysModal,
-  Yt as useHysToast,
-  po as useMentionCaret,
-  mo as useMentionList,
-  xo as useMentionModel,
-  so as useMentionOptions
+  oo as HysSegmented,
+  to as HysSelect,
+  so as HysShortcutHelp,
+  mo as HysSkeleton,
+  po as HysSlider,
+  xo as HysSortableList,
+  Ho as HysSplitPane,
+  no as HysSteps,
+  bo as HysSwitch,
+  To as HysTable,
+  go as HysTabs,
+  So as HysTagInput,
+  ho as HysTextarea,
+  Do as HysTimeline,
+  ko as HysToast,
+  vo as HysTooltip,
+  Io as HysTour,
+  Bo as HysTransfer,
+  wo as HysTree,
+  Oo as HysTreeSelect,
+  qo as HysUpload,
+  Ko as HysVirtualTable,
+  Hr as createHysModal,
+  Pr as createHysNumberSequence,
+  Yo as createHysToast,
+  $o as deserializeMentionDocument,
+  Mr as hysNumberAnimationCatalog,
+  gr as hysNumberAnimationCategories,
+  er as matchMention,
+  or as mentionTriggers,
+  rr as normalizeMentionEntities,
+  Sr as parseHysNumberAnimation,
+  jo as provideHysConfig,
+  tr as rebaseMentionEntities,
+  ar as serializeMentionDocument,
+  Nr as stringifyHysNumberAnimation,
+  cr as useHysAnimatedNumber,
+  Wo as useHysFormItemContext,
+  ir as useHysModal,
+  Cr as useHysNumberAnimationGroup,
+  Zo as useHysToast,
+  lr as useMentionCaret,
+  ur as useMentionList,
+  xr as useMentionModel,
+  fr as useMentionOptions
 };