@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/designer/filter-condition-editor/index.esm.js

@@ -0,0 +1,4795 @@
+var wt = Object.defineProperty;
+var St = (e, t, l) => t in e ? wt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l;
+var Z = (e, t, l) => St(e, typeof t != "symbol" ? t + "" : t, l);
+import { filterConditionEditorProps as Bt } from "../../components/filter-condition-editor/index.esm.js";
+import { resolveAppearance as Tt, createPropsResolver as Fe, getPropsResolverGenerator as Ft } from "../../components/dynamic-resolver/index.esm.js";
+import { defineComponent as K, ref as s, computed as S, createVNode as i, Teleport as ze, createApp as ke, onUnmounted as ye, Fragment as ie, watch as A, nextTick as de, onBeforeMount as kt, onMounted as le, watchEffect as Mt, Transition as We, shallowRef as It, render as we, h as Ot, cloneVNode as Et, mergeProps as ve, inject as oe, withDirectives as Pt, vShow as Rt, onUpdated as Me, onBeforeUnmount as Vt, createTextVNode as X, reactive as te } from "vue";
+import { LocaleService as _ } from "../../components/locale/index.esm.js";
+import { isMobilePhone as Lt, getMaxZIndex as je, useGuid as Ht, FormSchemaEntityFieldType$Type as Nt, withInstall as Ie } from "../../components/common/index.esm.js";
+import { InputBaseProperty as jt } from "../../components/property-panel/index.esm.js";
+import At from "../../components/tags/index.esm.js";
+import { debounce as $e, isUndefined as zt, cloneDeep as Be } from "lodash-es";
+import Wt from "../../components/popover/index.esm.js";
+import De from "../../components/button-edit/index.esm.js";
+import $t from "../../components/list-view/index.esm.js";
+import Dt from "../button-edit/index.esm.js";
+import { useDesignerComponent as Ut } from "../../components/designer-canvas/index.esm.js";
+import { comboListProps as Ue } from "../../components/combo-list/index.esm.js";
+import { FExpressionTextbox as qt } from "../expression-editor/index.esm.js";
+import Gt from "../../components/event-parameter/index.esm.js";
+import Xt from "../../components/tree-view/index.esm.js";
+import { FInputGroup as Yt } from "../../components/input-group/index.esm.js";
+const Kt = "https://json-schema.org/draft/2020-12/schema", _t = "https://farris-design.gitee.io/field-selector.schema.json", Jt = "field-selector", Zt = "A Farris Input Component", Qt = "object", el = {
+  disabled: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  modelValue: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  repositoryToken: {
+    description: "",
+    type: "object",
+    default: null
+  },
+  fields: {
+    description: "",
+    type: "array",
+    default: null
+  },
+  editorParams: {
+    type: "object",
+    default: null
+  },
+  displayText: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  enableClear: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  beforeOpen: {
+    description: "",
+    type: "function",
+    default: null
+  },
+  onSubmitModal: {
+    description: "",
+    type: "function",
+    default: null
+  },
+  editorType: {
+    description: "",
+    type: "string",
+    default: "filter"
+  },
+  enableExpression: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  expressionOptions: {
+    description: "",
+    type: "object",
+    default: null
+  },
+  formContextData: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  singleValue: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  idField: {
+    description: "",
+    type: "string",
+    default: "id"
+  },
+  textField: {
+    type: "string",
+    default: ""
+  },
+  valueField: {
+    type: "string",
+    default: ""
+  },
+  editable: {
+    type: "boolean",
+    default: !0
+  },
+  enableTitle: {
+    type: "boolean",
+    default: !0
+  }
+}, tl = {
+  $schema: Kt,
+  $id: _t,
+  title: Jt,
+  description: Zt,
+  type: Qt,
+  properties: el
+}, ll = {
+  /**
+   * 组件标识
+   */
+  id: { type: String, default: "" },
+  /**
+   * 扩展按钮显示内容，这是一段现在扩展按钮中的html标签
+   */
+  buttonContent: { type: String, default: '<i class="f-icon f-icon-lookup"></i>' },
+  buttonBehavior: { type: String, default: "Popup" },
+  /**
+   * 启用输入框自动完成功能
+   */
+  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 },
+  /**
+   * 禁用组件时，是否显示扩展按钮
+   */
+  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: { type: Number },
+  /**
+   * 输入框Tab键索引
+   */
+  tabIndex: Number,
+  popupHost: { type: Object },
+  popupRightBoundary: { type: Object },
+  popupOffsetX: { type: Object },
+  popupOnInput: { type: Boolean, default: !1 },
+  popupOnFocus: { type: Boolean, default: !1 },
+  popupOnClick: { type: Boolean, default: !1 },
+  /**
+   * 样式追加到弹出窗口
+   */
+  popupClass: { type: String, default: "" },
+  popupMinWidth: { type: Number, default: 160 },
+  modalOptions: { type: Object, default: {} },
+  wrapText: { type: Boolean, default: !1 },
+  /**
+   * 可选，是否支持多选
+   * 默认`false`
+   */
+  multiSelect: { type: Boolean, default: !1 },
+  /**
+   * 可选，分隔符
+   * 默认`,`
+   */
+  separator: { type: String, default: "," },
+  /** 对齐方式 */
+  textAlign: { type: String, default: "left" },
+  /**
+   * 废弃
+   */
+  beforeClickButton: { type: Function, default: null },
+  /**
+   * 作为内嵌编辑器被创建后默认获得焦点
+   */
+  focusOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 作为内嵌编辑器被创建后默认选中文本
+   */
+  selectOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 打开前
+   */
+  beforeOpen: { type: Function, default: null },
+  /** 更新方式 blur | change */
+  updateOn: { type: String, default: "change" },
+  keepWidthWithReference: { type: Boolean, default: !0 },
+  placement: { type: String, default: "bottom-left" },
+  /**
+   * 根据空间大小重新调整，原下拉面板内容指定的高度
+   */
+  limitContentBySpace: { type: Boolean, default: !1 },
+  beforeClosePopup: { type: Function, default: null }
+}, nl = {
+  popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
+  host: { type: Object },
+  backgroundColor: { type: String, default: "" }
+}, al = /* @__PURE__ */ K({
+  name: "FOverlay",
+  props: nl,
+  emits: ["click"],
+  setup(e, t) {
+    const l = s(e.popupContentPosition), n = s(e.host), a = S(() => ({
+      backgroundColor: e.backgroundColor || "",
+      pointerEvents: "auto"
+    }));
+    function o(u) {
+      t.emit("click"), u.preventDefault(), u.stopPropagation();
+    }
+    S(() => {
+      const u = n.value;
+      if (u) {
+        const c = u.getBoundingClientRect(), {
+          left: m,
+          top: C,
+          height: h
+        } = c;
+        return {
+          left: m,
+          top: C + h
+        };
+      }
+      return l.value;
+    });
+    const r = S(() => ({
+      // position: 'relative',
+      // left: `${position.value.left}px`,
+      // top: `${position.value.top}px`
+    }));
+    return () => i(ze, {
+      to: "body"
+    }, {
+      default: () => {
+        var u, c;
+        return [i("div", {
+          class: "overlay-container",
+          onClick: (m) => o(m),
+          style: a.value
+        }, [i("div", {
+          style: r.value
+        }, [(c = (u = t.slots).default) == null ? void 0 : c.call(u)])])];
+      }
+    });
+  }
+});
+function ol(e) {
+  if (e.content && e.content.render)
+    return e.content.render;
+  if (e.render && typeof e.render == "function")
+    return e.render;
+}
+function il(e) {
+  const t = document.createElement("div");
+  t.style.display = "contents";
+  let l;
+  const n = e.onClickCallback || (() => {
+  }), a = () => {
+    n(), l && l.unmount();
+  };
+  return l = ke({
+    setup() {
+      ye(() => {
+        document.body.removeChild(t);
+      });
+      const o = ol(e);
+      return () => i(al, {
+        "popup-content-position": e.popupPosition,
+        host: e.host,
+        onClick: a,
+        backgroundColor: e.backgroundColor
+      }, {
+        default: () => [o && o()]
+      });
+    }
+  }), document.body.appendChild(t), l.mount(t), l;
+}
+class ul {
+  static show(t) {
+    return il(t);
+  }
+}
+const sl = {
+  /**
+   * 允许点击遮罩关闭对话框
+   */
+  allowClickMaskToClose: { type: Boolean, default: !1 },
+  /**
+   * 关闭对话框前事件， 是个函数，返回true或者false
+   */
+  beforeClose: { type: Function, default: () => !0 },
+  /**
+   * 自定义类
+   */
+  class: { type: String, default: "" },
+  /**
+   * 自定义遮罩类
+   */
+  maskClass: { type: String, default: "" },
+  /**
+   * 模态框标题
+   */
+  title: { type: String, default: "" },
+  /**
+   * 模态框宽度
+   */
+  width: { type: Number, default: 500 },
+  /**
+   * 模态框高度
+   */
+  height: { type: Number, default: 320 },
+  /**
+   * 自定义按钮列表
+    */
+  buttons: {
+    type: Array,
+    default: []
+  },
+  /**
+   * 是否展示模态框
+   */
+  modelValue: { type: Boolean, default: !1 },
+  /**
+   * 是否模态
+   */
+  mask: { type: Boolean, default: !0 },
+  /**
+   * 是否展示头部
+   */
+  showHeader: { type: Boolean, default: !0 },
+  /**
+   * 是否展示默认按钮
+   */
+  showButtons: { type: Boolean, default: !0 },
+  /**
+   * 是否启用自适应样式
+   */
+  fitContent: { type: Boolean, default: !0 },
+  /**
+   * 是否展示右上角按钮
+   */
+  showCloseButton: { type: Boolean, default: !0 },
+  showMaxButton: { type: Boolean, default: !1 },
+  minHeight: { type: Number },
+  maxHeight: { type: Number },
+  minWidth: { type: Number },
+  maxWidth: { type: Number },
+  containment: { type: Object, default: null },
+  resizeable: { type: Boolean, default: !1 },
+  draggable: { type: Boolean, default: !1 },
+  dragHandle: { type: Object, default: null },
+  closedCallback: { type: Function, default: null },
+  resizeHandle: { type: Function, default: null },
+  render: { type: Function, default: null },
+  acceptCallback: { type: Function, default: null },
+  rejectCallback: { type: Function, default: null },
+  enableEsc: { type: Boolean, default: !0 },
+  enableEnter: { type: Boolean, default: !1 },
+  dialogType: { type: String, default: "" },
+  src: { type: String, default: "" },
+  footerHeight: { type: Number, default: 60 },
+  host: { type: Object, default: "body" },
+  isMessager: { type: Boolean, default: !1 }
+};
+class q {
+  constructor(t, l) {
+    this.x = t, this.y = l;
+  }
+  static getTransformInfo(t) {
+    const n = window.getComputedStyle(t).getPropertyValue("transform").replace(/[^-\d,]/g, "").split(",");
+    if (n.length >= 6) {
+      const a = parseInt(n[4], 10), o = parseInt(n[5], 10);
+      return { x: a, y: o };
+    }
+    return { x: 0, y: 0 };
+  }
+  static fromEvent(t, l = null) {
+    if (this.isMouseEvent(t))
+      return new q(t.clientX, t.clientY);
+    if (l === null || t.changedTouches.length === 1)
+      return new q(t.changedTouches[0].clientX, t.changedTouches[0].clientY);
+    for (let n = 0; n < t.changedTouches.length; n++)
+      if (t.changedTouches[n].target === l)
+        return new q(t.changedTouches[n].clientX, t.changedTouches[n].clientY);
+  }
+  static isMouseEvent(t) {
+    return Object.prototype.toString.apply(t).indexOf("MouseEvent") === 8;
+  }
+  static isIPosition(t) {
+    return !!t && "x" in t && "y" in t;
+  }
+  static getCurrent(t) {
+    const l = new q(0, 0);
+    if (window) {
+      const n = window.getComputedStyle(t);
+      if (n) {
+        const a = parseInt(n.getPropertyValue("left"), 10), o = parseInt(n.getPropertyValue("top"), 10);
+        l.x = isNaN(a) ? 0 : a, l.y = isNaN(o) ? 0 : o;
+      }
+      return l;
+    }
+    return null;
+  }
+  static copy(t) {
+    return new q(0, 0).set(t);
+  }
+  get value() {
+    return { x: this.x, y: this.y };
+  }
+  add(t) {
+    return this.x += t.x, this.y += t.y, this;
+  }
+  subtract(t) {
+    return this.x -= t.x, this.y -= t.y, this;
+  }
+  multiply(t) {
+    this.x *= t, this.y *= t;
+  }
+  divide(t) {
+    this.x /= t, this.y /= t;
+  }
+  reset() {
+    return this.x = 0, this.y = 0, this;
+  }
+  set(t) {
+    return this.x = t.x, this.y = t.y, this;
+  }
+}
+class ae {
+  constructor(t, l) {
+    this.width = t, this.height = l;
+  }
+  static getCurrent(t) {
+    const l = new ae(0, 0);
+    if (window) {
+      const n = window.getComputedStyle(t);
+      return n && (l.width = parseInt(n.getPropertyValue("width"), 10), l.height = parseInt(n.getPropertyValue("height"), 10)), l;
+    }
+    return null;
+  }
+  static copy(t) {
+    return new ae(0, 0).set(t);
+  }
+  set(t) {
+    return this.width = t.width, this.height = t.height, this;
+  }
+}
+function rl(e, t) {
+  const l = s(), n = s(), a = s(), o = s(), r = s(), u = s(), c = s(), m = s(), C = s(), h = s(), v = s(), y = s(e.resizeable), d = s(), g = s(e.draggable), f = s(!1);
+  function p() {
+    const k = n.value || document.body, T = window.getComputedStyle(k);
+    if (!T || !l.value)
+      return;
+    const H = q.getTransformInfo(l.value), N = {};
+    c.value && (N.deltaL = l.value.offsetLeft - c.value.x, N.deltaT = l.value.offsetTop - c.value.y);
+    const U = T.getPropertyValue("position");
+    N.width = k.clientWidth, N.height = k.clientHeight, N.pr = parseInt(T.getPropertyValue("padding-right"), 10), N.pb = parseInt(T.getPropertyValue("padding-bottom"), 10), N.position = T.getPropertyValue("position"), U === "static" && (k.style.position = "relative"), N.translateX = H.x, N.translateY = H.y, h.value = N;
+  }
+  function b(k) {
+    if (l.value) {
+      o.value = ae.getCurrent(l.value), r.value = q.getCurrent(l.value), u.value = o.value ? ae.copy(o.value) : null, c.value = r.value ? q.copy(r.value) : null, p();
+      const T = k.target.getAttribute("type") || "";
+      m.value = {
+        n: !!T.match(/n/),
+        s: !!T.match(/s/),
+        w: !!T.match(/w/),
+        e: !!T.match(/e/)
+      };
+    }
+  }
+  function F() {
+    var k, T, H, N;
+    if (l.value) {
+      const U = l.value;
+      m.value && ((m.value.n || m.value.s) && ((k = u.value) != null && k.height) && (U.style.height = u.value.height + "px"), (m.value.w || m.value.e) && ((T = u.value) != null && T.width) && (U.style.width = u.value.width + "px"), c.value && ((H = c.value) != null && H.x && (U.style.left = c.value.x + "px"), (N = c.value) != null && N.y && (U.style.top = c.value.y + "px")));
+    }
+  }
+  function P() {
+    const k = e.minHeight ? e.minHeight : 1, T = e.minWidth ? e.minWidth : 1;
+    u.value && c.value && m.value && o.value && (u.value.height < k && (u.value.height = k, m.value.n && r.value && (c.value.y = r.value.y + (o.value.height - k))), u.value.width < T && (u.value.width = T, m.value.w && r.value && (c.value.x = r.value.x + (o.value.width - T))), e.maxHeight && u.value.height > e.maxHeight && (u.value.height = e.maxHeight, r.value && m.value.n && (c.value.y = r.value.y + (o.value.height - e.maxHeight))), e.maxWidth && u.value.width > e.maxWidth && (u.value.width = e.maxWidth, m.value.w && r.value && (c.value.x = r.value.x + (o.value.width - e.maxWidth))));
+  }
+  function M() {
+    if (n.value) {
+      const k = h.value;
+      if (c.value && u.value && m.value && o.value) {
+        const T = k.width - k.pr - k.deltaL - k.translateX - c.value.x, H = k.height - k.pb - k.deltaT - k.translateY - c.value.y;
+        m.value.n && c.value.y + k.translateY < 0 && r.value && (c.value.y = -k.translateY, u.value.height = o.value.height + r.value.y + k.translateY), m.value.w && c.value.x + k.translateX < 0 && r.value && (c.value.x = -k.translateX, u.value.width = o.value.width + r.value.x + k.translateX), u.value.width > T && (u.value.width = T), u.value.height > H && (u.value.height = H);
+      }
+    }
+  }
+  function B(k) {
+    if (!a.value || !o.value || !r.value || !m.value)
+      return;
+    k.subtract(a.value);
+    const T = k.x, H = k.y;
+    m.value.n ? (c.value.y = r.value.y + H, u.value.height = o.value.height - H) : m.value.s && (u.value.height = o.value.height + H), m.value.e ? u.value.width = o.value.width + T : m.value.w && (u.value.width = o.value.width - T, c.value.x = r.value.x + T), M(), P(), F();
+  }
+  function x(k) {
+    if (!C.value)
+      return;
+    const T = q.fromEvent(k);
+    T && B(T);
+  }
+  function E() {
+    if (l.value) {
+      const {
+        width: k,
+        height: T,
+        x: H,
+        y: N
+      } = l.value.getBoundingClientRect(), U = q.getTransformInfo(l.value);
+      return {
+        size: {
+          width: k,
+          height: T
+        },
+        position: {
+          x: H - U.x,
+          y: N - U.y
+        }
+      };
+    }
+    return null;
+  }
+  function j(k) {
+    if (l.value) {
+      const T = E();
+      v.value = T;
+    }
+    a.value = void 0, o.value = null, r.value = null, u.value = null, c.value = null, m.value = null, C.value = null, document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", j);
+  }
+  function $() {
+    document.addEventListener("mousemove", x), document.addEventListener("mouseup", j);
+  }
+  function I(k) {
+    k instanceof MouseEvent && k.button === 2 || g.value && (document.body.click(), k.stopPropagation(), k.preventDefault(), a.value = q.fromEvent(k), C.value = k.target, b(k), $());
+  }
+  function O(k) {
+    return l.value = k, y.value && i(ie, null, [i("div", {
+      class: "fv-resizable-handle fv-resizable-n",
+      type: "n",
+      onMousedown: (T) => I(T)
+    }, null), i("div", {
+      class: "fv-resizable-handle fv-resizable-e",
+      type: "e",
+      onMousedown: (T) => I(T)
+    }, null), i("div", {
+      class: "fv-resizable-handle fv-resizable-s",
+      type: "s",
+      onMousedown: (T) => I(T)
+    }, null), i("div", {
+      class: "fv-resizable-handle fv-resizable-w",
+      type: "w",
+      onMousedown: (T) => I(T)
+    }, null), i("div", {
+      class: "fv-resizable-handle fv-resizable-ne",
+      type: "ne",
+      onMousedown: (T) => I(T)
+    }, null), i("div", {
+      class: "fv-resizable-handle fv-resizable-se fv-resizable-diagonal",
+      type: "se",
+      onMousedown: (T) => I(T)
+    }, null), i("div", {
+      class: "fv-resizable-handle fv-resizable-sw",
+      type: "sw",
+      onMousedown: (T) => I(T)
+    }, null), i("div", {
+      class: "fv-resizable-handle fv-resizable-nw",
+      type: "nw",
+      onMousedown: (T) => I(T)
+    }, null)]);
+  }
+  function z(k = !0) {
+    document.body.click();
+    const T = n.value || document.body, H = ae.getCurrent(T), N = l.value;
+    k && N && (d.value = E(), d.value.transform = N.style.transform), H && N && (u.value = H, u.value.height -= 14, u.value.width -= 14, N.style.height = u.value.height + "px", N.style.width = u.value.width + "px", N.style.left = "7px", N.style.top = "7px", N.style.transform = "", v.value = {
+      size: u.value,
+      position: {
+        x: 0,
+        y: 0
+      }
+    }, g.value = !1, f.value = !0);
+  }
+  function D() {
+    var k, T;
+    if (document.body.click(), d.value) {
+      const H = {
+        width: d.value.size.width || 0,
+        height: d.value.size.height || 0
+      }, N = {
+        x: (window.innerWidth - H.width) / 2,
+        y: (window.innerHeight - H.height) / 2
+      };
+      (k = u.value) == null || k.set(H), (T = c.value) == null || T.set(N);
+      const U = l.value;
+      U.style.height = H.height + "px", U.style.width = H.width + "px", U.style.left = `${N.x}px`, U.style.top = `${N.y}px`, U.style.transform = "", v.value = {
+        size: H,
+        position: N
+      }, g.value = e.draggable, f.value = !1;
+    }
+  }
+  function V() {
+    if (l.value) {
+      const k = ae.getCurrent(l.value);
+      if (k) {
+        const {
+          width: T,
+          height: H
+        } = k;
+        l.value.style.left = `${(window.innerWidth - T) / 2}px`, l.value.style.top = `${(window.innerHeight - H) / 2}px`, l.value.style.transform = "";
+      }
+    }
+  }
+  function R() {
+    const k = () => {
+      f.value ? z(!1) : V(), document.body.click();
+    };
+    return window.addEventListener("resize", k), () => {
+      window.removeEventListener("resize", k);
+    };
+  }
+  const W = R();
+  return {
+    renderResizeBar: O,
+    boundingElement: n,
+    resizedEventParam: v,
+    maximize: z,
+    restore: D,
+    allowDrag: g,
+    isMaximized: f,
+    unWindowResizeHandle: W,
+    moveToCenter: V
+  };
+}
+function cl(e, t, l) {
+  const n = s(), a = s(e.draggable), o = s(e.lockAxis), r = s(), u = s(), c = s(!1), m = s(new q(0, 0)), C = s(new q(0, 0)), h = s(new q(0, 0)), v = s(new q(0, 0));
+  A(() => l.value, (x) => {
+    r.value.style.cursor = x ? "move" : "default";
+  });
+  function y(x, E) {
+    if (E.tagName === "BUTTON")
+      return !1;
+    if (E === x)
+      return !0;
+    for (const j in E.children)
+      if (Object.prototype.hasOwnProperty.call(E.children, j) && y(x, E.children[j]))
+        return !0;
+    return !1;
+  }
+  function d() {
+    var $, I;
+    let x = h.value.x + C.value.x, E = h.value.y + C.value.y;
+    o.value === "x" ? (x = (($ = m.value) == null ? void 0 : $.x) || 0, h.value.x = 0) : o.value === "y" && (E = ((I = m.value) == null ? void 0 : I.y) || 0, h.value.y = 0);
+    const j = `translate3d(${Math.round(x)}px, ${Math.round(E)}px, 0px)`;
+    n.value && (n.value.style.transform = j), v.value.x = x, v.value.y = E;
+  }
+  function g() {
+    if (!u.value || !n.value)
+      return null;
+    const x = u.value.getBoundingClientRect(), E = n.value.getBoundingClientRect(), j = {
+      top: x.top < E.top,
+      right: x.right > E.right,
+      bottom: x.bottom > E.bottom,
+      left: x.left < E.left
+    };
+    return j.top || (h.value.y -= E.top - x.top), j.bottom || (h.value.y -= E.bottom - x.bottom), j.right || (h.value.x -= E.right - x.right), j.left || (h.value.x -= E.left - x.left), d(), j;
+  }
+  function f(x) {
+    x && (m.value && x.subtract(m.value), h.value.set(x), d(), g());
+  }
+  function p(x) {
+    c.value && a.value && (x.stopPropagation(), x.preventDefault(), f(q.fromEvent(x, r.value)));
+  }
+  function b() {
+    var x;
+    c.value && (c.value = !1, C.value.add(h.value), h.value.reset(), (x = n.value) == null || x.classList.remove("ng-dragging"), t.emit("stopMove"), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", b));
+  }
+  function F() {
+    !c.value && r.value && (c.value = !0, r.value.classList.add("ng-dragging"), document.addEventListener("mousemove", p), document.addEventListener("mouseup", b));
+  }
+  function P() {
+    if (n.value) {
+      const x = q.getTransformInfo(n.value);
+      C.value.set(x);
+      return;
+    }
+    C.value.reset();
+  }
+  function M(x) {
+    if (!l.value || x instanceof MouseEvent && x.button === 2)
+      return;
+    const E = x.target || x.srcElement;
+    r.value !== void 0 && E && !y(E, r.value) || a.value !== !1 && (document.body.click(), x.stopPropagation(), x.preventDefault(), m.value = q.fromEvent(x, n.value), P(), F());
+  }
+  function B(x, E, j) {
+    if (a.value && E) {
+      if (x)
+        r.value = x;
+      else if (e.dragHandle) {
+        if (e.dragHandle instanceof HTMLElement)
+          r.value = e.dragHandle;
+        else if (typeof e.dragHandle == "string") {
+          const $ = E.querySelector(e.dragHandle);
+          $ && (r.value = $);
+        }
+      }
+      n.value = E, u.value = j, r.value ? (r.value.classList.add("ng-draggable"), r.value.addEventListener("mousedown", M)) : a.value = !1;
+    }
+  }
+  return {
+    registerDraggle: B,
+    resetTranslate: P
+  };
+}
+function qe(e, t) {
+  if (e) {
+    const l = (n) => {
+      n.key.toLowerCase() === e.toLowerCase() && t({ event: n, key: e });
+    };
+    return document.addEventListener("keydown", l), () => {
+      document.removeEventListener("keydown", l);
+    };
+  }
+}
+function dl(e, t) {
+  const l = s(e.enableEsc);
+  let n = null;
+  return l.value ? (n = qe("Escape", (a) => {
+    t.emit("esc", { event: a.event, type: "esc" });
+  }), {
+    remove: n
+  }) : null;
+}
+function fl(e, t) {
+  const l = s(e.enableEnter);
+  let n = null;
+  return l.value ? (n = qe("Enter", (a) => {
+    t.emit("enter", { event: a.event, type: "enter" });
+  }), {
+    remove: n
+  }) : null;
+}
+const fe = /* @__PURE__ */ K({
+  name: "FModal",
+  props: sl,
+  emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter", "stopMove"],
+  setup(e, t) {
+    const l = s(e.width || 300), n = s(e.height || 200), a = s(e.modelValue), o = s(""), r = s(e.class), u = s(e.fitContent), c = s(e.showHeader), m = s(""), C = s(e.showCloseButton), h = s(e.showMaxButton), v = s(!1), y = s(e.dialogType), d = s(e.src), g = s(""), f = s(e.showButtons), p = s(e.title), b = s(e.containment || null), F = s();
+    p.value === "错误提示" && (p.value = _.getLocaleValue("messageBox.errorTitle"));
+    const P = s(!1);
+    function M(w, L) {
+      const Y = L ? "accept" : "cancel";
+      Promise.resolve().then(() => {
+        var G;
+        return (G = e.beforeClose) == null ? void 0 : G.call(e, {
+          closeType: Y
+        });
+      }).then((G) => {
+        G && (a.value = !1, t.emit("update:modelValue", !1), L != null && t.emit(L ? "accept" : "cancel"), t.emit("closed", w));
+      });
+    }
+    const B = [{
+      name: "cancel",
+      text: _.getLocaleValue("messageBox.cancel") || "取消",
+      class: "btn btn-secondary",
+      handle: (w) => {
+        M(w, !1);
+      }
+    }, {
+      name: "accept",
+      text: _.getLocaleValue("messageBox.ok") || "确定",
+      class: "btn btn-primary",
+      handle: (w) => {
+        M(w, !0);
+      }
+    }], x = s(e.buttons && e.buttons.length ? e.buttons : B), E = S(() => !!m.value), j = S(() => !!f.value && !!x.value), $ = s(), I = s(), O = s(!1), {
+      renderResizeBar: z,
+      maximize: D,
+      restore: V,
+      boundingElement: R,
+      resizedEventParam: W,
+      allowDrag: k,
+      unWindowResizeHandle: T,
+      moveToCenter: H
+    } = rl(e), {
+      registerDraggle: N
+    } = cl(e, t, k);
+    function U() {
+      return !!document.querySelectorAll(".farris-modal").length && document.body.classList.contains("modal-open");
+    }
+    function pe() {
+      const w = document.querySelectorAll(".farris-modal").length;
+      (!w || w - 1 <= 0) && document.body.classList.remove("modal-open"), F.value && F.value.classList.remove("show");
+    }
+    A(() => e.title, (w, L) => {
+      w !== L && (p.value = w);
+    }), A(() => e.modelValue, (w, L) => {
+      w !== L && (a.value = w, a.value && e.draggable && de(() => {
+        I.value && !b.value && (b.value = I.value.parentElement, R.value = b.value, N($.value, I.value, R.value), H());
+      }), w || (b.value && (b.value = null), pe())), a.value ? P.value = U() : (O.value = !1, k.value = e.draggable);
+    }), A(() => e.showHeader, (w, L) => {
+      w !== L && (c.value = w);
+    }), A(() => e.showButtons, (w, L) => {
+      w !== L && (f.value = w);
+    }), A(() => W.value, (w, L) => {
+      const Y = w || {}, G = L || {};
+      JSON.stringify(Y) !== JSON.stringify(G) && t.emit("resize", {
+        newSize: w,
+        oldSize: L,
+        isMaximized: O.value
+      });
+    }), A([() => e.width, () => e.height], (w, L) => {
+      (w[0] !== L[0] || w[1] !== L[1]) && (l.value = w[0] || 500, n.value = w[1] || 600);
+    }), A(() => e.class, (w, L) => {
+      r.value = w;
+    });
+    const ue = S(() => (a.value && document.body.classList.add("modal-open"), a.value)), be = S(() => {
+      var Y;
+      const w = {
+        modal: !0,
+        "farris-modal": !0,
+        fade: !0
+      };
+      w["f-modal-fitContent"] = !!u.value, w.show = !!ue.value;
+      const L = (Y = e.maskClass) == null ? void 0 : Y.split(" ");
+      return L == null || L.reduce((G, J) => (G[J] = !0, G), w), w;
+    }), at = S(() => {
+      var Y;
+      const w = {
+        "modal-dialog": !0
+      }, L = (Y = r.value) == null ? void 0 : Y.split(" ");
+      return L == null || L.reduce((G, J) => (G[J] = !0, G), w), w;
+    }), Le = () => Lt() && !e.isMessager, ot = S(() => {
+      const w = document.documentElement.clientWidth, L = document.documentElement.clientHeight, Y = Math.min(l.value, w), G = u.value ? "auto" : `${Math.min(n.value, L - 10)}px`, J = {
+        position: "absolute",
+        top: `${(window.innerHeight - parseInt(G === "auto" ? "0" : G)) / 2}px`,
+        left: `${(window.innerWidth - Y) / 2}px`,
+        width: `${Y}px`,
+        height: G
+      };
+      return Le() && (J.top = "0px", J.left = "0px", J.width = `${window.innerWidth}px`, J.height = `${window.innerHeight}px`), e.mask || (J.pointerEvents = "auto"), J;
+    }), He = s(je() || 1050), it = S(() => {
+      const w = {
+        display: "block",
+        overflow: "hidden"
+      };
+      return e.mask || (w.pointerEvents = "none", w.backgroundColor = "transparent"), P.value && (w.backgroundColor = "transparent"), w.zIndex = He.value, w;
+    }), ut = S(() => ({
+      "modal-content": !0,
+      "modal-content-has-header": c.value,
+      "is-mobile": Le()
+    })), st = S(() => {
+      const w = {
+        display: c.value ? "" : "none"
+      };
+      return w["pointer-events"] = k.value ? "auto" : "none", w;
+    }), rt = S(() => ({
+      "f-icon": !0,
+      modal_maximize: !0,
+      modalrevert: O.value
+    })), ct = S(() => ({
+      "modal-body": !0,
+      "f-utils-flex-column": y.value === "iframe",
+      "f-utils-fill": !0
+    }));
+    function dt() {
+      return {
+        height: `${e.footerHeight || 60}px`
+      };
+    }
+    const ft = S(() => {
+      const w = {
+        textAlgin: g.value
+      }, L = dt();
+      return Object.assign(w, L);
+    });
+    function Ne(w) {
+      if (w == null || w.stopPropagation(), O.value) {
+        O.value = !1, V();
+        return;
+      }
+      D(), O.value = !0;
+    }
+    async function vt(w, L) {
+      w.handle && await w.handle(L, w) && t.emit("closed", L);
+    }
+    function mt(w) {
+      w.width && (l.value = w.width), w.height && (n.value = w.height), w.buttons && (x.value = w.buttons), w.title && (p.value = w.title);
+    }
+    let Ce = null, xe = null;
+    kt(() => {
+      P.value = U();
+    }), le(() => {
+      I.value && !b.value && (b.value = I.value.parentElement, R.value = b.value, N($.value, I.value, R.value)), ue.value && document.body.classList.add("modal-open"), Ce = dl(e, t), xe = fl(e, t);
+    }), ye(() => {
+      T && T(), Ce && Ce.remove(), xe && xe.remove();
+    }), t.expose({
+      modalElementRef: I,
+      updateModalOptions: mt,
+      close: M,
+      maxDialog: Ne,
+      isMaximized: O
+    });
+    function ht() {
+      return i("ul", null, [v.value && i("li", {
+        class: "f-btn-icon f-bare"
+      }, [i("span", {
+        class: "f-icon modal_minimize"
+      }, null)]), h.value && i("li", {
+        onClick: Ne,
+        class: "f-btn-icon f-bare",
+        style: "pointer-events: auto;"
+      }, [i("span", {
+        class: rt.value
+      }, null)]), C.value && i("li", {
+        class: "f-btn-icon f-bare",
+        onClick: (w) => M(w, !1),
+        style: "pointer-events: auto;"
+      }, [i("span", {
+        class: "f-icon modal_close"
+      }, null)])]);
+    }
+    function yt() {
+      return i("div", {
+        class: "modal-footer",
+        style: ft.value
+      }, [x.value && x.value.map((w) => {
+        const L = s(w.disabled);
+        return i("button", {
+          name: w.name,
+          type: "button",
+          disabled: L.value,
+          class: w.class + (w.iconClass ? " btn-icontext" : ""),
+          onClick: (Y) => {
+            vt(w, Y);
+          }
+        }, [!!w.iconClass && i("i", {
+          class: w.iconClass
+        }, null), w.text]);
+      })]);
+    }
+    function gt() {
+      return i("div", {
+        ref: $,
+        class: "modal-header",
+        style: st.value
+      }, [t.slots.headerTemplate ? t.slots.headerTemplate() : i("div", {
+        class: "modal-title"
+      }, [E.value && i("span", {
+        class: m.value,
+        style: "margin-right: 8px"
+      }, null), i("span", {
+        class: "modal-title-label"
+      }, [p.value])]), i("div", {
+        class: "actions"
+      }, [ht()])]);
+    }
+    function pt() {
+      return t.slots.footerTemplate ? t.slots.footerTemplate() : j.value && yt();
+    }
+    function bt(w) {
+      if (w.stopPropagation(), e.allowClickMaskToClose) {
+        if (w.target !== F.value)
+          return;
+        M(w, !1);
+      }
+    }
+    function Ct() {
+      var w, L;
+      return i("div", {
+        id: o.value,
+        class: at.value,
+        style: ot.value,
+        ref: I
+      }, [i("div", {
+        class: ut.value
+      }, [c.value && gt(), i("div", {
+        class: ct.value
+      }, [(L = (w = t.slots).default) == null ? void 0 : L.call(w), y.value === "iframe" && i("iframe", {
+        title: o.value,
+        class: "f-utils-fill",
+        width: "100%",
+        frameborder: "0",
+        src: d.value
+      }, null)]), pt()]), !u.value && I.value && !O.value && z(I.value)]);
+    }
+    function xt(w) {
+      return w || "body";
+    }
+    return Mt(() => {
+      ue.value && (He.value = je() || 1050);
+    }), () => i(ze, {
+      to: xt(e.host)
+    }, {
+      default: () => [ue.value && i(We, {
+        name: "fade",
+        appear: !0
+      }, {
+        default: () => [i("div", {
+          ref: F,
+          class: be.value,
+          style: it.value,
+          onClick: bt
+        }, [Ct()])]
+      })]
+    });
+  }
+});
+function Ge(e) {
+  if (e.content && e.content.render)
+    return e.content.render;
+  if (e.render && typeof e.render == "function")
+    return e.render;
+}
+function vl(e) {
+  const t = document.createElement("div");
+  t.style.display = "contents";
+  const l = ke({
+    setup(n, a) {
+      ye(() => {
+        document.body.removeChild(t);
+      });
+      const o = s(), r = s(e.class || ""), u = s(!!e.showButtons), c = s(!!e.showHeader), m = s(e.showCloseButton == null ? !0 : e.showCloseButton), C = s(!0), h = s(e.title || ""), v = e.acceptCallback || (() => {
+      }), y = e.rejectCallback || (() => {
+      }), d = e.closedCallback || ((F) => {
+      }), g = e.resizeHandle || ((F) => {
+      }), f = e.stopMoveHandle || ((F) => {
+      }), p = Ge(e), b = (F) => {
+        C.value = !1, l.unmount(), d(F);
+      };
+      return le(() => {
+      }), a.expose({
+        modalRef: o
+      }), () => i(fe, {
+        ref: o,
+        class: r.value,
+        modelValue: C.value,
+        "onUpdate:modelValue": (F) => C.value = F,
+        title: h.value,
+        width: e.width,
+        height: e.height,
+        buttons: e.buttons,
+        "show-header": c.value,
+        "show-buttons": u.value,
+        "show-close-button": m.value,
+        "show-max-button": !1,
+        onAccept: v,
+        onCancel: y,
+        fitContent: e.fitContent == null ? !0 : e.fitContent,
+        onClosed: b,
+        onResize: g,
+        onStopMove: f
+      }, {
+        default: () => [p && p(l)]
+      });
+    }
+  });
+  return document.body.appendChild(t), l.use(_.i18n), l.mount(t), l;
+}
+class Xe {
+  constructor(t) {
+    Z(this, "appContext", null);
+    Z(this, "modalRef", s());
+    Z(this, "activeModalIndex", s(0));
+    Z(this, "modalRefs", {});
+    Z(this, "isUseEscCloseModal", s(!1));
+    Z(this, "activeModalInstance", S(() => this.modalRefs[this.activeModalIndex.value]));
+    this.app = t, this.appContext = t ? t._context : null;
+  }
+  getCurrentModal() {
+    return this.activeModalInstance.value;
+  }
+  adaptToWindow(t, l) {
+    const {
+      width: n,
+      height: a
+    } = {
+      width: window.innerWidth,
+      height: window.innerHeight
+    };
+    return n < t && (t = n - 14), a < l && (l = a - 14), {
+      width: t,
+      height: l
+    };
+  }
+  static show(t) {
+    const l = Object.assign({
+      title: "",
+      showButtons: !0,
+      showHeader: !0
+    }, t);
+    return vl(l);
+  }
+  close(t) {
+    var l, n;
+    t ? (n = t.value) == null || n.close() : (l = this.getCurrentModal()) == null || l.close();
+  }
+  open(t) {
+    const l = document.createDocumentFragment();
+    t.showMaxButton && t.fitContent && (t.showMaxButton = !1);
+    const n = It(Object.assign({
+      title: "",
+      showButtons: !0,
+      showHeader: !0
+    }, t)), a = s(!0), o = n.value.acceptCallback || (() => {
+    }), r = n.value.rejectCallback || (() => {
+    }), u = n.value.closedCallback || ((M, B) => {
+    }), c = n.value.resizeHandle || ((M) => {
+    }), m = t.stopMoveHandle || ((M) => {
+    });
+    let C;
+    const h = Ge(n.value), v = (M) => {
+      var x;
+      a.value = !1;
+      const B = (x = M == null ? void 0 : M.target) == null ? void 0 : x.classList.contains("modal_close");
+      u(M, this.isUseEscCloseModal.value ? "esc" : B ? "icon" : "button");
+    }, y = (M) => {
+      v(M), C && de(() => {
+        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], we(null, l), C = null, this.modalRef.value = null, this.modalRefs) {
+          const B = Object.keys(this.modalRefs).map((x) => Number(x));
+          B.length > 0 ? this.activeModalIndex.value = Math.max(...B) : this.activeModalIndex.value = 0;
+        }
+        this.isUseEscCloseModal.value = !1;
+      });
+    }, d = (M) => {
+      var B;
+      this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((B = this.activeModalInstance.value) == null || B.close(M == null ? void 0 : M.event));
+    }, {
+      width: g,
+      height: f
+    } = n.value, p = this.adaptToWindow(g || 500, f || 320);
+    Object.assign(n.value, p);
+    const b = () => i(fe, ve({
+      ref: this.modalRef,
+      modelValue: a.value,
+      "onUpdate:modelValue": (M) => a.value = M
+    }, n.value, {
+      isMessager: n.value.class && n.value.class.indexOf("modal-message") > -1,
+      onAccept: o,
+      onCancel: r,
+      onClosed: y,
+      onResize: c,
+      onEsc: d,
+      onStopMove: m
+    }), {
+      default: () => [h && h(this.app)]
+    });
+    return C = ((M) => {
+      const B = Ot(b, M);
+      return B.appContext = this.appContext, we(B, l), B;
+    })({
+      ...n.value
+      // 'onUpdate:modelValue': onUpdateModelValue,
+    }), this.activeModalIndex.value++, this.modalRefs[this.activeModalIndex.value] = this.modalRef.value, {
+      update: (M) => {
+        n.value = {
+          ...n.value,
+          ...M
+        }, C && we(Et(C, {
+          ...n
+        }), l);
+      },
+      destroy: y,
+      modalRef: this.activeModalInstance,
+      close: () => this.close()
+    };
+  }
+}
+const Ye = Symbol("FModalService");
+fe.install = (e) => {
+  e.component(fe.name, fe);
+  const t = new Xe(e);
+  e.provide(Ye, t), e.provide("FModalService", t);
+};
+function Ke(e, t) {
+  function l() {
+    const n = e.beforeOpen || e.beforeClickButton || null;
+    let a = Promise.resolve(!0);
+    if (n) {
+      const o = n(t.value);
+      if (typeof o > "u")
+        return a;
+      typeof o == "boolean" ? a = Promise.resolve(o) : a = o;
+    }
+    return a;
+  }
+  return { judgeCanOpen: l };
+}
+function ml(e, t, l, n, a) {
+  const o = s(e.buttonBehavior), r = s(e.popupOnInput), u = S(() => ({
+    "input-group-append": !0,
+    "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
+  })), { judgeCanOpen: c } = Ke(e, a), m = S(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), C = oe(Ye, null), h = s();
+  async function v(g) {
+    if (await c() && m.value) {
+      const f = !!t.slots.default;
+      if (o.value === "Modal") {
+        const p = e.modalOptions, b = C == null ? void 0 : C.open({
+          ...p,
+          render: () => t.slots.default && t.slots.default()
+        });
+        h.value = b == null ? void 0 : b.modalRef;
+      }
+      o.value === "Overlay" && ul.show({
+        // host: buttonEditRef.value,
+        host: document.body,
+        backgroundColor: "rgba(0,0,0,.15)",
+        render: () => t.slots.default && t.slots.default()
+      }), f && o.value === "Popup" && n.togglePopup(!0), f && r.value && n.hidePopup(), t.emit("clickButton", { origin: g, value: e.modelValue });
+    }
+  }
+  function y(g) {
+    t.emit("mouseEnterIcon", g);
+  }
+  function d(g) {
+    t.emit("mouseLeaveIcon", g);
+  }
+  return {
+    buttonGroupClass: u,
+    onClickButton: v,
+    onMouseEnterButton: y,
+    onMouseLeaveButton: d,
+    modalRef: h
+  };
+}
+function hl(e, t, l, n, a, o) {
+  const r = s(!1), u = S(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: c, hasClearClass: m } = o;
+  function C(d) {
+    r.value = d, m.value = d;
+  }
+  A(a, () => {
+    C(!!a.value);
+  });
+  function h(d) {
+    const g = !e.readonly && !e.disable && e.editable, f = !e.editable;
+    d.stopPropagation(), (g || f) && (c(""), a.value = "", C(!r.value), t.emit("clear"));
+  }
+  function v(d) {
+    if (u.value) {
+      if (!l.value) {
+        C(!1);
+        return;
+      }
+      !e.disable && !e.readonly && C(!0);
+    }
+  }
+  function y(d) {
+    u.value && C(!1);
+  }
+  return {
+    enableClearButton: u,
+    showClearButton: r,
+    onClearValue: h,
+    onMouseEnterTextBox: v,
+    onMouseLeaveTextBox: y
+  };
+}
+function yl(e, t, l, n, a) {
+  const o = S(() => e.popupOnInput), r = S(() => e.popupOnFocus), { shouldPopupContent: u, closeAllPopover: c } = a, m = s(!1), C = S(() => e.enableTitle ? l.value : ""), h = S(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), v = S(() => e.readonly || !e.editable), y = s(!1), d = S(() => !e.disable && y.value), g = S(() => ({
+    "text-left": e.textAlign === "left",
+    "text-center": e.textAlign === "center",
+    "text-right": e.textAlign === "right",
+    "form-control": !0,
+    "f-utils-fill": !0
+  })), f = S(() => ({
+    "input-group": !0,
+    "f-state-disabled": e.disable,
+    "f-state-editable": e.editable && !e.disable && !e.readonly,
+    "f-state-readonly": e.readonly,
+    "f-state-focus": d.value,
+    "input-group--has-clear": e.enableClear && m.value
+  }));
+  function p(I, O = !0) {
+    l.value = I, O && (t.emit("change", I), t.emit("update:modelValue", I));
+  }
+  function b(I) {
+    u.value = !1, p(I, !0);
+  }
+  A(
+    () => e.modelValue,
+    (I) => {
+      l.value = I;
+    }
+  );
+  function F(I) {
+    y.value = !1, t.emit("blur", I), I.stopPropagation();
+  }
+  function P(I) {
+    t.emit("click", I), c(), t.slots.default && !e.disable && !e.readonly && e.popupOnClick && a.togglePopup();
+  }
+  function M(I) {
+    !e.disable && !e.readonly && (y.value = !0, v.value || (t.emit("focus", I), r.value && !u.value && a.popup()));
+  }
+  function B(I) {
+    t.emit("input", I);
+    const O = I.target.value;
+    n.value = O, l.value !== O && p(O, e.updateOn === "change"), o.value && !u.value && a.popup();
+  }
+  function x(I) {
+    I.target.tagName !== "INPUT" && I.preventDefault(), I.stopPropagation();
+  }
+  function E(I) {
+    t.emit("keydown", I);
+  }
+  function j(I) {
+    I.key === "Enter" && (o.value || r.value) && a.hidePopup(), t.emit("keyup", I);
+  }
+  function $(I) {
+    const O = I.target.value;
+    I.stopPropagation(), p(O);
+  }
+  return {
+    hasFocusedTextBox: d,
+    isTextBoxReadonly: v,
+    textBoxClass: g,
+    textBoxPlaceholder: h,
+    textBoxTitle: C,
+    inputGroupClass: f,
+    hasClearClass: m,
+    changeTextBoxValue: p,
+    commitValue: b,
+    onBlurTextBox: F,
+    onClickTextBox: P,
+    onFocusTextBox: M,
+    onInput: B,
+    onKeyDownTextBox: E,
+    onKeyUpTextBox: j,
+    onMouseDownTextBox: x,
+    onTextBoxValueChange: $
+  };
+}
+const ne = "FarrisVue_PopoverInstancesKey";
+function gl(e, t, l, n) {
+  const a = s(), o = s(!1), { judgeCanOpen: r } = Ke(e, n);
+  A(() => a.value, (y, d) => {
+    window[ne] = window[ne] || /* @__PURE__ */ new WeakMap(), y ? window[ne].set(l.value, y) : window[ne].delete(l.value);
+  });
+  function u() {
+    if (window[ne]) {
+      const y = window[ne];
+      document.querySelectorAll(".f-button-edit,.v-popover").forEach((d) => {
+        const g = y.get(d);
+        g && d !== l.value && !l.value.closest(".popover-fitcontent") && g.hide();
+      });
+    }
+  }
+  function c() {
+    const y = a.value;
+    y && y.show(l.value);
+  }
+  async function m(y = !1) {
+    if (!!t.slots.default) {
+      if (!y && !o.value && !await r())
+        return;
+      o.value = !o.value, o.value && (await de(), c());
+    }
+  }
+  async function C(y = !1) {
+    if (!!t.slots.default) {
+      if (!y && !await r())
+        return;
+      o.value = !0, await de(), c();
+    }
+  }
+  function h() {
+    o.value = !1;
+  }
+  function v() {
+    o.value = !0, de(() => {
+      c();
+    });
+  }
+  return { hidePopup: h, showPopup: v, popup: C, shouldPopupContent: o, togglePopup: m, popoverRef: a, closeAllPopover: u };
+}
+function pl(e, t, l) {
+  const n = s(), {
+    isTextBoxReadonly: a,
+    textBoxClass: o,
+    textBoxPlaceholder: r,
+    textBoxTitle: u,
+    onBlurTextBox: c,
+    onClickTextBox: m,
+    onFocusTextBox: C,
+    onInput: h,
+    onKeyDownTextBox: v,
+    onKeyUpTextBox: y,
+    onMouseDownTextBox: d,
+    onTextBoxValueChange: g
+  } = l, f = s(e.id), {
+    uuid: p
+  } = Ht(), b = S(() => ({
+    // 'border-top-right-radius': '6px',
+    // 'border-bottom-right-radius': '6px'
+  }));
+  le(() => {
+    var x, E;
+    e.selectOnCreated && ((x = n.value) == null || x.select()), e.focusOnCreated && ((E = n.value) == null || E.focus({
+      preventScroll: !0
+    })), f.value || (f.value = "button-edit_" + p(8)), f.value = f.value + "-textbox";
+  });
+  const F = s(!1), P = (x) => {
+    x.preventDefault(), F.value = !0;
+  }, M = (x) => {
+    x.preventDefault(), F.value = !1, h(x);
+  };
+  function B(x) {
+    F.value || h(x);
+  }
+  return () => i("input", {
+    id: e.id ? e.id + "-textbox" : void 0,
+    ref: n,
+    name: "input-group-value",
+    autocomplete: e.autoComplete ? "on" : "off",
+    class: o.value,
+    style: b.value,
+    disabled: e.disable,
+    maxlength: e.maxLength,
+    minlength: e.minLength,
+    placeholder: r.value,
+    readonly: a.value,
+    tabindex: e.tabIndex,
+    title: u.value,
+    type: e.inputType,
+    value: t.value,
+    onBlur: c,
+    onChange: g,
+    onClick: m,
+    onFocus: C,
+    onInput: B,
+    onKeydown: v,
+    onKeyup: y,
+    onMousedown: d,
+    onCompositionend: M,
+    onCompositionstart: P
+  }, null);
+}
+function bl(e, t, l) {
+  const n = s(e.separator), a = S(() => e.readonly || e.disable), {
+    changeTextBoxValue: o,
+    onFocusTextBox: r,
+    onBlurTextBox: u,
+    onClickTextBox: c,
+    textBoxPlaceholder: m
+  } = l, C = S(() => t.value ? t.value.split(n.value).map((d) => ({
+    name: d,
+    selectable: !0
+  })) : []);
+  function h(d) {
+    o(d.map((g) => g.name).join(n.value), !0);
+  }
+  A(() => e.separator, (d) => {
+    n.value = d;
+  });
+  const v = s(!e.disable && !e.readonly);
+  A([() => e.disable, () => e.readonly], ([d, g], [f, p]) => {
+    v.value = !d && !g;
+  });
+  function y(d) {
+    c(d);
+  }
+  return () => i(At, {
+    tabindex: e.tabIndex,
+    onFocus: r,
+    onBlur: u,
+    id: `${e.id}-tag-editor`,
+    class: "form-control",
+    placeholder: m.value,
+    data: C.value,
+    showClose: !a.value,
+    showInput: !0,
+    disable: a.value,
+    onChange: h,
+    onClick: y
+  }, null);
+}
+function Cl(e, t, l, n) {
+  const {
+    buttonGroupClass: a,
+    onClickButton: o,
+    onMouseEnterButton: r,
+    onMouseLeaveButton: u
+  } = l, {
+    enableClearButton: c,
+    showClearButton: m,
+    onClearValue: C
+  } = n, h = s(), v = $e((d) => {
+    o(d);
+  }, e.buttonBehavior === "Modal" ? 0 : 200), y = () => {
+    t.emit("beforeClearValue");
+  };
+  return {
+    renderButtonGroup: () => i("div", {
+      id: e.id ? `${e.id}-button-group` : void 0,
+      class: a.value
+    }, [c.value && Pt(i("span", {
+      class: "input-group-text input-group-clear",
+      onClick: C,
+      onMousedown: y
+    }, [i("i", {
+      class: "f-icon modal_close"
+    }, null)]), [[Rt, m.value]]), t.slots.buttonContent ? i("span", {
+      class: "input-group-text input-group-append-button",
+      onClick: v,
+      onMouseenter: r,
+      onMouseleave: u
+    }, [t.slots.buttonContent()]) : e.buttonContent ? i("span", {
+      class: "input-group-text input-group-append-button",
+      innerHTML: e.buttonContent,
+      ref: h,
+      onClick: (d) => v(d),
+      onMouseenter: r,
+      onMouseleave: u
+    }, null) : null]),
+    buttonHandleElement: h
+  };
+}
+function xl(e, t, l) {
+  const n = s(e.popupMinWidth), {
+    hidePopup: a,
+    popoverRef: o
+  } = l, r = () => {
+    t.emit("shown");
+  };
+  return () => i(Wt, {
+    id: `${e.id}-popover`,
+    ref: o,
+    placement: e.placement,
+    host: e.popupHost,
+    "keep-width-with-reference": e.keepWidthWithReference,
+    fitContent: !0,
+    "right-boundary": e.popupRightBoundary,
+    minWidth: n.value,
+    class: e.popupClass,
+    offsetX: e.popupOffsetX,
+    onHidden: a,
+    onShown: r,
+    beforeClose: e.beforeClosePopup,
+    limitContentBySpace: e.limitContentBySpace
+  }, {
+    default: () => {
+      var u, c;
+      return [(c = (u = t.slots).default) == null ? void 0 : c.call(u)];
+    }
+  });
+}
+const Oe = /* @__PURE__ */ K({
+  name: "FButtonEdit",
+  props: ll,
+  emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue", "beforeClearValue"],
+  setup(e, t) {
+    const l = s(), n = s(e.customClass), a = s(e.modelValue), o = gl(e, t, l, a), {
+      shouldPopupContent: r,
+      hidePopup: u,
+      showPopup: c,
+      togglePopup: m
+    } = o, C = ml(e, t, l, o, a), h = s(""), v = yl(e, t, a, h, o), {
+      hasFocusedTextBox: y,
+      commitValue: d,
+      inputGroupClass: g
+    } = v, f = hl(e, t, a, y, h, v), {
+      onMouseEnterTextBox: p,
+      onMouseLeaveTextBox: b
+    } = f, F = s(!1), P = S(() => {
+      const R = {
+        "f-button-edit": !0,
+        "f-cmp-inputgroup": !0,
+        "f-button-edit-nowrap": !e.wrapText
+      };
+      return n.value && n.value.split(" ").reduce((W, k) => (W[k] = !0, W), R), R;
+    }), M = S(() => ({
+      overflow: e.wrapText ? "hidden" : ""
+    })), B = S(() => ({
+      // paddingLeft: '3px',
+      // backgroundColor: '#fff'
+    }));
+    function x() {
+      if (!e.multiSelect || e.inputType !== "tag" || !l.value)
+        return 0;
+      let R = 0;
+      const W = Array.from(l.value.querySelectorAll(".farris-tag-item"));
+      return W && W.length && (R = W.map((k) => k.offsetTop).filter((k) => k > 20).length), R;
+    }
+    const E = s(x());
+    Me(() => {
+      E.value = x();
+    });
+    function j() {
+      return e.multiSelect && e.inputType === "tag" ? () => i(ie, null, [bl(e, a, v)(), !!E.value && i("div", {
+        class: "d-flex flex-row mr-2 more-tags",
+        "more-tags": !0
+      }, [i("span", {
+        class: "multi--more-text"
+      }, [X("+"), E.value])])]) : pl(e, a, v);
+    }
+    let $ = j();
+    A([() => e.multiSelect, () => e.inputType], () => {
+      $ = j();
+    });
+    const {
+      renderButtonGroup: I,
+      buttonHandleElement: O
+    } = Cl(e, t, C, f), z = xl(e, t, o), D = s(r.value), V = {
+      displayText: h,
+      commitValue: d,
+      elementRef: l,
+      hidePopup: u,
+      showPopup: c,
+      popoverRef: o.popoverRef,
+      shouldPopupContent: r,
+      togglePopup: m,
+      openDialog: () => {
+        O.value && e.buttonBehavior === "Modal" && O.value.click();
+      },
+      getModal: () => {
+        var R;
+        return e.buttonBehavior === "Modal" ? (R = C.modalRef.value) == null ? void 0 : R.value : null;
+      },
+      getTextbox: () => {
+        var R;
+        return (R = l.value) == null ? void 0 : R.querySelector("input");
+      },
+      forceClosePopup: () => {
+        D.value = !1, F.value = !0, r.value = !1;
+      }
+    };
+    return le(() => {
+      l.value.componentInstance = V, window.onresize = () => {
+        document.body.click();
+      };
+    }), Vt(() => {
+      var R;
+      window.onresize = null, (R = window[ne]) == null || R.delete(l.value);
+    }), t.expose(V), A(() => r.value, async (R, W) => {
+      if (F.value) {
+        D.value = R, F.value = !1;
+        return;
+      }
+      if (!R && e.beforeClosePopup && typeof e.beforeClosePopup == "function") {
+        try {
+          const k = await e.beforeClosePopup();
+          D.value = !k, (!k || e.readonly) && (r.value = !0);
+        } catch (k) {
+          console.error("Error in beforeClosePopup:", k), D.value = W, r.value = W;
+        }
+        return;
+      }
+      D.value = R;
+    }), () => {
+      var R, W;
+      return i(ie, null, [i("div", ve(t.attrs, {
+        ref: l,
+        class: P.value,
+        id: e.id ? e.id : void 0,
+        style: M.value
+      }), [i("div", {
+        id: e.id ? `${e.id}-input-group` : void 0,
+        class: g.value,
+        style: B.value,
+        onMouseenter: p,
+        onMouseleave: b
+      }, [(W = (R = t.slots).precontent) == null ? void 0 : W.call(R), $(), I()])]), D.value && z()]);
+    };
+  }
+}), wl = {
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  readonly: {
+    type: Boolean,
+    default: !1
+  },
+  enableClear: {
+    type: Boolean,
+    default: !0
+  },
+  displayText: {
+    type: String,
+    default: ""
+  },
+  enableExpression: {
+    type: Boolean,
+    default: !1
+  },
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  insertType: {
+    type: String,
+    default: "below"
+    // 'above'|'below' 
+  },
+  fields: {
+    type: Array,
+    default: []
+  },
+  repositoryToken: {
+    type: Object,
+    default: null
+  },
+  editorParams: {
+    type: Object,
+    default: null
+  },
+  onSubmitModal: {
+    type: Function,
+    default: null
+  },
+  beforeOpen: {
+    type: Function,
+    default: null
+  },
+  editorType: {
+    type: String,
+    default: "filter"
+  },
+  expressionOptions: {
+    type: Object,
+    default: null
+  },
+  formContextData: {
+    type: Object,
+    default: {}
+  },
+  singleValue: {
+    type: Boolean,
+    default: !0
+  },
+  idField: {
+    type: String,
+    default: "id"
+  },
+  textField: {
+    type: String,
+    default: ""
+  },
+  valueField: {
+    type: String,
+    default: ""
+  },
+  editable: {
+    type: Boolean,
+    default: !0
+  },
+  enableTitle: {
+    type: Boolean,
+    default: !0
+  },
+  disableConfirmWhenUnchanged: {
+    type: Boolean,
+    default: !1
+  }
+}, _e = {
+  conditions: {
+    type: Array,
+    default: []
+  },
+  fields: {
+    type: Array,
+    default: []
+  },
+  activeIndex: {
+    type: Number,
+    default: -1
+  },
+  formatter: {
+    type: Function,
+    default: (e, t) => `${t.raw.name} [${t.raw.path}]`
+  },
+  enableExpression: {
+    type: Boolean,
+    default: !1
+  },
+  expressionOptions: {
+    type: Object,
+    default: null
+  },
+  formContextData: {
+    type: Object,
+    default: {}
+  },
+  singleValue: {
+    type: Boolean,
+    default: !0
+  },
+  idField: {
+    type: String,
+    default: "id"
+  },
+  textField: {
+    type: String,
+    default: ""
+  },
+  valueField: {
+    type: String,
+    default: ""
+  }
+}, Ee = /* @__PURE__ */ new Map([
+  ["appearance", Tt]
+]), Sl = "https://json-schema.org/draft/2020-12/schema", Bl = "https://farris-design.gitee.io/combo-list.schema.json", Tl = "combo-list", Fl = "A Farris Input Component", kl = "object", Ml = {
+  id: {
+    description: "The unique identifier for a combo list",
+    type: "string"
+  },
+  type: {
+    description: "The type string of number combo list component",
+    type: "string",
+    default: "combo-list"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disabled: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  enableClear: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  enableLinkLabel: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  label: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  lableWidth: {
+    description: "",
+    type: "number"
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: "请选择"
+  },
+  idField: {
+    description: "",
+    type: "string",
+    default: "id"
+  },
+  valueField: {
+    description: "",
+    type: "string",
+    default: "id"
+  },
+  titleField: {
+    description: "",
+    type: "string",
+    default: "name"
+  },
+  textField: {
+    description: "",
+    type: "string",
+    default: "name"
+  },
+  dataSourceType: {
+    description: "",
+    type: "string",
+    default: "static"
+  },
+  data: {
+    description: "",
+    type: "array"
+  },
+  remote: {
+    description: "",
+    type: "string"
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  required: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  textAlign: {
+    description: "",
+    type: "string",
+    enum: [
+      "left",
+      "middle",
+      "right"
+    ],
+    default: "left"
+  },
+  multiSelect: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  maxLength: {
+    description: "",
+    type: "number",
+    default: null
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  onBlur: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  onClickLinkLabel: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  maxHeight: {
+    description: "",
+    type: "number",
+    default: 350
+  },
+  minPanelWidth: {
+    description: "",
+    type: "number",
+    default: 160
+  },
+  popupOnClick: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  separator: {
+    description: "",
+    type: "string",
+    default: ","
+  },
+  viewType: {
+    description: "",
+    type: "string",
+    default: "tag"
+  },
+  enableSearch: {
+    description: "启用搜索",
+    type: "boolean",
+    default: !0
+  },
+  enableHighlightSearch: {
+    description: "启用高亮搜索",
+    type: "boolean",
+    default: !1
+  },
+  beforeOpen: {
+    description: "打卡面板前回调",
+    type: "string"
+  },
+  onChange: {
+    description: "值变化事件",
+    type: "string",
+    default: ""
+  },
+  onInput: {
+    description: "输入事件",
+    type: "string",
+    default: ""
+  },
+  onClear: {
+    description: "清空事件",
+    type: "string",
+    default: ""
+  }
+}, Il = [
+  "type"
+], Ol = [
+  "id",
+  "appearance",
+  "binding",
+  "visible"
+], El = {
+  onClear: "清空事件",
+  onChange: "值变化事件",
+  beforeOpen: "打开下拉面板前事件"
+}, Pe = {
+  $schema: Sl,
+  $id: Bl,
+  title: Tl,
+  description: Fl,
+  type: kl,
+  properties: Ml,
+  required: Il,
+  ignore: Ol,
+  events: El
+};
+function Re(e, t, l) {
+  return t;
+}
+function Pl() {
+  function e(t, l, n) {
+    const a = {};
+    return a.beforeOpen = (o) => l.call("beforeOpen", t, [o, t], n), a;
+  }
+  return {
+    resolve: e
+  };
+}
+const ge = {
+  /**
+   * 组件标识
+   */
+  id: { type: String },
+  /**
+   * 下拉数据源
+   */
+  data: { type: Array, default: [] },
+  /**
+   * 可选，展示文本
+   * 默认为空字符串 -----内部需要根据value重新生成展示文本，此属性不生效
+   * displayText: { type: String, default: '' },
+  */
+  /**
+   * 可选，是否禁用
+   * 默认为`false`
+   */
+  disabled: { default: !1, type: Boolean },
+  /**
+   * 可选，下拉图标
+   * 默认为'<span class="f-icon f-icon-arrow-60-down"></span>'
+   */
+  dropDownIcon: { type: String, default: '<span class="f-icon f-icon-arrow-chevron-down"></span>' },
+  /**
+   * 可选，是否可编辑
+   * 默认`false`
+   */
+  editable: { default: !1, type: Boolean },
+  /**
+   * 可选，是否启用清空
+   * 默认启用
+   */
+  enableClear: { default: !0, type: Boolean },
+  /**
+   * 可选，启用搜索
+   * 默认为`false`
+   */
+  enableSearch: { type: Boolean, default: !1 },
+  /**
+   * 可选，鼠标悬停时是否显示控件值
+   * 默认显示
+   */
+  enableTitle: { default: !0, type: Boolean },
+  fitEditor: { default: !1, type: Boolean },
+  /**
+   * 可选，强制显示占位符
+   * 默认`false`
+   */
+  forcePlaceholder: { default: !1, type: Boolean },
+  /**
+   * 可选，清空值时隐藏面板
+   * 默认`true`
+   */
+  hidePanelOnClear: { default: !0, type: Boolean },
+  /**
+   * 可选，数据源id字段
+   * 默认为`id`
+   */
+  idField: { default: "id", type: String },
+  /**
+   * 可选，字段映射
+   */
+  mapFields: { type: Object },
+  /**
+   * 可选，最大高度
+   * 默认`350`
+   */
+  maxHeight: { default: 350, type: Number },
+  /**
+   * 最大输入长度
+   */
+  maxLength: { type: Number },
+  /**
+   * 可选，是否支持多选
+   * 默认`false`
+   */
+  multiSelect: { type: Boolean, default: !1 },
+  /**
+   * 绑定值
+   */
+  modelValue: {},
+  /**
+   * 占位符
+   */
+  placeholder: { type: String, default: "请选择" },
+  /**
+   * 可选，下拉面板展示位置
+   * 默认为`auto`
+   */
+  placement: {
+    type: String,
+    default: "auto"
+    /* auto */
+  },
+  /**
+   * 可选，是否只读
+   * 默认为`false`
+   */
+  readonly: { default: !1, type: Boolean },
+  /**
+   * 远端数据源信息
+   */
+  remote: { default: null, type: Object },
+  /**
+   * 可选，是否支持远端过滤
+   * 默认`false`
+   */
+  remoteSearch: { default: !1, type: Boolean },
+  /**
+   * 可选，分隔符
+   * 默认`,`
+   */
+  separator: { default: ",", type: String },
+  /**
+   * tabIndex
+   */
+  tabIndex: { type: Number, default: -1 },
+  /**
+   * 可选，数据源显示字段
+   * 默认为`name`
+   */
+  textField: { default: "name", type: String },
+  /**
+   * 可选，数据源的title
+   * 默认为`name`
+   */
+  titleField: { default: "name", type: String },
+  /**
+   * 可选，数据源值字段
+   * 默认为`id`
+   */
+  valueField: { default: "id", type: String },
+  /**
+   * 可选，启用多选下，下拉列表值在输入框中的展示方式
+   * 支持text | tag
+   * 因为ButtonEdit内部处理类型只有在批量的情况下才会有展示类型区分
+   */
+  viewType: { default: "tag", type: String },
+  /**
+   * 值变化事件
+   */
+  change: { type: Function, default: () => {
+  } },
+  /**
+   * 作为内嵌编辑器被创建后默认获得焦点
+   */
+  focusOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 作为内嵌编辑器被创建后默认选中文本
+   */
+  selectOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 此属性废弃
+   */
+  autoHeight: { type: Boolean, default: !0 },
+  /**
+   * 打开前
+   */
+  beforeOpen: { type: Function, default: null },
+  load: { type: Function },
+  searchOption: {
+    type: [Boolean, Function],
+    default: !1
+  },
+  // 搜索启用高亮
+  enableHighlightSearch: { type: Boolean, default: !0 },
+  minPanelWidth: { type: Number, default: 160 },
+  popupOnClick: { type: Boolean, default: !0 }
+};
+Object.assign({}, ge, {
+  readonly: {}
+});
+Fe(ge, Pe, Ee, Re);
+const Je = Ft(
+  ge,
+  Pe,
+  Ee,
+  Re
+), Rl = Pl(), Vl = {
+  dataSource: { type: Array, default: [] },
+  enableSearch: { type: Boolean, default: !1 },
+  idField: { type: String, default: "id" },
+  multiSelect: { type: Boolean, default: !1 },
+  selectedValues: { type: String, default: "" },
+  separator: { type: String, default: "," },
+  textField: { type: String, default: "name" },
+  titleField: { type: String, default: "name" },
+  width: { type: Number },
+  maxHeight: { type: Number },
+  valueField: { type: String, default: "id" },
+  /** 值变化事件 */
+  onSelectionChange: { type: Function, default: () => {
+  } },
+  searchOption: {
+    type: [Boolean, Function],
+    default: !1
+  },
+  // 搜索启用高亮
+  enableHighlightSearch: { type: Boolean, default: !0 }
+}, Ll = /* @__PURE__ */ K({
+  name: "FComboListContainer",
+  props: Vl,
+  emits: ["selectionChange"],
+  setup(e, t) {
+    const l = s(), n = s(e.dataSource), a = s([]), o = s(e.separator), r = s(e.width), u = s(e.maxHeight), c = S(() => e.multiSelect), m = s(e.multiSelect ? String(e.selectedValues).split(o.value) : [e.selectedValues]), C = S(() => ({
+      enableSelectRow: !0,
+      multiSelect: e.multiSelect,
+      multiSelectMode: "OnCheckAndClick",
+      showCheckbox: c.value,
+      showSelectAll: !1,
+      showSelection: !0
+    }));
+    A(e.dataSource, () => {
+      n.value = e.dataSource;
+    }), S(() => e.enableSearch ? "SearchBar" : "ContentHeader");
+    const h = S(() => {
+      const f = {};
+      return r.value !== void 0 && (f.width = `${r.value}px`), u.value !== void 0 && u.value > 0 && (f.maxHeight = `${u.value}px`), f;
+    });
+    function v(f) {
+      l.value.search(f);
+    }
+    function y(f) {
+      a.value = f.map((p) => Object.assign({}, p)), m.value = f.map((p) => p[e.idField]), t.emit("selectionChange", a.value);
+    }
+    function d(f) {
+      if (e.enableHighlightSearch)
+        return;
+      let p = [];
+      const {
+        searchOption: b
+      } = e;
+      typeof b == "function" ? p = n.value.filter((F) => b(f, F)) : p = n.value.filter((F) => F[e.valueField].indexOf(f) > -1 || F[e.textField].indexOf(f) > -1), l.value.updateDataSource(p);
+    }
+    A([() => e.selectedValues], ([f]) => {
+      e.multiSelect ? m.value = f.split(o.value) : m.value = [f];
+    });
+    function g(f) {
+      l.value.activeRowById(f);
+    }
+    return le(() => {
+      var f, p;
+      if (!e.multiSelect) {
+        const b = (f = m.value) == null ? void 0 : f[0];
+        let F = b;
+        const P = n.value.map((M) => M[e.valueField || e.idField]);
+        if (!zt(b) && P.includes(b)) {
+          const M = typeof b, B = typeof ((p = n.value[0]) == null ? void 0 : p[e.valueField || e.idField]);
+          B === "number" && M !== B && (F = Number(b)), B === "boolean" && M !== B && (F = b === "true" ? !0 : b === "false" ? !1 : b), g(F);
+        }
+      }
+    }), t.expose({
+      search: v,
+      activeRowById: g
+    }), () => i("div", {
+      class: "f-combo-list-container",
+      style: h.value
+    }, [i($t, {
+      ref: l,
+      size: "small",
+      itemClass: "f-combo-list-item",
+      itemContentClass: "text-truncate",
+      header: "ContentHeader",
+      headerClass: "f-combo-list-search-box",
+      data: n.value,
+      idField: e.idField,
+      textField: e.textField,
+      titleField: e.titleField,
+      multiSelect: e.multiSelect,
+      selection: C.value,
+      enableHighlightSearch: e.enableHighlightSearch,
+      selectionValues: m.value,
+      onSelectionUpdate: y,
+      onAfterSearch: d
+    }, null)]);
+  }
+});
+function Hl(e) {
+  const t = s(""), l = s(e.modelValue), n = s(e.data || []), a = s(e.editable);
+  function o(g) {
+    const f = e.multiSelect ? String(g).split(e.separator) : [String(g)], p = f.map((P) => [P, !0]), b = new Map(p);
+    return n.value.filter((P) => b.has(String(P[e.valueField]))).sort((P, M) => {
+      const B = f.indexOf(P[e.valueField]), x = f.indexOf(M[e.valueField]);
+      return B - x;
+    });
+  }
+  function r(g) {
+    const f = o(g).map((p) => p[e.textField]).join(e.separator);
+    t.value = a.value ? f || g : f;
+  }
+  function u(g) {
+    if (e.multiSelect) {
+      const f = g.split(e.separator).map((b) => [b, !0]), p = new Map(f);
+      return n.value.filter((b) => p.has(b[e.textField]));
+    }
+    return n.value.filter((f) => "" + f[e.textField] === g);
+  }
+  function c(g) {
+    const f = {};
+    return f[e.idField] = g, f[e.textField] = g, [f];
+  }
+  function m(g) {
+    let f = u(g);
+    const p = f && f.length > 0;
+    return a.value && !p && (f = c(g)), f;
+  }
+  function C() {
+    const { url: g, method: f = "GET", headers: p = { "Content-Type": "application/json;charset=utf-8;" }, body: b = null } = e.remote;
+    if (!g)
+      return;
+    const F = f.toLowerCase() === "get" ? { method: f, headers: p } : { method: f, headers: p, body: b };
+    let P = !1;
+    fetch(new Request(g, F)).then((M) => {
+      var x, E;
+      if (M.status === 200)
+        return P = !!((E = (x = M.headers) == null ? void 0 : x.get("content-type")) != null && E.includes("application/json")), P ? M.text() : M.json();
+      throw M.status === 405 ? new Error(_.getLocaleValue("comboList.remoteError")) : new Error(M.statusText);
+    }).then((M) => {
+      M.length && (n.value = P ? JSON.parse(M) : M);
+    }).catch((M) => {
+      console.warn(M);
+    });
+  }
+  e.remote && (e.load ? e.load().then((g) => {
+    n.value = g;
+  }).catch((g) => {
+    console.log(g);
+  }) : C()), A(() => e.data, () => {
+    n.value = e.data;
+  }), A([n], ([g]) => {
+    if (e.modelValue != null) {
+      const f = g.find((p) => p[e.valueField] === e.modelValue);
+      f && (t.value = f[e.textField]);
+    }
+  }), A(() => e.modelValue, (g) => {
+    l.value = g, r(g);
+  });
+  function h(g) {
+    n.value = g;
+  }
+  function v() {
+    return n.value;
+  }
+  function y() {
+    return t.value;
+  }
+  function d() {
+    const g = typeof e.beforeOpen == "function";
+    return !e.beforeOpen || !g ? Promise.resolve(!0) : Promise.resolve().then(() => e.beforeOpen({ instance: { updateDataSource: h, getData: v, getDisplayText: y } })).then((f) => typeof (f == null ? void 0 : f.canOpen) == "boolean" ? f == null ? void 0 : f.canOpen : !0);
+  }
+  return r(e.modelValue), {
+    dataSource: n,
+    displayText: t,
+    editable: a,
+    modelValue: l,
+    beforeOpenList: d,
+    getItemsByDisplayText: u,
+    getItemsByValue: o,
+    getSelectedItemsByDisplayText: m
+  };
+}
+const re = /* @__PURE__ */ K({
+  name: "FComboList",
+  props: ge,
+  emits: ["clear", "update:modelValue", "change", "input"],
+  setup(e, t) {
+    const l = s(), n = s(), a = s(e.disabled || e.readonly), o = s(e.enableClear), r = s(e.enableSearch), u = s(e.readonly), {
+      dataSource: c,
+      displayText: m,
+      editable: C,
+      modelValue: h,
+      getItemsByDisplayText: v,
+      getItemsByValue: y,
+      beforeOpenList: d
+    } = Hl(e), g = s(e.dropDownIcon);
+    g.value === '<span class="f-icon f-icon-arrow-chevron-down"></span>' && (g.value = '<span id="' + e.id + '-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');
+    const f = S(() => e.multiSelect), p = S(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
+    function b() {
+      !f.value && n.value && n.value.hidePopup();
+    }
+    function F(V) {
+      m.value = V.map((W) => W[e.textField]).join(e.separator) || h.value;
+      let R = "";
+      V.length === 1 ? R = V[0][e.valueField] : R = V.map((W) => W[e.valueField]).join(e.separator), h.value !== R && (h.value = R, t.emit("update:modelValue", h.value), t.emit("change", V, h.value));
+    }
+    function P() {
+      const V = y(h.value);
+      F(V);
+    }
+    function M() {
+      u.value || m.value;
+    }
+    function B(V) {
+      var R;
+      h.value = "", (R = l.value) == null || R.activeRowById(""), t.emit("clear");
+    }
+    function x(V) {
+      var R, W;
+      e.enableSearch && e.enableHighlightSearch && ((R = l.value) == null || R.search(V)), (W = l.value) == null || W.activeRowById(V), t.emit("change", [h.value], h.value);
+    }
+    function E(V) {
+      if (e.multiSelect) {
+        const R = v(V);
+        e.viewType;
+        const k = R.map((T) => T[e.idField || e.valueField]).join(e.separator);
+        h.value !== k && (h.value = k, t.emit("update:modelValue", h.value), t.emit("change", R, h.value));
+      } else V !== h.value && (h.value = V, t.emit("update:modelValue", h.value), t.emit("change", [], V));
+    }
+    function j() {
+      return m.value;
+    }
+    function $(V) {
+      const {
+        value: R
+      } = V.target;
+      x(R), t.emit("input", R);
+    }
+    function I() {
+      n.value.hidePopup();
+    }
+    function O(V) {
+      c.value = V;
+    }
+    function z() {
+      return c.value;
+    }
+    const D = {
+      getDisplayText: j,
+      hidePopup: I,
+      updateDataSource: O,
+      getData: z
+    };
+    return t.expose(D), A([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([V, R, W, k, T]) => {
+      a.value = V, C.value = R, o.value = W, r.value = k, u.value = T;
+    }), () => i(De, {
+      ref: n,
+      id: e.id,
+      disable: a.value,
+      readonly: u.value,
+      forcePlaceholder: e.forcePlaceholder,
+      editable: C.value,
+      buttonContent: g.value,
+      placeholder: e.placeholder === "请选择" ? _.getLocaleValue("comboList.placeholder") : e.placeholder,
+      enableClear: o.value,
+      maxLength: e.maxLength,
+      tabIndex: e.tabIndex,
+      enableTitle: e.enableTitle,
+      multiSelect: e.multiSelect,
+      inputType: e.multiSelect ? e.viewType : "text",
+      modelValue: m.value,
+      "onUpdate:modelValue": (V) => m.value = V,
+      focusOnCreated: e.focusOnCreated,
+      selectOnCreated: e.selectOnCreated,
+      onClear: B,
+      onClick: M,
+      onChange: E,
+      onBlur: P,
+      onInput: $,
+      beforeOpen: d,
+      placement: e.placement,
+      popupMinWidth: e.minPanelWidth,
+      popupClass: "f-combo-list-wrapper",
+      popupOnClick: e.popupOnClick,
+      limitContentBySpace: !0
+    }, {
+      default: () => [i(Ll, {
+        ref: l,
+        idField: e.idField,
+        valueField: e.valueField,
+        textField: e.textField,
+        titleField: e.titleField,
+        dataSource: c.value,
+        selectedValues: h.value,
+        separator: e.separator,
+        multiSelect: e.multiSelect,
+        enableSearch: r.value,
+        maxHeight: e.maxHeight,
+        enableHighlightSearch: e.enableHighlightSearch,
+        width: e.fitEditor ? p.value : void 0,
+        onSelectionChange: (V) => {
+          F(V), b();
+        }
+      }, null)]
+    });
+  }
+}), Nl = Object.assign({}, Ue, {
+  readonly: {}
+});
+Fe(Ue, Pe, Ee, Re);
+const Ae = {
+  convertFrom: (e, t) => (e.editor.remote || {})[t],
+  convertTo: (e, t, l) => {
+    e.editor.remote = e.editor.remote || {}, e.editor.remote[t] = l;
+  }
+};
+class jl extends jt {
+  constructor(t, l) {
+    super(t, l);
+  }
+  getCommonEditorProperties(t) {
+    var l, n, a;
+    return {
+      viewType: {
+        visible: !!((l = t.editor) != null && l.multiSelect),
+        description: "数据展示类型，有标签和文本两种方式",
+        title: "数据展示类型",
+        type: "enum",
+        editor: {
+          data: [
+            { id: "tag", name: "标签" },
+            { id: "text", name: "文本" }
+          ]
+        },
+        refreshPanelAfterChanged: !0
+      },
+      separator: {
+        visible: !!((n = t.editor) != null && n.multiSelect) && ((a = t.editor) == null ? void 0 : a.viewType) === "text",
+        description: "下拉列表启用多选且数据展示类型为文本时的分隔符",
+        title: "分隔符",
+        type: "enum",
+        editor: {
+          data: [
+            { id: ",", name: "逗号（,）" },
+            { id: "#", name: "井号（#）" },
+            { id: ".", name: "句号（.）" },
+            { id: "|", name: "竖线（|）" }
+          ]
+        }
+      },
+      editable: {
+        description: "",
+        title: "允许编辑",
+        type: "boolean",
+        refreshPanelAfterChanged: !0,
+        readonly: !0
+        // readonly: !!propertyData.editor?.multiSelect && (propertyData.editor?.viewType === 'tag' || !propertyData.editor!.viewType)
+      }
+      // enableHighlightSearch: {
+      //     visible: !!propertyData.editor?.editable,
+      //     description: "编辑状态下启用高亮搜索",
+      //     title: "启用高亮搜索",
+      //     type: "boolean"
+      // },
+    };
+  }
+  getEditorProperties(t) {
+    var o, r;
+    const l = this;
+    let n = "";
+    if (((o = t == null ? void 0 : t.binding) == null ? void 0 : o.type) === "Form") {
+      const u = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
+      (r = u == null ? void 0 : u.schemaField) != null && r.type && (n = u.schemaField.type.$type);
+    }
+    return l.getComponentConfig(t, { type: "combo-list" }, {
+      // enableSearch: {
+      //     description: "编辑状态下启用搜索",
+      //     title: "允许编辑",
+      //     type: "boolean",
+      // },
+      enableClear: {
+        description: "",
+        title: "启用清空",
+        type: "boolean"
+      },
+      dataSourceType: {
+        description: "",
+        title: "数据源类型",
+        type: "enum",
+        editor: {
+          default: "static",
+          data: [
+            { id: "static", name: "静态" },
+            { id: "dynamic", name: "动态" }
+          ]
+        },
+        refreshPanelAfterChanged: !0
+      },
+      data: {
+        description: "",
+        title: "数据",
+        type: "array",
+        visible: !t.editor.dataSourceType || t.editor.dataSourceType === "static",
+        ...l.getItemCollectionEditor(t, t.editor.valueField, t.editor.textField),
+        // 这个属性，标记当属性变更得时候触发重新更新属性
+        refreshPanelAfterChanged: !0
+      },
+      url: {
+        visible: t.editor.dataSourceType === "dynamic",
+        $converter: Ae,
+        description: "",
+        title: "服务端API",
+        type: "string"
+      },
+      // method: {
+      //     visible: propertyData.editor.dataSourceType === "dynamic",
+      //     $converter: comboListRemoteConverter,
+      //     description: "",
+      //     title: "服务端API类型",
+      //     type: "enum",
+      //     editor: {
+      //         default: "GET",
+      //         data: [
+      //             { id: "GET", name: "GET" },
+      //             { id: "PUT", name: "PUT" },
+      //             { id: "POST", name: "POST" }
+      //         ]
+      //     },
+      // },
+      body: {
+        visible: !1,
+        $converter: Ae,
+        description: "",
+        title: "服务端API参数",
+        type: "string"
+      },
+      textField: {
+        description: "",
+        title: "数据源显示字段",
+        type: "string",
+        readonly: t.editor.dataSourceType !== "dynamic"
+      },
+      valueField: {
+        description: "",
+        title: "数据源值字段",
+        type: "string",
+        readonly: t.editor.dataSourceType !== "dynamic"
+      },
+      multiSelect: {
+        description: "",
+        title: "启用多选",
+        visible: !n || n === "StringType",
+        type: "boolean",
+        refreshPanelAfterChanged: !0
+      },
+      maxLength: {
+        description: "",
+        title: "最大输入长度",
+        type: "number",
+        editor: {
+          nullable: !0,
+          min: 0,
+          useThousands: !1,
+          needValid: !0
+        }
+      },
+      ...this.getCommonEditorProperties(t)
+    }, (u, c) => {
+      if (!u || !c.editor)
+        return;
+      const m = this;
+      switch (u.propertyID) {
+        case "dataSourceType": {
+          u.propertyValue === "static" ? (c.editor.valueField = "value", c.editor.textField = "name", c.editor.remote = null) : u.propertyValue === "dynamic" && (c.editor.remote = { method: "GET" }, c.editor.valueField = "value", c.editor.textField = "name");
+          break;
+        }
+        case "data": {
+          !m.checkEnumDataReadonly(c) && c.formatter && (c.formatter.data = [...u.propertyValue]);
+          break;
+        }
+        case "viewType":
+          u.propertyValue === "tag" && (c.editor.editable = !1);
+      }
+    });
+  }
+  getGridFieldEdtiorProperties(t, l) {
+    var r, u, c, m, C, h;
+    const n = this;
+    let a = "";
+    if (((r = t == null ? void 0 : t.binding) == null ? void 0 : r.type) === "Form") {
+      const v = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
+      (u = v == null ? void 0 : v.schemaField) != null && u.type && (a = v.schemaField.type.$type);
+    }
+    return n.getComponentConfig(t, { type: "combo-list" }, {
+      // editable: {
+      //     description: "",
+      //     title: "允许编辑",
+      //     type: "boolean",
+      //     readonly: propertyData.editor?.type === 'combo-list'
+      // },
+      enableClear: {
+        description: "",
+        title: "启用清空",
+        type: "boolean"
+      },
+      // dataSourceType: {
+      //     description: "",
+      //     title: "数据源类型",
+      //     type: "enum",
+      //     editor: {
+      //         default: "static",
+      //         data: [
+      //             { id: "static", name: "静态" },
+      //             { id: "dynamic", name: "动态" }
+      //         ]
+      //     },
+      //     refreshPanelAfterChanged: true
+      // },
+      data: {
+        description: "",
+        title: "数据",
+        type: "array",
+        visible: !((c = t.editor) != null && c.dataSourceType) || ((m = t.editor) == null ? void 0 : m.dataSourceType) === "static",
+        ...n.getItemCollectionEditor(t, (C = t.editor) == null ? void 0 : C.valueField, (h = t.editor) == null ? void 0 : h.textField),
+        // 这个属性，标记当属性变更得时候触发重新更新属性
+        refreshPanelAfterChanged: !0
+      },
+      textField: {
+        description: "",
+        title: "数据源显示字段",
+        type: "string",
+        readonly: !0
+      },
+      valueField: {
+        description: "",
+        title: "数据源值字段",
+        type: "string",
+        readonly: !0
+      },
+      multiSelect: {
+        description: "",
+        title: "启用多选",
+        visible: a === "StringType",
+        type: "boolean",
+        refreshPanelAfterChanged: !0
+      },
+      maxLength: {
+        description: "",
+        title: "最大输入长度",
+        type: "number",
+        editor: {
+          nullable: !0,
+          min: 0,
+          useThousands: !1,
+          needValid: !0
+        }
+      },
+      ...this.getCommonEditorProperties(t)
+    }, (v, y) => {
+      if (!v || !y.editor)
+        return;
+      const d = this;
+      switch (v.propertyID) {
+        case "dataSourceType": {
+          v.propertyValue === "static" ? (y.editor.valueField = "value", y.editor.textField = "name", y.editor.remote = null) : v.propertyValue === "dynamic" && (y.editor.remote = { method: "GET" }, y.editor.valueField = "value", y.editor.textField = "name");
+          break;
+        }
+        case "data": {
+          !d.checkEnumDataReadonly(y) && y.formatter && (y.formatter.data = [...v.propertyValue]);
+          break;
+        }
+      }
+    });
+  }
+  setEditorPropertyRelates(t, l, n) {
+    if (!t || !l.editor)
+      return;
+    const a = this;
+    switch (t.propertyID) {
+      case "dataSourceType": {
+        t.propertyValue === "static" && (l.editor.valueField = "value", l.editor.textField = "name", l.editor.remote = {});
+        break;
+      }
+      case "data": {
+        !a.checkEnumDataReadonly(l) && l.formatter && (l.formatter.data = [...t.propertyValue]);
+        break;
+      }
+    }
+  }
+  /**
+   * 切换绑定属性 
+   */
+  changeBindingField(t, l, n) {
+    var o;
+    super.changeBindingField(t, l);
+    const a = n;
+    t.editor && ((o = a == null ? void 0 : a.type) == null ? void 0 : o.$type) === Nt.EnumType && (t.editor.data = a.type.enumValues || []);
+  }
+  /**
+  * 组装输入类控件的交互面板：包含标签超链、绑定字段值变化前后事件等。
+  * @param propertyData 属性值
+  * @param viewModelId 视图模型id
+  * @param showPosition 面板展示位置
+  * @param customEvent 输入控件特有的事件配置
+  */
+  getEventPropertyConfig(t, l = "card", n, a) {
+    const o = this;
+    let r = [
+      {
+        label: "onChange",
+        name: "值变化事件"
+      },
+      // {
+      //     label: 'onClear',
+      //     name: '清空事件'
+      // },
+      {
+        label: "beforeOpen",
+        name: "下拉面板前事件"
+      }
+    ];
+    n && (r = r.concat(n)), this.appendFieldValueChangeEvents(t, r);
+    const u = o.eventsEditorUtils.formProperties(t, o.viewModelId, r);
+    return {
+      title: "事件",
+      hideTitle: !0,
+      properties: o.createBaseEventProperty(u),
+      tabId: "commands",
+      tabName: "交互",
+      setPropertyRelates(C, h) {
+        const v = C.propertyValue;
+        delete t[o.viewModelId], v && (v.setPropertyRelates = this.setPropertyRelates, o.eventsEditorUtils.saveRelatedParameters(t, o.viewModelId, v.events, v)), a && a(C, h, v);
+        const y = o.designViewModelUtils.getDgViewModel(o.viewModelId);
+        y && o.designViewModelField && y.changeField(o.designViewModelField.id, { valueChanging: t.fieldValueChanging, valueChanged: t.fieldValueChanged }), t.editor.beforeOpen !== t.beforeOpen && (t.editor.beforeOpen = t.beforeOpen), t.editor.onChange !== t.onChange && (t.editor.onChange = t.onChange), t.editor.onClear !== t.onClear && (t.editor.onClear = t.onClear);
+      }
+    };
+  }
+}
+function Al(e, t) {
+  const l = e.schema;
+  function n(a, o) {
+    return new jl(a, t).getPropertyConfig(l, o);
+  }
+  return {
+    getPropsConfig: n
+  };
+}
+const zl = /* @__PURE__ */ K({
+  name: "FComboListDesign",
+  props: Nl,
+  emits: ["clear", "update:modelValue", "change"],
+  setup(e, t) {
+    const l = s(), n = oe("designer-host-service"), a = oe("design-item-context"), o = Al(a, n), r = Ut(l, a, o);
+    return le(() => {
+      l.value.componentInstance = r;
+    }), t.expose(r.value), () => i(Dt, {
+      ref: l,
+      buttonContent: e.dropDownIcon,
+      readonly: !0,
+      editable: !1,
+      forcePlaceholder: !0,
+      placeholder: e.placeholder,
+      enableClear: !0
+    }, null);
+  }
+});
+re.register = (e, t, l, n, a) => {
+  e["combo-list"] = re, t["combo-list"] = Je(a), n["combo-list"] = { callbackResolver: Rl };
+};
+re.registerDesigner = (e, t, l, n) => {
+  e["combo-list"] = zl, t["combo-list"] = Je(n);
+};
+Ie(re);
+Ie(Oe);
+var Ze = /* @__PURE__ */ ((e) => (e[e.Equal = 0] = "Equal", e[e.NotEqual = 1] = "NotEqual", e[e.Greater = 2] = "Greater", e[e.GreaterOrEqual = 3] = "GreaterOrEqual", e[e.Less = 4] = "Less", e[e.LessOrEqual = 5] = "LessOrEqual", e[e.Like = 6] = "Like", e[e.LikeStartWith = 7] = "LikeStartWith", e[e.LikeEndWith = 8] = "LikeEndWith", e[e.NotLike = 9] = "NotLike", e[e.NotLikeStartWith = 10] = "NotLikeStartWith", e[e.NotLikeEndWith = 11] = "NotLikeEndWith", e[e.Is = 12] = "Is", e[e.IsNot = 13] = "IsNot", e[e.In = 14] = "In", e[e.NotIn = 15] = "NotIn", e))(Ze || {}), se = /* @__PURE__ */ ((e) => (e[e.Empty = 0] = "Empty", e[e.And = 1] = "And", e[e.Or = 2] = "Or", e))(se || {}), ee = /* @__PURE__ */ ((e) => (e[e.Value = 0] = "Value", e[e.Expression = 1] = "Expression", e[e.Variable = 2] = "Variable", e))(ee || {});
+const Wl = (e) => ((e.raw.$type !== "SimpleField" || e.raw.selectable === !1) && (e.disabled = !0), e);
+function Qe(e) {
+  const t = [
+    { value: "", label: "　" },
+    { value: "(", label: "(" },
+    { value: "((", label: "((" },
+    { value: "(((", label: "(((" }
+  ], l = [
+    { value: "", label: "　" },
+    { value: ")", label: ")" },
+    { value: "))", label: "))" },
+    { value: ")))", label: ")))" }
+  ], n = [
+    { label: "=", value: 0 },
+    { label: "<>", value: 1 },
+    { label: ">", value: 2 },
+    { label: ">=", value: 3 },
+    { label: "<", value: 4 },
+    { label: "<=", value: 5 },
+    { label: "like %...%", value: 6 },
+    { label: "like ...%", value: 7 },
+    { label: "like %...", value: 8 },
+    { label: "not like %...%", value: 9 },
+    { label: "not like ...%", value: 10 },
+    { label: "not like %...", value: 11 },
+    { label: "is", value: 12 },
+    { label: "is not", value: 13 },
+    { label: "in", value: 14 },
+    { label: "not in", value: 15 }
+  ], a = [
+    { label: "　", value: 0 },
+    { label: "并且", value: 1 },
+    { label: "或者", value: 2 }
+  ], o = [{ label: "值", value: e != null && e.singleValue ? ee.Value : ee.Variable }], r = { label: "表达式", value: ee.Expression }, u = e != null && e.enableExpression ? [...o, r] : o;
+  return {
+    leftBracketItems: t,
+    righttBracketItems: l,
+    compareOperators: n,
+    relationItems: a,
+    valueTypes: u,
+    sortTypes: [
+      { label: "升序", value: "asc" },
+      { label: "降序", value: "desc" }
+    ]
+  };
+}
+const $l = {
+  /**
+   * 组件标识
+   */
+  id: { type: String },
+  /**
+   * 下拉数据源
+   */
+  data: { type: Array, default: [] },
+  /**
+   * 可选，展示文本
+   * 默认为空字符串
+   */
+  displayText: { type: String, default: "" },
+  /**
+   * 可选，是否禁用
+   * 默认为`false`
+   */
+  disabled: { type: Boolean, default: !1 },
+  /**
+   * 可选，下拉图标
+   * 默认为'<span class="f-icon f-icon-arrow-60-down"></span>'
+   */
+  dropDownIcon: { type: String, default: '<span class="f-icon f-icon-arrow-chevron-down"></span>' },
+  /**
+   * 可选，是否可编辑
+   * 默认`false`
+   */
+  editable: { type: Boolean, default: !1 },
+  /**
+   * 可选，是否启用清空
+   * 默认启用
+   */
+  enableClear: { type: Boolean, default: !0 },
+  /**
+   * 可选，启用搜索
+   * 默认为`false`
+   */
+  enableSearch: { type: Boolean, default: !1 },
+  /**
+   * 可选，鼠标悬停时是否显示控件值
+   * 默认显示
+   */
+  enableTitle: { type: Boolean, default: !0 },
+  fitEditor: { type: Boolean, default: !1 },
+  /**
+   * 可选，强制显示占位符
+   * 默认`false`
+   */
+  forcePlaceholder: { type: Boolean, default: !1 },
+  /**
+   * 可选，清空值时隐藏面板
+   * 默认`true`
+   */
+  hidePanelOnClear: { type: Boolean, default: !0 },
+  /**
+   * 可选，数据源id字段
+   * 默认为`id`
+   */
+  idField: { type: String, default: "id" },
+  /**
+   * 可选，字段映射
+   */
+  mapFields: { type: Object },
+  /**
+   * 可选，最大高度
+   * 默认`350`
+   */
+  maxHeight: { type: Number, default: 350 },
+  /**
+   * 最大输入长度
+   */
+  maxLength: { type: Number },
+  /**
+   * 可选，是否支持多选
+   * 默认`false`
+   */
+  multiSelect: { type: Boolean, default: !1 },
+  /**
+   * 绑定值
+   */
+  modelValue: { type: String, default: "" },
+  /**
+   * 占位符
+   */
+  placeholder: { type: String },
+  /**
+   * 可选，下拉面板展示位置
+   * 默认为`auto`
+   */
+  placement: {
+    type: String,
+    default: "auto"
+    /* auto */
+  },
+  /**
+   * 可选，是否只读
+   * 默认为`false`
+   */
+  readonly: { type: Boolean, default: !1 },
+  /**
+   * 可选，是否支持远端过滤
+   * 默认`false`
+   */
+  remoteSearch: { type: Boolean, default: !1 },
+  /**
+   * 可选，分隔符
+   * 默认`,`
+   */
+  separator: { type: String, default: "," },
+  /**
+   * tabIndex
+   */
+  tabIndex: { type: Number, default: -1 },
+  /**
+   * 可选，数据源显示字段
+   * 默认为`name`
+   */
+  textField: { type: String, default: "name" },
+  /**
+   * 可选，数据源的title
+   * 默认为`name`
+   */
+  titleField: { type: String, default: "name" },
+  /**
+   * 可选，数据源值字段
+   * 默认为`id`
+   */
+  valueField: { type: String, default: "id" },
+  /**
+   * 可选，下拉列表值展示方式
+   * 支持text | tag，即文本或标签，默认为`ViewType.Text`，即文本方式`text`
+   */
+  viewType: {
+    type: String,
+    default: "text"
+    /* Text */
+  },
+  /**
+   * 作为内嵌编辑器被创建后默认获得焦点
+   */
+  focusOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 作为内嵌编辑器被创建后默认选中文本
+   */
+  selectOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 树表展示格式化函数
+   */
+  formatter: { type: Function, default: null },
+  /**
+   * 显示文本格式化函数
+  */
+  displayFormatter: { type: Function, default: null },
+  editorParams: { type: Object },
+  repositoryToken: { type: Symbol, default: null },
+  /** 自定义行状态 */
+  customRowStatus: { type: Object, default: null },
+  minPanelWidth: { type: Number, default: 160 },
+  /** 查询字段集合 */
+  searchFields: { type: Array, default: ["name"] }
+}, Dl = {
+  data: { type: Array, default: [] },
+  enableSearch: { type: Boolean, default: !1 },
+  idField: { type: String, default: "id" },
+  multiSelect: { default: !1, type: Boolean },
+  selectedValues: { type: String, default: "" },
+  separator: { type: String, default: "," },
+  textField: { type: String, default: "name" },
+  titleField: { type: String, default: "name" },
+  width: { type: Number },
+  height: { type: Number },
+  valueField: { type: String, default: "id" },
+  formatter: { type: Function },
+  maxHeight: { type: Number, default: 350 },
+  repositoryToken: { type: Symbol, default: null },
+  editorParams: { type: Object },
+  customRowStatus: { type: Object, default: null },
+  searchHandler: { type: Function, default: () => {
+  } }
+}, Ul = /* @__PURE__ */ K({
+  name: "FComboTreeContainer",
+  props: Dl,
+  emits: ["selectionChange", "selectItem", "unSelectItem"],
+  setup(e, t) {
+    const l = s(e.data), n = s([]), a = s(e.separator), o = s(e.width), r = s(e.height), u = s(e.maxHeight), c = s(String(e.selectedValues).split(a.value)), m = s(), C = {
+      customRowStatus: e.customRowStatus
+    };
+    A(() => e.selectedValues, (p) => {
+      c.value = String(p).split(a.value);
+    }), A(() => e.data, (p) => {
+      var b;
+      l.value = p, (b = m.value) == null || b.updateDataSource(p);
+    });
+    const h = {
+      enableSelectRow: !0,
+      multiSelect: e.multiSelect,
+      showCheckbox: e.multiSelect,
+      multiSelectMode: "OnCheckAndClick"
+    };
+    let v = null;
+    e.repositoryToken && (v = oe(e.repositoryToken));
+    const y = S(() => [{
+      field: e.textField,
+      title: "",
+      dataType: "string",
+      formatter: e.formatter
+    }]), d = S(() => {
+      const p = {};
+      return o.value !== void 0 && (p.width = `${o.value}px`), r.value !== void 0 && (p.height = `${r.value}px`), u.value !== void 0 && u.value > 0 && (p.maxHeight = `${u.value}px`, p.overflow = "auto"), l.value.length === 0 && (p.height = "200px"), p.position = "relative", p;
+    });
+    function g(p = []) {
+      p && p.length > 0 ? (n.value = [...p], c.value = n.value.map((b) => b[e.idField])) : (n.value = [], c.value = []), t.emit("selectionChange", n.value);
+    }
+    le(() => {
+      v && v.getData(e.editorParams).then((p) => {
+        l.value = p;
+      }), c.value && m.value.activeRowById(c.value[0]);
+    });
+    const f = (p) => {
+      m.value.selectItemByIds(p);
+    };
+    return t.expose({
+      treeInstance: m,
+      checkItems: f
+    }), () => i("div", {
+      class: "f-combo-tree-container",
+      style: d.value
+    }, [e.multiSelect && e.enableSearch && i("div", {
+      class: "p-2",
+      style: "position: sticky;top:0;z-index: 2; background:white",
+      onMousedown: (p) => p.stopPropagation()
+    }, [i(Yt, {
+      buttonContent: '<i class="f-icon f-icon-search"></i>',
+      enableClear: !0,
+      placeholder: "请输入搜索内容",
+      onClear: () => t.emit("clearSearch"),
+      onInput: (p, b) => e.searchHandler(b)
+    }, null)]), i(Xt, {
+      ref: m,
+      fit: !0,
+      data: l.value,
+      idField: e.idField,
+      columns: y.value,
+      "selection-values": c.value,
+      onSelectionUpdate: g,
+      columnOption: {
+        fitColumns: !0,
+        fitMode: "expand"
+      },
+      rowOption: C,
+      selection: h,
+      rowNumber: {
+        enable: !1
+      },
+      onSelectItem: (p) => t.emit("selectItem", p.raw),
+      onUnSelectItem: (p) => t.emit("unSelectItem", p.raw)
+    }, null)]);
+  }
+});
+function ql(e) {
+  const t = s(""), l = s(e.modelValue), n = s(e.data || []), a = s(e.editable);
+  function o(h, v = []) {
+    return h = h || [], h.reduce((y, d) => (d.id = d.id || d.data[e.idField], y.push(d), d.children && d.children.length && o(d.children, y), y), v);
+  }
+  function r(h) {
+    const v = String(h).split(e.separator).map((f, p) => [f, p]), y = new Map(v), d = [];
+    return o(n.value, d), d.filter((f) => {
+      const p = f.data ? String(f.data[e.valueField]) : String(f[e.valueField]);
+      return y.has(p);
+    }).map((f) => f.data ? f.data : f).sort((f, p) => {
+      const b = y.get(String(f[e.valueField])) || 0, F = y.get(String(p[e.valueField])) || 0;
+      return b - F;
+    });
+  }
+  function u(h) {
+    const v = r(h), y = e.displayFormatter ? e.displayFormatter(v) : v.map((d) => d[e.textField]).join(e.separator);
+    t.value = a.value ? y || h : y;
+  }
+  function c(h) {
+    const v = h.split(e.separator).map((g) => [g, !0]), y = new Map(v);
+    let d = [];
+    return n.value[0].data ? o(n.value, d) : d = n.value, d = d.map((g) => g.data ? g.data : g), d.filter((g) => y.has(g[e.textField]) || y.has(g[e.valueField]));
+  }
+  function m(h) {
+    const v = {};
+    return v[e.idField] = h, v[e.textField] = h, [v];
+  }
+  function C(h) {
+    let v = c(h);
+    const y = v && v.length > 0;
+    return a.value && !y && (v = m(h)), v;
+  }
+  return A(() => e.data, () => {
+    n.value = e.data;
+  }), A([n], ([h]) => {
+    if (e.modelValue) {
+      const v = h.find((y) => y[e.valueField] === e.modelValue);
+      v && (t.value = v[e.textField]);
+    }
+  }), A(() => e.modelValue, (h, v) => {
+    h !== v && (l.value = h, u(h));
+  }), u(e.modelValue), { dataSource: n, displayText: t, editable: a, modelValue: l, getItemsByDisplayText: c, getItemsByValue: r, getSelectedItemsByDisplayText: C, flatTreeNodes: o };
+}
+function Gl(e, t) {
+  const { comboEditorRef: l, dataSource: n, searchFields: a, originalValue: o, showPopover: r, flatTreeNodes: u } = e;
+  function c(d, g) {
+    d.forEach((f) => {
+      const p = g.find((b) => b.id === f.id);
+      f.selectable = p.selectable != null ? !!p.selectable : !0, f.children && c(f.children, g);
+    });
+  }
+  function m(d, g) {
+    const f = (d.children || []).map((b) => m(b, g)).filter((b) => b !== null);
+    return a.value.some((b) => {
+      var F;
+      return (F = d.data[b]) == null ? void 0 : F.toString().toLowerCase().includes(g.toLowerCase());
+    }) ? {
+      data: { ...d.data },
+      children: d.children,
+      // 注意这里保留原始子节点
+      id: d.data[t]
+    } : f.length > 0 ? {
+      data: { ...d.data },
+      children: f,
+      id: d.data[t]
+    } : null;
+  }
+  function C() {
+    o.value = Be(n.value);
+  }
+  function h(d) {
+    var f;
+    if (r.value || (f = l.value) == null || f.showPopup(), !d) {
+      C();
+      return;
+    }
+    const g = n.value.map((p) => m(p, d)).filter((p) => p !== null);
+    if (g.length) {
+      const p = [];
+      u(n.value, p), c(g, p);
+    }
+    o.value = Be(g);
+  }
+  const v = $e((d) => {
+    var f;
+    const g = (f = d.target) == null ? void 0 : f.value;
+    h(g);
+  }, 200);
+  function y(d) {
+    var f;
+    let g = (f = d.target) == null ? void 0 : f.value;
+    g !== "" && (g = g.trim()), d.target._value !== g && v(d);
+  }
+  return {
+    onValueChange: y,
+    resetDataSource: C
+  };
+}
+const et = /* @__PURE__ */ K({
+  name: "FComboTree",
+  props: $l,
+  emits: ["clear", "update:modelValue", "change", "search"],
+  setup(e, t) {
+    const l = s(), n = s(e.disabled), a = s(e.enableClear), o = s(e.enableSearch), r = s(e.readonly), u = s(e.searchFields || [e.textField]), c = s(), m = s();
+    let C = {};
+    const {
+      dataSource: h,
+      displayText: v,
+      editable: y,
+      modelValue: d,
+      flatTreeNodes: g
+    } = ql(e), f = S(() => e.multiSelect);
+    S(() => l.value ? l.value.elementRef.getBoundingClientRect().width : 0);
+    const p = S(() => {
+      var z;
+      const O = (z = l.value) == null ? void 0 : z.popoverRef;
+      return O ? O.shown : !1;
+    }), {
+      onValueChange: b,
+      resetDataSource: F
+    } = Gl({
+      comboEditorRef: l,
+      dataSource: h,
+      searchFields: u,
+      originalValue: c,
+      showPopover: p,
+      flatTreeNodes: g
+    }, e.idField);
+    function P() {
+      !f.value && l.value && l.value.hidePopup();
+    }
+    const M = (O) => {
+      const z = O == null ? void 0 : O.map((D) => D.data || D);
+      return e.displayFormatter ? e.displayFormatter(z) : z.map((D) => D[e.textField]).join(e.separator);
+    };
+    function B(O = []) {
+      if (!f.value)
+        v.value = M(O), d.value = O.map((z) => z.data ? z.data[e.valueField] : z[e.valueField]).join(e.separator), t.emit("update:modelValue", d.value), t.emit("change", O, d.value);
+      else {
+        const z = Object.keys(C), D = Object.values(C);
+        v.value = M(D), d.value = z.join(e.separator), t.emit("update:modelValue", d.value), t.emit("change", D, d.value);
+      }
+      P();
+    }
+    function x(O) {
+      var z;
+      d.value = "", C = {}, p.value && ((z = l.value) == null || z.hidePopup()), t.emit("update:modelValue", ""), t.emit("change", null, d.value), t.emit("clear");
+    }
+    function E(O) {
+      f.value && (delete C[O.id], B());
+    }
+    function j(O) {
+      f.value && (C[O.id] = O.data, B());
+    }
+    A([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([O, z, D, V, R]) => {
+      n.value = O, y.value = z, a.value = D, o.value = V, r.value = R;
+    });
+    const $ = () => {
+      if (c.value = Be(h.value), f.value && d.value) {
+        const O = [];
+        g(h.value, O), d.value.split(e.separator).reduce((z, D) => (z[D] = O.find((V) => V.id === D), z), C);
+      }
+    };
+    function I() {
+      F(), setTimeout(() => {
+        var O;
+        (O = m.value) == null || O.checkItems(d.value.split(e.separator));
+      });
+    }
+    return () => i(De, {
+      ref: l,
+      id: e.id,
+      disable: n.value,
+      readonly: r.value,
+      forcePlaceholder: e.forcePlaceholder,
+      editable: y.value && !e.multiSelect,
+      buttonContent: e.dropDownIcon,
+      placeholder: e.placeholder,
+      enableClear: a.value,
+      maxLength: e.maxLength,
+      tabIndex: e.tabIndex,
+      enableTitle: e.enableTitle,
+      inputType: e.viewType,
+      popupOnClick: !0,
+      modelValue: v.value,
+      "onUpdate:modelValue": (O) => v.value = O,
+      onClear: x,
+      onInput: b,
+      focusOnCreated: e.focusOnCreated,
+      selectOnCreated: e.selectOnCreated,
+      beforeOpen: $,
+      placement: e.placement,
+      popupMinWidth: e.minPanelWidth
+    }, {
+      default: () => [p.value && i(Ul, {
+        ref: m,
+        maxHeight: e.maxHeight,
+        multiSelect: e.multiSelect,
+        enableSearch: e.enableSearch,
+        idField: e.idField,
+        valueField: e.valueField,
+        textField: e.textField,
+        titleField: e.titleField,
+        data: c.value,
+        selectedValues: d.value,
+        onSelectionChange: B,
+        formatter: e.formatter,
+        editorParams: e.editorParams,
+        repositoryToken: e.repositoryToken,
+        customRowStatus: e.customRowStatus,
+        searchHandler: b,
+        onUnSelectItem: E,
+        onSelectItem: j,
+        onClearSearch: I
+      }, null)]
+    });
+  }
+});
+Ie(et);
+function tt(e) {
+  function t(l, n, a = "filterField") {
+    return i(et, {
+      formatter: e.formatter,
+      modelValue: l[a],
+      "onUpdate:modelValue": (o) => l[a] = o,
+      data: n,
+      textField: e.textField || "name",
+      valueField: e.valueField || "path",
+      idField: e.idField || "id",
+      enableClear: !1,
+      minPanelWidth: 220,
+      customRowStatus: Wl
+    }, null);
+  }
+  return {
+    renderFieldsComboTree: t
+  };
+}
+function lt(e, t, l) {
+  const n = s(e.activeIndex), a = s(e.conditions), o = s(e.fields);
+  A(() => e.fields, (v) => {
+    o.value = v;
+  }), A(() => e.conditions, (v) => {
+    a.value = v;
+  }), A(() => e.activeIndex, (v) => {
+    n.value = v;
+  });
+  const r = S(() => l.value.querySelector(`tr[index="${n.value}"]`));
+  function u() {
+    const v = r.value;
+    v && (v.scrollIntoView ? v.scrollIntoView({ block: "center", behavior: "smooth" }) : v.scrollIntoViewIfNeeded && v.scrollIntoViewIfNeeded(!1));
+  }
+  const c = S(() => (v) => ({
+    "fv-grid-row-selected": v === n.value
+  }));
+  function m(v, y) {
+    y.stopPropagation(), t.emit("insert", { index: v, $event: y });
+  }
+  function C(v, y) {
+    y.stopPropagation(), t.emit("remove", { index: v, $event: y });
+  }
+  function h(v, y) {
+    t.emit("rowClick", { item: v, index: y });
+  }
+  return {
+    itemIntoView: u,
+    activeRowCls: c,
+    fields: o,
+    activeIndex: n,
+    selectedRowRef: r,
+    conditions: a,
+    tbodyRef: l,
+    onInsert: m,
+    onRemove: C,
+    onRowClick: h
+  };
+}
+const Xl = /* @__PURE__ */ K({
+  name: "filter-condition-grid",
+  props: _e,
+  emits: ["insert", "remove", "rowClick"],
+  setup(e, t) {
+    const {
+      compareOperators: l,
+      leftBracketItems: n,
+      valueTypes: a,
+      relationItems: o,
+      righttBracketItems: r
+    } = Qe(e), {
+      renderFieldsComboTree: u
+    } = tt(e), c = s(), {
+      conditions: m,
+      fields: C,
+      onInsert: h,
+      onRemove: v,
+      onRowClick: y,
+      activeRowCls: d,
+      itemIntoView: g
+    } = lt(e, t, c), f = s(e.expressionOptions || {});
+    function p(F) {
+      var P, M;
+      switch (F.expresstype) {
+        case ee.Variable:
+          return i(Gt, {
+            modelValue: F.value,
+            "onUpdate:modelValue": (B) => F.value = B,
+            showOutline: !1,
+            fieldData: (P = e.formContextData) == null ? void 0 : P.fieldData,
+            varData: (M = e.formContextData) == null ? void 0 : M.varData
+          }, null);
+        case ee.Expression:
+          return i(qt, ve({
+            modelValue: F.value,
+            "onUpdate:modelValue": (B) => F.value = B
+          }, f.value), null);
+        case ee.Value:
+        default:
+          return i(Oe, {
+            enableTitle: !0,
+            buttonContent: "",
+            popupOnClick: !0,
+            modelValue: F.value,
+            "onUpdate:modelValue": (B) => F.value = B
+          }, null);
+      }
+    }
+    function b(F, P, M) {
+      return i(re, {
+        data: P,
+        modelValue: F[M],
+        "onUpdate:modelValue": (B) => F[M] = B,
+        textField: "label",
+        valueField: "value",
+        idField: "value",
+        enableClear: !1,
+        minPanelWidth: 130,
+        placement: "auto"
+      }, null);
+    }
+    return Me(() => {
+      g();
+    }), () => i("div", {
+      class: "fv-filter-condition-grid table-body f-utils-fill win11Scroll show nobtn",
+      style: "margin-left:14px; margin-right: 0; overflow-y: scroll;"
+    }, [i("table", {
+      class: "table table-bordered",
+      style: "margin-bottom: 0;"
+    }, [i("thead", {
+      style: "position: sticky; top: 0; z-index: 1;"
+    }, [i("tr", null, [i("th", {
+      style: "width: 40px"
+    }, null), i("th", {
+      style: "width: 45px"
+    }, [i("b", null, [X("左括号")])]), i("th", {
+      style: "width: 90px"
+    }, [i("b", null, [X("字段")])]), i("th", {
+      style: "width: 70px"
+    }, [i("b", null, [X("操作符")])]), i("th", {
+      style: "width: 60px"
+    }, [i("b", null, [X("值类型")])]), i("th", {
+      style: "width: 100px"
+    }, [i("b", null, [X("值")])]), i("th", {
+      style: "width: 45px"
+    }, [i("b", null, [X("右括号")])]), i("th", {
+      style: "width: 60px"
+    }, [i("b", null, [X("关系")])])])]), i("tbody", {
+      ref: c
+    }, [m.value.map((F, P) => i("tr", {
+      index: P,
+      class: d.value(P),
+      onClick: (M) => y(F, P)
+    }, [i("td", {
+      style: "text-overflow: unset;",
+      align: "center",
+      class: "px-1"
+    }, [i("button", {
+      title: "插入",
+      onClick: (M) => h(P, M),
+      type: "button",
+      class: "btn btn-link p-1 mr-0"
+    }, [i("span", {
+      class: "f-icon f-icon-plus"
+    }, null)]), i("button", {
+      title: "移除",
+      onClick: (M) => v(P, M),
+      type: "button",
+      class: "btn btn-link p-1 m-0"
+    }, [i("span", {
+      class: "f-icon f-icon-minus"
+    }, null)])]), i("td", {
+      class: "px-1"
+    }, [b(F, n, "lbracket")]), i("td", {
+      class: "px-1"
+    }, [u(F, C.value, "filterField")]), i("td", {
+      class: "px-1"
+    }, [b(F, l, "compare")]), i("td", {
+      class: "px-1"
+    }, [b(F, a, "expresstype")]), i("td", {
+      class: "px-1"
+    }, [p(F)]), i("td", {
+      class: "px-1"
+    }, [b(F, r, "rbracket")]), i("td", {
+      class: "px-1"
+    }, [b(F, o, "relation")])]))])])]);
+  }
+}), Yl = {
+  width: { Type: Number, default: 400 },
+  type: { Type: String, default: "info" },
+  title: { Type: String, default: "" },
+  detail: { Type: String, default: "" },
+  okButtonText: { Type: String, default: "确定" },
+  showOkButton: { Type: Boolean, default: !0 },
+  showCancelButton: { Type: Boolean, default: !0 },
+  cancelButtonText: { Type: String, default: "取消" },
+  exceptionInfo: { Type: Object, default: null },
+  promptEditorType: { Type: String, default: "text-area" },
+  buttons: { type: Object, default: [] }
+};
+function Ve() {
+  return new DOMException("The request is not allowed", "NotAllowedError");
+}
+async function Kl(e) {
+  if (!navigator.clipboard)
+    throw Ve();
+  return navigator.clipboard.writeText(e);
+}
+async function _l(e) {
+  const t = document.createElement("span");
+  t.textContent = e, t.style.whiteSpace = "pre", t.style.webkitUserSelect = "auto", t.style.userSelect = "all", document.body.appendChild(t);
+  const l = window.getSelection(), n = window.document.createRange();
+  l == null || l.removeAllRanges(), n.selectNode(t), l == null || l.addRange(n);
+  let a = !1;
+  try {
+    a = window.document.execCommand("copy");
+  } finally {
+    l == null || l.removeAllRanges(), window.document.body.removeChild(t);
+  }
+  if (!a)
+    throw Ve();
+}
+async function Jl(e) {
+  try {
+    await Kl(e);
+  } catch (t) {
+    try {
+      await _l(e);
+    } catch (l) {
+      throw l || t || Ve();
+    }
+  }
+}
+function Zl() {
+  async function e(t) {
+    await Jl(t);
+  }
+  return { onCopy: e };
+}
+function Ql(e, t, l, n) {
+  const a = s(14), o = s(140), r = s(""), u = s(n.value.length), c = S(() => n.value), m = S(() => ({
+    "font-size": `${a.value}px`,
+    height: "100%"
+  }));
+  function C(h) {
+    if (h.currentTarget) {
+      const v = h.currentTarget.value || "";
+      u.value = v.length;
+    }
+  }
+  return () => i(ie, null, [i("textarea", {
+    title: "promptMessage",
+    name: "promptMessage",
+    class: "form-control",
+    style: m.value,
+    rows: "4",
+    maxlength: o.value,
+    onInput: (h) => C(h)
+  }, [c.value]), i("span", {
+    class: "textarea-wordcount",
+    title: r.value,
+    style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
+  }, [u.value + " / " + o.value])]);
+}
+function en(e, t, l, n) {
+  const a = Ql(e, t, l, n), o = /* @__PURE__ */ new Map([["text-area", a]]);
+  function r(u) {
+    return o.get(u) || null;
+  }
+  return { getEditorRender: r };
+}
+function tn() {
+  const e = s(!1), t = s("复制成功");
+  return {
+    feedbackStyle: S(() => {
+      const n = {
+        position: "absolute",
+        left: "50%",
+        top: "50%",
+        "min-width": "100px",
+        height: "40px",
+        background: "#303C53",
+        "line-height": "40px",
+        "text-align": "center",
+        "margin-left": "-30px",
+        "margin-top": "-50px",
+        "border-radius": "10px",
+        "box-shadow": "0px 2px 8px 0px",
+        color: "#fff",
+        transition: "all .3s ease",
+        padding: "0 10px"
+      };
+      return n.opacity = e.value ? "0.8" : "0", n.display = e.value ? "" : "none", n;
+    }),
+    feedbackMessage: t,
+    toShowFeedback: e
+  };
+}
+function ln(e, t) {
+  const l = t.getEditorRender(e.promptEditorType);
+  return () => l && l();
+}
+function nn(e, t) {
+  function l(y) {
+    if (y == null)
+      return 0;
+    let d = 0;
+    for (let g = 0; g < y.length; g++) {
+      const f = y.charCodeAt(g);
+      f >= 0 && f <= 128 ? d++ : d = d + 2;
+    }
+    return d;
+  }
+  function n(y, d) {
+    if (y !== "" && y !== void 0 && y !== null) {
+      y = "" + y;
+      const g = y.length;
+      let f = "", p = 0;
+      for (let b = 0; b < g; b++) {
+        const F = y.charAt(b);
+        if (p++, encodeURI(F).length > 4 && p++, f = f.concat(F), p >= d)
+          return f = f.concat("..."), f;
+      }
+      if (p < d)
+        return y;
+    }
+    return "";
+  }
+  const a = S(() => !!e.value && !!e.value.date), o = S(() => {
+    const y = e.value && e.value.date || "";
+    return `${t.exception.happend} : ${y}`;
+  }), r = S(() => !!e.value && !!e.value.detail), u = S(() => e.value ? l(e.value.detail) > 160 : !1), c = s(!1), m = S(() => c.value ? t.exception.collapse : t.exception.expand), C = S(() => {
+    const y = t.exception.detail + " : " + (e.value && e.value.detail) || "";
+    return c.value ? y : n(y, 160);
+  }), h = S(() => ({
+    bottom: c.value ? 0 : "2px"
+  }));
+  function v() {
+    c.value = !c.value;
+  }
+  return () => i("div", {
+    class: "toast-msg-detail",
+    style: "max-height: calc(100vh - 200px);overflow: auto;"
+  }, [a.value && i("div", null, [o.value]), r.value && i("div", {
+    class: "exception_wrap"
+  }, [i("div", {
+    class: "exception_error_msg"
+  }, [i("div", {
+    innerHTML: C.value
+  }, null), u.value && i("span", {
+    class: "exception_toggle_detail",
+    style: h.value,
+    onClick: v
+  }, [m.value])])])]);
+}
+function an(e) {
+  return () => i("p", {
+    class: "toast-msg-detail",
+    innerHTML: e.value,
+    style: "max-height: calc(100vh - 200px);overflow: auto;"
+  }, null);
+}
+function on(e, t, l, n, a) {
+  const o = s(e.exceptionInfo), r = S(() => {
+    const d = t.value === "question" ? "warning" : t.value, g = {
+      "f-icon": !0
+    }, f = `f-icon-${d}`;
+    return g[f] = !0, g;
+  }), u = S(() => l.value || o.value && o.value.message), c = S(() => n.value), m = S(() => !!n.value), C = S(() => !!o.value);
+  function h() {
+    return C.value ? nn(o, a) : m.value ? an(c) : () => null;
+  }
+  const v = h(), y = S(() => a.locale === "en" ? {
+    wordBreak: "keep-all",
+    overflowWrap: "break-word"
+  } : {});
+  return () => i(ie, null, [i("div", {
+    class: "float-left modal-tips-iconwrap"
+  }, [i("span", {
+    class: r.value
+  }, null)]), i("div", {
+    class: "modal-tips-content"
+  }, [i("p", {
+    class: "toast-msg-title",
+    innerHTML: u.value,
+    style: y.value
+  }, null), v()])]);
+}
+function un(e, t, l, n) {
+  const {
+    onCopy: a
+  } = t, {
+    toShowFeedback: o
+  } = l, r = s(n.exception.copySuccess || "复制成功"), u = s(n.exception.copy || "复制详细信息"), c = s(e.exceptionInfo || {
+    date: "",
+    message: "",
+    detail: ""
+  }), m = S(() => c.value && c.value.detail || "");
+  function C(h) {
+    a(m.value).catch((v) => {
+      r.value = n.exception.copyFailed || "复制失败";
+    }).finally(() => {
+      o.value = !0, setTimeout(() => {
+        o.value = !1;
+      }, 700);
+    });
+  }
+  return () => i("span", {
+    class: "copy-exception-info"
+  }, [i("span", {
+    onClick: C,
+    style: "cursor: pointer;"
+  }, [u.value])]);
+}
+function sn(e, t, l, n, a) {
+  const o = s(e.type), r = s(e.buttons), u = s(e.exceptionInfo), c = s(a.ok || e.okButtonText), m = s(a.cancel || e.cancelButtonText), C = s(e.showCancelButton), h = s(e.showOkButton), v = S(() => !!(r.value && r.value.length)), y = S(() => !!(u.value && u.value.detail)), d = S(() => !(r.value && r.value.length) && (h.value || C.value)), g = un(e, l, n, a);
+  c.value === "关闭" ? c.value = a.close : c.value === "知道了" && (c.value = a.exception.roger);
+  function f(b) {
+    o.value === "question" && t.emit("reject"), t.emit("close");
+  }
+  function p(b) {
+    o.value === "question" && t.emit("accept"), t.emit("close");
+  }
+  return () => i("div", {
+    class: "modal-footer"
+  }, [y.value && g(), d.value && C.value && i("button", {
+    type: "button",
+    class: "btn btn-secondary btn-lg",
+    onClick: f
+  }, [m.value]), d.value && h.value && i("button", {
+    type: "button",
+    class: "btn btn-primary btn-lg",
+    onClick: p
+  }, [c.value]), v.value && r.value.length && r.value.map((b) => i("button", {
+    type: "button",
+    onClick: b.handle,
+    class: b.class
+  }, [b.iconClass && i("span", {
+    class: b.iconClass
+  }, null), b.text]))]);
+}
+function rn(e) {
+  const { getLocaleValue: t } = _, l = _.getLocale();
+  function n(a, o, r) {
+    return o === r ? t(a) : o;
+  }
+  return {
+    yes: n("messageBox.yes") || "是",
+    no: n("messageBox.no") || "否",
+    close: n("messageBox.close") || "关闭",
+    ok: n("messageBox.ok", e.okButtonText, "确定") || "确定",
+    cancel: n("messageBox.cancel", e.cancelButtonText, "取消") || "取消",
+    title: n("messageBox.title") || "系统提示",
+    errorTitle: n("messageBox.errorTitle") || "错误提示",
+    exception: {
+      expand: n("messageBox.exception.expand") || "展开",
+      collapse: n("messageBox.exception.collapse") || "收起",
+      happend: n("messageBox.exception.happend") || "发生时间",
+      detail: n("messageBox.exception.detail") || "详细信息",
+      copy: n("messageBox.exception.copy") || "复制详细信息",
+      copySuccess: n("messageBox.exception.copySuccess") || "复制成功",
+      copyFailed: n("messageBox.exception.copyFailed") || "复制失败",
+      roger: n("messageBox.exception.roger") || "知道了"
+    },
+    locale: l
+  };
+}
+const me = /* @__PURE__ */ K({
+  name: "FMessageBox",
+  props: Yl,
+  emits: ["accept", "reject", "close"],
+  setup(e, t) {
+    const l = rn(e), n = s(e.type), a = s(e.title), o = s(e.detail), r = S(() => {
+      const p = {
+        "modal-tips": !0,
+        "d-flex": !0,
+        "flex-row": !0
+      }, b = `messager-type-${n.value}`;
+      return p[b] = !0, p;
+    }), u = S(() => {
+      const p = {
+        cursor: "default"
+      };
+      return n.value === "prompt" ? p.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (p.padding = "0.5rem 1.5rem 1rem 1.5rem"), p;
+    }), c = Zl(), m = en(e, n, a, o), C = tn(), {
+      feedbackStyle: h,
+      feedbackMessage: v
+    } = C;
+    v.value = l.exception.copySuccess;
+    function y() {
+      return i("div", {
+        style: h.value
+      }, [v.value]);
+    }
+    function d() {
+      switch (n.value) {
+        case "prompt":
+          return ln(e, m);
+        default:
+          return on(e, n, a, o, l);
+      }
+    }
+    const g = d(), f = sn(e, t, c, C, l);
+    return () => i("div", {
+      class: "farris-messager"
+    }, [!e.exceptionInfo && i("div", {
+      style: "height: 30px;width: 100%;position: absolute;",
+      class: "messager-draggable"
+    }, null), i("section", {
+      class: r.value,
+      style: u.value
+    }, [g()]), f(), y()]);
+  }
+}), Q = class Q {
+  static show(t) {
+    const l = te({
+      ...t
+    }), n = !1, a = l.type === "error" || l.type === "prompt", o = l.type === "error" ? "错误提示" : l.type === "prompt" && l.title || "", r = l.acceptCallback || (() => {
+    }), u = l.rejectCallback || (() => {
+    });
+    let c = null, m = new Xe(Q.app);
+    const C = () => {
+      c && (c == null || c.destroy(), m = null);
+    };
+    return c = m == null ? void 0 : m.open({
+      class: "modal-message modal-message-type-info",
+      title: o,
+      showButtons: n,
+      showHeader: a,
+      width: l.width || 400,
+      fitContent: !0,
+      showMaxButton: !1,
+      draggable: !0,
+      dragHandle: ".messager-draggable",
+      render: () => i(me, ve(l, {
+        onAccept: r,
+        onReject: u,
+        onClose: C
+      }), null)
+    }), m == null ? void 0 : m.getCurrentModal();
+  }
+  static info(t, l) {
+    const n = te({
+      type: "info",
+      title: t,
+      detail: l,
+      okButtonText: "知道了",
+      showCancelButton: !1
+    });
+    Q.show(n);
+  }
+  static warning(t, l) {
+    const n = te({
+      type: "warning",
+      title: t,
+      detail: l,
+      okButtonText: "知道了",
+      showCancelButton: !1
+    });
+    Q.show(n);
+  }
+  static success(t, l) {
+    const n = te({
+      type: "success",
+      title: t,
+      detail: l,
+      okButtonText: "关闭",
+      showCancelButton: !1
+    });
+    Q.show(n);
+  }
+  static error(t, l, n) {
+    const a = te({
+      width: 500,
+      type: "error",
+      okButtonText: "关闭",
+      showCancelButton: !1,
+      exceptionInfo: {
+        date: n,
+        message: t,
+        detail: l
+      }
+    });
+    Q.show(a);
+  }
+  static prompt(t, l) {
+    const n = te({
+      type: "prompt",
+      title: t,
+      detail: l,
+      okButtonText: "确定",
+      cancelButtonText: "取消"
+    });
+    Q.show(n);
+  }
+  static question(t, l, n, a) {
+    const o = te({
+      type: "question",
+      title: t,
+      detail: l,
+      okButtonText: "确定",
+      cancelButtonText: "取消",
+      acceptCallback: n,
+      rejectCallback: a
+    });
+    Q.show(o);
+  }
+};
+Z(Q, "app", null);
+let ce = Q;
+me.install = (e) => {
+  e.component(me.name, me), ce.app = e, e.provide("FMessageBoxService", ce);
+};
+const cn = /* @__PURE__ */ K({
+  name: "filter-condition-actions",
+  props: ["canClear", "canMove", "questionMessage"],
+  emits: ["add", "clear", "moveTop", "movePrev", "moveNext", "moveBottom"],
+  setup(e, t) {
+    const l = s(e.questionMessage || "确定要清空所有数据吗？"), n = {
+      position: "relative",
+      top: "2px"
+    };
+    function a() {
+      t.emit("add");
+    }
+    function o() {
+      ce.question(l.value, "", () => {
+        t.emit("clear");
+      }, () => {
+      });
+    }
+    function r() {
+      t.emit("moveTop");
+    }
+    function u() {
+      t.emit("movePrev");
+    }
+    function c() {
+      t.emit("moveNext");
+    }
+    function m() {
+      t.emit("moveBottom");
+    }
+    return () => i("div", {
+      class: "px-2 d-flex align-items-center",
+      style: "height: 36px;background: #f0f0f0; margin-left: 14px; margin-right: 14px;"
+    }, [i("button", {
+      type: "button",
+      onClick: a,
+      class: "btn btn-default f-btn-ml"
+    }, [i("span", {
+      class: "f-icon f-icon-add",
+      style: n
+    }, null), X("添加")]), i("button", {
+      type: "button",
+      onClick: o,
+      disabled: !e.canClear.value,
+      class: "btn btn-default f-btn-ml"
+    }, [i("span", {
+      class: "f-icon f-icon-close",
+      style: n
+    }, null), X("清空")]), i("button", {
+      type: "button",
+      onClick: r,
+      disabled: !e.canMove.value("up"),
+      class: "btn btn-default f-btn-ml"
+    }, [i("span", {
+      class: "f-icon f-icon-arrow-end-up",
+      style: n
+    }, null), X("置顶")]), i("button", {
+      type: "button",
+      onClick: u,
+      disabled: !e.canMove.value("up"),
+      class: "btn btn-default f-btn-ml"
+    }, [i("span", {
+      class: "f-icon f-icon-arrow-60-up",
+      style: n
+    }, null), X("上移")]), i("button", {
+      type: "button",
+      onClick: c,
+      disabled: !e.canMove.value("down"),
+      class: "btn btn-default f-btn-ml"
+    }, [i("span", {
+      class: "f-icon f-icon-arrow-60-down",
+      style: n
+    }, null), X("下移")]), i("button", {
+      type: "button",
+      onClick: m,
+      disabled: !e.canMove.value("down"),
+      class: "btn btn-default f-btn-ml"
+    }, [i("span", {
+      class: "f-icon f-icon-arrow-end-down",
+      style: n
+    }, null), X("置底")])]);
+  }
+}), dn = /* @__PURE__ */ K({
+  name: "sort-editor-grid",
+  props: _e,
+  emits: ["insert", "remove", "rowClick"],
+  setup(e, t) {
+    const {
+      sortTypes: l
+    } = Qe(), {
+      renderFieldsComboTree: n
+    } = tt(e), a = s(), {
+      conditions: o,
+      fields: r,
+      onInsert: u,
+      onRemove: c,
+      onRowClick: m,
+      activeRowCls: C,
+      itemIntoView: h
+    } = lt(e, t, a);
+    return Me(() => {
+      h();
+    }), () => i("div", {
+      class: "table-body f-utils-fill win11Scroll show nobtn ",
+      style: "margin-left:14px; margin-right: 0; overflow-y: scroll;"
+    }, [i("table", {
+      class: "table table-bordered",
+      style: "margin-bottom: 0;"
+    }, [i("thead", {
+      style: "position: sticky; top: 0; z-index: 1;"
+    }, [i("tr", null, [i("th", {
+      style: "width: 40px"
+    }, null), i("th", {
+      style: "width: 100px"
+    }, [i("b", null, [X("字段")])]), i("th", {
+      style: "width: 60px"
+    }, [i("b", null, [X("排序")])])])]), i("tbody", {
+      ref: a
+    }, [o.value.map((v, y) => i("tr", {
+      index: y,
+      class: C.value(y),
+      onClick: (d) => m(v, y)
+    }, [i("td", {
+      style: "text-overflow: unset;",
+      align: "center",
+      class: "px-1"
+    }, [i("button", {
+      title: "插入",
+      onClick: (d) => u(y, d),
+      type: "button",
+      class: "btn btn-link p-1 mr-0"
+    }, [i("span", {
+      class: "f-icon f-icon-plus"
+    }, null)]), i("button", {
+      title: "移除",
+      onClick: (d) => c(y, d),
+      type: "button",
+      class: "btn btn-link p-1 m-0"
+    }, [i("span", {
+      class: "f-icon f-icon-minus"
+    }, null)])]), i("td", {
+      class: "px-1"
+    }, [n(v, r.value, "sortField")]), i("td", {
+      class: "px-1"
+    }, [i(re, {
+      data: l,
+      textField: "label",
+      valueField: "value",
+      idField: "value",
+      modelValue: v.sortType,
+      "onUpdate:modelValue": (d) => v.sortType = d,
+      enableClear: !1,
+      minPanelWidth: 130,
+      placement: "auto"
+    }, null)])]))])])]);
+  }
+});
+function fn(e, t) {
+  const l = s(-1);
+  function n() {
+    return t.value[l.value];
+  }
+  function a() {
+    t.value.length > 0 ? l.value = 0 : l.value = -1;
+  }
+  const o = S(() => e.displayText ? e.displayText : typeof e.modelValue == "string" ? e.modelValue : ""), r = e.editorType !== "sort" ? "filterField" : "sortField", u = e.editorType !== "sort" ? {
+    filterField: "",
+    value: "",
+    lbracket: "",
+    rbracket: "",
+    relation: se.Empty,
+    compare: Ze.Equal,
+    expresstype: e.singleValue ? ee.Value : ee.Variable
+  } : {
+    sortField: "",
+    sortType: "asc"
+  }, c = S(() => t.value.length > 0), m = S(() => (B = "down") => t.value.length > 1 ? B === "up" ? l.value > 0 : l.value < t.value.length - 1 : !1);
+  function C() {
+    if (e.editorType === "filter")
+      for (let B = 0; B < t.value.length - 1; B++) {
+        const x = t.value[B];
+        (x.relation === se.Empty || !x.relation) && (x.relation = se.And);
+      }
+  }
+  function h() {
+    const B = Object.assign({}, u);
+    t.value = [...t.value, B];
+    const x = t.value.length - 1;
+    l.value = x, C();
+  }
+  function v({ index: B }) {
+    const x = Object.assign({}, u);
+    e.insertType === "above" ? B === 0 ? t.value.unshift(x) : t.value.splice(B, 0, x) : t.value.splice(B + 1, 0, x), t.value = [...t.value], C();
+  }
+  function y({ index: B }) {
+    t.value.splice(B, 1), t.value = [...t.value], !(l.value < 0) && (B === l.value ? t.value[B] ? l.value = B : t.value[B - 1] ? l.value = B - 1 : l.value = -1 : B < l.value && (t.value[l.value - 1] ? l.value = l.value - 1 : t.value[l.value] || (l.value = -1)));
+  }
+  function d() {
+    t.value = [];
+  }
+  function g() {
+    l.value >= 0 && (t.value.unshift(n()), t.value.splice(l.value + 1, 1), l.value = 0);
+  }
+  function f() {
+    if (l.value >= 0) {
+      const B = l.value, x = t.value.splice(B, 1);
+      t.value.splice(B - 1, 0, ...x), l.value = B - 1;
+    }
+  }
+  function p() {
+    if (l.value >= 0) {
+      const B = l.value, x = t.value.splice(B, 1);
+      t.value.splice(B + 1, 0, ...x), l.value = B + 1;
+    }
+  }
+  function b() {
+    l.value >= 0 && (t.value.push(n()), t.value.splice(l.value, 1), l.value = t.value.length - 1);
+  }
+  function F({ index: B }) {
+    l.value = B;
+  }
+  function P(B) {
+    if (B.length % 2 !== 0)
+      return !1;
+    let x = "";
+    for (const E of B)
+      if (E === "(")
+        x += E;
+      else if (E === ")") {
+        if (!x.endsWith("("))
+          return !1;
+        x = x.slice(0, -1);
+      }
+    return x.length === 0;
+  }
+  function M() {
+    const B = t.value.length;
+    if (!B)
+      return !0;
+    let x = !0, E = !0;
+    if (e.editorType !== "sort") {
+      t.value[B - 1].relation = se.Empty, E = !t.value.slice(0, -1).some(
+        (O) => O.relation === se.Empty || !O.relation
+      );
+      const I = t.value.flatMap((O) => [O.lbracket, O.rbracket]).join("");
+      x = P(I);
+    }
+    const j = t.value.some(($) => !$[r]);
+    return [
+      { result: x, message: "括号不匹配，请检查。" },
+      { result: E, message: "关系设置不完整，请检查。" },
+      { result: !j, message: "字段不允许为空，请检查。" }
+    ].find(($) => !$.result);
+  }
+  return {
+    displayText: o,
+    activeRowIndex: l,
+    canClear: c,
+    canMove: m,
+    onAddFilter: h,
+    onRemove: y,
+    onInsert: v,
+    onClear: d,
+    onMoveTop: g,
+    onMovePrev: f,
+    onMoveNext: p,
+    onMoveBottom: b,
+    onSelectRow: F,
+    validateCondition: M,
+    resetActiveRow: a
+  };
+}
+const vn = {
+  showCloseButton: { type: Boolean, default: !0 },
+  position: { type: String, default: "top-center" },
+  timeout: { type: Number, default: 3e3 },
+  theme: { type: String, default: "bootstrap" },
+  left: { type: Number },
+  right: { type: Number },
+  top: { type: Number },
+  bottom: { type: Number },
+  id: { type: String },
+  animate: { type: String, default: "fadeIn" },
+  options: { type: Object },
+  safeHtml: { type: Boolean, default: !0 }
+}, mn = {
+  showCloseButton: { type: Boolean, default: !0 },
+  animate: { type: String, default: "fadeIn" },
+  options: { type: Object }
+}, Te = /* @__PURE__ */ K({
+  name: "Toast",
+  props: mn,
+  emits: ["close", "click"],
+  setup: (e, t) => {
+    const l = s(e.animate), n = "fadeOut", a = S(() => e.options), o = s(!1), r = S(() => a.value.title && a.value.message), u = S(() => !a.value.title && a.value.message), c = S(() => {
+      const b = {
+        animated: o.value,
+        toast: !0,
+        "toast--only-content": !r.value
+      };
+      return b[e.animate] = !1, b[n] = o.value, b["toasty-type-" + a.value.type] = !0, a.value.theme && (b[a.value.theme] = !0), b;
+    }), m = S(() => {
+      const P = `f-icon-${a.value && a.value.type ? a.value.type.replace("toasty-type-", "") : "default"}`, M = {
+        "f-icon": !0
+      };
+      return M[P] = !0, M;
+    }), C = S(() => a.value.title || a.value.message), h = S(() => e.showCloseButton), v = S(() => !!a.value.buttons || !!t.slots.default), y = S(() => _.getLocale() === "en" ? {
+      wordBreak: "keep-all",
+      overflowWrap: "break-word"
+    } : {});
+    function d(b) {
+      b.stopPropagation(), b.preventDefault(), o.value = !1, setTimeout(() => {
+        t.emit("close", a.value);
+      }, 200);
+    }
+    function g(b, F) {
+    }
+    function f(b) {
+      return `f-preten-link ${b.customClass ? b.customClass : ""}`;
+    }
+    A(l, () => {
+      l.value;
+    });
+    const p = () => {
+      var b;
+      return i(ie, null, [i("div", {
+        class: "after-toast-msg text-right"
+      }, [!t.slots.default && ((b = a.value.buttons) == null ? void 0 : b.map((F) => i("span", {
+        class: f(F),
+        onClick: (P) => void 0
+      }, [F.text]))), t.slots.default && t.slots.default()])]);
+    };
+    return () => i("div", {
+      class: c.value,
+      style: "min-height:44px"
+    }, [h.value && i("button", {
+      title: _.getLocaleValue("messageBox.close"),
+      class: "toast-close f-btn-icon f-bare",
+      onClick: d
+    }, [i("span", {
+      class: "f-icon modal_close"
+    }, null)]), C.value && i("section", {
+      class: "modal-tips"
+    }, [!r.value && i("div", {
+      class: "float-left modal-tips-iconwrap"
+    }, [i("span", {
+      class: m.value
+    }, null)]), i("div", {
+      class: "modal-tips-content"
+    }, [r.value && i(ie, null, [i("h5", {
+      class: "toast-title modal-tips-title",
+      innerHTML: a.value.title
+    }, null), i("p", {
+      class: "toast-msg",
+      innerHTML: a.value.message,
+      style: y.value
+    }, null), v.value && p()]), u.value && (a.value.buttons ? i("div", {
+      class: "toast-title-btns-wrapper d-flex"
+    }, [i("h5", {
+      class: "toast-title modal-tips-title only-toast-msg",
+      style: y.value,
+      innerHTML: a.value.message
+    }, null), i("div", {
+      class: "after-toast-title text-right ml-auto"
+    }, [p()])]) : i("h5", {
+      class: "toast-title modal-tips-title only-toast-msg",
+      style: y.value,
+      innerHTML: a.value.message
+    }, null))])])]);
+  }
+}), he = /* @__PURE__ */ K({
+  name: "Notify",
+  props: vn,
+  emits: ["close", "empty"],
+  setup(e, t) {
+    const l = S(() => ({
+      "farris-notify": !0
+    })), n = {
+      left: 12,
+      right: 12,
+      top: 20,
+      bottom: 12
+    }, a = s(), o = s(e.options), r = s(e.showCloseButton), u = S(() => e.position || "bottom-right"), c = S(() => e.timeout != null ? e.timeout : 3e3), m = S(() => {
+      const v = e.bottom ? e.bottom : n.bottom, y = e.top ? e.top : n.top, d = {
+        transition: "all 0.2s ease",
+        left: u.value.indexOf("left") > -1 ? `${e.left ? e.left : n.left}px` : "",
+        right: u.value.indexOf("right") > -1 ? `${e.right ? e.right : n.right}px` : "",
+        top: u.value.indexOf("top") > -1 ? `${y}px` : "",
+        bottom: u.value.indexOf("bottom") > -1 ? `${v}px` : ""
+      };
+      return u.value.indexOf("center") > -1 && (d.left = "50%", d.marginLeft = "calc(-24rem / 2)", u.value === "center-center" && (d.top = "50%", d.transform = "translate(-50%, -50%)")), d;
+    });
+    function C(v) {
+      t.emit("close");
+    }
+    c.value && setTimeout(() => {
+      C();
+    }, c.value), t.expose({
+      closeToast: C,
+      container: a,
+      notifyPosition: u
+    });
+    function h(v, y) {
+      C();
+    }
+    return () => i("div", {
+      class: l.value,
+      style: m.value,
+      ref: a
+    }, [i(Te, {
+      options: o.value,
+      showCloseButton: r.value,
+      animate: e.animate,
+      onClose: (v) => h(v, o.value)
+    }, null)]);
+  }
+});
+class hn {
+  constructor() {
+    Z(this, "notifyRefs", []);
+    Z(this, "globalConfig", te({}));
+  }
+  escapeAllHtml(t) {
+    if (typeof t != "string" || !t)
+      return "";
+    const l = document.createElement("div");
+    return l.textContent = t || "", l.innerHTML.replace(/\\n/g, "<br>").replace(/\\t/g, "&nbsp;&nbsp;&nbsp;&nbsp;").replace(/\\r/g, "");
+  }
+  createNotifyInstance(t) {
+    const l = this, a = Object.assign({
+      timeout: 3e3,
+      position: "bottom-right",
+      showCloseButton: !0,
+      safeHtml: !0
+    }, this.globalConfig, {
+      ...t
+    }), o = document.createElement("div");
+    o.style.display = "contents";
+    const r = ke({
+      setup() {
+        var m;
+        const u = s();
+        function c() {
+          u.value.container.style.transform = "scale(0)", setTimeout(() => {
+            l.updateNotifyPositionForClose(a, u), r.unmount();
+          }, 220);
+        }
+        if (a.position.indexOf("top") > -1) {
+          const C = l.getNotifyInstances(a.position), h = C[C.length - 1];
+          if (h) {
+            const v = h.value.container.getBoundingClientRect();
+            a.top = v.bottom;
+          }
+        }
+        return a.safeHtml && ((m = a.options) != null && m.message) && (a.options.message = l.escapeAllHtml(a.options.message)), ye(() => {
+          document.body.removeChild(o);
+        }), le(() => {
+          l.updateNotifyPositionForCreate(a, u);
+        }), () => i(We, {
+          mode: "out-in",
+          name: "fade",
+          appear: !0
+        }, {
+          default: () => [i(he, ve({
+            ref: u
+          }, a, {
+            onClose: c
+          }), null)]
+        });
+      }
+    });
+    return r.provide("NotifyService", this), document.body.appendChild(o), r.use(_.i18n), r.mount(o), r;
+  }
+  getNotifyInstances(t) {
+    return this.notifyRefs.filter((l) => l.value.notifyPosition === t);
+  }
+  updateNotifyPositionForCreate(t, l) {
+    if (this.notifyRefs && this.notifyRefs.length) {
+      const n = window.innerHeight;
+      t.position.indexOf("bottom") > -1 && this.getNotifyInstances(t.position).forEach((a) => {
+        const o = a.value.container.getBoundingClientRect();
+        a.value.container.style.bottom = o.height + n - o.bottom + "px";
+      });
+    }
+    this.notifyRefs = [...this.notifyRefs, l];
+  }
+  updateNotifyPositionForClose(t, l) {
+    const n = this.notifyRefs.indexOf(l);
+    if (t.position.indexOf("top") > -1) {
+      const a = this.getNotifyInstances(t.position), o = a.indexOf(l);
+      a.slice(o + 1).forEach((r) => {
+        r.value.container.style.top = r.value.container.offsetTop - r.value.container.offsetHeight + "px";
+      });
+    }
+    n > -1 && this.notifyRefs.splice(n, 1);
+  }
+  show(t) {
+    return this.createNotifyInstance(t);
+  }
+  buildNotifyProps(t, l) {
+    let n = "", a = "", o, r, u;
+    typeof l == "string" ? n = l : l && (n = l.message || "", a = l.title || "", r = l.position || null, u = l.showCloseButton != null ? l.showCloseButton : null, o = l.timeout != null ? l.timeout : null);
+    const m = {
+      options: {
+        type: t,
+        message: n,
+        title: a
+      }
+    };
+    return r != null && (m.position = r), u != null && (m.showCloseButton = u), o != null && (m.timeout = o), m;
+  }
+  info(t) {
+    const l = this.buildNotifyProps("info", t);
+    return this.show(l);
+  }
+  success(t) {
+    const l = this.buildNotifyProps("success", t);
+    return this.show(l);
+  }
+  warning(t) {
+    const l = this.buildNotifyProps("warning", t);
+    return this.show(l);
+  }
+  error(t) {
+    const l = this.buildNotifyProps("error", t);
+    return this.show(l);
+  }
+  close(t) {
+    t && t.unmount();
+  }
+  closeAll() {
+    this.notifyRefs.forEach((t) => {
+      t == null || t.value.closeToast();
+    }), this.notifyRefs.length = 0;
+  }
+}
+const nt = Symbol("NOTIFY_SERVICE_TOKEN");
+he.install = (e) => {
+  e.component(he.name, he), e.component(Te.name, Te);
+  const t = new hn();
+  e.provide(nt, t), e.provide("FNotifyService", t);
+};
+const Se = /* @__PURE__ */ K({
+  name: "filter-condition-editor",
+  props: wl,
+  emits: ["update:modelValue"],
+  setup(e, t) {
+    const l = oe(e.repositoryToken), n = oe(nt), a = oe("FLoadingService");
+    n && (n.globalConfig = {
+      position: "top-center"
+    });
+    const o = s(e.expressionOptions || {}), r = s(e.formContextData || {}), u = s(e.fields || []), c = '<i class="f-icon f-icon-lookup"></i>', m = s([]), C = s([]), {
+      displayText: h,
+      onAddFilter: v,
+      onClear: y,
+      onMoveBottom: d,
+      onMoveNext: g,
+      onMovePrev: f,
+      onMoveTop: p,
+      onInsert: b,
+      onRemove: F,
+      activeRowIndex: P,
+      onSelectRow: M,
+      canClear: B,
+      canMove: x,
+      validateCondition: E,
+      resetActiveRow: j
+    } = fn(e, m), $ = S(() => e.editorType === "sort" ? "排序条件编辑器" : "过滤条件编辑器");
+    function I() {
+      return e.editorType === "sort" ? i(dn, {
+        conditions: m.value,
+        fields: u.value,
+        activeIndex: P.value,
+        onInsert: (T) => b(T),
+        onRemove: (T) => F(T),
+        idField: e.idField,
+        onRowClick: (T) => M(T)
+      }, null) : i(Xl, {
+        singleValue: e.singleValue,
+        expressionOptions: o.value,
+        enableExpression: e.enableExpression,
+        conditions: m.value,
+        fields: u.value,
+        idField: e.idField,
+        activeIndex: P.value,
+        onInsert: (T) => b(T),
+        onRemove: (T) => F(T),
+        onRowClick: (T) => M(T),
+        formContextData: r.value
+      }, null);
+    }
+    const O = S(() => JSON.stringify(m.value) === JSON.stringify(C.value)), z = S(() => e.disableConfirmWhenUnchanged && O.value);
+    async function D() {
+      if (t.emit("update:modelValue", m.value), e.onSubmitModal) {
+        a == null || a.show();
+        const T = await e.onSubmitModal({
+          loadingService: a,
+          repository: l,
+          conditions: m,
+          originalConditions: C,
+          FMessageBoxService: ce
+        });
+        return a == null || a.clearAll(), T && (P.value = -1, n.success("过滤条件配置成功！")), T;
+      }
+      return !0;
+    }
+    const V = {
+      title: $.value,
+      width: 800,
+      height: 600,
+      fitContent: !1,
+      minWidth: 300,
+      minHeight: 200,
+      showMaxButton: !0,
+      resizeable: !0,
+      draggable: !0,
+      closedCallback: () => {
+        P.value = -1;
+      },
+      buttons: [{
+        name: "cancel",
+        text: "取消",
+        class: "btn btn-secondary",
+        handle: (T) => !0
+      }, {
+        name: "accept",
+        text: "确定",
+        class: "btn btn-primary",
+        disabled: z,
+        handle: async (T) => {
+          const H = E();
+          return O.value ? !0 : typeof H == "object" && H !== null && H && H.message ? (n.warning(H.message), !1) : await D();
+        }
+      }]
+    };
+    async function R() {
+      if (e.beforeOpen)
+        try {
+          a == null || a.show();
+          const T = await e.beforeOpen({
+            repository: l,
+            notifyService: n
+          });
+          if (T) {
+            const {
+              fieldList: H,
+              conditionList: N,
+              entities: U,
+              variables: pe,
+              formContextData: ue,
+              isServerSide: be
+            } = T;
+            return u.value = H || [], m.value = N || [], C.value = JSON.parse(JSON.stringify(m.value)), o.value = {
+              entities: U,
+              variables: pe,
+              isServerSide: be
+            }, r.value = ue || {}, a == null || a.clearAll(), j(), !0;
+          }
+        } catch {
+          return n == null || n.error({
+            message: "获取数据失败！"
+          }), !1;
+        } finally {
+          a == null || a.clearAll();
+        }
+      return j(), !0;
+    }
+    function W() {
+      t.emit("update:modelValue", "");
+    }
+    function k(T) {
+      t.emit("update:modelValue", T);
+    }
+    return () => i(Oe, {
+      modelValue: h.value,
+      editable: e.editable,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      inputType: "text",
+      enableClear: e.enableClear,
+      buttonContent: c,
+      buttonBehavior: "Modal",
+      modalOptions: V,
+      beforeOpen: R,
+      onClear: W,
+      enableTitle: e.enableTitle,
+      "onUpdate:modelValue": k
+    }, {
+      default: () => [i("div", {
+        class: "h-100 d-flex flex-column"
+      }, [i("div", {
+        style: "border-top: 1px solid  white; position: absolute; top: 0; width: 100%; z-index: 2;",
+        class: "shading-border-top"
+      }, null), I(), i(cn, {
+        canClear: B,
+        canMove: x,
+        onAdd: v,
+        onClear: y,
+        onMoveBottom: d,
+        onMoveNext: g,
+        onMovePrev: f,
+        onMoveTop: p
+      }, null)])]
+    });
+  }
+}), yn = Fe(Bt, tl), Hn = {
+  install(e) {
+    e.component(Se.name, Se);
+  },
+  register(e, t, l, n) {
+    e["filter-condition-editor"] = Se, t["filter-condition-editor"] = yn;
+  }
+};
+export {
+  cn as ConditionActions,
+  Se as FilterConditionEditor,
+  Hn as default,
+  yn as propsResolver
+};