hys-ui 0.1.1 → 0.3.0

package/dist/components/HysTagInput/HysTagInput2.vue.js

@@ -1,4 +1,398 @@
-import f from "./HysTagInput.vue.js";
+import { defineComponent as ee, ref as N, computed as g, toRaw as ae, openBlock as n, createElementBlock as u, Fragment as h, createElementVNode as f, mergeProps as y, unref as a, renderSlot as p, normalizeProps as C, guardReactiveProps as D, createCommentVNode as m, renderList as I, withModifiers as x, normalizeClass as te, createBlock as c, createTextVNode as M, toDisplayString as b, createVNode as P, withCtx as R, normalizeStyle as $, resolveDynamicComponent as le } from "vue";
+import { GripVertical as oe, X as z, LoaderCircle as ie } from "lucide-vue-next";
+import ne from "../HysPopover/HysPopover.vue.js";
+import { useHysRootAttrs as re } from "../../config.js";
+import { useTagInput as se } from "../../composables/useTagInput.js";
+const ue = ["data-status", "aria-disabled", "aria-busy"], de = {
+  key: 0,
+  class: "hys-ui-tags-affix"
+}, ve = { class: "hys-ui-tags-items" }, ge = ["data-tag-index", "draggable", "onKeydown", "onDragstart", "onDragover"], fe = ["title"], me = ["disabled", "aria-label", "onClick", "onKeydown"], pe = ["disabled", "aria-label"], ye = ["title"], ce = ["aria-label", "disabled", "onClick"], be = ["aria-label"], he = ["id", "value", "placeholder", "disabled", "readonly", "maxlength", "minlength", "autocomplete", "tabindex", "aria-label", "aria-required", "aria-invalid", "aria-describedby"], xe = ["disabled"], Te = {
+  key: 3,
+  class: "hys-ui-tags-affix"
+}, ke = ["name", "form", "value"], we = ["id"], $e = /* @__PURE__ */ ee({
+  inheritAttrs: !1,
+  __name: "HysTagInput",
+  props: {
+    modelValue: { default: void 0 },
+    defaultValue: {},
+    max: { default: 10 },
+    placeholder: { default: "输入后按 Enter" },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    size: {},
+    addOnBlur: { type: Boolean, default: !0 },
+    separator: {},
+    delimiters: {},
+    trigger: {},
+    beforeAdd: {},
+    allowDuplicates: { type: Boolean },
+    caseSensitive: { type: Boolean, default: !0 },
+    trim: { type: Boolean, default: !0 },
+    clearable: { type: Boolean },
+    clearIcon: {},
+    tagTone: { default: "primary" },
+    tagEffect: { default: "light" },
+    tagRound: { type: Boolean },
+    draggable: { type: Boolean },
+    collapseTags: { type: Boolean },
+    maxCollapseTags: { default: 1 },
+    collapseTagsTooltip: { type: Boolean, default: !0 },
+    overflowHeight: { default: 240 },
+    maxTagTextLength: {},
+    maxlength: {},
+    minlength: {},
+    ariaLabel: {},
+    label: {},
+    name: {},
+    form: {},
+    autocomplete: { default: "off" },
+    autofocus: { type: Boolean },
+    tabindex: {},
+    status: {},
+    error: {},
+    validateEvent: { type: Boolean, default: !0 },
+    inputProps: {},
+    popupTransition: {},
+    popupTransitionDuration: {}
+  },
+  emits: ["update:modelValue", "change", "acceptedChange", "add", "remove", "reject", "invalid", "clear", "input", "focus", "blur", "compositionend", "reorder"],
+  setup(o, { expose: q, emit: G }) {
+    const r = o, W = G, e = se(
+      r,
+      (i, ...l) => W(i, ...l)
+    ), E = re(), T = N(), k = N(0), X = g(
+      () => r.clearIcon && typeof r.clearIcon == "object" ? ae(r.clearIcon) : r.clearIcon
+    ), J = g(
+      () => r.collapseTags ? Math.max(
+        0,
+        Math.floor(
+          Number.isFinite(r.maxCollapseTags) ? r.maxCollapseTags : 1
+        )
+      ) : e.tags.value.length
+    ), H = g(() => e.tags.value.slice(0, J.value)), s = g(() => e.tags.value.slice(H.value.length)), w = g(
+      () => Math.max(
+        0,
+        Math.min(
+          Math.max(0, s.value.length - 1),
+          Math.floor(k.value / 36) - 3
+        )
+      )
+    ), B = g(
+      () => Math.max(
+        72,
+        Math.min(
+          480,
+          Number.isFinite(r.overflowHeight) ? r.overflowHeight : 240
+        )
+      )
+    ), Q = g(
+      () => s.value.slice(
+        w.value,
+        w.value + Math.ceil(B.value / 36) + 6
+      )
+    ), L = (i) => i === "id" || i.startsWith("aria-") || ["required", "title"].includes(i), U = g(
+      () => Object.fromEntries(
+        Object.entries(e.attrs).filter(([i]) => !L(i))
+      )
+    ), Y = g(
+      () => Object.fromEntries(
+        Object.entries(e.attrs).filter(([i]) => L(i))
+      )
+    );
+    function F(i, l) {
+      return {
+        value: i,
+        index: l,
+        disabled: e.control.disabled.value,
+        readonly: !!r.readonly,
+        remove: () => e.remove(l)
+      };
+    }
+    function Z(i) {
+      return r.maxTagTextLength !== void 0 && Number.isFinite(r.maxTagTextLength) && i.length > Math.max(0, r.maxTagTextLength) ? i.slice(0, Math.max(0, r.maxTagTextLength)) + "…" : i;
+    }
+    function _(i) {
+      i.target.closest("button,a,input,[data-tag-index]") || e.focus();
+    }
+    return q({
+      element: e.element,
+      input: e.input,
+      values: e.values,
+      draft: e.draft,
+      pending: e.pending,
+      focus: e.focus,
+      blur: () => {
+        var i;
+        return (i = e.input.value) == null ? void 0 : i.blur();
+      },
+      add: (i) => e.add(i),
+      remove: e.remove,
+      clear: e.clear,
+      move: e.move,
+      setDraft: e.setDraft
+    }), (i, l) => {
+      var K, O, S, V;
+      return n(), u(h, null, [
+        f("div", y({ ...a(E), ...U.value }, {
+          ref: (t) => a(e).element.value = t,
+          class: ["hys-ui-ex-tags hys-ui-tag-input", [
+            "hys-ui-tag-input-" + a(e).control.size.value,
+            "hys-ui-tags-" + o.tagTone,
+            "hys-ui-tags-" + o.tagEffect,
+            {
+              "hys-ui-tag-input-disabled": a(e).control.disabled.value,
+              "hys-ui-tag-input-readonly": o.readonly,
+              "hys-ui-tag-input-focused": a(e).focused.value,
+              "hys-ui-tags-round": o.tagRound
+            }
+          ]],
+          "data-status": a(e).status.value,
+          "aria-disabled": a(e).control.disabled.value || void 0,
+          "aria-busy": a(e).pending.value || void 0,
+          onClick: _,
+          onFocusin: l[14] || (l[14] = //@ts-ignore
+          (...t) => a(e).focusIn && a(e).focusIn(...t)),
+          onFocusout: l[15] || (l[15] = (t) => {
+            var v;
+            return a(e).focusOut(t, (v = T.value) == null ? void 0 : v.element);
+          })
+        }), [
+          i.$slots.prefix ? (n(), u("span", de, [
+            p(i.$slots, "prefix", C(D(a(e).context.value)), void 0, !0)
+          ])) : m("", !0),
+          f("div", ve, [
+            (n(!0), u(h, null, I(H.value, (t) => {
+              var v, j, A;
+              return n(), u("span", {
+                key: t.key,
+                class: te(["hys-ui-ex-tag hys-ui-tag-item", {
+                  "hys-ui-tag-dragging": ((v = a(e).drag.value) == null ? void 0 : v.index) === t.index,
+                  "hys-ui-tag-drop-before": ((j = a(e).drop.value) == null ? void 0 : j.index) === t.index && !a(e).drop.value.after,
+                  "hys-ui-tag-drop-after": ((A = a(e).drop.value) == null ? void 0 : A.index) === t.index && a(e).drop.value.after
+                }]),
+                "data-tag-index": t.index,
+                tabindex: "-1",
+                draggable: o.draggable && !a(e).control.disabled.value && !o.readonly && !a(e).pending.value,
+                onKeydown: x((d) => a(e).tagKey(d, t.index), ["self"]),
+                onDragstart: (d) => a(e).dragStart(d, t.index),
+                onDragover: (d) => a(e).dragOver(d, t.index),
+                onDrop: l[1] || (l[1] = //@ts-ignore
+                (...d) => a(e).dragDrop && a(e).dragDrop(...d)),
+                onDragend: l[2] || (l[2] = //@ts-ignore
+                (...d) => a(e).stopDrag && a(e).stopDrag(...d))
+              }, [
+                o.draggable ? (n(), c(a(oe), {
+                  key: 0,
+                  class: "hys-ui-tag-grip",
+                  size: 12,
+                  "aria-hidden": "true"
+                })) : m("", !0),
+                f("span", {
+                  class: "hys-ui-tag-label",
+                  title: t.value
+                }, [
+                  p(i.$slots, "tag", y({ ref_for: !0 }, F(t.value, t.index)), () => [
+                    M(b(Z(t.value)), 1)
+                  ], !0)
+                ], 8, fe),
+                o.readonly ? m("", !0) : (n(), u("button", {
+                  key: 1,
+                  type: "button",
+                  class: "hys-ui-tag-remove",
+                  disabled: a(e).control.disabled.value,
+                  "aria-label": "移除 " + t.value,
+                  onMousedown: l[0] || (l[0] = x(() => {
+                  }, ["prevent"])),
+                  onClick: x((d) => a(e).remove(t.index), ["stop"]),
+                  onKeydown: (d) => a(e).tagKey(d, t.index)
+                }, [
+                  p(i.$slots, "remove-icon", y({ ref_for: !0 }, F(t.value, t.index)), () => [
+                    P(a(z), {
+                      size: 12,
+                      "aria-hidden": "true"
+                    })
+                  ], !0)
+                ], 40, me))
+              ], 42, ge);
+            }), 128)),
+            s.value.length && o.collapseTagsTooltip ? (n(), c(ne, {
+              key: 0,
+              ref_key: "overflowApi",
+              ref: T,
+              trigger: "click",
+              placement: "bottom-start",
+              width: 280,
+              disabled: a(e).control.disabled.value,
+              "popup-transition": o.popupTransition,
+              "popup-transition-duration": o.popupTransitionDuration,
+              title: "更多标签",
+              onHide: l[6] || (l[6] = (t) => k.value = 0)
+            }, {
+              trigger: R(() => [
+                f("button", {
+                  type: "button",
+                  class: "hys-ui-tag-overflow-trigger",
+                  disabled: a(e).control.disabled.value,
+                  "aria-label": "查看其余 " + s.value.length + " 个标签"
+                }, [
+                  p(i.$slots, "collapse-tag", {
+                    count: s.value.length,
+                    values: s.value.map((t) => t.value)
+                  }, () => [
+                    M("+" + b(s.value.length), 1)
+                  ], !0)
+                ], 8, pe)
+              ]),
+              default: R(() => [
+                f("div", {
+                  class: "hys-ui-tag-overflow",
+                  style: $({
+                    maxHeight: B.value + "px",
+                    height: Math.min(s.value.length * 36, B.value) + "px"
+                  }),
+                  role: "group",
+                  "aria-label": "折叠标签",
+                  onScroll: l[3] || (l[3] = (t) => k.value = t.target.scrollTop),
+                  onFocusin: l[4] || (l[4] = //@ts-ignore
+                  (...t) => a(e).focusIn && a(e).focusIn(...t)),
+                  onFocusout: l[5] || (l[5] = (t) => {
+                    var v;
+                    return a(e).focusOut(t, (v = T.value) == null ? void 0 : v.element);
+                  })
+                }, [
+                  f("div", {
+                    style: $({
+                      height: s.value.length * 36 + "px",
+                      position: "relative"
+                    })
+                  }, [
+                    f("div", {
+                      style: $({
+                        position: "absolute",
+                        left: 0,
+                        right: 0,
+                        top: w.value * 36 + "px"
+                      })
+                    }, [
+                      (n(!0), u(h, null, I(Q.value, (t) => (n(), u("div", {
+                        key: t.key,
+                        class: "hys-ui-tag-overflow-row"
+                      }, [
+                        f("span", {
+                          title: t.value
+                        }, b(t.value), 9, ye),
+                        o.readonly ? m("", !0) : (n(), u("button", {
+                          key: 0,
+                          type: "button",
+                          "aria-label": "移除 " + t.value,
+                          disabled: a(e).control.disabled.value,
+                          onClick: (v) => a(e).remove(t.index)
+                        }, [
+                          P(a(z), {
+                            size: 14,
+                            "aria-hidden": "true"
+                          })
+                        ], 8, ce))
+                      ]))), 128))
+                    ], 4)
+                  ], 4)
+                ], 36)
+              ]),
+              _: 3
+            }, 8, ["disabled", "popup-transition", "popup-transition-duration"])) : s.value.length ? (n(), u("span", {
+              key: 1,
+              class: "hys-ui-tag-overflow-trigger",
+              "aria-label": "另有 " + s.value.length + " 个标签"
+            }, [
+              p(i.$slots, "collapse-tag", {
+                count: s.value.length,
+                values: s.value.map((t) => t.value)
+              }, () => [
+                M("+" + b(s.value.length), 1)
+              ], !0)
+            ], 8, be)) : m("", !0),
+            f("input", y({
+              ref: (t) => a(e).input.value = t
+            }, { ...o.inputProps, ...Y.value }, {
+              class: "hys-ui-tags-native",
+              type: "text",
+              id: a(e).attrs.id || ((K = a(e).field) == null ? void 0 : K.id.value),
+              "data-hys-ui-field-managed": "",
+              value: a(e).draft.value,
+              placeholder: o.readonly ? "" : o.placeholder,
+              disabled: a(e).control.disabled.value,
+              readonly: o.readonly,
+              maxlength: o.maxlength,
+              minlength: o.minlength,
+              autocomplete: o.autocomplete,
+              tabindex: o.tabindex,
+              "aria-label": o.ariaLabel || a(e).attrs["aria-label"] || o.label || ((O = a(e).field) == null ? void 0 : O.label.value) || "输入标签",
+              "aria-required": ((S = a(e).field) == null ? void 0 : S.required.value) || void 0,
+              "aria-invalid": a(e).status.value === "error" || void 0,
+              "aria-describedby": [
+                a(e).attrs["aria-describedby"],
+                (V = a(e).field) == null ? void 0 : V.describedBy.value,
+                o.error ? a(e).errorId : void 0
+              ].filter(Boolean).join(" ") || void 0,
+              onInput: l[7] || (l[7] = //@ts-ignore
+              (...t) => a(e).nativeInput && a(e).nativeInput(...t)),
+              onKeydown: l[8] || (l[8] = //@ts-ignore
+              (...t) => a(e).key && a(e).key(...t)),
+              onPaste: l[9] || (l[9] = //@ts-ignore
+              (...t) => a(e).pasted && a(e).pasted(...t)),
+              onCompositionstart: l[10] || (l[10] = (t) => a(e).composing.value = !0),
+              onCompositionend: l[11] || (l[11] = //@ts-ignore
+              (...t) => a(e).compositionEnd && a(e).compositionEnd(...t))
+            }), null, 16, he)
+          ]),
+          a(e).pending.value ? (n(), c(a(ie), {
+            key: 1,
+            class: "hys-ui-tag-spinner",
+            size: 16,
+            "aria-hidden": "true"
+          })) : o.clearable && !o.readonly && (a(e).values.value.length || a(e).draft.value) ? (n(), u("button", {
+            key: 2,
+            type: "button",
+            class: "hys-ui-tags-clear",
+            disabled: a(e).control.disabled.value,
+            "aria-label": "清空标签",
+            onMousedown: l[12] || (l[12] = x(() => {
+            }, ["prevent"])),
+            onClick: l[13] || (l[13] = //@ts-ignore
+            (...t) => a(e).clear && a(e).clear(...t))
+          }, [
+            p(i.$slots, "clear-icon", C(D(a(e).context.value)), () => [
+              o.clearIcon ? (n(), c(le(X.value), {
+                key: 0,
+                size: 14,
+                "aria-hidden": "true"
+              })) : (n(), c(a(z), {
+                key: 1,
+                size: 14,
+                "aria-hidden": "true"
+              }))
+            ], !0)
+          ], 40, xe)) : m("", !0),
+          i.$slots.suffix ? (n(), u("span", Te, [
+            p(i.$slots, "suffix", C(D(a(e).context.value)), void 0, !0)
+          ])) : m("", !0),
+          (n(!0), u(h, null, I(o.name && !a(e).control.disabled.value ? a(e).values.value : [], (t, v) => (n(), u("input", {
+            key: v,
+            type: "hidden",
+            name: o.name,
+            form: o.form,
+            value: t
+          }, null, 8, ke))), 128))
+        ], 16, ue),
+        o.error ? (n(), u("small", y({ key: 0 }, a(E), {
+          id: a(e).errorId,
+          class: "hys-ui-tags-error",
+          role: "alert"
+        }), b(o.error), 17, we)) : m("", !0)
+      ], 64);
+    };
+  }
+});
 export {
-  f as default
+  $e as default
 };

