vft 0.0.507 → 0.0.509

package/es/components/search/search.vue2.js

@@ -1,21 +1,22 @@
-import { defineComponent as g, ref as a, computed as u, createElementBlock as V, openBlock as h, Fragment as T, withDirectives as X, createBlock as Y, createCommentVNode as Z, normalizeStyle as _, normalizeClass as w, unref as l, createVNode as ee, mergeProps as B, createSlots as oe, withCtx as i, renderSlot as r, createElementVNode as te } from "vue";
-import { VftInput as ne } from "../input/index.js";
-import { VftPopover as ae } from "../popover/index.js";
+import { defineComponent as g, computed as i, ref as l, createElementBlock as V, openBlock as h, Fragment as Y, withDirectives as Z, createBlock as _, createCommentVNode as ee, normalizeStyle as oe, normalizeClass as w, unref as a, createVNode as te, mergeProps as B, createSlots as ne, withCtx as r, renderSlot as s, createElementVNode as le } from "vue";
+import { VftInput as ae } from "../input/index.js";
+import { VftPopover as ie } from "../popover/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import { addUnit as d } from "../../utils/helper.js";
 import { generateCssVars as b } from "../../utils/ns-cover.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as le } from "../../hooks/use-namespace/index.js";
+import { useNamespace as re } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { ClickOutside as ie } from "@vft/directives";
-const re = g({
+import { useLocale as se } from "../../locale/use-locale.js";
+import { ClickOutside as ue } from "@vft/directives";
+const de = g({
   name: "vft-search"
-}), Be = /* @__PURE__ */ g({
-  ...re,
+}), xe = /* @__PURE__ */ g({
+  ...de,
   props: {
     width: { default: 200 },
     activeWidth: {},
@@ -31,7 +32,7 @@ const re = g({
     autocomplete: {},
     formatter: {},
     parser: {},
-    placeholder: { default: "请输入你要搜索的内容" },
+    placeholder: {},
     form: {},
     readonly: { type: Boolean },
     clearable: { type: Boolean, default: !0 },
@@ -47,169 +48,170 @@ const re = g({
     inputStyle: { type: [Boolean, null, String, Object, Array] }
   },
   emits: ["update:modelValue", "blur", "focus", "clear", "enter", "prefixClick", "suffixClick", "mouseenter", "mouseleave", "keydown", "change", "input", "compositionstart", "compositionupdate", "compositionend"],
-  setup(o, { expose: x, emit: P }) {
-    const t = P, f = le("search"), y = a(), C = a(), c = a(), p = a(!1), m = a(!1), n = a(!1), R = u(
+  setup(o, { expose: P, emit: x }) {
+    const { t: R } = se(), t = x, f = re("search"), S = i(() => o.placeholder || R("vft.search.placeholder")), y = l(), C = l(), c = l(), p = l(!1), m = l(!1), n = l(!1), $ = i(
       () => b(
         {
           width: o.activeWidth && (n.value || o.modelValue) ? d(o.activeWidth) : d(o.width)
         },
         "input"
       )
-    ), S = u(
+    ), E = i(
       () => b(
         {
           "active-width": o.activeWidth ? d(o.activeWidth) : d(o.width)
         },
         "search"
       )
-    ), $ = u(() => ({
+    ), W = i(() => ({
       "show-arrow": !1,
       transition: "vft-zoom-in-top",
       placement: "bottom-start",
       offset: 3,
       width: 500,
       ...o.popoverCfg
-    })), E = (e) => {
+    })), z = (e) => {
       t("update:modelValue", e), t("input", e);
-    }, W = () => {
+    }, I = () => {
       v();
     };
-    function z() {
+    function M() {
       n.value = !0;
     }
     function v() {
       n.value = !1;
     }
-    const I = () => {
-      t("clear"), s(!1);
+    const U = () => {
+      t("clear"), u(!1);
     };
-    function M() {
+    function F() {
       m.value = !0, t("mouseenter", o.modelValue);
     }
-    function U() {
+    function N() {
       m.value = !1, t("mouseleave", o.modelValue);
     }
-    const F = () => {
+    const O = () => {
       n.value = !0, p.value = !0, t("focus");
     };
-    function N() {
+    function L() {
       p.value = !1, t("blur");
     }
-    function O() {
-      s(), t("prefixClick", o.modelValue);
-    }
     function j() {
-      s(), t("suffixClick", o.modelValue);
+      u(), t("prefixClick", o.modelValue);
     }
     function A() {
-      s(), t("enter", o.modelValue);
+      u(), t("suffixClick", o.modelValue);
     }
-    function s(e = !0) {
+    function D() {
+      u(), t("enter", o.modelValue);
+    }
+    function u(e = !0) {
       o.usePopover && v(), e && c.value.blur();
     }
-    const D = (e) => {
+    const K = (e) => {
       t("keydown", e);
-    }, K = u(() => y.value?.popperRef?.contentRef), L = (e) => {
+    }, H = i(() => y.value?.popperRef?.contentRef), q = (e) => {
       t("update:modelValue", e);
-    }, H = (e) => {
+    }, G = (e) => {
       t("change", e);
-    }, q = (e) => {
+    }, J = (e) => {
       t("compositionstart", e);
-    }, G = (e) => {
+    }, Q = (e) => {
       t("compositionupdate", e);
-    }, J = (e) => {
+    }, T = (e) => {
       t("compositionend", e);
     };
-    return x({
+    return P({
       isFocus: p,
       isHover: m,
       visible: n,
       hidePopover: v,
-      showPopover: z,
+      showPopover: M,
       inputRef: c
-    }), (e, k) => (h(), V(T, null, [
-      X((h(), V("div", {
+    }), (e, k) => (h(), V(Y, null, [
+      Z((h(), V("div", {
         ref_key: "searchRef",
         ref: C,
-        class: w([l(f).b(), l(f).is("active", !!n.value || !!o.modelValue)]),
-        style: _(S.value)
+        class: w([a(f).b(), a(f).is("active", !!n.value || !!o.modelValue)]),
+        style: oe(E.value)
       }, [
-        ee(l(ne), B({
+        te(a(ae), B({
           ref_key: "inputRef",
           ref: c
         }, e.$props, {
-          "input-style": R.value,
-          onInput: E,
-          onFocus: F,
-          onEnter: A,
-          onBlur: N,
-          onMouseenter: M,
-          "onUpdate:modelValue": L,
-          onMouseleave: U,
-          onPrefixClick: O,
-          onSuffixClick: j,
-          onChange: H,
-          onKeydown: D,
-          onClear: I,
-          onCompositionstart: q,
-          onCompositionupdate: G,
-          onCompositionend: J
-        }), oe({ _: 2 }, [
+          placeholder: S.value,
+          "input-style": $.value,
+          onInput: z,
+          onFocus: O,
+          onEnter: D,
+          onBlur: L,
+          onMouseenter: F,
+          "onUpdate:modelValue": q,
+          onMouseleave: N,
+          onPrefixClick: j,
+          onSuffixClick: A,
+          onChange: G,
+          onKeydown: K,
+          onClear: U,
+          onCompositionstart: J,
+          onCompositionupdate: Q,
+          onCompositionend: T
+        }), ne({ _: 2 }, [
           e.$slots.prefix ? {
             name: "prefix",
-            fn: i(() => [
-              r(e.$slots, "prefix")
+            fn: r(() => [
+              s(e.$slots, "prefix")
             ]),
             key: "0"
           } : void 0,
           e.$slots.suffix ? {
             name: "suffix",
-            fn: i(() => [
-              r(e.$slots, "suffix")
+            fn: r(() => [
+              s(e.$slots, "suffix")
             ]),
             key: "1"
           } : void 0,
           e.$slots.prepend ? {
             name: "prepend",
-            fn: i(() => [
-              r(e.$slots, "prepend")
+            fn: r(() => [
+              s(e.$slots, "prepend")
             ]),
             key: "2"
           } : void 0,
           e.$slots.append ? {
             name: "append",
-            fn: i(() => [
-              r(e.$slots, "append")
+            fn: r(() => [
+              s(e.$slots, "append")
             ]),
             key: "3"
           } : void 0
-        ]), 1040, ["input-style"])
+        ]), 1040, ["placeholder", "input-style"])
       ], 6)), [
-        [l(ie), W, K.value]
+        [a(ue), I, H.value]
       ]),
-      o.usePopover ? (h(), Y(l(ae), B({
+      o.usePopover ? (h(), _(a(ie), B({
         key: 0,
         style: { "--vft-transition-duration": "3s" },
         ref_key: "popoverRef",
         ref: y
-      }, $.value, {
+      }, W.value, {
         "virtual-ref": C.value,
         visible: n.value,
-        "onUpdate:visible": k[0] || (k[0] = (Q) => n.value = Q),
+        "onUpdate:visible": k[0] || (k[0] = (X) => n.value = X),
         "virtual-triggering": ""
       }), {
-        default: i(() => [
-          te("div", {
-            class: w(l(f).e("content"))
+        default: r(() => [
+          le("div", {
+            class: w(a(f).e("content"))
           }, [
-            r(e.$slots, "default")
+            s(e.$slots, "default")
           ], 2)
         ]),
         _: 3
-      }, 16, ["virtual-ref", "visible"])) : Z("", !0)
+      }, 16, ["virtual-ref", "visible"])) : ee("", !0)
     ], 64));
   }
 });
 export {
-  Be as default
+  xe as default
 };