@farris/ui-vue 1.2.8 → 1.2.9

package/components/search-box/index.esm.js

@@ -1,35 +1,35 @@
-import { defineComponent as E, ref as h, computed as j, watch as B, createVNode as v, Fragment as X, inject as U, onMounted as W, resolveComponent as x } from "vue";
+import { defineComponent as M, ref as m, computed as D, watch as S, createVNode as v, Fragment as X, inject as U, onMounted as W, resolveComponent as x } from "vue";
 import J from "../button-edit/index.esm.js";
 import { cloneDeep as z } from "lodash-es";
 import G from "../list-view/index.esm.js";
 import Q from "../loading/index.esm.js";
-const T = {}, A = {};
-function M(t) {
-  const { properties: e, title: c } = t, o = Object.keys(e).reduce((l, p) => (l[p] = e[p].type === "object" && e[p].properties ? M(e[p]) : z(e[p].default), l), {});
-  return o.id = `${c}-${Date.now()}`, o;
+const $ = {}, T = {};
+function P(t) {
+  const { properties: e, title: c, ignore: o } = t, l = o && Array.isArray(o), d = Object.keys(e).reduce((p, s) => ((!l || !o.find((g) => g == s)) && (p[s] = e[s].type === "object" && e[s].properties ? P(e[s]) : z(e[s].default)), p), {});
+  return (!l || !o.find((p) => p == "id")) && (d.id = `${c}-${Date.now()}`), d;
 }
-function D(t, e = {}) {
-  const c = T[t];
-  if (c) {
-    let o = M(c);
-    const l = A[t];
-    return o = l ? l({ getSchemaByType: D }, o, e) : o, o;
+function E(t, e = {}, c) {
+  const o = $[t];
+  if (o) {
+    let l = P(o);
+    const d = T[t];
+    return l = d ? d({ getSchemaByType: E }, l, e, c) : l, l;
   }
   return null;
 }
 function Y(t, e) {
-  const c = M(e);
+  const c = P(e);
   return Object.keys(t).reduce((o, l) => (o[l] && typeof o[l] == "object" ? Object.assign(o[l], t[l]) : o[l] = t[l], o), c), c;
 }
 function Z(t, e) {
   return Object.keys(t).filter((o) => t[o] != null).reduce((o, l) => {
     if (e.has(l)) {
-      const p = e.get(l);
-      if (typeof p == "string")
-        o[p] = t[l];
+      const d = e.get(l);
+      if (typeof d == "string")
+        o[d] = t[l];
       else {
-        const m = p(l, t[l], t);
-        Object.assign(o, m);
+        const p = d(l, t[l], t);
+        Object.assign(o, p);
       }
     } else
       o[l] = t[l];
@@ -45,13 +45,13 @@ function I(t = {}) {
     if (typeof u == "number")
       return i[a].length === u;
     if (typeof u == "object") {
-      const r = Object.keys(u)[0], s = u[r];
+      const r = Object.keys(u)[0], f = u[r];
       if (r === "not")
-        return Number(i[a].length) !== Number(s);
+        return Number(i[a].length) !== Number(f);
       if (r === "moreThan")
-        return Number(i[a].length) >= Number(s);
+        return Number(i[a].length) >= Number(f);
       if (r === "lessThan")
-        return Number(i[a].length) <= Number(s);
+        return Number(i[a].length) <= Number(f);
     }
     return !1;
   }
@@ -68,38 +68,38 @@ function I(t = {}) {
     return typeof n == "number" ? [{ target: u, operator: "length", param: null, value: Number(n) }] : typeof n == "boolean" ? [{ target: u, operator: "getProperty", param: a, value: !!n }] : typeof n == "object" ? Object.keys(n).map((i) => {
       if (i === "length")
         return { target: u, operator: "length", param: null, value: n[i] };
-      const r = i, s = n[i];
-      return { target: u, operator: "getProperty", param: r, value: s };
+      const r = i, f = n[i];
+      return { target: u, operator: "getProperty", param: r, value: f };
     }) : [];
   }
-  function p(a) {
+  function d(a) {
     return Object.keys(a).reduce((u, i) => {
       const r = l(i, a[i]);
       return u.push(...r), u;
     }, []);
   }
-  function m(a, n) {
+  function p(a, n) {
     if (o.has(a.operator)) {
       const u = o.get(a.operator);
       return u && u(a.target, a.param, a.value, n) || !1;
     }
     return !1;
   }
-  function d(a, n) {
-    return p(a).reduce((r, s) => r && m(s, n), !0);
+  function s(a, n) {
+    return d(a).reduce((r, f) => r && p(f, n), !0);
   }
   function g(a, n) {
-    const u = Object.keys(a), i = u.includes("allOf"), r = u.includes("anyOf"), s = i || r, F = (s ? a[s ? i ? "allOf" : "anyOf" : "allOf"] : [a]).map((w) => d(w, n));
-    return i ? !F.includes(!1) : F.includes(!0);
+    const u = Object.keys(a), i = u.includes("allOf"), r = u.includes("anyOf"), f = i || r, R = (f ? a[f ? i ? "allOf" : "anyOf" : "allOf"] : [a]).map((j) => s(j, n));
+    return i ? !R.includes(!1) : R.includes(!0);
   }
   return { parseValueSchema: g };
 }
 const ee = {}, te = {};
 I();
-function ne(t, e, c = /* @__PURE__ */ new Map(), o = (m, d, g) => d, l = {}, p = (m) => m) {
-  return T[e.title] = e, A[e.title] = o, ee[e.title] = l, te[e.title] = p, (m = {}) => {
-    const d = K(m, e, c), g = Object.keys(t).reduce((a, n) => (a[n] = t[n].default, a), {});
-    return Object.assign(g, d);
+function ne(t, e, c = /* @__PURE__ */ new Map(), o = (p, s, g) => s, l = {}, d = (p) => p) {
+  return $[e.title] = e, T[e.title] = o, ee[e.title] = l, te[e.title] = d, (p = {}) => {
+    const s = K(p, e, c), g = Object.keys(t).reduce((a, n) => (a[n] = t[n].default, a), {});
+    return Object.assign(g, s);
   };
 }
 function oe(t, e) {
@@ -169,17 +169,17 @@ const ae = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, pe = [
+}, fe = [
   "id",
   "type"
-], fe = {
+], pe = {
   $schema: re,
   $id: le,
   title: ue,
   description: ce,
   type: ie,
   properties: se,
-  required: pe
+  required: fe
 };
 function de(t, e, c) {
   return e;
@@ -211,7 +211,7 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
   description: me,
   type: ge,
   categories: ye
-}, P = {
+}, C = {
   /**
    * 自定义图标
    */
@@ -257,7 +257,7 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
   /**
    * popupOnFoucs TODO
    */
-}, H = ne(P, fe, ae, de, be), ve = {
+}, H = ne(C, pe, ae, de, be), ve = {
   data: { type: Array, default: [] },
   /** 确认结果事件 */
   onConfirmResult: { type: Function, default: () => {
@@ -281,44 +281,44 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
   */
   maxHeight: { default: 350, type: Number },
   loading: { default: !1, type: Boolean }
-}, L = /* @__PURE__ */ E({
+}, L = /* @__PURE__ */ M({
   name: "FSearchBoxContainer",
   props: ve,
   emits: ["confirmResult", "searchedValue"],
   setup(t, e) {
-    const c = h(t.data), o = h(), {
+    const c = m(t.data), o = m(), {
       slots: l
-    } = e, p = j(() => ({
+    } = e, d = D(() => ({
       "search-box-container": !0,
       "f-utils-overflow-xhya": !0,
       "position-relative": !0
     }));
-    function m(n) {
+    function p(n) {
       var u;
       (u = o.value) == null || u.search(n);
     }
-    function d(n) {
+    function s(n) {
       n.length && (e.emit("confirmResult", n[0].name), e.emit("searchedValue", n));
     }
     function g(n) {
       return l.default ? v(X, null, [l.default(n)]) : v("span", null, [n.item[t.textField]]);
     }
-    const a = j(() => {
+    const a = D(() => {
       const n = {};
       return n.padding = "8px", t.maxHeight !== void 0 && t.maxHeight > 0 && (n.maxHeight = `${t.maxHeight}px`), n;
     });
-    return B(() => t.loading, (n) => {
+    return S(() => t.loading, (n) => {
       console.log("loading状态改变" + n);
-    }), B(() => t.data, (n) => {
+    }), S(() => t.data, (n) => {
       n !== c.value && (c.value = n), o.value.updateDataSource(n);
     }), e.expose({
-      search: m
+      search: p
     }), () => {
       const n = {
         content: g
       };
       return v("div", {
-        class: p.value,
+        class: d.value,
         style: a.value
       }, [v(Q, {
         ref: "loadingInstance",
@@ -328,7 +328,7 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
         itemClass: "dropdown-item",
         data: c.value,
         view: "ContentView",
-        onClickItem: (u) => d(u.data),
+        onClickItem: (u) => s(u.data),
         idField: t.idField,
         textField: t.textField,
         titleField: t.textField,
@@ -336,20 +336,20 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
       }, n)]);
     };
   }
-}), V = /* @__PURE__ */ E({
+}), B = /* @__PURE__ */ M({
   name: "FSearchBox",
-  props: P,
+  props: C,
   emits: ["update:modelValue", "change", "selectedValue", "clickButton"],
   setup(t, e) {
-    h(t.data);
-    const c = h(), o = h(), l = h(t.placeholder), p = '<i class="f-icon f-icon-clockwise f-icon-spin"></i>', m = j(() => t.loading ? p : t.buttonContent);
-    h(t.editable);
-    const d = h(t.modelValue);
-    B(d, (r) => {
-      var s;
-      (s = o.value) == null || s.search(r), e.emit("update:modelValue", r);
-    }), B(() => t.modelValue, (r) => {
-      d.value = r;
+    m(t.data);
+    const c = m(), o = m(), l = m(t.placeholder), d = '<i class="f-icon f-icon-clockwise f-icon-spin"></i>', p = D(() => t.loading ? d : t.buttonContent);
+    m(t.editable);
+    const s = m(t.modelValue);
+    S(s, (r) => {
+      var f;
+      (f = o.value) == null || f.search(r), e.emit("update:modelValue", r);
+    }), S(() => t.modelValue, (r) => {
+      s.value = r;
     });
     function g(r) {
       c.value.commitValue(r);
@@ -374,16 +374,16 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
       };
       return v(J, {
         ref: c,
-        "button-content": m.value,
+        "button-content": p.value,
         "custom-class": t.customClass,
         placeholder: l.value,
-        onChange: (s) => a(s),
-        onClickButton: (s) => u(s),
+        onChange: (f) => a(f),
+        onClickButton: (f) => u(f),
         disable: t.disable,
         "enable-clear": !0,
         "button-behavior": "Execute",
-        modelValue: d.value,
-        "onUpdate:modelValue": (s) => d.value = s,
+        modelValue: s.value,
+        "onUpdate:modelValue": (f) => s.value = f,
         "popup-host": t.popupHost,
         "popup-right-boundary": t.popupRightBoundary,
         "popup-offset-x": t.popupOffsetX,
@@ -394,7 +394,7 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
           ref: o,
           data: t.data,
           onConfirmResult: g,
-          onSearchedValue: (s) => n(s),
+          onSearchedValue: (f) => n(f),
           loading: t.loading,
           maxHeight: t.maxHeight
         }, r)],
@@ -404,11 +404,11 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
   }
 });
 function Ve(t, e, c) {
-  var k;
+  var A;
   function o() {
   }
-  const l = "", p = "", m = h();
-  function d() {
+  const l = "", d = "", p = m();
+  function s() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
   function g() {
@@ -420,84 +420,84 @@ function Ve(t, e, c) {
   function n() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function u(f) {
-    if (!f || !f.value)
+  function u(h) {
+    if (!h || !h.value)
       return null;
-    if (f.value.schema && f.value.schema.type === "component")
-      return f.value;
-    const b = h(f == null ? void 0 : f.value.parent), y = u(b);
+    if (h.value.schema && h.value.schema.type === "component")
+      return h.value;
+    const b = m(h == null ? void 0 : h.value.parent), y = u(b);
     return y || null;
   }
-  function i(f = e) {
-    const { componentInstance: b, designerItemElementRef: y } = f;
-    return !b || !b.value ? null : b.value.canMove ? y : i(f.parent);
+  function i(h = e) {
+    const { componentInstance: b, designerItemElementRef: y } = h;
+    return !b || !b.value ? null : b.value.canMove ? y : i(h.parent);
   }
-  function r(f) {
+  function r(h) {
     return !!c;
   }
-  function s() {
+  function f() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function O() {
+  function w() {
   }
-  function C(f, b) {
+  function N(h, b) {
   }
-  function F(f) {
-    const { componentType: b } = f;
-    let y = D(b, f);
-    const R = b.toLowerCase().replace("-", "_");
-    return y && !y.id && y.type === b && (y.id = `${R}_${Math.random().toString().slice(2, 6)}`), y;
+  function R(h, b) {
+    const { componentType: y } = h;
+    let V = E(y, h, b);
+    const O = y.toLowerCase().replace("-", "_");
+    return V && !V.id && V.type === y && (V.id = `${O}_${Math.random().toString().slice(2, 6)}`), V;
   }
-  function N(f, b) {
-    const y = String(f.getAttribute("data-controltype")), R = f.getAttribute("data-feature"), $ = R ? JSON.parse(R) : {};
-    $.parentComponentInstance = m.value;
-    let S = D(y, $);
+  function k(h, b) {
+    const y = String(h.getAttribute("data-controltype")), V = h.getAttribute("data-feature"), O = V ? JSON.parse(V) : {};
+    O.parentComponentInstance = p.value;
+    let F = E(y, O);
     const _ = y.toLowerCase().replace("-", "_");
-    return S && !S.id && S.type === y && (S.id = `${_}_${Math.random().toString().slice(2, 6)}`), S;
+    return F && !F.id && F.type === y && (F.id = `${_}_${Math.random().toString().slice(2, 6)}`), F;
   }
-  function w(f) {
+  function j(h) {
   }
-  function q(...f) {
+  function q(...h) {
   }
-  return m.value = {
-    canMove: d(),
+  return p.value = {
+    canMove: s(),
     canSelectParent: g(),
     canDelete: a(),
     canNested: !n(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
-    parent: (k = e == null ? void 0 : e.parent) == null ? void 0 : k.componentInstance,
+    parent: (A = e == null ? void 0 : e.parent) == null ? void 0 : A.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: l,
-    designerClass: p,
+    designerClass: d,
     canAccepts: r,
     getBelongedComponentInstance: u,
     getDraggableDesignItemElement: i,
-    getDraggingDisplayText: s,
+    getDraggingDisplayText: f,
     getPropConfig: q,
-    getDragScopeElement: O,
-    onAcceptMovedChildElement: C,
-    onAcceptNewChildElement: N,
-    onChildElementMovedOut: w,
-    addNewChildComponentSchema: F,
+    getDragScopeElement: w,
+    onAcceptMovedChildElement: N,
+    onAcceptNewChildElement: k,
+    onChildElementMovedOut: j,
+    addNewChildComponentSchema: R,
     updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: h(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: h(!1)
-  }, m;
+    triggerBelongedComponentToMoveWhenMoved: m(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: m(!1)
+  }, p;
 }
-const Be = /* @__PURE__ */ E({
+const Be = /* @__PURE__ */ M({
   name: "FSearchBoxDesign",
-  props: P,
+  props: C,
   emits: ["update:modelValue", "change"],
   setup(t, e) {
-    const c = h(t.data), o = h(), l = h(), p = h("请输入关键词"), m = h('<i class="f-icon f-icon-search"></i>'), d = h(t.modelValue), g = h(), a = U("design-item-context"), n = Ve(g, a);
+    const c = m(t.data), o = m(), l = m(), d = m("请输入关键词"), p = m('<i class="f-icon f-icon-search"></i>'), s = m(t.modelValue), g = m(), a = U("design-item-context"), n = Ve(g, a);
     W(() => {
       g.value.componentInstance = n;
-    }), e.expose(n.value), B(d, (r) => {
-      var s;
-      (s = l.value) == null || s.search(r), e.emit("update:modelValue", r);
-    }), B(() => t.modelValue, (r) => {
-      d.value = r;
+    }), e.expose(n.value), S(s, (r) => {
+      var f;
+      (f = l.value) == null || f.search(r), e.emit("update:modelValue", r);
+    }), S(() => t.modelValue, (r) => {
+      s.value = r;
     });
     function u(r) {
       o.value.commitValue(r);
@@ -509,13 +509,13 @@ const Be = /* @__PURE__ */ E({
       ref: g
     }, [v(x("f-button-edit"), {
       ref: o,
-      "button-content": m.value,
-      placeholder: p.value,
+      "button-content": p.value,
+      placeholder: d.value,
       onChange: i,
       "enable-clear": !0,
       "button-behavior": "Execute",
-      modelValue: d.value,
-      "onUpdate:modelValue": (r) => d.value = r,
+      modelValue: s.value,
+      "onUpdate:modelValue": (r) => s.value = r,
       "popup-host": t.popupHost,
       "popup-right-boundary": t.popupRightBoundary,
       "popup-offset-x": t.popupOffsetX,
@@ -530,18 +530,18 @@ const Be = /* @__PURE__ */ E({
     })]);
   }
 });
-V.install = (t) => {
-  t.component(V.name, V);
+B.install = (t) => {
+  t.component(B.name, B);
 };
-V.register = (t, e, c, o) => {
-  t["search-box"] = V, e["search-box"] = H;
+B.register = (t, e, c, o) => {
+  t["search-box"] = B, e["search-box"] = H;
 };
-V.registerDesigner = (t, e, c) => {
+B.registerDesigner = (t, e, c) => {
   t["search-box"] = Be, e["search-box"] = H;
 };
 export {
-  V as FSearchBox,
-  V as default,
+  B as FSearchBox,
+  B as default,
   H as propsResolver,
-  P as searchBoxProps
+  C as searchBoxProps
 };

package/components/search-box/index.umd.cjs

@@ -0,0 +1 @@
+(function(g,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("../button-edit/index.umd.js"),require("lodash-es"),require("../list-view/index.umd.js"),require("../loading/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../button-edit/index.umd.js","lodash-es","../list-view/index.umd.js","../loading/index.umd.js"],o):(g=typeof globalThis<"u"?globalThis:g||self,o(g["search-box"]={},g.Vue,g.FButtonEdit,g.LodashES,g.FListView,g.FLoading))})(this,function(g,o,A,H,q,x){"use strict";const P={},$={};function O(t){const{properties:e,title:s,ignore:r}=t,c=r&&Array.isArray(r),h=Object.keys(e).reduce((p,f)=>((!c||!r.find(y=>y==f))&&(p[f]=e[f].type==="object"&&e[f].properties?O(e[f]):H.cloneDeep(e[f].default)),p),{});return(!c||!r.find(p=>p=="id"))&&(h.id=`${s}-${Date.now()}`),h}function N(t,e={},s){const r=P[t];if(r){let c=O(r);const h=$[t];return c=h?h({getSchemaByType:N},c,e,s):c,c}return null}function L(t,e){const s=O(e);return Object.keys(t).reduce((r,c)=>(r[c]&&typeof r[c]=="object"?Object.assign(r[c],t[c]):r[c]=t[c],r),s),s}function _(t,e){return Object.keys(t).filter(r=>t[r]!=null).reduce((r,c)=>{if(e.has(c)){const h=e.get(c);if(typeof h=="string")r[h]=t[c];else{const p=h(c,t[c],t);Object.assign(r,p)}}else r[c]=t[c];return r},{})}function X(t,e,s=new Map){const r=L(t,e);return _(r,s)}function U(t={}){function e(a,n,l,u){if(typeof l=="number")return u[a].length===l;if(typeof l=="object"){const i=Object.keys(l)[0],d=l[i];if(i==="not")return Number(u[a].length)!==Number(d);if(i==="moreThan")return Number(u[a].length)>=Number(d);if(i==="lessThan")return Number(u[a].length)<=Number(d)}return!1}function s(a,n,l,u){return u[a]&&u[a].propertyValue&&String(u[a].propertyValue.value)===String(l)}const r=new Map([["length",e],["getProperty",s]]);Object.keys(t).reduce((a,n)=>(a.set(n,t[n]),a),r);function c(a,n){const l=a;return typeof n=="number"?[{target:l,operator:"length",param:null,value:Number(n)}]:typeof n=="boolean"?[{target:l,operator:"getProperty",param:a,value:!!n}]:typeof n=="object"?Object.keys(n).map(u=>{if(u==="length")return{target:l,operator:"length",param:null,value:n[u]};const i=u,d=n[u];return{target:l,operator:"getProperty",param:i,value:d}}):[]}function h(a){return Object.keys(a).reduce((l,u)=>{const i=c(u,a[u]);return l.push(...i),l},[])}function p(a,n){if(r.has(a.operator)){const l=r.get(a.operator);return l&&l(a.target,a.param,a.value,n)||!1}return!1}function f(a,n){return h(a).reduce((i,d)=>i&&p(d,n),!0)}function y(a,n){const l=Object.keys(a),u=l.includes("allOf"),i=l.includes("anyOf"),d=u||i,F=(d?a[d?u?"allOf":"anyOf":"allOf"]:[a]).map(M=>f(M,n));return u?!F.includes(!1):F.includes(!0)}return{parseValueSchema:y}}const W={},J={};U();function z(t,e,s=new Map,r=(p,f,y)=>f,c={},h=p=>p){return P[e.title]=e,$[e.title]=r,W[e.title]=c,J[e.title]=h,(p={})=>{const f=X(p,e,s),y=Object.keys(t).reduce((a,n)=>(a[n]=t[n].default,a),{});return Object.assign(y,f)}}function G(t,e){return{customClass:e.class,customStyle:e.style}}const Q=new Map([["appearance",G]]),Y={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/search-box.schema.json",title:"search-box",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a search-box",type:"string"},type:{description:"The type string of search-box component",type:"string",default:"search-box"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]};function Z(t,e,s){return e}const K={title:"search-box",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},j={buttonContent:{type:String,default:'<i class="f-icon f-icon-search"></i>'},customClass:{type:String,default:""},modelValue:{type:String,default:""},popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},data:{type:Array,default:[]},placeholder:{type:String,default:"请输入关键词"},idField:{default:"id",type:String},textField:{default:"name",type:String},maxHeight:{default:350,type:Number},loading:{default:!1,type:Boolean},disable:{default:!1,type:Boolean},showDropdown:{default:!0,type:Boolean}},D=z(j,Y,Q,Z,K),I={data:{type:Array,default:[]},onConfirmResult:{type:Function,default:()=>{}},onSearchedValue:{type:Function,default:()=>{}},idField:{default:"id",type:String},textField:{default:"name",type:String},maxHeight:{default:350,type:Number},loading:{default:!1,type:Boolean}},C=o.defineComponent({name:"FSearchBoxContainer",props:I,emits:["confirmResult","searchedValue"],setup(t,e){const s=o.ref(t.data),r=o.ref(),{slots:c}=e,h=o.computed(()=>({"search-box-container":!0,"f-utils-overflow-xhya":!0,"position-relative":!0}));function p(n){var l;(l=r.value)==null||l.search(n)}function f(n){n.length&&(e.emit("confirmResult",n[0].name),e.emit("searchedValue",n))}function y(n){return c.default?o.createVNode(o.Fragment,null,[c.default(n)]):o.createVNode("span",null,[n.item[t.textField]])}const a=o.computed(()=>{const n={};return n.padding="8px",t.maxHeight!==void 0&&t.maxHeight>0&&(n.maxHeight=`${t.maxHeight}px`),n});return o.watch(()=>t.loading,n=>{console.log("loading状态改变"+n)}),o.watch(()=>t.data,n=>{n!==s.value&&(s.value=n),r.value.updateDataSource(n)}),e.expose({search:p}),()=>{const n={content:y};return o.createVNode("div",{class:h.value,style:a.value},[o.createVNode(x,{ref:"loadingInstance",isActive:t.loading},null),o.createVNode(q,{ref:r,itemClass:"dropdown-item",data:s.value,view:"ContentView",onClickItem:l=>f(l.data),idField:t.idField,textField:t.textField,titleField:t.textField,valueField:t.idField},n)])}}}),S=o.defineComponent({name:"FSearchBox",props:j,emits:["update:modelValue","change","selectedValue","clickButton"],setup(t,e){o.ref(t.data);const s=o.ref(),r=o.ref(),c=o.ref(t.placeholder),h='<i class="f-icon f-icon-clockwise f-icon-spin"></i>',p=o.computed(()=>t.loading?h:t.buttonContent);o.ref(t.editable);const f=o.ref(t.modelValue);o.watch(f,i=>{var d;(d=r.value)==null||d.search(i),e.emit("update:modelValue",i)}),o.watch(()=>t.modelValue,i=>{f.value=i});function y(i){s.value.commitValue(i)}function a(i){e.emit("change",i)}function n(i){e.emit("selectedValue",i)}function l(i){e.emit("clickButton",i)}function u(){s.value.togglePopup()}return e.expose({togglePopup:u}),()=>{const i={default:e.slots.default};return o.createVNode(A,{ref:s,"button-content":p.value,"custom-class":t.customClass,placeholder:c.value,onChange:d=>a(d),onClickButton:d=>l(d),disable:t.disable,"enable-clear":!0,"button-behavior":"Execute",modelValue:f.value,"onUpdate:modelValue":d=>f.value=d,"popup-host":t.popupHost,"popup-right-boundary":t.popupRightBoundary,"popup-offset-x":t.popupOffsetX,"popup-on-input":t.showDropdown,"popup-on-focus":t.showDropdown},{default:()=>[t.showDropdown&&o.createVNode(C,{ref:r,data:t.data,onConfirmResult:y,onSearchedValue:d=>n(d),loading:t.loading,maxHeight:t.maxHeight},i)],...e.slots})}}});function ee(t,e,s){var k;function r(){}const c="",h="",p=o.ref();function f(){return(e==null?void 0:e.schema.componentType)!=="frame"}function y(){return!1}function a(){return(e==null?void 0:e.schema.componentType)!=="frame"}function n(){return(e==null?void 0:e.schema.componentType)==="frame"}function l(m){if(!m||!m.value)return null;if(m.value.schema&&m.value.schema.type==="component")return m.value;const V=o.ref(m==null?void 0:m.value.parent),b=l(V);return b||null}function u(m=e){const{componentInstance:V,designerItemElementRef:b}=m;return!V||!V.value?null:V.value.canMove?b:u(m.parent)}function i(m){return!!s}function d(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function E(){}function v(m,V){}function F(m,V){const{componentType:b}=m;let B=N(b,m,V);const R=b.toLowerCase().replace("-","_");return B&&!B.id&&B.type===b&&(B.id=`${R}_${Math.random().toString().slice(2,6)}`),B}function T(m,V){const b=String(m.getAttribute("data-controltype")),B=m.getAttribute("data-feature"),R=B?JSON.parse(B):{};R.parentComponentInstance=p.value;let w=N(b,R);const oe=b.toLowerCase().replace("-","_");return w&&!w.id&&w.type===b&&(w.id=`${oe}_${Math.random().toString().slice(2,6)}`),w}function M(m){}function ne(...m){}return p.value={canMove:f(),canSelectParent:y(),canDelete:a(),canNested:!n(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(k=e==null?void 0:e.parent)==null?void 0:k.componentInstance,schema:e==null?void 0:e.schema,styles:c,designerClass:h,canAccepts:i,getBelongedComponentInstance:l,getDraggableDesignItemElement:u,getDraggingDisplayText:d,getPropConfig:ne,getDragScopeElement:E,onAcceptMovedChildElement:v,onAcceptNewChildElement:T,onChildElementMovedOut:M,addNewChildComponentSchema:F,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:o.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:o.ref(!1)},p}const te=o.defineComponent({name:"FSearchBoxDesign",props:j,emits:["update:modelValue","change"],setup(t,e){const s=o.ref(t.data),r=o.ref(),c=o.ref(),h=o.ref("请输入关键词"),p=o.ref('<i class="f-icon f-icon-search"></i>'),f=o.ref(t.modelValue),y=o.ref(),a=o.inject("design-item-context"),n=ee(y,a);o.onMounted(()=>{y.value.componentInstance=n}),e.expose(n.value),o.watch(f,i=>{var d;(d=c.value)==null||d.search(i),e.emit("update:modelValue",i)}),o.watch(()=>t.modelValue,i=>{f.value=i});function l(i){r.value.commitValue(i)}function u(i){e.emit("change",i)}return()=>o.createVNode("div",{ref:y},[o.createVNode(o.resolveComponent("f-button-edit"),{ref:r,"button-content":p.value,placeholder:h.value,onChange:u,"enable-clear":!0,"button-behavior":"Execute",modelValue:f.value,"onUpdate:modelValue":i=>f.value=i,"popup-host":t.popupHost,"popup-right-boundary":t.popupRightBoundary,"popup-offset-x":t.popupOffsetX,"popup-on-input":!0,"popup-on-focus":!0},{default:()=>[o.createVNode(C,{ref:c,data:s.value,onConfirmResult:l},null)]})])}});S.install=t=>{t.component(S.name,S)},S.register=(t,e,s,r)=>{t["search-box"]=S,e["search-box"]=D},S.registerDesigner=(t,e,s)=>{t["search-box"]=te,e["search-box"]=D},g.FSearchBox=S,g.default=S,g.propsResolver=D,g.searchBoxProps=j,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});