@farris/ui-vue 1.3.1 → 1.3.3

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

@@ -1,25 +1,29 @@
-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 { 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 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;
+const $ = {}, H = {};
+function M(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 ? 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 $(t, e = {}, i) {
-  const o = C[t];
+function T(t, e = {}, i) {
+  const o = $[t];
   if (o) {
-    let l = D(o);
-    const d = T[t];
-    return l = d ? d({ getSchemaByType: $ }, l, e, i) : l, l;
+    let l = M(o);
+    const d = H[t];
+    return l = d ? d({ getSchemaByType: T }, l, e, i) : l, l;
   }
   return null;
 }
 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;
+  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 Y(t, e) {
   return Object.keys(t).filter((o) => t[o] != null).reduce((o, l) => {
@@ -41,22 +45,22 @@ function Z(t, e, i = /* @__PURE__ */ new Map()) {
   return Y(o, i);
 }
 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];
+  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 i(a, n, u, c) {
-    return c[a] && c[a].propertyValue && String(c[a].propertyValue.value) === String(u);
+  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],
@@ -64,24 +68,24 @@ function x(t = {}) {
   ]);
   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((c) => {
-      if (c === "length")
-        return { target: u, operator: "length", param: null, value: n[c] };
-      const r = c, f = n[c];
-      return { target: u, 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((u, c) => {
-      const r = l(c, a[c]);
-      return u.push(...r), u;
+    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 u = o.get(a.operator);
-      return u && u(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,15 +93,15 @@ function x(t = {}) {
     return d(a).reduce((r, f) => r && p(f, n), !0);
   }
   function g(a, n) {
-    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);
+    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 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 = {}) => {
+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);
   };
@@ -107,7 +111,7 @@ function te(t, e) {
 }
 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 = {
+]), 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,7 +173,7 @@ const ne = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, ce = [
+}, ue = [
   "id",
   "type"
 ], se = {
@@ -177,9 +181,9 @@ const ne = /* @__PURE__ */ new Map([
   $id: ae,
   title: re,
   description: le,
-  type: ue,
+  type: ce,
   properties: ie,
-  required: ce
+  required: ue
 };
 function fe(t, e, i) {
   return e;
@@ -211,7 +215,7 @@ const pe = "search-box", de = "A Farris Component", he = "object", me = {
   description: de,
   type: he,
   categories: me
-}, E = {
+}, P = {
   /**
    * 自定义图标
    */
@@ -261,7 +265,7 @@ const pe = "search-box", de = "A Farris Component", he = "object", me = {
    * 值变化事件触发时机
    */
   updateOn: { default: "blur", type: String }
-}, A = ee(E, se, ne, fe, ge), ye = {
+}, A = ee(P, se, ne, fe, ge), ye = {
   data: { type: Array, default: [] },
   /** 确认结果事件 */
   onConfirmResult: { type: Function, default: () => {
@@ -285,12 +289,12 @@ const pe = "search-box", de = "A Farris Component", he = "object", me = {
   */
   maxHeight: { default: 350, type: Number },
   loading: { default: !1, type: Boolean }
-}, H = /* @__PURE__ */ w({
+}, L = /* @__PURE__ */ w({
   name: "FSearchBoxContainer",
   props: ye,
   emits: ["confirmResult", "searchedValue"],
   setup(t, e) {
-    const i = h(t.data), o = h(), {
+    const i = m(t.data), o = m(), {
       slots: l
     } = e, d = j(() => ({
       "search-box-container": !0,
@@ -298,22 +302,22 @@ const pe = "search-box", de = "A Farris Component", he = "object", me = {
       "position-relative": !0
     }));
     function p(n) {
-      var u;
-      (u = o.value) == null || u.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 ? y(q, null, [l.default(n)]) : y("span", null, [n.item[t.textField]]);
+      return l.default ? v(_, null, [l.default(n)]) : v("span", null, [n.item[t.textField]]);
     }
     const a = j(() => {
       const n = {};
       return n.padding = "8px", t.maxHeight !== void 0 && t.maxHeight > 0 && (n.maxHeight = `${t.maxHeight}px`), n;
     });
-    return B(() => t.loading, (n) => {
+    return S(() => t.loading, (n) => {
       console.log("loading状态改变" + n);
-    }), B(() => t.data, (n) => {
+    }), S(() => t.data, (n) => {
       n !== i.value && (i.value = n), o.value.updateDataSource(n);
     }), e.expose({
       search: p
@@ -321,18 +325,18 @@ const pe = "search-box", de = "A Farris Component", he = "object", me = {
       const n = {
         content: g
       };
-      return y("div", {
+      return v("div", {
         class: d.value,
         style: a.value
-      }, [y(J, {
+      }, [v(J, {
         ref: "loadingInstance",
         isActive: t.loading
-      }, null), y(G, {
+      }, null), v(G, {
         ref: o,
         itemClass: "dropdown-item",
         data: i.value,
         view: "ContentView",
-        onClickItem: (u) => s(u.data),
+        onClickItem: (c) => s(c.data),
         idField: t.idField,
         textField: t.textField,
         titleField: t.textField,
@@ -340,19 +344,19 @@ const pe = "search-box", de = "A Farris Component", he = "object", me = {
       }, n)]);
     };
   }
-}), V = /* @__PURE__ */ w({
+}), B = /* @__PURE__ */ w({
   name: "FSearchBox",
-  props: E,
+  props: P,
   emits: ["update:modelValue", "change", "selectedValue", "clickButton"],
   setup(t, e) {
-    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) => {
+    m(t.data);
+    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) => {
       var f;
       (f = o.value) == null || f.search(r), e.emit("update:modelValue", r);
-    }), B(() => t.modelValue, (r) => {
+    }), S(() => t.modelValue, (r) => {
       s.value = r;
     });
     function g(r) {
@@ -364,26 +368,26 @@ const pe = "search-box", de = "A Farris Component", he = "object", me = {
     function n(r) {
       e.emit("selectedValue", r);
     }
-    function u(r) {
+    function c(r) {
       e.emit("clickButton", r);
     }
-    function c() {
+    function u() {
       i.value.togglePopup();
     }
     return e.expose({
-      togglePopup: c
+      togglePopup: u
     }), () => {
       const r = {
         default: e.slots.default
       };
-      return y(_, {
+      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) => u(f),
+        onClickButton: (f) => c(f),
         disable: t.disable,
         "enable-clear": !0,
         "button-behavior": "Execute",
@@ -395,7 +399,7 @@ const pe = "search-box", de = "A Farris Component", he = "object", me = {
         "popup-on-input": t.showDropdown,
         "popup-on-focus": t.showDropdown
       }, {
-        default: () => [t.showDropdown && y(H, {
+        default: () => [t.showDropdown && v(L, {
           ref: o,
           data: t.data,
           onConfirmResult: g,
@@ -410,105 +414,112 @@ const pe = "search-box", de = "A Farris Component", he = "object", me = {
 });
 function be(t, e, i) {
   var k;
-  function o() {
-  }
-  const l = "", d = "", p = h();
-  function s() {
+  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 u(m) {
-    if (!m || !m.value)
+  function n(h) {
+    if (!h || !h.value)
       return 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;
+    if (h.value.schema && h.value.schema.type === "component")
+      return h.value;
+    const b = m(h == null ? void 0 : h.value.parent), y = n(b);
+    return y || null;
   }
-  function c(m = e) {
-    const { componentInstance: b, designerItemElementRef: v } = m;
-    return !b || !b.value ? null : b.value.canMove ? v : c(m.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(m) {
+  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 O() {
+  function f() {
   }
-  function M(m, b) {
+  function O(h, b) {
   }
-  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 D(h, b) {
+    const { componentType: y } = h;
+    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 P(m) {
+  function F(h) {
   }
-  function R(...m) {
+  function E(...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: (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: u,
+    styles: o,
+    designerClass: l,
+    canAccepts: u,
+    getBelongedComponentInstance: n,
     getDraggableDesignItemElement: c,
-    getDraggingDisplayText: f,
-    getPropConfig: R,
-    getDragScopeElement: O,
-    onAcceptMovedChildElement: M,
-    onChildElementMovedOut: P,
-    addNewChildComponentSchema: S,
-    updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: h(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: h(!1)
-  }, p;
+    getDraggingDisplayText: r,
+    getPropConfig: E,
+    getDragScopeElement: f,
+    onAcceptMovedChildElement: O,
+    onChildElementMovedOut: F,
+    addNewChildComponentSchema: D,
+    triggerBelongedComponentToMoveWhenMoved: m(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: m(!1),
+    onRemoveComponent: R
+  }, d;
 }
 const ve = /* @__PURE__ */ w({
   name: "FSearchBoxDesign",
-  props: E,
+  props: P,
   emits: ["update:modelValue", "change"],
   setup(t, e) {
-    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);
+    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), B(s, (r) => {
+    }), e.expose(n.value), S(s, (r) => {
       var f;
       (f = l.value) == null || f.search(r), e.emit("update:modelValue", r);
-    }), B(() => t.modelValue, (r) => {
+    }), S(() => t.modelValue, (r) => {
       s.value = r;
     });
-    function u(r) {
+    function c(r) {
       o.value.commitValue(r);
     }
-    function c(r) {
+    function u(r) {
       e.emit("change", r);
     }
-    return () => y("div", {
+    return () => v("div", {
       ref: g
-    }, [y(W("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,
@@ -519,26 +530,26 @@ const ve = /* @__PURE__ */ w({
       "popup-on-input": !0,
       "popup-on-focus": !0
     }, {
-      default: () => [y(H, {
+      default: () => [v(L, {
         ref: l,
         data: i.value,
-        onConfirmResult: u
+        onConfirmResult: c
       }, null)]
     })]);
   }
 });
-V.install = (t) => {
-  t.component(V.name, V);
+B.install = (t) => {
+  t.component(B.name, B);
 };
-V.register = (t, e, i, o) => {
-  t["search-box"] = V, e["search-box"] = A;
+B.register = (t, e, i, o) => {
+  t["search-box"] = B, e["search-box"] = A;
 };
-V.registerDesigner = (t, e, i) => {
+B.registerDesigner = (t, e, i) => {
   t["search-box"] = ve, e["search-box"] = A;
 };
 export {
-  V as FSearchBox,
-  V as default,
+  B as FSearchBox,
+  B as default,
   A as propsResolver,
-  E as searchBoxProps
+  P as searchBoxProps
 };

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

@@ -1 +1 @@
-(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"}})});
+(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"}})});