@farris/ui-vue 1.2.8 → 1.3.0

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

@@ -1,113 +1,113 @@
-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 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 = {};
+import { defineComponent as P, ref as m, computed as D, watch as S, createVNode as v, Fragment as U, inject as W, onMounted as x, resolveComponent as J } from "vue";
+import z from "../button-edit/index.esm.js";
+import { isPlainObject as $, cloneDeep as G } from "lodash-es";
+import Q from "../list-view/index.esm.js";
+import Y from "../loading/index.esm.js";
+const T = {}, H = {};
 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 { properties: e, title: u, 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 ? M(e[s]) : G(e[s].default)), p), {});
+  return (!l || !o.find((p) => p == "id")) && (d.id = `${u}-${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 = {}, u) {
+  const o = T[t];
+  if (o) {
+    let l = M(o);
+    const d = H[t];
+    return l = d ? d({ getSchemaByType: E }, l, e, u) : l, l;
   }
   return null;
 }
-function Y(t, e) {
-  const c = M(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) {
+  const u = M(e);
+  return Object.keys(t).reduce((o, l) => (o[l] && $(o[l]) && $(t[l]) ? Object.assign(o[l], t[l]) : o[l] = t[l], o), u), u;
+}
+function K(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];
     return o;
   }, {});
 }
-function K(t, e, c = /* @__PURE__ */ new Map()) {
-  const o = Y(t, e);
-  return Z(o, c);
+function I(t, e, u = /* @__PURE__ */ new Map()) {
+  const o = Z(t, e);
+  return K(o, u);
 }
-function I(t = {}) {
-  function e(a, n, u, i) {
-    if (typeof u == "number")
-      return i[a].length === u;
-    if (typeof u == "object") {
-      const r = Object.keys(u)[0], s = u[r];
+function ee(t = {}) {
+  function e(a, n, i, c) {
+    if (typeof i == "number")
+      return c[a].length === i;
+    if (typeof i == "object") {
+      const r = Object.keys(i)[0], f = i[r];
       if (r === "not")
-        return Number(i[a].length) !== Number(s);
+        return Number(c[a].length) !== Number(f);
       if (r === "moreThan")
-        return Number(i[a].length) >= Number(s);
+        return Number(c[a].length) >= Number(f);
       if (r === "lessThan")
-        return Number(i[a].length) <= Number(s);
+        return Number(c[a].length) <= Number(f);
     }
     return !1;
   }
-  function c(a, n, u, i) {
-    return i[a] && i[a].propertyValue && String(i[a].propertyValue.value) === String(u);
+  function u(a, n, i, c) {
+    return c[a] && c[a].propertyValue && String(c[a].propertyValue.value) === String(i);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", c]
+    ["getProperty", u]
   ]);
   Object.keys(t).reduce((a, n) => (a.set(n, t[n]), a), o);
   function l(a, n) {
-    const u = a;
-    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 i = a;
+    return typeof n == "number" ? [{ target: i, operator: "length", param: null, value: Number(n) }] : typeof n == "boolean" ? [{ target: i, operator: "getProperty", param: a, value: !!n }] : typeof n == "object" ? Object.keys(n).map((c) => {
+      if (c === "length")
+        return { target: i, operator: "length", param: null, value: n[c] };
+      const r = c, f = n[c];
+      return { target: i, operator: "getProperty", param: r, value: f };
     }) : [];
   }
-  function p(a) {
-    return Object.keys(a).reduce((u, i) => {
-      const r = l(i, a[i]);
-      return u.push(...r), u;
+  function d(a) {
+    return Object.keys(a).reduce((i, c) => {
+      const r = l(c, a[c]);
+      return i.push(...r), i;
     }, []);
   }
-  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;
+      const i = o.get(a.operator);
+      return i && i(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 i = Object.keys(a), c = i.includes("allOf"), r = i.includes("anyOf"), f = c || r, R = (f ? a[f ? c ? "allOf" : "anyOf" : "allOf"] : [a]).map((j) => s(j, n));
+    return c ? !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);
+const te = {}, ne = {};
+ee();
+function oe(t, e, u = /* @__PURE__ */ new Map(), o = (p, s, g) => s, l = {}, d = (p) => p) {
+  return T[e.title] = e, H[e.title] = o, te[e.title] = l, ne[e.title] = d, (p = {}) => {
+    const s = I(p, e, u), g = Object.keys(t).reduce((a, n) => (a[n] = t[n].default, a), {});
+    return Object.assign(g, s);
   };
 }
-function oe(t, e) {
+function ae(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const ae = /* @__PURE__ */ new Map([
-  ["appearance", oe]
-]), re = "https://json-schema.org/draft/2020-12/schema", le = "https://farris-design.gitee.io/search-box.schema.json", ue = "search-box", ce = "A Farris Component", ie = "object", se = {
+const re = /* @__PURE__ */ new Map([
+  ["appearance", ae]
+]), le = "https://json-schema.org/draft/2020-12/schema", ie = "https://farris-design.gitee.io/search-box.schema.json", ue = "search-box", ce = "A Farris Component", se = "object", fe = {
   id: {
     description: "The unique identifier for a search-box",
     type: "string"
@@ -172,19 +172,19 @@ const ae = /* @__PURE__ */ new Map([
 }, pe = [
   "id",
   "type"
-], fe = {
-  $schema: re,
-  $id: le,
+], de = {
+  $schema: le,
+  $id: ie,
   title: ue,
   description: ce,
-  type: ie,
-  properties: se,
+  type: se,
+  properties: fe,
   required: pe
 };
-function de(t, e, c) {
+function he(t, e, u) {
   return e;
 }
-const he = "search-box", me = "A Farris Component", ge = "object", ye = {
+const me = "search-box", ge = "A Farris Component", ye = "object", be = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -206,12 +206,12 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
       }
     }
   }
-}, be = {
-  title: he,
-  description: me,
-  type: ge,
-  categories: ye
-}, P = {
+}, ve = {
+  title: me,
+  description: ge,
+  type: ye,
+  categories: be
+}, 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 = {
+}, L = oe(C, de, re, he, ve), Ve = {
   data: { type: Array, default: [] },
   /** 确认结果事件 */
   onConfirmResult: { type: Function, default: () => {
@@ -281,54 +281,54 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
   */
   maxHeight: { default: 350, type: Number },
   loading: { default: !1, type: Boolean }
-}, L = /* @__PURE__ */ E({
+}, q = /* @__PURE__ */ P({
   name: "FSearchBoxContainer",
-  props: ve,
+  props: Ve,
   emits: ["confirmResult", "searchedValue"],
   setup(t, e) {
-    const c = h(t.data), o = h(), {
+    const u = 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) {
-      var u;
-      (u = o.value) == null || u.search(n);
+    function p(n) {
+      var i;
+      (i = o.value) == null || i.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]]);
+      return l.default ? v(U, 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) => {
-      n !== c.value && (c.value = n), o.value.updateDataSource(n);
+    }), S(() => t.data, (n) => {
+      n !== u.value && (u.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, {
+      }, [v(Y, {
         ref: "loadingInstance",
         isActive: t.loading
-      }, null), v(G, {
+      }, null), v(Q, {
         ref: o,
         itemClass: "dropdown-item",
-        data: c.value,
+        data: u.value,
         view: "ContentView",
-        onClickItem: (u) => d(u.data),
+        onClickItem: (i) => s(i.data),
         idField: t.idField,
         textField: t.textField,
         titleField: t.textField,
@@ -336,23 +336,23 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
       }, n)]);
     };
   }
-}), V = /* @__PURE__ */ E({
+}), B = /* @__PURE__ */ P({
   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 u = 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);
+      u.value.commitValue(r);
     }
     function a(r) {
       e.emit("change", r);
@@ -360,41 +360,41 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
     function n(r) {
       e.emit("selectedValue", r);
     }
-    function u(r) {
+    function i(r) {
       e.emit("clickButton", r);
     }
-    function i() {
-      c.value.togglePopup();
+    function c() {
+      u.value.togglePopup();
     }
     return e.expose({
-      togglePopup: i
+      togglePopup: c
     }), () => {
       const r = {
         default: e.slots.default
       };
-      return v(J, {
-        ref: c,
-        "button-content": m.value,
+      return v(z, {
+        ref: u,
+        "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) => i(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,
         "popup-on-input": t.showDropdown,
         "popup-on-focus": t.showDropdown
       }, {
-        default: () => [t.showDropdown && v(L, {
+        default: () => [t.showDropdown && v(q, {
           ref: o,
           data: t.data,
           onConfirmResult: g,
-          onSearchedValue: (s) => n(s),
+          onSearchedValue: (f) => n(f),
           loading: t.loading,
           maxHeight: t.maxHeight
         }, r)],
@@ -403,12 +403,12 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
     };
   }
 });
-function Ve(t, e, c) {
-  var k;
+function Be(t, e, u) {
+  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,128 +420,128 @@ function Ve(t, e, c) {
   function n() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function u(f) {
-    if (!f || !f.value)
+  function i(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 = i(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 c(h = e) {
+    const { componentInstance: b, designerItemElementRef: y } = h;
+    return !b || !b.value ? null : b.value.canMove ? y : c(h.parent);
   }
-  function r(f) {
-    return !!c;
+  function r(h) {
+    return !!u;
   }
-  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, $);
-    const _ = y.toLowerCase().replace("-", "_");
-    return S && !S.id && S.type === y && (S.id = `${_}_${Math.random().toString().slice(2, 6)}`), S;
+  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 X = y.toLowerCase().replace("-", "_");
+    return F && !F.id && F.type === y && (F.id = `${X}_${Math.random().toString().slice(2, 6)}`), F;
   }
-  function w(f) {
+  function j(h) {
   }
-  function q(...f) {
+  function _(...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,
-    getPropConfig: q,
-    getDragScopeElement: O,
-    onAcceptMovedChildElement: C,
-    onAcceptNewChildElement: N,
-    onChildElementMovedOut: w,
-    addNewChildComponentSchema: F,
+    getBelongedComponentInstance: i,
+    getDraggableDesignItemElement: c,
+    getDraggingDisplayText: f,
+    getPropConfig: _,
+    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 Se = /* @__PURE__ */ P({
   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);
-    W(() => {
+    const u = 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 = W("design-item-context"), n = Be(g, a);
+    x(() => {
       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) {
+    function i(r) {
       o.value.commitValue(r);
     }
-    function i(r) {
+    function c(r) {
       e.emit("change", r);
     }
     return () => v("div", {
       ref: g
-    }, [v(x("f-button-edit"), {
+    }, [v(J("f-button-edit"), {
       ref: o,
-      "button-content": m.value,
-      placeholder: p.value,
-      onChange: i,
+      "button-content": p.value,
+      placeholder: d.value,
+      onChange: c,
       "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,
       "popup-on-input": !0,
       "popup-on-focus": !0
     }, {
-      default: () => [v(L, {
+      default: () => [v(q, {
         ref: l,
-        data: c.value,
-        onConfirmResult: u
+        data: u.value,
+        onConfirmResult: i
       }, null)]
     })]);
   }
 });
-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, u, o) => {
+  t["search-box"] = B, e["search-box"] = L;
 };
-V.registerDesigner = (t, e, c) => {
-  t["search-box"] = Be, e["search-box"] = H;
+B.registerDesigner = (t, e, u) => {
+  t["search-box"] = Se, e["search-box"] = L;
 };
 export {
-  V as FSearchBox,
-  V as default,
-  H as propsResolver,
-  P as searchBoxProps
+  B as FSearchBox,
+  B as default,
+  L as propsResolver,
+  C as searchBoxProps
 };

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

@@ -0,0 +1 @@
+(function(y,r){typeof exports=="object"&&typeof module<"u"?r(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"],r):(y=typeof globalThis<"u"?globalThis:y||self,r(y["search-box"]={},y.Vue,y.FButtonEdit,y.LodashES,y.FListView,y.FLoading))})(this,function(y,r,H,R,q,x){"use strict";const $={},C={};function N(t){const{properties:e,title:s,ignore:o}=t,c=o&&Array.isArray(o),h=Object.keys(e).reduce((p,f)=>((!c||!o.find(g=>g==f))&&(p[f]=e[f].type==="object"&&e[f].properties?N(e[f]):R.cloneDeep(e[f].default)),p),{});return(!c||!o.find(p=>p=="id"))&&(h.id=`${s}-${Date.now()}`),h}function P(t,e={},s){const o=$[t];if(o){let c=N(o);const h=C[t];return c=h?h({getSchemaByType:P},c,e,s):c,c}return null}function L(t,e){const s=N(e);return Object.keys(t).reduce((o,c)=>(o[c]&&R.isPlainObject(o[c])&&R.isPlainObject(t[c])?Object.assign(o[c],t[c]):o[c]=t[c],o),s),s}function _(t,e){return Object.keys(t).filter(o=>t[o]!=null).reduce((o,c)=>{if(e.has(c)){const h=e.get(c);if(typeof h=="string")o[h]=t[c];else{const p=h(c,t[c],t);Object.assign(o,p)}}else o[c]=t[c];return o},{})}function X(t,e,s=new Map){const o=L(t,e);return _(o,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 o=new Map([["length",e],["getProperty",s]]);Object.keys(t).reduce((a,n)=>(a.set(n,t[n]),a),o);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(o.has(a.operator)){const l=o.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 g(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(E=>f(E,n));return u?!F.includes(!1):F.includes(!0)}return{parseValueSchema:g}}const W={},J={};U();function z(t,e,s=new Map,o=(p,f,g)=>f,c={},h=p=>p){return $[e.title]=e,C[e.title]=o,W[e.title]=c,J[e.title]=h,(p={})=>{const f=X(p,e,s),g=Object.keys(t).reduce((a,n)=>(a[n]=t[n].default,a),{});return Object.assign(g,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:[]}}}}}},w={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(w,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}},v=r.defineComponent({name:"FSearchBoxContainer",props:I,emits:["confirmResult","searchedValue"],setup(t,e){const s=r.ref(t.data),o=r.ref(),{slots:c}=e,h=r.computed(()=>({"search-box-container":!0,"f-utils-overflow-xhya":!0,"position-relative":!0}));function p(n){var l;(l=o.value)==null||l.search(n)}function f(n){n.length&&(e.emit("confirmResult",n[0].name),e.emit("searchedValue",n))}function g(n){return c.default?r.createVNode(r.Fragment,null,[c.default(n)]):r.createVNode("span",null,[n.item[t.textField]])}const a=r.computed(()=>{const n={};return n.padding="8px",t.maxHeight!==void 0&&t.maxHeight>0&&(n.maxHeight=`${t.maxHeight}px`),n});return r.watch(()=>t.loading,n=>{console.log("loading状态改变"+n)}),r.watch(()=>t.data,n=>{n!==s.value&&(s.value=n),o.value.updateDataSource(n)}),e.expose({search:p}),()=>{const n={content:g};return r.createVNode("div",{class:h.value,style:a.value},[r.createVNode(x,{ref:"loadingInstance",isActive:t.loading},null),r.createVNode(q,{ref:o,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=r.defineComponent({name:"FSearchBox",props:w,emits:["update:modelValue","change","selectedValue","clickButton"],setup(t,e){r.ref(t.data);const s=r.ref(),o=r.ref(),c=r.ref(t.placeholder),h='<i class="f-icon f-icon-clockwise f-icon-spin"></i>',p=r.computed(()=>t.loading?h:t.buttonContent);r.ref(t.editable);const f=r.ref(t.modelValue);r.watch(f,i=>{var d;(d=o.value)==null||d.search(i),e.emit("update:modelValue",i)}),r.watch(()=>t.modelValue,i=>{f.value=i});function g(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 r.createVNode(H,{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&&r.createVNode(v,{ref:o,data:t.data,onConfirmResult:g,onSearchedValue:d=>n(d),loading:t.loading,maxHeight:t.maxHeight},i)],...e.slots})}}});function ee(t,e,s){var A;function o(){}const c="",h="",p=r.ref();function f(){return(e==null?void 0:e.schema.componentType)!=="frame"}function g(){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=r.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 M(){}function T(m,V){}function F(m,V){const{componentType:b}=m;let B=P(b,m,V);const O=b.toLowerCase().replace("-","_");return B&&!B.id&&B.type===b&&(B.id=`${O}_${Math.random().toString().slice(2,6)}`),B}function k(m,V){const b=String(m.getAttribute("data-controltype")),B=m.getAttribute("data-feature"),O=B?JSON.parse(B):{};O.parentComponentInstance=p.value;let j=P(b,O);const re=b.toLowerCase().replace("-","_");return j&&!j.id&&j.type===b&&(j.id=`${re}_${Math.random().toString().slice(2,6)}`),j}function E(m){}function ne(...m){}return p.value={canMove:f(),canSelectParent:g(),canDelete:a(),canNested:!n(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(A=e==null?void 0:e.parent)==null?void 0:A.componentInstance,schema:e==null?void 0:e.schema,styles:c,designerClass:h,canAccepts:i,getBelongedComponentInstance:l,getDraggableDesignItemElement:u,getDraggingDisplayText:d,getPropConfig:ne,getDragScopeElement:M,onAcceptMovedChildElement:T,onAcceptNewChildElement:k,onChildElementMovedOut:E,addNewChildComponentSchema:F,updateDragAndDropRules:o,triggerBelongedComponentToMoveWhenMoved:r.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:r.ref(!1)},p}const te=r.defineComponent({name:"FSearchBoxDesign",props:w,emits:["update:modelValue","change"],setup(t,e){const s=r.ref(t.data),o=r.ref(),c=r.ref(),h=r.ref("请输入关键词"),p=r.ref('<i class="f-icon f-icon-search"></i>'),f=r.ref(t.modelValue),g=r.ref(),a=r.inject("design-item-context"),n=ee(g,a);r.onMounted(()=>{g.value.componentInstance=n}),e.expose(n.value),r.watch(f,i=>{var d;(d=c.value)==null||d.search(i),e.emit("update:modelValue",i)}),r.watch(()=>t.modelValue,i=>{f.value=i});function l(i){o.value.commitValue(i)}function u(i){e.emit("change",i)}return()=>r.createVNode("div",{ref:g},[r.createVNode(r.resolveComponent("f-button-edit"),{ref:o,"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:()=>[r.createVNode(v,{ref:c,data:s.value,onConfirmResult:l},null)]})])}});S.install=t=>{t.component(S.name,S)},S.register=(t,e,s,o)=>{t["search-box"]=S,e["search-box"]=D},S.registerDesigner=(t,e,s)=>{t["search-box"]=te,e["search-box"]=D},y.FSearchBox=S,y.default=S,y.propsResolver=D,y.searchBoxProps=w,Object.defineProperties(y,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});