@farris/ui-vue 1.2.4 → 1.2.5

package/components/filter-bar/index.esm.js

@@ -1,7 +1,7 @@
 var lt = Object.defineProperty;
 var it = (e, t, n) => t in e ? lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var V = (e, t, n) => it(e, typeof t != "symbol" ? t + "" : t, n);
-import { ref as m, computed as x, createVNode as i, createTextVNode as Y, defineComponent as _, watch as H, inject as de, onMounted as K, nextTick as oe, reactive as rt, withDirectives as pe, resolveDirective as st, Fragment as J, mergeProps as Pe, onBeforeMount as ut, withModifiers as ct, vModelText as dt, Teleport as pt, createApp as ft, onUnmounted as mt, vShow as vt } from "vue";
+import { ref as m, computed as B, createVNode as i, createTextVNode as Y, defineComponent as _, watch as H, inject as de, onMounted as K, nextTick as oe, reactive as rt, withDirectives as pe, resolveDirective as st, Fragment as J, mergeProps as Pe, onBeforeMount as ut, withModifiers as ct, vModelText as dt, Teleport as pt, createApp as ft, onUnmounted as mt, vShow as vt } from "vue";
 import { cloneDeep as Q } from "lodash-es";
 import "bignumber.js";
 import yt, { useNumber as gt, useFormat as ht, useSpinner as bt, useTextBox as Ct } from "@farris/ui-vue/components/number-spinner";
