@farris/ui-vue 1.0.0-beta.4 → 1.0.0-beta.6

package/farris.all.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as X, computed as b, createVNode as a, ref as h, nextTick as ke, watch as le, Teleport as Xe, Fragment as be, mergeProps as Se, withDirectives as We, vShow as Ft, inject as De, withModifiers as Et, vModelCheckbox as Ht, toRefs as Rt, reactive as we, provide as Je, resolveComponent as Fe, createTextVNode as _e, onMounted as Ne, onUnmounted as Ee, createApp as et, shallowRef as ft, vModelText as pa, getCurrentInstance as ga } from "vue";
+import { defineComponent as X, computed as b, createVNode as a, ref as v, nextTick as ke, watch as le, Teleport as Xe, Fragment as be, mergeProps as Se, withDirectives as We, vShow as Ft, inject as De, withModifiers as Ht, vModelCheckbox as Et, toRefs as Rt, reactive as we, provide as Je, resolveComponent as Fe, createTextVNode as _e, onMounted as Ne, onUnmounted as He, createApp as et, shallowRef as ft, vModelText as pa, getCurrentInstance as ga } from "vue";
 import { BigNumber as ie } from "bignumber.js";
 const ma = {
   customClass: { type: Array, default: [] },
@@ -7,7 +7,7 @@ const ma = {
   enableFold: { type: Boolean, default: !0 },
   expanded: { type: Boolean, default: !1 }
 };
-const vt = X({
+const vt = /* @__PURE__ */ X({
   name: "FAccordion",
   props: ma,
   emits: [],
@@ -33,16 +33,16 @@ const vt = X({
   title: { type: String, default: "" },
   disable: { type: Boolean, default: !1 }
 };
-const ht = X({
+const ht = /* @__PURE__ */ X({
   name: "FAccordionItem",
   props: ya,
   emits: [],
   setup(e, n) {
-    const t = h(e.title), o = h(!1), l = h(!1);
+    const t = v(e.title), o = v(!1), l = v(!1);
     function u() {
       o.value = !o.value;
     }
-    function s(v) {
+    function s(h) {
       u();
     }
     const r = b(() => ({
@@ -55,11 +55,11 @@ const ht = X({
       "f-accordion-collapse": !o.value,
       "f-accordion-expand": o.value
     })), c = b(() => {
-      const v = {
+      const h = {
         transition: "height 0.36s ease 0s",
         height: o.value ? `${e.height}px` : 0
       };
-      return o.value || (v.overflow = "hidden"), v;
+      return o.value || (h.overflow = "hidden"), h;
     });
     return () => a("div", {
       class: r.value
@@ -85,18 +85,45 @@ const ht = X({
     e.component(vt.name, vt), e.component(ht.name, ht);
   }
 }, wa = {
+  /**
+   * 头像宽度
+   */
   avatarWidth: { type: Number, default: 100 },
+  /**
+   * 头像高度
+   */
   avatarHeight: { type: Number, default: 100 },
+  /**
+   * 组件标识
+   */
   cover: { type: String },
+  /**
+   * 只读
+   */
   readonly: { type: Boolean, default: !1 },
+  /**
+   * 头像形状
+   */
   shape: { type: String, default: "circle" },
+  /**
+   * 头像最大尺寸, 单位MB
+   */
   maxSize: { type: Number, default: 1 },
+  /**
+   * 组件值
+   */
   modelValue: { type: String, default: "" },
+  /**
+   * 头像标题
+   */
   tile: { type: String, default: "" },
+  /**
+   * 支持的头像类型
+   */
   type: { type: Array, default: [] }
 };
 function xa(e, n, t, o) {
-  const l = "data:image/jpeg;base64,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", u = h(e.readonly);
+  const l = "data:image/jpeg;base64,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", u = v(e.readonly);
   function s(i) {
     return i.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/) != null;
   }
@@ -115,12 +142,12 @@ function xa(e, n, t, o) {
     const i = o.value || e.cover || l;
     return s(i) || r(i) ? i : d(i);
   }), c = b(() => u.value ? "" : e.tile);
-  function v() {
+  function h() {
     u.value || t && t.value && t.value.click();
   }
-  return { acceptTypes: f, imageSource: p, imageTitle: c, onClickImage: v };
+  return { acceptTypes: f, imageSource: p, imageTitle: c, onClickImage: h };
 }
-const pt = X({
+const pt = /* @__PURE__ */ X({
   name: "FAvatar",
   props: wa,
   emits: ["change", "update:modelValue"],
@@ -130,7 +157,7 @@ const pt = X({
       "f-avatar-readonly": e.readonly,
       "f-avatar-circle": e.shape === "circle",
       "f-avatar-square": e.shape === "square"
-    })), o = h(e.modelValue), l = b(() => ({
+    })), o = v(e.modelValue), l = b(() => ({
       width: e.avatarWidth + "px",
       height: e.avatarHeight + "px"
     })), u = !1;
@@ -139,7 +166,7 @@ const pt = X({
     }
     function r() {
     }
-    const d = h(null), {
+    const d = v(null), {
       acceptTypes: f,
       imageSource: p,
       onClickImage: c
@@ -172,9 +199,21 @@ const pt = X({
     e.component(pt.name, pt);
   }
 }, ka = {
+  /**
+   * 组件标识
+   */
   id: String,
+  /**
+   * 设置按钮类型
+   */
   type: { type: String, default: "primary" },
+  /**
+   * 是否禁用
+   */
   disabled: { type: Boolean, default: !1 },
+  /**
+   * 按钮尺寸
+   */
   size: { type: String, default: "small" }
 };
 function Sa(e, n) {
@@ -185,39 +224,85 @@ function Sa(e, n) {
     onClickButton: t
   };
 }
-const gt = X({
+const gt = /* @__PURE__ */ X({
   name: "FButton",
   props: ka,
   emits: ["click"],
   setup(e, n) {
     const {
       onClickButton: t
-    } = Sa(e, n);
+    } = Sa(e, n), o = v(e.size), l = v(e.type), u = v(e.disabled), s = b(() => {
+      const r = {
+        btn: !0,
+        "btn-lg": o.value === "large",
+        "btn-sm": o.value !== "large"
+      };
+      return l.value && (r[`btn-${l.value}`] = !0), r;
+    });
     return () => a("button", {
-      class: (e.size === "large" ? "btn-lg " : "btn-sm ") + "btn " + (e.type ? "btn-" + e.type + " " : ""),
-      disabled: e.disabled,
-      onClick: (o) => t(o)
+      class: s.value,
+      disabled: u.value,
+      onClick: (r) => t(r)
     }, [n.slots.default && n.slots.default()]);
   }
 }), _a = {
+  /**
+   * 组件标识
+   */
   id: String,
+  /**
+   * 横向纠正的参照
+   */
   rectifyReferenceH: { type: Object },
+  /**
+   * 纵向纠正的参照
+   */
   rectifyReferenceV: { type: Object },
+  /**
+   * 是否自动纠正位置
+   */
   autoRectify: { type: Boolean, default: !1 },
+  /**
+   * 计算方向的真正placement
+   */
   realPlacement: { type: String, default: "bottom-right" },
+  /**
+   * 重新计算后的placement
+   */
   rectifyPlacement: { type: String, default: "bottom-right" },
+  /**
+   * 按钮信息
+   */
   data: { type: Array },
+  /**
+   * 显示的按钮数量  默认为2
+   */
   count: { type: Number, default: 2 },
+  /**
+   * 按钮大小
+   */
   size: { type: String, default: "small" },
+  /**
+   * 按钮样式
+   */
   type: { type: String, default: "primary" },
+  /**
+   * 按钮展示位置
+   */
   placement: { type: String, default: "bottom" },
+  /**
+   * 下拉面板显示
+   */
   showPanel: { type: Boolean, default: !1 },
+  /**
+   * 下拉面板显示标志
+   */
   dpFlag: { type: Boolean, default: !1 }
 };
 function Aa(e, n, t, o) {
   let l = 0, u = 0;
-  const s = h(e.showPanel);
-  let r = h(e.realPlacement), d = !1;
+  const s = v(e.showPanel), r = v(e.realPlacement);
+  let d = !1;
   function f() {
     t.value && document.body.appendChild(t.value);
   }
@@ -227,7 +312,7 @@ function Aa(e, n, t, o) {
   function c() {
     s.value = !1;
   }
-  function v() {
+  function h() {
     s.value && !d && setTimeout(() => {
       s.value && !d && (c(), d = !1);
     }, 1e3);
@@ -259,7 +344,7 @@ function Aa(e, n, t, o) {
     if (!e.autoRectify)
       return;
     const _ = w(), C = r;
-    C.value.indexOf("bottom") > -1 ? u > _.bottom - T.bottom && (C.value = C.value.replace("bottom", "top")) : C.value.indexOf("top") > -1 && u > T.top - _.top && (C.value = C.value.replace("top", "bottom")), C.value.indexOf("left") > -1 ? l > T.left - _.left && (C.value = C.value.replace("left", "right")) : C.value.indexOf("right") > -1 && l > _.right - T.right && (C.value = C.value.replace("right", "left")), r = C;
+    C.value.indexOf("bottom") > -1 ? u > _.bottom - T.bottom && (C.value = C.value.replace("bottom", "top")) : C.value.indexOf("top") > -1 && u > T.top - _.top && (C.value = C.value.replace("top", "bottom")), C.value.indexOf("left") > -1 ? l > T.left - _.left && (C.value = C.value.replace("left", "right")) : C.value.indexOf("right") > -1 && l > _.right - T.right && (C.value = C.value.replace("right", "left")), r.value = C.value;
   }
   function k(T) {
     let _ = "";
@@ -304,23 +389,23 @@ function Aa(e, n, t, o) {
     toggle: x,
     getRealPlacement: P,
     bindMenuMouseenter: m,
-    unbindMenuMouseleave: v,
+    unbindMenuMouseleave: h,
     bindMenuMouseleave: A
   };
 }
-const mt = X({
+const mt = /* @__PURE__ */ X({
   name: "FButtonGroup",
   props: _a,
   emits: ["click", "changeState", "change", "clickMenuOut"],
   setup(e, n) {
-    const t = e.data && e.data.slice(0, e.count) || [], o = e.data && e.data.slice(e.count) || [], l = h(), u = h(), {
+    const t = e.data && e.data.slice(0, e.count) || [], o = e.data && e.data.slice(e.count) || [], l = v(), u = v(), {
       showPanel: s,
       clickEvent: r,
       toggle: d,
       getRealPlacement: f,
       bindMenuMouseenter: p,
       unbindMenuMouseleave: c,
-      bindMenuMouseleave: v
+      bindMenuMouseleave: h
     } = Aa(e, n, l, u);
     return f(e.placement), () => a("div", {
       class: "f-btn-group"
@@ -333,7 +418,7 @@ const mt = X({
       class: "btn btn-link btn-icontext" + (i.disabled ? " disabled" : ""),
       onClick: (m) => d(m, i)
     }, [a("i", {
-      class: "'f-icon '+ btn.icon?btn.icon:''"
+      class: `f-icon ${i.icon ? i.icon : ""}`
     }, null)]), !i.icon && a("button", {
       id: i.id,
       class: "btn " + (i.type ? "btn-" + i.type : "btn-link") + " " + (i.type && i.type !== "link" ? "f-btn-ml" : "") + (i.disabled ? " disabled" : ""),
@@ -354,11 +439,11 @@ const mt = X({
       class: "dropdown-menu f-btn-group-dropdown-menu" + (s.value ? " show" : ""),
       style: "position:fixed;",
       onMouseenter: (i) => p(),
-      onMouseleave: (i) => v()
+      onMouseleave: (i) => h()
     }, [o.map((i) => a("div", null, [a("div", null, [i.divider && a("div", {
       class: "dropdown-divider"
     }, null), a("li", {
-      id: "dpBtn.id",
+      id: i.id,
       class: "dropdown-item" + (i.disabled ? " disabled" : ""),
       onClick: (m) => d(m, i)
     }, [i.icon && a("i", {
@@ -370,23 +455,77 @@ const mt = X({
     e.component(gt.name, gt), e.component(mt.name, mt);
   }
 }, Pa = {
+  /**
+   * 组件标识
+   */
   id: String,
+  /**
+   * 扩展按钮显示内容，这是一段现在扩展按钮中的html标签
+   */
   buttonContent: { type: String, default: '<i class="f-icon f-icon-lookup"></i>' },
+  /**
+   * 启用输入框自动完成功能
+   */
   autoComplete: { type: Boolean, default: !1 },
+  /**
+   * 组件自定义样式
+   */
   customClass: { type: String, default: "" },
+  /**
+   * 禁用组件，既不允许在输入框中录入，也不允许点击扩展按钮。
+   */
   disable: { type: Boolean, default: !1 },
+  /**
+   * 允许在输入框中录入文本。
+   */
   editable: { type: Boolean, default: !0 },
+  /**
+   * 显示清空文本按钮
+   */
   enableClear: { type: Boolean, default: !1 },
+  /**
+   * 组件值
+   */
   modelValue: { type: String, default: "" },
+  /**
+   * 将组件设置为只读，既不允许在输入框中录入，也不允许点击扩展按钮，但是允许复制输入框中的内容。
+   */
   readonly: { type: Boolean, default: !1 },
+  /**
+   * 文本对齐方式
+   */
   textAlign: { type: String, default: "left" },
+  /**
+   * 禁用组件时，是否显示扩展按钮
+   */
   showButtonWhenDisabled: { type: Boolean, default: !1 },
+  /**
+   * 显示输入框的标签
+   */
   enableTitle: { type: Boolean, default: !1 },
+  /**
+   * 输入框类型
+   */
   inputType: { type: String, default: "text" },
+  /**
+   * 显示输入框提示信息
+   */
   forcePlaceholder: { type: Boolean, default: !1 },
+  /**
+   * 输入框提示文本
+   */
   placeholder: { type: String, default: "" },
+  /**
+   * 输入框最小长度
+   */
   minLength: Number,
+  /**
+   * 输入框最大长度
+   */
   maxLength: Number,
+  /**
+   * 输入框Tab键索引
+   */
   tabIndex: Number
 };
 function Ba(e, n, t) {
@@ -436,7 +575,7 @@ function Vt(e, n, t, o) {
   function c(S) {
     r = !1, n.emit("blur", S), S.stopPropagation();
   }
-  function v(S) {
+  function h(S) {
     n.emit("click", S);
   }
   function i(S) {
@@ -472,7 +611,7 @@ function Vt(e, n, t, o) {
     textBoxTitle: l,
     changeTextBoxValue: p,
     onBlurTextBox: c,
-    onClickTextBox: v,
+    onClickTextBox: h,
     onFocusTextBox: i,
     onInput: m,
     onKeyDownTextBox: w,
@@ -482,19 +621,19 @@ function Vt(e, n, t, o) {
   };
 }
 function Ma(e, n, t, o, l) {
-  const u = h(!1), s = b(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: r } = Vt(e, n, t, l);
-  function d(v) {
-    u.value = v;
+  const u = v(!1), s = b(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: r } = Vt(e, n, t, l);
+  function d(h) {
+    u.value = h;
   }
   le(l, () => {
     o.value ? d(!!l.value) : d(!1);
   });
-  function f(v) {
+  function f(h) {
     const i = !e.readonly && !e.disable && e.editable, m = !e.editable;
-    v.stopPropagation(), (i || m) && (r("", !1), d(!u.value), n.emit("clear"));
+    h.stopPropagation(), (i || m) && (r("", !1), d(!u.value), n.emit("clear"));
   }
-  function p(v) {
-    if (!!s.value) {
+  function p(h) {
+    if (s.value) {
       if (!t.value) {
         d(!1);
         return;
@@ -502,8 +641,8 @@ function Ma(e, n, t, o, l) {
       (!e.editable || !e.readonly) && !e.disable && d(!0);
     }
   }
-  function c(v) {
-    !s.value || d(!1);
+  function c(h) {
+    s.value && d(!1);
   }
   return {
     enableClearButton: s,
@@ -515,12 +654,12 @@ function Ma(e, n, t, o, l) {
 }
 const Oa = {
   popupContentPosition: { type: Object, default: { left: 0, top: 0 } }
-}, $t = X({
+}, $t = /* @__PURE__ */ X({
   name: "FOverlay",
   props: Oa,
   emits: ["click"],
   setup(e, n) {
-    const t = h(e.popupContentPosition);
+    const t = v(e.popupContentPosition);
     function o(u) {
       n.emit("click"), u.preventDefault(), u.stopPropagation();
     }
@@ -544,20 +683,20 @@ const Oa = {
       }
     });
   }
-}), Ie = X({
+}), Ie = /* @__PURE__ */ X({
   name: "FButtonEdit",
   props: Pa,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
   setup(e, n) {
-    const t = h(), o = h(e.modelValue), l = h(!1), {
+    const t = v(), o = v(e.modelValue), l = v(!1), {
       buttonClass: u,
       onClickButton: s,
       onMouseEnterButton: r,
       onMouseLeaveButton: d
-    } = Ba(e, n, l), f = h(""), {
+    } = Ba(e, n, l), f = v(""), {
       hasFocusedTextBox: p,
       isTextBoxReadonly: c,
-      textBoxClass: v,
+      textBoxClass: h,
       textBoxPlaceholder: i,
       textBoxTitle: m,
       onBlurTextBox: A,
@@ -584,7 +723,7 @@ const Oa = {
     function D() {
       l.value = !1;
     }
-    const E = b(() => l.value), H = () => {
+    const H = b(() => l.value), E = () => {
       if (t.value) {
         const M = t.value.getBoundingClientRect(), {
           left: F,
@@ -617,7 +756,7 @@ const Oa = {
     }, [a("input", {
       name: "input-group-value",
       autocomplete: "" + e.autoComplete,
-      class: v.value,
+      class: h.value,
       disabled: e.disable,
       maxlength: e.maxLength,
       minlength: e.minLength,
@@ -648,8 +787,8 @@ const Oa = {
       onMouseenter: r,
       onMouseleave: d,
       innerHTML: e.buttonContent
-    }, null)])])]), E.value && a($t, {
-      "popup-content-position": H(),
+    }, null)])])]), H.value && a($t, {
+      "popup-content-position": E(),
       onClick: D
     }, {
       default: () => {
@@ -663,21 +802,58 @@ const Oa = {
     e.component(Ie.name, Ie);
   }
 }, Da = {
+  /**
+   * 组件标识
+   */
   id: String,
+  /**
+   * 组件名称
+   */
   name: { type: String, default: "" },
+  /**
+   * 单选组枚举数组
+   */
   enumData: { type: Array, default: [] },
+  /**
+   * 枚举数组中展示文本的key值。
+   */
   textField: { type: String, default: "name" },
+  /**
+   * 枚举数组中枚举值的key值。
+   */
   valueField: { type: String, default: "value" },
+  /**
+   * 组件是否水平排列
+   */
   horizontal: { type: Boolean, default: !1 },
+  /**
+   * 禁用组件，不允许切换单选值
+   */
   disable: { type: Boolean, default: !1 },
+  /**
+   * 组件值，字符串或者数组
+   */
   modelValue: [String, Array],
+  /**
+   * 输入框Tab键索引
+   */
   tabIndex: { type: Number, default: 0 },
+  /**
+   * 分隔符，默认逗号
+   */
   separator: { type: String, default: "," },
+  /**
+   * 值类型是否为字符串
+   */
   isStringValue: { type: Boolean, default: !0 },
+  /**
+   * 异步获取枚举数组方法
+   */
+  // loadData: () => Observable < { data: Array<Checkbox> } >
   loadData: { type: Function }
 };
 function ja(e, n, t) {
-  const o = b(() => !e.disable), l = h(e.enumData);
+  const o = b(() => !e.disable), l = v(e.enumData);
   function u(c) {
     return c[e.valueField];
   }
@@ -692,16 +868,16 @@ function ja(e, n, t) {
     return e.isStringValue ? i.join(e.separator) : i;
   }
   function f(c) {
-    const v = String(u(c));
-    return r(t.value).some((m) => m === v);
+    const h = String(u(c));
+    return r(t.value).some((m) => m === h);
   }
-  function p(c, v) {
+  function p(c, h) {
     if (o.value) {
       let i = r(t.value) || [];
       const m = String(u(c));
       !i || !i.length ? i.push(m) : i.some((A) => A === m) ? i = i.filter((A) => A !== m) : i.push(m), t.value = d(i), n.emit("changeValue", t.value), n.emit("update:modelValue", t.value);
     }
-    v.stopPropagation();
+    h.stopPropagation();
   }
   return {
     enumData: l,
@@ -711,12 +887,12 @@ function ja(e, n, t) {
     onClickCheckbox: p
   };
 }
-const yt = X({
+const yt = /* @__PURE__ */ X({
   name: "FCheckboxGroup",
   props: Da,
   emits: ["changeValue", "update:modelValue"],
   setup(e, n) {
-    const t = h(e.modelValue), {
+    const t = v(e.modelValue), {
       enumData: o,
       onClickCheckbox: l,
       getValue: u,
@@ -740,7 +916,7 @@ const yt = X({
         checked: r(f),
         disabled: e.disable,
         tabindex: e.tabIndex,
-        onClick: (v) => l(f, v)
+        onClick: (h) => l(f, h)
       }, null), a("label", {
         class: "custom-control-label",
         for: c,
@@ -755,40 +931,160 @@ const yt = X({
 };
 var It = /* @__PURE__ */ ((e) => (e.Text = "text", e.Tag = "tag", e))(It || {}), Ae = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.auto = "auto", e))(Ae || {});
 const Fa = {
+  /**
+   * 组件标识
+   */
   id: { type: String },
+  /**
+   * 可选，是否可编辑
+   * 默认`false`
+   */
   editable: { default: !1, type: Boolean },
+  /**
+   * 可选，是否禁用
+   * 默认为`false`
+   */
   disabled: { default: !1, type: Boolean },
+  /**
+   * 可选，是否只读
+   * 默认为`false`
+   */
   readonly: { default: !1, type: Boolean },
+  /**
+   * 最大输入长度
+   */
   maxLength: { type: Number },
+  /**
+   * 占位符
+   */
   placeholder: { type: String },
+  /**
+   * 可选，强制显示占位符
+   * 默认`false`
+   */
   forcePlaceholder: { default: !1, type: Boolean },
+  /**
+   * 可选，是否启用清空
+   * 默认启用
+   */
   enableClear: { default: !0, type: Boolean },
+  /**
+   * 可选，鼠标悬停时是否显示控件值
+   * 默认显示
+   */
   enableTitle: { default: !0, type: Boolean },
+  /**
+   * 可选，下拉列表值展示方式
+   * 支持text | tag，即文本或标签，默认为`ViewType.Text`，即文本方式`text`
+   */
   viewType: { default: It.Text, type: String },
+  /**
+   * 可选，字段映射
+   */
   mapFields: { type: Object },
+  /**
+   * 下拉数据源
+   */
   data: { type: Array },
+  /**
+   * 可选，数据源id字段
+   * 默认为`id`
+   */
   idField: { default: "id", type: String },
+  /**
+   * 可选，数据源值字段
+   * 默认为`id`
+   */
   valueField: { default: "id", type: String },
+  /**
+   * 可选，数据源显示字段
+   * 默认为`label`
+   */
   textField: { default: "label", type: String },
+  /**
+   * 可选，是否支持多选
+   * 默认`false`
+   */
   multiSelect: { default: !1, type: Boolean },
+  /**
+   * 远端数据源信息
+   */
   remote: { default: null, type: Object },
+  /**
+   * 可选，最大高度
+   * 默认`350`
+   */
   maxHeight: { default: 350, type: Number },
+  /**
+   * 可选，是否支持远端过滤
+   * 默认`false`
+   */
   remoteSearch: { default: !1, type: Boolean },
+  /**
+   * 可选，清空值时隐藏面板
+   * 默认`true`
+   */
   hidePanelOnClear: { default: !0, type: Boolean },
+  /**
+   * 可选，分隔符
+   * 默认`,`
+   */
   separator: { default: ",", type: String },
+  /**
+   * 可选，展示文本
+   * 默认为空字符串
+   */
   displayText: { type: String, default: "" },
+  /**
+   * 绑定值
+   */
   modelValue: { type: [String, Number] },
+  /**
+   * 可选，下拉图标
+   * 默认为'<span class="f-icon f-icon-arrow-60-down"></span>'
+   */
   dropDownIcon: { type: String, default: '<span class="f-icon f-icon-arrow-60-down"></span>' },
+  /**
+   * tabIndex
+   */
   tabIndex: { type: Number, default: -1 },
+  /**
+   * 可选，启用搜索
+   * 默认为`false`
+   */
   enableSearch: { type: Boolean, default: !1 },
+  /**
+   * 可选，下拉面板展示位置
+   * 默认为`auto`
+   */
   placement: { type: String, default: Ae.auto }
-}, Ea = {
+}, Ha = {
+  /**
+   * 必须，值
+   */
   value: { required: !0, type: [String, Number] },
+  /**
+   * 必须，名称
+   */
   name: { required: !0, type: [String, Number] },
+  /**
+   * 可选，是否禁用
+   * 默认`false`
+   */
   disabled: { default: !1, type: Boolean },
+  /**
+   * 是否已经勾选
+   */
   checked: { default: !1, type: Boolean }
-}, Ha = {
+}, Ea = {
+  /**
+   * 下拉面板是否可见
+   */
   isPanelVisible: { type: Boolean, default: !1 },
+  /**
+   * 可选，下拉列表展示位置
+   * 默认为`bottom`
+   */
   position: { type: String, default: Ae.bottom }
 }, Ra = {
   options: {
@@ -797,7 +1093,7 @@ const Fa = {
 }, Re = Symbol("fComboList"), Gt = Symbol("fComboListPanel");
 var je = /* @__PURE__ */ ((e) => (e.clear = "clear", e.update = "update:modelValue", e))(je || {}), Oe = /* @__PURE__ */ ((e) => (e.panelShow = "panelShow", e.panelHidden = "panelHidden", e))(Oe || {});
 function Va(e, n) {
-  const t = h(""), o = h(e.modelValue), l = h(!1), u = h();
+  const t = v(""), o = v(e.modelValue), l = v(!1), u = v();
   if (le([u], ([r]) => {
     if (e.modelValue) {
       const d = r.find((f) => f[e.valueField] === e.modelValue);
@@ -805,14 +1101,14 @@ function Va(e, n) {
     }
   }), e.remote) {
     const { url: r, method: d = "GET", headers: f = {}, body: p = null } = e.remote;
-    fetch(r, { method: d, headers: f, body: p }).then((v) => {
-      if (v.status === 200)
-        return v.json();
-      throw new Error(v.statusText);
-    }).then((v) => {
-      u.value = v;
-    }).catch((v) => {
-      console.error(v);
+    fetch(r, { method: d, headers: f, body: p }).then((h) => {
+      if (h.status === 200)
+        return h.json();
+      throw new Error(h.statusText);
+    }).then((h) => {
+      u.value = h;
+    }).catch((h) => {
+      console.error(h);
     });
   } else
     u.value = e.data;
@@ -864,10 +1160,10 @@ function Ia() {
   };
 }
 function Ga(e, n) {
-  const t = De(Re, null), o = De(Gt, null), l = h(t == null ? void 0 : t.dataSource), u = (t == null ? void 0 : t.comboListProps.valueField) || "id", s = (t == null ? void 0 : t.comboListProps.textField) || "label", r = (t == null ? void 0 : t.comboListProps.separator) || ",", d = b(() => {
+  const t = De(Re, null), o = De(Gt, null), l = v(t == null ? void 0 : t.dataSource), u = (t == null ? void 0 : t.comboListProps.valueField) || "id", s = (t == null ? void 0 : t.comboListProps.textField) || "label", r = (t == null ? void 0 : t.comboListProps.separator) || ",", d = b(() => {
     var w;
     return t != null && t.modelValue ? e.value !== void 0 && ((w = t == null ? void 0 : t.modelValue) == null ? void 0 : w.toString().split(r).includes(e.value.toString())) : !1;
-  }), f = b(() => (t == null ? void 0 : t.comboListProps.multiSelect) || !1), p = b(() => e.name || e.value), c = t == null ? void 0 : t.defaultOptionSlot, v = (w) => {
+  }), f = b(() => (t == null ? void 0 : t.comboListProps.multiSelect) || !1), p = b(() => e.name || e.value), c = t == null ? void 0 : t.defaultOptionSlot, h = (w) => {
     var y, k;
     if (!e.disabled && e.value !== void 0)
       if (f.value) {
@@ -896,13 +1192,13 @@ function Ga(e, n) {
     isChecked: d,
     rowStyle: A,
     multiSelect: f,
-    onOptionClick: v,
+    onOptionClick: h,
     defaultOptionSlot: c
   };
 }
-const La = X({
+const La = /* @__PURE__ */ X({
   name: "FOption",
-  props: Ea,
+  props: Ha,
   emits: [],
   setup(e, n) {
     const {
@@ -917,7 +1213,7 @@ const La = X({
     return () => a("li", {
       style: l.value,
       class: o.value,
-      onClick: Et(s, ["prevent", "stop"])
+      onClick: Ht(s, ["prevent", "stop"])
     }, [u.value && a("div", {
       class: "custom-control custom-checkbox  custom-control-inline",
       style: "margin:0;padding-right:0;float:none;vertical-align: top;"
@@ -927,7 +1223,7 @@ const La = X({
       title: "custom-input",
       disabled: e.disabled,
       "onUpdate:modelValue": (f) => r.value = f
-    }, null), [[Ht, r.value]]), a("label", {
+    }, null), [[Et, r.value]]), a("label", {
       class: "custom-control-label"
     }, null)]), a("span", {
       class: "f-datalist-item-text"
@@ -935,7 +1231,7 @@ const La = X({
       name: t.value
     }) : t.value])]);
   }
-}), za = X({
+}), za = /* @__PURE__ */ X({
   name: "FOptions",
   props: Ra,
   emits: [],
@@ -957,13 +1253,13 @@ const La = X({
   }
 });
 function Ya(e) {
-  const { isPanelVisible: n, panelRef: t, context: o } = e, l = De(Re, null), u = h((l == null ? void 0 : l.comboListProps.maxHeight) || 350), s = (l == null ? void 0 : l.comboListProps.valueField) || "id", r = (l == null ? void 0 : l.comboListProps.textField) || "label", d = (l == null ? void 0 : l.comboListProps.placement) || Ae.bottom, f = h(l == null ? void 0 : l.dataSource), p = h(l == null ? void 0 : l.dataSource), c = h(""), v = b(() => (l == null ? void 0 : l.comboListProps.enableSearch) || !1), i = b(() => ({
+  const { isPanelVisible: n, panelRef: t, context: o } = e, l = De(Re, null), u = v((l == null ? void 0 : l.comboListProps.maxHeight) || 350), s = (l == null ? void 0 : l.comboListProps.valueField) || "id", r = (l == null ? void 0 : l.comboListProps.textField) || "label", d = (l == null ? void 0 : l.comboListProps.placement) || Ae.bottom, f = v(l == null ? void 0 : l.dataSource), p = v(l == null ? void 0 : l.dataSource), c = v(""), h = b(() => (l == null ? void 0 : l.comboListProps.enableSearch) || !1), i = b(() => ({
     "z-index": 99999,
     position: "absolute",
     background: "#fff",
     border: "solid 1px #ededed"
   })), m = b(() => ({
-    "max-height": v.value ? u.value - 36 + "px" : u.value + "px",
+    "max-height": h.value ? u.value - 36 + "px" : u.value + "px",
     overflow: "auto",
     border: "none"
   })), A = b(() => ({
@@ -986,7 +1282,7 @@ function Ya(e) {
     var S, g;
     if (k && y) {
       const x = l == null ? void 0 : l.comboListRef, P = (g = (S = x == null ? void 0 : x.$el) == null ? void 0 : S.parentNode) == null ? void 0 : g.querySelector(".input-group");
-      if (v.value) {
+      if (h.value) {
         const _ = y.querySelector("input");
         _ && _.focus();
       }
@@ -1009,7 +1305,7 @@ function Ya(e) {
     panelStyle: i,
     panelClass: A,
     cardStyle: m,
-    enableSearch: v,
+    enableSearch: h,
     keyword: c,
     items: f
   };
@@ -1041,12 +1337,12 @@ function qa(e, n = 300) {
     }, n);
   };
 }
-const Ua = X({
+const Ua = /* @__PURE__ */ X({
   name: "FPanel",
-  props: Ha,
+  props: Ea,
   emits: [Oe.panelHidden, Oe.panelShow],
   setup(e, n) {
-    const t = h(), {
+    const t = v(), {
       isPanelVisible: o
     } = Rt(e), {
       panelStyle: l,
@@ -1063,7 +1359,7 @@ const Ua = X({
     }), {
       onPanelContainerClick: p,
       onPanelItemClick: c,
-      onSearchClick: v,
+      onSearchClick: h,
       onPanelClick: i
     } = Ka({
       panelRef: t,
@@ -1079,14 +1375,14 @@ const Ua = X({
         class: u.value,
         ref: t,
         style: l.value,
-        onClick: Et(i, ["prevent", "stop"])
+        onClick: Ht(i, ["prevent", "stop"])
       }, [r.value && a(Fe("f-button-edit"), {
         enableClear: !0,
         style: "padding:5px 10px",
         buttonContent: "<i class='f-icon f-icon-search'></i>",
         modelValue: d.value,
         "onUpdate:modelValue": (A) => d.value = A,
-        onClickButton: v
+        onClickButton: h
       }, null), a("div", {
         style: "position: relative;",
         class: "f-datalist"
@@ -1098,12 +1394,12 @@ const Ua = X({
       }, null)])])])]
     });
   }
-}), bt = X({
+}), bt = /* @__PURE__ */ X({
   name: "FComboList",
   props: Fa,
   emits: [je.clear, je.update],
   setup(e, n) {
-    const t = h(), {
+    const t = v(), {
       onValueChange: o,
       displayText: l,
       modelValue: u,
@@ -1119,7 +1415,7 @@ const Ua = X({
       context: n,
       isPanelVisible: s,
       modelValue: u
-    }), v = we({
+    }), h = we({
       comboListRef: t,
       isPanelVisible: s,
       comboListProps: e,
@@ -1128,7 +1424,7 @@ const Ua = X({
       dataSource: r,
       defaultOptionSlot: n.slots.default
     });
-    return Je(Re, v), () => a(be, null, [a(Fe("f-button-edit"), Se({
+    return Je(Re, h), () => a(be, null, [a(Fe("f-button-edit"), Se({
       ref: t,
       id: e.id,
       class: {
@@ -1161,39 +1457,67 @@ const Ua = X({
     e.component(bt.name, bt);
   }
 }, Za = {
+  /** 列集合 */
   columns: { type: Array, default: [] },
+  /** 列配置 */
   columnOption: { type: Object },
+  /** 被绑定数据 */
   data: { type: Array, default: [] },
+  /** 禁用组件 */
   disable: { type: Boolean, default: !1 },
+  /** 允许编辑 */
   editable: { type: Boolean, default: !1 },
+  /** 编辑配置 */
   editOption: { type: Object },
+  /** 筛选配置 */
   filter: { type: Object },
+  /** 适配父组件尺寸 */
   fit: { type: Boolean, default: !1 },
+  /** 分组配置 */
   group: { type: Object },
+  /** 列标题配置 */
   header: { type: Object },
+  /** 高度 */
   height: { type: Number, default: 300 },
+  /** DataGrid组件唯一标识 */
   id: { type: String, default: "" },
+  /** 被绑定数据的标识字段 */
   idField: { type: String, default: "id", require: !0 },
+  /** 纵向合并具有相同值的单元格 */
   mergeCell: { type: Boolean, default: !1 },
+  /** 分页配置 */
   pagination: { type: Object },
+  /** 行号配置 */
   rowNumber: { type: Object },
+  /** 行配置 */
   rowOption: { type: Object },
+  /** 选择配置 */
   selection: { type: Object },
+  /** 显示边框 */
   showBorder: { type: Boolean, default: !1 },
+  /** 显示底部面板 */
   showFooter: { type: Boolean, default: !1 },
+  /** 显示顶部面板 */
   showHeader: { type: Boolean, default: !0 },
+  /** 显示配置按钮 */
   showOptions: { type: Boolean, default: !1 },
+  /** 显示滚动条 */
   showScrollBar: { type: String, default: "auto" },
+  /** 显示条纹 */
   showStripe: { type: Boolean, default: !0 },
+  /** 排序配置 */
   sort: { type: Object },
+  /** 合计配置 */
   summary: { type: Object },
+  /** 启用虚拟渲染 */
   virtualized: { type: Boolean, default: !1 },
+  /** 宽度 */
   width: { type: Number, default: 800 }
 };
 var ye = /* @__PURE__ */ ((e) => (e[e.readonly = 0] = "readonly", e[e.editable = 1] = "editable", e[e.editing = 2] = "editing", e))(ye || {}), Be = /* @__PURE__ */ ((e) => (e[e.data = 0] = "data", e[e.group = 1] = "group", e[e.summary = 2] = "summary", e))(Be || {});
 function Xa(e, n, t, o, l, u, s) {
   var y, k;
-  const r = h(e.mergeCell), d = h(e.rowOption), f = ((y = d.value) == null ? void 0 : y.height) || 28, p = ((k = d.value) == null ? void 0 : k.wrapContent) || !1, c = h(l - 1 + u), v = h(0);
+  const r = v(e.mergeCell), d = v(e.rowOption), f = ((y = d.value) == null ? void 0 : y.height) || 28, p = ((k = d.value) == null ? void 0 : k.wrapContent) || !1, c = v(l - 1 + u), h = v(0);
   function i(S, g, x) {
     const P = g && g.data[x];
     if (P && P.data === S.data) {
@@ -1231,22 +1555,22 @@ function Xa(e, n, t, o, l, u, s) {
         mode: O.readonly ? ye.readonly : ye.editable,
         data: S[O.field],
         parent: B,
-        getEditor(E) {
-          return s.getEditor(E, O);
+        getEditor(H) {
+          return s.getEditor(H, O);
         },
-        setRef: (E) => {
-          if (p && E) {
-            const H = D.parent;
-            D.cellHeight !== E.offsetHeight && (D.cellHeight = E.offsetHeight), D.cellHeight && D.cellHeight > (H.height || 0) && (H.height = D.cellHeight, S.__fv_data_height__ = H.height);
-            const W = H.pre;
+        setRef: (H) => {
+          if (p && H) {
+            const E = D.parent;
+            D.cellHeight !== H.offsetHeight && (D.cellHeight = H.offsetHeight), D.cellHeight && D.cellHeight > (E.height || 0) && (E.height = D.cellHeight, S.__fv_data_height__ = E.height);
+            const W = E.pre;
             if (W) {
               const M = (W.__fv_data_position__ || 0) + (W.__fv_data_height__ || 0);
-              H.top = M, S.__fv_data_position__ = M;
+              E.top = M, S.__fv_data_position__ = M;
             }
           }
         },
-        update: (E) => {
-          E !== void 0 && (S[O.field] = E, D.data = S[O.field]);
+        update: (H) => {
+          H !== void 0 && (S[O.field] = H, D.data = S[O.field]);
         }
       };
       r.value && i(D, x, O.field), B.data[O.field] = D;
@@ -1255,10 +1579,10 @@ function Xa(e, n, t, o, l, u, s) {
   function A(S, g, x, P) {
     const { dataView: T } = o, _ = [], C = P ? Date.now().toString() : "";
     for (let B = S, O = 0; B < g; B++, O++) {
-      const N = T.value[B], D = T.value[B - 1] || x, E = _[O - 1], H = D ? (D.__fv_data_position__ || 0) + (D.__fv_data_height__ || 0) : 0, W = N.__fv_data_grid_group_row__ ? t.renderGroupRow(N, D, B, H, n.value) : N.__fv_data_grid_group_summary__ ? t.renderSummaryRow(N, D, B, H, n.value) : m(N, D, E, B, H, n.value);
+      const N = T.value[B], D = T.value[B - 1] || x, H = _[O - 1], E = D ? (D.__fv_data_position__ || 0) + (D.__fv_data_height__ || 0) : 0, W = N.__fv_data_grid_group_row__ ? t.renderGroupRow(N, D, B, E, n.value) : N.__fv_data_grid_group_summary__ ? t.renderSummaryRow(N, D, B, E, n.value) : m(N, D, H, B, E, n.value);
       W.refreshKey = C, _.push(W);
     }
-    return v.value = _[0].index, c.value = _[_.length - 1].index, _;
+    return h.value = _[0].index, c.value = _[_.length - 1].index, _;
   }
   function w(S, g, x) {
     const P = g.groupField || "", { groupValue: T } = g;
@@ -1266,11 +1590,11 @@ function Xa(e, n, t, o, l, u, s) {
     const { dataView: _ } = o, C = x[0].index, B = Math.min(C + l + u + 1, _.value.length);
     return A(C, B);
   }
-  return { getVisualData: A, maxVisibleRowIndex: c, minVisibleRowIndex: v, toggleGroupRow: w };
+  return { getVisualData: A, maxVisibleRowIndex: c, minVisibleRowIndex: h, toggleGroupRow: w };
 }
 function Ja(e, n) {
-  var v;
-  const t = ((v = e.rowOption) == null ? void 0 : v.height) || 28, o = h(n.value.primaryColumnsWidth);
+  var h;
+  const t = ((h = e.rowOption) == null ? void 0 : h.height) || 28, o = v(n.value.primaryColumnsWidth);
   function l(i) {
     const m = {};
     return i.reduce(
@@ -1314,6 +1638,8 @@ function Ja(e, n) {
       width: `${A[m.field].width}px`,
       height: `${y}px`,
       padding: `calc(${y / 2}px - 1rem) 0`
+      // height: `calc(${rowHeight}px * ${cell.rowSpan})`,
+      // padding: `calc(${rowHeight * cell.rowSpan / 2}px - 1rem) 0`
     };
   }
   function f(i, m) {
@@ -1345,14 +1671,14 @@ function Ja(e, n) {
 }
 function en(e, n, t, o, l, u, s, r) {
   var ve;
-  const { dataView: d } = n, { getVisualData: f, maxVisibleRowIndex: p, minVisibleRowIndex: c } = l, v = h(o.value.primaryColumnsWidth), i = h(o.value.leftColumnsWidth), m = h(o.value.rightColumnsWidth), A = ((ve = e.rowOption) == null ? void 0 : ve.height) || 28, w = h(0), y = h(0);
+  const { dataView: d } = n, { getVisualData: f, maxVisibleRowIndex: p, minVisibleRowIndex: c } = l, h = v(o.value.primaryColumnsWidth), i = v(o.value.leftColumnsWidth), m = v(o.value.rightColumnsWidth), A = ((ve = e.rowOption) == null ? void 0 : ve.height) || 28, w = v(0), y = v(0);
   let k = 0, S = u - 1;
-  const g = h(0), x = h(0), P = h(0), T = A * u, _ = b(() => d.value.length * A), C = b(() => d.value.length > u + s ? Math.floor((u + s) / d.value.length * x.value) : x.value), B = b(() => Math.floor(P.value / v.value * g.value)), O = 0, N = 0, D = b(() => g.value - (i.value + v.value + m.value + r.value));
-  function E() {
+  const g = v(0), x = v(0), P = v(0), T = A * u, _ = b(() => d.value.length * A), C = b(() => d.value.length > u + s ? Math.floor((u + s) / d.value.length * x.value) : x.value), B = b(() => Math.floor(P.value / h.value * g.value)), O = 0, N = 0, D = b(() => g.value - (i.value + h.value + m.value + r.value));
+  function H() {
     const L = p.value < d.value.length ? d.value[p.value] : d.value[d.value.length - 1];
     return (L.__fv_data_position__ || 0) + (L.__fv_data_height__ || 0) + Math.max(d.value.length - 1 - p.value, 0) * A;
   }
-  function H(L) {
+  function E(L) {
     const Z = d.value.find((de) => de.__fv_data_position__ > L);
     return Z ? Z.__fv_index__ - 1 : 0;
   }
@@ -1363,8 +1689,8 @@ function en(e, n, t, o, l, u, s, r) {
   function M(L) {
     let Z = w.value + L;
     Z > O && (Z = O);
-    const de = Z > O, ge = E(), Te = ge > x.value;
-    Te && Z < x.value - ge && (Z = x.value - ge), (!Te || de) && (Z = O), w.value !== Z && (w.value = Z, k = H(Math.abs(w.value)), S = k + u, (k < c.value || S > p.value - s / 2) && W());
+    const de = Z > O, ge = H(), Te = ge > x.value;
+    Te && Z < x.value - ge && (Z = x.value - ge), (!Te || de) && (Z = O), w.value !== Z && (w.value = Z, k = E(Math.abs(w.value)), S = k + u, (k < c.value || S > p.value - s / 2) && W());
   }
   function F(L) {
     let Z = y.value + L;
@@ -1373,7 +1699,7 @@ function en(e, n, t, o, l, u, s, r) {
   le(P, () => {
     F(0);
   }), le(o, () => {
-    v.value = o.value.primaryColumnsWidth, i.value = o.value.leftColumnsWidth, m.value = o.value.rightColumnsWidth;
+    h.value = o.value.primaryColumnsWidth, i.value = o.value.leftColumnsWidth, m.value = o.value.rightColumnsWidth;
   });
   function R(L) {
     L.preventDefault(), L.stopPropagation();
@@ -1388,7 +1714,7 @@ function en(e, n, t, o, l, u, s, r) {
     transform: `translateY(${w.value}px)`
   })), ee = b(() => ({
     height: `${d.value.length * A}px`,
-    width: `${v.value}px`,
+    width: `${h.value}px`,
     transform: `translate(${y.value}px, ${w.value}px)`
   })), te = b(() => ({
     transform: `translate(${y.value}px, ${w.value}px)`
@@ -1405,11 +1731,12 @@ function en(e, n, t, o, l, u, s, r) {
   })), z = b(() => ({
     width: `${i.value}px`
   })), J = b(() => ({
+    // width: `${visibleGridViewWidth}px`,
     transform: `translateX(${y.value}px)`
   })), ae = b(() => ({
     width: `${m.value}px`
   })), ne = b(() => {
-    const L = E();
+    const L = H();
     return w.value / (x.value - L) * (x.value - C.value);
   }), oe = b(() => ({
     height: `${C.value}px`,
@@ -1417,13 +1744,13 @@ function en(e, n, t, o, l, u, s, r) {
   })), re = b(() => y.value / D.value * (g.value - B.value)), ce = b(() => ({
     width: `${B.value}px`,
     left: `${re.value}px`
-  })), U = h(!1), G = h(-1), pe = h(-1);
+  })), U = v(!1), G = v(-1), pe = v(-1);
   let xe;
   function j(L) {
     if (U.value && pe.value !== -1) {
       const Z = pe.value - L.pageX, de = g.value - B.value;
       if (Math.abs(Z) <= de) {
-        const ge = Z / (P.value - B.value) * (v.value - P.value);
+        const ge = Z / (P.value - B.value) * (h.value - P.value);
         F(ge), pe.value = L.pageX;
       }
     }
@@ -1467,7 +1794,7 @@ function en(e, n, t, o, l, u, s, r) {
   };
 }
 function tn(e) {
-  const n = h(e.idField), t = h(-1), o = h("");
+  const n = v(e.idField), t = v(-1), o = v("");
   function l(d) {
     return {
       "fv-grid-row": d.type === Be.data,
@@ -1497,7 +1824,7 @@ function tn(e) {
   return { gridRowClass: l, onClickRow: u, onMouseoverRow: s, sidebarRowClass: r };
 }
 function an(e) {
-  const t = h({
+  const t = v({
     defaultColumnWidth: 120,
     headerDepth: 1,
     leftColumns: [],
@@ -1510,7 +1837,7 @@ function an(e) {
     rightColumnsWidth: 0,
     rightHeaderColumns: [],
     summaryColumns: []
-  }), o = h(e.summary), l = b(() => {
+  }), o = v(e.summary), l = b(() => {
     const d = o.value;
     return (d == null ? void 0 : d.groupFields) || [];
   });
@@ -1524,8 +1851,8 @@ function an(e) {
 }
 function nn(e, n) {
   var f;
-  const t = h((f = e.columnOption) == null ? void 0 : f.groups);
-  function o(p, c, v, i, m) {
+  const t = v((f = e.columnOption) == null ? void 0 : f.groups);
+  function o(p, c, h, i, m) {
     const A = {
       actualWidth: 0,
       children: [],
@@ -1533,7 +1860,7 @@ function nn(e, n) {
       field: p.field,
       layer: 1,
       left: 0,
-      parent: v,
+      parent: h,
       resizable: !1,
       title: p.title || ""
     }, w = i || A;
@@ -1557,9 +1884,9 @@ function nn(e, n) {
       groupedCells: /* @__PURE__ */ new Map(),
       fieldToRootMap: /* @__PURE__ */ new Map()
     };
-    return t.value && t.value.reduce((v, i) => {
+    return t.value && t.value.reduce((h, i) => {
       const m = o(i, p, null, null, c);
-      return v.groupedCells.set(i.field, m), v;
+      return h.groupedCells.set(i.field, m), h;
     }, c), c;
   }
   function u(p) {
@@ -1569,33 +1896,33 @@ function nn(e, n) {
     return c.children && c.children.length > 0 && (c.left = u(c.children)), c.left;
   }
   function s(p, c) {
-    const v = n.value.headerDepth;
+    const h = n.value.headerDepth;
     p.forEach((i) => {
       i.layer = c ? c.layer + 1 : 1;
       const m = i.children && i.children.length === 0;
-      i.depth = m ? v - (i.layer - 1) : 1, i.left = m ? i.left : u(i.children), i.children && s(i.children, i);
+      i.depth = m ? h - (i.layer - 1) : 1, i.left = m ? i.left : u(i.children), i.children && s(i.children, i);
     });
   }
   function r(p, c) {
-    const v = /* @__PURE__ */ new Map();
+    const h = /* @__PURE__ */ new Map();
     return p.forEach((i) => {
       const m = c.fieldToRootMap.get(i.field), A = m != null;
-      A && !v.has(m.field) && v.set(m.field, m), A || v.set(i.field, i);
-    }), s(Array.from(v.values())), v;
+      A && !h.has(m.field) && h.set(m.field, m), A || h.set(i.field, i);
+    }), s(Array.from(h.values())), h;
   }
   function d(p) {
-    let c = /* @__PURE__ */ new Map(), v = 0;
+    let c = /* @__PURE__ */ new Map(), h = 0;
     if (p.reduce((i, m) => (i.set(m.field, {
       actualWidth: m.actualWidth || 0,
       children: [],
       depth: 1,
       layer: 1,
-      left: v,
+      left: h,
       field: m.field,
       parent: null,
       resizable: m.resizable || !1,
       title: m.title
-    }), v += m.actualWidth || 0, i), c), t.value) {
+    }), h += m.actualWidth || 0, i), c), t.value) {
       const i = l(c);
       c = r(c, i);
     }
@@ -1605,9 +1932,9 @@ function nn(e, n) {
 }
 function ln(e, n) {
   var g, x, P, T, _;
-  const { getGridHeaderCells: t } = nn(e, n), o = 120, l = 32, u = h(((g = e.rowNumber) == null ? void 0 : g.enable) || !1), s = h(((x = e.selection) == null ? void 0 : x.multiSelect) || !1), r = h(
+  const { getGridHeaderCells: t } = nn(e, n), o = 120, l = 32, u = v(((g = e.rowNumber) == null ? void 0 : g.enable) || !1), s = v(((x = e.selection) == null ? void 0 : x.multiSelect) || !1), r = v(
     0 + (u.value && ((P = e.rowNumber) == null ? void 0 : P.width) || 0) + (s.value ? l : 0)
-  ), d = h(((T = e.columnOption) == null ? void 0 : T.fitColumns) || !1), f = h(d.value && ((_ = e.columnOption) == null ? void 0 : _.fitMode) || "none");
+  ), d = v(((T = e.columnOption) == null ? void 0 : T.fitColumns) || !1), f = v(d.value && ((_ = e.columnOption) == null ? void 0 : _.fitMode) || "none");
   function p(C, B, O) {
     const N = parseInt(C.width, 10) / 100;
     return O * N;
@@ -1615,20 +1942,20 @@ function ln(e, n) {
   function c(C, B, O) {
     return typeof C.width == "string" ? p(C, B, O) : C.width || o;
   }
-  function v(C, B) {
+  function h(C, B) {
     const O = [], N = [];
     let D = 0;
     C.value.primaryColumns.forEach((W) => {
       typeof W.width == "string" ? N.push(W) : (W.width = W.width || o, D += W.width, O.push(W));
     });
-    const E = B * (O.length / C.value.primaryColumns.length);
+    const H = B * (O.length / C.value.primaryColumns.length);
     O.forEach((W) => {
-      const M = E * (W.width / D);
+      const M = H * (W.width / D);
       W.actualWidth = M, C.value.primaryColumnsWidth += W.actualWidth;
     });
-    const H = B - E;
+    const E = B - H;
     N.forEach((W) => {
-      const M = p(W, C.value, H);
+      const M = p(W, C.value, E);
       W.actualWidth = M, C.value.primaryColumnsWidth += W.actualWidth;
     });
   }
@@ -1640,22 +1967,22 @@ function ln(e, n) {
   }
   function m(C, B) {
     const O = [], N = [], D = /* @__PURE__ */ new WeakMap();
-    let E = 0, H = 0;
+    let H = 0, E = 0;
     if (C.value.primaryColumns.forEach((M) => {
       if (typeof M.width == "string") {
         const F = p(M, C.value, B);
-        D.set(M, F), E += F, N.push(M);
+        D.set(M, F), H += F, N.push(M);
       } else
-        M.width = M.width || o, H += M.width, O.push(M);
-    }), B - E > H) {
-      const M = B - E;
+        M.width = M.width || o, E += M.width, O.push(M);
+    }), B - H > E) {
+      const M = B - H;
       N.forEach((F) => {
         F.actualWidth = D.get(F) || o, C.value.primaryColumnsWidth += F.actualWidth;
       }), O.forEach((F) => {
-        F.actualWidth = M * (F.width / H), C.value.primaryColumnsWidth += F.actualWidth;
+        F.actualWidth = M * (F.width / E), C.value.primaryColumnsWidth += F.actualWidth;
       });
     } else
-      v(C, B);
+      h(C, B);
   }
   function A(C, B) {
     C.value.primaryColumns.forEach((O) => {
@@ -1666,7 +1993,7 @@ function ln(e, n) {
     average: i,
     expand: m,
     none: A,
-    percentage: v
+    percentage: h
   };
   function y(C) {
     C.value.leftHeaderColumns = Array.from(t(C.value.leftColumns).values()), C.value.primaryHeaderColumns = Array.from(t(C.value.primaryColumns).values()), C.value.rightHeaderColumns = Array.from(t(C.value.rightColumns).values());
@@ -1684,25 +2011,25 @@ function ln(e, n) {
     if (B) {
       C.value.leftColumnsWidth = 0, C.value.primaryColumnsWidth = 0, C.value.rightColumnsWidth = 0;
       const N = B.clientWidth - r.value;
-      C.value.leftColumns.forEach((H) => {
-        H.actualWidth = c(H, C.value, N), C.value.leftColumnsWidth += H.actualWidth;
-      }), C.value.rightColumns.forEach((H) => {
-        H.actualWidth = c(H, C.value, N), C.value.rightColumnsWidth += H.actualWidth;
+      C.value.leftColumns.forEach((E) => {
+        E.actualWidth = c(E, C.value, N), C.value.leftColumnsWidth += E.actualWidth;
+      }), C.value.rightColumns.forEach((E) => {
+        E.actualWidth = c(E, C.value, N), C.value.rightColumnsWidth += E.actualWidth;
       });
-      const D = N - C.value.leftColumnsWidth - C.value.rightColumnsWidth, E = w[f.value];
-      E && E(C, D), O.value = D, y(C), C.value = Object.assign({}, C.value);
+      const D = N - C.value.leftColumnsWidth - C.value.rightColumnsWidth, H = w[f.value];
+      H && H(C, D), O.value = D, y(C), C.value = Object.assign({}, C.value);
     }
   }
   return { calculateColumnHeaders: y, calculateColumnsSize: S, calculateColumnsWidth: k };
 }
 function on(e) {
   var f, p, c;
-  const t = h(((f = e.rowNumber) == null ? void 0 : f.enable) || !1), o = h(((p = e.selection) == null ? void 0 : p.showCheckbox) || !1), l = h(t.value && ((c = e.rowNumber) == null ? void 0 : c.width) || 0), u = h(o.value ? 50 : 0), s = b(() => u.value + l.value);
-  function r(v) {
+  const t = v(((f = e.rowNumber) == null ? void 0 : f.enable) || !1), o = v(((p = e.selection) == null ? void 0 : p.showCheckbox) || !1), l = v(t.value && ((c = e.rowNumber) == null ? void 0 : c.width) || 0), u = v(o.value ? 50 : 0), s = b(() => u.value + l.value);
+  function r(h) {
     return {
-      top: `${v.top}px`,
+      top: `${h.top}px`,
       width: `${s.value}px`,
-      height: `${v.height || ""}px`
+      height: `${h.height || ""}px`
     };
   }
   const d = b(() => ({
@@ -1711,7 +2038,7 @@ function on(e) {
   return { showRowCheckbox: o, showRowNumer: t, sidebarCellPosition: r, sidebarCornerCellStyle: d, sidebarWidth: s };
 }
 function Lt(e) {
-  const n = h(e.idField), t = h(e.summary), o = h(e.group), l = b(() => {
+  const n = v(e.idField), t = v(e.summary), o = v(e.group), l = b(() => {
     const w = t.value;
     return (w == null ? void 0 : w.groupFields) || [];
   }), u = b(() => {
@@ -1774,7 +2101,7 @@ function Lt(e) {
       k.__fv_data_index__ = S;
     }), y;
   }
-  function v(w, y) {
+  function h(w, y) {
     if (!w || w.length === 0)
       return y;
     const k = w.join(",");
@@ -1806,12 +2133,12 @@ function Lt(e) {
       getEditor: (D) => D.data,
       setRef: (D) => {
         if (D) {
-          const E = O.parent;
-          O.cellHeight !== D.offsetHeight && (O.cellHeight = D.offsetHeight), O.cellHeight && O.cellHeight > (E.height || 0) && (E.height = O.cellHeight, w.__fv_data_height__ = E.height);
-          const H = E.pre;
-          if (H) {
-            const W = (H.__fv_data_position__ || 0) + (H.__fv_data_height__ || 0);
-            E.top = W, w.__fv_data_position__ = W;
+          const H = O.parent;
+          O.cellHeight !== D.offsetHeight && (O.cellHeight = D.offsetHeight), O.cellHeight && O.cellHeight > (H.height || 0) && (H.height = O.cellHeight, w.__fv_data_height__ = H.height);
+          const E = H.pre;
+          if (E) {
+            const W = (E.__fv_data_position__ || 0) + (E.__fv_data_height__ || 0);
+            H.top = W, w.__fv_data_position__ = W;
           }
         }
       },
@@ -1830,12 +2157,12 @@ function Lt(e) {
       getEditor: (D) => D.data,
       setRef: (D) => {
         if (D) {
-          const E = N.parent;
-          N.cellHeight !== D.offsetHeight && (N.cellHeight = D.offsetHeight), N.cellHeight && N.cellHeight > (E.height || 0) && (E.height = N.cellHeight, w.__fv_data_height__ = E.height);
-          const H = E.pre;
-          if (H) {
-            const W = (H.__fv_data_position__ || 0) + (H.__fv_data_height__ || 0);
-            E.top = W, w.__fv_data_position__ = W;
+          const H = N.parent;
+          N.cellHeight !== D.offsetHeight && (N.cellHeight = D.offsetHeight), N.cellHeight && N.cellHeight > (H.height || 0) && (H.height = N.cellHeight, w.__fv_data_height__ = H.height);
+          const E = H.pre;
+          if (E) {
+            const W = (E.__fv_data_position__ || 0) + (E.__fv_data_height__ || 0);
+            H.top = W, w.__fv_data_position__ = W;
           }
         }
       },
@@ -1844,9 +2171,9 @@ function Lt(e) {
     };
     if (B.data[P] = N, u.value) {
       let D = N.colSpan;
-      const E = l.value.reduce((H, W) => (H.set(W, !0), H), /* @__PURE__ */ new Map());
-      g.reduce((H, W, M) => {
-        if (E.has(W.field)) {
+      const H = l.value.reduce((E, W) => (E.set(W, !0), E), /* @__PURE__ */ new Map());
+      g.reduce((E, W, M) => {
+        if (H.has(W.field)) {
           const F = {
             colSpan: 1,
             rowSpan: 1,
@@ -1872,7 +2199,7 @@ function Lt(e) {
           };
           B.data[W.field] = F, D - 1 > M && (D = M);
         }
-        return H;
+        return E;
       }, B), N.colSpan = D;
     }
     return B;
@@ -1906,8 +2233,8 @@ function Lt(e) {
           C.cellHeight !== O.offsetHeight && (C.cellHeight = O.offsetHeight), C.cellHeight && C.cellHeight > (N.height || 0) && (N.height = C.cellHeight, w.__fv_data_height__ = N.height);
           const D = N.pre;
           if (D) {
-            const E = (D.__fv_data_position__ || 0) + (D.__fv_data_height__ || 0);
-            N.top = E, w.__fv_data_position__ = E;
+            const H = (D.__fv_data_position__ || 0) + (D.__fv_data_height__ || 0);
+            N.top = H, w.__fv_data_position__ = H;
           }
         }
       },
@@ -1930,8 +2257,8 @@ function Lt(e) {
           B.cellHeight !== O.offsetHeight && (B.cellHeight = O.offsetHeight), B.cellHeight && B.cellHeight > (N.height || 0) && (N.height = B.cellHeight, w.__fv_data_height__ = N.height);
           const D = N.pre;
           if (D) {
-            const E = (D.__fv_data_position__ || 0) + (D.__fv_data_height__ || 0);
-            N.top = E, w.__fv_data_position__ = E;
+            const H = (D.__fv_data_position__ || 0) + (D.__fv_data_height__ || 0);
+            N.top = H, w.__fv_data_position__ = H;
           }
         }
       },
@@ -1947,33 +2274,33 @@ function Lt(e) {
       "fv-grid-group-row-icon-collapse": w.collapse
     };
   }
-  return { collpaseGroupIconClass: A, renderGroupedData: v, renderGroupRow: i, renderSummaryRow: m };
+  return { collpaseGroupIconClass: A, renderGroupedData: h, renderGroupRow: i, renderSummaryRow: m };
 }
 function sn(e) {
   var x, P;
-  const n = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), o = h(((x = e.group) == null ? void 0 : x.groupFields) || []), l = h(((P = e.group) == null ? void 0 : P.enable) || !1), u = h(e.data), s = Lt(e), r = h(e.summary), d = b(() => {
+  const n = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), o = v(((x = e.group) == null ? void 0 : x.groupFields) || []), l = v(((P = e.group) == null ? void 0 : P.enable) || !1), u = v(e.data), s = Lt(e), r = v(e.summary), d = b(() => {
     const T = r.value;
     return (T == null ? void 0 : T.groupFields) || [];
-  }), f = d.value.reduce((T, _) => (T.set(_, 0), T), /* @__PURE__ */ new Map()), p = b(() => u.value.length), c = h(e.pagination), v = b(() => {
+  }), f = d.value.reduce((T, _) => (T.set(_, 0), T), /* @__PURE__ */ new Map()), p = b(() => u.value.length), c = v(e.pagination), h = b(() => {
     var T;
     return ((T = c.value) == null ? void 0 : T.size) || u.value.length;
-  }), i = h(1);
+  }), i = v(1);
   function m() {
     let T = u.value;
     l.value && (T = s.renderGroupedData(o.value, u.value));
-    const _ = (i.value - 1) * v.value, C = Math.min(_ + v.value, p.value);
+    const _ = (i.value - 1) * h.value, C = Math.min(_ + h.value, p.value);
     let B = 0;
     const O = [];
     for (let N = _; N < C; N++) {
       const D = T[N];
-      D.__fv_data_grid_group_row__ ? (B = 0, D.__fv_data_index__ = "") : D.__fv_data_grid_group_summary__ ? D.__fv_data_index__ = "" : (B++, D.__fv_data_index__ = B), D.__fv_index__ = N, d.value.forEach((E) => {
-        const H = f.get(E) || 0;
-        f.set(E, H + D[E]);
+      D.__fv_data_grid_group_row__ ? (B = 0, D.__fv_data_index__ = "") : D.__fv_data_grid_group_summary__ ? D.__fv_data_index__ = "" : (B++, D.__fv_data_index__ = B), D.__fv_index__ = N, d.value.forEach((H) => {
+        const E = f.get(H) || 0;
+        f.set(H, E + D[H]);
       }), O.push(D);
     }
     return O;
   }
-  const A = h(m());
+  const A = v(m());
   function w(T, _ = !1) {
     const C = _ ? m() : A.value;
     return A.value = C.filter((B, O) => T.reduce((N, D) => N && D(B), !0)).map((B, O) => {
@@ -1995,10 +2322,10 @@ function sn(e) {
     return n.set(C, !1), t.delete(`collapse_${T}_${_}`), w(Array.from(t.values()), !0);
   }
   function S(T, _, C) {
-    return (T && T.length ? A.value.filter((O, N) => T.reduce((D, E) => D && E(O), !0)) : A.value).slice(_, C);
+    return (T && T.length ? A.value.filter((O, N) => T.reduce((D, H) => D && H(O), !0)) : A.value).slice(_, C);
   }
   function g(T) {
-    if (T * v.value < p.value) {
+    if (T * h.value < p.value) {
       i.value = T;
       const C = m();
       A.value = C;
@@ -2044,7 +2371,7 @@ function wt(e) {
 }
 function cn(e) {
   var p;
-  const n = h(e.editable), t = h(((p = e.rowOption) == null ? void 0 : p.wrapContent) || !1);
+  const n = v(e.editable), t = v(((p = e.rowOption) == null ? void 0 : p.wrapContent) || !1);
   le(
     () => e.editable,
     () => {
@@ -2070,12 +2397,12 @@ function cn(e) {
   function r(c) {
     c.mode = ye.editable;
   }
-  function d(c, v) {
-    n.value && v.mode === ye.editable && u !== v && (u && r(u), s(v));
+  function d(c, h) {
+    n.value && h.mode === ye.editable && u !== h && (u && r(u), s(h));
   }
-  function f(c, v) {
-    const i = v.dataType;
-    let m = v.editor || o.get(i) || "text-editor";
+  function f(c, h) {
+    const i = h.dataType;
+    let m = h.editor || o.get(i) || "text-editor";
     !t.value && m === "text-area" && (m = "text-editor");
     const A = l.get(m);
     return A ? A(c) : c.data;
@@ -2086,7 +2413,7 @@ function dn(e, n, t, o, l, u, s, r, d, f) {
   const {
     calculateCellPositionInRow: p,
     cellKey: c,
-    cellPosition: v,
+    cellPosition: h,
     rowKey: i,
     rowPosition: m,
     rowSpanCellPosition: A,
@@ -2110,8 +2437,8 @@ function dn(e, n, t, o, l, u, s, r, d, f) {
     onMouseDownScrollThumb: O,
     onWheel: N,
     dataGridWidth: D,
-    gridDataStyle: E,
-    gridMergedDataStyle: H,
+    gridDataStyle: H,
+    gridMergedDataStyle: E,
     gridSideStyle: W,
     viewPortHeight: M,
     viewPortWidth: F,
@@ -2146,7 +2473,7 @@ function dn(e, n, t, o, l, u, s, r, d, f) {
           ref: ve.setRef,
           key: c(j, ve.index),
           class: "fv-grid-cell",
-          style: v(ve, Q)
+          style: h(ve, Q)
         }, [ve.data]));
       });
     }
@@ -2197,7 +2524,7 @@ function dn(e, n, t, o, l, u, s, r, d, f) {
       ref: Y.setRef,
       key: c(j, Y.index),
       class: "fv-grid-cell",
-      style: v(Y, Q),
+      style: h(Y, Q),
       onClick: (se) => P(se, Y)
     }, [Y.mode === ye.editing ? Y.getEditor(Y) : Y.data]))]);
   }
@@ -2231,10 +2558,10 @@ function dn(e, n, t, o, l, u, s, r, d, f) {
       class: "fv-grid-content-primary"
     }, [a("div", {
       class: "fv-grid-data",
-      style: E.value
+      style: H.value
     }, [re(_.value.primaryColumns)]), a("div", {
       class: "fv-grid-merge-date",
-      style: H.value
+      style: E.value
     }, [ce(_.value.primaryColumns)])]);
   }
   function pe() {
@@ -2257,7 +2584,7 @@ function dn(e, n, t, o, l, u, s, r, d, f) {
   };
 }
 function fn(e, n, t, o) {
-  const l = h(-1), u = h(0), s = h(!1);
+  const l = v(-1), u = v(0), s = v(!1);
   let r = "";
   const d = b(() => ({
     display: s.value ? "block" : "none",
@@ -2276,12 +2603,12 @@ function fn(e, n, t, o) {
     }
     u.value = 0, s.value = !1, o.reCalculateVisualDataRows(), document.removeEventListener("mousemove", p), document.body.style.userSelect = "", r = "";
   }
-  function v(i, m) {
+  function h(i, m) {
     r = m, s.value = !0;
     const A = i.path.find((w) => w.className.split(" ")[0] === "fv-grid");
     u.value = i.clientX - A.offsetLeft, l.value = i.clientX - A.offsetLeft, document.addEventListener("mousemove", p), document.addEventListener("mouseup", c), document.body.style.userSelect = "none";
   }
-  return { onClickColumnResizeBar: v, resizeHandleStyle: d, resizeOverlayStyle: f };
+  return { onClickColumnResizeBar: h, resizeHandleStyle: d, resizeOverlayStyle: f };
 }
 function vn(e, n, t, o, l, u, s) {
   const {
@@ -2291,7 +2618,7 @@ function vn(e, n, t, o, l, u, s) {
   } = l, {
     columnContext: p,
     hasLeftFixedColumn: c,
-    hasRightFixedColumn: v
+    hasRightFixedColumn: h
   } = t, {
     onClickColumnResizeBar: i,
     resizeHandleStyle: m,
@@ -2368,7 +2695,7 @@ function vn(e, n, t, o, l, u, s) {
       for: "sidebar_checkall"
     }, null)]), d.value && ((W = e.rowNumber) == null ? void 0 : W.heading)]);
   }
-  function E() {
+  function H() {
     return a("div", {
       class: T.value,
       style: _.value
@@ -2377,9 +2704,9 @@ function vn(e, n, t, o, l, u, s) {
     }, [a("div", {
       class: "fv-grid-header-columns",
       style: w.value
-    }, [B(p.value.primaryHeaderColumns)])]), v.value && N()]);
+    }, [B(p.value.primaryHeaderColumns)])]), h.value && N()]);
   }
-  function H() {
+  function E() {
     return a(be, null, [a("div", {
       class: "fv-datagrid-resize-overlay",
       style: A.value
@@ -2389,8 +2716,8 @@ function vn(e, n, t, o, l, u, s) {
     }, null)]);
   }
   return {
-    renderGridHeader: E,
-    renderGridColumnResizeOverlay: H
+    renderGridHeader: H,
+    renderGridColumnResizeOverlay: E
   };
 }
 function hn(e, n) {
@@ -2436,7 +2763,7 @@ function pn(e, n, t, o) {
       for: `${A.dataIndex}`
     }, null)]);
   }
-  function v(A) {
+  function h(A) {
     return a("div", {
       class: "fv-grid-sidebar-row-number",
       onMouseover: (w) => l(w, A)
@@ -2446,7 +2773,7 @@ function pn(e, n, t, o) {
     return (s.value || r.value) && A.value.map((w) => a("div", {
       class: u(w),
       style: d(w)
-    }, [s.value && c(w), r.value && v(w)]));
+    }, [s.value && c(w), r.value && h(w)]));
   }
   function m(A) {
     return a("div", {
@@ -2463,7 +2790,7 @@ function pn(e, n, t, o) {
 function gn(e, n, t) {
   const {
     columnContext: o
-  } = t, l = h(e.summary), u = b(() => {
+  } = t, l = v(e.summary), u = b(() => {
     const r = l.value;
     return r && r.enable && r.groupFields && r.groupFields.length > 0;
   });
@@ -2474,7 +2801,7 @@ function gn(e, n, t) {
       class: "fv-datagird-summary-panel"
     }, [a("span", {
       class: "fv-datagrid-summary-title"
-    }, [_e("\u5F53\u9875\u5408\u8BA1")]), a("div", {
+    }, [_e("当页合计")]), a("div", {
       class: "fv-datagrid-summary-content"
     }, [o.value.summaryColumns.map((r) => a("div", {
       class: "fv-datagrid-summary-field"
@@ -2524,21 +2851,21 @@ function yn(e, n, t) {
     renderVerticalScrollbar: u
   };
 }
-const xt = X({
+const xt = /* @__PURE__ */ X({
   name: "FDataGrid",
   props: Za,
   emits: [],
   setup(e) {
     var te;
-    const n = h(e.columns), t = 20, o = 0, l = h(), u = h(), s = h(e.showStripe), r = h(!1), d = h(((te = e.rowOption) == null ? void 0 : te.wrapContent) || !1), f = sn(e), p = an(e), {
+    const n = v(e.columns), t = 20, o = 0, l = v(), u = v(), s = v(e.showStripe), r = v(!1), d = v(((te = e.rowOption) == null ? void 0 : te.wrapContent) || !1), f = sn(e), p = an(e), {
       columnContext: c
-    } = p, v = ln(e, c), {
+    } = p, h = ln(e, c), {
       calculateColumnsSize: i
-    } = v, m = Lt(e), A = cn(e), w = Xa(e, n, m, f, t, o, A), {
+    } = h, m = Lt(e), A = cn(e), w = Xa(e, n, m, f, t, o, A), {
       getVisualData: y
     } = w, k = Ja(e, c), S = on(e), {
       sidebarWidth: g
-    } = S, x = h(y(0, t + o)), P = en(e, f, x, c, w, t, o, g), {
+    } = S, x = v(y(0, t + o)), P = en(e, f, x, c, w, t, o, g), {
       onWheel: T,
       dataGridWidth: _,
       viewPortHeight: C,
@@ -2551,11 +2878,11 @@ const xt = X({
       "fv-grid-content-hover": r.value,
       "fv-grid-wrap-content": d.value
     })), {
-      renderDataArea: E
+      renderDataArea: H
     } = dn(e, u, k, p, A, m, O, w, P, x), {
-      renderGridHeader: H,
+      renderGridHeader: E,
       renderGridColumnResizeOverlay: W
-    } = vn(e, l, p, v, S, P), {
+    } = vn(e, l, p, h, S, P), {
       renderDataGridPagination: M
     } = hn(e, f), {
       renderDataGridSidebar: F
@@ -2574,7 +2901,7 @@ const xt = X({
       l.value && (window.addEventListener("resize", ee), i(c, l.value, B), ke(() => {
         l.value && (_.value = l.value.clientWidth), u.value && (B.value = u.value.clientWidth, C.value = u.value.clientHeight);
       }));
-    }), Ee(() => {
+    }), He(() => {
       window.removeEventListener("resize", ee);
     }), le(B, () => {
       l.value && i(c, l.value, B);
@@ -2582,7 +2909,7 @@ const xt = X({
       class: N.value,
       style: "height:600px",
       onWheel: T
-    }, [H(), a("div", {
+    }, [E(), a("div", {
       ref: l,
       class: D.value,
       onMouseover: () => {
@@ -2591,7 +2918,7 @@ const xt = X({
       onMouseleave: () => {
         r.value = !1;
       }
-    }, [F(x), E(), K(), $()]), R(), M(), W()]);
+    }, [F(x), H(), K(), $()]), R(), M(), W()]);
   }
 }), bn = {
   install(e) {
@@ -2669,8 +2996,8 @@ function Me() {
     return Math.round(u(f) / 1e3);
   }
   function r(f, p, c) {
-    const v = u(p), i = u(c), m = u(f);
-    return i - m > m - v ? p : c;
+    const h = u(p), i = u(c), m = u(f);
+    return i - m > m - h ? p : c;
   }
   function d() {
     const f = new Date();
@@ -2685,7 +3012,7 @@ function Me() {
   }
   return { emptyDate: e, getDate: n, getDate2: t, getDayNumber: o, getEpocTime: s, getNearDate: r, getWeekdayIndex: l, getTimeInMilliseconds: u, getToday: d };
 }
-function He() {
+function Ee() {
   const { getTimeInMilliseconds: e } = Me();
   function n(c) {
     return c && c.year !== 0 && c.month !== 0 && c.day !== 0;
@@ -2696,27 +3023,27 @@ function He() {
   function o(c) {
     return c && c.year !== 0;
   }
-  function l(c, v) {
-    return e(c) < e(v);
+  function l(c, h) {
+    return e(c) < e(h);
   }
-  function u(c, v) {
-    return e(c) <= e(v);
+  function u(c, h) {
+    return e(c) <= e(h);
   }
-  function s(c, v) {
-    return e(c) === e(v);
+  function s(c, h) {
+    return e(c) === e(h);
   }
-  function r(c, v) {
-    const i = e(v);
+  function r(c, h) {
+    const i = e(h);
     return e(c.from) === i || e(c.to) === i;
   }
-  function d(c, v) {
-    return !v || !n(v.to) || !n(v.from) ? !1 : u(v.from, c) && u(c, v.to);
+  function d(c, h) {
+    return !h || !n(h.to) || !n(h.from) ? !1 : u(h.from, c) && u(c, h.to);
   }
-  function f(c, v) {
-    return n(v) && e(c) >= e(v);
+  function f(c, h) {
+    return n(h) && e(c) >= e(h);
   }
-  function p(c, v) {
-    return n(v) && e(c) <= e(v);
+  function p(c, h) {
+    return n(h) && e(c) <= e(h);
   }
   return {
     isDateEarlier: l,
@@ -2731,12 +3058,12 @@ function He() {
     isMonthDisabledByDisableUntil: p
   };
 }
-const Ge = X({
+const Ge = /* @__PURE__ */ X({
   name: "FDatePickerCalendarView",
   props: wn,
   emits: ["click", "clickWeek", "keyDown", "mouseEnter", "mouseLeave"],
   setup(e, n) {
-    const t = h(e.dates), o = h(e.daysInWeek), l = h(e.enableKeyboadNavigate), u = h(e.enableMarkCurrent), s = h(e.enablePeriod), r = h(e.firstDayOfTheWeek), d = h(e.selected), f = h(e.selectedPeriod), p = h(e.selectedWeek), c = h(e.selectMode), v = h(e.showWeekNumber), i = h(e.weekTitle), m = b(() => v.value && r.value === "Mon");
+    const t = v(e.dates), o = v(e.daysInWeek), l = v(e.enableKeyboadNavigate), u = v(e.enableMarkCurrent), s = v(e.enablePeriod), r = v(e.firstDayOfTheWeek), d = v(e.selected), f = v(e.selectedPeriod), p = v(e.selectedWeek), c = v(e.selectMode), h = v(e.showWeekNumber), i = v(e.weekTitle), m = b(() => h.value && r.value === "Mon");
     le(() => e.dates, () => {
       t.value = e.dates;
     }), le(() => e.selected, () => {
@@ -2748,7 +3075,7 @@ const Ge = X({
       isInitializedDate: y,
       equalOrEarlier: k,
       isPoint: S
-    } = He(), {
+    } = Ee(), {
       getKeyCodeFromEvent: g
     } = tt(), x = (M) => {
       const F = !!p.value && M.numberInTheYear === p.value.numberInTheYear && M.year === p.value.year;
@@ -2756,7 +3083,7 @@ const Ge = X({
         "f-datepicker-selectWeek": c.value === "week",
         "f-datepicker-selectedWeek": c.value === "week" && F
       };
-    }, P = b(() => v.value && r.value === "Mon");
+    }, P = b(() => h.value && r.value === "Mon");
     function T(M) {
       return w(M, f.value);
     }
@@ -2795,11 +3122,11 @@ const Ge = X({
     function D(M, F) {
       c.value === "week" && (M.stopPropagation(), n.emit("clickWeek", F));
     }
-    function E(M, F) {
+    function H(M, F) {
       const R = g(M);
       R !== Ce.tab && (M.preventDefault(), R === Ce.enter || R === Ce.space ? N(M, F) : l.value && n.emit("keyDown", F.date));
     }
-    function H(M) {
+    function E(M) {
       f.value && y(f.value.from) && !y(f.value.to) && (t.value.forEach((F) => {
         F.days.forEach((R) => {
           R.range = !!f.value && (k(f.value.from, R.date) && k(R.date, M.date) || k(R.date, f.value.from) && k(M.date, R.date));
@@ -2835,8 +3162,8 @@ const Ge = X({
       tabindex: "0",
       class: B(R, F, K),
       onClick: ($) => N($, R),
-      onKeydown: ($) => E($, R),
-      onMouseenter: () => H(R),
+      onKeydown: ($) => H($, R),
+      onMouseenter: () => E(R),
       onMouseleave: () => W()
     }, [R.marked && R.marked.marked && a("span", {
       class: "f-datepicker-markdate",
@@ -2861,13 +3188,13 @@ const Ge = X({
   selectingYear: { type: Boolean, default: !1 },
   selectMode: { type: String, default: "day" }
 };
-const Le = X({
+const Le = /* @__PURE__ */ X({
   name: "FDatePickerCalendarNavbar",
   props: xn,
   emits: ["clickMonth", "clickYear", "prePage", "preRecord", "nextRecord", "nextPage"],
   setup(e, n) {
     return () => {
-      const t = h(e.ariaLabelPrevMonth), o = h(e.ariaLabelNextMonth), l = h(e.dateFormat), u = h(e.disablePrePage), s = h(e.disablePreRecord), r = h(e.disableNextRecord), d = h(e.disableNextPage), f = h(e.activeMonth), p = h(e.years), c = h(e.selectingMonth), v = h(e.selectingYear), i = h(e.selectMode), m = h(!0), A = h(!0);
+      const t = v(e.ariaLabelPrevMonth), o = v(e.ariaLabelNextMonth), l = v(e.dateFormat), u = v(e.disablePrePage), s = v(e.disablePreRecord), r = v(e.disableNextRecord), d = v(e.disableNextPage), f = v(e.activeMonth), p = v(e.years), c = v(e.selectingMonth), h = v(e.selectingYear), i = v(e.selectMode), m = v(!0), A = v(!0);
       le(() => e.activeMonth, () => {
         var M, F, R, K;
         f.value = {
@@ -2879,11 +3206,11 @@ const Le = X({
       });
       const w = b(() => ({
         "f-datepicker-header": !0,
-        monthYearSelBarBorder: c.value || v.value
+        monthYearSelBarBorder: c.value || h.value
       })), y = b(() => ({
         "f-datepicker-header-btn": !0,
         "f-datepicker-header-btn-disabled": u.value
-      })), k = b(() => !c.value && !v.value), S = b(() => ({
+      })), k = b(() => !c.value && !h.value), S = b(() => ({
         "f-datepicker-header-btn": !0,
         "f-datepicker-header-btn-disabled": s.value
       })), g = b(() => ({
@@ -2919,10 +3246,10 @@ const Le = X({
       function D(M) {
         M.stopPropagation(), M.stopPropagation(), n.emit("nextRecord");
       }
-      function E(M) {
+      function H(M) {
         M.stopPropagation(), n.emit("nextPage");
       }
-      function H() {
+      function E() {
         return a("button", {
           type: "button",
           class: P.value,
@@ -2931,10 +3258,10 @@ const Le = X({
           },
           tabindex: m.value ? "0" : "-1",
           disabled: i.value === "year"
-        }, [v.value ? p.value.length > 3 ? p.value[0][1].year + " - " + p.value[3][1].year : "" : f.value.displayTextOfYear]);
+        }, [h.value ? p.value.length > 3 ? p.value[0][1].year + " - " + p.value[3][1].year : "" : f.value.displayTextOfYear]);
       }
       function W() {
-        return !v.value && i.value !== "month" && a("button", {
+        return !h.value && i.value !== "month" && a("button", {
           type: "button",
           class: T.value,
           onClick: (M) => {
@@ -2963,7 +3290,7 @@ const Le = X({
         class: "k-icon k-i-arrow-chevron-left"
       }, null)])]), a("div", {
         class: "f-datepicker-monthYearText"
-      }, [_.value === "yyyy-MM" ? [H(), W()] : [W(), H()]]), a("div", {
+      }, [_.value === "yyyy-MM" ? [E(), W()] : [W(), E()]]), a("div", {
         class: "f-datepicker-next-btn"
       }, [k.value && a("button", {
         type: "button",
@@ -2976,7 +3303,7 @@ const Le = X({
         title: "nextPage",
         type: "button",
         class: x.value,
-        onClick: E
+        onClick: H
       }, [a("i", {
         class: "k-icon k-i-arrow-double-60-right"
       }, null)])])]);
@@ -3036,18 +3363,18 @@ const Le = X({
   enablePeriod: { Type: Boolean, default: !1 },
   selected: { Type: Object, default: null },
   selectedPeriod: { Type: Object, default: null }
-}, ze = X({
+}, ze = /* @__PURE__ */ X({
   name: "FDatePickerMonthView",
   props: kn,
   emits: ["click", "keyDown", "mouseEnter", "mouseLeave"],
   setup(e, n) {
-    const t = h(e.months), o = h(e.enableMarkCurrent), l = h(e.enableKeyboadNavigate), u = h(e.enablePeriod), s = h(e.selected), r = h(e.selectedPeriod), {
+    const t = v(e.months), o = v(e.enableMarkCurrent), l = v(e.enableKeyboadNavigate), u = v(e.enablePeriod), s = v(e.selected), r = v(e.selectedPeriod), {
       equal: d,
       inPeriod: f,
       isInitializedDate: p,
       equalOrEarlier: c
-    } = He(), {
-      getKeyCodeFromEvent: v
+    } = Ee(), {
+      getKeyCodeFromEvent: h
     } = tt();
     le(() => e.months, () => {
       t.value = e.months;
@@ -3058,7 +3385,7 @@ const Le = X({
       x.stopPropagation(), !P.disable && n.emit("click", P);
     }
     function m(x, P) {
-      const T = v(x);
+      const T = h(x);
       T !== Ce.tab && (x.preventDefault(), T === Ce.enter || T === Ce.space ? i(x, P) : l.value && n.emit("keyDown", P));
     }
     function A(x) {
@@ -3127,18 +3454,18 @@ const Le = X({
   enablePeriod: { Type: Boolean, default: !1 },
   selected: { Type: Object, default: null },
   selectedPeriod: { Type: Object, default: null }
-}, Ye = X({
+}, Ye = /* @__PURE__ */ X({
   name: "FDatePickerYearView",
   props: Sn,
   emits: ["click", "keyDown", "mouseEnter", "mouseLeave"],
   setup(e, n) {
-    const t = h(e.years), o = h(e.enableMarkCurrent), l = h(e.enableKeyboadNavigate), u = h(e.enablePeriod), s = h(e.selected), r = h(e.selectedPeriod), {
+    const t = v(e.years), o = v(e.enableMarkCurrent), l = v(e.enableKeyboadNavigate), u = v(e.enablePeriod), s = v(e.selected), r = v(e.selectedPeriod), {
       equal: d,
       inPeriod: f,
       isInitializedDate: p,
       equalOrEarlier: c
-    } = He(), {
-      getKeyCodeFromEvent: v
+    } = Ee(), {
+      getKeyCodeFromEvent: h
     } = tt();
     le(() => e.years, () => {
       t.value = e.years;
@@ -3177,7 +3504,7 @@ const Le = X({
       P.stopPropagation(), !T.disable && n.emit("click", T);
     }
     function S(P, T) {
-      const _ = v(P);
+      const _ = h(P);
       _ !== Ce.tab && (P.preventDefault(), _ === Ce.enter || _ === Ce.space ? k(P, T) : l.value && n.emit("keyDown", T));
     }
     function g(P) {
@@ -3248,8 +3575,8 @@ function at() {
   return { getNumberByValue: n, getDayNumber: e, getMonthNumberByMonthName: t, getWeekNumber: o };
 }
 function _n(e, n, t, o, l, u, s, r) {
-  const { getTimeInMilliseconds: d, getWeekdayIndex: f } = Me(), { isInitializedDate: p } = He(), { getDayNumber: c } = at();
-  function v(i) {
+  const { getTimeInMilliseconds: d, getWeekdayIndex: f } = Me(), { isInitializedDate: p } = Ee(), { getDayNumber: c } = at();
+  function h(i) {
     if (i.year && i.year < e && i.month === 12 || i.year && i.year > n && i.month === 1)
       return !0;
     const m = d(i);
@@ -3263,7 +3590,7 @@ function _n(e, n, t, o, l, u, s, r) {
     const A = c(i);
     return !!(r.length > 0 && r.find((y) => f(y) === A) || l.length > 0 && l.find((y) => (y.year === 0 || y.year === i.year) && (y.month === 0 || y.month === i.month) && y.day === i.day) || u.length > 0 && u.find((y) => p(y.from) && p(y.to) && m >= d(y.from) && m <= d(y.to)));
   }
-  return { isDisabledDate: v };
+  return { isDisabledDate: h };
 }
 function An() {
   const { getDayNumber: e } = at();
@@ -3290,7 +3617,7 @@ function An() {
   return { isHighlightedDate: t, isMarkedDate: n };
 }
 function Yt() {
-  const { getTimeInMilliseconds: e } = Me(), { isInitializedDate: n } = He();
+  const { getTimeInMilliseconds: e } = Me(), { isInitializedDate: n } = Ee();
   function t(l, u) {
     return n(u) && e(l) <= e(u);
   }
@@ -3304,7 +3631,7 @@ function nt() {
   function o(p) {
     const c = { displayTextOfMonth: "", month: 0, year: 0, displayTextOfYear: "" };
     if (p) {
-      const v = p.match(/[^0-9]/), i = v && v.length ? v[0] : "", m = p.split(i);
+      const h = p.match(/[^0-9]/), i = h && h.length ? h[0] : "", m = p.split(i);
       c.month = m[0].length === 2 ? Number(m[0]) : Number(m[1]), c.year = m[0].length === 2 ? Number(m[1]) : Number(m[0]);
     }
     return c;
@@ -3312,19 +3639,19 @@ function nt() {
   function l(p, c) {
     return new Date(c, p, 0).getDate();
   }
-  function u(p, c, v) {
-    return new Date(p, c - 1, v, 0, 0, 0, 0);
+  function u(p, c, h) {
+    return new Date(p, c - 1, h, 0, 0, 0, 0);
   }
   function s(p, c) {
-    const v = u(c, p, 1);
-    return v.setMonth(v.getMonth() - 1), l(v.getMonth() + 1, v.getFullYear());
+    const h = u(c, p, 1);
+    return h.setMonth(h.getMonth() - 1), l(h.getMonth() + 1, h.getFullYear());
   }
-  function r(p, c, v, i) {
+  function r(p, c, h, i) {
     const m = e(), A = [], { year: w } = c, y = 3;
     for (let k = 1; k <= 12; k += y) {
       const S = [];
       for (let g = k; g < k + y; g++) {
-        const x = n({ year: w, month: g, day: 1 }, v) || t({ year: w, month: g, day: l(g, w || 0) }, i);
+        const x = n({ year: w, month: g, day: 1 }, h) || t({ year: w, month: g, day: l(g, w || 0) }, i);
         S.push({
           month: g,
           displayText: p[g],
@@ -3338,16 +3665,16 @@ function nt() {
     return A;
   }
   function d(p, c) {
-    const v = {
+    const h = {
       year: p === 12 ? c + 1 : c
     }, i = p === 12 ? 1 : p + 1;
-    return v.month = i, v;
+    return h.month = i, h;
   }
   function f(p, c) {
-    const v = {
+    const h = {
       year: p === 1 ? c - 1 : c
     }, i = p === 1 ? 12 : p - 1;
-    return v.month = i, v;
+    return h.month = i, h;
   }
   return { daysInMonth: l, daysInPreMonth: s, generateMonths: r, parseDefaultMonth: o, getNextMonth: d, getPreviousMonth: f };
 }
@@ -3366,11 +3693,11 @@ function Tn({ isDisabledDate: e }) {
   function c(i, m, A, w, y) {
     return i === y.day && m === y.month && A === y.year && w === he.current;
   }
-  function v(i, m, A, w, y, k, S, g, x) {
+  function h(i, m, A, w, y, k, S, g, x) {
     const P = [], T = n(), _ = p(m, i, f(A)), C = t(i, m), B = o(i, m);
     let O = 1, N = he.previous;
     for (let D = 1; D < 7; D++) {
-      const E = [];
+      const H = [];
       if (D === 1) {
         const W = B - _ + 1;
         for (let F = W; F <= B; F++) {
@@ -3379,13 +3706,13 @@ function Tn({ isDisabledDate: e }) {
             month: i === 1 ? 12 : i - 1,
             day: F
           }, K = c(F, i, m, N, T), $ = e(R), ee = r(R, w, y), te = s(R, g, S, k);
-          E.push({ date: R, tag: N, isCurrent: K, disable: $, marked: ee, highlight: te });
+          H.push({ date: R, tag: N, isCurrent: K, disable: $, marked: ee, highlight: te });
         }
         N = he.current;
-        const M = 7 - E.length;
+        const M = 7 - H.length;
         for (let F = 0; F < M; F++) {
           const R = { year: m, month: i, day: O }, K = c(O, i, m, N, T), $ = e(R), ee = r(R, w, y), te = s(R, g, S, k);
-          E.push({ date: R, tag: N, isCurrent: K, disable: $, marked: ee, highlight: te }), O++;
+          H.push({ date: R, tag: N, isCurrent: K, disable: $, marked: ee, highlight: te }), O++;
         }
       } else
         for (let W = 1; W <= 7; W++) {
@@ -3395,20 +3722,20 @@ function Tn({ isDisabledDate: e }) {
             month: N === he.current ? i : N === he.next && i < 12 ? i + 1 : 1,
             day: O
           }, F = c(O, i, m, N, T), R = e(M), K = r(M, w, y), $ = s(M, g, S, k);
-          E.push({ date: M, tag: N, isCurrent: F, disable: R, marked: K, highlight: $ }), O++;
+          H.push({ date: M, tag: N, isCurrent: F, disable: R, marked: K, highlight: $ }), O++;
         }
-      const H = x && A === "Mon." ? d(E[0].date) : 0;
-      P.push({ days: E, numberInTheYear: H, year: m });
+      const E = x && A === "Mon." ? d(H[0].date) : 0;
+      P.push({ days: H, numberInTheYear: E, year: m });
     }
     return P;
   }
-  return { generateCalendar: v };
+  return { generateCalendar: h };
 }
 function Pn() {
   const { getToday: e } = Me(), { daysInMonth: n } = nt(), { isMonthDisabledByDisableSince: t, isMonthDisabledByDisableUntil: o } = Yt();
   function l(u, s, r, d, f, p) {
-    const c = [], v = u - u % 10, { year: i, month: m } = s, A = e(), w = 3, y = v + 10;
-    for (let k = v - 1; k < y; k += w) {
+    const c = [], h = u - u % 10, { year: i, month: m } = s, A = e(), w = 3, y = h + 10;
+    for (let k = h - 1; k < y; k += w) {
       const S = [];
       for (let g = k; g < k + w; g++) {
         const x = t({ year: g, month: m, day: 1 }, f) || o({ year: g, month: m, day: n(m || 0, g) }, p), P = g < r || g > d;
@@ -3426,12 +3753,12 @@ function Pn() {
   }
   return { generateYears: l };
 }
-const Ct = X({
+const Ct = /* @__PURE__ */ X({
   name: "FDatePickerContainer",
   props: Cn,
   emits: ["datePicked"],
   setup(e, n) {
-    const t = h(e.top), o = h(e.left), l = h(e.position), u = h(e.enablePeriod), s = h(e.selectMode), r = h(e.dateFormat), d = h(e.nameOfMonths), f = h([]), p = h(!1), c = h(""), v = h(!1), i = h(""), m = h(), A = h(!1), w = h(!1), y = h(!1), k = h(!1), S = h(!1), g = h(!1), x = h(!1), P = h(!1), T = h(e.secondaryDates), _ = h(e.daysInWeek), C = h(e.enableKeyboadNavigate), B = h(e.enableMarkCurrent), O = h(e.firstDayOfTheWeek), N = h(e.showWeekNumber), D = h(e.selectedDate), E = h(e.selectedWeek), H = h(e.selectedPeriod), W = h(e.weekTitle), M = h(e.secondaryMonths), F = h(e.selectedMonth), R = h(e.minYear), K = h(e.maxYear), $ = h(e.disableSince), ee = h(e.disableUntil), te = h(e.disableDates), fe = h(e.disablePeriod), me = h(e.disableWeekdays), V = h(e.disableWeekends), z = _n(R.value, K.value, $.value, ee.value, te.value, fe.value, V.value, me.value), {
+    const t = v(e.top), o = v(e.left), l = v(e.position), u = v(e.enablePeriod), s = v(e.selectMode), r = v(e.dateFormat), d = v(e.nameOfMonths), f = v([]), p = v(!1), c = v(""), h = v(!1), i = v(""), m = v(), A = v(!1), w = v(!1), y = v(!1), k = v(!1), S = v(!1), g = v(!1), x = v(!1), P = v(!1), T = v(e.secondaryDates), _ = v(e.daysInWeek), C = v(e.enableKeyboadNavigate), B = v(e.enableMarkCurrent), O = v(e.firstDayOfTheWeek), N = v(e.showWeekNumber), D = v(e.selectedDate), H = v(e.selectedWeek), E = v(e.selectedPeriod), W = v(e.weekTitle), M = v(e.secondaryMonths), F = v(e.selectedMonth), R = v(e.minYear), K = v(e.maxYear), $ = v(e.disableSince), ee = v(e.disableUntil), te = v(e.disableDates), fe = v(e.disablePeriod), me = v(e.disableWeekdays), V = v(e.disableWeekends), z = _n(R.value, K.value, $.value, ee.value, te.value, fe.value, V.value, me.value), {
       generateCalendar: J
     } = Tn(z), {
       getToday: ae
@@ -3441,12 +3768,12 @@ const Ct = X({
       getPreviousMonth: re
     } = nt(), {
       generateYears: ce
-    } = Pn(), U = ae(), G = h({
+    } = Pn(), U = ae(), G = v({
       year: U.year || 1,
       month: U.month || 1,
       displayTextOfMonth: d.value[U.month || "1"],
       displayTextOfYear: `${U.year}`
-    }), pe = U.month === 12 ? (U.year || 1) + 1 : U.year, xe = (U.month || 1) < 12 ? (U.month || 1) + 1 : 1, j = h({
+    }), pe = U.month === 12 ? (U.year || 1) + 1 : U.year, xe = (U.month || 1) < 12 ? (U.month || 1) + 1 : 1, j = v({
       year: pe,
       month: xe,
       displayTextOfMonth: d.value[U.month || "1"],
@@ -3480,7 +3807,7 @@ const Ct = X({
       I.stopPropagation();
     }
     function Te(I, ue) {
-      const q = G.value.year - (v.value ? 10 : 1), Pe = {
+      const q = G.value.year - (h.value ? 10 : 1), Pe = {
         year: q,
         month: G.value.month,
         displayTextOfMonth: d.value[G.value.month || "1"],
@@ -3516,10 +3843,10 @@ const Ct = X({
       G.value = Pe;
     }
     function Qt(I) {
-      p.value = !0, v.value = !1;
+      p.value = !0, h.value = !1;
     }
     function Zt(I) {
-      p.value = !1, v.value = !0;
+      p.value = !1, h.value = !0;
     }
     const Xt = b(() => ({
       "active-month": G.value,
@@ -3530,7 +3857,7 @@ const Ct = X({
       "disable-next-page": k.value,
       years: se.value,
       "selecting-month": p.value,
-      "selecting-year": v.value,
+      "selecting-year": h.value,
       "select-mode": s.value
     })), Jt = b(() => ({
       "active-month": j.value,
@@ -3554,7 +3881,7 @@ const Ct = X({
         onClickYear: (q) => Zt()
       }), null);
     }
-    const ut = b(() => !p.value && !v.value && !m.value || u.value && s.value !== "week" && !c.value && !i.value && !m.value), ea = b(() => p.value && !v.value), ta = b(() => v.value && !p.value), aa = b(() => ({
+    const ut = b(() => !p.value && !h.value && !m.value || u.value && s.value !== "week" && !c.value && !i.value && !m.value), ea = b(() => p.value && !h.value), ta = b(() => h.value && !p.value), aa = b(() => ({
       dates: Q.value,
       daysInWeek: _.value,
       enableKeyboadNavigate: C.value,
@@ -3562,8 +3889,8 @@ const Ct = X({
       enablePeriod: u.value,
       firstDayOfTheWeek: O.value,
       selected: D.value,
-      selectedPeriod: H.value,
-      selectedWeek: E.value,
+      selectedPeriod: E.value,
+      selectedWeek: H.value,
       selectMode: s.value,
       showWeekNumber: N.value,
       weekTitle: W.value
@@ -3575,7 +3902,7 @@ const Ct = X({
       enablePeriod: u.value,
       firstDayOfTheWeek: O.value,
       selected: D.value,
-      selectedPeriod: H.value,
+      selectedPeriod: E.value,
       selectMode: N.value,
       showWeekNumber: N.value,
       weekTitle: W.value
@@ -3583,10 +3910,10 @@ const Ct = X({
     function la(I, ue) {
       D.value = I, n.emit("datePicked", `${I.year}-${I.month}-${I.day}`);
     }
-    function El(I) {
-    }
     function Hl(I) {
     }
+    function El(I) {
+    }
     function Rl(I, ue) {
     }
     function Vl(I, ue) {
@@ -3606,17 +3933,17 @@ const Ct = X({
       enableKeyboadNavigate: C.value,
       enablePeriod: u.value,
       selected: F.value,
-      selectedPeriod: H.value
+      selectedPeriod: E.value
     })), sa = b(() => ({
       months: M.value,
       enableMarkCurrent: B.value,
       enableKeyboadNavigate: C.value,
       enablePeriod: u.value,
       selected: F.value,
-      selectedPeriod: H.value
+      selectedPeriod: E.value
     }));
     function ia(I, ue) {
-      p.value = !1, v.value = !1, F.value = I, G.value = {
+      p.value = !1, h.value = !1, F.value = I, G.value = {
         month: I.month || 1,
         displayTextOfMonth: d.value[G.value.month || "1"],
         year: G.value.year || 1,
@@ -3643,17 +3970,17 @@ const Ct = X({
       enableMarkCurrent: B.value,
       enablePeriod: u.value,
       selected: D.value,
-      selectedPeriod: H.value
+      selectedPeriod: E.value
     })), ra = b(() => ({
       years: f.value,
       enableKeyboadNavigate: C.value,
       enableMarkCurrent: B.value,
       enablePeriod: u.value,
       selected: D.value,
-      selectedPeriod: H.value
+      selectedPeriod: E.value
     }));
     function ca(I, ue) {
-      p.value = !0, v.value = !1, G.value = {
+      p.value = !0, h.value = !1, G.value = {
         month: G.value.month,
         displayTextOfMonth: G.value.displayTextOfMonth,
         year: I.year || 1,
@@ -3712,20 +4039,20 @@ const Ct = X({
       onClick: (I) => ge(I)
     }, [a("div", {
       class: "f-datepicker-content"
-    }, [it(!1, Xt.value), rt(!1, aa.value), p.value && ct(!1, oa.value), v.value && dt(!1, ua.value), a("div", {
+    }, [it(!1, Xt.value), rt(!1, aa.value), p.value && ct(!1, oa.value), h.value && dt(!1, ua.value), a("div", {
       class: "f-datepicker-footer"
     }, [a("div", {
       class: "f-datepicker-redirect"
     }, [ut.value && a("button", {
       class: "btn btn-link",
       onClick: da
-    }, [_e("\u4ECA\u5929")]), ea.value && a("button", {
+    }, [_e("今天")]), ea.value && a("button", {
       class: "btn btn-link",
       onClick: fa
-    }, [_e("\u672C\u6708")]), ta.value && a("button", {
+    }, [_e("本月")]), ta.value && a("button", {
       class: "btn btn-link",
       onClick: va
-    }, [_e("\u4ECA\u5E74")])])])]), ha.value && a("div", {
+    }, [_e("今年")])])])]), ha.value && a("div", {
       class: "f-datepicker-content"
     }, [it(!0, Jt.value), rt(!0, na.value), c.value && ct(!0, sa.value), i.value && dt(!0, ra.value)])]);
   }
@@ -3745,15 +4072,18 @@ const Ct = X({
   highlightDates: { Type: Array, default: [] },
   highlightSaturday: { Type: Boolean, default: !1 },
   highlightSunday: { Type: Boolean, default: !1 },
+  /**
+   * 组件值
+   */
   modelValue: { type: String, default: "" },
   nameOfMonths: { Type: Object, default: zt },
   periodDelimiter: { Type: String, default: "" }
-}, kt = X({
+}, kt = /* @__PURE__ */ X({
   name: "FDatePicker",
   props: Bn,
   emits: ["update:modelValue", "datePicked"],
   setup(e, n) {
-    const t = '<span class="f-icon f-icon-date"></span>', o = h(e.modelValue), l = h(null);
+    const t = '<span class="f-icon f-icon-date"></span>', o = v(e.modelValue), l = v(null);
     function u() {
     }
     function s(r) {
@@ -3785,12 +4115,12 @@ const Ct = X({
   checked: { Type: Boolean, default: !1 },
   id: { Type: String, default: "" },
   disabled: { Type: Boolean, default: !1 }
-}, Dn = X({
+}, Dn = /* @__PURE__ */ X({
   name: "FListViewCheckBox",
   props: Nn,
   emits: ["change"],
   setup(e, n) {
-    const t = h(e.checked), o = h(e.disabled), l = h(e.id);
+    const t = v(e.checked), o = v(e.disabled), l = v(e.id);
     function u(s) {
       s.stopPropagation(), t.value = !t.value, o.value || n.emit("change", {
         originalEvent: s,
@@ -3804,21 +4134,21 @@ const Ct = X({
       type: "checkbox",
       class: "custom-control-input",
       "onUpdate:modelValue": (s) => t.value = s
-    }, null), [[Ht, t.value]]), a("label", {
+    }, null), [[Et, t.value]]), a("label", {
       class: "custom-control-label",
       onClick: (s) => u(s)
     }, null)]);
   }
 });
-const St = X({
+const St = /* @__PURE__ */ X({
   name: "FListView",
   props: On,
   emits: ["checkValuesChange", "clickItem", "selectChange"],
   setup(e, n) {
     return () => {
-      const t = h(e.multiSelect), o = h(e.cardView), l = h(""), u = h(!0), s = h({}), r = h("\u6682\u65E0\u6570\u636E"), d = h(!0), f = h(!1), p = [], c = h("id");
-      let v = [];
-      const i = h(e.data), m = h(e.data), A = b(() => ({
+      const t = v(e.multiSelect), o = v(e.cardView), l = v(""), u = v(!0), s = v({}), r = v("暂无数据"), d = v(!0), f = v(!1), p = [], c = v("id");
+      let h = [];
+      const i = v(e.data), m = v(e.data), A = b(() => ({
         "f-list-view": !0,
         "f-list-view-multiple": t.value
       })), w = b(() => ({
@@ -3836,7 +4166,7 @@ const St = X({
           "f-un-select": !!O.selectDisable,
           "f-listview-active": k()
         };
-        return l.value.split(" ").reduce((E, H) => (E[H] = !0, E), N), N;
+        return l.value.split(" ").reduce((H, E) => (H[E] = !0, H), N), N;
       }, g = b(() => i.value.length === 0), x = b(() => g.value && !n.slots.empty), P = b(() => !!n.slots.footer || u.value);
       function T(O, N) {
         return "";
@@ -3844,26 +4174,26 @@ const St = X({
       function _(O) {
         n.emit("checkValuesChange", O);
       }
-      function C(O, N, D, E = !1) {
-        const H = typeof event == "boolean";
+      function C(O, N, D, H = !1) {
+        const E = typeof event == "boolean";
         if (!(N.unClick || N.selectDisable)) {
           if (n.emit("selectChange", {
             listdata: N,
             index: D
           }), t.value)
             if (N.checked) {
-              if (!d.value || H) {
-                const W = v.findIndex((M, F) => T() === T());
-                v.splice(W, 1), N.checked = !1;
+              if (!d.value || E) {
+                const W = h.findIndex((M, F) => T() === T());
+                h.splice(W, 1), N.checked = !1;
               }
             } else
-              v.find((M, F) => T() === T()) || (v.unshift(N), N.checked = !0);
+              h.find((M, F) => T() === T()) || (h.unshift(N), N.checked = !0);
           else
-            v = [], v.push(N);
-          if (E || (s.value = N), n.emit("clickItem", {
-            data: v,
+            h = [], h.push(N);
+          if (H || (s.value = N), n.emit("clickItem", {
+            data: h,
             index: D,
-            checkChangeEvent: E
+            checkChangeEvent: H
           }), t.value) {
             let W = m.value.filter((M) => !!M.checked).map((M) => M[c.value]);
             f.value && (W = p.map((M) => M[c.value])), _(W);
@@ -3871,8 +4201,8 @@ const St = X({
         }
       }
       function B(O, N, D) {
-        const E = O.checked;
-        C(E, N, D, !0);
+        const H = O.checked;
+        C(H, N, D, !0);
       }
       return a("div", {
         class: A.value
@@ -3918,8 +4248,8 @@ const St = X({
   type: { Type: String, default: "info" },
   title: { Type: String, default: "" },
   detail: { Type: String, default: "" },
-  okButtonText: { Type: String, default: "\u786E\u5B9A" },
-  cancelButtonText: { Type: String, default: "\u53D6\u6D88" },
+  okButtonText: { Type: String, default: "确定" },
+  cancelButtonText: { Type: String, default: "取消" },
   exceptionInfo: { Type: Object, default: { date: "", message: "", detail: "" } }
 };
 function lt() {
@@ -3930,7 +4260,7 @@ async function Fn(e) {
     throw lt();
   return navigator.clipboard.writeText(e);
 }
-async function En(e) {
+async function Hn(e) {
   const n = document.createElement("span");
   n.textContent = e, n.style.whiteSpace = "pre", n.style.webkitUserSelect = "auto", n.style.userSelect = "all", document.body.appendChild(n);
   const t = window.getSelection(), o = window.document.createRange();
@@ -3944,12 +4274,12 @@ async function En(e) {
   if (!l)
     throw lt();
 }
-async function Hn(e) {
+async function En(e) {
   try {
     await Fn(e);
   } catch (n) {
     try {
-      await En(e);
+      await Hn(e);
     } catch (t) {
       throw t || n || lt();
     }
@@ -3957,20 +4287,20 @@ async function Hn(e) {
 }
 function Rn(e, n) {
   async function t(o) {
-    await Hn(o);
+    await En(o);
   }
   return { onCopy: t };
 }
-const Ke = X({
+const Ke = /* @__PURE__ */ X({
   name: "FMessageBox",
   props: Wn,
   emits: ["accept", "reject", "close"],
   setup(e, n) {
-    const t = h(e.type), o = h(e.title), l = h(e.detail), u = h(e.exceptionInfo);
-    h("");
-    const s = h(14), r = h(140);
-    h(""), h("");
-    const d = h(!1), f = h(""), p = h(l.value.length), c = h([]), v = h(e.okButtonText), i = h(e.cancelButtonText), m = h(!0), A = h(!0), w = h(!0), y = h("\u590D\u5236\u8BE6\u7EC6\u4FE1\u606F"), k = h(3), S = h(480), g = b(() => {
+    const t = v(e.type), o = v(e.title), l = v(e.detail), u = v(e.exceptionInfo);
+    v("");
+    const s = v(14), r = v(140);
+    v(""), v("");
+    const d = v(!1), f = v(""), p = v(l.value.length), c = v([]), h = v(e.okButtonText), i = v(e.cancelButtonText), m = v(!0), A = v(!0), w = v(!0), y = v("复制详细信息"), k = v(3), S = v(480), g = b(() => {
       const j = {
         "modal-tips": !0,
         "d-flex": !0,
@@ -3985,7 +4315,7 @@ const Ke = X({
         "f-icon": !0
       }, Q = `f-icon-${t.value}`;
       return j[Q] = !0, j;
-    }), T = b(() => o.value || u.value && u.value.message), _ = b(() => l.value), C = b(() => !!l.value), B = b(() => !!u.value), O = b(() => !!u.value && !!u.value.date), N = b(() => `\u53D1\u751F\u65F6\u95F4 : ${u.value && u.value.date || ""}`), D = b(() => !!u.value && !!u.value.detail), E = b(() => {
+    }), T = b(() => o.value || u.value && u.value.message), _ = b(() => l.value), C = b(() => !!l.value), B = b(() => !!u.value), O = b(() => !!u.value && !!u.value.date), N = b(() => `发生时间 : ${u.value && u.value.date || ""}`), D = b(() => !!u.value && !!u.value.detail), H = b(() => {
       const j = `${S.value}px`;
       return {
         overflow: "hidden",
@@ -3995,7 +4325,7 @@ const Ke = X({
         "-webkit-line-clamp": k.value,
         "max-height": j
       };
-    }), H = b(() => u.value && u.value.detail || ""), W = b(() => !0), M = h(!1), F = h("\u5C55\u5F00"), R = h("\u6536\u8D77"), K = b(() => {
+    }), E = b(() => u.value && u.value.detail || ""), W = b(() => !0), M = v(!1), F = v("展开"), R = v("收起"), K = b(() => {
       const j = {
         display: "block",
         color: "#2A87FF"
@@ -4022,9 +4352,9 @@ const Ke = X({
       }
     }
     b(() => d.value && r.value);
-    const V = b(() => !(c.value && c.value.length) && (v.value || i.value));
+    const V = b(() => !(c.value && c.value.length) && (h.value || i.value));
     b(() => t.value === "prompt" && m.value);
-    const z = b(() => A.value && i.value), J = b(() => w.value && v.value);
+    const z = b(() => A.value && i.value), J = b(() => w.value && h.value);
     function ae(j) {
       t.value === "question" && n.emit("reject"), n.emit("close");
     }
@@ -4033,10 +4363,10 @@ const Ke = X({
     }
     const oe = b(() => !!(c.value && c.value.length)), re = b(() => u.value && u.value.date && u.value.message && u.value.detail), {
       onCopy: ce
-    } = Rn(), U = h("\u590D\u5236\u6210\u529F"), G = h(!1);
+    } = Rn(), U = v("复制成功"), G = v(!1);
     function pe(j) {
-      ce(H.value).catch((Q) => {
-        U.value = "\u590D\u5236\u5931\u8D25";
+      ce(E.value).catch((Q) => {
+        U.value = "复制失败";
       }).finally(() => {
         G.value = !0, setTimeout(() => {
           G.value = !1;
@@ -4084,9 +4414,9 @@ const Ke = X({
     }, [O.value && a("div", null, [N.value]), D.value && a("div", {
       id: "exception_error_msg",
       ref: "exceptionMessageRef",
-      style: E.value
-    }, [_e("\u8BE6\u7EC6\u4FE1\u606F : "), a("span", {
-      innerHTML: H.value
+      style: H.value
+    }, [_e("详细信息 : "), a("span", {
+      innerHTML: E.value
     }, null)]), W.value && a("span", {
       style: K.value
     }, [M.value && a("span", {
@@ -4127,7 +4457,7 @@ const Ke = X({
       type: "button",
       class: "btn btn-primary btn-lg",
       onClick: ne
-    }, [v.value])]), oe.value && a("div", {
+    }, [h.value])]), oe.value && a("div", {
       class: "modal-footer"
     }, [re.value && a("span", {
       style: "width: 100%;color: #2A87FF;padding-left: 37px;"
@@ -4156,32 +4486,32 @@ const Ke = X({
   modelValue: { type: Boolean, default: !1 },
   showHeader: { type: Boolean, default: !0 },
   showButtons: { type: Boolean, default: !0 }
-}, qe = X({
+}, qe = /* @__PURE__ */ X({
   name: "FModal",
   props: Vn,
   emits: ["update:modelValue"],
   setup(e, n) {
-    const t = h(e.width), o = h(e.height), l = h(e.modelValue), u = h(""), s = h(e.class), r = h(!0), d = h(e.showHeader), f = h(""), p = h(!0), c = h(!1), v = h(!1), i = h(""), m = h(""), A = h(""), w = h(e.showButtons), y = h(e.title);
+    const t = v(e.width), o = v(e.height), l = v(e.modelValue), u = v(""), s = v(e.class), r = v(!0), d = v(e.showHeader), f = v(""), p = v(!0), c = v(!1), h = v(!1), i = v(""), m = v(""), A = v(""), w = v(e.showButtons), y = v(e.title);
     function k($, ee) {
       l.value = !1, n.emit("update:modelValue", !1);
     }
     const S = [{
-      text: "\u53D6\u6D88",
+      text: "取消",
       class: "btn btn-light",
       handle: ($) => {
         k();
       }
     }, {
-      text: "\u786E\u5B9A",
+      text: "确定",
       class: "btn btn-primary",
       handle: ($) => {
         k();
       }
-    }], g = h(e.buttons && e.buttons.length ? e.buttons : S), x = b(() => !!f.value), P = b(() => !!w.value && !!g.value);
-    h(), h(), le(() => e.modelValue, () => {
+    }], g = v(e.buttons && e.buttons.length ? e.buttons : S), x = b(() => !!f.value), P = b(() => !!w.value && !!g.value);
+    v(), v(), le(() => e.modelValue, () => {
       l.value = e.modelValue;
     });
-    const T = h(!1), _ = b(() => l.value), C = b(() => {
+    const T = v(!1), _ = b(() => l.value), C = b(() => {
       const $ = {
         modal: !0,
         "farris-modal": !0
@@ -4205,9 +4535,9 @@ const Ke = X({
     })), D = b(() => ({
       "modal-content": !0,
       "modal-content-has-header": d.value
-    })), E = b(() => ({
-      display: d.value ? "" : "none"
     })), H = b(() => ({
+      display: d.value ? "" : "none"
+    })), E = b(() => ({
       "f-icon": !0,
       modal_maximize: !0,
       modalrevert: T.value
@@ -4247,7 +4577,7 @@ const Ke = X({
         }, [a("div", {
           ref: "modalHeaderRef",
           class: "modal-header",
-          style: E.value
+          style: H.value
         }, [a("div", {
           class: "modal-title"
         }, [x.value && a("span", {
@@ -4257,7 +4587,7 @@ const Ke = X({
           class: "modal-title-label"
         }, [y.value])]), a("div", {
           class: "actions"
-        }, [a("ul", null, [v.value && a("li", {
+        }, [a("ul", null, [h.value && a("li", {
           class: "f-btn-icon f-bare"
         }, [a("span", {
           class: "f-icon modal_minimize"
@@ -4265,7 +4595,7 @@ const Ke = X({
           onClick: K,
           class: "f-btn-icon f-bare"
         }, [a("span", {
-          class: H.value
+          class: E.value
         }, null)]), p.value && a("li", {
           class: "f-btn-icon f-bare",
           onClick: (te) => k()
@@ -4308,10 +4638,10 @@ function In(e, n) {
   t.style.display = "contents";
   const o = et({
     setup() {
-      Ee(() => {
+      He(() => {
         document.body.removeChild(t);
       });
-      const l = h(!0), u = e.type === "error" || e.type === "prompt", s = e.type === "error" ? "\u9519\u8BEF\u63D0\u793A" : e.type === "prompt" ? e.title : "", r = e.acceptCallback || (() => {
+      const l = v(!0), u = e.type === "error" || e.type === "prompt", s = e.type === "error" ? "错误提示" : e.type === "prompt" ? e.title : "", r = e.acceptCallback || (() => {
       }), d = e.rejectCallback || (() => {
       });
       return () => a(qe, {
@@ -4344,7 +4674,7 @@ class Gn {
       type: "info",
       title: n,
       detail: t,
-      okButtonText: "\u77E5\u9053\u4E86",
+      okButtonText: "知道了",
       cancelButtonText: ""
     });
     this.show(o);
@@ -4354,7 +4684,7 @@ class Gn {
       type: "warning",
       title: n,
       detail: t,
-      okButtonText: "\u77E5\u9053\u4E86",
+      okButtonText: "知道了",
       cancelButtonText: ""
     });
     this.show(o);
@@ -4364,7 +4694,7 @@ class Gn {
       type: "success",
       title: n,
       detail: t,
-      okButtonText: "\u5173\u95ED",
+      okButtonText: "关闭",
       cancelButtonText: ""
     });
     this.show(o);
@@ -4372,7 +4702,7 @@ class Gn {
   static error(n, t, o) {
     const l = we({
       type: "error",
-      okButtonText: "\u5173\u95ED",
+      okButtonText: "关闭",
       cancelButtonText: "",
       exceptionInfo: {
         date: o,
@@ -4387,8 +4717,8 @@ class Gn {
       type: "prompt",
       title: n,
       detail: t,
-      okButtonText: "\u786E\u5B9A",
-      cancelButtonText: "\u53D6\u6D88"
+      okButtonText: "确定",
+      cancelButtonText: "取消"
     });
     this.show(o);
   }
@@ -4397,8 +4727,8 @@ class Gn {
       type: "question",
       title: n,
       detail: t,
-      okButtonText: "\u786E\u5B9A",
-      cancelButtonText: "\u53D6\u6D88",
+      okButtonText: "确定",
+      cancelButtonText: "取消",
       acceptCallback: o,
       rejectCallback: l
     });
@@ -4427,12 +4757,12 @@ const Ln = {
   animate: { type: String, default: "fadeIn" },
   options: { type: Object }
 };
-const Ue = X({
+const Ue = /* @__PURE__ */ X({
   name: "Toast",
   props: Yn,
   emits: ["close", "click"],
   setup: (e, n) => {
-    const t = h(e.animate), o = "fadeOut", l = b(() => e.options), u = h(!1), s = b(() => {
+    const t = v(e.animate), o = "fadeOut", l = b(() => e.options), u = v(!1), s = b(() => {
       const y = {
         animated: u.value,
         toast: !0
@@ -4443,7 +4773,7 @@ const Ue = X({
         "f-icon": !0
       };
       return g[S] = !0, g;
-    }), d = b(() => l.value.title || l.value.msg), f = b(() => l.value.title && l.value.msg), p = b(() => !l.value.title && l.value.msg), c = b(() => !0), v = b(() => !!l.value.buttons || !!n.slots.default);
+    }), d = b(() => l.value.title || l.value.msg), f = b(() => l.value.title && l.value.msg), p = b(() => !l.value.title && l.value.msg), c = b(() => !0), h = b(() => !!l.value.buttons || !!n.slots.default);
     function i(y) {
       y.stopPropagation(), y.preventDefault(), u.value = !1, setTimeout(() => {
         n.emit("close", l.value);
@@ -4488,7 +4818,7 @@ const Ue = X({
     }, null), a("p", {
       class: "toast-msg",
       innerHTML: l.value.msg
-    }, null), v.value && w()]), p.value && (l.value.buttons ? a("div", {
+    }, null), h.value && w()]), p.value && (l.value.buttons ? a("div", {
       class: "toast-title-btns-wrapper d-flex"
     }, [a("h5", {
       class: "toast-title modal-tips-title only-toast-msg",
@@ -4500,7 +4830,7 @@ const Ue = X({
       innerHTML: l.value.msg
     }, null))])])]);
   }
-}), Qe = X({
+}), Qe = /* @__PURE__ */ X({
   name: "Notify",
   props: zn,
   emits: ["close", "empty"],
@@ -4512,33 +4842,33 @@ const Ue = X({
       right: 12,
       top: 136,
       bottom: 12
-    }, l = h(e.toasts || []), u = b(() => {
-      const v = {
+    }, l = v(e.toasts || []), u = b(() => {
+      const h = {
         left: e.position.indexOf("left") > -1 ? `${e.left ? e.left : o.left}px` : "",
         right: e.position.indexOf("right") > -1 ? `${e.right ? e.right : o.right}px` : "",
         top: e.position.indexOf("top") > -1 ? `${e.top ? e.top : o.top}px` : "",
         bottom: e.position.indexOf("bottom") > -1 ? `${e.bottom ? e.bottom : o.bottom}px` : ""
       };
-      return e.position.indexOf("center") && (v.left = "50%", v.transform = "translate(-50%, -50%)"), v;
+      return e.position.indexOf("center") && (h.left = "50%", h.transform = "translate(-50%, -50%)"), h;
     });
-    function s(v) {
+    function s(h) {
       n.emit("close");
     }
-    function r(v) {
-      l.value.length >= e.limit && l.value.shift(), l.value.push(v);
+    function r(h) {
+      l.value.length >= e.limit && l.value.shift(), l.value.push(h);
     }
-    function d(v) {
-      v && v.onRemove && v.onRemove.call(v);
+    function d(h) {
+      h && h.onRemove && h.onRemove.call(h);
     }
-    function f(v) {
-      const i = l.value.findIndex((m) => m.id === v);
+    function f(h) {
+      const i = l.value.findIndex((m) => m.id === h);
       if (i > -1) {
         const m = l.value[i];
         d(m), l.value.splice(i, 1);
       }
     }
     function p() {
-      l.value.forEach((v) => d(v)), l.value.length = 0, n.emit("empty");
+      l.value.forEach((h) => d(h)), l.value.length = 0, n.emit("empty");
     }
     n.expose({
       addToast: r,
@@ -4546,15 +4876,15 @@ const Ue = X({
       clearAll: p,
       closeToast: s
     });
-    function c(v, i) {
+    function c(h, i) {
       s();
     }
     return () => a("div", {
       id: e.id,
       class: t.value,
       style: u.value
-    }, [l.value.map((v) => a(Ue, {
-      options: v,
+    }, [l.value.map((h) => a(Ue, {
+      options: h,
       animate: e.animate,
       onClose: (i) => c()
     }, null))]);
@@ -4565,7 +4895,7 @@ function Kn(e, n) {
   t.style.display = "contents";
   const o = et({
     setup() {
-      return Ee(() => {
+      return He(() => {
         document.body.removeChild(t);
       }), () => a(Qe, Se(e, {
         onClose: o.unmount
@@ -4587,34 +4917,120 @@ const Un = {
     e.component(Qe.name, Qe), e.component(Ue.name, Ue), e.provide("NotifyService", qn);
   }
 }, Qn = {
+  /**
+   * 组件标识
+   */
   id: String,
+  /**
+   * 是否禁用
+   */
   disabled: { type: Boolean, default: !1 },
+  /**
+   * 是否只读
+   */
   readonly: { type: Boolean, default: !1 },
+  /**
+   * 是否可编辑
+   */
   editable: { type: Boolean, default: !0 },
+  /**
+   * 格式化 formatter 和 parser 必须同时存在
+   * formatter: (val: number) => string;
+   * parser: (val: string | number) => number;
+   */
   formatter: { type: Function },
   parser: { type: Function },
-  placeholder: { type: String, default: "\u8BF7\u8F93\u5165\u6570\u5B57" },
+  /**
+   * 空白提示文本
+   */
+  placeholder: { type: String, default: "请输入数字" },
+  /**
+   * up or down 步长
+   */
   step: { type: Number, default: 1 },
+  /**
+   * 最大值
+   */
   max: { type: String },
+  /**
+   * 最小值
+   */
   min: { type: String },
+  /**
+   * 启用大数支持
+   */
   bigNumber: { type: Boolean, default: !1 },
+  /**
+   * 是否显示加减按钮
+   */
   showButton: { type: Boolean, default: !0 },
+  /**
+   * 是否使用千分值
+   */
   useThousands: { type: Boolean, default: !0 },
+  /**
+   * 文本方向
+   */
   textAlign: { type: String, default: "left" },
+  /**
+   * 自动补全小数
+   */
   autoDecimal: { type: Boolean, default: !0 },
+  /**
+   * 允许为空
+   */
   canNull: { type: Boolean, default: !1 },
+  /**
+   * 精度
+   */
   precision: { type: Number, default: 0 },
+  /**
+   * 前缀
+   */
   prefix: { type: String, default: "" },
+  /**
+   * 后缀
+   */
   suffix: { type: String, default: "" },
+  /**
+   * 小数点符号
+   */
   decimalSeparator: { type: String, default: "." },
+  /**
+   * 千分位符号
+   */
   groupSeparator: { type: String, default: "," },
+  /**
+   * 使用千分位时，每组显示的字符数
+   */
   groupSize: { type: Number, default: 3 },
+  /**
+   * 值
+   */
   value: { type: String, default: "" },
+  /**
+   * 显示0值
+   */
   showZero: { type: Boolean, default: !0 },
+  /**
+   * 下限placeholder
+   */
   beginPlaceHolder: { type: String, default: "" },
+  /**
+   * 上限placeholder
+   */
   endPlaceHolder: { type: String, default: "" },
+  /**
+   * 间隔符
+   */
   separator: { type: String, default: "~" },
+  /**
+   * 下限值
+   */
   beginValue: { type: String, default: "0" },
+  /**
+   * 上限值
+   */
   endValue: { type: String, default: "0" }
 };
 function Kt(e, n, t, o, l, u, s) {
@@ -4633,7 +5049,7 @@ function Kt(e, n, t, o, l, u, s) {
   function c(g) {
     return e.precision !== null && e.precision !== void 0 ? g.toFixed(p()) : g.toFixed();
   }
-  function v(g) {
+  function h(g) {
     const x = c(g);
     return e.bigNumber ? x : Number(g);
   }
@@ -4646,7 +5062,7 @@ function Kt(e, n, t, o, l, u, s) {
       const T = new ie("" + e.max);
       if (g.gt(T)) {
         P = T;
-        const _ = v(T);
+        const _ = h(T);
         i(_, x);
       }
     }
@@ -4654,7 +5070,7 @@ function Kt(e, n, t, o, l, u, s) {
       const T = new ie("" + e.min);
       if (g.lt(T)) {
         P = T;
-        const _ = v(T);
+        const _ = h(T);
         i(_, x);
       }
     }
@@ -4667,17 +5083,15 @@ function Kt(e, n, t, o, l, u, s) {
     if (P.isNaN()) {
       if (e.canNull)
         return null;
-      {
-        const T = new ie("" + e.min), _ = new ie("" + e.max);
-        if (!T.isNaN())
-          P = T;
-        else if (!_.isNaN())
-          P = _;
-        else
-          return 0;
-      }
+      const T = new ie("" + e.min), _ = new ie("" + e.max);
+      if (!T.isNaN())
+        P = T;
+      else if (!_.isNaN())
+        P = _;
+      else
+        return 0;
     }
-    return v(P);
+    return h(P);
   }
   function w(g, x) {
     return x === void 0 && (x = t.value), x = new ie(x), !(g === "up" && e.max && !new ie(e.max).isNaN() && x.gte(new ie(e.max)) || g === "down" && e.min && !new ie(e.min).isNaN() && x.lte(new ie(e.min)));
@@ -4691,13 +5105,13 @@ function Kt(e, n, t, o, l, u, s) {
       groupSize: e.groupSize
     };
   }
-  function k(g) {
+  function k(g, x) {
+    return e.precision !== null && e.precision !== void 0 ? g.toFormat(p(), x) : g.toFormat(x);
+  }
+  function S(g) {
     g = f(g);
     const x = new ie(g), P = m(x);
-    return P.valueOf() == "0" && !e.showZero || e.canNull && x.isNaN() || P.isNaN() ? "" : e.formatter ? e.formatter(P.toNumber()) : (Object.keys(o.value).length || (o.value = y()), S(P, o.value));
-  }
-  function S(g, x) {
-    return e.precision !== null && e.precision !== void 0 ? g.toFormat(p(), x) : g.toFormat(x);
+    return P.valueOf() === "0" && !e.showZero || e.canNull && x.isNaN() || P.isNaN() ? "" : e.formatter ? e.formatter(P.toNumber()) : (Object.keys(o.value).length || (o.value = y()), k(P, o.value));
   }
   return {
     isEmpty: r,
@@ -4705,18 +5119,18 @@ function Kt(e, n, t, o, l, u, s) {
     cleanNumString: f,
     getPrecision: p,
     toFixed: c,
-    _getRealValue: v,
+    _getRealValue: h,
     getRealValue: A,
     isDisableOfBtn: w,
     buildFormatOptions: y,
     _modelChanged: i,
     validInterval: m,
-    format: k,
-    _toFormat: S
+    format: S,
+    _toFormat: k
   };
 }
 function Zn(e, n, t, o, l, u, s, r, d, f, p) {
-  const { isDisableOfBtn: c, format: v, getRealValue: i, isEmpty: m, _modelChanged: A } = Kt(
+  const { isDisableOfBtn: c, format: h, getRealValue: i, isEmpty: m, _modelChanged: A } = Kt(
     e,
     n,
     t,
@@ -4740,7 +5154,7 @@ function Zn(e, n, t, o, l, u, s, r, d, f, p) {
       const N = new ie(B || 0);
       _ === "up" ? O = N.plus(Number(e.step)) : O = N.minus(Number(e.step));
       const D = O.toFixed();
-      C === "beginValue" ? f.value = l.value ? D : v(D) : C === "endValue" && (p.value = l.value ? D : v(D)), A(i(O, C), C);
+      C === "beginValue" ? f.value = l.value ? D : h(D) : C === "endValue" && (p.value = l.value ? D : h(D)), A(i(O, C), C);
     }
   }
   function k(_, C) {
@@ -4752,14 +5166,14 @@ function Zn(e, n, t, o, l, u, s, r, d, f, p) {
   function g(_, C) {
     if (_.stopPropagation(), e.readonly || e.disabled || !e.editable)
       return;
-    C === "beginValue" ? (f.value = v(r.value), w(r.value, "blur")) : C === "endValue" && (p.value = v(d.value), w(d.value, "blur")), l.value = !1;
+    C === "beginValue" ? (f.value = h(r.value), w(r.value, "blur")) : C === "endValue" && (p.value = h(d.value), w(d.value, "blur")), l.value = !1;
     const B = {
       eventTarget: s.value,
       event: _,
       beginValue: r.value,
-      formatBeginValue: v(r.value),
+      formatBeginValue: h(r.value),
       endValue: d.value,
-      formatEndValue: v(d.value)
+      formatEndValue: h(d.value)
     };
     n.emit("focus", B), s.value = "";
   }
@@ -4773,9 +5187,9 @@ function Zn(e, n, t, o, l, u, s, r, d, f, p) {
       eventTarget: s.value,
       event: _,
       beginValue: r.value,
-      formatBeginValue: v(r.value),
+      formatBeginValue: h(r.value),
       endValue: d.value,
-      formatEndValue: v(d.value)
+      formatEndValue: h(d.value)
     };
     n.emit("focus", B);
   }
@@ -4798,14 +5212,14 @@ function Zn(e, n, t, o, l, u, s, r, d, f, p) {
     onKeyDown: T
   };
 }
-const _t = X({
+const _t = /* @__PURE__ */ X({
   name: "FNumberRange",
   props: Qn,
   emits: ["valueChange", "blur", "focus", "click", "input", "beginValueChange", "endValueChange"],
   setup(e, n) {
-    const t = h(null), o = h(null), l = h(null), u = h(""), s = h(!1), r = h(""), d = h(""), f = h(""), p = h({}), {
+    const t = v(null), o = v(null), l = v(null), u = v(""), s = v(!1), r = v(""), d = v(""), f = v(""), p = v({}), {
       isDisableOfBtn: c,
-      format: v,
+      format: h,
       buildFormatOptions: i,
       getRealValue: m
     } = Kt(e, n, t, p, u, o, l), {
@@ -4818,11 +5232,11 @@ const _t = X({
     } = Zn(e, n, t, r, s, p, u, o, l, d, f);
     return Ne(() => {
       const x = m(e.beginValue);
-      o.value = x, d.value = v(x);
+      o.value = x, d.value = h(x);
       const P = m(e.endValue);
-      l.value = P, f.value = v(P);
+      l.value = P, f.value = h(P);
     }), le(() => [e.precision, e.useThousands, e.prefix, e.suffix], ([x, P, T, _]) => {
-      p.value = i(), d.value = v(o.value), f.value = v(l.value);
+      p.value = i(), d.value = h(o.value), f.value = h(l.value);
     }), () => a("div", null, [a("div", {
       class: "input-group  number-range f-cmp-number-spinner"
     }, [a("div", {
@@ -4924,29 +5338,100 @@ const _t = X({
     e.component(_t.name, _t);
   }
 }, Jn = {
+  /**
+   * 组件标识
+   */
   id: String,
+  /**
+   * 是否禁用
+   */
   disabled: { type: Boolean, default: !1 },
+  /**
+   * 是否只读
+   */
   readonly: { type: Boolean, default: !1 },
+  /**
+   * 是否可编辑
+   */
   editable: { type: Boolean, default: !0 },
+  /**
+   * 格式化 formatter 和 parser 必须同时存在
+   * formatter: (val: number) => string;
+   * parser: (val: string | number) => number;
+   */
   formatter: { type: Function },
   parser: { type: Function },
-  placeholder: { type: String, default: "\u8BF7\u8F93\u5165\u6570\u5B57" },
+  /**
+   * 空白提示文本
+   */
+  placeholder: { type: String, default: "请输入数字" },
+  /**
+   * up or down 步长
+   */
   step: { type: Number, default: 1 },
+  /**
+   * 最大值
+   */
   max: { type: String },
+  /**
+   * 最小值
+   */
   min: { type: String },
+  /**
+   * 启用大数支持
+   */
   bigNumber: { type: Boolean, default: !1 },
+  /**
+   * 是否显示加减按钮
+   */
   showButton: { type: Boolean, default: !0 },
+  /**
+   * 是否使用千分值
+   */
   useThousands: { type: Boolean, default: !0 },
+  /**
+   * 文本方向
+   */
   textAlign: { type: String, default: "left" },
+  /**
+   * 自动补全小数
+   */
   autoDecimal: { type: Boolean, default: !0 },
+  /**
+   * 允许为空
+   */
   canNull: { type: Boolean, default: !1 },
+  /**
+   * 精度
+   */
   precision: { type: Number, default: 0 },
+  /**
+   * 前缀
+   */
   prefix: { type: String, default: "" },
+  /**
+   * 后缀
+   */
   suffix: { type: String, default: "" },
+  /**
+   * 小数点符号
+   */
   decimalSeparator: { type: String, default: "." },
+  /**
+   * 千分位符号
+   */
   groupSeparator: { type: String, default: "," },
+  /**
+   * 使用千分位时，每组显示的字符数
+   */
   groupSize: { type: Number, default: 3 },
+  /**
+   * 值
+   */
   value: { type: String, default: "" },
+  /**
+   * 显示0值
+   */
   showZero: { type: Boolean, default: !0 }
 };
 function qt(e, n, t, o) {
@@ -4998,7 +5483,7 @@ function qt(e, n, t, o) {
     }
     return f(k);
   }
-  function v(y, k) {
+  function h(y, k) {
     k === void 0 && (k = t.value);
     const S = new ie(k);
     return !(y === "up" && e.max && !new ie(e.max).isNaN() && S.gte(new ie(e.max)) || y === "down" && e.min && !new ie(e.min).isNaN() && S.lte(new ie(e.min)));
@@ -5031,7 +5516,7 @@ function qt(e, n, t, o) {
     toFixed: d,
     _getRealValue: f,
     getRealValue: c,
-    isDisableOfBtn: v,
+    isDisableOfBtn: h,
     buildFormatOptions: i,
     _modelChanged: m,
     validInterval: p,
@@ -5040,14 +5525,14 @@ function qt(e, n, t, o) {
   };
 }
 function el(e, n, t, o, l, u) {
-  h(""), h(!1);
+  v(""), v(!1);
   const { isDisableOfBtn: s, format: r, getRealValue: d, cleanNumString: f, isEmpty: p, _modelChanged: c } = qt(
     e,
     n,
     t,
     u
   );
-  function v(g, x = "change") {
+  function h(g, x = "change") {
     let P = g;
     x === "change" && (P = d(g), c(P));
   }
@@ -5071,7 +5556,7 @@ function el(e, n, t, o, l, u) {
     i("down"), g.stopPropagation();
   }
   function w(g) {
-    g.stopPropagation(), !(e.readonly || e.disabled) && (o.value = r(t.value), l.value = !1, v(t.value, "blur"), n.emit("blur", { event: g, formatted: o.value, value: t.value }));
+    g.stopPropagation(), !(e.readonly || e.disabled) && (o.value = r(t.value), l.value = !1, h(t.value, "blur"), n.emit("blur", { event: g, formatted: o.value, value: t.value }));
   }
   function y(g) {
     if (g.stopPropagation(), e.readonly || e.disabled) {
@@ -5082,13 +5567,13 @@ function el(e, n, t, o, l, u) {
   }
   function k(g) {
     var x;
-    g.stopPropagation(), e.disabled, o.value = (x = g.target) == null ? void 0 : x.value, v(o.value, "change");
+    g.stopPropagation(), e.disabled, o.value = (x = g.target) == null ? void 0 : x.value, h(o.value, "change");
   }
   function S(g) {
     g.key === "ArrowDown" && (g.preventDefault(), A(g)), g.key === "ArrowUp" && (g.preventDefault(), m(g)), g.stopPropagation();
   }
   return {
-    onModelChange: v,
+    onModelChange: h,
     up: m,
     down: A,
     onBlurTextBox: w,
@@ -5097,12 +5582,12 @@ function el(e, n, t, o, l, u) {
     onKeyDown: S
   };
 }
-const At = X({
+const At = /* @__PURE__ */ X({
   name: "FNumberSpinner",
   props: Jn,
   emits: ["valueChange", "blur", "focus", "click", "input"],
   setup(e, n) {
-    const t = h(null), o = h(!1), l = h(""), u = h({}), {
+    const t = v(null), o = v(!1), l = v(""), u = v({}), {
       isDisableOfBtn: s,
       format: r,
       buildFormatOptions: d,
@@ -5110,7 +5595,7 @@ const At = X({
     } = qt(e, n, t, u), {
       onFocusTextBox: p,
       onBlurTextBox: c,
-      onInput: v,
+      onInput: h,
       up: i,
       down: m,
       onKeyDown: A
@@ -5131,7 +5616,7 @@ const At = X({
       value: l.value,
       onBlur: c,
       onFocus: p,
-      onInput: (w) => v(w, "change"),
+      onInput: (w) => h(w, "change"),
       disabled: e.disabled,
       readonly: e.readonly || !e.editable,
       placeholder: e.disabled || e.readonly || !e.editable ? "" : e.placeholder,
@@ -5177,7 +5662,7 @@ const At = X({
   totalItems: { type: Number, default: 0 }
 };
 function nl(e, n) {
-  const t = h("\u8DF3\u8F6C\u81F3"), o = h(""), l = h(e.value);
+  const t = v("跳转至"), o = v(""), l = v(e.value);
   function u() {
     e.value = l.value;
   }
@@ -5257,7 +5742,7 @@ function ll(e, n, t) {
   };
 }
 function ol(e, n) {
-  const t = h("\u5171"), o = h("\u6761"), l = b(() => ({
+  const t = v("共"), o = v("条"), l = b(() => ({
     "pagination-message": !0,
     "text-truncate": !0,
     "d-flex": !0,
@@ -5283,7 +5768,7 @@ function ol(e, n) {
   };
 }
 function sl(e, n, t) {
-  const o = h(!1), l = h("\u663E\u793A"), u = h("\u6761"), s = b(() => ({
+  const o = v(!1), l = v("显示"), u = v("条"), s = b(() => ({
     dropup: !0,
     "dropdown-right": !0,
     "pg-pagelist": !0,
@@ -5305,7 +5790,7 @@ function sl(e, n, t) {
   function c(i, m) {
     e.value = m, o.value = !1;
   }
-  function v() {
+  function h() {
     return a("li", {
       class: "pagination-pagelist"
     }, [a("div", {
@@ -5331,7 +5816,7 @@ function sl(e, n, t) {
     }, [a("span", null, [i])]))])])]);
   }
   return {
-    renderPageList: v
+    renderPageList: h
   };
 }
 function il(e, n) {
@@ -5413,31 +5898,31 @@ function ul(e, n, t) {
   };
 }
 function rl(e) {
-  const n = h([]);
+  const n = v([]);
   function t(l, u, s, r) {
     const d = Math.ceil(s / 2);
     return l === s ? r : l === 1 ? l : s < r ? r - d < u ? r - s + l : d < u ? u - d + l : l : l;
   }
   function o(l, u, s, r) {
-    const d = [], f = Math.ceil(s / u), p = Math.ceil(r / 2), c = l <= p, v = f - p < l, i = !c && !v, m = r < f;
+    const d = [], f = Math.ceil(s / u), p = Math.ceil(r / 2), c = l <= p, h = f - p < l, i = !c && !h, m = r < f;
     let A = 1;
     for (; A <= f && A <= r; ) {
-      const w = t(A, l, r, f), y = A === 2 && (i || v), k = A === r - 1 && (i || c), S = m && (y || k) ? "..." : "" + w;
+      const w = t(A, l, r, f), y = A === 2 && (i || h), k = A === r - 1 && (i || c), S = m && (y || k) ? "..." : "" + w;
       d.push({ label: S, value: w }), A++;
     }
     n.value = d;
   }
   return { pages: n, updatePages: o };
 }
-const Tt = X({
+const Tt = /* @__PURE__ */ X({
   name: "FPagination",
   props: al,
   emits: ["pageIndexChanged"],
   setup(e, n) {
-    const t = h(!1), o = h(e.mode), l = h(""), u = h(!1), s = h(e.pageSize), r = h(e.currentPage), d = h(e.totalItems), {
+    const t = v(!1), o = v(e.mode), l = v(""), u = v(!1), s = v(e.pageSize), r = v(e.currentPage), d = v(e.totalItems), {
       pages: f,
       updatePages: p
-    } = rl(), c = b(() => r.value === 1), v = b(() => [20, 50, 100]), i = b(() => Math.ceil(d.value / s.value)), m = b(() => r.value === i.value), A = b(() => !0), w = b(() => r.value > 1), y = b(() => !(u.value && f.value.length <= 1)), k = b(() => !0), S = b(() => !0), g = b(() => !0), x = b(() => !0), {
+    } = rl(), c = b(() => r.value === 1), h = b(() => [20, 50, 100]), i = b(() => Math.ceil(d.value / s.value)), m = b(() => r.value === i.value), A = b(() => !0), w = b(() => r.value > 1), y = b(() => !(u.value && f.value.length <= 1)), k = b(() => !0), S = b(() => !0), g = b(() => !0), x = b(() => !0), {
       renderFirstPage: P,
       renderPreviousPage: T
     } = ul(r, c, w), {
@@ -5447,7 +5932,7 @@ const Tt = X({
       renderPageInfo: B
     } = ol(l, d), {
       renderPageList: O
-    } = sl(s, v, d), {
+    } = sl(s, h, d), {
       renderPageNumbers: N
     } = il(r, f), {
       renderGotoButton: D
@@ -5457,13 +5942,13 @@ const Tt = X({
     }), le(r, () => {
       n.emit("pageIndexChanged", r.value);
     });
-    const E = b(() => ({
+    const H = b(() => ({
       "ngx-pagination": !0,
       pagination: !0,
       responsive: t.value,
       "pager-viewmode-default": o.value === "default",
       "pager-viewmode-simple": o.value === "simple"
-    })), H = b(() => ({
+    })), E = b(() => ({
       position: "relative",
       "justify-content": l.value === "center" ? "center" : "start"
     }));
@@ -5489,8 +5974,8 @@ const Tt = X({
       class: "pagination-container"
     }, [y.value && a("ul", {
       role: "navigation",
-      class: E.value,
-      style: H.value
+      class: H.value,
+      style: E.value
     }, [o.value === "default" ? W() : M()])]);
   }
 }), cl = {
@@ -5504,17 +5989,17 @@ const Tt = X({
     type: Object
   }
 };
-const Pt = X({
+const Pt = /* @__PURE__ */ X({
   name: "FPopover",
   props: dl,
   emits: [],
   setup(e, n) {
     let t = 0, o = 0;
     typeof window < "u" && (t = document.documentElement.scrollLeft, o = document.documentElement.scrollTop);
-    const l = h(), u = h(), s = h(e.placement), r = h("0px"), d = h("0px"), f = b(() => !!e.title), p = h(!1), c = b(() => {
+    const l = v(), u = v(), s = v(e.placement), r = v("0px"), d = v("0px"), f = b(() => !!e.title), p = v(!1), c = b(() => {
       const w = `popover in popover-${s.value}`, y = `bs-popover-${s.value}`, k = {};
       return k[w] = !0, k[y] = !0, k;
-    }), v = b(() => ({
+    }), h = b(() => ({
       "popover-content": !0,
       "popover-body": !0
     })), i = b(() => ({
@@ -5550,7 +6035,7 @@ const Pt = X({
         }, null), f.value && a("h3", {
           class: "popover-title popover-header"
         }, [e.title]), a("div", {
-          class: v.value
+          class: h.value
         }, [n.slots.default && ((w = n.slots) == null ? void 0 : w.default())])]), [[Ft, p.value]])];
       }
     })]);
@@ -5573,14 +6058,41 @@ const fl = {
     e.component(Pt.name, Pt), e.directive("popover", fl);
   }
 }, hl = {
+  /**
+   * 组件标识
+   */
   id: String,
+  /**
+   * 组件名称
+   */
   name: { type: String, default: "" },
+  /**
+   * 单选组枚举数组
+   */
   enumData: Array,
+  /**
+   * 枚举数组中展示文本的key值。
+   */
   textField: { type: String, default: "name" },
+  /**
+   * 枚举数组中枚举值的key值。
+   */
   valueField: { type: String, default: "value" },
+  /**
+   * 组件是否水平排列
+   */
   horizontal: { type: Boolean, default: !1 },
+  /**
+   * 禁用组件，不允许切换单选值
+   */
   disabled: { type: Boolean, default: !1 },
+  /**
+   * 组件值
+   */
   modelValue: { type: String, default: "" },
+  /**
+   * 输入框Tab键索引
+   */
   tabIndex: Number
 };
 function pl(e, n, t) {
@@ -5605,12 +6117,12 @@ function pl(e, n, t) {
     onClickRadio: r
   };
 }
-const Mt = X({
+const Mt = /* @__PURE__ */ X({
   name: "FRadioGroup",
   props: hl,
   emits: ["changeValue", "update:modelValue"],
   setup(e, n) {
-    const t = h(e.modelValue), {
+    const t = v(e.modelValue), {
       enumData: o,
       onClickRadio: l,
       getValue: u,
@@ -5663,28 +6175,28 @@ const Mt = X({
   showToolbarMoreButton: { type: Boolean, default: !0 },
   clickThrottleTime: { type: Number, default: 350 },
   headerClass: { type: String, default: "" }
-}, Ot = X({
+}, Ot = /* @__PURE__ */ X({
   name: "FSection",
   props: ml,
   emits: [],
   setup(e, n) {
     const t = b(() => !0), o = b(() => !0), l = b(() => !0);
-    b(() => !1), b(() => !1), b(() => !1), b(() => !1), h([]);
+    b(() => !1), b(() => !1), b(() => !1), b(() => !1), v([]);
     const u = b(() => {
-      const c = e.headerClass.split(" "), v = {
+      const c = e.headerClass.split(" "), h = {
         "f-section-header": !0
       };
-      return c.reduce((i, m) => (i[m] = !0, i), v), v;
+      return c.reduce((i, m) => (i[m] = !0, i), h), h;
     });
     b(() => ({
       "f-section-extend": !0
     }));
     const s = b(() => {
-      const c = e.contentClass.split(" "), v = {
+      const c = e.contentClass.split(" "), h = {
         "f-section-content": !0
       };
-      return c.reduce((i, m) => (i[m] = !0, i), v), v;
-    }), r = h(e.mainTitle), d = h(e.subTitle);
+      return c.reduce((i, m) => (i[m] = !0, i), h), h;
+    }), r = v(e.mainTitle), d = v(e.subTitle);
     function f() {
       return t.value && a("div", {
         class: u.value
@@ -5708,6 +6220,9 @@ const Mt = X({
     e.component(Ot.name, Ot);
   }
 }, bl = {
+  /**
+   * 组件值
+   */
   modelValue: { type: Boolean, default: !1 },
   disable: { type: Boolean },
   onBackground: { type: String },
@@ -5717,7 +6232,7 @@ const Mt = X({
   onLabel: { type: String },
   offLabel: { type: String },
   size: { type: String, default: "medium" }
-}, Nt = X({
+}, Nt = /* @__PURE__ */ X({
   name: "FSwitch",
   props: bl,
   emits: ["update:modelValue"],
@@ -5727,7 +6242,7 @@ const Mt = X({
       size: o,
       onLabel: l,
       offLabel: u
-    } = Rt(e), s = h(e.modelValue);
+    } = Rt(e), s = v(e.modelValue);
     function r() {
       return "";
     }
@@ -5749,7 +6264,7 @@ const Mt = X({
       outline: "none",
       "backgroud-color": r(),
       "border-color": d()
-    })), v = b(() => ({
+    })), h = b(() => ({
       background: f()
     })), i = b(() => (l == null ? void 0 : l.value) || (u == null ? void 0 : u.value));
     function m(w, y = !0) {
@@ -5771,7 +6286,7 @@ const Mt = X({
     }, [l == null ? void 0 : l.value]), a("span", {
       class: "switch-label-unchecked"
     }, [u == null ? void 0 : u.value])]), a("small", {
-      style: v.value
+      style: h.value
     }, [n.slots.default && n.slots.default()])]);
   }
 }), wl = {
@@ -5799,7 +6314,7 @@ const Mt = X({
 };
 function Cl(e, n, t) {
   function o(p) {
-    const c = p.value.findIndex((v) => v.props.show !== !1 && !t.value && !v.props.disabled);
+    const c = p.value.findIndex((h) => h.props.show !== !1 && !t.value && !h.props.disabled);
     !t.value && c !== -1 && (t.value = p.value[c].props.id);
   }
   function l(p) {
@@ -5828,20 +6343,20 @@ function Cl(e, n, t) {
     };
   }
   function d(p) {
-    var v;
+    var h;
     if (e.autoTitleWidth)
       return;
-    const c = (v = p.value) == null ? void 0 : v.querySelectorAll(".st-tab-text");
-    if (!!c)
+    const c = (h = p.value) == null ? void 0 : h.querySelectorAll(".st-tab-text");
+    if (c)
       for (let i = 0; i < c.length; i++) {
         const m = c[i].parentNode;
         c[i].scrollWidth > m.offsetWidth ? c[i].classList.contains("farris-title-text-custom") || c[i].classList.add("farris-title-text-custom") : c[i].classList.remove("farris-title-text-custom");
       }
   }
   function f(p, c) {
-    const v = t.value;
+    const h = t.value;
     t.value = c, n.emit("tabChange", {
-      prevId: v,
+      prevId: h,
       nextId: t.value
     }), p.preventDefault(), p.stopPropagation();
   }
@@ -5855,19 +6370,19 @@ function Cl(e, n, t) {
     selectTabByTabId: f
   };
 }
-const Dt = X({
+const Dt = /* @__PURE__ */ X({
   name: "FTabs",
   props: xl,
   emits: ["tabChange", "tabRemove"],
   setup(e, n) {
-    const t = ft(), o = ft(), l = h(!0), u = h(!0), s = h([]), r = h(e.activeId), d = b(() => {
+    const t = ft(), o = ft(), l = v(!0), u = v(!0), s = v([]), r = v(e.activeId), d = b(() => {
       const V = s.value.find((z) => z.props.id === r.value);
       return V == null ? void 0 : V.slots;
     }), f = b(() => {
       const V = s.value.find((J) => J.props.id === r.value);
       return (V == null ? void 0 : V.props.toolbarPosition) === "inHead";
-    }), p = h("atuo"), c = h(""), {
-      setActiveId: v,
+    }), p = v("atuo"), c = v(""), {
+      setActiveId: h,
       getTabStyle: i,
       getTabClass: m,
       getTabNavLinkClass: A,
@@ -5915,7 +6430,7 @@ const Dt = X({
       }));
     };
     function C(V, z, J = !1) {
-      s.value.findIndex((ae) => ae.props.id === z), s.value = s.value.filter((ae) => ae.props.id !== z), r.value === z && (r.value = "", v(s)), g(V), ke(() => {
+      s.value.findIndex((ae) => ae.props.id === z), s.value = s.value.filter((ae) => ae.props.id !== z), r.value === z && (r.value = "", h(s)), g(V), ke(() => {
         y(o), S(), J && (u.value = !0);
         const ae = s.value.findIndex((ne) => ne.props.id === r.value);
         P(ae), n.emit("tabRemove", {
@@ -5939,13 +6454,13 @@ const Dt = X({
       "farris-tabs-nav-pills": O.value
     })), D = b(() => ({
       width: f.value && e.titleWidth ? `${e.titleWidth}%` : ""
-    })), E = b(() => ({
+    })), H = b(() => ({
       btn: !0,
       "sc-nav-btn": !0,
       "px-1": !0,
       "sc-nav-lr": !0,
       "d-none": l.value
-    })), H = b(() => ({
+    })), E = b(() => ({
       "btn-group": !0,
       "sc-nav-btn": !0,
       dropdown: !0,
@@ -5982,6 +6497,7 @@ const Dt = X({
     }), ee = b(() => ({
       spacer: !0,
       "f-utils-fill": !0,
+      // 'spacer-sides': !hideButtons.value && hideDropDown.value,
       "spacer-sides-dropdown": !l.value
     })), te = b(() => ({
       nav: !0,
@@ -6024,7 +6540,7 @@ const Dt = X({
       }, [a("button", {
         title: "left-arrow-button",
         type: "button",
-        class: E.value,
+        class: H.value,
         onClick: () => {
           x(0, -1);
         }
@@ -6052,7 +6568,7 @@ const Dt = X({
           class: "f-icon f-icon-close"
         }, null)])])]);
       })])]), a("div", {
-        class: H.value
+        class: E.value
       }, [a("button", {
         title: "right-arrow-button",
         type: "button",
@@ -6093,7 +6609,7 @@ const Dt = X({
         class: "dropdown-title"
       }, [ne.props.title])]))]) : a("div", {
         class: "dropdown-no-data"
-      }, [_e("\u6CA1\u6709\u76F8\u5173\u6570\u636E")])])])]), d.value && a("div", {
+      }, [_e("没有相关数据")])])])]), d.value && a("div", {
         class: "farris-tabs-toolbar"
       }, [(z = (V = d.value) == null ? void 0 : V.toolbarExtra) == null ? void 0 : z.call(V)])]), a("div", {
         class: "farris-tabs-content"
@@ -6112,21 +6628,21 @@ const Dt = X({
   show: { type: Boolean, default: !0 },
   toolbar: { type: Object },
   toolbarPosition: { type: String, default: "inContent" }
-}, jt = X({
+}, jt = /* @__PURE__ */ X({
   name: "FTabPage",
   props: kl,
   emits: [],
   setup(e, n) {
     const t = De("tabs");
     ga();
-    const o = h(!0), l = {
+    const o = v(!0), l = {
       slots: n.slots,
       props: e
     };
     Ne(() => {
       const s = t == null ? void 0 : t.tabs.value.findIndex((r) => r.props.id === e.id);
-      !s || s === -1 ? t == null || t.addTab(l) : s > -1 && (o.value = !1, console.warn(`\u5DF2\u7ECF\u5B58\u5728id\u4E3A${e.id}\u7684\u9875\u7B7E\u5566`));
-    }), Ee(() => {
+      !s || s === -1 ? t == null || t.addTab(l) : s > -1 && (o.value = !1, console.warn(`已经存在id为${e.id}的页签啦`));
+    }), He(() => {
     });
     function u() {
       return {
@@ -6155,13 +6671,16 @@ const Dt = X({
     e.component(Dt.name, Dt), e.component(jt.name, jt);
   }
 }, _l = {
+  /**
+   * 组件值
+   */
   modelValue: { type: String, default: "" }
-}, Wt = X({
+}, Wt = /* @__PURE__ */ X({
   name: "FText",
   props: _l,
   emits: ["update:modelValue"],
   setup(e, n) {
-    const t = h(!0), o = h(!0), l = h(""), u = h(0), s = h(0), r = h(e.modelValue), d = b(() => ({
+    const t = v(!0), o = v(!0), l = v(""), u = v(0), s = v(0), r = v(e.modelValue), d = b(() => ({
       "f-form-control-text": !t.value,
       "f-form-context-textarea": t,
       "f-component-text-auto-size": o.value
@@ -6207,8 +6726,8 @@ function Pl(e, n) {
   }
   function u(s, r, d, f, p) {
     let c = s;
-    const v = s.split("-")[0], i = o.get(v), m = f[i] + p[i];
-    return Math.abs(d[v] - r[v]) < m && (c = l(s, v)), c;
+    const h = s.split("-")[0], i = o.get(h), m = f[i] + p[i];
+    return Math.abs(d[h] - r[h]) < m && (c = l(s, h)), c;
   }
   return { adjustPlacement: u };
 }
@@ -6218,24 +6737,24 @@ function Bl(e, n) {
     return (s === "left" || s === "top") && r <= u[s] && (d = !0, f = u[s] + 6), (s === "right" || s === "bottom") && r >= u[s] && (d = !0, f = u[s] - 6), { overBound: d, fixedValue: f };
   }
   function l(u, s, r, d, f, p, c) {
-    let v = s.tooltip.left, i = s.tooltip.top, m = s.arrow.left, A = s.arrow.top;
+    let h = s.tooltip.left, i = s.tooltip.top, m = s.arrow.left, A = s.arrow.top;
     const y = u.split("-")[0];
     if (["top", "bottom"].includes(y)) {
       const P = o(r, "left", s.tooltip.left), T = o(r, "right", s.tooltip.left + f.width);
-      v = P.overBound ? P.fixedValue : T.overBound ? T.fixedValue - f.width : s.tooltip.left, m = P.overBound ? f.width - (v + f.width - d.right) - c.width : T.overBound ? d.left - v : s.arrow.left;
+      h = P.overBound ? P.fixedValue : T.overBound ? T.fixedValue - f.width : s.tooltip.left, m = P.overBound ? f.width - (h + f.width - d.right) - c.width : T.overBound ? d.left - h : s.arrow.left;
     }
     const k = o(r, "top", s.tooltip.top), S = o(r, "bottom", s.tooltip.top + f.height);
-    return i = k.overBound ? k.fixedValue : S.overBound ? S.fixedValue - f.height : s.tooltip.top, A = k.overBound ? s.arrow.top : S.overBound ? f.height - (i + f.height - d.top) : s.arrow.top, { arrow: { left: m, top: A }, tooltip: { left: v, top: i } };
+    return i = k.overBound ? k.fixedValue : S.overBound ? S.fixedValue - f.height : s.tooltip.top, A = k.overBound ? s.arrow.top : S.overBound ? f.height - (i + f.height - d.top) : s.arrow.top, { arrow: { left: m, top: A }, tooltip: { left: h, top: i } };
   }
   return { adjustPosition: l };
 }
 function Ml(e, n) {
   function o(s, r, d, f, p) {
-    const c = s.split("-"), v = c[0], i = c[1] || "middle", m = ["top", "bottom"].includes(v) ? i === "middle" ? (f.width - p.width) / 2 : i === "right" ? f.width - p.width - 6 : 6 : 0, A = ["left", "right"].includes(v) ? i === "middle" ? (f.height - p.height) / 2 : i === "bottom" ? f.height - p.height - 6 : 6 : 0, w = v === "left" ? f.width + p.width : 0, y = v === "top" ? f.height + p.height : 0;
+    const c = s.split("-"), h = c[0], i = c[1] || "middle", m = ["top", "bottom"].includes(h) ? i === "middle" ? (f.width - p.width) / 2 : i === "right" ? f.width - p.width - 6 : 6 : 0, A = ["left", "right"].includes(h) ? i === "middle" ? (f.height - p.height) / 2 : i === "bottom" ? f.height - p.height - 6 : 6 : 0, w = h === "left" ? f.width + p.width : 0, y = h === "top" ? f.height + p.height : 0;
     return { left: w + m, top: y + A, right: 0 };
   }
   function l(s, r, d, f, p) {
-    const c = s.split("-"), v = c[0], i = c[1] || "middle", m = (d.width - f.width) / 2, A = (d.height - f.height) / 2, w = v === "right" ? r.right : r.left, y = v === "bottom" ? r.bottom : r.top, k = v === "top" ? 0 - A - f.height - p.height : v === "bottom" ? 0 - A + p.height : 0, S = ["left", "right"].includes(v) ? i === "middle" ? (r.height - f.height) / 2 : i === "bottom" ? r.height - f.height : 0 : 0, g = v === "left" ? 0 - m - f.width - p.width : v === "right" ? 0 - m + p.width : 0, x = ["top", "bottom"].includes(v) ? i === "middle" ? (r.width - f.width) / 2 : i === "right" ? r.width - f.width : 0 : 0, P = y + k + S;
+    const c = s.split("-"), h = c[0], i = c[1] || "middle", m = (d.width - f.width) / 2, A = (d.height - f.height) / 2, w = h === "right" ? r.right : r.left, y = h === "bottom" ? r.bottom : r.top, k = h === "top" ? 0 - A - f.height - p.height : h === "bottom" ? 0 - A + p.height : 0, S = ["left", "right"].includes(h) ? i === "middle" ? (r.height - f.height) / 2 : i === "bottom" ? r.height - f.height : 0 : 0, g = h === "left" ? 0 - m - f.width - p.width : h === "right" ? 0 - m + p.width : 0, x = ["top", "bottom"].includes(h) ? i === "middle" ? (r.width - f.width) / 2 : i === "right" ? r.width - f.width : 0 : 0, P = y + k + S;
     return { left: w + g + x, top: P };
   }
   function u(s, r, d, f, p) {
@@ -6245,18 +6764,18 @@ function Ml(e, n) {
   return { calculate: u };
 }
 function Ol(e, n) {
-  const t = h(e.horizontalRelative), o = h(e.verticalRelative);
+  const t = v(e.horizontalRelative), o = v(e.verticalRelative);
   function l(s) {
     return typeof s == "string" ? document.querySelector(s) : s;
   }
   function u() {
-    let s = document.documentElement.clientWidth, r = document.documentElement.clientHeight, d = 0, f = 0, p = 0, c = 0, v = r - d, i = s - f;
-    return t.value && ({ left: f, right: s, x: p, width: i } = l(t.value).getBoundingClientRect()), o.value && ({ bottom: r, top: d, y: c, height: v } = l(o.value).getBoundingClientRect()), { top: d, left: f, right: s, bottom: r, height: v, width: i, x: p, y: c };
+    let s = document.documentElement.clientWidth, r = document.documentElement.clientHeight, d = 0, f = 0, p = 0, c = 0, h = r - d, i = s - f;
+    return t.value && ({ left: f, right: s, x: p, width: i } = l(t.value).getBoundingClientRect()), o.value && ({ bottom: r, top: d, y: c, height: h } = l(o.value).getBoundingClientRect()), { top: d, left: f, right: s, bottom: r, height: h, width: i, x: p, y: c };
   }
   return { getRelativeElementBound: u };
 }
 function Nl(e, n, t, o, l, u) {
-  const s = h(e.placement), { getRelativeElementBound: r } = Ol(e), { calculate: d } = Ml(), { adjustPlacement: f } = Pl(), { adjustPosition: p } = Bl(), c = b(() => s.value.split("-")[0]), v = b(() => {
+  const s = v(e.placement), { getRelativeElementBound: r } = Ol(e), { calculate: d } = Ml(), { adjustPlacement: f } = Pl(), { adjustPosition: p } = Bl(), c = b(() => s.value.split("-")[0]), h = b(() => {
     const i = r();
     s.value = f(s.value, i, t, o, u);
     const m = d(s.value, t, o, l, u);
@@ -6270,14 +6789,14 @@ function Nl(e, n, t, o, l, u) {
       u
     );
   });
-  return { tooltipPlacement: c, tooltipPosition: v };
+  return { tooltipPlacement: c, tooltipPosition: h };
 }
-const Ze = X({
+const Ze = /* @__PURE__ */ X({
   name: "FTooltip",
   props: Tl,
   emits: ["click"],
   setup(e, n) {
-    const t = h(!0), o = h(), l = h(), u = h(), s = h(e.placement.split("-")[0]), r = b(() => {
+    const t = v(!0), o = v(), l = v(), u = v(), s = v(e.placement.split("-")[0]), r = b(() => {
       const S = {
         tooltip: !0,
         show: !0
@@ -6286,12 +6805,12 @@ const Ze = X({
     }), {
       scrollLeft: d,
       scrollTop: f
-    } = document.documentElement, p = b(() => t.value), c = b(() => e.content), v = h("0px"), i = h("0px");
-    h("");
+    } = document.documentElement, p = b(() => t.value), c = b(() => e.content), h = v("0px"), i = v("0px");
+    v("");
     const m = b(() => ({
-      left: v.value,
+      left: h.value,
       top: i.value
-    })), A = h(""), w = h(""), y = b(() => ({
+    })), A = v(""), w = v(""), y = b(() => ({
       left: A.value,
       top: w.value
     }));
@@ -6301,7 +6820,7 @@ const Ze = X({
           tooltipPlacement: S,
           tooltipPosition: g
         } = Nl(e, n, e.reference.getBoundingClientRect(), l.value.getBoundingClientRect(), u.value.getBoundingClientRect(), o.value.getBoundingClientRect());
-        v.value = `${g.value.tooltip.left + d}px`, i.value = `${g.value.tooltip.top + f}px`, A.value = `${g.value.arrow.left}px`, w.value = `${g.value.arrow.top}px`, s.value = S.value;
+        h.value = `${g.value.tooltip.left + d}px`, i.value = `${g.value.tooltip.top + f}px`, A.value = `${g.value.arrow.left}px`, w.value = `${g.value.arrow.top}px`, s.value = S.value;
       }
     });
     function k(S) {
@@ -6330,7 +6849,7 @@ const Ze = X({
 function Dl(e, n) {
   const t = document.createElement("div"), o = et({
     setup() {
-      return Ee(() => {
+      return He(() => {
         document.body.removeChild(t);
       }), () => a(Ze, Se(e, {
         onClick: o.unmount
@@ -6367,7 +6886,8 @@ const Wl = {
   install(e) {
     e.component(Ze.name, Ze), e.directive("tooltip", Wl);
   }
-}, Ul = {
+};
+const Ul = {
   install(e) {
     e.use(ba).use(Ca).use(Ta).use(Na).use(Wa).use(Qa).use(bn).use(Mn).use(jn).use(Ln).use($n).use(Un).use(Xn).use(tl).use(cl).use(vl).use(gl).use(yl).use(wl).use(Sl).use(Al).use(Fl);
   }