@farris/ui-vue 1.1.0 → 1.1.1

package/spacing-editor/index.esm.js

@@ -1,3484 +0,0 @@
-import { computed as b, ref as u, createVNode as p, defineComponent as X, onMounted as ie, watch as L, withDirectives as ne, vModelCheckbox as Ie, Fragment as pe, withModifiers as Oe, vModelText as Ve, Teleport as ue, createApp as ve, onUnmounted as se, nextTick as J, vShow as me, mergeProps as Fe, createTextVNode as te } from "vue";
-import { cloneDeep as je } from "lodash-es";
-import q from "bignumber.js";
-const Pe = {
-  /** 预设间距列表 */
-  defaultSpacings: {
-    type: Array,
-    default: [
-      { id: "default", value: "4", name: "系统默认" },
-      { id: "large", value: "20", name: "大(20px)" },
-      { id: "middle", value: "16", name: "中(16px)" },
-      { id: "small", value: "12", name: "小(12px)" },
-      { id: "exsmall", value: "8", name: "超小(8px)" },
-      { id: "none", value: "0", name: "无(0px)" },
-      { id: "custom", value: "custom", name: "自定义" }
-    ]
-  },
-  /** 方向列表 */
-  directions: {
-    type: Array,
-    default: [
-      { id: "top", title: "上" },
-      { id: "right", title: "右" },
-      { id: "bottom", title: "下" },
-      { id: "left", title: "左" }
-    ]
-  },
-  /** 外间距 */
-  margins: { type: Array, default: [4, 4, 4, 4] },
-  /** 内间距 */
-  paddings: { type: Array, default: [4, 4, 4, 4] }
-};
-const Me = {}, $e = {};
-function ge(e) {
-  const { properties: t, title: s } = e, d = Object.keys(t).reduce((o, r) => (o[r] = t[r].type === "object" && t[r].properties ? ge(t[r]) : je(t[r].default), o), {});
-  return d.id = `${s}-${Date.now()}`, d;
-}
-function Re(e, t) {
-  const s = ge(t);
-  return Object.keys(e).reduce((d, o) => (d[o] = e[o], d), s), s;
-}
-function De(e, t) {
-  return Object.keys(e).filter((d) => e[d] != null).reduce((d, o) => {
-    if (t.has(o)) {
-      const r = t.get(o);
-      if (typeof r == "string")
-        d[r] = e[o];
-      else {
-        const c = r(o, e[o], e);
-        Object.assign(d, c);
-      }
-    } else
-      d[o] = e[o];
-    return d;
-  }, {});
-}
-function Ne(e, t, s = /* @__PURE__ */ new Map()) {
-  const d = Re(e, t);
-  return De(d, s);
-}
-function Le(e = {}) {
-  function t(a, l, n, i) {
-    if (typeof n == "number")
-      return i[a].length === n;
-    if (typeof n == "object") {
-      const g = Object.keys(n)[0], v = n[g];
-      if (g === "not")
-        return Number(i[a].length) !== Number(v);
-      if (g === "moreThan")
-        return Number(i[a].length) >= Number(v);
-      if (g === "lessThan")
-        return Number(i[a].length) <= Number(v);
-    }
-    return !1;
-  }
-  function s(a, l, n, i) {
-    return i[l] && i[l].propertyValue && String(i[l].propertyValue.value) === String(n);
-  }
-  const d = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", s]
-  ]);
-  Object.keys(e).reduce((a, l) => (a.set(l, e[l]), a), d);
-  function o(a, l) {
-    const n = a;
-    return typeof l == "number" ? [{ target: n, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: n, operator: "getProperty", param: a, value: !!l }] : typeof l == "object" ? Object.keys(l).map((i) => {
-      if (i === "length")
-        return { target: n, operator: "length", param: null, value: l[i] };
-      const g = i, v = l[i];
-      return { target: n, operator: a, param: g, value: v };
-    }) : [];
-  }
-  function r(a) {
-    return Object.keys(a).reduce((n, i) => {
-      const g = o(i, a[i]);
-      return n.push(...g), n;
-    }, []);
-  }
-  function c(a, l) {
-    if (d.has(a.operator)) {
-      const n = d.get(a.operator);
-      return n && n(a.target, a.param, a.value, l) || !1;
-    }
-    return !1;
-  }
-  function f(a, l) {
-    return r(a).reduce((g, v) => g && c(v, l), !0);
-  }
-  function m(a, l) {
-    const n = Object.keys(a), i = n.includes("allOf"), g = n.includes("anyOf"), v = i || g, T = (v ? a[v ? i ? "allOf" : "anyOf" : "allOf"] : [a]).map((B) => f(B, l));
-    return i ? !T.includes(!1) : T.includes(!0);
-  }
-  return { parseValueSchema: m };
-}
-const Ae = {}, Ee = {};
-Le();
-function Q(e, t, s = /* @__PURE__ */ new Map(), d = (c, f, m) => f, o = {}, r = (c) => c) {
-  return Me[t.title] = t, $e[t.title] = d, Ae[t.title] = o, Ee[t.title] = r, (c = {}) => {
-    const f = Ne(c, t, s), m = Object.keys(e).reduce((a, l) => (a[l] = e[l].default, a), {});
-    return Object.assign(m, f);
-  };
-}
-function Y(e, t) {
-  return { customClass: t.class };
-}
-const He = /* @__PURE__ */ new Map([
-  ["appearance", Y]
-]), _e = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-design.gitee.io/number-spinner.schema.json", ze = "number-spinner", qe = "A Farris Input Component", Ue = "object", Ge = {
-  id: {
-    description: "The unique identifier for a number spinner",
-    type: "string"
-  },
-  type: {
-    description: "The type string of number spinner component",
-    type: "string",
-    default: "number-spinner"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  enableLinkLabel: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  label: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  lableWidth: {
-    description: "",
-    type: "number"
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  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"
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  onBlur: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  onClickLinkLabel: {
-    description: "",
-    type: "sting",
-    default: ""
-  }
-}, Xe = [
-  "id",
-  "type"
-], Ke = {
-  $schema: _e,
-  $id: We,
-  title: ze,
-  description: qe,
-  type: Ue,
-  properties: Ge,
-  required: Xe
-};
-function Ze(e, t, s) {
-  return t;
-}
-const Je = "number-spinner", Qe = "A Farris Component", Ye = "object", et = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  },
-  behavior: {
-    description: "Basic Infomation",
-    title: "行为",
-    properties: {
-      editable: {
-        description: "",
-        title: "允许编辑",
-        type: "boolean"
-      },
-      readonly: {
-        description: "",
-        title: "只读",
-        type: "string"
-      },
-      required: {
-        description: "",
-        title: "必填",
-        type: "boolean"
-      },
-      visible: {
-        description: "",
-        title: "可见",
-        type: "boolean"
-      },
-      placeHolder: {
-        description: "",
-        title: "提示文本",
-        type: "string"
-      },
-      tabindex: {
-        description: "",
-        title: "tab索引",
-        type: "number"
-      },
-      textAlign: {
-        description: "",
-        title: "对齐方式",
-        type: "enum",
-        editor: {
-          type: "combo-select",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: "left",
-              name: "左对齐"
-            },
-            {
-              value: "center",
-              name: "居中对齐"
-            },
-            {
-              value: "right",
-              name: "右对齐"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, tt = {
-  title: Je,
-  description: Qe,
-  type: Ye,
-  categories: et
-}, ye = {
-  /**
-   * 组件标识
-   */
-  id: String,
-  /**
-   * 是否禁用
-   */
-  disabled: { type: Boolean, default: !1 },
-  /**
-   * 是否只读
-   */
-  readonly: { type: Boolean, default: !1 },
-  /**
-   * 是否可编辑
-   */
-  editable: { type: Boolean, default: !0 },
-  /**
-   * 格式化 formatter 和 parser 必须同时存在
-   * formatter: (val: number) => string;
-   * parser: (val: string | number) => number;
-   */
-  formatter: { type: Function },
-  parser: { type: Function },
-  /**
-   * 空白提示文本
-   */
-  placeholder: { type: String, default: "请输入数字" },
-  /**
-   * up or down 步长
-   */
-  step: { type: Number, default: 1 },
-  /**
-   * 最大值
-   */
-  max: { type: [Number, String] },
-  /**
-   * 最小值
-   */
-  min: { type: [Number, String] },
-  /**
-   * 是否显示加减按钮
-   */
-  showButton: { type: Boolean, default: !0 },
-  /**
-   * 是否使用千分值
-   */
-  useThousands: { type: Boolean, default: !0 },
-  /**
-   * 文本方向
-   */
-  textAlign: { type: String, default: "left" },
-  /**
-   * 自动补全小数---未实现
-   */
-  autoDecimal: { type: Boolean, default: !0 },
-  /**
-   * 允许为空
-   */
-  canNull: { type: Boolean, default: !1 },
-  /**
-   * 精度
-   */
-  precision: { type: Number, default: 0 },
-  /**
-   * 前缀
-   */
-  prefix: { type: String, default: "" },
-  /**
-   * 后缀
-   */
-  suffix: { type: String, default: "" },
-  /**
-   * 小数点符号
-   */
-  decimalSeparator: { type: String, default: "." },
-  /**
-   * 千分位符号
-   */
-  groupSeparator: { type: String, default: "," },
-  /**
-   * 使用千分位时，每组显示的字符数
-   */
-  groupSize: { type: Number, default: 3 },
-  /**
-   * 值
-   */
-  value: { type: [Number, String], default: "" },
-  /**
-   * 显示0值
-   */
-  showZero: { type: Boolean, default: !0 },
-  /**
-   * 组件值
-   */
-  modelValue: { type: [Number, String], default: "" }
-};
-Q(ye, Ke, He, Ze, tt);
-function nt(e, t, s, d) {
-  const { format: o } = s, { displayValue: r, getRealValue: c, modelValue: f, onNumberValueChanged: m } = d;
-  function a() {
-    const S = new q(f.value || 0);
-    return !(e.max && !new q(e.max).isNaN() && S.gte(new q(e.max)));
-  }
-  function l() {
-    const S = new q(f.value || 0);
-    return !(e.min && !new q(e.min).isNaN() && S.lte(new q(e.min)));
-  }
-  function n(S) {
-    if (e.readonly || e.disabled)
-      return;
-    const T = S === "up" ? a : l, I = S === "up" ? "plus" : "minus";
-    if (T()) {
-      const C = new q(f.value || 0)[I](Number(e.step)), V = C.toFixed();
-      r.value = o(V), m(c(C));
-    }
-  }
-  function i() {
-    n("up");
-  }
-  function g() {
-    n("down");
-  }
-  function v(S) {
-    i(), S.stopPropagation();
-  }
-  function y(S) {
-    g(), S.stopPropagation();
-  }
-  return { canDownward: l, canUpward: a, downward: g, onClickDownButton: y, onClickUpButton: v, upward: i };
-}
-function at(e, t, s) {
-  const d = b(() => ({
-    prefix: e.prefix,
-    suffix: e.suffix,
-    decimalSeparator: e.decimalSeparator,
-    groupSeparator: e.useThousands ? e.groupSeparator : "",
-    groupSize: e.groupSize
-  })), { getValidNumberObject: o, precision: r } = s;
-  function c(a) {
-    return a = a == null || a === "" ? "" : String(a), a = a.replace(new RegExp(e.prefix, "g"), "").replace(new RegExp(e.suffix, "g"), "").replace(/,/g, ""), e.groupSeparator && e.groupSeparator !== "," && (a = a.replace(new RegExp(`\\${e.groupSeparator}`, "g"), "")), e.decimalSeparator && e.decimalSeparator !== "." && (a = a.replace(new RegExp(`\\${e.decimalSeparator}`, "g"), ".")), a;
-  }
-  function f(a, l) {
-    return e.precision !== null && e.precision !== void 0 ? a.toFormat(r.value, l) : a.toFormat(l);
-  }
-  function m(a) {
-    const l = c(a), n = new q(l, 10), i = o(n);
-    return i.valueOf() === "0" && !e.showZero || i.isNaN() ? "" : e.formatter ? e.formatter(i.toNumber()) : f(i, d.value);
-  }
-  return { cleanFormat: c, format: m };
-}
-function ot(e, t) {
-  const s = u(""), d = u(e.modelValue), o = b(() => Number(e.precision) || 0);
-  function r(l) {
-    return l.toFixed(o.value);
-  }
-  function c(l) {
-    return isNaN(l) || l === null || l === void 0 || l === "";
-  }
-  function f(l) {
-    const n = c(e.max) ? null : new q(String(e.max), 10), i = c(e.min) ? null : new q(String(e.min), 10);
-    return n && l.gt(n) ? n : i && l.lt(i) ? i : l;
-  }
-  function m(l) {
-    if (e.parser)
-      return isNaN(Number(l)) ? e.parser(l) : l;
-    let n = f(new q(l, 10));
-    if (n.isNaN()) {
-      if (e.canNull)
-        return null;
-      const g = new q("" + e.min, 10), v = new q("" + e.max, 10);
-      if (!g.isNaN())
-        n = g;
-      else if (!v.isNaN())
-        n = v;
-      else
-        return 0;
-    }
-    return r(n);
-  }
-  function a(l) {
-    d.value = l, t.emit("update:modelValue", l), t.emit("valueChange", l), t.emit("change", l);
-  }
-  return { displayValue: s, getRealValue: m, modelValue: d, isEmpty: c, onNumberValueChanged: a, precision: o, getValidNumberObject: f };
-}
-function lt(e, t, s, d, o) {
-  const { cleanFormat: r, format: c } = s, { displayValue: f, getRealValue: m, modelValue: a, isEmpty: l, onNumberValueChanged: n } = d, { downward: i, upward: g } = o, v = u(!1), y = b(() => f.value);
-  function S(C) {
-    var M;
-    if (C.stopPropagation(), v.value = !1, e.readonly || e.disabled)
-      return;
-    let V = (M = C.target) == null ? void 0 : M.value;
-    e.canNull || (V = V || 0);
-    const k = r(V);
-    f.value = c(k), n(m(k)), t.emit("blur", { event: C, formatted: f.value, value: a.value });
-  }
-  function T(C) {
-    C.stopPropagation(), v.value = !0, !(e.readonly || e.disabled) && (f.value = l(a.value) || !e.showZero && a.value === "0" ? "" : String(a.value), t.emit("focus", { event: C, formatted: f.value, value: a.value }));
-  }
-  function I(C) {
-    var M;
-    C.stopPropagation();
-    let V = (M = C.target) == null ? void 0 : M.value;
-    e.canNull || (V = V || 0);
-    const k = r(V);
-    f.value = k, n(m(k));
-  }
-  function B(C) {
-    C.key === "ArrowDown" && (C.preventDefault(), i()), C.key === "ArrowUp" && (C.preventDefault(), g()), C.stopPropagation();
-  }
-  return { textBoxValue: y, onBlurTextBox: S, onFocusTextBox: T, onInput: I, onKeyDown: B, isFocus: v };
-}
-function it(e, t, s) {
-  const {
-    canDownward: d,
-    canUpward: o,
-    onClickDownButton: r,
-    onClickUpButton: c
-  } = s, f = b(() => ({
-    "input-group-append": !0,
-    "btn-group": !0,
-    "btn-group-number": !0
-  })), m = b(() => ({
-    btn: !0,
-    "btn-secondary": !0,
-    "btn-number-flag": !0
-  })), a = b(() => ({
-    cursor: o() ? "pointer" : "not-allowed",
-    "margin-left": 0
-  })), l = b(() => ({
-    cursor: d() ? "pointer" : "not-allowed",
-    "margin-left": 0
-  }));
-  return () => p("div", {
-    class: f.value
-  }, [p("button", {
-    title: "upButton",
-    class: m.value,
-    style: a.value,
-    onClick: c,
-    disabled: !o()
-  }, [p("span", {
-    class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
-  }, null)]), p("button", {
-    title: "downButton",
-    class: m.value,
-    style: l.value,
-    onClick: r,
-    disabled: !d()
-  }, [p("span", {
-    class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
-  }, null)])]);
-}
-function ut(e, t, s) {
-  const {
-    onBlurTextBox: d,
-    onFocusTextBox: o,
-    onInput: r,
-    onKeyDown: c,
-    textBoxValue: f
-  } = s, m = b(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), a = b(() => ({
-    "form-control": !0,
-    "f-utils-fill": !0
-  })), l = b(() => ({
-    "text-align": e.textAlign
-  }));
-  function n(i) {
-    i.stopPropagation();
-  }
-  return () => p("input", {
-    class: a.value,
-    style: l.value,
-    type: "text",
-    value: f.value,
-    disabled: e.disabled,
-    readonly: e.readonly || !e.editable,
-    placeholder: m.value,
-    onBlur: d,
-    onChange: n,
-    onFocus: o,
-    onInput: r,
-    onKeydown: c
-  }, null);
-}
-const he = /* @__PURE__ */ X({
-  name: "FNumberSpinner",
-  props: ye,
-  emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
-  setup(e, t) {
-    const s = ot(e, t), d = at(e, t, s), o = nt(e, t, d, s), r = lt(e, t, d, s, o), c = it(e, t, o), f = ut(e, t, r), {
-      displayValue: m,
-      modelValue: a,
-      getRealValue: l
-    } = s, {
-      format: n
-    } = d, {
-      isFocus: i
-    } = r, g = b(() => !e.disabled && !e.readonly && e.showButton);
-    return ie(() => {
-      const v = l(e.modelValue);
-      m.value = n(v);
-    }), L(() => [e.value], ([v]) => {
-      const y = l(v);
-      a.value = y, m.value = n(y);
-    }), L(() => [e.modelValue], ([v]) => {
-      v !== a.value && (a.value = v, !i.value && (m.value = n(l(v))));
-    }), L(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-      m.value = n(a.value);
-    }), () => p("div", {
-      class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-    }, [f(), g.value && c()]);
-  }
-}), st = /* @__PURE__ */ new Map([
-  ["appearance", Y]
-]), rt = "https://json-schema.org/draft/2020-12/schema", ct = "https://farris-design.gitee.io/combo-list.schema.json", dt = "combo-list", ft = "A Farris Input Component", pt = "object", vt = {
-  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: {}
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  enableLinkLabel: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  label: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  lableWidth: {
-    description: "",
-    type: "number"
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  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"
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  onBlur: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  onClickLinkLabel: {
-    description: "",
-    type: "sting",
-    default: ""
-  }
-}, mt = [
-  "id",
-  "type"
-], gt = {
-  $schema: rt,
-  $id: ct,
-  title: dt,
-  description: ft,
-  type: pt,
-  properties: vt,
-  required: mt
-};
-function yt(e, t, s) {
-  return t;
-}
-const ht = "combo-list", bt = "A Farris Component", Ct = "object", wt = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  },
-  behavior: {
-    description: "Basic Infomation",
-    title: "行为",
-    properties: {
-      editable: {
-        description: "",
-        title: "允许编辑",
-        type: "boolean"
-      },
-      readonly: {
-        description: "",
-        title: "只读",
-        type: "string"
-      },
-      required: {
-        description: "",
-        title: "必填",
-        type: "boolean"
-      },
-      visible: {
-        description: "",
-        title: "可见",
-        type: "boolean"
-      },
-      placeHolder: {
-        description: "",
-        title: "提示文本",
-        type: "string"
-      },
-      tabindex: {
-        description: "",
-        title: "tab索引",
-        type: "number"
-      }
-    }
-  }
-}, St = {
-  title: ht,
-  description: bt,
-  type: Ct,
-  categories: wt
-}, be = {
-  /**
-   * 组件标识
-   */
-  id: { type: String },
-  /**
-   * 下拉数据源
-   */
-  data: { type: Array, default: [] },
-  /**
-   * 可选，展示文本
-   * 默认为空字符串
-   */
-  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-60-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: { default: !1, type: Boolean },
-  /**
-   * 绑定值
-   */
-  modelValue: {},
-  /**
-   * 占位符
-   */
-  placeholder: { type: String },
-  /**
-   * 可选，下拉面板展示位置
-   * 默认为`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，即文本或标签，默认为`ViewType.Text`，即文本方式`text`
-   */
-  viewType: { default: "text", type: String },
-  /**
-   * 值变化事件
-   */
-  change: { type: Function, default: () => {
-  } }
-};
-Q(be, gt, st, yt, St);
-const xt = {
-  dataSource: { 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" },
-  /** 值变化事件 */
-  onSelectionChange: { type: Function, default: () => {
-  } }
-}, Bt = /* @__PURE__ */ new Map([
-  ["appearance", Y]
-]);
-function kt(e, t, s) {
-  return t;
-}
-const Tt = "https://json-schema.org/draft/2020-12/schema", It = "https://farris-design.gitee.io/list-view.schema.json", Ot = "list-view", Vt = "A Farris Component", Ft = "object", jt = {
-  id: {
-    description: "The unique identifier for list-view",
-    type: "string"
-  },
-  type: {
-    description: "The type string of list-view",
-    type: "string",
-    default: "list-view"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  }
-}, Pt = [
-  "id",
-  "type"
-], Mt = {
-  $schema: Tt,
-  $id: It,
-  title: Ot,
-  description: Vt,
-  type: Ft,
-  properties: jt,
-  required: Pt
-}, $t = "list-view", Rt = "A Farris Component", Dt = "object", Nt = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, Lt = {
-  title: $t,
-  description: Rt,
-  type: Dt,
-  categories: Nt
-}, Ce = {
-  data: { type: Array, default: [] },
-  draggable: { type: Boolean, default: !1 },
-  multiSelect: { Type: Boolean, default: !1 },
-  multiSelectMode: { Type: String, default: "OnCheck" },
-  idField: { Type: String, default: "id" },
-  valueField: { Type: String, default: "id" },
-  textField: { Type: String, default: "name" },
-  titleField: { Type: String, default: "name" },
-  view: { Type: String, default: "ContentView" },
-  size: { Type: String, default: "default" },
-  placeholder: { type: String, default: "" },
-  header: { Type: String, default: "ContentHeader" },
-  headerClass: { Type: String, default: "" },
-  itemClass: { Type: String, default: "" },
-  selectionValues: { type: Array, default: [] },
-  keepOrder: { type: Boolean, default: !1 },
-  disableField: { type: String, default: "disabled" }
-};
-Q(Ce, Mt, Bt, kt, Lt);
-function At(e, t, s, d, o) {
-  const r = u(e.idField), c = u(e.disableField), f = u(e.draggable), m = u(e.itemClass), a = u(e.multiSelect), l = u(e.multiSelectMode);
-  u(!0);
-  const { isDragging: n } = s, { activeIndex: i, focusedItemId: g, hoverIndex: v } = d, { clearSelection: y, selectedItems: S, toggleSelectItem: T } = o;
-  function I(h, R) {
-    const P = {
-      "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": f.value,
-      "f-un-click": !!h.unClick,
-      "f-un-select": !!h[c.value],
-      "f-listview-active": h.__fv_index__ === i.value,
-      "f-listview-hover": !n.value && R === v.value,
-      moving: !!h.moving
-    };
-    return m.value.split(" ").reduce((U, D) => (U[D] = !0, U), P), P;
-  }
-  function B(h, R) {
-    return h[r.value] || "";
-  }
-  const C = b(() => !a.value);
-  function V(h, R) {
-    h.unClick || h[c.value] || (C.value && (g.value = h[r.value]), T(h, R));
-  }
-  const k = b(() => a.value && l.value === "OnCheckClearByClick"), M = b(() => !a.value || a.value && (l.value === "OnCheckAndClick" || l.value === "OnClick"));
-  function _(h, R, P) {
-    if (R.unClick || R[c.value]) {
-      h.preventDefault(), h.stopPropagation();
-      return;
-    }
-    g.value = R[r.value], i.value = P, k.value && y(), M.value && T(R, P), t.emit("clickItem", { data: S.value, index: P }), t.emit("activeChange", S.value);
-  }
-  return {
-    getKey: B,
-    listViewItemClass: I,
-    onCheckItem: V,
-    onClickItem: _
-  };
-}
-function Et(e, t, s) {
-  const d = u(e.idField), o = u(e.multiSelect);
-  u(e.multiSelectMode);
-  const { getSelectionItems: r } = s, c = u(r(e.selectionValues));
-  L(() => e.selectionValues, (i) => {
-    c.value = u(r(i)).value;
-  });
-  const f = b(() => !o.value);
-  function m(i) {
-    return i[d.value] || "";
-  }
-  function a(i) {
-    return c.value.findIndex((v) => m(v) === m(i));
-  }
-  function l() {
-    c.value.forEach((i) => {
-      i.checked = !1;
-    }), c.value = [];
-  }
-  function n(i, g) {
-    f.value && l();
-    const v = a(i);
-    v > -1 ? (c.value.splice(v, 1), i.checked = !1) : (c.value.push(i), i.checked = !0), t.emit("selectionChange", c.value);
-  }
-  return { clearSelection: l, findIndexInSelectedItems: a, selectedItems: c, toggleSelectItem: n };
-}
-function Ht(e, t) {
-  function s(r) {
-    const c = [];
-    let f = r.nextNode();
-    for (; f; )
-      c.push(f), f = r.nextNode();
-    return c;
-  }
-  function d(r, c) {
-    const f = document.createTreeWalker(r, NodeFilter.SHOW_TEXT);
-    return s(f).map((n) => ({ textNode: n, text: (n.textContent || "").toLocaleLowerCase() })).map(({ textNode: n, text: i }) => {
-      const g = [];
-      let v = 0;
-      for (; v < i.length; ) {
-        const y = i.indexOf(c, v);
-        if (y === -1)
-          break;
-        g.push(y), v = y + c.length;
-      }
-      return g.map((y) => {
-        const S = new Range();
-        return S.setStart(n, y), S.setEnd(n, y + c.length), S;
-      });
-    }).flat();
-  }
-  function o(r) {
-    if (!CSS.highlights || (CSS.highlights.clear(), !r || !t))
-      return;
-    const c = d(t.value, r.toLocaleLowerCase()), f = new Highlight(...c);
-    CSS.highlights.set("search-result", f);
-  }
-  return { search: o };
-}
-const _t = {
-  /** 组件唯一标识 */
-  id: { Type: String, default: "" },
-  /** 自定义样式 */
-  customClass: { Type: String, default: "" },
-  /** 禁用状态 */
-  disable: { Type: Boolean, default: !1 },
-  /** 中间状态 */
-  indeterminate: { Type: Boolean, default: !1 },
-  /** 选择状态 */
-  modelValue: { Type: Boolean, default: !1 }
-}, re = /* @__PURE__ */ X({
-  name: "FCheckBox",
-  props: _t,
-  emits: ["change", "update:modelValue"],
-  setup(e, t) {
-    const s = u(e.id), d = u(e.customClass), o = u(e.disable), r = u(e.modelValue), c = u(e.indeterminate), f = b(() => {
-      const a = {
-        "custom-control": !0,
-        "custom-checkbox": !0
-      };
-      return d.value && d.value.split(" ").reduce((l, n) => (l[n] = !0, l), a), a;
-    });
-    function m(a) {
-      a.stopPropagation(), a.preventDefault(), o.value || (r.value = !r.value, t.emit("update:modelValue", r.value), t.emit("change", {
-        originalEvent: a,
-        checked: r.value
-      }));
-    }
-    return L(() => e.modelValue, (a) => {
-      r.value = a;
-    }), L(() => e.indeterminate, (a) => {
-      c.value = a;
-    }), () => p("div", {
-      class: f.value
-    }, [ne(p("input", {
-      id: s.value,
-      title: s.value,
-      type: "checkbox",
-      class: "custom-control-input",
-      "onUpdate:modelValue": (a) => r.value = a,
-      indeterminate: c.value
-    }, null), [[Ie, r.value]]), p("label", {
-      for: s.value,
-      class: "custom-control-label",
-      onClick: m
-    }, null)]);
-  }
-});
-function ce(e, t, s, d, o, r, c, f) {
-  const m = u(e.size), a = u(e.textField), l = u(e.titleField), n = u(e.multiSelect), i = u(e.disableField), {
-    onMouseenterItem: g,
-    onMouseoverItem: v,
-    onMouseoutItem: y
-  } = o, {
-    getKey: S,
-    listViewItemClass: T,
-    onCheckItem: I,
-    onClickItem: B
-  } = r, C = b(() => ({
-    margin: m.value === "small" ? "0.25rem 0" : "10px 0"
-  }));
-  function V(k, M, _) {
-    return k.checked = c.findIndexInSelectedItems(k) > -1, p("li", {
-      class: T(k, M),
-      id: S(k, M),
-      key: S(k, M),
-      onClick: (h) => B(h, k, M),
-      onMouseenter: (h) => g(h, k, M),
-      onMouseover: (h) => v(h, k, M),
-      onMouseout: (h) => y(h, k, M)
-    }, [n.value && p("div", {
-      class: "f-list-select",
-      onClick: (h) => h.stopPropagation()
-    }, [p(re, {
-      id: "list-" + S(k, M),
-      customClass: "listview-checkbox",
-      disable: k[i.value] || k.unClick,
-      modelValue: k.checked,
-      "onUpdate:modelValue": (h) => k.checked = h,
-      onChange: (h) => I(k, M)
-    }, null)]), p("div", {
-      class: "f-list-content"
-    }, [p("div", {
-      style: C.value,
-      title: k[l.value] || k[a.value]
-    }, [k[a.value]])])]);
-  }
-  return {
-    renderItem: V
-  };
-}
-function Wt(e, t, s, d, o, r, c, f) {
-  const m = u(e.multiSelect), a = u(e.disableField), {
-    onMouseenterItem: l,
-    onMouseoverItem: n,
-    onMouseoutItem: i
-  } = o, {
-    getKey: g,
-    listViewItemClass: v,
-    onCheckItem: y,
-    onClickItem: S
-  } = r;
-  function T(B, C, V) {
-    return t.slots.content ? p(pe, null, [t.slots.content && t.slots.content({
-      item: B,
-      index: C,
-      selectedItem: V
-    })]) : p("div", {
-      style: "margin: 10px 0;"
-    }, [B.name]);
-  }
-  function I(B, C, V) {
-    return p("li", {
-      class: v(B, C),
-      id: g(B, C),
-      key: g(B, C),
-      onClick: (k) => S(k, B, C),
-      onMouseenter: (k) => l(k, B, C),
-      onMouseover: (k) => n(k, B, C),
-      onMouseout: (k) => i(k, B, C)
-    }, [m.value && p("div", {
-      class: "f-list-select",
-      onClick: (k) => k.stopPropagation()
-    }, [p(re, {
-      id: "list-" + g(B, C),
-      customClass: "listview-checkbox",
-      disable: B[a.value] || B.unClick,
-      modelValue: B.checked,
-      "onUpdate:modelValue": (k) => B.checked = k,
-      onChange: (k) => y(B, C)
-    }, null)]), p("div", {
-      class: "f-list-content"
-    }, [T(B, C, V)])]);
-  }
-  return {
-    renderItem: I
-  };
-}
-function zt(e, t, s, d, o, r, c, f) {
-  const m = u(e.multiSelect), a = u(e.disableField), {
-    onMouseenterItem: l,
-    onMouseoverItem: n,
-    onMouseoutItem: i
-  } = o, {
-    getKey: g,
-    listViewItemClass: v,
-    onCheckItem: y,
-    onClickItem: S
-  } = r, {
-    dragstart: T,
-    dragenter: I,
-    dragover: B,
-    dragend: C
-  } = d, {
-    removeItem: V
-  } = f, k = b(() => ({
-    margin: m.value ? "10px 0" : "10px 0px 10px 14px"
-  }));
-  function M(P) {
-    return p("div", {
-      style: k.value
-    }, [P.name]);
-  }
-  function _() {
-    return t.slots.itemContent ? t.slots.itemContent : M;
-  }
-  const h = _();
-  function R(P, A, U) {
-    return p("li", {
-      class: v(P, A),
-      id: g(P, A),
-      key: g(P, A),
-      onClick: (D) => S(D, P, A),
-      onMouseenter: (D) => l(D, P, A),
-      onMouseover: (D) => n(D, P, A),
-      onMouseout: (D) => i(D, P, A),
-      draggable: "true",
-      onDragstart: (D) => T(D, P, A),
-      onDragenter: (D) => I(D, A),
-      onDragend: (D) => C(D, P),
-      onDragover: (D) => B(D, A)
-    }, [m.value && p("div", {
-      class: "f-list-select",
-      onClick: (D) => D.stopPropagation()
-    }, [p(re, {
-      id: "list-" + g(P, A),
-      customClass: "listview-checkbox",
-      disable: P[a.value] || P.unClick,
-      modelValue: P.checked,
-      "onUpdate:modelValue": (D) => P.checked = D,
-      onChange: (D) => y(P, A)
-    }, null)]), p("div", {
-      class: "f-list-content"
-    }, [h(P)]), p("div", {
-      class: "f-list-remove",
-      onClick: (D) => V(A)
-    }, [p("div", {
-      class: "f-list-remove-icon"
-    }, [p("i", {
-      class: "f-icon f-icon-remove_face"
-    }, null)])]), p("div", {
-      class: "f-list-handle"
-    }, [p("div", null, [p("i", {
-      class: "f-icon f-icon-drag-vertical"
-    }, null)])])]);
-  }
-  return {
-    renderItem: R
-  };
-}
-function qt(e, t, s) {
-  function d() {
-    return t.slots.header && p("div", {
-      class: "f-list-view-header"
-    }, [t.slots.header()]);
-  }
-  return {
-    renderHeader: d
-  };
-}
-function de(e, t, s) {
-  const d = u(e.headerClass), o = u(e.placeholder), r = u(""), c = b(() => !r.value), f = b(() => !!r.value);
-  function m(i) {
-    r.value = "";
-  }
-  L(r, (i) => {
-    s.search(i);
-  });
-  const a = b(() => {
-    const i = {
-      "form-group": !0,
-      "farris-form-group": !0
-    };
-    return d.value && d.value.split(" ").reduce((v, y) => (v[y] = !0, v), i), i;
-  });
-  function l(i) {
-  }
-  function n() {
-    return p("div", {
-      class: "f-list-view-header",
-      onClick: Oe(l, ["prevent", "stop"])
-    }, [p("div", {
-      class: a.value
-    }, [p("div", {
-      class: "farris-input-wrap"
-    }, [p("div", {
-      class: "f-cmp-inputgroup"
-    }, [p("div", {
-      class: "input-group f-state-editable"
-    }, [ne(p("input", {
-      class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (i) => r.value = i,
-      name: "input-group-value",
-      type: "text",
-      placeholder: o.value,
-      autocomplete: "off"
-    }, null), [[Ve, r.value]]), p("div", {
-      class: "input-group-append"
-    }, [f.value && p("span", {
-      class: "input-group-text input-group-clear",
-      onClick: (i) => m()
-    }, [p("i", {
-      class: "f-icon f-icon-close-circle"
-    }, null)]), c.value && p("span", {
-      class: "input-group-text"
-    }, [p("span", {
-      class: "f-icon f-icon-search"
-    }, null)])])])])])])]);
-  }
-  return {
-    renderHeader: n
-  };
-}
-function Ut(e, t) {
-  const s = u(e.idField), d = u(e.data), o = u(e.data), r = u(e.keepOrder);
-  function c() {
-    const a = d.value.map((l, n) => typeof l != "object" ? { __fv_index__: n, name: l } : (l.__fv_index__ = n, l));
-    return o.value = a, a;
-  }
-  const f = u(c());
-  L(
-    () => e.data,
-    (a) => {
-      if (r.value) {
-        const l = a.reduce((v, y) => (v.set(y.id, !0), v), /* @__PURE__ */ new Map()), n = d.value.reduce((v, y) => (v.set(y.id, !0), v), /* @__PURE__ */ new Map()), i = f.value.filter((v) => l.has(v.id)), g = a.filter((v) => !n.has(v.id));
-        d.value = [...i, ...g];
-      } else
-        d.value = a;
-      f.value = c();
-    }
-  );
-  function m(a) {
-    return a.map((n) => {
-      const i = o.value.findIndex((g) => g[s.value] === n);
-      return i > -1 ? o.value[i] : null;
-    }).filter((n) => n != null);
-  }
-  return {
-    dataView: f,
-    getSelectionItems: m
-  };
-}
-function Gt(e, t, s, d) {
-  const o = u(e.idField), { dataView: r } = s, c = u(-1), f = u(!1), { activeIndex: m, focusedItemId: a, hoverIndex: l, resumeHover: n, suspendHover: i } = d;
-  function g(T, I, B) {
-    T.stopPropagation(), i(), I && setTimeout(() => {
-      c.value = B, f.value = !0, I.moving = !0;
-    });
-  }
-  function v(T, I) {
-    if (T.preventDefault(), c.value !== I) {
-      const B = r.value[c.value], C = r.value;
-      C.splice(c.value, 1), C.splice(I, 0, B), c.value = I;
-    }
-  }
-  function y(T, I) {
-    T.preventDefault(), T.dataTransfer && (T.dataTransfer.dropEffect = "move");
-  }
-  function S(T, I) {
-    I && (I.moving = !1), r.value.forEach((B, C) => {
-      B.__fv_index__ = C;
-    }), f.value = !1, n(), l.value = I.__fv_index__, m.value = I.__fv_index__, a.value = I[o.value], t.emit("change", r.value), t.emit("activeChange", I);
-  }
-  return {
-    dragstart: g,
-    dragenter: v,
-    dragover: y,
-    dragend: S,
-    isDragging: f
-  };
-}
-function Xt(e, t, s) {
-  const { dataView: d } = s;
-  function o(r) {
-    if (r > -1 && r < d.value.length) {
-      const c = d.value.splice(r, 1);
-      t.emit("removeItem", c[0]);
-    }
-  }
-  return { removeItem: o };
-}
-function Kt() {
-  const e = u(-1), t = u(""), s = u(-1), d = u(!1);
-  function o(a, l, n) {
-    s.value = n;
-  }
-  function r(a, l, n) {
-    d.value || (s.value = n);
-  }
-  function c(a, l, n) {
-    s.value = -1;
-  }
-  function f() {
-    d.value = !0;
-  }
-  function m() {
-    d.value = !1;
-  }
-  return {
-    activeIndex: e,
-    focusedItemId: t,
-    hoverIndex: s,
-    onMouseenterItem: o,
-    onMouseoverItem: r,
-    onMouseoutItem: c,
-    resumeHover: m,
-    suspendHover: f
-  };
-}
-const Zt = /* @__PURE__ */ X({
-  name: "FListView",
-  props: Ce,
-  emits: ["checkValuesChange", "clickItem", "selectionChange", "removeItem", "change", "activeChange"],
-  setup(e, t) {
-    const s = u(), d = u(e.view), o = u(e.header), r = u(e.multiSelect), c = u(e.view === "CardView"), f = u(!0), m = u({}), a = u("暂无数据"), l = Ut(e), {
-      dataView: n
-    } = l, i = b(() => {
-      const W = {
-        "f-list-view": !0,
-        "f-list-view-multiple": r.value
-      };
-      return e.size !== "default" && (W[`${e.size}-item`] = !0), W;
-    }), g = b(() => ({
-      "f-list-view-group": !0,
-      "d-flex": c.value,
-      "flex-wrap": c.value
-    })), v = b(() => !!n.value && n.value.length > 0), y = Kt(), S = Et(e, t, l), T = Gt(e, t, l, y), I = Xt(e, t, l), B = At(e, t, T, y, S), C = Ht(e, s), V = b(() => n.value.length === 0), k = b(() => V.value && !t.slots.empty), M = b(() => !!t.slots.footer || f.value);
-    function _() {
-      return d.value === "SingleView" ? ce : d.value === "DraggableView" ? zt : d.value === "ContentView" && t.slots.content ? Wt : ce;
-    }
-    const h = _(), {
-      renderItem: R
-    } = h(e, t, l, T, y, B, S, I);
-    function P() {
-      return o.value === "SearchBar" ? de : o.value === "ContentHeader" ? qt : de;
-    }
-    const A = P(), {
-      renderHeader: U
-    } = A(e, t, C);
-    function D(W) {
-      C.search(W);
-    }
-    t.expose({
-      search: D
-    });
-    function K(W) {
-      r.value && (W.preventDefault(), W.stopPropagation());
-    }
-    return () => p("div", {
-      class: i.value,
-      onClick: K
-    }, [U(), p("div", {
-      ref: s,
-      class: "f-list-view-content"
-    }, [p("ul", {
-      class: g.value,
-      style: "list-style: none;"
-    }, [v.value && n.value.map((W, O) => R(W, O, m)), k.value && p("div", {
-      class: "f-list-view-emptydata"
-    }, [p("p", {
-      class: "f-empty-title"
-    }, [a.value])]), t.slots.empty && t.slots.empty()])]), M.value && p("div", {
-      class: "f-list-view-footer"
-    }, [t.slots.footer && t.slots.footer()])]);
-  }
-}), Jt = /* @__PURE__ */ X({
-  name: "FComboListContainer",
-  props: xt,
-  emits: ["selectionChange"],
-  setup(e, t) {
-    const s = u(e.dataSource), d = u([]), o = u(e.separator), r = u(e.width), c = u(e.height), f = u(String(e.selectedValues).split(o.value));
-    L(e.dataSource, () => {
-      s.value = e.dataSource;
-    });
-    const m = b(() => e.enableSearch ? "SearchBar" : "ContentHeader"), a = b(() => {
-      const n = {};
-      return r.value !== void 0 && (n.width = `${r.value}px`), c.value !== void 0 && (n.height = `${c.value}px`), n;
-    });
-    function l(n) {
-      d.value = n.map((i) => Object.assign({}, i)), f.value = n.map((i) => i[e.idField]), t.emit("selectionChange", d.value);
-    }
-    return L([() => e.selectedValues], ([n]) => {
-      f.value = n.split(o.value);
-    }), () => p("div", {
-      class: "f-combo-list-container pl-3",
-      style: a.value
-    }, [p(Zt, {
-      size: "small",
-      itemClass: "f-combo-list-item",
-      header: m.value,
-      headerClass: "f-combo-list-search-box",
-      data: s.value,
-      idField: e.idField,
-      textField: e.textField,
-      titleField: e.titleField,
-      multiSelect: e.multiSelect,
-      multiSelectMode: "OnCheckAndClick",
-      "selection-values": f.value,
-      onSelectionChange: l
-    }, null)]);
-  }
-}), Qt = /* @__PURE__ */ new Map([
-  ["appearance", Y]
-]);
-function Yt(e, t, s) {
-  return t;
-}
-const en = "https://json-schema.org/draft/2020-12/schema", tn = "https://farris-design.gitee.io/button-edit.schema.json", nn = "button-edit", an = "A Farris Input Component", on = "object", ln = {
-  id: {
-    description: "The unique identifier for a Input Group",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Input Group component",
-    type: "string",
-    default: "button-edit"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  enableLinkLabel: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  label: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  lableWidth: {
-    description: "",
-    type: "number"
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  textAlign: {
-    description: "",
-    type: "string",
-    enum: [
-      "left",
-      "middle",
-      "right"
-    ],
-    default: "left"
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  onBlur: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  onClickLinkLabel: {
-    description: "",
-    type: "sting",
-    default: ""
-  },
-  autoComplete: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  buttonContent: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  enableClear: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  inputType: {
-    description: "",
-    type: "string",
-    enum: [
-      "text",
-      "tag"
-    ],
-    default: "text"
-  },
-  multiSelect: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  popup: {
-    description: "",
-    type: "object",
-    properties: {
-      footerButtons: {
-        type: "array",
-        default: []
-      },
-      height: {
-        type: "number",
-        default: 600
-      },
-      dataMapping: {
-        type: "object"
-      },
-      contents: {
-        type: "array",
-        default: []
-      },
-      showMaxButton: {
-        type: "boolean",
-        default: !0
-      },
-      showCloseButton: {
-        type: "boolean",
-        default: !0
-      },
-      showFooter: {
-        type: "boolean",
-        default: !0
-      },
-      title: {
-        type: "string",
-        default: ""
-      },
-      width: {
-        type: "number",
-        default: 800
-      }
-    }
-  },
-  separator: {
-    type: "string",
-    default: ","
-  },
-  showButtonWhenDisabled: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  wrapText: {
-    type: "boolean",
-    default: !1
-  },
-  onClear: {
-    description: "",
-    type: "string",
-    default: ""
-  }
-}, un = [
-  "id",
-  "type"
-], sn = {
-  $schema: en,
-  $id: tn,
-  title: nn,
-  description: an,
-  type: on,
-  properties: ln,
-  required: un
-}, rn = "buttonEdit", cn = "A Farris Component", dn = "object", fn = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  },
-  behavior: {
-    description: "Basic Infomation",
-    title: "行为",
-    properties: {
-      editable: {
-        description: "",
-        title: "允许编辑",
-        type: "boolean"
-      },
-      readonly: {
-        description: "",
-        title: "只读",
-        type: "string"
-      },
-      required: {
-        description: "",
-        title: "必填",
-        type: "boolean"
-      },
-      visible: {
-        description: "",
-        title: "可见",
-        type: "boolean"
-      },
-      placeHolder: {
-        description: "",
-        title: "提示文本",
-        type: "string"
-      },
-      tabindex: {
-        description: "",
-        title: "tab索引",
-        type: "number"
-      },
-      textAlign: {
-        description: "",
-        title: "对齐方式",
-        type: "enum",
-        editor: {
-          type: "combo-select",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: "left",
-              name: "左对齐"
-            },
-            {
-              value: "center",
-              name: "居中对齐"
-            },
-            {
-              value: "right",
-              name: "右对齐"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, pn = {
-  title: rn,
-  description: cn,
-  type: dn,
-  categories: fn
-}, we = {
-  /**
-   * 组件标识
-   */
-  id: String,
-  /**
-   * 扩展按钮显示内容，这是一段现在扩展按钮中的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: Number,
-  /**
-   * 输入框Tab键索引
-   */
-  tabIndex: Number,
-  popupHost: { type: Object },
-  popupRightBoundary: { type: Object },
-  popupOffsetX: { type: Object },
-  popupOnInput: { type: Boolean, default: !1 },
-  popupOnFocus: { type: Boolean, default: !1 },
-  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" }
-};
-Q(we, sn, Qt, Yt, pn);
-const vn = {
-  popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
-  host: { type: Object },
-  backgroundColor: { type: String, default: "" }
-}, mn = /* @__PURE__ */ X({
-  name: "FOverlay",
-  props: vn,
-  emits: ["click"],
-  setup(e, t) {
-    const s = u(e.popupContentPosition), d = u(e.host), o = b(() => ({
-      backgroundColor: e.backgroundColor || "",
-      pointerEvents: "auto"
-    }));
-    function r(f) {
-      t.emit("click"), f.preventDefault(), f.stopPropagation();
-    }
-    b(() => {
-      const f = d.value;
-      if (f) {
-        const m = f.getBoundingClientRect(), {
-          left: a,
-          top: l,
-          height: n
-        } = m;
-        return {
-          left: a,
-          top: l + n
-        };
-      }
-      return s.value;
-    });
-    const c = b(() => ({
-      // position: 'relative',
-      // left: `${position.value.left}px`,
-      // top: `${position.value.top}px`
-    }));
-    return () => p(ue, {
-      to: "body"
-    }, {
-      default: () => {
-        var f, m;
-        return [p("div", {
-          class: "overlay-container",
-          onClick: (a) => r(a),
-          style: o.value
-        }, [p("div", {
-          style: c.value
-        }, [(m = (f = t.slots).default) == null ? void 0 : m.call(f)])])];
-      }
-    });
-  }
-});
-function gn(e) {
-  if (e.content && e.content.render)
-    return e.content.render;
-  if (e.render && typeof e.render == "function")
-    return e.render;
-}
-function yn(e) {
-  const t = document.createElement("div");
-  t.style.display = "contents";
-  let s;
-  const d = e.onClickCallback || (() => {
-  }), o = () => {
-    d(), s && s.unmount();
-  };
-  return s = ve({
-    setup() {
-      se(() => {
-        document.body.removeChild(t);
-      });
-      const r = gn(e);
-      return () => p(mn, {
-        "popup-content-position": e.popupPosition,
-        host: e.host,
-        onClick: o,
-        backgroundColor: e.backgroundColor
-      }, {
-        default: () => [r && r()]
-      });
-    }
-  }), document.body.appendChild(t), s.mount(t), s;
-}
-class hn {
-  static show(t) {
-    return yn(t);
-  }
-}
-const bn = {
-  class: { 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 },
-  showHeader: { type: Boolean, default: !0 },
-  showButtons: { type: Boolean, default: !0 },
-  fitContent: { type: Boolean, default: !0 }
-}, Cn = /* @__PURE__ */ X({
-  name: "FModal",
-  props: bn,
-  emits: ["update:modelValue", "accept", "cancel", "closed"],
-  setup(e, t) {
-    const s = u(e.width), d = u(e.height), o = u(e.modelValue), r = u(""), c = u(e.class), f = u(e.fitContent), m = u(e.showHeader), a = u(""), l = u(!0), n = u(!1), i = u(!1), g = u(""), v = u(""), y = u(""), S = u(e.showButtons), T = u(e.title);
-    function I(j, H) {
-      o.value = !1, t.emit("update:modelValue", !1), H != null && t.emit(H ? "accept" : "cancel"), t.emit("closed");
-    }
-    const B = [{
-      text: "取消",
-      class: "btn btn-light",
-      handle: (j) => {
-        I(j, !1);
-      }
-    }, {
-      text: "确定",
-      class: "btn btn-primary",
-      handle: (j) => {
-        I(j, !0);
-      }
-    }], C = u(e.buttons && e.buttons.length ? e.buttons : B), V = b(() => !!a.value), k = b(() => !!S.value && !!C.value);
-    u(), u(), L(() => e.modelValue, () => {
-      o.value = e.modelValue;
-    });
-    const M = u(!1), _ = b(() => o.value), h = b(() => {
-      const j = {
-        modal: !0,
-        "farris-modal": !0
-      };
-      return j["f-modal-fitContent"] = f.value, j;
-    }), R = b(() => ({
-      display: _.value ? "block" : "none !important"
-    })), P = b(() => {
-      const j = {
-        "modal-dialog": !0
-      };
-      return c.value.split(" ").reduce((E, Z) => (E[Z] = !0, E), j), j;
-    }), A = b(() => ({
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      width: `${s.value}px`,
-      height: f.value ? "auto" : `${d.value}px`,
-      "margin-left": `${0 - s.value / 2}px`,
-      "margin-top": f.value ? "auto" : `${0 - d.value / 2}px`
-    })), U = b(() => ({
-      "modal-content": !0,
-      "modal-content-has-header": m.value
-    })), D = b(() => ({
-      display: m.value ? "" : "none"
-    })), K = b(() => ({
-      "f-icon": !0,
-      modal_maximize: !0,
-      modalrevert: M.value
-    })), W = b(() => ({
-      height: "10px",
-      "z-index": 1,
-      display: m.value ? "none" : ""
-    })), O = b(() => ({
-      "modal-body": !0,
-      "f-utils-flex-column": g.value === "iframe"
-    }));
-    function $() {
-      return {};
-    }
-    const N = b(() => {
-      const j = {
-        textAlgin: y.value
-      }, H = $();
-      return Object.assign(j, H);
-    });
-    function z(j) {
-    }
-    return () => p(ue, {
-      to: "body"
-    }, {
-      default: () => {
-        var j, H;
-        return [p("div", {
-          class: h.value,
-          style: R.value
-        }, [p("div", {
-          id: r.value,
-          class: P.value,
-          style: A.value
-        }, [p("div", {
-          class: U.value
-        }, [p("div", {
-          ref: "modalHeaderRef",
-          class: "modal-header",
-          style: D.value
-        }, [p("div", {
-          class: "modal-title"
-        }, [V.value && p("span", {
-          class: a.value,
-          style: "margin-right: 8px"
-        }, null), p("span", {
-          class: "modal-title-label"
-        }, [T.value])]), p("div", {
-          class: "actions"
-        }, [p("ul", null, [i.value && p("li", {
-          class: "f-btn-icon f-bare"
-        }, [p("span", {
-          class: "f-icon modal_minimize"
-        }, null)]), n.value && p("li", {
-          onClick: z,
-          class: "f-btn-icon f-bare"
-        }, [p("span", {
-          class: K.value
-        }, null)]), l.value && p("li", {
-          class: "f-btn-icon f-bare",
-          onClick: (E) => I(E, !1)
-        }, [p("span", {
-          class: "f-icon modal_close"
-        }, null)])])])]), p("div", {
-          ref: "dragableElementRef",
-          class: "f-utils-absolute-all",
-          style: W.value
-        }, null), p("div", {
-          class: O.value
-        }, [(H = (j = t.slots).default) == null ? void 0 : H.call(j), g.value === "iframe" && p("iframe", {
-          title: r.value,
-          class: "f-utils-fill",
-          width: "100%",
-          frameborder: "0",
-          src: v.value
-        }, null)]), k.value && p("div", {
-          class: "modal-footer",
-          style: N.value
-        }, [C.value && C.value.map((E) => p("button", {
-          type: "button",
-          class: E.class + " " + (E.iconClass && "btn-icontext"),
-          onClick: (Z) => {
-            E.handle && E.handle(Z);
-          }
-        }, [!!E.iconClass && p("i", {
-          class: E.iconClass
-        }, null), E.text]))])])])])];
-      }
-    });
-  }
-});
-function wn(e) {
-  if (e.content && e.content.render)
-    return e.content.render;
-  if (e.render && typeof e.render == "function")
-    return e.render;
-}
-function Sn(e) {
-  const t = document.createElement("div");
-  t.style.display = "contents";
-  const s = ve({
-    setup() {
-      se(() => {
-        document.body.removeChild(t);
-      });
-      const d = u(e.class || ""), o = u(!!e.showButtons), r = u(!!e.showHeader), c = u(!0), f = u(e.title || ""), m = e.acceptCallback || (() => {
-      }), a = e.rejectCallback || (() => {
-      }), l = wn(e), n = () => {
-        c.value = !1, s.unmount();
-      };
-      return () => p(Cn, {
-        class: d.value,
-        modelValue: c.value,
-        "onUpdate:modelValue": (i) => c.value = i,
-        title: f.value,
-        width: e.width,
-        height: e.height,
-        buttons: e.buttons,
-        "show-header": r.value,
-        "show-buttons": o.value,
-        onAccept: m,
-        onCancel: a,
-        fitContent: e.fitContent,
-        onClosed: n
-      }, {
-        default: () => [l && l(s)]
-      });
-    }
-  });
-  return document.body.appendChild(t), s.mount(t), s;
-}
-class xn {
-  static show(t) {
-    const s = Object.assign({
-      title: "",
-      showButtons: !0,
-      showHeader: !0
-    }, t);
-    return Sn(s);
-  }
-}
-function Bn(e, t, s, d) {
-  const o = u(e.buttonBehavior), r = u(e.popupOnInput), c = b(() => ({
-    "input-group-append": !0,
-    "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), f = b(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
-  async function m(n) {
-    if (f.value) {
-      const i = !!t.slots.default;
-      if (o.value === "Modal") {
-        const g = e.modalOptions;
-        xn.show({
-          ...g,
-          render: () => t.slots.default && t.slots.default()
-        });
-      }
-      o.value === "Overlay" && hn.show({
-        // host: buttonEditRef.value,
-        host: document.body,
-        backgroundColor: "rgba(0,0,0,.15)",
-        render: () => t.slots.default && t.slots.default()
-      }), i && o.value === "Popup" && d.togglePopup(), i && r.value && d.hidePopup(), t.emit("clickButton", { origin: n, value: e.modelValue });
-    }
-    n.stopPropagation();
-  }
-  function a(n) {
-    t.emit("mouseEnterIcon", n);
-  }
-  function l(n) {
-    t.emit("mouseLeaveIcon", n);
-  }
-  return {
-    buttonGroupClass: c,
-    onClickButton: m,
-    onMouseEnterButton: a,
-    onMouseLeaveButton: l
-  };
-}
-function kn(e, t, s, d, o, r) {
-  const c = u(!1), f = b(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: m } = r;
-  function a(g) {
-    c.value = g;
-  }
-  L(o, () => {
-    a(!!o.value);
-  });
-  function l(g) {
-    const v = !e.readonly && !e.disable && e.editable, y = !e.editable;
-    g.stopPropagation(), (v || y) && (m("", !1), a(!c.value), t.emit("clear"));
-  }
-  function n(g) {
-    if (f.value) {
-      if (!s.value) {
-        a(!1);
-        return;
-      }
-      !e.disable && !e.readonly && a(!0);
-    }
-  }
-  function i(g) {
-    f.value && a(!1);
-  }
-  return {
-    enableClearButton: f,
-    showClearButton: c,
-    onClearValue: l,
-    onMouseEnterTextBox: n,
-    onMouseLeaveTextBox: i
-  };
-}
-function Tn(e, t, s, d, o) {
-  const r = u(e.popupOnInput), c = u(e.popupOnFocus), { shouldPopupContent: f } = o, m = b(() => e.enableTitle ? s.value : ""), a = b(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), l = b(() => e.readonly || !e.editable), n = u(!1), i = b(() => !e.disable && n.value), g = b(() => ({
-    "text-left": e.textAlign === "left",
-    "text-center": e.textAlign === "center",
-    "text-right": e.textAlign === "right",
-    "form-control": !0,
-    "f-utils-fill": !0
-  })), v = b(() => ({
-    "input-group": !0,
-    "f-state-disable": e.disable,
-    "f-state-editable": e.editable && !e.disable && !e.readonly,
-    "f-state-readonly": e.readonly && !e.disable,
-    "f-state-focus": i.value
-  }));
-  function y(h, R = !0) {
-    s.value !== h && (s.value = h, R && t.emit("change", h), t.emit("update:modelValue", h));
-  }
-  function S(h) {
-    f.value = !1, y(h, !0);
-  }
-  L(
-    () => e.modelValue,
-    (h) => {
-      s.value = h;
-    }
-  );
-  function T(h) {
-    n.value = !1, t.emit("blur", h), h.stopPropagation();
-  }
-  function I(h) {
-    t.emit("click", h);
-  }
-  function B(h) {
-    e.disable || (n.value = !0, l.value || (t.emit("focus", h), c.value && !f.value && o.popup()));
-  }
-  function C(h) {
-    t.emit("input", h.target.value);
-    const R = h.target.value;
-    d.value = R, s.value !== R && y(R, !1), r.value && !f.value && o.popup();
-  }
-  function V(h) {
-    h.target.tagName !== "INPUT" && h.preventDefault(), h.stopPropagation();
-  }
-  function k(h) {
-    t.emit("keydown", h);
-  }
-  function M(h) {
-    h.key === "Enter" && (r.value || c.value) && o.hidePopup(), t.emit("keyup", h);
-  }
-  function _(h) {
-    const R = h.target.value;
-    h.stopPropagation(), y(R);
-  }
-  return {
-    hasFocusedTextBox: i,
-    isTextBoxReadonly: l,
-    textBoxClass: g,
-    textBoxPlaceholder: a,
-    textBoxTitle: m,
-    inputGroupClass: v,
-    changeTextBoxValue: y,
-    commitValue: S,
-    onBlurTextBox: T,
-    onClickTextBox: I,
-    onFocusTextBox: B,
-    onInput: C,
-    onKeyDownTextBox: k,
-    onKeyUpTextBox: M,
-    onMouseDownTextBox: V,
-    onTextBoxValueChange: _
-  };
-}
-function In(e, t, s) {
-  const d = u(), o = u(!1);
-  function r() {
-    const a = d.value;
-    a && a.show(s.value);
-  }
-  async function c() {
-    !!t.slots.default && (o.value = !o.value, await J(), r());
-  }
-  async function f() {
-    !!t.slots.default && (o.value = !0, await J(), r());
-  }
-  function m() {
-    o.value = !1;
-  }
-  return { hidePopup: m, popup: f, shouldPopupContent: o, togglePopup: c, popoverRef: d };
-}
-function On(e, t, s) {
-  const {
-    isTextBoxReadonly: d,
-    textBoxClass: o,
-    textBoxPlaceholder: r,
-    textBoxTitle: c,
-    onBlurTextBox: f,
-    onClickTextBox: m,
-    onFocusTextBox: a,
-    onInput: l,
-    onKeyDownTextBox: n,
-    onKeyUpTextBox: i,
-    onMouseDownTextBox: g,
-    onTextBoxValueChange: v
-  } = s;
-  return () => p("input", {
-    name: "input-group-value",
-    autocomplete: e.autoComplete ? "on" : "off",
-    class: o.value,
-    disabled: e.disable,
-    maxlength: e.maxLength,
-    minlength: e.minLength,
-    placeholder: r.value,
-    readonly: d.value,
-    tabindex: e.tabIndex,
-    title: c.value,
-    type: e.inputType,
-    value: t.value,
-    onBlur: f,
-    onChange: v,
-    onClick: m,
-    onFocus: a,
-    onInput: l,
-    onKeydown: n,
-    onKeyup: i,
-    onMousedown: g
-  }, null);
-}
-function Vn(e, t, s) {
-  return t;
-}
-const Fn = /* @__PURE__ */ new Map([
-  ["appearance", Y]
-]), jn = "tags", Pn = "A Farris Component", Mn = "object", $n = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, Rn = {
-  title: jn,
-  description: Pn,
-  type: Mn,
-  categories: $n
-}, Dn = "https://json-schema.org/draft/2020-12/schema", Nn = "https://farris-design.gitee.io/tags.schema.json", Ln = "tags", An = "A Farris Component", En = "object", Hn = {
-  id: {
-    description: "The unique identifier for tags",
-    type: "string"
-  },
-  type: {
-    description: "The type string of tags",
-    type: "string",
-    default: "tags"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  }
-}, _n = [
-  "id",
-  "type"
-], Wn = {
-  $schema: Dn,
-  $id: Nn,
-  title: Ln,
-  description: An,
-  type: En,
-  properties: Hn,
-  required: _n
-}, Se = {
-  activeTag: { type: String, default: "" },
-  addButtonText: { type: String, default: "" },
-  customClass: { type: String, default: "" },
-  customStyle: { type: String, default: "" },
-  data: { type: Array, default: [{ name: "示例1" }] },
-  enableAddButton: { type: Boolean, default: !1 },
-  selectable: { type: Boolean, default: !1 },
-  showAddButton: { type: Boolean, default: !1 },
-  showClose: { type: Boolean, default: !0 },
-  showColor: { type: Boolean, default: !1 },
-  tagType: { type: String, default: "" },
-  tagStyle: { type: String, default: "" },
-  wrapText: { type: Boolean, default: !1 },
-  draggable: { type: Boolean, default: !1 },
-  disable: { type: Boolean, default: !1 }
-};
-Q(Se, Wn, Fn, Vn, Rn);
-function zn(e, t, s, d) {
-  const o = u(-1), r = u(!1);
-  function c(l, n, i) {
-    l.stopPropagation(), n && setTimeout(() => {
-      o.value = i, r.value = !0, n.moving = !0;
-    });
-  }
-  function f(l, n) {
-    if (l.preventDefault(), o.value !== n) {
-      const i = d.value[o.value], g = d.value;
-      g.splice(o.value, 1), g.splice(n, 0, i), o.value = n;
-    }
-  }
-  function m(l, n) {
-    l.preventDefault(), l.dataTransfer && (l.dataTransfer.dropEffect = "move");
-  }
-  function a(l, n) {
-    n && (n.moving = !1), s.value = d.value.filter((i) => i.type === "Tag").map((i) => i.payload), r.value = !1, t.emit("change", s.value);
-  }
-  return {
-    dragstart: c,
-    dragenter: f,
-    dragover: m,
-    dragend: a,
-    isDragging: r
-  };
-}
-const qn = /* @__PURE__ */ X({
-  name: "FTags",
-  props: Se,
-  emits: ["remove", "selectionChange", "change"],
-  setup(e, t) {
-    const s = u(e.selectable), d = u(e.customClass), o = u(e.data), r = u(e.tagType), c = u(e.tagStyle), f = u(e.showColor), m = u(e.customStyle), a = u(e.activeTag), l = u(e.showClose), n = u(e.addButtonText), i = u(), g = u(e.wrapText), v = u();
-    u(e.disable);
-    const y = u(!1);
-    function S() {
-      const w = o.value.map((x) => ({
-        type: "Tag",
-        payload: x
-      }));
-      return e.showAddButton && w.push({
-        type: "AddButton"
-      }), w;
-    }
-    const T = u(S());
-    function I(w) {
-      o.value = w, T.value = S();
-    }
-    const B = b(() => T.value.findIndex((w) => w.type === "Input")), C = zn(e, t, o, T), {
-      dragstart: V,
-      dragenter: k,
-      dragover: M,
-      dragend: _
-    } = C;
-    L(() => e.data, (w) => I(w)), L(() => e.showAddButton, () => {
-      T.value = S();
-    }), L(() => e.disable, (w) => {
-      T.value = S();
-    }), L(() => e.activeTag, (w) => {
-      a.value = w;
-    }), L(y, (w) => {
-      const x = [...T.value];
-      w ? x.length > 0 && x[x.length - 1].type != "Input" && (x.splice(x.length - 1, 1), x.splice(x.length, 0, {
-        type: "Input"
-      }), T.value = x, J(() => {
-        v.value && v.value.focus();
-      })) : x.length > 0 && x[x.length - 1].type != "AddButton" && (x.splice(x.length - 1, 1), x.splice(x.length, 0, {
-        type: "AddButton"
-      }), T.value = x);
-    });
-    const h = b(() => {
-      const w = {
-        "farris-tags": !0,
-        "farris-tags-checkable": s.value,
-        "farris-tags-nowrap": !g.value
-      };
-      return d.value.split(" ").reduce((x, F) => (x[F] = !0, x), w), w;
-    });
-    function R(w) {
-      const x = {
-        "farris-tag-item": !0,
-        "farris-tag-item-checked": s.value && w.checked,
-        "farris-tag-item-checkable": s.value,
-        "farris-tag-item-has-color": f.value,
-        "farris-tag-item-actived": a.value === w.name
-      };
-      if (r.value) {
-        const F = `farris-tag-item-${r.value}`;
-        x[F] = !0;
-      }
-      return x;
-    }
-    const P = b(() => {
-      const w = {};
-      return m.value && m.value.split(";").reduce((x, F) => {
-        const G = F.split(":");
-        return x[G[0]] = G[1], x;
-      }, w), w;
-    });
-    function A(w, x) {
-      !e.disable && s.value && (!x.hasOwnProperty("selectable") || x.selectable) && (x.checked = !x.checked, a.value = x.checked ? x.name : "", x.checked && o.value.filter((F) => F.name !== x.name).forEach((F) => {
-        F.checked = !x.checked;
-      }), t.emit("change", o.value), t.emit("selectionChange", x));
-    }
-    function U(w, x) {
-      let F;
-      switch (w.key) {
-        case "Backspace":
-          o.value = o.value.filter((G) => G.name !== x.name), t.emit("change", o.value);
-          break;
-        case "ArrowLeft":
-          F = Math.max(i.value.scrollLeft + 20, 0), i.value.scrollLeft = F;
-          break;
-        case "ArrowRight":
-          F = Math.max(i.value.scrollLeft - 20, 0), i.value.scrollLeft = F;
-      }
-    }
-    function D(w, x) {
-      const F = o.value.findIndex((G) => G.name === x.name);
-      if (F > -1) {
-        const [G] = o.value.splice(F, 1);
-        T.value = S(), t.emit("change", o.value), t.emit("remove", {
-          tags: o.value,
-          remove: G
-        });
-      }
-      w.stopPropagation();
-    }
-    const K = b(() => ({
-      "farris-tag-item": !0,
-      "farris-tag-add-button": !0,
-      "farris-tag-add-button-disabled": !e.enableAddButton
-    }));
-    function W(w) {
-      w.stopPropagation(), y.value = !0;
-    }
-    function O() {
-      return !e.disable && p("li", {
-        class: K.value,
-        onClick: (w) => W(w)
-      }, [p("span", {
-        class: "f-icon f-icon-amplification"
-      }, null), n.value && p("span", {
-        class: "farris-tag-add-text"
-      }, [n.value])]);
-    }
-    function $(w, x, F) {
-      w > -1 && (o.value.splice(w, 0, {
-        name: x,
-        value: F,
-        selectable: s.value
-      }), T.value = S(), y.value = !1, t.emit("change", o.value));
-    }
-    function N(w) {
-      if (w && w.value) {
-        const x = w.value, F = B.value;
-        $(F, x, x), w.innerText = "";
-      } else
-        y.value = !1;
-    }
-    function z(w) {
-      const x = w.target;
-      x && x.value ? N(x) : y.value = !1;
-    }
-    function j(w) {
-      w.key === "Enter" && N(w.target);
-    }
-    function H() {
-      return !e.disable && p("li", {
-        class: "farris-tag-input-box"
-      }, [p("input", {
-        ref: v,
-        class: "form-control",
-        onKeyup: j,
-        onBlur: z
-      }, null)]);
-    }
-    function E(w, x) {
-      return p("li", {
-        class: R(w),
-        style: P.value,
-        tabindex: 0,
-        id: w.name,
-        key: w.name,
-        onClick: (F) => A(F, w),
-        onKeydown: (F) => U(F, w),
-        draggable: "true",
-        onDragstart: (F) => V(F, w, x),
-        onDragenter: (F) => k(F, x),
-        onDragend: (F) => _(F, w),
-        onDragover: (F) => M(F, x)
-      }, [p("span", {
-        title: w.name,
-        class: "tag-box"
-      }, [w.name]), !e.disable && l.value && p("span", {
-        class: "tag-delete"
-      }, [p("i", {
-        class: "f-icon f-icon-close",
-        onClick: (F) => D(F, w)
-      }, null)])]);
-    }
-    function Z() {
-      return T.value.map((w, x) => {
-        switch (w.type) {
-          case "Tag":
-            return E(w.payload, x);
-          case "AddButton":
-            return O();
-          case "Input":
-            return H();
-        }
-      });
-    }
-    const ae = b(() => ({
-      "farris-tags-item-container": !0,
-      "farris-tag-item-capsule": c.value === "capsule"
-    }));
-    function oe(w) {
-      const x = Math.max(i.value.scrollLeft - w.deltaX, 0);
-      i.value.scrollLeft = x;
-    }
-    function Be(w) {
-      var F;
-      w.preventDefault(), w.stopPropagation();
-      const x = (F = w.dataTransfer) == null ? void 0 : F.getData("Text");
-      if (x) {
-        const G = x.split(":"), Te = G[0], ee = G[1];
-        [...o.value].findIndex((le) => (console.log(`${le.value} === ${ee} is ${le.value === ee}`), le.value === ee)) > -1 || $(o.value.length, Te, ee);
-      }
-    }
-    function ke(w) {
-      w.preventDefault();
-    }
-    return () => p("div", {
-      class: h.value,
-      onDrop: Be,
-      onDragover: ke
-    }, [p("ul", {
-      ref: i,
-      class: ae.value,
-      onWheel: (w) => oe(w)
-    }, [Z()])]);
-  }
-});
-function Un(e, t, s) {
-  const d = u(e.separator), {
-    changeTextBoxValue: o
-  } = s, r = b(() => t.value ? t.value.split(d.value).map((f) => ({
-    name: f,
-    selectable: !0
-  })) : []);
-  function c(f) {
-    o(f.map((m) => m.name).join(d.value), !0);
-  }
-  return () => p(qn, {
-    id: `${e.id}-tag-editor`,
-    class: "form-control",
-    data: r.value,
-    showClose: !0,
-    showInput: !0,
-    onChange: c
-  }, null);
-}
-function Gn(e, t, s) {
-  const {
-    buttonGroupClass: d,
-    onClickButton: o,
-    onMouseEnterButton: r,
-    onMouseLeaveButton: c
-  } = t, {
-    enableClearButton: f,
-    showClearButton: m,
-    onClearValue: a
-  } = s;
-  return () => p("div", {
-    id: `${e.id}-button-group`,
-    class: d.value
-  }, [f.value && ne(p("span", {
-    class: "input-group-text input-group-clear",
-    onClick: a
-  }, [p("i", {
-    class: "f-icon modal_close"
-  }, null)]), [[me, m.value]]), e.buttonContent && p("span", {
-    class: "input-group-text input-group-append-button",
-    innerHTML: e.buttonContent,
-    onClick: o,
-    onMouseenter: r,
-    onMouseleave: c
-  }, null)]);
-}
-const Xn = {
-  id: { type: String },
-  title: { type: String },
-  placement: { type: String, default: "bottom" },
-  reference: {
-    type: Object
-  },
-  host: {
-    type: Object
-  },
-  leftBoundary: {
-    type: Object
-  },
-  rightBoundary: {
-    type: Object
-  },
-  visible: { type: Boolean, default: !1 },
-  class: { type: String },
-  offsetX: { type: Object, default: u(0) },
-  zIndex: { type: Number, default: -1 },
-  keepWidthWithReference: { type: Boolean, default: !1 },
-  fitContent: { type: Boolean, default: !1 },
-  minWidth: { type: Number, default: -1 }
-};
-function Kn(e) {
-  const t = e.host ? e.host : "body", s = b(() => t === "body" ? 0 : t ? t.getBoundingClientRect().top : 0), d = b(() => t === "body" ? 0 : t ? t.getBoundingClientRect().left : 0), o = b(() => t === "body" ? document.body.getBoundingClientRect().width : t ? t.getBoundingClientRect().width - (e.rightBoundary ? e.rightBoundary.getBoundingClientRect().width : 0) : document.body.getBoundingClientRect().width), r = b(() => t === "body" ? document.body.getBoundingClientRect().height : t ? t.getBoundingClientRect().height : document.body.getBoundingClientRect().height);
-  return { host: t, hostLeft: d, hostTop: s, hostWidth: o, hostHeight: r };
-}
-function Zn(e, t, s, d) {
-  var W;
-  const o = u(0), r = u(((W = e.offsetX) == null ? void 0 : W.value) || 0), c = u(e.minWidth), f = u(-1), m = u(-1), a = u(e.placement), l = u(0), n = u(0), i = u(0), g = u(document.documentElement.scrollLeft), v = u(document.documentElement.scrollTop), { hostLeft: y, hostTop: S, hostWidth: T, hostHeight: I } = d;
-  L(e.offsetX, (O) => {
-    o.value = O - r.value;
-  });
-  const B = b(() => {
-    const O = {
-      left: `${n.value}px`,
-      top: `${i.value}px`,
-      transform: `translateX(${o.value}px)`
-    };
-    return e.zIndex !== -1 && (O["z-index"] = e.zIndex), c.value !== -1 && (O.width = `${c.value}px`), O;
-  }), C = b(() => ({
-    left: `${l.value}px`
-  }));
-  function V(O) {
-    if (O && e.keepWidthWithReference) {
-      const $ = O.getBoundingClientRect();
-      c.value = Math.max(e.minWidth, $.width);
-    }
-  }
-  function k(O, $) {
-    const N = T.value - O.width - 4;
-    return N > 0 ? N : $;
-  }
-  function M(O, $) {
-    const N = I.value - O.height - 4;
-    return N > 0 ? N : $;
-  }
-  function _(O, $, N) {
-    const z = l.value, j = $.left - y.value + $.width / 2 + g.value, H = $.top - S.value - (O.height + N.height) + v.value;
-    return { popoverLeft: j, popoverTop: H, arrowLeft: z };
-  }
-  function h(O, $, N) {
-    const z = $.top - S.value + ($.height + N.height) + v.value, j = M(O, z);
-    return Math.min(z, j);
-  }
-  function R(O, $) {
-    const N = k($, O), z = O <= N ? l.value : O - N;
-    return { popoverLeft: Math.min(O, N), arrowLeft: z };
-  }
-  function P(O, $, N) {
-    const z = $.left - y.value + $.width / 2 - (N.width / 2 - (O.left - y.value)) + g.value, { arrowLeft: j, popoverLeft: H } = R(z, O), E = h(O, $, N);
-    return { popoverLeft: H, popoverTop: E, arrowLeft: j };
-  }
-  function A(O, $, N) {
-    const z = $.left - y.value + g.value, { arrowLeft: j, popoverLeft: H } = R(z, O), E = h(O, $, N);
-    return { popoverLeft: H, popoverTop: E, arrowLeft: j };
-  }
-  const U = /* @__PURE__ */ new Map([
-    ["top", _],
-    ["bottom", P],
-    ["bottom-left", A]
-  ]);
-  function D(O) {
-    var H, E;
-    const $ = O.getBoundingClientRect();
-    f.value = $.top, m.value = $.left;
-    const N = (H = t.value) == null ? void 0 : H.getBoundingClientRect(), z = (E = s.value) == null ? void 0 : E.getBoundingClientRect(), j = U.get(a.value);
-    if (j) {
-      const { arrowLeft: Z, popoverLeft: ae, popoverTop: oe } = j(z, $, N);
-      l.value = Z, n.value = ae, i.value = oe;
-    }
-    e.keepWidthWithReference && V(O);
-  }
-  function K(O) {
-    if (O) {
-      const $ = O.getBoundingClientRect();
-      ($.left !== m.value || $.top !== f.value) && D(O);
-    }
-  }
-  return {
-    arrowStyle: C,
-    popoverStyle: B,
-    position: a,
-    popoverWidth: c,
-    fitToReference: V,
-    followToReferencePosition: K,
-    locateToReference: D
-  };
-}
-function Jn(e, t, s, d, o, r, c) {
-  const f = u(e.visible), m = b(() => f.value), { fitToReference: a, locateToReference: l } = c;
-  let n;
-  function i() {
-    f.value = !1, document.body.removeEventListener("click", n), t.emit("hidden");
-  }
-  n = (v) => {
-    if (!o.value.contains(v.target)) {
-      const y = o.value.closest(".popover");
-      y && y.removeEventListener("click", n), i();
-    }
-  };
-  async function g(v) {
-    if (d.value && s.value && v) {
-      f.value = !0, o.value = v, r.value && a(v), await J(), l(v), document.body.addEventListener("click", n);
-      const y = v.closest(".popover");
-      y && y.addEventListener("click", n), t.emit("shown");
-    }
-  }
-  return t.expose({ hide: i, show: g, shown: m }), { showPopover: f, hidePopverOnClickBodyHandler: n };
-}
-function Qn(e, t, s, d, o) {
-  const { popoverWidth: r, fitToReference: c, followToReferencePosition: f } = o;
-  function m() {
-    if (s.value) {
-      f(s.value);
-      const a = s.value.getBoundingClientRect();
-      d.value && a.width !== r.value && c(s.value);
-    }
-  }
-  return { onResize: m };
-}
-const Yn = /* @__PURE__ */ X({
-  name: "FPopover",
-  props: Xn,
-  emits: ["shown", "hidden"],
-  setup(e, t) {
-    const s = u(), d = u(), o = u(e.reference), r = u(e.keepWidthWithReference), c = b(() => !!e.title), f = Kn(e), {
-      host: m
-    } = f, a = Zn(e, s, d, f), {
-      position: l,
-      arrowStyle: n,
-      popoverStyle: i,
-      fitToReference: g,
-      locateToReference: v
-    } = a, {
-      showPopover: y,
-      hidePopverOnClickBodyHandler: S
-    } = Jn(e, t, s, d, o, r, a), {
-      onResize: T
-    } = Qn(e, t, o, r, a), I = b(() => {
-      const C = `popover in popover-${l.value}`, V = `bs-popover-${l.value}`, k = {
-        "popover-fitcontent": e.fitContent
-      };
-      return k[C] = !0, k[V] = !0, (e.class || "").split(" ").reduce((_, h) => (_[h] = !0, _), k), k;
-    }), B = b(() => ({
-      "popover-content": !0,
-      "popover-body": !0
-    }));
-    return ie(() => {
-      e.reference && v(o.value), r.value && g(o.value), window.addEventListener("resize", T);
-    }), se(() => {
-      document.body.removeEventListener("click", S), window.removeEventListener("resize", T);
-    }), () => p(ue, {
-      to: m
-    }, {
-      default: () => {
-        var C;
-        return [ne(p("div", {
-          ref: d,
-          class: I.value,
-          style: i.value,
-          onClick: (V) => {
-            V.stopPropagation();
-          }
-        }, [p("div", {
-          ref: s,
-          class: "popover-arrow arrow",
-          style: n.value
-        }, null), c.value && p("h3", {
-          class: "popover-title popover-header"
-        }, [e.title]), p("div", {
-          class: B.value
-        }, [t.slots.default && ((C = t.slots) == null ? void 0 : C.default())])]), [[me, y.value]])];
-      }
-    });
-  }
-});
-function ea(e, t, s) {
-  const d = u(e.popupMinWidth), {
-    hidePopup: o,
-    popoverRef: r
-  } = s;
-  return () => p(Yn, {
-    id: `${e.id}-popover`,
-    ref: r,
-    visible: !0,
-    placement: "bottom-left",
-    host: e.popupHost,
-    "keep-width-with-reference": !0,
-    fitContent: !0,
-    "right-boundary": e.popupRightBoundary,
-    minWidth: d.value,
-    offsetX: e.popupOffsetX,
-    onHidden: o
-  }, {
-    default: () => {
-      var c, f;
-      return [(f = (c = t.slots).default) == null ? void 0 : f.call(c)];
-    }
-  });
-}
-const ta = /* @__PURE__ */ X({
-  name: "FButtonEdit",
-  props: we,
-  emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
-  setup(e, t) {
-    const s = u(), d = u(e.customClass), o = u(e.modelValue), r = In(e, t, s), {
-      shouldPopupContent: c,
-      hidePopup: f,
-      togglePopup: m
-    } = r, a = Bn(e, t, s, r), l = u(""), n = Tn(e, t, o, l, r), {
-      hasFocusedTextBox: i,
-      commitValue: g,
-      inputGroupClass: v
-    } = n, y = kn(e, t, o, i, l, n), {
-      onMouseEnterTextBox: S,
-      onMouseLeaveTextBox: T
-    } = y, I = b(() => {
-      const h = {
-        "f-button-edit": !0,
-        "f-cmp-inputgroup": !0,
-        "f-button-edit-nowrap": !e.wrapText
-      };
-      return d.value && d.value.split(" ").reduce((R, P) => (R[P] = !0, R), h), h;
-    });
-    function B() {
-      return e.multiSelect && e.inputType === "tag" ? Un(e, o, n) : On(e, o, n);
-    }
-    let C = B();
-    L([() => e.multiSelect, () => e.inputType], () => {
-      C = B();
-    });
-    const V = Gn(e, a, y), k = ea(e, t, r), M = {
-      commitValue: g,
-      elementRef: s,
-      hidePopup: f,
-      shouldPopupContent: c,
-      togglePopup: m
-    };
-    ie(() => {
-      s.value.componentInstance = M, window.onresize = () => {
-        document.body.click();
-      };
-    });
-    function _(h) {
-      s.value.contains(h.target) && c.value || document.body.click();
-    }
-    return t.expose(M), () => p(pe, null, [p("div", Fe(t.attrs, {
-      ref: s,
-      class: I.value,
-      id: e.id,
-      onMousedown: _
-    }), [p("div", {
-      id: `${e.id}-input-group`,
-      class: v.value,
-      onMouseenter: S,
-      onMouseleave: T
-    }, [C(), V()])]), c.value && k()]);
-  }
-});
-function na(e) {
-  const t = u(""), s = u(e.modelValue), d = u(e.data || []), o = u(e.editable);
-  function r(n) {
-    const i = String(n).split(e.separator).map((v) => [v, !0]), g = new Map(i);
-    return d.value.filter((v) => g.has(String(v[e.valueField])));
-  }
-  function c(n) {
-    const i = r(n).map((g) => g[e.textField]).join(e.separator);
-    t.value = o.value ? i || n : i;
-  }
-  function f(n) {
-    const i = n.split(e.separator).map((v) => [v, !0]), g = new Map(i);
-    return d.value.filter((v) => g.has(v[e.textField]));
-  }
-  function m(n) {
-    const i = {};
-    return i[e.idField] = n, i[e.textField] = n, [i];
-  }
-  function a(n) {
-    let i = f(n);
-    const g = i && i.length > 0;
-    return o.value && !g && (i = m(n)), i;
-  }
-  function l() {
-    const { url: n, method: i = "GET", headers: g = {}, body: v = null } = e.remote;
-    fetch(n, { method: i, headers: g, body: v }).then((S) => {
-      if (S.status === 200)
-        return S.json();
-      throw new Error(S.statusText);
-    }).then((S) => {
-      d.value = S;
-    }).catch((S) => {
-      console.error(S);
-    });
-  }
-  return e.remote && l(), L(() => e.data, () => {
-    d.value = e.data;
-  }), L([d], ([n]) => {
-    if (e.modelValue) {
-      const i = n.find((g) => g[e.valueField] === e.modelValue);
-      i && (t.value = i[e.textField]);
-    }
-  }), L(() => e.modelValue, (n) => {
-    s.value = n, c(n);
-  }), c(e.modelValue), { dataSource: d, displayText: t, editable: o, modelValue: s, getItemsByDisplayText: f, getItemsByValue: r, getSelectedItemsByDisplayText: a };
-}
-const xe = /* @__PURE__ */ X({
-  name: "FComboList",
-  props: be,
-  emits: ["clear", "update:modelValue", "change"],
-  setup(e, t) {
-    const s = u(), d = u(e.disabled), o = u(e.enableClear), r = u(e.enableSearch), c = u(e.readonly), {
-      dataSource: f,
-      displayText: m,
-      editable: a,
-      modelValue: l,
-      getSelectedItemsByDisplayText: n
-    } = na(e), i = b(() => e.multiSelect), g = b(() => s.value ? s.value.elementRef.getBoundingClientRect().width : 0);
-    function v() {
-      !i.value && s.value && s.value.hidePopup();
-    }
-    function y(B) {
-      m.value = B.map((C) => C[e.textField]).join(e.separator), l.value = B.map((C) => C[e.valueField]).join(e.separator), t.emit("update:modelValue", l.value), t.emit("change", B, l.value), v();
-    }
-    function S(B) {
-      l.value = "", t.emit("update:modelValue", ""), t.emit("clear");
-    }
-    function T(B) {
-      const C = n(B);
-      y(C);
-    }
-    function I() {
-      return m.value;
-    }
-    return t.expose({
-      getDisplayText: I
-    }), L([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([B, C, V, k, M]) => {
-      d.value = B, a.value = C, o.value = V, r.value = k, c.value = M;
-    }), () => p(ta, {
-      ref: s,
-      id: e.id,
-      disable: d.value,
-      readonly: c.value,
-      forcePlaceholder: e.forcePlaceholder,
-      editable: a.value,
-      buttonContent: e.dropDownIcon,
-      placeholder: e.placeholder,
-      enableClear: o.value,
-      maxLength: e.maxLength,
-      tabIndex: e.tabIndex,
-      enableTitle: e.enableTitle,
-      multiSelect: e.multiSelect,
-      inputType: e.multiSelect ? "tag" : "text",
-      modelValue: m.value,
-      "onUpdate:modelValue": (B) => m.value = B,
-      onClear: S,
-      onChange: T
-    }, {
-      default: () => [p(Jt, {
-        idField: e.idField,
-        valueField: e.valueField,
-        textField: e.textField,
-        titleField: e.titleField,
-        dataSource: f.value,
-        selectedValues: l.value,
-        multiSelect: e.multiSelect,
-        enableSearch: r.value,
-        height: e.maxHeight,
-        width: e.fitEditor ? g.value : void 0,
-        onSelectionChange: y
-      }, null)]
-    });
-  }
-});
-function aa(e, t) {
-  const {
-    defaultSpacings: s
-  } = e, {
-    directions: d
-  } = e, o = u(e.margins), r = u(e.paddings), c = u(!1), f = u("default"), m = b(() => ({
-    "f-icon": !0,
-    "mr-1": !0,
-    "f-spacing-editor-icon": !0,
-    "f-icon-arrow-60-right": !c.value,
-    "f-icon-arrow-60-down": c.value
-  })), a = b(() => ({
-    margin: o.value.join("px ") + "px",
-    padding: r.value.join("px ") + "px"
-  }));
-  function l() {
-    c.value = !c.value;
-  }
-  function n(y) {
-    y[0].name !== "自定义" ? (o.value.fill(y[0].value), c.value = !1, J(() => {
-      c.value = !0;
-    }), t.emit("valueChanged", a.value)) : c.value = !0;
-  }
-  function i() {
-    f.value = "custom", t.emit("valueChanged", a.value);
-  }
-  function g() {
-    return c.value ? p("div", {
-      class: "f-spacing-editor-custom-container"
-    }, [d.map((y, S) => p("div", null, [p("div", {
-      class: "f-spacing-editor-custom"
-    }, [p("div", {
-      class: "f-spacing-editor-title"
-    }, [y.title, te("间距(px)")]), p(he, {
-      style: "flex: 1 1 0",
-      min: 0,
-      modelValue: o.value[S],
-      "onUpdate:modelValue": (T) => o.value[S] = T,
-      onChange: i
-    }, null)])]))]) : "";
-  }
-  function v() {
-    return p("div", {
-      class: "f-spacing-editor-container"
-    }, [p("div", {
-      style: "display: flex"
-    }, [p("div", {
-      class: "f-spacing-editor-title"
-    }, [p("div", {
-      class: m.value,
-      onClick: l
-    }, null), p("div", null, [te("外间距")])]), p(xe, {
-      style: "flex: 1 1 0",
-      data: s,
-      modelValue: f.value,
-      "onUpdate:modelValue": (y) => f.value = y,
-      onChange: n
-    }, null)]), g()]);
-  }
-  return {
-    renderSpacingEditorMargin: v
-  };
-}
-function oa(e, t) {
-  const {
-    defaultSpacings: s
-  } = e, {
-    directions: d
-  } = e, o = u(e.margins), r = u(e.paddings), c = u(!1), f = u("default"), m = b(() => ({
-    "f-icon": !0,
-    "mr-1": !0,
-    "f-spacing-editor-icon": !0,
-    "f-icon-arrow-60-right": !c.value,
-    "f-icon-arrow-60-down": c.value
-  })), a = b(() => ({
-    margin: o.value.join("px ") + "px",
-    padding: r.value.join("px ") + "px"
-  }));
-  function l() {
-    c.value = !c.value;
-  }
-  function n(y) {
-    y[0].name !== "自定义" ? (r.value.fill(y[0].value), c.value = !1, J(() => {
-      c.value = !0;
-    }), t.emit("valueChanged", a.value)) : c.value = !0;
-  }
-  function i() {
-    f.value = "custom", t.emit("valueChanged", a.value);
-  }
-  function g() {
-    return c.value ? p("div", {
-      class: "f-spacing-editor-custom-container"
-    }, [d.map((y, S) => p("div", null, [p("div", {
-      class: "f-spacing-editor-custom"
-    }, [p("div", {
-      class: "f-spacing-editor-title"
-    }, [y.title, te("间距(px)")]), p(he, {
-      style: "flex: 1 1 0",
-      min: 0,
-      modelValue: r.value[S],
-      "onUpdate:modelValue": (T) => r.value[S] = T,
-      onChange: i
-    }, null)])]))]) : "";
-  }
-  function v() {
-    return p("div", {
-      class: "f-spacing-editor-container"
-    }, [p("div", {
-      style: "display: flex"
-    }, [p("div", {
-      class: "f-spacing-editor-title"
-    }, [p("div", {
-      class: m.value,
-      onClick: l
-    }, null), p("div", null, [te("内间距")])]), p(xe, {
-      style: "flex: 1 1 0",
-      data: s,
-      modelValue: f.value,
-      "onUpdate:modelValue": (y) => f.value = y,
-      onChange: n
-    }, null)]), g()]);
-  }
-  return {
-    renderSpacingEditorPadding: v
-  };
-}
-const fe = /* @__PURE__ */ X({
-  name: "FSpacingEditor",
-  props: Pe,
-  emits: ["valueChanged"],
-  setup(e, t) {
-    const {
-      renderSpacingEditorMargin: s
-    } = aa(e, t), {
-      renderSpacingEditorPadding: d
-    } = oa(e, t);
-    return () => p("div", null, [s(), d()]);
-  }
-}), ca = {
-  install(e) {
-    e.component(fe.name, fe);
-  }
-  // register(componentMap: Record<string, any>, propsResolverMap: Record<string, any>, configResolverMap: Record<string, any>): void {
-  //     componentMap.spacingEditor = SpacingEditor;
-  //     propsResolverMap.spacingEditor = propsResolver;
-  // },
-  // registerDesigner(componentMap: Record<string, any>, propsResolverMap: Record<string, any>, configResolverMap: Record<string, any>): void {
-  //     componentMap.spacingEditor = SpacingEditorDesign;
-  //     propsResolverMap.spacingEditor = propsResolver;
-  // }
-};
-export {
-  fe as SpacingEditor,
-  ca as default,
-  Pe as spacingEditorProps
-};