@qynpm/ui 1.0.4 → 1.0.5

package/dist/lib/qy-remote-select/index.vue.mjs

@@ -0,0 +1,214 @@
+import { defineComponent as W, useAttrs as Q, ref as r, computed as S, watch as V, onBeforeUnmount as j, createBlock as G, openBlock as H, mergeProps as J, unref as X, createSlots as Y, withCtx as d, renderSlot as f, createCommentVNode as Z, normalizeProps as x, guardReactiveProps as _ } from "vue";
+import ee from "../qy-select/index.vue.mjs";
+const te = /* @__PURE__ */ W({
+  name: "QyRemoteSelect",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { type: [String, Number, Boolean, Array, null], default: void 0 },
+    fetchMethod: {},
+    defaultOptions: { default: () => [] },
+    labelKey: { default: "label" },
+    valueKey: { default: "value" },
+    disabledKey: { default: "disabled" },
+    placeholder: { default: "请选择" },
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !0 },
+    multiple: { type: Boolean, default: !1 },
+    collapseTags: { type: Boolean, default: !1 },
+    collapseTagsTooltip: { type: Boolean, default: !1 },
+    autoSelectSingle: { type: Boolean, default: !1 },
+    size: { default: "default" },
+    teleported: { type: Boolean, default: !0 },
+    appendTo: { default: "body" },
+    fitInputWidth: { type: Boolean, default: !0 },
+    popperClass: { default: "" },
+    debounce: { default: 300 },
+    minLength: { default: 1 },
+    remoteOnFocus: { type: Boolean, default: !1 },
+    remoteShowSuffix: { type: Boolean, default: !0 },
+    loading: { type: Boolean, default: !1 },
+    reserveSelectedOption: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "change", "clear", "visible-change", "focus", "blur", "options-change", "loading-change", "error"],
+  setup(T, { expose: k, emit: C }) {
+    const l = T, t = C, $ = Q(), h = r(null), s = r([]), b = r(/* @__PURE__ */ new Map()), g = r(!1), c = r("");
+    let i = 0, n = null;
+    const F = S(() => l.loading || g.value), y = r(!1), u = S(() => {
+      const e = /* @__PURE__ */ new Map(), a = (o) => {
+        e.set(O(o), o);
+      };
+      return l.defaultOptions.forEach(a), l.reserveSelectedOption && b.value.forEach((o) => a(o)), s.value.forEach(a), Array.from(e.values());
+    });
+    V(
+      () => l.defaultOptions,
+      (e) => {
+        e.forEach(p);
+      },
+      { immediate: !0 }
+    ), V(
+      () => l.modelValue,
+      () => {
+        u.value.forEach(p);
+      },
+      { immediate: !0 }
+    );
+    function O(e) {
+      return (e == null ? void 0 : e[l.valueKey]) ?? (e == null ? void 0 : e.value) ?? (e == null ? void 0 : e.label);
+    }
+    function w(e) {
+      return Array.isArray(l.modelValue) ? l.modelValue.includes(e) : l.modelValue === e;
+    }
+    function p(e) {
+      if (!l.reserveSelectedOption) return;
+      const a = O(e);
+      w(a) && b.value.set(a, e);
+    }
+    function A(e) {
+      return l.disabled ? !1 : e ? e.length >= l.minLength : l.remoteOnFocus;
+    }
+    function v(e) {
+      g.value !== e && (g.value = e, t("loading-change", e));
+    }
+    async function m(e) {
+      if (c.value = e, !A(e)) {
+        i += 1, s.value = [], v(!1), t("options-change", u.value);
+        return;
+      }
+      const a = ++i;
+      v(!0);
+      try {
+        const o = await l.fetchMethod(e);
+        if (a !== i) return;
+        s.value = Array.isArray(o) ? o : [], s.value.forEach(p), t("options-change", u.value);
+      } catch (o) {
+        if (a !== i) return;
+        s.value = [], t("error", o), t("options-change", u.value);
+      } finally {
+        a === i && v(!1);
+      }
+    }
+    function B() {
+      y.value || (y.value = !0, m(""));
+    }
+    function K(e) {
+      n && (clearTimeout(n), n = null), n = setTimeout(() => {
+        m(e);
+      }, l.debounce);
+    }
+    function E() {
+      y.value = !0, m("");
+    }
+    function M() {
+      m(c.value);
+    }
+    function I(e) {
+      t("update:modelValue", e);
+    }
+    function R(e) {
+      u.value.forEach(p), t("change", e);
+    }
+    function z() {
+      t("clear");
+    }
+    function L(e) {
+      e && l.remoteOnFocus && !c.value && B(), t("visible-change", e);
+    }
+    function P(e) {
+      l.remoteOnFocus && !c.value && B(), t("focus", e);
+    }
+    function U(e) {
+      t("blur", e);
+    }
+    function q() {
+      var e, a;
+      (a = (e = h.value) == null ? void 0 : e.focus) == null || a.call(e);
+    }
+    function D() {
+      var e, a;
+      (a = (e = h.value) == null ? void 0 : e.blur) == null || a.call(e);
+    }
+    function N() {
+      t("update:modelValue", l.multiple ? [] : ""), t("clear");
+    }
+    return j(() => {
+      n && clearTimeout(n);
+    }), k({
+      // 暴露远程选择常用控制方法，供弹窗打开后聚焦或请求失败后重试。
+      focus: q,
+      blur: D,
+      clear: N,
+      retryFetch: M,
+      fetchDefaultOptions: E
+    }), (e, a) => (H(), G(ee, J({
+      ref_key: "selectRef",
+      ref: h
+    }, X($), {
+      "model-value": e.modelValue,
+      options: u.value,
+      "label-key": e.labelKey,
+      "value-key": e.valueKey,
+      "disabled-key": e.disabledKey,
+      placeholder: e.placeholder,
+      disabled: e.disabled,
+      clearable: e.clearable,
+      filterable: !0,
+      multiple: e.multiple,
+      "collapse-tags": e.collapseTags,
+      "collapse-tags-tooltip": e.collapseTagsTooltip,
+      "auto-select-single": e.autoSelectSingle,
+      size: e.size,
+      teleported: e.teleported,
+      "append-to": e.appendTo,
+      "fit-input-width": e.fitInputWidth,
+      "popper-class": e.popperClass,
+      remote: "",
+      "remote-show-suffix": e.remoteShowSuffix,
+      "remote-method": K,
+      loading: F.value,
+      "onUpdate:modelValue": I,
+      onChange: R,
+      onClear: z,
+      onVisibleChange: L,
+      onFocus: P,
+      onBlur: U
+    }), Y({
+      default: d(() => [
+        e.$slots.default ? f(e.$slots, "default", { key: 0 }) : Z("", !0)
+      ]),
+      _: 2
+    }, [
+      e.$slots.prefix ? {
+        name: "prefix",
+        fn: d(() => [
+          f(e.$slots, "prefix")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.empty ? {
+        name: "empty",
+        fn: d(() => [
+          f(e.$slots, "empty")
+        ]),
+        key: "1"
+      } : void 0,
+      e.$slots.loading ? {
+        name: "loading",
+        fn: d(() => [
+          f(e.$slots, "loading")
+        ]),
+        key: "2"
+      } : void 0,
+      e.$slots.tag ? {
+        name: "tag",
+        fn: d((o) => [
+          f(e.$slots, "tag", x(_(o)))
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1040, ["model-value", "options", "label-key", "value-key", "disabled-key", "placeholder", "disabled", "clearable", "multiple", "collapse-tags", "collapse-tags-tooltip", "auto-select-single", "size", "teleported", "append-to", "fit-input-width", "popper-class", "remote-show-suffix", "loading"]));
+  }
+});
+export {
+  te as default
+};

package/dist/lib/qy-remote-select/index.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue.cjs");exports.default=e.default;

package/dist/lib/qy-remote-select/index.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

package/dist/lib/qy-search-input/index.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),w=require("element-plus");;/* empty css             */const X=require("../../_virtual/plugin-vue_export-helper.cjs"),Y={class:"qy-search-input__item"},Z=["innerHTML"],ee={key:0,class:"qy-search-input__item-description"},te=n.defineComponent({name:"QySearchInput",inheritAttrs:!1,__name:"index",props:{modelValue:{default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{default:"请输入搜索内容"},removeSpace:{type:Boolean,default:!1},trimMode:{default:"none"},clearable:{type:Boolean,default:!0},buttonText:{default:"搜索"},buttonProps:{default:()=>({})},suggestions:{default:()=>[]},fetchSuggestions:{type:[Function,null],default:null},fetchSuggestionsMethod:{type:[Function,null],default:null},debounce:{default:300},minLength:{default:1},triggerOnFocus:{type:Boolean,default:!1},searchOnEnter:{type:Boolean,default:!0},searchOnSelect:{type:Boolean,default:!1},highlightKeyword:{type:Boolean,default:!0},teleported:{type:Boolean,default:!0},appendTo:{default:"body"},popperClass:{default:""},fitInputWidth:{type:Boolean,default:!0}},emits:["update:modelValue","search","clear","input","change","focus","blur","enter","select","visible-change","suggestions-change","error"],setup(B,{expose:k,emit:C}){const o=B,a=C,$=n.useAttrs(),s=n.ref(null),c=n.ref(u(o.modelValue)),p=n.computed(()=>u(o.modelValue)),M=n.computed(()=>["qy-search-input__popper",o.popperClass].filter(Boolean).join(" ")),E=n.computed(()=>u(o.modelValue)),f=n.ref("");n.watch(()=>o.modelValue,e=>{c.value=u(e)});function u(e){return e==null?"":String(e)}function F(e){return o.removeSpace?e.replace(/\s+/g,""):e}function v(e,t){return o.trimMode!==t?e:e.trim()}function g(e){return F(u(e))}function h(e){c.value=e,a("update:modelValue",e)}function y(e,t=""){return{...e,label:e.label||e.value,value:e.value||e.label,description:e.description||t}}function m(e=[]){return e.flatMap(t=>{if(Array.isArray(t.items)){const l=t;return l.items.map(r=>y(r,l.groupLabel))}return y(t)})}function T(e){const t=e.toLowerCase();return l=>[l.label,l.value,l.description].filter(Boolean).some(r=>String(r).toLowerCase().includes(t))}function I(e){return e?e.length>=o.minLength:o.triggerOnFocus}function i(e){a("suggestions-change",e),a("visible-change",e.length>0)}async function L(e){if(!I(e))return i([]),[];if(o.fetchSuggestionsMethod){const r=await new Promise(d=>{var S;(S=o.fetchSuggestionsMethod)==null||S.call(o,e,J=>{d(m(J))})});return i(r),r}if(o.fetchSuggestions){const r=await o.fetchSuggestions(e),d=m(Array.isArray(r)?r:[]);return i(d),d}const t=m(o.suggestions),l=e?t.filter(T(e)):t;return i(l),l}async function P(e,t){f.value=e;try{const l=await L(e);t(l)}catch(l){a("error",l),i([]),t([])}}function O(){var e,t;f.value&&((t=(e=s.value)==null?void 0:e.getData)==null||t.call(e,f.value))}function _(e){const t=g(e);h(t)}function A(e){const t=g(e);c.value=t,a("input",t)}function q(e){const t=v(g(e),"change");t!==u(o.modelValue)&&h(t),a("change",t)}function z(e){a("focus",e)}function D(e){const t=v(c.value,"blur");t!==u(o.modelValue)&&h(t),a("blur",e),a("visible-change",!1)}function H(){c.value="",a("update:modelValue",""),a("clear"),i([])}function K(e){a("enter",e),o.searchOnEnter&&b()}function b(){a("search",u(o.modelValue))}function N(e){a("select",e),o.searchOnSelect&&a("search",e.value)}function V(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function R(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function x(e){const t=V(e||"");if(!o.highlightKeyword||!p.value)return t;const l=R(V(p.value));return l?t.replace(new RegExp(`(${l})`,"ig"),'<mark class="qy-search-input__mark">$1</mark>'):t}function Q(){var e,t;(t=(e=s.value)==null?void 0:e.focus)==null||t.call(e)}function j(){var e,t;(t=(e=s.value)==null?void 0:e.blur)==null||t.call(e)}function U(){var e,t,l;(l=(t=(e=s.value)==null?void 0:e.inputRef)==null?void 0:t.select)==null||l.call(t)}function W(){var e,t;(t=(e=s.value)==null?void 0:e.clear)==null||t.call(e)}function G(){var e,t;(t=(e=s.value)==null?void 0:e.close)==null||t.call(e)}return k({focus:Q,blur:j,select:U,clear:W,closePanel:G,retryFetch:O}),(e,t)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["qy-search-input",{"is-disabled":e.disabled}])},[n.createVNode(n.unref(w.ElAutocomplete),n.mergeProps({ref_key:"autocompleteRef",ref:s},n.unref($),{"model-value":E.value,disabled:e.disabled,placeholder:e.placeholder,clearable:e.clearable,debounce:e.debounce,"fetch-suggestions":P,"trigger-on-focus":e.triggerOnFocus,teleported:e.teleported,"fit-input-width":e.fitInputWidth,"popper-class":M.value,"append-to":e.appendTo,"value-key":"value","onUpdate:modelValue":_,onInput:A,onChange:q,onFocus:z,onBlur:D,onClear:H,onSelect:N,onKeydown:n.withKeys(K,["enter"])}),n.createSlots({append:n.withCtx(()=>[e.$slots.append?n.renderSlot(e.$slots,"append",{key:0},void 0,!0):(n.openBlock(),n.createBlock(n.unref(w.ElButton),n.mergeProps({key:1},e.buttonProps,{loading:e.loading,disabled:e.disabled,onClick:b}),{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.buttonText),1)]),_:1},16,["loading","disabled"]))]),default:n.withCtx(({item:l})=>[n.renderSlot(e.$slots,"item",{item:l,keyword:p.value},()=>[n.createElementVNode("div",Y,[n.createElementVNode("div",{class:"qy-search-input__item-label",innerHTML:x(l.label||l.value||"")},null,8,Z),l.description?(n.openBlock(),n.createElementBlock("div",ee,n.toDisplayString(l.description),1)):n.createCommentVNode("",!0)])],!0)]),_:2},[e.$slots.prefix?{name:"prefix",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"prefix",{},void 0,!0)]),key:"0"}:void 0,e.$slots.suffix?{name:"suffix",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"suffix",{},void 0,!0)]),key:"1"}:void 0,e.$slots.prepend?{name:"prepend",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"prepend",{},void 0,!0)]),key:"2"}:void 0]),1040,["model-value","disabled","placeholder","clearable","debounce","trigger-on-focus","teleported","fit-input-width","popper-class","append-to"])],2))}}),ne=X.default(te,[["__scopeId","data-v-47c6430a"]]);exports.default=ne;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css             */;/* empty css             */const t=require("../../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-9fedf1a9"]]);exports.default=u;

