@farris/ui-vue 1.3.0 → 1.3.3

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

@@ -1,27 +1,31 @@
-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 = {};
+import { defineComponent as w, ref as m, computed as j, watch as S, createVNode as v, Fragment as _, inject as X, onMounted as U, resolveComponent as W } from "vue";
+import C from "../button-edit/index.esm.js";
+import { isPlainObject as N, cloneDeep as z } from "lodash-es";
+import G from "../list-view/index.esm.js";
+import J from "../loading/index.esm.js";
+const $ = {}, H = {};
 function M(t) {
-  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;
+  const { properties: e, title: i, 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]) : z(e[s].default)), p), {});
+  if (i && (!l || !o.find((p) => p === "id"))) {
+    const p = i.toLowerCase().replace(/-/g, "_");
+    d.id = `${p}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return d;
 }
-function E(t, e = {}, u) {
-  const o = T[t];
+function T(t, e = {}, i) {
+  const o = $[t];
   if (o) {
     let l = M(o);
     const d = H[t];
-    return l = d ? d({ getSchemaByType: E }, l, e, u) : l, l;
+    return l = d ? d({ getSchemaByType: T }, l, e, i) : l, l;
   }
   return null;
 }
-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 Q(t, e) {
+  const i = M(e);
+  return Object.keys(i).reduce((o, l) => (o[l] && N(o[l]) && N(t[l] || !t[l]) ? Object.assign(o[l], t[l] || {}) : o[l] = t[l], o), i), i;
 }
-function K(t, e) {
+function Y(t, e) {
   return Object.keys(t).filter((o) => t[o] != null).reduce((o, l) => {
     if (e.has(l)) {
       const d = e.get(l);
@@ -36,52 +40,52 @@ function K(t, e) {
     return o;
   }, {});
 }
-function I(t, e, u = /* @__PURE__ */ new Map()) {
-  const o = Z(t, e);
-  return K(o, u);
+function Z(t, e, i = /* @__PURE__ */ new Map()) {
+  const o = Q(t, e);
+  return Y(o, i);
 }
-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];
+function x(t = {}) {
+  function e(a, n, c, u) {
+    if (typeof c == "number")
+      return u[a].length === c;
+    if (typeof c == "object") {
+      const r = Object.keys(c)[0], f = c[r];
       if (r === "not")
-        return Number(c[a].length) !== Number(f);
+        return Number(u[a].length) !== Number(f);
       if (r === "moreThan")
-        return Number(c[a].length) >= Number(f);
+        return Number(u[a].length) >= Number(f);
       if (r === "lessThan")
-        return Number(c[a].length) <= Number(f);
+        return Number(u[a].length) <= Number(f);
     }
     return !1;
   }
-  function u(a, n, i, c) {
-    return c[a] && c[a].propertyValue && String(c[a].propertyValue.value) === String(i);
+  function i(a, n, c, u) {
+    return u[a] && u[a].propertyValue && String(u[a].propertyValue.value) === String(c);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", u]
+    ["getProperty", i]
   ]);
   Object.keys(t).reduce((a, n) => (a.set(n, t[n]), a), o);
   function l(a, n) {
-    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 };
+    const c = a;
+    return typeof n == "number" ? [{ target: c, operator: "length", param: null, value: Number(n) }] : typeof n == "boolean" ? [{ target: c, operator: "getProperty", param: a, value: !!n }] : typeof n == "object" ? Object.keys(n).map((u) => {
+      if (u === "length")
+        return { target: c, operator: "length", param: null, value: n[u] };
+      const r = u, f = n[u];
+      return { target: c, operator: "getProperty", param: r, value: f };
     }) : [];
   }
   function d(a) {
-    return Object.keys(a).reduce((i, c) => {
-      const r = l(c, a[c]);
-      return i.push(...r), i;
+    return Object.keys(a).reduce((c, u) => {
+      const r = l(u, a[u]);
+      return c.push(...r), c;
     }, []);
   }
   function p(a, n) {
     if (o.has(a.operator)) {
-      const i = o.get(a.operator);
-      return i && i(a.target, a.param, a.value, n) || !1;
+      const c = o.get(a.operator);
+      return c && c(a.target, a.param, a.value, n) || !1;
     }
     return !1;
   }
@@ -89,25 +93,25 @@ function ee(t = {}) {
     return d(a).reduce((r, f) => r && p(f, n), !0);
   }
   function g(a, n) {
-    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);
+    const c = Object.keys(a), u = c.includes("allOf"), r = c.includes("anyOf"), f = u || r, F = (f ? a[f ? u ? "allOf" : "anyOf" : "allOf"] : [a]).map((R) => s(R, n));
+    return u ? !F.includes(!1) : F.includes(!0);
   }
   return { parseValueSchema: g };
 }
-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), {});
+const K = {}, I = {};
+x();
+function ee(t, e, i = /* @__PURE__ */ new Map(), o = (p, s, g, a) => s, l = {}, d = (p) => p) {
+  return $[e.title] = e, H[e.title] = o, K[e.title] = l, I[e.title] = d, (p = {}) => {
+    const s = Z(p, e, i), g = Object.keys(t).reduce((a, n) => (a[n] = t[n].default, a), {});
     return Object.assign(g, s);
   };
 }
-function ae(t, e) {
+function te(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-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 = {
+const ne = /* @__PURE__ */ new Map([
+  ["appearance", te]
+]), oe = "https://json-schema.org/draft/2020-12/schema", ae = "https://farris-design.gitee.io/search-box.schema.json", re = "search-box", le = "A Farris Component", ce = "object", ie = {
   id: {
     description: "The unique identifier for a search-box",
     type: "string"
@@ -169,22 +173,22 @@ const re = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, pe = [
+}, ue = [
   "id",
   "type"
-], de = {
-  $schema: le,
-  $id: ie,
-  title: ue,
-  description: ce,
-  type: se,
-  properties: fe,
-  required: pe
+], se = {
+  $schema: oe,
+  $id: ae,
+  title: re,
+  description: le,
+  type: ce,
+  properties: ie,
+  required: ue
 };
-function he(t, e, u) {
+function fe(t, e, i) {
   return e;
 }
-const me = "search-box", ge = "A Farris Component", ye = "object", be = {
+const pe = "search-box", de = "A Farris Component", he = "object", me = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -206,12 +210,12 @@ const me = "search-box", ge = "A Farris Component", ye = "object", be = {
       }
     }
   }
-}, ve = {
-  title: me,
-  description: ge,
-  type: ye,
-  categories: be
-}, C = {
+}, ge = {
+  title: pe,
+  description: de,
+  type: he,
+  categories: me
+}, P = {
   /**
    * 自定义图标
    */
@@ -253,11 +257,15 @@ const me = "search-box", ge = "A Farris Component", ye = "object", be = {
   /**
    * 是否展示搜索结果面板
    */
-  showDropdown: { default: !0, type: Boolean }
+  showDropdown: { default: !0, type: Boolean },
   /**
    * popupOnFoucs TODO
    */
-}, L = oe(C, de, re, he, ve), Ve = {
+  /**
+   * 值变化事件触发时机
+   */
+  updateOn: { default: "blur", type: String }
+}, A = ee(P, se, ne, fe, ge), ye = {
   data: { type: Array, default: [] },
   /** 确认结果事件 */
   onConfirmResult: { type: Function, default: () => {
@@ -281,36 +289,36 @@ const me = "search-box", ge = "A Farris Component", ye = "object", be = {
   */
   maxHeight: { default: 350, type: Number },
   loading: { default: !1, type: Boolean }
-}, q = /* @__PURE__ */ P({
+}, L = /* @__PURE__ */ w({
   name: "FSearchBoxContainer",
-  props: Ve,
+  props: ye,
   emits: ["confirmResult", "searchedValue"],
   setup(t, e) {
-    const u = m(t.data), o = m(), {
+    const i = m(t.data), o = m(), {
       slots: l
-    } = e, d = D(() => ({
+    } = e, d = j(() => ({
       "search-box-container": !0,
       "f-utils-overflow-xhya": !0,
       "position-relative": !0
     }));
     function p(n) {
-      var i;
-      (i = o.value) == null || i.search(n);
+      var c;
+      (c = o.value) == null || c.search(n);
     }
     function s(n) {
       n.length && (e.emit("confirmResult", n[0].name), e.emit("searchedValue", n));
     }
     function g(n) {
-      return l.default ? v(U, null, [l.default(n)]) : v("span", null, [n.item[t.textField]]);
+      return l.default ? v(_, null, [l.default(n)]) : v("span", null, [n.item[t.textField]]);
     }
-    const a = D(() => {
+    const a = j(() => {
       const n = {};
       return n.padding = "8px", t.maxHeight !== void 0 && t.maxHeight > 0 && (n.maxHeight = `${t.maxHeight}px`), n;
     });
     return S(() => t.loading, (n) => {
       console.log("loading状态改变" + n);
     }), S(() => t.data, (n) => {
-      n !== u.value && (u.value = n), o.value.updateDataSource(n);
+      n !== i.value && (i.value = n), o.value.updateDataSource(n);
     }), e.expose({
       search: p
     }), () => {
@@ -320,15 +328,15 @@ const me = "search-box", ge = "A Farris Component", ye = "object", be = {
       return v("div", {
         class: d.value,
         style: a.value
-      }, [v(Y, {
+      }, [v(J, {
         ref: "loadingInstance",
         isActive: t.loading
-      }, null), v(Q, {
+      }, null), v(G, {
         ref: o,
         itemClass: "dropdown-item",
-        data: u.value,
+        data: i.value,
         view: "ContentView",
-        onClickItem: (i) => s(i.data),
+        onClickItem: (c) => s(c.data),
         idField: t.idField,
         textField: t.textField,
         titleField: t.textField,
@@ -336,13 +344,13 @@ const me = "search-box", ge = "A Farris Component", ye = "object", be = {
       }, n)]);
     };
   }
-}), B = /* @__PURE__ */ P({
+}), B = /* @__PURE__ */ w({
   name: "FSearchBox",
-  props: C,
+  props: P,
   emits: ["update:modelValue", "change", "selectedValue", "clickButton"],
   setup(t, e) {
     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);
+    const i = m(), o = m(), l = m(t.placeholder), d = '<i class="f-icon f-icon-clockwise f-icon-spin"></i>', p = j(() => t.loading ? d : t.buttonContent);
     m(t.editable);
     const s = m(t.modelValue);
     S(s, (r) => {
@@ -352,7 +360,7 @@ const me = "search-box", ge = "A Farris Component", ye = "object", be = {
       s.value = r;
     });
     function g(r) {
-      u.value.commitValue(r);
+      i.value.commitValue(r);
     }
     function a(r) {
       e.emit("change", r);
@@ -360,25 +368,26 @@ const me = "search-box", ge = "A Farris Component", ye = "object", be = {
     function n(r) {
       e.emit("selectedValue", r);
     }
-    function i(r) {
+    function c(r) {
       e.emit("clickButton", r);
     }
-    function c() {
-      u.value.togglePopup();
+    function u() {
+      i.value.togglePopup();
     }
     return e.expose({
-      togglePopup: c
+      togglePopup: u
     }), () => {
       const r = {
         default: e.slots.default
       };
-      return v(z, {
-        ref: u,
+      return v(C, {
+        ref: i,
         "button-content": p.value,
         "custom-class": t.customClass,
+        updateOn: t.updateOn,
         placeholder: l.value,
         onChange: (f) => a(f),
-        onClickButton: (f) => i(f),
+        onClickButton: (f) => c(f),
         disable: t.disable,
         "enable-clear": !0,
         "button-behavior": "Execute",
@@ -390,7 +399,7 @@ const me = "search-box", ge = "A Farris Component", ye = "object", be = {
         "popup-on-input": t.showDropdown,
         "popup-on-focus": t.showDropdown
       }, {
-        default: () => [t.showDropdown && v(q, {
+        default: () => [t.showDropdown && v(L, {
           ref: o,
           data: t.data,
           onConfirmResult: g,
@@ -403,95 +412,94 @@ const me = "search-box", ge = "A Farris Component", ye = "object", be = {
     };
   }
 });
-function Be(t, e, u) {
-  var A;
-  function o() {
-  }
-  const l = "", d = "", p = m();
-  function s() {
+function be(t, e, i) {
+  var k;
+  const o = "", l = "", d = m();
+  function p() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function g() {
+  function s() {
     return !1;
   }
-  function a() {
+  function g() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function n() {
+  function a() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function i(h) {
+  function n(h) {
     if (!h || !h.value)
       return null;
     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);
+    const b = m(h == null ? void 0 : h.value.parent), y = n(b);
     return y || null;
   }
   function c(h = e) {
     const { componentInstance: b, designerItemElementRef: y } = h;
     return !b || !b.value ? null : b.value.canMove ? y : c(h.parent);
   }
-  function r(h) {
-    return !!u;
+  function u(h) {
+    return !!i;
   }
-  function f() {
+  function r() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function w() {
+  function f() {
   }
-  function N(h, b) {
+  function O(h, b) {
   }
-  function R(h, b) {
+  function D(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;
+    let V = T(y, h, b);
+    const q = y.toLowerCase().replace(/-/g, "_");
+    return V && !V.id && V.type === y && (V.id = `${q}_${Math.random().toString().slice(2, 6)}`), V;
   }
-  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 F(h) {
   }
-  function j(h) {
+  function E(...h) {
   }
-  function _(...h) {
+  function R() {
+    e != null && e.schema.contents && e.schema.contents.map((h) => {
+      var V;
+      let b = h.id;
+      h.type === "component-ref" && (b = h.component);
+      const y = t.value.querySelector(`#${b}-design-item`);
+      (V = y == null ? void 0 : y.componentInstance) != null && V.value.onRemoveComponent && y.componentInstance.value.onRemoveComponent();
+    });
   }
