hys-ui 0.3.0 → 0.4.0

package/dist/components/HysSearch/HysSearch2.vue.js

@@ -1,4 +1,178 @@
-import f from "./HysSearch.vue.js";
+import { defineComponent as W, useSlots as Y, inject as Z, ref as V, computed as x, watch as F, onBeforeUnmount as _, onDeactivated as ee, openBlock as f, createElementBlock as S, mergeProps as K, unref as t, createElementVNode as M, renderSlot as p, createBlock as z, withKeys as ae, withModifiers as ie, createVNode as O, createCommentVNode as w, withCtx as le, Fragment as te, createTextVNode as oe, toDisplayString as re, nextTick as ne } from "vue";
+import { LoaderCircle as ue, Search as j, X as se } from "lucide-vue-next";
+import { useHysRootAttrs as de } from "../../config.js";
+import { useHysControlState as ce, fieldKey as fe } from "../../composables/formContext.js";
+import ye from "../HysButton/HysButton.vue.js";
+const me = ["aria-busy"], be = ["id", "value", "placeholder", "disabled", "readonly", "aria-label", "aria-describedby"], ke = /* @__PURE__ */ W({
+  __name: "HysSearch",
+  props: {
+    modelValue: {},
+    defaultValue: { default: "" },
+    placeholder: { default: "搜索…" },
+    delay: { default: 300 },
+    trigger: { default: "input" },
+    enterButton: { type: [Boolean, String] },
+    searchOnClear: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    clearable: { type: Boolean, default: !0 },
+    loading: { type: Boolean },
+    ariaLabel: {},
+    searchLabel: { default: "搜索" },
+    size: {},
+    inputProps: {}
+  },
+  emits: ["update:modelValue", "search", "clear", "focus", "blur"],
+  setup(a, { expose: A, emit: I }) {
+    const l = a, R = Y(), y = I, { disabled: o, label: U, size: L } = ce(l), P = Z(fe, void 0), X = de(), r = V(), N = V(l.defaultValue), n = x(() => l.modelValue ?? N.value), m = () => !!l.enterButton || !!R["search-button"], u = V(!1);
+    let B, c, k = 0;
+    function s() {
+      clearTimeout(B), B = void 0, c = void 0, k++;
+    }
+    function C(e, i) {
+      s(), o.value || y("search", e, i);
+    }
+    function h(e) {
+      o.value || u.value || l.loading && (m() || l.trigger === "submit") || C(n.value, e);
+    }
+    function q(e, i) {
+      c = e;
+      const d = Number.isFinite(l.delay) ? Math.max(0, l.delay) : 300;
+      B = setTimeout(() => C(e, i), d);
+    }
+    async function H(e, i, d = !1) {
+      var b;
+      if (o.value || l.readonly || u.value || e === n.value) return;
+      s();
+      const g = k;
+      if (c = e, l.modelValue === void 0 && (N.value = e), y("update:modelValue", e), await ne(), g !== k || n.value !== e) {
+        r.value && !u.value && (r.value.value = n.value);
+        return;
+      }
+      c = void 0, d && (y("clear"), (b = r.value) == null || b.focus({ preventScroll: !0 }), l.searchOnClear === !0 && C(e, i)), (!d || l.searchOnClear === void 0) && l.trigger === "input" && q(e, i);
+    }
+    function T(e) {
+      e.isComposing || H(e.target.value, e);
+    }
+    function G() {
+      u.value = !0, s();
+    }
+    function J(e) {
+      u.value = !1, T(e);
+    }
+    function Q(e) {
+      e.isComposing || e.keyCode === 229 || u.value || ((m() || l.trigger === "submit") && e.preventDefault(), e.repeat || h(e));
+    }
+    function $(e) {
+      return H("", e, !0);
+    }
+    return F([o, () => l.readonly, () => l.trigger], s, { flush: "sync" }), F(n, (e) => {
+      c !== void 0 && e !== c && s();
+    }), _(s), ee(() => {
+      s(), u.value = !1;
+    }), A({
+      input: r,
+      search: h,
+      clear: () => $(),
+      focus: (e) => {
+        var i;
+        return (i = r.value) == null ? void 0 : i.focus(e);
+      },
+      blur: () => {
+        var e;
+        return (e = r.value) == null ? void 0 : e.blur();
+      },
+      select: () => {
+        var e;
+        return (e = r.value) == null ? void 0 : e.select();
+      }
+    }), (e, i) => {
+      var d, g, b, D, E;
+      return f(), S("div", K(t(X), {
+        class: ["hys-ui-search", ["hys-ui-search-" + t(L), { "hys-ui-search-joined": m() }]]
+      }), [
+        M("div", {
+          class: "hys-ui-ex-search",
+          "aria-busy": a.loading || void 0
+        }, [
+          p(e.$slots, "prefix", {}, () => [
+            a.loading && !m() ? (f(), z(t(ue), {
+              key: 0,
+              class: "hys-ui-icon-spin",
+              size: 16,
+              "aria-hidden": "true"
+            })) : (f(), z(t(j), {
+              key: 1,
+              size: 16,
+              "aria-hidden": "true"
+            }))
+          ], !0),
+          M("input", K({
+            ref_key: "input",
+            ref: r
+          }, a.inputProps, {
+            type: "search",
+            id: ((d = a.inputProps) == null ? void 0 : d.id) || ((g = t(P)) == null ? void 0 : g.id.value) || void 0,
+            value: n.value,
+            placeholder: a.placeholder,
+            disabled: t(o),
+            readonly: a.readonly,
+            "aria-label": a.ariaLabel || ((b = a.inputProps) == null ? void 0 : b["aria-label"]) || t(U) || a.searchLabel,
+            "aria-describedby": ((D = a.inputProps) == null ? void 0 : D["aria-describedby"]) || ((E = t(P)) == null ? void 0 : E.describedBy.value),
+            onInput: T,
+            onCompositionstart: G,
+            onCompositionend: J,
+            onKeydown: ae(Q, ["enter"]),
+            onFocus: i[0] || (i[0] = (v) => y("focus", v)),
+            onBlur: i[1] || (i[1] = (v) => y("blur", v))
+          }), null, 16, be),
+          a.clearable && n.value && !t(o) && !a.readonly ? (f(), S("button", {
+            key: 0,
+            class: "hys-ui-search-clear",
+            type: "button",
+            "aria-label": "清空搜索",
+            onMousedown: i[2] || (i[2] = ie(() => {
+            }, ["prevent"])),
+            onClick: i[3] || (i[3] = (v) => $(v))
+          }, [
+            p(e.$slots, "clear-icon", {}, () => [
+              O(t(se), {
+                size: 14,
+                "aria-hidden": "true"
+              })
+            ], !0)
+          ], 32)) : w("", !0),
+          p(e.$slots, "suffix", {}, void 0, !0)
+        ], 8, me),
+        m() ? p(e.$slots, "search-button", {
+          search: h,
+          disabled: t(o),
+          loading: !!a.loading
+        }, () => [
+          O(ye, {
+            class: "hys-ui-search-submit",
+            disabled: t(o),
+            loading: a.loading,
+            size: t(L),
+            "aria-label": a.searchLabel,
+            onClick: h
+          }, {
+            default: le(() => [
+              typeof a.enterButton == "string" ? (f(), S(te, { key: 0 }, [
+                oe(re(a.enterButton), 1)
+              ], 64)) : a.loading ? w("", !0) : (f(), z(t(j), {
+                key: 1,
+                size: 16,
+                "aria-hidden": "true"
+              }))
+            ]),
+            _: 1
+          }, 8, ["disabled", "loading", "size", "aria-label"])
+        ], !0, 0) : w("", !0)
+      ], 16);
+    };
+  }
+});
 export {
-  f as default
+  ke as default
 };

package/dist/components/HysSelect/HysSelect.vue.js

@@ -2,7 +2,7 @@ import o from "./HysSelect2.vue.js";
 /* empty css               */
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-12f54263"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2f742c2a"]]);
 export {
-  f as default
+  c as default
 };