@farris/ui-vue 1.3.0 → 1.3.1

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

@@ -1,27 +1,27 @@
-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: 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;
+import { defineComponent as w, ref as h, computed as j, watch as B, createVNode as y, Fragment as q, inject as X, onMounted as U, resolveComponent as W } from "vue";
+import _ 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 C = {}, T = {};
+function D(t) {
+  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 ? D(e[s]) : z(e[s].default)), p), {});
+  return i && (!l || !o.find((p) => p == "id")) && (d.id = `${i}-${Date.now()}`), d;
 }
-function E(t, e = {}, u) {
-  const o = T[t];
+function $(t, e = {}, i) {
+  const o = C[t];
   if (o) {
-    let l = M(o);
-    const d = H[t];
-    return l = d ? d({ getSchemaByType: E }, l, e, u) : l, l;
+    let l = D(o);
+    const d = T[t];
+    return l = d ? d({ getSchemaByType: $ }, 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 = D(e);
+  return Object.keys(t).reduce((o, l) => (o[l] && N(o[l]) && N(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,16 +36,16 @@ 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, u, c) {
+    if (typeof u == "number")
+      return c[a].length === u;
+    if (typeof u == "object") {
+      const r = Object.keys(u)[0], f = u[r];
       if (r === "not")
         return Number(c[a].length) !== Number(f);
       if (r === "moreThan")
@@ -55,33 +55,33 @@ function ee(t = {}) {
     }
     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, u, c) {
+    return c[a] && c[a].propertyValue && String(c[a].propertyValue.value) === String(u);
   }
   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) => {
+    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((c) => {
       if (c === "length")
-        return { target: i, operator: "length", param: null, value: n[c] };
+        return { target: u, operator: "length", param: null, value: n[c] };
       const r = c, f = n[c];
-      return { target: i, operator: "getProperty", param: r, value: f };
+      return { target: u, operator: "getProperty", param: r, value: f };
     }) : [];
   }
   function d(a) {
-    return Object.keys(a).reduce((i, c) => {
+    return Object.keys(a).reduce((u, c) => {
       const r = l(c, a[c]);
-      return i.push(...r), i;
+      return u.push(...r), u;
     }, []);
   }
   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 u = o.get(a.operator);
+      return u && u(a.target, a.param, a.value, n) || !1;
     }
     return !1;
   }
@@ -89,25 +89,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 u = Object.keys(a), c = u.includes("allOf"), r = u.includes("anyOf"), f = c || r, S = (f ? a[f ? c ? "allOf" : "anyOf" : "allOf"] : [a]).map((R) => s(R, n));
+    return c ? !S.includes(!1) : S.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) => s, l = {}, d = (p) => p) {
+  return C[e.title] = e, T[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", ue = "object", ie = {
   id: {
     description: "The unique identifier for a search-box",
     type: "string"
@@ -169,22 +169,22 @@ const re = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, pe = [
+}, ce = [
   "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: ue,
+  properties: ie,
+  required: ce
 };
-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 +206,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
+}, E = {
   /**
    * 自定义图标
    */
@@ -253,11 +253,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(E, se, ne, fe, ge), ye = {
   data: { type: Array, default: [] },
   /** 确认结果事件 */
   onConfirmResult: { type: Function, default: () => {
@@ -281,54 +285,54 @@ const me = "search-box", ge = "A Farris Component", ye = "object", be = {
   */
   maxHeight: { default: 350, type: Number },
   loading: { default: !1, type: Boolean }
-}, q = /* @__PURE__ */ P({
+}, H = /* @__PURE__ */ w({
   name: "FSearchBoxContainer",
-  props: Ve,
+  props: ye,
   emits: ["confirmResult", "searchedValue"],
   setup(t, e) {
-    const u = m(t.data), o = m(), {
+    const i = h(t.data), o = h(), {
       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 u;
+      (u = o.value) == null || u.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 ? y(q, null, [l.default(n)]) : y("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) => {
+    return B(() => t.loading, (n) => {
       console.log("loading状态改变" + n);
-    }), S(() => t.data, (n) => {
-      n !== u.value && (u.value = n), o.value.updateDataSource(n);
+    }), B(() => t.data, (n) => {
+      n !== i.value && (i.value = n), o.value.updateDataSource(n);
     }), e.expose({
       search: p
     }), () => {
       const n = {
         content: g
       };
-      return v("div", {
+      return y("div", {
         class: d.value,
         style: a.value
-      }, [v(Y, {
+      }, [y(J, {
         ref: "loadingInstance",
         isActive: t.loading
-      }, null), v(Q, {
+      }, null), y(G, {
         ref: o,
         itemClass: "dropdown-item",
-        data: u.value,
+        data: i.value,
         view: "ContentView",
-        onClickItem: (i) => s(i.data),
+        onClickItem: (u) => s(u.data),
         idField: t.idField,
         textField: t.textField,
         titleField: t.textField,
@@ -336,23 +340,23 @@ const me = "search-box", ge = "A Farris Component", ye = "object", be = {
       }, n)]);
     };
   }
-}), B = /* @__PURE__ */ P({
+}), V = /* @__PURE__ */ w({
   name: "FSearchBox",
-  props: C,
+  props: E,
   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);
-    m(t.editable);
-    const s = m(t.modelValue);
-    S(s, (r) => {
+    h(t.data);
+    const i = h(), o = h(), l = h(t.placeholder), d = '<i class="f-icon f-icon-clockwise f-icon-spin"></i>', p = j(() => t.loading ? d : t.buttonContent);
+    h(t.editable);
+    const s = h(t.modelValue);
+    B(s, (r) => {
       var f;
       (f = o.value) == null || f.search(r), e.emit("update:modelValue", r);
-    }), S(() => t.modelValue, (r) => {
+    }), B(() => t.modelValue, (r) => {
       s.value = r;
     });
     function g(r) {
-      u.value.commitValue(r);
+      i.value.commitValue(r);
     }
     function a(r) {
       e.emit("change", r);
@@ -360,11 +364,11 @@ const me = "search-box", ge = "A Farris Component", ye = "object", be = {
     function n(r) {
       e.emit("selectedValue", r);
     }
-    function i(r) {
+    function u(r) {
       e.emit("clickButton", r);
     }
     function c() {
-      u.value.togglePopup();
+      i.value.togglePopup();
     }
     return e.expose({
       togglePopup: c
@@ -372,13 +376,14 @@ const me = "search-box", ge = "A Farris Component", ye = "object", be = {
       const r = {
         default: e.slots.default
       };
-      return v(z, {
-        ref: u,
+      return y(_, {
+        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) => u(f),
         disable: t.disable,
         "enable-clear": !0,
         "button-behavior": "Execute",
@@ -390,7 +395,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 && y(H, {
           ref: o,
           data: t.data,
           onConfirmResult: g,
@@ -403,11 +408,11 @@ const me = "search-box", ge = "A Farris Component", ye = "object", be = {
     };
   }
 });
-function Be(t, e, u) {
-  var A;
+function be(t, e, i) {
+  var k;
   function o() {
   }
-  const l = "", d = "", p = m();
+  const l = "", d = "", p = h();
   function s() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
@@ -420,44 +425,37 @@ function Be(t, e, u) {
   function n() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function i(h) {
-    if (!h || !h.value)
+  function u(m) {
+    if (!m || !m.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);
-    return y || null;
+    if (m.value.schema && m.value.schema.type === "component")
+      return m.value;
+    const b = h(m == null ? void 0 : m.value.parent), v = u(b);
+    return v || null;
   }
-  function c(h = e) {
-    const { componentInstance: b, designerItemElementRef: y } = h;
-    return !b || !b.value ? null : b.value.canMove ? y : c(h.parent);
+  function c(m = e) {
+    const { componentInstance: b, designerItemElementRef: v } = m;
+    return !b || !b.value ? null : b.value.canMove ? v : c(m.parent);
   }
-  function r(h) {
-    return !!u;
+  function r(m) {
+    return !!i;
   }
   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 w() {
-  }
-  function N(h, b) {
+  function O() {
   }
-  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 M(m, b) {
   }
-  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 S(m, b) {
+    const { componentType: v } = m;
+    let F = $(v, m, b);
+    const L = v.toLowerCase().replace("-", "_");
+    return F && !F.id && F.type === v && (F.id = `${L}_${Math.random().toString().slice(2, 6)}`), F;
   }
-  function j(h) {
+  function P(m) {
   }
-  function _(...h) {
+  function R(...m) {
   }
   return p.value = {
     canMove: s(),
@@ -466,48 +464,47 @@ function Be(t, e, u) {
     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,
+    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,
+    getBelongedComponentInstance: u,
     getDraggableDesignItemElement: c,
     getDraggingDisplayText: f,
-    getPropConfig: _,
-    getDragScopeElement: w,
-    onAcceptMovedChildElement: N,
-    onAcceptNewChildElement: k,
-    onChildElementMovedOut: j,
-    addNewChildComponentSchema: R,
+    getPropConfig: R,
+    getDragScopeElement: O,
+    onAcceptMovedChildElement: M,
+    onChildElementMovedOut: P,
+    addNewChildComponentSchema: S,
     updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: m(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: m(!1)
+    triggerBelongedComponentToMoveWhenMoved: h(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: h(!1)
   }, p;
 }
-const Se = /* @__PURE__ */ P({
+const ve = /* @__PURE__ */ w({
   name: "FSearchBoxDesign",
-  props: C,
+  props: E,
   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 = h(t.data), o = h(), l = h(), d = h("请输入关键词"), p = h('<i class="f-icon f-icon-search"></i>'), s = h(t.modelValue), g = h(), a = X("design-item-context"), n = be(g, a);
+    U(() => {
       g.value.componentInstance = n;
-    }), e.expose(n.value), S(s, (r) => {
+    }), e.expose(n.value), B(s, (r) => {
       var f;
       (f = l.value) == null || f.search(r), e.emit("update:modelValue", r);
-    }), S(() => t.modelValue, (r) => {
+    }), B(() => t.modelValue, (r) => {
       s.value = r;
     });
-    function i(r) {
+    function u(r) {
       o.value.commitValue(r);
     }
     function c(r) {
       e.emit("change", r);
     }
-    return () => v("div", {
+    return () => y("div", {
       ref: g
-    }, [v(J("f-button-edit"), {
+    }, [y(W("f-button-edit"), {
       ref: o,
       "button-content": p.value,
       placeholder: d.value,
@@ -522,26 +519,26 @@ const Se = /* @__PURE__ */ P({
       "popup-on-input": !0,
       "popup-on-focus": !0
     }, {
-      default: () => [v(q, {
+      default: () => [y(H, {
         ref: l,
-        data: u.value,
-        onConfirmResult: i
+        data: i.value,
+        onConfirmResult: u
       }, null)]
     })]);
   }
 });
-B.install = (t) => {
-  t.component(B.name, B);
+V.install = (t) => {
+  t.component(V.name, V);
 };
-B.register = (t, e, u, o) => {
-  t["search-box"] = B, e["search-box"] = L;
+V.register = (t, e, i, o) => {
+  t["search-box"] = V, e["search-box"] = A;
 };
-B.registerDesigner = (t, e, u) => {
-  t["search-box"] = Se, e["search-box"] = L;
+V.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
+  V as FSearchBox,
+  V as default,
+  A as propsResolver,
+  E 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,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):(g=typeof globalThis<"u"?globalThis:g||self,r(g["search-box"]={},g.Vue,g.FButtonEdit,g.LodashES,g.FListView,g.FLoading))})(this,function(g,r,C,O,A,H){"use strict";const P={},M={};function w(t){const{properties:e,title:s,ignore:o}=t,c=o&&Array.isArray(o),h=Object.keys(e).reduce((p,f)=>((!c||!o.find(y=>y==f))&&(p[f]=e[f].type==="object"&&e[f].properties?w(e[f]):O.cloneDeep(e[f].default)),p),{});return s&&(!c||!o.find(p=>p=="id"))&&(h.id=`${s}-${Date.now()}`),h}function E(t,e={},s){const o=P[t];if(o){let c=w(o);const h=M[t];return c=h?h({getSchemaByType:E},c,e,s):c,c}return null}function q(t,e){const s=w(e);return Object.keys(t).reduce((o,c)=>(o[c]&&O.isPlainObject(o[c])&&O.isPlainObject(t[c])?Object.assign(o[c],t[c]):o[c]=t[c],o),s),s}function L(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=q(t,e);return L(o,s)}function _(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 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(N=>f(N,n));return u?!F.includes(!1):F.includes(!0)}return{parseValueSchema:y}}const X={},U={};_();function W(t,e,s=new Map,o=(p,f,y)=>f,c={},h=p=>p){return P[e.title]=e,M[e.title]=o,X[e.title]=c,U[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 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=W(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}},$=r.defineComponent({name:"FSearchBoxContainer",props:Z,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 y(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:y};return r.createVNode("div",{class:h.value,style:a.value},[r.createVNode(H,{ref:"loadingInstance",isActive:t.loading},null),r.createVNode(A,{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)])}}}),V=r.defineComponent({name:"FSearchBox",props:j,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 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 r.createVNode(C,{ref:s,"button-content":p.value,"custom-class":t.customClass,updateOn:t.updateOn,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($,{ref:o,data:t.data,onConfirmResult:y,onSearchedValue:d=>n(d),loading:t.loading,maxHeight:t.maxHeight},i)],...e.slots})}}});function K(t,e,s){var v;function o(){}const c="",h="",p=r.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 b=r.ref(m==null?void 0:m.value.parent),B=l(b);return B||null}function u(m=e){const{componentInstance:b,designerItemElementRef:B}=m;return!b||!b.value?null:b.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 D(){}function T(m,b){}function F(m,b){const{componentType:B}=m;let S=E(B,m,b);const ee=B.toLowerCase().replace("-","_");return S&&!S.id&&S.type===B&&(S.id=`${ee}_${Math.random().toString().slice(2,6)}`),S}function k(m){}function N(...m){}return p.value={canMove:f(),canSelectParent:y(),canDelete:a(),canNested:!n(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(v=e==null?void 0:e.parent)==null?void 0:v.componentInstance,schema:e==null?void 0:e.schema,styles:c,designerClass:h,canAccepts:i,getBelongedComponentInstance:l,getDraggableDesignItemElement:u,getDraggingDisplayText:d,getPropConfig:N,getDragScopeElement:D,onAcceptMovedChildElement:T,onChildElementMovedOut:k,addNewChildComponentSchema:F,updateDragAndDropRules:o,triggerBelongedComponentToMoveWhenMoved:r.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:r.ref(!1)},p}const I=r.defineComponent({name:"FSearchBoxDesign",props:j,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),y=r.ref(),a=r.inject("design-item-context"),n=K(y,a);r.onMounted(()=>{y.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:y},[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($,{ref:c,data:s.value,onConfirmResult:l},null)]})])}});V.install=t=>{t.component(V.name,V)},V.register=(t,e,s,o)=>{t["search-box"]=V,e["search-box"]=R},V.registerDesigner=(t,e,s)=>{t["search-box"]=I,e["search-box"]=R},g.FSearchBox=V,g.default=V,g.propsResolver=R,g.searchBoxProps=j,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});