hys-ui 0.1.1 → 0.2.0

package/dist/components/HysRating/HysRating2.vue.js

@@ -1,85 +1,305 @@
-import { defineComponent as g, ref as V, openBlock as i, createElementBlock as n, mergeProps as v, unref as u, Fragment as k, renderList as A, normalizeClass as B, renderSlot as C, createElementVNode as H, createVNode as c, createCommentVNode as y, toDisplayString as M } from "vue";
-import { Star as h } from "lucide-vue-next";
-import { useHysRootAttrs as L } from "../../config.js";
-const R = ["tabindex", "aria-label", "aria-valuenow", "aria-valuemax", "aria-readonly", "aria-disabled"], S = ["disabled", "aria-label", "aria-pressed", "onMousemove", "onClick"], D = { class: "hys-ui-rating-star" }, E = {
-  key: 0,
-  class: "hys-ui-rating-half-fill"
-}, z = {
-  key: 0,
-  class: "hys-ui-rating-score"
-}, K = /* @__PURE__ */ g({
+import { defineComponent as ue, ref as U, useAttrs as ne, inject as se, useId as de, computed as s, watch as ce, onMounted as ve, onDeactivated as he, onBeforeUnmount as fe, openBlock as h, createElementBlock as g, mergeProps as me, unref as r, Fragment as ye, renderList as be, withModifiers as ge, normalizeClass as X, createElementVNode as M, normalizeStyle as N, renderSlot as D, toDisplayString as S, createBlock as G, resolveDynamicComponent as J, toRaw as R, createTextVNode as we, createCommentVNode as E } from "vue";
+import { Star as B } from "lucide-vue-next";
+import { useHysRootAttrs as xe } from "../../config.js";
+import { fieldKey as ke, useHysControlState as Ce } from "../../composables/formContext.js";
+import { useChoiceModel as Ve, useChoiceNativeReset as Me } from "../../composables/choiceModel.js";
+import { ratingLevel as O } from "../../composables/rating.js";
+const Se = ["id", "data-status", "tabindex", "aria-label", "aria-valuenow", "aria-valuemax", "aria-valuetext", "aria-readonly", "aria-disabled", "aria-required", "aria-invalid", "aria-describedby"], Be = ["disabled", "aria-disabled", "aria-label", "title", "onMousemove", "onClick"], Te = {
+  class: "hys-ui-rating-figure",
+  "aria-hidden": "true"
+}, pe = { key: 0 }, ze = { key: 0 }, Ae = ["name", "form", "value", "disabled"], He = ["id"], Fe = /* @__PURE__ */ ue({
+  inheritAttrs: !1,
   __name: "HysRating",
   props: {
     modelValue: {},
-    max: { default: 5 },
+    defaultValue: { default: 0 },
+    max: {},
+    count: {},
+    size: {},
+    iconSize: {},
     readonly: { type: Boolean },
     disabled: { type: Boolean },
     allowClear: { type: Boolean, default: !0 },
+    clearable: { type: Boolean, default: void 0 },
     allowHalf: { type: Boolean },
     showScore: { type: Boolean },
-    ariaLabel: {}
+    showText: { type: Boolean },
+    texts: {},
+    scoreTemplate: { default: "{value}" },
+    formatScore: {},
+    textColor: {},
+    color: {},
+    colors: {},
+    lowThreshold: { default: 2 },
+    highThreshold: { default: 4 },
+    voidColor: {},
+    disabledVoidColor: {},
+    icon: {},
+    icons: {},
+    voidIcon: {},
+    disabledVoidIcon: {},
+    character: {},
+    tooltips: {},
+    hoverValue: {},
+    keyboard: { type: Boolean, default: !0 },
+    autofocus: { type: Boolean },
+    focusable: { type: Boolean, default: !0 },
+    ariaLabel: {},
+    formatValueText: {},
+    name: {},
+    form: {},
+    status: {},
+    error: {}
   },
-  emits: ["update:modelValue", "change"],
-  setup(e, { emit: f }) {
-    const t = e, d = f, b = L(), r = V(0);
-    function w(a) {
-      if (t.disabled || t.readonly) return;
-      const o = t.allowClear && a === t.modelValue ? 0 : a;
-      d("update:modelValue", o), d("change", o);
+  emits: ["update:modelValue", "change", "clear", "update:hoverValue", "hoverChange", "focus", "blur", "keydown"],
+  setup(l, { expose: Q, emit: W }) {
+    const a = l, b = W, d = U(), k = ne(), Y = xe(), f = se(ke, void 0), F = de(), { disabled: i, size: Z, label: _ } = Ce(a), T = U(null), c = s(() => {
+      const e = a.max ?? a.count ?? 5;
+      return Number.isFinite(e) ? Math.min(1e3, Math.max(0, Math.floor(e))) : 5;
+    }), C = (e) => typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.min(c.value, e)) : 0, w = Ve(a, () => a.defaultValue), m = s(() => C(w.current.value)), p = s(
+      () => a.hoverValue === void 0 ? T.value : a.hoverValue
+    ), u = s(
+      () => i.value || a.readonly || p.value === null ? m.value : C(p.value)
+    ), z = s(() => a.clearable ?? a.allowClear), $ = s(
+      () => {
+        var e, t;
+        return a.error || (e = f == null ? void 0 : f.invalid) != null && e.value ? "error" : a.status ?? ((t = f == null ? void 0 : f.status) == null ? void 0 : t.value);
+      }
+    ), ee = s(
+      () => a.color ?? O(
+        a.colors,
+        u.value,
+        a.lowThreshold,
+        a.highThreshold,
+        "var(--hys-ui-rating-fill-color,#f5ad36)"
+      )
+    ), q = s(
+      () => O(
+        a.icons,
+        u.value,
+        a.lowThreshold,
+        a.highThreshold,
+        a.icon ?? B
+      )
+    ), ae = s(
+      () => i.value ? a.disabledVoidIcon ?? a.voidIcon ?? a.icon ?? B : a.voidIcon ?? a.icon ?? B
+    ), te = s(() => {
+      try {
+        return a.formatScore ? a.formatScore(u.value) : a.scoreTemplate.replaceAll("{value}", String(u.value));
+      } catch {
+        return String(u.value);
+      }
+    }), P = s(
+      () => {
+        var e;
+        return a.showScore ? te.value : a.showText ? ((e = a.texts) == null ? void 0 : e[Math.ceil(u.value) - 1]) ?? "" : "";
+      }
+    ), le = s(() => {
+      var e;
+      try {
+        return ((e = a.formatValueText) == null ? void 0 : e.call(a, m.value, c.value)) ?? m.value + " / " + c.value;
+      } catch {
+        return m.value + " / " + c.value;
+      }
+    });
+    function A(e) {
+      if (e !== null && (i.value || a.readonly || !w.isLive()))
+        return;
+      const t = e === null ? null : C(e);
+      T.value === t && (a.hoverValue === void 0 || a.hoverValue === t) || (T.value = t, b("update:hoverValue", t), b("hoverChange", t));
     }
-    function m(a, o) {
-      const l = a.currentTarget.getBoundingClientRect();
-      return t.allowHalf && a.clientX - l.left < l.width / 2 ? o - 0.5 : o;
+    function y() {
+      A(null);
     }
-    function x(a) {
-      if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(a.key)) return;
-      a.preventDefault();
-      const o = a.key === "Home" ? 0 : a.key === "End" ? t.max : Math.min(t.max, Math.max(0, t.modelValue + (["ArrowLeft", "ArrowDown"].includes(a.key) ? -1 : 1) * (t.allowHalf ? 0.5 : 1)));
-      !t.disabled && !t.readonly && (d("update:modelValue", o), d("change", o));
+    async function V(e) {
+      if (i.value || a.readonly || !w.isLive() || !Number.isFinite(e) || !c.value)
+        return !1;
+      const t = a.allowHalf ? 0.5 : 1, n = C(Math.round(e / t) * t);
+      return w.commit(
+        n,
+        (v) => b("update:modelValue", v),
+        (v) => b("change", v),
+        !0
+      );
     }
-    return (a, o) => (i(), n("div", v(u(b), {
-      class: "hys-ui-ex-rating",
-      role: "slider",
-      tabindex: e.disabled ? -1 : 0,
-      "aria-label": e.ariaLabel || "评分",
-      "aria-valuenow": e.modelValue,
-      "aria-valuemin": 0,
-      "aria-valuemax": e.max,
-      "aria-readonly": e.readonly,
-      "aria-disabled": e.disabled,
-      onKeydown: x,
-      onMouseleave: o[0] || (o[0] = (l) => r.value = 0)
-    }), [
-      (i(!0), n(k, null, A(Math.max(0, Math.floor(e.max)), (l) => (i(), n("button", {
-        key: l,
-        type: "button",
-        tabindex: "-1",
-        disabled: e.readonly || e.disabled,
-        "aria-label": `${l} 星`,
-        "aria-pressed": e.modelValue === l,
-        class: B({ "hys-ui-active": l <= (r.value || e.modelValue), "hys-ui-rating-half": l - 0.5 === (r.value || e.modelValue) }),
-        onMousemove: (s) => !e.disabled && !e.readonly && (r.value = m(s, l)),
-        onClick: (s) => w(m(s, l))
-      }, [
-        C(a.$slots, "character", { value: l }, () => [
-          H("span", D, [
-            c(u(h), {
-              size: 20,
-              "aria-hidden": "true"
+    async function H() {
+      if (!z.value) return !1;
+      const e = await V(0);
+      return e && b("clear"), e;
+    }
+    function I(e) {
+      var t;
+      !i.value && a.focusable && ((t = d.value) == null || t.focus(e));
+    }
+    function oe() {
+      var e, t;
+      (e = d.value) != null && e.contains(document.activeElement) && ((t = document.activeElement) == null || t.blur());
+    }
+    function j(e, t) {
+      const n = e.currentTarget.getBoundingClientRect(), v = d.value && getComputedStyle(d.value).direction === "rtl", x = n.width ? (e.clientX - n.left) / n.width : 1;
+      return a.allowHalf && (v ? x > 0.5 : x < 0.5) ? t - 0.5 : t;
+    }
+    function re(e, t) {
+      if (i.value || a.readonly) return;
+      I({ preventScroll: !0 });
+      const n = j(e, t);
+      z.value && n === m.value ? H() : V(n);
+    }
+    function ie(e) {
+      if (b("keydown", e), e.defaultPrevented || !a.keyboard || i.value || a.readonly || e.target !== d.value)
+        return;
+      const t = d.value && getComputedStyle(d.value).direction === "rtl", n = e.key === "ArrowUp" || e.key === (t ? "ArrowLeft" : "ArrowRight"), v = e.key === "ArrowDown" || e.key === (t ? "ArrowRight" : "ArrowLeft");
+      n || v || e.key === "Home" || e.key === "End" ? (e.preventDefault(), y(), V(
+        e.key === "Home" ? 0 : e.key === "End" ? c.value : m.value + (n ? 1 : -1) * (a.allowHalf ? 0.5 : 1)
+      )) : z.value && (e.key === "Delete" || e.key === "Backspace") && (e.preventDefault(), y(), H());
+    }
+    return ce([i, () => a.readonly, c], y), Me(
+      d,
+      () => {
+        w.reset(), y();
+      },
+      void 0,
+      () => a.form
+    ), ve(() => {
+      a.autofocus && I();
+    }), he(y), fe(y), Q({
+      element: d,
+      value: m,
+      hoverValue: p,
+      focus: I,
+      blur: oe,
+      setValue: V,
+      clear: H,
+      setCurrentValue: (e) => A(e),
+      resetCurrentValue: y
+    }), (e, t) => {
+      var n, v, x;
+      return h(), g("div", me({
+        ref_key: "root",
+        ref: d
+      }, { ...r(Y), ...r(k) }, {
+        id: r(k).id || ((n = r(f)) == null ? void 0 : n.id.value),
+        "data-hys-ui-field-managed": "",
+        class: ["hys-ui-ex-rating", [
+          "hys-ui-rating-" + r(Z),
+          {
+            "hys-ui-rating-disabled": r(i),
+            "hys-ui-rating-readonly": l.readonly
+          }
+        ]],
+        "data-status": $.value,
+        style: {
+          "--hys-ui-rating-size": l.iconSize && Number.isFinite(l.iconSize) ? Math.max(8, Math.min(128, l.iconSize)) + "px" : void 0
+        },
+        role: "slider",
+        tabindex: r(i) || !l.focusable || !c.value ? -1 : 0,
+        "aria-label": l.ariaLabel || r(k)["aria-label"] || r(_) || "评分",
+        "aria-valuenow": m.value,
+        "aria-valuemin": 0,
+        "aria-valuemax": c.value,
+        "aria-valuetext": le.value,
+        "aria-readonly": l.readonly || void 0,
+        "aria-disabled": r(i) || void 0,
+        "aria-required": ((v = r(f)) == null ? void 0 : v.required.value) || void 0,
+        "aria-invalid": $.value === "error" || void 0,
+        "aria-describedby": [
+          r(k)["aria-describedby"],
+          l.error ? r(F) + "-error" : (x = r(f)) == null ? void 0 : x.describedBy.value
+        ].filter(Boolean).join(" ") || void 0,
+        onKeydown: ie,
+        onMouseleave: y,
+        onFocus: t[1] || (t[1] = (o) => b("focus", o)),
+        onBlur: t[2] || (t[2] = (o) => {
+          y(), b("blur", o);
+        })
+      }), [
+        (h(!0), g(ye, null, be(c.value, (o) => {
+          var K;
+          return h(), g("button", {
+            key: o,
+            type: "button",
+            tabindex: "-1",
+            disabled: r(i),
+            "aria-disabled": l.readonly || void 0,
+            "aria-label": o + " 星",
+            title: (K = l.tooltips) == null ? void 0 : K[o - 1],
+            class: X({
+              "hys-ui-active": o <= u.value,
+              "hys-ui-rating-half": u.value > o - 1 && u.value < o
             }),
-            l - 0.5 === (r.value || e.modelValue) ? (i(), n("span", E, [
-              c(u(h), {
-                size: 20,
-                "aria-hidden": "true"
-              })
-            ])) : y("", !0)
-          ])
-        ], !0)
-      ], 42, S))), 128)),
-      e.showScore ? (i(), n("span", z, M(e.modelValue), 1)) : y("", !0)
-    ], 16, R));
+            onMousedown: t[0] || (t[0] = ge(() => {
+            }, ["prevent"])),
+            onMousemove: (L) => A(j(L, o)),
+            onClick: (L) => re(L, o)
+          }, [
+            M("span", Te, [
+              M("span", {
+                class: "hys-ui-rating-void",
+                style: N({
+                  color: r(i) ? l.disabledVoidColor ?? l.voidColor : l.voidColor,
+                  "--hys-ui-rating-part": Math.max(0, Math.min(1, u.value - o + 1)) * 100 + "%"
+                })
+              }, [
+                D(e.$slots, "character", {
+                  value: o,
+                  index: o - 1,
+                  fraction: Math.max(0, Math.min(1, u.value - o + 1)),
+                  filled: !1
+                }, () => [
+                  l.character ? (h(), g("span", pe, S(l.character), 1)) : (h(), G(J(R(ae.value)), { key: 1 }))
+                ], !0)
+              ], 4),
+              M("span", {
+                class: X(["hys-ui-rating-fill", { "hys-ui-rating-default-fill": R(q.value) === r(B) }]),
+                style: N({
+                  width: Math.max(0, Math.min(1, u.value - o + 1)) * 100 + "%",
+                  color: ee.value
+                })
+              }, [
+                M("span", null, [
+                  D(e.$slots, "character", {
+                    value: o,
+                    index: o - 1,
+                    fraction: Math.max(0, Math.min(1, u.value - o + 1)),
+                    filled: !0
+                  }, () => [
+                    l.character ? (h(), g("span", ze, S(l.character), 1)) : (h(), G(J(R(q.value)), { key: 1 }))
+                  ], !0)
+                ])
+              ], 6)
+            ])
+          ], 42, Be);
+        }), 128)),
+        l.showText || l.showScore || e.$slots.text ? (h(), g("span", {
+          key: 0,
+          class: "hys-ui-rating-score",
+          style: N({ color: l.textColor })
+        }, [
+          D(e.$slots, "text", {
+            value: u.value,
+            text: P.value
+          }, () => [
+            we(S(P.value), 1)
+          ], !0)
+        ], 4)) : E("", !0),
+        l.name ? (h(), g("input", {
+          key: 1,
+          type: "hidden",
+          name: l.name,
+          form: l.form,
+          value: m.value,
+          disabled: r(i)
+        }, null, 8, Ae)) : E("", !0),
+        l.error ? (h(), g("small", {
+          key: 2,
+          id: r(F) + "-error",
+          class: "hys-ui-rating-error",
+          role: "alert"
+        }, S(l.error), 9, He)) : E("", !0)
+      ], 16, Se);
+    };
   }
 });
 export {
-  K as default
+  Fe as default
 };

package/dist/components/HysRichTextEditor/HysRichTextEditor.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysRichTextEditor2.vue.js";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5fd1d858"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fd4413a5"]]);
 export {
   i as default
 };

package/dist/components/HysRichTextEditor/HysRichTextEditor2.vue.js

@@ -1,16 +1,17 @@
-import { defineComponent as N, useModel as S, ref as f, watch as M, onActivated as E, onDeactivated as U, onBeforeUnmount as D, onMounted as F, openBlock as k, createElementBlock as h, mergeProps as I, unref as O, Fragment as $, renderList as P, createElementVNode as x, withModifiers as j, toDisplayString as q, createCommentVNode as z, createVNode as C, withCtx as L, createTextVNode as G, mergeModels as w, nextTick as J } from "vue";
-import { useHysRootAttrs as K } from "../../config.js";
-import Q from "../HysModal/HysModal.vue.js";
-import W from "../HysInput/HysInput.vue.js";
-import X from "../HysButton/HysButton.vue.js";
-const Y = {
+import { defineComponent as D, useModel as E, ref as m, watch as H, onActivated as U, onDeactivated as F, onBeforeUnmount as I, onMounted as O, openBlock as h, createElementBlock as L, mergeProps as $, unref as v, Fragment as P, renderList as j, createElementVNode as w, withModifiers as q, toDisplayString as z, createCommentVNode as G, createVNode as M, withCtx as x, createTextVNode as J, mergeModels as R, nextTick as K } from "vue";
+import { useHysControlState as Q } from "../../composables/formContext.js";
+import { useHysRootAttrs as W } from "../../config.js";
+import X from "../HysModal/HysModal.vue.js";
+import Y from "../HysInput/HysInput.vue.js";
+import Z from "../HysButton/HysButton.vue.js";
+const _ = {
   key: 0,
   class: "hys-ui-ent-toolbar",
   role: "toolbar",
   "aria-label": "文本格式"
-}, Z = ["disabled", "onClick"], _ = ["contenteditable", "data-placeholder", "aria-readonly", "aria-disabled"], ae = /* @__PURE__ */ N({
+}, ee = ["disabled", "onClick"], te = ["contenteditable", "data-placeholder", "aria-readonly", "aria-disabled"], ue = /* @__PURE__ */ D({
   __name: "HysRichTextEditor",
-  props: /* @__PURE__ */ w({
+  props: /* @__PURE__ */ R({
     disabled: { type: Boolean },
     readonly: { type: Boolean },
     placeholder: {},
@@ -19,62 +20,62 @@ const Y = {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ w(["change", "focus", "blur"], ["update:modelValue"]),
-  setup(l, { expose: H, emit: R }) {
-    const a = l, c = S(l, "modelValue"), m = R, T = K(), n = f(), d = f(!1), u = f(""), v = f(""), V = [["bold", "粗体"], ["italic", "斜体"], ["insertUnorderedList", "列表"], ["insertOrderedList", "编号"], ["createLink", "链接"], ["undo", "撤销"], ["redo", "重做"]];
-    let y = !1, s, i = !0, b = 0;
-    function p() {
-      b++, d.value = !1, s = void 0;
+  emits: /* @__PURE__ */ R(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(r, { expose: T, emit: V }) {
+    const i = r, f = E(r, "modelValue"), y = V, A = W(), n = m(), d = m(!1), s = m(""), p = m(""), { disabled: a } = Q(i), B = [["bold", "粗体"], ["italic", "斜体"], ["insertUnorderedList", "列表"], ["insertOrderedList", "编号"], ["createLink", "链接"], ["undo", "撤销"], ["redo", "重做"]];
+    let b = !1, c, u = !0, g = 0;
+    function k() {
+      g++, d.value = !1, c = void 0;
     }
-    M(() => [a.disabled, a.readonly], p), E(() => {
-      i = !0;
-    }), U(() => {
-      i = !1, p();
-    }), D(() => {
-      i = !1, p();
+    H(() => [a.value, i.readonly], k), U(() => {
+      u = !0;
     }), F(() => {
-      n.value && (n.value.innerHTML = c.value);
-    }), M(c, (t) => {
-      !y && n.value && n.value.innerHTML !== t && (n.value.innerHTML = t), y = !1;
+      u = !1, k();
+    }), I(() => {
+      u = !1, k();
+    }), O(() => {
+      n.value && (n.value.innerHTML = f.value);
+    }), H(f, (t) => {
+      !b && n.value && n.value.innerHTML !== t && (n.value.innerHTML = t), b = !1;
     });
-    function g() {
+    function C() {
       var t;
-      a.disabled || a.readonly || (y = !0, c.value = ((t = n.value) == null ? void 0 : t.innerHTML) || "", m("change", c.value));
+      a.value || i.readonly || (b = !0, f.value = ((t = n.value) == null ? void 0 : t.innerHTML) || "", y("change", f.value));
     }
-    function A(t) {
+    function N(t) {
       var o, e;
-      if (!(!i || a.disabled || a.readonly)) {
+      if (!(!u || a.value || i.readonly)) {
         if (t === "createLink") {
-          const r = window.getSelection();
-          s = r != null && r.rangeCount && ((o = n.value) != null && o.contains(r.getRangeAt(0).commonAncestorContainer)) ? r.getRangeAt(0).cloneRange() : void 0, u.value = "", v.value = "", d.value = !0;
+          const l = window.getSelection();
+          c = l != null && l.rangeCount && ((o = n.value) != null && o.contains(l.getRangeAt(0).commonAncestorContainer)) ? l.getRangeAt(0).cloneRange() : void 0, s.value = "", p.value = "", d.value = !0;
           return;
         }
-        (e = n.value) == null || e.focus(), document.execCommand(t, !1), g();
+        (e = n.value) == null || e.focus(), document.execCommand(t, !1), C();
       }
     }
-    async function B() {
+    async function S() {
       var o;
-      if (!i || a.disabled || a.readonly) return;
-      if (!/^https?:\/\//i.test(u.value)) {
-        v.value = "请输入 http:// 或 https:// 链接";
+      if (!u || a.value || i.readonly) return;
+      if (!/^https?:\/\//i.test(s.value)) {
+        p.value = "请输入 http:// 或 https:// 链接";
         return;
       }
-      const t = ++b;
-      if (d.value = !1, await J(), !(!i || a.disabled || a.readonly || t !== b || !((o = n.value) != null && o.isConnected))) {
-        if (n.value.focus(), s && n.value.contains(s.commonAncestorContainer)) {
+      const t = ++g;
+      if (d.value = !1, await K(), !(!u || a.value || i.readonly || t !== g || !((o = n.value) != null && o.isConnected))) {
+        if (n.value.focus(), c && n.value.contains(c.commonAncestorContainer)) {
           const e = window.getSelection();
-          e == null || e.removeAllRanges(), e == null || e.addRange(s);
+          e == null || e.removeAllRanges(), e == null || e.addRange(c);
         } else {
           const e = window.getSelection();
           if (e && !n.value.contains(e.anchorNode)) {
-            const r = document.createRange();
-            r.selectNodeContents(n.value), r.collapse(!1), e.removeAllRanges(), e.addRange(r);
+            const l = document.createRange();
+            l.selectNodeContents(n.value), l.collapse(!1), e.removeAllRanges(), e.addRange(l);
           }
         }
-        document.execCommand("createLink", !1, u.value), g();
+        document.execCommand("createLink", !1, s.value), C();
       }
     }
-    return H({ focus: () => {
+    return T({ focus: () => {
       var t;
       return (t = n.value) == null ? void 0 : t.focus();
     }, blur: () => {
@@ -83,51 +84,51 @@ const Y = {
     }, getHTML: () => {
       var t;
       return ((t = n.value) == null ? void 0 : t.innerHTML) || "";
-    } }), (t, o) => (k(), h("div", I(O(T), { class: "hys-ui-ent-panel" }), [
-      l.hideToolbar ? z("", !0) : (k(), h("div", Y, [
-        (k(), h($, null, P(V, (e) => x("button", {
+    } }), (t, o) => (h(), L("div", $(v(A), { class: "hys-ui-ent-panel" }), [
+      r.hideToolbar ? G("", !0) : (h(), L("div", _, [
+        (h(), L(P, null, j(B, (e) => w("button", {
           key: e[0],
           type: "button",
-          disabled: l.disabled || l.readonly,
-          onMousedown: o[0] || (o[0] = j(() => {
+          disabled: v(a) || r.readonly,
+          onMousedown: o[0] || (o[0] = q(() => {
           }, ["prevent"])),
-          onClick: (r) => A(e[0])
-        }, q(e[1]), 41, Z)), 64))
+          onClick: (l) => N(e[0])
+        }, z(e[1]), 41, ee)), 64))
       ])),
-      x("div", {
+      w("div", {
         ref_key: "editor",
         ref: n,
         class: "hys-ui-ent-editor",
-        contenteditable: !l.disabled && !l.readonly,
-        "data-placeholder": l.placeholder,
+        contenteditable: !v(a) && !r.readonly,
+        "data-placeholder": r.placeholder,
         role: "textbox",
-        "aria-readonly": l.readonly,
-        "aria-disabled": l.disabled,
+        "aria-readonly": r.readonly,
+        "aria-disabled": v(a),
         "aria-label": "富文本编辑器",
         "aria-multiline": "true",
-        onInput: g,
-        onFocus: o[1] || (o[1] = (e) => m("focus", e)),
-        onBlur: o[2] || (o[2] = (e) => m("blur", e))
-      }, null, 40, _),
-      C(Q, {
+        onInput: C,
+        onFocus: o[1] || (o[1] = (e) => y("focus", e)),
+        onBlur: o[2] || (o[2] = (e) => y("blur", e))
+      }, null, 40, te),
+      M(X, {
         open: d.value,
         title: "插入链接",
         onClose: o[4] || (o[4] = (e) => d.value = !1)
       }, {
-        footer: L(() => [
-          C(X, { onClick: B }, {
-            default: L(() => [...o[5] || (o[5] = [
-              G("插入", -1)
+        footer: x(() => [
+          M(Z, { onClick: S }, {
+            default: x(() => [...o[5] || (o[5] = [
+              J("插入", -1)
             ])]),
             _: 1
           })
         ]),
-        default: L(() => [
-          C(W, {
-            modelValue: u.value,
-            "onUpdate:modelValue": o[3] || (o[3] = (e) => u.value = e),
+        default: x(() => [
+          M(Y, {
+            modelValue: s.value,
+            "onUpdate:modelValue": o[3] || (o[3] = (e) => s.value = e),
             placeholder: "https://example.com",
-            error: v.value
+            error: p.value
           }, null, 8, ["modelValue", "error"])
         ]),
         _: 1
@@ -136,5 +137,5 @@ const Y = {
   }
 });
 export {
-  ae as default
+  ue as default
 };