package/dist/components/HysTextarea/HysTextarea.vue.js

@@ -1,90 +1,151 @@
-import { defineComponent as H, ref as w, useAttrs as A, inject as E, useId as F, computed as I, watch as R, onMounted as q, openBlock as f, createElementBlock as b, mergeProps as z, unref as a, toDisplayString as h, createCommentVNode as B, createElementVNode as M, nextTick as O } from "vue";
-import { useHysRootAttrs as T } from "../../config.js";
-import { fieldKey as N } from "../../composables/formContext.js";
-const S = { key: 0 }, D = ["value", "rows", "maxlength", "placeholder", "disabled", "readonly", "id", "aria-label", "aria-invalid", "aria-required", "aria-describedby"], K = ["id"], P = { key: 2 }, J = /* @__PURE__ */ H({
+import { defineComponent as y, ref as v, useAttrs as c, computed as i, openBlock as B, createBlock as $, mergeProps as g, unref as b, createSlots as C, withCtx as l, renderSlot as r, normalizeProps as k, guardReactiveProps as w } from "vue";
+import x from "../HysInput/HysInput.vue.js";
+const I = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "HysTextarea",
   props: {
-    modelValue: { default: "" },
-    label: {},
+    modelValue: {},
+    defaultValue: {},
     placeholder: {},
-    rows: { default: 4 },
-    maxlength: {},
+    label: {},
     disabled: { type: Boolean },
     readonly: { type: Boolean },
+    ariaLabel: {},
     error: {},
-    showCount: { type: Boolean, default: !0 },
+    status: {},
+    clearable: { type: Boolean },
+    clearIcon: {},
+    prefixIcon: {},
+    suffixIcon: {},
+    showCount: { type: [Boolean, Object], default: void 0 },
+    showWordLimit: { type: Boolean },
+    countPosition: { default: "inside" },
+    wordLimitPosition: {},
+    countGraphemes: { type: [Boolean, Function] },
+    maxlength: {},
+    minlength: {},
+    formatter: {},
+    parser: {},
+    allowInput: {},
+    autocomplete: {},
+    name: {},
+    size: {},
+    rows: { default: 4 },
     autosize: { type: [Boolean, Object] },
-    resize: { default: "vertical" }
+    resize: { default: "vertical" },
+    inputProps: {},
+    autofocus: { type: Boolean },
+    selectOnFocus: { type: Boolean },
+    bordered: { type: Boolean, default: !0 },
+    round: { type: Boolean }
   },
-  emits: ["update:modelValue", "input", "change", "focus", "blur"],
-  setup(t, { expose: C, emit: V }) {
-    const i = t, d = V, k = T(), n = w(), v = w(!1), s = A(), r = E(N, void 0), g = F(), j = I(() => i.error || (r == null ? void 0 : r.error.value));
-    async function y() {
-      await O();
-      const e = n.value;
-      if (!e || !i.autosize) return;
-      const l = typeof i.autosize == "object" ? i.autosize : {}, u = getComputedStyle(e), m = parseFloat(u.lineHeight) || 21, c = parseFloat(u.paddingTop) + parseFloat(u.paddingBottom) + 2;
-      e.style.height = "auto", e.style.height = Math.min((l.maxRows ?? 1 / 0) * m + c, Math.max((l.minRows ?? 1) * m + c, e.scrollHeight + 2)) + "px", e.style.overflowY = e.scrollHeight > e.clientHeight ? "auto" : "hidden";
-    }
-    function x(e) {
-      if (v.value || i.disabled || i.readonly) return;
-      const l = e.target.value;
-      d("update:modelValue", l), d("input", l), y();
-    }
-    return R(() => [i.modelValue, i.autosize], y, { deep: !0 }), q(y), C({ input: n, focus: () => {
-      var e;
-      return (e = n.value) == null ? void 0 : e.focus();
-    }, blur: () => {
-      var e;
-      return (e = n.value) == null ? void 0 : e.blur();
-    }, select: () => {
-      var e;
-      return (e = n.value) == null ? void 0 : e.select();
-    }, resize: y }), (e, l) => {
-      var u, m, c, p;
-      return f(), b("label", z(a(k), {
-        class: ["hys-ui-ex-field", a(s).class],
-        style: a(s).style
-      }), [
-        t.label ? (f(), b("span", S, h(t.label), 1)) : B("", !0),
-        M("textarea", z({
-          ref_key: "input",
-          ref: n
-        }, Object.fromEntries(Object.entries(a(s)).filter(([o]) => !["class", "style"].includes(o))), {
-          class: "hys-ui-ex-control",
-          value: t.modelValue,
-          rows: t.rows,
-          maxlength: t.maxlength,
-          placeholder: t.placeholder,
-          disabled: t.disabled,
-          readonly: t.readonly,
-          id: a(s).id || ((u = a(r)) == null ? void 0 : u.id.value),
-          "data-hys-ui-field-managed": "",
-          "aria-label": a(s)["aria-label"] || t.label || ((m = a(r)) == null ? void 0 : m.label.value),
-          "aria-invalid": !!j.value || void 0,
-          "aria-required": ((c = a(r)) == null ? void 0 : c.required.value) || void 0,
-          "aria-describedby": [t.error ? a(g) : (p = a(r)) == null ? void 0 : p.describedBy.value, a(s)["aria-describedby"]].filter(Boolean).join(" ") || void 0,
-          style: { resize: t.autosize ? "none" : i.resize },
-          onInput: x,
-          onCompositionstart: l[0] || (l[0] = (o) => v.value = !0),
-          onCompositionend: l[1] || (l[1] = (o) => {
-            v.value = !1, x(o);
-          }),
-          onChange: l[2] || (l[2] = (o) => d("change", o.target.value)),
-          onFocus: l[3] || (l[3] = (o) => d("focus", o)),
-          onBlur: l[4] || (l[4] = (o) => d("blur", o))
-        }), null, 16, D),
-        t.error ? (f(), b("small", {
-          key: 1,
-          id: a(g),
-          class: "hys-ui-ex-error",
-          role: "alert"
-        }, h(t.error), 9, K)) : t.showCount && t.maxlength ? (f(), b("small", P, h(t.modelValue.length) + " / " + h(t.maxlength), 1)) : B("", !0)
-      ], 16);
-    };
+  emits: ["update:modelValue", "input", "change", "clear", "focus", "blur", "pressEnter", "compositionstart", "compositionupdate", "compositionend"],
+  setup(u, { expose: d, emit: m }) {
+    const a = u, s = m, n = v(), f = c();
+    return d({
+      input: i(() => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.textarea;
+      }),
+      textarea: i(() => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.textarea;
+      }),
+      isComposing: i(() => {
+        var e;
+        return ((e = n.value) == null ? void 0 : e.isComposing) ?? !1;
+      }),
+      focus: (e) => {
+        var o;
+        return (o = n.value) == null ? void 0 : o.focus(e);
+      },
+      blur: () => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.blur();
+      },
+      select: () => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.select();
+      },
+      clear: () => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.clear();
+      },
+      resize: () => {
+        var e;
+        return ((e = n.value) == null ? void 0 : e.resize()) ?? Promise.resolve();
+      },
+      setSelectionRange: (e, o, t) => {
+        var p;
+        return (p = n.value) == null ? void 0 : p.setSelectionRange(e, o, t);
+      },
+      scrollTo: (e) => {
+        var o;
+        return (o = n.value) == null ? void 0 : o.scrollTo(e);
+      }
+    }), (e, o) => (B(), $(x, g({
+      ref_key: "control",
+      ref: n
+    }, { ...a, ...b(f) }, {
+      "show-count": a.showCount ?? a.maxlength !== void 0,
+      type: "textarea",
+      class: "hys-ui-ex-field",
+      "onUpdate:modelValue": o[0] || (o[0] = (t) => s("update:modelValue", t)),
+      onInput: o[1] || (o[1] = (t) => s("input", t)),
+      onChange: o[2] || (o[2] = (t) => s("change", t)),
+      onClear: o[3] || (o[3] = (t) => s("clear")),
+      onFocus: o[4] || (o[4] = (t) => s("focus", t)),
+      onBlur: o[5] || (o[5] = (t) => s("blur", t)),
+      onPressEnter: o[6] || (o[6] = (t) => s("pressEnter", t)),
+      onCompositionstart: o[7] || (o[7] = (t) => s("compositionstart", t)),
+      onCompositionupdate: o[8] || (o[8] = (t) => s("compositionupdate", t)),
+      onCompositionend: o[9] || (o[9] = (t) => s("compositionend", t))
+    }), C({ _: 2 }, [
+      e.$slots.prefix ? {
+        name: "prefix",
+        fn: l(() => [
+          r(e.$slots, "prefix")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.suffix ? {
+        name: "suffix",
+        fn: l(() => [
+          r(e.$slots, "suffix")
+        ]),
+        key: "1"
+      } : void 0,
+      e.$slots.prepend ? {
+        name: "prepend",
+        fn: l(() => [
+          r(e.$slots, "prepend")
+        ]),
+        key: "2"
+      } : void 0,
+      e.$slots.append ? {
+        name: "append",
+        fn: l(() => [
+          r(e.$slots, "append")
+        ]),
+        key: "3"
+      } : void 0,
+      e.$slots["clear-icon"] ? {
+        name: "clear-icon",
+        fn: l(() => [
+          r(e.$slots, "clear-icon")
+        ]),
+        key: "4"
+      } : void 0,
+      e.$slots.count ? {
+        name: "count",
+        fn: l((t) => [
+          r(e.$slots, "count", k(w(t)))
+        ]),
+        key: "5"
+      } : void 0
+    ]), 1040, ["show-count"]));
   }
 });
 export {
-  J as default
+  I as default
 };

package/dist/components/HysTimeline/HysTimeline.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysTimeline2.vue.js";
 /* empty css                 */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ff6c14c6"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9c4b5dcf"]]);
 export {
-  c as default
+  e as default
 };