package/dist/lib/qy-search-input/index.vue.mjs

@@ -1,277 +1,7 @@
-import { defineComponent as ae, useAttrs as ue, ref as y, computed as b, watch as re, createElementBlock as F, openBlock as V, normalizeClass as se, createVNode as ie, unref as B, mergeProps as M, withKeys as ce, createSlots as de, withCtx as i, renderSlot as d, createElementVNode as E, createCommentVNode as pe, toDisplayString as I, createBlock as fe, createTextVNode as ge } from "vue";
-import { ElAutocomplete as he, ElButton as me } from "element-plus";
+import o from "./index.vue2.mjs";
 /* empty css            */
-import ve from "../../_virtual/plugin-vue_export-helper.mjs";
-const ye = { class: "qy-search-input__item" }, be = ["innerHTML"], Ve = {
-  key: 0,
-  class: "qy-search-input__item-description"
-}, Be = ae({
-  name: "QySearchInput",
-  inheritAttrs: !1,
-  __name: "index",
-  props: {
-    modelValue: { default: "" },
-    loading: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    placeholder: { default: "请输入搜索内容" },
-    removeSpace: { type: Boolean, default: !1 },
-    trimMode: { default: "none" },
-    clearable: { type: Boolean, default: !0 },
-    buttonText: { default: "搜索" },
-    buttonProps: { default: () => ({}) },
-    suggestions: { default: () => [] },
-    fetchSuggestions: { type: [Function, null], default: null },
-    fetchSuggestionsMethod: { type: [Function, null], default: null },
-    debounce: { default: 300 },
-    minLength: { default: 1 },
-    triggerOnFocus: { type: Boolean, default: !1 },
-    searchOnEnter: { type: Boolean, default: !0 },
-    searchOnSelect: { type: Boolean, default: !1 },
-    highlightKeyword: { type: Boolean, default: !0 },
-    teleported: { type: Boolean, default: !0 },
-    appendTo: { default: "body" },
-    popperClass: { default: "" },
-    fitInputWidth: { type: Boolean, default: !0 }
-  },
-  emits: ["update:modelValue", "search", "clear", "input", "change", "focus", "blur", "enter", "select", "visible-change", "suggestions-change", "error"],
-  setup(L, { expose: T, emit: A }) {
-    const l = L, o = A, O = ue(), r = y(null), c = y(u(l.modelValue)), f = b(() => u(l.modelValue)), _ = b(
-      () => ["qy-search-input__popper", l.popperClass].filter(Boolean).join(" ")
-    ), z = b(() => u(l.modelValue)), g = y("");
-    re(
-      () => l.modelValue,
-      (e) => {
-        c.value = u(e);
-      }
-    );
-    function u(e) {
-      return e == null ? "" : String(e);
-    }
-    function P(e) {
-      return l.removeSpace ? e.replace(/\s+/g, "") : e;
-    }
-    function w(e, t) {
-      return l.trimMode !== t ? e : e.trim();
-    }
-    function h(e) {
-      return P(u(e));
-    }
-    function m(e) {
-      c.value = e, o("update:modelValue", e);
-    }
-    function S(e, t = "") {
-      return {
-        ...e,
-        label: e.label || e.value,
-        value: e.value || e.label,
-        description: e.description || t
-      };
-    }
-    function v(e = []) {
-      return e.flatMap((t) => {
-        if (Array.isArray(t.items)) {
-          const n = t;
-          return n.items.map((a) => S(a, n.groupLabel));
-        }
-        return S(t);
-      });
-    }
-    function K(e) {
-      const t = e.toLowerCase();
-      return (n) => [n.label, n.value, n.description].filter(Boolean).some((a) => String(a).toLowerCase().includes(t));
-    }
-    function R(e) {
-      return e ? e.length >= l.minLength : l.triggerOnFocus;
-    }
-    function s(e) {
-      o("suggestions-change", e), o("visible-change", e.length > 0);
-    }
-    async function D(e) {
-      if (!R(e))
-        return s([]), [];
-      if (l.fetchSuggestionsMethod) {
-        const a = await new Promise((p) => {
-          var $;
-          ($ = l.fetchSuggestionsMethod) == null || $.call(l, e, (oe) => {
-            p(v(oe));
-          });
-        });
-        return s(a), a;
-      }
-      if (l.fetchSuggestions) {
-        const a = await l.fetchSuggestions(e), p = v(Array.isArray(a) ? a : []);
-        return s(p), p;
-      }
-      const t = v(l.suggestions), n = e ? t.filter(K(e)) : t;
-      return s(n), n;
-    }
-    async function H(e, t) {
-      g.value = e;
-      try {
-        const n = await D(e);
-        t(n);
-      } catch (n) {
-        o("error", n), s([]), t([]);
-      }
-    }
-    function N() {
-      var e, t;
-      g.value && ((t = (e = r.value) == null ? void 0 : e.getData) == null || t.call(e, g.value));
-    }
-    function Q(e) {
-      const t = h(e);
-      m(t);
-    }
-    function q(e) {
-      const t = h(e);
-      c.value = t, o("input", t);
-    }
-    function U(e) {
-      const t = w(h(e), "change");
-      t !== u(l.modelValue) && m(t), o("change", t);
-    }
-    function W(e) {
-      o("focus", e);
-    }
-    function j(e) {
-      const t = w(c.value, "blur");
-      t !== u(l.modelValue) && m(t), o("blur", e), o("visible-change", !1);
-    }
-    function x() {
-      c.value = "", o("update:modelValue", ""), o("clear"), s([]);
-    }
-    function G(e) {
-      o("enter", e), l.searchOnEnter && k();
-    }
-    function k() {
-      o("search", u(l.modelValue));
-    }
-    function J(e) {
-      o("select", e), l.searchOnSelect && o("search", e.value);
-    }
-    function C(e) {
-      return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-    }
-    function X(e) {
-      return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    }
-    function Y(e) {
-      const t = C(e || "");
-      if (!l.highlightKeyword || !f.value) return t;
-      const n = X(C(f.value));
-      return n ? t.replace(
-        new RegExp(`(${n})`, "ig"),
-        '<mark class="qy-search-input__mark">$1</mark>'
-      ) : t;
-    }
-    function Z() {
-      var e, t;
-      (t = (e = r.value) == null ? void 0 : e.focus) == null || t.call(e);
-    }
-    function ee() {
-      var e, t;
-      (t = (e = r.value) == null ? void 0 : e.blur) == null || t.call(e);
-    }
-    function te() {
-      var e, t, n;
-      (n = (t = (e = r.value) == null ? void 0 : e.inputRef) == null ? void 0 : t.select) == null || n.call(t);
-    }
-    function ne() {
-      var e, t;
-      (t = (e = r.value) == null ? void 0 : e.clear) == null || t.call(e);
-    }
-    function le() {
-      var e, t;
-      (t = (e = r.value) == null ? void 0 : e.close) == null || t.call(e);
-    }
-    return T({
-      focus: Z,
-      blur: ee,
-      select: te,
-      clear: ne,
-      closePanel: le,
-      retryFetch: N
-    }), (e, t) => (V(), F("div", {
-      class: se(["qy-search-input", { "is-disabled": e.disabled }])
-    }, [
-      ie(B(he), M({
-        ref_key: "autocompleteRef",
-        ref: r
-      }, B(O), {
-        "model-value": z.value,
-        disabled: e.disabled,
-        placeholder: e.placeholder,
-        clearable: e.clearable,
-        debounce: e.debounce,
-        "fetch-suggestions": H,
-        "trigger-on-focus": e.triggerOnFocus,
-        teleported: e.teleported,
-        "fit-input-width": e.fitInputWidth,
-        "popper-class": _.value,
-        "append-to": e.appendTo,
-        "value-key": "value",
-        "onUpdate:modelValue": Q,
-        onInput: q,
-        onChange: U,
-        onFocus: W,
-        onBlur: j,
-        onClear: x,
-        onSelect: J,
-        onKeydown: ce(G, ["enter"])
-      }), de({
-        append: i(() => [
-          e.$slots.append ? d(e.$slots, "append", { key: 0 }, void 0, !0) : (V(), fe(B(me), M({ key: 1 }, e.buttonProps, {
-            loading: e.loading,
-            disabled: e.disabled,
-            onClick: k
-          }), {
-            default: i(() => [
-              ge(I(e.buttonText), 1)
-            ]),
-            _: 1
-          }, 16, ["loading", "disabled"]))
-        ]),
-        default: i(({ item: n }) => [
-          d(e.$slots, "item", {
-            item: n,
-            keyword: f.value
-          }, () => [
-            E("div", ye, [
-              E("div", {
-                class: "qy-search-input__item-label",
-                innerHTML: Y(n.label || n.value || "")
-              }, null, 8, be),
-              n.description ? (V(), F("div", Ve, I(n.description), 1)) : pe("", !0)
-            ])
-          ], !0)
-        ]),
-        _: 2
-      }, [
-        e.$slots.prefix ? {
-          name: "prefix",
-          fn: i(() => [
-            d(e.$slots, "prefix", {}, void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        e.$slots.suffix ? {
-          name: "suffix",
-          fn: i(() => [
-            d(e.$slots, "suffix", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        e.$slots.prepend ? {
-          name: "prepend",
-          fn: i(() => [
-            d(e.$slots, "prepend", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0
-      ]), 1040, ["model-value", "disabled", "placeholder", "clearable", "debounce", "trigger-on-focus", "teleported", "fit-input-width", "popper-class", "append-to"])
-    ], 2));
-  }
-}), $e = /* @__PURE__ */ ve(Be, [["__scopeId", "data-v-47c6430a"]]);
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9fedf1a9"]]);
 export {
-  $e as default
+  p as default
 };

package/dist/lib/qy-search-input/index.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),w=require("element-plus"),X={class:"qy-search-input__item"},Y=["innerHTML"],Z={key:0,class:"qy-search-input__item-description"},ee=n.defineComponent({name:"QySearchInput",inheritAttrs:!1,__name:"index",props:{modelValue:{default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{default:"请输入搜索内容"},removeSpace:{type:Boolean,default:!1},trimMode:{default:"none"},clearable:{type:Boolean,default:!0},buttonText:{default:"搜索"},buttonProps:{default:()=>({})},suggestions:{default:()=>[]},fetchSuggestions:{type:[Function,null],default:null},fetchSuggestionsMethod:{type:[Function,null],default:null},debounce:{default:300},minLength:{default:1},triggerOnFocus:{type:Boolean,default:!1},searchOnEnter:{type:Boolean,default:!0},searchOnSelect:{type:Boolean,default:!1},highlightKeyword:{type:Boolean,default:!0},teleported:{type:Boolean,default:!0},appendTo:{default:"body"},popperClass:{default:""},fitInputWidth:{type:Boolean,default:!0}},emits:["update:modelValue","search","clear","input","change","focus","blur","enter","select","visible-change","suggestions-change","error"],setup(k,{expose:B,emit:C}){const o=k,a=C,$=n.useAttrs(),s=n.ref(null),c=n.ref(u(o.modelValue)),f=n.computed(()=>u(o.modelValue)),M=n.computed(()=>["qy-search-input__popper",o.popperClass].filter(Boolean).join(" ")),E=n.computed(()=>u(o.modelValue)),p=n.ref("");n.watch(()=>o.modelValue,e=>{c.value=u(e)});function u(e){return e==null?"":String(e)}function T(e){return o.removeSpace?e.replace(/\s+/g,""):e}function v(e,t){return o.trimMode!==t?e:e.trim()}function g(e){return T(u(e))}function h(e){c.value=e,a("update:modelValue",e)}function y(e,t=""){return{...e,label:e.label||e.value,value:e.value||e.label,description:e.description||t}}function m(e=[]){return e.flatMap(t=>{if(Array.isArray(t.items)){const l=t;return l.items.map(r=>y(r,l.groupLabel))}return y(t)})}function F(e){const t=e.toLowerCase();return l=>[l.label,l.value,l.description].filter(Boolean).some(r=>String(r).toLowerCase().includes(t))}function L(e){return e?e.length>=o.minLength:o.triggerOnFocus}function i(e){a("suggestions-change",e),a("visible-change",e.length>0)}async function P(e){if(!L(e))return i([]),[];if(o.fetchSuggestionsMethod){const r=await new Promise(d=>{var S;(S=o.fetchSuggestionsMethod)==null||S.call(o,e,J=>{d(m(J))})});return i(r),r}if(o.fetchSuggestions){const r=await o.fetchSuggestions(e),d=m(Array.isArray(r)?r:[]);return i(d),d}const t=m(o.suggestions),l=e?t.filter(F(e)):t;return i(l),l}async function O(e,t){p.value=e;try{const l=await P(e);t(l)}catch(l){a("error",l),i([]),t([])}}function A(){var e,t;p.value&&((t=(e=s.value)==null?void 0:e.getData)==null||t.call(e,p.value))}function I(e){const t=g(e);h(t)}function z(e){const t=g(e);c.value=t,a("input",t)}function K(e){const t=v(g(e),"change");t!==u(o.modelValue)&&h(t),a("change",t)}function N(e){a("focus",e)}function R(e){const t=v(c.value,"blur");t!==u(o.modelValue)&&h(t),a("blur",e),a("visible-change",!1)}function _(){c.value="",a("update:modelValue",""),a("clear"),i([])}function q(e){a("enter",e),o.searchOnEnter&&b()}function b(){a("search",u(o.modelValue))}function H(e){a("select",e),o.searchOnSelect&&a("search",e.value)}function V(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function x(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function D(e){const t=V(e||"");if(!o.highlightKeyword||!f.value)return t;const l=x(V(f.value));return l?t.replace(new RegExp(`(${l})`,"ig"),'<mark class="qy-search-input__mark">$1</mark>'):t}function Q(){var e,t;(t=(e=s.value)==null?void 0:e.focus)==null||t.call(e)}function j(){var e,t;(t=(e=s.value)==null?void 0:e.blur)==null||t.call(e)}function U(){var e,t,l;(l=(t=(e=s.value)==null?void 0:e.inputRef)==null?void 0:t.select)==null||l.call(t)}function W(){var e,t;(t=(e=s.value)==null?void 0:e.clear)==null||t.call(e)}function G(){var e,t;(t=(e=s.value)==null?void 0:e.close)==null||t.call(e)}return B({focus:Q,blur:j,select:U,clear:W,closePanel:G,retryFetch:A}),(e,t)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["qy-search-input",{"is-disabled":e.disabled}])},[n.createVNode(n.unref(w.ElAutocomplete),n.mergeProps({ref_key:"autocompleteRef",ref:s},n.unref($),{"model-value":E.value,disabled:e.disabled,placeholder:e.placeholder,clearable:e.clearable,debounce:e.debounce,"fetch-suggestions":O,"trigger-on-focus":e.triggerOnFocus,teleported:e.teleported,"fit-input-width":e.fitInputWidth,"popper-class":M.value,"append-to":e.appendTo,"value-key":"value","onUpdate:modelValue":I,onInput:z,onChange:K,onFocus:N,onBlur:R,onClear:_,onSelect:H,onKeydown:n.withKeys(q,["enter"])}),n.createSlots({append:n.withCtx(()=>[e.$slots.append?n.renderSlot(e.$slots,"append",{key:0},void 0,!0):(n.openBlock(),n.createBlock(n.unref(w.ElButton),n.mergeProps({key:1},e.buttonProps,{loading:e.loading,disabled:e.disabled,onClick:b}),{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.buttonText),1)]),_:1},16,["loading","disabled"]))]),default:n.withCtx(({item:l})=>[n.renderSlot(e.$slots,"item",{item:l,keyword:f.value},()=>[n.createElementVNode("div",X,[n.createElementVNode("div",{class:"qy-search-input__item-label",innerHTML:D(l.label||l.value||"")},null,8,Y),l.description?(n.openBlock(),n.createElementBlock("div",Z,n.toDisplayString(l.description),1)):n.createCommentVNode("",!0)])],!0)]),_:2},[e.$slots.prefix?{name:"prefix",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"prefix",{},void 0,!0)]),key:"0"}:void 0,e.$slots.suffix?{name:"suffix",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"suffix",{},void 0,!0)]),key:"1"}:void 0,e.$slots.prepend?{name:"prepend",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"prepend",{},void 0,!0)]),key:"2"}:void 0]),1040,["model-value","disabled","placeholder","clearable","debounce","trigger-on-focus","teleported","fit-input-width","popper-class","append-to"])],2))}});exports.default=ee;