@farris/ui-vue 1.6.5-beta.7 → 1.6.5

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

@@ -1,13 +1,13 @@
-import { ref as O, computed as U, defineComponent as W, watch as _, createVNode as $, Fragment as pe, inject as de, onMounted as me, resolveComponent as ve } from "vue";
+import { ref as P, computed as x, defineComponent as U, watch as _, createVNode as C, Fragment as pe, inject as de, onMounted as me, resolveComponent as ve } from "vue";
 import be from "../button-edit/index.esm.js";
-import { isPlainObject as x, cloneDeep as J } from "lodash-es";
+import { cloneDeep as X, isPlainObject as J } from "lodash-es";
 import ge from "../list-view/index.esm.js";
 import ye from "../loading/index.esm.js";
 import { getSchemaByTypeForDesigner as he } from "../dynamic-resolver/index.esm.js";
 function Q(e, t) {
   let n;
   function a(o) {
-    const { properties: u, title: c, ignore: r } = o, i = r && Array.isArray(r), f = Object.keys(u).reduce((v, S) => ((!i || !r.find((E) => E === S)) && (v[S] = u[S].type === "object" && u[S].properties ? a(u[S]) : J(u[S].default)), v), {});
+    const { properties: u, title: c, ignore: r } = o, i = r && Array.isArray(r), f = Object.keys(u).reduce((v, F) => ((!i || !r.find((E) => E === F)) && (v[F] = u[F].type === "object" && u[F].properties ? a(u[F]) : X(u[F].default)), v), {});
     if (c && (!i || !r.find((v) => v === "id"))) {
       const v = c.toLowerCase().replace(/-/g, "_");
       f.id = `${v}_${Math.random().toString().slice(2, 6)}`;
@@ -17,7 +17,7 @@ function Q(e, t) {
   function g(o) {
     const { properties: u, title: c, required: r } = o;
     if (r && Array.isArray(r)) {
-      const i = r.reduce((f, v) => (f[v] = u[v].type === "object" && u[v].properties ? a(u[v]) : J(u[v].default), f), {});
+      const i = r.reduce((f, v) => (f[v] = u[v].type === "object" && u[v].properties ? a(u[v]) : X(u[v].default), f), {});
       if (c && r.find((f) => f === "id")) {
         const f = c.toLowerCase().replace(/-/g, "_");
         i.id = `${f}_${Math.random().toString().slice(2, 6)}`;
@@ -28,20 +28,20 @@ function Q(e, t) {
       type: c
     };
   }
-  function B(o, u = {}, c) {
+  function O(o, u = {}, c) {
     const r = e[o];
     if (r) {
       let i = g(r);
       const f = t[o];
-      return i = f ? f({ getSchemaByType: B }, i, u, c) : i, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(i), i;
+      return i = f ? f({ getSchemaByType: O }, i, u, c) : i, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(i), i;
     }
     return null;
   }
   function y(o, u) {
     const c = a(u);
-    return Object.keys(c).reduce((r, i) => (Object.prototype.hasOwnProperty.call(o, i) && (r[i] && x(r[i]) && x(o[i] || !o[i]) ? Object.assign(r[i], o[i] || {}) : r[i] = o[i]), r), c), c;
+    return Object.keys(c).reduce((r, i) => (Object.prototype.hasOwnProperty.call(o, i) && (r[i] && J(r[i]) && J(o[i] || !o[i]) ? Object.assign(r[i], o[i] || {}) : r[i] = o[i]), r), c), c;
   }
-  function F(o, u) {
+  function S(o, u) {
     return Object.keys(o).filter((r) => o[r] != null).reduce((r, i) => {
       if (u.has(i)) {
         const f = u.get(i);
@@ -56,9 +56,9 @@ function Q(e, t) {
       return r;
     }, {});
   }
-  function P(o, u, c = /* @__PURE__ */ new Map()) {
+  function w(o, u, c = /* @__PURE__ */ new Map()) {
     const r = y(o, u);
-    return F(r, c);
+    return S(r, c);
   }
   function d(o) {
     var c;
@@ -69,8 +69,8 @@ function Q(e, t) {
         return o;
       const i = y(o, r), f = ((c = o.editor) == null ? void 0 : c.type) || "";
       if (f) {
-        const v = e[f], S = y(o.editor, v);
-        i.editor = S;
+        const v = e[f], F = y(o.editor, v);
+        i.editor = F;
       }
       return i;
     }
@@ -79,10 +79,10 @@ function Q(e, t) {
   function l(o) {
     n = o;
   }
-  return { getSchemaByType: B, resolveSchemaWithDefaultValue: d, resolveSchemaToProps: P, mappingSchemaToProps: F, setDesignerContext: l };
+  return { getSchemaByType: O, resolveSchemaWithDefaultValue: d, resolveSchemaToProps: w, mappingSchemaToProps: S, setDesignerContext: l };
 }
-const Y = {}, Z = {}, { resolveSchemaWithDefaultValue: Se, resolveSchemaToProps: Fe, mappingSchemaToProps: Te } = Q(Y, Z);
-function we(e = {}) {
+const Y = {}, Z = {}, { getSchemaByType: yt, resolveSchemaWithDefaultValue: Se, resolveSchemaToProps: Fe, mappingSchemaToProps: Te, setDesignerContext: ht } = Q(Y, Z);
+function Be(e = {}) {
   function t(d, l, o, u) {
     if (typeof o == "number")
       return u[d].length === o;
@@ -114,7 +114,7 @@ function we(e = {}) {
       return { target: o, operator: "getProperty", param: c, value: r };
     }) : [];
   }
-  function B(d) {
+  function O(d) {
     return Object.keys(d).reduce((o, u) => {
       const c = g(u, d[u]);
       return o.push(...c), o;
@@ -127,23 +127,23 @@ function we(e = {}) {
     }
     return !1;
   }
-  function F(d, l) {
-    return B(d).reduce((c, r) => c && y(r, l), !0);
+  function S(d, l) {
+    return O(d).reduce((c, r) => c && y(r, l), !0);
   }
-  function P(d, l) {
-    const o = Object.keys(d), u = o.includes("allOf"), c = o.includes("anyOf"), r = u || c, v = (r ? d[r ? u ? "allOf" : "anyOf" : "allOf"] : [d]).map((E) => F(E, l));
+  function w(d, l) {
+    const o = Object.keys(d), u = o.includes("allOf"), c = o.includes("anyOf"), r = u || c, v = (r ? d[r ? u ? "allOf" : "anyOf" : "allOf"] : [d]).map((E) => S(E, l));
     return u ? !v.includes(!1) : v.includes(!0);
   }
-  return { parseValueSchema: P };
+  return { parseValueSchema: w };
 }
-const Oe = {
+const Pe = {
   convertTo: (e, t, n, a) => {
     e.appearance || (e.appearance = {}), e.appearance[t] = n;
   },
   convertFrom: (e, t, n) => e.appearance ? e.appearance[t] : e[t]
-}, Be = {
+}, Oe = {
   convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
-}, Pe = {
+}, we = {
   convertTo: (e, t, n, a) => {
     e.editor && (e.editor[t] = n);
   },
@@ -298,7 +298,7 @@ const Oe = {
         return e.group.showSummary;
     }
   }
-}, Ve = {
+}, $e = {
   convertFrom: (e, t) => e.binding ? e.binding.path : "",
   convertTo: (e, t, n) => {
     if (n && n.length > 0) {
@@ -306,12 +306,12 @@ const Oe = {
       e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = a.bindingField, e.binding.field = a.id, e.binding.fullPath = a.path, e.path = a.bindingPath;
     }
   }
-}, $e = {
+}, Ce = {
   convertTo: (e, t, n, a) => {
     e.pagination || (e.pagination = {}), e.pagination[t] = n;
   },
   convertFrom: (e, t, n) => e.pagination ? e.pagination[t] : e[t]
-}, Ce = {
+}, Ve = {
   convertTo: (e, t, n, a) => {
     e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = n;
   },
@@ -352,7 +352,7 @@ const Oe = {
     if (t === "multiSort")
       return !!((g = e.sort) != null && g.multiSort);
   }
-}, Ue = {
+}, xe = {
   convertTo: (e, t, n, a) => {
     e.filter || (e.filter = {}), e.filter[t] = n;
   },
@@ -361,7 +361,7 @@ const Oe = {
     if (t === "mode")
       return ((a = e.filter) == null ? void 0 : a.mode) || "client";
   }
-}, We = {
+}, Ue = {
   convertTo: (e, t, n, a) => {
     e.rowOption ? e.rowOption[t] = n : e.rowOption = {
       [t]: n
@@ -379,9 +379,9 @@ const Oe = {
 };
 function I(e, t, n) {
   const a = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", Oe],
-    ["/converter/buttons.converter", Be],
-    ["/converter/property-editor.converter", Pe],
+    ["/converter/appearance.converter", Pe],
+    ["/converter/buttons.converter", Oe],
+    ["/converter/property-editor.converter", we],
     ["/converter/items-count.converter", qe],
     ["/converter/type.converter", De],
     ["/converter/change-editor.converter", Ee],
@@ -391,15 +391,15 @@ function I(e, t, n) {
     ["/converter/summary.converter", ke],
     ["/converter/group.converter", Ne],
     ["/converter/form-group-label.converter", Le],
-    ["/converter/field-selector.converter", Ve],
-    ["/converter/pagination.converter", $e],
-    ["/converter/row-number.converter", Ce],
+    ["/converter/field-selector.converter", $e],
+    ["/converter/pagination.converter", Ce],
+    ["/converter/row-number.converter", Ve],
     ["/converter/grid-selection.converter", Ae],
     ["/converter/size.converter", He],
     ["/converter/change-formatter-enum.converter", ze],
     ["/converter/grid-sort.converter", _e],
-    ["/converter/grid-filter.converter", Ue],
-    ["/converter/row-option.converter", We]
+    ["/converter/grid-filter.converter", xe],
+    ["/converter/row-option.converter", Ue]
   ]), g = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
@@ -424,75 +424,75 @@ function I(e, t, n) {
     ["array", { type: "button-edit" }],
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
-  ]), B = we();
+  ]), O = Be();
   function y(r, i) {
-    return () => B.parseValueSchema(r, i);
+    return () => O.parseValueSchema(r, i);
   }
-  function F(r, i, f) {
+  function S(r, i, f) {
     return r.includes("visible") && i.visible !== void 0 ? typeof i.visible == "boolean" ? () => !!i.visible : i.visible === void 0 ? !0 : y(i.visible, f) : () => !0;
   }
-  function P(r, i, f) {
+  function w(r, i, f) {
     return r.includes("readonly") && i.readonly !== void 0 ? typeof i.readonly == "boolean" ? () => !!i.readonly : y(i.readonly, f) : () => !1;
   }
   function d(r, i) {
     const f = r.$converter || i;
     return typeof f == "string" && f && a.has(f) ? a.get(f) || null : f || null;
   }
-  function l(r, i, f, v, S, E = "", k = "") {
+  function l(r, i, f, v, F, E = "", k = "") {
     return Object.keys(r).map((T) => {
-      const N = O(1), V = T, p = r[T], R = Object.keys(p), q = p.title, s = p.type, b = g.get(s) || { type: "input-group", enableClear: !1 }, m = p.editor ? Object.assign({}, b, p.editor) : Object.assign({}, b), h = F(R, p, i), w = P(R, p, i);
-      m.readonly = m.readonly === void 0 ? w() : m.readonly;
-      const M = p.type === "cascade" ? l(p.properties, i, f, v, S, E, k) : [], L = !0;
+      const N = P(1), $ = T, p = r[T], R = Object.keys(p), q = p.title, s = p.type, b = g.get(s) || { type: "input-group", enableClear: !1 }, m = p.editor ? Object.assign({}, b, p.editor) : Object.assign({}, b), h = S(R, p, i), B = w(R, p, i);
+      m.readonly = m.readonly === void 0 ? B() : m.readonly;
+      const M = p.type === "cascade" ? l(p.properties, i, f, v, F, E, k) : [], L = !0;
       let D = d(p, k);
-      const C = U({
+      const V = x({
         get() {
           if (N.value) {
-            if (["class", "style"].find((fe) => fe === V) && !D && (D = a.get("/converter/appearance.converter") || null), D && D.convertFrom)
-              return D.convertFrom(f, T, S, E);
+            if (["class", "style"].find((fe) => fe === $) && !D && (D = a.get("/converter/appearance.converter") || null), D && D.convertFrom)
+              return D.convertFrom(f, T, F, E);
             const A = f[T];
             return Object.prototype.hasOwnProperty.call(p, "defaultValue") && (A === void 0 || typeof A == "string" && A === "") ? p.type === "boolean" ? p.defaultValue : p.defaultValue || "" : A;
           }
           return null;
         },
         set(A) {
-          N.value += 1, D && D.convertTo ? (D.convertTo(v, T, A, S, E), D.convertTo(f, T, A, S, E)) : (v[T] = A, f[T] = A);
+          N.value += 1, D && D.convertTo ? (D.convertTo(v, T, A, F, E), D.convertTo(f, T, A, F, E)) : (v[T] = A, f[T] = A);
         }
-      }), { refreshPanelAfterChanged: H, description: le, isExpand: ue, parentPropertyID: se } = p, X = { propertyID: V, propertyName: q, propertyType: s, propertyValue: C, editor: m, visible: h, readonly: w, cascadeConfig: M, hideCascadeTitle: L, refreshPanelAfterChanged: H, description: le, isExpand: ue, parentPropertyID: se };
-      return i[V] = X, X;
+      }), { refreshPanelAfterChanged: H, description: le, isExpand: ue, parentPropertyID: se } = p, G = { propertyID: $, propertyName: q, propertyType: s, propertyValue: V, editor: m, visible: h, readonly: B, cascadeConfig: M, hideCascadeTitle: L, refreshPanelAfterChanged: H, description: le, isExpand: ue, parentPropertyID: se };
+      return i[$] = G, G;
     });
   }
   function o(r, i, f = {}) {
-    const v = {}, S = e[r];
-    return S && S.categories ? Object.keys(S.categories).map((k) => {
-      const j = S.categories[k], T = j == null ? void 0 : j.title, N = l(j.properties || {}, v, {}, f, i);
+    const v = {}, F = e[r];
+    return F && F.categories ? Object.keys(F.categories).map((k) => {
+      const j = F.categories[k], T = j == null ? void 0 : j.title, N = l(j.properties || {}, v, {}, f, i);
       return { categoryId: k, categoryName: T, properties: N };
     }) : [];
   }
-  function u(r, i, f, v, S = "") {
-    const E = i.$ref.schema, k = i.$ref.converter, j = f[E], T = j.type, N = n(j), V = {}, p = e[T];
+  function u(r, i, f, v, F = "") {
+    const E = i.$ref.schema, k = i.$ref.converter, j = f[E], T = j.type, N = n(j), $ = {}, p = e[T];
     if (p && p.categories) {
       const R = p.categories[r], q = R == null ? void 0 : R.title;
       k && Object.keys(R.properties).forEach((m) => {
         R.properties[m].$converter = k;
       });
-      const s = (R == null ? void 0 : R.properties) || {}, b = l(s, V, N, j, v, S);
+      const s = (R == null ? void 0 : R.properties) || {}, b = l(s, $, N, j, v, F);
       return { categoryId: r, categoryName: q, properties: b };
     }
     return { categoryId: r, categoryName: "", properties: [] };
   }
-  function c(r, i, f, v, S) {
+  function c(r, i, f, v, F) {
     const E = r.type, k = n(r), j = {};
-    let T = S || e[E];
+    let T = F || e[E];
     if (T && Object.keys(T).length === 0 && f && f.getPropConfig && (T = f.getPropConfig(v)), T && T.categories) {
       const N = [];
-      return Object.keys(T.categories).map((V) => {
-        const p = T.categories[V];
+      return Object.keys(T.categories).map(($) => {
+        const p = T.categories[$];
         if (p.$ref) {
-          N.push(u(V, p, r, i, v));
+          N.push(u($, p, r, i, v));
           return;
         }
-        const R = p == null ? void 0 : p.title, q = p == null ? void 0 : p.tabId, s = p == null ? void 0 : p.tabName, b = p == null ? void 0 : p.hide, m = p == null ? void 0 : p.hideTitle, h = l(p.properties || {}, j, k, r, i, v, p.$converter), { setPropertyRelates: w } = p, M = p == null ? void 0 : p.parentPropertyID;
-        N.push({ categoryId: V, categoryName: R, tabId: q, tabName: s, hide: b, properties: h, hideTitle: m, setPropertyRelates: w, parentPropertyID: M });
+        const R = p == null ? void 0 : p.title, q = p == null ? void 0 : p.tabId, s = p == null ? void 0 : p.tabName, b = p == null ? void 0 : p.hide, m = p == null ? void 0 : p.hideTitle, h = l(p.properties || {}, j, k, r, i, v, p.$converter), { setPropertyRelates: B } = p, M = p == null ? void 0 : p.parentPropertyID;
+        N.push({ categoryId: $, categoryName: R, tabId: q, tabName: s, hide: b, properties: h, hideTitle: m, setPropertyRelates: B, parentPropertyID: M });
       }), N;
     }
     return [];
@@ -505,21 +505,21 @@ function I(e, t, n) {
 }
 const ee = {}, te = {};
 I(ee, te, Se);
-const ne = {}, re = {}, { resolveSchemaWithDefaultValue: Ge } = Q(ne, re), oe = {}, ie = {};
-I(oe, ie, Ge);
-function Xe(e, t, n = /* @__PURE__ */ new Map(), a = (y, F, P, d) => F, g = {}, B = (y) => y) {
-  return Y[t.title] = t, Z[t.title] = a, ee[t.title] = g, te[t.title] = B, ne[t.title] = t, re[t.title] = a, oe[t.title] = g, ie[t.title] = B, (y = {}, F = !0) => {
-    if (!F)
+const ne = {}, re = {}, { getSchemaByType: St, resolveSchemaWithDefaultValue: We, resolveSchemaToProps: Ft, mappingSchemaToProps: Tt, setDesignerContext: Bt } = Q(ne, re), oe = {}, ie = {};
+I(oe, ie, We);
+function Ge(e, t, n = /* @__PURE__ */ new Map(), a = (y, S, w, d) => S, g = {}, O = (y) => y) {
+  return Y[t.title] = t, Z[t.title] = a, ee[t.title] = g, te[t.title] = O, ne[t.title] = t, re[t.title] = a, oe[t.title] = g, ie[t.title] = O, (y = {}, S = !0) => {
+    if (!S)
       return Te(y, n);
-    const P = Fe(y, t, n), d = Object.keys(e).reduce((l, o) => (l[o] = e[o].default, l), {});
-    return Object.assign(d, P);
+    const w = Fe(y, t, n), d = Object.keys(e).reduce((l, o) => (l[o] = e[o].default, l), {});
+    return Object.assign(d, w);
   };
 }
-function xe(e, t) {
+function Xe(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
 const Je = /* @__PURE__ */ new Map([
-  ["appearance", xe]
+  ["appearance", Xe]
 ]), Qe = "https://json-schema.org/draft/2020-12/schema", Ye = "https://farris-design.gitee.io/search-box.schema.json", Ze = "search-box", Ke = "A Farris Component", Ie = "object", et = {
   id: {
     description: "The unique identifier for a search-box",
@@ -624,7 +624,7 @@ const ot = "search-box", it = "A Farris Component", at = "object", ct = {
   description: it,
   type: at,
   categories: ct
-}, G = {
+}, W = {
   /**
    * 自定义图标
    */
@@ -674,7 +674,7 @@ const ot = "search-box", it = "A Farris Component", at = "object", ct = {
    * 值变化事件触发时机
    */
   updateOn: { default: "blur", type: String }
-}, ae = Xe(G, nt, Je, rt, lt), ut = {
+}, ae = Ge(W, nt, Je, rt, lt), ut = {
   data: { type: Array, default: [] },
   /** 确认结果事件 */
   onConfirmResult: { type: Function, default: () => {
@@ -698,14 +698,14 @@ const ot = "search-box", it = "A Farris Component", at = "object", ct = {
   */
   maxHeight: { default: 350, type: Number },
   loading: { default: !1, type: Boolean }
-}, ce = /* @__PURE__ */ W({
+}, ce = /* @__PURE__ */ U({
   name: "FSearchBoxContainer",
   props: ut,
   emits: ["confirmResult", "searchedValue"],
   setup(e, t) {
-    const n = O(e.data), a = O(), {
+    const n = P(e.data), a = P(), {
       slots: g
-    } = t, B = U(() => ({
+    } = t, O = x(() => ({
       "search-box-container": !0,
       "f-utils-overflow-xhya": !0,
       "position-relative": !0
@@ -714,13 +714,13 @@ const ot = "search-box", it = "A Farris Component", at = "object", ct = {
       var o;
       (o = a.value) == null || o.search(l);
     }
-    function F(l) {
+    function S(l) {
       l.length && (t.emit("confirmResult", l[0].name), t.emit("searchedValue", l));
     }
-    function P(l) {
-      return g.default ? $(pe, null, [g.default(l)]) : $("span", null, [l.item[e.textField]]);
+    function w(l) {
+      return g.default ? C(pe, null, [g.default(l)]) : C("span", null, [l.item[e.textField]]);
     }
-    const d = U(() => {
+    const d = x(() => {
       const l = {};
       return l.padding = "8px", e.maxHeight !== void 0 && e.maxHeight > 0 && (l.maxHeight = `${e.maxHeight}px`), l;
     });
@@ -731,20 +731,20 @@ const ot = "search-box", it = "A Farris Component", at = "object", ct = {
       search: y
     }), () => {
       const l = {
-        content: P
+        content: w
       };
-      return $("div", {
-        class: B.value,
+      return C("div", {
+        class: O.value,
         style: d.value
-      }, [$(ye, {
+      }, [C(ye, {
         ref: "loadingInstance",
         isActive: e.loading
-      }, null), $(ge, {
+      }, null), C(ge, {
         ref: a,
         itemClass: "dropdown-item",
         data: n.value,
         view: "ContentView",
-        onClickItem: (o) => F(o.data),
+        onClickItem: (o) => S(o.data),
         idField: e.idField,
         textField: e.textField,
         titleField: e.textField,
@@ -752,26 +752,30 @@ const ot = "search-box", it = "A Farris Component", at = "object", ct = {
       }, l)]);
     };
   }
-}), z = /* @__PURE__ */ W({
+}), z = /* @__PURE__ */ U({
   name: "FSearchBox",
-  props: G,
+  props: W,
   emits: ["update:modelValue", "change", "selectedValue", "clickButton"],
   setup(e, t) {
-    O(e.data);
-    const n = O(), a = O(), g = O(e.placeholder), B = '<i class="f-icon f-icon-clockwise f-icon-spin"></i>', y = U(() => e.loading ? B : e.buttonContent);
-    O(e.editable);
-    const F = O(e.modelValue);
-    _(F, (c) => {
+    P(e.data);
+    const n = P(), a = P(), g = P(e.placeholder), O = '<i class="f-icon f-icon-clockwise f-icon-spin"></i>', y = x(() => e.loading ? O : e.buttonContent);
+    P(e.editable);
+    const S = P(e.modelValue);
+    _(S, (c) => {
       var r;
       (r = a.value) == null || r.search(c), t.emit("update:modelValue", c);
     }), _(() => e.modelValue, (c) => {
-      F.value = c;
+      S.value = c;
     });
-    function P(c) {
+    function w(c) {
       n.value.commitValue(c);
     }
     function d(c) {
-      t.emit("change", c);
+      const r = S.value;
+      t.emit("change", c, {
+        oldValue: r,
+        newValue: c
+      });
     }
     function l(c) {
       t.emit("selectedValue", c);
@@ -788,7 +792,7 @@ const ot = "search-box", it = "A Farris Component", at = "object", ct = {
       const c = {
         default: t.slots.default
       };
-      return $(be, {
+      return C(be, {
         ref: n,
         "button-content": y.value,
         "custom-class": e.customClass,
@@ -799,8 +803,8 @@ const ot = "search-box", it = "A Farris Component", at = "object", ct = {
         disable: e.disable,
         "enable-clear": !0,
         "button-behavior": "Execute",
-        modelValue: F.value,
-        "onUpdate:modelValue": (r) => F.value = r,
+        modelValue: S.value,
+        "onUpdate:modelValue": (r) => S.value = r,
         "popup-host": e.popupHost,
         "popup-right-boundary": e.popupRightBoundary,
         "popup-offset-x": e.popupOffsetX,
@@ -809,12 +813,12 @@ const ot = "search-box", it = "A Farris Component", at = "object", ct = {
         limitContentBySpace: !0,
         placement: "auto"
       }, {
-        default: () => [e.showDropdown && $(ce, {
+        default: () => [e.showDropdown && C(ce, {
           ref: a,
           data: e.data,
           idField: e.idField,
           textField: e.textField,
-          onConfirmResult: P,
+          onConfirmResult: w,
           onSearchedValue: (r) => l(r),
           loading: e.loading,
           maxHeight: e.maxHeight
@@ -826,12 +830,12 @@ const ot = "search-box", it = "A Farris Component", at = "object", ct = {
 });
 function st(e, t, n) {
   var q;
-  const a = "", g = "", B = O();
+  const a = "", g = "", O = P();
   let y;
-  function F() {
+  function S() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function P() {
+  function w() {
     return !1;
   }
   function d() {
@@ -845,19 +849,19 @@ function st(e, t, n) {
       return null;
     if (s.value.schema && s.value.schema.type === "component")
       return s.value;
-    const b = O(s == null ? void 0 : s.value.parent), m = o(b);
+    const b = P(s == null ? void 0 : s.value.parent), m = o(b);
     return m || null;
   }
   function u(s = t) {
-    var w;
+    var B;
     const { componentInstance: b, designerItemElementRef: m } = s;
     if (!b || !b.value)
       return null;
     const { getCustomButtons: h } = b.value;
-    return b.value.canMove || h && ((w = h()) != null && w.length) ? m : u(s.parent);
+    return b.value.canMove || h && ((B = h()) != null && B.length) ? m : u(s.parent);
   }
   function c(s) {
-    return !1;
+    return !!n;
   }
   function r() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
@@ -871,10 +875,10 @@ function st(e, t, n) {
   function v(s, b) {
     const { componentType: m } = s;
     let h = he(m, s, b);
-    const w = m.toLowerCase().replace(/-/g, "_");
-    return h && !h.id && h.type === m && (h.id = `${w}_${Math.random().toString().slice(2, 6)}`), h;
+    const B = m.toLowerCase().replace(/-/g, "_");
+    return h && !h.id && h.type === m && (h.id = `${B}_${Math.random().toString().slice(2, 6)}`), h;
   }
-  function S(s) {
+  function F(s) {
   }
   function E(...s) {
   }
@@ -883,7 +887,7 @@ function st(e, t, n) {
       return;
     const b = t == null ? void 0 : t.schema, { formSchemaUtils: m } = s;
     if (b && m.getExpressions().length) {
-      const h = m.getExpressions().findIndex((w) => w.target === b.id);
+      const h = m.getExpressions().findIndex((B) => B.target === b.id);
       h > -1 && m.getExpressions().splice(h, 1);
     }
   }
@@ -898,23 +902,23 @@ function st(e, t, n) {
       let m = b.id;
       b.type === "component-ref" && (m = b.component);
       const h = e.value.querySelectorAll(`#${m}-design-item`);
-      h != null && h.length && Array.from(h).map((w) => {
+      h != null && h.length && Array.from(h).map((B) => {
         var M;
-        (M = w == null ? void 0 : w.componentInstance) != null && M.value.onRemoveComponent && w.componentInstance.value.onRemoveComponent(s);
+        (M = B == null ? void 0 : B.componentInstance) != null && M.value.onRemoveComponent && B.componentInstance.value.onRemoveComponent(s);
       });
     });
   }
   function N() {
   }
-  function V(s) {
+  function $(s) {
     var m, h;
     if (!((m = t == null ? void 0 : t.schema) != null && m.id))
       return;
     !y && s && (y = s.formSchemaUtils);
     let b = "";
     {
-      const { text: w, title: M, label: L, mainTitle: D, name: C, type: H } = t.schema;
-      b = w || M || L || D || C || ((h = K[H]) == null ? void 0 : h.name);
+      const { text: B, title: M, label: L, mainTitle: D, name: V, type: H } = t.schema;
+      b = B || M || L || D || V || ((h = K[H]) == null ? void 0 : h.name);
     }
     b && y.getControlBasicInfoMap().set(t.schema.id, {
       componentTitle: b,
@@ -922,25 +926,25 @@ function st(e, t, n) {
     });
   }
   function p(s) {
-    var w;
+    var B;
     const { changeObject: b } = s, { propertyID: m, propertyValue: h } = b;
-    if (["text", "title", "label", "name", "mainTitle"].includes((w = s == null ? void 0 : s.changeObject) == null ? void 0 : w.propertyID) && m && h && (V(), y)) {
+    if (["text", "title", "label", "name", "mainTitle"].includes((B = s == null ? void 0 : s.changeObject) == null ? void 0 : B.propertyID) && m && h && ($(), y)) {
       const M = y.getControlBasicInfoMap(), L = M.keys().toArray().filter((D) => {
-        var C, H;
-        return ((C = M.get(D)) == null ? void 0 : C.reliedComponentId) === ((H = t == null ? void 0 : t.schema) == null ? void 0 : H.id);
+        var V, H;
+        return ((V = M.get(D)) == null ? void 0 : V.reliedComponentId) === ((H = t == null ? void 0 : t.schema) == null ? void 0 : H.id);
       });
       L != null && L.length && L.forEach((D) => {
-        const C = M.get(D).parentPathName.split(" > ");
-        C[0] = h, M.get(D).parentPathName = C.join(" > ");
+        const V = M.get(D).parentPathName.split(" > ");
+        V[0] = h, M.get(D).parentPathName = V.join(" > ");
       });
     }
   }
   function R(s) {
     p(s);
   }
-  return B.value = {
-    canMove: F(),
-    canSelectParent: P(),
+  return O.value = {
+    canMove: S(),
+    canSelectParent: w(),
     canDelete: d(),
     canNested: !l(),
     contents: t == null ? void 0 : t.schema.contents,
@@ -956,30 +960,30 @@ function st(e, t, n) {
     getPropConfig: E,
     getDragScopeElement: i,
     onAcceptMovedChildElement: f,
-    onChildElementMovedOut: S,
+    onChildElementMovedOut: F,
     addNewChildComponentSchema: v,
-    triggerBelongedComponentToMoveWhenMoved: O(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: O(!1),
+    triggerBelongedComponentToMoveWhenMoved: P(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: P(!1),
     onRemoveComponent: T,
     getCustomButtons: N,
     onPropertyChanged: R,
-    setComponentBasicInfoMap: V,
+    setComponentBasicInfoMap: $,
     updateContextSchema: t == null ? void 0 : t.updateContextSchema
-  }, B;
+  }, O;
 }
-const ft = /* @__PURE__ */ W({
+const ft = /* @__PURE__ */ U({
   name: "FSearchBoxDesign",
-  props: G,
+  props: W,
   emits: ["update:modelValue", "change"],
   setup(e, t) {
-    const n = O(e.data), a = O(), g = O(), B = O("请输入关键词"), y = O('<i class="f-icon f-icon-search"></i>'), F = O(e.modelValue), P = O(), d = de("design-item-context"), l = st(P, d);
+    const n = P(e.data), a = P(), g = P(), O = P("请输入关键词"), y = P('<i class="f-icon f-icon-search"></i>'), S = P(e.modelValue), w = P(), d = de("design-item-context"), l = st(w, d);
     me(() => {
-      P.value.componentInstance = l;
-    }), t.expose(l.value), _(F, (c) => {
+      w.value.componentInstance = l;
+    }), t.expose(l.value), _(S, (c) => {
       var r;
       (r = g.value) == null || r.search(c), t.emit("update:modelValue", c);
     }), _(() => e.modelValue, (c) => {
-      F.value = c;
+      S.value = c;
     });
     function o(c) {
       a.value.commitValue(c);
@@ -987,24 +991,24 @@ const ft = /* @__PURE__ */ W({
     function u(c) {
       t.emit("change", c);
     }
-    return () => $("div", {
-      ref: P
-    }, [$(ve("f-button-edit"), {
+    return () => C("div", {
+      ref: w
+    }, [C(ve("f-button-edit"), {
       ref: a,
       "button-content": y.value,
-      placeholder: B.value,
+      placeholder: O.value,
       onChange: u,
       "enable-clear": !0,
       "button-behavior": "Execute",
-      modelValue: F.value,
-      "onUpdate:modelValue": (c) => F.value = c,
+      modelValue: S.value,
+      "onUpdate:modelValue": (c) => S.value = c,
       "popup-host": e.popupHost,
       "popup-right-boundary": e.popupRightBoundary,
       "popup-offset-x": e.popupOffsetX,
       "popup-on-input": !0,
       "popup-on-focus": !0
     }, {
-      default: () => [$(ce, {
+      default: () => [C(ce, {
         ref: g,
         data: n.value,
         onConfirmResult: o
@@ -1025,5 +1029,5 @@ export {
   z as FSearchBox,
   z as default,
   ae as propsResolver,
-  G as searchBoxProps
+  W as searchBoxProps
 };