@@ -390,7 +390,7 @@ function Kn() {
       var I;
       const h = n.get(y.id), P = h.appearance && h.appearance.class;
       if (P) {
-        const T = P.split(" ").filter((R) => !R.startsWith("col-")), S = "col-" + y.columnInSM, w = "col-md-" + y.columnInMD, F = "col-xl-" + y.columnInLG, B = "col-el-" + y.columnInEL, b = [S, w, F, B].concat(T);
+        const T = P.split(" ").filter((R) => !R.startsWith("col-")), S = "col-" + y.columnInSM, w = "col-md-" + y.columnInMD, F = "col-xl-" + y.columnInLG, x = "col-el-" + y.columnInEL, b = [S, w, F, x].concat(T);
         h.appearance.class = b.join(" ");
       }
       if (y.fieldSetId) {
@@ -452,10 +452,10 @@ function $e(e, t) {
   return () => to.parseValueSchema(e, t);
 }
 function no(e, t, n) {
-  return e.includes("visible") ? typeof t.visible == "boolean" ? () => !!t.visible : t.visible === void 0 ? !0 : $e(t.visible, n) : () => !0;
+  return e.includes("visible") && t.visible !== void 0 ? typeof t.visible == "boolean" ? () => !!t.visible : t.visible === void 0 ? !0 : $e(t.visible, n) : () => !0;
 }
 function oo(e, t, n) {
-  return e.includes("readonly") ? typeof t.visible == "boolean" ? () => !!t.visible : $e(t.readonly, n) : () => !1;
+  return e.includes("readonly") && t.readonly !== void 0 ? typeof t.visible == "boolean" ? () => !!t.visible : $e(t.readonly, n) : () => !1;
 }
 function ao(e, t) {
   const n = e.$converter || t;
@@ -465,7 +465,7 @@ function ge(e, t, n, o, a, s = "", f = "") {
   return Object.keys(e).map((u) => {
     const r = m(1), v = u, l = e[u], d = Object.keys(l), c = l.title, p = l.type, y = eo.get(p) || { type: "input-group", enableClear: !1 }, h = l.editor ? Object.assign({}, y, l.editor) : y, P = no(d, l, t), I = oo(d, l, t), C = l.type === "cascade" ? ge(l.properties, t, n, o, a, s, f) : [], T = !0;
     let S = ao(l, f);
-    const w = x({
+    const w = B({
       get() {
         if (r.value) {
           if (["class", "style"].find((R) => R == v) && !S && (S = ue.get("/converter/appearance.converter") || null), S && S.convertFrom)
@@ -478,8 +478,8 @@ function ge(e, t, n, o, a, s = "", f = "") {
       set(b) {
         r.value += 1, S && S.convertTo ? (S.convertTo(o, u, b, a, s), S.convertTo(n, u, b, a, s)) : (o[u] = b, n[u] = b);
       }
-    }), F = l.refreshPanelAfterChanged, B = { propertyID: v, propertyName: c, propertyType: p, propertyValue: w, editor: h, visible: P, readonly: I, cascadeConfig: C, hideCascadeTitle: T, refreshPanelAfterChanged: F };
-    return t[v] = B, B;
+    }), F = l.refreshPanelAfterChanged, x = { propertyID: v, propertyName: c, propertyType: p, propertyValue: w, editor: h, visible: P, readonly: I, cascadeConfig: C, hideCascadeTitle: T, refreshPanelAfterChanged: F };
+    return t[v] = x, x;
   });
 }
 function lo(e, t, n, o, a = "") {
@@ -1228,7 +1228,7 @@ function Oe(e, t) {
       editor: T.editor
     }));
     return n.value.reduce((T, S, w) => {
-      const F = T.find((B) => B.fieldCode === S.fieldCode);
+      const F = T.find((x) => x.fieldCode === S.fieldCode);
       return F && (F.displayText = S.value.getValue(), F.hasValue = !0), T;
     }, C), C;
   }
@@ -1283,7 +1283,7 @@ function Re(e, t, n) {
       "f-filter-item-last": p === s.value.length - 1,
       "f-filter-item-edit": c.id === a.value
     };
-  }, v = x(() => !u.value && e.mode === "editable");
+  }, v = B(() => !u.value && e.mode === "editable");
   function l(c, p) {
     e.mode === "display-only" ? f(p) : o(p);
   }
@@ -1316,7 +1316,7 @@ function je(e, t, n) {
   const o = m([]), a = m(!1), s = m(""), f = m(e.resetText), g = m(e.showReset), {
     clearAll: u,
     reset: r
-  } = n, v = x(() => a.value && o.value && o.value.length > 0), l = x(() => g.value);
+  } = n, v = B(() => a.value && o.value && o.value.length > 0), l = B(() => g.value);
   function d(p) {
   }
   function c(p) {
@@ -1341,22 +1341,22 @@ const re = /* @__PURE__ */ _({
       filterFields: g,
       filterItems: u,
       loadFilterItems: r
-    } = f, v = x(() => ({
+    } = f, v = B(() => ({
       display: g.value && g.value.length ? "" : "none"
     }));
     H([() => e.data, () => e.fields], ([T, S]) => {
       r(S, T);
     });
-    const l = x(() => o.value && n.value), d = x(() => ({
+    const l = B(() => o.value && n.value), d = B(() => ({
       "f-filter-list": !0,
       "f-filter-list-extend": l.value
-    })), c = x(() => u.value.length > 0), p = Re(e, t, f);
+    })), c = B(() => u.value.length > 0), p = Re(e, t, f);
     function y() {
       return i("div", {
         class: d.value
       }, [u.value.map((T, S) => p(T, S))]);
     }
-    const h = x(() => a.value && !o.value && s.value), P = De(), I = x(() => !o.value), C = je(e, t, f);
+    const h = B(() => a.value && !o.value && s.value), P = De(), I = B(() => !o.value), C = je(e, t, f);
     return () => i("div", {
       class: "f-filter-wrapper",
       style: v.value
@@ -1391,12 +1391,12 @@ function Ro(e, t, n) {
       return null;
     if (w.value.schema && w.value.schema.type === "component")
       return w.value;
-    const F = m(w == null ? void 0 : w.value.parent), B = l(F);
-    return B || null;
+    const F = m(w == null ? void 0 : w.value.parent), x = l(F);
+    return x || null;
   }
   function d(w = t) {
-    const { componentInstance: F, designerItemElementRef: B } = w;
-    return !F || !F.value ? null : F.value.canMove ? B : d(w.parent);
+    const { componentInstance: F, designerItemElementRef: x } = w;
+    return !F || !F.value ? null : F.value.canMove ? x : d(w.parent);
   }
   function c(w) {
     return !!n;
@@ -1410,16 +1410,16 @@ function Ro(e, t, n) {
   }
   function P(w) {
     const { componentType: F } = w;
-    let B = se(F, w);
+    let x = se(F, w);
     const b = F.toLowerCase().replace("-", "_");
-    return B && !B.id && B.type === F && (B.id = `${b}_${Math.random().toString().slice(2, 6)}`), B;
+    return x && !x.id && x.type === F && (x.id = `${b}_${Math.random().toString().slice(2, 6)}`), x;
   }
   function I(w, F) {
-    const B = String(w.getAttribute("data-controltype")), b = w.getAttribute("data-feature"), R = b ? JSON.parse(b) : {};
+    const x = String(w.getAttribute("data-controltype")), b = w.getAttribute("data-feature"), R = b ? JSON.parse(b) : {};
     R.parentComponentInstance = f.value;
-    let M = se(B, R);
-    const N = B.toLowerCase().replace("-", "_");
-    return M && !M.id && M.type === B && (M.id = `${N}_${Math.random().toString().slice(2, 6)}`), M;
+    let M = se(x, R);
+    const N = x.toLowerCase().replace("-", "_");
+    return M && !M.id && M.type === x && (M.id = `${N}_${Math.random().toString().slice(2, 6)}`), M;
   }
   function C(w) {
   }
@@ -1460,24 +1460,24 @@ const jo = /* @__PURE__ */ _({
       filterFields: g,
       filterItems: u,
       loadFilterItems: r
-    } = f, v = x(() => ({
+    } = f, v = B(() => ({
       display: g.value && g.value.length ? "" : "none"
     })), l = m(), d = de("design-item-context"), c = Ro(l, d);
     K(() => {
       l.value.componentInstance = c;
-    }), t.expose(c.value), H([() => e.data, () => e.fields], ([F, B]) => {
-      r(B, F);
+    }), t.expose(c.value), H([() => e.data, () => e.fields], ([F, x]) => {
+      r(x, F);
     });
-    const p = x(() => o.value && n.value), y = x(() => ({
+    const p = B(() => o.value && n.value), y = B(() => ({
       "f-filter-list": !0,
       "f-filter-list-extend": p.value
-    })), h = x(() => u.value.length > 0), P = Re(e, t, f);
+    })), h = B(() => u.value.length > 0), P = Re(e, t, f);
     function I() {
       return i("div", {
         class: y.value
-      }, [u.value.map((F, B) => P(F, B))]);
+      }, [u.value.map((F, x) => P(F, x))]);
     }
-    const C = x(() => a.value && !o.value && s.value), T = De(), S = x(() => !o.value), w = je(e, t, f);
+    const C = B(() => a.value && !o.value && s.value), T = De(), S = B(() => !o.value), w = je(e, t, f);
     return () => i("div", {
       ref: l,
       class: "f-filter-wrapper",
@@ -2029,13 +2029,13 @@ const pa = "https://json-schema.org/draft/2020-12/schema", fa = "https://farris-
 };
 Z(Ne, ba, ca, da);
 function Ca(e, t, n, o) {
-  const a = m(e.disabled), s = m(!1), f = m("text"), g = m(e.showBorder), u = m(e.textAlign), r = m(e.updateOn), v = x(() => e.editable || !e.readonly), l = x(() => e.editable && !e.disabled && !e.readonly), d = x(() => !e.disabled && s.value), c = x(() => n.value === "" || n.value === null || n.value === void 0), p = x(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), y = x(() => e.readonly || !e.editable), h = x(() => e.enableTitle ? n.value : ""), P = x(() => ({
+  const a = m(e.disabled), s = m(!1), f = m("text"), g = m(e.showBorder), u = m(e.textAlign), r = m(e.updateOn), v = B(() => e.editable || !e.readonly), l = B(() => e.editable && !e.disabled && !e.readonly), d = B(() => !e.disabled && s.value), c = B(() => n.value === "" || n.value === null || n.value === void 0), p = B(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), y = B(() => e.readonly || !e.editable), h = B(() => e.enableTitle ? n.value : ""), P = B(() => ({
     "form-control": !0,
     "f-utils-fill": !0,
     "text-left": u.value === "left",
     "text-center": u.value === "center",
     "text-right": u.value === "right"
-  })), I = x(() => {
+  })), I = B(() => {
     const k = {
       "f-cmp-inputgroup": !0,
       "input-group": !0,
@@ -2045,7 +2045,7 @@ function Ca(e, t, n, o) {
       "f-state-focus": d.value
     };
     return (e.customClass || "").split(" ").reduce((U, G) => (U[G] = !0, U), k), k;
-  }), C = x(() => g.value ? "" : "border-width : 0 ");
+  }), C = B(() => g.value ? "" : "border-width : 0 ");
   function T(k, q = !0) {
     n.value = k, o.value !== k && (o.value = k), q && t.emit("change", k), t.emit("update:modelValue", k), t.emit("update:value", k);
   }
@@ -2066,7 +2066,7 @@ function Ca(e, t, n, o) {
   function F(k) {
     e.disabled || (g.value && (s.value = !0), v.value && t.emit("focus", k));
   }
-  function B(k) {
+  function x(k) {
     t.emit("input", k.target.value);
     const q = k.target.value;
     o.value = q, r.value === "input" && (t.emit("update:modelValue", q), t.emit("update:value", q));
@@ -2100,7 +2100,7 @@ function Ca(e, t, n, o) {
     onBlur: S,
     onClick: w,
     onFocus: F,
-    onInput: B,
+    onInput: x,
     onKeydown: b,
     onKeyup: R,
     onMousedown: M,
@@ -2112,17 +2112,17 @@ function Ca(e, t, n, o) {
   };
 }
 function Ta(e, t, n) {
-  const o = m(!1), a = x(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: s, displayText: f, hasFocused: g, isEmpty: u } = n;
+  const o = m(!1), a = B(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: s, displayText: f, hasFocused: g, isEmpty: u } = n;
   function r(y) {
     o.value = y;
   }
   H(f, () => {
     g != null && g.value ? r(!!(f != null && f.value)) : r(!1);
   });
-  const v = x(() => ({
+  const v = B(() => ({
     "input-group-text": !0,
     "input-group-clear": !0
-  })), l = x(() => ({
+  })), l = B(() => ({
     width: "24px",
     display: o.value ? "flex" : "none"
   }));
@@ -2157,14 +2157,14 @@ function wa() {
 }
 wa();
 function xa(e, t) {
-  const n = m(e.groupText), o = x(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), a = x(() => e.enableClear || !!e.groupText);
-  return { appendedButtonClass: x(() => ({
+  const n = m(e.groupText), o = B(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), a = B(() => e.enableClear || !!e.groupText);
+  return { appendedButtonClass: B(() => ({
     "input-group-append": !0,
     "append-force-show": o.value
   })), appendedContent: n, shouldShowAppendedButton: a };
 }
 function Ba(e, t, n, o) {
-  const { appendedContent: a } = o, s = m(e.enableViewPassword), f = x(() => e.type === "password"), g = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', u = '<span class="f-icon f-icon-eye"></span>', r = m(!1);
+  const { appendedContent: a } = o, s = m(e.enableViewPassword), f = B(() => e.type === "password"), g = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', u = '<span class="f-icon f-icon-eye"></span>', r = m(!1);
   H(() => [e.readonly, e.disabled], ([d, c]) => {
     f.value && (n.value = d || c ? "password" : n.value, a.value = d || c ? u : a.value);
   });
@@ -2183,10 +2183,10 @@ function ka(e, t, n) {
     onInput: f,
     onKeyDown: g,
     textBoxValue: u
-  } = n, r = x(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), v = x(() => ({
+  } = n, r = B(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), v = B(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), l = x(() => ({
+  })), l = B(() => ({
     "text-align": e.textAlign
   }));
   function d(y) {
@@ -2222,18 +2222,18 @@ function Pa(e, t, n) {
     canUpward: a,
     onClickDownButton: s,
     onClickUpButton: f
-  } = n, g = x(() => ({
+  } = n, g = B(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), u = x(() => ({
+  })), u = B(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), r = x(() => ({
+  })), r = B(() => ({
     cursor: a() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), v = x(() => ({
+  })), v = B(() => ({
     cursor: o() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
@@ -2266,7 +2266,7 @@ function Ia(e, t) {
     format: l
   } = o, {
     isFocus: d
-  } = s, c = x(() => !e.disabled && !e.readonly);
+  } = s, c = B(() => !e.disabled && !e.readonly);
   return K(() => {
     const p = r(e.modelValue);
     g.value = l(p);
@@ -2298,7 +2298,7 @@ function Va(e, t, n, o) {
     onTextBoxValueChange: S,
     readonly: w,
     placeholder: F,
-    textBoxClass: B,
+    textBoxClass: x,
     textBoxTitle: b
   } = o;
   return K(() => {
@@ -2307,7 +2307,7 @@ function Va(e, t, n, o) {
     ref: a,
     name: "input-group-value",
     autocomplete: s.value,
-    class: B.value,
+    class: x.value,
     disabled: l == null ? void 0 : l.value,
     maxlength: r.value,
     minlength: u.value,
@@ -2328,7 +2328,7 @@ function Va(e, t, n, o) {
   }, null);
 }
 function Ma(e, t) {
-  const n = x(() => e.useExtendInfo && !!e.extendInfo), o = rt({
+  const n = B(() => e.useExtendInfo && !!e.extendInfo), o = rt({
     content: e.extendInfo
   });
   function a() {
@@ -2347,7 +2347,7 @@ function Ea(e, t, n, o, a) {
   const {
     appendedButtonClass: s,
     appendedContent: f
-  } = n, g = x(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), u = x(() => f.value && !t.slots.groupTextTemplate), r = x(() => !!t.slots.groupTextTemplate), {
+  } = n, g = B(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), u = B(() => f.value && !t.slots.groupTextTemplate), r = B(() => !!t.slots.groupTextTemplate), {
     clearButtonClass: v,
     clearButtonStyle: l,
     onClearValue: d,
@@ -2409,7 +2409,7 @@ const $a = /* @__PURE__ */ _({
     } = u, v = Ta(e, t, a), {
       onMouseEnter: l,
       onMouseLeave: d
-    } = v, c = Ba(e, t, f, u), p = Ia(e, t), y = Va(e, t, c, a), h = Ea(e, t, u, v, c), P = Ma(e, t), I = x(() => e.type === "number");
+    } = v, c = Ba(e, t, f, u), p = Ia(e, t), y = Va(e, t, c, a), h = Ea(e, t, u, v, c), P = Ma(e, t), I = B(() => e.type === "number");
     H(() => [e.value], ([T]) => {
       n.value = T, o.value = T;
     }), H(() => [e.modelValue], ([T]) => {
@@ -2444,6 +2444,8 @@ function Da() {
     switch (a) {
       case "check-box":
         return "onChangeValue";
+      case "switch":
+        return "onModelValueChanged";
       case "check-group":
         return "onChangeValue";
       case "combo-list":
@@ -2513,7 +2515,7 @@ const Ra = /* @__PURE__ */ _({
       resolveEditorType: c,
       getChangeFunctionName: p,
       getClearFunctionName: y
-    } = Da(), h = x(() => ({
+    } = Da(), h = B(() => ({
       "form-group": !0,
       "farris-form-group": !0,
       "common-group": !0,
@@ -2525,17 +2527,17 @@ const Ra = /* @__PURE__ */ _({
     function I() {
       t.emit("update:modelValue", "");
     }
-    const C = x(() => {
-      const T = a.value.type || "input-group", S = c(T), w = d(T, a.value), F = p(T), B = y(a.value.type);
-      return w[F] = P, w[B] = I, () => i(S, Pe({
+    const C = B(() => {
+      const T = a.value.type || "input-group", S = c(T), w = d(T, a.value), F = p(T), x = y(a.value.type);
+      return w[F] = P, w[x] = I, () => i(S, Pe({
         ref: l
       }, w, {
         modelValue: f.value,
         "onUpdate:modelValue": (b) => f.value = b
       }), null);
     });
-    return H([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([T, S, w, F, B, b, R, M, N]) => {
-      n.value = T, o.value = S, a.value = w, s.value = F, f.value = B, g.value = b, u.value = R, r.value = M, v.value = N;
+    return H([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([T, S, w, F, x, b, R, M, N]) => {
+      n.value = T, o.value = S, a.value = w, s.value = F, f.value = x, g.value = b, u.value = R, r.value = M, v.value = N;
     }), t.expose({
       editorRef: l
     }), () => v.value && i("div", {
@@ -2560,7 +2562,7 @@ const Ra = /* @__PURE__ */ _({
   emits: ["propertyChange", "triggerRefreshPanel"],
   setup(e, t) {
     var r;
-    const n = m((r = e.category) == null ? void 0 : r.categoryId), o = m(e.elementConfig.propertyID), a = m(e.elementConfig.propertyName), s = m(e.elementConfig.editor), f = m(e.elementConfig.propertyValue), g = x(() => {
+    const n = m((r = e.category) == null ? void 0 : r.categoryId), o = m(e.elementConfig.propertyID), a = m(e.elementConfig.propertyName), s = m(e.elementConfig.editor), f = m(e.elementConfig.propertyValue), g = B(() => {
       const v = e.elementConfig.visible;
       return {
         "farris-group-wrap": !0,
@@ -2704,7 +2706,7 @@ const Ra = /* @__PURE__ */ _({
     const h = m(""), P = m(), I = m(), C = de("SchemaService");
     let T = [], S = null, w = "";
     const F = m();
-    function B() {
+    function x() {
       y = [], F.value && F.value.categoryList && Array.isArray(F.value.categoryList) && F.value.categoryList.length > 0 && F.value.categoryList.forEach((j) => {
         if (j.properties.forEach((L) => L.categoryId = j.categoryId), j.properties && Array.isArray(j.properties) && j.properties.length > 0) {
           const L = j.properties.map((W) => (W.category = j, W));
@@ -2744,7 +2746,7 @@ const Ra = /* @__PURE__ */ _({
       const j = document.querySelector(".panel-body");
       if (!h.value)
         P.value && j && (j.scrollTop = 0);
-      else if (B(), y && y.length > 0) {
+      else if (x(), y && y.length > 0) {
         const L = M();
         L && L.length > 0 && (L[0].category.status === "closed" && (L[0].category.status = "open"), setTimeout(() => {
           L.forEach((W, X) => {
@@ -3933,34 +3935,36 @@ function xe(e, t, n, o, a, s, f, g, u, r) {
     listViewItemClass: C,
     onCheckItem: T,
     onClickItem: S
-  } = f, w = x(() => ({
+  } = f, w = B(() => ({
     margin: v.value === "small" ? "0.25rem 0" : "10px 0"
   }));
-  function F(B, b, R) {
-    return B.checked = g.findIndexInSelectedItems(B) > -1, i("li", {
-      class: C(B, b),
-      id: I(B, b),
-      key: I(B, b),
-      onClick: (M) => S(M, B, b),
-      onMouseenter: (M) => y(M, B, b),
-      onMouseover: (M) => h(M, B, b),
-      onMouseout: (M) => P(M, B, b)
+  function F(x, b, R) {
+    return x.checked = g.findIndexInSelectedItems(x) > -1, i("li", {
+      class: C(x, b),
+      id: I(x, b),
+      key: I(x, b),
+      onClick: (M) => S(M, x, b),
+      onMouseenter: (M) => y(M, x, b),
+      onMouseover: (M) => h(M, x, b),
+      onMouseout: (M) => P(M, x, b)
     }, [c.value && i("div", {
       class: "f-list-select",
       onClick: (M) => M.stopPropagation()
     }, [i(fe, {
-      id: "list-" + I(B, b),
+      id: "list-" + I(x, b),
       customClass: "listview-checkbox",
-      disabled: B[p.value],
-      checked: B.checked,
-      "onUpdate:checked": (M) => B.checked = M,
-      onChange: (M) => T(B, b)
+      disabled: x[p.value],
+      checked: x.checked,
+      "onUpdate:checked": (M) => x.checked = M,
+      onChange: (M) => {
+        T(x, b, !M.checked);
+      }
     }, null)]), i("div", {
       class: "f-list-content"
     }, [i("div", {
       style: w.value,
-      title: B.raw[d.value] || B.raw[l.value]
-    }, [B.raw[l.value]])])]);
+      title: x.raw[d.value] || x.raw[l.value]
+    }, [x.raw[l.value]])])]);
   }
   return {
     renderItem: F
@@ -3991,20 +3995,20 @@ function xl(e, t, n, o, a, s, f, g, u, r) {
       class: h(S, w),
       id: y(S, w),
       key: y(S, w),
-      onClick: (B) => I(B, S, w),
-      onMouseenter: (B) => d(B, S, w),
-      onMouseover: (B) => c(B, S, w),
-      onMouseout: (B) => p(B, S, w)
+      onClick: (x) => I(x, S, w),
+      onMouseenter: (x) => d(x, S, w),
+      onMouseover: (x) => c(x, S, w),
+      onMouseout: (x) => p(x, S, w)
     }, [v.value && i("div", {
       class: "f-list-select",
-      onClick: (B) => B.stopPropagation()
+      onClick: (x) => x.stopPropagation()
     }, [i(fe, {
       id: "list-" + y(S, w),
       customClass: "listview-checkbox",
       disabled: S[l.value] || !S.checked,
       checked: S.checked,
-      "onUpdate:checked": (B) => S.checked = B,
-      onChange: (B) => P(S, w)
+      "onUpdate:checked": (x) => S.checked = x,
+      onChange: (x) => P(S, w, !x.checked)
     }, null)]), i("div", {
       class: "f-list-content"
     }, [C(S, w, F)])]);
@@ -4030,12 +4034,12 @@ function Bl(e, t, n, o, a, s, f, g, u, r) {
     dragend: w
   } = o, {
     removeItem: F
-  } = u, B = x(() => ({
+  } = u, x = B(() => ({
     margin: v.value ? "10px 0" : "10px 0px 10px 14px"
   }));
   function b(k) {
     return i("div", {
-      style: B.value
+      style: x.value
     }, [k.raw.name]);
   }
   function R() {
@@ -4065,7 +4069,7 @@ function Bl(e, t, n, o, a, s, f, g, u, r) {
       disabled: k[l.value] || !k.checked,
       checked: k.checked,
       "onUpdate:checked": (G) => k.checked = G,
-      onChange: (G) => P(k, q)
+      onChange: (G) => P(k, q, !G.checked)
     }, null)]), i("div", {
       class: "f-list-content"
     }, [M(k)]), i("div", {
@@ -4197,17 +4201,17 @@ function Ml(e, t, n, o, a, s) {
   function S(M, N) {
     return M.raw[f.value] || "";
   }
-  const w = x(() => !v.value);
-  function F(M, N) {
-    !M.checked || M.raw[g.value] || (w.value && (p.value = M.raw[f.value]), I(M));
+  const w = B(() => !v.value);
+  function F(M, N, k) {
+    M.checked = k, !M.raw[g.value] && (w.value && (p.value = M.raw[f.value]), I(M));
   }
-  const B = x(() => v.value && l.value === "OnCheckClearByClick"), b = x(() => !v.value || v.value && (l.value === "OnCheckAndClick" || l.value === "OnClick"));
+  const x = B(() => v.value && l.value === "OnCheckClearByClick"), b = B(() => !v.value || v.value && (l.value === "OnCheckAndClick" || l.value === "OnClick"));
   function R(M, N, k) {
     if (N.raw[g.value]) {
       M.preventDefault(), M.stopPropagation();
       return;
     }
-    p.value = N.raw[f.value], c.value = k, B.value && h(n.value), b.value && (I(N), C.value = P()), t.emit("clickItem", { data: C.value, index: k }), t.emit("activeChange", C.value);
+    p.value = N.raw[f.value], c.value = k, x.value && h(n.value), b.value && (I(N), C.value = P()), t.emit("clickItem", { data: C.value, index: k }), t.emit("activeChange", C.value);
   }
   return {
     getKey: S,
@@ -4217,11 +4221,11 @@ function Ml(e, t, n, o, a, s) {
   };
 }
 function El(e, t, n, o, a, s, f) {
-  const g = m(e.view), u = m(e.view === "CardView"), r = m({}), v = m("暂无数据"), l = Pl(), d = Il(e, t, o, l), c = Vl(e, t, o), p = Ml(e, t, n, d, l, s), y = x(() => ({
+  const g = m(e.view), u = m(e.view === "CardView"), r = m({}), v = m("暂无数据"), l = Pl(), d = Il(e, t, o, l), c = Vl(e, t, o), p = Ml(e, t, n, d, l, s), y = B(() => ({
     "f-list-view-group": !0,
     "d-flex": u.value,
     "flex-wrap": u.value
-  })), h = x(() => !!n.value && n.value.length > 0), P = x(() => n.value.length === 0), I = x(() => P.value && !t.slots.empty);
+  })), h = B(() => !!n.value && n.value.length > 0), P = B(() => n.value.length === 0), I = B(() => P.value && !t.slots.empty);
   function C() {
     return g.value === "SingleView" ? xe : g.value === "DraggableView" ? Bl : (g.value === "ContentView" || g.value === "CardView") && t.slots.content ? xl : xe;
   }
@@ -4230,7 +4234,7 @@ function El(e, t, n, o, a, s, f) {
   } = T(e, t, n, d, a, l, p, s, c, f), {
     renderItem: w
   } = kl(e, t, n, d, a, l, p, s, c, f), F = [S, w];
-  function B() {
+  function x() {
     return n.value.filter((M) => M.visible !== !1).map((M, N) => F[M.type](M, N, r));
   }
   function b() {
@@ -4244,7 +4248,7 @@ function El(e, t, n, o, a, s, f) {
     return i("ul", {
       class: y.value,
       style: "list-style: none;"
-    }, [h.value && B(), I.value && b(), t.slots.empty && t.slots.empty()]);
+    }, [h.value && x(), I.value && b(), t.slots.empty && t.slots.empty()]);
   }
   return {
     renderListArea: R
@@ -4261,14 +4265,14 @@ function $l(e, t, n) {
   };
 }
 function Be(e, t, n) {
-  const o = m(e.headerClass), a = m(e.placeholder), s = m(""), f = x(() => !s.value), g = x(() => !!s.value);
+  const o = m(e.headerClass), a = m(e.placeholder), s = m(""), f = B(() => !s.value), g = B(() => !!s.value);
   function u(d) {
     s.value = "";
   }
   H(s, (d) => {
     n.search(d);
   });
-  const r = x(() => {
+  const r = B(() => {
     const d = {
       "form-group": !0,
       "farris-form-group": !0
@@ -4318,17 +4322,17 @@ const ke = /* @__PURE__ */ _({
   props: Ge,
   emits: ["checkValuesChange", "clickItem", "selectionChange", "removeItem", "change", "activeChange"],
   setup(e, t) {
-    const n = m(), o = m(!0), a = m(!1), s = m([]), f = 0, g = m(e.columns), u = Fn(e), r = wn(e), v = xn(e, u), l = Bn(e), d = kn(e, /* @__PURE__ */ new Map(), r, u, l), c = Pn(e, d, u, s, t), p = wl(e, n), y = x(() => d.dataView.value.length), h = In(e, u), P = Vn(), I = Mn(e, {}, P), C = En(e, h, r, u, P, I), T = $n(e, u, I, C), S = On(e, u, I, C), w = Dn(e, g, d, y, f, C, T, S), {
+    const n = m(), o = m(!0), a = m(!1), s = m([]), f = 0, g = m(e.columns), u = Fn(e), r = wn(e), v = xn(e, u), l = Bn(e), d = kn(e, /* @__PURE__ */ new Map(), r, u, l), c = Pn(e, d, u, s, t), p = wl(e, n), y = B(() => d.dataView.value.length), h = In(e, u), P = Vn(), I = Mn(e, {}, P), C = En(e, h, r, u, P, I), T = $n(e, u, I, C), S = On(e, u, I, C), w = Dn(e, g, d, y, f, C, T, S), {
       getVisualData: F
     } = w;
     s.value = F(0, y.value + f - 1);
-    const B = x(() => {
+    const x = B(() => {
       const z = {
         "f-list-view": !0,
         "f-list-view-multiple": e.multiSelect
       };
       return e.size !== "default" && (z[`${e.size}-item`] = !0), z;
-    }), b = x(() => !!t.slots.footer || o.value);
+    }), b = B(() => !!t.slots.footer || o.value);
     function R() {
       return e.header === "SearchBar" ? Be : e.header === "ContentHeader" ? $l : Be;
     }
@@ -4351,7 +4355,7 @@ const ke = /* @__PURE__ */ _({
       e.multiSelect && (z.preventDefault(), z.stopPropagation());
     }
     return () => i("div", {
-      class: B.value,
+      class: x.value,
       onClick: G
     }, [N(), i("div", {
       ref: n,
@@ -4371,7 +4375,7 @@ const ke = /* @__PURE__ */ _({
   props: qe,
   emits: ["change", "activeChange"],
   setup(e, t) {
-    const n = m(e.identifyField), o = m("已选："), a = m("项数据"), s = m(e.displayType), f = m(!1), g = m(e.dataSource), u = m(e.selections || []), r = x(() => u.value.map((b) => b[n.value])), v = /* @__PURE__ */ new Map(), l = m();
+    const n = m(e.identifyField), o = m("已选："), a = m("项数据"), s = m(e.displayType), f = m(!1), g = m(e.dataSource), u = m(e.selections || []), r = B(() => u.value.map((b) => b[n.value])), v = /* @__PURE__ */ new Map(), l = m();
     function d() {
       const b = /* @__PURE__ */ new Map(), R = e.selectionValues || [];
       R.length && R.reduce((N, k) => (N.set(k, !0), N), b);
@@ -4382,7 +4386,7 @@ const ke = /* @__PURE__ */ _({
       });
     }
     d();
-    const c = x(() => s.value === "List"), p = x(() => s.value === "Tree");
+    const c = B(() => s.value === "List"), p = B(() => s.value === "Tree");
     function y(b) {
       u.value = b.map((R) => Object.assign({}, R)), t.emit("change", u.value);
     }
@@ -4468,13 +4472,13 @@ const ke = /* @__PURE__ */ _({
         class: "container columns-box f-utils-fill d-flex"
       }, [w()])])]);
     }
-    const B = x(() => ({
+    const x = B(() => ({
       transfer: !0,
       row: !0,
       "f-utils-fill": f.value
     }));
     return () => i("div", {
-      class: B.value,
+      class: x.value,
       style: "height:480px"
     }, [I(), F()]);
   }
@@ -4534,7 +4538,7 @@ function Rl(e, t, n, o, a) {
         const {
           id: w,
           code: F,
-          labelCode: B,
+          labelCode: x,
           name: b,
           ...R
         } = S;
@@ -4542,7 +4546,7 @@ function Rl(e, t, n, o, a) {
         const M = {
           id: w,
           code: F,
-          labelCode: B,
+          labelCode: x,
           name: b,
           editor: R
         };
@@ -4975,14 +4979,14 @@ const Zl = {
   props: Zl,
   emits: ["click"],
   setup(e, t) {
-    const n = m(e.popupContentPosition), o = m(e.host), a = x(() => ({
+    const n = m(e.popupContentPosition), o = m(e.host), a = B(() => ({
       backgroundColor: e.backgroundColor || "",
       pointerEvents: "auto"
     }));
     function s(g) {
       t.emit("click"), g.preventDefault(), g.stopPropagation();
     }
-    x(() => {
+    B(() => {
       const g = o.value;
       if (g) {
         const u = g.getBoundingClientRect(), {
@@ -4997,7 +5001,7 @@ const Zl = {
       }
       return n.value;
     });
-    const f = x(() => ({
+    const f = B(() => ({
       // position: 'relative',
       // left: `${position.value.left}px`,
       // top: `${position.value.top}px`
@@ -5070,10 +5074,10 @@ function We(e, t) {
   return { judgeCanOpen: n };
 }
 function ai(e, t, n, o, a) {
-  const s = m(e.buttonBehavior), f = m(e.popupOnInput), g = x(() => ({
+  const s = m(e.buttonBehavior), f = m(e.popupOnInput), g = B(() => ({
     "input-group-append": !0,
     "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), { judgeCanOpen: u } = We(e, a), r = x(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), v = de(oi, null), l = m();
+  })), { judgeCanOpen: u } = We(e, a), r = B(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), v = de(oi, null), l = m();
   async function d(y) {
     if (await u() && r.value) {
       const h = !!t.slots.default;
@@ -5107,7 +5111,7 @@ function ai(e, t, n, o, a) {
   };
 }
 function li(e, t, n, o, a, s) {
-  const f = m(!1), g = x(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: u } = s;
+  const f = m(!1), g = B(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: u } = s;
   function r(c) {
     f.value = c;
   }
@@ -5139,13 +5143,13 @@ function li(e, t, n, o, a, s) {
   };
 }
 function ii(e, t, n, o, a) {
-  const s = x(() => e.popupOnInput), f = x(() => e.popupOnFocus), { shouldPopupContent: g } = a, u = x(() => e.enableTitle ? n.value : ""), r = x(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), v = x(() => e.readonly || !e.editable), l = m(!1), d = x(() => !e.disable && l.value), c = x(() => ({
+  const s = B(() => e.popupOnInput), f = B(() => e.popupOnFocus), { shouldPopupContent: g } = a, u = B(() => e.enableTitle ? n.value : ""), r = B(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), v = B(() => e.readonly || !e.editable), l = m(!1), d = B(() => !e.disable && l.value), c = B(() => ({
     "text-left": e.textAlign === "left",
     "text-center": e.textAlign === "center",
     "text-right": e.textAlign === "right",
     "form-control": !0,
     "f-utils-fill": !0
-  })), p = x(() => ({
+  })), p = B(() => ({
     "input-group": !0,
     "f-state-disable": e.disable,
     "f-state-editable": e.editable && !e.disable && !e.readonly,
@@ -5187,7 +5191,7 @@ function ii(e, t, n, o, a) {
   function F(b) {
     b.key === "Enter" && (s.value || f.value) && a.hidePopup(), t.emit("keyup", b);
   }
-  function B(b) {
+  function x(b) {
     const R = b.target.value;
     b.stopPropagation(), y(R);
   }
@@ -5207,7 +5211,7 @@ function ii(e, t, n, o, a) {
     onKeyDownTextBox: w,
     onKeyUpTextBox: F,
     onMouseDownTextBox: S,
-    onTextBoxValueChange: B
+    onTextBoxValueChange: x
   };
 }
 function ri(e, t, n, o) {
@@ -5280,7 +5284,7 @@ function si(e, t, n) {
 function ui(e, t, n) {
   const o = m(e.separator), {
     changeTextBoxValue: a
-  } = n, s = x(() => t.value ? t.value.split(o.value).map((g) => ({
+  } = n, s = B(() => t.value ? t.value.split(o.value).map((g) => ({
     name: g,
     selectable: !0
   })) : []);
@@ -5372,7 +5376,7 @@ const pi = /* @__PURE__ */ _({
     } = l, y = li(e, t, a, d, v, l), {
       onMouseEnterTextBox: h,
       onMouseLeaveTextBox: P
-    } = y, I = x(() => {
+    } = y, I = B(() => {
       const b = {
         "f-button-edit": !0,
         "f-cmp-inputgroup": !0,
@@ -5390,7 +5394,7 @@ const pi = /* @__PURE__ */ _({
     const {
       renderButtonGroup: S,
       buttonHandleElement: w
-    } = ci(e, t, r, y), F = di(e, t, s), B = {
+    } = ci(e, t, r, y), F = di(e, t, s), x = {
       commitValue: c,
       elementRef: n,
       hidePopup: g,
@@ -5405,10 +5409,10 @@ const pi = /* @__PURE__ */ _({
       }
     };
     return K(() => {
-      n.value.componentInstance = B, window.onresize = () => {
+      n.value.componentInstance = x, window.onresize = () => {
         document.body.click();
       };
-    }), t.expose(B), () => i(J, null, [i("div", Pe(t.attrs, {
+    }), t.expose(x), () => i(J, null, [i("div", Pe(t.attrs, {
       ref: n,
       class: I.value,
       id: e.id
@@ -5424,7 +5428,7 @@ const pi = /* @__PURE__ */ _({
   props: Le,
   emits: ["update:modelValue"],
   setup(e, t) {
-    const n = m(null), o = x(() => "共" + e.modelValue.length + "项"), a = m(), s = Ua(e, t, n, a), {
+    const n = m(null), o = B(() => "共" + e.modelValue.length + "项"), a = m(), s = Ua(e, t, n, a), {
       renderPanel: f
     } = s, {
       renderTransfer: g,