-  return p.value = {
-    canMove: s(),
-    canSelectParent: g(),
-    canDelete: a(),
-    canNested: !n(),
+  return d.value = {
+    canMove: p(),
+    canSelectParent: s(),
+    canDelete: g(),
+    canNested: !a(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
-    parent: (A = e == null ? void 0 : e.parent) == null ? void 0 : A.componentInstance,
+    parent: (k = e == null ? void 0 : e.parent) == null ? void 0 : k.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: l,
-    designerClass: d,
-    canAccepts: r,
-    getBelongedComponentInstance: i,
+    styles: o,
+    designerClass: l,
+    canAccepts: u,
+    getBelongedComponentInstance: n,
     getDraggableDesignItemElement: c,
-    getDraggingDisplayText: f,
-    getPropConfig: _,
-    getDragScopeElement: w,
-    onAcceptMovedChildElement: N,
-    onAcceptNewChildElement: k,
-    onChildElementMovedOut: j,
-    addNewChildComponentSchema: R,
-    updateDragAndDropRules: o,
+    getDraggingDisplayText: r,
+    getPropConfig: E,
+    getDragScopeElement: f,
+    onAcceptMovedChildElement: O,
+    onChildElementMovedOut: F,
+    addNewChildComponentSchema: D,
     triggerBelongedComponentToMoveWhenMoved: m(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: m(!1)
-  }, p;
+    triggerBelongedComponentToDeleteWhenDeleted: m(!1),
+    onRemoveComponent: R
+  }, d;
 }
-const Se = /* @__PURE__ */ P({
+const ve = /* @__PURE__ */ w({
   name: "FSearchBoxDesign",
-  props: C,
+  props: P,
   emits: ["update:modelValue", "change"],
   setup(t, e) {
-    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(() => {
+    const i = 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 = X("design-item-context"), n = be(g, a);
+    U(() => {
       g.value.componentInstance = n;
     }), e.expose(n.value), S(s, (r) => {
       var f;
@@ -499,19 +507,19 @@ const Se = /* @__PURE__ */ P({
     }), S(() => t.modelValue, (r) => {
       s.value = r;
     });
-    function i(r) {
+    function c(r) {
       o.value.commitValue(r);
     }
-    function c(r) {
+    function u(r) {
       e.emit("change", r);
     }
     return () => v("div", {
       ref: g
-    }, [v(J("f-button-edit"), {
+    }, [v(W("f-button-edit"), {
       ref: o,
       "button-content": p.value,
       placeholder: d.value,
-      onChange: c,
+      onChange: u,
       "enable-clear": !0,
       "button-behavior": "Execute",
       modelValue: s.value,
@@ -522,10 +530,10 @@ const Se = /* @__PURE__ */ P({
       "popup-on-input": !0,
       "popup-on-focus": !0
     }, {
-      default: () => [v(q, {
+      default: () => [v(L, {
         ref: l,
-        data: u.value,
-        onConfirmResult: i
+        data: i.value,
+        onConfirmResult: c
       }, null)]
     })]);
   }
@@ -533,15 +541,15 @@ const Se = /* @__PURE__ */ P({
 B.install = (t) => {
   t.component(B.name, B);
 };
-B.register = (t, e, u, o) => {
-  t["search-box"] = B, e["search-box"] = L;
+B.register = (t, e, i, o) => {
+  t["search-box"] = B, e["search-box"] = A;
 };
-B.registerDesigner = (t, e, u) => {
-  t["search-box"] = Se, e["search-box"] = L;
+B.registerDesigner = (t, e, i) => {
+  t["search-box"] = ve, e["search-box"] = A;
 };
 export {
   B as FSearchBox,
   B as default,
-  L as propsResolver,
-  C as searchBoxProps
+  A as propsResolver,
+  P as searchBoxProps
 };

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

@@ -1 +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"}})});
+(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,H,O,q,A){"use strict";const N={},v={};function w(t){const{properties:e,title:s,ignore:a}=t,c=a&&Array.isArray(a),h=Object.keys(e).reduce((d,f)=>((!c||!a.find(y=>y===f))&&(d[f]=e[f].type==="object"&&e[f].properties?w(e[f]):O.cloneDeep(e[f].default)),d),{});if(s&&(!c||!a.find(d=>d==="id"))){const d=s.toLowerCase().replace(/-/g,"_");h.id=`${d}_${Math.random().toString().slice(2,6)}`}return h}function D(t,e={},s){const a=N[t];if(a){let c=w(a);const h=v[t];return c=h?h({getSchemaByType:D},c,e,s):c,c}return null}function L(t,e){const s=w(e);return Object.keys(s).reduce((a,c)=>(a[c]&&O.isPlainObject(a[c])&&O.isPlainObject(t[c]||!t[c])?Object.assign(a[c],t[c]||{}):a[c]=t[c],a),s),s}function _(t,e){return Object.keys(t).filter(a=>t[a]!=null).reduce((a,c)=>{if(e.has(c)){const h=e.get(c);if(typeof h=="string")a[h]=t[c];else{const d=h(c,t[c],t);Object.assign(a,d)}}else a[c]=t[c];return a},{})}function C(t,e,s=new Map){const a=L(t,e);return _(a,s)}function X(t={}){function e(r,n,l,u){if(typeof l=="number")return u[r].length===l;if(typeof l=="object"){const i=Object.keys(l)[0],p=l[i];if(i==="not")return Number(u[r].length)!==Number(p);if(i==="moreThan")return Number(u[r].length)>=Number(p);if(i==="lessThan")return Number(u[r].length)<=Number(p)}return!1}function s(r,n,l,u){return u[r]&&u[r].propertyValue&&String(u[r].propertyValue.value)===String(l)}const a=new Map([["length",e],["getProperty",s]]);Object.keys(t).reduce((r,n)=>(r.set(n,t[n]),r),a);function c(r,n){const l=r;return typeof n=="number"?[{target:l,operator:"length",param:null,value:Number(n)}]:typeof n=="boolean"?[{target:l,operator:"getProperty",param:r,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,p=n[u];return{target:l,operator:"getProperty",param:i,value:p}}):[]}function h(r){return Object.keys(r).reduce((l,u)=>{const i=c(u,r[u]);return l.push(...i),l},[])}function d(r,n){if(a.has(r.operator)){const l=a.get(r.operator);return l&&l(r.target,r.param,r.value,n)||!1}return!1}function f(r,n){return h(r).reduce((i,p)=>i&&d(p,n),!0)}function y(r,n){const l=Object.keys(r),u=l.includes("allOf"),i=l.includes("anyOf"),p=u||i,F=(p?r[p?u?"allOf":"anyOf":"allOf"]:[r]).map(M=>f(M,n));return u?!F.includes(!1):F.includes(!0)}return{parseValueSchema:y}}const U={},W={};X();function x(t,e,s=new Map,a=(d,f,y,r)=>f,c={},h=d=>d){return N[e.title]=e,v[e.title]=a,U[e.title]=c,W[e.title]=h,(d={})=>{const f=C(d,e,s),y=Object.keys(t).reduce((r,n)=>(r[n]=t[n].default,r),{});return Object.assign(y,f)}}function z(t,e){return{customClass:e.class,customStyle:e.style}}const G=new Map([["appearance",z]]),J={$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 Q(t,e,s){return e}const Y={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},updateOn:{default:"blur",type:String}},R=x(j,J,G,Q,Y),Z={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}},E=o.defineComponent({name:"FSearchBoxContainer",props:Z,emits:["confirmResult","searchedValue"],setup(t,e){const s=o.ref(t.data),a=o.ref(),{slots:c}=e,h=o.computed(()=>({"search-box-container":!0,"f-utils-overflow-xhya":!0,"position-relative":!0}));function d(n){var l;(l=a.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 r=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),a.value.updateDataSource(n)}),e.expose({search:d}),()=>{const n={content:y};return o.createVNode("div",{class:h.value,style:r.value},[o.createVNode(A,{ref:"loadingInstance",isActive:t.loading},null),o.createVNode(q,{ref:a,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(),a=o.ref(),c=o.ref(t.placeholder),h='<i class="f-icon f-icon-clockwise f-icon-spin"></i>',d=o.computed(()=>t.loading?h:t.buttonContent);o.ref(t.editable);const f=o.ref(t.modelValue);o.watch(f,i=>{var p;(p=a.value)==null||p.search(i),e.emit("update:modelValue",i)}),o.watch(()=>t.modelValue,i=>{f.value=i});function y(i){s.value.commitValue(i)}function r(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(H,{ref:s,"button-content":d.value,"custom-class":t.customClass,updateOn:t.updateOn,placeholder:c.value,onChange:p=>r(p),onClickButton:p=>l(p),disable:t.disable,"enable-clear":!0,"button-behavior":"Execute",modelValue:f.value,"onUpdate:modelValue":p=>f.value=p,"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(E,{ref:a,data:t.data,onConfirmResult:y,onSearchedValue:p=>n(p),loading:t.loading,maxHeight:t.maxHeight},i)],...e.slots})}}});function K(t,e,s){var k;const a="",c="",h=o.ref();function d(){return(e==null?void 0:e.schema.componentType)!=="frame"}function f(){return!1}function y(){return(e==null?void 0:e.schema.componentType)!=="frame"}function r(){return(e==null?void 0:e.schema.componentType)==="frame"}function n(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=n(V);return b||null}function l(m=e){const{componentInstance:V,designerItemElementRef:b}=m;return!V||!V.value?null:V.value.canMove?b:l(m.parent)}function u(m){return!!s}function i(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function p(){}function P(m,V){}function $(m,V){const{componentType:b}=m;let B=D(b,m,V);const ee=b.toLowerCase().replace(/-/g,"_");return B&&!B.id&&B.type===b&&(B.id=`${ee}_${Math.random().toString().slice(2,6)}`),B}function F(m){}function T(...m){}function M(){e!=null&&e.schema.contents&&e.schema.contents.map(m=>{var B;let V=m.id;m.type==="component-ref"&&(V=m.component);const b=t.value.querySelector(`#${V}-design-item`);(B=b==null?void 0:b.componentInstance)!=null&&B.value.onRemoveComponent&&b.componentInstance.value.onRemoveComponent()})}return h.value={canMove:d(),canSelectParent:f(),canDelete:y(),canNested:!r(),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:a,designerClass:c,canAccepts:u,getBelongedComponentInstance:n,getDraggableDesignItemElement:l,getDraggingDisplayText:i,getPropConfig:T,getDragScopeElement:p,onAcceptMovedChildElement:P,onChildElementMovedOut:F,addNewChildComponentSchema:$,triggerBelongedComponentToMoveWhenMoved:o.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:o.ref(!1),onRemoveComponent:M},h}const I=o.defineComponent({name:"FSearchBoxDesign",props:j,emits:["update:modelValue","change"],setup(t,e){const s=o.ref(t.data),a=o.ref(),c=o.ref(),h=o.ref("请输入关键词"),d=o.ref('<i class="f-icon f-icon-search"></i>'),f=o.ref(t.modelValue),y=o.ref(),r=o.inject("design-item-context"),n=K(y,r);o.onMounted(()=>{y.value.componentInstance=n}),e.expose(n.value),o.watch(f,i=>{var p;(p=c.value)==null||p.search(i),e.emit("update:modelValue",i)}),o.watch(()=>t.modelValue,i=>{f.value=i});function l(i){a.value.commitValue(i)}function u(i){e.emit("change",i)}return()=>o.createVNode("div",{ref:y},[o.createVNode(o.resolveComponent("f-button-edit"),{ref:a,"button-content":d.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(E,{ref:c,data:s.value,onConfirmResult:l},null)]})])}});S.install=t=>{t.component(S.name,S)},S.register=(t,e,s,a)=>{t["search-box"]=S,e["search-box"]=R},S.registerDesigner=(t,e,s)=>{t["search-box"]=I,e["search-box"]=R},g.FSearchBox=S,g.default=S,g.propsResolver=R,g.searchBoxProps=j,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});